@wix/patterns-fields 1.28.0 → 1.30.0

package/dist/types/components/media-control/cell-media-edit-shell.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { BoxCssSizingProperty } from '@wix/design-system/dist/types/Box/Box.types';
+import { MediaFieldType } from './paste-url-form';
+import type { UseCellMediaEditResult } from './use-cell-media-edit';
+export interface CellMediaEditShellProps {
+    dataHook?: string;
+    /**
+     * The result of `useCellMediaEdit`; the shell reads containerRef, loading,
+     * the focus/blur handlers, and the pasteUrlForm props from it.
+     */
+    mediaEdit: Pick<UseCellMediaEditResult, 'containerRef' | 'loading' | 'handleContainerFocus' | 'handleContainerBlur' | 'pasteUrlForm'>;
+    /** Current cell value — forwarded to PasteURLForm as the pre-filled value. */
+    value: string | null;
+    /** Which validator/placeholder strings the PasteURLForm should use. */
+    fieldType: MediaFieldType;
+    /** Optional gap between the primary slot and the secondary actions. */
+    gap?: BoxCssSizingProperty;
+    /** Inner content — typically two slots: primary cell content + secondary actions. */
+    children: React.ReactNode;
+}
+/**
+ * Outer scaffolding shared by single-value media cell edit components.
+ *
+ * Renders the loading state, the focus-managed container (wired for
+ * `useCellEditKeyboard`), the inner flex Box, and the PasteURLForm modal at the
+ * end. Consumers supply only the inner primary/secondary controls via children.
+ */
+export declare const CellMediaEditShell: React.FC<CellMediaEditShellProps>;
+//# sourceMappingURL=cell-media-edit-shell.d.ts.map

package/dist/types/components/media-control/cell-media-edit-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-media-edit-shell.d.ts","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAExF,OAAO,EAAgB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,EAAE,IAAI,CACb,sBAAsB,EACpB,cAAc,GACd,SAAS,GACT,sBAAsB,GACtB,qBAAqB,GACrB,cAAc,CACjB,CAAC;IACF,8EAA8E;IAC9E,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,uEAAuE;IACvE,SAAS,EAAE,cAAc,CAAC;IAC1B,uEAAuE;IACvE,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B,qFAAqF;IACrF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2DhE,CAAC"}

package/dist/types/components/media-control/cell-media-edit-shell.st.css.d.ts

@@ -0,0 +1,13 @@
+export declare var cssStates: (stateMapping: any) => string;
+export declare var style: import("@stylable/runtime").STFunction;
+export declare var st: import("@stylable/runtime").STFunction;
+export declare var namespace: string;
+export declare var classes: {
+    root: string;
+};
+export declare var keyframes: {};
+export declare var layers: {};
+export declare var containers: {};
+export declare var stVars: {};
+export declare var vars: {};
+//# sourceMappingURL=cell-media-edit-shell.st.css.d.ts.map

package/dist/types/components/media-control/cell-media-edit-shell.st.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-media-edit-shell.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAgD,CAAC;AACnE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/media-control/index.d.ts

@@ -4,4 +4,6 @@ export * from './use-paste-url-form';
 export * from './use-document-delete';
 export * from './paste-url-button';
 export * from './paste-url-form';
+export * from './use-cell-media-edit';
+export * from './cell-media-edit-shell';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/media-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}

