@driveflux/beam 1.9.13 → 1.9.14

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 (214) hide show
  1. package/dist/accordion/Accordion.js +7 -133
  2. package/dist/accordion/Accordion.stories.js +11 -31
  3. package/dist/alert/Alert.js +14 -110
  4. package/dist/alert/Alert.stories.js +15 -50
  5. package/dist/animations/LoadingAnimation.js +21 -34
  6. package/dist/badge/Badge.js +7 -96
  7. package/dist/badge/Badge.stories.js +7 -28
  8. package/dist/box/Box.js +3 -87
  9. package/dist/box/Box.stories.js +7 -8
  10. package/dist/breadcrumbs/Breadcrumbs.js +28 -288
  11. package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
  12. package/dist/button/Button.stories.js +7 -35
  13. package/dist/card/Card.js +7 -109
  14. package/dist/card/Card.stories.js +7 -10
  15. package/dist/carousel/Carousel.js +58 -279
  16. package/dist/carousel/Carousel.stories.js +7 -39
  17. package/dist/carousel/CarouselButton.js +7 -68
  18. package/dist/center/Center.js +3 -63
  19. package/dist/center/Center.stories.js +7 -19
  20. package/dist/checkbox/Checkbox.js +4 -115
  21. package/dist/checkbox/Checkbox.stories.js +8 -10
  22. package/dist/chip/Chip.js +3 -104
  23. package/dist/chip/Chip.stories.js +7 -19
  24. package/dist/circular-progress/CircularProgress.js +11 -150
  25. package/dist/circular-progress/CircularProgress.stories.js +14 -54
  26. package/dist/command/command.js +13 -170
  27. package/dist/command/command.js.map +1 -1
  28. package/dist/datepicker/DatePicker.js +48 -183
  29. package/dist/datepicker/DatePicker.stories.js +48 -144
  30. package/dist/dialog/index.js +12 -144
  31. package/dist/divider/Divider.js +3 -63
  32. package/dist/divider/Divider.stories.js +7 -13
  33. package/dist/drawer/index.js +12 -156
  34. package/dist/drawer/index.js.map +1 -1
  35. package/dist/dropdown/Dropdown.js +26 -212
  36. package/dist/dropdown/Dropdown.js.map +1 -1
  37. package/dist/dropdown/Dropdown.stories.js +22 -109
  38. package/dist/field-wrapper/FieldWrapper.js +3 -136
  39. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  40. package/dist/flex/Flex.js +3 -63
  41. package/dist/flex/Flex.stories.js +7 -19
  42. package/dist/grid/Grid.js +3 -63
  43. package/dist/grid/Grid.stories.js +7 -28
  44. package/dist/hooks/use-breakpoint-value.js +14 -77
  45. package/dist/hooks/use-media-query.js +12 -61
  46. package/dist/hstack/HStack.js +3 -63
  47. package/dist/hstack/HStack.stories.js +7 -19
  48. package/dist/icons/FluxLogo.js +9 -213
  49. package/dist/icons/FluxLogoTable.js +5 -109
  50. package/dist/icons/Icon.js +7 -108
  51. package/dist/icons/Icon.stories.js +7 -12
  52. package/dist/icons/Icon24Hours.js +5 -83
  53. package/dist/icons/IconAcceleration.d.ts +8 -0
  54. package/dist/icons/IconAcceleration.d.ts.map +1 -0
  55. package/dist/icons/IconAcceleration.js +8 -0
  56. package/dist/icons/IconAcceleration.js.map +1 -0
  57. package/dist/icons/IconAccount.js +4 -72
  58. package/dist/icons/IconApplicant.js +5 -78
  59. package/dist/icons/IconArrowBack.js +4 -72
  60. package/dist/icons/IconArrowForward.js +4 -72
  61. package/dist/icons/IconArrowTopLeft.js +4 -70
  62. package/dist/icons/IconBluesharkProductGuide.js +5 -80
  63. package/dist/icons/IconBolt.js +4 -72
  64. package/dist/icons/IconBriefcase.js +4 -72
  65. package/dist/icons/IconBulb.js +4 -72
  66. package/dist/icons/IconCalendar.js +5 -107
  67. package/dist/icons/IconCancelMark.js +4 -72
  68. package/dist/icons/IconCarSUV.js +4 -72
  69. package/dist/icons/IconCarSedan.js +7 -147
  70. package/dist/icons/IconChain.js +5 -79
  71. package/dist/icons/IconCheckmark.js +4 -72
  72. package/dist/icons/IconChevronRight.js +4 -72
  73. package/dist/icons/IconCircle.js +4 -72
  74. package/dist/icons/IconCircleCheckmark.js +4 -72
  75. package/dist/icons/IconCircleError.js +4 -72
  76. package/dist/icons/IconCircleExclamation.js +6 -104
  77. package/dist/icons/IconCircleMark.js +5 -78
  78. package/dist/icons/IconCircleOutline.js +5 -140
  79. package/dist/icons/IconClock.js +5 -80
  80. package/dist/icons/IconClose.js +4 -72
  81. package/dist/icons/IconConcierge.js +5 -79
  82. package/dist/icons/IconConciergeService.js +5 -87
  83. package/dist/icons/IconCreditCard.js +5 -78
  84. package/dist/icons/IconDash.js +4 -72
  85. package/dist/icons/IconDelivery.js +5 -87
  86. package/dist/icons/IconDetails.js +4 -72
  87. package/dist/icons/IconDot.js +6 -87
  88. package/dist/icons/IconEVCharging.d.ts +8 -0
  89. package/dist/icons/IconEVCharging.d.ts.map +1 -0
  90. package/dist/icons/IconEVCharging.js +8 -0
  91. package/dist/icons/IconEVCharging.js.map +1 -0
  92. package/dist/icons/IconElectricCarFuel.js +5 -80
  93. package/dist/icons/IconEllipsis.js +5 -78
  94. package/dist/icons/IconEnvelope.js +4 -72
  95. package/dist/icons/IconEye.js +5 -79
  96. package/dist/icons/IconFacebook.js +6 -94
  97. package/dist/icons/IconFilter.js +5 -83
  98. package/dist/icons/IconFlagMalaysia.js +5 -141
  99. package/dist/icons/IconGiveKey.js +5 -79
  100. package/dist/icons/IconGlobe.js +4 -70
  101. package/dist/icons/IconGoogle.js +5 -87
  102. package/dist/icons/IconHome.js +5 -78
  103. package/dist/icons/IconHostAdvertise.js +4 -72
  104. package/dist/icons/IconHostCar.js +4 -75
  105. package/dist/icons/IconHostCash.js +5 -91
  106. package/dist/icons/IconHostHandle.js +4 -70
  107. package/dist/icons/IconHostLocation.js +4 -70
  108. package/dist/icons/IconHostPayment.js +5 -91
  109. package/dist/icons/IconHostService.js +5 -79
  110. package/dist/icons/IconHotDeals.js +4 -72
  111. package/dist/icons/IconInfo.js +5 -77
  112. package/dist/icons/IconInstagram.js +4 -72
  113. package/dist/icons/IconInsurance.js +5 -99
  114. package/dist/icons/IconInternet.js +4 -73
  115. package/dist/icons/IconInventory.js +5 -78
  116. package/dist/icons/IconLaurel.js +5 -101
  117. package/dist/icons/IconLinkedIn.js +4 -72
  118. package/dist/icons/IconLoading.js +4 -78
  119. package/dist/icons/IconLocation.js +5 -80
  120. package/dist/icons/IconLock.js +4 -73
  121. package/dist/icons/IconLogistics.js +4 -72
  122. package/dist/icons/IconMail.js +5 -94
  123. package/dist/icons/IconMember.js +5 -78
  124. package/dist/icons/IconMobilePen.js +5 -83
  125. package/dist/icons/IconMotorcycleMoped.js +5 -78
  126. package/dist/icons/IconNoCost.js +5 -92
  127. package/dist/icons/IconPDF.js +5 -80
  128. package/dist/icons/IconPencil.js +4 -70
  129. package/dist/icons/IconPhone.js +4 -70
  130. package/dist/icons/IconPlus.js +4 -72
  131. package/dist/icons/IconPricing.js +4 -72
  132. package/dist/icons/IconProtected.js +4 -71
  133. package/dist/icons/IconPsychology.js +4 -72
  134. package/dist/icons/IconQuestionTooltip.js +4 -73
  135. package/dist/icons/IconQuote.js +4 -72
  136. package/dist/icons/IconRate.js +4 -71
  137. package/dist/icons/IconRegister.js +5 -99
  138. package/dist/icons/IconReturn.js +4 -72
  139. package/dist/icons/IconSearch.js +4 -70
  140. package/dist/icons/IconSecure.js +4 -71
  141. package/dist/icons/IconSecurity.js +4 -73
  142. package/dist/icons/IconSedanOutline.js +5 -159
  143. package/dist/icons/IconSelectArrow.js +6 -78
  144. package/dist/icons/IconSort.js +5 -79
  145. package/dist/icons/IconSortListed.js +5 -95
  146. package/dist/icons/IconSortPriceAscending.js +5 -83
  147. package/dist/icons/IconSortPriceDescending.js +5 -83
  148. package/dist/icons/IconSortYear.js +5 -79
  149. package/dist/icons/IconSpan.js +4 -71
  150. package/dist/icons/IconSpeaker.js +4 -79
  151. package/dist/icons/IconSpecialCar.js +5 -95
  152. package/dist/icons/IconStar.js +7 -92
  153. package/dist/icons/IconStockPhoto.js +5 -95
  154. package/dist/icons/IconSubscription.js +6 -113
  155. package/dist/icons/IconSubscriptions.js +6 -113
  156. package/dist/icons/IconSwap.js +5 -79
  157. package/dist/icons/IconTax.js +4 -72
  158. package/dist/icons/IconThinArrow.js +6 -78
  159. package/dist/icons/IconThumbsdown.js +5 -78
  160. package/dist/icons/IconThumbsup.js +5 -78
  161. package/dist/icons/IconTool.js +4 -72
  162. package/dist/icons/IconTooltip.js +4 -73
  163. package/dist/icons/IconTrash.js +4 -72
  164. package/dist/icons/IconTriangleExclamation.js +4 -72
  165. package/dist/icons/IconTyersBrakes.js +5 -83
  166. package/dist/icons/IconTyre.js +5 -83
  167. package/dist/icons/IconVacancy.js +5 -78
  168. package/dist/icons/IconVolunteer.js +4 -72
  169. package/dist/icons/IconWhatsapp.js +4 -73
  170. package/dist/icons/IconXPlatform.js +4 -72
  171. package/dist/icons/IconZeroEffort.js +5 -77
  172. package/dist/icons/Logo.js +3 -99
  173. package/dist/input/Input.js +11 -125
  174. package/dist/input/Input.stories.js +18 -17
  175. package/dist/input-mask/InputMask.js +10 -96
  176. package/dist/input-mask/InputMask.stories.js +6 -5
  177. package/dist/input-mask/mask-trackers.js +5 -4
  178. package/dist/input-select/InputSelect.js +69 -357
  179. package/dist/input-select/InputSelect.js.map +1 -1
  180. package/dist/input-select/InputSelect.stories.js +18 -54
  181. package/dist/popover/popover.js +4 -72
  182. package/dist/popover/popover.js.map +1 -1
  183. package/dist/progress/Progress.js +2 -96
  184. package/dist/progress/Progress.stories.js +14 -13
  185. package/dist/radio/Radio.js +4 -163
  186. package/dist/scroll-area/scroll-area.js +5 -113
  187. package/dist/search-input-select/SearchInputSelect.js +69 -346
  188. package/dist/search-input-select/SearchInputSelect.js.map +1 -1
  189. package/dist/select/Select.js +30 -300
  190. package/dist/select/Select.js.map +1 -1
  191. package/dist/select/Select.stories.js +19 -55
  192. package/dist/skeleton/Skeleton.js +3 -62
  193. package/dist/skeleton/Skeleton.stories.js +7 -8
  194. package/dist/slider/Slider.js +5 -106
  195. package/dist/slider/Slider.stories.js +11 -12
  196. package/dist/stack/Stack.js +3 -63
  197. package/dist/stack/Stack.stories.js +7 -19
  198. package/dist/table/Table.js +10 -131
  199. package/dist/table/Table.stories.js +8 -84
  200. package/dist/tabs/Tabs.js +9 -128
  201. package/dist/tabs/Tabs.js.map +1 -1
  202. package/dist/tabs/Tabs.stories.js +13 -46
  203. package/dist/text/Text.js +6 -88
  204. package/dist/text/Text.stories.js +7 -44
  205. package/dist/toast/Toast.stories.js +14 -66
  206. package/dist/toast/ToastBox.js +24 -71
  207. package/dist/toast/index.js +1 -0
  208. package/dist/toast/sonner.js +11 -70
  209. package/dist/tooltip/Tooltip.js +12 -151
  210. package/dist/tooltip/Tooltip.stories.js +13 -71
  211. package/dist/utils.js +2 -4
  212. package/dist/vstack/VStack.js +3 -63
  213. package/dist/vstack/VStack.stories.js +7 -19
  214. package/package.json +1 -1
