@powerhousedao/document-engineering 1.28.0 → 1.30.0

package/dist/src/ui/components/data-entry/file-input/utils.js

@@ -1,4 +1,5 @@
 import mime from 'mime/lite';
+import { PREVIEW_STATUS } from './types.js';
 export const MESSAGES = {
     success: 'Upload successful',
     error: 'Upload failed',
@@ -47,4 +48,99 @@ export const getIconKey = (mimeType) => {
     }
     return iconName;
 };
+export const STATUS_CONFIG_PDF = {
+    [PREVIEW_STATUS.LOADING]: {
+        icon: 'BookOpenText',
+        title: 'Loading',
+        message: '',
+    },
+    [PREVIEW_STATUS.UNSUPPORTED_FORMAT]: {
+        icon: 'ContentUnavailableIcon',
+        title: 'Opss!',
+        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.",
+    },
+    [PREVIEW_STATUS.CORRUPTED_FILE]: {
+        icon: 'ContentUnavailableIcon',
+        title: '',
+        message: 'Your file is corrupted and cannot be shown in the preview',
+    },
+    [PREVIEW_STATUS.SUCCESS]: {
+        icon: undefined,
+        title: '',
+        message: '',
+    },
+};
+export const STATUS_CONFIG_IMAGE = {
+    [PREVIEW_STATUS.LOADING]: {
+        icon: 'Image',
+        title: 'Loading',
+        message: '',
+    },
+    [PREVIEW_STATUS.UNSUPPORTED_FORMAT]: {
+        icon: 'BrokenImage',
+        title: 'Opss!',
+        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.",
+    },
+    [PREVIEW_STATUS.CORRUPTED_FILE]: {
+        icon: 'BrokenImage',
+        title: '',
+        message: 'Your file is corrupted and cannot be shown in the preview',
+    },
+    [PREVIEW_STATUS.SUCCESS]: {
+        icon: undefined,
+        title: '',
+        message: '',
+    },
+};
+const MIME_TYPE_TO_EXTENSION_IMAGE = {
+    'image/jpeg': 'jpg',
+    'image/png': 'png',
+    'image/gif': 'gif',
+    'image/webp': 'webp',
+};
+const MIME_TYPE_TO_EXTENSION_AUDIO = {
+    'audio/mpeg': 'mp3',
+    'audio/wav': 'wav',
+    'audio/ogg': 'ogg',
+    'audio/aac': 'aac',
+    'audio/m4a': 'm4a',
+};
+const MIME_TYPE_TO_EXTENSION_PDF = {
+    'application/pdf': 'pdf',
+};
+export const detectPreviewType = (mimeType) => {
+    if (!mimeType)
+        return 'unknown';
+    if (Object.keys(MIME_TYPE_TO_EXTENSION_IMAGE).includes(mimeType))
+        return 'image';
+    if (Object.keys(MIME_TYPE_TO_EXTENSION_AUDIO).includes(mimeType))
+        return 'audio';
+    if (Object.keys(MIME_TYPE_TO_EXTENSION_PDF).includes(mimeType))
+        return 'pdf';
+    return 'unknown';
+};
+export const validatePdfHeader = async (file) => {
+    const buffer = await file.arrayBuffer();
+    const text = new TextDecoder().decode(buffer);
+    const hasHeader = text.startsWith('%PDF-');
+    const hasEOF = text.includes('%%EOF');
+    const hasXref = text.includes('xref');
+    const hasTrailer = text.includes('trailer');
+    return hasHeader && hasEOF && hasXref && hasTrailer;
+};
+export const validateImageHeader = async (file) => {
+    return new Promise((resolve) => {
+        const url = URL.createObjectURL(file);
+        const img = new Image();
+        img.onload = () => {
+            URL.revokeObjectURL(url);
+            resolve(true);
+        };
+        img.onerror = () => {
+            URL.revokeObjectURL(url);
+            resolve(false);
+        };
+        img.src = url;
+    });
+};
 //# sourceMappingURL=utils.js.map

package/dist/src/ui/components/data-entry/file-input/utils.js.map

