@driveflux/beam 1.9.14 → 1.9.15

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 (251) hide show
  1. package/dist/accordion/Accordion.js +133 -7
  2. package/dist/accordion/Accordion.js.map +1 -1
  3. package/dist/accordion/Accordion.stories.js +31 -11
  4. package/dist/alert/Alert.js +110 -14
  5. package/dist/alert/Alert.stories.js +50 -15
  6. package/dist/animations/LoadingAnimation.js +34 -21
  7. package/dist/badge/Badge.js +96 -7
  8. package/dist/badge/Badge.stories.js +28 -7
  9. package/dist/box/Box.js +87 -3
  10. package/dist/box/Box.stories.js +8 -7
  11. package/dist/breadcrumbs/Breadcrumbs.js +288 -28
  12. package/dist/breadcrumbs/Breadcrumbs.stories.js +51 -27
  13. package/dist/button/Button.js +124 -12
  14. package/dist/button/Button.stories.js +35 -7
  15. package/dist/card/Card.js +109 -7
  16. package/dist/card/Card.stories.js +10 -7
  17. package/dist/carousel/Carousel.js +279 -58
  18. package/dist/carousel/Carousel.stories.js +39 -7
  19. package/dist/carousel/CarouselButton.js +68 -7
  20. package/dist/center/Center.js +63 -3
  21. package/dist/center/Center.stories.js +19 -7
  22. package/dist/checkbox/Checkbox.js +115 -4
  23. package/dist/checkbox/Checkbox.stories.js +10 -8
  24. package/dist/chip/Chip.js +104 -3
  25. package/dist/chip/Chip.stories.js +19 -7
  26. package/dist/circular-progress/CircularProgress.js +150 -11
  27. package/dist/circular-progress/CircularProgress.stories.js +54 -14
  28. package/dist/command/command.js +170 -13
  29. package/dist/datepicker/DatePicker.d.ts +20 -2
  30. package/dist/datepicker/DatePicker.d.ts.map +1 -1
  31. package/dist/datepicker/DatePicker.js +35 -74
  32. package/dist/datepicker/DatePicker.js.map +1 -1
  33. package/dist/datepicker/DatePicker.stories.js +144 -48
  34. package/dist/datepicker/DatePickerDrawer.d.ts +6 -0
  35. package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -0
  36. package/dist/datepicker/DatePickerDrawer.js +27 -0
  37. package/dist/datepicker/DatePickerDrawer.js.map +1 -0
  38. package/dist/datepicker/DatePickerPopover.d.ts +6 -0
  39. package/dist/datepicker/DatePickerPopover.d.ts.map +1 -0
  40. package/dist/datepicker/DatePickerPopover.js +59 -0
  41. package/dist/datepicker/DatePickerPopover.js.map +1 -0
  42. package/dist/datepicker/constants.d.ts +4 -0
  43. package/dist/datepicker/constants.d.ts.map +1 -0
  44. package/dist/datepicker/constants.js +4 -0
  45. package/dist/datepicker/constants.js.map +1 -0
  46. package/dist/datepicker/utils.d.ts +3 -0
  47. package/dist/datepicker/utils.d.ts.map +1 -0
  48. package/dist/datepicker/utils.js +15 -0
  49. package/dist/datepicker/utils.js.map +1 -0
  50. package/dist/dialog/index.js +144 -12
  51. package/dist/divider/Divider.js +63 -3
  52. package/dist/divider/Divider.stories.js +13 -7
  53. package/dist/drawer/index.d.ts +3 -1
  54. package/dist/drawer/index.d.ts.map +1 -1
  55. package/dist/drawer/index.js +1 -1
  56. package/dist/drawer/index.js.map +1 -1
  57. package/dist/dropdown/Dropdown.js +212 -26
  58. package/dist/dropdown/Dropdown.stories.js +109 -22
  59. package/dist/field-wrapper/FieldWrapper.js +136 -3
  60. package/dist/field-wrapper/FieldWrapper.stories.js +124 -28
  61. package/dist/flex/Flex.js +63 -3
  62. package/dist/flex/Flex.stories.js +19 -7
  63. package/dist/grid/Grid.js +63 -3
  64. package/dist/grid/Grid.stories.js +28 -7
  65. package/dist/hooks/use-breakpoint-value.js +77 -14
  66. package/dist/hooks/use-breakpoint-value.js.map +1 -1
  67. package/dist/hooks/use-media-query.js +61 -12
  68. package/dist/hstack/HStack.js +63 -3
  69. package/dist/hstack/HStack.stories.js +19 -7
  70. package/dist/icons/FluxLogo.js +213 -9
  71. package/dist/icons/FluxLogoTable.js +109 -5
  72. package/dist/icons/Icon.js +108 -7
  73. package/dist/icons/Icon.stories.js +12 -7
  74. package/dist/icons/Icon24Hours.js +83 -5
  75. package/dist/icons/IconAcceleration.js +72 -4
  76. package/dist/icons/IconAccount.js +72 -4
  77. package/dist/icons/IconApplicant.js +78 -5
  78. package/dist/icons/IconArrow.d.ts +11 -0
  79. package/dist/icons/IconArrow.d.ts.map +1 -0
  80. package/dist/icons/IconArrow.js +14 -0
  81. package/dist/icons/IconArrow.js.map +1 -0
  82. package/dist/icons/IconArrowBack.js +72 -4
  83. package/dist/icons/IconArrowForward.js +72 -4
  84. package/dist/icons/IconArrowTopLeft.js +70 -4
  85. package/dist/icons/IconBluesharkProductGuide.js +80 -5
  86. package/dist/icons/IconBolt.js +72 -4
  87. package/dist/icons/IconBriefcase.js +72 -4
  88. package/dist/icons/IconBulb.js +72 -4
  89. package/dist/icons/IconCalendar.d.ts.map +1 -1
  90. package/dist/icons/IconCalendar.js +3 -3
  91. package/dist/icons/IconCalendar.js.map +1 -1
  92. package/dist/icons/IconCancelMark.js +72 -4
  93. package/dist/icons/IconCarSUV.js +72 -4
  94. package/dist/icons/IconCarSedan.js +147 -7
  95. package/dist/icons/IconChain.js +79 -5
  96. package/dist/icons/IconCheckmark.js +72 -4
  97. package/dist/icons/IconChevronRight.js +72 -4
  98. package/dist/icons/IconCircle.js +72 -4
  99. package/dist/icons/IconCircleCheckmark.d.ts +1 -0
  100. package/dist/icons/IconCircleCheckmark.d.ts.map +1 -1
  101. package/dist/icons/IconCircleCheckmark.js +2 -1
  102. package/dist/icons/IconCircleCheckmark.js.map +1 -1
  103. package/dist/icons/IconCircleError.js +72 -4
  104. package/dist/icons/IconCircleExclamation.js +104 -6
  105. package/dist/icons/IconCircleMark.js +78 -5
  106. package/dist/icons/IconCircleOutline.js +140 -5
  107. package/dist/icons/IconClock.js +80 -5
  108. package/dist/icons/IconClose.js +72 -4
  109. package/dist/icons/IconConcierge.js +79 -5
  110. package/dist/icons/IconConciergeService.js +87 -5
  111. package/dist/icons/IconCreditCard.js +78 -5
  112. package/dist/icons/IconDash.js +72 -4
  113. package/dist/icons/IconDeliver.d.ts +8 -0
  114. package/dist/icons/IconDeliver.d.ts.map +1 -0
  115. package/dist/icons/IconDeliver.js +76 -0
  116. package/dist/icons/IconDeliver.js.map +1 -0
  117. package/dist/icons/IconDelivery.js +87 -5
  118. package/dist/icons/IconDetails.js +72 -4
  119. package/dist/icons/IconDot.js +87 -6
  120. package/dist/icons/IconEVCharging.js +79 -5
  121. package/dist/icons/IconElectricCarFuel.js +80 -5
  122. package/dist/icons/IconEllipsis.js +78 -5
  123. package/dist/icons/IconEnvelope.js +72 -4
  124. package/dist/icons/IconEye.js +79 -5
  125. package/dist/icons/IconFacebook.js +94 -6
  126. package/dist/icons/IconFilter.js +83 -5
  127. package/dist/icons/IconFlagMalaysia.js +141 -5
  128. package/dist/icons/IconGiveKey.js +79 -5
  129. package/dist/icons/IconGlobe.js +70 -4
  130. package/dist/icons/IconGoogle.js +87 -5
  131. package/dist/icons/IconHome.js +78 -5
  132. package/dist/icons/IconHostAdvertise.js +72 -4
  133. package/dist/icons/IconHostCar.js +75 -4
  134. package/dist/icons/IconHostCash.js +91 -5
  135. package/dist/icons/IconHostHandle.js +70 -4
  136. package/dist/icons/IconHostLocation.js +70 -4
  137. package/dist/icons/IconHostPayment.js +91 -5
  138. package/dist/icons/IconHostService.js +79 -5
  139. package/dist/icons/IconHotDeals.js +72 -4
  140. package/dist/icons/IconInfo.js +77 -5
  141. package/dist/icons/IconInstagram.js +72 -4
  142. package/dist/icons/IconInsurance.js +99 -5
  143. package/dist/icons/IconInternet.js +73 -4
  144. package/dist/icons/IconInventory.js +78 -5
  145. package/dist/icons/IconLaurel.js +101 -5
  146. package/dist/icons/IconLinkedIn.js +72 -4
  147. package/dist/icons/IconLoading.js +78 -4
  148. package/dist/icons/IconLocation.js +80 -5
  149. package/dist/icons/IconLock.js +73 -4
  150. package/dist/icons/IconLogistics.js +72 -4
  151. package/dist/icons/IconMail.js +94 -5
  152. package/dist/icons/IconMember.js +78 -5
  153. package/dist/icons/IconMobilePen.js +83 -5
  154. package/dist/icons/IconMotorcycleMoped.js +78 -5
  155. package/dist/icons/IconNoCost.js +92 -5
  156. package/dist/icons/IconPDF.js +80 -5
  157. package/dist/icons/IconPencil.js +70 -4
  158. package/dist/icons/IconPhone.js +70 -4
  159. package/dist/icons/IconPlus.js +72 -4
  160. package/dist/icons/IconPricing.js +72 -4
  161. package/dist/icons/IconProtected.js +71 -4
  162. package/dist/icons/IconPsychology.js +72 -4
  163. package/dist/icons/IconQuestionTooltip.js +73 -4
  164. package/dist/icons/IconQuote.js +72 -4
  165. package/dist/icons/IconRate.js +71 -4
  166. package/dist/icons/IconRegister.js +99 -5
  167. package/dist/icons/IconReturn.js +72 -4
  168. package/dist/icons/IconSearch.js +70 -4
  169. package/dist/icons/IconSecure.js +71 -4
  170. package/dist/icons/IconSecurity.js +73 -4
  171. package/dist/icons/IconSedanOutline.js +159 -5
  172. package/dist/icons/IconSelectArrow.js +78 -6
  173. package/dist/icons/IconSort.js +79 -5
  174. package/dist/icons/IconSortListed.js +95 -5
  175. package/dist/icons/IconSortPriceAscending.js +83 -5
  176. package/dist/icons/IconSortPriceDescending.js +83 -5
  177. package/dist/icons/IconSortYear.js +79 -5
  178. package/dist/icons/IconSpan.js +71 -4
  179. package/dist/icons/IconSpeaker.js +79 -4
  180. package/dist/icons/IconSpecialCar.js +95 -5
  181. package/dist/icons/IconStar.js +92 -7
  182. package/dist/icons/IconStockPhoto.js +95 -5
  183. package/dist/icons/IconSubscription.js +113 -6
  184. package/dist/icons/IconSubscriptions.js +113 -6
  185. package/dist/icons/IconSwap.js +79 -5
  186. package/dist/icons/IconTax.js +72 -4
  187. package/dist/icons/IconThinArrow.js +78 -6
  188. package/dist/icons/IconThumbsdown.js +78 -5
  189. package/dist/icons/IconThumbsup.js +78 -5
  190. package/dist/icons/IconTool.js +72 -4
  191. package/dist/icons/IconTooltip.js +73 -4
  192. package/dist/icons/IconTrash.js +72 -4
  193. package/dist/icons/IconTriangleExclamation.js +72 -4
  194. package/dist/icons/IconTyersBrakes.js +83 -5
  195. package/dist/icons/IconTyre.js +83 -5
  196. package/dist/icons/IconVacancy.js +78 -5
  197. package/dist/icons/IconVolunteer.js +72 -4
  198. package/dist/icons/IconWhatsapp.js +73 -4
  199. package/dist/icons/IconXPlatform.js +72 -4
  200. package/dist/icons/IconZeroEffort.js +77 -5
  201. package/dist/icons/Logo.js +99 -3
  202. package/dist/input/Input.js +125 -11
  203. package/dist/input/Input.stories.js +17 -18
  204. package/dist/input-mask/InputMask.js +96 -10
  205. package/dist/input-mask/InputMask.stories.js +5 -6
  206. package/dist/input-mask/mask-trackers.js +4 -5
  207. package/dist/input-select/InputSelect.d.ts.map +1 -1
  208. package/dist/input-select/InputSelect.js +357 -69
  209. package/dist/input-select/InputSelect.stories.js +54 -18
  210. package/dist/popover/popover.js +72 -4
  211. package/dist/progress/Progress.js +96 -2
  212. package/dist/progress/Progress.stories.js +13 -14
  213. package/dist/radio/Radio.js +163 -4
  214. package/dist/scroll-area/scroll-area.js +113 -5
  215. package/dist/search-input-select/SearchInputSelect.js +346 -69
  216. package/dist/select/Select.d.ts.map +1 -1
  217. package/dist/select/Select.js +3 -3
  218. package/dist/select/Select.js.map +1 -1
  219. package/dist/select/Select.stories.js +55 -19
  220. package/dist/skeleton/Skeleton.js +62 -3
  221. package/dist/skeleton/Skeleton.stories.js +8 -7
  222. package/dist/slider/Slider.js +106 -5
  223. package/dist/slider/Slider.stories.js +12 -11
  224. package/dist/stack/Stack.js +63 -3
  225. package/dist/stack/Stack.stories.js +19 -7
  226. package/dist/table/Table.js +131 -10
  227. package/dist/table/Table.stories.js +84 -8
  228. package/dist/tabs/Tabs.js +128 -9
  229. package/dist/tabs/Tabs.stories.js +46 -13
  230. package/dist/text/Text.d.ts +2 -1
  231. package/dist/text/Text.d.ts.map +1 -1
  232. package/dist/text/Text.js.map +1 -1
  233. package/dist/text/Text.stories.js +44 -7
  234. package/dist/toast/Toast.stories.js +66 -14
  235. package/dist/toast/ToastBox.js +71 -24
  236. package/dist/toast/index.js +0 -1
  237. package/dist/toast/sonner.js +70 -11
  238. package/dist/toggle/Toggle.d.ts +12 -0
  239. package/dist/toggle/Toggle.d.ts.map +1 -0
  240. package/dist/toggle/Toggle.js +22 -0
  241. package/dist/toggle/Toggle.js.map +1 -0
  242. package/dist/toggle/Toggle.stories.d.ts +11 -0
  243. package/dist/toggle/Toggle.stories.d.ts.map +1 -0
  244. package/dist/toggle/Toggle.stories.js +15 -0
  245. package/dist/toggle/Toggle.stories.js.map +1 -0
  246. package/dist/tooltip/Tooltip.js +151 -12
  247. package/dist/tooltip/Tooltip.stories.js +71 -13
  248. package/dist/utils.js +4 -2
  249. package/dist/vstack/VStack.js +63 -3
  250. package/dist/vstack/VStack.stories.js +19 -7
  251. package/package.json +6 -1
