@factorearth/component-library 3.9.0 → 3.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,18 @@
1
1
  import styled from "@emotion/styled";
2
+ import { keyframes } from "@emotion/react";
2
3
  import React, { useState, useMemo, useRef } from "react";
3
4
  import { FiMenu, FiCloud, FiCloudOff, FiSun, FiMoon, FiChevronRight, FiX, } from "react-icons/fi";
4
5
  import Toggle from "../../Atoms/Toggle/Toggle";
6
+ const slideInLeft = keyframes `
7
+ 0% {
8
+ transform: translateX(-100%);
9
+ opacity: 0;
10
+ }
11
+ 100% {
12
+ transform: translateX(0);
13
+ opacity: 1;
14
+ }
15
+ `;
5
16
  const NavMenu = styled.div `
6
17
  display: flex;
7
18
  flex-direction: column;
@@ -51,6 +62,12 @@ const NavMenuDropdown = styled.div `
51
62
  z-index: 1000;
52
63
  box-shadow: 5px 5px 5px rgba(64, 64, 64, 0.2);
53
64
  background: ${({ colorPalette }) => colorPalette.background.primary};
65
+ animation: ${slideInLeft} 0.5s ease-out forwards;
66
+ display: ${({ navOpen }) => (navOpen ? "flex" : "none")};
67
+ flex-direction: column;
68
+ &:focus {
69
+ outline: none;
70
+ }
54
71
  `;
55
72
  const MenuItems = styled.div `
56
73
  align-items: flex-start;
@@ -124,10 +141,20 @@ const NavBar = (props) => {
124
141
  return buildNavElements(locations);
125
142
  }, [locations, colorPalette]);
126
143
  const handleNavClick = (e) => {
127
- if (!navOpen)
128
- navMenuRef.current?.focus();
144
+ if (!navOpen) {
145
+ requestAnimationFrame(() => {
146
+ navMenuRef.current?.focus();
147
+ });
148
+ }
129
149
  setNavOpen(!navOpen);
130
150
  };
151
+ const handleNavBlur = (e) => {
152
+ if (navOpen &&
153
+ navMenuRef.current &&
154
+ !navMenuRef.current.contains(e.relatedTarget)) {
155
+ setNavOpen(false);
156
+ }
157
+ };
131
158
  return (React.createElement(NavMenu, { colorPalette: colorPalette },
132
159
  React.createElement(NavBarHeader, { colorPalette: colorPalette },
133
160
  React.createElement("div", { style: {
@@ -149,7 +176,7 @@ const NavBar = (props) => {
149
176
  gap: "16px",
150
177
  margin: "16px",
151
178
  } }, appInfo.headerRightContent)),
152
- navOpen && (React.createElement(NavMenuDropdown, { colorPalette: colorPalette, tabIndex: -1, onBlur: () => setNavOpen(false), ref: navMenuRef },
179
+ React.createElement(NavMenuDropdown, { colorPalette: colorPalette, tabIndex: -1, onBlur: handleNavBlur, ref: navMenuRef, navOpen: navOpen },
153
180
  appInfo.dropdown && appInfo.dropdown.dropdownComponent,
154
181
  React.createElement(MenuItems, null, locationsList),
155
182
  React.createElement(Toggles, { className: "toggles" },
@@ -185,7 +212,7 @@ const NavBar = (props) => {
185
212
  React.createElement(Version, { colorPalette: colorPalette },
186
213
  appInfo.name,
187
214
  " ",
188
- appInfo.versionNum)))))));
215
+ appInfo.versionNum))))));
189
216
  };
190
217
  export default NavBar;