@@ -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"}
+{"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,OAAO,EAAE,cAAc,EAAyC,MAAM,YAAY,CAAA;AAClF,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;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAwC;IACpE,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACxB,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,EAAE;KACZ;IACD,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE;QACnC,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,OAAO;QACd,OAAO,EACL,2HAA2H;KAC9H;IACD,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE;QAC/B,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,2DAA2D;KACrE;IACD,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACxB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE;KACZ;CACF,CAAA;AACD,MAAM,CAAC,MAAM,mBAAmB,GAAwC;IACtE,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACxB,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,EAAE;KACZ;IACD,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE;QACnC,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;QACd,OAAO,EACL,2HAA2H;KAC9H;IACD,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE;QAC/B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,2DAA2D;KACrE;IACD,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACxB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE;KACZ;CACF,CAAA;AAED,MAAM,4BAA4B,GAAG;IACnC,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,MAAM;CACrB,CAAA;AAED,MAAM,4BAA4B,GAAG;IACnC,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,KAAK;CACnB,CAAA;AAED,MAAM,0BAA0B,GAAG;IACjC,iBAAiB,EAAE,KAAK;CACzB,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAiB,EAAyC,EAAE;IAC5F,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAA;IAC/B,IAAI,MAAM,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAAE,OAAO,OAAO,CAAA;IAChF,IAAI,MAAM,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAAE,OAAO,OAAO,CAAA;IAChF,IAAI,MAAM,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAAE,OAAO,KAAK,CAAA;IAC5E,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,EAAE,IAAU,EAAE,EAAE;IACpD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;IACvC,MAAM,IAAI,GAAG,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAE7C,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACrC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IAE3C,OAAO,SAAS,IAAI,MAAM,IAAI,OAAO,IAAI,UAAU,CAAA;AACrD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,EAAE,IAAU,EAAE,EAAE;IACtD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QACrC,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAA;QAEvB,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE;YAChB,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;YACxB,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,CAAA;QAED,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE;YACjB,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;YACxB,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,CAAA;QAED,GAAG,CAAC,GAAG,GAAG,GAAG,CAAA;IACf,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.d.ts.map

@@ -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"}
+{"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,gGAqIrB,CAAA;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.js

@@ -8,20 +8,23 @@ import { FormDescription } from '../../../../scalars/components/fragments/form-d
 import { FormGroup } from '../../../../scalars/components/fragments/form-group/index.js';
 import { FormLabel } from '../../../../scalars/components/fragments/form-label/index.js';
 import { FormMessageList } from '../../../../scalars/components/fragments/form-message/index.js';
-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', 
+const PhoneNumberInput = React.forwardRef(({ id: idProp, className, label, description, placeholder = '4155552671', value, defaultValue, onChange, onKeyDown, onBlur, disabled, required, errors, warnings, allowedCountries, excludedCountries, includeDependentAreas, prefixOptionFormat = 'FlagsAndNumbers', prefixProps, pattern, viewMode = 'edition', 
 // TODO: implement diffs
 // baseValue,
 ...props }, ref) => {
     const prefix = useUniqueId();
     const id = idProp ?? `${prefix}-phone-number-input`;
-    const { options, selectValue, inputValue, handleSelectOnChange, handleInputOnChange } = usePhoneNumberInput({
+    const { options, selectValue, inputValue, handleSelectOnChange, handleInputOnChange, handleOnKeyDown, handleSelectBlur, handleInputBlur, mergedRef, containerRef, } = usePhoneNumberInput({
         value,
         defaultValue,
         onChange,
+        onKeyDown,
+        onBlur,
         allowedCountries,
         excludedCountries,
         includeDependentAreas,
         prefixOptionFormat,
+        externalRef: ref,
     });
     const hasWarning = Array.isArray(warnings) && warnings.length > 0;
     const hasError = Array.isArray(errors) && errors.length > 0;
@@ -29,9 +32,9 @@ const PhoneNumberInput = React.forwardRef(({ id: idProp, className, label, descr
         // TODO: implement PhoneNumberInputDiff
         return null;
     }
-    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) => {
+    return (_jsxs(FormGroup, { children: [!!label && (_jsx(FormLabel, { htmlFor: id, disabled: disabled, hasError: hasError, required: required, children: label })), _jsxs("div", { ref: containerRef, className: cn('relative flex items-center h-9 bg-white rounded-md border border-gray-300', 'focus-within:ring-1 focus-within:ring-offset-0 focus-within:ring-gray-900'), children: [_jsx(Select, { options: options, selectionIcon: "checkmark", selectionIconPosition: "right", searchable: prefixProps?.searchable ?? true, disabled: disabled, value: selectValue, onChange: (newValue) => {
                             handleSelectOnChange(newValue);
-                        }, 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" })] }));
+                        }, onBlur: handleSelectBlur, 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: mergedRef, id: id, placeholder: placeholder, value: inputValue, onChange: handleInputOnChange, onKeyDown: handleOnKeyDown, onBlur: handleInputBlur, disabled: disabled, "aria-invalid": hasError, "aria-label": !label ? 'Phone number input' : undefined, "aria-required": required, type: "tel", pattern: pattern?.source, 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" })] }));
 });
 PhoneNumberInput.displayName = 'PhoneNumberInput';
 export { PhoneNumberInput };

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.js.map

@@ -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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"}
+{"version":3,"file":"phone-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/phone-number-input/types.d.ts

@@ -1,14 +1,15 @@
 import type React from 'react';
 import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
 import type { SelectProps } from '../select/types.js';
-type PrefixOptionFormat = 'CodesOnly' | 'NumbersOnly' | 'FlagsOnly' | 'FlagsAndCodes' | 'FlagsAndNumbers';
-interface PhoneNumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps<string> | 'onChange'>, InputBaseProps<string>, Omit<WithDifference<string>, 'diffMode'> {
+type PrefixOptionFormat = 'CodesOnly' | 'FlagsOnly' | 'FlagsAndCodes' | 'FlagsAndNumbers';
+interface PhoneNumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps<string> | 'onChange' | 'pattern'>, InputBaseProps<string>, Omit<WithDifference<string>, 'diffMode'> {
     onChange?: (value: string) => void;
     allowedCountries?: string[];
     excludedCountries?: string[];
     includeDependentAreas?: boolean;
     prefixOptionFormat?: PrefixOptionFormat;
     prefixProps?: Pick<SelectProps, 'placeholder' | 'searchable' | 'className' | 'contentClassName'>;
+    pattern?: RegExp;
 }
 export type { PhoneNumberInputProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/src/ui/components/data-entry/phone-number-input/types.d.ts.map

@@ -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"}
+{"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,GAAG,SAAS,CAAC,EAC9G,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;IAChG,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,YAAY,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.d.ts

@@ -4,17 +4,25 @@ interface UsePhoneNumberInputProps {
     value: PhoneNumberInputProps['value'];
     defaultValue: PhoneNumberInputProps['defaultValue'];
     onChange: PhoneNumberInputProps['onChange'];
+    onKeyDown: PhoneNumberInputProps['onKeyDown'];
+    onBlur: PhoneNumberInputProps['onBlur'];
     allowedCountries: PhoneNumberInputProps['allowedCountries'];
     excludedCountries: PhoneNumberInputProps['excludedCountries'];
     includeDependentAreas: PhoneNumberInputProps['includeDependentAreas'];
     prefixOptionFormat: PhoneNumberInputProps['prefixOptionFormat'];
+    externalRef?: React.ForwardedRef<HTMLInputElement>;
 }
-export declare const usePhoneNumberInput: ({ onChange, }: UsePhoneNumberInputProps) => {
+export declare const usePhoneNumberInput: ({ value, defaultValue, onChange, onKeyDown, onBlur, allowedCountries, excludedCountries, includeDependentAreas, prefixOptionFormat, externalRef, }: UsePhoneNumberInputProps) => {
     options: SelectOption[];
     selectValue: string;
     inputValue: string;
     handleSelectOnChange: (newSelectValue: string) => void;
     handleInputOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleOnKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleSelectBlur: (e: React.FocusEvent<HTMLButtonElement>) => void;
+    handleInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    mergedRef: (node: HTMLInputElement | null) => void;
+    containerRef: import("react").MutableRefObject<HTMLDivElement | null>;
 };
 export {};
 //# sourceMappingURL=use-phone-number-input.d.ts.map

package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.d.ts.map

@@ -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"}
+{"version":3,"file":"use-phone-number-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/use-phone-number-input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEtD,UAAU,wBAAwB;IAChC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IACrC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IACnD,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAA;IAC3C,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IAC7C,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAA;IACvC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IAC3D,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IAC7D,qBAAqB,EAAE,qBAAqB,CAAC,uBAAuB,CAAC,CAAA;IACrE,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;IAC/D,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;CACnD;AAoCD,eAAO,MAAM,mBAAmB,GAAI,oJAWjC,wBAAwB;;;;2CAuHN,MAAM;6BAcnB,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;yBAkBnC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;0BAhErC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;yBAgBnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;sBAnGf,gBAAgB,GAAG,IAAI;;CAuNjD,CAAA"}

package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.js

@@ -1,34 +1,204 @@
-import { useCallback, useState } from 'react';
-export const usePhoneNumberInput = ({ 
-// TODO: return the correct options and implement the rest of the logic
-// value,
-// defaultValue,
-onChange,
-// allowedCountries,
-// excludedCountries,
-// includeDependentAreas,
-// prefixOptionFormat,
- }) => {
-    const [selectValue, setSelectValue] = useState('');
-    const [inputValue, setInputValue] = useState('');
-    const options = [];
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { CircleFlag } from 'react-circle-flags';
+import countries from 'world-countries';
+import parsePhoneNumber, { getCountryCallingCode } from 'libphonenumber-js';
+const renderFlagIcon = (countryCode) => {
+    return _jsx(CircleFlag, { className: "size-4", countryCode: countryCode.toLowerCase(), height: 16 });
+};
+const getCallingCode = (countryCode) => {
+    try {
+        const callingCode = getCountryCallingCode(countryCode);
+        return `+${callingCode}`;
+    }
+    catch {
+        return null;
+    }
+};
+const parsePhoneValue = (rawValue) => {
+    if (rawValue === '')
+        return null;
+    const sanitizedValue = `+${rawValue.replace(/\D/g, '')}`;
+    const parsedValue = parsePhoneNumber(sanitizedValue, { extract: false });
+    if (parsedValue?.isPossible() && parsedValue.country) {
+        const expectedValue = `+${parsedValue.countryCallingCode}${parsedValue.nationalNumber}`;
+        if (sanitizedValue !== expectedValue) {
+            return null; // the number was corrected by the library, reject it
+        }
+        const callingCode = `+${parsedValue.countryCallingCode}`;
+        const selectValue = `${callingCode}-${parsedValue.country}`;
+        const inputValue = parsedValue.nationalNumber;
+        return { selectValue, inputValue };
+    }
+    return null;
+};
+export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown, onBlur, allowedCountries, excludedCountries, includeDependentAreas = false, prefixOptionFormat = 'FlagsAndNumbers', externalRef, }) => {
+    const inputRef = useRef(null);
+    const containerRef = useRef(null);
+    const mergedRef = (node) => {
+        inputRef.current = node;
+        if (typeof externalRef === 'function') {
+            externalRef(node);
+        }
+        else if (externalRef) {
+            externalRef.current = node;
+        }
+    };
+    const [selectValue, setSelectValue] = useState(() => {
+        const parsedValue = parsePhoneValue(value ?? defaultValue ?? '');
+        return parsedValue?.selectValue ?? '';
+    });
+    const [inputValue, setInputValue] = useState(() => {
+        const rawValue = value ?? defaultValue ?? '';
+        const parsedValue = parsePhoneValue(rawValue);
+        return parsedValue?.inputValue ?? rawValue.replace(/\D/g, '');
+    });
+    const options = useMemo(() => {
+        const defaultOptions = countries
+            .filter((country) => (includeDependentAreas ? true : country.independent) &&
+            country.cca2 !== 'AQ' && // exclude Antarctica
+            getCallingCode(country.cca2) !== null // only countries with calling codes
+        )
+            .map((country) => {
+            const callingCode = getCallingCode(country.cca2);
+            const countryCode = country.cca2;
+            let label = '';
+            let icon = undefined;
+            switch (prefixOptionFormat) {
+                case 'CodesOnly':
+                    label = countryCode;
+                    break;
+                case 'FlagsOnly':
+                    label = '';
+                    icon = () => renderFlagIcon(countryCode);
+                    break;
+                case 'FlagsAndCodes':
+                    label = countryCode;
+                    icon = () => renderFlagIcon(countryCode);
+                    break;
+                case 'FlagsAndNumbers':
+                default:
+                    label = callingCode;
+                    icon = () => renderFlagIcon(countryCode);
+                    break;
+            }
+            return {
+                value: `${callingCode}-${countryCode}`,
+                label,
+                icon,
+            };
+        })
+            .sort((a, b) => {
+            const aCode = parseInt(a.value.split('-')[0].replace('+', ''));
+            const bCode = parseInt(b.value.split('-')[0].replace('+', ''));
+            return aCode - bCode;
+        });
+        const allowedCountriesArray = Array.isArray(allowedCountries) ? allowedCountries : undefined;
+        const excludedCountriesArray = Array.isArray(excludedCountries) ? excludedCountries : undefined;
+        const filteredOptions = allowedCountriesArray || excludedCountriesArray
+            ? defaultOptions.filter((option) => {
+                const countryCode = option.value.split('-')[1];
+                const isAllowedCountry = allowedCountriesArray ? allowedCountriesArray.includes(countryCode) : true;
+                const isExcludedCountry = excludedCountriesArray ? !excludedCountriesArray.includes(countryCode) : true;
+                return isAllowedCountry && isExcludedCountry;
+            })
+            : defaultOptions;
+        return filteredOptions;
+    }, [allowedCountries, excludedCountries, includeDependentAreas, prefixOptionFormat]);
+    const handleSelectBlur = useCallback((e) => {
+        setTimeout(() => {
+            const activeElement = document.activeElement;
+            const container = containerRef.current;
+            if (container && activeElement && container.contains(activeElement)) {
+                return;
+            }
+            onBlur?.(e);
+        }, 0);
+    }, [onBlur]);
+    const handleInputBlur = useCallback((e) => {
+        setTimeout(() => {
+            const activeElement = document.activeElement;
+            const container = containerRef.current;
+            if (container && activeElement && container.contains(activeElement)) {
+                return;
+            }
+            onBlur?.(e);
+        }, 0);
+    }, [onBlur]);
     const handleSelectOnChange = useCallback((newSelectValue) => {
         setSelectValue(newSelectValue);
-        const fullValue = `${newSelectValue}${inputValue}`;
-        onChange?.(fullValue);
-    }, [inputValue, onChange]);
+        const callingCode = newSelectValue.split('-')[0];
+        onChange?.(callingCode);
+        if (newSelectValue !== '') {
+            inputRef.current?.focus();
+        }
+    }, [onChange]);
     const handleInputOnChange = useCallback((e) => {
-        const newInputValue = e.target.value;
-        setInputValue(newInputValue);
-        const fullValue = `${selectValue}${newInputValue}`;
-        onChange?.(fullValue);
-    }, [selectValue, onChange]);
+        const callingCode = selectValue.split('-')[0];
+        const parsedValue = parsePhoneValue(`${callingCode}${e.target.value}`);
+        if (selectValue === '' && parsedValue && options.some((o) => o.value === parsedValue.selectValue)) {
+            setSelectValue(parsedValue.selectValue);
+            setInputValue(parsedValue.inputValue);
+            const callingCode = parsedValue.selectValue.split('-')[0];
+            onChange?.(`${callingCode}${parsedValue.inputValue}`);
+        }
+        else {
+            const newInputValue = e.target.value.replace(/\D/g, '');
+            setInputValue(newInputValue);
+            onChange?.(`${callingCode}${newInputValue}`);
+        }
+    }, [options, selectValue, onChange]);
+    const handleOnKeyDown = useCallback((e) => {
+        const isCopyShortcut = (e.ctrlKey && (e.key === 'c' || e.key === 'C')) || (e.metaKey && (e.key === 'c' || e.key === 'C'));
+        const isCutShortcut = (e.ctrlKey && (e.key === 'x' || e.key === 'X')) || (e.metaKey && (e.key === 'x' || e.key === 'X'));
+        const isPasteShortcut = (e.ctrlKey && (e.key === 'v' || e.key === 'V')) || (e.metaKey && (e.key === 'v' || e.key === 'V'));
+        const isSelectAllShortcut = (e.ctrlKey && (e.key === 'a' || e.key === 'A')) || (e.metaKey && (e.key === 'a' || e.key === 'A'));
+        const allowed = new Set([
+            'Backspace',
+            'Delete',
+            'ArrowLeft',
+            'ArrowRight',
+            'ArrowUp',
+            'ArrowDown',
+            'Home',
+            'End',
+            'Tab',
+            'Enter',
+            'Escape',
+        ]);
+        const isDigit = /^[0-9]$/.test(e.key);
+        if (isCopyShortcut || isCutShortcut || isPasteShortcut || isSelectAllShortcut || allowed.has(e.key) || isDigit) {
+            onKeyDown?.(e);
+            return;
+        }
+        e.preventDefault();
+        onKeyDown?.(e);
+    }, [onKeyDown]);
+    useEffect(() => {
+        if (value !== undefined) {
+            if (value === '') {
+                setSelectValue('');
+                setInputValue('');
+                return;
+            }
+            const parsedValue = parsePhoneValue(value);
+            if (parsedValue && options.some((o) => o.value === parsedValue.selectValue)) {
+                setSelectValue(parsedValue.selectValue);
+                setInputValue(parsedValue.inputValue);
+            }
+        }
+    }, [value, options]);
     return {
         options,
         selectValue,
         inputValue,
         handleSelectOnChange,
         handleInputOnChange,
+        handleOnKeyDown,
+        handleSelectBlur,
+        handleInputBlur,
+        mergedRef,
+        containerRef,
     };
 };
 //# sourceMappingURL=use-phone-number-input.js.map

package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-phone-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/use-phone-number-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAc7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC;AAClC,uEAAuE;AACvE,SAAS;AACT,gBAAgB;AAChB,QAAQ;AACR,oBAAoB;AACpB,qBAAqB;AACrB,yBAAyB;AACzB,sBAAsB;EACG,EAAE,EAAE;IAC7B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEhD,MAAM,OAAO,GAAmB,EAAE,CAAA;IAElC,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,cAAsB,EAAE,EAAE;QACzB,cAAc,CAAC,cAAc,CAAC,CAAA;QAC9B,MAAM,SAAS,GAAG,GAAG,cAAc,GAAG,UAAU,EAAE,CAAA;QAClD,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAA;IACvB,CAAC,EACD,CAAC,UAAU,EAAE,QAAQ,CAAC,CACvB,CAAA;IAED,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,CAAsC,EAAE,EAAE;QACzC,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QACpC,aAAa,CAAC,aAAa,CAAC,CAAA;QAE5B,MAAM,SAAS,GAAG,GAAG,WAAW,GAAG,aAAa,EAAE,CAAA;QAClD,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAA;IACvB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAA;IAED,OAAO;QACL,OAAO;QACP,WAAW;QACX,UAAU;QACV,oBAAoB;QACpB,mBAAmB;KACpB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"use-phone-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/use-phone-number-input.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/select/command-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command-list-item.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/command-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAA;IACnC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsF1D,CAAA"}
+{"version":3,"file":"command-list-item.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/command-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAA;IACnC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuF1D,CAAA"}

package/dist/src/ui/components/data-entry/select/command-list-item.js

@@ -6,7 +6,7 @@ import { cn } from '../../../../scalars/lib/utils.js';
 export const CommandListItem = ({ options = [], selectedValues, multiple, selectionIcon, selectionIconPosition, hasAnyIcon, toggleOption, tabIndex, className, }) => {
     return (_jsx(_Fragment, { children: options.map((opt) => {
             const isSelected = selectedValues.includes(opt.value);
-            return (_jsxs(CommandItem, { tabIndex: tabIndex, value: opt.label, onSelect: () => {
+            return (_jsxs(CommandItem, { tabIndex: tabIndex, keywords: [opt.label, opt.value], value: opt.value, onSelect: () => {
                     if (!opt.disabled) {
                         toggleOption(opt.value);
                     }

package/dist/src/ui/components/data-entry/select/command-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-list-item.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/command-list-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAA;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAerD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,OAAO,GAAG,EAAE,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,OAAO,CACL,4BACG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACrD,OAAO,CACL,MAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAElB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;wBAClB,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;oBACzB,CAAC;gBACH,CAAC,EACD,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,wEAAwE,EACxE,GAAG,CAAC,QAAQ,IAAI,wFAAwF,EACxG,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,UAAU,aAExB,aAAa,KAAK,MAAM;wBACvB,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,cACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,sCAAsC,EACtC,UAAU,IAAI,4DAA4D,CAC3E,YAEA,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,GAAI,GAC9C,CACP,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,UAAU,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,sCAAsC,EAC5F,oCAAoC,CACrC,YAEA,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,gHAAgH,GAAG,CACnI,GACG,CACP,CAAC,EACH,aAAa,KAAK,WAAW,IAAI,CAAC,CAAC,qBAAqB,KAAK,OAAO,IAAI,UAAU,CAAC,IAAI,CACtF,cAAK,SAAS,EAAC,QAAQ,YACpB,qBAAqB,KAAK,MAAM,IAAI,UAAU,IAAI,CACjD,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,iCAAiC,GAAG,CAChF,GACG,CACP,EACA,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,kCAAkC,CAAC,EACzD,eACE,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,kCAAkC,EAClC,GAAG,CAAC,QAAQ,IAAI,kCAAkC,CACnD,YAEA,GAAG,CAAC,KAAK,GACL,EACN,aAAa,KAAK,WAAW,IAAI,qBAAqB,KAAK,OAAO,IAAI,CACrE,cAAK,SAAS,EAAC,QAAQ,YACpB,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,iCAAiC,GAAG,GAC1F,CACP,KA9DI,YAAY,GAAG,CAAC,KAAK,EAAE,CA+DhB,CACf,CAAA;QACH,CAAC,CAAC,GACD,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"command-list-item.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/command-list-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAA;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAerD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,OAAO,GAAG,EAAE,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,OAAO,CACL,4BACG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACrD,OAAO,CACL,MAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAElB,QAAQ,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,EAChC,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;wBAClB,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;oBACzB,CAAC;gBACH,CAAC,EACD,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,wEAAwE,EACxE,GAAG,CAAC,QAAQ,IAAI,wFAAwF,EACxG,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,UAAU,aAExB,aAAa,KAAK,MAAM;wBACvB,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,cACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,sCAAsC,EACtC,UAAU,IAAI,4DAA4D,CAC3E,YAEA,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,GAAI,GAC9C,CACP,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,UAAU,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,sCAAsC,EAC5F,oCAAoC,CACrC,YAEA,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,gHAAgH,GAAG,CACnI,GACG,CACP,CAAC,EACH,aAAa,KAAK,WAAW,IAAI,CAAC,CAAC,qBAAqB,KAAK,OAAO,IAAI,UAAU,CAAC,IAAI,CACtF,cAAK,SAAS,EAAC,QAAQ,YACpB,qBAAqB,KAAK,MAAM,IAAI,UAAU,IAAI,CACjD,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,iCAAiC,GAAG,CAChF,GACG,CACP,EACA,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,kCAAkC,CAAC,EACzD,eACE,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,kCAAkC,EAClC,GAAG,CAAC,QAAQ,IAAI,kCAAkC,CACnD,YAEA,GAAG,CAAC,KAAK,GACL,EACN,aAAa,KAAK,WAAW,IAAI,qBAAqB,KAAK,OAAO,IAAI,CACrE,cAAK,SAAS,EAAC,QAAQ,YACpB,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,iCAAiC,GAAG,GAC1F,CACP,KA/DI,YAAY,GAAG,CAAC,KAAK,EAAE,CAgEhB,CACf,CAAA;QACH,CAAC,CAAC,GACD,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/src/ui/components/data-entry/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/textarea/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAUhE,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACvG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAG7D,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,MAAM,eAAe,CACrD,CAAA;AAED,UAAU,aACR,SAAQ,iBAAiB,EACvB,cAAc,CAAC,MAAM,CAAC,EACtB,eAAe,EACf,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;CACtC;AAoBD,QAAA,MAAM,QAAQ,2FAuKb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/textarea/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAUhE,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACvG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAG7D,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,cAAc,CAAC,MAAM,CAAC,GAAG,MAAM,eAAe,CACrD,CAAA;AAED,UAAU,aACR,SAAQ,iBAAiB,EACvB,cAAc,CAAC,MAAM,CAAC,EACtB,eAAe,EACf,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;CACtC;AAoBD,QAAA,MAAM,QAAQ,2FAwLb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAA"}

package/dist/src/ui/components/data-entry/textarea/textarea.js

@@ -23,7 +23,7 @@ const textareaBaseStyles = cn(
 'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0 focus-visible:ring-offset-white', 'dark:focus-visible:ring-charcoal-300 dark:focus-visible:ring-offset-charcoal-900 dark:focus:bg-charcoal-900 focus:bg-gray-50', 
 // Disabled state
 'disabled:cursor-not-allowed', 'disabled:border-gray-300 disabled:bg-gray-50 disabled:text-gray-700', 'disabled:dark:border-charcoal-800 disabled:dark:bg-charcoal-900 disabled:dark:text-gray-300');
-const Textarea = React.forwardRef(({ autoComplete, autoExpand, multiline = true, className, defaultValue, description, errors, id: propId, label, lowercase, maxLength, minLength, name, onChange, placeholder, required, rows = 3, trim, uppercase, value, warnings, viewMode = 'edition', diffMode = 'words', baseValue, ...props }, ref) => {
+const Textarea = React.forwardRef(({ autoComplete, autoExpand, multiline = true, className, defaultValue, description, errors, id: propId, label, lowercase, maxLength, minLength, name, onChange, onKeyDown, placeholder, required, rows = 3, trim, uppercase, value, warnings, viewMode = 'edition', diffMode = 'words', baseValue, ...props }, ref) => {
     const autoCompleteValue = autoComplete === undefined ? undefined : autoComplete ? 'on' : 'off';
     const hasError = errors && errors.length > 0;
     const hasContentBelow = !!description || (Array.isArray(warnings) && warnings.length > 0) || (Array.isArray(errors) && errors.length > 0);
@@ -43,14 +43,18 @@ const Textarea = React.forwardRef(({ autoComplete, autoExpand, multiline = true,
         if (textareaRef.current) {
             // Reset height to allow shrinking
             textareaRef.current.style.height = 'auto';
-            // Set to scrollHeight to expand based on content
-            textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+            if (textareaRef.current.value === '')
+                return;
+            // Set to scrollHeight + border to expand based on content
+            const cs = getComputedStyle(textareaRef.current);
+            const border = cs.boxSizing === 'border-box' ? parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth) : 0;
+            textareaRef.current.style.height = `${textareaRef.current.scrollHeight + border}px`;
         }
     };
     useResizeObserver({
         ref: textareaRef,
         onResize: () => {
-            if (value !== undefined && autoExpand) {
+            if (autoExpand) {
                 adjustHeight();
             }
         },
@@ -62,13 +66,23 @@ const Textarea = React.forwardRef(({ autoComplete, autoExpand, multiline = true,
             e.preventDefault();
         }
         // Call the original onKeyDown
-        props.onKeyDown?.(e);
+        onKeyDown?.(e);
     };
-    useEffect(() => {
-        if (value !== undefined && autoExpand) {
+    const handleOnChange = (e) => {
+        if (autoExpand) {
             adjustHeight();
         }
-    }, [value, autoExpand]);
+        // Call the original onChange
+        onChange?.(e);
+    };
+    useEffect(() => {
+        if (autoExpand) {
+            requestAnimationFrame(adjustHeight);
+        }
+        else if (textareaRef.current) {
+            textareaRef.current.style.height = 'auto';
+        }
+    }, [autoExpand, multiline, rows, value]);
     const transformers = useMemo(() => [
         sharedValueTransformers.trimOnBlur(!!trim),
         sharedValueTransformers.lowercaseOnChange(!!lowercase),
@@ -93,7 +107,7 @@ const Textarea = React.forwardRef(({ autoComplete, autoExpand, multiline = true,
                                         'scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-300',
                                         'dark:scrollbar-thumb-charcoal-700 dark:hover:scrollbar-thumb-charcoal-700',
                                         'scrollbar-thumb-rounded-md',
-                                    ], className), ref: mergedRef, id: id, name: name, value: value, defaultValue: defaultValue, minLength: minLength, placeholder: placeholder, rows: multiline ? rows : 1, onChange: onChange, onKeyDown: handleKeyDown, ...props }) }), typeof maxLength === 'number' && maxLength > 0 && (_jsx("div", { className: cn('mt-0.5 flex justify-end', hasContentBelow && '-mb-1'), children: _jsx(CharacterCounter, { maxLength: maxLength, value: value ?? '' }) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+                                    ], className), ref: mergedRef, id: id, name: name, value: value, defaultValue: defaultValue, minLength: minLength, placeholder: placeholder, rows: multiline ? rows : 1, onChange: handleOnChange, onKeyDown: handleKeyDown, ...props }) }), typeof maxLength === 'number' && maxLength > 0 && (_jsx("div", { className: cn('mt-0.5 flex justify-end', hasContentBelow && '-mb-1'), children: _jsx(CharacterCounter, { maxLength: maxLength, value: value ?? '' }) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
     }
     return (_jsx(SplittedTextareaDiff, { label: label, value: value ?? defaultValue ?? '', viewMode: viewMode, diffMode: diffMode, baseValue: baseValue, multiline: multiline, rows: rows, "data-testid": "textarea-diff" }));
 });