package/dist/types/components/media-control/paste-url-button.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paste-url-button.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAkK,CAAC;AACrL,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"paste-url-button.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAA+J,CAAC;AAClL,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/media-control/use-cell-media-edit.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { MEDIA_TYPES } from '../../utils/media-utils';
+export interface UseCellMediaEditParams {
+    mediaType: MEDIA_TYPES;
+    value: string | null;
+    onChange: (value: string | null) => void;
+    onCommit: () => void;
+    onCancel?: () => void;
+    /**
+     * Called before opening external UI (media manager / paste-URL form) so the
+     * table can set isEditing=true and protect cell focus while the modal is open.
+     */
+    onStartEdit?: () => void;
+    inputRef?: React.MutableRefObject<{
+        focus: () => void;
+    } | null | undefined>;
+}
+export interface UseCellMediaEditResult {
+    containerRef: React.MutableRefObject<HTMLDivElement | null>;
+    loading: boolean;
+    callMedia: () => Promise<boolean>;
+    downloadMedia: (uri: string) => void;
+    /** Opens the media manager. If the user cancels, propagates onCancel. */
+    handleCallMedia: () => Promise<void>;
+    /** Clears the cell and commits. */
+    handleDelete: () => void;
+    /**
+     * Curried opener: pass the modal's `title` / preset `value`, get back the
+     * click handler. Also signals onStartEdit so the cell keeps focus while the
+     * modal is up.
+     */
+    startEditAndOpenPasteUrl: (params: {
+        title: string;
+        value?: string;
+    }) => () => void;
+    pasteUrlForm: {
+        isOpen: boolean;
+        title: string;
+        onSave: (value: string) => void;
+        /** onClose composed with onCancel — call from PasteURLForm.closeModal. */
+        handleClose: () => void;
+    };
+    handleContainerFocus: () => void;
+    handleContainerBlur: (e: React.FocusEvent) => void;
+}
+/**
+ * Shared state + handlers for single-value media cell edit components
+ * (image / document / audio / video / …). Each consumer renders its own
+ * primary/secondary content; this hook owns the wiring to useMediaControl,
+ * usePasteURLForm, useCellEditKeyboard, and the standard onCommit/onCancel
+ * dance.
+ */
+export declare function useCellMediaEdit({ mediaType, value, onChange, onCommit, onCancel, onStartEdit, inputRef, }: UseCellMediaEditParams): UseCellMediaEditResult;
+//# sourceMappingURL=use-cell-media-edit.d.ts.map

package/dist/types/components/media-control/use-cell-media-edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cell-media-edit.d.ts","sourceRoot":"","sources":["../../../../src/components/media-control/use-cell-media-edit.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtD,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yEAAyE;IACzE,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,mCAAmC;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;OAIG;IACH,wBAAwB,EAAE,CAAC,MAAM,EAAE;QACjC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,MAAM,IAAI,CAAC;IACjB,YAAY,EAAE;QACZ,MAAM,EAAE,OAAO,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAChC,0EAA0E;QAC1E,WAAW,EAAE,MAAM,IAAI,CAAC;KACzB,CAAC;IACF,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACpD;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,sBAAsB,GAAG,sBAAsB,CAkEjD"}

package/dist/types/components/reference/cell-reference-input.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cell-reference-input.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA0G,CAAC;AAC7H,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"cell-reference-input.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA4G,CAAC;AAC/H,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-form-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAkG,CAAC;AACrH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;CAAsW,CAAC"}
+{"version":3,"file":"rich-content-form-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoG,CAAC;AACvH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;CAAwW,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-modal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoG,CAAC;AACvH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;CAA8K,CAAC"}
+{"version":3,"file":"fullscreen-modal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAsG,CAAC;AACzH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;CAA8K,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-fullscreen-button.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAmD,CAAC;AACtE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"toggle-fullscreen-button.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAoD,CAAC;AACvE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAgK,CAAC;AACnL,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAA6J,CAAC;AAChL,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-viewer.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAoJ,CAAC;AACvK,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"rich-content-viewer.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAuJ,CAAC;AAC1K,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;CAAyyB,CAAC;AAC5zB,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiqK,CAAC;AACnrK,eAAO,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA4vE,CAAC"}
+{"version":3,"file":"rich-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;CAA0zB,CAAC;AAC70B,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiqK,CAAC;AACnrK,eAAO,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA8vE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns-fields",
-  "version": "1.28.0",
+  "version": "1.30.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -138,7 +138,7 @@
     "@types/jest": "^27.5.2",
     "@types/lodash": "^4.17.20",
     "@types/react": "^16.14.68",
-    "@wix/bex-core": "2.308.0",
+    "@wix/bex-core": "2.309.0",
     "@wix/design-system": "^1.271.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/jest-yoshi-preset": "^6.74.0",
@@ -191,5 +191,5 @@
       "type": "yoshi-flow-library"
     }
   },
-  "falconPackageHash": "439261d2cb71864757f899d28955b5bf649de4b16ec14c16bbd6170c"
+  "falconPackageHash": "8ef43854b6e8475a461f6c5eec1b31e1891da97c1efa52a4149ee71a"
 }

package/src/__tests__/components/document/cell-document-edit.spec.tsx