191
218
  //# sourceMappingURL=NavMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../lib/Molecules/NavMenu/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EACN,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,MAAM,EACN,cAAc,EACd,GAAG,GACH,MAAM,gBAAgB,CAAC;AACxB,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAqC/C,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;;;eAGrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;CAEnE,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;iBAOxC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;CACvE,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;;iBAUxC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO;UAClE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO;;CAEpE,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;;iBAUzC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI;UACpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI;CACtD,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;eAM7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;CACnE,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAI;;;CAG/B,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;UAI3C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;;;;iBAIzC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;;;CAGvE,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAI;;;;;;;CAO9B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAI;;CAE7B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;;;eAGrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ;CACpE,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;UAIpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACxD,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAI;;;;;CAKhC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;UAI1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACxD,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACrC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,yEAAyE;IAEzE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,gBAAgB,GAAG,CAAC,SAAqB,EAAE,EAAE;YAClD,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC/C,OAAO,CACN,oBAAC,QAAQ,IACR,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,OAAO,EAAE,CAAC;wBACnB,UAAU,CAAC,KAAK,CAAC,CAAC;oBACnB,CAAC,EACD,GAAG,EAAE,QAAQ,CAAC,IAAI;oBAElB,oBAAC,QAAQ;wBACP,QAAQ,EAAE,IAAI;wBACd,QAAQ,CAAC,IAAI,CACJ;oBACX,oBAAC,cAAc,OAAG,CACR,CACX,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,OAAO,YAAY,CAAC;QACrB,CAAC,CAAC;QAEF,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC9C,IAAI,CAAC,OAAO;YAAE,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC1C,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,IAAC,YAAY,EAAE,YAAY;QAClC,oBAAC,YAAY,IAAC,YAAY,EAAE,YAAY;YACvC,6BACC,KAAK,EAAE;oBACN,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,oBAAoB;oBAC7B,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM;iBACX;gBAED,6BACC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,EAAE,EAAC,YAAY,EACf,OAAO,EAAE,cAAc,IAEtB,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,GAAI,CACnD,CAAC,CAAC,CAAC,CACH,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,GAAI,CACtD,CACI;gBACL,OAAO,CAAC,UAAU,IAAI,CACtB,6BACC,GAAG,EAAE,OAAO,CAAC,UAAU,EACvB,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,OAAO,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAC3C,OAAO,EAAE,OAAO,CAAC,WAAW,GAC3B,CACF;gBACA,OAAO,CAAC,cAAc;oBACtB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACjB,oBAAC,YAAY,IAAC,YAAY,EAAE,YAAY;wBACvC,oBAAC,OAAO,OAAG;iCAEG,CACf,CAAC,CAAC,CAAC,CACH,oBAAC,aAAa,IAAC,YAAY,EAAE,YAAY;wBACxC,oBAAC,UAAU,OAAG;kCAEC,CAChB,CAAC,CACE;YACN,6BACC,KAAK,EAAE;oBACN,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM;oBACX,MAAM,EAAE,MAAM;iBACd,IAEA,OAAO,CAAC,kBAAkB,CACtB,CACQ;QACd,OAAO,IAAI,CACX,oBAAC,eAAe,IACf,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,CAAC,EACZ,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,GAAG,EAAE,UAAU;YAEd,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,iBAAiB;YACvD,oBAAC,SAAS,QAAE,aAAa,CAAa;YACtC,oBAAC,OAAO,IAAC,SAAS,EAAC,SAAS;gBAC1B,OAAO,CAAC,cAAc,IAAI,CAC1B,oBAAC,MAAM,IACN,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE;wBACN;4BACC,IAAI,EAAE,SAAS;4BACf,IAAI,EAAE,oBAAC,UAAU,OAAG;yBACpB;wBACD;4BACC,IAAI,EAAE,QAAQ;4BACd,IAAI,EAAE,oBAAC,OAAO,OAAG;yBACjB;qBACD,EACD,QAAQ,EAAE,OAAO,CAAC,SAAS,EAC3B,KAAK,EAAE,OAAO,CAAC,MAAM,GACpB,CACF;gBACD,oBAAC,MAAM,IACN,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE;wBACN;4BACC,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,oBAAC,MAAM,OAAG;yBAChB;wBACD;4BACC,IAAI,EAAE,OAAO;4BACb,IAAI,EAAE,oBAAC,KAAK,OAAG;yBACf;qBACD,EACD,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,KAAK,EAAE,OAAO,CAAC,KAAK,GACnB,CACO;YACV;gBACC,oBAAC,OAAO,IAAC,YAAY,EAAE,YAAY;oBAClC,oBAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY;wBAC3C,OAAO,CAAC,QAAQ,IAAI,CACpB,6BACC,GAAG,EACF,YAAY,CAAC,KAAK,KAAK,OAAO;gCAC7B,CAAC,CAAC,OAAO,CAAC,QAAQ;gCAClB,CAAC,CAAC,OAAO,CAAC,YAAY,EAExB,GAAG,EAAC,iBAAiB,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAC5C,CACF;wBACA,OAAO,CAAC,SAAS,IAAI,CACrB,oBAAC,UAAU;4BACV,+BAAI,OAAO,CAAC,SAAS,CAAK;4BAC1B,sDAA2B,CACf,CACb,CACkB;oBACpB,oBAAC,OAAO,IAAC,YAAY,EAAE,YAAY;wBACjC,OAAO,CAAC,IAAI;;wBAAG,OAAO,CAAC,UAAU,CACzB,CACD,CACL,CACW,CAClB,CACQ,CACV,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../lib/Molecules/NavMenu/NavMenu.tsx"],"names":[],"mappings":"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"}
