@wix/patterns-fields 1.55.0 → 1.59.0

package/dist/cjs/components/reference/form-reference.js

@@ -0,0 +1,188 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormReference = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _form = require("@wix/bex-core/form");
+var _useTranslations = require("../../hooks/use-translations");
+var _referenceAvatar = require("./reference-avatar");
+var _referenceDropdownFooter = require("./reference-dropdown-footer");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/form-reference.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** The selected reference, stored on the form as `{ [idField], [displayField] }`. */
+
+// Data-agnostic like CellReferenceInput: the caller owns fetching, search, and
+// pagination and passes the results in as props. This renderer only wraps them
+// in a FormField with react-hook-form wiring. See remaining-issues.md #2.
+
+const _FormReference = props => {
+  var _field$validation2, _controller$fieldStat, _field$validation3;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data,
+    items,
+    idField,
+    displayField,
+    imageField,
+    searchValue,
+    onSearch,
+    onClearSearch,
+    hasMore,
+    loadMore,
+    fixedFooter,
+    onOpenCollection,
+    placeholder
+  } = props;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    t: tf
+  } = (0, _useTranslations.useTranslations)();
+  const acRef = (0, _react.useRef)(null);
+  const controller = (0, _form.useController)({
+    name: field.id,
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[field.id],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && !value) {
+          return t('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  const selectedValue = controller.field.value;
+  const selectedDisplayValue = (selectedValue == null ? void 0 : selectedValue[displayField]) || '';
+  // A reference whose label is empty (the referenced item has no value in the
+  // display field) still has to look picked — an empty input reads as "nothing
+  // happened". Same fallback the options use.
+  const selectedLabel = selectedDisplayValue || (selectedValue ? tf('patterns-fields.reference.untitled') : '');
+  const displayValue = searchValue || selectedLabel;
+  const selectedId = selectedValue != null && selectedValue[idField] ? String(selectedValue[idField]) : undefined;
+  const selectedImage = (0, _react.useMemo)(() => {
+    if (!selectedId) {
+      return undefined;
+    }
+    const found = items.find(item => item.id === selectedId);
+    if (found != null && found.image) {
+      return found.image;
+    }
+    return imageField ? selectedValue == null ? void 0 : selectedValue[imageField] : undefined;
+  }, [selectedValue, selectedId, imageField, items]);
+  const options = (0, _react.useMemo)(() => items.map(item => (0, _designSystem.listItemSelectBuilder)({
+    id: item.id,
+    title: item.name || tf('patterns-fields.reference.untitled'),
+    prefix: /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
+      name: item.name,
+      image: item.image,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 121,
+        columnNumber: 19
+      }
+    })
+  })), [items, tf]);
+  const selectedPrefix = selectedLabel && !searchValue ? /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 129,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
+    name: selectedLabel,
+    image: selectedImage,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 130,
+      columnNumber: 9
+    }
+  })) : undefined;
+  const handleSelect = (0, _react.useCallback)(option => {
+    const item = items.find(i => i.id === String(option.id));
+    controller.field.onChange({
+      [idField]: String(option.id),
+      [displayField]: (item == null ? void 0 : item.name) || ''
+    });
+    onClearSearch == null || onClearSearch();
+  }, [items, idField, displayField, controller.field, onClearSearch]);
+  const handleChange = (0, _react.useCallback)(e => {
+    onSearch(e.target.value);
+    if (!e.target.value) {
+      controller.field.onChange(null);
+    }
+  }, [onSearch, controller.field]);
+  const handleClear = (0, _react.useCallback)(() => {
+    controller.field.onChange(null);
+    onClearSearch == null || onClearSearch();
+  }, [controller.field, onClearSearch]);
+  const handleBlur = (0, _react.useCallback)(() => {
+    onClearSearch == null || onClearSearch();
+  }, [onClearSearch]);
+  const hideOptions = (0, _react.useCallback)(() => {
+    var _acRef$current;
+    return (_acRef$current = acRef.current) == null || _acRef$current.hideOptions == null ? void 0 : _acRef$current.hideOptions();
+  }, []);
+  const combinedFooter = (0, _referenceDropdownFooter.useReferenceDropdownFooter)({
+    fixedFooter,
+    onOpenCollection,
+    hideOptions
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 173,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
+    ref: acRef,
+    placeholder: placeholder ?? tf('auto-patterns.fields.select_placeholder'),
+    options: options,
+    value: displayValue
+    // Without this the dropdown tracks its own picks only, so a value that
+    // came from the form (a loaded entity, or a re-opened dropdown) shows no
+    // selected row. `selected` on listItemSelectBuilder does not do this —
+    // the builder drops it.
+    ,
+    selectedId: selectedId,
+    prefix: selectedPrefix,
+    onChange: handleChange,
+    onSelect: handleSelect,
+    onClear: handleClear,
+    onBlur: handleBlur,
+    clearButton: !((_field$validation3 = field.validation) != null && _field$validation3.required),
+    infiniteScroll: !!loadMore,
+    hasMore: hasMore,
+    loadMore: loadMore,
+    fixedFooter: combinedFooter
+    // Hand the input to react-hook-form so shouldFocusError scrolls to +
+    // focuses this field when it blocks save.
+    ,
+    inputRef: controller.field.ref,
+    dataHook: `reference-input-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 180,
+      columnNumber: 7
+    }
+  }));
+};
+const FormReference = exports.FormReference = (0, _mobxReactLite.observer)(_FormReference);
+//# sourceMappingURL=form-reference.js.map

package/dist/cjs/components/reference/form-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_useTranslations","_referenceAvatar","_referenceDropdownFooter","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormReference","props","_field$validation2","_controller$fieldStat","_field$validation3","field","dataHook","formControl","data","items","idField","displayField","imageField","searchValue","onSearch","onClearSearch","hasMore","loadMore","fixedFooter","onOpenCollection","placeholder","translate","useWixPatternsContainer","tf","useTranslations","acRef","useRef","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","selectedValue","selectedDisplayValue","selectedLabel","displayValue","selectedId","String","undefined","selectedImage","useMemo","found","find","item","image","options","map","listItemSelectBuilder","title","prefix","createElement","ReferenceAvatar","__self","__source","fileName","lineNumber","columnNumber","selectedPrefix","Input","Affix","handleSelect","useCallback","option","onChange","handleChange","target","handleClear","handleBlur","hideOptions","_acRef$current","current","combinedFooter","useReferenceDropdownFooter","FormField","label","displayName","status","fieldState","error","statusMessage","message","AutoComplete","ref","onSelect","onClear","onBlur","clearButton","infiniteScroll","inputRef","FormReference","exports","observer"],"sources":["../../../../src/components/reference/form-reference.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from 'react';\nimport {\n  AutoComplete,\n  FormField,\n  Input,\n  listItemSelectBuilder,\n  type DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\nimport { useReferenceDropdownFooter } from './reference-dropdown-footer';\n\nexport interface FormReferenceItem {\n  id: string;\n  name: string;\n  image?: string;\n}\n\n/** The selected reference, stored on the form as `{ [idField], [displayField] }`. */\nexport type FormReferenceValue = Record<string, unknown> | null;\n\n// Data-agnostic like CellReferenceInput: the caller owns fetching, search, and\n// pagination and passes the results in as props. This renderer only wraps them\n// in a FormField with react-hook-form wiring. See remaining-issues.md #2.\nexport interface FormReferenceProps extends BaseInputProps<FormReferenceValue> {\n  /** Candidate items for the dropdown. */\n  items: FormReferenceItem[];\n  /** Referenced-item field the selected id is written to. */\n  idField: string;\n  /** Referenced-item field used as the display label. */\n  displayField: string;\n  /** Referenced-item field holding an avatar image, when the schema has one. */\n  imageField?: string;\n  /** Current search text. Empty ⇒ show the selected item's label. */\n  searchValue?: string;\n  onSearch: (query: string) => void;\n  onClearSearch?: () => void;\n  hasMore?: boolean;\n  loadMore?: () => void;\n  fixedFooter?: React.ReactNode;\n  /** When set, renders an \"Open Collection\" action at the bottom of the dropdown. */\n  onOpenCollection?: () => void;\n  placeholder?: string;\n}\n\nconst _FormReference = (props: FormReferenceProps) => {\n  const {\n    field,\n    dataHook,\n    formControl,\n    data,\n    items,\n    idField,\n    displayField,\n    imageField,\n    searchValue,\n    onSearch,\n    onClearSearch,\n    hasMore,\n    loadMore,\n    fixedFooter,\n    onOpenCollection,\n    placeholder,\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n  const { t: tf } = useTranslations();\n  const acRef = useRef<React.ComponentRef<typeof AutoComplete> | null>(null);\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && !value) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const selectedValue = controller.field.value as FormReferenceValue;\n  const selectedDisplayValue = (selectedValue?.[displayField] as string) || '';\n  // A reference whose label is empty (the referenced item has no value in the\n  // display field) still has to look picked — an empty input reads as \"nothing\n  // happened\". Same fallback the options use.\n  const selectedLabel =\n    selectedDisplayValue ||\n    (selectedValue ? tf('patterns-fields.reference.untitled') : '');\n  const displayValue = searchValue || selectedLabel;\n  const selectedId = selectedValue?.[idField]\n    ? String(selectedValue[idField])\n    : undefined;\n\n  const selectedImage = useMemo(() => {\n    if (!selectedId) {\n      return undefined;\n    }\n    const found = items.find((item) => item.id === selectedId);\n    if (found?.image) {\n      return found.image;\n    }\n    return imageField\n      ? (selectedValue?.[imageField] as string | undefined)\n      : undefined;\n  }, [selectedValue, selectedId, imageField, items]);\n\n  const options = useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name || tf('patterns-fields.reference.untitled'),\n          prefix: <ReferenceAvatar name={item.name} image={item.image} />,\n        }),\n      ),\n    [items, tf],\n  );\n\n  const selectedPrefix =\n    selectedLabel && !searchValue ? (\n      <Input.Affix>\n        <ReferenceAvatar name={selectedLabel} image={selectedImage} />\n      </Input.Affix>\n    ) : undefined;\n\n  const handleSelect = useCallback(\n    (option: DropdownLayoutValueOption) => {\n      const item = items.find((i) => i.id === String(option.id));\n      controller.field.onChange({\n        [idField]: String(option.id),\n        [displayField]: item?.name || '',\n      });\n      onClearSearch?.();\n    },\n    [items, idField, displayField, controller.field, onClearSearch],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onSearch(e.target.value);\n      if (!e.target.value) {\n        controller.field.onChange(null);\n      }\n    },\n    [onSearch, controller.field],\n  );\n\n  const handleClear = useCallback(() => {\n    controller.field.onChange(null);\n    onClearSearch?.();\n  }, [controller.field, onClearSearch]);\n\n  const handleBlur = useCallback(() => {\n    onClearSearch?.();\n  }, [onClearSearch]);\n\n  const hideOptions = useCallback(() => acRef.current?.hideOptions?.(), []);\n  const combinedFooter = useReferenceDropdownFooter({\n    fixedFooter,\n    onOpenCollection,\n    hideOptions,\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <AutoComplete\n        ref={acRef}\n        placeholder={\n          placeholder ?? tf('auto-patterns.fields.select_placeholder')\n        }\n        options={options}\n        value={displayValue}\n        // Without this the dropdown tracks its own picks only, so a value that\n        // came from the form (a loaded entity, or a re-opened dropdown) shows no\n        // selected row. `selected` on listItemSelectBuilder does not do this —\n        // the builder drops it.\n        selectedId={selectedId}\n        prefix={selectedPrefix}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onClear={handleClear}\n        onBlur={handleBlur}\n        clearButton={!field.validation?.required}\n        infiniteScroll={!!loadMore}\n        hasMore={hasMore}\n        loadMore={loadMore}\n        fixedFooter={combinedFooter}\n        // Hand the input to react-hook-form so shouldFocusError scrolls to +\n        // focuses this field when it blocks save.\n        inputRef={controller.field.ref}\n        dataHook={`reference-input-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormReference = observer(_FormReference);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAP,OAAA;AAAyE,IAAAQ,YAAA;AAAA,SAAAT,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQzE;;AAGA;AACA;AACA;;AAsBA,MAAMkB,cAAc,GAAIC,KAAyB,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA,EAAAC,kBAAA;EACpD,MAAM;IACJC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,IAAI;IACJC,KAAK;IACLC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,QAAQ;IACRC,aAAa;IACbC,OAAO;IACPC,QAAQ;IACRC,WAAW;IACXC,gBAAgB;IAChBC;EACF,CAAC,GAAGnB,KAAK;EAET,MAAM;IAAEoB,SAAS,EAAEvC;EAAE,CAAC,GAAG,IAAAwC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAExC,CAAC,EAAEyC;EAAG,CAAC,GAAG,IAAAC,gCAAe,EAAC,CAAC;EACnC,MAAMC,KAAK,GAAG,IAAAC,aAAM,EAAiD,IAAI,CAAC;EAE1E,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAExB,KAAK,CAACyB,EAAE;IACdC,OAAO,EAAExB,WAAW;IACpByB,YAAY,EAAExB,IAAI,oBAAJA,IAAI,CAAGH,KAAK,CAACyB,EAAE,CAAC;IAC9BG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IAAI,CAAAA,iBAAA,GAAA/B,KAAK,CAACgC,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,CAACH,KAAK,EAAE;UACxC,OAAOrD,CAAC,CAAC,qCAAqC,CAAC;QACjD;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,MAAMyD,aAAa,GAAGZ,UAAU,CAACtB,KAAK,CAAC8B,KAA2B;EAClE,MAAMK,oBAAoB,GAAG,CAACD,aAAa,oBAAbA,aAAa,CAAG5B,YAAY,CAAC,KAAe,EAAE;EAC5E;EACA;EACA;EACA,MAAM8B,aAAa,GACjBD,oBAAoB,KACnBD,aAAa,GAAGhB,EAAE,CAAC,oCAAoC,CAAC,GAAG,EAAE,CAAC;EACjE,MAAMmB,YAAY,GAAG7B,WAAW,IAAI4B,aAAa;EACjD,MAAME,UAAU,GAAGJ,aAAa,YAAbA,aAAa,CAAG7B,OAAO,CAAC,GACvCkC,MAAM,CAACL,aAAa,CAAC7B,OAAO,CAAC,CAAC,GAC9BmC,SAAS;EAEb,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,IAAI,CAACJ,UAAU,EAAE;MACf,OAAOE,SAAS;IAClB;IACA,MAAMG,KAAK,GAAGvC,KAAK,CAACwC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACpB,EAAE,KAAKa,UAAU,CAAC;IAC1D,IAAIK,KAAK,YAALA,KAAK,CAAEG,KAAK,EAAE;MAChB,OAAOH,KAAK,CAACG,KAAK;IACpB;IACA,OAAOvC,UAAU,GACZ2B,aAAa,oBAAbA,aAAa,CAAG3B,UAAU,CAAC,GAC5BiC,SAAS;EACf,CAAC,EAAE,CAACN,aAAa,EAAEI,UAAU,EAAE/B,UAAU,EAAEH,KAAK,CAAC,CAAC;EAElD,MAAM2C,OAAO,GAAG,IAAAL,cAAO,EACrB,MACEtC,KAAK,CAAC4C,GAAG,CAAEH,IAAI,IACb,IAAAI,mCAAqB,EAAC;IACpBxB,EAAE,EAAEoB,IAAI,CAACpB,EAAE;IACXyB,KAAK,EAAEL,IAAI,CAACrB,IAAI,IAAIN,EAAE,CAAC,oCAAoC,CAAC;IAC5DiC,MAAM,eAAEtF,MAAA,CAAAqB,OAAA,CAAAkE,aAAA,CAAC/E,gBAAA,CAAAgF,eAAe;MAAC7B,IAAI,EAAEqB,IAAI,CAACrB,IAAK;MAACsB,KAAK,EAAED,IAAI,CAACC,KAAM;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjF,YAAA;QAAAkF,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAChE,CAAC,CACH,CAAC,EACH,CAACtD,KAAK,EAAEc,EAAE,CACZ,CAAC;EAED,MAAMyC,cAAc,GAClBvB,aAAa,IAAI,CAAC5B,WAAW,gBAC3B3C,MAAA,CAAAqB,OAAA,CAAAkE,aAAA,CAACpF,aAAA,CAAA4F,KAAK,CAACC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACV7F,MAAA,CAAAqB,OAAA,CAAAkE,aAAA,CAAC/E,gBAAA,CAAAgF,eAAe;IAAC7B,IAAI,EAAEY,aAAc;IAACU,KAAK,EAAEL,aAAc;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAClD,CAAC,GACZlB,SAAS;EAEf,MAAMsB,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,MAAiC,IAAK;IACrC,MAAMnB,IAAI,GAAGzC,KAAK,CAACwC,IAAI,CAAE7D,CAAC,IAAKA,CAAC,CAAC0C,EAAE,KAAKc,MAAM,CAACyB,MAAM,CAACvC,EAAE,CAAC,CAAC;IAC1DH,UAAU,CAACtB,KAAK,CAACiE,QAAQ,CAAC;MACxB,CAAC5D,OAAO,GAAGkC,MAAM,CAACyB,MAAM,CAACvC,EAAE,CAAC;MAC5B,CAACnB,YAAY,GAAG,CAAAuC,IAAI,oBAAJA,IAAI,CAAErB,IAAI,KAAI;IAChC,CAAC,CAAC;IACFd,aAAa,YAAbA,aAAa,CAAG,CAAC;EACnB,CAAC,EACD,CAACN,KAAK,EAAEC,OAAO,EAAEC,YAAY,EAAEgB,UAAU,CAACtB,KAAK,EAAEU,aAAa,CAChE,CAAC;EAED,MAAMwD,YAAY,GAAG,IAAAH,kBAAW,EAC7BvF,CAAsC,IAAK;IAC1CiC,QAAQ,CAACjC,CAAC,CAAC2F,MAAM,CAACrC,KAAK,CAAC;IACxB,IAAI,CAACtD,CAAC,CAAC2F,MAAM,CAACrC,KAAK,EAAE;MACnBR,UAAU,CAACtB,KAAK,CAACiE,QAAQ,CAAC,IAAI,CAAC;IACjC;EACF,CAAC,EACD,CAACxD,QAAQ,EAAEa,UAAU,CAACtB,KAAK,CAC7B,CAAC;EAED,MAAMoE,WAAW,GAAG,IAAAL,kBAAW,EAAC,MAAM;IACpCzC,UAAU,CAACtB,KAAK,CAACiE,QAAQ,CAAC,IAAI,CAAC;IAC/BvD,aAAa,YAAbA,aAAa,CAAG,CAAC;EACnB,CAAC,EAAE,CAACY,UAAU,CAACtB,KAAK,EAAEU,aAAa,CAAC,CAAC;EAErC,MAAM2D,UAAU,GAAG,IAAAN,kBAAW,EAAC,MAAM;IACnCrD,aAAa,YAAbA,aAAa,CAAG,CAAC;EACnB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,MAAM4D,WAAW,GAAG,IAAAP,kBAAW,EAAC;IAAA,IAAAQ,cAAA;IAAA,QAAAA,cAAA,GAAMnD,KAAK,CAACoD,OAAO,aAAbD,cAAA,CAAeD,WAAW,oBAA1BC,cAAA,CAAeD,WAAW,CAAG,CAAC;EAAA,GAAE,EAAE,CAAC;EACzE,MAAMG,cAAc,GAAG,IAAAC,mDAA0B,EAAC;IAChD7D,WAAW;IACXC,gBAAgB;IAChBwD;EACF,CAAC,CAAC;EAEF,oBACEzG,MAAA,CAAAqB,OAAA,CAAAkE,aAAA,CAACpF,aAAA,CAAA2G,SAAS;IACRC,KAAK,EAAE5E,KAAK,CAAC6E,WAAY;IACzB5C,QAAQ,GAAApC,kBAAA,GAAEG,KAAK,CAACgC,UAAU,qBAAhBnC,kBAAA,CAAkBoC,QAAS;IACrC6C,MAAM,EAAExD,UAAU,CAACyD,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGxC,SAAU;IAC1DyC,aAAa,GAAAnF,qBAAA,GAAEwB,UAAU,CAACyD,UAAU,CAACC,KAAK,qBAA3BlF,qBAAA,CAA6BoF,OAAQ;IACpDjF,QAAQ,EAAEA,QAAS;IAAAqD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB7F,MAAA,CAAAqB,OAAA,CAAAkE,aAAA,CAACpF,aAAA,CAAAmH,YAAY;IACXC,GAAG,EAAEhE,KAAM;IACXL,WAAW,EACTA,WAAW,IAAIG,EAAE,CAAC,yCAAyC,CAC5D;IACD6B,OAAO,EAAEA,OAAQ;IACjBjB,KAAK,EAAEO;IACP;IACA;IACA;IACA;IAAA;IACAC,UAAU,EAAEA,UAAW;IACvBa,MAAM,EAAEQ,cAAe;IACvBM,QAAQ,EAAEC,YAAa;IACvBmB,QAAQ,EAAEvB,YAAa;IACvBwB,OAAO,EAAElB,WAAY;IACrBmB,MAAM,EAAElB,UAAW;IACnBmB,WAAW,EAAE,GAAAzF,kBAAA,GAACC,KAAK,CAACgC,UAAU,aAAhBjC,kBAAA,CAAkBkC,QAAQ,CAAC;IACzCwD,cAAc,EAAE,CAAC,CAAC7E,QAAS;IAC3BD,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAE4D;IACb;IACA;IAAA;IACAiB,QAAQ,EAAEpE,UAAU,CAACtB,KAAK,CAACoF,GAAI;IAC/BnF,QAAQ,EAAE,mBAAmBD,KAAK,CAACyB,EAAE,EAAG;IAAA6B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzC,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMiC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAAClG,cAAc,CAAC","ignoreList":[]}

package/dist/cjs/components/reference/index.js

@@ -7,6 +7,18 @@ Object.keys(_referenceAvatar).forEach(function (key) {
   if (key in exports && exports[key] === _referenceAvatar[key]) return;
   exports[key] = _referenceAvatar[key];
 });
+var _formReference = require("./form-reference");
+Object.keys(_formReference).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formReference[key]) return;
+  exports[key] = _formReference[key];
+});
+var _formMultiReference = require("./form-multi-reference");
+Object.keys(_formMultiReference).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formMultiReference[key]) return;
+  exports[key] = _formMultiReference[key];
+});
 var _cellReferenceView = require("./cell-reference-view");
 Object.keys(_cellReferenceView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/components/reference/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_referenceAvatar","require","Object","keys","forEach","key","exports","_cellReferenceView","_cellReferenceInput","_cellMultiReferenceView","_cellMultiReferenceInput"],"sources":["../../../../src/components/reference/index.ts"],"sourcesContent":["export * from './reference-avatar';\nexport * from './cell-reference-view';\nexport * from './cell-reference-input';\nexport * from './cell-multi-reference-view';\nexport * from './cell-multi-reference-input';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,kBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,kBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,kBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,kBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,mBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,mBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,mBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,mBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,uBAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,uBAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,uBAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,uBAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,wBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,wBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,wBAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,wBAAA,CAAAL,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_referenceAvatar","require","Object","keys","forEach","key","exports","_formReference","_formMultiReference","_cellReferenceView","_cellReferenceInput","_cellMultiReferenceView","_cellMultiReferenceInput"],"sources":["../../../../src/components/reference/index.ts"],"sourcesContent":["export * from './reference-avatar';\nexport * from './form-reference';\nexport * from './form-multi-reference';\nexport * from './cell-reference-view';\nexport * from './cell-reference-input';\nexport * from './cell-multi-reference-view';\nexport * from './cell-multi-reference-input';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,mBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,mBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,mBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,mBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,kBAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,kBAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,kBAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,kBAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,mBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,mBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,mBAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,mBAAA,CAAAL,GAAA;AAAA;AACA,IAAAM,uBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,uBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,uBAAA,CAAAN,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAM,uBAAA,CAAAN,GAAA;AAAA;AACA,IAAAO,wBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,wBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,wBAAA,CAAAP,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAO,wBAAA,CAAAP,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/reference/reference-dropdown-footer.js

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useReferenceDropdownFooter = useReferenceDropdownFooter;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useTranslations = require("../../hooks/use-translations");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/reference-dropdown-footer.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Footer for a reference dropdown: the caller's content plus an "Open
+ * Collection" action. Returns `undefined` when there is nothing to show, so the
+ * dropdown renders no footer at all.
+ */
+function useReferenceDropdownFooter({
+  fixedFooter,
+  onOpenCollection,
+  hideOptions
+}) {
+  const {
+    t
+  } = (0, _useTranslations.useTranslations)();
+  return (0, _react.useMemo)(() => {
+    if (!fixedFooter && !onOpenCollection) {
+      return undefined;
+    }
+    return (
+      /*#__PURE__*/
+      // Pressing inside the footer must not blur the input — that would close
+      // the dropdown before the click lands.
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      _react.default.createElement("div", {
+        onMouseDown: e => e.preventDefault(),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 34,
+          columnNumber: 7
+        }
+      }, fixedFooter, onOpenCollection && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 36,
+          columnNumber: 30
+        }
+      }), onOpenCollection && /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
+        title: t('patterns-fields.reference.open_collection'),
+        size: "small",
+        onClick: () => {
+          hideOptions == null || hideOptions();
+          onOpenCollection();
+        },
+        dataHook: "reference-open-collection",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 38,
+          columnNumber: 11
+        }
+      }))
+    );
+  }, [fixedFooter, onOpenCollection, hideOptions, t]);
+}
+//# sourceMappingURL=reference-dropdown-footer.js.map