@@ -1,64 +1,24 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
2
  import CircularProgress, { CircularProgressLabel } from './CircularProgress.js';
3
- var meta = {
3
+ const meta = {
4
4
  title: 'Circular Progress',
5
5
  component: CircularProgress,
6
6
  args: {
7
- value: 50
8
- }
7
+ value: 50,
8
+ },
9
9
  };
10
10
  export default meta;
11
- export var Basic = {};
12
- export var Standard = {
13
- render: function() {
14
- return /*#__PURE__*/ _jsx(CircularProgress, {
15
- value: 80,
16
- fillCircleClassName: "stroke-warning4",
17
- children: /*#__PURE__*/ _jsxs(CircularProgressLabel, {
18
- children: [
19
- 80,
20
- "%"
21
- ]
22
- })
23
- });
24
- }
11
+ export const Basic = {};
12
+ export const Standard = {
13
+ render: () => (_jsx(CircularProgress, { value: 80, fillCircleClassName: "stroke-warning4", children: _jsxs(CircularProgressLabel, { children: [80, "%"] }) })),
25
14
  };
26
- export var Zero = {
27
- render: function() {
28
- return /*#__PURE__*/ _jsx(CircularProgress, {
29
- value: 0,
30
- children: /*#__PURE__*/ _jsxs(CircularProgressLabel, {
31
- children: [
32
- 0,
33
- "%"
34
- ]
35
- })
36
- });
37
- }
15
+ export const Zero = {
16
+ render: () => (_jsx(CircularProgress, { value: 0, children: _jsxs(CircularProgressLabel, { children: [0, "%"] }) })),
38
17
  };
39
- export var Hundred = {
40
- render: function() {
41
- return /*#__PURE__*/ _jsx(CircularProgress, {
42
- value: 100,
43
- children: /*#__PURE__*/ _jsxs(CircularProgressLabel, {
44
- children: [
45
- 100,
46
- "%"
47
- ]
48
- })
49
- });
50
- }
18
+ export const Hundred = {
19
+ render: () => (_jsx(CircularProgress, { value: 100, children: _jsxs(CircularProgressLabel, { children: [100, "%"] }) })),
51
20
  };
52
- export var Creative = {
53
- render: function() {
54
- return /*#__PURE__*/ _jsx(CircularProgress, {
55
- value: 100,
56
- size: 200,
57
- fillCircleClassName: "fill-alert-700 stroke-alert4",
58
- children: /*#__PURE__*/ _jsx(CircularProgressLabel, {
59
- className: "text-9xl fill-white",
60
- children: "☪"
61
- })
62
- });
63
- }
21
+ export const Creative = {
22
+ render: () => (_jsx(CircularProgress, { value: 100, size: 200, fillCircleClassName: "fill-alert-700 stroke-alert4", children: _jsx(CircularProgressLabel, { className: "text-9xl fill-white", children: "\u262A" }) })),
64
23
  };
24
+ //# sourceMappingURL=CircularProgress.stories.js.map
@@ -1,187 +1,30 @@
1
1
  'use client';
2
- function _define_property(obj, key, value) {
3
- if (key in obj) {
4
- Object.defineProperty(obj, key, {
5
- value: value,
6
- enumerable: true,
7
- configurable: true,
8
- writable: true
9
- });
10
- } else {
11
- obj[key] = value;
12
- }
13
- return obj;
14
- }
15
- function _object_spread(target) {
16
- for(var i = 1; i < arguments.length; i++){
17
- var source = arguments[i] != null ? arguments[i] : {};
18
- var ownKeys = Object.keys(source);
19
- if (typeof Object.getOwnPropertySymbols === "function") {
20
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
21
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
22
- }));
23
- }
24
- ownKeys.forEach(function(key) {
25
- _define_property(target, key, source[key]);
26
- });
27
- }
28
- return target;
29
- }
30
- function ownKeys(object, enumerableOnly) {
31
- var keys = Object.keys(object);
32
- if (Object.getOwnPropertySymbols) {
33
- var symbols = Object.getOwnPropertySymbols(object);
34
- if (enumerableOnly) {
35
- symbols = symbols.filter(function(sym) {
36
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
37
- });
38
- }
39
- keys.push.apply(keys, symbols);
40
- }
41
- return keys;
42
- }
43
- function _object_spread_props(target, source) {
44
- source = source != null ? source : {};
45
- if (Object.getOwnPropertyDescriptors) {
46
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
47
- } else {
48
- ownKeys(Object(source)).forEach(function(key) {
49
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
50
- });
51
- }
52
- return target;
53
- }
54
- function _object_without_properties(source, excluded) {
55
- if (source == null) return {};
56
- var target = _object_without_properties_loose(source, excluded);
57
- var key, i;
58
- if (Object.getOwnPropertySymbols) {
59
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
60
- for(i = 0; i < sourceSymbolKeys.length; i++){
61
- key = sourceSymbolKeys[i];
62
- if (excluded.indexOf(key) >= 0) continue;
63
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
64
- target[key] = source[key];
65
- }
66
- }
67
- return target;
68
- }
69
- function _object_without_properties_loose(source, excluded) {
70
- if (source == null) return {};
71
- var target = {};
72
- var sourceKeys = Object.keys(source);
73
- var key, i;
74
- for(i = 0; i < sourceKeys.length; i++){
75
- key = sourceKeys[i];
76
- if (excluded.indexOf(key) >= 0) continue;
77
- target[key] = source[key];
78
- }
79
- return target;
80
- }
81
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
82
3
  import { Command as CommandPrimitive } from 'cmdk';
83
4
  import * as React from 'react';
84
5
  import { Dialog, DialogContent } from '../dialog/index';
85
6
  import IconSearch from '../icons/IconSearch';
86
7
  import { cn } from '../utils';
87
- var Command = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
88
- var className = _param.className, props = _object_without_properties(_param, [
89
- "className"
90
- ]);
91
- return /*#__PURE__*/ _jsx(CommandPrimitive, _object_spread({
92
- ref: ref,
93
- className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50', className)
94
- }, props));
95
- });
8
+ const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50', className), ...props })));
96
9
  Command.displayName = CommandPrimitive.displayName;
