git.iko.soy/rowtype-yoga/psfp
on cf0f24c help sign in
rowtype-yoga/psfp/client/dce-output/Yoga.Typography.Header/index.js
199 lines 9.3 kB history raw
1// Generated by purs version 0.13.6
2"use strict";
3var Control_Applicative = require("../Control.Applicative/index.js");
4var Data_Array = require("../Data.Array/index.js");
5var Data_Foldable = require("../Data.Foldable/index.js");
6var Data_Monoid = require("../Data.Monoid/index.js");
7var Data_Semigroup = require("../Data.Semigroup/index.js");
8var Data_Symbol = require("../Data.Symbol/index.js");
9var JSS = require("../JSS/index.js");
10var React_Basic_DOM = require("../React.Basic.DOM/index.js");
11var React_Basic_DOM_Generated = require("../React.Basic.DOM.Generated/index.js");
12var React_Basic_Hooks = require("../React.Basic.Hooks/index.js");
13var React_Basic_Hooks_Internal = require("../React.Basic.Hooks.Internal/index.js");
14var Record_Extra = require("../Record.Extra/index.js");
15var Type_Equality = require("../Type.Equality/index.js");
16var Yoga_Theme_Styles = require("../Yoga.Theme.Styles/index.js");
17var H1 = (function () {
18 function H1() {
20 };
21 H1.value = new H1();
22 return H1;
23})();
24var H2 = (function () {
25 function H2() {
27 };
28 H2.value = new H2();
29 return H2;
30})();
31var H3 = (function () {
32 function H3() {
34 };
35 H3.value = new H3();
36 return H3;
37})();
38var H4 = (function () {
39 function H4() {
41 };
42 H4.value = new H4();
43 return H4;
44})();
45var Subheading = (function () {
46 function Subheading() {
48 };
49 Subheading.value = new Subheading();
50 return Subheading;
51})();
52var mkH = function __do() {
53 var useStyles = Yoga_Theme_Styles.makeStylesJSS()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
54 return "common";
55 }))()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
56 return "h1";
57 }))()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
58 return "h2";
59 }))()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
60 return "h3";
61 }))()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
62 return "h4";
63 }))()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
64 return "h5";
65 }))()(Record_Extra.mapRecordNil)()())()())()())()())()())()())(JSS.jssClasses()(function (v) {
66 return {
67 common: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
68 return "color";
69 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
70 return "fontFamily";
71 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsNil)))()())({
72 color: v.textColour,
73 fontFamily: v.headingFontFamily
74 }),
75 h1: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
76 return "fontSize";
77 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
78 return "letterSpacing";
79 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
80 return "margin";
81 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
82 return "padding";
83 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
84 return "textTransform";
85 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsNil))))))()())({
86 textTransform: "uppercase",
87 fontSize: "3.6em",
88 letterSpacing: "0.07em",
89 margin: 0,
90 padding: 0
91 }),
92 h2: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
93 return "fontSize";
94 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
95 return "letterSpacing";
96 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
97 return "margin";
98 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
99 return "padding";
100 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
101 return "textTransform";
102 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsNil))))))()())({
103 textTransform: "uppercase",
104 fontSize: "3em",
105 letterSpacing: "0.05em",
106 margin: 0,
107 padding: 0
108 }),
109 h3: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
110 return "fontSize";
111 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
112 return "margin";
113 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
114 return "padding";
115 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsNil))))()())({
116 fontSize: "2.2em",
117 margin: 0,
118 padding: 0
119 }),
120 h4: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
121 return "fontSize";
122 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
123 return "margin";
124 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
125 return "padding";
126 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsNil))))()())({
127 fontSize: "1.5em",
128 margin: 0,
129 padding: 0
130 }),
131 h5: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
132 return "color";
133 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
134 return "fontSize";
135 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
136 return "margin";
137 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
138 return "padding";
139 }))(JSS.jssAbleInt)()()()(JSS.jssAbleFieldsNil)))))()())({
140 fontSize: "1.0em",
141 margin: 0,
142 padding: 0,
143 color: v.textColourLighter
144 })
145 };
146 }))();
147 return React_Basic_Hooks.component()()()("Heading")(function (v) {
148 return React_Basic_Hooks_Internal.bind(React_Basic_Hooks_Internal.ixBindRender)(useStyles({}))(function (classes) {
149 var elem = (function () {
150 if (v.level instanceof H1) {
151 return React_Basic_DOM_Generated.h1();
152 };
153 if (v.level instanceof H2) {
154 return React_Basic_DOM_Generated.h2();
155 };
156 if (v.level instanceof H3) {
157 return React_Basic_DOM_Generated.h3();
158 };
159 if (v.level instanceof H4) {
160 return React_Basic_DOM_Generated.h4();
161 };
162 if (v.level instanceof Subheading) {
163 return React_Basic_DOM_Generated.h5();
164 };
165 throw new Error("Failed pattern match at Yoga.Typography.Header (line 72, column 14 - line 77, column 27): " + [ v.level.constructor.name ]);
166 })();
167 var specificClassName = (function () {
168 if (v.level instanceof H1) {
169 return classes.h1;
170 };
171 if (v.level instanceof H2) {
172 return classes.h2;
173 };
174 if (v.level instanceof H3) {
175 return classes.h3;
176 };
177 if (v.level instanceof H4) {
178 return classes.h4;
179 };
180 if (v.level instanceof Subheading) {
181 return classes.h5;
182 };
183 throw new Error("Failed pattern match at Yoga.Typography.Header (line 79, column 27 - line 84, column 33): " + [ v.level.constructor.name ]);
184 })();
185 return Control_Applicative.pure(React_Basic_Hooks_Internal.applicativeRender(Type_Equality.refl))(elem({
186 className: Data_Foldable.intercalate(Data_Foldable.foldableArray)(Data_Monoid.monoidString)(" ")(Data_Semigroup.append(Data_Semigroup.semigroupArray)([ classes.common, specificClassName ])(Data_Array.fromFoldable(Data_Foldable.foldableMaybe)(v.className))),
187 children: [ React_Basic_DOM.text(v.text) ]
188 }));
189 });
190 })();
191};
192module.exports = {
193 H1: H1,
194 H2: H2,
195 H3: H3,
196 H4: H4,
197 Subheading: Subheading,
198 mkH: mkH
199};