package/dist/cjs/components/reference/reference-dropdown-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useReferenceDropdownFooter","fixedFooter","onOpenCollection","hideOptions","useTranslations","useMemo","undefined","createElement","onMouseDown","preventDefault","__self","__source","fileName","lineNumber","columnNumber","Divider","ListItemAction","title","size","onClick","dataHook"],"sources":["../../../../src/components/reference/reference-dropdown-footer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Divider, ListItemAction } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\n\nexport interface ReferenceDropdownFooterParams {\n  /** Caller-supplied footer content (loader / empty state / error state). */\n  fixedFooter?: React.ReactNode;\n  /** When set, an \"Open Collection\" action is appended below the footer. */\n  onOpenCollection?: () => void;\n  /** Closes the dropdown before navigating to the referenced collection. */\n  hideOptions?: () => void;\n}\n\n/**\n * Footer for a reference dropdown: the caller's content plus an \"Open\n * Collection\" action. Returns `undefined` when there is nothing to show, so the\n * dropdown renders no footer at all.\n */\nexport function useReferenceDropdownFooter({\n  fixedFooter,\n  onOpenCollection,\n  hideOptions,\n}: ReferenceDropdownFooterParams): React.ReactNode | undefined {\n  const { t } = useTranslations();\n\n  return useMemo(() => {\n    if (!fixedFooter && !onOpenCollection) {\n      return undefined;\n    }\n    return (\n      // Pressing inside the footer must not blur the input — that would close\n      // the dropdown before the click lands.\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div onMouseDown={(e) => e.preventDefault()}>\n        {fixedFooter}\n        {onOpenCollection && <Divider />}\n        {onOpenCollection && (\n          <ListItemAction\n            title={t('patterns-fields.reference.open_collection')}\n            size=\"small\"\n            onClick={() => {\n              hideOptions?.();\n              onOpenCollection();\n            }}\n            dataHook=\"reference-open-collection\"\n          />\n        )}\n      </div>\n    );\n  }, [fixedFooter, onOpenCollection, hideOptions, t]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAA+D,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAW/D;AACA;AACA;AACA;AACA;AACO,SAASkB,0BAA0BA,CAAC;EACzCC,WAAW;EACXC,gBAAgB;EAChBC;AAC6B,CAAC,EAA+B;EAC7D,MAAM;IAAErB;EAAE,CAAC,GAAG,IAAAsB,gCAAe,EAAC,CAAC;EAE/B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACJ,WAAW,IAAI,CAACC,gBAAgB,EAAE;MACrC,OAAOI,SAAS;IAClB;IACA;MAAA;MACE;MACA;MACA;MACA/B,MAAA,CAAAgB,OAAA,CAAAgB,aAAA;QAAKC,WAAW,EAAG3B,CAAC,IAAKA,CAAC,CAAC4B,cAAc,CAAC,CAAE;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,GACzCb,WAAW,EACXC,gBAAgB,iBAAI3B,MAAA,CAAAgB,OAAA,CAAAgB,aAAA,CAAC7B,aAAA,CAAAqC,OAAO;QAAAL,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,EAC/BZ,gBAAgB,iBACf3B,MAAA,CAAAgB,OAAA,CAAAgB,aAAA,CAAC7B,aAAA,CAAAsC,cAAc;QACbC,KAAK,EAAEnC,CAAC,CAAC,2CAA2C,CAAE;QACtDoC,IAAI,EAAC,OAAO;QACZC,OAAO,EAAEA,CAAA,KAAM;UACbhB,WAAW,YAAXA,WAAW,CAAG,CAAC;UACfD,gBAAgB,CAAC,CAAC;QACpB,CAAE;QACFkB,QAAQ,EAAC,2BAA2B;QAAAV,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,CACrC,CAEA;IAAC;EAEV,CAAC,EAAE,CAACb,WAAW,EAAEC,gBAAgB,EAAEC,WAAW,EAAErB,CAAC,CAAC,CAAC;AACrD","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "richcontentdefaultvalueinput1686739801";
+var _namespace_ = "richcontentdefaultvalueinput927131759";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "richcontentdefaultvalueinput1686739801__root",
-  "richContentEditorContainer": "richcontentdefaultvalueinput1686739801__richContentEditorContainer",
-  "editor": "richcontentdefaultvalueinput1686739801__editor"
+  "root": "richcontentdefaultvalueinput927131759__root",
+  "richContentEditorContainer": "richcontentdefaultvalueinput927131759__richContentEditorContainer",
+  "editor": "richcontentdefaultvalueinput927131759__editor"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentdefaultvalueinput1686739801\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentdefaultvalueinput1686739801__root\",\"richContentEditorContainer\":\"richcontentdefaultvalueinput1686739801__richContentEditorContainer\",\"editor\":\"richcontentdefaultvalueinput1686739801__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--topToolbarHeight\",\"bottomToolbarHeight\":\"--bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8CAA8C;EAAC,4BAA4B,EAAC,oEAAoE;EAAC,QAAQ,EAAC;AAAgD,CAAC;AACjO,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,qBAAqB,EAAC;AAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentdefaultvalueinput927131759\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentdefaultvalueinput927131759__root\",\"richContentEditorContainer\":\"richcontentdefaultvalueinput927131759__richContentEditorContainer\",\"editor\":\"richcontentdefaultvalueinput927131759__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--topToolbarHeight\",\"bottomToolbarHeight\":\"--bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,4BAA4B,EAAC,mEAAmE;EAAC,QAAQ,EAAC;AAA+C,CAAC;AAC9N,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,qBAAqB,EAAC;AAAuB,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "richcontentforminput885213562";
+var _namespace_ = "richcontentforminput2279180603";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "richcontentforminput885213562__root",
-  "editor": "richcontentforminput885213562__editor"
+  "root": "richcontentforminput2279180603__root",
+  "editor": "richcontentforminput2279180603__editor"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentforminput885213562\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentforminput885213562__root\",\"editor\":\"richcontentforminput885213562__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--topToolbarHeight\",\"bottomToolbarHeight\":\"--bottomToolbarHeight\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qCAAqC;EAAC,QAAQ,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC;AAAmC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentforminput2279180603\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentforminput2279180603__root\",\"editor\":\"richcontentforminput2279180603__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--topToolbarHeight\",\"bottomToolbarHeight\":\"--bottomToolbarHeight\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC;AAAmC,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "richcontentformreadonlyinput1160116662";
+var _namespace_ = "richcontentformreadonlyinput4128499448";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "richcontentformreadonlyinput1160116662__root"
+  "root": "richcontentformreadonlyinput4128499448__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentformreadonlyinput1160116662\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentformreadonlyinput1160116662__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-black-600\":\"--wds-color-black-600\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-color-blue-300\":\"--wds-color-blue-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8C,CAAC;AACrE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentformreadonlyinput4128499448\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentformreadonlyinput4128499448__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-black-600\":\"--wds-color-black-600\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-color-blue-300\":\"--wds-color-blue-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8C,CAAC;AACrE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "fullscreenmodal3769450194";
+var _namespace_ = "fullscreenmodal15708560";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "fullscreenmodal3769450194__root",
-  "modalContent": "fullscreenmodal3769450194__modalContent"
+  "root": "fullscreenmodal15708560__root",
+  "modalContent": "fullscreenmodal15708560__modalContent"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"fullscreenmodal3769450194\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"fullscreenmodal3769450194__root\",\"modalContent\":\"fullscreenmodal3769450194__modalContent\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wsr-border-radius-06\":\"--wsr-border-radius-06\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,cAAc,EAAC;AAAyC,CAAC;AACjH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,sBAAsB,EAAC;AAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"fullscreenmodal15708560\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"fullscreenmodal15708560__root\",\"modalContent\":\"fullscreenmodal15708560__modalContent\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wsr-border-radius-06\":\"--wsr-border-radius-06\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,cAAc,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,sBAAsB,EAAC;AAAwB,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "publishloader2067404058";
+var _namespace_ = "publishloader932699564";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "publishloader2067404058__root",
-  "publishLoader": "publishloader2067404058__publishLoader"
+  "root": "publishloader932699564__root",
+  "publishLoader": "publishloader932699564__publishLoader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"publishloader2067404058\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"publishloader2067404058__root\",\"publishLoader\":\"publishloader2067404058__publishLoader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,eAAe,EAAC;AAAwC,CAAC;AAC/G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC;AAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"publishloader932699564\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"publishloader932699564__root\",\"publishLoader\":\"publishloader932699564__publishLoader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC;AAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.ToggleFullscreenButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _hooks = require("../../../../../hooks");
 var _toggleFullscreenButtonStCss = require("./toggle-fullscreen-button.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.tsx";
@@ -47,14 +47,14 @@ const ToggleFullscreenButton = ({
       lineNumber: 35,
       columnNumber: 9
     }
-  }, isFullScreen ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DismissSmall, {
+  }, isFullScreen ? /*#__PURE__*/_react.default.createElement(_lazy.DismissSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 40,
       columnNumber: 27
     }
-  }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MaximizeSmall, {
+  }) : /*#__PURE__*/_react.default.createElement(_lazy.MaximizeSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_hooks","_toggleFullscreenButtonStCss","_jsxFileName","ToggleFullscreenButton","isFullScreen","onToggleFullScreen","t","useTranslations","default","createElement","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","size","moveBy","y","IconButton","onClick","priority","DismissSmall","MaximizeSmall","exports","displayName"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { IconButton, Tooltip } from '@wix/design-system';\nimport {\n  DismissSmall as DismissIcon,\n  MaximizeSmall as MaximizeIcon,\n} from '@wix/wix-ui-icons-common';\n\nimport { useTranslations } from '../../../../../hooks';\nimport { classes } from './toggle-fullscreen-button.st.css.js';\n\nexport interface ToggleFullscreenButtonProps {\n  isFullScreen: boolean;\n  onToggleFullScreen?: () => void;\n  className?: string;\n}\n\nexport const ToggleFullscreenButton: FC<ToggleFullscreenButtonProps> = ({\n  isFullScreen,\n  onToggleFullScreen,\n}) => {\n  const { t } = useTranslations();\n  return (\n    <div data-hook=\"rich-content.fullscreenButton\" className={classes.root}>\n      <Tooltip\n        content={\n          !isFullScreen\n            ? t('CMS.richTextEditor.toolbar.button.tooltip.full-screen')\n            : t('CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit')\n        }\n        size=\"small\"\n        moveBy={{ y: 8 }}\n      >\n        <IconButton\n          onClick={onToggleFullScreen}\n          priority=\"secondary\"\n          size=\"small\"\n        >\n          {isFullScreen ? <DismissIcon /> : <MaximizeIcon />}\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n};\n\nToggleFullscreenButton.displayName = 'ToggleFullScreenButton';\n"],"mappings":";;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,4BAAA,GAAAJ,OAAA;AAA+D,IAAAK,YAAA;AAQxD,MAAMC,sBAAuD,GAAGA,CAAC;EACtEC,YAAY;EACZC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA;IAAK,aAAU,+BAA+B;IAACC,SAAS,EAAEC,oCAAO,CAACC,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrEtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAoB,OAAO;IACNC,OAAO,EACL,CAACf,YAAY,GACTE,CAAC,CAAC,uDAAuD,CAAC,GAC1DA,CAAC,CAAC,4DAA4D,CACnE;IACDc,IAAI,EAAC,OAAO;IACZC,MAAM,EAAE;MAAEC,CAAC,EAAE;IAAE,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjBtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAyB,UAAU;IACTC,OAAO,EAAEnB,kBAAmB;IAC5BoB,QAAQ,EAAC,WAAW;IACpBL,IAAI,EAAC,OAAO;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXb,YAAY,gBAAGT,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAA2B,YAAW;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAAGtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAA4B,aAAY;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvC,CACL,CACN,CAAC;AAEV,CAAC;AAACW,OAAA,CAAAzB,sBAAA,GAAAA,sBAAA;AAEFA,sBAAsB,CAAC0B,WAAW,GAAG,wBAAwB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_hooks","_toggleFullscreenButtonStCss","_jsxFileName","ToggleFullscreenButton","isFullScreen","onToggleFullScreen","t","useTranslations","default","createElement","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","size","moveBy","y","IconButton","onClick","priority","DismissSmall","MaximizeSmall","exports","displayName"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { IconButton, Tooltip } from '@wix/design-system';\nimport {\n  DismissSmall as DismissIcon,\n  MaximizeSmall as MaximizeIcon,\n} from '@wix/wix-ui-icons-common/lazy';\n\nimport { useTranslations } from '../../../../../hooks';\nimport { classes } from './toggle-fullscreen-button.st.css.js';\n\nexport interface ToggleFullscreenButtonProps {\n  isFullScreen: boolean;\n  onToggleFullScreen?: () => void;\n  className?: string;\n}\n\nexport const ToggleFullscreenButton: FC<ToggleFullscreenButtonProps> = ({\n  isFullScreen,\n  onToggleFullScreen,\n}) => {\n  const { t } = useTranslations();\n  return (\n    <div data-hook=\"rich-content.fullscreenButton\" className={classes.root}>\n      <Tooltip\n        content={\n          !isFullScreen\n            ? t('CMS.richTextEditor.toolbar.button.tooltip.full-screen')\n            : t('CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit')\n        }\n        size=\"small\"\n        moveBy={{ y: 8 }}\n      >\n        <IconButton\n          onClick={onToggleFullScreen}\n          priority=\"secondary\"\n          size=\"small\"\n        >\n          {isFullScreen ? <DismissIcon /> : <MaximizeIcon />}\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n};\n\nToggleFullscreenButton.displayName = 'ToggleFullScreenButton';\n"],"mappings":";;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,4BAAA,GAAAJ,OAAA;AAA+D,IAAAK,YAAA;AAQxD,MAAMC,sBAAuD,GAAGA,CAAC;EACtEC,YAAY;EACZC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA;IAAK,aAAU,+BAA+B;IAACC,SAAS,EAAEC,oCAAO,CAACC,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrEtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAoB,OAAO;IACNC,OAAO,EACL,CAACf,YAAY,GACTE,CAAC,CAAC,uDAAuD,CAAC,GAC1DA,CAAC,CAAC,4DAA4D,CACnE;IACDc,IAAI,EAAC,OAAO;IACZC,MAAM,EAAE;MAAEC,CAAC,EAAE;IAAE,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjBtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAyB,UAAU;IACTC,OAAO,EAAEnB,kBAAmB;IAC5BoB,QAAQ,EAAC,WAAW;IACpBL,IAAI,EAAC,OAAO;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXb,YAAY,gBAAGT,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAA2B,YAAW;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAAGtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAA4B,aAAY;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvC,CACL,CACN,CAAC;AAEV,CAAC;AAACW,OAAA,CAAAzB,sBAAA,GAAAA,sBAAA;AAEFA,sBAAsB,CAAC0B,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "togglefullscreenbutton3767453356";
+var _namespace_ = "togglefullscreenbutton1277576667";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "togglefullscreenbutton3767453356__root"
+  "root": "togglefullscreenbutton1277576667__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"togglefullscreenbutton3767453356\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"togglefullscreenbutton3767453356__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"togglefullscreenbutton1277576667\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"togglefullscreenbutton1277576667__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}