@@ -0,0 +1,101 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { CellDocumentEdit } from '../../../components/document/cell-document-edit';
+import { PatternsFieldsTestProvider } from '../../../testkit/patterns-fields-test-provider';
+
+jest.mock('@wix/bex-core/react', () => ({
+  ...jest.requireActual('@wix/bex-core/react'),
+  useWixPatternsContainer: () => ({
+    environment: { msid: 'test-meta-site-id' },
+  }),
+}));
+
+const mockCallMedia = jest.fn();
+const mockDownloadMedia = jest.fn();
+const mockOnOpen = jest.fn(() => jest.fn());
+let mockLoading = false;
+
+jest.mock('../../../components/media-control/use-media-control', () => ({
+  useMediaControl: () => ({
+    callMedia: mockCallMedia,
+    downloadMedia: mockDownloadMedia,
+    loading: mockLoading,
+  }),
+}));
+
+jest.mock('../../../components/media-control/use-paste-url-form', () => ({
+  usePasteURLForm: () => ({
+    isOpen: false,
+    title: '',
+    onOpen: mockOnOpen,
+    onClose: jest.fn(),
+    onSave: jest.fn(),
+  }),
+}));
+
+const DOC_URI =
+  'wix:document://v1/ugd/fefc9f_d8295aad65e0419fb9301388ef94369c.pdf/wix-pdf.pdf';
+
+describe('CellDocumentEdit', () => {
+  beforeEach(() => {
+    mockLoading = false;
+  });
+
+  const setup = (
+    value: string | null,
+    fieldId = 'document-edit-test-col',
+  ) =>
+    render(
+      <CellDocumentEdit
+        value={value}
+        onChange={jest.fn()}
+        onCommit={jest.fn()}
+        onCancel={jest.fn()}
+        dataHook="edit"
+        fieldId={fieldId}
+      />,
+      { wrapper: PatternsFieldsTestProvider },
+    );
+
+  it('renders the Tag with the caller-provided fieldId', () => {
+    setup(DOC_URI, 'document-edit-col-1');
+    expect(screen.getByTestId('document-edit-tag').id).toBe(
+      'document-edit-col-1',
+    );
+  });
+
+  it('renders add button when value is null', () => {
+    setup(null);
+    expect(
+      screen.getByTestId('document-edit-add-button'),
+    ).toBeInTheDocument();
+    expect(screen.queryByTestId('document-edit-tag')).not.toBeInTheDocument();
+  });
+
+  it('exposes the Loader via data-hook="loader" inside the edit container while loading (Edit.uni.driver isLoading() contract)', () => {
+    mockLoading = true;
+    setup(DOC_URI);
+
+    const container = screen.getByTestId('edit');
+    expect(container.querySelector('[data-hook="loader"]')).not.toBeNull();
+  });
+
+  it('icon-only buttons have an accessible name (aria-label) in both empty and populated states', () => {
+    setup(null);
+    expect(
+      screen.getByTestId('document-edit-add-button').getAttribute('aria-label'),
+    ).toBeTruthy();
+    expect(
+      screen
+        .getByTestId('document-edit-paste-url-button')
+        .getAttribute('aria-label'),
+    ).toBeTruthy();
+
+    setup(DOC_URI);
+    expect(
+      screen
+        .getByTestId('document-edit-more-button')
+        .getAttribute('aria-label'),
+    ).toBeTruthy();
+  });
+});

package/src/__tests__/components/document/cell-document-view.spec.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { CellDocumentView } from '../../../components/document/cell-document-view';
+import { PatternsFieldsTestProvider } from '../../../testkit/patterns-fields-test-provider';
+
+const DOC_URI =
+  'wix:document://v1/ugd/fefc9f_d8295aad65e0419fb9301388ef94369c.pdf/wix-pdf.pdf';
+
+describe('CellDocumentView', () => {
+  it('renders the Tag with the caller-provided fieldId', () => {
+    render(
+      <PatternsFieldsTestProvider>
+        <CellDocumentView
+          value={DOC_URI}
+          dataHook="a"
+          fieldId="col-1-row-1"
+        />
+        <CellDocumentView
+          value={DOC_URI}
+          dataHook="b"
+          fieldId="col-1-row-2"
+        />
+      </PatternsFieldsTestProvider>,
+    );
+    const ids = screen
+      .getAllByTestId('cell-document-tag')
+      .map((t) => t.id);
+    expect(ids).toEqual(['col-1-row-1', 'col-1-row-2']);
+  });
+
+  it('renders nothing when value is null', () => {
+    render(
+      <CellDocumentView value={null} dataHook="view" fieldId="any" />,
+      { wrapper: PatternsFieldsTestProvider },
+    );
+    expect(screen.queryByTestId('view')).not.toBeInTheDocument();
+    expect(screen.queryByTestId('cell-document-tag')).not.toBeInTheDocument();
+  });
+});