@@ -164,16 +164,102 @@
164
164
  "value": "20",
165
165
  "type": "borderRadius"
166
166
  },
167
- "Jumbo": {
168
- "value": {
169
- "fontWeight": "Bold",
170
- "fontSize": "61",
171
- "letterSpacing": "0",
172
- "paragraphSpacing": "0",
173
- "fontFamily": "{System .SF Compact}",
174
- "lineHeight": "{133}"
175
- },
176
- "type": "typography"
167
+ "Typography": {
168
+ "Jumbo": {
169
+ "value": {
170
+ "role": "heading",
171
+ "ariaLevel": "1",
172
+ "fontWeight": "700",
173
+ "fontSize": "61px",
174
+ "letterSpacing": "0",
175
+ "lineHeight": "133px"
176
+ },
177
+ "type": "typography"
178
+ },
179
+ "Heading 1": {
180
+ "value": {
181
+ "role": "heading",
182
+ "ariaLevel": "1",
183
+ "fontSize": "47px",
184
+ "lineHeight": "133%",
185
+ "letterSpacing": "0",
186
+ "fontWeight": "700"
187
+ },
188
+ "type": "typography"
189
+ },
190
+ "Heading 2": {
191
+ "value": {
192
+ "role": "heading",
193
+ "ariaLevel": "2",
194
+ "fontSize": "36px",
195
+ "lineHeight": "133%",
196
+ "letterSpacing": "0",
197
+ "fontWeight": "700"
198
+ },
199
+ "type": "typography"
200
+ },
201
+ "Heading 3": {
202
+ "value": {
203
+ "role": "heading",
204
+ "ariaLevel": "3",
205
+ "fontWeight": "700",
206
+ "fontSize": "27px",
207
+ "lineHeight": "133%",
208
+ "letterSpacing": "0"
209
+ },
210
+ "type": "typography"
211
+ },
212
+ "Heading 4": {
213
+ "value": {
214
+ "role": "heading",
215
+ "ariaLevel": "4",
216
+ "fontSize": "21px",
217
+ "lineHeight": "133%",
218
+ "letterSpacing": "0",
219
+ "fontWeight": "700"
220
+ },
221
+ "type": "typography"
222
+ },
223
+ "Paragraphy Body": {
224
+ "value": {
225
+ "role": "paragraph",
226
+ "fontSize": "16px",
227
+ "lineHeight": "133%",
228
+ "letterSpacing": "0",
229
+ "fontWeight": "400"
230
+ },
231
+ "type": "typography"
232
+ },
233
+ "Small": {
234
+ "value": {
235
+ "role": "paragraph",
236
+ "fontSize": "14px",
237
+ "lineHeight": "133%",
238
+ "letterSpacing": "0",
239
+ "fontWeight": "400"
240
+ },
241
+ "type": "typography"
242
+ },
243
+ "Label": {
244
+ "value": {
245
+ "role": "paragraph",
246
+ "fontSize": "12px",
247
+ "lineHeight": "133%",
248
+ "letterSpacing": "0",
249
+ "fontWeight": "700"
250
+ },
251
+ "type": "typography"
252
+ },
253
+ "Legal": {
254
+ "value": {
255
+ "role": "paragraph",
256
+ "fontSize": "9px",
257
+ "lineHeight": "133%",
258
+ "fontWeight": "400",
259
+ "letterSpacing": "0"
260
+ },
261
+ "type": "typography"
262
+ }
177
263
  },
178
264
  "System ": {
179
265
  "SF Compact": {
@@ -184,94 +270,6 @@
184
270
  "Thin": {
185
271
  "value": ".5",
186
272
  "type": "borderWidth"
187
- },
188
- "Heading 1": {
189
- "value": {
190
- "fontFamily": "{System .SF Compact}",
191
- "fontWeight": "Bold",
192
- "fontSize": "47",
193
- "lineHeight": "{133}",
194
- "letterSpacing": "0",
195
- "paragraphSpacing": "0"
196
- },
197
- "type": "typography"
198
- },
199
- "Heading 2": {
200
- "value": {
201
- "fontFamily": "{System .SF Compact}",
202
- "fontWeight": "Bold",
203
- "fontSize": "36",
204
- "lineHeight": "{133}",
205
- "letterSpacing": "0",
206
- "paragraphSpacing": "0"
207
- },
208
- "type": "typography"
209
- },
210
- "Heading 3": {
211
- "value": {
212
- "fontFamily": "{System .SF Compact}",
213
- "fontWeight": "Bold",
214
- "fontSize": "27",
215
- "lineHeight": "{133}",
216
- "letterSpacing": "0",
217
- "paragraphSpacing": "0"
218
- },
219
- "type": "typography"
220
- },
221
- "Heading 4": {
222
- "value": {
223
- "fontFamily": "{System .SF Compact}",
224
- "fontWeight": "Bold",
225
- "fontSize": "21",
226
- "lineHeight": "{133}",
227
- "letterSpacing": "0",
228
- "paragraphSpacing": "0"
229
- },
230
- "type": "typography"
231
- },
232
- "Paragraphy Body": {
233
- "value": {
234
- "fontFamily": "{System .SF Compact}",
235
- "fontWeight": "Regular",
236
- "fontSize": "16",
237
- "lineHeight": "{133}",
238
- "letterSpacing": "0",
239
- "paragraphSpacing": "0"
240
- },
241
- "type": "typography"
242
- },
243
- "Small": {
244
- "value": {
245
- "fontFamily": "{System .SF Compact}",
246
- "fontWeight": "Regular",
247
- "fontSize": "14",
248
- "lineHeight": "{133}",
249
- "letterSpacing": "0",
250
- "paragraphSpacing": "0"
251
- },
252
- "type": "typography"
253
- },
254
- "Label": {
255
- "value": {
256
- "fontFamily": "{System .SF Compact}",
257
- "fontWeight": "Bold",
258
- "fontSize": "12",
259
- "lineHeight": "{133}",
260
- "letterSpacing": "0",
261
- "paragraphSpacing": "0"
262
- },
263
- "type": "typography"
264
- },
265
- "Legal": {
266
- "value": {
267
- "fontFamily": "{System .SF Compact}",
268
- "fontWeight": "Regular",
269
- "fontSize": "9",
270
- "lineHeight": "{133}",
271
- "paragraphSpacing": "0",
272
- "paragraphIndent": "0"
273
- },
274
- "type": "typography"
275
273
  }
276
274
  },
277
275
  "$themes": [],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@factorearth/component-library",
3
- "version": "3.9.0",
3
+ "version": "3.9.1",
4
4
  "description": " A storybook component library for FactorEarth",
5
5
  "author": "madtrx <marlin.makori@gmail.com>",
6
6
  "homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
@@ -46,7 +46,7 @@
46
46
  "access": "public",
47
47
  "registry": "https://registry.npmjs.org/"
48
48
  },
49
- "gitHead": "7783350e94972eb05907add21999c3f30452b582",
49
+ "gitHead": "7d8a0a1a7806de6c9dfa68fd17ca322657795f5e",
50
50
  "dependencies": {
51
51
  "@emotion/react": "^11.13.0",
52
52
  "@emotion/styled": "^11.13.0",