@wix/patterns-fields 1.58.0 → 1.60.0

package/dist/cjs/components/multi-document/cell-multi-document-edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_react2","_mediaUtils","_autoFieldTypes","_hooks","_mediaControl","_utils","_cellMultiDocumentEditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellMultiDocumentEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","fieldId","_useWixPatternsContai","useTranslations","msid","useWixPatternsContainer","environment","uris","useMemo","containerRef","useRef","handleMultiChange","useCallback","next","length","callMedia","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","ALL_MEDIA","multiSelect","handleAdd","replaceIndex","setReplaceIndex","useState","handleReplace","index","handleDelete","filter","_","handleOpen","uri","openDocument","getMediaURL","handleDownload","onPastedURLChange","urlValue","indexToReplace","undefined","splice","pasteUrlForm","usePasteURLForm","openAddViaUrl","onOpen","title","openReplaceViaUrl","currentValue","handlePasteUrlClose","onClose","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","addDocLabel","addViaUrlLabel","createElement","ref","onFocus","onBlur","style","width","minWidth","maxWidth","boxSizing","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","height","padding","gap","Tooltip","content","appendTo","IconButton","ariaLabel","size","priority","onClick","Add","LinkSmall","flexWrap","map","isReplacing","key","Loader","PopoverMenu","textSize","triggerElement","isOpen","type","className","classes","chipTrigger","Tag","id","thumb","DocumentSmall","removable","display","alignItems","flex","overflow","textOverflow","whiteSpace","getMediaTitle","MoreSmall","flexShrink","MenuItem","text","prefixIcon","Replace","Link","Divider","ExternalLink","Download","skin","Delete","PasteURLForm","show","closeModal","onSave","fieldType","MediaFieldType","document","exports","displayName"],"sources":["../../../../src/components/multi-document/cell-multi-document-edit.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  Box,\n  IconButton,\n  Loader,\n  PopoverMenu,\n  Tag,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  DocumentSmall,\n  Download,\n  ExternalLink,\n  Link,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nimport { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport {\n  PasteURLForm,\n  MediaFieldType,\n  useMediaControl,\n  usePasteURLForm,\n} from '../media-control';\nimport { openDocument } from '../document/utils';\nimport { classes } from './cell-multi-document-edit.st.css.js';\n\nexport interface CellMultiDocumentEditProps {\n  value: string[] | null;\n  onChange: (value: string[] | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n  /** Stable id prefix for tags. Each chip uses `${fieldId}-${index}`. */\n  fieldId: string;\n}\n\nexport const CellMultiDocumentEdit: React.FC<CellMultiDocumentEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n  fieldId,\n}) => {\n  const { t } = useTranslations();\n  const msid = useWixPatternsContainer()?.environment?.msid;\n\n  const uris = useMemo(() => value ?? [], [value]);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleMultiChange = useCallback(\n    (next: string[]) => {\n      onChange(next.length === 0 ? null : next);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const { callMedia, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: uris,\n    onChange: handleMultiChange,\n    multiSelect: true,\n  });\n\n  // In multi-doc, dismissing a picker/form must NOT exit the whole editor —\n  // the user is mid-multi-edit and may want to act on other chips. Only Escape\n  // (via useCellEditKeyboard) and click-outside should fire onCancel.\n  const handleAdd = useCallback(async () => {\n    onStartEdit?.();\n    await callMedia();\n  }, [callMedia, onStartEdit]);\n\n  const [replaceIndex, setReplaceIndex] = useState<number | null>(null);\n  const handleReplace = useCallback(\n    (index: number) => async () => {\n      onStartEdit?.();\n      setReplaceIndex(index);\n      await callMedia(index);\n      setReplaceIndex(null);\n    },\n    [callMedia, onStartEdit],\n  );\n\n  const handleDelete = useCallback(\n    (index: number) => () => {\n      const next = uris.filter((_, i) => i !== index);\n      handleMultiChange(next);\n    },\n    [uris, handleMultiChange],\n  );\n\n  const handleOpen = useCallback(\n    (uri: string) => () => {\n      openDocument(getMediaURL(uri, msid));\n    },\n    [msid],\n  );\n\n  const handleDownload = useCallback(\n    (uri: string) => () => {\n      downloadMedia(uri);\n    },\n    [downloadMedia],\n  );\n\n  const onPastedURLChange = useCallback(\n    (urlValue: string, indexToReplace?: number) => {\n      if (indexToReplace !== undefined) {\n        const next = [...uris];\n        next.splice(indexToReplace, 1, urlValue);\n        handleMultiChange(next);\n      } else {\n        handleMultiChange([...uris, urlValue]);\n      }\n    },\n    [uris, handleMultiChange],\n  );\n\n  const pasteUrlForm = usePasteURLForm({ onChange: onPastedURLChange });\n\n  const openAddViaUrl = useCallback(() => {\n    onStartEdit?.();\n    pasteUrlForm.onOpen({ title: t('CMS.document.pasteUrl.title') })();\n  }, [onStartEdit, pasteUrlForm, t]);\n\n  const openReplaceViaUrl = useCallback(\n    (index: number, currentValue: string) => () => {\n      onStartEdit?.();\n      pasteUrlForm.onOpen({\n        title: t('CMS.document.replaceWithUrl.title'),\n        value: currentValue,\n        index,\n      })();\n    },\n    [onStartEdit, pasteUrlForm, t],\n  );\n\n  const handlePasteUrlClose = useCallback(() => {\n    pasteUrlForm.onClose();\n  }, [pasteUrlForm]);\n\n  const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n    containerRef,\n    onCancel,\n    inputRef,\n  });\n\n  const addDocLabel = t('CMS.document.add.button.text');\n  const addViaUrlLabel = t('CMS.document.pasteUrl.button');\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n      style={{\n        width: '100%',\n        // min-width: 0 lets the wrapper shrink to the column width inside the\n        // flex .root, so flex-wrap on the chip strip has a bounded width.\n        minWidth: 0,\n        maxWidth: '100%',\n        boxSizing: 'border-box',\n      }}\n    >\n      {uris.length === 0 ? (\n        <Box\n          align=\"space-between\"\n          verticalAlign=\"middle\"\n          height=\"100%\"\n          padding=\"0 8px\"\n          gap=\"SP1\"\n          style={{ boxSizing: 'border-box' }}\n        >\n          <Tooltip content={addDocLabel} appendTo=\"window\">\n            <IconButton\n              dataHook=\"multi-document-edit-add-button\"\n              ariaLabel={addDocLabel}\n              size=\"tiny\"\n              priority=\"secondary\"\n              onClick={handleAdd}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n          <Tooltip content={addViaUrlLabel} appendTo=\"window\">\n            <IconButton\n              dataHook=\"multi-document-edit-paste-url-button\"\n              ariaLabel={addViaUrlLabel}\n              size=\"tiny\"\n              priority=\"tertiary\"\n              onClick={openAddViaUrl}\n            >\n              <LinkSmall />\n            </IconButton>\n          </Tooltip>\n        </Box>\n      ) : (\n        <Box\n          padding=\"SP1\"\n          gap=\"SP1\"\n          verticalAlign=\"middle\"\n          style={{ flexWrap: 'wrap', boxSizing: 'border-box' }}\n        >\n          {uris.map((uri, index) => {\n            const isReplacing = replaceIndex === index && loading;\n            if (isReplacing) {\n              return (\n                <Box\n                  key={`${fieldId}-${index}-loading`}\n                  verticalAlign=\"middle\"\n                  height=\"24px\"\n                >\n                  <Loader dataHook=\"loader\" size=\"tiny\" />\n                </Box>\n              );\n            }\n            return (\n              <Box\n                key={`${fieldId}-${index}`}\n                verticalAlign=\"middle\"\n                // Cap the per-chip wrapper at the chip strip's content width so a\n                // single long filename can't overflow the column. Apply on the\n                // Box (a flex item of the strip) rather than the Tag — Tag's\n                // PopoverNextTrigger parent has no max-width, so a percentage\n                // clamp on the Tag itself is degenerate at narrow widths.\n                style={{ minWidth: 0, maxWidth: '100%' }}\n              >\n                <PopoverMenu\n                  textSize=\"small\"\n                  appendTo=\"window\"\n                  // Function-form trigger: WDS Tag renders a plain <span>, so it\n                  // is not keyboard-focusable and drops the aria-haspopup /\n                  // aria-expanded / ref PopoverMenu injects via cloneElement.\n                  // Wrap it in a visually-unstyled <button> that receives those\n                  // props so the whole chip is an accessible menu trigger while\n                  // keeping the chip look intact.\n                  triggerElement={({ onClick, ref, isOpen }) => (\n                    <button\n                      type=\"button\"\n                      ref={ref as React.Ref<HTMLButtonElement>}\n                      onClick={onClick}\n                      aria-haspopup=\"menu\"\n                      aria-expanded={isOpen}\n                      className={classes.chipTrigger}\n                    >\n                      <Tag\n                        id={`${fieldId}-${index}`}\n                        dataHook=\"multi-document-edit-tag\"\n                        size=\"small\"\n                        thumb={<DocumentSmall />}\n                        removable={false}\n                        maxWidth=\"100%\"\n                      >\n                        <span\n                          style={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            gap: 4,\n                            width: '100%',\n                            minWidth: 0,\n                          }}\n                        >\n                          <span\n                            style={{\n                              flex: '1 1 auto',\n                              overflow: 'hidden',\n                              textOverflow: 'ellipsis',\n                              whiteSpace: 'nowrap',\n                              minWidth: 0,\n                            }}\n                          >\n                            {getMediaTitle(uri)}\n                          </span>\n                          <MoreSmall\n                            style={{\n                              width: 12,\n                              height: 12,\n                              flexShrink: 0,\n                            }}\n                          />\n                        </span>\n                      </Tag>\n                    </button>\n                  )}\n                >\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-replace\"\n                    text={t('CMS.document.action.replace')}\n                    prefixIcon={<Replace />}\n                    onClick={handleReplace(index)}\n                  />\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-replace-url\"\n                    text={t('CMS.document.action.replaceWithUrl')}\n                    prefixIcon={<Link />}\n                    onClick={openReplaceViaUrl(index, uri)}\n                  />\n                  <PopoverMenu.Divider />\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-open\"\n                    text={t('CMS.document.action.open')}\n                    prefixIcon={<ExternalLink />}\n                    onClick={handleOpen(uri)}\n                  />\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-download\"\n                    text={t('CMS.document.action.download')}\n                    prefixIcon={<Download />}\n                    onClick={handleDownload(uri)}\n                  />\n                  <PopoverMenu.Divider />\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-delete\"\n                    text={t('CMS.document.action.delete')}\n                    skin=\"destructive\"\n                    prefixIcon={<Delete />}\n                    onClick={handleDelete(index)}\n                  />\n                </PopoverMenu>\n              </Box>\n            );\n          })}\n          <Box gap=\"SP1\" verticalAlign=\"middle\">\n            <Tooltip content={addDocLabel} appendTo=\"window\">\n              <IconButton\n                dataHook=\"multi-document-edit-add-button\"\n                ariaLabel={addDocLabel}\n                size=\"tiny\"\n                priority=\"secondary\"\n                onClick={handleAdd}\n              >\n                <Add />\n              </IconButton>\n            </Tooltip>\n            <Tooltip content={addViaUrlLabel} appendTo=\"window\">\n              <IconButton\n                dataHook=\"multi-document-edit-paste-url-button\"\n                ariaLabel={addViaUrlLabel}\n                size=\"tiny\"\n                priority=\"tertiary\"\n                onClick={openAddViaUrl}\n              >\n                <LinkSmall />\n              </IconButton>\n            </Tooltip>\n          </Box>\n        </Box>\n      )}\n\n      <PasteURLForm\n        title={pasteUrlForm.title}\n        value={pasteUrlForm.value}\n        show={pasteUrlForm.isOpen}\n        closeModal={handlePasteUrlClose}\n        onSave={pasteUrlForm.onSave}\n        fieldType={MediaFieldType.document}\n      />\n    </div>\n  );\n};\n\nCellMultiDocumentEdit.displayName = 'CellMultiDocumentEdit';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_react2","_mediaUtils","_autoFieldTypes","_hooks","_mediaControl","_utils","_cellMultiDocumentEditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellMultiDocumentEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","fieldId","_useWixPatternsContai","useTranslations","msid","useWixPatternsContainer","environment","uris","useMemo","containerRef","useRef","handleMultiChange","useCallback","next","length","callMedia","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","ALL_MEDIA","multiSelect","handleAdd","replaceIndex","setReplaceIndex","useState","handleReplace","index","handleDelete","filter","_","handleOpen","uri","openDocument","getMediaURL","handleDownload","onPastedURLChange","urlValue","indexToReplace","undefined","splice","pasteUrlForm","usePasteURLForm","openAddViaUrl","onOpen","title","openReplaceViaUrl","currentValue","handlePasteUrlClose","onClose","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","addDocLabel","addViaUrlLabel","createElement","ref","onFocus","onBlur","style","width","minWidth","maxWidth","boxSizing","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","height","padding","gap","Tooltip","content","appendTo","IconButton","ariaLabel","size","priority","onClick","Add","LinkSmall","flexWrap","map","isReplacing","key","Loader","PopoverMenu","textSize","triggerElement","isOpen","type","className","classes","chipTrigger","Tag","id","thumb","DocumentSmall","removable","display","alignItems","flex","overflow","textOverflow","whiteSpace","getMediaTitle","MoreSmall","flexShrink","MenuItem","text","prefixIcon","Replace","Link","Divider","ExternalLink","Download","skin","Delete","PasteURLForm","show","closeModal","onSave","fieldType","MediaFieldType","document","exports","displayName"],"sources":["../../../../src/components/multi-document/cell-multi-document-edit.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  Box,\n  IconButton,\n  Loader,\n  PopoverMenu,\n  Tag,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  DocumentSmall,\n  Download,\n  ExternalLink,\n  Link,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nimport { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport {\n  PasteURLForm,\n  MediaFieldType,\n  useMediaControl,\n  usePasteURLForm,\n} from '../media-control';\nimport { openDocument } from '../document/utils';\nimport { classes } from './cell-multi-document-edit.st.css.js';\n\nexport interface CellMultiDocumentEditProps {\n  value: string[] | null;\n  onChange: (value: string[] | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n  /** Stable id prefix for tags. Each chip uses `${fieldId}-${index}`. */\n  fieldId: string;\n}\n\nexport const CellMultiDocumentEdit: React.FC<CellMultiDocumentEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n  fieldId,\n}) => {\n  const { t } = useTranslations();\n  const msid = useWixPatternsContainer()?.environment?.msid;\n\n  const uris = useMemo(() => value ?? [], [value]);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleMultiChange = useCallback(\n    (next: string[]) => {\n      onChange(next.length === 0 ? null : next);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const { callMedia, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: uris,\n    onChange: handleMultiChange,\n    multiSelect: true,\n  });\n\n  // In multi-doc, dismissing a picker/form must NOT exit the whole editor —\n  // the user is mid-multi-edit and may want to act on other chips. Only Escape\n  // (via useCellEditKeyboard) and click-outside should fire onCancel.\n  const handleAdd = useCallback(async () => {\n    onStartEdit?.();\n    await callMedia();\n  }, [callMedia, onStartEdit]);\n\n  const [replaceIndex, setReplaceIndex] = useState<number | null>(null);\n  const handleReplace = useCallback(\n    (index: number) => async () => {\n      onStartEdit?.();\n      setReplaceIndex(index);\n      await callMedia(index);\n      setReplaceIndex(null);\n    },\n    [callMedia, onStartEdit],\n  );\n\n  const handleDelete = useCallback(\n    (index: number) => () => {\n      const next = uris.filter((_, i) => i !== index);\n      handleMultiChange(next);\n    },\n    [uris, handleMultiChange],\n  );\n\n  const handleOpen = useCallback(\n    (uri: string) => () => {\n      openDocument(getMediaURL(uri, msid));\n    },\n    [msid],\n  );\n\n  const handleDownload = useCallback(\n    (uri: string) => () => {\n      downloadMedia(uri);\n    },\n    [downloadMedia],\n  );\n\n  const onPastedURLChange = useCallback(\n    (urlValue: string, indexToReplace?: number) => {\n      if (indexToReplace !== undefined) {\n        const next = [...uris];\n        next.splice(indexToReplace, 1, urlValue);\n        handleMultiChange(next);\n      } else {\n        handleMultiChange([...uris, urlValue]);\n      }\n    },\n    [uris, handleMultiChange],\n  );\n\n  const pasteUrlForm = usePasteURLForm({ onChange: onPastedURLChange });\n\n  const openAddViaUrl = useCallback(() => {\n    onStartEdit?.();\n    pasteUrlForm.onOpen({ title: t('CMS.document.pasteUrl.title') })();\n  }, [onStartEdit, pasteUrlForm, t]);\n\n  const openReplaceViaUrl = useCallback(\n    (index: number, currentValue: string) => () => {\n      onStartEdit?.();\n      pasteUrlForm.onOpen({\n        title: t('CMS.document.replaceWithUrl.title'),\n        value: currentValue,\n        index,\n      })();\n    },\n    [onStartEdit, pasteUrlForm, t],\n  );\n\n  const handlePasteUrlClose = useCallback(() => {\n    pasteUrlForm.onClose();\n  }, [pasteUrlForm]);\n\n  const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n    containerRef,\n    onCancel,\n    inputRef,\n  });\n\n  const addDocLabel = t('CMS.document.add.button.text');\n  const addViaUrlLabel = t('CMS.document.pasteUrl.button');\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n      style={{\n        width: '100%',\n        // min-width: 0 lets the wrapper shrink to the column width inside the\n        // flex .root, so flex-wrap on the chip strip has a bounded width.\n        minWidth: 0,\n        maxWidth: '100%',\n        boxSizing: 'border-box',\n      }}\n    >\n      {uris.length === 0 ? (\n        <Box\n          align=\"space-between\"\n          verticalAlign=\"middle\"\n          height=\"100%\"\n          padding=\"0 8px\"\n          gap=\"SP1\"\n          style={{ boxSizing: 'border-box' }}\n        >\n          <Tooltip content={addDocLabel} appendTo=\"window\">\n            <IconButton\n              dataHook=\"multi-document-edit-add-button\"\n              ariaLabel={addDocLabel}\n              size=\"tiny\"\n              priority=\"secondary\"\n              onClick={handleAdd}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n          <Tooltip content={addViaUrlLabel} appendTo=\"window\">\n            <IconButton\n              dataHook=\"multi-document-edit-paste-url-button\"\n              ariaLabel={addViaUrlLabel}\n              size=\"tiny\"\n              priority=\"tertiary\"\n              onClick={openAddViaUrl}\n            >\n              <LinkSmall />\n            </IconButton>\n          </Tooltip>\n        </Box>\n      ) : (\n        <Box\n          padding=\"SP1\"\n          gap=\"SP1\"\n          verticalAlign=\"middle\"\n          style={{ flexWrap: 'wrap', boxSizing: 'border-box' }}\n        >\n          {uris.map((uri, index) => {\n            const isReplacing = replaceIndex === index && loading;\n            if (isReplacing) {\n              return (\n                <Box\n                  key={`${fieldId}-${index}-loading`}\n                  verticalAlign=\"middle\"\n                  height=\"24px\"\n                >\n                  <Loader dataHook=\"loader\" size=\"tiny\" />\n                </Box>\n              );\n            }\n            return (\n              <Box\n                key={`${fieldId}-${index}`}\n                verticalAlign=\"middle\"\n                // Cap the per-chip wrapper at the chip strip's content width so a\n                // single long filename can't overflow the column. Apply on the\n                // Box (a flex item of the strip) rather than the Tag — Tag's\n                // PopoverNextTrigger parent has no max-width, so a percentage\n                // clamp on the Tag itself is degenerate at narrow widths.\n                style={{ minWidth: 0, maxWidth: '100%' }}\n              >\n                <PopoverMenu\n                  textSize=\"small\"\n                  appendTo=\"window\"\n                  // Function-form trigger: WDS Tag renders a plain <span>, so it\n                  // is not keyboard-focusable and drops the aria-haspopup /\n                  // aria-expanded / ref PopoverMenu injects via cloneElement.\n                  // Wrap it in a visually-unstyled <button> that receives those\n                  // props so the whole chip is an accessible menu trigger while\n                  // keeping the chip look intact.\n                  triggerElement={({ onClick, ref, isOpen }) => (\n                    <button\n                      type=\"button\"\n                      ref={ref as React.Ref<HTMLButtonElement>}\n                      onClick={onClick}\n                      aria-haspopup=\"menu\"\n                      aria-expanded={isOpen}\n                      className={classes.chipTrigger}\n                    >\n                      <Tag\n                        id={`${fieldId}-${index}`}\n                        dataHook=\"multi-document-edit-tag\"\n                        size=\"small\"\n                        thumb={<DocumentSmall />}\n                        removable={false}\n                        maxWidth=\"100%\"\n                      >\n                        <span\n                          style={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            gap: 4,\n                            width: '100%',\n                            minWidth: 0,\n                          }}\n                        >\n                          <span\n                            style={{\n                              flex: '1 1 auto',\n                              overflow: 'hidden',\n                              textOverflow: 'ellipsis',\n                              whiteSpace: 'nowrap',\n                              minWidth: 0,\n                            }}\n                          >\n                            {getMediaTitle(uri)}\n                          </span>\n                          <MoreSmall\n                            style={{\n                              width: 12,\n                              height: 12,\n                              flexShrink: 0,\n                            }}\n                          />\n                        </span>\n                      </Tag>\n                    </button>\n                  )}\n                >\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-replace\"\n                    text={t('CMS.document.action.replace')}\n                    prefixIcon={<Replace />}\n                    onClick={handleReplace(index)}\n                  />\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-replace-url\"\n                    text={t('CMS.document.action.replaceWithUrl')}\n                    prefixIcon={<Link />}\n                    onClick={openReplaceViaUrl(index, uri)}\n                  />\n                  <PopoverMenu.Divider />\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-open\"\n                    text={t('CMS.document.action.open')}\n                    prefixIcon={<ExternalLink />}\n                    onClick={handleOpen(uri)}\n                  />\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-download\"\n                    text={t('CMS.document.action.download')}\n                    prefixIcon={<Download />}\n                    onClick={handleDownload(uri)}\n                  />\n                  <PopoverMenu.Divider />\n                  <PopoverMenu.MenuItem\n                    dataHook=\"multi-document-edit-action-delete\"\n                    text={t('CMS.document.action.delete')}\n                    skin=\"destructive\"\n                    prefixIcon={<Delete />}\n                    onClick={handleDelete(index)}\n                  />\n                </PopoverMenu>\n              </Box>\n            );\n          })}\n          <Box gap=\"SP1\" verticalAlign=\"middle\">\n            <Tooltip content={addDocLabel} appendTo=\"window\">\n              <IconButton\n                dataHook=\"multi-document-edit-add-button\"\n                ariaLabel={addDocLabel}\n                size=\"tiny\"\n                priority=\"secondary\"\n                onClick={handleAdd}\n              >\n                <Add />\n              </IconButton>\n            </Tooltip>\n            <Tooltip content={addViaUrlLabel} appendTo=\"window\">\n              <IconButton\n                dataHook=\"multi-document-edit-paste-url-button\"\n                ariaLabel={addViaUrlLabel}\n                size=\"tiny\"\n                priority=\"tertiary\"\n                onClick={openAddViaUrl}\n              >\n                <LinkSmall />\n              </IconButton>\n            </Tooltip>\n          </Box>\n        </Box>\n      )}\n\n      <PasteURLForm\n        title={pasteUrlForm.title}\n        value={pasteUrlForm.value}\n        show={pasteUrlForm.isOpen}\n        closeModal={handlePasteUrlClose}\n        onSave={pasteUrlForm.onSave}\n        fieldType={MediaFieldType.document}\n      />\n    </div>\n  );\n};\n\nCellMultiDocumentEdit.displayName = 'CellMultiDocumentEdit';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAQA,IAAAE,KAAA,GAAAF,OAAA;AAWA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAMA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,2BAAA,GAAAT,OAAA;AAA+D,IAAAU,YAAA;AAAA,SAAAX,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,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;AAkBxD,MAAMkB,qBAA2D,GAAGA,CAAC;EAC1EC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACJ,MAAM;IAAE3B;EAAE,CAAC,GAAG,IAAA4B,sBAAe,EAAC,CAAC;EAC/B,MAAMC,IAAI,IAAAF,qBAAA,GAAG,IAAAG,+BAAuB,EAAC,CAAC,cAAAH,qBAAA,GAAzBA,qBAAA,CAA2BI,WAAW,qBAAtCJ,qBAAA,CAAwCE,IAAI;EAEzD,MAAMG,IAAI,GAAG,IAAAC,cAAO,EAAC,MAAMd,KAAK,IAAI,EAAE,EAAE,CAACA,KAAK,CAAC,CAAC;EAChD,MAAMe,YAAY,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAExD,MAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EAClCC,IAAc,IAAK;IAClBlB,QAAQ,CAACkB,IAAI,CAACC,MAAM,KAAK,CAAC,GAAG,IAAI,GAAGD,IAAI,CAAC;IACzCjB,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAM;IAAEmB,SAAS;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAG,IAAAC,6BAAe,EAAC;IAC5DC,SAAS,EAAEC,uBAAW,CAACC,SAAS;IAChC3B,KAAK,EAAEa,IAAI;IACXZ,QAAQ,EAAEgB,iBAAiB;IAC3BW,WAAW,EAAE;EACf,CAAC,CAAC;;EAEF;EACA;EACA;EACA,MAAMC,SAAS,GAAG,IAAAX,kBAAW,EAAC,YAAY;IACxCd,WAAW,YAAXA,WAAW,CAAG,CAAC;IACf,MAAMiB,SAAS,CAAC,CAAC;EACnB,CAAC,EAAE,CAACA,SAAS,EAAEjB,WAAW,CAAC,CAAC;EAE5B,MAAM,CAAC0B,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAgB,IAAI,CAAC;EACrE,MAAMC,aAAa,GAAG,IAAAf,kBAAW,EAC9BgB,KAAa,IAAK,YAAY;IAC7B9B,WAAW,YAAXA,WAAW,CAAG,CAAC;IACf2B,eAAe,CAACG,KAAK,CAAC;IACtB,MAAMb,SAAS,CAACa,KAAK,CAAC;IACtBH,eAAe,CAAC,IAAI,CAAC;EACvB,CAAC,EACD,CAACV,SAAS,EAAEjB,WAAW,CACzB,CAAC;EAED,MAAM+B,YAAY,GAAG,IAAAjB,kBAAW,EAC7BgB,KAAa,IAAK,MAAM;IACvB,MAAMf,IAAI,GAAGN,IAAI,CAACuB,MAAM,CAAC,CAACC,CAAC,EAAElD,CAAC,KAAKA,CAAC,KAAK+C,KAAK,CAAC;IAC/CjB,iBAAiB,CAACE,IAAI,CAAC;EACzB,CAAC,EACD,CAACN,IAAI,EAAEI,iBAAiB,CAC1B,CAAC;EAED,MAAMqB,UAAU,GAAG,IAAApB,kBAAW,EAC3BqB,GAAW,IAAK,MAAM;IACrB,IAAAC,mBAAY,EAAC,IAAAC,2BAAW,EAACF,GAAG,EAAE7B,IAAI,CAAC,CAAC;EACtC,CAAC,EACD,CAACA,IAAI,CACP,CAAC;EAED,MAAMgC,cAAc,GAAG,IAAAxB,kBAAW,EAC/BqB,GAAW,IAAK,MAAM;IACrBjB,aAAa,CAACiB,GAAG,CAAC;EACpB,CAAC,EACD,CAACjB,aAAa,CAChB,CAAC;EAED,MAAMqB,iBAAiB,GAAG,IAAAzB,kBAAW,EACnC,CAAC0B,QAAgB,EAAEC,cAAuB,KAAK;IAC7C,IAAIA,cAAc,KAAKC,SAAS,EAAE;MAChC,MAAM3B,IAAI,GAAG,CAAC,GAAGN,IAAI,CAAC;MACtBM,IAAI,CAAC4B,MAAM,CAACF,cAAc,EAAE,CAAC,EAAED,QAAQ,CAAC;MACxC3B,iBAAiB,CAACE,IAAI,CAAC;IACzB,CAAC,MAAM;MACLF,iBAAiB,CAAC,CAAC,GAAGJ,IAAI,EAAE+B,QAAQ,CAAC,CAAC;IACxC;EACF,CAAC,EACD,CAAC/B,IAAI,EAAEI,iBAAiB,CAC1B,CAAC;EAED,MAAM+B,YAAY,GAAG,IAAAC,6BAAe,EAAC;IAAEhD,QAAQ,EAAE0C;EAAkB,CAAC,CAAC;EAErE,MAAMO,aAAa,GAAG,IAAAhC,kBAAW,EAAC,MAAM;IACtCd,WAAW,YAAXA,WAAW,CAAG,CAAC;IACf4C,YAAY,CAACG,MAAM,CAAC;MAAEC,KAAK,EAAEvE,CAAC,CAAC,6BAA6B;IAAE,CAAC,CAAC,CAAC,CAAC;EACpE,CAAC,EAAE,CAACuB,WAAW,EAAE4C,YAAY,EAAEnE,CAAC,CAAC,CAAC;EAElC,MAAMwE,iBAAiB,GAAG,IAAAnC,kBAAW,EACnC,CAACgB,KAAa,EAAEoB,YAAoB,KAAK,MAAM;IAC7ClD,WAAW,YAAXA,WAAW,CAAG,CAAC;IACf4C,YAAY,CAACG,MAAM,CAAC;MAClBC,KAAK,EAAEvE,CAAC,CAAC,mCAAmC,CAAC;MAC7CmB,KAAK,EAAEsD,YAAY;MACnBpB;IACF,CAAC,CAAC,CAAC,CAAC;EACN,CAAC,EACD,CAAC9B,WAAW,EAAE4C,YAAY,EAAEnE,CAAC,CAC/B,CAAC;EAED,MAAM0E,mBAAmB,GAAG,IAAArC,kBAAW,EAAC,MAAM;IAC5C8B,YAAY,CAACQ,OAAO,CAAC,CAAC;EACxB,CAAC,EAAE,CAACR,YAAY,CAAC,CAAC;EAElB,MAAM;IAAES,oBAAoB;IAAEC;EAAoB,CAAC,GAAG,IAAAC,0BAAmB,EAAC;IACxE5C,YAAY;IACZZ,QAAQ;IACRE;EACF,CAAC,CAAC;EAEF,MAAMuD,WAAW,GAAG/E,CAAC,CAAC,8BAA8B,CAAC;EACrD,MAAMgF,cAAc,GAAGhF,CAAC,CAAC,8BAA8B,CAAC;EAExD,oBACEd,MAAA,CAAAuB,OAAA,CAAAwE,aAAA;IACEC,GAAG,EAAEhD,YAAa;IAClB,aAAWT,QAAS;IACpB0D,OAAO,EAAEP,oBAAqB;IAC9BQ,MAAM,EAAEP,mBAAoB;IAC5BQ,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACb;MACA;MACAC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAE;IACb,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,GAED9D,IAAI,CAACO,MAAM,KAAK,CAAC,gBAChBrD,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA0G,GAAG;IACFC,KAAK,EAAC,eAAe;IACrBC,aAAa,EAAC,QAAQ;IACtBC,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,OAAO;IACfC,GAAG,EAAC,KAAK;IACTf,KAAK,EAAE;MAAEI,SAAS,EAAE;IAAa,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnC5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAAgH,OAAO;IAACC,OAAO,EAAEvB,WAAY;IAACwB,QAAQ,EAAC,QAAQ;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9C5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAAmH,UAAU;IACT/E,QAAQ,EAAC,gCAAgC;IACzCgF,SAAS,EAAE1B,WAAY;IACvB2B,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,WAAW;IACpBC,OAAO,EAAE5D,SAAU;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAAuH,GAAG;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACI,CACL,CAAC,eACV5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAAgH,OAAO;IAACC,OAAO,EAAEtB,cAAe;IAACuB,QAAQ,EAAC,QAAQ;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjD5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAAmH,UAAU;IACT/E,QAAQ,EAAC,sCAAsC;IAC/CgF,SAAS,EAAEzB,cAAe;IAC1B0B,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,UAAU;IACnBC,OAAO,EAAEvC,aAAc;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvB5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAAwH,SAAS;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACF,CACL,CACN,CAAC,gBAEN5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA0G,GAAG;IACFI,OAAO,EAAC,KAAK;IACbC,GAAG,EAAC,KAAK;IACTH,aAAa,EAAC,QAAQ;IACtBZ,KAAK,EAAE;MAAE0B,QAAQ,EAAE,MAAM;MAAEtB,SAAS,EAAE;IAAa,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpD9D,IAAI,CAACgF,GAAG,CAAC,CAACtD,GAAG,EAAEL,KAAK,KAAK;IACxB,MAAM4D,WAAW,GAAGhE,YAAY,KAAKI,KAAK,IAAIX,OAAO;IACrD,IAAIuE,WAAW,EAAE;MACf,oBACE/H,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA0G,GAAG;QACFmB,GAAG,EAAE,GAAGxF,OAAO,IAAI2B,KAAK,UAAW;QACnC4C,aAAa,EAAC,QAAQ;QACtBC,MAAM,EAAC,MAAM;QAAAR,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEb5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA8H,MAAM;QAAC1F,QAAQ,EAAC,QAAQ;QAACiF,IAAI,EAAC,MAAM;QAAAhB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACpC,CAAC;IAEV;IACA,oBACE5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA0G,GAAG;MACFmB,GAAG,EAAE,GAAGxF,OAAO,IAAI2B,KAAK,EAAG;MAC3B4C,aAAa,EAAC;MACd;MACA;MACA;MACA;MACA;MAAA;MACAZ,KAAK,EAAE;QAAEE,QAAQ,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAO,CAAE;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9F,YAAA;QAAA+F,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEzC5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA+H,WAAW;MACVC,QAAQ,EAAC,OAAO;MAChBd,QAAQ,EAAC;MACT;MACA;MACA;MACA;MACA;MACA;MAAA;MACAe,cAAc,EAAEA,CAAC;QAAEV,OAAO;QAAE1B,GAAG;QAAEqC;MAAO,CAAC,kBACvCrI,MAAA,CAAAuB,OAAA,CAAAwE,aAAA;QACEuC,IAAI,EAAC,QAAQ;QACbtC,GAAG,EAAEA,GAAoC;QACzC0B,OAAO,EAAEA,OAAQ;QACjB,iBAAc,MAAM;QACpB,iBAAeW,MAAO;QACtBE,SAAS,EAAEC,mCAAO,CAACC,WAAY;QAAAjC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAE/B5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAAuI,GAAG;QACFC,EAAE,EAAE,GAAGnG,OAAO,IAAI2B,KAAK,EAAG;QAC1B5B,QAAQ,EAAC,yBAAyB;QAClCiF,IAAI,EAAC,OAAO;QACZoB,KAAK,eAAE5I,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAAyI,aAAa;UAAArC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA9F,YAAA;YAAA+F,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAE;QACzBkC,SAAS,EAAE,KAAM;QACjBxC,QAAQ,EAAC,MAAM;QAAAE,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEf5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA;QACEI,KAAK,EAAE;UACL4C,OAAO,EAAE,MAAM;UACfC,UAAU,EAAE,QAAQ;UACpB9B,GAAG,EAAE,CAAC;UACNd,KAAK,EAAE,MAAM;UACbC,QAAQ,EAAE;QACZ,CAAE;QAAAG,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEF5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA;QACEI,KAAK,EAAE;UACL8C,IAAI,EAAE,UAAU;UAChBC,QAAQ,EAAE,QAAQ;UAClBC,YAAY,EAAE,UAAU;UACxBC,UAAU,EAAE,QAAQ;UACpB/C,QAAQ,EAAE;QACZ,CAAE;QAAAG,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,GAED,IAAAyC,yBAAa,EAAC7E,GAAG,CACd,CAAC,eACPxE,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAAkJ,SAAS;QACRnD,KAAK,EAAE;UACLC,KAAK,EAAE,EAAE;UACTY,MAAM,EAAE,EAAE;UACVuC,UAAU,EAAE;QACd,CAAE;QAAA/C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,CACH,CACG,CACH,CACC,CACR;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9F,YAAA;QAAA+F,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEF5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA+H,WAAW,CAACsB,QAAQ;MACnBjH,QAAQ,EAAC,oCAAoC;MAC7CkH,IAAI,EAAE3I,CAAC,CAAC,6BAA6B,CAAE;MACvC4I,UAAU,eAAE1J,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAAuJ,OAAO;QAAAnD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACxBc,OAAO,EAAExD,aAAa,CAACC,KAAK,CAAE;MAAAqC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9F,YAAA;QAAA+F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC/B,CAAC,eACF5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA+H,WAAW,CAACsB,QAAQ;MACnBjH,QAAQ,EAAC,wCAAwC;MACjDkH,IAAI,EAAE3I,CAAC,CAAC,oCAAoC,CAAE;MAC9C4I,UAAU,eAAE1J,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAAwJ,IAAI;QAAApD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACrBc,OAAO,EAAEpC,iBAAiB,CAACnB,KAAK,EAAEK,GAAG,CAAE;MAAAgC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9F,YAAA;QAAA+F,UAAA;QAAAC,YAAA;MAAA;IAAA,CACxC,CAAC,eACF5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA+H,WAAW,CAAC2B,OAAO;MAAArD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9F,YAAA;QAAA+F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,eACvB5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA+H,WAAW,CAACsB,QAAQ;MACnBjH,QAAQ,EAAC,iCAAiC;MAC1CkH,IAAI,EAAE3I,CAAC,CAAC,0BAA0B,CAAE;MACpC4I,UAAU,eAAE1J,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAA0J,YAAY;QAAAtD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MAC7Bc,OAAO,EAAEnD,UAAU,CAACC,GAAG,CAAE;MAAAgC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9F,YAAA;QAAA+F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC1B,CAAC,eACF5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA+H,WAAW,CAACsB,QAAQ;MACnBjH,QAAQ,EAAC,qCAAqC;MAC9CkH,IAAI,EAAE3I,CAAC,CAAC,8BAA8B,CAAE;MACxC4I,UAAU,eAAE1J,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAA2J,QAAQ;QAAAvD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACzBc,OAAO,EAAE/C,cAAc,CAACH,GAAG,CAAE;MAAAgC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9F,YAAA;QAAA+F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC9B,CAAC,eACF5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA+H,WAAW,CAAC2B,OAAO;MAAArD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9F,YAAA;QAAA+F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,eACvB5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA+H,WAAW,CAACsB,QAAQ;MACnBjH,QAAQ,EAAC,mCAAmC;MAC5CkH,IAAI,EAAE3I,CAAC,CAAC,4BAA4B,CAAE;MACtCkJ,IAAI,EAAC,aAAa;MAClBN,UAAU,eAAE1J,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAA6J,MAAM;QAAAzD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9F,YAAA;UAAA+F,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACvBc,OAAO,EAAEtD,YAAY,CAACD,KAAK,CAAE;MAAAqC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9F,YAAA;QAAA+F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC9B,CACU,CACV,CAAC;EAEV,CAAC,CAAC,eACF5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAA0G,GAAG;IAACK,GAAG,EAAC,KAAK;IAACH,aAAa,EAAC,QAAQ;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnC5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAAgH,OAAO;IAACC,OAAO,EAAEvB,WAAY;IAACwB,QAAQ,EAAC,QAAQ;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9C5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAAmH,UAAU;IACT/E,QAAQ,EAAC,gCAAgC;IACzCgF,SAAS,EAAE1B,WAAY;IACvB2B,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,WAAW;IACpBC,OAAO,EAAE5D,SAAU;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAAuH,GAAG;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACI,CACL,CAAC,eACV5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAAgH,OAAO;IAACC,OAAO,EAAEtB,cAAe;IAACuB,QAAQ,EAAC,QAAQ;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjD5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC5F,aAAA,CAAAmH,UAAU;IACT/E,QAAQ,EAAC,sCAAsC;IAC/CgF,SAAS,EAAEzB,cAAe;IAC1B0B,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAC,UAAU;IACnBC,OAAO,EAAEvC,aAAc;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvB5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAAC3F,KAAA,CAAAwH,SAAS;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACF,CACL,CACN,CACF,CACN,eAED5G,MAAA,CAAAuB,OAAA,CAAAwE,aAAA,CAACtF,aAAA,CAAAyJ,YAAY;IACX7E,KAAK,EAAEJ,YAAY,CAACI,KAAM;IAC1BpD,KAAK,EAAEgD,YAAY,CAAChD,KAAM;IAC1BkI,IAAI,EAAElF,YAAY,CAACoD,MAAO;IAC1B+B,UAAU,EAAE5E,mBAAoB;IAChC6E,MAAM,EAAEpF,YAAY,CAACoF,MAAO;IAC5BC,SAAS,EAAEC,4BAAc,CAACC,QAAS;IAAAhE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9F,YAAA;MAAA+F,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpC,CACE,CAAC;AAEV,CAAC;AAAC6D,OAAA,CAAAzI,qBAAA,GAAAA,qBAAA;AAEFA,qBAAqB,CAAC0I,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/dist/cjs/components/multi-document/cell-multi-document-edit.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_ = "cellmultidocumentedit707944317";
+var _namespace_ = "cellmultidocumentedit2391177187";
 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": "cellmultidocumentedit707944317__root",
-  "chipTrigger": "cellmultidocumentedit707944317__chipTrigger"
+  "root": "cellmultidocumentedit2391177187__root",
+  "chipTrigger": "cellmultidocumentedit2391177187__chipTrigger"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/multi-document/cell-multi-document-edit.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/multi-document/cell-multi-document-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultidocumentedit707944317\";\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\":\"cellmultidocumentedit707944317__root\",\"chipTrigger\":\"cellmultidocumentedit707944317__chipTrigger\"};\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,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,aAAa,EAAC;AAA6C,CAAC;AACzH,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/multi-document/cell-multi-document-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultidocumentedit2391177187\";\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\":\"cellmultidocumentedit2391177187__root\",\"chipTrigger\":\"cellmultidocumentedit2391177187__chipTrigger\"};\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,iCAAiC;AACnD,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,uCAAuC;EAAC,aAAa,EAAC;AAA8C,CAAC;AAC3H,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/multi-document/cell-multi-document-view.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.CellMultiDocumentView = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mediaUtils = require("../../utils/media-utils");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/multi-document/cell-multi-document-view.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -16,7 +16,7 @@ const CellMultiDocumentView = ({
   const tags = (0, _react.useMemo)(() => (value ?? []).map((uri, i) => ({
     id: `${fieldId}-${i}`,
     dataHook: 'cell-multi-document-tag',
-    thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DocumentSmall, {
+    thumb: /*#__PURE__*/_react.default.createElement(_lazy.DocumentSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/multi-document/cell-multi-document-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellMultiDocumentView","value","dataHook","fieldId","tags","useMemo","map","uri","id","thumb","createElement","DocumentSmall","__self","__source","fileName","lineNumber","columnNumber","children","getMediaTitle","removable","length","Box","direction","verticalAlign","padding","height","width","minWidth","TagList","overflowMode","type","overflowTooltipContent","hiddenTags","tag","filter","Boolean","join","size","exports","displayName"],"sources":["../../../../src/components/multi-document/cell-multi-document-view.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box, TagList } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface CellMultiDocumentViewProps {\n  value: string[] | null | undefined;\n  dataHook?: string;\n  /**\n   * Stable DOM id prefix for the tags. WDS Tag requires `id` to be present;\n   * each tag uses `${fieldId}-${index}`. Callers are responsible for ensuring\n   * uniqueness (e.g., derive from columnId + rowKey).\n   */\n  fieldId: string;\n}\n\nexport const CellMultiDocumentView: React.FC<CellMultiDocumentViewProps> = ({\n  value,\n  dataHook,\n  fieldId,\n}) => {\n  const tags = useMemo(\n    () =>\n      (value ?? []).map((uri, i) => ({\n        id: `${fieldId}-${i}`,\n        dataHook: 'cell-multi-document-tag',\n        thumb: <DocumentSmall />,\n        children: getMediaTitle(uri),\n        removable: false as const,\n      })),\n    [value, fieldId],\n  );\n\n  if (tags.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"vertical\"\n      verticalAlign=\"middle\"\n      padding=\"0 8px\"\n      height=\"100%\"\n      width=\"100%\"\n      minWidth={0}\n    >\n      <TagList\n        overflowMode={{\n          type: 'collapse',\n          overflowTooltipContent: (hiddenTags) =>\n            hiddenTags\n              .map((tag) =>\n                typeof tag.children === 'string' ? tag.children : '',\n              )\n              .filter(Boolean)\n              .join(', '),\n        }}\n        size=\"small\"\n        dataHook=\"cell-multi-document-tags\"\n        tags={tags}\n      />\n    </Box>\n  );\n};\n\nCellMultiDocumentView.displayName = 'CellMultiDocumentView';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_mediaUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellMultiDocumentView","value","dataHook","fieldId","tags","useMemo","map","uri","id","thumb","createElement","DocumentSmall","__self","__source","fileName","lineNumber","columnNumber","children","getMediaTitle","removable","length","Box","direction","verticalAlign","padding","height","width","minWidth","TagList","overflowMode","type","overflowTooltipContent","hiddenTags","tag","filter","Boolean","join","size","exports","displayName"],"sources":["../../../../src/components/multi-document/cell-multi-document-view.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box, TagList } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common/lazy';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface CellMultiDocumentViewProps {\n  value: string[] | null | undefined;\n  dataHook?: string;\n  /**\n   * Stable DOM id prefix for the tags. WDS Tag requires `id` to be present;\n   * each tag uses `${fieldId}-${index}`. Callers are responsible for ensuring\n   * uniqueness (e.g., derive from columnId + rowKey).\n   */\n  fieldId: string;\n}\n\nexport const CellMultiDocumentView: React.FC<CellMultiDocumentViewProps> = ({\n  value,\n  dataHook,\n  fieldId,\n}) => {\n  const tags = useMemo(\n    () =>\n      (value ?? []).map((uri, i) => ({\n        id: `${fieldId}-${i}`,\n        dataHook: 'cell-multi-document-tag',\n        thumb: <DocumentSmall />,\n        children: getMediaTitle(uri),\n        removable: false as const,\n      })),\n    [value, fieldId],\n  );\n\n  if (tags.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"vertical\"\n      verticalAlign=\"middle\"\n      padding=\"0 8px\"\n      height=\"100%\"\n      width=\"100%\"\n      minWidth={0}\n    >\n      <TagList\n        overflowMode={{\n          type: 'collapse',\n          overflowTooltipContent: (hiddenTags) =>\n            hiddenTags\n              .map((tag) =>\n                typeof tag.children === 'string' ? tag.children : '',\n              )\n              .filter(Boolean)\n              .join(', '),\n        }}\n        size=\"small\"\n        dataHook=\"cell-multi-document-tags\"\n        tags={tags}\n      />\n    </Box>\n  );\n};\n\nCellMultiDocumentView.displayName = 'CellMultiDocumentView';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmultidocument3225286195";
+var _namespace_ = "formmultidocument1651891424";
 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": "formmultidocument3225286195__root",
-  "viewRoot": "formmultidocument3225286195__viewRoot",
-  "singleViewWrapper": "formmultidocument3225286195__singleViewWrapper",
-  "addDocumentButton": "formmultidocument3225286195__addDocumentButton"
+  "root": "formmultidocument1651891424__root",
+  "viewRoot": "formmultidocument1651891424__viewRoot",
+  "singleViewWrapper": "formmultidocument1651891424__singleViewWrapper",
+  "addDocumentButton": "formmultidocument1651891424__addDocumentButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.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/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument3225286195\";\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\":\"formmultidocument3225286195__root\",\"viewRoot\":\"formmultidocument3225286195__viewRoot\",\"singleViewWrapper\":\"formmultidocument3225286195__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument3225286195__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \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,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,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;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument1651891424\";\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\":\"formmultidocument1651891424__root\",\"viewRoot\":\"formmultidocument1651891424__viewRoot\",\"singleViewWrapper\":\"formmultidocument1651891424__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument1651891424__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \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,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,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;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _useTranslations = require("../../hooks/use-translations");
 var _referenceAvatar = require("./reference-avatar");
+var _referenceDropdownFooter = require("./reference-dropdown-footer");
 var _cellMultiReferenceInputStCss = require("./cell-multi-reference-input.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/cell-multi-reference-input.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -83,7 +84,7 @@ const CellMultiReferenceInput = exports.CellMultiReferenceInput = /*#__PURE__*/_
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 117,
+        lineNumber: 113,
         columnNumber: 13
       }
     })
@@ -98,7 +99,7 @@ const CellMultiReferenceInput = exports.CellMultiReferenceInput = /*#__PURE__*/_
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135,
+        lineNumber: 131,
         columnNumber: 15
       }
     }),
@@ -113,46 +114,15 @@ const CellMultiReferenceInput = exports.CellMultiReferenceInput = /*#__PURE__*/_
     }
   }, [items, onSelect]);
   const handleRemoveTag = (0, _react.useCallback)(id => onRemoveTag(String(id)), [onRemoveTag]);
-  const combinedFooter = (0, _react.useMemo)(() => {
-    if (!fixedFooter && !onOpenCollection) {
-      return undefined;
-    }
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      _react.default.createElement("div", {
-        onMouseDown: e => e.preventDefault(),
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 173,
-          columnNumber: 9
-        }
-      }, fixedFooter, onOpenCollection && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 175,
-          columnNumber: 32
-        }
-      }), onOpenCollection && /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
-        title: t('patterns-fields.reference.open_collection'),
-        size: "small",
-        onClick: () => {
-          var _msRef$current5;
-          (_msRef$current5 = msRef.current) == null || _msRef$current5.hideOptions == null || _msRef$current5.hideOptions();
-          onOpenCollection();
-        },
-        dataHook: "reference-open-collection",
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 177,
-          columnNumber: 13
-        }
-      }))
-    );
-  }, [fixedFooter, onOpenCollection, t]);
+  const hideOptions = (0, _react.useCallback)(() => {
+    var _msRef$current5;
+    return (_msRef$current5 = msRef.current) == null || _msRef$current5.hideOptions == null ? void 0 : _msRef$current5.hideOptions();
+  }, []);
+  const combinedFooter = (0, _referenceDropdownFooter.useReferenceDropdownFooter)({
+    fixedFooter,
+    onOpenCollection,
+    hideOptions
+  });
   return (
     /*#__PURE__*/
     // Prevent EditableCell's row click/dblclick handlers from firing when
@@ -170,7 +140,7 @@ const CellMultiReferenceInput = exports.CellMultiReferenceInput = /*#__PURE__*/_
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 194,
+        lineNumber: 173,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
@@ -205,7 +175,7 @@ const CellMultiReferenceInput = exports.CellMultiReferenceInput = /*#__PURE__*/_
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 204,
+        lineNumber: 183,
         columnNumber: 9
       }
     }))

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_referenceAvatar","_cellMultiReferenceInputStCss","_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","CellMultiReferenceInput","exports","React","forwardRef","items","selectedItems","value","onChange","onSelect","onRemoveTag","onBlur","onKeyDown","infiniteScroll","hasMore","loadMore","fixedFooter","onOpenCollection","autoOpen","inputRef","dataHook","ref","useTranslations","msRef","useRef","wrapperRef","useImperativeHandle","focus","_msRef$current","current","hideOptions","_msRef$current2","useEffect","_msRef$current3","requestAnimationFrame","_msRef$current4","showOptions","_wrapperRef$current","el","querySelector","untitled","tags","useMemo","map","item","id","label","name","thumb","createElement","ReferenceAvatar","image","size","__self","__source","fileName","lineNumber","columnNumber","options","listItemSelectBuilder","title","prefix","ellipsis","handleChange","useCallback","target","handleSelect","option","find","String","handleRemoveTag","combinedFooter","undefined","onMouseDown","preventDefault","Divider","ListItemAction","onClick","_msRef$current5","className","st","classes","root","stopPropagation","onKeyDownCapture","MultiSelect","instance","border","predicate","placeholder","length","emptyStateMessage","maxHeightPixels","popoverProps","appendTo","flip","fixed","placement","zIndex","displayName"],"sources":["../../../../src/components/reference/cell-multi-reference-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport {\n  Divider,\n  ListItemAction,\n  MultiSelect,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\nimport type { CellMultiReferenceItem } from './cell-multi-reference-view';\nimport { st, classes } from './cell-multi-reference-input.st.css.js';\n\nexport type { CellMultiReferenceItem };\n\nexport interface CellMultiReferenceInputHandle {\n  focus: () => void;\n  hideOptions: () => void;\n}\n\nexport interface CellMultiReferenceInputProps {\n  /** Dropdown options — already filtered/paginated by the caller. */\n  items: CellMultiReferenceItem[];\n  /** Currently selected references, rendered as removable chips. */\n  selectedItems: CellMultiReferenceItem[];\n  /** Text shown in the search input. */\n  value: string;\n  onChange: (value: string) => void;\n  onSelect: (item: CellMultiReferenceItem) => void;\n  onRemoveTag: (id: string) => void;\n  onBlur?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\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 (single-click / type-to-edit triggers). */\n  autoOpen?: boolean;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nconst ROW_HEIGHT = 30;\nconst MAX_NUM_ROWS = 7;\n\ninterface MultiSelectHandle {\n  focus?: () => void;\n  showOptions?: () => void;\n  hideOptions?: () => void;\n}\n\nexport const CellMultiReferenceInput = React.forwardRef<\n  CellMultiReferenceInputHandle,\n  CellMultiReferenceInputProps\n>(\n  (\n    {\n      items,\n      selectedItems,\n      value,\n      onChange,\n      onSelect,\n      onRemoveTag,\n      onBlur,\n      onKeyDown,\n      infiniteScroll,\n      hasMore,\n      loadMore,\n      fixedFooter,\n      onOpenCollection,\n      autoOpen,\n      inputRef,\n      dataHook,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const msRef = useRef<MultiSelectHandle | null>(null);\n    const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => msRef.current?.focus?.(),\n      hideOptions: () => msRef.current?.hideOptions?.(),\n    }));\n\n    useEffect(() => {\n      if (autoOpen) {\n        msRef.current?.focus?.();\n        requestAnimationFrame(() => msRef.current?.showOptions?.());\n      }\n      // Intentionally run only on mount\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Expose the MultiSelect input element to the framework's inputRef so\n    // type-to-edit + framework-level focus management work.\n    useEffect(() => {\n      if (!inputRef) {\n        return;\n      }\n      const el = wrapperRef.current?.querySelector<HTMLInputElement>('input');\n      if (el) {\n        inputRef.current = { focus: () => el.focus() };\n      }\n    }, [inputRef]);\n\n    const untitled = t('patterns-fields.reference.untitled');\n\n    const tags = useMemo(\n      () =>\n        selectedItems.map((item) => ({\n          id: item.id,\n          dataHook: 'multi-reference-edit-tag',\n          label: item.name || untitled,\n          thumb: (\n            <ReferenceAvatar\n              name={item.name || untitled}\n              image={item.image}\n              size=\"size18\"\n            />\n          ),\n        })),\n      [selectedItems, untitled],\n    );\n\n    const options = useMemo(\n      () =>\n        items.map((item) =>\n          listItemSelectBuilder({\n            id: item.id,\n            title: item.name || untitled,\n            label: item.name || untitled,\n            prefix: (\n              <ReferenceAvatar\n                name={item.name || untitled}\n                image={item.image}\n              />\n            ),\n            size: 'small',\n            ellipsis: true,\n          }),\n        ),\n      [items, untitled],\n    );\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value),\n      [onChange],\n    );\n\n    const handleSelect = useCallback(\n      (option: { id: string | number }) => {\n        const item = items.find((i) => i.id === String(option.id));\n        if (item) {\n          onSelect(item);\n        }\n      },\n      [items, onSelect],\n    );\n\n    const handleRemoveTag = useCallback(\n      (id: string | number) => onRemoveTag(String(id)),\n      [onRemoveTag],\n    );\n\n    const combinedFooter = useMemo(() => {\n      if (!fixedFooter && !onOpenCollection) {\n        return undefined;\n      }\n      return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div onMouseDown={(e) => e.preventDefault()}>\n          {fixedFooter}\n          {onOpenCollection && <Divider />}\n          {onOpenCollection && (\n            <ListItemAction\n              title={t('patterns-fields.reference.open_collection')}\n              size=\"small\"\n              onClick={() => {\n                msRef.current?.hideOptions?.();\n                onOpenCollection();\n              }}\n              dataHook=\"reference-open-collection\"\n            />\n          )}\n        </div>\n      );\n    }, [fixedFooter, onOpenCollection, t]);\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={wrapperRef}\n        className={st(classes.root)}\n        data-hook={dataHook}\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n        // Capture phase so keys (e.g. Escape) can be intercepted before the\n        // WDS MultiSelect handles and stops them on the inner input.\n        onKeyDownCapture={onKeyDown}\n      >\n        <MultiSelect\n          ref={(instance: MultiSelectHandle | null) => {\n            msRef.current = instance;\n          }}\n          dataHook=\"multi-reference-input-multiselect\"\n          size=\"small\"\n          border=\"none\"\n          tags={tags}\n          options={options}\n          predicate={() => true}\n          value={value}\n          onChange={handleChange}\n          onSelect={handleSelect}\n          onRemoveTag={handleRemoveTag}\n          onBlur={onBlur}\n          placeholder={\n            selectedItems.length === 0\n              ? t('auto-patterns.fields.select_placeholder')\n              : ''\n          }\n          emptyStateMessage={t('auto-patterns.fields.no_results_found')}\n          maxHeightPixels={ROW_HEIGHT * MAX_NUM_ROWS}\n          infiniteScroll={infiniteScroll}\n          hasMore={hasMore}\n          loadMore={loadMore}\n          fixedFooter={combinedFooter}\n          popoverProps={{\n            appendTo: 'window',\n            flip: true,\n            fixed: false,\n            placement: 'bottom-start',\n            zIndex: 9999,\n          }}\n        />\n      </div>\n    );\n  },\n);\n\nCellMultiReferenceInput.displayName = 'CellMultiReferenceInput';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_referenceAvatar","_referenceDropdownFooter","_cellMultiReferenceInputStCss","_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","CellMultiReferenceInput","exports","React","forwardRef","items","selectedItems","value","onChange","onSelect","onRemoveTag","onBlur","onKeyDown","infiniteScroll","hasMore","loadMore","fixedFooter","onOpenCollection","autoOpen","inputRef","dataHook","ref","useTranslations","msRef","useRef","wrapperRef","useImperativeHandle","focus","_msRef$current","current","hideOptions","_msRef$current2","useEffect","_msRef$current3","requestAnimationFrame","_msRef$current4","showOptions","_wrapperRef$current","el","querySelector","untitled","tags","useMemo","map","item","id","label","name","thumb","createElement","ReferenceAvatar","image","size","__self","__source","fileName","lineNumber","columnNumber","options","listItemSelectBuilder","title","prefix","ellipsis","handleChange","useCallback","target","handleSelect","option","find","String","handleRemoveTag","_msRef$current5","combinedFooter","useReferenceDropdownFooter","className","st","classes","root","onClick","stopPropagation","onMouseDown","onKeyDownCapture","MultiSelect","instance","border","predicate","placeholder","length","emptyStateMessage","maxHeightPixels","popoverProps","appendTo","flip","fixed","placement","zIndex","displayName"],"sources":["../../../../src/components/reference/cell-multi-reference-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { MultiSelect, listItemSelectBuilder } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\nimport { useReferenceDropdownFooter } from './reference-dropdown-footer';\nimport type { CellMultiReferenceItem } from './cell-multi-reference-view';\nimport { st, classes } from './cell-multi-reference-input.st.css.js';\n\nexport type { CellMultiReferenceItem };\n\nexport interface CellMultiReferenceInputHandle {\n  focus: () => void;\n  hideOptions: () => void;\n}\n\nexport interface CellMultiReferenceInputProps {\n  /** Dropdown options — already filtered/paginated by the caller. */\n  items: CellMultiReferenceItem[];\n  /** Currently selected references, rendered as removable chips. */\n  selectedItems: CellMultiReferenceItem[];\n  /** Text shown in the search input. */\n  value: string;\n  onChange: (value: string) => void;\n  onSelect: (item: CellMultiReferenceItem) => void;\n  onRemoveTag: (id: string) => void;\n  onBlur?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\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 (single-click / type-to-edit triggers). */\n  autoOpen?: boolean;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nconst ROW_HEIGHT = 30;\nconst MAX_NUM_ROWS = 7;\n\ninterface MultiSelectHandle {\n  focus?: () => void;\n  showOptions?: () => void;\n  hideOptions?: () => void;\n}\n\nexport const CellMultiReferenceInput = React.forwardRef<\n  CellMultiReferenceInputHandle,\n  CellMultiReferenceInputProps\n>(\n  (\n    {\n      items,\n      selectedItems,\n      value,\n      onChange,\n      onSelect,\n      onRemoveTag,\n      onBlur,\n      onKeyDown,\n      infiniteScroll,\n      hasMore,\n      loadMore,\n      fixedFooter,\n      onOpenCollection,\n      autoOpen,\n      inputRef,\n      dataHook,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const msRef = useRef<MultiSelectHandle | null>(null);\n    const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => msRef.current?.focus?.(),\n      hideOptions: () => msRef.current?.hideOptions?.(),\n    }));\n\n    useEffect(() => {\n      if (autoOpen) {\n        msRef.current?.focus?.();\n        requestAnimationFrame(() => msRef.current?.showOptions?.());\n      }\n      // Intentionally run only on mount\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Expose the MultiSelect input element to the framework's inputRef so\n    // type-to-edit + framework-level focus management work.\n    useEffect(() => {\n      if (!inputRef) {\n        return;\n      }\n      const el = wrapperRef.current?.querySelector<HTMLInputElement>('input');\n      if (el) {\n        inputRef.current = { focus: () => el.focus() };\n      }\n    }, [inputRef]);\n\n    const untitled = t('patterns-fields.reference.untitled');\n\n    const tags = useMemo(\n      () =>\n        selectedItems.map((item) => ({\n          id: item.id,\n          dataHook: 'multi-reference-edit-tag',\n          label: item.name || untitled,\n          thumb: (\n            <ReferenceAvatar\n              name={item.name || untitled}\n              image={item.image}\n              size=\"size18\"\n            />\n          ),\n        })),\n      [selectedItems, untitled],\n    );\n\n    const options = useMemo(\n      () =>\n        items.map((item) =>\n          listItemSelectBuilder({\n            id: item.id,\n            title: item.name || untitled,\n            label: item.name || untitled,\n            prefix: (\n              <ReferenceAvatar\n                name={item.name || untitled}\n                image={item.image}\n              />\n            ),\n            size: 'small',\n            ellipsis: true,\n          }),\n        ),\n      [items, untitled],\n    );\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value),\n      [onChange],\n    );\n\n    const handleSelect = useCallback(\n      (option: { id: string | number }) => {\n        const item = items.find((i) => i.id === String(option.id));\n        if (item) {\n          onSelect(item);\n        }\n      },\n      [items, onSelect],\n    );\n\n    const handleRemoveTag = useCallback(\n      (id: string | number) => onRemoveTag(String(id)),\n      [onRemoveTag],\n    );\n\n    const hideOptions = useCallback(() => msRef.current?.hideOptions?.(), []);\n    const combinedFooter = useReferenceDropdownFooter({\n      fixedFooter,\n      onOpenCollection,\n      hideOptions,\n    });\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={wrapperRef}\n        className={st(classes.root)}\n        data-hook={dataHook}\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n        // Capture phase so keys (e.g. Escape) can be intercepted before the\n        // WDS MultiSelect handles and stops them on the inner input.\n        onKeyDownCapture={onKeyDown}\n      >\n        <MultiSelect\n          ref={(instance: MultiSelectHandle | null) => {\n            msRef.current = instance;\n          }}\n          dataHook=\"multi-reference-input-multiselect\"\n          size=\"small\"\n          border=\"none\"\n          tags={tags}\n          options={options}\n          predicate={() => true}\n          value={value}\n          onChange={handleChange}\n          onSelect={handleSelect}\n          onRemoveTag={handleRemoveTag}\n          onBlur={onBlur}\n          placeholder={\n            selectedItems.length === 0\n              ? t('auto-patterns.fields.select_placeholder')\n              : ''\n          }\n          emptyStateMessage={t('auto-patterns.fields.no_results_found')}\n          maxHeightPixels={ROW_HEIGHT * MAX_NUM_ROWS}\n          infiniteScroll={infiniteScroll}\n          hasMore={hasMore}\n          loadMore={loadMore}\n          fixedFooter={combinedFooter}\n          popoverProps={{\n            appendTo: 'window',\n            flip: true,\n            fixed: false,\n            placement: 'bottom-start',\n            zIndex: 9999,\n          }}\n        />\n      </div>\n    );\n  },\n);\n\nCellMultiReferenceInput.displayName = 'CellMultiReferenceInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/reference/cell-multi-reference-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_ = "cellmultireferenceinput1040831334";
+var _namespace_ = "cellmultireferenceinput2300635902";
 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": "cellmultireferenceinput1040831334__root"
+  "root": "cellmultireferenceinput2300635902__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/reference/cell-multi-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-multi-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultireferenceinput1040831334\";\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\":\"cellmultireferenceinput1040831334__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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;AAAyC,CAAC;AAChE,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,wBAAwB,EAAC,0BAA0B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,iCAAiC,EAAC;AAAmC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultireferenceinput2300635902\";\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\":\"cellmultireferenceinput2300635902__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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;AAAyC,CAAC;AAChE,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,wBAAwB,EAAC,0BAA0B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,iCAAiC,EAAC;AAAmC,CAAC","ignoreList":[]}

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

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _useTranslations = require("../../hooks/use-translations");
 var _referenceAvatar = require("./reference-avatar");
+var _referenceDropdownFooter = require("./reference-dropdown-footer");
 var _cellReferenceInputStCss = require("./cell-reference-input.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/reference/cell-reference-input.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -43,7 +44,7 @@ const CellReferenceInput = exports.CellReferenceInput = /*#__PURE__*/_react.defa
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 81,
         columnNumber: 21
       }
     })
@@ -71,52 +72,21 @@ const CellReferenceInput = exports.CellReferenceInput = /*#__PURE__*/_react.defa
     // Intentionally run only on mount
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const combinedFooter = (0, _react.useMemo)(() => {
-    if (!fixedFooter && !onOpenCollection) {
-      return undefined;
-    }
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      _react.default.createElement("div", {
-        onMouseDown: e => e.preventDefault(),
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 113,
-          columnNumber: 9
-        }
-      }, fixedFooter, onOpenCollection && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 115,
-          columnNumber: 32
-        }
-      }), onOpenCollection && /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
-        title: t('patterns-fields.reference.open_collection'),
-        size: "small",
-        onClick: () => {
-          var _acRef$current5;
-          (_acRef$current5 = acRef.current) == null || _acRef$current5.hideOptions == null || _acRef$current5.hideOptions();
-          onOpenCollection();
-        },
-        dataHook: "reference-open-collection",
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 117,
-          columnNumber: 13
-        }
-      }))
-    );
-  }, [fixedFooter, onOpenCollection, t]);
+  const hideOptions = (0, _react.useCallback)(() => {
+    var _acRef$current5;
+    return (_acRef$current5 = acRef.current) == null || _acRef$current5.hideOptions == null ? void 0 : _acRef$current5.hideOptions();
+  }, []);
+  const combinedFooter = (0, _referenceDropdownFooter.useReferenceDropdownFooter)({
+    fixedFooter,
+    onOpenCollection,
+    hideOptions
+  });
   const prefix = selectedItem && !value ? /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
     "data-hook": "reference-input-avatar-prefix",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 111,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_referenceAvatar.ReferenceAvatar, {
@@ -125,7 +95,7 @@ const CellReferenceInput = exports.CellReferenceInput = /*#__PURE__*/_react.defa
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 112,
       columnNumber: 11
     }
   })) : undefined;
@@ -140,7 +110,7 @@ const CellReferenceInput = exports.CellReferenceInput = /*#__PURE__*/_react.defa
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144,
+        lineNumber: 122,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
@@ -185,7 +155,7 @@ const CellReferenceInput = exports.CellReferenceInput = /*#__PURE__*/_react.defa
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 149,
+        lineNumber: 127,
         columnNumber: 9
       }
     }))