@powerhousedao/document-engineering 1.13.0 → 1.14.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-time-picker-field/date-time-picker-field-validations.d.ts +1 -1
- package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field-validations.d.ts.map +1 -1
- package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field-validations.js +5 -2
- package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field-validations.js.map +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-diff.d.ts +20 -0
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-diff.d.ts.map +1 -0
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-diff.js +38 -0
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-diff.js.map +1 -0
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.d.ts +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.d.ts.map +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.js.map +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list.js +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete.d.ts.map +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete.js +5 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete.js.map +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/types.d.ts +11 -4
- package/dist/src/scalars/components/fragments/id-autocomplete/types.d.ts.map +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/use-id-autocomplete.js +2 -2
- package/dist/src/scalars/components/phid-field/phid-field.js +2 -2
- package/dist/src/scalars/components/phid-field/phid-field.js.map +1 -1
- package/dist/src/scalars/components/time-picker-field/time-picker-field-validations.d.ts +1 -1
- package/dist/src/scalars/components/time-picker-field/time-picker-field-validations.d.ts.map +1 -1
- package/dist/src/scalars/components/time-picker-field/time-picker-field-validations.js +4 -1
- package/dist/src/scalars/components/time-picker-field/time-picker-field-validations.js.map +1 -1
- package/dist/src/scalars/graphql/AmountCrypto.d.ts +7 -6
- package/dist/src/scalars/graphql/AmountCrypto.d.ts.map +1 -1
- package/dist/src/scalars/graphql/AmountCrypto.js +12 -6
- package/dist/src/scalars/graphql/AmountCrypto.js.map +1 -1
- package/dist/src/scalars/graphql/AmountCurrency.d.ts +7 -6
- package/dist/src/scalars/graphql/AmountCurrency.d.ts.map +1 -1
- package/dist/src/scalars/graphql/AmountCurrency.js +12 -6
- package/dist/src/scalars/graphql/AmountCurrency.js.map +1 -1
- package/dist/src/ui/components/data-entry/aid-input/aid-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/aid-input/aid-input.js +16 -8
- package/dist/src/ui/components/data-entry/aid-input/aid-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/aid-input/types.d.ts +4 -4
- package/dist/src/ui/components/data-entry/aid-input/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/amount-input.d.ts +7 -10
- 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 +10 -4
- package/dist/src/ui/components/data-entry/amount-input/amount-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/amount-input-diff.d.ts +16 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/amount-input-diff.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/amount-input-diff.js +8 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/amount-input-diff.js.map +1 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/fake-amount-diff.d.ts +19 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/fake-amount-diff.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/fake-amount-diff.js +77 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/fake-amount-diff.js.map +1 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/splitted-amount.d.ts +13 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/splitted-amount.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/splitted-amount.js +9 -0
- package/dist/src/ui/components/data-entry/amount-input/subcomponents/splitted-amount.js.map +1 -0
- package/dist/src/ui/components/data-entry/date-picker/date-picker.d.ts +1 -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 +7 -5
- 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 +3 -1
- 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 +9 -7
- 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/caption-label/caption-label.d.ts +1 -0
- 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 +6 -4
- 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 +3 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/month-grid.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/month-grid.js +23 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/month-grid.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/use-date-picker.d.ts +1 -0
- package/dist/src/ui/components/data-entry/date-picker/use-date-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/use-date-picker.js +10 -1
- package/dist/src/ui/components/data-entry/date-picker/use-date-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/base-picker.d.ts +5 -5
- 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 +2 -2
- 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.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.js +3 -3
- 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/use-date-time-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/use-date-time-picker.js +4 -3
- package/dist/src/ui/components/data-entry/date-time-picker/use-date-time-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/utils.d.ts +24 -0
- 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 +50 -1
- package/dist/src/ui/components/data-entry/date-time-picker/utils.js.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/number-input.d.ts +3 -2
- package/dist/src/ui/components/data-entry/number-input/number-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/number-input.js +1 -1
- package/dist/src/ui/components/data-entry/number-input/number-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/types.d.ts +4 -5
- package/dist/src/ui/components/data-entry/number-input/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/use-number-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/use-number-input.js +5 -2
- package/dist/src/ui/components/data-entry/number-input/use-number-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/oid-input/oid-input.js +3 -4
- package/dist/src/ui/components/data-entry/oid-input/oid-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/oid-input/types.d.ts +9 -2
- package/dist/src/ui/components/data-entry/oid-input/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/phid-input/phid-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/phid-input/phid-input.js +4 -10
- package/dist/src/ui/components/data-entry/phid-input/phid-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/phid-input/types.d.ts +7 -8
- package/dist/src/ui/components/data-entry/phid-input/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/text-input/text-input-diff.d.ts +2 -2
- package/dist/src/ui/components/data-entry/text-input/text-input-diff.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/text-input/text-input-diff.js +3 -1
- package/dist/src/ui/components/data-entry/text-input/text-input-diff.js.map +1 -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 +5 -3
- package/dist/src/ui/components/data-entry/time-picker/time-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/use-time-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/use-time-picker.js +13 -6
- package/dist/src/ui/components/data-entry/time-picker/use-time-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/utils.d.ts +1 -0
- package/dist/src/ui/components/data-entry/time-picker/utils.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/utils.js +50 -36
- package/dist/src/ui/components/data-entry/time-picker/utils.js.map +1 -1
- package/dist/style.css +5 -0
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/src/ui/components/data-entry/phid-input/phid-input-diff.d.ts +0 -13
- package/dist/src/ui/components/data-entry/phid-input/phid-input-diff.d.ts.map +0 -1
- package/dist/src/ui/components/data-entry/phid-input/phid-input-diff.js +0 -35
- package/dist/src/ui/components/data-entry/phid-input/phid-input-diff.js.map +0 -1
|
@@ -1,21 +1,29 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React, { useCallback, useId, useMemo } from 'react';
|
|
3
3
|
import { IdAutocompleteContext } from '../../../../scalars/components/fragments/id-autocomplete/id-autocomplete-context.js';
|
|
4
4
|
import { IdAutocompleteListOption } from '../../../../scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.js';
|
|
5
5
|
import { IdAutocomplete } from '../../../../scalars/components/fragments/id-autocomplete/index.js';
|
|
6
|
+
import { TextDiff } from '../input/subcomponent/text-diff.js';
|
|
7
|
+
import { cn } from '../../../../scalars/lib/index.js';
|
|
6
8
|
const AIDInput = React.forwardRef(({ id: idProp, name, className, label, description, value, defaultValue, disabled, placeholder, required, errors, warnings, onChange, onBlur, onClick, onMouseDown, supportedNetworks, autoComplete: autoCompleteProp, variant = 'withValue', maxLength, fetchOptionsCallback, fetchSelectedOptionCallback, isOpenByDefault, // to be used only in stories
|
|
7
|
-
initialOptions,
|
|
8
|
-
previewPlaceholder, ...props }, ref) => {
|
|
9
|
+
initialOptions, previewPlaceholder, basePreviewAgentType, ...props }, ref) => {
|
|
9
10
|
const prefix = useId();
|
|
10
11
|
const id = idProp ?? `${prefix}-aid`;
|
|
11
12
|
const autoComplete = autoCompleteProp ?? true;
|
|
12
13
|
const contextValue = useMemo(() => ({ supportedNetworks }), [supportedNetworks]);
|
|
13
14
|
const renderOption = useCallback((option, displayProps) => (_jsx(IdAutocompleteListOption, { variant: variant, icon: option.icon, title: option.title, path: displayProps?.asPlaceholder
|
|
14
|
-
? previewPlaceholder?.path
|
|
15
|
-
: option.path
|
|
16
|
-
? previewPlaceholder?.agentType
|
|
17
|
-
: option.agentType
|
|
18
|
-
|
|
15
|
+
? (previewPlaceholder?.path ?? 'URL not available')
|
|
16
|
+
: (option.path ?? 'URL not available'), value: displayProps?.asPlaceholder ? (previewPlaceholder?.value ?? 'aid not available') : option.value, description: option.description, agentType: displayProps?.asPlaceholder
|
|
17
|
+
? (previewPlaceholder?.agentType ?? 'Agent type not available')
|
|
18
|
+
: (option.agentType ?? 'Agent type not available'), placeholderIcon: previewPlaceholder?.icon ?? 'Person', ...displayProps })), [variant, previewPlaceholder]);
|
|
19
|
+
const renderAgentTypeDiffs = useCallback((viewMode, previewPlaceholder, currentOption) => {
|
|
20
|
+
const previewPlaceholderAgentType = previewPlaceholder?.agentType ?? 'Agent type not available';
|
|
21
|
+
const previewAgentType = currentOption?.agentType;
|
|
22
|
+
return basePreviewAgentType !== undefined || previewAgentType !== undefined ? (_jsxs("div", { className: cn('grid w-full', viewMode === 'mixed' && 'grid-cols-2 gap-4'), children: [_jsx("div", { className: cn('flex w-full flex-col overflow-hidden', viewMode === 'mixed' && 'pr-1'), children: ((viewMode === 'removal' || viewMode === 'mixed') &&
|
|
23
|
+
(basePreviewAgentType === '' || basePreviewAgentType === undefined)) ||
|
|
24
|
+
(viewMode === 'addition' && (previewAgentType === '' || previewAgentType === undefined)) ? (_jsx("span", { className: cn('w-full text-right truncate text-xs leading-5 text-gray-400'), children: previewPlaceholderAgentType })) : (_jsx(TextDiff, { baseValue: basePreviewAgentType, value: previewAgentType ?? '', viewMode: viewMode === 'mixed' ? 'removal' : viewMode, diffMode: "sentences", className: cn('w-full text-right truncate text-xs leading-5 text-gray-500') })) }), viewMode === 'mixed' && (_jsx("div", { className: cn('flex w-full flex-col overflow-hidden pl-1'), children: previewAgentType === '' || previewAgentType === undefined ? (_jsx("span", { className: cn('w-full text-right truncate text-xs leading-5 text-gray-400'), children: previewPlaceholderAgentType })) : (_jsx(TextDiff, { baseValue: basePreviewAgentType, value: previewAgentType, viewMode: "addition", diffMode: "sentences", className: cn('w-full text-right truncate text-xs leading-5 text-gray-500') })) }))] })) : null;
|
|
25
|
+
}, [basePreviewAgentType]);
|
|
26
|
+
return (_jsx(IdAutocompleteContext.Provider, { value: contextValue, children: autoComplete && fetchOptionsCallback ? (_jsx(IdAutocomplete, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: true, variant: variant, maxLength: maxLength, fetchOptionsCallback: fetchOptionsCallback, fetchSelectedOptionCallback: fetchSelectedOptionCallback, isOpenByDefault: isOpenByDefault, initialOptions: initialOptions, renderOption: renderOption, previewPlaceholder: previewPlaceholder, renderExtraDiffs: renderAgentTypeDiffs, ...props, ref: ref })) : (_jsx(IdAutocomplete, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: false, maxLength: maxLength, ...props, ref: ref })) }));
|
|
19
27
|
});
|
|
20
28
|
AIDInput.displayName = 'AIDInput';
|
|
21
29
|
export { AIDInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aid-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/aid-input/aid-input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qFAAqF,CAAA;AAC3H,OAAO,EAAE,wBAAwB,EAAE,MAAM,yFAAyF,CAAA;AAClI,OAAO,EAAE,cAAc,EAAE,MAAM,mEAAmE,CAAA;
|
|
1
|
+
{"version":3,"file":"aid-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/aid-input/aid-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,12 @@ interface Network {
|
|
|
3
3
|
chainId: string;
|
|
4
4
|
name?: string;
|
|
5
5
|
}
|
|
6
|
-
|
|
6
|
+
type AIDOption = IdAutocompleteOption & {
|
|
7
7
|
agentType?: string;
|
|
8
|
-
}
|
|
9
|
-
type
|
|
10
|
-
type AIDInputBaseProps = Omit<IdAutocompleteProps, 'autoComplete' | 'fetchOptionsCallback' | 'fetchSelectedOptionCallback' | 'previewPlaceholder' | 'renderOption'> & {
|
|
8
|
+
};
|
|
9
|
+
type AIDInputBaseProps = Omit<IdAutocompleteProps, 'autoComplete' | 'fetchOptionsCallback' | 'fetchSelectedOptionCallback' | 'previewPlaceholder' | 'renderOption' | 'renderExtraDiffs'> & {
|
|
11
10
|
supportedNetworks?: Network[];
|
|
11
|
+
basePreviewAgentType?: string;
|
|
12
12
|
};
|
|
13
13
|
type AIDInputProps = AIDInputBaseProps & ({
|
|
14
14
|
autoComplete: false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/aid-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,mEAAmE,CAAA;AAE1E,UAAU,OAAO;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/aid-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,mEAAmE,CAAA;AAE1E,UAAU,OAAO;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,SAAS,GAAG,oBAAoB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,iBAAiB,GAAG,IAAI,CAC3B,mBAAmB,EACjB,cAAc,GACd,sBAAsB,GACtB,6BAA6B,GAC7B,oBAAoB,GACpB,cAAc,GACd,kBAAkB,CACrB,GAAG;IACF,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAA;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,KAAK,aAAa,GAAG,iBAAiB,GACpC,CACI;IACE,YAAY,EAAE,KAAK,CAAA;IACnB,oBAAoB,CAAC,EAAE,KAAK,CAAA;IAC5B,2BAA2B,CAAC,EAAE,KAAK,CAAA;IACnC,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAC3B,GACD;IACE,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,oBAAoB,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,OAAO,CAAC,SAAS,EAAE,CAAC,GAAG,SAAS,EAAE,CAAA;IACvC,2BAA2B,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,GAAG,SAAS,CAAA;IACvG,kBAAkB,CAAC,EAAE,SAAS,CAAA;CAC/B,CACJ,CAAA;AAEH,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import { type Currency } from '../currency-code-picker/index.js';
|
|
2
2
|
import type { SelectProps } from '../select/index.js';
|
|
3
|
-
import type { AmountInputPropsGeneric } from './types.js';
|
|
4
|
-
import type { InputNumberProps
|
|
5
|
-
type
|
|
3
|
+
import type { AmountInputPropsGeneric, AmountValue } from './types.js';
|
|
4
|
+
import type { InputNumberProps } from '../number-input/types.js';
|
|
5
|
+
import type { WithDifference } from '#scalars';
|
|
6
|
+
type AdditionalProps = Omit<InputNumberProps, 'onChange' | 'onBlur' | 'precision' | 'value' | 'defaultValue'> & {
|
|
6
7
|
className?: string;
|
|
7
8
|
name: string;
|
|
8
|
-
numberProps?: Omit<
|
|
9
|
-
selectProps?: Omit<SelectProps, 'placeholder' | 'selectionIcon' | 'onBlur' | 'baseValue' | 'defaultValue' | 'value'
|
|
10
|
-
baseValue?: string;
|
|
11
|
-
defaultValue?: string;
|
|
12
|
-
value?: string;
|
|
13
|
-
};
|
|
9
|
+
numberProps?: Omit<InputNumberProps, 'name'>;
|
|
10
|
+
selectProps?: Omit<SelectProps, 'placeholder' | 'selectionIcon' | 'onBlur' | 'baseValue' | 'defaultValue' | 'value'>;
|
|
14
11
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
15
12
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
16
13
|
currencyPosition?: 'left' | 'right';
|
|
@@ -22,7 +19,7 @@ type AdditionalProps = Omit<InputNumberProps, 'onChange' | 'onBlur' | 'precision
|
|
|
22
19
|
units?: Currency[];
|
|
23
20
|
includeCurrencySymbols?: boolean;
|
|
24
21
|
};
|
|
25
|
-
type AmountInputProps = AmountInputPropsGeneric & AdditionalProps
|
|
22
|
+
type AmountInputProps = AmountInputPropsGeneric & AdditionalProps & WithDifference<AmountValue>;
|
|
26
23
|
declare const AmountInput: {
|
|
27
24
|
(props: AmountInputProps): import("react/jsx-runtime").JSX.Element;
|
|
28
25
|
displayName: 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,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,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,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAU,uBAAuB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG9E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG9C,KAAK,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,cAAc,CAAC,GAAG;IAC9G,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,WAAW,EAAE,aAAa,GAAG,eAAe,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,CAAC,CAAA;IACpH,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,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAwN/F,QAAA,MAAM,WAAW;YAAW,gBAAgB;;CAK3C,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
|
|
@@ -5,7 +5,10 @@ import { cn } from '../../../../scalars/lib/utils.js';
|
|
|
5
5
|
import { CurrencyCodePicker } from '../currency-code-picker/index.js';
|
|
6
6
|
import { useAmountInput } from './use-amount-input.js';
|
|
7
7
|
import { NumberInput } from '../number-input/index.js';
|
|
8
|
-
|
|
8
|
+
import { AmountInputDiff } from './subcomponents/amount-input-diff.js';
|
|
9
|
+
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,
|
|
10
|
+
// Diff Props
|
|
11
|
+
baseValue, viewMode = 'edition', }, ref) => {
|
|
9
12
|
const generatedId = useId();
|
|
10
13
|
const id = propId ?? generatedId;
|
|
11
14
|
const { isShowSelect, isPercent, options, valueSelect, valueInput, handleOnChangeInput, handleOnChangeSelect, handleBlur, isBigInt, handleIsInputFocused, isAmountWithoutUnit, inputFocused, } = useAmountInput({
|
|
@@ -19,9 +22,12 @@ const AmountInputController = forwardRef(({ label, value, id: propId, minValue,
|
|
|
19
22
|
trailingZeros,
|
|
20
23
|
units,
|
|
21
24
|
});
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
+
if (viewMode === 'edition') {
|
|
26
|
+
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', 'rounded-md border border-gray-300', 'h-[36px]',
|
|
27
|
+
// focus state
|
|
28
|
+
'focus:rounded-md focus:border-gray-900 transition-colors focus-within:ring-1 focus-within:rounded focus-within:ring-offset-0'), children: [_jsx("input", { name: name, type: "hidden", "data-cast": isBigInt ? 'AmountBigInt' : 'AmountNumber' }), isShowSelect && currencyPosition === 'left' && (_jsx(CurrencyCodePicker, { contentAlign: "start", contentClassName: "[&]:!w-[120px]", disabled: disabled, currencies: options, value: valueSelect, onChange: handleOnChangeSelect, placeholder: placeholderSelect, includeCurrencySymbols: includeCurrencySymbols, symbolPosition: symbolPosition, searchable: false, className: cn('focus:border-r-none focus:z-10 focus:ring-0 focus:ring-offset-0 focus:bg-none', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-[32px]', 'hover:bg-transparent', 'border-none', selectProps?.className), ...(selectProps ?? { name: '' }) })), isShowSelect && currencyPosition === 'left' && (_jsx("div", { className: "border-l-[1px] border-gray-300 h-full flex items-center" })), _jsxs("div", { className: cn('relative flex items-center'), children: [_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', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'border-none', 'h-[32px]', 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("div", { className: "border-l-[1px] border-gray-300 h-full flex items-center" })), isShowSelect && currencyPosition === 'right' && (_jsx(CurrencyCodePicker, { contentAlign: "end", contentClassName: "[&]:!w-[120px]", className: cn('focus:border-l-none focus:z-10 focus:ring-0 focus:ring-offset-0 focus:bg-none', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-[32px]', 'hover:bg-transparent', 'border-none', selectProps?.className), disabled: disabled, includeCurrencySymbols: includeCurrencySymbols, currencies: options, value: valueSelect, onChange: handleOnChangeSelect, name: "", placeholder: placeholderSelect, symbolPosition: symbolPosition, searchable: false, ...(selectProps ?? { name: '' }) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
29
|
+
}
|
|
30
|
+
return (_jsx(AmountInputDiff, { value: value, baseValue: baseValue, viewMode: viewMode, required: required, label: label, currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols }));
|
|
25
31
|
});
|
|
26
32
|
AmountInputController.displayName = 'AmountInputController';
|
|
27
33
|
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;AAGpF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,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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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ViewMode, WithDifference } from '../../../../../scalars/components/types.js';
|
|
2
|
+
import type { AmountValue } from '../types.js';
|
|
3
|
+
import type { Currency } from '../../currency-code-picker/index.js';
|
|
4
|
+
interface AmountInputDiffProps extends WithDifference<AmountValue> {
|
|
5
|
+
value?: AmountValue;
|
|
6
|
+
viewMode?: ViewMode;
|
|
7
|
+
label?: React.ReactNode;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
currencyPosition?: 'left' | 'right';
|
|
10
|
+
options?: Currency[];
|
|
11
|
+
symbolPosition?: 'left' | 'right';
|
|
12
|
+
includeCurrencySymbols?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare const AmountInputDiff: ({ baseValue, value, viewMode, label, required, currencyPosition, options, symbolPosition, includeCurrencySymbols, }: AmountInputDiffProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { AmountInputDiff };
|
|
16
|
+
//# sourceMappingURL=amount-input-diff.d.ts.map
|
package/dist/src/ui/components/data-entry/amount-input/subcomponents/amount-input-diff.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"amount-input-diff.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/amount-input/subcomponents/amount-input-diff.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAC1F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAEnE,UAAU,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAChE,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED,QAAA,MAAM,eAAe,GAAI,qHAUtB,oBAAoB,4CAmBtB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { FormGroup, FormLabel } from '../../../../../scalars/components/fragments/index.js';
|
|
3
|
+
import { SplittedAmountDiff } from './splitted-amount.js';
|
|
4
|
+
const AmountInputDiff = ({ baseValue, value, viewMode, label, required, currencyPosition, options, symbolPosition, includeCurrencySymbols, }) => {
|
|
5
|
+
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedAmountDiff, { baseValue: baseValue, value: value, viewMode: viewMode, currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols })] }));
|
|
6
|
+
};
|
|
7
|
+
export { AmountInputDiff };
|
|
8
|
+
//# sourceMappingURL=amount-input-diff.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"amount-input-diff.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/amount-input/subcomponents/amount-input-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sDAAsD,CAAA;AAG3F,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAczD,MAAM,eAAe,GAAG,CAAC,EACvB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,cAAc,EACd,sBAAsB,GACD,EAAE,EAAE;IACzB,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EACD,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,sBAAsB,EAAE,sBAAsB,GAC9C,IACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { DiffMode, WithDifference } from '../../../../../scalars/components/types.js';
|
|
2
|
+
import type { AmountValue } from '../types.js';
|
|
3
|
+
import type { Currency } from '../../currency-code-picker/types.js';
|
|
4
|
+
interface SelectDiffProps extends WithDifference<AmountValue> {
|
|
5
|
+
value?: AmountValue;
|
|
6
|
+
className?: string;
|
|
7
|
+
childrenClassName?: string;
|
|
8
|
+
currencyPosition?: 'left' | 'right';
|
|
9
|
+
options?: Currency[];
|
|
10
|
+
symbolPosition?: 'left' | 'right';
|
|
11
|
+
includeCurrencySymbols?: boolean;
|
|
12
|
+
diffMode?: DiffMode;
|
|
13
|
+
}
|
|
14
|
+
declare const AmountDiff: {
|
|
15
|
+
({ baseValue, value, viewMode, className, childrenClassName, currencyPosition, options, symbolPosition, includeCurrencySymbols, diffMode, }: SelectDiffProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
export { AmountDiff };
|
|
19
|
+
//# sourceMappingURL=fake-amount-diff.d.ts.map
|
package/dist/src/ui/components/data-entry/amount-input/subcomponents/fake-amount-diff.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fake-amount-diff.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/amount-input/subcomponents/fake-amount-diff.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAG1F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAEnE,UAAU,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,QAAA,MAAM,UAAU;iJAWb,eAAe;;CA4HjB,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../../../../scalars/lib/utils.js';
|
|
3
|
+
import { diffSentences, diffWords } from 'diff';
|
|
4
|
+
import { useMemo } from 'react';
|
|
5
|
+
import { Icon } from '../../../icon/index.js';
|
|
6
|
+
const AmountDiff = ({ baseValue, value, viewMode, className, childrenClassName, currencyPosition = 'left', options, symbolPosition, includeCurrencySymbols, diffMode = 'words', }) => {
|
|
7
|
+
const currentValue = useMemo(() => {
|
|
8
|
+
if (typeof value === 'object') {
|
|
9
|
+
return value.amount?.toString() ?? '';
|
|
10
|
+
}
|
|
11
|
+
return value?.toString() ?? '';
|
|
12
|
+
}, [value]);
|
|
13
|
+
const currentBaseValue = useMemo(() => {
|
|
14
|
+
if (typeof baseValue === 'object') {
|
|
15
|
+
return baseValue.amount?.toString() ?? '';
|
|
16
|
+
}
|
|
17
|
+
return baseValue?.toString() ?? '';
|
|
18
|
+
}, [baseValue]);
|
|
19
|
+
const diffAmount = useMemo(() => {
|
|
20
|
+
return diffMode === 'words'
|
|
21
|
+
? diffWords(currentBaseValue, currentValue)
|
|
22
|
+
: diffSentences(currentBaseValue, currentValue);
|
|
23
|
+
}, [currentBaseValue, currentValue, diffMode]);
|
|
24
|
+
const currentUnit = useMemo(() => {
|
|
25
|
+
if (typeof value === 'object') {
|
|
26
|
+
return value.unit ?? '';
|
|
27
|
+
}
|
|
28
|
+
return '';
|
|
29
|
+
}, [value]);
|
|
30
|
+
const currentBaseUnit = useMemo(() => {
|
|
31
|
+
if (typeof baseValue === 'object') {
|
|
32
|
+
return baseValue.unit ?? '';
|
|
33
|
+
}
|
|
34
|
+
return '';
|
|
35
|
+
}, [baseValue]);
|
|
36
|
+
const diffUnit = useMemo(() => {
|
|
37
|
+
return diffMode === 'words' ? diffWords(currentBaseUnit, currentUnit) : diffSentences(currentBaseUnit, currentUnit);
|
|
38
|
+
}, [currentBaseUnit, currentUnit, diffMode]);
|
|
39
|
+
// Render individual diff parts
|
|
40
|
+
const renderDiffPart = (part, index) => {
|
|
41
|
+
const key = `${part.value}-${index}`;
|
|
42
|
+
// Handle added content
|
|
43
|
+
if (part.added) {
|
|
44
|
+
if (viewMode === 'addition' || viewMode === 'mixed') {
|
|
45
|
+
return (_jsx("span", { className: cn('bg-green-600/30', childrenClassName), children: part.value }, key));
|
|
46
|
+
}
|
|
47
|
+
return null;
|
|
48
|
+
}
|
|
49
|
+
// Handle removed content
|
|
50
|
+
if (part.removed) {
|
|
51
|
+
if (viewMode === 'removal' || viewMode === 'mixed') {
|
|
52
|
+
return (_jsx("span", { className: cn('bg-red-600/30', childrenClassName), children: part.value }, key));
|
|
53
|
+
}
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
// Handle unchanged content - always render this
|
|
57
|
+
return (_jsx("span", { className: cn(childrenClassName), children: part.value }, key));
|
|
58
|
+
};
|
|
59
|
+
// Render all diff parts for a specific diff
|
|
60
|
+
const renderDiffContent = (diff) => {
|
|
61
|
+
return diff.map(renderDiffPart).filter(Boolean);
|
|
62
|
+
};
|
|
63
|
+
const amountContent = renderDiffContent(diffAmount);
|
|
64
|
+
const unitContent = renderDiffContent(diffUnit);
|
|
65
|
+
const showUnit = typeof value === 'object' && 'unit' in value;
|
|
66
|
+
const symbolClassName = unitContent.length > 0 ? unitContent[0].props?.className : undefined;
|
|
67
|
+
const actualSymbol = viewMode === 'addition' ? currentUnit : currentBaseUnit;
|
|
68
|
+
const symbol = useMemo(() => {
|
|
69
|
+
return options?.find((option) => option.ticker === actualSymbol)?.symbol;
|
|
70
|
+
}, [options, actualSymbol]);
|
|
71
|
+
const showSymbolLeft = includeCurrencySymbols && symbolPosition === 'left';
|
|
72
|
+
const showSymbolRight = includeCurrencySymbols && symbolPosition === 'right';
|
|
73
|
+
return (_jsxs("div", { className: cn('flex w-full items-center gap-2', className), children: [showUnit && currencyPosition === 'left' && (_jsx("div", { className: "flex flex-row items-center justify-end shrink-0", children: _jsxs("div", { className: "flex flex-row items-center justify-end gap-2", children: [_jsxs("span", { children: [showSymbolLeft && _jsx("span", { className: cn(symbolClassName, 'pr-1'), children: symbol }), unitContent, showSymbolRight && _jsx("span", { className: cn(symbolClassName, 'pl-1'), children: symbol })] }), _jsx(Icon, { size: 16, name: "ChevronDown", className: "text-gray-700 dark:text-gray-300" }), _jsx("div", { className: "h-[36px] w-px bg-gray-300" })] }) })), _jsx("div", { className: "flex flex-1 truncate [&>span]:w-full [&>span]:truncate", children: amountContent }), showUnit && currencyPosition === 'right' && (_jsx("div", { className: "flex flex-row items-center justify-end shrink-0", children: _jsxs("div", { className: "flex flex-row items-center justify-end gap-2", children: [_jsx("div", { className: "h-[36px] w-px bg-gray-300" }), _jsxs("span", { children: [showSymbolLeft && _jsx("span", { className: cn(symbolClassName, 'pr-1'), children: symbol }), unitContent, showSymbolRight && _jsx("span", { className: cn(symbolClassName, 'pl-1'), children: symbol })] }), _jsx(Icon, { size: 16, name: "ChevronDown", className: "text-gray-700 dark:text-gray-300" })] }) }))] }));
|
|
74
|
+
};
|
|
75
|
+
AmountDiff.displayName = 'AmountDiff';
|
|
76
|
+
export { AmountDiff };
|
|
77
|
+
//# sourceMappingURL=fake-amount-diff.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fake-amount-diff.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/amount-input/subcomponents/fake-amount-diff.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { WithDifference } from '../../../../../scalars/components/types.js';
|
|
2
|
+
import type { AmountValue } from '../types.js';
|
|
3
|
+
import type { Currency } from '../../currency-code-picker/index.js';
|
|
4
|
+
interface SplittedInputDiffProps extends Omit<WithDifference<AmountValue>, 'diffMode'>, React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
value?: AmountValue;
|
|
6
|
+
currencyPosition?: 'left' | 'right';
|
|
7
|
+
options?: Currency[];
|
|
8
|
+
symbolPosition?: 'left' | 'right';
|
|
9
|
+
includeCurrencySymbols?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const SplittedAmountDiff: ({ baseValue, value, viewMode, currencyPosition, options, symbolPosition, includeCurrencySymbols, ...props }: SplittedInputDiffProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export { SplittedAmountDiff };
|
|
13
|
+
//# sourceMappingURL=splitted-amount.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitted-amount.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/amount-input/subcomponents/splitted-amount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAI9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAEnE,UAAU,sBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,EACnD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED,QAAA,MAAM,kBAAkB,GAAI,6GASzB,sBAAsB,4CA+CxB,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../../../../scalars/lib/utils.js';
|
|
3
|
+
import { InputDiff } from '../../input/subcomponent/input-diff.js';
|
|
4
|
+
import { AmountDiff } from './fake-amount-diff.js';
|
|
5
|
+
const SplittedAmountDiff = ({ baseValue, value, viewMode, currencyPosition, options, symbolPosition, includeCurrencySymbols, ...props }) => {
|
|
6
|
+
return (_jsx(InputDiff, { className: cn('group'), "data-testid": "amount-input-diff", ...props, children: viewMode === 'mixed' ? (_jsxs("div", { className: cn('flex flex-1'), children: [_jsx("div", { className: cn('flex flex-1 items-center gap-2 truncate'), children: _jsx(AmountDiff, { baseValue: baseValue, value: value, viewMode: "removal", currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols, diffMode: "sentences" }) }), _jsx("div", { className: cn('ml-3 mr-3 h-[36px] w-px bg-gray-300 shrink-0') }), _jsx("div", { className: cn('flex flex-1 items-center gap-2 truncate'), children: _jsx(AmountDiff, { baseValue: baseValue, value: value, viewMode: "addition", currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols, diffMode: "sentences" }) })] })) : (_jsx("div", { className: cn('flex flex-1 items-center gap-2 truncate'), children: _jsx(AmountDiff, { baseValue: baseValue, value: value, viewMode: viewMode, currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols, diffMode: "sentences" }) })) }));
|
|
7
|
+
};
|
|
8
|
+
export { SplittedAmountDiff };
|
|
9
|
+
//# sourceMappingURL=splitted-amount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitted-amount.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/amount-input/subcomponents/splitted-amount.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAalD,MAAM,kBAAkB,GAAG,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,cAAc,EACd,sBAAsB,EACtB,GAAG,KAAK,EACe,EAAE,EAAE;IAC3B,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,iBAAc,mBAAmB,KAAK,KAAK,YACzE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,aAC/B,cAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,CAAC,YAC3D,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,SAAS,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAC,WAAW,GACpB,GACE,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,8CAA8C,CAAC,GAAI,EACtE,cAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,CAAC,YAC3D,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,UAAU,EACnB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAC,WAAW,GACpB,GACE,IACF,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,CAAC,YAC3D,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAC,WAAW,GACpB,GACE,CACP,GACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
|
|
2
2
|
import { type CalendarProps } from './subcomponents/calendar/calendar.js';
|
|
3
3
|
import type { DateFieldValue } from './types.js';
|
|
4
|
-
interface DatePickerProps extends InputBaseProps<DateFieldValue>, Omit<CalendarProps, 'mode'>, WithDifference<DateFieldValue> {
|
|
4
|
+
interface DatePickerProps extends InputBaseProps<DateFieldValue>, Omit<CalendarProps, 'mode' | 'handleCalendarMonthYearSelect'>, WithDifference<DateFieldValue> {
|
|
5
5
|
label?: string;
|
|
6
6
|
id?: string;
|
|
7
7
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
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,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7F,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAIhD,UAAU,eACR,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,
|
|
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,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7F,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAIhD,UAAU,eACR,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,+BAA+B,CAAC,EAC7D,cAAc,CAAC,cAAc,CAAC;IAChC,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,8GAwLf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
2
|
+
import { forwardRef, useId } 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 { 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
8
|
import DateInputDiff from './subcomponents/date-picker-diff/date-picker-diff.js';
|
|
9
|
-
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
|
+
const DatePicker = forwardRef(({ label, id: propId, errors, name, disabled, required, value, defaultValue, placeholder, description, warnings, onChange, onBlur, inputProps, disablePastDates, disableFutureDates, dateFormat, weekStart, autoClose = false, minDate, maxDate,
|
|
10
10
|
// diff props
|
|
11
11
|
viewMode = 'edition', baseValue,
|
|
12
12
|
// display props
|
|
13
13
|
className, ...props }, ref) => {
|
|
14
|
-
const { date, inputValue, handleDateSelect, handleInputChange, isOpen, setIsOpen, handleBlur, disabledDates, weekStartDay, handleDayClick, } = useDatePickerField({
|
|
14
|
+
const { date, inputValue, handleDateSelect, handleInputChange, isOpen, setIsOpen, handleBlur, disabledDates, weekStartDay, handleDayClick, handleCalendarMonthYearSelect, } = useDatePickerField({
|
|
15
15
|
value,
|
|
16
16
|
defaultValue,
|
|
17
17
|
onChange,
|
|
@@ -24,13 +24,15 @@ className, ...props }, ref) => {
|
|
|
24
24
|
minDate,
|
|
25
25
|
maxDate,
|
|
26
26
|
});
|
|
27
|
+
const generatedId = useId();
|
|
28
|
+
const id = propId ?? generatedId;
|
|
27
29
|
if (viewMode === 'edition') {
|
|
28
|
-
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })), _jsx(BasePickerField, { ref: ref,
|
|
30
|
+
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })), _jsx(BasePickerField, { ref: ref, id: id, value: inputValue, name: name, disabled: disabled, required: required, iconName: "CalendarTime", placeholder: placeholder, isOpen: isOpen, setIsOpen: setIsOpen, onInputChange: handleInputChange, inputProps: inputProps, handleBlur: handleBlur, "data-cast": `DateString:${dateFormat}`, className: String.raw `
|
|
29
31
|
[&.base-picker\\_\\_popover]:px-4
|
|
30
32
|
[&.base-picker\\_\\_popover]:pb-6
|
|
31
33
|
[&.base-picker\\_\\_popover]:pt-3
|
|
32
34
|
${className}
|
|
33
|
-
`, children: _jsx(Calendar, { mode: "single", selected: date, weekStartsOn: weekStartDay, onSelect: handleDateSelect, disabled: disabledDates, onDayClick: handleDayClick, className: cn('w-full', 'p-0',
|
|
35
|
+
`, children: _jsx(Calendar, { mode: "single", selected: date, dateFormat: dateFormat, handleCalendarMonthYearSelect: handleCalendarMonthYearSelect, weekStartsOn: weekStartDay, onSelect: handleDateSelect, disabled: disabledDates, onDayClick: handleDayClick, className: cn('w-full', 'p-0',
|
|
34
36
|
// dark
|
|
35
37
|
'dark:text-gray-500',
|
|
36
38
|
// custom styles
|
|
@@ -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,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
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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"}
|
|
@@ -35,6 +35,8 @@ export type CalendarProps = DayPickerProps & {
|
|
|
35
35
|
dayPickerClassName?: string;
|
|
36
36
|
disabledDates?: boolean;
|
|
37
37
|
className?: string;
|
|
38
|
+
dateFormat?: string;
|
|
39
|
+
handleCalendarMonthYearSelect?: (year: number, monthIndex: number) => void;
|
|
38
40
|
};
|
|
39
41
|
/**
|
|
40
42
|
* A custom calendar component built on top of react-day-picker.
|
|
@@ -43,7 +45,7 @@ export type CalendarProps = DayPickerProps & {
|
|
|
43
45
|
* @returns
|
|
44
46
|
*/
|
|
45
47
|
declare const Calendar: {
|
|
46
|
-
({ className, showOutsideDays, showYearSwitcher, yearRange, numberOfMonths, disabledDates, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
({ className, showOutsideDays, showYearSwitcher, yearRange, numberOfMonths, disabledDates, dateFormat, handleCalendarMonthYearSelect, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
47
49
|
displayName: string;
|
|
48
50
|
};
|
|
49
51
|
export { Calendar };
|
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":"AAKA,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;
|
|
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;AAwBzB,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;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6BAA6B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3E,CAAA;AAED;;;;;GAKG;AACH,QAAA,MAAM,QAAQ;sJAUX,aAAa;;CA4Lf,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -8,6 +8,7 @@ import { buttonVariants } from '../../../../../../scalars/components/fragments/b
|
|
|
8
8
|
import { NavCalendar } from '../calendar-nav/calendar-nav.js';
|
|
9
9
|
import { CaptionLabel } from '../caption-label/caption-label.js';
|
|
10
10
|
import { MonthGrid } from '../month-grid.js';
|
|
11
|
+
import { getCalendarType } from '../../../date-time-picker/utils.js';
|
|
11
12
|
const Chevron = (props) => {
|
|
12
13
|
return _jsx(Icon, { className: "size-4", name: "ArrowLeft", ...props });
|
|
13
14
|
};
|
|
@@ -17,8 +18,9 @@ const Chevron = (props) => {
|
|
|
17
18
|
* @default yearRange 12
|
|
18
19
|
* @returns
|
|
19
20
|
*/
|
|
20
|
-
const Calendar = ({ className, showOutsideDays = true, showYearSwitcher = true, yearRange = 12, numberOfMonths, disabledDates = false, ...props }) => {
|
|
21
|
-
const
|
|
21
|
+
const Calendar = ({ className, showOutsideDays = true, showYearSwitcher = true, yearRange = 12, numberOfMonths, disabledDates = false, dateFormat, handleCalendarMonthYearSelect, ...props }) => {
|
|
22
|
+
const startNavView = getCalendarType(dateFormat ?? '');
|
|
23
|
+
const [navView, setNavView] = React.useState(startNavView);
|
|
22
24
|
const [displayYears, setDisplayYears] = React.useState(React.useMemo(() => {
|
|
23
25
|
const currentYear = new Date().getFullYear();
|
|
24
26
|
return {
|
|
@@ -56,13 +58,13 @@ const Calendar = ({ className, showOutsideDays = true, showYearSwitcher = true,
|
|
|
56
58
|
const _hiddenClassName = cn('date-picker__hidden', 'invisible flex-1', props.hiddenClassName);
|
|
57
59
|
const createNav = React.useCallback((navProps) => {
|
|
58
60
|
return (_jsx(NavCalendar, { ...navProps, navView: navView, displayYears: displayYears, setDisplayYears: setDisplayYears, startMonth: startMonth, endMonth: endMonth, buttonPreviousClassName: _buttonPreviousClassName, buttonNextClassName: _buttonNextClassName }));
|
|
59
|
-
}, [navView, displayYears,
|
|
61
|
+
}, [navView, displayYears, startMonth, endMonth, _buttonPreviousClassName, _buttonNextClassName]);
|
|
60
62
|
const createCaptionLabel = React.useCallback((props) => {
|
|
61
|
-
return _jsx(CaptionLabel, { ...props, showYearSwitcher: showYearSwitcher, navView: navView, setNavView: setNavView });
|
|
62
|
-
}, [navView, showYearSwitcher]);
|
|
63
|
+
return (_jsx(CaptionLabel, { ...props, showYearSwitcher: showYearSwitcher, navView: navView, setNavView: setNavView, dateFormat: dateFormat }));
|
|
64
|
+
}, [dateFormat, navView, showYearSwitcher]);
|
|
63
65
|
const createMonthGrid = React.useCallback((props) => {
|
|
64
|
-
return _jsx(MonthGrid, { navView: navView, displayYears: displayYears, setNavView: setNavView, ...props });
|
|
65
|
-
}, [displayYears, navView]);
|
|
66
|
+
return (_jsx(MonthGrid, { navView: navView, displayYears: displayYears, setNavView: setNavView, dateFormat: dateFormat, handleCalendarMonthYearSelect: handleCalendarMonthYearSelect, ...props }));
|
|
67
|
+
}, [dateFormat, displayYears, handleCalendarMonthYearSelect, navView]);
|
|
66
68
|
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: {
|
|
67
69
|
months: _monthsClassName,
|
|
68
70
|
month_caption: _monthCaptionClassName,
|
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,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,SAAS,GAIV,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,gEAAgE,CAAA;AAE/F,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;
|
|
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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"}
|