97
- var CommandDialog = function(_param) {
98
- var children = _param.children, props = _object_without_properties(_param, [
99
- "children"
100
- ]);
101
- return /*#__PURE__*/ _jsx(Dialog, _object_spread_props(_object_spread({}, props), {
102
- children: /*#__PURE__*/ _jsx(DialogContent, {
103
- className: "overflow-hidden p-0 shadow-lg",
104
- children: /*#__PURE__*/ _jsx(Command, {
105
- className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-zinc-400",
106
- children: children
107
- })
108
- })
109
- }));
10
+ const CommandDialog = ({ children, ...props }) => {
11
+ return (_jsx(Dialog, { ...props, children: _jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-zinc-400", children: children }) }) }));
110
12
  };
111
- var CommandInput = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
112
- var className = _param.className, containerClassName = _param.containerClassName, props = _object_without_properties(_param, [
113
- "className",
114
- "containerClassName"
115
- ]);
116
- return /*#__PURE__*/ _jsxs("div", {
117
- className: cn('flex h-10 items-center border-b px-3', containerClassName),
118
- "cmdk-input-wrapper": "",
119
- children: [
120
- /*#__PURE__*/ _jsx(IconSearch, {
121
- className: "mr-2 h-4 w-4 shrink-0 opacity-50"
122
- }),
123
- /*#__PURE__*/ _jsx(CommandPrimitive.Input, _object_spread({
124
- ref: ref,
125
- className: cn('flex w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className)
126
- }, props))
127
- ]
128
- });
129
- });
13
+ const CommandInput = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsxs("div", { className: cn('flex h-10 items-center border-b px-3', containerClassName), "cmdk-input-wrapper": "", children: [_jsx(IconSearch, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn('flex w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className), ...props })] })));
130
14
  CommandInput.displayName = CommandPrimitive.Input.displayName;
131
- var CommandList = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
132
- var className = _param.className, props = _object_without_properties(_param, [
133
- "className"
134
- ]);
135
- return /*#__PURE__*/ _jsx(CommandPrimitive.List, _object_spread({
136
- ref: ref,
137
- className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)
138
- }, props));
139
- });
15
+ const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className), ...props })));
140
16
  CommandList.displayName = CommandPrimitive.List.displayName;
