@zydon/common 2.2.48 → 2.2.50

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 (368) hide show
  1. package/dist/chunk-23GJSDGU.js +10 -0
  2. package/dist/chunk-2MVQI7NJ.js +8 -0
  3. package/dist/chunk-3APKMSVD.js +5 -0
  4. package/dist/chunk-3E5A45HM.js +3 -0
  5. package/dist/chunk-4CNAGEPZ.js +13 -0
  6. package/dist/chunk-4INDXVIX.js +5 -0
  7. package/dist/chunk-56NARAT6.js +11 -0
  8. package/dist/chunk-5YJTSVA2.js +6 -0
  9. package/dist/chunk-7F56LFN2.js +17 -0
  10. package/dist/chunk-7KZ2UT76.js +8 -0
  11. package/dist/chunk-ANAHA3L6.js +3 -0
  12. package/dist/chunk-BA43A7R3.js +18 -0
  13. package/dist/chunk-BUYQKDFG.js +13 -0
  14. package/dist/chunk-BYAPKKGB.js +7 -0
  15. package/dist/chunk-CFVUZ4S5.js +5 -0
  16. package/dist/chunk-CFYNJQGN.js +43 -0
  17. package/dist/chunk-CQDKXUUX.js +3 -0
  18. package/dist/chunk-D27ND54J.js +16 -0
  19. package/dist/chunk-D2VRQ2K3.js +10 -0
  20. package/dist/chunk-DZ7YW2X6.js +18 -0
  21. package/dist/chunk-E5MGOPPQ.js +8 -0
  22. package/dist/chunk-EBTRMUBS.js +7 -0
  23. package/dist/chunk-EFUFJKJD.js +7 -0
  24. package/dist/chunk-F7CW3DXN.js +14 -0
  25. package/dist/chunk-GA4A5P3S.js +6 -0
  26. package/dist/chunk-GOC7PC2S.js +6 -0
  27. package/dist/chunk-ILHUUK4X.js +6 -0
  28. package/dist/chunk-KFZEM7KS.js +5 -0
  29. package/dist/chunk-KORVZU6L.js +17 -0
  30. package/dist/chunk-M6QHAL4V.js +7 -0
  31. package/dist/chunk-MCT77MRN.js +8 -0
  32. package/dist/chunk-NF42ENKE.js +9 -0
  33. package/dist/chunk-NHQNAQTD.js +7 -0
  34. package/dist/chunk-NQ32QBBI.js +7 -0
  35. package/dist/chunk-ORYAES3Q.js +5 -0
  36. package/dist/chunk-PMPALWRO.js +9 -0
  37. package/dist/chunk-QHVL5QNM.js +13 -0
  38. package/dist/chunk-QNAXGE5H.js +8 -0
  39. package/dist/chunk-QQB3DGHT.js +3 -0
  40. package/dist/chunk-RLMWIJKJ.js +10 -0
  41. package/dist/chunk-SEVJABAI.js +7 -0
  42. package/dist/chunk-T7I256S6.js +8 -0
  43. package/dist/chunk-TRI6XGH4.js +7 -0
  44. package/dist/chunk-TWGGHTU5.js +5 -0
  45. package/dist/chunk-UGH5FWZQ.js +13 -0
  46. package/dist/chunk-VTHBHXM2.js +7 -0
  47. package/dist/chunk-VVMQMROT.js +5 -0
  48. package/dist/chunk-W3MYAMTH.js +5 -0
  49. package/dist/chunk-WKD3OXUA.js +6 -0
  50. package/dist/chunk-YWEB6IAI.js +6 -0
  51. package/dist/chunk-YYKIC4EK.js +28 -0
  52. package/dist/chunk-Z2TDWMRU.js +6 -0
  53. package/dist/chunk-ZDHXW74M.js +5 -0
  54. package/dist/chunk-ZHP7IRS6.js +7 -0
  55. package/dist/chunk-ZODC2MGF.js +10 -0
  56. package/dist/components/ActionButton/index.js +3 -35
  57. package/dist/components/Autocomplete/index.js +3 -141
  58. package/dist/components/AutocompleteDetailed/index.js +3 -142
  59. package/dist/components/BuilderLayout/index.js +12 -26
  60. package/dist/components/BuilderSidebar/index.js +10 -20
  61. package/dist/components/ColorPickerInput/index.js +2 -101
  62. package/dist/components/ColoredLabel/index.js +7 -44
  63. package/dist/components/Common/index.js +22 -31
  64. package/dist/components/Confirm/index.js +11 -51
  65. package/dist/components/CustomAvatar/index.js +1 -62
  66. package/dist/components/CustomAvatarGroup/index.js +7 -76
  67. package/dist/components/DashedDivider/index.js +1 -10
  68. package/dist/components/DataCards/index.js +20 -60
  69. package/dist/components/DataGrid/index.js +15 -81
  70. package/dist/components/DatePicker/index.js +7 -42
  71. package/dist/components/DateRangePicker/index.js +7 -50
  72. package/dist/components/DateTimePicker/index.js +7 -40
  73. package/dist/components/Delayed/index.js +5 -17
  74. package/dist/components/Drawer/index.js +12 -39
  75. package/dist/components/EmptyContent/index.js +3 -80
  76. package/dist/components/EmptyView/index.js +2 -34
  77. package/dist/components/Error/index.js +10 -46
  78. package/dist/components/ExpandableGroup/index.js +13 -33
  79. package/dist/components/FixedProgressBar/index.js +1 -22
  80. package/dist/components/FrameSkeleton/index.js +16 -108
  81. package/dist/components/HelpButton/index.js +3 -22
  82. package/dist/components/Icon/index.js +2 -670
  83. package/dist/components/ImageCrop/index.js +1 -51
  84. package/dist/components/ImageCropModal/index.js +5 -130
  85. package/dist/components/Incrementer/index.js +5 -161
  86. package/dist/components/Label/index.js +9 -74
  87. package/dist/components/LoadingScreen/index.js +8 -11
  88. package/dist/components/MaskedInput/index.js +1 -55
  89. package/dist/components/MenuItem/index.js +11 -24
  90. package/dist/components/MenuPopover/index.js +1 -48
  91. package/dist/components/Modal/index.js +3 -33
  92. package/dist/components/ModalActions/index.js +6 -11
  93. package/dist/components/MoreMenu/index.js +11 -18
  94. package/dist/components/NumberInput/index.js +1 -109
  95. package/dist/components/PasswordRules/index.js +11 -78
  96. package/dist/components/PopoverSelect/index.js +13 -50
  97. package/dist/components/Portal/index.js +1 -28
  98. package/dist/components/Result/index.js +1 -28
  99. package/dist/components/SavedChanges/index.js +7 -42
  100. package/dist/components/Scrollbar/index.js +1 -45
  101. package/dist/components/SearchInput/index.js +3 -73
  102. package/dist/components/SelectableCards/index.js +8 -144
  103. package/dist/components/SeoPreview/index.js +13 -167
  104. package/dist/components/SplashScreen/index.js +8 -107
  105. package/dist/components/Steps/index.js +14 -71
  106. package/dist/components/StyledTab/index.js +10 -90
  107. package/dist/components/StyledTabs/index.js +7 -27
  108. package/dist/components/Summary/index.js +8 -15
  109. package/dist/components/SwapList/index.js +22 -249
  110. package/dist/components/TabPanel/index.js +6 -34
  111. package/dist/components/TextMaxLine/index.js +2 -49
  112. package/dist/components/TimePicker/index.js +7 -42
  113. package/dist/components/ToggleButtonGroup/index.js +7 -10
  114. package/dist/components/Tooltip/index.js +6 -8
  115. package/dist/components/WhiteBox/index.js +1 -8
  116. package/dist/components/animate/index.js +2 -16
  117. package/dist/components/carousel/index.js +16 -10
  118. package/dist/components/form/Address/index.js +15 -199
  119. package/dist/components/form/Autocomplete/index.js +4 -42
  120. package/dist/components/form/AutocompleteDetailed/index.js +9 -42
  121. package/dist/components/form/Checkbox/index.js +9 -51
  122. package/dist/components/form/Codes/index.js +11 -87
  123. package/dist/components/form/ColorPicker/index.js +8 -52
  124. package/dist/components/form/DatePicker/index.js +8 -63
  125. package/dist/components/form/DateRangePicker/index.js +10 -77
  126. package/dist/components/form/DateTimePicker/index.js +8 -61
  127. package/dist/components/form/Field/index.js +1 -49
  128. package/dist/components/form/Form/index.js +7 -29
  129. package/dist/components/form/Incrementer/index.js +11 -38
  130. package/dist/components/form/InputTags/index.js +9 -69
  131. package/dist/components/form/MaskedInput/index.js +2 -45
  132. package/dist/components/form/MultiCheckbox/index.js +12 -93
  133. package/dist/components/form/MultiChipField/index.js +8 -49
  134. package/dist/components/form/NumberInput/index.js +7 -43
  135. package/dist/components/form/Password/index.js +13 -91
  136. package/dist/components/form/RadioGroup/index.js +13 -127
  137. package/dist/components/form/SelectableCards/index.js +14 -22
  138. package/dist/components/form/Switch/index.js +9 -71
  139. package/dist/components/form/TimePicker/index.js +8 -64
  140. package/dist/components/form/UploadAvatarWithCrop/index.js +20 -59
  141. package/dist/components/form/UploadWithCrop/index.js +23 -59
  142. package/dist/components/form/Webhook/index.js +19 -146
  143. package/dist/components/lightbox/index.js +16 -3
  144. package/dist/components/table/index.js +21 -19
  145. package/dist/components/upload/index.js +23 -14
  146. package/dist/hooks/useActiveElement.js +5 -27
  147. package/dist/hooks/useApiMessage.js +5 -33
  148. package/dist/hooks/useAutocomplete.js +6 -61
  149. package/dist/hooks/useCopyToClipboard.js +5 -22
  150. package/dist/hooks/useDatagrid.js +6 -45
  151. package/dist/hooks/useDebounceValue.js +5 -18
  152. package/dist/hooks/useDeepCompareEffect.js +6 -16
  153. package/dist/hooks/useEventCallback.js +2 -17
  154. package/dist/hooks/useEventListener.js +1 -24
  155. package/dist/hooks/useIsMounting.js +5 -13
  156. package/dist/hooks/useIsomorphicLayoutEffect.js +1 -6
  157. package/dist/hooks/useLocalStorage.js +8 -88
  158. package/dist/hooks/useMount.js +5 -9
  159. package/dist/hooks/useOnClickOutside.js +5 -15
  160. package/dist/hooks/usePagination.js +5 -40
  161. package/dist/hooks/usePopover.js +1 -24
  162. package/dist/hooks/useResponsive.js +1 -35
  163. package/dist/hooks/useScrollOffSetTop.js +6 -32
  164. package/dist/hooks/useSnackbar.js +1 -13
  165. package/dist/hooks/useTabs.js +5 -16
  166. package/dist/hooks/useToggle.js +1 -11
  167. package/dist/hooks/useUpload.js +1 -57
  168. package/dist/hooks/useUploadImage.js +2 -79
  169. package/dist/index.css +10 -0
  170. package/dist/index.js +3 -6
  171. package/dist/locales/all-langs.js +1 -39
  172. package/dist/theme/core/index.js +3 -6
  173. package/dist/theme/styles/index.d.ts +1 -1
  174. package/dist/theme/styles/index.js +1 -3
  175. package/dist/theme/theme-provider.js +7 -45
  176. package/dist/theme/with-settings/index.js +4 -2
  177. package/dist/types/addressProps.js +1 -1
  178. package/dist/types/api.js +1 -1
  179. package/dist/types/autoComplete.js +1 -1
  180. package/dist/types/autoCompleteProps.js +1 -1
  181. package/dist/types/baseField.js +1 -1
  182. package/dist/types/dataGridProps.js +1 -1
  183. package/dist/types/datagrid.js +1 -1
  184. package/dist/types/datePickerProps.js +1 -1
  185. package/dist/types/dateRangePickerProps.js +1 -1
  186. package/dist/types/dateTimePickerProps.js +1 -1
  187. package/dist/types/fieldProps.js +1 -1
  188. package/dist/types/icon.js +1 -331
  189. package/dist/types/iconProps.js +1 -1
  190. package/dist/types/incrementerProps.js +1 -1
  191. package/dist/types/item.js +1 -1
  192. package/dist/types/multiCheckboxProps.js +1 -1
  193. package/dist/types/numberInputProps.js +1 -1
  194. package/dist/types/option.js +1 -1
  195. package/dist/types/radioGroupProps.js +1 -1
  196. package/dist/types/searchInputProps.js +1 -1
  197. package/dist/types/sectionProps.js +1 -1
  198. package/dist/types/switchProps.js +1 -1
  199. package/dist/types/timePickerProps.js +1 -1
  200. package/dist/types/upload.js +1 -1
  201. package/dist/types/webhook.js +3 -51
  202. package/dist/utils/color.js +1 -6
  203. package/dist/utils/compare.js +1 -6
  204. package/dist/utils/date.js +6 -23
  205. package/dist/utils/formatNumber.js +1 -94
  206. package/dist/utils/formatTime.js +1 -169
  207. package/dist/utils/loadable.js +7 -14
  208. package/dist/utils/mask.js +3 -44
  209. package/dist/utils/number.js +1 -15
  210. package/dist/utils/sort.js +3 -24
  211. package/dist/utils/uuidv4.js +3 -10
  212. package/dist/utils/validators.js +1 -86
  213. package/package.json +1 -1
  214. package/dist/components/ActionButton/index.js.map +0 -1
  215. package/dist/components/Autocomplete/index.js.map +0 -1
  216. package/dist/components/AutocompleteDetailed/index.js.map +0 -1
  217. package/dist/components/BuilderLayout/index.js.map +0 -1
  218. package/dist/components/BuilderSidebar/index.js.map +0 -1
  219. package/dist/components/ColorPickerInput/index.js.map +0 -1
  220. package/dist/components/ColoredLabel/index.js.map +0 -1
  221. package/dist/components/Common/index.js.map +0 -1
  222. package/dist/components/Confirm/index.js.map +0 -1
  223. package/dist/components/CustomAvatar/index.js.map +0 -1
  224. package/dist/components/CustomAvatarGroup/index.js.map +0 -1
  225. package/dist/components/DashedDivider/index.js.map +0 -1
  226. package/dist/components/DataCards/index.js.map +0 -1
  227. package/dist/components/DataGrid/index.js.map +0 -1
  228. package/dist/components/DatePicker/index.js.map +0 -1
  229. package/dist/components/DateRangePicker/index.js.map +0 -1
  230. package/dist/components/DateTimePicker/index.js.map +0 -1
  231. package/dist/components/Delayed/index.js.map +0 -1
  232. package/dist/components/Drawer/index.js.map +0 -1
  233. package/dist/components/EmptyContent/index.js.map +0 -1
  234. package/dist/components/EmptyView/index.js.map +0 -1
  235. package/dist/components/Error/index.js.map +0 -1
  236. package/dist/components/ExpandableGroup/index.js.map +0 -1
  237. package/dist/components/FixedProgressBar/index.js.map +0 -1
  238. package/dist/components/FrameSkeleton/index.js.map +0 -1
  239. package/dist/components/HelpButton/index.js.map +0 -1
  240. package/dist/components/Icon/index.js.map +0 -1
  241. package/dist/components/ImageCrop/index.js.map +0 -1
  242. package/dist/components/ImageCropModal/index.js.map +0 -1
  243. package/dist/components/Incrementer/index.js.map +0 -1
  244. package/dist/components/Label/index.js.map +0 -1
  245. package/dist/components/LoadingScreen/index.js.map +0 -1
  246. package/dist/components/MaskedInput/index.js.map +0 -1
  247. package/dist/components/MenuItem/index.js.map +0 -1
  248. package/dist/components/MenuPopover/index.js.map +0 -1
  249. package/dist/components/Modal/index.js.map +0 -1
  250. package/dist/components/ModalActions/index.js.map +0 -1
  251. package/dist/components/MoreMenu/index.js.map +0 -1
  252. package/dist/components/NumberInput/index.js.map +0 -1
  253. package/dist/components/PasswordRules/index.js.map +0 -1
  254. package/dist/components/PopoverSelect/index.js.map +0 -1
  255. package/dist/components/Portal/index.js.map +0 -1
  256. package/dist/components/Result/index.js.map +0 -1
  257. package/dist/components/SavedChanges/index.js.map +0 -1
  258. package/dist/components/Scrollbar/index.js.map +0 -1
  259. package/dist/components/SearchInput/index.js.map +0 -1
  260. package/dist/components/SelectableCards/index.js.map +0 -1
  261. package/dist/components/SeoPreview/index.js.map +0 -1
  262. package/dist/components/SplashScreen/index.js.map +0 -1
  263. package/dist/components/Steps/index.js.map +0 -1
  264. package/dist/components/StyledTab/index.js.map +0 -1
  265. package/dist/components/StyledTabs/index.js.map +0 -1
  266. package/dist/components/Summary/index.js.map +0 -1
  267. package/dist/components/SwapList/index.js.map +0 -1
  268. package/dist/components/TabPanel/index.js.map +0 -1
  269. package/dist/components/TextMaxLine/index.js.map +0 -1
  270. package/dist/components/TimePicker/index.js.map +0 -1
  271. package/dist/components/ToggleButtonGroup/index.js.map +0 -1
  272. package/dist/components/Tooltip/index.js.map +0 -1
  273. package/dist/components/WhiteBox/index.js.map +0 -1
  274. package/dist/components/animate/index.js.map +0 -1
  275. package/dist/components/carousel/index.js.map +0 -1
  276. package/dist/components/form/Address/index.js.map +0 -1
  277. package/dist/components/form/Autocomplete/index.js.map +0 -1
  278. package/dist/components/form/AutocompleteDetailed/index.js.map +0 -1
  279. package/dist/components/form/Checkbox/index.js.map +0 -1
  280. package/dist/components/form/Codes/index.js.map +0 -1
  281. package/dist/components/form/ColorPicker/index.js.map +0 -1
  282. package/dist/components/form/DatePicker/index.js.map +0 -1
  283. package/dist/components/form/DateRangePicker/index.js.map +0 -1
  284. package/dist/components/form/DateTimePicker/index.js.map +0 -1
  285. package/dist/components/form/Field/index.js.map +0 -1
  286. package/dist/components/form/Form/index.js.map +0 -1
  287. package/dist/components/form/Incrementer/index.js.map +0 -1
  288. package/dist/components/form/InputTags/index.js.map +0 -1
  289. package/dist/components/form/MaskedInput/index.js.map +0 -1
  290. package/dist/components/form/MultiCheckbox/index.js.map +0 -1
  291. package/dist/components/form/MultiChipField/index.js.map +0 -1
  292. package/dist/components/form/NumberInput/index.js.map +0 -1
  293. package/dist/components/form/Password/index.js.map +0 -1
  294. package/dist/components/form/RadioGroup/index.js.map +0 -1
  295. package/dist/components/form/SelectableCards/index.js.map +0 -1
  296. package/dist/components/form/Switch/index.js.map +0 -1
  297. package/dist/components/form/TimePicker/index.js.map +0 -1
  298. package/dist/components/form/UploadAvatarWithCrop/index.js.map +0 -1
  299. package/dist/components/form/UploadWithCrop/index.js.map +0 -1
  300. package/dist/components/form/Webhook/index.js.map +0 -1
  301. package/dist/components/lightbox/index.js.map +0 -1
  302. package/dist/components/table/index.js.map +0 -1
  303. package/dist/components/upload/index.js.map +0 -1
  304. package/dist/hooks/useActiveElement.js.map +0 -1
  305. package/dist/hooks/useApiMessage.js.map +0 -1
  306. package/dist/hooks/useAutocomplete.js.map +0 -1
  307. package/dist/hooks/useCopyToClipboard.js.map +0 -1
  308. package/dist/hooks/useDatagrid.js.map +0 -1
  309. package/dist/hooks/useDebounceValue.js.map +0 -1
  310. package/dist/hooks/useDeepCompareEffect.js.map +0 -1
  311. package/dist/hooks/useEventCallback.js.map +0 -1
  312. package/dist/hooks/useEventListener.js.map +0 -1
  313. package/dist/hooks/useIsMounting.js.map +0 -1
  314. package/dist/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  315. package/dist/hooks/useLocalStorage.js.map +0 -1
  316. package/dist/hooks/useMount.js.map +0 -1
  317. package/dist/hooks/useOnClickOutside.js.map +0 -1
  318. package/dist/hooks/usePagination.js.map +0 -1
  319. package/dist/hooks/usePopover.js.map +0 -1
  320. package/dist/hooks/useResponsive.js.map +0 -1
  321. package/dist/hooks/useScrollOffSetTop.js.map +0 -1
  322. package/dist/hooks/useSnackbar.js.map +0 -1
  323. package/dist/hooks/useTabs.js.map +0 -1
  324. package/dist/hooks/useToggle.js.map +0 -1
  325. package/dist/hooks/useUpload.js.map +0 -1
  326. package/dist/hooks/useUploadImage.js.map +0 -1
  327. package/dist/index.js.map +0 -1
  328. package/dist/locales/all-langs.js.map +0 -1
  329. package/dist/theme/core/index.js.map +0 -1
  330. package/dist/theme/styles/index.js.map +0 -1
  331. package/dist/theme/theme-provider.js.map +0 -1
  332. package/dist/theme/with-settings/index.js.map +0 -1
  333. package/dist/types/addressProps.js.map +0 -1
  334. package/dist/types/api.js.map +0 -1
  335. package/dist/types/autoComplete.js.map +0 -1
  336. package/dist/types/autoCompleteProps.js.map +0 -1
  337. package/dist/types/baseField.js.map +0 -1
  338. package/dist/types/dataGridProps.js.map +0 -1
  339. package/dist/types/datagrid.js.map +0 -1
  340. package/dist/types/datePickerProps.js.map +0 -1
  341. package/dist/types/dateRangePickerProps.js.map +0 -1
  342. package/dist/types/dateTimePickerProps.js.map +0 -1
  343. package/dist/types/fieldProps.js.map +0 -1
  344. package/dist/types/icon.js.map +0 -1
  345. package/dist/types/iconProps.js.map +0 -1
  346. package/dist/types/incrementerProps.js.map +0 -1
  347. package/dist/types/item.js.map +0 -1
  348. package/dist/types/multiCheckboxProps.js.map +0 -1
  349. package/dist/types/numberInputProps.js.map +0 -1
  350. package/dist/types/option.js.map +0 -1
  351. package/dist/types/radioGroupProps.js.map +0 -1
  352. package/dist/types/searchInputProps.js.map +0 -1
  353. package/dist/types/sectionProps.js.map +0 -1
  354. package/dist/types/switchProps.js.map +0 -1
  355. package/dist/types/timePickerProps.js.map +0 -1
  356. package/dist/types/upload.js.map +0 -1
  357. package/dist/types/webhook.js.map +0 -1
  358. package/dist/utils/color.js.map +0 -1
  359. package/dist/utils/compare.js.map +0 -1
  360. package/dist/utils/date.js.map +0 -1
  361. package/dist/utils/formatNumber.js.map +0 -1
  362. package/dist/utils/formatTime.js.map +0 -1
  363. package/dist/utils/loadable.js.map +0 -1
  364. package/dist/utils/mask.js.map +0 -1
  365. package/dist/utils/number.js.map +0 -1
  366. package/dist/utils/sort.js.map +0 -1
  367. package/dist/utils/uuidv4.js.map +0 -1
  368. package/dist/utils/validators.js.map +0 -1
