@powerhousedao/document-engineering 1.28.0 → 1.29.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.
Files changed (99) hide show
  1. package/dist/src/table/components/cells/render-cell/render-cell.d.ts +2 -2
  2. package/dist/src/table/components/cells/render-cell/render-cell.d.ts.map +1 -1
  3. package/dist/src/table/components/cells/render-cell/render-cell.js +4 -4
  4. package/dist/src/table/components/cells/render-cell/render-cell.js.map +1 -1
  5. package/dist/src/table/components/cells/render-cell/use-cell-logic.d.ts +3 -4
  6. package/dist/src/table/components/cells/render-cell/use-cell-logic.d.ts.map +1 -1
  7. package/dist/src/table/components/cells/render-cell/use-cell-logic.js +3 -3
  8. package/dist/src/table/components/cells/render-cell/use-cell-logic.js.map +1 -1
  9. package/dist/src/table/components/rows/render-row.js +1 -1
  10. package/dist/src/table/components/rows/render-row.js.map +1 -1
  11. package/dist/src/table/components/table-provider/table-reducer.d.ts.map +1 -1
  12. package/dist/src/table/components/table-provider/table-reducer.js +0 -3
  13. package/dist/src/table/components/table-provider/table-reducer.js.map +1 -1
  14. package/dist/src/table/examples/table-editing/table-editing.d.ts.map +1 -1
  15. package/dist/src/table/examples/table-editing/table-editing.js +2 -1
  16. package/dist/src/table/examples/table-editing/table-editing.js.map +1 -1
  17. package/dist/src/table/logic/table-api.d.ts.map +1 -1
  18. package/dist/src/table/logic/table-api.js +17 -7
  19. package/dist/src/table/logic/table-api.js.map +1 -1
  20. package/dist/src/table/table/object-set-table.d.ts.map +1 -1
  21. package/dist/src/table/table/object-set-table.js +4 -1
  22. package/dist/src/table/table/object-set-table.js.map +1 -1
  23. package/dist/src/table/table/types.d.ts +1 -1
  24. package/dist/src/table/table/types.d.ts.map +1 -1
  25. package/dist/src/table/table/utils.js +2 -2
  26. package/dist/src/table/table/utils.js.map +1 -1
  27. package/dist/src/ui/components/data-entry/amount-input/use-amount-input.d.ts.map +1 -1
  28. package/dist/src/ui/components/data-entry/amount-input/use-amount-input.js +3 -2
  29. package/dist/src/ui/components/data-entry/amount-input/use-amount-input.js.map +1 -1
  30. package/dist/src/ui/components/data-entry/file-input/file-input.d.ts.map +1 -1
  31. package/dist/src/ui/components/data-entry/file-input/file-input.js +5 -3
  32. package/dist/src/ui/components/data-entry/file-input/file-input.js.map +1 -1
  33. package/dist/src/ui/components/data-entry/file-input/index.d.ts +1 -1
  34. package/dist/src/ui/components/data-entry/file-input/index.d.ts.map +1 -1
  35. package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.d.ts +2 -1
  36. package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.d.ts.map +1 -1
  37. package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.js +6 -3
  38. package/dist/src/ui/components/data-entry/file-input/sub-components/file-upload-item.js.map +1 -1
  39. package/dist/src/ui/components/data-entry/file-input/sub-components/loading-bar.d.ts +7 -0
  40. package/dist/src/ui/components/data-entry/file-input/sub-components/loading-bar.d.ts.map +1 -0
  41. package/dist/src/ui/components/data-entry/file-input/sub-components/loading-bar.js +8 -0
  42. package/dist/src/ui/components/data-entry/file-input/sub-components/loading-bar.js.map +1 -0
  43. package/dist/src/ui/components/data-entry/file-input/sub-components/preview-file.d.ts +10 -0
  44. package/dist/src/ui/components/data-entry/file-input/sub-components/preview-file.d.ts.map +1 -0
  45. package/dist/src/ui/components/data-entry/file-input/sub-components/preview-file.js +17 -0
  46. package/dist/src/ui/components/data-entry/file-input/sub-components/preview-file.js.map +1 -0
  47. package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.d.ts +11 -0
  48. package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.d.ts.map +1 -0
  49. package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.js +17 -0
  50. package/dist/src/ui/components/data-entry/file-input/sub-components/preview-image.js.map +1 -0
  51. package/dist/src/ui/components/data-entry/file-input/types.d.ts +15 -0
  52. package/dist/src/ui/components/data-entry/file-input/types.d.ts.map +1 -1
  53. package/dist/src/ui/components/data-entry/file-input/types.js +6 -1
  54. package/dist/src/ui/components/data-entry/file-input/types.js.map +1 -1
  55. package/dist/src/ui/components/data-entry/file-input/useUploadFile.d.ts +1 -0
  56. package/dist/src/ui/components/data-entry/file-input/useUploadFile.d.ts.map +1 -1
  57. package/dist/src/ui/components/data-entry/file-input/useUploadFile.js +4 -1
  58. package/dist/src/ui/components/data-entry/file-input/useUploadFile.js.map +1 -1
  59. package/dist/src/ui/components/data-entry/file-input/utils.d.ts +2 -0
  60. package/dist/src/ui/components/data-entry/file-input/utils.d.ts.map +1 -1
  61. package/dist/src/ui/components/data-entry/file-input/utils.js +23 -0
  62. package/dist/src/ui/components/data-entry/file-input/utils.js.map +1 -1
  63. package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.d.ts.map +1 -1
  64. package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.js +4 -3
  65. package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.js.map +1 -1
  66. package/dist/src/ui/components/data-entry/phone-number-input/types.d.ts +1 -1
  67. package/dist/src/ui/components/data-entry/phone-number-input/types.d.ts.map +1 -1
  68. package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.d.ts +4 -2
  69. package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.d.ts.map +1 -1
  70. package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.js +133 -17
  71. package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.js.map +1 -1
  72. package/dist/src/ui/components/data-entry/select/command-list-item.d.ts.map +1 -1
  73. package/dist/src/ui/components/data-entry/select/command-list-item.js +1 -1
  74. package/dist/src/ui/components/data-entry/select/command-list-item.js.map +1 -1
  75. package/dist/src/ui/components/data-entry/textarea/textarea.d.ts.map +1 -1
  76. package/dist/src/ui/components/data-entry/textarea/textarea.js +16 -6
  77. package/dist/src/ui/components/data-entry/textarea/textarea.js.map +1 -1
  78. package/dist/src/ui/components/icon-components/BookOpenText.d.ts +7 -0
  79. package/dist/src/ui/components/icon-components/BookOpenText.d.ts.map +1 -0
  80. package/dist/src/ui/components/icon-components/BookOpenText.js +7 -0
  81. package/dist/src/ui/components/icon-components/BookOpenText.js.map +1 -0
  82. package/dist/src/ui/components/icon-components/BrokenImage.d.ts +7 -0
  83. package/dist/src/ui/components/icon-components/BrokenImage.d.ts.map +1 -0
  84. package/dist/src/ui/components/icon-components/BrokenImage.js +7 -0
  85. package/dist/src/ui/components/icon-components/BrokenImage.js.map +1 -0
  86. package/dist/src/ui/components/icon-components/ContentUnavailableIcon.d.ts +7 -0
  87. package/dist/src/ui/components/icon-components/ContentUnavailableIcon.d.ts.map +1 -0
  88. package/dist/src/ui/components/icon-components/ContentUnavailableIcon.js +7 -0
  89. package/dist/src/ui/components/icon-components/ContentUnavailableIcon.js.map +1 -0
  90. package/dist/src/ui/components/icon-components/Image.d.ts.map +1 -1
  91. package/dist/src/ui/components/icon-components/Image.js +2 -2
  92. package/dist/src/ui/components/icon-components/Image.js.map +1 -1
  93. package/dist/src/ui/components/icon-components/index.d.ts +1 -1
  94. package/dist/src/ui/components/icon-components/index.d.ts.map +1 -1
  95. package/dist/src/ui/components/icon-components/index.js +12 -0
  96. package/dist/src/ui/components/icon-components/index.js.map +1 -1
  97. package/dist/style.css +55 -0
  98. package/dist/tsconfig.lib.tsbuildinfo +1 -1
  99. package/package.json +2 -1
