@wix/patterns-fields 1.42.0 → 1.44.0

package/dist/esm/components/date-input/cell-date-input.js

@@ -0,0 +1,37 @@
+import React, { forwardRef, useCallback, useImperativeHandle, useRef, } from 'react';
+import { DatePicker } from '@wix/design-system';
+import { closeDatePickerCalendar, getDatePickerInputElement, } from './date-picker-internals';
+/**
+ * Cell-layer Date input. Wraps WDS `<DatePicker>` with cell-edit semantics:
+ * - `onChange` fires on every WDS onChange (typing-driven valid date or
+ *   calendar pick). It deliberately does NOT auto-commit so composite cells
+ *   (DateTime) can stash the value while staying in edit mode.
+ * - `onClear` shows the clear (X) suffix; the cell decides whether to fire
+ *   onCommit alongside the value reset.
+ * - Exposes `focus` / `openCalendar` / `closeCalendar` via imperative handle
+ *   so consumers can drive type-to-edit and scroll-close behaviors.
+ */
+export const CellDateInput = forwardRef(({ value, onChange, onClear, inputRef, dataHook, placeholder, ariaLabel, hidePrefix, popoverProps, }, forwardedRef) => {
+    const datePickerRef = useRef(null);
+    useImperativeHandle(forwardedRef, () => ({
+        focus: () => getDatePickerInputElement(datePickerRef.current)?.focus(),
+        openCalendar: () => datePickerRef.current?.openCalendar?.(),
+        closeCalendar: () => closeDatePickerCalendar(datePickerRef.current),
+    }), []);
+    const handleChange = useCallback((date) => {
+        onChange?.(date);
+    }, [onChange]);
+    const validValue = value instanceof Date && !isNaN(value.getTime()) ? value : undefined;
+    return (React.createElement(DatePicker, { ref: datePickerRef, dataHook: dataHook, size: "small", width: "100%", value: validValue, onChange: handleChange, clearButton: !!onClear && !!validValue, onClear: onClear, placeholderText: placeholder, popoverProps: popoverProps ?? { appendTo: 'window', moveBy: { y: 4 } }, inputProps: {
+            border: 'none',
+            ...(hidePrefix ? { prefix: React.createElement("span", null) } : {}),
+            ...(ariaLabel ? { ariaLabel } : {}),
+            inputRef: (el) => {
+                if (inputRef) {
+                    inputRef.current = el ?? undefined;
+                }
+            },
+        } }));
+});
+CellDateInput.displayName = 'CellDateInput';
+//# sourceMappingURL=cell-date-input.js.map

package/dist/esm/components/date-input/cell-date-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-date-input.js","sourceRoot":"","sources":["../../../../src/components/date-input/cell-date-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EACL,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,yBAAyB,CAAC;AAoCjC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAIrC,CACE,EACE,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,GACb,EACD,YAAY,EACZ,EAAE;IACF,MAAM,aAAa,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,mBAAmB,CACjB,YAAY,EACZ,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE;QACtE,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE;QAC3D,aAAa,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,aAAa,CAAC,OAAO,CAAC;KACpE,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAU,EAAE,EAAE;QACb,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,UAAU,GACd,KAAK,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,aAAa,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,EACtC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,WAAW,EAC5B,YAAY,EAAE,YAAY,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EACtE,UAAU,EAAE;YACV,MAAM,EAAE,MAAM;YACd,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,iCAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3C,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACnC,QAAQ,EAAE,CAAC,EAA2B,EAAE,EAAE;gBACxC,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,OAAO,GAAG,EAAE,IAAI,SAAS,CAAC;iBACpC;YACH,CAAC;SACF,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esm/components/date-input/date-picker-internals.js

@@ -0,0 +1,5 @@
+export const getDatePickerInputElement = (picker) => picker?.state?.inputRef;
+export const closeDatePickerCalendar = (picker) => {
+    picker?._closeCalendar?.();
+};
+//# sourceMappingURL=date-picker-internals.js.map

package/dist/esm/components/date-input/date-picker-internals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-internals.js","sourceRoot":"","sources":["../../../../src/components/date-input/date-picker-internals.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,MAAqC,EACP,EAAE,CAC/B,MAAqD,EAAE,KAAK,EAAE,QAAQ,CAAC;AAE1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,MAAqC,EAC/B,EAAE;IACP,MAAqD,EAAE,cAAc,EAAE,EAAE,CAAC;AAC7E,CAAC,CAAC"}

