@powerhousedao/document-engineering 1.30.0 → 1.31.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/phone-number-field/phone-number-field.d.ts.map +1 -1
- package/dist/src/scalars/components/phone-number-field/phone-number-field.js +18 -2
- package/dist/src/scalars/components/phone-number-field/phone-number-field.js.map +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 +2 -2
- package/dist/src/ui/components/data-entry/amount-input/amount-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/examples/file-upload-item-example.d.ts +7 -0
- package/dist/src/ui/components/data-entry/file-input/examples/file-upload-item-example.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/examples/file-upload-item-example.js +64 -0
- package/dist/src/ui/components/data-entry/file-input/examples/file-upload-item-example.js.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/examples/index.d.ts +2 -0
- package/dist/src/ui/components/data-entry/file-input/examples/index.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/examples/index.js +2 -0
- package/dist/src/ui/components/data-entry/file-input/examples/index.js.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/file-input.js +1 -1
- package/dist/src/ui/components/data-entry/file-input/file-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.d.ts +3 -3
- package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.js +16 -9
- package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.js.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-corrupted.d.ts +9 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-corrupted.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-corrupted.js +10 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-corrupted.js.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-loading.d.ts +8 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-loading.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-loading.js +11 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-loading.js.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-unsupported.d.ts +6 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-unsupported.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-unsupported.js +8 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/placeholder-unsupported.js.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-audio.d.ts +8 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-audio.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-audio.js +8 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-audio.js.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-file.d.ts +2 -4
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-file.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-file.js +3 -8
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-file.js.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-header.d.ts +2 -2
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-header.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-header.js +1 -2
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-header.js.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.d.ts +2 -4
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.js +3 -8
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.js.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-video.d.ts +8 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-video.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-video.js +8 -0
- package/dist/src/ui/components/data-entry/file-input/sub-components/preview-video.js.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/types.d.ts +3 -5
- package/dist/src/ui/components/data-entry/file-input/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/types.js +1 -1
- package/dist/src/ui/components/data-entry/file-input/types.js.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/useFetchQuery.d.ts +11 -0
- package/dist/src/ui/components/data-entry/file-input/useFetchQuery.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/useFetchQuery.js +30 -0
- package/dist/src/ui/components/data-entry/file-input/useFetchQuery.js.map +1 -0
- package/dist/src/ui/components/data-entry/file-input/useUploadFile.d.ts +3 -4
- package/dist/src/ui/components/data-entry/file-input/useUploadFile.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/useUploadFile.js +30 -36
- package/dist/src/ui/components/data-entry/file-input/useUploadFile.js.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/utils.d.ts +32 -4
- package/dist/src/ui/components/data-entry/file-input/utils.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/file-input/utils.js +142 -57
- package/dist/src/ui/components/data-entry/file-input/utils.js.map +1 -1
- 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 +5 -5
- 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 +1 -0
- package/dist/src/ui/components/data-entry/number-input/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.js +3 -6
- package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-diff.d.ts +15 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-diff.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-diff.js +117 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-diff.js.map +1 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-input-diff.d.ts +14 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-input-diff.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-input-diff.js +8 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-input-diff.js.map +1 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/splitted-phone-number.d.ts +12 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/splitted-phone-number.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/splitted-phone-number.js +9 -0
- package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/splitted-phone-number.js.map +1 -0
- package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.js +37 -13
- package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.js.map +1 -1
- package/dist/src/ui/components/icon-components/BrokenAudio.d.ts +7 -0
- package/dist/src/ui/components/icon-components/BrokenAudio.d.ts.map +1 -0
- package/dist/src/ui/components/icon-components/BrokenAudio.js +7 -0
- package/dist/src/ui/components/icon-components/BrokenAudio.js.map +1 -0
- package/dist/src/ui/components/icon-components/BrokenVideo.d.ts +7 -0
- package/dist/src/ui/components/icon-components/BrokenVideo.d.ts.map +1 -0
- package/dist/src/ui/components/icon-components/BrokenVideo.js +7 -0
- package/dist/src/ui/components/icon-components/BrokenVideo.js.map +1 -0
- package/dist/src/ui/components/icon-components/PlaceholderAudio.d.ts +7 -0
- package/dist/src/ui/components/icon-components/PlaceholderAudio.d.ts.map +1 -0
- package/dist/src/ui/components/icon-components/PlaceholderAudio.js +7 -0
- package/dist/src/ui/components/icon-components/PlaceholderAudio.js.map +1 -0
- package/dist/src/ui/components/icon-components/PlaceholderVideo.d.ts +7 -0
- package/dist/src/ui/components/icon-components/PlaceholderVideo.d.ts.map +1 -0
- package/dist/src/ui/components/icon-components/PlaceholderVideo.js +7 -0
- package/dist/src/ui/components/icon-components/PlaceholderVideo.js.map +1 -0
- package/dist/src/ui/components/icon-components/index.d.ts +1 -1
- package/dist/src/ui/components/icon-components/index.d.ts.map +1 -1
- package/dist/src/ui/components/icon-components/index.js +12 -0
- package/dist/src/ui/components/icon-components/index.js.map +1 -1
- package/dist/src/ui/components/sidebar/subcomponents/sidebar-item.d.ts.map +1 -1
- package/dist/src/ui/components/sidebar/subcomponents/sidebar-item.js +2 -1
- package/dist/src/ui/components/sidebar/subcomponents/sidebar-item.js.map +1 -1
- package/dist/style.css +145 -12
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-image.d.ts +0 -9
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-image.d.ts.map +0 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-image.js +0 -13
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-image.js.map +0 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-pdf.d.ts +0 -9
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-pdf.d.ts.map +0 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-pdf.js +0 -13
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-pdf.js.map +0 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-unsupported.d.ts +0 -8
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-unsupported.d.ts.map +0 -1
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-unsupported.js +0 -11
- package/dist/src/ui/components/data-entry/file-input/sub-components/place-holder-unsupported.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/number-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAWlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;
|
|
1
|
+
{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/number-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAWlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAqL7E,QAAA,MAAM,WAAW,0JAKf,CAAA;AAIF,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -10,7 +10,7 @@ import { FormMessageList } from '../../../../scalars/components/fragments/form-m
|
|
|
10
10
|
import { cn } from '../../../../scalars/lib/index.js';
|
|
11
11
|
import { Input } from '../input/index.js';
|
|
12
12
|
import TextInputDiff from '../text-input/text-input-diff.js';
|
|
13
|
-
const NumberInputRaw = forwardRef(({ label, name, description, value, defaultValue, onChange, onBlur, errors, warnings, className, id: propId, minValue, maxValue, step = 1, pattern, trailingZeros = false, numericType = 'Float', precision = 0,
|
|
13
|
+
const NumberInputRaw = forwardRef(({ label, name, description, value, defaultValue, onChange, onBlur, errors, warnings, className, id: propId, minValue, maxValue, step = 1, pattern, trailingZeros = false, numericType = 'Float', precision = 0, enableStepCarets = false,
|
|
14
14
|
// Difference Props
|
|
15
15
|
baseValue, viewMode = 'edition', ...props }, ref) => {
|
|
16
16
|
const generatedId = useId();
|
|
@@ -30,21 +30,21 @@ baseValue, viewMode = 'edition', ...props }, ref) => {
|
|
|
30
30
|
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 group", children: [_jsx(Input, { id: id, 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) => {
|
|
31
31
|
preventLetterInput(e);
|
|
32
32
|
preventInvalidCharsAndHandleArrows(e);
|
|
33
|
-
}, value: value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '', onBlur: handleBlur, onChange: onChange, onPaste: blockInvalidPaste, ref: ref, "data-cast": isBigInt ? 'BigInt' : 'Number', ...props }), _jsxs("div", { className: "absolute inset-y-2 right-3 flex flex-col justify-center
|
|
33
|
+
}, value: value !== undefined ? value.toString() : defaultValue !== undefined ? defaultValue.toString() : '', onBlur: handleBlur, onChange: onChange, onPaste: blockInvalidPaste, ref: ref, "data-cast": isBigInt ? 'BigInt' : 'Number', ...props }), enableStepCarets && (_jsxs("div", { className: "absolute inset-y-2 right-3 flex flex-col justify-center group-focus-within:opacity-100 transition-opacity", children: [_jsx("button", { "aria-label": "Increment", disabled: canIncrement || props.disabled, onMouseDown: (e) => {
|
|
34
34
|
e.preventDefault();
|
|
35
35
|
}, type: "button", onClick: (e) => {
|
|
36
36
|
stepValueHandler(e, 'increment');
|
|
37
37
|
if (buttonRef.current) {
|
|
38
38
|
buttonRef.current.focus();
|
|
39
39
|
}
|
|
40
|
-
}, 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
|
+
}, children: _jsx(Icon, { size: 10, name: "ChevronDown", className: cn('rotate-180 text-gray-700 dark:text-gray-300', (canIncrement || props.disabled) && 'cursor-not-allowed') }) }), _jsx("button", { "aria-label": "Decrement", onMouseDown: (e) => {
|
|
41
41
|
e.preventDefault();
|
|
42
|
-
}, disabled: canDecrement, type: "button", onClick: (e) => {
|
|
42
|
+
}, disabled: canDecrement || props.disabled, type: "button", onClick: (e) => {
|
|
43
43
|
stepValueHandler(e, 'decrement');
|
|
44
44
|
if (buttonRef.current) {
|
|
45
45
|
buttonRef.current.focus();
|
|
46
46
|
}
|
|
47
|
-
}, 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
|
+
}, children: _jsx(Icon, { size: 10, name: "ChevronDown", className: cn('items-center justify-center text-gray-700 dark:text-gray-300', (canDecrement || props.disabled) && 'cursor-not-allowed') }) })] }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
48
48
|
}
|
|
49
49
|
return (_jsx(TextInputDiff, { value: value ?? defaultValue ?? '', viewMode: viewMode, diffMode: "sentences", baseValue: baseValue ?? '', label: label, required: props.required, "data-testid": "number-input-diff" }));
|
|
50
50
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/number-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAA;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAA;AAC7F,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,+EAA+E,CAAA;AAC/G,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAA;AAChG,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,aAAa,MAAM,kCAAkC,CAAA;AAK5D,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EACE,KAAK,EACL,IAAI,EACJ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,OAAO,EACrB,SAAS,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/number-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,7 @@ export interface InputNumberProps extends Omit<InputBaseProps<number | bigint> &
|
|
|
18
18
|
className?: string;
|
|
19
19
|
pattern?: RegExp;
|
|
20
20
|
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
21
|
+
enableStepCarets?: boolean;
|
|
21
22
|
}
|
|
22
23
|
export {};
|
|
23
24
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7E,UAAU,WAAW;IACnB,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,MAAM,WAAW,GACnB,aAAa,GACb,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,QAAQ,GACR,KAAK,GACL,OAAO,CAAA;AAEX,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,GAC7B,WAAW,GACX,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC,EAC9F,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,SAAS,CAC9C;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7E,UAAU,WAAW;IACnB,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,MAAM,WAAW,GACnB,aAAa,GACb,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,QAAQ,GACR,KAAK,GACL,OAAO,CAAA;AAEX,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,GAC7B,WAAW,GACX,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC,EAC9F,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,SAAS,CAC9C;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phone-number-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"phone-number-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAGvD,QAAA,MAAM,gBAAgB,gGA8IrB,CAAA;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -8,10 +8,8 @@ import { FormDescription } from '../../../../scalars/components/fragments/form-d
|
|
|
8
8
|
import { FormGroup } from '../../../../scalars/components/fragments/form-group/index.js';
|
|
9
9
|
import { FormLabel } from '../../../../scalars/components/fragments/form-label/index.js';
|
|
10
10
|
import { FormMessageList } from '../../../../scalars/components/fragments/form-message/index.js';
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
// baseValue,
|
|
14
|
-
...props }, ref) => {
|
|
11
|
+
import { PhoneNumberInputDiff } from './subcomponents/phone-number-input-diff.js';
|
|
12
|
+
const PhoneNumberInput = React.forwardRef(({ id: idProp, className, label, description, placeholder = '4155552671', value, defaultValue, onChange, onKeyDown, onBlur, disabled, required, errors, warnings, allowedCountries, excludedCountries, includeDependentAreas, prefixOptionFormat = 'FlagsAndNumbers', prefixProps, pattern, viewMode = 'edition', baseValue, ...props }, ref) => {
|
|
15
13
|
const prefix = useUniqueId();
|
|
16
14
|
const id = idProp ?? `${prefix}-phone-number-input`;
|
|
17
15
|
const { options, selectValue, inputValue, handleSelectOnChange, handleInputOnChange, handleOnKeyDown, handleSelectBlur, handleInputBlur, mergedRef, containerRef, } = usePhoneNumberInput({
|
|
@@ -29,8 +27,7 @@ const PhoneNumberInput = React.forwardRef(({ id: idProp, className, label, descr
|
|
|
29
27
|
const hasWarning = Array.isArray(warnings) && warnings.length > 0;
|
|
30
28
|
const hasError = Array.isArray(errors) && errors.length > 0;
|
|
31
29
|
if (viewMode !== 'edition') {
|
|
32
|
-
|
|
33
|
-
return null;
|
|
30
|
+
return (_jsx(PhoneNumberInputDiff, { selectValue: selectValue, inputValue: inputValue, baseValue: baseValue, viewMode: viewMode, label: label, required: required, options: options, prefixOptionFormat: prefixOptionFormat }));
|
|
34
31
|
}
|
|
35
32
|
return (_jsxs(FormGroup, { children: [!!label && (_jsx(FormLabel, { htmlFor: id, disabled: disabled, hasError: hasError, required: required, children: label })), _jsxs("div", { ref: containerRef, className: cn('relative flex items-center h-9 bg-white rounded-md border border-gray-300', 'focus-within:ring-1 focus-within:ring-offset-0 focus-within:ring-gray-900'), children: [_jsx(Select, { options: options, selectionIcon: "checkmark", selectionIconPosition: "right", searchable: prefixProps?.searchable ?? true, disabled: disabled, value: selectValue, onChange: (newValue) => {
|
|
36
33
|
handleSelectOnChange(newValue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phone-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,oEAAoE,CAAA;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAA;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAA;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAA;
|
|
1
|
+
{"version":3,"file":"phone-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-diff.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { WithDifference } from '../../../../../scalars/components/types.js';
|
|
2
|
+
import type { SelectOption } from '../../select/types.js';
|
|
3
|
+
import type { PhoneNumberInputProps } from '../types.js';
|
|
4
|
+
interface PhoneNumberDiffProps extends Omit<WithDifference<string>, 'diffMode'> {
|
|
5
|
+
selectValue: string;
|
|
6
|
+
inputValue: string;
|
|
7
|
+
options: SelectOption[];
|
|
8
|
+
prefixOptionFormat: PhoneNumberInputProps['prefixOptionFormat'];
|
|
9
|
+
}
|
|
10
|
+
declare const PhoneNumberDiff: {
|
|
11
|
+
({ selectValue, inputValue, viewMode, baseValue, options, prefixOptionFormat, }: PhoneNumberDiffProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export { PhoneNumberDiff };
|
|
15
|
+
//# sourceMappingURL=phone-number-diff.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-number-diff.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-diff.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAExD,UAAU,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7E,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;CAChE;AAsCD,QAAA,MAAM,eAAe;qFAOlB,oBAAoB;;CA6HtB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-diff.js
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import parsePhoneNumber from 'libphonenumber-js';
|
|
4
|
+
import { CircleFlag } from 'react-circle-flags';
|
|
5
|
+
import { cn } from '../../../../../scalars/lib/index.js';
|
|
6
|
+
import { diffSentences } from 'diff';
|
|
7
|
+
const renderFlagIcon = (countryCode) => {
|
|
8
|
+
return _jsx(CircleFlag, { className: "size-4", countryCode: countryCode.toLowerCase(), height: 16 });
|
|
9
|
+
};
|
|
10
|
+
const parsePhoneValue = (rawValue, options = []) => {
|
|
11
|
+
if (rawValue === '')
|
|
12
|
+
return { selectValue: '', inputValue: '' };
|
|
13
|
+
let inputValueToProcess = rawValue.replace(/\D/g, '');
|
|
14
|
+
const sanitizedValue = inputValueToProcess;
|
|
15
|
+
if (inputValueToProcess.startsWith('00')) {
|
|
16
|
+
inputValueToProcess = inputValueToProcess.substring(2);
|
|
17
|
+
}
|
|
18
|
+
const withPlusValue = `+${inputValueToProcess}`;
|
|
19
|
+
const parsedValue = parsePhoneNumber(withPlusValue, { extract: false });
|
|
20
|
+
if (parsedValue?.isPossible() && parsedValue.country) {
|
|
21
|
+
const expectedValue = `+${parsedValue.countryCallingCode}${parsedValue.nationalNumber}`;
|
|
22
|
+
if (withPlusValue !== expectedValue) {
|
|
23
|
+
return { selectValue: '', inputValue: sanitizedValue };
|
|
24
|
+
}
|
|
25
|
+
const callingCode = `+${parsedValue.countryCallingCode}`;
|
|
26
|
+
const selectValue = `${callingCode}-${parsedValue.country}`;
|
|
27
|
+
if (!options.some((o) => o.value === selectValue)) {
|
|
28
|
+
return { selectValue: '', inputValue: sanitizedValue };
|
|
29
|
+
}
|
|
30
|
+
const inputValue = parsedValue.nationalNumber;
|
|
31
|
+
return { selectValue, inputValue };
|
|
32
|
+
}
|
|
33
|
+
return { selectValue: '', inputValue: sanitizedValue };
|
|
34
|
+
};
|
|
35
|
+
const PhoneNumberDiff = ({ selectValue, inputValue, viewMode, baseValue, options = [], prefixOptionFormat = 'FlagsAndNumbers', }) => {
|
|
36
|
+
// Parse baseValue to get prefix and number parts
|
|
37
|
+
const baseValueParsed = useMemo(() => parsePhoneValue(baseValue ?? '', options), [baseValue, options]);
|
|
38
|
+
const diffPrefix = useMemo(() => {
|
|
39
|
+
const basePrefix = baseValueParsed.selectValue;
|
|
40
|
+
return diffSentences(basePrefix, selectValue);
|
|
41
|
+
}, [selectValue, baseValueParsed.selectValue]);
|
|
42
|
+
const diffNumber = useMemo(() => {
|
|
43
|
+
const baseNumber = baseValueParsed.inputValue;
|
|
44
|
+
return diffSentences(baseNumber, inputValue);
|
|
45
|
+
}, [inputValue, baseValueParsed.inputValue]);
|
|
46
|
+
// Render individual diff parts
|
|
47
|
+
const renderDiffPart = (part, index) => {
|
|
48
|
+
const key = `${part.value}-${index}`;
|
|
49
|
+
// Handle added content
|
|
50
|
+
if (part.added) {
|
|
51
|
+
if (viewMode === 'addition') {
|
|
52
|
+
return (_jsx("span", { className: cn('bg-green-600/30'), children: part.value }, key));
|
|
53
|
+
}
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
// Handle removed content
|
|
57
|
+
if (part.removed) {
|
|
58
|
+
if (viewMode === 'removal') {
|
|
59
|
+
return (_jsx("span", { className: cn('bg-red-600/30'), children: part.value }, key));
|
|
60
|
+
}
|
|
61
|
+
return null;
|
|
62
|
+
}
|
|
63
|
+
// Handle unchanged content
|
|
64
|
+
return _jsx("span", { children: part.value }, key);
|
|
65
|
+
};
|
|
66
|
+
// Render all diff parts for a specific diff
|
|
67
|
+
const renderDiffContent = (diff) => {
|
|
68
|
+
return diff.map(renderDiffPart).filter(Boolean);
|
|
69
|
+
};
|
|
70
|
+
const numberContent = renderDiffContent(diffNumber);
|
|
71
|
+
// Get the appropriate option for displaying flag and prefix
|
|
72
|
+
const actualSelectValue = viewMode === 'addition' ? selectValue : baseValueParsed.selectValue;
|
|
73
|
+
const selectedOption = options.find((option) => option.value === actualSelectValue);
|
|
74
|
+
// Get the appropriate diff styling
|
|
75
|
+
const getDiffClassName = (diff) => {
|
|
76
|
+
const hasAdditions = diff.some((part) => part.added);
|
|
77
|
+
const hasRemovals = diff.some((part) => part.removed);
|
|
78
|
+
if (hasAdditions && viewMode === 'addition') {
|
|
79
|
+
return 'bg-green-600/30';
|
|
80
|
+
}
|
|
81
|
+
if (hasRemovals && viewMode === 'removal') {
|
|
82
|
+
return 'bg-red-600/30';
|
|
83
|
+
}
|
|
84
|
+
return '';
|
|
85
|
+
};
|
|
86
|
+
const renderPrefixWithFlag = () => {
|
|
87
|
+
if (!selectedOption)
|
|
88
|
+
return null;
|
|
89
|
+
// Extract country code from selectValue
|
|
90
|
+
const countryCode = actualSelectValue.split('-')[1];
|
|
91
|
+
const callingCode = actualSelectValue.split('-')[0];
|
|
92
|
+
const flagIcon = countryCode !== '' ? renderFlagIcon(countryCode) : null;
|
|
93
|
+
// Determine what to show based on prefixOptionFormat
|
|
94
|
+
let displayContent = null;
|
|
95
|
+
switch (prefixOptionFormat) {
|
|
96
|
+
case 'CodesOnly':
|
|
97
|
+
displayContent = countryCode;
|
|
98
|
+
break;
|
|
99
|
+
case 'FlagsOnly':
|
|
100
|
+
displayContent = flagIcon;
|
|
101
|
+
break;
|
|
102
|
+
case 'FlagsAndCodes':
|
|
103
|
+
displayContent = (_jsxs(_Fragment, { children: [flagIcon, countryCode] }));
|
|
104
|
+
break;
|
|
105
|
+
case 'FlagsAndNumbers':
|
|
106
|
+
default:
|
|
107
|
+
displayContent = (_jsxs(_Fragment, { children: [flagIcon, callingCode] }));
|
|
108
|
+
break;
|
|
109
|
+
}
|
|
110
|
+
return displayContent;
|
|
111
|
+
};
|
|
112
|
+
const prefixWithFlag = renderPrefixWithFlag();
|
|
113
|
+
return (_jsxs("div", { className: cn('flex flex-1 w-full items-center', prefixWithFlag !== null && 'gap-2'), children: [_jsx("div", { className: "flex flex-row items-center justify-start shrink-0 leading-[18px]", children: _jsx("span", { className: cn('flex items-center gap-1', getDiffClassName(diffPrefix)), children: prefixWithFlag }) }), _jsx("div", { className: "flex flex-1 truncate [&>span]:w-full [&>span]:truncate leading-[18px]", children: numberContent })] }));
|
|
114
|
+
};
|
|
115
|
+
PhoneNumberDiff.displayName = 'PhoneNumberDiff';
|
|
116
|
+
export { PhoneNumberDiff };
|
|
117
|
+
//# sourceMappingURL=phone-number-diff.js.map
|
package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-diff.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-number-diff.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-diff.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { WithDifference } from '../../../../../scalars/components/types.js';
|
|
2
|
+
import type { SelectOption } from '../../select/types.js';
|
|
3
|
+
import type { PhoneNumberInputProps } from '../types.js';
|
|
4
|
+
interface PhoneNumberInputDiffProps extends Omit<WithDifference<string>, 'diffMode'> {
|
|
5
|
+
selectValue: string;
|
|
6
|
+
inputValue: string;
|
|
7
|
+
label: PhoneNumberInputProps['label'];
|
|
8
|
+
required: PhoneNumberInputProps['required'];
|
|
9
|
+
options: SelectOption[];
|
|
10
|
+
prefixOptionFormat: PhoneNumberInputProps['prefixOptionFormat'];
|
|
11
|
+
}
|
|
12
|
+
declare const PhoneNumberInputDiff: ({ selectValue, inputValue, label, required, options, prefixOptionFormat, viewMode, baseValue, }: PhoneNumberInputDiffProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export { PhoneNumberInputDiff };
|
|
14
|
+
//# sourceMappingURL=phone-number-input-diff.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-number-input-diff.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-input-diff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAExD,UAAU,yBAA0B,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAClF,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IACrC,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAA;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;CAChE;AAED,QAAA,MAAM,oBAAoB,GAAI,iGAS3B,yBAAyB,4CAkB3B,CAAA;AAED,OAAO,EAAE,oBAAoB,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 { SplittedPhoneNumberDiff } from './splitted-phone-number.js';
|
|
4
|
+
const PhoneNumberInputDiff = ({ selectValue, inputValue, label, required, options, prefixOptionFormat, viewMode, baseValue, }) => {
|
|
5
|
+
return (_jsxs(FormGroup, { children: [!!label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedPhoneNumberDiff, { baseValue: baseValue, selectValue: selectValue, inputValue: inputValue, viewMode: viewMode, options: options, prefixOptionFormat: prefixOptionFormat })] }));
|
|
6
|
+
};
|
|
7
|
+
export { PhoneNumberInputDiff };
|
|
8
|
+
//# sourceMappingURL=phone-number-input-diff.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-number-input-diff.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/phone-number-input/subcomponents/phone-number-input-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sDAAsD,CAAA;AAC3F,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AAcpE,MAAM,oBAAoB,GAAG,CAAC,EAC5B,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,SAAS,GACiB,EAAE,EAAE;IAC9B,OAAO,CACL,MAAC,SAAS,eACP,CAAC,CAAC,KAAK,IAAI,CACV,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EACD,KAAC,uBAAuB,IACtB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,GACtC,IACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { WithDifference } from '../../../../../scalars/components/types.js';
|
|
2
|
+
import type { SelectOption } from '../../select/types.js';
|
|
3
|
+
import type { PhoneNumberInputProps } from '../types.js';
|
|
4
|
+
interface SplittedPhoneNumberDiffProps extends Omit<WithDifference<string>, 'diffMode'> {
|
|
5
|
+
selectValue: string;
|
|
6
|
+
inputValue: string;
|
|
7
|
+
options: SelectOption[];
|
|
8
|
+
prefixOptionFormat: PhoneNumberInputProps['prefixOptionFormat'];
|
|
9
|
+
}
|
|
10
|
+
declare const SplittedPhoneNumberDiff: ({ baseValue, selectValue, inputValue, viewMode, options, prefixOptionFormat, }: SplittedPhoneNumberDiffProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { SplittedPhoneNumberDiff };
|
|
12
|
+
//# sourceMappingURL=splitted-phone-number.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitted-phone-number.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/phone-number-input/subcomponents/splitted-phone-number.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAExD,UAAU,4BAA6B,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACrF,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;CAChE;AAED,QAAA,MAAM,uBAAuB,GAAI,gFAO9B,4BAA4B,4CAyC9B,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
|
package/dist/src/ui/components/data-entry/phone-number-input/subcomponents/splitted-phone-number.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../../../../scalars/lib/index.js';
|
|
3
|
+
import { InputDiff } from '../../input/subcomponent/input-diff.js';
|
|
4
|
+
import { PhoneNumberDiff } from './phone-number-diff.js';
|
|
5
|
+
const SplittedPhoneNumberDiff = ({ baseValue, selectValue, inputValue, viewMode, options, prefixOptionFormat, }) => {
|
|
6
|
+
return (_jsx(InputDiff, { className: cn('group'), "data-testid": "phone-number-input-diff", children: viewMode === 'mixed' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: cn('flex flex-1 items-center truncate [&>span]:truncate'), children: _jsx(PhoneNumberDiff, { baseValue: baseValue, selectValue: selectValue, inputValue: inputValue, viewMode: "removal", options: options, prefixOptionFormat: prefixOptionFormat }) }), _jsx("div", { className: cn('mx-3 w-px bg-gray-300 self-stretch') }), _jsx("div", { className: cn('flex flex-1 items-center truncate [&>span]:truncate'), children: _jsx(PhoneNumberDiff, { baseValue: baseValue, selectValue: selectValue, inputValue: inputValue, viewMode: "addition", options: options, prefixOptionFormat: prefixOptionFormat }) })] })) : (_jsx("div", { className: cn('flex flex-1 items-center truncate [&>span]:truncate'), children: _jsx(PhoneNumberDiff, { baseValue: baseValue, selectValue: selectValue, inputValue: inputValue, viewMode: viewMode, options: options, prefixOptionFormat: prefixOptionFormat }) })) }));
|
|
7
|
+
};
|
|
8
|
+
export { SplittedPhoneNumberDiff };
|
|
9
|
+
//# sourceMappingURL=splitted-phone-number.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitted-phone-number.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/phone-number-input/subcomponents/splitted-phone-number.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAYxD,MAAM,uBAAuB,GAAG,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,EACR,OAAO,EACP,kBAAkB,GACW,EAAE,EAAE;IACjC,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,iBAAc,yBAAyB,YACrE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,8BACE,cAAK,SAAS,EAAE,EAAE,CAAC,qDAAqD,CAAC,YACvE,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAC,SAAS,EAClB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,GACtC,GACE,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC,GAAI,EAC5D,cAAK,SAAS,EAAE,EAAE,CAAC,qDAAqD,CAAC,YACvE,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,GACtC,GACE,IACL,CACJ,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,EAAE,CAAC,qDAAqD,CAAC,YACvE,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,GACtC,GACE,CACP,GACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
|
package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-phone-number-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/use-phone-number-input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEtD,UAAU,wBAAwB;IAChC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IACrC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IACnD,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAA;IAC3C,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IAC7C,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAA;IACvC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IAC3D,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IAC7D,qBAAqB,EAAE,qBAAqB,CAAC,uBAAuB,CAAC,CAAA;IACrE,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;IAC/D,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;CACnD;AAoCD,eAAO,MAAM,mBAAmB,GAAI,oJAWjC,wBAAwB;;;;
|
|
1
|
+
{"version":3,"file":"use-phone-number-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/use-phone-number-input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEtD,UAAU,wBAAwB;IAChC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IACrC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IACnD,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAA;IAC3C,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IAC7C,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAA;IACvC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IAC3D,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IAC7D,qBAAqB,EAAE,qBAAqB,CAAC,uBAAuB,CAAC,CAAA;IACrE,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;IAC/D,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;CACnD;AAoCD,eAAO,MAAM,mBAAmB,GAAI,oJAWjC,wBAAwB;;;;2CAyHN,MAAM;6BAcnB,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;yBA8BnC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;0BA5ErC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;yBAgBnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;sBAnGf,gBAAgB,GAAG,IAAI;;CAmPjD,CAAA"}
|
|
@@ -18,11 +18,11 @@ const getCallingCode = (countryCode) => {
|
|
|
18
18
|
const parsePhoneValue = (rawValue) => {
|
|
19
19
|
if (rawValue === '')
|
|
20
20
|
return null;
|
|
21
|
-
const
|
|
22
|
-
const parsedValue = parsePhoneNumber(
|
|
21
|
+
const withPlusValue = `${rawValue.startsWith('+') ? '' : '+'}${rawValue}`;
|
|
22
|
+
const parsedValue = parsePhoneNumber(withPlusValue, { extract: false });
|
|
23
23
|
if (parsedValue?.isPossible() && parsedValue.country) {
|
|
24
24
|
const expectedValue = `+${parsedValue.countryCallingCode}${parsedValue.nationalNumber}`;
|
|
25
|
-
if (
|
|
25
|
+
if (withPlusValue !== expectedValue) {
|
|
26
26
|
return null; // the number was corrected by the library, reject it
|
|
27
27
|
}
|
|
28
28
|
const callingCode = `+${parsedValue.countryCallingCode}`;
|
|
@@ -35,6 +35,8 @@ const parsePhoneValue = (rawValue) => {
|
|
|
35
35
|
export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown, onBlur, allowedCountries, excludedCountries, includeDependentAreas = false, prefixOptionFormat = 'FlagsAndNumbers', externalRef, }) => {
|
|
36
36
|
const inputRef = useRef(null);
|
|
37
37
|
const containerRef = useRef(null);
|
|
38
|
+
const isInternalChangeRef = useRef(false);
|
|
39
|
+
const lastCursorPositionRef = useRef(0);
|
|
38
40
|
const mergedRef = (node) => {
|
|
39
41
|
inputRef.current = node;
|
|
40
42
|
if (typeof externalRef === 'function') {
|
|
@@ -51,7 +53,7 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
|
|
|
51
53
|
const [inputValue, setInputValue] = useState(() => {
|
|
52
54
|
const rawValue = value ?? defaultValue ?? '';
|
|
53
55
|
const parsedValue = parsePhoneValue(rawValue);
|
|
54
|
-
return parsedValue?.inputValue ?? rawValue
|
|
56
|
+
return parsedValue?.inputValue ?? rawValue;
|
|
55
57
|
});
|
|
56
58
|
const options = useMemo(() => {
|
|
57
59
|
const defaultOptions = countries
|
|
@@ -128,26 +130,33 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
|
|
|
128
130
|
const handleSelectOnChange = useCallback((newSelectValue) => {
|
|
129
131
|
setSelectValue(newSelectValue);
|
|
130
132
|
const callingCode = newSelectValue.split('-')[0];
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
}, [onChange]);
|
|
133
|
+
isInternalChangeRef.current = true;
|
|
134
|
+
onChange?.(`${callingCode}${inputValue}`);
|
|
135
|
+
inputRef.current?.focus();
|
|
136
|
+
}, [inputValue, onChange]);
|
|
136
137
|
const handleInputOnChange = useCallback((e) => {
|
|
137
|
-
|
|
138
|
-
|
|
138
|
+
// save cursor position
|
|
139
|
+
lastCursorPositionRef.current = e.target.selectionStart ?? 0;
|
|
140
|
+
let callingCode = selectValue.split('-')[0];
|
|
141
|
+
let inputValueToProcess = e.target.value.replace(/\D/g, '');
|
|
142
|
+
if (selectValue === '' && inputValueToProcess.startsWith('00')) {
|
|
143
|
+
inputValueToProcess = `+${inputValueToProcess.substring(2)}`;
|
|
144
|
+
}
|
|
145
|
+
const parsedValue = parsePhoneValue(`${callingCode}${inputValueToProcess}`);
|
|
139
146
|
if (selectValue === '' && parsedValue && options.some((o) => o.value === parsedValue.selectValue)) {
|
|
140
147
|
setSelectValue(parsedValue.selectValue);
|
|
141
148
|
setInputValue(parsedValue.inputValue);
|
|
142
|
-
|
|
149
|
+
callingCode = parsedValue.selectValue.split('-')[0];
|
|
150
|
+
isInternalChangeRef.current = true;
|
|
143
151
|
onChange?.(`${callingCode}${parsedValue.inputValue}`);
|
|
144
152
|
}
|
|
145
153
|
else {
|
|
146
154
|
const newInputValue = e.target.value.replace(/\D/g, '');
|
|
147
155
|
setInputValue(newInputValue);
|
|
156
|
+
isInternalChangeRef.current = true;
|
|
148
157
|
onChange?.(`${callingCode}${newInputValue}`);
|
|
149
158
|
}
|
|
150
|
-
}, [
|
|
159
|
+
}, [selectValue, options, onChange]);
|
|
151
160
|
const handleOnKeyDown = useCallback((e) => {
|
|
152
161
|
const isCopyShortcut = (e.ctrlKey && (e.key === 'c' || e.key === 'C')) || (e.metaKey && (e.key === 'c' || e.key === 'C'));
|
|
153
162
|
const isCutShortcut = (e.ctrlKey && (e.key === 'x' || e.key === 'X')) || (e.metaKey && (e.key === 'x' || e.key === 'X'));
|
|
@@ -176,6 +185,10 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
|
|
|
176
185
|
}, [onKeyDown]);
|
|
177
186
|
useEffect(() => {
|
|
178
187
|
if (value !== undefined) {
|
|
188
|
+
if (isInternalChangeRef.current) {
|
|
189
|
+
isInternalChangeRef.current = false;
|
|
190
|
+
return;
|
|
191
|
+
}
|
|
179
192
|
if (value === '') {
|
|
180
193
|
setSelectValue('');
|
|
181
194
|
setInputValue('');
|
|
@@ -186,8 +199,19 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
|
|
|
186
199
|
setSelectValue(parsedValue.selectValue);
|
|
187
200
|
setInputValue(parsedValue.inputValue);
|
|
188
201
|
}
|
|
202
|
+
else {
|
|
203
|
+
setSelectValue('');
|
|
204
|
+
setInputValue(value);
|
|
205
|
+
}
|
|
189
206
|
}
|
|
190
207
|
}, [value, options]);
|
|
208
|
+
// restore cursor position after input value change
|
|
209
|
+
useEffect(() => {
|
|
210
|
+
if (inputRef.current && lastCursorPositionRef.current > 0) {
|
|
211
|
+
const position = Math.min(lastCursorPositionRef.current, inputValue.length);
|
|
212
|
+
inputRef.current.setSelectionRange(position, position);
|
|
213
|
+
}
|
|
214
|
+
}, [inputValue]);
|
|
191
215
|
return {
|
|
192
216
|
options,
|
|
193
217
|
selectValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-phone-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/use-phone-number-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,SAA6B,MAAM,iBAAiB,CAAA;AAC3D,OAAO,gBAAgB,EAAE,EAAoB,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAiB7F,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE;IAC7C,OAAO,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAA;AAC9F,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAiB,EAAE;IAC5D,IAAI,CAAC;QACH,MAAM,WAAW,GAAG,qBAAqB,CAAC,WAA0B,CAAC,CAAA;QACrE,OAAO,IAAI,WAAW,EAAE,CAAA;IAC1B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;IAC3C,IAAI,QAAQ,KAAK,EAAE;QAAE,OAAO,IAAI,CAAA;IAEhC,MAAM,
|
|
1
|
+
{"version":3,"file":"use-phone-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/use-phone-number-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BrokenAudio.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/icon-components/BrokenAudio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,QAAA,MAAM,WAAW;YAAW,KAAK;;CAUhC,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const BrokenAudio = (props) => {
|
|
3
|
+
return (_jsxs("svg", { ...props, viewBox: "0 0 128 128", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M101.334 48C104.279 48.0002 106.667 50.3886 106.667 53.334V64C106.667 75.3158 102.171 86.1685 94.1699 94.1699C87.4361 100.904 78.683 105.153 69.334 106.331V117.334C69.3336 120.279 66.9453 122.667 64 122.667C61.0549 122.667 58.6674 120.279 58.667 117.334V106.331C53.8426 105.723 49.1777 104.296 44.8662 102.133L52.9648 94.0342C56.4664 95.3207 60.1979 96 64 96C72.4868 96 80.6268 92.629 86.6279 86.6279C92.629 80.6269 95.9999 72.4868 96 64V53.334C96 50.3885 98.3885 48 101.334 48ZM85.334 64C85.3338 75.7819 75.782 85.334 64 85.334C63.2504 85.334 62.5099 85.2942 61.7803 85.2188L85.334 61.666V64ZM26.667 48C29.6125 48 32 50.3885 32 53.334V64C32 67.3749 32.535 70.6943 33.5547 73.8467L25.3447 82.0566C22.7287 76.4558 21.334 70.3 21.334 64V53.334C21.334 50.3885 23.7215 48 26.667 48ZM64 5.33398C74.3489 5.33398 82.9759 12.7025 84.9219 22.4795L74.667 32.7354V26.667C74.667 20.776 69.891 16 64 16C58.1091 16.0002 53.334 20.7761 53.334 26.667V54.0684L42.6797 64.7217C42.6717 64.4821 42.667 64.2415 42.667 64V26.667C42.667 14.885 52.2181 5.33416 64 5.33398Z", fill: "currentColor" }), _jsx("line", { x1: "12.5", y1: "115.015", x2: "116.015", y2: "11.5", stroke: "#D7D8D9", strokeWidth: "12", strokeLinecap: "round" })] }));
|
|
4
|
+
};
|
|
5
|
+
BrokenAudio.displayName = 'BrokenAudio';
|
|
6
|
+
export default BrokenAudio;
|
|
7
|
+
//# sourceMappingURL=BrokenAudio.js.map
|