package/src/__tests__/components/document/utils.spec.ts

@@ -0,0 +1,28 @@
+import { openDocument } from '../../../components/document/utils';
+
+describe('openDocument', () => {
+  it('opens with rel="noopener noreferrer" to prevent tabnabbing', () => {
+    const created: HTMLAnchorElement[] = [];
+    const realCreateElement = document.createElement.bind(document);
+    const spy = jest
+      .spyOn(document, 'createElement')
+      .mockImplementation((tag: string) => {
+        const el = realCreateElement(tag);
+        if (tag === 'a') {
+          created.push(el as HTMLAnchorElement);
+          (el as HTMLAnchorElement).click = jest.fn();
+        }
+        return el;
+      });
+
+    openDocument('https://example.com/file.pdf');
+
+    expect(created).toHaveLength(1);
+    const link = created[0];
+    expect(link.rel).toBe('noopener noreferrer');
+    expect(link.target).toBe('_blank');
+    expect(link.click).toHaveBeenCalled();
+
+    spy.mockRestore();
+  });
+});

package/src/assets/locale/messages_en.json

@@ -1,14 +1,14 @@
 {
-  "CMS.document.add.button.text": "Add Document",
-  "CMS.document.addMore.button.text": "Add Document",
-  "CMS.document.action.open": "Open",
-  "CMS.document.action.download": "Download",
-  "CMS.document.action.replace": "Replace",
+  "CMS.document.add.button.text": "Add file",
+  "CMS.document.addMore.button.text": "Add file",
+  "CMS.document.action.open": "Open file",
+  "CMS.document.action.download": "Download file",
+  "CMS.document.action.replace": "Choose file",
   "CMS.document.action.replaceWithUrl": "Replace with URL",
-  "CMS.document.action.delete": "Delete",
-  "CMS.document.pasteUrl.button": "Paste URL",
-  "CMS.document.pasteUrl.title": "Paste document URL",
-  "CMS.document.replaceWithUrl.title": "Replace with URL",
+  "CMS.document.action.delete": "Delete file",
+  "CMS.document.pasteUrl.button": "Add file link (URL)",
+  "CMS.document.pasteUrl.title": "Add file link (URL)",
+  "CMS.document.replaceWithUrl.title": "Add file link (URL)",
   "CMS.document.delete.title": "Delete \"{filename}\"?",
   "CMS.document.delete.confirm": "Delete",
   "CMS.document.delete.cancel": "Cancel",

package/src/components/address/input/address-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "addressinput1163457659";
+var _namespace_ = "addressinput1106002573";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"addressinput1163457659__root","tableAddressInput":"addressinput1163457659__tableAddressInput"};
+export var classes = {"root":"addressinput1106002573__root","tableAddressInput":"addressinput1106002573__tableAddressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "actionsmenu1777815006";
+var _namespace_ = "actionsmenu2271857068";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"actionsmenu1777815006__root","action":"actionsmenu1777815006__action"};
+export var classes = {"root":"actionsmenu2271857068__root","action":"actionsmenu2271857068__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-field/form-audio-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formaudiofield3252370389";
+var _namespace_ = "formaudiofield1284110851";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formaudiofield3252370389__root","addItem":"formaudiofield3252370389__addItem","mediaTitle":"formaudiofield3252370389__mediaTitle"};
+export var classes = {"root":"formaudiofield1284110851__root","addItem":"formaudiofield1284110851__addItem","mediaTitle":"formaudiofield1284110851__mediaTitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-player/audio-player.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "audioplayer2062041169";
+var _namespace_ = "audioplayer3613609519";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"audioplayer2062041169__root"};
+export var classes = {"root":"audioplayer3613609519__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview1839506191";
+var _namespace_ = "colorview1018072753";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"colorview1839506191__root","view":"colorview1839506191__view","fillPreview":"colorview1839506191__fillPreview"};
+export var classes = {"root":"colorview1018072753__root","view":"colorview1018072753__view","fillPreview":"colorview1018072753__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/delete-dialog/delete-dialog.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog519767715";
+var _namespace_ = "deletedialog2116833939";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"deletedialog519767715__root","layout":"deletedialog519767715__layout"};
+export var classes = {"root":"deletedialog2116833939__root","layout":"deletedialog2116833939__layout"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};