@factorearth/component-library 6.0.4-alpha.0 → 6.1.0

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.
Files changed (71) hide show
  1. package/dist/Atoms/Accordion/Accordion.js +15 -11
  2. package/dist/Atoms/Accordion/Accordion.js.map +1 -1
  3. package/dist/Atoms/Box/Box.d.ts +1 -1
  4. package/dist/Atoms/Box/Box.js.map +1 -1
  5. package/dist/Atoms/Buttons/Button.d.ts +2 -2
  6. package/dist/Atoms/Buttons/Button.js.map +1 -1
  7. package/dist/Atoms/Buttons/ReportABugButton.d.ts +10 -0
  8. package/dist/Atoms/Buttons/ReportABugButton.js +19 -0
  9. package/dist/Atoms/Buttons/ReportABugButton.js.map +1 -0
  10. package/dist/Atoms/ContentDropdown/ContentDropdown.d.ts +1 -1
  11. package/dist/Atoms/ContentDropdown/ContentDropdown.js.map +1 -1
  12. package/dist/Atoms/DateField/DateField.d.ts +1 -1
  13. package/dist/Atoms/DateField/DateField.js.map +1 -1
  14. package/dist/Atoms/DropdownField/DropdownField.d.ts +2 -1
  15. package/dist/Atoms/DropdownField/DropdownField.js +2 -2
  16. package/dist/Atoms/DropdownField/DropdownField.js.map +1 -1
  17. package/dist/Atoms/FieldWrapper/FieldWrapper.d.ts +4 -4
  18. package/dist/Atoms/FieldWrapper/FieldWrapper.js.map +1 -1
  19. package/dist/Atoms/MoreHorizonButton/MoreHorizonButton.js +1 -1
  20. package/dist/Atoms/MultiToggleButton/MultiToggleButton.d.ts +15 -0
  21. package/dist/Atoms/MultiToggleButton/MultiToggleButton.js +48 -0
  22. package/dist/Atoms/MultiToggleButton/MultiToggleButton.js.map +1 -0
  23. package/dist/Atoms/NoteField/NoteField.d.ts +6 -4
  24. package/dist/Atoms/NoteField/NoteField.js +56 -13
  25. package/dist/Atoms/NoteField/NoteField.js.map +1 -1
  26. package/dist/Atoms/NumberField/NumberField.d.ts +2 -1
  27. package/dist/Atoms/NumberField/NumberField.js +98 -38
  28. package/dist/Atoms/NumberField/NumberField.js.map +1 -1
  29. package/dist/Atoms/OptionsDropdown/OptionsDropdown.d.ts +2 -0
  30. package/dist/Atoms/OptionsDropdown/OptionsDropdown.js +46 -37
  31. package/dist/Atoms/OptionsDropdown/OptionsDropdown.js.map +1 -1
  32. package/dist/Atoms/Pagination/Pagination.js +1 -1
  33. package/dist/Atoms/Pagination/Pagination.js.map +1 -1
  34. package/dist/Atoms/PhoneNumberField/PhoneNumberField.d.ts +1 -1
  35. package/dist/Atoms/PhoneNumberField/PhoneNumberField.js.map +1 -1
  36. package/dist/Atoms/SelectField/SelectField.d.ts +1 -1
  37. package/dist/Atoms/SelectField/SelectField.js.map +1 -1
  38. package/dist/Atoms/Tab/Tab.d.ts +2 -2
  39. package/dist/Atoms/Tab/Tab.js.map +1 -1
  40. package/dist/Atoms/TextField/TextField.d.ts +1 -1
  41. package/dist/Atoms/TextField/TextField.js.map +1 -1
  42. package/dist/Atoms/Toggle/Toggle.d.ts +1 -1
  43. package/dist/Atoms/Toggle/Toggle.js.map +1 -1
  44. package/dist/Molecules/Form/Form.d.ts +1 -1
  45. package/dist/Molecules/Form/Form.js.map +1 -1
  46. package/dist/Molecules/NavMenu/NavMenu.d.ts +3 -3
  47. package/dist/Molecules/NavMenu/NavMenu.js +41 -43
  48. package/dist/Molecules/NavMenu/NavMenu.js.map +1 -1
  49. package/dist/Molecules/PhotologRow/PhotologRow.d.ts +15 -0
  50. package/dist/Molecules/PhotologRow/PhotologRow.js +66 -0
  51. package/dist/Molecules/PhotologRow/PhotologRow.js.map +1 -0
  52. package/dist/Molecules/Thumbnail/Thumbnail.js +2 -1
  53. package/dist/Molecules/Thumbnail/Thumbnail.js.map +1 -1
  54. package/dist/Organisms/Card/Card.d.ts +4 -4
  55. package/dist/Organisms/Card/Card.js.map +1 -1
  56. package/dist/Organisms/EditUserPerms/EditUserPerms.js +1 -1
  57. package/dist/Organisms/EditUserPerms/EditUserPerms.js.map +1 -1
  58. package/dist/Organisms/Modal/Modal.d.ts +2 -2
  59. package/dist/Organisms/Modal/Modal.js +4 -4
  60. package/dist/Organisms/Modal/Modal.js.map +1 -1
  61. package/dist/Organisms/TabManager/TabManager.d.ts +1 -1
  62. package/dist/Organisms/TabManager/TabManager.js +1 -1
  63. package/dist/Organisms/TabManager/TabManager.js.map +1 -1
  64. package/dist/Organisms/Tutorial/Tutorial.d.ts +3 -2
  65. package/dist/Organisms/Tutorial/Tutorial.js +52 -54
  66. package/dist/Organisms/Tutorial/Tutorial.js.map +1 -1
  67. package/dist/Theme/tokens.json +5 -0
  68. package/dist/index.d.ts +1 -0
  69. package/dist/index.js +1 -0
  70. package/dist/index.js.map +1 -1
  71. package/package.json +5 -3
