git.iko.soy/rowtype-yoga/psfp
on 2a33c3c help sign in
rowtype-yoga/psfp/client/dce-output/Yoga.SVG.Icon/index.js
129 lines 6.1 kB history raw
1// Generated by purs version 0.13.6
2"use strict";
3var $foreign = require("./foreign.js");
4var Control_Applicative = require("../Control.Applicative/index.js");
5var Data_Eq = require("../Data.Eq/index.js");
6var Data_Monoid = require("../Data.Monoid/index.js");
7var Data_Symbol = require("../Data.Symbol/index.js");
8var JSS = require("../JSS/index.js");
9var React_Basic_DOM_SVG = require("../React.Basic.DOM.SVG/index.js");
10var React_Basic_Hooks = require("../React.Basic.Hooks/index.js");
11var React_Basic_Hooks_Internal = require("../React.Basic.Hooks.Internal/index.js");
12var Record_Extra = require("../Record.Extra/index.js");
13var Type_Equality = require("../Type.Equality/index.js");
14var Yoga_Theme_Styles = require("../Yoga.Theme.Styles/index.js");
15var ArrowPointsRight = (function () {
16 function ArrowPointsRight() {
18 };
19 ArrowPointsRight.value = new ArrowPointsRight();
20 return ArrowPointsRight;
21})();
22var ArrowPointsLeft = (function () {
23 function ArrowPointsLeft() {
25 };
26 ArrowPointsLeft.value = new ArrowPointsLeft();
27 return ArrowPointsLeft;
28})();
29var trianglelogoIcon = function (dictUnion) {
30 return $foreign.trianglelogoIconRaw;
31};
32var mapIcon = function (dictUnion) {
33 return $foreign.mapIconRaw;
34};
35var eqActiveArrowDirection = new Data_Eq.Eq(function (x) {
36 return function (y) {
37 if (x instanceof ArrowPointsRight && y instanceof ArrowPointsRight) {
38 return true;
39 };
40 if (x instanceof ArrowPointsLeft && y instanceof ArrowPointsLeft) {
41 return true;
42 };
43 return false;
44 };
45});
46var mkMenu = function __do() {
47 var useStyles = Yoga_Theme_Styles.makeStylesJSS()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
48 return "arrow";
49 }))()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
50 return "arrowInactive";
51 }))()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
52 return "svg";
53 }))()(Record_Extra.mapRecordNil)()())()())()())(JSS.jssClasses()(function (v) {
54 return {
55 arrow: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
56 return "fill";
57 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
58 return "transition";
59 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsNil)))()())({
60 fill: v.textColour,
61 transition: "0.3s ease-out"
62 }),
63 arrowInactive: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
64 return "fillOpacity";
65 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsNil))()())({
66 fillOpacity: ".1"
67 }),
68 svg: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
69 return "&:hover";
70 }))(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
71 return "fill";
72 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsNil))()())()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
73 return "height";
74 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
75 return "width";
76 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsNil))))()())({
77 width: "100%",
78 height: "100%",
79 "&:hover": {
80 fill: v.backgroundColour
81 }
82 })
83 };
84 }))();
85 return React_Basic_Hooks.component()()()("MenuIcon")(function (v) {
86 return React_Basic_Hooks_Internal.bind(React_Basic_Hooks_Internal.ixBindRender)(useStyles({}))(function (classes) {
87 return Control_Applicative.pure(React_Basic_Hooks_Internal.applicativeRender(Type_Equality.refl))(React_Basic_DOM_SVG.svg()({
88 xmlns: "http://www.w3.org/2000/svg",
89 viewBox: "0 0 100 100",
90 fillRule: "nonzero",
91 strokeLinejoin: "round",
92 strokeMiterlimit: "2",
93 className: classes.svg,
94 children: [ React_Basic_DOM_SVG.path()({
95 d: "M28.72 46.524l8.94.26-7.843 7.388h40.97l-7.87 6.732H29.753l7.64 7.302-8.76.267-10.928-10.88 11.013-11.07zM17.493 57.806l.213-.213-.213.213z",
96 className: classes.arrow + (" " + Data_Monoid.guard(Data_Monoid.monoidString)(Data_Eq.eq(eqActiveArrowDirection)(v.activeArrowDirection)(ArrowPointsRight.value))(classes.arrowInactive))
97 }), React_Basic_DOM_SVG.path()({
98 d: "M71.3 53.472l-8.94-.26 7.843-7.388H29.4l7.723-6.732h33.163l-7.64-7.302 8.758-.267 10.93 10.88L71.3 53.472zM82.536 42.2l-.213.213.213-.213z",
99 className: classes.arrow + (" " + Data_Monoid.guard(Data_Monoid.monoidString)(Data_Eq.eq(eqActiveArrowDirection)(v.activeArrowDirection)(ArrowPointsLeft.value))(classes.arrowInactive))
100 }) ]
101 }));
102 });
103 })();
104};
105var bindIcon = function (dictUnion) {
106 return $foreign.bindIconRaw;
107};
108var applyflippedIcon = function (dictUnion) {
109 return $foreign.applyflippedIconRaw;
110};
111var appendIcon = function (dictUnion) {
112 return $foreign.appendIconRaw;
113};
114module.exports = {
115 appendIcon: appendIcon,
116 applyflippedIcon: applyflippedIcon,
117 bindIcon: bindIcon,
118 mapIcon: mapIcon,
119 trianglelogoIcon: trianglelogoIcon,
120 ArrowPointsRight: ArrowPointsRight,
121 ArrowPointsLeft: ArrowPointsLeft,
122 mkMenu: mkMenu,
123 eqActiveArrowDirection: eqActiveArrowDirection,
124 appendIconRaw: $foreign.appendIconRaw,
125 applyflippedIconRaw: $foreign.applyflippedIconRaw,
126 bindIconRaw: $foreign.bindIconRaw,
127 mapIconRaw: $foreign.mapIconRaw,
128 trianglelogoIconRaw: $foreign.trianglelogoIconRaw
129};