@powerhousedao/document-engineering 1.8.1 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/scalars/components/date-picker-field/date-picker-field.js +1 -1
- package/dist/src/scalars/components/number-field/number-field-validations.d.ts +1 -1
- package/dist/src/scalars/components/number-field/number-field-validations.d.ts.map +1 -1
- package/dist/src/scalars/components/number-field/number-field.d.ts +2 -3
- package/dist/src/scalars/components/number-field/number-field.d.ts.map +1 -1
- package/dist/src/scalars/components/number-field/number-field.js +4 -49
- package/dist/src/scalars/components/number-field/number-field.js.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/amount-input.d.ts +1 -1
- package/dist/src/ui/components/data-entry/amount-input/amount-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/amount-input.js +3 -3
- package/dist/src/ui/components/data-entry/amount-input/amount-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/use-amount-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/use-amount-input.js +21 -12
- package/dist/src/ui/components/data-entry/amount-input/use-amount-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/date-picker.d.ts +3 -1
- package/dist/src/ui/components/data-entry/date-picker/date-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/date-picker.js +5 -3
- package/dist/src/ui/components/data-entry/date-picker/date-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.d.ts +1 -0
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.js +46 -60
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/{calendar-date-header/calendar-date-header.d.ts → calendar-date-footer/calendar-date-footer.d.ts} +3 -3
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/{calendar-date-header/calendar-date-header.d.ts.map → calendar-date-footer/calendar-date-footer.d.ts.map} +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/{calendar-date-header/calendar-date-header.js → calendar-date-footer/calendar-date-footer.js} +4 -4
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-date-footer/calendar-date-footer.js.map +1 -0
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.d.ts +8 -4
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.js +15 -14
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.d.ts +7 -3
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.js +5 -3
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/month-grid.d.ts +19 -0
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/month-grid.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/month-grid.js +29 -0
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/month-grid.js.map +1 -0
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.d.ts +6 -3
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.js +3 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.d.ts +5 -4
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.js +3 -2
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.d.ts +5 -3
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.js +5 -4
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/base-picker.d.ts +3 -4
- package/dist/src/ui/components/data-entry/date-time-picker/base-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/base-picker.js +3 -3
- package/dist/src/ui/components/data-entry/date-time-picker/base-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker-content.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker-content.js +2 -2
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker-content.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.d.ts +1 -0
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.js +2 -2
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/utils.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/utils.js +8 -8
- package/dist/src/ui/components/data-entry/date-time-picker/utils.js.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/index.d.ts +2 -0
- package/dist/src/ui/components/data-entry/number-input/index.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/number-input/index.js +2 -0
- package/dist/src/ui/components/data-entry/number-input/index.js.map +1 -0
- package/dist/src/ui/components/data-entry/number-input/number-input.d.ts +4 -0
- package/dist/src/ui/components/data-entry/number-input/number-input.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/number-input/number-input.js +64 -0
- package/dist/src/ui/components/data-entry/number-input/number-input.js.map +1 -0
- package/dist/src/{scalars/components/number-field → ui/components/data-entry/number-input}/types.d.ts +1 -3
- package/dist/src/ui/components/data-entry/number-input/types.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/number-input/types.js.map +1 -0
- package/dist/src/{scalars/components/number-field/use-number-field.d.ts → ui/components/data-entry/number-input/use-number-input.d.ts} +2 -2
- package/dist/src/ui/components/data-entry/number-input/use-number-input.d.ts.map +1 -0
- package/dist/src/{scalars/components/number-field/use-number-field.js → ui/components/data-entry/number-input/use-number-input.js} +3 -3
- package/dist/src/ui/components/data-entry/number-input/use-number-input.js.map +1 -0
- package/dist/src/ui/components/data-entry/number-input/utils.d.ts.map +1 -0
- package/dist/src/{scalars/components/number-field → ui/components/data-entry/number-input}/utils.js +1 -1
- package/dist/src/ui/components/data-entry/number-input/utils.js.map +1 -0
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-period-selector.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-period-selector.js +2 -2
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-period-selector.js.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-picker-content.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-picker-content.js +3 -2
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-picker-content.js.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-selector.js +1 -1
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-selector.js.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/use-time-selector.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/use-time-selector.js +6 -14
- package/dist/src/ui/components/data-entry/time-picker/subcomponents/use-time-selector.js.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/time-picker.d.ts +2 -1
- package/dist/src/ui/components/data-entry/time-picker/time-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/time-picker.js +2 -2
- package/dist/src/ui/components/data-entry/time-picker/time-picker.js.map +1 -1
- package/dist/src/ui/components/index.d.ts +1 -0
- package/dist/src/ui/components/index.d.ts.map +1 -1
- package/dist/src/ui/components/index.js +1 -0
- package/dist/src/ui/components/index.js.map +1 -1
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.js +2 -0
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.js.map +1 -1
- package/dist/src/ui/components/object-set-table/object-set-table.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/object-set-table.js +4 -0
- package/dist/src/ui/components/object-set-table/object-set-table.js.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/body.js +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/body.js.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.d.ts +4 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.d.ts.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.js +12 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.js.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header.renderer.d.ts +4 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header.renderer.d.ts.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header.renderer.js +16 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header.renderer.js.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/header.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/header.js +15 -6
- package/dist/src/ui/components/object-set-table/subcomponents/header.js.map +1 -1
- package/dist/src/ui/components/object-set-table/types.d.ts +32 -2
- package/dist/src/ui/components/object-set-table/types.d.ts.map +1 -1
- package/dist/style.css +1257 -0
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/src/scalars/components/number-field/types.d.ts.map +0 -1
- package/dist/src/scalars/components/number-field/types.js.map +0 -1
- package/dist/src/scalars/components/number-field/use-number-field.d.ts.map +0 -1
- package/dist/src/scalars/components/number-field/use-number-field.js.map +0 -1
- package/dist/src/scalars/components/number-field/utils.d.ts.map +0 -1
- package/dist/src/scalars/components/number-field/utils.js.map +0 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-date-header/calendar-date-header.js.map +0 -1
- /package/dist/src/{scalars/components/number-field → ui/components/data-entry/number-input}/types.js +0 -0
- /package/dist/src/{scalars/components/number-field → ui/components/data-entry/number-input}/utils.d.ts +0 -0
|
@@ -9,7 +9,7 @@ const DateTimePicker = forwardRef(({ name, id, label, value, defaultValue, error
|
|
|
9
9
|
// Date Picker Field
|
|
10
10
|
disablePastDates, disableFutureDates, dateFormat, weekStart, autoClose, minDate, maxDate, onChangeDate, onBlurDate, timeFormat,
|
|
11
11
|
// Time Picker Field
|
|
12
|
-
timeIntervals, timeZone, showTimezoneSelect, includeContinent, ..._props }, ref) => {
|
|
12
|
+
timeIntervals, timeZone, showTimezoneSelect, includeContinent, className, ..._props }, ref) => {
|
|
13
13
|
const { isOpen, setIsOpen,
|
|
14
14
|
// inputValue,
|
|
15
15
|
activeTab, onChangeTabs, isCalendarView, dateTimeToDisplay, handleInputChangeField,
|
|
@@ -40,7 +40,7 @@ timeIntervals, timeZone, showTimezoneSelect, includeContinent, ..._props }, ref)
|
|
|
40
40
|
});
|
|
41
41
|
return (_jsxs(FormGroup, { children: [label ? (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })) : null, _jsx(BasePickerField, { ref: ref, label: label, id: id, value: dateTimeToDisplay, name: name, errors: errors, disabled: disabled, required: required, iconName: "CalendarTime", placeholder: placeholder, isOpen: isOpen, setIsOpen: setIsOpen, onInputChange: handleInputChangeField, handleBlur: handleOnBlur, "data-cast": `DateTimeString:${dateFormat}`, className: cn(
|
|
42
42
|
// Add custom styles when the time is open
|
|
43
|
-
isCalendarView ? 'px-4 pb-6 pt-3' : 'px-4 pb-4 pt-3'), children: _jsx(DateTimePickerContent, { activeTab: activeTab, onChangeTabs: onChangeTabs,
|
|
43
|
+
isCalendarView ? 'px-4 pb-6 pt-3' : 'px-4 pb-4 pt-3', className), children: _jsx(DateTimePickerContent, { activeTab: activeTab, onChangeTabs: onChangeTabs,
|
|
44
44
|
// Date Picker Field
|
|
45
45
|
date: date, handleDateSelect: handleDateSelect, disabledDates: disabledDates, weekStartDay: weekStartDay, handleDayClick: handleDayClick,
|
|
46
46
|
// Time Picker Field
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-time-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EACf,SAAS,EACT,SAAS,EACT,eAAe,GAChB,MAAM,mDAAmD,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAErD,OAAO,EAAqC,UAAU,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,qBAAqB,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"date-time-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,UAA2E,CAAA;AAEvG,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,YACwB,CAAA;AAE1E,eAAO,MAAM,mBAAmB,GAAI,YAAY,MAAM,EAAE,aAAa,MAAM,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,UAA2E,CAAA;AAEvG,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,YACwB,CAAA;AAE1E,eAAO,MAAM,mBAAmB,GAAI,YAAY,MAAM,EAAE,aAAa,MAAM,YAI1E,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,GAAI,gBAAgB,MAAM,KAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAOjG,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,YAIvC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,QAAO,MAMjC,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,GAAI,WAAW,MAAM,WAwB1C,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,EAAE,mBAA+B,KAAG,MA0BvF,CAAA;AAGD,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,KAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAOhF,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,eAAe,MAAM,KAAG,MAAM,GAAG,SAe9D,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,YAAY,MAAM,KAAG,MAWzD,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,GAAG,MAAM,GAAG,SAAS,qBAkCpE,CAAA"}
|
|
@@ -5,8 +5,6 @@ export const isDateFormatAllowed = (dateString, dateFormat) => {
|
|
|
5
5
|
if (!dateFormat)
|
|
6
6
|
return isFormatAllowed(dateString);
|
|
7
7
|
const regex = dateFormatRegexes[dateFormat];
|
|
8
|
-
if (!regex)
|
|
9
|
-
return false;
|
|
10
8
|
return regex.test(dateString);
|
|
11
9
|
};
|
|
12
10
|
export const dateFormatRegexes = {
|
|
@@ -101,14 +99,16 @@ export const getOffset = (timeZone) => {
|
|
|
101
99
|
*/
|
|
102
100
|
export const parseInputString = (inputString, dateFormat = ALLOWED_FORMATS[0]) => {
|
|
103
101
|
const newInputString = normalizeMonthFormat(inputString);
|
|
104
|
-
if (!
|
|
102
|
+
if (!inputString)
|
|
105
103
|
return inputString;
|
|
106
104
|
// First check the specified format
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
105
|
+
if (dateFormat in dateFormatRegexes) {
|
|
106
|
+
const specifiedFormatRegex = dateFormatRegexes[dateFormat];
|
|
107
|
+
if (specifiedFormatRegex.test(newInputString)) {
|
|
108
|
+
const parsedDate = parse(newInputString, dateFormat, new Date());
|
|
109
|
+
if (isValid(parsedDate)) {
|
|
110
|
+
return format(parsedDate, dateFormat);
|
|
111
|
+
}
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
for (const [formatStr, regex] of Object.entries(dateFormatRegexes)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,CAAA;AAEvG,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,EAAE,CACpD,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAA;AAE1E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,UAAkB,EAAE,UAAmB,EAAE,EAAE;IAC7E,IAAI,CAAC,UAAU;QAAE,OAAO,eAAe,CAAC,UAAU,CAAC,CAAA;IACnD,MAAM,KAAK,GAAG,iBAAiB,CAAC,UAA4C,CAAC,CAAA;IAC7E,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { NumberFieldProps } from './types.js';
|
|
2
|
+
declare const NumberInput: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
3
|
+
export { NumberInput, NumberFieldProps };
|
|
4
|
+
//# sourceMappingURL=number-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/number-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AA8KlD,QAAA,MAAM,WAAW,+GAKf,CAAA;AAIF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useId, useState } from 'react';
|
|
3
|
+
import { useNumberInput } from './use-number-input.js';
|
|
4
|
+
import { regex } from './utils.js';
|
|
5
|
+
import { FormGroup } from '../../../../scalars/components/fragments/form-group/form-group.js';
|
|
6
|
+
import { FormLabel } from '../../../../scalars/components/fragments/form-label/form-label.js';
|
|
7
|
+
import { Icon } from '../../icon/index.js';
|
|
8
|
+
import { FormDescription } from '../../../../scalars/components/fragments/form-description/form-description.js';
|
|
9
|
+
import { FormMessageList } from '../../../../scalars/components/fragments/form-message/index.js';
|
|
10
|
+
import { cn } from '../../../../scalars/lib/index.js';
|
|
11
|
+
import { Input } from '../input/index.js';
|
|
12
|
+
const NumberInputRaw = forwardRef(({ label, name, description, value, defaultValue, onChange, onBlur, errors, warnings, className, id: propId, minValue, maxValue, step = 1, pattern, trailingZeros = false, numericType = 'Float', precision = 0, onFocus, ...props }, ref) => {
|
|
13
|
+
const generatedId = useId();
|
|
14
|
+
const id = propId ?? generatedId;
|
|
15
|
+
const { canIncrement, canDecrement, showSteps, preventInvalidCharsAndHandleArrows, stepValueHandler, blockInvalidPaste, preventLetterInput, isBigInt, handleBlur, handleFocus, buttonRef, } = useNumberInput({
|
|
16
|
+
value,
|
|
17
|
+
maxValue,
|
|
18
|
+
minValue,
|
|
19
|
+
step,
|
|
20
|
+
onChange,
|
|
21
|
+
numericType,
|
|
22
|
+
onBlur,
|
|
23
|
+
trailingZeros,
|
|
24
|
+
precision,
|
|
25
|
+
onFocus,
|
|
26
|
+
});
|
|
27
|
+
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: props.required, disabled: props.disabled, hasError: !!errors?.length, className: "mb-[3px]", children: label })), _jsxs("div", { className: "relative flex items-center", children: [_jsx(Input, { id: id, onFocus: handleFocus, name: name, className: cn('pr-8', className), pattern: isBigInt ? regex.toString() : pattern?.toString(), type: "text", inputMode: "numeric", role: "spinbutton", min: minValue, max: maxValue, "aria-valuemin": minValue, "aria-valuemax": maxValue, "aria-invalid": !!errors?.length, onKeyDown: (e) => {
|
|
28
|
+
preventLetterInput(e);
|
|
29
|
+
preventInvalidCharsAndHandleArrows(e);
|
|
30
|
+
}, value: value === undefined ? '' : value.toString(), onBlur: handleBlur, defaultValue: defaultValue?.toString(), onChange: onChange, onPaste: blockInvalidPaste, ref: ref, "data-cast": isBigInt ? 'BigInt' : 'Number', ...props }), showSteps && (_jsxs("div", { className: "absolute inset-y-2 right-3 flex flex-col justify-center", children: [_jsx("button", { "aria-label": "Increment", disabled: canIncrement, onMouseDown: (e) => {
|
|
31
|
+
e.preventDefault();
|
|
32
|
+
}, type: "button", onClick: (e) => {
|
|
33
|
+
stepValueHandler(e, 'increment');
|
|
34
|
+
if (buttonRef.current) {
|
|
35
|
+
buttonRef.current.focus();
|
|
36
|
+
}
|
|
37
|
+
}, children: _jsx(Icon, { size: 10, name: "ChevronDown", className: cn('rotate-180 text-gray-700 dark:text-gray-300', canIncrement && 'cursor-not-allowed') }) }), _jsx("button", { "aria-label": "Decrement", onMouseDown: (e) => {
|
|
38
|
+
e.preventDefault();
|
|
39
|
+
}, disabled: canDecrement, type: "button", onClick: (e) => {
|
|
40
|
+
stepValueHandler(e, 'decrement');
|
|
41
|
+
if (buttonRef.current) {
|
|
42
|
+
buttonRef.current.focus();
|
|
43
|
+
}
|
|
44
|
+
}, children: _jsx(Icon, { size: 10, name: "ChevronDown", className: cn('items-center justify-center text-gray-700 dark:text-gray-300', canDecrement && 'cursor-not-allowed') }) })] }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
45
|
+
});
|
|
46
|
+
NumberInputRaw.displayName = 'NumberInputRaw';
|
|
47
|
+
const NumberInputUncontroller = forwardRef((props, ref) => {
|
|
48
|
+
const [value, setValue] = useState(props.value ?? props.defaultValue);
|
|
49
|
+
const handleChange = (e) => {
|
|
50
|
+
const newValue = e.target.value;
|
|
51
|
+
setValue(newValue);
|
|
52
|
+
};
|
|
53
|
+
return _jsx(NumberInputRaw, { ...props, value: value, onChange: handleChange, defaultValue: value, ref: ref });
|
|
54
|
+
});
|
|
55
|
+
NumberInputUncontroller.displayName = 'NumberInputUncontroller';
|
|
56
|
+
const NumberInput = forwardRef((props, ref) => {
|
|
57
|
+
if (props.onChange) {
|
|
58
|
+
return _jsx(NumberInputRaw, { ...props, ref: ref });
|
|
59
|
+
}
|
|
60
|
+
return _jsx(NumberInputUncontroller, { ...props, ref: ref });
|
|
61
|
+
});
|
|
62
|
+
NumberInput.displayName = 'NumberInput';
|
|
63
|
+
export { NumberInput };
|
|
64
|
+
//# sourceMappingURL=number-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/number-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { FieldErrorHandling, InputBaseProps } from '
|
|
1
|
+
import type { FieldErrorHandling, InputBaseProps } from '../../../../scalars/components/types.js';
|
|
2
2
|
interface NumberProps {
|
|
3
3
|
numericType?: NumericType | undefined;
|
|
4
4
|
minValue?: number;
|
|
@@ -10,8 +10,6 @@ interface NumberProps {
|
|
|
10
10
|
export type NumericType = 'PositiveInt' | 'NegativeInt' | 'NonNegativeInt' | 'NonPositiveInt' | 'NegativeFloat' | 'PositiveFloat' | 'NonNegativeFloat' | 'NonPositiveFloat' | 'BigInt' | 'Int' | 'Float';
|
|
11
11
|
export interface InputNumberProps extends Omit<InputBaseProps<string | number> & FieldErrorHandling & NumberProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'minLength' | 'maxLength'>, 'value' | 'defaultValue' | 'name' | 'pattern'> {
|
|
12
12
|
name: string;
|
|
13
|
-
min?: number;
|
|
14
|
-
max?: number;
|
|
15
13
|
step?: number;
|
|
16
14
|
precision?: number;
|
|
17
15
|
trailingZeros?: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAEjG,UAAU,WAAW;IACnB,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,MAAM,WAAW,GACnB,aAAa,GACb,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,QAAQ,GACR,KAAK,GACL,OAAO,CAAA;AAEX,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,GAC7B,kBAAkB,GAClB,WAAW,GACX,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC,EAC9F,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,SAAS,CAC9C;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC1D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/types.ts"],"names":[],"mappings":""}
|
|
@@ -11,7 +11,7 @@ interface UseNumberFieldProps {
|
|
|
11
11
|
precision?: number;
|
|
12
12
|
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare const
|
|
14
|
+
export declare const useNumberInput: ({ value, maxValue, minValue, step, onChange, numericType, onBlur, trailingZeros, precision, onFocus, }: UseNumberFieldProps) => {
|
|
15
15
|
canIncrement: boolean;
|
|
16
16
|
canDecrement: boolean;
|
|
17
17
|
showSteps: boolean;
|
|
@@ -26,4 +26,4 @@ export declare const useNumberField: ({ value, maxValue, minValue, step, onChang
|
|
|
26
26
|
buttonRef: import("react").RefObject<HTMLButtonElement>;
|
|
27
27
|
};
|
|
28
28
|
export {};
|
|
29
|
-
//# sourceMappingURL=use-number-
|
|
29
|
+
//# sourceMappingURL=use-number-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-number-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/use-number-input.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAI7C,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC1D;AAED,eAAO,MAAM,cAAc,GAAI,wGAW5B,mBAAmB;;;;4CAe2B,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;0BAiCvD,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,aAAa,WAAW,GAAG,WAAW;2BAjBxE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;gCAQjC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;;oBAwCjD,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;qBAmDjC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;CAoB3D,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useRef, useState } from 'react';
|
|
2
|
-
import { isNotSafeValue } from '../../../ui/components/data-entry/amount-input/utils.js';
|
|
3
2
|
import { getDisplayValue } from './utils.js';
|
|
4
|
-
|
|
3
|
+
import { isNotSafeValue } from '../amount-input/utils.js';
|
|
4
|
+
export const useNumberInput = ({ value, maxValue, minValue, step = 1, onChange, numericType, onBlur, trailingZeros = false, precision = 0, onFocus, }) => {
|
|
5
5
|
const [isFocus, setIsFocus] = useState(false);
|
|
6
6
|
const buttonRef = useRef(null);
|
|
7
7
|
const canIncrement = maxValue !== undefined && (typeof value === 'bigint' ? value >= BigInt(maxValue) : Number(value) >= maxValue);
|
|
@@ -128,4 +128,4 @@ export const useNumberField = ({ value, maxValue, minValue, step = 1, onChange,
|
|
|
128
128
|
buttonRef,
|
|
129
129
|
};
|
|
130
130
|
};
|
|
131
|
-
//# sourceMappingURL=use-number-
|
|
131
|
+
//# sourceMappingURL=use-number-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/use-number-input.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,eAAO,MAAM,KAAK,QAAkB,CAAA;AASpC,UAAU,cAAc;IACtB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,UA4B9E"}
|
package/dist/src/{scalars/components/number-field → ui/components/data-entry/number-input}/utils.js
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MAX_SAFE_INTEGER } from '
|
|
1
|
+
import { MAX_SAFE_INTEGER } from '../../../../scalars/components/number-field/number-field-validations.js';
|
|
2
2
|
export const regex = /^-?\d*\.?\d*$/;
|
|
3
3
|
const floatTypes = ['NegativeFloat', 'PositiveFloat', 'NonNegativeFloat', 'NonPositiveFloat', 'Float'];
|
|
4
4
|
const formatValue = (value, precision, trailingZeros) => {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yEAAyE,CAAA;AAG1G,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAA;AAEpC,MAAM,UAAU,GAAkB,CAAC,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAA;AAErH,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,SAAkB,EAAE,aAAuB,EAAE,EAAE;IACjF,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IAC3D,OAAO,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE,CAAA;AAC/E,CAAC,CAAA;AAQD,MAAM,UAAU,eAAe,CAAC,KAAc,EAAE,cAA+B;IAC7E,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAA;IAErB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,GAAG,KAAK,EAAE,GAAG,cAAc,IAAI,EAAE,CAAA;IAE9E,MAAM,OAAO,GAAG,WAAW,IAAI,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC/D,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEjC,IAAI,WAAW,KAAK,QAAQ,EAAE,CAAC;QAC7B,sEAAsE;QACtE,OAAO,KAAK,CAAA;IACd,CAAC;IACD,2DAA2D;IAC3D,IAAI,OAAO,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,WAAW,CAAC,QAAQ,EAAE,CAAA;IAC/B,CAAC;IAED,0EAA0E;IAC1E,yCAAyC;IACzC,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,gBAAgB,EAAE,CAAC;QAC7C,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAA;IACzB,CAAC;IAED,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,aAAa,CAAC,CAAA;IACrD,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}
|
package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-period-selector.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-period-selector.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-period-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,UAAU,uBAAuB;IAC/B,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,iBAAiB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;CAChD;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"time-period-selector.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-period-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,UAAU,uBAAuB;IAC/B,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,iBAAiB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;CAChD;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmBzD,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Button } from '../../../../../scalars/components/fragments/button/index.js';
|
|
3
3
|
import { cn } from '../../../../../scalars/lib/utils.js';
|
|
4
|
-
const TimePeriodSelector = ({ selectedPeriod, setSelectedPeriod }) => (_jsx("div", { className: "absolute right-1 top-[48px] z-10 flex flex-col", children: ['AM', 'PM'].map((period) => (_jsx(Button, { variant: "ghost", onClick: () => {
|
|
4
|
+
const TimePeriodSelector = ({ selectedPeriod, setSelectedPeriod }) => (_jsx("div", { className: "absolute right-1 top-[48px] z-10 flex flex-col time-picker__period", children: ['AM', 'PM'].map((period) => (_jsx(Button, { variant: "ghost", onClick: () => {
|
|
5
5
|
setSelectedPeriod(period);
|
|
6
|
-
}, className: cn('h-[20px] w-[16px] text-[12px] font-normal leading-[28px] transition-colors', selectedPeriod === period ? 'font-normal text-gray-900' : 'font-normal text-gray-300'), children: period }, period))) }));
|
|
6
|
+
}, "data-selected": selectedPeriod === period, className: cn('h-[20px] w-[16px] text-[12px] font-normal leading-[28px] transition-colors', selectedPeriod === period ? 'font-normal text-gray-900' : 'font-normal text-gray-300'), children: period }, period))) }));
|
|
7
7
|
export default TimePeriodSelector;
|
|
8
8
|
//# sourceMappingURL=time-period-selector.js.map
|
package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-period-selector.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-period-selector.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-period-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6DAA6D,CAAA;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AAQxD,MAAM,kBAAkB,GAAsC,CAAC,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CACvG,cAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"time-period-selector.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-period-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6DAA6D,CAAA;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AAQxD,MAAM,kBAAkB,GAAsC,CAAC,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CACvG,cAAK,SAAS,EAAC,oEAAoE,YAChF,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EAEf,OAAO,EAAE,GAAG,EAAE;YACZ,iBAAiB,CAAC,MAAoB,CAAC,CAAA;QACzC,CAAC,mBACc,cAAc,KAAK,MAAM,EACxC,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,2BAA2B,CACtF,YAEA,MAAM,IAVF,MAAM,CAWJ,CACV,CAAC,GACE,CACP,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-picker-content.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker-content.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-picker-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,EAAU,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"time-picker-content.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-picker-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,EAAU,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAK5C,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,iBAAiB,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAChD,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,gBAAgB,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAC5C,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,eAAe,CAAC,CAAA;IACrE,cAAc,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+DvD,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -3,10 +3,11 @@ import { Select } from '../../select/index.js';
|
|
|
3
3
|
import { Button } from '../../../../../scalars/components/fragments/button/button.js';
|
|
4
4
|
import TimePeriodSelector from './time-period-selector.js';
|
|
5
5
|
import TimeSelector from './time-selector.js';
|
|
6
|
+
import { cn } from '../../../../../scalars/lib/utils.js';
|
|
6
7
|
const TimePickerContent = ({ onSave, onCancel, selectedHour, selectedMinute, selectedPeriod, setSelectedHour, setSelectedMinute, setSelectedPeriod, hours, minutes, timeZonesOptions, selectProps, is12HourFormat, isDisableSelect, selectedTimeZone, setSelectedTimeZone, timeZone, }) => {
|
|
7
|
-
return (_jsxs("div", { className:
|
|
8
|
+
return (_jsxs("div", { className: cn('relative mx-auto w-full', 'time-picker__content'), children: [_jsx(Select, { name: "", options: timeZonesOptions, disabled: isDisableSelect, searchable: true, placeholder: "Select a timezone", className: "w-full", selectionIcon: "checkmark", value: timeZone || selectedTimeZone, onChange: setSelectedTimeZone, ...selectProps }), is12HourFormat && _jsx(TimePeriodSelector, { selectedPeriod: selectedPeriod, setSelectedPeriod: setSelectedPeriod }), _jsxs("div", { className: "mx-auto mt-[15px] flex h-[148px] justify-center overflow-hidden", style: {
|
|
8
9
|
maskImage: 'linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%)',
|
|
9
|
-
}, children: [_jsx(TimeSelector, { options: hours, selectedValue: selectedHour, onSelect: setSelectedHour, isCyclic: true }), _jsx("div", { className: "flex items-center px-4 text-sm font-normal leading-[20px] text-gray-900", children: ":" }), _jsx(TimeSelector, { options: minutes, selectedValue: selectedMinute, onSelect: setSelectedMinute, isCyclic: true })] }), _jsxs("div", { className: "flex items-center justify-between pt-[25px]", children: [_jsx(Button, { variant: "ghost", onClick: onCancel, className: "font-inter text-center text-[12px] font-medium leading-[18px] text-gray-500", children: "CANCEL" }), _jsx(Button, { variant: "ghost", onClick: () => onSave?.(`${selectedHour}:${selectedMinute} ${selectedPeriod}`), className: "font-inter text-center text-[12px] font-medium leading-[18px] text-gray-500", children: "SAVE" })] })] }));
|
|
10
|
+
}, children: [_jsx(TimeSelector, { options: hours, selectedValue: selectedHour, onSelect: setSelectedHour, isCyclic: true }), _jsx("div", { className: "flex items-center px-4 text-sm font-normal leading-[20px] text-gray-900", children: ":" }), _jsx(TimeSelector, { options: minutes, selectedValue: selectedMinute, onSelect: setSelectedMinute, isCyclic: true })] }), _jsxs("div", { className: "flex items-center justify-between pt-[25px] time-picker__buttons", children: [_jsx(Button, { variant: "ghost", onClick: onCancel, className: "font-inter text-center text-[12px] font-medium leading-[18px] text-gray-500", children: "CANCEL" }), _jsx(Button, { variant: "ghost", onClick: () => onSave?.(`${selectedHour}:${selectedMinute} ${selectedPeriod}`), className: "font-inter text-center text-[12px] font-medium leading-[18px] text-gray-500", children: "SAVE" })] })] }));
|
|
10
11
|
};
|
|
11
12
|
export default TimePickerContent;
|
|
12
13
|
//# sourceMappingURL=time-picker-content.js.map
|
package/dist/src/ui/components/data-entry/time-picker/subcomponents/time-picker-content.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker-content.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-picker-content.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAA0C,MAAM,uBAAuB,CAAA;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,8DAA8D,CAAA;AAErF,OAAO,kBAAkB,MAAM,2BAA2B,CAAA;AAC1D,OAAO,YAAY,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"time-picker-content.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-picker-content.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAA0C,MAAM,uBAAuB,CAAA;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,8DAA8D,CAAA;AAErF,OAAO,kBAAkB,MAAM,2BAA2B,CAAA;AAC1D,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AAsBxD,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,sBAAsB,CAAC,aACnE,KAAC,MAAM,IACL,IAAI,EAAC,EAAE,EACP,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,eAAe,EACzB,UAAU,EAAE,IAAI,EAChB,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAC,QAAQ,EAClB,aAAa,EAAC,WAAW,EACzB,KAAK,EAAE,QAAQ,IAAI,gBAAgB,EACnC,QAAQ,EAAE,mBAAmB,KACzB,WAAW,GACf,EAED,cAAc,IAAI,KAAC,kBAAkB,IAAC,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,EAC/G,eACE,SAAS,EAAC,iEAAiE,EAC3E,KAAK,EAAE;oBACL,SAAS,EAAE,oFAAoF;iBAChG,aAED,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,GAAI,EACxG,cAAK,SAAS,EAAC,yEAAyE,kBAAQ,EAChG,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,GAAI,IAC1G,EACN,eAAK,SAAS,EAAC,kEAAkE,aAC/E,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,6EAA6E,uBAGhF,EACT,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,YAAY,IAAI,cAAc,IAAI,cAAc,EAAE,CAAC,EAC9E,SAAS,EAAC,6EAA6E,qBAGhF,IACL,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -15,7 +15,7 @@ const TimeSelector = ({ options, selectedValue, onSelect, isCyclic = true }) =>
|
|
|
15
15
|
containerRef,
|
|
16
16
|
selectedRef,
|
|
17
17
|
});
|
|
18
|
-
return (_jsxs("div", { className: "relative w-[43px] overflow-hidden", children: [_jsxs("div", { ref: containerRef, className: "absolute inset-0 flex flex-col items-center gap-1 overflow-hidden overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar-thumb]:!hidden [&::-webkit-scrollbar-track]:!hidden [&::-webkit-scrollbar]:!hidden", children: [isCyclic && _jsx("div", { className: "h-[60px]" }), displayOptions.map((option, index) => {
|
|
18
|
+
return (_jsxs("div", { className: "relative w-[43px] overflow-hidden time-picker__selector", children: [_jsxs("div", { ref: containerRef, className: "absolute inset-0 flex flex-col items-center gap-1 overflow-hidden overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar-thumb]:!hidden [&::-webkit-scrollbar-track]:!hidden [&::-webkit-scrollbar]:!hidden", children: [isCyclic && _jsx("div", { className: "h-[60px]" }), displayOptions.map((option, index) => {
|
|
19
19
|
// Determine if this is the middle set of options (for proper reference)
|
|
20
20
|
const isMiddleSet = index >= options.length && index < options.length * 2;
|
|
21
21
|
const shouldUseRef = option === selectedValue && isMiddleSet;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-selector.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,6DAA6D,CAAA;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,YAAY,GAAgC,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1G,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;IACzD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEjD,MAAM,EAAE,cAAc,EAAE,uBAAuB,EAAE,GAAG,eAAe,CAAC;QAClE,OAAO;QACP,aAAa;QACb,QAAQ;QACR,QAAQ;QACR,YAAY;QACZ,WAAW;KACZ,CAAC,CAAA;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"time-selector.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/time-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,6DAA6D,CAAA;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,YAAY,GAAgC,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1G,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;IACzD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEjD,MAAM,EAAE,cAAc,EAAE,uBAAuB,EAAE,GAAG,eAAe,CAAC;QAClE,OAAO;QACP,aAAa;QACb,QAAQ;QACR,QAAQ;QACR,YAAY;QACZ,WAAW;KACZ,CAAC,CAAA;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,yDAAyD,aACtE,eACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,mNAAmN,aAE5N,QAAQ,IAAI,cAAK,SAAS,EAAC,UAAU,GAAG,EACxC,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBACpC,wEAAwE;wBACxE,MAAM,WAAW,GAAG,KAAK,IAAI,OAAO,CAAC,MAAM,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;wBACzE,MAAM,YAAY,GAAG,MAAM,KAAK,aAAa,IAAI,WAAW,CAAA;wBAE5D,OAAO,CACL,KAAC,MAAM,IACL,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EACtC,OAAO,EAAC,OAAO,EAEf,OAAO,EAAE,GAAG,EAAE;gCACZ,uBAAuB,CAAC,MAAM,CAAC,CAAA;4BACjC,CAAC,EACD,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,aAAa,KAAK,MAAM;gCACtB,CAAC,CAAC,mFAAmF;gCACrF,CAAC,CAAC,6CAA6C,CAClD,YAEA,MAAM,IAXF,GAAG,MAAM,IAAI,KAAK,EAAE,CAYlB,CACV,CAAA;oBACH,CAAC,CAAC,IACE,EACL,QAAQ,IAAI,cAAK,SAAS,EAAC,UAAU,GAAG,IACrC,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
package/dist/src/ui/components/data-entry/time-picker/subcomponents/use-time-selector.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-time-selector.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/use-time-selector.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"use-time-selector.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/use-time-selector.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAGnD,UAAU,oBAAqB,SAAQ,iBAAiB;IACtD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC7C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CAChD;AAED,UAAU,qBAAqB;IAC7B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,YAAY,EAAE,OAAO,CAAA;IACrB,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,GAAI,4EAO7B,oBAAoB,KAAG,qBAoGzB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useEffect, useRef, useState } from 'react';
|
|
2
|
-
import { BOTTOM_THRESHOLD_OFFSET, CENTERING_TIMEOUT_MS,
|
|
2
|
+
import { BOTTOM_THRESHOLD_OFFSET, CENTERING_TIMEOUT_MS, TOP_THRESHOLD_OFFSET } from './time-selector.constants.js';
|
|
3
3
|
export const useTimeSelector = ({ options, selectedValue, onSelect, isCyclic = true, containerRef, selectedRef, }) => {
|
|
4
4
|
const [shouldCenter, setShouldCenter] = useState(false);
|
|
5
5
|
const lastScrollTop = useRef(0);
|
|
@@ -42,15 +42,14 @@ export const useTimeSelector = ({ options, selectedValue, onSelect, isCyclic = t
|
|
|
42
42
|
// Handle cyclic behavior
|
|
43
43
|
useEffect(() => {
|
|
44
44
|
const container = containerRef.current;
|
|
45
|
-
if (!container
|
|
45
|
+
if (!container)
|
|
46
|
+
return;
|
|
47
|
+
if (!isCyclic)
|
|
46
48
|
return;
|
|
47
49
|
const handleScroll = () => {
|
|
48
|
-
if (!container)
|
|
49
|
-
return;
|
|
50
50
|
if (scrollTimeoutRef.current) {
|
|
51
51
|
clearTimeout(scrollTimeoutRef.current);
|
|
52
52
|
}
|
|
53
|
-
scrollTimeoutRef.current = setTimeout(() => { }, SCROLL_TIMEOUT_MS);
|
|
54
53
|
const { scrollTop, scrollHeight, clientHeight } = container;
|
|
55
54
|
const currentScrollTop = scrollTop;
|
|
56
55
|
const scrollDirection = currentScrollTop > lastScrollTop.current ? 'down' : 'up';
|
|
@@ -59,25 +58,18 @@ export const useTimeSelector = ({ options, selectedValue, onSelect, isCyclic = t
|
|
|
59
58
|
const topThreshold = TOP_THRESHOLD_OFFSET;
|
|
60
59
|
if (scrollDirection === 'down' && scrollTop >= bottomThreshold) {
|
|
61
60
|
requestAnimationFrame(() => {
|
|
62
|
-
|
|
63
|
-
container.scrollTop = scrollHeight / 2;
|
|
64
|
-
}
|
|
61
|
+
container.scrollTop = scrollHeight / 2;
|
|
65
62
|
});
|
|
66
63
|
}
|
|
67
64
|
else if (scrollDirection === 'up' && scrollTop <= topThreshold) {
|
|
68
65
|
requestAnimationFrame(() => {
|
|
69
|
-
|
|
70
|
-
container.scrollTop = scrollHeight / 2;
|
|
71
|
-
}
|
|
66
|
+
container.scrollTop = scrollHeight / 2;
|
|
72
67
|
});
|
|
73
68
|
}
|
|
74
69
|
};
|
|
75
70
|
container.addEventListener('scroll', handleScroll, { passive: true });
|
|
76
71
|
return () => {
|
|
77
72
|
container.removeEventListener('scroll', handleScroll);
|
|
78
|
-
if (scrollTimeoutRef.current) {
|
|
79
|
-
clearTimeout(scrollTimeoutRef.current);
|
|
80
|
-
}
|
|
81
73
|
};
|
|
82
74
|
}, [options, selectedValue, onSelect, isCyclic, containerRef]);
|
|
83
75
|
// Create a repeating list of options for infinite scroll effect
|
package/dist/src/ui/components/data-entry/time-picker/subcomponents/use-time-selector.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-time-selector.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/use-time-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,
|
|
1
|
+
{"version":3,"file":"use-time-selector.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/time-picker/subcomponents/use-time-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAalH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,aAAa,EACb,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,YAAY,EACZ,WAAW,GACU,EAAyB,EAAE;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAC/B,MAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC5D,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAErC,uCAAuC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC;YACrE,8CAA8C;YAC9C,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC;gBACjC,QAAQ,EAAE,MAAM,EAAE,8DAA8D;gBAChF,KAAK,EAAE,QAAQ;aAChB,CAAC,CAAA;YACF,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAA;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,CAAA;IAEhC,8DAA8D;IAC9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAChD,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAA;YACpC,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;YACtC,MAAM,YAAY,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;YACrD,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAA;YAEvD,2CAA2C;YAC3C,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,IAAI,aAAa,CAAC,GAAG,IAAI,YAAY,CAAC,MAAM,IAAI,aAAa,CAAC,MAAM,CAAA;YAEtG,qFAAqF;YACrF,IAAI,CAAC,SAAS,IAAI,YAAY,EAAE,CAAC;gBAC/B,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAA;gBAExG,SAAS,CAAC,QAAQ,CAAC;oBACjB,GAAG,EAAE,MAAM;oBACX,QAAQ,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;iBACvD,CAAC,CAAA;YACJ,CAAC;YAED,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAA;YAChC,qCAAqC;YACrC,IAAI,YAAY;gBAAE,eAAe,CAAC,KAAK,CAAC,CAAA;QAC1C,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;IAE5D,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;QACtC,IAAI,CAAC,SAAS;YAAE,OAAM;QACtB,IAAI,CAAC,QAAQ;YAAE,OAAM;QAErB,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;YACxC,CAAC;YAED,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,SAAS,CAAA;YAC3D,MAAM,gBAAgB,GAAG,SAAS,CAAA;YAClC,MAAM,eAAe,GAAG,gBAAgB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;YAChF,aAAa,CAAC,OAAO,GAAG,gBAAgB,CAAA;YAExC,MAAM,eAAe,GAAG,YAAY,GAAG,YAAY,GAAG,uBAAuB,CAAA;YAC7E,MAAM,YAAY,GAAG,oBAAoB,CAAA;YAEzC,IAAI,eAAe,KAAK,MAAM,IAAI,SAAS,IAAI,eAAe,EAAE,CAAC;gBAC/D,qBAAqB,CAAC,GAAG,EAAE;oBACzB,SAAS,CAAC,SAAS,GAAG,YAAY,GAAG,CAAC,CAAA;gBACxC,CAAC,CAAC,CAAA;YACJ,CAAC;iBAAM,IAAI,eAAe,KAAK,IAAI,IAAI,SAAS,IAAI,YAAY,EAAE,CAAC;gBACjE,qBAAqB,CAAC,GAAG,EAAE;oBACzB,SAAS,CAAC,SAAS,GAAG,YAAY,GAAG,CAAC,CAAA;gBACxC,CAAC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAA;QAED,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACrE,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACvD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAA;IAE9D,gEAAgE;IAChE,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAEhF,wCAAwC;IACxC,MAAM,uBAAuB,GAAG,CAAC,MAAc,EAAE,EAAE;QACjD,QAAQ,CAAC,MAAM,CAAC,CAAA;QAEhB,0EAA0E;QAC1E,UAAU,CAAC,GAAG,EAAE;YACd,+CAA+C;YAC/C,eAAe,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC,EAAE,oBAAoB,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,OAAO;QACL,cAAc;QACd,YAAY;QACZ,uBAAuB;KACxB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { InputBaseProps } from '../../../../scalars/components/types.js';
|
|
2
|
-
import type { InputNumberProps } from '
|
|
2
|
+
import type { InputNumberProps } from '../number-input/types.js';
|
|
3
3
|
import type { SelectFieldProps } from '../../../../scalars/components/fragments/select-field/index.js';
|
|
4
4
|
import type { TimeFieldValue } from './type.js';
|
|
5
5
|
interface TimePickerProps extends InputBaseProps<TimeFieldValue>, Omit<InputNumberProps, 'value' | 'defaultValue'> {
|
|
@@ -18,6 +18,7 @@ interface TimePickerProps extends InputBaseProps<TimeFieldValue>, Omit<InputNumb
|
|
|
18
18
|
showTimezoneSelect?: boolean;
|
|
19
19
|
timeZone?: string;
|
|
20
20
|
includeContinent?: boolean;
|
|
21
|
+
className?: string;
|
|
21
22
|
}
|
|
22
23
|
declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
23
24
|
export { TimePicker, type TimePickerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/time-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/time-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gEAAgE,CAAA;AAGtG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAI/C,UAAU,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,cAAc,CAAC;IAChH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,MAAM,CAAC,GAAG;QACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;KACnE,EACD,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAA;IACD,WAAW,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,GAAG,eAAe,CAAC,CAAA;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,8GAgHf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}
|
|
@@ -9,7 +9,7 @@ import { BasePickerField } from '../date-time-picker/base-picker.js';
|
|
|
9
9
|
import TimePickerContent from './subcomponents/time-picker-content.js';
|
|
10
10
|
import { useTimePicker } from './use-time-picker.js';
|
|
11
11
|
import { handleKeyDown } from './utils.js';
|
|
12
|
-
const TimePicker = forwardRef(({ label, id, errors, name, placeholder, value, defaultValue, onChange, onBlur, description, warnings, required, disabled, inputProps, selectProps, timeFormat = 'hh:mm a', showTimezoneSelect, timeIntervals, timeZone, includeContinent, }, ref) => {
|
|
12
|
+
const TimePicker = forwardRef(({ label, id, errors, name, placeholder, value, defaultValue, onChange, onBlur, description, warnings, required, disabled, inputProps, selectProps, timeFormat = 'hh:mm a', showTimezoneSelect, timeIntervals, timeZone, includeContinent, className, }, ref) => {
|
|
13
13
|
const { selectedHour, setSelectedHour, selectedMinute, setSelectedMinute, selectedPeriod, setSelectedPeriod, hours, minutes, isOpen, setIsOpen, inputValue, handleInputChange, handleSave, handleCancel, timeZonesOptions, handleBlur, is12HourFormat, selectedTimeZone, setSelectedTimeZone, isDisableSelect, } = useTimePicker({
|
|
14
14
|
value,
|
|
15
15
|
defaultValue,
|
|
@@ -24,7 +24,7 @@ const TimePicker = forwardRef(({ label, id, errors, name, placeholder, value, de
|
|
|
24
24
|
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })), _jsx(BasePickerField, { iconName: "Clock", isOpen: isOpen, name: name, errors: errors, disabled: disabled, required: required, value: inputValue, setIsOpen: setIsOpen, onInputChange: handleInputChange, ref: ref, placeholder: placeholder, handleBlur: handleBlur, inputProps: {
|
|
25
25
|
...inputProps,
|
|
26
26
|
onKeyDown: handleKeyDown,
|
|
27
|
-
}, className: cn('pb-4 pl-4 pr-4 pt-3'), children: _jsx(TimePickerContent, { selectedHour: selectedHour, selectedMinute: selectedMinute, selectedPeriod: selectedPeriod, setSelectedHour: setSelectedHour, setSelectedMinute: setSelectedMinute, setSelectedPeriod: setSelectedPeriod, hours: hours, minutes: minutes, onSave: handleSave, onCancel: handleCancel, timeZonesOptions: timeZonesOptions, selectProps: selectProps, is12HourFormat: is12HourFormat, isDisableSelect: isDisableSelect, selectedTimeZone: selectedTimeZone, setSelectedTimeZone: setSelectedTimeZone, timeZone: timeZone }) }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
27
|
+
}, className: cn('pb-4 pl-4 pr-4 pt-3', className), children: _jsx(TimePickerContent, { selectedHour: selectedHour, selectedMinute: selectedMinute, selectedPeriod: selectedPeriod, setSelectedHour: setSelectedHour, setSelectedMinute: setSelectedMinute, setSelectedPeriod: setSelectedPeriod, hours: hours, minutes: minutes, onSave: handleSave, onCancel: handleCancel, timeZonesOptions: timeZonesOptions, selectProps: selectProps, is12HourFormat: is12HourFormat, isDisableSelect: isDisableSelect, selectedTimeZone: selectedTimeZone, setSelectedTimeZone: setSelectedTimeZone, timeZone: timeZone }) }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
28
28
|
});
|
|
29
29
|
TimePicker.displayName = 'TimePicker';
|
|
30
30
|
export { TimePicker };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/time-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oEAAoE,CAAA;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAA;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAA;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,uEAAuE,CAAA;AACvG,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIlC,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,iBAAiB,MAAM,wCAAwC,CAAA;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/time-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ export { TimePicker, type TimePickerProps } from './data-entry/time-picker/index
|
|
|
11
11
|
export { Toggle, type ToggleProps } from './data-entry/toggle/index.js';
|
|
12
12
|
export { AmountInput, type AmountInputProps } from './data-entry/amount-input/index.js';
|
|
13
13
|
export { Select, type SelectBaseProps, type SelectOption, type SelectProps } from './data-entry/select/index.js';
|
|
14
|
+
export { NumberInput, type NumberFieldProps } from './data-entry/number-input/index.js';
|
|
14
15
|
export { CustomizableRadioGroup, RadioGroup, type CustomizableRadioGroupProps, type RadioGroupProps, } from './data-entry/radio-group/index.js';
|
|
15
16
|
export { UrlInput, type PlatformIcon, type UrlInputProps } from './data-entry/url-input/index.js';
|
|
16
17
|
export { Dropdown, DropdownContent, DropdownItem, DropdownLabel, DropdownShortcut, DropdownTrigger, } from './dropdown/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACjG,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AACjG,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAClG,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAA;AACpF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACvF,OAAO,EAAE,MAAM,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAChH,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,KAAK,2BAA2B,EAChC,KAAK,eAAe,GACrB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAGjG,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,eAAe,GAChB,MAAM,qBAAqB,CAAA;AAG5B,OAAO,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,oBAAoB,CAAA;AAG3B,cAAc,6BAA6B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACjG,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AACjG,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAC9F,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAClG,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAA;AACpF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACvF,OAAO,EAAE,MAAM,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAChH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACvF,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,KAAK,2BAA2B,EAChC,KAAK,eAAe,GACrB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAGjG,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,eAAe,GAChB,MAAM,qBAAqB,CAAA;AAG5B,OAAO,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,oBAAoB,CAAA;AAG3B,cAAc,6BAA6B,CAAA"}
|
|
@@ -13,6 +13,7 @@ export { TimePicker } from './data-entry/time-picker/index.js';
|
|
|
13
13
|
export { Toggle } from './data-entry/toggle/index.js';
|
|
14
14
|
export { AmountInput } from './data-entry/amount-input/index.js';
|
|
15
15
|
export { Select } from './data-entry/select/index.js';
|
|
16
|
+
export { NumberInput } from './data-entry/number-input/index.js';
|
|
16
17
|
export { CustomizableRadioGroup, RadioGroup, } from './data-entry/radio-group/index.js';
|
|
17
18
|
export { UrlInput } from './data-entry/url-input/index.js';
|
|
18
19
|
// dropdown
|