141
- var CommandEmpty = /*#__PURE__*/ React.forwardRef(function(props, ref) {
142
- return /*#__PURE__*/ _jsx(CommandPrimitive.Empty, _object_spread({
143
- ref: ref,
144
- className: "py-6 text-center text-sm"
145
- }, props));
146
- });
17
+ const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
147
18
  CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
148
- var CommandGroup = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
149
- var className = _param.className, props = _object_without_properties(_param, [
150
- "className"
151
- ]);
152
- return /*#__PURE__*/ _jsx(CommandPrimitive.Group, _object_spread({
153
- ref: ref,
154
- className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className)
155
- }, props));
156
- });
19
+ const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className), ...props })));
157
20
  CommandGroup.displayName = CommandPrimitive.Group.displayName;
158
- var CommandSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
159
- var className = _param.className, props = _object_without_properties(_param, [
160
- "className"
161
- ]);
162
- return /*#__PURE__*/ _jsx(CommandPrimitive.Separator, _object_spread({
163
- ref: ref,
164
- className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className)
165
- }, props));
166
- });
21
+ const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className), ...props })));
167
22
  CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
168
- var CommandItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
169
- var className = _param.className, props = _object_without_properties(_param, [
170
- "className"
171
- ]);
172
- return /*#__PURE__*/ _jsx(CommandPrimitive.Item, _object_spread({
173
- ref: ref,
174
- className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected='true']:bg-zinc-800 dark:data-[selected=true]:text-zinc-50", className)
175
- }, props));
176
- });
23
+ const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected='true']:bg-zinc-800 dark:data-[selected=true]:text-zinc-50", className), ...props })));
177
24
  CommandItem.displayName = CommandPrimitive.Item.displayName;