@@ -2,92 +2,90 @@ import styled from "@emotion/styled";
2
2
  import React from "react";
3
3
  import { FiX } from "react-icons/fi";
4
4
  import Accordion from "../../Atoms/Accordion/Accordion";
5
- import { Button } from "../../Atoms/Buttons/Button";
6
5
  import { Typography } from "../../Atoms/Typography/Typography";
7
- import { GoBug } from "react-icons/go";
6
+ import { ReportABugButton } from "../../Atoms/Buttons/ReportABugButton";
7
+ import { Button } from "../../Atoms/Buttons/Button";
8
8
  const TutorialOverlay = styled.div `
9
9
  background-color: ${({ colors }) => `${colors.background.secondary}90`};
10
10
  position: absolute;
11
11
  z-index: 1000;
12
- display: flex;
13
- justify-content: center;
14
- height: 100vh;
15
- width: 100vw;
16
- top: 0;
17
- left: 0;
12
+ display: flex;
13
+ justify-content: center;
14
+ height: 100vh;
15
+ width: 100vw;
16
+ top: 0;
17
+ left: 0;
18
18
  `;
19
19
  const TutorialWrapper = styled.div `
20
- background-color: ${({ colors }) => colors.background.primary};
21
- color: ${({ colors }) => colors.text.primary};
22
- display: flex;
23
- flex-direction: column;
24
- align-items: flex-start;
25
- gap: 16px;
26
- align-self: stretch;
27
- height: 500px;
28
- width: 500px;
29
- border-radius: 4px;
20
+ background-color: ${({ colors }) => colors.background.primary};
21
+ color: ${({ colors }) => colors.text.primary};
22
+ display: flex;
23
+ flex-direction: column;
24
+ align-items: flex-start;
25
+ gap: 16px;
26
+ align-self: stretch;
27
+ height: 500px;
28
+ width: 500px;
29
+ border-radius: 4px;
30
30
  box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 5px 15px`};
31
- margin-top: calc(50vh - 250px)
31
+ margin-top: calc(50vh - 250px);
32
32
  `;
33
33
  //I used the calc above because `align-items: center` had no affect when applied to the TutorialOverlay styled div
34
34
  const HelpHeader = styled.div `
35
- display: flex;
36
- flex-direction: column;
37
- align-items: flex-start;
38
- gap: 16px;
39
- align-self: stretch;
40
- padding: 24px;
41
- box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 3px 5px`};
35
+ display: flex;
36
+ flex-direction: column;
37
+ align-items: flex-start;
38
+ gap: 16px;
39
+ align-self: stretch;
40
+ padding: 24px;
41
+ box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 3px 5px`};
42
42
  `;
43
43
  const TitleAndExit = styled.div `
44
- display: flex;
45
- justify-content: space-between;
46
- align-items: center;
47
- align-self: stretch;
44
+ display: flex;
45
+ justify-content: space-between;
46
+ align-items: center;
47
+ align-self: stretch;
48
48
  `;
49
49
  const ScrollableArea = styled.div `
50
- overflow: scroll;
51
- overflow-x: hidden;
50
+ overflow: scroll;
51
+ overflow-x: hidden;
52
52
  `;
53
53
  const ContentContainer = styled.div `