@@ -1 +1 @@
1
- {"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAahD,QAAA,MAAM,SAAS,yFAsKd,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA"}
1
+ {"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAahD,QAAA,MAAM,SAAS,yFAyKd,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA"}
@@ -13,17 +13,19 @@ import { useFileUpload } from './useUploadFile.js';
13
13
  import { FileUploadItem } from './sub-components/file-upload-item.js';
14
14
  const FileInput = React.forwardRef(({ name, label, description, required, disabled = false, errors = [], warnings = [], id: propId, maxFileSize, allowedFileTypes, value, defaultValue, dragAndDropEnabled = true, onChange,
15
15
  // Item Props
16
- fileName, fileSize, mimeType, progress, onCancel, onReload, showPreview, errorsUpload, status = 'idle', ...props }, ref) => {
16
+ fileName, fileSize, mimeType, progress, onCancel, onReload, showPreview = false, errorsUpload, status = 'idle', ...props }, ref) => {
17
17
  const prefix = useId();
18
18
  const id = propId ?? `${prefix}-file`;
19
19
  const hasError = Array.isArray(errors) && errors.length > 0;
20
20
  const hasWarning = Array.isArray(warnings) && warnings.length > 0;
21
21
  const allowedFileTypesString = Array.isArray(allowedFileTypes) ? allowedFileTypes : [];
22
- const { handleDrop, borderIndicator } = useFileUpload({ value, defaultValue, onChange });
22
+ const { handleDrop, borderIndicator, preview } = useFileUpload({ value, defaultValue, onChange });
23
23
  const { getInputProps, getRootProps, open, inputRef } = useDropzone({
24
24
  onDropAccepted: (acceptedFiles) => {
25
25
  handleDrop(acceptedFiles);
26
26
  },
27
+ noClick: true,
28
+ noKeyboard: true,
27
29
  });
28
30
  return (_jsxs("div", { className: "flex flex-col", children: [!!label && (_jsx(FormLabel, { htmlFor: id, id: `${id}-label`, disabled: disabled, hasError: hasError, required: required, className: cn(disabled && 'pointer-events-none'), children: label })), _jsx("div", { className: "flex flex-col w-full h-full pt-3.5 min-h-[148px]", children: _jsxs("div", { className: "relative h-[148px]", children: [_jsx("div", { className: cn('absolute z-0 h-full w-full', borderIndicator), "data-state": value ? 'selected' : 'idle', "data-testid": "file-input-border", children: _jsx(FileBackground, { className: "w-full h-full opacity-50" }) }), _jsxs("div", { ...getRootProps({
29
31
  role: 'group',
@@ -31,7 +33,7 @@ fileName, fileSize, mimeType, progress, onCancel, onReload, showPreview, errorsU
31
33
  // padding
32
34
  'px-3 py-4'),
33
35
  tabIndex: disabled ? -1 : 0,
34
- }), "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, showPreview: showPreview }) }) })), _jsx("input", { ref: ref, type: "hidden", name: name }), _jsx(Input, { ...getInputProps({
36
+ }), "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, showPreview: showPreview, preview: preview }) }) })), _jsx("input", { ref: ref, type: "hidden", name: name }), _jsx(Input, { ...getInputProps({
35
37
  id,
36
38
  required,
37
39
  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,3 +1,3 @@
1
1
  export { FileInput } from './file-input.js';
2
- export { type FileInputProps } from './types.js';
2
+ export { type FileInputProps, type UploadFile } from './types.js';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA"}
@@ -10,7 +10,8 @@ interface FileUploadItemProps {
10
10
  errorsUpload?: string[];
11
11
  status?: UploadFile;
12
12
  showPreview?: boolean;
13
+ preview?: string;
13
14
  }
14
- export declare const FileUploadItem: ({ fileName, fileSize, progress, onCancel, onReload, className, mimeType, errorsUpload, status, showPreview, }: FileUploadItemProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const FileUploadItem: ({ fileName, fileSize, progress, onCancel, onReload, className, mimeType, errorsUpload, status, showPreview, preview, }: FileUploadItemProps) => import("react/jsx-runtime").JSX.Element;
15
16
  export {};
16
17
  //# sourceMappingURL=file-upload-item.d.ts.map
@@ -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,UAAU,EAAE,MAAM,aAAa,CAAA;AAG7C,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;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,+GAW5B,mBAAmB,4CA6FrB,CAAA"}
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":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,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;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,cAAc,GAAI,wHAY5B,mBAAmB,4CA6GrB,CAAA"}
@@ -1,10 +1,13 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
2
3
  import { cn } from '../../../../../scalars/lib/utils.js';
3
4
  import { ProgressBar } from '../../../../../scalars/components/fragments/progress-bar/progress-bar.js';
4
5
  import { Icon } from '../../../icon/icon.js';
5
6
  import { FormMessageList } from '../../../../../scalars/components/fragments/form-message/message-list.js';
6
7
  import { getIconKey, MESSAGES } from '../utils.js';
7
- export const FileUploadItem = ({ fileName = '', fileSize = '', progress = undefined, onCancel, onReload, className, mimeType = '', errorsUpload, status = 'idle', showPreview, }) => {
8
+ import { AlertDialog, AlertDialogContent } from '../../../confirm/alert-dialog.js';
9
+ export const FileUploadItem = ({ fileName = '', fileSize = '', progress = undefined, onCancel, onReload, className, mimeType = '', errorsUpload, status = 'idle', showPreview, preview, }) => {
10
+ const [isPreviewOpen, setIsPreviewOpen] = useState(false);
8
11
  const showProgress = status === 'uploading' && progress !== undefined && progress >= 0 && progress < 100;
9
12
  const showSuccess = status === 'success';
10
13
  const showError = status === 'error';
@@ -19,8 +22,8 @@ export const FileUploadItem = ({ fileName = '', fileSize = '', progress = undefi
19
22
  };
20
23
  const handleOnPreview = (e) => {
21
24
  e.stopPropagation();
22
- // TODO: open preview modal to show the file
25
+ setIsPreviewOpen(true);
23
26
  };
24
- 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("span", { className: "text-blue-900 text-xs leading-4.5 font-normal", onClick: handleOnPreview, 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 }) }))] }), showErrorsUpload && _jsx(FormMessageList, { messages: errorsUpload, type: "error", className: "gap-0.5" })] }));
27
+ 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 && (_jsx(AlertDialog, { open: isPreviewOpen, children: _jsx(AlertDialogContent, { children: _jsx("div", { className: "flex flex-col gap-2 w-[500px] h-[600px] mt-2", children: _jsx("img", { src: preview, alt: "preview", className: "w-full h-full" }) }) }) })), showErrorsUpload && _jsx(FormMessageList, { messages: errorsUpload, type: "error", className: "gap-0.5" })] }));
25
28
  };