@@ -1,18 +1,132 @@
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function ownKeys(object, enumerableOnly) {
30
+ var keys = Object.keys(object);
31
+ if (Object.getOwnPropertySymbols) {
32
+ var symbols = Object.getOwnPropertySymbols(object);
33
+ if (enumerableOnly) {
34
+ symbols = symbols.filter(function(sym) {
35
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
+ });
37
+ }
38
+ keys.push.apply(keys, symbols);
39
+ }
40
+ return keys;
41
+ }
42
+ function _object_spread_props(target, source) {
43
+ source = source != null ? source : {};
44
+ if (Object.getOwnPropertyDescriptors) {
45
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
+ } else {
47
+ ownKeys(Object(source)).forEach(function(key) {
48
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
+ });
50
+ }
51
+ return target;
52
+ }
53
+ function _object_without_properties(source, excluded) {
54
+ if (source == null) return {};
55
+ var target = _object_without_properties_loose(source, excluded);
56
+ var key, i;
57
+ if (Object.getOwnPropertySymbols) {
58
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
59
+ for(i = 0; i < sourceSymbolKeys.length; i++){
60
+ key = sourceSymbolKeys[i];
61
+ if (excluded.indexOf(key) >= 0) continue;
62
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
63
+ target[key] = source[key];
64
+ }
65
+ }
66
+ return target;
67
+ }
68
+ function _object_without_properties_loose(source, excluded) {
69
+ if (source == null) return {};
70
+ var target = {};
71
+ var sourceKeys = Object.keys(source);
72
+ var key, i;
73
+ for(i = 0; i < sourceKeys.length; i++){
74
+ key = sourceKeys[i];
75
+ if (excluded.indexOf(key) >= 0) continue;
76
+ target[key] = source[key];
77
+ }
78
+ return target;
79
+ }
1
80
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
81
  import * as React from 'react';