178
- var CommandShortcut = function(_param) {
179
- var className = _param.className, props = _object_without_properties(_param, [
180
- "className"
181
- ]);
182
- return /*#__PURE__*/ _jsx("span", _object_spread({
183
- className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className)
184
- }, props));
25
+ const CommandShortcut = ({ className, ...props }) => {
26
+ return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className), ...props }));
185
27
  };
186
28
  CommandShortcut.displayName = 'CommandShortcut';
187
- export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
29
+ export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
30
+ //# sourceMappingURL=command.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"command.js","sourceRoot":"","sources":["../../src/command/command.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"command.js","sourceRoot":"","sources":["../../src/command/command.tsx"],"names":[],"mappings":"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"}
@@ -1,102 +1,4 @@
1
1
  'use client';
2
- function _array_like_to_array(arr, len) {
3
- if (len == null || len > arr.length) len = arr.length;
4
- for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
5
- return arr2;
6
- }
7
- function _array_with_holes(arr) {
8
- if (Array.isArray(arr)) return arr;
9
- }
10
- function _define_property(obj, key, value) {
11
- if (key in obj) {
12
- Object.defineProperty(obj, key, {
13
- value: value,
14
- enumerable: true,
15
- configurable: true,
16
- writable: true
17
- });
18
- } else {
19
- obj[key] = value;
20
- }
21
- return obj;
22
- }
23
- function _iterable_to_array_limit(arr, i) {
24
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
25
- if (_i == null) return;
26
- var _arr = [];
27
- var _n = true;
28
- var _d = false;
29
- var _s, _e;
30
- try {
31
- for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
32
- _arr.push(_s.value);
33
- if (i && _arr.length === i) break;
34
- }
35
- } catch (err) {
36
- _d = true;
37
- _e = err;
38
- } finally{
39
- try {
40
- if (!_n && _i["return"] != null) _i["return"]();
41
- } finally{
42
- if (_d) throw _e;
43
- }
44
- }
45
- return _arr;
46
- }
47
- function _non_iterable_rest() {
48
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
49
- }
50
- function _object_spread(target) {
51
- for(var i = 1; i < arguments.length; i++){
52
- var source = arguments[i] != null ? arguments[i] : {};
53
- var ownKeys = Object.keys(source);
54
- if (typeof Object.getOwnPropertySymbols === "function") {
55
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
56
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
57
- }));
58
- }
59
- ownKeys.forEach(function(key) {
60
- _define_property(target, key, source[key]);
61
- });
62
- }
63
- return target;
64
- }
65
- function ownKeys(object, enumerableOnly) {
66
- var keys = Object.keys(object);
67
- if (Object.getOwnPropertySymbols) {
68
- var symbols = Object.getOwnPropertySymbols(object);
69
- if (enumerableOnly) {
70
- symbols = symbols.filter(function(sym) {
71
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
72
- });
73
- }
74
- keys.push.apply(keys, symbols);
75
- }
76
- return keys;
77
- }
78
- function _object_spread_props(target, source) {
79
- source = source != null ? source : {};
80
- if (Object.getOwnPropertyDescriptors) {
81
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
82
- } else {
83
- ownKeys(Object(source)).forEach(function(key) {
84
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
85
- });
86
- }
87
- return target;
88
- }
89
- function _sliced_to_array(arr, i) {
90
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
91
- }
92
- function _unsupported_iterable_to_array(o, minLen) {
93
- if (!o) return;
94
- if (typeof o === "string") return _array_like_to_array(o, minLen);
95
- var n = Object.prototype.toString.call(o).slice(8, -1);
96
- if (n === "Object" && o.constructor) n = o.constructor.name;
97
- if (n === "Map" || n === "Set") return Array.from(n);
98
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
99
- }
100
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
101
3
  import { format } from '@driveflux/time';
