@wix/patterns-fields 1.126.0 → 1.128.0

package/dist/cjs/components/reference/cell-reference-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_referenceAvatar","_referenceDropdownFooter","_cellReferenceInputStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ROW_HEIGHT","MAX_NUM_ROWS","CellReferenceInput","exports","React","forwardRef","items","value","selectedItem","onChange","onBlur","onSelect","onClear","onKeyDown","clearButton","infiniteScroll","hasMore","loadMore","fixedFooter","onOpenCollection","autoOpen","inputRef","ref","useTranslations","options","useMemo","map","item","listItemSelectBuilder","id","title","name","size","selected","prefix","createElement","ReferenceAvatar","image","__self","__source","fileName","lineNumber","columnNumber","rootRef","useRef","acRef","useImperativeHandle","focus","_acRef$current","current","hideOptions","_acRef$current2","useEffect","_acRef$current3","requestAnimationFrame","_acRef$current4","showOptions","useCallback","_acRef$current5","combinedFooter","useReferenceDropdownFooter","handleBlur","event","_rootRef$current","relatedTarget","Node","contains","Input","Affix","undefined","className","st","classes","root","onClick","stopPropagation","onMouseDown","AutoComplete","dataHook","autocomplete","border","wdsOption","find","String","placeholder","showOptionsIfEmptyInput","autoSelect","maxHeightPixels","popoverProps","appendTo","flip","fixed","placement","el","displayName"],"sources":["../../../../src/components/reference/cell-reference-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { AutoComplete, Input, listItemSelectBuilder } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\nimport { useReferenceDropdownFooter } from './reference-dropdown-footer';\nimport { st, classes } from './cell-reference-input.st.css.js';\n\nexport interface CellReferenceItem {\n  id: string;\n  name: string;\n  image?: string;\n}\n\nexport interface CellReferenceInputHandle {\n  focus: () => void;\n  hideOptions: () => void;\n}\n\nexport interface CellReferenceInputProps {\n  /** Raw reference items — options are built internally with listItemSelectBuilder. */\n  items: CellReferenceItem[];\n  /** Text shown inside the input field (search query or selected item title). */\n  value: string;\n  /** When a reference is selected and there is no search query, show its avatar inside the input. */\n  selectedItem?: CellReferenceItem;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onSelect: (item: CellReferenceItem) => void;\n  onBlur?: () => void;\n  onClear: () => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  clearButton?: boolean;\n  infiniteScroll?: boolean;\n  hasMore?: boolean;\n  loadMore?: () => void;\n  fixedFooter?: React.ReactNode;\n  /** When provided, renders an \"Open Collection\" action at the bottom of the dropdown. */\n  onOpenCollection?: () => void;\n  /** Open dropdown immediately on mount (type-to-edit / Enter triggers). */\n  autoOpen?: boolean;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n}\n\nconst ROW_HEIGHT = 30;\nconst MAX_NUM_ROWS = 7;\n\nexport const CellReferenceInput = React.forwardRef<\n  CellReferenceInputHandle,\n  CellReferenceInputProps\n>(\n  (\n    {\n      items,\n      value,\n      selectedItem,\n      onChange,\n      onBlur,\n      onSelect,\n      onClear,\n      onKeyDown,\n      clearButton,\n      infiniteScroll,\n      hasMore,\n      loadMore,\n      fixedFooter,\n      onOpenCollection,\n      autoOpen,\n      inputRef,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n\n    const options = useMemo(\n      () =>\n        items.map((item) =>\n          listItemSelectBuilder({\n            id: item.id,\n            title: item.name || t('patterns-fields.reference.untitled'),\n            size: 'small',\n            selected: item.id === selectedItem?.id,\n            prefix: <ReferenceAvatar name={item.name} image={item.image} />,\n          }),\n        ),\n      [items, selectedItem?.id, t],\n    );\n    const rootRef = useRef<HTMLDivElement>(null);\n    const acRef = useRef<React.ComponentRef<typeof AutoComplete>>(null);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => acRef.current?.focus?.(),\n      hideOptions: () => acRef.current?.hideOptions?.(),\n    }));\n\n    useEffect(() => {\n      if (autoOpen) {\n        acRef.current?.focus?.();\n        requestAnimationFrame(() => acRef.current?.showOptions?.());\n      }\n      // Intentionally run only on mount\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const hideOptions = useCallback(() => acRef.current?.hideOptions?.(), []);\n    const combinedFooter = useReferenceDropdownFooter({\n      fixedFooter,\n      onOpenCollection,\n      hideOptions,\n    });\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (\n        event.relatedTarget instanceof Node &&\n        rootRef.current?.contains(event.relatedTarget)\n      ) {\n        return;\n      }\n      onBlur?.();\n    };\n\n    const prefix =\n      selectedItem && !value ? (\n        <Input.Affix data-hook=\"reference-input-avatar-prefix\">\n          <ReferenceAvatar\n            name={selectedItem.name}\n            image={selectedItem.image}\n          />\n        </Input.Affix>\n      ) : undefined;\n\n    return (\n      // Prevent EditableCell's row click/dblclick handlers from firing when\n      // the user interacts with the input or dropdown.\n      <div\n        ref={rootRef}\n        className={st(classes.root)}\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n      >\n        <AutoComplete\n          ref={acRef}\n          dataHook=\"reference-input-autocomplete\"\n          className={st(classes.autocomplete)}\n          size=\"small\"\n          border=\"none\"\n          options={options}\n          value={value}\n          prefix={prefix}\n          onChange={onChange}\n          onBlur={handleBlur}\n          onSelect={(wdsOption: { id: string | number }) => {\n            const item = items.find((i) => i.id === String(wdsOption.id));\n            if (item) {\n              onSelect(item);\n            }\n          }}\n          onClear={onClear}\n          onKeyDown={onKeyDown}\n          clearButton={clearButton}\n          infiniteScroll={infiniteScroll}\n          hasMore={hasMore}\n          loadMore={loadMore}\n          fixedFooter={combinedFooter}\n          placeholder={t('auto-patterns.fields.select_placeholder')}\n          showOptionsIfEmptyInput\n          autoSelect={false}\n          maxHeightPixels={ROW_HEIGHT * MAX_NUM_ROWS}\n          popoverProps={{\n            appendTo: 'window',\n            flip: true,\n            fixed: false,\n            placement: 'bottom-start',\n          }}\n          inputRef={(el: HTMLInputElement) => {\n            if (inputRef) {\n              inputRef.current = el;\n            }\n          }}\n        />\n      </div>\n    );\n  },\n);\n\nCellReferenceInput.displayName = 'CellReferenceInput';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_referenceAvatar","_referenceDropdownFooter","_cellReferenceInputStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ROW_HEIGHT","MAX_NUM_ROWS","CellReferenceInput","exports","React","forwardRef","items","value","selectedItem","onChange","onBlur","onSelect","onClear","onKeyDown","clearButton","infiniteScroll","hasMore","loadMore","fixedFooter","onOpenCollection","autoOpen","inputRef","ref","useTranslations","options","useMemo","map","item","listItemSelectBuilder","id","title","name","size","selected","prefix","createElement","ReferenceAvatar","image","__self","__source","fileName","lineNumber","columnNumber","rootRef","useRef","acRef","useImperativeHandle","focus","_acRef$current","current","hideOptions","_acRef$current2","useEffect","_acRef$current3","requestAnimationFrame","_acRef$current4","showOptions","useCallback","_acRef$current5","combinedFooter","useReferenceDropdownFooter","handleBlur","event","_rootRef$current","relatedTarget","Node","contains","Input","Affix","undefined","className","st","classes","root","onClick","stopPropagation","onMouseDown","AutoComplete","dataHook","autocomplete","border","wdsOption","find","String","placeholder","showOptionsIfEmptyInput","autoSelect","maxHeightPixels","popoverProps","appendTo","flip","fixed","placement","el","displayName"],"sources":["../../../../src/components/reference/cell-reference-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { AutoComplete, Input, listItemSelectBuilder } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\nimport { useReferenceDropdownFooter } from './reference-dropdown-footer';\nimport { st, classes } from './cell-reference-input.st.css.js';\n\nexport interface CellReferenceItem {\n  id: string;\n  name: string;\n  image?: unknown;\n}\n\nexport interface CellReferenceInputHandle {\n  focus: () => void;\n  hideOptions: () => void;\n}\n\nexport interface CellReferenceInputProps {\n  /** Raw reference items — options are built internally with listItemSelectBuilder. */\n  items: CellReferenceItem[];\n  /** Text shown inside the input field (search query or selected item title). */\n  value: string;\n  /** When a reference is selected and there is no search query, show its avatar inside the input. */\n  selectedItem?: CellReferenceItem;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onSelect: (item: CellReferenceItem) => void;\n  onBlur?: () => void;\n  onClear: () => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  clearButton?: boolean;\n  infiniteScroll?: boolean;\n  hasMore?: boolean;\n  loadMore?: () => void;\n  fixedFooter?: React.ReactNode;\n  /** When provided, renders an \"Open Collection\" action at the bottom of the dropdown. */\n  onOpenCollection?: () => void;\n  /** Open dropdown immediately on mount (type-to-edit / Enter triggers). */\n  autoOpen?: boolean;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n}\n\nconst ROW_HEIGHT = 30;\nconst MAX_NUM_ROWS = 7;\n\nexport const CellReferenceInput = React.forwardRef<\n  CellReferenceInputHandle,\n  CellReferenceInputProps\n>(\n  (\n    {\n      items,\n      value,\n      selectedItem,\n      onChange,\n      onBlur,\n      onSelect,\n      onClear,\n      onKeyDown,\n      clearButton,\n      infiniteScroll,\n      hasMore,\n      loadMore,\n      fixedFooter,\n      onOpenCollection,\n      autoOpen,\n      inputRef,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n\n    const options = useMemo(\n      () =>\n        items.map((item) =>\n          listItemSelectBuilder({\n            id: item.id,\n            title: item.name || t('patterns-fields.reference.untitled'),\n            size: 'small',\n            selected: item.id === selectedItem?.id,\n            prefix: <ReferenceAvatar name={item.name} image={item.image} />,\n          }),\n        ),\n      [items, selectedItem?.id, t],\n    );\n    const rootRef = useRef<HTMLDivElement>(null);\n    const acRef = useRef<React.ComponentRef<typeof AutoComplete>>(null);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => acRef.current?.focus?.(),\n      hideOptions: () => acRef.current?.hideOptions?.(),\n    }));\n\n    useEffect(() => {\n      if (autoOpen) {\n        acRef.current?.focus?.();\n        requestAnimationFrame(() => acRef.current?.showOptions?.());\n      }\n      // Intentionally run only on mount\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const hideOptions = useCallback(() => acRef.current?.hideOptions?.(), []);\n    const combinedFooter = useReferenceDropdownFooter({\n      fixedFooter,\n      onOpenCollection,\n      hideOptions,\n    });\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (\n        event.relatedTarget instanceof Node &&\n        rootRef.current?.contains(event.relatedTarget)\n      ) {\n        return;\n      }\n      onBlur?.();\n    };\n\n    const prefix =\n      selectedItem && !value ? (\n        <Input.Affix data-hook=\"reference-input-avatar-prefix\">\n          <ReferenceAvatar\n            name={selectedItem.name}\n            image={selectedItem.image}\n          />\n        </Input.Affix>\n      ) : undefined;\n\n    return (\n      // Prevent EditableCell's row click/dblclick handlers from firing when\n      // the user interacts with the input or dropdown.\n      <div\n        ref={rootRef}\n        className={st(classes.root)}\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n      >\n        <AutoComplete\n          ref={acRef}\n          dataHook=\"reference-input-autocomplete\"\n          className={st(classes.autocomplete)}\n          size=\"small\"\n          border=\"none\"\n          options={options}\n          value={value}\n          prefix={prefix}\n          onChange={onChange}\n          onBlur={handleBlur}\n          onSelect={(wdsOption: { id: string | number }) => {\n            const item = items.find((i) => i.id === String(wdsOption.id));\n            if (item) {\n              onSelect(item);\n            }\n          }}\n          onClear={onClear}\n          onKeyDown={onKeyDown}\n          clearButton={clearButton}\n          infiniteScroll={infiniteScroll}\n          hasMore={hasMore}\n          loadMore={loadMore}\n          fixedFooter={combinedFooter}\n          placeholder={t('auto-patterns.fields.select_placeholder')}\n          showOptionsIfEmptyInput\n          autoSelect={false}\n          maxHeightPixels={ROW_HEIGHT * MAX_NUM_ROWS}\n          popoverProps={{\n            appendTo: 'window',\n            flip: true,\n            fixed: false,\n            placement: 'bottom-start',\n          }}\n          inputRef={(el: HTMLInputElement) => {\n            if (inputRef) {\n              inputRef.current = el;\n            }\n          }}\n        />\n      </div>\n    );\n  },\n);\n\nCellReferenceInput.displayName = 'CellReferenceInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/reference/cell-reference-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_ = "cellreferenceinput3444816998";
+var _namespace_ = "cellreferenceinput717243494";
 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": "cellreferenceinput3444816998__root",
-  "autocomplete": "cellreferenceinput3444816998__autocomplete"
+  "root": "cellreferenceinput717243494__root",
+  "autocomplete": "cellreferenceinput717243494__autocomplete"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/reference/cell-reference-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/reference/cell-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellreferenceinput3444816998\";\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\":\"cellreferenceinput3444816998__root\",\"autocomplete\":\"cellreferenceinput3444816998__autocomplete\"};\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,8BAA8B;AAChD,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,oCAAoC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvH,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/reference/cell-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellreferenceinput717243494\";\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\":\"cellreferenceinput717243494__root\",\"autocomplete\":\"cellreferenceinput717243494__autocomplete\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,cAAc,EAAC;AAA2C,CAAC;AACrH,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":[]}

package/dist/cjs/components/reference/cell-reference-view.js

@@ -10,7 +10,7 @@ var _referenceAvatar = require("./reference-avatar");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/cell-reference-view.tsx";
 const CellReferenceView = ({
   name,
-  imageUrl,
+  image,
   dataHook
 }) => {
   const {
@@ -36,7 +36,7 @@ const CellReferenceView = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
     name: displayName,
-    image: imageUrl,
+    image: image,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/reference/cell-reference-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_useTranslations","_referenceAvatar","_jsxFileName","CellReferenceView","name","imageUrl","dataHook","t","useTranslations","displayName","default","createElement","Box","direction","verticalAlign","gap","minWidth","padding","height","style","boxSizing","__self","__source","fileName","lineNumber","columnNumber","ReferenceAvatar","image","Text","size","ellipsis","exports"],"sources":["../../../../src/components/reference/cell-reference-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\n\nexport interface CellReferenceViewProps {\n  name: string;\n  imageUrl?: string;\n  dataHook?: string;\n}\n\nexport const CellReferenceView: React.FC<CellReferenceViewProps> = ({\n  name,\n  imageUrl,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const displayName = name || t('patterns-fields.reference.untitled');\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      gap=\"SP1\"\n      minWidth={0}\n      padding=\"6px 8px\"\n      height=\"100%\"\n      style={{ boxSizing: 'border-box' }}\n    >\n      <ReferenceAvatar name={displayName} image={imageUrl} />\n      <Text size=\"small\" ellipsis>\n        {displayName}\n      </Text>\n    </Box>\n  );\n};\n\nCellReferenceView.displayName = 'CellReferenceView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAQ9C,MAAMC,iBAAmD,GAAGA,CAAC;EAClEC,IAAI;EACJC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,gCAAe,EAAC,CAAC;EAC/B,MAAMC,WAAW,GAAGL,IAAI,IAAIG,CAAC,CAAC,oCAAoC,CAAC;EAEnE,oBACEX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IACFN,QAAQ,EAAEA,QAAS;IACnBO,SAAS,EAAC,YAAY;IACtBC,aAAa,EAAC,QAAQ;IACtBC,GAAG,EAAC,KAAK;IACTC,QAAQ,EAAE,CAAE;IACZC,OAAO,EAAC,SAAS;IACjBC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAa,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnC7B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAyB,eAAe;IAACtB,IAAI,EAAEK,WAAY;IAACkB,KAAK,EAAEtB,QAAS;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACvD7B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAA6B,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBhB,WACG,CACH,CAAC;AAEV,CAAC;AAACsB,OAAA,CAAA5B,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACM,WAAW,GAAG,mBAAmB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_useTranslations","_referenceAvatar","_jsxFileName","CellReferenceView","name","image","dataHook","t","useTranslations","displayName","default","createElement","Box","direction","verticalAlign","gap","minWidth","padding","height","style","boxSizing","__self","__source","fileName","lineNumber","columnNumber","ReferenceAvatar","Text","size","ellipsis","exports"],"sources":["../../../../src/components/reference/cell-reference-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\n\nexport interface CellReferenceViewProps {\n  name: string;\n  image?: unknown;\n  dataHook?: string;\n}\n\nexport const CellReferenceView: React.FC<CellReferenceViewProps> = ({\n  name,\n  image,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const displayName = name || t('patterns-fields.reference.untitled');\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      gap=\"SP1\"\n      minWidth={0}\n      padding=\"6px 8px\"\n      height=\"100%\"\n      style={{ boxSizing: 'border-box' }}\n    >\n      <ReferenceAvatar name={displayName} image={image} />\n      <Text size=\"small\" ellipsis>\n        {displayName}\n      </Text>\n    </Box>\n  );\n};\n\nCellReferenceView.displayName = 'CellReferenceView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAQ9C,MAAMC,iBAAmD,GAAGA,CAAC;EAClEC,IAAI;EACJC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,gCAAe,EAAC,CAAC;EAC/B,MAAMC,WAAW,GAAGL,IAAI,IAAIG,CAAC,CAAC,oCAAoC,CAAC;EAEnE,oBACEX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IACFN,QAAQ,EAAEA,QAAS;IACnBO,SAAS,EAAC,YAAY;IACtBC,aAAa,EAAC,QAAQ;IACtBC,GAAG,EAAC,KAAK;IACTC,QAAQ,EAAE,CAAE;IACZC,OAAO,EAAC,SAAS;IACjBC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAa,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnC7B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAyB,eAAe;IAACtB,IAAI,EAAEK,WAAY;IAACJ,KAAK,EAAEA,KAAM;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACpD7B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAA4B,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,QAAQ;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBhB,WACG,CACH,CAAC;AAEV,CAAC;AAACqB,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACM,WAAW,GAAG,mBAAmB","ignoreList":[]}

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

@@ -81,7 +81,7 @@ const _FormMultiReference = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 114,
+          lineNumber: 112,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
@@ -90,7 +90,7 @@ const _FormMultiReference = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 121,
+          lineNumber: 119,
           columnNumber: 15
         }
       })),
