@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
|
@@ -3,7 +3,7 @@ import { withFieldValidation } from '../fragments/with-field-validation/with-fie
|
|
|
3
3
|
import { validateDatePicker } from './date-picker-validations.js';
|
|
4
4
|
const DatePickerField = withFieldValidation(DatePicker, {
|
|
5
5
|
validations: {
|
|
6
|
-
|
|
6
|
+
_datePickerType: validateDatePicker,
|
|
7
7
|
},
|
|
8
8
|
});
|
|
9
9
|
DatePickerField.displayName = 'DatePickerField';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { NumberFieldProps } from '
|
|
1
|
+
import type { NumberFieldProps } from '../../../ui/components/data-entry/number-input/types.js';
|
|
2
2
|
export declare const isInteger: (value: unknown) => boolean;
|
|
3
3
|
export declare const isFloat: (value: unknown) => boolean;
|
|
4
4
|
export declare const MAX_SAFE_INTEGER: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field-validations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"number-field-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field-validations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAA;AAE/F,eAAO,MAAM,SAAS,GAAI,OAAO,OAAO,KAAG,OAA0C,CAAA;AAErF,eAAO,MAAM,OAAO,GAAI,OAAO,OAAO,KAAG,OAGxC,CAAA;AAED,eAAO,MAAM,gBAAgB,QAA0B,CAAA;AAGvD,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,OAE9C,CAAA;AAED,eAAO,MAAM,mBAAmB,GAC7B,iBAAiB,gBAAgB,MACjC,OAAO,OAAO,uhBAgGd,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type
|
|
2
|
-
declare const NumberFieldRaw: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
1
|
+
import { type NumberFieldProps } from '../../../ui/components/data-entry/number-input/number-input.js';
|
|
3
2
|
declare const NumberField: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<unknown>>;
|
|
4
|
-
export { NumberField
|
|
3
|
+
export { NumberField };
|
|
5
4
|
//# sourceMappingURL=number-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAe,MAAM,gEAAgE,CAAA;AAGnH,QAAA,MAAM,WAAW,sGAIf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,56 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Icon } from '../../../ui/components/icon/index.js';
|
|
3
|
-
import { cn } from '../../../scalars/lib/index.js';
|
|
4
|
-
import { forwardRef, useId } from 'react';
|
|
5
|
-
import { Input } from '../../../ui/components/data-entry/input/index.js';
|
|
6
|
-
import { FormDescription } from '../fragments/form-description/index.js';
|
|
7
|
-
import { FormGroup } from '../fragments/form-group/index.js';
|
|
8
|
-
import { FormLabel } from '../fragments/form-label/index.js';
|
|
9
|
-
import { FormMessageList } from '../fragments/form-message/index.js';
|
|
10
|
-
import { withFieldValidation } from '../fragments/with-field-validation/index.js';
|
|
11
1
|
import { validateNumericType } from './number-field-validations.js';
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
const
|
|
15
|
-
const generatedId = useId();
|
|
16
|
-
const id = propId ?? generatedId;
|
|
17
|
-
const { canIncrement, canDecrement, showSteps, preventInvalidCharsAndHandleArrows, stepValueHandler, blockInvalidPaste, preventLetterInput, isBigInt, handleBlur, handleFocus, buttonRef, } = useNumberField({
|
|
18
|
-
value,
|
|
19
|
-
maxValue,
|
|
20
|
-
minValue,
|
|
21
|
-
step,
|
|
22
|
-
onChange,
|
|
23
|
-
numericType,
|
|
24
|
-
onBlur,
|
|
25
|
-
trailingZeros,
|
|
26
|
-
precision,
|
|
27
|
-
onFocus,
|
|
28
|
-
});
|
|
29
|
-
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) => {
|
|
30
|
-
preventLetterInput(e);
|
|
31
|
-
preventInvalidCharsAndHandleArrows(e);
|
|
32
|
-
}, 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) => {
|
|
33
|
-
e.preventDefault();
|
|
34
|
-
}, type: "button", onClick: (e) => {
|
|
35
|
-
stepValueHandler(e, 'increment');
|
|
36
|
-
if (buttonRef.current) {
|
|
37
|
-
buttonRef.current.focus();
|
|
38
|
-
}
|
|
39
|
-
}, 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) => {
|
|
40
|
-
e.preventDefault();
|
|
41
|
-
}, disabled: canDecrement, type: "button", onClick: (e) => {
|
|
42
|
-
stepValueHandler(e, 'decrement');
|
|
43
|
-
if (buttonRef.current) {
|
|
44
|
-
buttonRef.current.focus();
|
|
45
|
-
}
|
|
46
|
-
}, 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" })] }));
|
|
47
|
-
});
|
|
48
|
-
NumberFieldRaw.displayName = 'NumberFieldRaw';
|
|
49
|
-
const NumberField = withFieldValidation(NumberFieldRaw, {
|
|
2
|
+
import { NumberInput } from '../../../ui/components/data-entry/number-input/number-input.js';
|
|
3
|
+
import { withFieldValidation } from '../fragments/with-field-validation/with-field-validation.js';
|
|
4
|
+
const NumberField = withFieldValidation(NumberInput, {
|
|
50
5
|
validations: {
|
|
51
6
|
_numericType: validateNumericType,
|
|
52
7
|
},
|
|
53
8
|
});
|
|
54
9
|
NumberField.displayName = 'NumberField';
|
|
55
|
-
export { NumberField
|
|
10
|
+
export { NumberField };
|
|
56
11
|
//# sourceMappingURL=number-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAyB,WAAW,EAAE,MAAM,gEAAgE,CAAA;AACnH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA;AAEjG,MAAM,WAAW,GAAG,mBAAmB,CAAmB,WAAW,EAAE;IACrE,WAAW,EAAE;QACX,YAAY,EAAE,mBAAmB;KAClC;CACF,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type Currency } from '../currency-code-picker/index.js';
|
|
2
2
|
import type { SelectFieldProps } from '../../../../scalars/components/fragments/select-field/index.js';
|
|
3
|
-
import type { InputNumberProps, NumberFieldProps } from '../../../../scalars/components/number-field/types.js';
|
|
4
3
|
import type { AmountInputPropsGeneric } from './types.js';
|
|
4
|
+
import type { InputNumberProps, NumberFieldProps } from '../number-input/types.js';
|
|
5
5
|
type AdditionalProps = Omit<InputNumberProps, 'onChange' | 'onBlur' | 'precision'> & {
|
|
6
6
|
className?: string;
|
|
7
7
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"amount-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/amount-input/amount-input.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,QAAQ,EAAsB,MAAM,kCAAkC,CAAA;AACpF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gEAAgE,CAAA;
|
|
1
|
+
{"version":3,"file":"amount-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/amount-input/amount-input.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,QAAQ,EAAsB,MAAM,kCAAkC,CAAA;AACpF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gEAAgE,CAAA;AACtG,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAGjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAElF,KAAK,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC,GAAG;IACnF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAA;IAC5C,WAAW,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,eAAe,GAAG,QAAQ,CAAC,CAAA;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC,CAAA;AAWD,KAAK,gBAAgB,GAAG,uBAAuB,GAAG,eAAe,CAAA;AAsLjE,QAAA,MAAM,WAAW;YAAW,gBAAgB;;CAK3C,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
|
|
@@ -3,8 +3,8 @@ import { forwardRef, useId, useState } from 'react';
|
|
|
3
3
|
import { FormDescription, FormGroup, FormLabel, FormMessageList, } from '../../../../scalars/components/fragments/index.js';
|
|
4
4
|
import { cn } from '../../../../scalars/lib/utils.js';
|
|
5
5
|
import { CurrencyCodePicker } from '../currency-code-picker/index.js';
|
|
6
|
-
import { NumberFieldRaw } from '../../../../scalars/components/number-field/index.js';
|
|
7
6
|
import { useAmountInput } from './use-amount-input.js';
|
|
7
|
+
import { NumberInput } from '../number-input/index.js';
|
|
8
8
|
const AmountInputController = forwardRef(({ label, value, id: propId, minValue, maxValue, onChange, onBlur, disabled, className, required, errors, warnings, description, defaultValue, type, numberProps, selectProps, step = 1, currencyPosition = 'right', name, trailingZeros, viewPrecision, precision, placeholder, placeholderSelect, units, includeCurrencySymbols, symbolPosition, }, ref) => {
|
|
9
9
|
const generatedId = useId();
|
|
10
10
|
const id = propId ?? generatedId;
|
|
@@ -21,9 +21,9 @@ const AmountInputController = forwardRef(({ label, value, id: propId, minValue,
|
|
|
21
21
|
});
|
|
22
22
|
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, className: cn(disabled && 'mb-[3px]'), children: label })), _jsxs("div", { className: cn('relative flex items-center'), children: [_jsx("input", { name: name, type: "hidden", "data-cast": isBigInt ? 'AmountBigInt' : 'AmountNumber' }), _jsxs("div", { className: cn('relative flex items-center'), children: [isShowSelect && currencyPosition === 'left' && (_jsx(CurrencyCodePicker, { contentAlign: "start", contentClassName: "[&]:!w-[120px] w-full", disabled: disabled, currencies: options, onChange: handleOnChangeSelect, placeholder: placeholderSelect, includeCurrencySymbols: includeCurrencySymbols, symbolPosition: symbolPosition, searchable: false, className: cn('rounded-l-md rounded-r-none border border-gray-300', 'border-r-[0.5px]',
|
|
23
23
|
// focus state
|
|
24
|
-
'focus:border-r-none focus:z-10 focus:ring-1 focus:ring-gray-900 focus:ring-offset-0', 'focus:outline-none', selectProps?.className), ...(selectProps ?? { name: '' }) })), _jsx(
|
|
24
|
+
'focus:border-r-none focus:z-10 focus:ring-1 focus:ring-gray-900 focus:ring-offset-0', 'focus:outline-none', selectProps?.className), ...(selectProps ?? { name: '' }) })), _jsx(NumberInput, { name: "", step: step, required: required, disabled: disabled, value: valueInput === undefined ? undefined : valueInput, id: id, maxValue: maxValue, precision: precision, minValue: minValue, onChange: handleOnChangeInput, onFocus: handleIsInputFocused, placeholder: placeholder, className: cn(currencyPosition === 'left' && 'rounded-l-none border-l-[0.5px]', currencyPosition === 'right' && 'rounded-r-none border-r-[0.5px]', isPercent && 'rounded-md pr-7', isAmountWithoutUnit && 'rounded-md', className), onBlur: handleBlur, ref: ref, ...(numberProps || {}) }), isPercent && !inputFocused && (_jsx("span", { className: cn('pointer-events-none absolute inset-y-0 right-2 ml-2 flex items-center', disabled ? 'text-gray-400' : 'text-gray-900'), children: "%" }))] }), isShowSelect && currencyPosition === 'right' && (_jsx(CurrencyCodePicker, { contentAlign: "end", contentClassName: "[&]:!w-[120px] w-full", disabled: disabled, includeCurrencySymbols: includeCurrencySymbols, currencies: options, value: valueSelect, onChange: handleOnChangeSelect, name: "", placeholder: placeholderSelect, symbolPosition: symbolPosition, searchable: false, className: cn('rounded-l-none rounded-r-md border border-gray-300', 'border-l-[0.5px]',
|
|
25
25
|
// focus state
|
|
26
|
-
'focus:border-l-none focus:z-10 focus:ring-1 focus:ring-gray-900 focus:ring-offset-0', 'focus:outline-none', selectProps?.className) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
26
|
+
'focus:border-l-none focus:z-10 focus:ring-1 focus:ring-gray-900 focus:ring-offset-0', 'focus:outline-none', selectProps?.className), ...(selectProps ?? { name: '' }) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
27
27
|
});
|
|
28
28
|
AmountInputController.displayName = 'AmountInputController';
|
|
29
29
|
const AmountInputUncontroller = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"amount-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/amount-input/amount-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EACL,eAAe,EACf,SAAS,EACT,SAAS,EACT,eAAe,GAChB,MAAM,mDAAmD,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AACrD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"amount-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/amount-input/amount-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-amount-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/amount-input/use-amount-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAGhE,OAAO,KAAK,EAAoD,uBAAuB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAYxH,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,IAAI,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAA;IACrC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,GAAI,kGAU5B,mBAAmB;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"use-amount-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/amount-input/use-amount-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAGhE,OAAO,KAAK,EAAoD,uBAAuB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAYxH,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,IAAI,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAA;IACrC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,GAAI,kGAU5B,mBAAmB;;;;;;;;;;;6BAoHY,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;8BAiElC,MAAM,GAAG,MAAM,EAAE;oBAmC3B,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;;;CA6I1D,CAAA"}
|
|
@@ -33,8 +33,10 @@ export const useAmountInput = ({ value, defaultValue, type, onChange, onBlur, pr
|
|
|
33
33
|
const nativeEvent = handleEventOnChange(currentValue);
|
|
34
34
|
onChange?.(nativeEvent);
|
|
35
35
|
}
|
|
36
|
+
return;
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
+
// Only create object with unit for types that require it
|
|
39
|
+
if ((type === 'AmountFiat' || type === 'AmountCrypto' || type === 'AmountCurrency') &&
|
|
38
40
|
(typeof currentValue === 'number' || typeof currentValue === 'string')) {
|
|
39
41
|
const newValue = {
|
|
40
42
|
amount: currentValue,
|
|
@@ -94,13 +96,12 @@ export const useAmountInput = ({ value, defaultValue, type, onChange, onBlur, pr
|
|
|
94
96
|
type === 'AmountCurrency';
|
|
95
97
|
// Handle the change of the input
|
|
96
98
|
const handleOnChangeInput = (e) => {
|
|
99
|
+
const inputValue = e.target.value;
|
|
97
100
|
if (currentValue === undefined) {
|
|
98
|
-
const
|
|
99
|
-
const newValue = createAmountValue(inputValue);
|
|
100
|
-
const nativeEvent = handleEventOnChange(newValue);
|
|
101
|
+
const nativeEvent = handleEventOnChange(createAmountValue(inputValue));
|
|
101
102
|
onChange?.(nativeEvent);
|
|
103
|
+
return;
|
|
102
104
|
}
|
|
103
|
-
const inputValue = e.target.value;
|
|
104
105
|
if (type === 'AmountFiat' && typeof value === 'object') {
|
|
105
106
|
const newValue = {
|
|
106
107
|
...value,
|
|
@@ -132,13 +133,21 @@ export const useAmountInput = ({ value, defaultValue, type, onChange, onBlur, pr
|
|
|
132
133
|
const nativeEvent = handleEventOnChange(newValue);
|
|
133
134
|
onChange?.(nativeEvent);
|
|
134
135
|
}
|
|
135
|
-
if (type === 'Amount'
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
136
|
+
if (type === 'Amount') {
|
|
137
|
+
// For Amount type, we need to check if it should have units
|
|
138
|
+
if (typeof value === 'object' && 'unit' in value) {
|
|
139
|
+
const newValue = {
|
|
140
|
+
...value,
|
|
141
|
+
amount: createAmountValue(inputValue),
|
|
142
|
+
};
|
|
143
|
+
const nativeEvent = handleEventOnChange(newValue);
|
|
144
|
+
onChange?.(nativeEvent);
|
|
145
|
+
}
|
|
146
|
+
else {
|
|
147
|
+
// If it's Amount without units, just pass the value directly
|
|
148
|
+
const nativeEvent = handleEventOnChange(createAmountValue(inputValue));
|
|
149
|
+
onChange?.(nativeEvent);
|
|
150
|
+
}
|
|
142
151
|
}
|
|
143
152
|
};
|
|
144
153
|
// Handle the change of the select
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-amount-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/amount-input/use-amount-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,yEAAyE,CAAA;AAEvG,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,sCAAsC,GACvC,MAAM,YAAY,CAAA;AAcnB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,EACb,aAAa,EACb,KAAK,GACe,EAAE,EAAE;IACxB,MAAM,YAAY,GAAG,KAAK,IAAI,YAAY,CAAA;IAE1C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAC/B,OAAO,SAAS,CAAA;QAClB,CAAC;QAED,mEAAmE;QACnE,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;YACrC,OAAO,YAAY,CAAC,MAAM,CAAA;QAC5B,CAAC;QAED,mDAAmD;QACnD,OAAO,YAAY,CAAA;IACrB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,kBAAkB,EAAE,CAAC;YAChC,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;gBACrC,MAAM,QAAQ,GACX,YAAY,CAAC,MAAkB,KAAK,EAAE;oBACrC,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAE,YAAY,CAAC,MAAkB,KAAK,SAAS;wBAC9C,CAAC,CAAC,EAAE;wBACJ,CAAC,CAAC,YAAY,CAAC,MAAM,CAAA;gBAC3B,MAAM,WAAW,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAA;gBACjD,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAA;gBACvB,OAAM;YACR,CAAC;YACD,IACE,OAAO,YAAY,KAAK,QAAQ;gBAChC,OAAO,YAAY,KAAK,QAAQ;gBAChC,OAAO,YAAY,KAAK,QAAQ;gBAChC,OAAO,YAAY,KAAK,WAAW,EACnC,CAAC;gBACD,MAAM,WAAW,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAA;gBACrD,QAAQ,EAAE,CAAC,WAA6D,CAAC,CAAA;YAC3E,CAAC;
|
|
1
|
+
{"version":3,"file":"use-amount-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/amount-input/use-amount-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { InputBaseProps } from '../../../../scalars/components/types.js';
|
|
2
|
+
import { type CalendarProps } from './subcomponents/calendar/calendar.js';
|
|
2
3
|
import type { DateFieldValue } from './types.js';
|
|
3
|
-
interface DatePickerProps extends InputBaseProps<DateFieldValue> {
|
|
4
|
+
interface DatePickerProps extends InputBaseProps<DateFieldValue>, Omit<CalendarProps, 'mode'> {
|
|
4
5
|
label?: string;
|
|
5
6
|
id?: string;
|
|
6
7
|
name: string;
|
|
@@ -19,6 +20,7 @@ interface DatePickerProps extends InputBaseProps<DateFieldValue> {
|
|
|
19
20
|
dateFormat?: string;
|
|
20
21
|
weekStart?: string;
|
|
21
22
|
autoClose?: boolean;
|
|
23
|
+
className?: string;
|
|
22
24
|
}
|
|
23
25
|
declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
24
26
|
export { DatePicker, type DatePickerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/date-picker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/date-picker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7E,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAGhD,UAAU,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAAC,CAAA;IAC5G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,8GAiKf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
2
3
|
import { FormDescription, FormGroup, FormLabel, FormMessageList, } from '../../../../scalars/components/fragments/index.js';
|
|
3
4
|
import { cn } from '../../../../scalars/lib/utils.js';
|
|
4
|
-
import { forwardRef } from 'react';
|
|
5
5
|
import { BasePickerField } from '../date-time-picker/base-picker.js';
|
|
6
6
|
import { Calendar } from './subcomponents/calendar/calendar.js';
|
|
7
7
|
import { useDatePickerField } from './use-date-picker.js';
|
|
8
|
-
const DatePicker = forwardRef(({ label, id, errors, name, disabled, required, value, defaultValue, placeholder, description, warnings, onChange, onBlur, inputProps, disablePastDates, disableFutureDates, dateFormat, weekStart, autoClose = false, minDate, maxDate,
|
|
8
|
+
const DatePicker = forwardRef(({ label, id, errors, name, disabled, required, value, defaultValue, placeholder, description, warnings, onChange, onBlur, inputProps, disablePastDates, disableFutureDates, dateFormat, weekStart, autoClose = false, minDate, maxDate,
|
|
9
|
+
// display props
|
|
10
|
+
className, ...props }, ref) => {
|
|
9
11
|
const { date, inputValue, handleDateSelect, handleInputChange, isOpen, setIsOpen, handleBlur, disabledDates, weekStartDay, handleDayClick, } = useDatePickerField({
|
|
10
12
|
value,
|
|
11
13
|
defaultValue,
|
|
@@ -25,7 +27,7 @@ const DatePicker = forwardRef(({ label, id, errors, name, disabled, required, va
|
|
|
25
27
|
// dark
|
|
26
28
|
'dark:text-gray-500',
|
|
27
29
|
// custom styles
|
|
28
|
-
'font-inter', 'text-[14px]', 'font-semibold', 'leading-[22px]'), weekdaysClassName: cn('h-[34px]', 'gap-x-[3px]', 'dark:text-gray-600'), monthGridClassName: cn('w-full', 'px-[5.5px]'), dayClassName: cn('w-[34px] cursor-pointer text-[12px] text-gray-900 hover:rounded-[4px] hover:bg-gray-200',
|
|
30
|
+
'font-inter', 'text-[14px]', 'font-semibold', 'leading-[22px]', className), weekdaysClassName: cn('h-[34px]', 'gap-x-[3px]', 'dark:text-gray-600'), monthGridClassName: cn('w-full', 'px-[5.5px]'), dayClassName: cn('w-[34px] cursor-pointer text-[12px] text-gray-900 hover:rounded-[4px] hover:bg-gray-200',
|
|
29
31
|
// dark
|
|
30
32
|
'dark:text-gray-50 dark:hover:bg-gray-900', 'disabled:text-gray-300',
|
|
31
33
|
// Remove hover when selected
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/date-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,EAAE,
|
|
1
|
+
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/date-picker.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AAuBzB,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;GAKG;AACH,QAAA,MAAM,QAAQ;2GAQX,aAAa;;CA0Kf,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as _jsx
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Icon } from '../../../../../../ui/components/icon/index.js';
|
|
4
|
-
import { cn } from '../../../../../../scalars/lib/
|
|
5
|
-
import { format } from 'date-fns';
|
|
4
|
+
import { cn } from '../../../../../../scalars/lib/utils.js';
|
|
6
5
|
import * as React from 'react';
|
|
7
|
-
import { DayPicker,
|
|
6
|
+
import { DayPicker, } from 'react-day-picker';
|
|
8
7
|
import { buttonVariants } from '../../../../../../scalars/components/fragments/button/index.js';
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
import { NavCalendar } from '../calendar-nav/calendar-nav.js';
|
|
9
|
+
import { CaptionLabel } from '../caption-label/caption-label.js';
|
|
10
|
+
import { MonthGrid } from '../month-grid.js';
|
|
11
|
+
const Chevron = (props) => {
|
|
12
|
+
return _jsx(Icon, { className: "size-4", name: "ArrowLeft", ...props });
|
|
13
|
+
};
|
|
15
14
|
/**
|
|
16
15
|
* A custom calendar component built on top of react-day-picker.
|
|
17
16
|
* @param props The props for the calendar.
|
|
@@ -27,36 +26,44 @@ const Calendar = ({ className, showOutsideDays = true, showYearSwitcher = true,
|
|
|
27
26
|
to: currentYear + Math.ceil(yearRange / 2),
|
|
28
27
|
};
|
|
29
28
|
}, [yearRange]));
|
|
30
|
-
const {
|
|
29
|
+
const { startMonth, endMonth } = props;
|
|
31
30
|
const columnsDisplayed = navView === 'years' ? 1 : numberOfMonths;
|
|
32
|
-
const _monthsClassName = cn('relative flex', props.monthsClassName);
|
|
33
|
-
const _monthCaptionClassName = cn('relative mx-10 flex h-7 items-center justify-center', props.monthCaptionClassName);
|
|
34
|
-
const _weekdaysClassName = cn('flex flex-row', props.weekdaysClassName);
|
|
35
|
-
const _weekdayClassName = cn('text-muted-foreground w-8 text-sm font-normal', props.weekdayClassName);
|
|
36
|
-
const _monthClassName = cn('w-full', props.monthClassName);
|
|
37
|
-
const _captionClassName = cn('relative flex items-center justify-center pt-1', 'w-full', props.captionClassName);
|
|
38
|
-
const _captionLabelClassName = cn('truncate text-sm font-medium', props.captionLabelClassName);
|
|
39
31
|
const buttonNavClassName = buttonVariants({
|
|
40
32
|
variant: 'outline',
|
|
41
33
|
className: 'absolute h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
|
|
42
34
|
});
|
|
43
|
-
const
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
-
const
|
|
47
|
-
const
|
|
48
|
-
const
|
|
49
|
-
const
|
|
50
|
-
const
|
|
51
|
-
const
|
|
52
|
-
const
|
|
53
|
-
const
|
|
54
|
-
const
|
|
55
|
-
const
|
|
56
|
-
const
|
|
57
|
-
const
|
|
58
|
-
const
|
|
59
|
-
|
|
35
|
+
const _monthsClassName = cn('date-picker__months', 'relative flex', props.monthsClassName);
|
|
36
|
+
const _monthCaptionClassName = cn('date-picker__month-caption', 'relative mx-10 flex h-7 items-center justify-center', props.monthCaptionClassName);
|
|
37
|
+
const _weekdaysClassName = cn('date-picker__weekdays', 'flex flex-row', props.weekdaysClassName);
|
|
38
|
+
const _weekdayClassName = cn('date-picker__weekday', 'text-muted-foreground w-8 text-sm font-normal', props.weekdayClassName);
|
|
39
|
+
const _monthClassName = cn('date-picker__month', 'w-full', props.monthClassName);
|
|
40
|
+
const _captionClassName = cn('date-picker__caption', 'relative flex items-center justify-center pt-1', props.captionClassName);
|
|
41
|
+
const _captionLabelClassName = cn('date-picker__caption-label', 'truncate text-sm font-medium', props.captionLabelClassName);
|
|
42
|
+
const _buttonNextClassName = cn('date-picker__button-next', buttonNavClassName, 'right-0', props.buttonNextClassName);
|
|
43
|
+
const _buttonPreviousClassName = cn('date-picker__button-previous', buttonNavClassName, 'left-0', props.buttonPreviousClassName);
|
|
44
|
+
const _navClassName = cn('date-picker__nav', 'flex items-start', props.navClassName);
|
|
45
|
+
const _monthGridClassName = cn('date-picker__month-grid', 'mt-[15px] w-auto', props.monthGridClassName);
|
|
46
|
+
const _weekClassName = cn('date-picker__week', 'mt-[5px] flex w-max items-start', props.weekClassName);
|
|
47
|
+
const _dayClassName = cn('date-picker__day', 'flex h-[34px] w-8 flex-1 items-center justify-center p-0 text-sm', 'disabled:pointer-events-none disabled:cursor-not-allowed', props.dayClassName);
|
|
48
|
+
const _dayButtonClassName = cn('date-picker__day-button', 'size-8 rounded-md p-0 font-normal transition-none aria-selected:opacity-100', 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-gray-300', props.dayButtonClassName);
|
|
49
|
+
const _rangeStartClassName = cn('date-picker__range-start', 'day-range-start rounded-s-md', props.rangeStartClassName);
|
|
50
|
+
const _rangeEndClassName = cn('date-picker__range-end', 'day-range-end rounded-e-md', props.rangeEndClassName);
|
|
51
|
+
const _rangeMiddleClassName = cn('date-picker__range-middle', 'bg-accent !text-foreground [&>button]:!text-foreground [&>button]:hover:!text-foreground [&>button]:bg-transparent [&>button]:hover:bg-transparent', props.rangeMiddleClassName);
|
|
52
|
+
const _selectedClassName = cn('date-picker__selected', '[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground', 'rounded-[4px] bg-gray-900 text-white dark:bg-gray-50 dark:text-gray-900', props.selectedClassName);
|
|
53
|
+
const _todayClassName = cn('date-picker__today', '[&>button]:bg-accent [&>button]:text-accent-foreground', props.todayClassName);
|
|
54
|
+
const _outsideClassName = cn('date-picker__outside', 'day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground opacity-50 aria-selected:opacity-30', props.outsideClassName);
|
|
55
|
+
const _disabledClassName = cn('date-picker__disabled', 'text-gray-300 cursor-not-allowed disabled:pointer-events-none', props.disabledClassName);
|
|
56
|
+
const _hiddenClassName = cn('date-picker__hidden', 'invisible flex-1', props.hiddenClassName);
|
|
57
|
+
const createNav = React.useCallback((navProps) => {
|
|
58
|
+
return (_jsx(NavCalendar, { ...navProps, navView: navView, displayYears: displayYears, setDisplayYears: setDisplayYears, startMonth: startMonth, endMonth: endMonth, buttonPreviousClassName: _buttonPreviousClassName, buttonNextClassName: _buttonNextClassName }));
|
|
59
|
+
}, [navView, displayYears, setDisplayYears, startMonth, endMonth, _buttonPreviousClassName, _buttonNextClassName]);
|
|
60
|
+
const createCaptionLabel = React.useCallback((props) => {
|
|
61
|
+
return _jsx(CaptionLabel, { ...props, showYearSwitcher: showYearSwitcher, navView: navView, setNavView: setNavView });
|
|
62
|
+
}, [navView, showYearSwitcher]);
|
|
63
|
+
const createMonthGrid = React.useCallback((props) => {
|
|
64
|
+
return _jsx(MonthGrid, { navView: navView, displayYears: displayYears, setNavView: setNavView, ...props });
|
|
65
|
+
}, [displayYears, navView]);
|
|
66
|
+
return (_jsx(DayPicker, { mode: "single", showOutsideDays: showOutsideDays, numberOfMonths: columnsDisplayed, disabled: disabledDates, className: cn('w-auto p-3 dark:border-gray-900 dark:bg-slate-600', 'date-picker__calendar', className), classNames: {
|
|
60
67
|
months: _monthsClassName,
|
|
61
68
|
month_caption: _monthCaptionClassName,
|
|
62
69
|
weekdays: _weekdaysClassName,
|
|
@@ -80,31 +87,10 @@ const Calendar = ({ className, showOutsideDays = true, showYearSwitcher = true,
|
|
|
80
87
|
disabled: _disabledClassName,
|
|
81
88
|
hidden: _hiddenClassName,
|
|
82
89
|
}, components: {
|
|
83
|
-
Chevron
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
return (_jsx(NavCalendar, { navView: navView, displayYears: displayYears, onPrevClick: onPrevClick, onNextClick: onNextClick, setDisplayYears: setDisplayYears, className: className, buttonPreviousClassName: props.buttonPreviousClassName, buttonNextClassName: props.buttonNextClassName, startMonth: startMonth, endMonth: endMonth, ...props }));
|
|
88
|
-
},
|
|
89
|
-
CaptionLabel: ({ children, ...props }) => (_jsx(CaptionLabel, { navView: navView, setNavView: setNavView, showYearSwitcher: showYearSwitcher, ...props, children: children })),
|
|
90
|
-
MonthGrid: ({ className, children, ...props }) => {
|
|
91
|
-
const { goToMonth, months } = useDayPicker();
|
|
92
|
-
const actualYear = format(months[0].date, 'yyyy');
|
|
93
|
-
const actualMonth = format(months[0].date, 'MMMM');
|
|
94
|
-
if (navView === 'years') {
|
|
95
|
-
return (_jsxs("div", { className: "mt-[18px] flex flex-col gap-2", children: [_jsx(YearGrid, { displayYears: displayYears, startMonth: startMonth, endMonth: endMonth, actualMonth: actualMonth, months: months, currentYear: new Date().getFullYear(), onYearSelect: year => {
|
|
96
|
-
goToMonth(new Date(year, MONTHS.indexOf(actualMonth)));
|
|
97
|
-
setNavView('months');
|
|
98
|
-
} }), _jsx(CalendarDateHeader, { navView: navView, setNavView: setNavView })] }));
|
|
99
|
-
}
|
|
100
|
-
if (navView === 'months') {
|
|
101
|
-
return (_jsxs("div", { className: "mt-[15px] flex flex-col gap-3", children: [_jsx(MonthGrid, { actualMonth: actualMonth, actualYear: actualYear, onMonthSelect: (year, monthIndex) => {
|
|
102
|
-
goToMonth(new Date(year, monthIndex));
|
|
103
|
-
setNavView('days');
|
|
104
|
-
} }), _jsx(CalendarDateHeader, { navView: navView, setNavView: setNavView })] }));
|
|
105
|
-
}
|
|
106
|
-
return (_jsx("table", { className: className, ...props, children: children }));
|
|
107
|
-
},
|
|
90
|
+
Chevron,
|
|
91
|
+
Nav: createNav,
|
|
92
|
+
CaptionLabel: createCaptionLabel,
|
|
93
|
+
MonthGrid: createMonthGrid,
|
|
108
94
|
}, ...props }));
|
|
109
95
|
};
|
|
110
96
|
Calendar.displayName = 'Calendar';
|
package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAA;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,wCAAwC,CAAA;AAC3D,OAAO,
|
|
1
|
+
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.tsx"],"names":[],"mappings":"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"}
|