54
- padding: 0px 24px;
55
- width: 90%;
54
+ padding: 0px 24px;
55
+ width: 90%;
56
56
  `;
57
57
  const ContactContainer = styled.div `
58
- background-color: ${({ colors }) => colors.background.tertiary};
59
- color: ${({ colors }) => colors.text.primary};
60
- display: flex;
61
- padding: 24px 16px;
62
- flex-direction: column;
63
- align-items: center;
64
- gap: 16px;
65
- align-self: stretch;
58
+ background-color: ${({ colors }) => colors.background.tertiary};
59
+ color: ${({ colors }) => colors.text.primary};
60
+ display: flex;
61
+ padding: 24px 16px;
62
+ flex-direction: column;
63
+ align-items: center;
64
+ gap: 16px;
65
+ align-self: stretch;
66
66
  `;
67
- ;
68
- ;
69
- ;
70
67
  export const Tutorial = (props) => {
71
- const { colors, page, setOpen, reportBugOnClick, ...htmlProps } = props;
72
- return (React.createElement(TutorialOverlay, { colors: colors, onClick: () => setOpen(""), "data-testid": "overlay-background" },
73
- React.createElement(TutorialWrapper, { colors: colors, onClick: (e) => e.stopPropagation(), ...htmlProps, "data-testid": "overlay-wrapper" },
68
+ const { colors, page, setOpen, getFeedbackFn, ...htmlProps } = props;
69
+ return (React.createElement(TutorialOverlay, { colors: colors, onClick: () => setOpen(""), "aria-label": "Tutorial overlay background", role: "presentation" },
70
+ React.createElement(TutorialWrapper, { colors: colors, onClick: (e) => e.stopPropagation(), ...htmlProps, "aria-label": "Tutorial content", role: "dialog" },
74
71
  React.createElement(HelpHeader, { colors: colors },
75
72
  React.createElement(TitleAndExit, { colors: colors },
76
73
  React.createElement(Typography, { textColor: colors.text.primary, content: page.title, variant: "Heading 3" }),
77
- React.createElement(FiX, { onClick: () => setOpen(""), size: 24, "data-testid": "x-icon" })),
74
+ React.createElement(Button, { colorPalette: colors, onClick: () => setOpen(""), icon: React.createElement(FiX, { size: 24 }), variant: "destructive", "aria-label": "Close tutorial" })),
78
75
  React.createElement(Typography, { textColor: colors.text.primary, content: page["page-summary"], variant: "Paragraphy Body" })),
79
76
  React.createElement(ScrollableArea, { colors: colors },
80
77
  React.createElement(ContentContainer, { colors: colors },
81
- page["user-flows"].length > 0 && React.createElement(React.Fragment, null,
78
+ page["user-flows"].length > 0 && (React.createElement(React.Fragment, { key: `user-flows-fragment` },
82
79
  React.createElement(Typography, { textColor: colors.text.primary, content: "Common User Flows", variant: "Heading 4", style: { paddingBottom: "8px" } }),
83
- page["user-flows"].map((flow) => React.createElement(Accordion, { colors: colors, dropdownContent: flow }))),
84
- page.features.length > 0 && React.createElement(React.Fragment, null,
80
+ page["user-flows"].map((flow) => (React.createElement(Accordion, { colors: colors, dropdownContent: flow, key: `user-flow-${flow.title}` }))))),
81
+ page.features.length > 0 && (React.createElement(React.Fragment, { key: `features-fragment` },
85
82
  React.createElement(Typography, { textColor: colors.text.primary, content: "Page Features", variant: "Heading 4", style: { paddingBottom: "8px" } }),
86
- page.features.length > 0 && page.features.map((feature) => React.createElement(Accordion, { colors: colors, dropdownContent: feature })))),
83
+ page.features.length > 0 &&
84
+ page.features.map((feature) => (React.createElement(Accordion, { colors: colors, dropdownContent: feature, key: `feature-${feature.title}` })))))),
87
85
  React.createElement(ContactContainer, { colors: colors },
88
86
  React.createElement(Typography, { textColor: colors.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
89
87
  React.createElement(Typography, { textColor: colors.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }),
90
- React.createElement(Button, { colorPalette: colors, onClick: reportBugOnClick, label: "Report a Bug", variant: "filled", icon: React.createElement(GoBug, null) }))))));
88
+ React.createElement(ReportABugButton, { colorPalette: colors, getFeedbackFn: getFeedbackFn, variant: "outlined", buttonId: "sentry-feedback-button-tutorial" }))))));
91
89
  };
92
90
  //test with interaction test that when the user clicks the x oor outside the tutorial it closes, then when the open button is clicked it opens
93
91
  //# sourceMappingURL=Tutorial.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,SAAS,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAqB;qBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,IAAI;;;;;;;;;CAStE,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAqB;sBACjC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO;WACpD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;;;;;;;;;eAS/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,eAAe;;CAE3E,CAAC;AACF,kHAAkH;AAElH,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAqB;;;;;;;gBAOlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,cAAc;CAC3E,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAqB;;;;;CAKnD,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAoB;;;CAGpD,CAAC;AAGF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAqB;;;CAGvD,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAqB;sBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ;WACrD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;;;;;;;CAO7C,CAAC;AAOD,CAAC;AAOD,CAAC;AAKD,CAAC;AAYF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAyB,EAAE,EAAE;IACpD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAExE,OAAO,CACL,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,iBAAc,oBAAoB;QAC3F,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,KAAM,SAAS,iBAAc,iBAAiB;YAChH,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM;gBACxB,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM;oBAC1B,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,GAAI;oBACzF,oBAAC,GAAG,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAc,QAAQ,GAAE,CACpD;gBACf,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,iBAAiB,GAAI,CAC9F;YACb,oBAAC,cAAc,IAAC,MAAM,EAAE,MAAM;gBAC5B,oBAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM;oBAC7B,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI;wBAChC,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAC,GAAG;wBAC/H,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,GAAI,CAAC,CACtF;oBACF,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI;wBAC3B,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAC,GAAG;wBAC3H,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,GAAI,CAAC,CACnH,CACc;gBACnB,oBAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM;oBAC9B,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,+EAA+E,EAAE,OAAO,EAAE,OAAO,GAAI;oBAC1J,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,WAAW,GAAI;oBACrG,oBAAC,MAAM,IAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,oBAAC,KAAK,OAAG,GAAG,CAChG,CACJ,CACD,CACF,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,8IAA8I"}
1
+ {"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"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"}
@@ -153,6 +153,11 @@
153
153
  "value": "#142541",
154
154
  "type": "color",
155
155
  "description": "Metcalf Bison Blue"
156
+ },
157
+ "attention-orange": {
158
+ "value": "#FFAA00",
159
+ "type": "color",
160
+ "description": "Sync alert color when there are out of sync changes."
156
161
  }
157
162
  },
158
163
  "border-radius-sm": {
package/dist/index.d.ts CHANGED
@@ -6,6 +6,7 @@ export * from "./Atoms/Badge/Badge";
6
6
  export * from "./Atoms/DateField/DateField";
7
7
  export * from "./Atoms/TextField/TextField";
8
8
  export * from "./Atoms/Buttons/Button";
9
+ export * from "./Atoms/Buttons/ReportABugButton";
9
10
  export * from "./Atoms/FieldWrapper/FieldWrapper";
10
11
  export * from "./Atoms/DropdownField/DropdownField";
11
12
  export * from "./Atoms/NoteField/NoteField";
package/dist/index.js CHANGED
@@ -8,6 +8,7 @@ export * from "./Atoms/Badge/Badge";
8
8
  export * from "./Atoms/DateField/DateField";
9
9
  export * from "./Atoms/TextField/TextField";
10
10
  export * from "./Atoms/Buttons/Button";
11
+ export * from "./Atoms/Buttons/ReportABugButton";
11
12
  export * from "./Atoms/FieldWrapper/FieldWrapper";
12
13
  export * from "./Atoms/DropdownField/DropdownField";
13
14
  export * from "./Atoms/NoteField/NoteField";
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAA;AACvD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,SAAS;AACT,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAA;AACvD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,SAAS;AACT,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@factorearth/component-library",
3
- "version": "6.0.4-alpha.0",
3
+ "version": "6.1.0",
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,14 +46,16 @@
46
46
  "access": "public",
47
47
  "registry": "https://registry.npmjs.org/"
48
48
  },
49
- "gitHead": "5bc7b9607b398e9306e879547cb1c86efed88112",
49
+ "gitHead": "470f18d13dc3e824700caa333e6b752b482ae992",
50
50
  "dependencies": {
51
51
  "@emotion/react": "^11.13.0",
52
52
  "@emotion/styled": "^11.13.0",
53
53
  "@radix-ui/react-dialog": "^1.1.1",
54
+ "@sentry/react": "^9.40.0",
54
55
  "libphonenumber-js": "^1.11.11",
55
56
  "react-datepicker": "^7.3.0",
56
57
  "react-icons": "^5.3.0",
57
- "react-select": "^5.8.0"
58
+ "react-select": "^5.8.0",
59
+ "react-textarea-autosize": "^8.5.9"
58
60
  }
59
61
  }