@powerhousedao/document-engineering 1.30.0 → 1.32.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/fragments/id-autocomplete/id-autocomplete-input-container.d.ts.map +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.js +30 -31
- package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.js.map +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/use-id-autocomplete.d.ts.map +1 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/use-id-autocomplete.js +2 -1
- package/dist/src/scalars/components/fragments/id-autocomplete/use-id-autocomplete.js.map +1 -1
- package/dist/src/scalars/components/index.d.ts +1 -0
- package/dist/src/scalars/components/index.d.ts.map +1 -1
- package/dist/src/scalars/components/index.js +1 -0
- package/dist/src/scalars/components/index.js.map +1 -1
- 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/password-input/password-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/password-input/password-input.js +1 -1
- package/dist/src/ui/components/data-entry/password-input/password-input.js.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/index.d.ts +1 -0
- package/dist/src/ui/components/index.d.ts.map +1 -1
- package/dist/src/ui/components/index.js +1 -0
- package/dist/src/ui/components/index.js.map +1 -1
- package/dist/src/ui/components/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":"id-autocomplete-input-container.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"id-autocomplete-input-container.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAKhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEtD,UAAU,iCACR,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC5E,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;IACvB,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,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACjE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC9D;AAED,QAAA,MAAM,4BAA4B,4GAmJjC,CAAA;AAID,OAAO,EAAE,4BAA4B,EAAE,KAAK,iCAAiC,EAAE,CAAA"}
|
package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Icon } from '../../../../ui/components/icon/index.js';
|
|
3
3
|
import { cn } from '../../../../scalars/lib/index.js';
|
|
4
|
-
import { Command as CommandPrimitive } from 'cmdk';
|
|
5
4
|
import React, { useMemo, useState } from 'react';
|
|
6
5
|
import { useMediaQuery } from 'usehooks-ts';
|
|
7
6
|
import { Input } from '../../../../ui/components/data-entry/input/index.js';
|
|
@@ -12,36 +11,36 @@ const IdAutocompleteInputContainer = React.forwardRef(({ id, name, value, classN
|
|
|
12
11
|
const [hasCopied, setHasCopied] = useState(false);
|
|
13
12
|
const hasHover = useMediaQuery('(hover: hover) and (pointer: fine)');
|
|
14
13
|
const transformers = useMemo(() => [sharedValueTransformers.trimOnBlur(), sharedValueTransformers.trimOnEnter()], []);
|
|
15
|
-
return (_jsxs("div", { className: cn('group relative'), children: [_jsx(ValueTransformer, { transformers: transformers, children: _jsx(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
14
|
+
return (_jsxs("div", { className: cn('group relative'), children: [_jsx(ValueTransformer, { transformers: transformers, children: _jsx(Input, { id: id, name: name, value: value, className: cn('pr-9', className), disabled: disabled, onChange: onChange, onBlur: onBlur, onClick: (e) => {
|
|
15
|
+
const input = e.target;
|
|
16
|
+
if (!(isLoading || haveFetchError) && !selectedOption && input.value !== '') {
|
|
17
|
+
handleOpenChange?.(true);
|
|
18
|
+
}
|
|
19
|
+
onClick?.(e);
|
|
20
|
+
}, onKeyDown: (e) => {
|
|
21
|
+
onKeyDown?.(e);
|
|
22
|
+
const isOptionsRelatedKey = ['ArrowUp', 'ArrowDown', 'Enter'].includes(e.key);
|
|
23
|
+
if (e.key === 'Enter' && isPopoverOpen && optionsLength === 0) {
|
|
24
|
+
handleOpenChange?.(false);
|
|
25
|
+
e.preventDefault();
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
if (!(isOptionsRelatedKey && isPopoverOpen && optionsLength > 0)) {
|
|
29
|
+
e.stopPropagation();
|
|
30
|
+
}
|
|
31
|
+
}, onMouseDown: (e) => {
|
|
32
|
+
const input = e.target;
|
|
33
|
+
if (!input.contains(document.activeElement)) {
|
|
34
|
+
// wait for the next tick to ensure the focus occurs first
|
|
35
|
+
requestAnimationFrame(() => {
|
|
36
|
+
input.select();
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
onMouseDown?.(e);
|
|
40
|
+
}, onPaste: (e) => {
|
|
41
|
+
handlePaste?.(e);
|
|
42
|
+
onPaste?.(e);
|
|
43
|
+
}, placeholder: placeholder, "aria-invalid": hasError, "aria-label": !label ? 'Id Autocomplete' : undefined, "aria-required": required, "aria-expanded": isPopoverOpen, "aria-autocomplete": "list", autoComplete: "off", autoCorrect: "off", maxLength: maxLength, role: "combobox", spellCheck: false, type: "text", ...props, ref: ref }) }), _jsxs("div", { className: cn('absolute right-3 top-1/2 flex size-4 -translate-y-1/2 items-center', !isLoading && !haveFetchError && !selectedOption && 'pointer-events-none'), children: [isLoading && (_jsx(Icon, { name: "Reload", size: 16, className: cn('animate-spin text-gray-500 dark:text-gray-600') })), haveFetchError && (_jsx(TooltipProvider, { children: _jsx(Tooltip, { content: "Network error!", children: _jsx(Icon, { name: "Error", size: 16, className: cn('text-red-900') }) }) })), selectedOption && !isLoading && !haveFetchError && (_jsx(TooltipProvider, { children: _jsx(Tooltip, { content: "Copied!", open: hasCopied, triggerAsChild: true, children: _jsx("button", { type: "button", onClick: () => {
|
|
45
44
|
navigator.clipboard
|
|
46
45
|
.writeText(selectedOption.value)
|
|
47
46
|
.then(() => {
|
package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"id-autocomplete-input-container.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAA;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AACrD,OAAO,
|
|
1
|
+
{"version":3,"file":"id-autocomplete-input-container.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAA;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AACrD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,qDAAqD,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AAEnF,OAAO,gBAA0C,MAAM,+BAA+B,CAAA;AAuBtF,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CACnD,CACE,EACE,EAAE,EACF,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,EACT,WAAW,EACX,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,QAAQ,GAAG,aAAa,CAAC,oCAAoC,CAAC,CAAA;IAEpE,MAAM,YAAY,GAAoB,OAAO,CAC3C,GAAG,EAAE,CAAC,CAAC,uBAAuB,CAAC,UAAU,EAAE,EAAE,uBAAuB,CAAC,WAAW,EAAE,CAAC,EACnF,EAAE,CACH,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,aAClC,KAAC,gBAAgB,IAAC,YAAY,EAAE,YAAY,YAC1C,KAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;wBAC1C,IAAI,CAAC,CAAC,SAAS,IAAI,cAAc,CAAC,IAAI,CAAC,cAAc,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;4BAC5E,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAA;wBAC1B,CAAC;wBACD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;oBACd,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wBACf,SAAS,EAAE,CAAC,CAAC,CAAC,CAAA;wBACd,MAAM,mBAAmB,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;wBAE7E,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,aAAa,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;4BAC9D,gBAAgB,EAAE,CAAC,KAAK,CAAC,CAAA;4BACzB,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,OAAM;wBACR,CAAC;wBACD,IAAI,CAAC,CAAC,mBAAmB,IAAI,aAAa,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC;4BACjE,CAAC,CAAC,eAAe,EAAE,CAAA;wBACrB,CAAC;oBACH,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;wBACjB,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;wBAC1C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;4BAC5C,0DAA0D;4BAC1D,qBAAqB,CAAC,GAAG,EAAE;gCACzB,KAAK,CAAC,MAAM,EAAE,CAAA;4BAChB,CAAC,CAAC,CAAA;wBACJ,CAAC;wBACD,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;oBAClB,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;wBAChB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;oBACd,CAAC,EACD,WAAW,EAAE,WAAW,kBACV,QAAQ,gBACV,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,mBACnC,QAAQ,mBACR,aAAa,uBACV,MAAM,EACxB,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,UAAU,EACf,UAAU,EAAE,KAAK,EACjB,IAAI,EAAC,MAAM,KACP,KAAK,EACT,GAAG,EAAE,GAAG,GACR,GACe,EACnB,eACE,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE,CAAC,SAAS,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,IAAI,qBAAqB,CAC1E,aAEA,SAAS,IAAI,CACZ,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,+CAA+C,CAAC,GAAI,CACjG,EACA,cAAc,IAAI,CACjB,KAAC,eAAe,cACd,KAAC,OAAO,IAAC,OAAO,EAAC,gBAAgB,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,GAAI,GACtD,GACM,CACnB,EACA,cAAc,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,IAAI,CAClD,KAAC,eAAe,cACd,KAAC,OAAO,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,cAAc,kBACxD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oCACZ,SAAS,CAAC,SAAS;yCAChB,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC;yCAC/B,IAAI,CAAC,GAAG,EAAE;wCACT,YAAY,CAAC,IAAI,CAAC,CAAA;wCAClB,UAAU,CAAC,GAAG,EAAE;4CACd,YAAY,CAAC,KAAK,CAAC,CAAA;wCACrB,CAAC,EAAE,IAAI,CAAC,CAAA;oCACV,CAAC,CAAC;yCACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;wCACf,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAA;oCAChD,CAAC,CAAC,CAAA;gCACN,CAAC,EACD,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,QAAQ,IAAI,mEAAmE,CAChF,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,GAAI,GAC1E,GACD,GACM,CACnB,IACG,IACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,4BAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAA;AAEzE,OAAO,EAAE,4BAA4B,EAA0C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-id-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/use-id-autocomplete.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAE3E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;IACvD,cAAc,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAClD,YAAY,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;IACzD,mBAAmB,EAAE,mBAAmB,CAAC,6BAA6B,CAAC,CAAA;CACxE;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,eAAe,EACf,cAAc,EACd,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,mBAAmB,GACpB,EAAE,uBAAuB;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"use-id-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/use-id-autocomplete.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAE3E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;IACvD,cAAc,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAClD,YAAY,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;IACzD,mBAAmB,EAAE,mBAAmB,CAAC,6BAA6B,CAAC,CAAA;CACxE;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,eAAe,EACf,cAAc,EACd,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,mBAAmB,GACpB,EAAE,uBAAuB;;;;;;;;;;;gCA6HR,MAAM;6BAVb,OAAO;uBAqCV,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;sBAflC,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;gCAUM,MAAM;uCA/E3C,MAAM;qBA6FV,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;EAoF7C"}
|
|
@@ -46,6 +46,7 @@ export function useIdAutocomplete({ autoComplete, defaultValue, value, isOpenByD
|
|
|
46
46
|
else {
|
|
47
47
|
setSelectedOption(undefined);
|
|
48
48
|
setIsPopoverOpen(true);
|
|
49
|
+
setCommandValue(newOptions[0]?.value ?? '');
|
|
49
50
|
}
|
|
50
51
|
setIsLoading(false);
|
|
51
52
|
})
|
|
@@ -103,7 +104,7 @@ export function useIdAutocomplete({ autoComplete, defaultValue, value, isOpenByD
|
|
|
103
104
|
}
|
|
104
105
|
}, [clear, autoComplete, fetchSelectedOption]);
|
|
105
106
|
const handleOpenChange = useCallback((open) => {
|
|
106
|
-
if (
|
|
107
|
+
if (open) {
|
|
107
108
|
setCommandValue(options[0]?.value ?? '');
|
|
108
109
|
}
|
|
109
110
|
setIsPopoverOpen(open);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-id-autocomplete.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/use-id-autocomplete.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"use-id-autocomplete.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/use-id-autocomplete.ts"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,7 @@ export * from './types.js';
|
|
|
19
19
|
export * from './url-field/index.js';
|
|
20
20
|
export * from './email-field/index.js';
|
|
21
21
|
export * from './file-field/index.js';
|
|
22
|
+
export * from './phone-number-field/index.js';
|
|
22
23
|
export {
|
|
23
24
|
/**
|
|
24
25
|
* @deprecated Use the `Dropdown` component from the `@powerhousedao/document-engineering/ui` package instead.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/scalars/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/scalars/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAG7C,OAAO;AACL;;;GAGG;AACH,QAAQ;AACR;;;GAGG;AACH,eAAe;AACf;;;GAGG;AACH,YAAY;AACZ;;;GAGG;AACH,aAAa;AACb;;;GAGG;AACH,gBAAgB;AAChB;;;GAGG;AACH,eAAe,GAChB,MAAM,uCAAuC,CAAA;AAE9C,OAAO;AACL;;;GAGG;AACH,OAAO;AACP;;;GAGG;AACH,eAAe;AACf;;;GAGG;AACH,UAAU;AACV;;;GAGG;AACH,KAAK,aAAa;AAClB;;;GAGG;AACH,KAAK,UAAU;AACf;;;GAGG;AACH,KAAK,WAAW;AAChB;;;GAGG;AACH,KAAK,WAAW;AAChB;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,sCAAsC,CAAA;AAG7C,OAAO;AACL;;;GAGG;AACH,KAAK;AACL;;;GAGG;AACH,KAAK,UAAU,GAChB,MAAM,8BAA8B,CAAA;AAErC,OAAO;AACL;;GAEG;AACH,aAAa,GACd,MAAM,qCAAqC,CAAA;AAE5C,OAAO;AACL;;GAEG;AACH,WAAW,GACZ,MAAM,mCAAmC,CAAA;AAE1C,OAAO;AACL;;GAEG;AACH,SAAS,GACV,MAAM,iCAAiC,CAAA;AAExC,OAAO;AACL;;GAEG;AACH,aAAa,GACd,MAAM,qCAAqC,CAAA;AAE5C,OAAO;AACL;;GAEG;AACH,WAAW,GACZ,MAAM,mCAAmC,CAAA;AAE1C,OAAO;AACL;;GAEG;AACH,eAAe,GAChB,MAAM,wCAAwC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/scalars/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/scalars/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAE7C,wBAAwB;AACxB,OAAO;AACL;;;GAGG;AACH,QAAQ;AACR;;;GAGG;AACH,eAAe;AACf;;;GAGG;AACH,YAAY;AACZ;;;GAGG;AACH,aAAa;AACb;;;GAGG;AACH,gBAAgB;AAChB;;;GAGG;AACH,eAAe,GAChB,MAAM,uCAAuC,CAAA;AAE9C,OAAO;AACL;;;GAGG;AACH,OAAO;AACP;;;GAGG;AACH,eAAe;AACf;;;GAGG;AACH,UAAU,GA0BX,MAAM,sCAAsC,CAAA;AAE7C,uBAAuB;AACvB,OAAO;AACL;;;GAGG;AACH,KAAK,GAMN,MAAM,8BAA8B,CAAA;AAErC,OAAO;AACL;;GAEG;AACH,aAAa,GACd,MAAM,qCAAqC,CAAA;AAE5C,OAAO;AACL;;GAEG;AACH,WAAW,GACZ,MAAM,mCAAmC,CAAA;AAE1C,OAAO;AACL;;GAEG;AACH,SAAS,GACV,MAAM,iCAAiC,CAAA;AAExC,OAAO;AACL;;GAEG;AACH,aAAa,GACd,MAAM,qCAAqC,CAAA;AAE5C,OAAO;AACL;;GAEG;AACH,WAAW,GACZ,MAAM,mCAAmC,CAAA;AAE1C,OAAO;AACL;;GAEG;AACH,eAAe,GAChB,MAAM,wCAAwC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phone-number-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/phone-number-field/phone-number-field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"phone-number-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/phone-number-field/phone-number-field.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,gBAAgB,8NA+BpB,CAAA;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import parsePhoneNumber from 'libphonenumber-js';
|
|
2
3
|
import { PhoneNumberInput } from '../../../ui/components/data-entry/phone-number-input/index.js';
|
|
3
4
|
import { withFieldValidation } from '../fragments/with-field-validation/index.js';
|
|
4
5
|
const PhoneNumberField = withFieldValidation(PhoneNumberInput, {
|
|
@@ -7,8 +8,23 @@ const PhoneNumberField = withFieldValidation(PhoneNumberInput, {
|
|
|
7
8
|
if (value === '' || value === undefined) {
|
|
8
9
|
return true;
|
|
9
10
|
}
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
const errorMessage = 'Invalid phone number format. Please enter a valid phone number formatted according to the ITU-T E.164 recommendation, e.g. +14155552671';
|
|
12
|
+
// check basic regex pattern
|
|
13
|
+
const phoneRegex = /^\+?[1-9]\d{1,14}$/;
|
|
14
|
+
if (!phoneRegex.test(value)) {
|
|
15
|
+
return errorMessage;
|
|
16
|
+
}
|
|
17
|
+
// validate using libphonenumber-js
|
|
18
|
+
const withPlusValue = `${value.startsWith('+') ? '' : '+'}${value}`;
|
|
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 errorMessage;
|
|
24
|
+
}
|
|
25
|
+
return true;
|
|
26
|
+
}
|
|
27
|
+
return errorMessage;
|
|
12
28
|
},
|
|
13
29
|
},
|
|
14
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phone-number-field.js","sourceRoot":"","sources":["../../../../../src/scalars/components/phone-number-field/phone-number-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAA;AAChG,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAA;AAGjF,MAAM,gBAAgB,GAAG,mBAAmB,CAAwB,gBAAgB,EAAE;IACpF,WAAW,EAAE;QACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,KAAyB,EAAE,EAAE;YAChD,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxC,OAAO,IAAI,CAAA;YACb,CAAC;YAED,
|
|
1
|
+
{"version":3,"file":"phone-number-field.js","sourceRoot":"","sources":["../../../../../src/scalars/components/phone-number-field/phone-number-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,gBAAgB,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAA;AAChG,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAA;AAGjF,MAAM,gBAAgB,GAAG,mBAAmB,CAAwB,gBAAgB,EAAE;IACpF,WAAW,EAAE;QACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,KAAyB,EAAE,EAAE;YAChD,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxC,OAAO,IAAI,CAAA;YACb,CAAC;YAED,MAAM,YAAY,GAChB,yIAAyI,CAAA;YAE3I,4BAA4B;YAC5B,MAAM,UAAU,GAAG,oBAAoB,CAAA;YACvC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC5B,OAAO,YAAY,CAAA;YACrB,CAAC;YAED,mCAAmC;YACnC,MAAM,aAAa,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,EAAE,CAAA;YACnE,MAAM,WAAW,GAAG,gBAAgB,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;YAEvE,IAAI,WAAW,EAAE,UAAU,EAAE,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBACrD,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,kBAAkB,GAAG,WAAW,CAAC,cAAc,EAAE,CAAA;gBACvF,IAAI,aAAa,KAAK,aAAa,EAAE,CAAC;oBACpC,OAAO,YAAY,CAAA;gBACrB,CAAC;gBACD,OAAO,IAAI,CAAA;YACb,CAAC;YAED,OAAO,YAAY,CAAA;QACrB,CAAC;KACF;CACF,CAAC,CAAA;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -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,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;
|
|
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;AA2N/F,QAAA,MAAM,WAAW;YAAW,gBAAgB;;CAK3C,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
|
|
@@ -6,7 +6,7 @@ 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,
|
|
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, enableStepCarets = false,
|
|
10
10
|
// Diff Props
|
|
11
11
|
baseValue, viewMode = 'edition', }, ref) => {
|
|
12
12
|
const generatedId = useId();
|
|
@@ -25,7 +25,7 @@ baseValue, viewMode = 'edition', }, ref) => {
|
|
|
25
25
|
if (viewMode === 'edition') {
|
|
26
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
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, numericType: type === 'AmountCurrency' || type === 'AmountCrypto' ? 'BigInt' : 'Float', 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" })] }));
|
|
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, enableStepCarets: enableStepCarets, numericType: type === 'AmountCurrency' || type === 'AmountCrypto' ? 'BigInt' : 'Float', 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
29
|
}
|
|
30
30
|
return (_jsx(AmountInputDiff, { value: value, baseValue: baseValue, viewMode: viewMode, required: required, label: label, currencyPosition: currencyPosition, options: options, symbolPosition: symbolPosition, includeCurrencySymbols: includeCurrencySymbols }));
|
|
31
31
|
});
|
|
@@ -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;AAGtD,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AA8BtE,MAAM,qBAAqB,GAAG,UAAU,CACtC,CACE,EACE,KAAK,EACL,KAAK,EACL,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,WAAW,EACX,IAAI,GAAG,CAAC,EACR,gBAAgB,GAAG,OAAO,EAC1B,IAAI,EACJ,aAAa,EACb,aAAa,EACb,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,sBAAsB,EACtB,cAAc;
|
|
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,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Example component demonstrating the FileField component usage within a real Form context.
|
|
3
|
+
* This shows how to manage file upload states and handle user interactions in a production-like scenario.
|
|
4
|
+
*/
|
|
5
|
+
declare const FileUploadItemExample: () => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default FileUploadItemExample;
|
|
7
|
+
//# sourceMappingURL=file-upload-item-example.d.ts.map
|
package/dist/src/ui/components/data-entry/file-input/examples/file-upload-item-example.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-upload-item-example.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/examples/file-upload-item-example.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,QAAA,MAAM,qBAAqB,+CA8I1B,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Form } from '../../../../../scalars/components/form/index.js';
|
|
4
|
+
import { FileField } from '../../../../../scalars/components/file-field/index.js';
|
|
5
|
+
import { Button } from '../../../../../ui/components/button/index.js';
|
|
6
|
+
/**
|
|
7
|
+
* Example component demonstrating the FileField component usage within a real Form context.
|
|
8
|
+
* This shows how to manage file upload states and handle user interactions in a production-like scenario.
|
|
9
|
+
*/
|
|
10
|
+
const FileUploadItemExample = () => {
|
|
11
|
+
const [status, setStatus] = useState('idle');
|
|
12
|
+
const [progress, setProgress] = useState(0);
|
|
13
|
+
const [errorMessage, setErrorMessage] = useState([]);
|
|
14
|
+
const [file, setFile] = useState(undefined);
|
|
15
|
+
const simulateUpload = () => {
|
|
16
|
+
setStatus('uploading');
|
|
17
|
+
setProgress(0);
|
|
18
|
+
const interval = setInterval(() => {
|
|
19
|
+
setProgress((prev) => {
|
|
20
|
+
if (prev >= 100) {
|
|
21
|
+
clearInterval(interval);
|
|
22
|
+
setStatus('success');
|
|
23
|
+
return 100;
|
|
24
|
+
}
|
|
25
|
+
return prev + 10;
|
|
26
|
+
});
|
|
27
|
+
}, 200);
|
|
28
|
+
};
|
|
29
|
+
const simulateError = () => {
|
|
30
|
+
setStatus('error');
|
|
31
|
+
setErrorMessage(['File size exceeds limit', 'Invalid file format']);
|
|
32
|
+
};
|
|
33
|
+
const handleCancel = () => {
|
|
34
|
+
console.log('File upload canceled');
|
|
35
|
+
setStatus('idle');
|
|
36
|
+
setProgress(0);
|
|
37
|
+
setErrorMessage([]);
|
|
38
|
+
};
|
|
39
|
+
const handleReload = () => {
|
|
40
|
+
console.log('Retrying upload');
|
|
41
|
+
setStatus('uploading');
|
|
42
|
+
setProgress(0);
|
|
43
|
+
setErrorMessage([]);
|
|
44
|
+
simulateUpload();
|
|
45
|
+
};
|
|
46
|
+
const resetToIdle = () => {
|
|
47
|
+
setStatus('idle');
|
|
48
|
+
setProgress(0);
|
|
49
|
+
setErrorMessage([]);
|
|
50
|
+
};
|
|
51
|
+
const handleFormSubmit = async (data) => {
|
|
52
|
+
const file = data.file;
|
|
53
|
+
setFile(file);
|
|
54
|
+
// Simulate API call
|
|
55
|
+
await new Promise((resolve) => setTimeout(resolve, 1000));
|
|
56
|
+
// eslint-disable-next-line no-alert
|
|
57
|
+
alert(`Form submitted successfully!\n\nFile: ${data.file.name}\nDescription: ${data.description}`);
|
|
58
|
+
};
|
|
59
|
+
return (_jsxs("div", { className: "space-y-6 p-6 max-w-2xl", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "FileField Integration Example" }), _jsx("p", { className: "text-sm text-gray-600", children: "This example demonstrates how to use FileField within a real Form context, showing file upload states and user interactions in a production-like scenario." }), _jsxs("div", { className: "border rounded-lg p-6 bg-white shadow-sm", children: [_jsx("h4", { className: "text-md font-medium text-gray-700 mb-4", children: "Document Upload Form" }), _jsx(Form, { onSubmit: handleFormSubmit, children: ({ formState: { isSubmitting } }) => (_jsxs("div", { className: "space-y-4 w-[247px]", children: [_jsx(FileField, { name: "file", label: "Upload Document", description: "Choose your document", required: true, maxFileSize: 15728640, dragAndDropEnabled: true,
|
|
60
|
+
// File upload state props
|
|
61
|
+
status: status, progress: progress, showPreview: true, errorsUpload: errorMessage, onCancel: handleCancel, onReload: handleReload, fileName: file?.name ?? '', fileSize: file?.size ?? 0, mimeType: file?.type ?? '' }), _jsxs("div", { className: "flex flex-wrap gap-2 pt-2", children: [_jsx("button", { type: "button", onClick: simulateUpload, disabled: status === 'uploading', className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm", children: "Simulate Upload" }), _jsx("button", { type: "button", onClick: simulateError, disabled: status === 'uploading', className: "px-4 py-2 bg-red-600 text-white rounded-md hover:bg-red-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm", children: "Simulate Error" }), _jsx("button", { type: "button", onClick: resetToIdle, className: "px-4 py-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 text-sm", children: "Reset to Idle" })] }), _jsx("div", { className: "pt-4", children: _jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full", children: isSubmitting ? 'Submitting...' : 'Submit Document' }) })] })) })] })] }), _jsxs("div", { className: "text-sm text-gray-600 space-y-2", children: [_jsx("h4", { className: "font-medium text-gray-700", children: "How to use this example:" }), _jsxs("ol", { className: "list-decimal list-inside space-y-1 ml-4", children: [_jsx("li", { children: "Select a file using the FileField component in the form above" }), _jsx("li", { children: "Use the control buttons to simulate different upload states" }), _jsx("li", { children: "Submit the form to see how FileField integrates with form submission" }), _jsx("li", { children: "Observe how the FileUploadItem component responds to different props" }), _jsx("li", { children: "Try the cancel and reload functionality" })] })] })] }));
|
|
62
|
+
};
|
|
63
|
+
export default FileUploadItemExample;
|
|
64
|
+
//# sourceMappingURL=file-upload-item-example.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-upload-item-example.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/examples/file-upload-item-example.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA"}
|
|
@@ -39,7 +39,7 @@ fileName, fileSize, mimeType, progress, onCancel, onReload, showPreview = false,
|
|
|
39
39
|
tabIndex: disabled ? -1 : 0,
|
|
40
40
|
}), "data-testid": "file-drop-area", children: [status === 'idle' && (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Icon, { name: "FileUpload", size: 40, className: "text-gray-500", "aria-hidden": "true" }), _jsx("p", { className: "text-gray-500 font-normal text-sm leading-5", children: description })] })), status !== 'idle' && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center p-4", children: _jsx("div", { className: "w-full max-w-full", children: _jsx(FileUploadItem, { errorsUpload: errorsUpload, mimeType: mimeType, fileName: fileName, fileSize: formatBytes(fileSize ?? 0, 2), progress: progress, status: status, onCancel: onCancel, onReload: onReload,
|
|
41
41
|
// Preview Props
|
|
42
|
-
preview: preview, showPreview: showPreview, handleOnCancelPreview: handleCancelPreview, isPreviewOpen: isPreviewOpen, handleOnPreview:
|
|
42
|
+
preview: preview, showPreview: showPreview, handleOnCancelPreview: handleCancelPreview, isPreviewOpen: isPreviewOpen, handleOnPreview: handleOnPreview, previewStatus: previewStatus, typePreview: typePreview }) }) })), _jsx("input", { ref: ref, type: "hidden", name: name }), _jsx(Input, { ...getInputProps({
|
|
43
43
|
id,
|
|
44
44
|
required,
|
|
45
45
|
disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/file-input.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/file-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { PreviewType, UploadFile } from '../types.js';
|
|
2
2
|
interface FileUploadItemProps {
|
|
3
3
|
fileName?: string;
|
|
4
4
|
fileSize?: string;
|
|
@@ -14,8 +14,8 @@ interface FileUploadItemProps {
|
|
|
14
14
|
isPreviewOpen?: boolean;
|
|
15
15
|
handleOnPreview?: () => void;
|
|
16
16
|
handleOnCancelPreview?: () => void;
|
|
17
|
-
previewStatus:
|
|
18
|
-
typePreview
|
|
17
|
+
previewStatus: 'idle' | 'loading' | 'success' | 'corrupted_file' | 'unsupported_file';
|
|
18
|
+
typePreview?: PreviewType;
|
|
19
19
|
}
|
|
20
20
|
declare const FileUploadItem: {
|
|
21
21
|
({ fileName, fileSize, progress, onCancel, onReload, className, mimeType, errorsUpload, status, showPreview, preview, isPreviewOpen, handleOnPreview, handleOnCancelPreview, previewStatus, typePreview, }: FileUploadItemProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-upload-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/file-upload-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"file-upload-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/file-upload-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAiB1D,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,MAAM,CAAC,EAAE,UAAU,CAAA;IAGnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;IACrF,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,QAAA,MAAM,cAAc;gNAmBjB,mBAAmB;;CAwIrB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from '../../../../../scalars/lib/utils.js';
|
|
3
3
|
import { ProgressBar } from '../../../../../scalars/components/fragments/progress-bar/index.js';
|
|
4
4
|
import { Icon } from '../../../icon/index.js';
|
|
5
5
|
import { FormMessageList } from '../../../../../scalars/components/fragments/form-message/message-list.js';
|
|
6
|
-
import { getIconKey, MESSAGES } from '../utils.js';
|
|
6
|
+
import { getContainerDimensions, getIconKey, MESSAGES } from '../utils.js';
|
|
7
7
|
import { AlertDialog, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, } from '../../../confirm/alert-dialog.js';
|
|
8
8
|
import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
9
|
+
import PreviewFile from './preview-file.js';
|
|
10
|
+
import PreviewImage from './preview-image.js';
|
|
11
|
+
import PreviewAudio from './preview-audio.js';
|
|
12
|
+
import PreviewVideo from './preview-video.js';
|
|
13
|
+
import { PlaceHolderUnsupported } from './placeholder-unsupported.js';
|
|
14
|
+
import { PlaceHolderLoading } from './placeholder-loading.js';
|
|
15
|
+
import { PlaceHolderCorrupted } from './placeholder-corrupted.js';
|
|
12
16
|
const FileUploadItem = ({ fileName = '', fileSize = '', progress = undefined, onCancel, onReload, className, mimeType = '', errorsUpload, status = 'idle',
|
|
13
17
|
// Preview Props
|
|
14
18
|
showPreview, preview, isPreviewOpen, handleOnPreview, handleOnCancelPreview = () => null, previewStatus, typePreview, }) => {
|
|
@@ -24,10 +28,13 @@ showPreview, preview, isPreviewOpen, handleOnPreview, handleOnCancelPreview = ()
|
|
|
24
28
|
e.stopPropagation();
|
|
25
29
|
onReload?.(e);
|
|
26
30
|
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
+
const commonPreviewProps = {
|
|
32
|
+
className: 'w-full h-full',
|
|
33
|
+
status: previewStatus,
|
|
34
|
+
onClose: handleOnCancelPreview,
|
|
35
|
+
preview,
|
|
36
|
+
};
|
|
37
|
+
return (_jsxs("div", { className: cn('bg-white rounded-md shadow-[0px_2px_12px_0px_rgba(37,42,52,0.10)] w-full', 'pt-2 px-2 pb-1', 'border-gray-100', className), children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "flex flex-1 gap-2 ", children: [_jsx(Icon, { name: getIconKey(mimeType), size: 36 }), _jsxs("div", { className: "flex w-23 flex-col", children: [_jsx("span", { className: cn('text-gray-900 text-xs font-medium leading-4.5', 'truncate'), children: fileName }), _jsx("span", { className: "text-gray-500 text-xs leading-4.5 font-medium", children: fileSize })] })] }), _jsx("div", { className: "flex flex-col items-center gap-2", children: _jsxs("div", { className: "flex items-center gap-2", children: [showProgress && _jsxs("span", { className: "text-gray-600 font-medium text-xs", children: [Math.round(progress), "%"] }), status === 'error' && (_jsx("button", { type: "button", onClick: handleOnReload, className: "text-gray-400 hover:text-gray-600 transition-colors", "aria-label": "Reload upload", children: _jsx(Icon, { name: "Reload", size: 16, className: "text-gray-900" }) })), _jsx("button", { type: "button", onClick: handleOnCancel, className: "text-gray-400 hover:text-gray-600 transition-colors", "aria-label": "Cancel Upload", children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "text-gray-900" }) })] }) })] }), _jsxs("div", { className: "flex flex-col mt-0.5 h-4.5", children: [showProgress && (_jsx(ProgressBar, { value: progress, className: "h-2 bg-gray-100 [&_[data-slot=progress-bar-indicator]]:bg-blue-600" })), _jsxs("div", { className: "flex flex-row justify-between", role: "status", "aria-live": "polite", "aria-atomic": "true", children: [showSuccess && _jsx("span", { className: "text-green-700 text-xs leading-4.5 font-normal", children: MESSAGES.success }), showSuccess && showPreview && (_jsx("button", { type: "button", onClick: handleOnPreview, className: "text-blue-900 text-xs leading-4.5 font-normal", "aria-label": "Open preview", children: MESSAGES.preview }))] }), showError && (_jsx("div", { role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: _jsx("span", { className: "text-red-900 text-xs leading-4.5 font-normal", children: MESSAGES.error }) }))] }), showPreview && (_jsxs(AlertDialog, { open: isPreviewOpen, children: [_jsx(VisuallyHidden, { children: _jsx(AlertDialogTitle, { children: "Preview" }) }), _jsx(VisuallyHidden, { children: _jsx(AlertDialogDescription, { children: "Preview of the file" }) }), _jsxs(AlertDialogContent, { className: cn('p-0 border-0 shadow-none bg-transparent max-w-none', getContainerDimensions(previewStatus, typePreview)), children: [previewStatus === 'loading' && (_jsx(PlaceHolderLoading, { onClose: handleOnCancelPreview, typePreview: typePreview ?? 'pdf' })), previewStatus === 'corrupted_file' && (_jsx(PlaceHolderCorrupted, { onClose: handleOnCancelPreview, typePreview: typePreview ?? 'pdf' })), previewStatus === 'unsupported_file' && _jsx(PlaceHolderUnsupported, { onClose: handleOnCancelPreview }), previewStatus === 'success' && (_jsxs(_Fragment, { children: [typePreview === 'pdf' && _jsx(PreviewFile, { ...commonPreviewProps }), typePreview === 'image' && _jsx(PreviewImage, { ...commonPreviewProps }), typePreview === 'audio' && _jsx(PreviewAudio, { ...commonPreviewProps }), typePreview === 'video' && _jsx(PreviewVideo, { ...commonPreviewProps })] }))] })] })), showErrorsUpload && _jsx(FormMessageList, { messages: errorsUpload, type: "error", className: "gap-0.5" })] }));
|
|
31
38
|
};
|
|
32
39
|
FileUploadItem.displayName = 'FileUploadItem';
|
|
33
40
|
export { FileUploadItem };
|