package/dist/esm/components/date-input/form-date-input.js

@@ -3,11 +3,13 @@ import { FormField, DatePicker } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
+import { useTranslations } from '../../hooks';
 import { isEmpty } from '../../validations/string';
 import { getDateWithoutTimezone, getISODateStringWithFixedTimezone, } from './date-utils';
 const _FormDateInput = (props) => {
     const { field, dataHook, inputRef, formControl, data } = props;
     const { translate: t } = useWixPatternsContainer();
+    const { t: tFields } = useTranslations();
     const computeError = (value, format, validationType) => {
         if (field.validation?.required && isEmpty(value)) {
             return t('cairo.fieldValidation.requiredField');
@@ -43,7 +45,7 @@ const _FormDateInput = (props) => {
                 inputRef?.(ref.current);
                 // @ts-expect-error: WSR internal API hack for focusing
                 ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();
-            }, dataHook: `date-${field.id}`, width: "100%", value: date, onChange: (newValue) => {
+            }, dataHook: `date-${field.id}`, width: "100%", placeholderText: tFields('CMS.formDate.placeholder'), value: date, onChange: (newValue) => {
                 setDate(newValue);
                 if (newValue) {
                     const formattedDate = getISODateStringWithFixedTimezone(newValue);

package/dist/esm/components/date-input/form-date-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-date-input.js","sourceRoot":"","sources":["../../../../src/components/date-input/form-date-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-date-input.js","sourceRoot":"","sources":["../../../../src/components/date-input/form-date-input.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/date-input/index.js

@@ -1,2 +1,4 @@
 export * from './form-date-input';
+export * from './cell-date-input';
+export * from './date-picker-internals';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/date-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/date-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/date-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}

package/dist/esm/components/datetime-input/form-date-time.js

@@ -3,10 +3,12 @@ import { Cell, DatePicker, FormField, Layout, TimeInput, } from '@wix/design-sys
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
+import { useTranslations } from '../../hooks';
 import { isEmpty } from '../../validations/string';
 const _FormDateTime = (props) => {
     const { field, dataHook, inputRef, formControl, data } = props;
     const { translate: t } = useWixPatternsContainer();
+    const { t: tFields } = useTranslations();
     const controller = useController({
         name: field?.id ?? '',
         control: formControl,
@@ -51,7 +53,7 @@ const _FormDateTime = (props) => {
                         // TODO: PR to WSR needed to expose as public API
                         // @ts-expect-error
                         internalRef?.state?.inputRef?.focus?.();
-                    }, width: "100%", value: date, onChange: () => { }, 
+                    }, width: "100%", placeholderText: tFields('CMS.formDate.placeholder'), value: date, onChange: () => { }, 
                     // onChange is triggered only when you have valid, non-empty value.
                     // and onValidate is triggered on every change so we use onValidate
                     onValidate: ({ validationType, value: newValue, format }) => {
@@ -96,7 +98,7 @@ const _FormDateTime = (props) => {
             React.createElement(Cell, { span: 6 },
                 React.createElement(TimeInput, { ref: (internalRef) => {
                         timeRef.current.focus = () => internalRef?.focus();
-                    }, dataHook: `datetime-time-${field.id}`, value: date ?? null, status: controller.fieldState.error || timeStatusMessage
+                    }, dataHook: `datetime-time-${field.id}`, placeholder: tFields('CMS.formTime.placeholder'), invalidMessage: tFields('CMS.formTime.invalidMessage'), value: date ?? null, status: controller.fieldState.error || timeStatusMessage
                         ? 'error'
                         : undefined, statusMessage: controller.fieldState.error?.message || timeStatusMessage, onInvalid: () => {
                         timeRef.current.invalid = true;

package/dist/esm/components/datetime-input/form-date-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-date-time.js","sourceRoot":"","sources":["../../../../src/components/datetime-input/form-date-time.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-date-time.js","sourceRoot":"","sources":["../../../../src/components/datetime-input/form-date-time.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "deletedialog939076837";
+var _namespace_ = "deletedialog2144465902";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "deletedialog939076837__root", "layout": "deletedialog939076837__layout" };
+export var classes = { "root": "deletedialog2144465902__root", "layout": "deletedialog2144465902__layout" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACrG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,QAAQ,EAAC,gCAAgC,EAAC,CAAC;AACvG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/document/form-document-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield189717351";
+var _namespace_ = "formdocumentfield2906035939";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formdocumentfield189717351__root", "viewWrapper": "formdocumentfield189717351__viewWrapper", "textWidth": "formdocumentfield189717351__textWidth", "documentLoader": "formdocumentfield189717351__documentLoader", "addDocument": "formdocumentfield189717351__addDocument", "addItemWrapper": "formdocumentfield189717351__addItemWrapper" };
+export var classes = { "root": "formdocumentfield2906035939__root", "viewWrapper": "formdocumentfield2906035939__viewWrapper", "textWidth": "formdocumentfield2906035939__textWidth", "documentLoader": "formdocumentfield2906035939__documentLoader", "addDocument": "formdocumentfield2906035939__addDocument", "addItemWrapper": "formdocumentfield2906035939__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/document/form-document-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-document-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/document/form-document-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,aAAa,EAAC,yCAAyC,EAAC,WAAW,EAAC,uCAAuC,EAAC,gBAAgB,EAAC,4CAA4C,EAAC,aAAa,EAAC,yCAAyC,EAAC,gBAAgB,EAAC,4CAA4C,EAAC,CAAC;AACjW,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,sBAAsB,EAAC,OAAO,EAAC,wBAAwB,EAAC,6CAA6C,EAAC,uBAAuB,EAAC,MAAM,EAAC,oBAAoB,EAAC,MAAM,EAAC,CAAC;AACrR,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,CAAC"}
+{"version":3,"file":"form-document-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/document/form-document-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,aAAa,EAAC,0CAA0C,EAAC,WAAW,EAAC,wCAAwC,EAAC,gBAAgB,EAAC,6CAA6C,EAAC,aAAa,EAAC,0CAA0C,EAAC,gBAAgB,EAAC,6CAA6C,EAAC,CAAC;AACvW,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,sBAAsB,EAAC,OAAO,EAAC,wBAAwB,EAAC,6CAA6C,EAAC,uBAAuB,EAAC,MAAM,EAAC,oBAAoB,EAAC,MAAM,EAAC,CAAC;AACrR,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,CAAC"}

package/dist/esm/components/exclamation/exclamation.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation1326878845";
+var _namespace_ = "exclamation3597327772";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "exclamation1326878845__root", "exclamation": "exclamation1326878845__exclamation", "actions": "exclamation1326878845__actions", "action": "exclamation1326878845__action" };
+export var classes = { "root": "exclamation3597327772__root", "exclamation": "exclamation3597327772__exclamation", "actions": "exclamation3597327772__actions", "action": "exclamation3597327772__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/highlighted-text/highlighted-text.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "highlightedtext3563469804";
+var _namespace_ = "highlightedtext3177720312";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "highlightedtext3563469804__root", "substring": "highlightedtext3563469804__substring" };
-export var keyframes = { "highlighted": "highlightedtext3563469804__highlighted", "highlighted-match": "highlightedtext3563469804__highlighted-match" };
+export var classes = { "root": "highlightedtext3177720312__root", "substring": "highlightedtext3177720312__substring" };
+export var keyframes = { "highlighted": "highlightedtext3177720312__highlighted", "highlighted-match": "highlightedtext3177720312__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "thumbnailreplaceoverlay3531512781";
+var _namespace_ = "thumbnailreplaceoverlay3234372462";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "thumbnailreplaceoverlay3531512781__root", "icon": "thumbnailreplaceoverlay3531512781__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay3234372462__root", "icon": "thumbnailreplaceoverlay3234372462__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmediaeditshell2365634993";
+var _namespace_ = "cellmediaeditshell3278014357";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellmediaeditshell2365634993__root" };
+export var classes = { "root": "cellmediaeditshell3278014357__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/paste-url-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton19109306";
+var _namespace_ = "pasteurlbutton2508309626";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "pasteurlbutton19109306__root", "iconButtonTooltip": "pasteurlbutton19109306__iconButtonTooltip", "iconButton": "pasteurlbutton19109306__iconButton" };
+export var classes = { "root": "pasteurlbutton2508309626__root", "iconButtonTooltip": "pasteurlbutton2508309626__iconButtonTooltip", "iconButton": "pasteurlbutton2508309626__iconButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/paste-url-button.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,mBAAmB,EAAC,2CAA2C,EAAC,YAAY,EAAC,oCAAoC,EAAC,CAAC;AAC/K,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,mBAAmB,EAAC,6CAA6C,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC;AACrL,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formmediagalleryfield494754511";
+var _namespace_ = "formmediagalleryfield177580183";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmediagalleryfield494754511__root", "container": "formmediagalleryfield494754511__container", "viewBox": "formmediagalleryfield494754511__viewBox", "addItemWrapper": "formmediagalleryfield494754511__addItemWrapper", "addItem": "formmediagalleryfield494754511__addItem", "overlay": "formmediagalleryfield494754511__overlay", "image": "formmediagalleryfield494754511__image", "previewImage": "formmediagalleryfield494754511__previewImage", "previewVideo": "formmediagalleryfield494754511__previewVideo" };
+export var classes = { "root": "formmediagalleryfield177580183__root", "container": "formmediagalleryfield177580183__container", "viewBox": "formmediagalleryfield177580183__viewBox", "addItemWrapper": "formmediagalleryfield177580183__addItemWrapper", "addItem": "formmediagalleryfield177580183__addItem", "overlay": "formmediagalleryfield177580183__overlay", "image": "formmediagalleryfield177580183__image", "previewImage": "formmediagalleryfield177580183__previewImage", "previewVideo": "formmediagalleryfield177580183__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-image/media-image.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimage3088306492";
+var _namespace_ = "mediaimage3330258919";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "mediaimage3088306492__root" };
+export var classes = { "root": "mediaimage3330258919__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-red-200": "--wds-color-red-200", "wsr-color-R20": "--wsr-color-R20", "wds-color-black-550": "--wds-color-black-550", "wsr-color-D55": "--wsr-color-D55", "from": "--mediaimage3088306492-from", "to": "--mediaimage3088306492-to" };
+export var vars = { "wds-color-red-200": "--wds-color-red-200", "wsr-color-R20": "--wsr-color-R20", "wds-color-black-550": "--wds-color-black-550", "wsr-color-D55": "--wsr-color-D55", "from": "--mediaimage3330258919-from", "to": "--mediaimage3330258919-to" };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/esm/components/media-image/overlays/overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "overlay3159494699";
+var _namespace_ = "overlay3988259752";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "overlay3159494699__root", "iconOverlay": "overlay3159494699__iconOverlay" };
+export var classes = { "root": "overlay3988259752__root", "iconOverlay": "overlay3988259752__iconOverlay" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-loader/media-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "medialoader446546935";
+var _namespace_ = "medialoader258840642";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "medialoader446546935__root", "loader": "medialoader446546935__loader" };
+export var classes = { "root": "medialoader258840642__root", "loader": "medialoader258840642__loader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "mediatag4224927626";
+var _namespace_ = "mediatag3640290777";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "mediatag4224927626__root" };
+export var classes = { "root": "mediatag3640290777__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formmultidocument3120106083";
+var _namespace_ = "formmultidocument2441635574";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmultidocument3120106083__root", "viewRoot": "formmultidocument3120106083__viewRoot", "singleViewWrapper": "formmultidocument3120106083__singleViewWrapper", "addDocumentButton": "formmultidocument3120106083__addDocumentButton" };
+export var classes = { "root": "formmultidocument2441635574__root", "viewRoot": "formmultidocument2441635574__viewRoot", "singleViewWrapper": "formmultidocument2441635574__singleViewWrapper", "addDocumentButton": "formmultidocument2441635574__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-multi-reference-input.js

@@ -0,0 +1,92 @@
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { Divider, ListItemAction, MultiSelect, listItemSelectBuilder, } from '@wix/design-system';
+import { useTranslations } from '../../hooks/use-translations';
+import { ReferenceAvatar } from './reference-avatar';
+import { st, classes } from './cell-multi-reference-input.st.css.js';
+const ROW_HEIGHT = 30;
+const MAX_NUM_ROWS = 7;
+export const CellMultiReferenceInput = React.forwardRef(({ items, selectedItems, value, onChange, onSelect, onRemoveTag, onBlur, onKeyDown, infiniteScroll, hasMore, loadMore, fixedFooter, onOpenCollection, autoOpen, inputRef, dataHook, }, ref) => {
+    const { t } = useTranslations();
+    const msRef = useRef(null);
+    const wrapperRef = useRef(null);
+    React.useImperativeHandle(ref, () => ({
+        focus: () => msRef.current?.focus?.(),
+        hideOptions: () => msRef.current?.hideOptions?.(),
+    }));
+    useEffect(() => {
+        if (autoOpen) {
+            msRef.current?.focus?.();
+            requestAnimationFrame(() => msRef.current?.showOptions?.());
+        }
+        // Intentionally run only on mount
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // Expose the MultiSelect input element to the framework's inputRef so
+    // type-to-edit + framework-level focus management work.
+    useEffect(() => {
+        if (!inputRef) {
+            return;
+        }
+        const el = wrapperRef.current?.querySelector('input');
+        if (el) {
+            inputRef.current = { focus: () => el.focus() };
+        }
+    }, [inputRef]);
+    const untitled = t('patterns-fields.reference.untitled');
+    const tags = useMemo(() => selectedItems.map((item) => ({
+        id: item.id,
+        dataHook: 'multi-reference-edit-tag',
+        label: item.name || untitled,
+        thumb: (React.createElement(ReferenceAvatar, { name: item.name || untitled, image: item.image, size: "size18" })),
+    })), [selectedItems, untitled]);
+    const options = useMemo(() => items.map((item) => listItemSelectBuilder({
+        id: item.id,
+        title: item.name || untitled,
+        label: item.name || untitled,
+        prefix: (React.createElement(ReferenceAvatar, { name: item.name || untitled, image: item.image })),
+        size: 'small',
+        ellipsis: true,
+    })), [items, untitled]);
+    const handleChange = useCallback((e) => onChange(e.target.value), [onChange]);
+    const handleSelect = useCallback((option) => {
+        const item = items.find((i) => i.id === String(option.id));
+        if (item) {
+            onSelect(item);
+        }
+    }, [items, onSelect]);
+    const handleRemoveTag = useCallback((id) => onRemoveTag(String(id)), [onRemoveTag]);
+    const combinedFooter = useMemo(() => {
+        if (!fixedFooter && !onOpenCollection) {
+            return undefined;
+        }
+        return (
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        React.createElement("div", { onMouseDown: (e) => e.preventDefault() },
+            fixedFooter,
+            onOpenCollection && React.createElement(Divider, null),
+            onOpenCollection && (React.createElement(ListItemAction, { title: t('patterns-fields.reference.open_collection'), size: "small", onClick: () => {
+                    msRef.current?.hideOptions?.();
+                    onOpenCollection();
+                }, dataHook: "reference-open-collection" }))));
+    }, [fixedFooter, onOpenCollection, t]);
+    return (
+    // Prevent EditableCell's row click/dblclick handlers from firing when
+    // the user interacts with the input or dropdown.
+    React.createElement("div", { ref: wrapperRef, className: st(classes.root), "data-hook": dataHook, onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation(), 
+        // Capture phase so keys (e.g. Escape) can be intercepted before the
+        // WDS MultiSelect handles and stops them on the inner input.
+        onKeyDownCapture: onKeyDown },
+        React.createElement(MultiSelect, { ref: (instance) => {
+                msRef.current = instance;
+            }, dataHook: "multi-reference-input-multiselect", size: "small", border: "none", tags: tags, options: options, predicate: () => true, value: value, onChange: handleChange, onSelect: handleSelect, onRemoveTag: handleRemoveTag, onBlur: onBlur, placeholder: selectedItems.length === 0
+                ? t('auto-patterns.fields.select_placeholder')
+                : '', emptyStateMessage: t('auto-patterns.fields.no_results_found'), maxHeightPixels: ROW_HEIGHT * MAX_NUM_ROWS, infiniteScroll: infiniteScroll, hasMore: hasMore, loadMore: loadMore, fixedFooter: combinedFooter, popoverProps: {
+                appendTo: 'window',
+                flip: true,
+                fixed: false,
+                placement: 'bottom-start',
+                zIndex: 9999,
+            } })));
+});
+CellMultiReferenceInput.displayName = 'CellMultiReferenceInput';
+//# sourceMappingURL=cell-multi-reference-input.js.map

package/dist/esm/components/reference/cell-multi-reference-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-multi-reference-input.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-multi-reference-input.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/reference/cell-multi-reference-input.st.css

@@ -0,0 +1,20 @@
+@property st-global(--wds-input-border-color);
+@property st-global(--wds-input-border-color-hover);
+@property st-global(--wds-input-border-color-focus);
+@property st-global(--wds-input-background-fill-default);
+@property st-global(--wds-input-background-fill-hover);
+@property st-global(--wds-input-shadow-focus-standard);
+
+/* Drop the input border / focus ring / fill so the MultiSelect sits inline
+   within the cell. Same WDS custom-property approach the singular reference
+   input uses (no !important, no class targeting). */
+.root {
+  width: 100%;
+  box-sizing: border-box;
+  --wds-input-border-color: transparent;
+  --wds-input-border-color-hover: transparent;
+  --wds-input-border-color-focus: transparent;
+  --wds-input-background-fill-default: transparent;
+  --wds-input-background-fill-hover: transparent;
+  --wds-input-shadow-focus-standard: 0 0 0 0 transparent;
+}

package/dist/esm/components/reference/cell-multi-reference-input.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "cellmultireferenceinput2476850794";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "cellmultireferenceinput2476850794__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-input-border-color": "--wds-input-border-color", "wds-input-border-color-hover": "--wds-input-border-color-hover", "wds-input-border-color-focus": "--wds-input-border-color-focus", "wds-input-background-fill-default": "--wds-input-background-fill-default", "wds-input-background-fill-hover": "--wds-input-background-fill-hover", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard" };
+//# sourceMappingURL=cell-multi-reference-input.st.css.js.map

package/dist/esm/components/reference/cell-multi-reference-input.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-multi-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mCAAmC,CAAC;AACtD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yCAAyC,EAAC,CAAC;AACxE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,CAAC"}

package/dist/esm/components/reference/cell-multi-reference-view.js

@@ -0,0 +1,30 @@
+import React, { useMemo } from 'react';
+import { Box, TagList } from '@wix/design-system';
+import { useTranslations } from '../../hooks/use-translations';
+import { ReferenceAvatar } from './reference-avatar';
+export const CellMultiReferenceView = ({ items, dataHook, fieldId, }) => {
+    const { t } = useTranslations();
+    const tags = useMemo(() => items.map((item, i) => {
+        const label = item.name || t('patterns-fields.reference.untitled');
+        return {
+            id: `${fieldId}-${i}`,
+            dataHook: 'cell-multi-reference-tag',
+            thumb: (React.createElement(ReferenceAvatar, { name: label, image: item.image, size: "size18" })),
+            children: label,
+            removable: false,
+        };
+    }), [items, fieldId, t]);
+    if (tags.length === 0) {
+        return null;
+    }
+    return (React.createElement(Box, { dataHook: dataHook, direction: "vertical", verticalAlign: "middle", padding: "0 8px", height: "100%", width: "100%", minWidth: 0 },
+        React.createElement(TagList, { overflowMode: {
+                type: 'collapse',
+                overflowTooltipContent: (hiddenTags) => hiddenTags
+                    .map((tag) => typeof tag.children === 'string' ? tag.children : '')
+                    .filter(Boolean)
+                    .join(', '),
+            }, size: "small", dataHook: "cell-multi-reference-tags", tags: tags })));
+};
+CellMultiReferenceView.displayName = 'CellMultiReferenceView';
+//# sourceMappingURL=cell-multi-reference-view.js.map

package/dist/esm/components/reference/cell-multi-reference-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-multi-reference-view.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-multi-reference-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoBrD,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CACH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,oCAAoC,CAAC,CAAC;QACnE,OAAO;YACL,EAAE,EAAE,GAAG,OAAO,IAAI,CAAC,EAAE;YACrB,QAAQ,EAAE,0BAA0B;YACpC,KAAK,EAAE,CACL,oBAAC,eAAe,IAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,GAAG,CAClE;YACD,QAAQ,EAAE,KAAK;YACf,SAAS,EAAE,KAAc;SAC1B,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CACpB,CAAC;IAEF,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EACpB,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,CAAC;QAEX,oBAAC,OAAO,IACN,YAAY,EAAE;gBACZ,IAAI,EAAE,UAAU;gBAChB,sBAAsB,EAAE,CAAC,UAAU,EAAE,EAAE,CACrC,UAAU;qBACP,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACX,OAAO,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACrD;qBACA,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,IAAI,CAAC;aAChB,EACD,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,2BAA2B,EACpC,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}