@@ -1,144 +1,8 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import Button from "@mui/material/Button";
4
- import CircularProgress from "@mui/material/CircularProgress";
5
- import Grid from "@mui/material/Grid";
6
- import Stack from "@mui/material/Stack";
7
- import Typography from "@mui/material/Typography";
8
- import EmptyView from "components/EmptyView";
9
- import Icon from "components/Icon";
10
- import Result from "components/Result";
11
- import Scrollbar from "components/Scrollbar";
12
- import SearchInput from "components/SearchInput";
13
- import { StyledCard } from "./style";
14
- const SelectableCards = ({
15
- title,
16
- action,
17
- loading,
18
- items,
19
- values,
20
- onChange
21
- }) => {
22
- const [search, setSearch] = useState();
23
- const isSelected = (itemId) => {
24
- return values.includes(itemId);
25
- };
26
- const filteredItems = search ? items.filter(
27
- (item) => item.title.toLowerCase().includes(search.toLowerCase())
28
- ) : items;
29
- const onSelectItem = (item) => {
30
- const isItemAlreadySelected = isSelected(item.value);
31
- let newSelectedOptions;
32
- if (isItemAlreadySelected) {
33
- newSelectedOptions = values.filter((element) => element !== item.value);
34
- } else {
35
- newSelectedOptions = [...values, item.value];
36
- }
37
- onChange(newSelectedOptions);
38
- };
39
- const selectAllItems = () => {
40
- if (values.length === items.length) {
41
- onChange([]);
42
- } else {
43
- onChange(items.map((item) => item.value));
44
- }
45
- };
46
- const enCardinalRules = new Intl.PluralRules("pt-BR");
47
- const strings = /* @__PURE__ */ new Map([
48
- ["one", "selecionado"],
49
- ["other", "selecionados"]
50
- ]);
51
- const formatStrings = (n) => {
52
- const rule = enCardinalRules.select(n);
53
- const suffix = strings.get(rule);
54
- return `${n} ${suffix}`;
55
- };
56
- return /* @__PURE__ */ jsxs(Stack, { gap: 1.5, height: 450, children: [
57
- /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
58
- typeof title === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.disabled", children: title }) : title,
59
- /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.disabled", children: values.length === 0 ? "nenhum selecionado" : formatStrings(values.length) })
60
- ] }),
61
- /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1.5, children: [
62
- /* @__PURE__ */ jsx(
63
- SearchInput,
64
- {
65
- fullWidth: true,
66
- size: "small",
67
- iconPosition: "start",
68
- placeholder: "Buscar",
69
- trigger: "change",
70
- onSearch: (value) => setSearch(value),
71
- onKeyDown: (event) => {
72
- if (event.key === "Enter") {
73
- event.preventDefault();
74
- }
75
- }
76
- }
77
- ),
78
- action ? /* @__PURE__ */ jsx(Fragment, { children: action }) : /* @__PURE__ */ jsx(Button, { onClick: selectAllItems, size: "small", children: /* @__PURE__ */ jsx(Typography, { variant: "overline", children: "TODOS" }) })
79
- ] }),
80
- /* @__PURE__ */ jsx(Scrollbar, { children: /* @__PURE__ */ jsx(Stack, { flex: 1, mb: 2, children: /* @__PURE__ */ jsx(
81
- Result,
82
- {
83
- isLoading: loading,
84
- loading: /* @__PURE__ */ jsx(Stack, { alignItems: "center", mt: 3, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
85
- isEmpty: items.length === 0,
86
- empty: /* @__PURE__ */ jsx(
87
- EmptyView,
88
- {
89
- sx: { svg: { height: 140 } },
90
- text: search ? `N\xE3o foi possivel encontrar o item "${search}"` : "Nenhum item dispon\xEDvel"
91
- }
92
- ),
93
- children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1.5, children: filteredItems.map((item) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
94
- StyledCard,
95
- {
96
- active: isSelected(item.value),
97
- onClick: () => onSelectItem(item),
98
- children: /* @__PURE__ */ jsxs(Stack, { padding: 1.5, width: "100%", children: [
99
- /* @__PURE__ */ jsxs(
100
- Stack,
101
- {
102
- direction: "row",
103
- alignItems: "center",
104
- justifyContent: "space-between",
105
- children: [
106
- /* @__PURE__ */ jsx(
107
- Typography,
108
- {
109
- color: isSelected(item.value) ? "primary.main" : "text.primary",
110
- variant: "subtitle2",
111
- textAlign: "left",
112
- noWrap: true,
113
- children: item.title
114
- }
115
- ),
116
- isSelected(item.value) && /* @__PURE__ */ jsx(Icon, { icon: "CHECK_CIRCLE", width: 24 })
117
- ]
118
- }
119
- ),
120
- item.options.map((option) => /* @__PURE__ */ jsx(
121
- Typography,
122
- {
123
- mt: 1,
124
- variant: "body2",
125
- color: "text.disabled",
126
- fontSize: 12,
127
- textAlign: "left",
128
- noWrap: true,
129
- children: `${option.label}: ${option.value}`
130
- },
131
- option.label
132
- ))
133
- ] })
134
- }
135
- ) }, item.title)) })
136
- }
137
- ) }) })
138
- ] });
139
- };
140
- var SelectableCards_default = SelectableCards;
141
- export {
142
- SelectableCards_default as default
143
- };
144
- //# sourceMappingURL=index.js.map
1
+ export { a as default } from '../../chunk-DZ7YW2X6.js';
2
+ import '../../chunk-D2VRQ2K3.js';
3
+ import '../../chunk-TWGGHTU5.js';
4
+ import '../../chunk-E5MGOPPQ.js';
5
+ import '../../chunk-2MVQI7NJ.js';
6
+ import '../../chunk-ZDHXW74M.js';
7
+ import '../../chunk-PMPALWRO.js';
8
+ import '../../chunk-3E5A45HM.js';
@@ -1,167 +1,13 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import Box from "@mui/material/Box";
3
- import Stack from "@mui/material/Stack";
4
- import Typography from "@mui/material/Typography";
5
- import Icon from "../Icon";
6
- import TextMaxLine from "../TextMaxLine";
7
- import {
8
- ImageBoxPreviewLink,
9
- InterBoxPreview,
10
- InterBoxPreviewLink,
11
- LogoImageBox,
12
- PreviewBox,
13
- ProductImageBox
14
- } from "./styles";
15
- const SeoPreview = ({
16
- titlePreview,
17
- logoImage,
18
- brandingName,
19
- url,
20
- title,
21
- description,
22
- keyWords,
23
- customTitles,
24
- productImage,
25
- child,
26
- previewLinkImage,
27
- hasPreviewLink
28
- }) => {
29
- return /* @__PURE__ */ jsx(PreviewBox, { children: /* @__PURE__ */ jsxs(Stack, { gap: 3, display: "flex", flex: 1, children: [
30
- /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.disabled", children: titlePreview ?? "PR\xC9-VISUALIZA\xC7\xC3O" }),
31
- /* @__PURE__ */ jsxs(InterBoxPreview, { children: [
32
- /* @__PURE__ */ jsxs(Stack, { direction: "row", pb: 3, gap: 0.5, children: [
33
- /* @__PURE__ */ jsx(Box, { height: 0, width: 10, children: /* @__PURE__ */ jsx(Icon, { icon: "CIRCLE", width: 30, color: "error.main" }) }),
34
- /* @__PURE__ */ jsx(Box, { height: 0, width: 10, children: /* @__PURE__ */ jsx(Icon, { icon: "CIRCLE", width: 30, color: "warning.main" }) }),
35
- /* @__PURE__ */ jsx(Box, { height: 0, width: 10, children: /* @__PURE__ */ jsx(Icon, { icon: "CIRCLE", width: 30, color: "success.main" }) })
36
- ] }),
37
- /* @__PURE__ */ jsxs(Stack, { flexDirection: "row", gap: 2, justifyContent: "space-between", children: [
38
- /* @__PURE__ */ jsxs(Stack, { gap: 1, width: "100%", children: [
39
- /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1.5, pb: 0.5, children: [
40
- logoImage && /* @__PURE__ */ jsx(LogoImageBox, { children: /* @__PURE__ */ jsx("img", { alt: "Logo", src: logoImage }) }),
41
- /* @__PURE__ */ jsxs(Stack, { children: [
42
- /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "grey.600", pb: 0.5, children: brandingName ?? "SUAEMPRESA" }),
43
- /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
44
- /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "grey.600", children: url ?? "https://www.exemplo.com" }),
45
- /* @__PURE__ */ jsx(
46
- Icon,
47
- {
48
- icon: "MORE_OPTIONS_VERTICAL",
49
- width: 15,
50
- color: "grey.500"
51
- }
52
- )
53
- ] })
54
- ] })
55
- ] }),
56
- /* @__PURE__ */ jsx(
57
- TextMaxLine,
58
- {
59
- variant: "subtitle1",
60
- color: "#4E5BEC",
61
- overflow: "hidden",
62
- textOverflow: "ellipsis",
63
- line: 5,
64
- children: title ?? "Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"
65
- }
66
- ),
67
- /* @__PURE__ */ jsx(
68
- TextMaxLine,
69
- {
70
- variant: "caption",
71
- color: "text.disabled",
72
- overflow: "hidden",
73
- textOverflow: "ellipsis",
74
- line: 5,
75
- children: description ?? "A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"
76
- }
77
- ),
78
- keyWords && /* @__PURE__ */ jsx(Stack, { direction: "row", gap: 1, alignItems: "center", children: keyWords.map((keyWord, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
79
- /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", children: keyWord }),
80
- index < keyWords.length - 1 && /* @__PURE__ */ jsx(Box, { width: 4, height: 16, children: /* @__PURE__ */ jsx(
81
- Icon,
82
- {
83
- icon: "CIRCLE",
84
- color: "text.disabled",
85
- width: 10
86
- }
87
- ) })
88
- ] })) }),
89
- customTitles && /* @__PURE__ */ jsx(Stack, { pt: 2, children: customTitles.map((customTitle, index) => /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
90
- /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", color: "#4E5BEC", children: customTitle.title }),
91
- /* @__PURE__ */ jsx(
92
- TextMaxLine,
93
- {
94
- variant: "caption",
95
- color: "text.disabled",
96
- overflow: "hidden",
97
- textOverflow: "ellipsis",
98
- line: 1,
99
- children: customTitle.description ?? "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys stansince the 1500"
100
- }
101
- )
102
- ] }, index)) }),
103
- child
104
- ] }),
105
- productImage && /* @__PURE__ */ jsx(ProductImageBox, { children: /* @__PURE__ */ jsx("img", { alt: "ProductImage", src: productImage }) })
106
- ] })
107
- ] }),
108
- hasPreviewLink && /* @__PURE__ */ jsxs(Stack, { gap: 3, display: "flex", flex: 1, width: "100%", children: [
109
- /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.disabled", children: "pr\xE9-visualiza\xE7\xE3o link de compartilhamento".toUpperCase() }),
110
- /* @__PURE__ */ jsxs(InterBoxPreviewLink, { children: [
111
- previewLinkImage && /* @__PURE__ */ jsx(ImageBoxPreviewLink, { children: /* @__PURE__ */ jsx(
112
- "img",
113
- {
114
- alt: "PreviewLinkImage",
115
- src: previewLinkImage,
116
- style: {
117
- width: "100%",
118
- height: "100%",
119
- objectFit: "cover",
120
- borderRadius: 8
121
- }
122
- }
123
- ) }),
124
- /* @__PURE__ */ jsxs(Stack, { gap: 0.2, p: 2, width: "100%", children: [
125
- /* @__PURE__ */ jsx(Typography, { variant: "caption", children: title ?? "Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!" }),
126
- /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "grey.600", children: description ?? "A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!" }),
127
- /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "grey.500", children: url ?? "https://www.exemplo.com" })
128
- ] })
129
- ] }),
130
- /* @__PURE__ */ jsx(InterBoxPreviewLink, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, alignItems: "center", children: [
131
- /* @__PURE__ */ jsx(
132
- Box,
133
- {
134
- width: 100,
135
- height: 95,
136
- bgcolor: "grey.100",
137
- p: 0.5,
138
- alignItems: "center",
139
- children: /* @__PURE__ */ jsx(
140
- "img",
141
- {
142
- alt: "Logo",
143
- src: logoImage,
144
- style: {
145
- width: "100%",
146
- height: "100%",
147
- objectFit: "contain",
148
- borderRadius: 8
149
- }
150
- }
151
- )
152
- }
153
- ),
154
- /* @__PURE__ */ jsxs(Stack, { padding: 1, gap: 0.2, width: "80%", children: [
155
- /* @__PURE__ */ jsx(TextMaxLine, { variant: "caption", children: title ?? "Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!" }),
156
- /* @__PURE__ */ jsx(TextMaxLine, { variant: "caption", color: "grey.600", children: description ?? "A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!" }),
157
- /* @__PURE__ */ jsx(TextMaxLine, { variant: "caption", color: "grey.500", line: 1, children: url ?? "https://www.exemplo.com" })
158
- ] })
159
- ] }) })
160
- ] })
161
- ] }) });
162
- };
163
- var SeoPreview_default = SeoPreview;
164
- export {
165
- SeoPreview_default as default
166
- };
167
- //# sourceMappingURL=index.js.map
1
+ import { a as a$1 } from '../../chunk-RLMWIJKJ.js';
2
+ import { a } from '../../chunk-PMPALWRO.js';
3
+ import '../../chunk-3E5A45HM.js';
4
+ import '../../chunk-ILHUUK4X.js';
5
+ import p from '@mui/material/Box';
6
+ import t from '@mui/material/Stack';
7
+ import i from '@mui/material/Typography';
8
+ import { styled } from '@mui/material/styles';
9
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
10
+
11
+ var k=styled(p)(({theme:a})=>({padding:24,borderRadius:8,height:"auto",maxWidth:800,backgroundColor:a.palette.background.default,border:`1px solid ${a.palette.grey[300]}`})),P=styled(t)(({theme:a})=>({minHeight:180,maxWidth:700,border:`4px dotted ${a.palette.grey[300]}`,borderRadius:8,backgroundColor:"#fff",padding:24})),I=styled(p)(()=>({maxWidth:70,maxHeight:40,alignItems:"center","&, img":{flex:1,display:"flex",objectFit:"cover",borderRadius:8}})),B=styled(p)(({theme:a})=>({backgroundColor:a.palette.background.default,maxWidth:90,maxHeight:80,alignItems:"center","&, img":{flex:1,display:"flex",objectFit:"cover",borderRadius:8}})),v=styled(t)(({theme:a})=>({border:`4px dotted ${a.palette.grey[300]}`,borderRadius:8,backgroundColor:"#fff"})),S=styled(p)(({theme:a})=>({width:"auto",height:120,overflow:"hidden",padding:2,borderBottom:`4px dotted ${a.palette.grey[300]}`}));var E=({titlePreview:a$2,logoImage:l,brandingName:L,url:g,title:m,description:x,keyWords:h,customTitles:y,productImage:u,child:C,previewLinkImage:b,hasPreviewLink:T})=>jsx(k,{children:jsxs(t,{gap:3,display:"flex",flex:1,children:[jsx(i,{variant:"overline",color:"text.disabled",children:a$2??"PR\xC9-VISUALIZA\xC7\xC3O"}),jsxs(P,{children:[jsxs(t,{direction:"row",pb:3,gap:.5,children:[jsx(p,{height:0,width:10,children:jsx(a,{icon:"CIRCLE",width:30,color:"error.main"})}),jsx(p,{height:0,width:10,children:jsx(a,{icon:"CIRCLE",width:30,color:"warning.main"})}),jsx(p,{height:0,width:10,children:jsx(a,{icon:"CIRCLE",width:30,color:"success.main"})})]}),jsxs(t,{flexDirection:"row",gap:2,justifyContent:"space-between",children:[jsxs(t,{gap:1,width:"100%",children:[jsxs(t,{direction:"row",gap:1.5,pb:.5,children:[l&&jsx(I,{children:jsx("img",{alt:"Logo",src:l})}),jsxs(t,{children:[jsx(i,{variant:"overline",color:"grey.600",pb:.5,children:L??"SUAEMPRESA"}),jsxs(t,{direction:"row",gap:2,children:[jsx(i,{variant:"caption",color:"grey.600",children:g??"https://www.exemplo.com"}),jsx(a,{icon:"MORE_OPTIONS_VERTICAL",width:15,color:"grey.500"})]})]})]}),jsx(a$1,{variant:"subtitle1",color:"#4E5BEC",overflow:"hidden",textOverflow:"ellipsis",line:5,children:m??"Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"}),jsx(a$1,{variant:"caption",color:"text.disabled",overflow:"hidden",textOverflow:"ellipsis",line:5,children:x??"A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"}),h&&jsx(t,{direction:"row",gap:1,alignItems:"center",children:h.map((s,w)=>jsxs(Fragment,{children:[jsx(i,{variant:"caption",color:"text.disabled",children:s}),w<h.length-1&&jsx(p,{width:4,height:16,children:jsx(a,{icon:"CIRCLE",color:"text.disabled",width:10})})]}))}),y&&jsx(t,{pt:2,children:y.map((s,w)=>jsxs(t,{gap:1,children:[jsx(i,{variant:"subtitle1",color:"#4E5BEC",children:s.title}),jsx(a$1,{variant:"caption",color:"text.disabled",overflow:"hidden",textOverflow:"ellipsis",line:1,children:s.description??"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys stansince the 1500"})]},w))}),C]}),u&&jsx(B,{children:jsx("img",{alt:"ProductImage",src:u})})]})]}),T&&jsxs(t,{gap:3,display:"flex",flex:1,width:"100%",children:[jsx(i,{variant:"overline",color:"text.disabled",children:"pr\xE9-visualiza\xE7\xE3o link de compartilhamento".toUpperCase()}),jsxs(v,{children:[b&&jsx(S,{children:jsx("img",{alt:"PreviewLinkImage",src:b,style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:8}})}),jsxs(t,{gap:.2,p:2,width:"100%",children:[jsx(i,{variant:"caption",children:m??"Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"}),jsx(i,{variant:"caption",color:"grey.600",children:x??"A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"}),jsx(i,{variant:"caption",color:"grey.500",children:g??"https://www.exemplo.com"})]})]}),jsx(v,{children:jsxs(t,{direction:"row",gap:1,alignItems:"center",children:[jsx(p,{width:100,height:95,bgcolor:"grey.100",p:.5,alignItems:"center",children:jsx("img",{alt:"Logo",src:l,style:{width:"100%",height:"100%",objectFit:"contain",borderRadius:8}})}),jsxs(t,{padding:1,gap:.2,width:"80%",children:[jsx(a$1,{variant:"caption",children:m??"Suampresa | P\xE1scoa 2024: Ovos de chocolate? Que nada! Descontos em tecnologia!"}),jsx(a$1,{variant:"caption",color:"grey.600",children:x??"A P\xE1scoa chegou e a Sua Empresa est\xE1 com ofertas chocantes em tecnologia! Descontos de at\xE9 50% em notebooks, smartphones, tablets e muito mais!"}),jsx(a$1,{variant:"caption",color:"grey.500",line:1,children:g??"https://www.exemplo.com"})]})]})})]})]})}),V=E;
12
+
13
+ export { V as default };
@@ -1,107 +1,8 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import Box from "@mui/material/Box";
3
- import { m } from "framer-motion";
4
- import { varAlpha } from "theme/styles";
5
- const SplashScreen = ({
6
- children,
7
- sx,
8
- ...other
9
- }) => {
10
- return /* @__PURE__ */ jsx(Box, { sx: { overflow: "hidden" }, children: /* @__PURE__ */ jsx(
11
- Box,
12
- {
13
- sx: {
14
- right: 0,
15
- width: 1,
16
- bottom: 0,
17
- height: 1,
18
- zIndex: 9998,
19
- display: "flex",
20
- position: "fixed",
21
- alignItems: "center",
22
- justifyContent: "center",
23
- bgcolor: "background.default",
24
- ...sx
25
- },
26
- ...other,
27
- children: /* @__PURE__ */ jsxs(
28
- Box,
29
- {
30
- sx: {
31
- width: 120,
32
- height: 120,
33
- alignItems: "center",
34
- position: "relative",
35
- display: "inline-flex",
36
- justifyContent: "center",
37
- ...sx
38
- },
39
- ...other,
40
- children: [
41
- /* @__PURE__ */ jsx(
42
- Box,
43
- {
44
- component: m.div,
45
- animate: {
46
- scale: [1, 0.9, 0.9, 1, 1],
47
- opacity: [1, 0.48, 0.48, 1, 1]
48
- },
49
- transition: {
50
- duration: 2,
51
- repeatDelay: 1,
52
- repeat: Infinity,
53
- ease: "easeInOut"
54
- },
55
- sx: { display: "inline-flex" },
56
- children
57
- }
58
- ),
59
- /* @__PURE__ */ jsx(
60
- Box,
61
- {
62
- component: m.div,
63
- animate: {
64
- scale: [1.6, 1, 1, 1.6, 1.6],
65
- rotate: [270, 0, 0, 270, 270],
66
- opacity: [0.25, 1, 1, 1, 0.25],
67
- borderRadius: ["25%", "25%", "50%", "50%", "25%"]
68
- },
69
- transition: { ease: "linear", duration: 3.2, repeat: Infinity },
70
- sx: {
71
- position: "absolute",
72
- width: "calc(100% - 20px)",
73
- height: "calc(100% - 20px)",
74
- border: (theme) => `solid 3px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`
75
- }
76
- }
77
- ),
78
- /* @__PURE__ */ jsx(
79
- Box,
80
- {
81
- component: m.div,
82
- animate: {
83
- scale: [1, 1.2, 1.2, 1, 1],
84
- rotate: [0, 270, 270, 0, 0],
85
- opacity: [1, 0.25, 0.25, 0.25, 1],
86
- borderRadius: ["25%", "25%", "50%", "50%", "25%"]
87
- },
88
- transition: { ease: "linear", duration: 3.2, repeat: Infinity },
89
- sx: {
90
- width: 1,
91
- height: 1,
92
- position: "absolute",
93
- border: (theme) => `solid 8px ${varAlpha(theme.vars.palette.primary.darkChannel, 0.24)}`
94
- }
95
- }
96
- )
97
- ]
98
- }
99
- )
100
- }
101
- ) });
102
- };
103
- var SplashScreen_default = SplashScreen;
104
- export {
105
- SplashScreen_default as default
106
- };
107
- //# sourceMappingURL=index.js.map
1
+ import { i } from '../../chunk-D27ND54J.js';
2
+ import e from '@mui/material/Box';
3
+ import { m } from 'framer-motion';
4
+ import { jsx, jsxs } from 'react/jsx-runtime';
5
+
6
+ var p=({children:s,sx:r,...n})=>jsx(e,{sx:{overflow:"hidden"},children:jsx(e,{sx:{right:0,width:1,bottom:0,height:1,zIndex:9998,display:"flex",position:"fixed",alignItems:"center",justifyContent:"center",bgcolor:"background.default",...r},...n,children:jsxs(e,{sx:{width:120,height:120,alignItems:"center",position:"relative",display:"inline-flex",justifyContent:"center",...r},...n,children:[jsx(e,{component:m.div,animate:{scale:[1,.9,.9,1,1],opacity:[1,.48,.48,1,1]},transition:{duration:2,repeatDelay:1,repeat:1/0,ease:"easeInOut"},sx:{display:"inline-flex"},children:s}),jsx(e,{component:m.div,animate:{scale:[1.6,1,1,1.6,1.6],rotate:[270,0,0,270,270],opacity:[.25,1,1,1,.25],borderRadius:["25%","25%","50%","50%","25%"]},transition:{ease:"linear",duration:3.2,repeat:1/0},sx:{position:"absolute",width:"calc(100% - 20px)",height:"calc(100% - 20px)",border:i$1=>`solid 3px ${i(i$1.vars.palette.primary.darkChannel,.24)}`}}),jsx(e,{component:m.div,animate:{scale:[1,1.2,1.2,1,1],rotate:[0,270,270,0,0],opacity:[1,.25,.25,.25,1],borderRadius:["25%","25%","50%","50%","25%"]},transition:{ease:"linear",duration:3.2,repeat:1/0},sx:{width:1,height:1,position:"absolute",border:i$1=>`solid 8px ${i(i$1.vars.palette.primary.darkChannel,.24)}`}})]})})}),h=p;
7
+
8
+ export { h as default };
@@ -1,71 +1,14 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import Box from "@mui/material/Box";
3
- import Stack from "@mui/material/Stack";
4
- import Step from "@mui/material/Step";
5
- import StepLabel from "@mui/material/StepLabel";
6
- import Stepper from "@mui/material/Stepper";
7
- import Icon from "../Icon";
8
- import { StepConnector } from "./styles";
9
- const StepIcon = ({ active, completed }) => {
10
- return /* @__PURE__ */ jsx(
11
- Stack,
12
- {
13
- alignItems: "center",
14
- justifyContent: "center",
15
- sx: {
16
- width: 24,
17
- height: 24,
18
- color: "text.disabled",
19
- ...active && {
20
- color: "primary.main"
21
- }
22
- },
23
- children: completed ? /* @__PURE__ */ jsx(Icon, { icon: "SIMPLE_CHECK", color: "primary.main" }) : /* @__PURE__ */ jsx(
24
- Box,
25
- {
26
- sx: {
27
- width: 8,
28
- height: 8,
29
- borderRadius: "50%",
30
- backgroundColor: "currentColor"
31
- }
32
- }
33
- )
34
- }
35
- );
36
- };
37
- const Steps = ({
38
- steps,
39
- activeStep,
40
- showLabels = true,
41
- sx,
42
- ...other
43
- }) => {
44
- return /* @__PURE__ */ jsx(
45
- Stepper,
46
- {
47
- alternativeLabel: true,
48
- activeStep,
49
- connector: /* @__PURE__ */ jsx(StepConnector, {}),
50
- sx,
51
- ...other,
52
- children: steps.map((label) => /* @__PURE__ */ jsx(Step, { children: /* @__PURE__ */ jsx(
53
- StepLabel,
54
- {
55
- StepIconComponent: StepIcon,
56
- sx: {
57
- "& .MuiStepLabel-label": {
58
- typography: "subtitle2"
59
- }
60
- },
61
- children: showLabels && label
62
- }
63
- ) }, label))
64
- }
65
- );
66
- };
67
- var Steps_default = Steps;
68
- export {
69
- Steps_default as default
70
- };
71
- //# sourceMappingURL=index.js.map
1
+ import { a } from '../../chunk-PMPALWRO.js';
2
+ import '../../chunk-3E5A45HM.js';
3
+ import s from '@mui/material/Box';
4
+ import S from '@mui/material/Stack';
5
+ import d from '@mui/material/Step';
6
+ import f from '@mui/material/StepLabel';
7
+ import u from '@mui/material/Stepper';
8
+ import l from '@mui/material/StepConnector';
9
+ import { styled } from '@mui/material/styles';
10
+ import { jsx } from 'react/jsx-runtime';
11
+
12
+ var i=styled(l)(({theme:o})=>({top:10,left:"calc(-50% + 20px)",right:"calc(50% + 20px)","& .MuiStepConnector-line":{borderTopWidth:2,borderColor:o.palette.divider},"&.Mui-active, &.Mui-completed":{"& .MuiStepConnector-line":{borderColor:o.palette.primary.main}}}));var C=({active:o,completed:e})=>jsx(S,{alignItems:"center",justifyContent:"center",sx:{width:24,height:24,color:"text.disabled",...o&&{color:"primary.main"}},children:e?jsx(a,{icon:"SIMPLE_CHECK",color:"primary.main"}):jsx(s,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"currentColor"}})}),b=({steps:o,activeStep:e,showLabels:n=!0,sx:c,...a})=>jsx(u,{alternativeLabel:!0,activeStep:e,connector:jsx(i,{}),sx:c,...a,children:o.map(r=>jsx(d,{children:jsx(f,{StepIconComponent:C,sx:{"& .MuiStepLabel-label":{typography:"subtitle2"}},children:n&&r})},r))}),w=b;
13
+
14
+ export { w as default };
@@ -1,90 +1,10 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import Stack from "@mui/material/Stack";
3
- import { alpha, styled } from "@mui/material/styles";
4
- import Tab from "@mui/material/Tab";
5
- import Icon from "../Icon";
6
- const StyledTab = styled(
7
- ({ label, onClose, icon, hasChanges, ...props }) => {
8
- return /* @__PURE__ */ jsx(
9
- Tab,
10
- {
11
- disableRipple: true,
12
- ...props,
13
- label: /* @__PURE__ */ jsxs(
14
- Stack,
15
- {
16
- position: "relative",
17
- direction: "row",
18
- alignItems: "center",
19
- gap: 1.5,
20
- sx: (theme) => ({
21
- "> span": {
22
- position: "absolute",
23
- top: -14,
24
- right: -10,
25
- span: {
26
- position: "fixed",
27
- width: 10,
28
- height: 10,
29
- backgroundColor: theme.palette.warning.main,
30
- border: "1px solid #fff",
31
- borderRadius: "50%",
32
- zIndex: 999
33
- }
34
- }
35
- }),
36
- children: [
37
- icon,
38
- label,
39
- /* @__PURE__ */ jsx(
40
- Icon,
41
- {
42
- icon: "CLOSE_MARK_BUTTON",
43
- width: 16,
44
- onClick: (e) => {
45
- onClose();
46
- e.stopPropagation();
47
- }
48
- }
49
- ),
50
- hasChanges && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx("span", {}) })
51
- ]
52
- }
53
- )
54
- }
55
- );
56
- }
57
- )(({ theme }) => ({
58
- textTransform: "none",
59
- fontSize: theme.typography.pxToRem(14),
60
- margin: "0 !important",
61
- color: `${theme.palette.primary.lighter} !important`,
62
- minHeight: "initial",
63
- padding: "10px 16px",
64
- backgroundColor: theme.palette.primary.dark,
65
- border: `1px solid ${alpha(theme.palette.primary.darker, 0.25)}`,
66
- borderBottom: 0,
67
- borderRadius: "8px 8px 0 0",
68
- fontWeight: 600,
69
- overflow: "initial !important",
70
- lineHeight: 1,
71
- "&.Mui-selected": {
72
- color: `${theme.palette.text.primary} !important`,
73
- backgroundColor: theme.palette.background.paper,
74
- borderColor: theme.palette.primary.dark,
75
- svg: {
76
- color: theme.palette.text.disabled
77
- }
78
- },
79
- "&.Mui-focusVisible": {
80
- backgroundColor: "rgba(100, 95, 228, 0.32)"
81
- },
82
- "svg:hover": {
83
- opacity: 0.85
84
- }
85
- }));
86
- var StyledTab_default = StyledTab;
87
- export {
88
- StyledTab_default as default
89
- };
90
- //# sourceMappingURL=index.js.map
1
+ import { a } from '../../chunk-PMPALWRO.js';
2
+ import '../../chunk-3E5A45HM.js';
3
+ import n from '@mui/material/Stack';
4
+ import { styled, alpha } from '@mui/material/styles';
5
+ import b from '@mui/material/Tab';
6
+ import { jsx, jsxs } from 'react/jsx-runtime';
7
+
8
+ var g=styled(({label:o,onClose:i,icon:p,hasChanges:e,...l})=>jsx(b,{disableRipple:!0,...l,label:jsxs(n,{position:"relative",direction:"row",alignItems:"center",gap:1.5,sx:t=>({"> span":{position:"absolute",top:-14,right:-10,span:{position:"fixed",width:10,height:10,backgroundColor:t.palette.warning.main,border:"1px solid #fff",borderRadius:"50%",zIndex:999}}}),children:[p,o,jsx(a,{icon:"CLOSE_MARK_BUTTON",width:16,onClick:t=>{i(),t.stopPropagation();}}),e&&jsx("span",{children:jsx("span",{})})]})}))(({theme:o})=>({textTransform:"none",fontSize:o.typography.pxToRem(14),margin:"0 !important",color:`${o.palette.primary.lighter} !important`,minHeight:"initial",padding:"10px 16px",backgroundColor:o.palette.primary.dark,border:`1px solid ${alpha(o.palette.primary.darker,.25)}`,borderBottom:0,borderRadius:"8px 8px 0 0",fontWeight:600,overflow:"initial !important",lineHeight:1,"&.Mui-selected":{color:`${o.palette.text.primary} !important`,backgroundColor:o.palette.background.paper,borderColor:o.palette.primary.dark,svg:{color:o.palette.text.disabled}},"&.Mui-focusVisible":{backgroundColor:"rgba(100, 95, 228, 0.32)"},"svg:hover":{opacity:.85}})),y=g;
9
+
10
+ export { y as default };