102
4
  import { useEffect, useRef, useState } from 'react';
@@ -106,115 +8,78 @@ import IconCalendar from '../icons/IconCalendar';
106
8
  import InputMask from '../input-mask/InputMask';
107
9
  import { maskTrackDate } from '../input-mask/mask-trackers';
108
10
  import { cn } from '../utils';
109
- var DATE_INPUT_FORMAT = 'DD-MM-YYYY';
110
- var DATE_REGEX = /^(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
111
- var DATERANGE_REGEX = /^(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}\s-\s(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
112
- var DatePicker = function(param) {
113
- var _param_htmlFor = param.htmlFor, htmlFor = _param_htmlFor === void 0 ? 'datepicker' : _param_htmlFor, _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, isRange = param.isRange, value = param.value, onChange = param.onChange, minDate = param.minDate, maxDate = param.maxDate, placeholder = param.placeholder, calendarType = param.calendarType, isDisabled = param.isDisabled, onError = param.onError, inputProps = param.inputProps;
114
- var _useState = _sliced_to_array(useState(formatInputBy(value, isRange)), 2), inputValue = _useState[0], setInputValue = _useState[1];
115
- var _useState1 = _sliced_to_array(useState(false), 2), focused = _useState1[0], setFocused = _useState1[1];
116
- var containerRef = useRef(null);
117
- var handleChange = function(e) {
118
- var value = e.target.value;
11
+ const DATE_INPUT_FORMAT = 'DD-MM-YYYY';
12
+ const DATE_REGEX = /^(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
13
+ const DATERANGE_REGEX = /^(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}\s-\s(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
14
+ const DatePicker = ({ htmlFor = 'datepicker', locale = 'en', isRange, value, onChange, minDate, maxDate, placeholder, calendarType, isDisabled, onError, inputProps, }) => {
15
+ const [inputValue, setInputValue] = useState(formatInputBy(value, isRange));
16
+ const [focused, setFocused] = useState(false);
17
+ const containerRef = useRef(null);
18
+ const handleChange = (e) => {
19
+ const value = e.target.value;
119
20
  setInputValue(value);
120
21
  if (isRange && DATERANGE_REGEX.test(value)) {
121
- var _value_split = _sliced_to_array(value.split(' - '), 2), startDate = _value_split[0], endDate = _value_split[1];
122
- var _startDate_split = _sliced_to_array(startDate.split('/'), 3), startDay = _startDate_split[0], startMonth = _startDate_split[1], startYear = _startDate_split[2];
123
- var _endDate_split = _sliced_to_array(endDate.split('/'), 3), endDay = _endDate_split[0], endMonth = _endDate_split[1], endYear = _endDate_split[2];
124
- var formattedStartDate = new Date("".concat(startYear, "-").concat(startMonth, "-").concat(startDay));
125
- var formattedEndDate = new Date("".concat(endYear, "-").concat(endMonth, "-").concat(endDay));
22
+ const [startDate, endDate] = value.split(' - ');
23
+ const [startDay, startMonth, startYear] = startDate.split('/');
24
+ const [endDay, endMonth, endYear] = endDate.split('/');
25
+ const formattedStartDate = new Date(`${startYear}-${startMonth}-${startDay}`);
26
+ const formattedEndDate = new Date(`${endYear}-${endMonth}-${endDay}`);
126
27
  if (formattedStartDate >= formattedEndDate) {
127
- onError === null || onError === void 0 ? void 0 : onError('start-gte-end');
28
+ onError?.('start-gte-end');
128
29
  return;
129
30
  }
130
- onChange === null || onChange === void 0 ? void 0 : onChange([
131
- formattedStartDate,
132
- formattedEndDate
133
- ]);
31
+ onChange?.([formattedStartDate, formattedEndDate]);
134
32
  return;
135
33
  }
136
34
  if (!isRange && DATE_REGEX.test(value)) {
137
- var _value_split1 = _sliced_to_array(value.split('/'), 3), day = _value_split1[0], month = _value_split1[1], year = _value_split1[2];
138
- onChange === null || onChange === void 0 ? void 0 : onChange(new Date("".concat(year, "-").concat(month, "-").concat(day)));
35
+ const [day, month, year] = value.split('-');
36
+ onChange?.(new Date(`${year}-${month}-${day}`));
139
37
  return;
140
38
  }
141
39
  };
142
- useEffect(function() {
143
- var handleClick = function(e) {
144
- var _containerRef_current;
145
- var targetElement = e.target;
146
- var isCalendarClick = targetElement.closest('.react-calendar__tile');
147
- setFocused(!!((_containerRef_current = containerRef.current) === null || _containerRef_current === void 0 ? void 0 : _containerRef_current.contains(targetElement)) || !!isCalendarClick);
40
+ useEffect(() => {
41
+ const handleClick = (e) => {
42
+ const targetElement = e.target;
43
+ const isCalendarClick = targetElement.closest('.react-calendar__tile');
44
+ setFocused(!!containerRef.current?.contains(targetElement) || !!isCalendarClick);
148
45
  };
149
46
  document.addEventListener('click', handleClick);
150
- return function() {
151
- return document.removeEventListener('click', handleClick);
152
- };
47
+ return () => document.removeEventListener('click', handleClick);
153
48
  }, []);
154
- return /*#__PURE__*/ _jsxs(Box, {
155
- ref: containerRef,
156
- className: "relative",
157
- children: [
158
- /*#__PURE__*/ _jsx(InputMask, _object_spread_props(_object_spread({
159
- htmlFor: htmlFor,
160
- placeholder: placeholder || formatPlaceholderBy(isRange),
161
- className: cn(isDisabled ? 'cursor-text' : 'cursor-pointer'),
162
- value: inputValue,
163
- isDisabled: isDisabled,
164
- suffix: /*#__PURE__*/ _jsx(IconCalendar, {
165
- size: '16px'
166
- }),
167
- onChange: handleChange,
168
- onClick: function() {
49
+ return (_jsxs(Box, { ref: containerRef, className: "relative", children: [_jsx(InputMask, { htmlFor: htmlFor, placeholder: placeholder || formatPlaceholderBy(isRange), className: cn(isDisabled ? 'cursor-text' : 'cursor-pointer'), value: inputValue, isDisabled: isDisabled, suffix: _jsx(IconCalendar, { size: '16px' }), onChange: handleChange, onClick: () => {
169
50
  !isDisabled && setFocused(true);
170
- }
171
- }, inputProps), {
172
- mask: formatPlaceholderBy(isRange),
173
- maskReplacement: {
51
+ }, ...inputProps, mask: formatPlaceholderBy(isRange), maskReplacement: {
174
52
  D: /\d/,
175
53
  M: /\d/,
176
- Y: /\d/
177
- },
178
- maskTrack: function(data) {
179
- return maskTrackDate(data, isRange);
180
- }
181
- })),
182
- focused && /*#__PURE__*/ _jsx(Box, {
183
- className: "absolute top-12 left-0 w-full p-2 border border-primary1 shadow-xl bg-white",
184
- children: /*#__PURE__*/ _jsx(Calendar, {
185
- value: value,
186
- onChange: function(value) {
187
- if (isRange && Array.isArray(value) && value && value[0] && value[1]) {
188
- onChange === null || onChange === void 0 ? void 0 : onChange([
189
- value[0],
190
- value[1]
191
- ]);
192
- setInputValue(formatInputBy([
193
- value[0],
194
- value[1]
195
- ], isRange));
54
+ Y: /\d/,
55
+ }, maskTrack: (data) => maskTrackDate(data, isRange) }), focused && (_jsx(Box, { className: "absolute top-12 left-0 w-full p-2 border border-primary1 shadow-xl bg-white", children: _jsx(Calendar, { value: value, onChange: (value) => {
56
+ if (isRange &&
57
+ Array.isArray(value) &&
58
+ value &&
59
+ value[0] &&
60
+ value[1]) {
61
+ onChange?.([value[0], value[1]]);
62
+ setInputValue(formatInputBy([value[0], value[1]], isRange));
196
63
  return;
197
64
  }
198
65
  if (!isRange && !Array.isArray(value) && value) {
199
- onChange === null || onChange === void 0 ? void 0 : onChange(value);
66
+ onChange?.(value);
200
67
  setInputValue(formatInputBy(value, isRange));
201
68
  return;
202
69
  }
203
- },
204
- locale: locale || 'en',
205
- selectRange: isRange,
206
- minDate: minDate,
207
- maxDate: maxDate,
208
- calendarType: calendarType
209
- })
210
- })
211
- ]
212
- });
70
+ }, locale: locale || 'en', selectRange: isRange, minDate: minDate, maxDate: maxDate, calendarType: calendarType }) }))] }));
213
71
  };
214
72
  export default DatePicker;
215
- var formatPlaceholderBy = function(isRange) {
216
- return isRange ? "".concat(DATE_INPUT_FORMAT, " - ").concat(DATE_INPUT_FORMAT) : DATE_INPUT_FORMAT;
73
+ const formatPlaceholderBy = (isRange) => {
74
+ return isRange
75
+ ? `${DATE_INPUT_FORMAT} - ${DATE_INPUT_FORMAT}`
76
+ : DATE_INPUT_FORMAT;
217
77
  };
218
- var formatInputBy = function(value, isRange) {
219
- return Array.isArray(value) ? "".concat(format(value[0]), " - ").concat(format(value[1])) : value ? format(value) : formatPlaceholderBy(isRange);
78
+ const formatInputBy = (value, isRange) => {
79
+ return Array.isArray(value)
80
+ ? `${format(value[0])} - ${format(value[1])}`
81
+ : value
82
+ ? format(value)
83
+ : formatPlaceholderBy(isRange);
220
84
  };
85
+ //# sourceMappingURL=DatePicker.js.map