@@ -106,7 +106,7 @@ const _FormMultiReference = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 136,
+        lineNumber: 134,
         columnNumber: 19
       }
     })
@@ -155,7 +155,7 @@ const _FormMultiReference = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 199,
+      lineNumber: 197,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
@@ -187,7 +187,7 @@ const _FormMultiReference = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 204,
       columnNumber: 7
     }
   }));

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

@@ -1 +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","_FormMultiReference","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","msRef","useRef","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","arr","validation","required","length","selectedValues","useMemo","tags","map","item","selectedId","label","image","undefined","removable","size","thumb","createElement","Box","align","verticalAlign","position","top","left","__self","__source","fileName","lineNumber","columnNumber","ReferenceAvatar","options","listItemSelectBuilder","title","prefix","handleSelect","useCallback","option","String","some","find","onChange","handleRemoveTag","tagId","filter","handleChange","target","handleClear","handleBlur","hideOptions","_msRef$current","current","combinedFooter","useReferenceDropdownFooter","FormField","displayName","status","fieldState","error","statusMessage","message","MultiSelect","ref","instance","clearOnBlur","onSelect","onRemoveTag","onClear","onBlur","clearButton","infiniteScroll","inputRef","FormMultiReference","exports","observer"],"sources":["../../../../src/components/reference/form-multi-reference.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from 'react';\nimport {\n  Box,\n  FormField,\n  MultiSelect,\n  listItemSelectBuilder,\n  type DropdownLayoutValueOption,\n  type MultiSelectTag,\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';\nimport type { FormReferenceItem } from './form-reference';\n\n/** Selected references, each stored as `{ [idField], [displayField] }`. */\nexport type FormMultiReferenceValue = Record<string, unknown>[] | null;\n\n// Data-agnostic like CellMultiReferenceInput: the caller owns fetching, search,\n// and pagination and passes the results in as props. This renderer only wraps\n// them in a FormField with react-hook-form wiring. See remaining-issues.md #2.\nexport interface FormMultiReferenceProps\n  extends BaseInputProps<FormMultiReferenceValue> {\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 tag label. */\n  displayField: string;\n  /** Referenced-item field holding an avatar image, when the schema has one. */\n  imageField?: string;\n  /** Current search text. The caller owns search state. */\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\ninterface MultiSelectHandle {\n  hideOptions?: () => void;\n}\n\nconst _FormMultiReference = (props: FormMultiReferenceProps) => {\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 msRef = useRef<MultiSelectHandle | 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        const arr = value as FormMultiReferenceValue;\n        if (field.validation?.required && (!arr || !arr.length)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const selectedValues = useMemo(\n    () => (controller.field.value as Record<string, unknown>[]) || [],\n    [controller.field.value],\n  );\n\n  const tags = useMemo<MultiSelectTag[]>(\n    () =>\n      selectedValues.map((item) => {\n        const selectedId = item[idField] as string;\n        // A referenced item with no value in the display field still needs a\n        // readable tag — the dropdown options use the same fallback.\n        const label =\n          (item[displayField] as string) ||\n          tf('patterns-fields.reference.untitled');\n        const image = imageField\n          ? (item[imageField] as string | undefined)\n          : undefined;\n        return {\n          id: selectedId,\n          label,\n          removable: true,\n          size: 'medium',\n          thumb: (\n            <Box\n              align=\"center\"\n              verticalAlign=\"middle\"\n              position=\"absolute\"\n              top=\"calc(50% - 12px)\"\n              left=\"calc(50% - 12px)\"\n            >\n              <ReferenceAvatar name={label} image={image} />\n            </Box>\n          ),\n          dataHook: `multi-reference-tag-${field.id}-${selectedId}`,\n        };\n      }),\n    [selectedValues, idField, displayField, imageField, field.id, tf],\n  );\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 handleSelect = useCallback(\n    (option: DropdownLayoutValueOption) => {\n      const selectedId = String(option.id);\n      if (selectedValues.some((item) => item[idField] === selectedId)) {\n        onClearSearch?.();\n        return;\n      }\n      const item = items.find((i) => i.id === selectedId);\n      controller.field.onChange([\n        ...selectedValues,\n        { [idField]: selectedId, [displayField]: item?.name || '' },\n      ]);\n      onClearSearch?.();\n    },\n    [\n      selectedValues,\n      items,\n      idField,\n      displayField,\n      controller.field,\n      onClearSearch,\n    ],\n  );\n\n  const handleRemoveTag = useCallback(\n    (tagId: string) => {\n      controller.field.onChange(\n        selectedValues.filter((item) => item[idField] !== tagId),\n      );\n    },\n    [controller.field, selectedValues, idField],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onSearch(e.target.value);\n    },\n    [onSearch],\n  );\n\n  const handleClear = useCallback(() => {\n    controller.field.onChange([]);\n    onClearSearch?.();\n  }, [controller.field, onClearSearch]);\n\n  const handleBlur = useCallback(() => {\n    onClearSearch?.();\n  }, [onClearSearch]);\n\n  const hideOptions = useCallback(() => msRef.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      <MultiSelect\n        ref={(instance: MultiSelectHandle | null) => {\n          msRef.current = instance;\n        }}\n        placeholder={\n          placeholder ?? tf('auto-patterns.fields.select_placeholder')\n        }\n        options={options}\n        value={searchValue ?? ''}\n        size=\"large\"\n        tags={tags}\n        clearOnBlur={false}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onRemoveTag={handleRemoveTag}\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. The component ref is typed\n        // `never` by WDS, but `inputRef` reaches the real input.\n        inputRef={controller.field.ref}\n        dataHook={`multi-reference-input-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormMultiReference = observer(_FormMultiReference);\n"],"mappings":"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","ignoreList":[]}
+{"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","_FormMultiReference","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","msRef","useRef","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","arr","validation","required","length","selectedValues","useMemo","tags","map","item","selectedId","label","image","undefined","removable","size","thumb","createElement","Box","align","verticalAlign","position","top","left","__self","__source","fileName","lineNumber","columnNumber","ReferenceAvatar","options","listItemSelectBuilder","title","prefix","handleSelect","useCallback","option","String","some","find","onChange","handleRemoveTag","tagId","filter","handleChange","target","handleClear","handleBlur","hideOptions","_msRef$current","current","combinedFooter","useReferenceDropdownFooter","FormField","displayName","status","fieldState","error","statusMessage","message","MultiSelect","ref","instance","clearOnBlur","onSelect","onRemoveTag","onClear","onBlur","clearButton","infiniteScroll","inputRef","FormMultiReference","exports","observer"],"sources":["../../../../src/components/reference/form-multi-reference.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from 'react';\nimport {\n  Box,\n  FormField,\n  MultiSelect,\n  listItemSelectBuilder,\n  type DropdownLayoutValueOption,\n  type MultiSelectTag,\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';\nimport type { FormReferenceItem } from './form-reference';\n\n/** Selected references, each stored as `{ [idField], [displayField] }`. */\nexport type FormMultiReferenceValue = Record<string, unknown>[] | null;\n\n// Data-agnostic like CellMultiReferenceInput: the caller owns fetching, search,\n// and pagination and passes the results in as props. This renderer only wraps\n// them in a FormField with react-hook-form wiring. See remaining-issues.md #2.\nexport interface FormMultiReferenceProps\n  extends BaseInputProps<FormMultiReferenceValue> {\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 tag label. */\n  displayField: string;\n  /** Referenced-item field holding an avatar image, when the schema has one. */\n  imageField?: string;\n  /** Current search text. The caller owns search state. */\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\ninterface MultiSelectHandle {\n  hideOptions?: () => void;\n}\n\nconst _FormMultiReference = (props: FormMultiReferenceProps) => {\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 msRef = useRef<MultiSelectHandle | 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        const arr = value as FormMultiReferenceValue;\n        if (field.validation?.required && (!arr || !arr.length)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const selectedValues = useMemo(\n    () => (controller.field.value as Record<string, unknown>[]) || [],\n    [controller.field.value],\n  );\n\n  const tags = useMemo<MultiSelectTag[]>(\n    () =>\n      selectedValues.map((item) => {\n        const selectedId = item[idField] as string;\n        // A referenced item with no value in the display field still needs a\n        // readable tag — the dropdown options use the same fallback.\n        const label =\n          (item[displayField] as string) ||\n          tf('patterns-fields.reference.untitled');\n        const image = imageField ? item[imageField] : undefined;\n        return {\n          id: selectedId,\n          label,\n          removable: true,\n          size: 'medium',\n          thumb: (\n            <Box\n              align=\"center\"\n              verticalAlign=\"middle\"\n              position=\"absolute\"\n              top=\"calc(50% - 12px)\"\n              left=\"calc(50% - 12px)\"\n            >\n              <ReferenceAvatar name={label} image={image} />\n            </Box>\n          ),\n          dataHook: `multi-reference-tag-${field.id}-${selectedId}`,\n        };\n      }),\n    [selectedValues, idField, displayField, imageField, field.id, tf],\n  );\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 handleSelect = useCallback(\n    (option: DropdownLayoutValueOption) => {\n      const selectedId = String(option.id);\n      if (selectedValues.some((item) => item[idField] === selectedId)) {\n        onClearSearch?.();\n        return;\n      }\n      const item = items.find((i) => i.id === selectedId);\n      controller.field.onChange([\n        ...selectedValues,\n        { [idField]: selectedId, [displayField]: item?.name || '' },\n      ]);\n      onClearSearch?.();\n    },\n    [\n      selectedValues,\n      items,\n      idField,\n      displayField,\n      controller.field,\n      onClearSearch,\n    ],\n  );\n\n  const handleRemoveTag = useCallback(\n    (tagId: string) => {\n      controller.field.onChange(\n        selectedValues.filter((item) => item[idField] !== tagId),\n      );\n    },\n    [controller.field, selectedValues, idField],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onSearch(e.target.value);\n    },\n    [onSearch],\n  );\n\n  const handleClear = useCallback(() => {\n    controller.field.onChange([]);\n    onClearSearch?.();\n  }, [controller.field, onClearSearch]);\n\n  const handleBlur = useCallback(() => {\n    onClearSearch?.();\n  }, [onClearSearch]);\n\n  const hideOptions = useCallback(() => msRef.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      <MultiSelect\n        ref={(instance: MultiSelectHandle | null) => {\n          msRef.current = instance;\n        }}\n        placeholder={\n          placeholder ?? tf('auto-patterns.fields.select_placeholder')\n        }\n        options={options}\n        value={searchValue ?? ''}\n        size=\"large\"\n        tags={tags}\n        clearOnBlur={false}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onRemoveTag={handleRemoveTag}\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. The component ref is typed\n        // `never` by WDS, but `inputRef` reaches the real input.\n        inputRef={controller.field.ref}\n        dataHook={`multi-reference-input-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormMultiReference = observer(_FormMultiReference);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAQA,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;AAGzE;;AAGA;AACA;AACA;;AA2BA,MAAMkB,mBAAmB,GAAIC,KAA8B,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA,EAAAC,kBAAA;EAC9D,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,EAA2B,IAAI,CAAC;EAEpD,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,MAAMC,GAAG,GAAGF,KAAgC;QAC5C,IAAI,CAAAC,iBAAA,GAAA/B,KAAK,CAACiC,UAAU,aAAhBF,iBAAA,CAAkBG,QAAQ,KAAK,CAACF,GAAG,IAAI,CAACA,GAAG,CAACG,MAAM,CAAC,EAAE;UACvD,OAAO1D,CAAC,CAAC,qCAAqC,CAAC;QACjD;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,MAAM2D,cAAc,GAAG,IAAAC,cAAO,EAC5B,MAAOf,UAAU,CAACtB,KAAK,CAAC8B,KAAK,IAAkC,EAAE,EACjE,CAACR,UAAU,CAACtB,KAAK,CAAC8B,KAAK,CACzB,CAAC;EAED,MAAMQ,IAAI,GAAG,IAAAD,cAAO,EAClB,MACED,cAAc,CAACG,GAAG,CAAEC,IAAI,IAAK;IAC3B,MAAMC,UAAU,GAAGD,IAAI,CAACnC,OAAO,CAAW;IAC1C;IACA;IACA,MAAMqC,KAAK,GACRF,IAAI,CAAClC,YAAY,CAAC,IACnBY,EAAE,CAAC,oCAAoC,CAAC;IAC1C,MAAMyB,KAAK,GAAGpC,UAAU,GAAGiC,IAAI,CAACjC,UAAU,CAAC,GAAGqC,SAAS;IACvD,OAAO;MACLnB,EAAE,EAAEgB,UAAU;MACdC,KAAK;MACLG,SAAS,EAAE,IAAI;MACfC,IAAI,EAAE,QAAQ;MACdC,KAAK,eACHlF,MAAA,CAAAqB,OAAA,CAAA8D,aAAA,CAAChF,aAAA,CAAAiF,GAAG;QACFC,KAAK,EAAC,QAAQ;QACdC,aAAa,EAAC,QAAQ;QACtBC,QAAQ,EAAC,UAAU;QACnBC,GAAG,EAAC,kBAAkB;QACtBC,IAAI,EAAC,kBAAkB;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlF,YAAA;UAAAmF,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEvB9F,MAAA,CAAAqB,OAAA,CAAA8D,aAAA,CAAC3E,gBAAA,CAAAuF,eAAe;QAACpC,IAAI,EAAEkB,KAAM;QAACC,KAAK,EAAEA,KAAM;QAAAY,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlF,YAAA;UAAAmF,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAC1C,CACN;MACD1D,QAAQ,EAAE,uBAAuBD,KAAK,CAACyB,EAAE,IAAIgB,UAAU;IACzD,CAAC;EACH,CAAC,CAAC,EACJ,CAACL,cAAc,EAAE/B,OAAO,EAAEC,YAAY,EAAEC,UAAU,EAAEP,KAAK,CAACyB,EAAE,EAAEP,EAAE,CAClE,CAAC;EAED,MAAM2C,OAAO,GAAG,IAAAxB,cAAO,EACrB,MACEjC,KAAK,CAACmC,GAAG,CAAEC,IAAI,IACb,IAAAsB,mCAAqB,EAAC;IACpBrC,EAAE,EAAEe,IAAI,CAACf,EAAE;IACXsC,KAAK,EAAEvB,IAAI,CAAChB,IAAI,IAAIN,EAAE,CAAC,oCAAoC,CAAC;IAC5D8C,MAAM,eAAEnG,MAAA,CAAAqB,OAAA,CAAA8D,aAAA,CAAC3E,gBAAA,CAAAuF,eAAe;MAACpC,IAAI,EAAEgB,IAAI,CAAChB,IAAK;MAACmB,KAAK,EAAEH,IAAI,CAACG,KAAM;MAAAY,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlF,YAAA;QAAAmF,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAChE,CAAC,CACH,CAAC,EACH,CAACvD,KAAK,EAAEc,EAAE,CACZ,CAAC;EAED,MAAM+C,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,MAAiC,IAAK;IACrC,MAAM1B,UAAU,GAAG2B,MAAM,CAACD,MAAM,CAAC1C,EAAE,CAAC;IACpC,IAAIW,cAAc,CAACiC,IAAI,CAAE7B,IAAI,IAAKA,IAAI,CAACnC,OAAO,CAAC,KAAKoC,UAAU,CAAC,EAAE;MAC/D/B,aAAa,YAAbA,aAAa,CAAG,CAAC;MACjB;IACF;IACA,MAAM8B,IAAI,GAAGpC,KAAK,CAACkE,IAAI,CAAEvF,CAAC,IAAKA,CAAC,CAAC0C,EAAE,KAAKgB,UAAU,CAAC;IACnDnB,UAAU,CAACtB,KAAK,CAACuE,QAAQ,CAAC,CACxB,GAAGnC,cAAc,EACjB;MAAE,CAAC/B,OAAO,GAAGoC,UAAU;MAAE,CAACnC,YAAY,GAAG,CAAAkC,IAAI,oBAAJA,IAAI,CAAEhB,IAAI,KAAI;IAAG,CAAC,CAC5D,CAAC;IACFd,aAAa,YAAbA,aAAa,CAAG,CAAC;EACnB,CAAC,EACD,CACE0B,cAAc,EACdhC,KAAK,EACLC,OAAO,EACPC,YAAY,EACZgB,UAAU,CAACtB,KAAK,EAChBU,aAAa,CAEjB,CAAC;EAED,MAAM8D,eAAe,GAAG,IAAAN,kBAAW,EAChCO,KAAa,IAAK;IACjBnD,UAAU,CAACtB,KAAK,CAACuE,QAAQ,CACvBnC,cAAc,CAACsC,MAAM,CAAElC,IAAI,IAAKA,IAAI,CAACnC,OAAO,CAAC,KAAKoE,KAAK,CACzD,CAAC;EACH,CAAC,EACD,CAACnD,UAAU,CAACtB,KAAK,EAAEoC,cAAc,EAAE/B,OAAO,CAC5C,CAAC;EAED,MAAMsE,YAAY,GAAG,IAAAT,kBAAW,EAC7B1F,CAAsC,IAAK;IAC1CiC,QAAQ,CAACjC,CAAC,CAACoG,MAAM,CAAC9C,KAAK,CAAC;EAC1B,CAAC,EACD,CAACrB,QAAQ,CACX,CAAC;EAED,MAAMoE,WAAW,GAAG,IAAAX,kBAAW,EAAC,MAAM;IACpC5C,UAAU,CAACtB,KAAK,CAACuE,QAAQ,CAAC,EAAE,CAAC;IAC7B7D,aAAa,YAAbA,aAAa,CAAG,CAAC;EACnB,CAAC,EAAE,CAACY,UAAU,CAACtB,KAAK,EAAEU,aAAa,CAAC,CAAC;EAErC,MAAMoE,UAAU,GAAG,IAAAZ,kBAAW,EAAC,MAAM;IACnCxD,aAAa,YAAbA,aAAa,CAAG,CAAC;EACnB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,MAAMqE,WAAW,GAAG,IAAAb,kBAAW,EAAC;IAAA,IAAAc,cAAA;IAAA,QAAAA,cAAA,GAAM5D,KAAK,CAAC6D,OAAO,aAAbD,cAAA,CAAeD,WAAW,oBAA1BC,cAAA,CAAeD,WAAW,CAAG,CAAC;EAAA,GAAE,EAAE,CAAC;EACzE,MAAMG,cAAc,GAAG,IAAAC,mDAA0B,EAAC;IAChDtE,WAAW;IACXC,gBAAgB;IAChBiE;EACF,CAAC,CAAC;EAEF,oBACElH,MAAA,CAAAqB,OAAA,CAAA8D,aAAA,CAAChF,aAAA,CAAAoH,SAAS;IACR1C,KAAK,EAAE1C,KAAK,CAACqF,WAAY;IACzBnD,QAAQ,GAAArC,kBAAA,GAAEG,KAAK,CAACiC,UAAU,qBAAhBpC,kBAAA,CAAkBqC,QAAS;IACrCoD,MAAM,EAAEhE,UAAU,CAACiE,UAAU,CAACC,KAAK,GAAG,OAAO,GAAG5C,SAAU;IAC1D6C,aAAa,GAAA3F,qBAAA,GAAEwB,UAAU,CAACiE,UAAU,CAACC,KAAK,qBAA3B1F,qBAAA,CAA6B4F,OAAQ;IACpDzF,QAAQ,EAAEA,QAAS;IAAAsD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlF,YAAA;MAAAmF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB9F,MAAA,CAAAqB,OAAA,CAAA8D,aAAA,CAAChF,aAAA,CAAA2H,WAAW;IACVC,GAAG,EAAGC,QAAkC,IAAK;MAC3CzE,KAAK,CAAC6D,OAAO,GAAGY,QAAQ;IAC1B,CAAE;IACF9E,WAAW,EACTA,WAAW,IAAIG,EAAE,CAAC,yCAAyC,CAC5D;IACD2C,OAAO,EAAEA,OAAQ;IACjB/B,KAAK,EAAEtB,WAAW,IAAI,EAAG;IACzBsC,IAAI,EAAC,OAAO;IACZR,IAAI,EAAEA,IAAK;IACXwD,WAAW,EAAE,KAAM;IACnBvB,QAAQ,EAAEI,YAAa;IACvBoB,QAAQ,EAAE9B,YAAa;IACvB+B,WAAW,EAAExB,eAAgB;IAC7ByB,OAAO,EAAEpB,WAAY;IACrBqB,MAAM,EAAEpB,UAAW;IACnBqB,WAAW,EAAE,GAAApG,kBAAA,GAACC,KAAK,CAACiC,UAAU,aAAhBlC,kBAAA,CAAkBmC,QAAQ,CAAC;IACzCkE,cAAc,EAAE,CAAC,CAACxF,QAAS;IAC3BD,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEqE;IACb;IACA;IACA;IAAA;IACAmB,QAAQ,EAAE/E,UAAU,CAACtB,KAAK,CAAC4F,GAAI;IAC/B3F,QAAQ,EAAE,yBAAyBD,KAAK,CAACyB,EAAE,EAAG;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlF,YAAA;MAAAmF,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/C,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAM2C,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC7G,mBAAmB,CAAC","ignoreList":[]}

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

@@ -86,7 +86,7 @@ const _FormReference = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121,
+        lineNumber: 119,
         columnNumber: 19
       }
     })