26
29
  //# sourceMappingURL=file-upload-item.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"file-upload-item.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/file-upload-item.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"file-upload-item.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/file-upload-item.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ interface LoadingBarProps {
2
+ progress?: number;
3
+ className?: string;
4
+ }
5
+ declare const LoadingBar: ({ progress, className }: LoadingBarProps) => JSX.Element;
6
+ export default LoadingBar;
7
+ //# sourceMappingURL=loading-bar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loading-bar.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/loading-bar.tsx"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,GAAI,yBAA8B,eAAe,KAAG,GAAG,CAAC,OAmBvE,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { cn } from '../../../../../scalars/lib/utils.js';
3
+ const LoadingBar = ({ progress = 50, className }) => {
4
+ const valueProgress = Math.max(0, Math.min(100, progress));
5
+ return (_jsx("div", { className: cn('flex flex-col items-center justify-center gap-4', className), children: _jsx("progress", { value: valueProgress, max: 100, "aria-label": "Loading progress", className: cn('w-full h-[25px]', 'appearance-none overflow-hidden rounded-[100px] bg-gray-300', '[&::-webkit-progress-bar]:bg-gray-300', '[&::-webkit-progress-value]:bg-gray-500', '[&::-moz-progress-bar]:bg-gray-500') }) }));
6
+ };
7
+ export default LoadingBar;
8
+ //# sourceMappingURL=loading-bar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loading-bar.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/loading-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AAOxD,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,EAAmB,EAAe,EAAE;IAChF,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1D,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,YAC9E,mBACE,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,GAAG,gBACG,kBAAkB,EAC7B,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,6DAA6D,EAC7D,uCAAuC,EACvC,yCAAyC,EACzC,oCAAoC,CACrC,GACD,GACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { type PreviewStatus } from '../types.js';
2
+ interface FilePreviewStateProps {
3
+ status: PreviewStatus;
4
+ onClose: () => void;
5
+ title?: string;
6
+ message?: string;
7
+ }
8
+ declare const PreviewFilePreview: ({ status, onClose, title: overrideTitle, message: overrideMessage, }: FilePreviewStateProps) => import("react/jsx-runtime").JSX.Element;
9
+ export default PreviewFilePreview;
10
+ //# sourceMappingURL=preview-file.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preview-file.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-file.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAIhE,UAAU,qBAAqB;IAC7B,MAAM,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,kBAAkB,GAAI,sEAKzB,qBAAqB,4CAoDvB,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -0,0 +1,17 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { cn } from '../../../../../scalars/lib/utils.js';
3
+ import { Icon } from '../../../icon/index.js';
4
+ import { PREVIEW_STATUS } from '../types.js';
5
+ import { STATUS_CONFIG } from '../utils.js';
6
+ import LoadingBar from './loading-bar.js';
7
+ const PreviewFilePreview = ({ status, onClose, title: overrideTitle, message: overrideMessage, }) => {
8
+ const config = STATUS_CONFIG[status];
9
+ const isLoading = status === PREVIEW_STATUS.LOADING;
10
+ const isCorrupted = status === PREVIEW_STATUS.CORRUPTED_FILE;
11
+ const title = overrideTitle ?? config.title;
12
+ const message = overrideMessage ?? config.message;
13
+ const icon = config.icon;
14
+ return (_jsxs("div", { className: "flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,115,0.25)] px-6 py-4 gap-4 w-full h-full min-h-0", children: [_jsxs("header", { className: "flex justify-between items-center", children: [_jsx("span", { className: cn('text-gray-900 text-sm font-normal leading-4.5', isCorrupted && 'text-red-900'), children: "Preview" }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close preview", className: "text-gray-400 hover:text-gray-600", children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "text-gray-900" }) })] }), _jsxs("div", { className: cn('flex-1 min-h-0 flex flex-col items-center justify-center bg-gray-100 w-full overflow-auto rounded-md', isLoading && 'gap-8', !isLoading && 'gap-4'), children: [_jsx("div", { className: "relative", children: _jsx(Icon, { name: icon, size: 256, className: "text-gray-300" }) }), _jsxs("div", { className: "flex flex-col items-center justify-center gap-4", children: [title && _jsx("h3", { className: "text-xl font-bold leading-6 text-gray-500", children: title }), isLoading && _jsx(LoadingBar, { progress: 50, className: "w-[375px]" }), !isCorrupted && message && (_jsx("p", { className: "text-center text-sm text-gray-500 mx-auto max-w-[375px] whitespace-pre-line", children: message }))] })] }), isCorrupted && (_jsx("div", { className: " border-gray-200", children: _jsx("p", { className: "text-xs text-red-900 font-normal leading-4.5", children: message }) }))] }));
15
+ };
16
+ export default PreviewFilePreview;
17
+ //# sourceMappingURL=preview-file.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preview-file.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-file.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAsB,MAAM,aAAa,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,UAAU,MAAM,kBAAkB,CAAA;AASzC,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,eAAe,GACF,EAAE,EAAE;IAC1B,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IAEpC,MAAM,SAAS,GAAG,MAAM,KAAK,cAAc,CAAC,OAAO,CAAA;IACnD,MAAM,WAAW,GAAG,MAAM,KAAK,cAAc,CAAC,cAAc,CAAA;IAE5D,MAAM,KAAK,GAAG,aAAa,IAAI,MAAM,CAAC,KAAK,CAAA;IAC3C,MAAM,OAAO,GAAG,eAAe,IAAI,MAAM,CAAC,OAAO,CAAA;IACjD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IAExB,OAAO,CACL,eAAK,SAAS,EAAC,wHAAwH,aACrI,kBAAQ,SAAS,EAAC,mCAAmC,aACnD,eAAM,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,WAAW,IAAI,cAAc,CAAC,wBAE5F,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,eAAe,EAC1B,SAAS,EAAC,mCAAmC,YAE7C,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,GACvD,IACF,EAET,eACE,SAAS,EAAE,EAAE,CACX,sGAAsG,EACtG,SAAS,IAAI,OAAO,EACpB,CAAC,SAAS,IAAI,OAAO,CACtB,aAED,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,GAAG,GACrD,EAEN,eAAK,SAAS,EAAC,iDAAiD,aAC7D,KAAK,IAAI,aAAI,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAM,EAC/E,SAAS,IAAI,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAC,WAAW,GAAG,EAC/D,CAAC,WAAW,IAAI,OAAO,IAAI,CAC1B,YAAG,SAAS,EAAC,6EAA6E,YAAE,OAAO,GAAK,CACzG,IACG,IACF,EACL,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,kBAAkB,YAC/B,YAAG,SAAS,EAAC,8CAA8C,YAAE,OAAO,GAAK,GACrE,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -0,0 +1,11 @@
1
+ import { PREVIEW_STATUS, type PreviewStatus } from '../types.js';
2
+ type ImagePreviewStatus = Exclude<PreviewStatus, typeof PREVIEW_STATUS.GENERIC_ERROR>;
3
+ interface FilePreviewStateProps {
4
+ status: ImagePreviewStatus;
5
+ onClose: () => void;
6
+ title?: string;
7
+ message?: string;
8
+ }
9
+ declare const PreviewImagePreview: ({ status, onClose, title: overrideTitle, message: overrideMessage, }: FilePreviewStateProps) => import("react/jsx-runtime").JSX.Element;
10
+ export default PreviewImagePreview;
11
+ //# sourceMappingURL=preview-image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preview-image.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-image.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAIhE,KAAK,kBAAkB,GAAG,OAAO,CAAC,aAAa,EAAE,OAAO,cAAc,CAAC,aAAa,CAAC,CAAA;AAErF,UAAU,qBAAqB;IAC7B,MAAM,EAAE,kBAAkB,CAAA;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,mBAAmB,GAAI,sEAK1B,qBAAqB,4CA8CvB,CAAA;AAED,eAAe,mBAAmB,CAAA"}
@@ -0,0 +1,17 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { cn } from '../../../../../scalars/lib/utils.js';
3
+ import { Icon } from '../../../icon/index.js';
4
+ import { PREVIEW_STATUS } from '../types.js';
5
+ import { STATUS_CONFIG } from '../utils.js';
6
+ import LoadingBar from './loading-bar.js';
7
+ const PreviewImagePreview = ({ status, onClose, title: overrideTitle, message: overrideMessage, }) => {
8
+ const config = STATUS_CONFIG[status];
9
+ const isLoading = status === PREVIEW_STATUS.LOADING;
10
+ const isCorrupted = status === PREVIEW_STATUS.CORRUPTED_FILE;
11
+ const title = overrideTitle ?? config.title;
12
+ const message = overrideMessage ?? config.message;
13
+ const icon = config.icon;
14
+ return (_jsxs("div", { className: "flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,115,0.25)] px-6 py-4 gap-4 w-full h-full min-h-0", children: [_jsxs("header", { className: "flex justify-between items-center", children: [_jsx("span", { className: cn('text-gray-900 text-sm font-normal leading-4.5', isCorrupted && 'text-red-900'), children: "Image Preview" }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close preview", className: "text-gray-400 hover:text-gray-600", children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "text-gray-900" }) })] }), _jsxs("div", { className: "flex-1 min-h-0 flex flex-col items-center justify-center bg-gray-100 w-full overflow-auto rounded-md", children: [_jsx("div", { className: "relative", children: _jsx(Icon, { name: icon, size: 128, className: "text-gray-300" }) }), _jsxs("div", { className: "flex flex-col items-center justify-center gap-4", children: [title && _jsx("h3", { className: "text-xl font-bold leading-6 text-gray-500", children: title }), isLoading && _jsx(LoadingBar, { progress: 50, className: "w-[272px]" }), !isCorrupted && message && (_jsx("p", { className: "text-center text-sm text-gray-500 mx-auto max-w-[296px] whitespace-pre-line", children: message }))] })] }), isCorrupted && (_jsx("div", { className: " border-gray-200", children: _jsx("p", { className: "text-xs text-red-900 font-normal leading-4.5", children: message }) }))] }));
15
+ };
16
+ export default PreviewImagePreview;
17
+ //# sourceMappingURL=preview-image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preview-image.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/file-input/sub-components/preview-image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAsB,MAAM,aAAa,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,UAAU,MAAM,kBAAkB,CAAA;AAWzC,MAAM,mBAAmB,GAAG,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,eAAe,GACF,EAAE,EAAE;IAC1B,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IAEpC,MAAM,SAAS,GAAG,MAAM,KAAK,cAAc,CAAC,OAAO,CAAA;IACnD,MAAM,WAAW,GAAG,MAAM,KAAK,cAAc,CAAC,cAAc,CAAA;IAE5D,MAAM,KAAK,GAAG,aAAa,IAAI,MAAM,CAAC,KAAK,CAAA;IAC3C,MAAM,OAAO,GAAG,eAAe,IAAI,MAAM,CAAC,OAAO,CAAA;IACjD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IAExB,OAAO,CACL,eAAK,SAAS,EAAC,wHAAwH,aACrI,kBAAQ,SAAS,EAAC,mCAAmC,aACnD,eAAM,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,WAAW,IAAI,cAAc,CAAC,8BAE5F,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,eAAe,EAC1B,SAAS,EAAC,mCAAmC,YAE7C,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,GACvD,IACF,EAET,eAAK,SAAS,EAAC,sGAAsG,aACnH,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,GAAG,GACrD,EAEN,eAAK,SAAS,EAAC,iDAAiD,aAC7D,KAAK,IAAI,aAAI,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAM,EAC/E,SAAS,IAAI,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAC,WAAW,GAAG,EAC/D,CAAC,WAAW,IAAI,OAAO,IAAI,CAC1B,YAAG,SAAS,EAAC,6EAA6E,YAAE,OAAO,GAAK,CACzG,IACG,IACF,EACL,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,kBAAkB,YAC/B,YAAG,SAAS,EAAC,8CAA8C,YAAE,OAAO,GAAK,GACrE,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import type { InputHTMLAttributes } from 'react';
2
2
  import type { InputBaseProps } from '../../../../scalars/components/types.js';
3
+ import type { IconName } from '../../../../index.js';
3
4
  export interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange'>, InputBaseProps<File> {
4
5
  allowedFileTypes?: string[];
5
6
  maxFileSize?: number;
@@ -16,4 +17,18 @@ export interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
16
17
  showPreview?: boolean;
17
18
  }
18
19
  export type UploadFile = 'idle' | 'uploading' | 'success' | 'error';
20
+ export declare const PREVIEW_STATUS: {
21
+ readonly LOADING: "loading";
22
+ readonly UNSUPPORTED_FORMAT: "unsupported_format";
23
+ readonly GENERIC_ERROR: "generic_error";
24
+ readonly CORRUPTED_FILE: "corrupted_file";
25
+ };
26
+ type ValueOf<T> = T[keyof T];
27
+ export type PreviewStatus = ValueOf<typeof PREVIEW_STATUS>;
28
+ export interface StatusConfig {
29
+ icon: IconName;
30
+ title: string;
31
+ message: string;
32
+ }
33
+ export {};
19
34
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7E,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EACxF,cAAc,CAAC,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAEtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,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,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EACxF,cAAc,CAAC,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAEtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,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,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;AAEnE,eAAO,MAAM,cAAc;;;;;CAKjB,CAAA;AAEV,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAC5B,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,cAAc,CAAC,CAAA;AAE1D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB"}
@@ -1,2 +1,7 @@
1
- export {};
1
+ export const PREVIEW_STATUS = {
2
+ LOADING: 'loading',
3
+ UNSUPPORTED_FORMAT: 'unsupported_format',
4
+ GENERIC_ERROR: 'generic_error',
5
+ CORRUPTED_FILE: 'corrupted_file',
6
+ };
2
7
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/types.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,OAAO,EAAE,SAAS;IAClB,kBAAkB,EAAE,oBAAoB;IACxC,aAAa,EAAE,eAAe;IAC9B,cAAc,EAAE,gBAAgB;CACxB,CAAA"}
@@ -7,6 +7,7 @@ export declare const useFileUpload: ({ value, defaultValue, onChange }: UseFileU
7
7
  handleDrop: (acceptedFiles?: File[]) => void;
8
8
  file: File | null;
9
9
  borderIndicator: string;
10
+ preview: string | undefined;
10
11
  };
11
12
  export {};
12
13
  //# sourceMappingURL=useUploadFile.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useUploadFile.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useUploadFile.ts"],"names":[],"mappings":"AACA,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACvC;AACD,eAAO,MAAM,aAAa,GAAI,mCAAmC,kBAAkB;iCAG9D,IAAI,EAAE;;;CAY1B,CAAA"}
1
+ {"version":3,"file":"useUploadFile.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useUploadFile.ts"],"names":[],"mappings":"AACA,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACvC;AACD,eAAO,MAAM,aAAa,GAAI,mCAAmC,kBAAkB;iCAI9D,IAAI,EAAE;;;;CAc1B,CAAA"}
@@ -1,14 +1,17 @@
1
1
  import { useCallback, useState } from 'react';
2
2
  export const useFileUpload = ({ value, defaultValue, onChange }) => {
3
3
  const [file, setFile] = useState(value ?? defaultValue ?? null);
4
+ const [preview, setPreview] = useState(undefined);
4
5
  const handleDrop = useCallback((acceptedFiles) => {
5
6
  if (!acceptedFiles || acceptedFiles.length === 0)
6
7
  return;
7
8
  const file = acceptedFiles[0];
9
+ const preview = URL.createObjectURL(file);
10
+ setPreview(preview);
8
11
  setFile(file);
9
12
  onChange?.(file);
10
13
  }, [onChange]);
11
14
  const borderIndicator = file ? 'text-blue-900' : 'text-gray-300';
12
- return { handleDrop, file, borderIndicator };
15
+ return { handleDrop, file, borderIndicator, preview };
13
16
  };
14
17
  //# sourceMappingURL=useUploadFile.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useUploadFile.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useUploadFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAM7C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAsB,EAAE,EAAE;IACrF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAc,KAAK,IAAI,YAAY,IAAI,IAAI,CAAC,CAAA;IAC5E,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,aAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,OAAM;QACxD,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;QAC7B,OAAO,CAAC,IAAI,CAAC,CAAA;QACb,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAA;IAEhE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,CAAA;AAC9C,CAAC,CAAA"}
1
+ {"version":3,"file":"useUploadFile.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/useUploadFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAM7C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAsB,EAAE,EAAE;IACrF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAc,KAAK,IAAI,YAAY,IAAI,IAAI,CAAC,CAAA;IAC5E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAA;IACrE,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,aAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;YAAE,OAAM;QACxD,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QACzC,UAAU,CAAC,OAAO,CAAC,CAAA;QACnB,OAAO,CAAC,IAAI,CAAC,CAAA;QACb,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAA;IAEhE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,CAAA;AACvD,CAAC,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import type { IconName } from '../../icon-components/index.js';
2
+ import { type PreviewStatus, type StatusConfig } from './types.js';
2
3
  export declare const MESSAGES: {
3
4
  success: string;
4
5
  error: string;
@@ -7,4 +8,5 @@ export declare const MESSAGES: {
7
8
  export declare const formatBytes: (bytes?: number, decimals?: number, binaryUnits?: boolean) => string;
8
9
  export declare function getExtensionsFromMimeTypes(mimeTypes?: string[]): string[];
9
10
  export declare const getIconKey: (mimeType: string) => IconName;
11
+ export declare const STATUS_CONFIG: Record<PreviewStatus, StatusConfig>;
10
12
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAC9D,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,iBAAY,EAAE,qBAAmB,KAAG,MAgB/E,CAAA;AAED,wBAAgB,0BAA0B,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAGzE;AAeD,eAAO,MAAM,UAAU,GAAI,UAAU,MAAM,KAAG,QAY7C,CAAA"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/file-input/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAkB,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAClF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,iBAAY,EAAE,qBAAmB,KAAG,MAgB/E,CAAA;AAED,wBAAgB,0BAA0B,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAGzE;AAeD,eAAO,MAAM,UAAU,GAAI,UAAU,MAAM,KAAG,QAY7C,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,aAAa,EAAE,YAAY,CAsB7D,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import mime from 'mime/lite';
2
+ import { PREVIEW_STATUS } from './types.js';
2
3
  export const MESSAGES = {
3
4
  success: 'Upload successful',
4
5
  error: 'Upload failed',
@@ -47,4 +48,26 @@ export const getIconKey = (mimeType) => {
47
48
  }
48
49
  return iconName;
49
50
  };
51
+ export const STATUS_CONFIG = {
52
+ [PREVIEW_STATUS.LOADING]: {
53
+ icon: 'BookOpenText',
54
+ title: 'Loading',
55
+ message: '',
56
+ },
57
+ [PREVIEW_STATUS.UNSUPPORTED_FORMAT]: {
58
+ icon: 'ContentUnavailableIcon',
59
+ title: 'Opss!',
60
+ message: "It looks like we still don't support this format. (We are working on it) Please try to upload it with a different Format.",
61
+ },
62
+ [PREVIEW_STATUS.GENERIC_ERROR]: {
63
+ icon: 'ContentUnavailableIcon',
64
+ title: 'Opss!',
65
+ message: 'It looks like your file has an error.\nPlease try again',
66
+ },
67
+ [PREVIEW_STATUS.CORRUPTED_FILE]: {
68
+ icon: 'ContentUnavailableIcon',
69
+ title: '',
70
+ message: 'Your file is corrupted and cannot be shown in the preview',
71
+ },
72
+ };
50
73
  //# sourceMappingURL=utils.js.map
@@ -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;AAE5B,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,eAAe;IACtB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAc,EAAE,QAAQ,GAAG,CAAC,EAAE,WAAW,GAAG,KAAK,EAAU,EAAE;IACvF,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAA;IAC5B,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,SAAS,CAAA;IACjC,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,cAAc,CAAA;IAEpD,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IACtC,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;IAElH,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;IAEhC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAElF,MAAM,GAAG,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,CAAA;IAC7B,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;IAEzC,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;AACnC,CAAC,CAAA;AAED,MAAM,UAAU,0BAA0B,CAAC,SAAoB;IAC7D,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAA;IACzB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAiB,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;AACtG,CAAC;AAED,MAAM,iBAAiB,GAA6B;IAClD,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,WAAW;IAChB,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,kBAAkB;IACvB,GAAG,EAAE,kBAAkB;IACvB,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE,kBAAkB;CACzB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAgB,EAAY,EAAE;IACvD,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC9C,OAAO,cAAc,CAAA;IACvB,CAAC;IACD,IAAI,QAAQ,GAAa,cAAc,CAAA;IAEvC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;IAC7C,IAAI,SAAS,EAAE,CAAC;QACd,QAAQ,GAAG,iBAAiB,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAA;IACvD,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,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":"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;AAEvD,QAAA,MAAM,gBAAgB,gGA6GrB,CAAA;AAID,OAAO,EAAE,gBAAgB,EAAE,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;AAEvD,QAAA,MAAM,gBAAgB,gGAmHrB,CAAA;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
@@ -8,16 +8,17 @@ 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
- const PhoneNumberInput = React.forwardRef(({ id: idProp, className, label, description, placeholder = '4155552671', value, defaultValue, onChange, disabled, required, errors, warnings, allowedCountries, excludedCountries, includeDependentAreas, prefixOptionFormat = 'FlagsAndNumbers', prefixProps, viewMode = 'edition',
11
+ const PhoneNumberInput = React.forwardRef(({ id: idProp, className, label, description, placeholder = '4155552671', value, defaultValue, onChange, onKeyDown, disabled, required, errors, warnings, allowedCountries, excludedCountries, includeDependentAreas, prefixOptionFormat = 'FlagsAndNumbers', prefixProps, viewMode = 'edition',
12
12
  // TODO: implement diffs
13
13
  // baseValue,
14
14
  ...props }, ref) => {
15
15
  const prefix = useUniqueId();
16
16
  const id = idProp ?? `${prefix}-phone-number-input`;
17
- const { options, selectValue, inputValue, handleSelectOnChange, handleInputOnChange } = usePhoneNumberInput({
17
+ const { options, selectValue, inputValue, handleSelectOnChange, handleInputOnChange, handleOnKeyDown } = usePhoneNumberInput({
18
18
  value,
19
19
  defaultValue,
20
20
  onChange,
21
+ onKeyDown,
21
22
  allowedCountries,
22
23
  excludedCountries,
23
24
  includeDependentAreas,
@@ -31,7 +32,7 @@ const PhoneNumberInput = React.forwardRef(({ id: idProp, className, label, descr
31
32
  }
32
33
  return (_jsxs(FormGroup, { children: [!!label && (_jsx(FormLabel, { htmlFor: id, disabled: disabled, hasError: hasError, required: required, children: label })), _jsxs("div", { 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) => {
33
34
  handleSelectOnChange(newValue);
34
- }, placeholder: prefixProps?.placeholder ?? '+1', className: cn('focus:ring-0 focus:ring-offset-0', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-full border-none rounded-l-md rounded-r-none', 'bg-transparent focus:bg-transparent hover:bg-transparent', prefixProps?.className), contentClassName: cn('w-30', prefixProps?.contentClassName) }), _jsx("div", { className: "flex items-center h-full border-l border-gray-300" }), _jsx(Input, { ref: ref, id: id, placeholder: placeholder, value: inputValue, onChange: handleInputOnChange, disabled: disabled, "aria-invalid": hasError, "aria-label": !label ? 'Phone number input' : undefined, "aria-required": required, type: "tel", className: cn('focus:ring-0 focus:ring-offset-0', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-full border-none rounded-r-md rounded-l-none', 'bg-transparent', className), ...props })] }), !!description && _jsx(FormDescription, { children: description }), hasWarning && _jsx(FormMessageList, { messages: warnings, type: "warning" }), hasError && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
35
+ }, placeholder: prefixProps?.placeholder ?? '+1', className: cn('focus:ring-0 focus:ring-offset-0', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-full border-none rounded-l-md rounded-r-none', 'bg-transparent focus:bg-transparent hover:bg-transparent', 'w-auto shrink-0', prefixProps?.className), contentClassName: cn('w-30', prefixProps?.contentClassName) }), _jsx("div", { className: "flex items-center h-full border-l border-gray-300" }), _jsx(Input, { ref: ref, id: id, placeholder: placeholder, value: inputValue, onChange: handleInputOnChange, onKeyDown: handleOnKeyDown, disabled: disabled, "aria-invalid": hasError, "aria-label": !label ? 'Phone number input' : undefined, "aria-required": required, type: "tel", className: cn('focus:ring-0 focus:ring-offset-0', 'outline-none focus-visible:ring-0 focus-visible:ring-offset-0', 'h-full border-none rounded-r-md rounded-l-none', 'bg-transparent', 'flex-1', className), ...props })] }), !!description && _jsx(FormDescription, { children: description }), hasWarning && _jsx(FormMessageList, { messages: warnings, type: "warning" }), hasError && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
35
36
  });
36
37
  PhoneNumberInput.displayName = 'PhoneNumberInput';
37
38
  export { PhoneNumberInput };
@@ -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":"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"}
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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"}
@@ -1,7 +1,7 @@
1
1
  import type React from 'react';
2
2
  import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
3
3
  import type { SelectProps } from '../select/types.js';
4
- type PrefixOptionFormat = 'CodesOnly' | 'NumbersOnly' | 'FlagsOnly' | 'FlagsAndCodes' | 'FlagsAndNumbers';
4
+ type PrefixOptionFormat = 'CodesOnly' | 'FlagsOnly' | 'FlagsAndCodes' | 'FlagsAndNumbers';
5
5
  interface PhoneNumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps<string> | 'onChange'>, InputBaseProps<string>, Omit<WithDifference<string>, 'diffMode'> {
6
6
  onChange?: (value: string) => void;
7
7
  allowedCountries?: string[];
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,KAAK,kBAAkB,GAAG,WAAW,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAA;AAEzG,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,EAClG,cAAc,CAAC,MAAM,CAAC,EACtB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,CAAA;CACjG;AAED,YAAY,EAAE,qBAAqB,EAAE,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,KAAK,kBAAkB,GAAG,WAAW,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAA;AAEzF,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,EAClG,cAAc,CAAC,MAAM,CAAC,EACtB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,CAAA;CACjG;AAED,YAAY,EAAE,qBAAqB,EAAE,CAAA"}
@@ -4,17 +4,19 @@ interface UsePhoneNumberInputProps {
4
4
  value: PhoneNumberInputProps['value'];
5
5
  defaultValue: PhoneNumberInputProps['defaultValue'];
6
6
  onChange: PhoneNumberInputProps['onChange'];
7
+ onKeyDown: PhoneNumberInputProps['onKeyDown'];
7
8
  allowedCountries: PhoneNumberInputProps['allowedCountries'];
8
9
  excludedCountries: PhoneNumberInputProps['excludedCountries'];
9
10
  includeDependentAreas: PhoneNumberInputProps['includeDependentAreas'];
10
11
  prefixOptionFormat: PhoneNumberInputProps['prefixOptionFormat'];
11
12
  }
12
- export declare const usePhoneNumberInput: ({ onChange, }: UsePhoneNumberInputProps) => {
13
+ export declare const usePhoneNumberInput: ({ value, defaultValue, onChange, onKeyDown, allowedCountries, excludedCountries, includeDependentAreas, prefixOptionFormat, }: UsePhoneNumberInputProps) => {
13
14
  options: SelectOption[];
14
15
  selectValue: string;
15
- inputValue: string;
16
+ inputValue: string | import("libphonenumber-js").NationalNumber;
16
17
  handleSelectOnChange: (newSelectValue: string) => void;
17
18
  handleInputOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
19
+ handleOnKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
18
20
  };
19
21
  export {};
20
22
  //# sourceMappingURL=use-phone-number-input.d.ts.map
@@ -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":"AACA,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,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;CAChE;AAED,eAAO,MAAM,mBAAmB,GAAI,eASjC,wBAAwB;;;;2CAON,MAAM;6BASnB,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;CAiB1C,CAAA"}
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,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;CAChE;AA+BD,eAAO,MAAM,mBAAmB,GAAI,+HASjC,wBAAwB;;;;2CAuEN,MAAM;6BAUnB,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;yBAYnC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;CAgE5C,CAAA"}