@majoo-ui/react 2.0.1 → 2.1.0-rc.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.
Files changed (202) hide show
  1. package/charts.esm.js +3 -1453
  2. package/colors/Colors.esm.js +93 -0
  3. package/components/accordion/Accordion.esm.js +109 -0
  4. package/components/alertDialog/AlertDialog.esm.js +440 -0
  5. package/components/avatar/Avatar.esm.js +83 -0
  6. package/components/badge/Badge.esm.js +255 -0
  7. package/components/banner/Banner.esm.js +341 -0
  8. package/components/barChart/BarChart.esm.js +212 -0
  9. package/components/breadcrumb/Breadcrumb.esm.js +65 -0
  10. package/components/breadcrumb/index.esm.js +19 -0
  11. package/components/button/Button.esm.js +331 -0
  12. package/components/buttonGroup/ButtonGroup.esm.js +350 -0
  13. package/components/card/Card.esm.js +236 -0
  14. package/components/chart/assets/data_kosong.png.esm.js +3 -0
  15. package/components/chart/lineChart/LineChart.esm.js +358 -0
  16. package/components/chart/lineChart/components/Comparator.esm.js +82 -0
  17. package/components/chart/lineChart/components/ComparatorController.esm.js +112 -0
  18. package/components/chart/lineChart/components/ComparatorItem.esm.js +104 -0
  19. package/components/chart/lineChart/components/ProductList.esm.js +78 -0
  20. package/components/chart/lineChart/components/TitleLegend.esm.js +107 -0
  21. package/components/chart/lineChart/components/Tooltip.esm.js +90 -0
  22. package/components/chart/utils/index.esm.js +109 -0
  23. package/components/checkboxTable/CheckboxTable.esm.js +287 -0
  24. package/components/colorPicker/ColorPicker.esm.js +342 -0
  25. package/components/colorPicker/InputColorPicker.esm.js +120 -0
  26. package/components/colorPicker/assets/img_colormap.gif.esm.js +3 -0
  27. package/components/colorPicker/components/ColorFields.esm.js +144 -0
  28. package/components/colorPicker/components/ColorMap.esm.js +1188 -0
  29. package/components/contentEditor/ContentEditor.esm.js +251 -0
  30. package/components/contentEditor/assets/Inline-code-outline.svg.esm.js +3 -0
  31. package/components/contentEditor/assets/Link-outline.svg.esm.js +3 -0
  32. package/components/contentEditor/assets/List-bulleted-outline.svg.esm.js +3 -0
  33. package/components/contentEditor/assets/List-numbered-outline.svg.esm.js +3 -0
  34. package/components/contentEditor/assets/Redo-outline.svg.esm.js +3 -0
  35. package/components/contentEditor/assets/Text-bold-filled.svg.esm.js +3 -0
  36. package/components/contentEditor/assets/Text-clear-format-outline.svg.esm.js +3 -0
  37. package/components/contentEditor/assets/Text-italic-outline.svg.esm.js +3 -0
  38. package/components/contentEditor/assets/Text-strikethrough-outline.svg.esm.js +3 -0
  39. package/components/contentEditor/assets/Text-underline-outline.svg.esm.js +3 -0
  40. package/components/contentEditor/assets/Undo-outline.svg.esm.js +3 -0
  41. package/components/contextMenu/ContextMenu.esm.js +298 -0
  42. package/components/datePicker/AdvancedOption.esm.js +37 -0
  43. package/components/datePicker/CustomDatePicker.esm.js +121 -0
  44. package/components/datePicker/DatePicker.esm.js +244 -0
  45. package/components/datePicker/DatePickerMulti.esm.js +70 -0
  46. package/components/datePicker/InputDatePicker.esm.js +290 -0
  47. package/components/datePicker/InputDateRangePicker.esm.js +174 -0
  48. package/components/datePicker/components/Calendar.esm.js +654 -0
  49. package/components/datePicker/components/CalendarMulti.esm.js +407 -0
  50. package/components/datePicker/components/CalendarTimePicker.esm.js +104 -0
  51. package/components/datePicker/components/DateNumber.esm.js +89 -0
  52. package/components/datePicker/components/MobileCalendar.esm.js +522 -0
  53. package/components/datePicker/state/reducer.esm.js +286 -0
  54. package/components/datePicker/timePicker/InputTimePicker.esm.js +205 -0
  55. package/components/datePicker/timePicker/TimePicker.esm.js +481 -0
  56. package/components/devicePreview/DevicePreview.esm.js +631 -0
  57. package/components/devicePreview/deviceFrame/android-transparant.png.esm.js +3 -0
  58. package/components/devicePreview/deviceFrame/android-wide-transparant.png.esm.js +3 -0
  59. package/components/devicePreview/deviceFrame/bg-email.png.esm.js +3 -0
  60. package/components/devicePreview/deviceFrame/bg-notification.png.esm.js +3 -0
  61. package/components/devicePreview/deviceFrame/bg-sms.png.esm.js +3 -0
  62. package/components/devicePreview/deviceFrame/bg-whatsapp.png.esm.js +3 -0
  63. package/components/devicePreview/deviceFrame/desktop-transparant.png.esm.js +3 -0
  64. package/components/devicePreview/deviceFrame/ic-majoo-profpic.png.esm.js +3 -0
  65. package/components/devicePreview/deviceFrame/iphone-transparant.png.esm.js +3 -0
  66. package/components/dialog/Dialog.esm.js +106 -0
  67. package/components/drawer/Drawer.esm.js +294 -0
  68. package/components/dropdownMenu/DropdownMenu.esm.js +281 -0
  69. package/components/editableTable/EditableMobile.esm.js +361 -0
  70. package/components/editableTable/EditableTable.esm.js +618 -0
  71. package/components/editableTable/transition.esm.js +37 -0
  72. package/components/form/components/FormGroup/FormGroup.esm.js +142 -0
  73. package/components/form/components/FormHelper/Helper.esm.js +50 -0
  74. package/components/form/components/FormLabel/Label.esm.js +90 -0
  75. package/components/form/components/InputAddon/InputAddon.esm.js +105 -0
  76. package/components/form/components/InputCheckbox/CheckboxGroup.esm.js +60 -0
  77. package/components/form/components/InputCheckbox/InputCheckbox.esm.js +129 -0
  78. package/components/form/components/InputCheckbox/icon/CheckOutline.esm.js +33 -0
  79. package/components/form/components/InputCheckbox/icon/MinusOutline.esm.js +33 -0
  80. package/components/form/components/InputCombobox/InputCombobox.esm.js +169 -0
  81. package/components/form/components/InputCounter/InputCounter.esm.js +226 -0
  82. package/components/form/components/InputCreatable/InputCreatable.esm.js +229 -0
  83. package/components/form/components/InputDateRange/InputDateRange.esm.js +46 -0
  84. package/components/form/components/InputElement/InputElement.esm.js +35 -0
  85. package/components/form/components/InputGroup/InputGroup.esm.js +188 -0
  86. package/components/form/components/InputLetter/InputLetter.esm.js +68 -0
  87. package/components/form/components/InputNumber/InputNumber.esm.js +248 -0
  88. package/components/form/components/InputNumber/NumberFormat.esm.js +1263 -0
  89. package/components/form/components/InputOTP/InputOTP.esm.js +70 -0
  90. package/components/form/components/InputRadio/InputRadio.esm.js +273 -0
  91. package/components/form/components/InputRadio/InputRadioGroup.esm.js +35 -0
  92. package/components/form/components/InputRadio/context.esm.js +5 -0
  93. package/components/form/components/InputResourceList/InputResourceList.esm.js +429 -0
  94. package/components/form/components/InputSearchbox/CloseFilled.esm.js +34 -0
  95. package/components/form/components/InputSearchbox/InputSearchbox.esm.js +90 -0
  96. package/components/form/components/InputSearchbox/SearchOutline.esm.js +26 -0
  97. package/components/form/components/InputSelect/InputSelect.esm.js +964 -0
  98. package/components/form/components/InputSelectCheck/InputSelectCheck.esm.js +1388 -0
  99. package/components/form/components/InputSelectCheck/OptionGroupItem.esm.js +39 -0
  100. package/components/form/components/InputSelectCheck/icon/CheckOutline.esm.js +33 -0
  101. package/components/form/components/InputSelectTag/InputSelectTag.esm.js +62 -0
  102. package/components/form/components/InputSignature/InputSignature.esm.js +122 -0
  103. package/components/form/components/InputSignature/SignatureModal.esm.js +67 -0
  104. package/components/form/components/InputSwitch/InputSwitch.esm.js +96 -0
  105. package/components/form/components/InputSwitch/InputSwitchWithImage.esm.js +136 -0
  106. package/components/form/components/InputTags/InputTags.esm.js +268 -0
  107. package/components/form/components/InputText/InputText.esm.js +197 -0
  108. package/components/form/components/InputTextArea/InputTextArea.esm.js +77 -0
  109. package/components/heading/Heading.esm.js +64 -0
  110. package/components/iconButton/IconButton.esm.js +71 -0
  111. package/components/image/Image.esm.js +141 -0
  112. package/components/link/Link.esm.js +59 -0
  113. package/components/loadingBar/LoadingBar.esm.js +113 -0
  114. package/components/mapPicker/InputMapPicker.esm.js +160 -0
  115. package/components/mapPicker/MapPicker.esm.js +122 -0
  116. package/components/mapPicker/MapPicker.styles.esm.js +70 -0
  117. package/components/mapPicker/assets/images/Mapsicle.png.esm.js +3 -0
  118. package/components/mapPicker/components/AddressCard.esm.js +25 -0
  119. package/components/mapPicker/components/ButtonSelect.esm.js +46 -0
  120. package/components/mapPicker/components/ChangeView.esm.js +20 -0
  121. package/components/mapPicker/components/InputSearch.esm.js +74 -0
  122. package/components/mapPicker/components/MarkerIcon.esm.js +22 -0
  123. package/components/mapPicker/components/MarkerSvg.esm.js +62 -0
  124. package/components/mapPicker/components/ZoomControls.esm.js +36 -0
  125. package/components/mapPicker/hooks/useMapSearch.esm.js +161 -0
  126. package/components/modalDialog/ModalDialog.esm.js +247 -0
  127. package/components/notificationBadge/NotificationBadge.esm.js +149 -0
  128. package/components/pageDialog/PageDialog.esm.js +291 -0
  129. package/components/pageDialog/logo.svg.esm.js +3 -0
  130. package/components/pagination/Pagination.esm.js +94 -0
  131. package/components/pagination/PaginationButton.esm.js +346 -0
  132. package/components/pagination/PaginationInfo.esm.js +146 -0
  133. package/components/paper/Paper.esm.js +76 -0
  134. package/components/paragraph/Paragraph.esm.js +52 -0
  135. package/components/pieChart/PieChart.esm.js +287 -0
  136. package/components/popover/Popover.esm.js +142 -0
  137. package/components/progress/Progress.esm.js +170 -0
  138. package/components/progressIndicator/ProgressIndicator.esm.js +287 -0
  139. package/components/scrollSync/ScrollSync.esm.js +172 -0
  140. package/components/scrollSync/ScrollSyncNode.esm.js +87 -0
  141. package/components/scrollSync/utils.esm.js +9 -0
  142. package/components/separator/Separator.esm.js +43 -0
  143. package/components/skeleton/Skeleton.esm.js +131 -0
  144. package/components/slider/Slider.esm.js +345 -0
  145. package/components/stepWizard/StepWizard.esm.js +451 -0
  146. package/components/stepWizard/index.esm.js +14 -0
  147. package/components/table/MobileTable.esm.js +415 -0
  148. package/components/table/Table.esm.js +1472 -0
  149. package/components/table/components/columns/DateColumn.esm.js +26 -0
  150. package/components/table/components/columns/DecimalColumn.esm.js +36 -0
  151. package/components/table/components/columns/PriceColumn.esm.js +57 -0
  152. package/components/table/components/columns/RowDraggableColumn.esm.js +24 -0
  153. package/components/table/components/columns/RowExpanderColumn.esm.js +32 -0
  154. package/components/table/components/columns/RowExpanderMultipleColumn.esm.js +24 -0
  155. package/components/table/components/columns/RowMenuColumn.esm.js +101 -0
  156. package/components/table/components/columns/RowSelectionCallbackColumn.esm.js +38 -0
  157. package/components/table/components/columns/RowSelectionColumn.esm.js +34 -0
  158. package/components/table/images/img-emptydata.webp.esm.js +3 -0
  159. package/components/table/images/img-emptysearchdata.webp.esm.js +3 -0
  160. package/components/tableOfContent/TableOfContent.esm.js +267 -0
  161. package/components/tableOfContent/index.esm.js +18 -0
  162. package/components/tableOfContent/transition.esm.js +38 -0
  163. package/components/tabs/Tabs.esm.js +282 -0
  164. package/components/tag/Tag.esm.js +161 -0
  165. package/components/tagList/TagList.esm.js +90 -0
  166. package/components/tagStatus/TagStatus.esm.js +134 -0
  167. package/components/text/Text.esm.js +140 -0
  168. package/components/toast/Toast.esm.js +297 -0
  169. package/components/toast/ToastContainer.esm.js +73 -0
  170. package/components/toast/context/ToastContext.esm.js +5 -0
  171. package/components/toast/context/ToastProvider.esm.js +96 -0
  172. package/components/tooltip/Tooltip.esm.js +175 -0
  173. package/components/upload/Upload.esm.js +1103 -0
  174. package/components/upload/utils/canvasPreview.esm.js +39 -0
  175. package/components/upload/utils/imgPreview.esm.js +21 -0
  176. package/config/stitches.config.esm.js +216 -0
  177. package/editor.esm.js +1 -264
  178. package/hooks/useListOption/useListOption.esm.js +56 -0
  179. package/hooks/useToggle/useToggle.esm.js +8 -0
  180. package/index.esm.js +106 -42293
  181. package/layout/box/Box.esm.js +24 -0
  182. package/layout/flex/Flex.esm.js +135 -0
  183. package/layout/grid/Grid.esm.js +270 -0
  184. package/layout/pageContainer/PageContainer.esm.js +60 -0
  185. package/majoo-provider/MajooProvider.esm.js +42 -0
  186. package/majoo-provider/ThemeProvider.esm.js +41 -0
  187. package/majoo-provider/globalStyles.esm.js +242 -0
  188. package/majoo-provider/styles/modern-normalize.esm.js +95 -0
  189. package/map.esm.js +2 -734
  190. package/package.json +8 -4
  191. package/utils/calendar.esm.js +26 -0
  192. package/utils/element.esm.js +21 -0
  193. package/utils/object.esm.js +12 -0
  194. package/utils/request.esm.js +74 -0
  195. package/utils/strings.esm.js +6 -0
  196. package/{useMediaQuery.esm.js → utils/useMediaQuery.esm.js} +1 -1
  197. package/utils/useNavigatorOnline.esm.js +19 -0
  198. package/utils/variant.esm.js +12 -0
  199. package/wrapper/ConditionalWrapper.esm.js +9 -0
  200. package/ModalDialog.esm.js +0 -2669
  201. package/Separator.esm.js +0 -3002
  202. package/stitches.config.esm.js +0 -2284