@@ -95,7 +95,7 @@ const _FormReference = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 127,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
@@ -104,7 +104,7 @@ const _FormReference = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 128,
       columnNumber: 9
     }
   })) : undefined;
@@ -147,7 +147,7 @@ const _FormReference = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
+      lineNumber: 171,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
@@ -179,7 +179,7 @@ const _FormReference = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 178,
       columnNumber: 7
     }
   }));

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

@@ -1 +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":"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","ignoreList":[]}
+{"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?: unknown;\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 ? selectedValue?.[imageField] : 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":"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","ignoreList":[]}

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

@@ -6,12 +6,11 @@ exports.ReferenceAvatar = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _autoFieldTypes = require("../../auto-field-types");
+var _getImageSource = require("../../utils/get-image-source");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/reference-avatar.tsx";
 const resolveSrc = image => {
-  if (!image || typeof image !== 'string') {
-    return undefined;
-  }
-  return image.startsWith('wix:image://') ? (0, _autoFieldTypes.mediaURItoImageURL)(image, _autoFieldTypes.ThumbnailSize.S) : image;
+  const src = (0, _getImageSource.getImageSource)(image);
+  return src != null && src.startsWith('wix:image://') ? (0, _autoFieldTypes.mediaURItoImageURL)(src, _autoFieldTypes.ThumbnailSize.S) : src;
 };
 const ReferenceAvatar = ({
   image,
@@ -33,7 +32,7 @@ const ReferenceAvatar = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 29,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_autoFieldTypes","_jsxFileName","resolveSrc","image","undefined","startsWith","mediaURItoImageURL","ThumbnailSize","S","ReferenceAvatar","name","size","src","default","createElement","Avatar","shape","imgProps","alt","style","objectFit","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/reference/reference-avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';\n\nexport interface ReferenceAvatarProps {\n  image?: string;\n  name: string;\n  size?: 'size18' | 'size24' | 'size30' | 'size36' | 'size48';\n}\n\nconst resolveSrc = (image?: string) => {\n  if (!image || typeof image !== 'string') {\n    return undefined;\n  }\n  return image.startsWith('wix:image://')\n    ? mediaURItoImageURL(image, ThumbnailSize.S)\n    : image;\n};\n\nexport const ReferenceAvatar: React.FC<ReferenceAvatarProps> = ({\n  image,\n  name,\n  size = 'size24',\n}) => {\n  const src = resolveSrc(image);\n  return (\n    <Avatar\n      shape=\"square\"\n      size={size}\n      name={name}\n      imgProps={\n        src ? { src, alt: name, style: { objectFit: 'cover' } } : undefined\n      }\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAA2E,IAAAG,YAAA;AAQ3E,MAAMC,UAAU,GAAIC,KAAc,IAAK;EACrC,IAAI,CAACA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACvC,OAAOC,SAAS;EAClB;EACA,OAAOD,KAAK,CAACE,UAAU,CAAC,cAAc,CAAC,GACnC,IAAAC,kCAAkB,EAACH,KAAK,EAAEI,6BAAa,CAACC,CAAC,CAAC,GAC1CL,KAAK;AACX,CAAC;AAEM,MAAMM,eAA+C,GAAGA,CAAC;EAC9DN,KAAK;EACLO,IAAI;EACJC,IAAI,GAAG;AACT,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGV,UAAU,CAACC,KAAK,CAAC;EAC7B,oBACEP,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,MAAM;IACLC,KAAK,EAAC,QAAQ;IACdL,IAAI,EAAEA,IAAK;IACXD,IAAI,EAAEA,IAAK;IACXO,QAAQ,EACNL,GAAG,GAAG;MAAEA,GAAG;MAAEM,GAAG,EAAER,IAAI;MAAES,KAAK,EAAE;QAAEC,SAAS,EAAE;MAAQ;IAAE,CAAC,GAAGhB,SAC3D;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAjB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_autoFieldTypes","_getImageSource","_jsxFileName","resolveSrc","image","src","getImageSource","startsWith","mediaURItoImageURL","ThumbnailSize","S","ReferenceAvatar","name","size","default","createElement","Avatar","shape","imgProps","alt","style","objectFit","undefined","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/reference/reference-avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';\nimport { getImageSource } from '../../utils/get-image-source';\n\nexport interface ReferenceAvatarProps {\n  /** The referenced item's image field value: a URL or `wix:image://` URI\n   *  string, or an image-with-alt-text value (`{ uri }` or `{ url }`). Anything\n   *  else shows the name's initials. */\n  image?: unknown;\n  name: string;\n  size?: 'size18' | 'size24' | 'size30' | 'size36' | 'size48';\n}\n\nconst resolveSrc = (image: unknown) => {\n  const src = getImageSource(image);\n  return src?.startsWith('wix:image://')\n    ? mediaURItoImageURL(src, ThumbnailSize.S)\n    : src;\n};\n\nexport const ReferenceAvatar: React.FC<ReferenceAvatarProps> = ({\n  image,\n  name,\n  size = 'size24',\n}) => {\n  const src = resolveSrc(image);\n  return (\n    <Avatar\n      shape=\"square\"\n      size={size}\n      name={name}\n      imgProps={\n        src ? { src, alt: name, style: { objectFit: 'cover' } } : undefined\n      }\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAA8D,IAAAI,YAAA;AAW9D,MAAMC,UAAU,GAAIC,KAAc,IAAK;EACrC,MAAMC,GAAG,GAAG,IAAAC,8BAAc,EAACF,KAAK,CAAC;EACjC,OAAOC,GAAG,YAAHA,GAAG,CAAEE,UAAU,CAAC,cAAc,CAAC,GAClC,IAAAC,kCAAkB,EAACH,GAAG,EAAEI,6BAAa,CAACC,CAAC,CAAC,GACxCL,GAAG;AACT,CAAC;AAEM,MAAMM,eAA+C,GAAGA,CAAC;EAC9DP,KAAK;EACLQ,IAAI;EACJC,IAAI,GAAG;AACT,CAAC,KAAK;EACJ,MAAMR,GAAG,GAAGF,UAAU,CAACC,KAAK,CAAC;EAC7B,oBACER,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,MAAM;IACLC,KAAK,EAAC,QAAQ;IACdJ,IAAI,EAAEA,IAAK;IACXD,IAAI,EAAEA,IAAK;IACXM,QAAQ,EACNb,GAAG,GAAG;MAAEA,GAAG;MAAEc,GAAG,EAAEP,IAAI;MAAEQ,KAAK,EAAE;QAAEC,SAAS,EAAE;MAAQ;IAAE,CAAC,GAAGC,SAC3D;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAjB,eAAA,GAAAA,eAAA","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_ = "richcontentdefaultvalueinput2462344888";
+var _namespace_ = "richcontentdefaultvalueinput194483332";
 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": "richcontentdefaultvalueinput2462344888__root",
-  "richContentEditorContainer": "richcontentdefaultvalueinput2462344888__richContentEditorContainer",
-  "editor": "richcontentdefaultvalueinput2462344888__editor"
+  "root": "richcontentdefaultvalueinput194483332__root",
+  "richContentEditorContainer": "richcontentdefaultvalueinput194483332__richContentEditorContainer",
+  "editor": "richcontentdefaultvalueinput194483332__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_ = \"richcontentdefaultvalueinput2462344888\";\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\":\"richcontentdefaultvalueinput2462344888__root\",\"richContentEditorContainer\":\"richcontentdefaultvalueinput2462344888__richContentEditorContainer\",\"editor\":\"richcontentdefaultvalueinput2462344888__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_ = \"richcontentdefaultvalueinput194483332\";\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\":\"richcontentdefaultvalueinput194483332__root\",\"richContentEditorContainer\":\"richcontentdefaultvalueinput194483332__richContentEditorContainer\",\"editor\":\"richcontentdefaultvalueinput194483332__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_ = "richcontentforminput2553504184";
+var _namespace_ = "richcontentforminput3028376031";
 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": "richcontentforminput2553504184__root",
-  "editor": "richcontentforminput2553504184__editor"
+  "root": "richcontentforminput3028376031__root",
+  "editor": "richcontentforminput3028376031__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_ = \"richcontentforminput2553504184\";\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\":\"richcontentforminput2553504184__root\",\"editor\":\"richcontentforminput2553504184__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--topToolbarHeight\",\"bottomToolbarHeight\":\"--bottomToolbarHeight\",\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-input-border-radius-default-medium\":\"--wds-input-border-radius-default-medium\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-F00\":\"--wsr-color-F00\",\"wsr-border-radius-06\":\"--wsr-border-radius-06\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\"}; \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,wBAAwB,EAAC,0BAA0B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,mCAAmC,EAAC;AAAqC,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_ = \"richcontentforminput3028376031\";\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\":\"richcontentforminput3028376031__root\",\"editor\":\"richcontentforminput3028376031__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--topToolbarHeight\",\"bottomToolbarHeight\":\"--bottomToolbarHeight\",\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-input-border-radius-default-medium\":\"--wds-input-border-radius-default-medium\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-F00\":\"--wsr-color-F00\",\"wsr-border-radius-06\":\"--wsr-border-radius-06\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\"}; \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,wBAAwB,EAAC,0BAA0B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,mCAAmC,EAAC;AAAqC,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_ = "richcontentformreadonlyinput2626425276";
+var _namespace_ = "richcontentformreadonlyinput1826498793";
 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": "richcontentformreadonlyinput2626425276__root"
+  "root": "richcontentformreadonlyinput1826498793__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_ = \"richcontentformreadonlyinput2626425276\";\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\":\"richcontentformreadonlyinput2626425276__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_ = \"richcontentformreadonlyinput1826498793\";\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\":\"richcontentformreadonlyinput1826498793__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_ = "fullscreenmodal3305425356";
+var _namespace_ = "fullscreenmodal411212761";
 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": "fullscreenmodal3305425356__root",
-  "modalContent": "fullscreenmodal3305425356__modalContent"
+  "root": "fullscreenmodal411212761__root",
+  "modalContent": "fullscreenmodal411212761__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_ = \"fullscreenmodal3305425356\";\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\":\"fullscreenmodal3305425356__root\",\"modalContent\":\"fullscreenmodal3305425356__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_ = \"fullscreenmodal411212761\";\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\":\"fullscreenmodal411212761__root\",\"modalContent\":\"fullscreenmodal411212761__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,0BAA0B;AAC5C,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,gCAAgC;EAAC,cAAc,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,mBAAmB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,sBAAsB,EAAC;AAAwB,CAAC","ignoreList":[]}