3
82
  import FieldWrapper from '../field-wrapper/FieldWrapper.js';
4
83
  import { cn } from '../utils.js';
5
- const Input = React.forwardRef((props, ref) => {
6
- const {
7
- // for wrapper
8
- wrapperProps, htmlFor, label, helperText, showRequired, showOptional, outerPrefix, outerSuffix, error,
9
- // for input container
10
- className,
11
- // for input
12
- prefix, suffix, inputClassName, inputRef, isDisabled, ...inputProps } = props;
13
- return (_jsx(FieldWrapper, { htmlFor: htmlFor, label: label, helperText: helperText, showOptional: showOptional, showRequired: showRequired, outerPrefix: outerPrefix, outerSuffix: outerSuffix, error: error, ...wrapperProps, children: _jsxs("div", { ref: ref, "aria-disabled": isDisabled, className: cn('flex gap-x-2 h-10 w-full border border-primary2 bg-white px-3 py-2 text-sm ring-offset-white items-center file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none disabled:cursor-not-allowed disabled:opacity-50', isDisabled && 'bg-primary1 cursor-text hover:border-primary2', !!error &&
14
- 'border-alert4 hover:border-alert4 focus-within:border-alert4', className), children: [prefix, _jsx("input", { ref: inputRef, disabled: isDisabled, className: cn('border-none outline-none placeholder-primary3 placeholder:tracking-normal w-full', isDisabled && 'bg-primary1 cursor-text', inputClassName), ...inputProps }), suffix] }) }));
84
+ var Input = /*#__PURE__*/ React.forwardRef(function(props, ref) {
85
+ var // for wrapper
86
+ wrapperProps = props.wrapperProps, htmlFor = props.htmlFor, label = props.label, helperText = props.helperText, showRequired = props.showRequired, showOptional = props.showOptional, outerPrefix = props.outerPrefix, outerSuffix = props.outerSuffix, error = props.error, // for input container
87
+ className = props.className, // for input
88
+ prefix = props.prefix, suffix = props.suffix, inputClassName = props.inputClassName, inputRef = props.inputRef, isDisabled = props.isDisabled, inputProps = _object_without_properties(props, [
89
+ "wrapperProps",
90
+ "htmlFor",
91
+ "label",
92
+ "helperText",
93
+ "showRequired",
94
+ "showOptional",
95
+ "outerPrefix",
96
+ "outerSuffix",
97
+ "error",
98
+ "className",
99
+ "prefix",
100
+ "suffix",
101
+ "inputClassName",
102
+ "inputRef",
103
+ "isDisabled"
104
+ ]);
105
+ return /*#__PURE__*/ _jsx(FieldWrapper, _object_spread_props(_object_spread({
106
+ htmlFor: htmlFor,
107
+ label: label,
108
+ helperText: helperText,
109
+ showOptional: showOptional,
110
+ showRequired: showRequired,
111
+ outerPrefix: outerPrefix,
112
+ outerSuffix: outerSuffix,
113
+ error: error
114
+ }, wrapperProps), {
115
+ children: /*#__PURE__*/ _jsxs("div", {
116
+ ref: ref,
117
+ "aria-disabled": isDisabled,
118
+ className: cn('flex gap-x-2 h-10 w-full border border-primary2 bg-white px-3 py-2 text-sm ring-offset-white items-center file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none disabled:cursor-not-allowed disabled:opacity-50', isDisabled && 'bg-primary1 cursor-text hover:border-primary2', !!error && 'border-alert4 hover:border-alert4 focus-within:border-alert4', className),
119
+ children: [
120
+ prefix,
121
+ /*#__PURE__*/ _jsx("input", _object_spread({
122
+ ref: inputRef,
123
+ disabled: isDisabled,
124
+ className: cn('border-none outline-none placeholder-primary3 placeholder:tracking-normal w-full', isDisabled && 'bg-primary1 cursor-text', inputClassName)
125
+ }, inputProps)),
126
+ suffix
127
+ ]
128
+ })
129
+ }));
15
130
  });
16
131
  Input.displayName = 'Input';
17
132
  export default Input;
18
- //# sourceMappingURL=Input.js.map
@@ -1,43 +1,42 @@
1
1
  import Input from './Input.js';
2
- const meta = {
3
- component: Input,
2
+ var meta = {
3
+ component: Input
4
4
  };
5
5
  export default meta;
6
- export const Demo = {
6
+ export var Demo = {
7
7
  args: {
8
8
  htmlFor: 'message',
9
9
  label: 'welcome message',
10
- placeholder: 'johndoe@gmail.com',
11
- },
10
+ placeholder: 'johndoe@gmail.com'
11
+ }
12
12
  };
13
- export const ErrorComponent = {
13
+ export var ErrorComponent = {
14
14
  args: {
15
15
  htmlFor: 'email',
16
16
  label: 'email',
17
- error: 'Invalid email',
18
- },
17
+ error: 'Invalid email'
18
+ }
19
19
  };
20
- export const DefaultValue = {
20
+ export var DefaultValue = {
21
21
  args: {
22
22
  htmlFor: 'email',
23
23
  label: 'email',
24
- value: 'Hello, FLUX!',
25
- },
24
+ value: 'Hello, FLUX!'
25
+ }
26
26
  };
27
- export const Prefix = {
27
+ export var Prefix = {
28
28
  args: {
29
29
  htmlFor: 'amount',
30
30
  label: 'amount',
31
31
  prefix: 'RM',
32
- type: 'number',
33
- },
32
+ type: 'number'
33
+ }
34
34
  };
35
- export const Suffix = {
35
+ export var Suffix = {
36
36
  args: {
37
37
  htmlFor: 'amount',
38
38
  label: 'amount',
39
39
  suffix: 'USD',
40
- type: 'number',
41
- },
40
+ type: 'number'
41
+ }
42
42
  };
43
- //# sourceMappingURL=Input.stories.js.map
@@ -1,21 +1,107 @@
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function ownKeys(object, enumerableOnly) {
30
+ var keys = Object.keys(object);
31
+ if (Object.getOwnPropertySymbols) {
32
+ var symbols = Object.getOwnPropertySymbols(object);
33
+ if (enumerableOnly) {
34
+ symbols = symbols.filter(function(sym) {
35
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
+ });
37
+ }
38
+ keys.push.apply(keys, symbols);
39
+ }
40
+ return keys;
41
+ }
42
+ function _object_spread_props(target, source) {
43
+ source = source != null ? source : {};
44
+ if (Object.getOwnPropertyDescriptors) {
45
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
+ } else {
47
+ ownKeys(Object(source)).forEach(function(key) {
48
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
+ });
50
+ }
51
+ return target;
52
+ }
53
+ function _object_without_properties(source, excluded) {
54
+ if (source == null) return {};
55
+ var target = _object_without_properties_loose(source, excluded);
56
+ var key, i;
57
+ if (Object.getOwnPropertySymbols) {
58
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
59
+ for(i = 0; i < sourceSymbolKeys.length; i++){
60
+ key = sourceSymbolKeys[i];
61
+ if (excluded.indexOf(key) >= 0) continue;
62
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
63
+ target[key] = source[key];
64
+ }
65
+ }
66
+ return target;
67
+ }
68
+ function _object_without_properties_loose(source, excluded) {
69
+ if (source == null) return {};
70
+ var target = {};
71
+ var sourceKeys = Object.keys(source);
72
+ var key, i;
73
+ for(i = 0; i < sourceKeys.length; i++){
74
+ key = sourceKeys[i];
75
+ if (excluded.indexOf(key) >= 0) continue;
76
+ target[key] = source[key];
77
+ }
78
+ return target;
79
+ }
1
80
  import { jsx as _jsx } from "react/jsx-runtime";
2
81
  import { useMask } from '@react-input/mask';
3
82
  import * as React from 'react';
4
83
  import Input from '../input/Input.js';
5
- const InputMask = React.forwardRef((props, ref) => {
6
- const { mask, maskReplacement, maskTrack, ...inputProps } = props;
84
+ var InputMask = /*#__PURE__*/ React.forwardRef(function(props, ref) {
85
+ var mask = props.mask, maskReplacement = props.maskReplacement, maskTrack = props.maskTrack, inputProps = _object_without_properties(props, [
86
+ "mask",
87
+ "maskReplacement",
88
+ "maskTrack"
89
+ ]);
7
90
  /**
8
- * See docs for API references
9
- * https://www.npmjs.com/package/@react-input/mask
10
- */
11
- const inputRef = useMask({
12
- mask,
91
+ * See docs for API references
92
+ * https://www.npmjs.com/package/@react-input/mask
93
+ */ var inputRef = useMask({
94
+ mask: mask,
13
95
  replacement: maskReplacement,
14
96
  showMask: true,
15
- track: maskTrack,
97
+ track: maskTrack
16
98
  });
17
- return (_jsx(Input, { ref: ref, inputRef: inputRef, ...inputProps, placeholder: mask }));
99
+ return /*#__PURE__*/ _jsx(Input, _object_spread_props(_object_spread({
100
+ ref: ref,
101
+ inputRef: inputRef
102
+ }, inputProps), {
103
+ placeholder: mask
104
+ }));
18
105
  });
19
106
  InputMask.displayName = 'InputMask';
20
107
  export default InputMask;
21
- //# sourceMappingURL=InputMask.js.map
@@ -1,15 +1,14 @@
1
1
  import InputMask from './InputMask.js';
2
- const meta = {
2
+ var meta = {
3
3
  title: 'Input Mask',
4
- component: InputMask,
4
+ component: InputMask
5
5
  };
6
6
  export default meta;
7
- export const Demo = {
7
+ export var Demo = {
8
8
  args: {
9
9
  htmlFor: 'phoneNumber',
10
10
  label: 'Phone No.',
11
11
  mask: '+60 __-____ ____',
12
- maskReplacement: '_',
13
- },
12
+ maskReplacement: '_'
13
+ }
14
14
  };
15
- //# sourceMappingURL=InputMask.stories.js.map
@@ -3,13 +3,13 @@
3
3
  * @param data assuming `value` format is `"dd/mm/yyyy"`
4
4
  * @param isRange assuming `value` format will be `"dd/mm/yyyy - dd/mm/yyyy"`
5
5
  * @returns {boolean | string} returns `true` to accept new data, returns `false` to reject new data, returns string to replace new data
6
- */
7
- export const maskTrackDate = (data, isRange = false) => {
8
- const { inputType, value, selectionStart } = data;
6
+ */ export var maskTrackDate = function(data) {
7
+ var isRange = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
8
+ var inputType = data.inputType, value = data.value, selectionStart = data.selectionStart;
9
9
  if (inputType !== 'insert') {
10
10
  return true;
11
11
  }
12
- const input = +data.data;
12
+ var input = +data.data;
13
13
  // day
14
14
  if (selectionStart === 0 && input >= 4) {
15
15
  return false;
@@ -44,4 +44,3 @@ export const maskTrackDate = (data, isRange = false) => {
44
44
  }
45
45
  return true;
46
46
  };
47
- //# sourceMappingURL=mask-trackers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputSelect.d.ts","sourceRoot":"","sources":["../../src/input-select/InputSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAqB,EACpB,KAAK,qBAAqB,EAC1B,MAAM,+BAA+B,CAAA;AAwNtC,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,EAC1E,qBAAqB;IACtB,OAAO,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,CAAC,CAAA;QACR,UAAU,CAAC,EAAE,OAAO,CAAA;KACpB,CAAC,CAAA;IACF,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,WAAW,EAqKX,CAAC,CAAC,EACP,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;AAExD,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"InputSelect.d.ts","sourceRoot":"","sources":["../../src/input-select/InputSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAqB,EACpB,KAAK,qBAAqB,EAC1B,MAAM,+BAA+B,CAAA;AAwNtC,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,EAC1E,qBAAqB;IACtB,OAAO,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,CAAC,CAAA;QACR,UAAU,CAAC,EAAE,OAAO,CAAA;KACpB,CAAC,CAAA;IACF,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,WAAW,EAsKX,CAAC,CAAC,EACP,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;AAExD,eAAe,WAAW,CAAA"}