@@ -0,0 +1,350 @@
1
+ import { useState, useRef, useLayoutEffect } from 'react';
2
+ import { colors, styled } from '../../config/stitches.config.esm.js';
3
+ import Box from '../../layout/box/Box.esm.js';
4
+ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
5
+ import PropTypes from 'prop-types';
6
+ import { ChevronLeftOutline, ChevronRightOutline } from '@majoo-ui/icons';
7
+ import { Button } from '../button/Button.esm.js';
8
+ import { ConditionalWrapper } from '../../wrapper/ConditionalWrapper.esm.js';
9
+ import { jsx, jsxs } from 'react/jsx-runtime';
10
+
11
+ const ScrollButton = styled(Button, {
12
+ width: '28px',
13
+ outline: '$btnPrimary solid 1px',
14
+ '&:hover': {
15
+ outline: '$btnPrimary solid 1px !important'
16
+ },
17
+ display: 'flex !important',
18
+ variants: {
19
+ position: {
20
+ left: {
21
+ boxShadow: '2px 0 20px 16px rgba(255,255,255,0.1), -4px 0 8px 16px rgba(255,255,255,1)',
22
+ '& svg': {
23
+ marginTop: '-1px',
24
+ marginLeft: '-2px'
25
+ }
26
+ },
27
+ right: {
28
+ boxShadow: '4px 0 8px 16px rgba(255,255,255,1), -2px 0 24px 16px rgba(255,255,255,0.1)',
29
+ '& svg': {
30
+ marginTop: 0,
31
+ marginLeft: 0
32
+ }
33
+ }
34
+ }
35
+ }
36
+ });
37
+ const ScrollButtonContainer = styled(Box, {
38
+ width: '28px',
39
+ height: '100%',
40
+ display: 'flex',
41
+ position: 'absolute',
42
+ alignItems: 'center',
43
+ zIndex: '$sticky',
44
+ borderRadius: '$md',
45
+ top: '0px',
46
+ variants: {
47
+ position: {
48
+ left: {
49
+ left: '12px'
50
+ },
51
+ right: {
52
+ right: '12px'
53
+ }
54
+ }
55
+ }
56
+ });
57
+ const ButtonGroupComponent = styled(ToggleGroupPrimitive.Root, {
58
+ display: 'inline-flex',
59
+ borderRadius: '$md',
60
+ fontSize: '14px',
61
+ alignItems: 'center',
62
+ variants: {
63
+ size: {
64
+ xs: {
65
+ height: '24px'
66
+ },
67
+ sm: {
68
+ height: '28px'
69
+ },
70
+ md: {
71
+ height: '36px'
72
+ },
73
+ lg: {
74
+ height: '44px'
75
+ },
76
+ full: {
77
+ height: '100%'
78
+ }
79
+ },
80
+ withMaxWidth: {
81
+ true: {
82
+ overflowX: 'auto',
83
+ overflowY: 'hidden',
84
+ scrollBehavior: 'smooth',
85
+ '-ms-overflow-style': 'none',
86
+ scrollbarWidth: 'none',
87
+ '&::-webkit-scrollbar': {
88
+ display: 'none'
89
+ }
90
+ }
91
+ },
92
+ mobileOnly: {
93
+ true: {
94
+ '@lg': {
95
+ display: 'none !important'
96
+ }
97
+ }
98
+ },
99
+ desktopOnly: {
100
+ true: {
101
+ display: 'none !important',
102
+ '@lg': {
103
+ display: 'inline-flex !important'
104
+ }
105
+ }
106
+ }
107
+ }
108
+ });
109
+ const GroupItemComponent = styled(ToggleGroupPrimitive.Item, {
110
+ display: 'flex',
111
+ alignItems: 'center',
112
+ justifyContent: 'center',
113
+ color: '$textSecondary',
114
+ fontWeight: 500,
115
+ width: 'auto',
116
+ minWidth: '88px',
117
+ height: '100%',
118
+ backgroundColor: '$btnSecondary',
119
+ userSelect: 'none',
120
+ border: 'none',
121
+ borderRadius: '$lg',
122
+ padding: '8px 12px',
123
+ margin: '0 $spacing-02',
124
+ cursor: 'pointer',
125
+ '&:hover': {
126
+ backgroundColor: '$btnHoverSecondary',
127
+ color: '$textBrand'
128
+ },
129
+ '&:active': {
130
+ border: '1px solid $borderFocus'
131
+ },
132
+ '&:focus': {
133
+ backgroundColor: '$btnPrimary',
134
+ color: '$textWhite',
135
+ border: 'none'
136
+ },
137
+ '&[data-state=on]': {
138
+ backgroundColor: '$btnPrimary',
139
+ color: '$textWhite',
140
+ border: 'none'
141
+ },
142
+ '&:disabled': {
143
+ backgroundColor: '$btnDisable',
144
+ color: '$textDisable',
145
+ cursor: 'not-allowed',
146
+ '&:hover': {
147
+ backgroundColor: '$btnDisable',
148
+ border: '1px solid $btnDisable'
149
+ },
150
+ '&:active': {
151
+ backgroundColor: '$btnDisable',
152
+ border: '1px solid $btnDisable'
153
+ },
154
+ '&:focus': {
155
+ backgroundColor: '$btnDisable',
156
+ border: '1px solid $btnDisable'
157
+ }
158
+ },
159
+ variants: {
160
+ isToggle: {
161
+ true: {
162
+ margin: 0,
163
+ minWidth: '88px',
164
+ color: '$textPrimary',
165
+ fontWeight: 400,
166
+ borderLeft: '1px solid $bgBorder',
167
+ borderRight: '1px solid $bgBorder',
168
+ borderTop: 'none',
169
+ borderBottom: 'none',
170
+ borderRadius: 'unset',
171
+ '&:first-child': {
172
+ marginLeft: 0,
173
+ borderTopLeftRadius: '$md',
174
+ borderBottomLeftRadius: '$md',
175
+ border: 'none'
176
+ },
177
+ '&:last-child': {
178
+ borderTopRightRadius: '$md',
179
+ borderBottomRightRadius: '$md',
180
+ border: 'none'
181
+ }
182
+ }
183
+ }
184
+ }
185
+ });
186
+ const StyledIconLeft = styled('div', {
187
+ marginRight: '5px',
188
+ display: 'inline-block',
189
+ verticalAlign: 'middle'
190
+ });
191
+ const StyledIconRight = styled('div', {
192
+ marginLeft: '5px',
193
+ display: 'inline-block',
194
+ verticalAlign: 'middle'
195
+ });
196
+ function ButtonGroup({
197
+ className,
198
+ children,
199
+ type,
200
+ value,
201
+ defaultValue,
202
+ onValueChange,
203
+ disabled,
204
+ rovingFocus,
205
+ orientation,
206
+ dir,
207
+ loop,
208
+ size,
209
+ withMaxWidth,
210
+ mobileOnly,
211
+ desktopOnly,
212
+ ...props
213
+ }) {
214
+ const [listContainerScrollPosition, setlistContainerScrollPosition] = useState(0);
215
+ const [scrollAreaWidth, setScrollAreaWidth] = useState(0);
216
+ const listContainerRef = useRef();
217
+ useLayoutEffect(() => {
218
+ if (listContainerRef && listContainerRef.current) {
219
+ setScrollAreaWidth(listContainerRef.current.scrollWidth - listContainerRef.current.clientWidth);
220
+ }
221
+ }, [listContainerRef]);
222
+ return /*#__PURE__*/jsx(ConditionalWrapper, {
223
+ condition: withMaxWidth,
224
+ wrapper: children => /*#__PURE__*/jsxs(Box, {
225
+ css: {
226
+ position: 'relative',
227
+ height: '100%'
228
+ },
229
+ children: [children, listContainerScrollPosition > 10 && /*#__PURE__*/jsx(ScrollButtonContainer, {
230
+ position: "left",
231
+ children: /*#__PURE__*/jsx(ScrollButton, {
232
+ position: "left",
233
+ type: "button",
234
+ buttonType: "ghost",
235
+ size: "xs",
236
+ icon: true,
237
+ block: true,
238
+ onClick: () => listContainerRef.current.scrollLeft -= scrollAreaWidth,
239
+ children: /*#__PURE__*/jsx(ChevronLeftOutline, {
240
+ color: colors.iconBrand
241
+ })
242
+ })
243
+ }), listContainerScrollPosition < scrollAreaWidth - 10 && /*#__PURE__*/jsx(ScrollButtonContainer, {
244
+ position: "right",
245
+ children: /*#__PURE__*/jsx(ScrollButton, {
246
+ position: "right",
247
+ type: "button",
248
+ buttonType: "ghost",
249
+ size: "xs",
250
+ icon: true,
251
+ block: true,
252
+ onClick: () => listContainerRef.current.scrollLeft += scrollAreaWidth,
253
+ children: /*#__PURE__*/jsx(ChevronRightOutline, {
254
+ color: colors.iconBrand
255
+ })
256
+ })
257
+ })]
258
+ }),
259
+ children: /*#__PURE__*/jsx(ButtonGroupComponent, {
260
+ className: className,
261
+ type: type,
262
+ value: value,
263
+ defaultValue: defaultValue,
264
+ onValueChange: onValueChange,
265
+ disabled: disabled,
266
+ rovingFocus: rovingFocus,
267
+ orientation: orientation,
268
+ dir: dir,
269
+ loop: loop,
270
+ size: size,
271
+ ref: listContainerRef,
272
+ onScroll: e => setlistContainerScrollPosition(e.target.scrollLeft),
273
+ withMaxWidth: withMaxWidth,
274
+ css: {
275
+ ...props.css
276
+ },
277
+ mobileOnly: mobileOnly,
278
+ desktopOnly: desktopOnly,
279
+ ...props,
280
+ children: children
281
+ })
282
+ });
283
+ }
284
+ ButtonGroup.propTypes = {
285
+ className: PropTypes.string,
286
+ type: PropTypes.oneOf(['single', 'multiple']),
287
+ value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
288
+ defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
289
+ onValueChange: PropTypes.func,
290
+ disabled: PropTypes.bool,
291
+ rovingFocus: PropTypes.bool,
292
+ orientation: PropTypes.oneOf(['horizontal', 'vertical', undefined]),
293
+ dir: PropTypes.oneOf(['ltr', 'rtl']),
294
+ loop: PropTypes.bool,
295
+ withMaxWidth: PropTypes.bool,
296
+ size: PropTypes.string
297
+ // spacing: PropTypes.number,
298
+ // segmented: PropTypes.bool,
299
+ };
300
+ ButtonGroup.defaultProps = {
301
+ type: 'single',
302
+ disabled: false,
303
+ rovingFocus: true,
304
+ orientation: undefined,
305
+ dir: 'ltr',
306
+ loop: true,
307
+ size: 'md',
308
+ withMaxWidth: false
309
+ // spacing: 3,
310
+ // segmented: true,
311
+ };
312
+ function ButtonGroupItem({
313
+ className,
314
+ children,
315
+ leftIcon,
316
+ rightIcon,
317
+ disabled,
318
+ isToggle,
319
+ value,
320
+ ...props
321
+ }) {
322
+ return /*#__PURE__*/jsxs(GroupItemComponent, {
323
+ className: className,
324
+ disabled: disabled,
325
+ isToggle: isToggle,
326
+ value: value,
327
+ css: {
328
+ ...props.css
329
+ },
330
+ ...props,
331
+ children: [leftIcon !== undefined ? /*#__PURE__*/jsx(StyledIconLeft, {
332
+ children: leftIcon
333
+ }) : null, children, rightIcon !== undefined ? /*#__PURE__*/jsx(StyledIconRight, {
334
+ children: rightIcon
335
+ }) : null]
336
+ });
337
+ }
338
+ ButtonGroupItem.propTypes = {
339
+ className: PropTypes.string,
340
+ value: PropTypes.string.isRequired,
341
+ disabled: PropTypes.bool,
342
+ leftIcon: PropTypes.element,
343
+ rightIcon: PropTypes.element,
344
+ isToggle: PropTypes.bool
345
+ };
346
+ ButtonGroupItem.defaultProps = {
347
+ isToggle: true
348
+ };
349
+
350
+ export { ButtonGroup, ButtonGroupItem };
@@ -0,0 +1,236 @@
1
+ import { __rest } from 'tslib';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import { styled } from '../../config/stitches.config.esm.js';
4
+
5
+ const CardComponent = styled('div', {
6
+ padding: '12px',
7
+ height: 'auto',
8
+ width: 'auto',
9
+ borderRadius: '$lg',
10
+ position: 'relative',
11
+ backgroundColor: '$white',
12
+ border: '1px solid $cardBorder',
13
+ variants: {
14
+ shadow: {
15
+ true: {
16
+ boxShadow: '$card'
17
+ }
18
+ },
19
+ isTemplateFormat: {
20
+ true: {
21
+ padding: '$spacing-03 $spacing-03 14px !important',
22
+ '@md': {
23
+ padding: '$spacing-03 $spacing-05 14px !important'
24
+ }
25
+ }
26
+ },
27
+ mobileOnly: {
28
+ true: {
29
+ '@lg': {
30
+ display: 'none !important'
31
+ }
32
+ }
33
+ },
34
+ desktopOnly: {
35
+ true: {
36
+ display: 'none !important',
37
+ '@lg': {
38
+ display: 'block !important'
39
+ }
40
+ }
41
+ }
42
+ }
43
+ });
44
+ const CardLineColor = styled('span', {
45
+ width: '100%',
46
+ height: '$cardLineHeight',
47
+ borderRadius: '0px 0px $lg $lg',
48
+ position: 'absolute',
49
+ bottom: 0,
50
+ left: 0,
51
+ variants: {
52
+ color: {
53
+ green: {
54
+ background: '$chartGreen'
55
+ },
56
+ orange: {
57
+ background: '$chartOrange'
58
+ },
59
+ blue: {
60
+ background: '$chartBlue'
61
+ },
62
+ purple: {
63
+ background: '$chartPurple'
64
+ },
65
+ yellow: {
66
+ background: '$chartYellow'
67
+ },
68
+ red: {
69
+ background: '$chartRed'
70
+ },
71
+ dark: {
72
+ background: '$chartGray'
73
+ },
74
+ lightBlue: {
75
+ background: '$blue300'
76
+ }
77
+ }
78
+ }
79
+ });
80
+ const StyledTitle = styled('div', {
81
+ paddingBottom: '10px',
82
+ marginBottom: '10px',
83
+ fontSize: '14px',
84
+ lineHeight: '20px',
85
+ display: 'flex',
86
+ alignItems: 'center',
87
+ color: '$textSecondary',
88
+ fontWeight: 600
89
+ });
90
+ const StyledIcon = styled('span', {
91
+ background: '$bgBrand',
92
+ borderRadius: '50%',
93
+ width: '34px',
94
+ height: '34px',
95
+ display: 'flex',
96
+ alignItems: 'center',
97
+ justifyContent: 'center',
98
+ zIndex: 2,
99
+ pointerEvents: 'none',
100
+ fontSize: '16px',
101
+ margin: '0 15px 0 0',
102
+ variants: {
103
+ background: {
104
+ green: {
105
+ background: '$chartLightGreen'
106
+ },
107
+ orange: {
108
+ background: '$chartLightOrange'
109
+ },
110
+ blue: {
111
+ background: '$chartLightBlue'
112
+ },
113
+ purple: {
114
+ background: '$chartLightPurple'
115
+ },
116
+ yellow: {
117
+ background: '$chartLightYellow'
118
+ },
119
+ red: {
120
+ background: '$chartLightRed'
121
+ },
122
+ dark: {
123
+ background: '$chartLightGray'
124
+ }
125
+ },
126
+ iconColor: {
127
+ green: {
128
+ color: '$chartGreen'
129
+ },
130
+ orange: {
131
+ color: '$chartOrange'
132
+ },
133
+ blue: {
134
+ color: '$chartBlue'
135
+ },
136
+ purple: {
137
+ color: '$chartPurple'
138
+ },
139
+ yellow: {
140
+ color: '$chartYellow'
141
+ },
142
+ red: {
143
+ color: '$chartRed'
144
+ },
145
+ dark: {
146
+ color: '$chartGray'
147
+ }
148
+ }
149
+ }
150
+ });
151
+ const StyledLabel = styled('h3', {
152
+ color: '$textSecondary',
153
+ fontWeight: '$cardLabel',
154
+ fontSize: '$label',
155
+ lineHeight: '$label',
156
+ letterSpacing: '$label',
157
+ marginTop: 0,
158
+ marginBottom: 8,
159
+ '@md': {
160
+ fontWeight: '$cardLabelMd',
161
+ fontSize: '$cardLabelMd',
162
+ lineHeight: '$cardLabelMd'
163
+ }
164
+ });
165
+ const StyledDescription = styled('p', {
166
+ color: '$textPrimary',
167
+ fontWeight: '$cardDesc',
168
+ fontSize: '$short-content-bold',
169
+ lineHeight: '$short-content-bold',
170
+ marginBottom: 0,
171
+ '@md': {
172
+ fontSize: '$cardDescMd',
173
+ lineHeight: '$cardDescMd'
174
+ }
175
+ });
176
+ const Card = _a => {
177
+ var {
178
+ className,
179
+ children,
180
+ color,
181
+ shadow,
182
+ radius,
183
+ padding,
184
+ title,
185
+ width,
186
+ textColor,
187
+ icon,
188
+ showBottomLine,
189
+ label,
190
+ description,
191
+ mobileOnly,
192
+ desktopOnly
193
+ } = _a,
194
+ props = __rest(_a, ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon", "showBottomLine", "label", "description", "mobileOnly", "desktopOnly"]);
195
+ return jsxs(CardComponent, {
196
+ className: className,
197
+ shadow: shadow,
198
+ isTemplateFormat: Boolean(label && description),
199
+ mobileOnly: mobileOnly,
200
+ desktopOnly: desktopOnly,
201
+ css: Object.assign({
202
+ width: width,
203
+ padding: padding,
204
+ borderRadius: radius,
205
+ color: textColor
206
+ }, props.css),
207
+ children: [showBottomLine && jsx(CardLineColor, {
208
+ color: color
209
+ }), title !== '' ? icon !== undefined ? jsxs(StyledTitle, {
210
+ children: [jsx(StyledIcon, {
211
+ background: color,
212
+ iconColor: color,
213
+ children: icon
214
+ }), title]
215
+ }) : jsx(StyledTitle, {
216
+ children: title
217
+ }) : null, label && typeof label === 'string' ? jsx(StyledLabel, {
218
+ children: label
219
+ }) : label, description && jsx(StyledDescription, {
220
+ children: description
221
+ }), children]
222
+ });
223
+ };
224
+ Card.defaultProps = {
225
+ className: '',
226
+ color: 'green',
227
+ shadow: true,
228
+ radius: '$lg',
229
+ padding: '12px',
230
+ title: '',
231
+ showBottomLine: true
232
+ };
233
+ Card.Label = StyledLabel;
234
+ Card.Description = StyledDescription;
235
+
236
+ export { Card, CardComponent, CardLineColor, StyledTitle, Card as default };
@@ -0,0 +1,3 @@
1
+ var img = "data:image/png;base64,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";
2
+
3
+ export { img as default };