@wix/patterns-fields 1.115.0 → 1.117.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_autoFieldTypes","_hooks","_react2","_mediaControl","_utils","_jsxFileName","CellDocumentEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","fieldId","_useWixPatternsContai","t","useTranslations","msid","useWixPatternsContainer","environment","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","ALL_MEDIA","pasteUrlTitle","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","handleOpenDocument","openDocument","getMediaURL","handleDownload","downloadMedia","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","document","gap","__self","__source","fileName","lineNumber","columnNumber","Box","minWidth","style","flex","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","Tooltip","content","appendTo","IconButton","priority","ariaLabel","onClick","handleCallMedia","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","ExternalLink","Download","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/document/cell-document-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tag, Tooltip } 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 { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  useCellMediaEdit,\n  CellMediaEditShell,\n  MediaFieldType,\n} from '../media-control';\nimport { openDocument } from './utils';\n\nexport interface CellDocumentEditProps {\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  /**\n   * Stable DOM id for the Tag. WDS Tag requires `id` to be present; callers are\n   * responsible for ensuring uniqueness (e.g., derive from columnId).\n   */\n  fieldId: string;\n}\n\nexport const CellDocumentEdit: React.FC<CellDocumentEditProps> = ({\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 mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n  });\n\n  const pasteUrlTitle = value\n    ? t('CMS.document.replaceWithUrl.title')\n    : t('CMS.document.pasteUrl.title');\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: pasteUrlTitle,\n    value: value ?? undefined,\n  });\n\n  const handleOpenDocument = () => {\n    if (!value) {\n      return;\n    }\n    openDocument(getMediaURL(value, msid));\n  };\n\n  const handleDownload = () => {\n    if (!value) {\n      return;\n    }\n    mediaEdit.downloadMedia(value);\n  };\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      value={value}\n      fieldType={MediaFieldType.document}\n      gap=\"SP1\"\n    >\n      {value ? (\n        <Box minWidth=\"0\" style={{ flex: '1 1 auto' }}>\n          <Tag\n            id={fieldId}\n            dataHook=\"document-edit-tag\"\n            removable={false}\n            thumb={<DocumentSmall />}\n            size=\"small\"\n            maxWidth=\"100%\"\n          >\n            {getMediaTitle(value)}\n          </Tag>\n        </Box>\n      ) : (\n        <Tooltip content={t('CMS.document.add.button.text')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"document-edit-add-button\"\n            ariaLabel={t('CMS.document.add.button.text')}\n            onClick={mediaEdit.handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n\n      {value ? (\n        <PopoverMenu\n          textSize=\"small\"\n          appendTo=\"window\"\n          triggerElement={\n            <Tooltip\n              content={t('auto-patterns.fields.more_actions_tooltip')}\n              appendTo=\"window\"\n            >\n              <IconButton\n                size=\"tiny\"\n                priority=\"tertiary\"\n                dataHook=\"document-edit-more-button\"\n                ariaLabel={t('auto-patterns.fields.more_actions_tooltip')}\n              >\n                <MoreSmall />\n              </IconButton>\n            </Tooltip>\n          }\n        >\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-replace\"\n            text={t('CMS.document.action.replace')}\n            prefixIcon={<Replace />}\n            onClick={mediaEdit.handleCallMedia}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-replace-url\"\n            text={t('CMS.document.action.replaceWithUrl')}\n            prefixIcon={<Link />}\n            onClick={openPasteUrl}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-open\"\n            text={t('CMS.document.action.open')}\n            prefixIcon={<ExternalLink />}\n            onClick={handleOpenDocument}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-download\"\n            text={t('CMS.document.action.download')}\n            prefixIcon={<Download />}\n            onClick={handleDownload}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-delete\"\n            text={t('CMS.document.action.delete')}\n            skin=\"destructive\"\n            prefixIcon={<Delete />}\n            onClick={mediaEdit.handleDelete}\n          />\n        </PopoverMenu>\n      ) : (\n        <Tooltip content={t('CMS.document.pasteUrl.button')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"tertiary\"\n            dataHook=\"document-edit-paste-url-button\"\n            ariaLabel={t('CMS.document.pasteUrl.button')}\n            onClick={openPasteUrl}\n          >\n            <LinkSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellDocumentEdit.displayName = 'CellDocumentEdit';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_autoFieldTypes","_hooks","_react2","_mediaControl","_utils","_jsxFileName","CellDocumentEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","fieldId","_useWixPatternsContai","t","useTranslations","msid","useWixPatternsContainer","environment","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","ALL_MEDIA","pasteUrlTitle","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","handleOpenDocument","openDocument","getMediaURL","handleDownload","downloadMedia","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","document","gap","__self","__source","fileName","lineNumber","columnNumber","Box","minWidth","style","flex","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","Tooltip","content","appendTo","IconButton","priority","ariaLabel","onClick","handleCallMedia","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","ExternalLink","Download","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/document/cell-document-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tag, Tooltip } 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 { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  useCellMediaEdit,\n  CellMediaEditShell,\n  MediaFieldType,\n} from '../media-control';\nimport { openDocument } from './utils';\n\nexport interface CellDocumentEditProps {\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  /**\n   * Stable DOM id for the Tag. WDS Tag requires `id` to be present; callers are\n   * responsible for ensuring uniqueness (e.g., derive from columnId).\n   */\n  fieldId: string;\n}\n\nexport const CellDocumentEdit: React.FC<CellDocumentEditProps> = ({\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 mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n  });\n\n  const pasteUrlTitle = value\n    ? t('CMS.document.replaceWithUrl.title')\n    : t('CMS.document.pasteUrl.title');\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: pasteUrlTitle,\n    value: value ?? undefined,\n  });\n\n  const handleOpenDocument = () => {\n    if (!value) {\n      return;\n    }\n    openDocument(getMediaURL(value, msid));\n  };\n\n  const handleDownload = () => {\n    if (!value) {\n      return;\n    }\n    mediaEdit.downloadMedia(value);\n  };\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      fieldType={MediaFieldType.document}\n      gap=\"SP1\"\n    >\n      {value ? (\n        <Box minWidth=\"0\" style={{ flex: '1 1 auto' }}>\n          <Tag\n            id={fieldId}\n            dataHook=\"document-edit-tag\"\n            removable={false}\n            thumb={<DocumentSmall />}\n            size=\"small\"\n            maxWidth=\"100%\"\n          >\n            {getMediaTitle(value)}\n          </Tag>\n        </Box>\n      ) : (\n        <Tooltip content={t('CMS.document.add.button.text')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"document-edit-add-button\"\n            ariaLabel={t('CMS.document.add.button.text')}\n            onClick={mediaEdit.handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n\n      {value ? (\n        <PopoverMenu\n          textSize=\"small\"\n          appendTo=\"window\"\n          triggerElement={\n            <Tooltip\n              content={t('auto-patterns.fields.more_actions_tooltip')}\n              appendTo=\"window\"\n            >\n              <IconButton\n                size=\"tiny\"\n                priority=\"tertiary\"\n                dataHook=\"document-edit-more-button\"\n                ariaLabel={t('auto-patterns.fields.more_actions_tooltip')}\n              >\n                <MoreSmall />\n              </IconButton>\n            </Tooltip>\n          }\n        >\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-replace\"\n            text={t('CMS.document.action.replace')}\n            prefixIcon={<Replace />}\n            onClick={mediaEdit.handleCallMedia}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-replace-url\"\n            text={t('CMS.document.action.replaceWithUrl')}\n            prefixIcon={<Link />}\n            onClick={openPasteUrl}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-open\"\n            text={t('CMS.document.action.open')}\n            prefixIcon={<ExternalLink />}\n            onClick={handleOpenDocument}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-download\"\n            text={t('CMS.document.action.download')}\n            prefixIcon={<Download />}\n            onClick={handleDownload}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"document-edit-action-delete\"\n            text={t('CMS.document.action.delete')}\n            skin=\"destructive\"\n            prefixIcon={<Delete />}\n            onClick={mediaEdit.handleDelete}\n          />\n        </PopoverMenu>\n      ) : (\n        <Tooltip content={t('CMS.document.pasteUrl.button')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"tertiary\"\n            dataHook=\"document-edit-paste-url-button\"\n            ariaLabel={t('CMS.document.pasteUrl.button')}\n            onClick={openPasteUrl}\n          >\n            <LinkSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellDocumentEdit.displayName = 'CellDocumentEdit';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formdocumentfield627803899";
+var _namespace_ = "formdocumentfield2175633494";
 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": "formdocumentfield627803899__root",
-  "viewWrapper": "formdocumentfield627803899__viewWrapper",
-  "textWidth": "formdocumentfield627803899__textWidth",
-  "documentLoader": "formdocumentfield627803899__documentLoader",
-  "addDocument": "formdocumentfield627803899__addDocument",
-  "addItemWrapper": "formdocumentfield627803899__addItemWrapper"
+  "root": "formdocumentfield2175633494__root",
+  "viewWrapper": "formdocumentfield2175633494__viewWrapper",
+  "textWidth": "formdocumentfield2175633494__textWidth",
+  "documentLoader": "formdocumentfield2175633494__documentLoader",
+  "addDocument": "formdocumentfield2175633494__addDocument",
+  "addItemWrapper": "formdocumentfield2175633494__addItemWrapper"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/document/form-document-field.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/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield627803899\";\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\":\"formdocumentfield627803899__root\",\"viewWrapper\":\"formdocumentfield627803899__viewWrapper\",\"textWidth\":\"formdocumentfield627803899__textWidth\",\"documentLoader\":\"formdocumentfield627803899__documentLoader\",\"addDocument\":\"formdocumentfield627803899__addDocument\",\"addItemWrapper\":\"formdocumentfield627803899__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,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,kCAAkC;EAAC,aAAa,EAAC,yCAAyC;EAAC,WAAW,EAAC,uCAAuC;EAAC,gBAAgB,EAAC,4CAA4C;EAAC,aAAa,EAAC,yCAAyC;EAAC,gBAAgB,EAAC;AAA4C,CAAC;AACzV,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,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,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/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield2175633494\";\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\":\"formdocumentfield2175633494__root\",\"viewWrapper\":\"formdocumentfield2175633494__viewWrapper\",\"textWidth\":\"formdocumentfield2175633494__textWidth\",\"documentLoader\":\"formdocumentfield2175633494__documentLoader\",\"addDocument\":\"formdocumentfield2175633494__addDocument\",\"addItemWrapper\":\"formdocumentfield2175633494__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \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,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AAC/V,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,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}

package/dist/cjs/components/exclamation/exclamation.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_ = "exclamation3475387339";
+var _namespace_ = "exclamation2219806139";
 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": "exclamation3475387339__root",
-  "exclamation": "exclamation3475387339__exclamation",
-  "actions": "exclamation3475387339__actions",
-  "action": "exclamation3475387339__action"
+  "root": "exclamation2219806139__root",
+  "exclamation": "exclamation2219806139__exclamation",
+  "actions": "exclamation2219806139__actions",
+  "action": "exclamation2219806139__action"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/exclamation/exclamation.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/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation3475387339\";\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\":\"exclamation3475387339__root\",\"exclamation\":\"exclamation3475387339__exclamation\",\"actions\":\"exclamation3475387339__actions\",\"action\":\"exclamation3475387339__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC3L,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,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation2219806139\";\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\":\"exclamation2219806139__root\",\"exclamation\":\"exclamation2219806139__exclamation\",\"actions\":\"exclamation2219806139__actions\",\"action\":\"exclamation2219806139__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC3L,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,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/field-validation-settings/field-validation-settings-input.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "fieldvalidationsettingsinput1248219727";
+var _namespace_ = "fieldvalidationsettingsinput1854378188";
 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": "fieldvalidationsettingsinput1248219727__root",
-  "specificValuesInput": "fieldvalidationsettingsinput1248219727__specificValuesInput"
+  "root": "fieldvalidationsettingsinput1854378188__root",
+  "specificValuesInput": "fieldvalidationsettingsinput1854378188__specificValuesInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/field-validation-settings/field-validation-settings-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/field-validation-settings/field-validation-settings-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"fieldvalidationsettingsinput1248219727\";\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\":\"fieldvalidationsettingsinput1248219727__root\",\"specificValuesInput\":\"fieldvalidationsettingsinput1248219727__specificValuesInput\"};\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,wCAAwC;AAC1D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8CAA8C;EAAC,qBAAqB,EAAC;AAA6D,CAAC;AACzJ,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/field-validation-settings/field-validation-settings-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"fieldvalidationsettingsinput1854378188\";\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\":\"fieldvalidationsettingsinput1854378188__root\",\"specificValuesInput\":\"fieldvalidationsettingsinput1854378188__specificValuesInput\"};\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,wCAAwC;AAC1D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8CAA8C;EAAC,qBAAqB,EAAC;AAA6D,CAAC;AACzJ,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/highlighted-text/highlighted-text.st.css.js

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "highlightedtext2620701715";
+var _namespace_ = "highlightedtext2702217301";
 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": "highlightedtext2620701715__root",
-  "substring": "highlightedtext2620701715__substring"
+  "root": "highlightedtext2702217301__root",
+  "substring": "highlightedtext2702217301__substring"
 };
 var keyframes = exports.keyframes = {
-  "highlighted": "highlightedtext2620701715__highlighted",
-  "highlighted-match": "highlightedtext2620701715__highlighted-match"
+  "highlighted": "highlightedtext2702217301__highlighted",
+  "highlighted-match": "highlightedtext2702217301__highlighted-match"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/highlighted-text/highlighted-text.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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext2620701715\";\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\":\"highlightedtext2620701715__root\",\"substring\":\"highlightedtext2620701715__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext2620701715__highlighted\",\"highlighted-match\":\"highlightedtext2620701715__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext2702217301\";\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\":\"highlightedtext2702217301__root\",\"substring\":\"highlightedtext2702217301__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext2702217301__highlighted\",\"highlighted-match\":\"highlightedtext2702217301__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/image/cell-image-edit.js

@@ -40,7 +40,6 @@ const CellImageEdit = ({
   return /*#__PURE__*/_react.default.createElement(_mediaControl.CellMediaEditShell, {
     dataHook: dataHook,
     mediaEdit: mediaEdit,
-    value: value,
     fieldType: _mediaControl.MediaFieldType.image,
     __self: void 0,
     __source: {
@@ -57,14 +56,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 69,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 70,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement("button", {
@@ -82,7 +81,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 71,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
@@ -91,14 +90,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 84,
       columnNumber: 15
     }
   }), /*#__PURE__*/_react.default.createElement(_thumbnailReplaceOverlay.ThumbnailReplaceOverlay, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 85,
       columnNumber: 15
     }
   })))) :
@@ -110,7 +109,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 91,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -121,14 +120,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 92,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 98,
       columnNumber: 13
     }
   }))), value ?
@@ -143,7 +142,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 109,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -153,21 +152,21 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 113,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 119,
+        lineNumber: 118,
         columnNumber: 17
       }
     }))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 105,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -177,7 +176,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127,
+        lineNumber: 126,
         columnNumber: 25
       }
     }),
@@ -185,7 +184,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 123,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -195,7 +194,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 132,
         columnNumber: 25
       }
     }),
@@ -203,14 +202,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 129,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 135,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -221,7 +220,7 @@ const CellImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 141,
+        lineNumber: 140,
         columnNumber: 25
       }
     }),
@@ -229,7 +228,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 136,
       columnNumber: 11
     }
   })) :
@@ -241,7 +240,7 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 146,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -252,14 +251,14 @@ const CellImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 150,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.LinkSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 157,
+      lineNumber: 156,
       columnNumber: 13
     }
   }))));

package/dist/cjs/components/image/cell-image-edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","t","useTranslations","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","image","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","appendTo","Box","type","onClick","handleCallMedia","style","cursor","lineHeight","position","background","border","padding","ImageThumbnail","size","ThumbnailReplaceOverlay","IconButton","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Link,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport {\n  useCellMediaEdit,\n  CellMediaEditShell,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\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}\n\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n  });\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: value ?? undefined,\n  });\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      value={value}\n      fieldType={MediaFieldType.image}\n    >\n      {value ? (\n        /* Has value: clickable thumbnail button with replace overlay */\n        <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n          <Box>\n            <button\n              type=\"button\"\n              data-hook=\"image-edit-thumbnail\"\n              onClick={mediaEdit.handleCallMedia}\n              style={{\n                cursor: 'pointer',\n                lineHeight: 0,\n                position: 'relative',\n                background: 'none',\n                border: 'none',\n                padding: 0,\n              }}\n            >\n              <ImageThumbnail value={value} size={24} />\n              <ThumbnailReplaceOverlay />\n            </button>\n          </Box>\n        </Tooltip>\n      ) : (\n        /* Empty: icon button opens media manager */\n        <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"image-edit-add-button\"\n            onClick={mediaEdit.handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n\n      {value ? (\n        /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\n        <PopoverMenu\n          textSize=\"small\"\n          appendTo=\"window\"\n          triggerElement={\n            <Tooltip\n              content={t('auto-patterns.fields.more_actions_tooltip')}\n              appendTo=\"window\"\n            >\n              <IconButton\n                size=\"tiny\"\n                priority=\"tertiary\"\n                dataHook=\"image-edit-more-button\"\n              >\n                <MoreSmall />\n              </IconButton>\n            </Tooltip>\n          }\n        >\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace\"\n            text={t('CMS.image.replace')}\n            prefixIcon={<Replace />}\n            onClick={mediaEdit.handleCallMedia}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace-url\"\n            text={t('CMS.image.replaceWithUrl.button')}\n            prefixIcon={<Link />}\n            onClick={openPasteUrl}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-delete\"\n            text={t('CMS.image.clear')}\n            skin=\"destructive\"\n            prefixIcon={<Delete />}\n            onClick={mediaEdit.handleDelete}\n          />\n        </PopoverMenu>\n      ) : (\n        /* Empty: icon button opens paste-URL form */\n        <Tooltip\n          content={t('CMS.image.replaceWithUrl.button')}\n          appendTo=\"window\"\n        >\n          <IconButton\n            size=\"tiny\"\n            priority=\"tertiary\"\n            dataHook=\"image-edit-paste-url-button\"\n            onClick={openPasteUrl}\n          >\n            <LinkSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","t","useTranslations","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","image","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","appendTo","Box","type","onClick","handleCallMedia","style","cursor","lineHeight","position","background","border","padding","ImageThumbnail","size","ThumbnailReplaceOverlay","IconButton","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Link,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport {\n  useCellMediaEdit,\n  CellMediaEditShell,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\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}\n\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n  });\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: value ?? undefined,\n  });\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      fieldType={MediaFieldType.image}\n    >\n      {value ? (\n        /* Has value: clickable thumbnail button with replace overlay */\n        <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n          <Box>\n            <button\n              type=\"button\"\n              data-hook=\"image-edit-thumbnail\"\n              onClick={mediaEdit.handleCallMedia}\n              style={{\n                cursor: 'pointer',\n                lineHeight: 0,\n                position: 'relative',\n                background: 'none',\n                border: 'none',\n                padding: 0,\n              }}\n            >\n              <ImageThumbnail value={value} size={24} />\n              <ThumbnailReplaceOverlay />\n            </button>\n          </Box>\n        </Tooltip>\n      ) : (\n        /* Empty: icon button opens media manager */\n        <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"image-edit-add-button\"\n            onClick={mediaEdit.handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n\n      {value ? (\n        /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\n        <PopoverMenu\n          textSize=\"small\"\n          appendTo=\"window\"\n          triggerElement={\n            <Tooltip\n              content={t('auto-patterns.fields.more_actions_tooltip')}\n              appendTo=\"window\"\n            >\n              <IconButton\n                size=\"tiny\"\n                priority=\"tertiary\"\n                dataHook=\"image-edit-more-button\"\n              >\n                <MoreSmall />\n              </IconButton>\n            </Tooltip>\n          }\n        >\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace\"\n            text={t('CMS.image.replace')}\n            prefixIcon={<Replace />}\n            onClick={mediaEdit.handleCallMedia}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace-url\"\n            text={t('CMS.image.replaceWithUrl.button')}\n            prefixIcon={<Link />}\n            onClick={openPasteUrl}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-delete\"\n            text={t('CMS.image.clear')}\n            skin=\"destructive\"\n            prefixIcon={<Delete />}\n            onClick={mediaEdit.handleDelete}\n          />\n        </PopoverMenu>\n      ) : (\n        /* Empty: icon button opens paste-URL form */\n        <Tooltip\n          content={t('CMS.image.replaceWithUrl.button')}\n          appendTo=\"window\"\n        >\n          <IconButton\n            size=\"tiny\"\n            priority=\"tertiary\"\n            dataHook=\"image-edit-paste-url-button\"\n            onClick={openPasteUrl}\n          >\n            <LinkSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/image/image-preview-popover.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImagePreviewPopover = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _autoFieldTypes = require("../../auto-field-types");
+var _mediaImage = require("../media-image");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/image/image-preview-popover.tsx";
+/** A larger preview of the image, shown below the element it wraps. */
+const ImagePreviewPopover = ({
+  src,
+  shown,
+  fluid,
+  children
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
+  showArrow: false,
+  shown: shown,
+  appendTo: "viewport",
+  placement: "bottom-start",
+  showDelay: 300,
+  moveBy: {
+    y: 4,
+    x: 0
+  },
+  zIndex: 9999,
+  fluid: fluid,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 20,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 30,
+    columnNumber: 5
+  }
+}, children), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 31,
+    columnNumber: 5
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  width: "204px",
+  style: {
+    borderRadius: '3px',
+    overflow: 'hidden',
+    lineHeight: 0
+  },
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 32,
+    columnNumber: 7
+  }
+}, /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, {
+  src: (0, _autoFieldTypes.mediaURItoImageURL)(src, _autoFieldTypes.ThumbnailSize.L),
+  alt: "",
+  fit: "contain",
+  transparent: true,
+  size: _autoFieldTypes.ThumbnailSize.L,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 40,
+    columnNumber: 9
+  }
+}))));
+exports.ImagePreviewPopover = ImagePreviewPopover;
+ImagePreviewPopover.displayName = 'ImagePreviewPopover';
+//# sourceMappingURL=image-preview-popover.js.map

package/dist/cjs/components/image/image-preview-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_autoFieldTypes","_mediaImage","_jsxFileName","ImagePreviewPopover","src","shown","fluid","children","default","createElement","Popover","showArrow","appendTo","placement","showDelay","moveBy","y","x","zIndex","__self","__source","fileName","lineNumber","columnNumber","Element","Content","Box","width","style","borderRadius","overflow","lineHeight","MediaImage","mediaURItoImageURL","ThumbnailSize","L","alt","fit","transparent","size","exports","displayName"],"sources":["../../../../src/components/image/image-preview-popover.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Popover } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';\nimport { MediaImage } from '../media-image';\n\nexport interface ImagePreviewPopoverProps {\n  src: string;\n  shown: boolean;\n  fluid?: boolean;\n  children: React.ReactNode;\n}\n\n/** A larger preview of the image, shown below the element it wraps. */\nexport const ImagePreviewPopover: React.FC<ImagePreviewPopoverProps> = ({\n  src,\n  shown,\n  fluid,\n  children,\n}) => (\n  <Popover\n    showArrow={false}\n    shown={shown}\n    appendTo=\"viewport\"\n    placement=\"bottom-start\"\n    showDelay={300}\n    moveBy={{ y: 4, x: 0 }}\n    zIndex={9999}\n    fluid={fluid}\n  >\n    <Popover.Element>{children}</Popover.Element>\n    <Popover.Content>\n      <Box\n        width=\"204px\"\n        style={{\n          borderRadius: '3px',\n          overflow: 'hidden',\n          lineHeight: 0,\n        }}\n      >\n        <MediaImage\n          src={mediaURItoImageURL(src, ThumbnailSize.L)}\n          alt=\"\"\n          fit=\"contain\"\n          transparent\n          size={ThumbnailSize.L}\n        />\n      </Box>\n    </Popover.Content>\n  </Popover>\n);\n\nImagePreviewPopover.displayName = 'ImagePreviewPopover';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA4C,IAAAI,YAAA;AAS5C;AACO,MAAMC,mBAAuD,GAAGA,CAAC;EACtEC,GAAG;EACHC,KAAK;EACLC,KAAK;EACLC;AACF,CAAC,kBACCX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,OAAO;EACNC,SAAS,EAAE,KAAM;EACjBN,KAAK,EAAEA,KAAM;EACbO,QAAQ,EAAC,UAAU;EACnBC,SAAS,EAAC,cAAc;EACxBC,SAAS,EAAE,GAAI;EACfC,MAAM,EAAE;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAE;EACvBC,MAAM,EAAE,IAAK;EACbZ,KAAK,EAAEA,KAAM;EAAAa,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAnB,YAAA;IAAAoB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAEb3B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,OAAO,CAACc,OAAO;EAAAL,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAnB,YAAA;IAAAoB,UAAA;IAAAC,YAAA;EAAA;AAAA,GAAEhB,QAA0B,CAAC,eAC7CX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,OAAO,CAACe,OAAO;EAAAN,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAnB,YAAA;IAAAoB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACd3B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA2B,GAAG;EACFC,KAAK,EAAC,OAAO;EACbC,KAAK,EAAE;IACLC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE;EACd,CAAE;EAAAZ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAnB,YAAA;IAAAoB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAEF3B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,WAAA,CAAA+B,UAAU;EACT5B,GAAG,EAAE,IAAA6B,kCAAkB,EAAC7B,GAAG,EAAE8B,6BAAa,CAACC,CAAC,CAAE;EAC9CC,GAAG,EAAC,EAAE;EACNC,GAAG,EAAC,SAAS;EACbC,WAAW;EACXC,IAAI,EAAEL,6BAAa,CAACC,CAAE;EAAAhB,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAnB,YAAA;IAAAoB,UAAA;IAAAC,YAAA;EAAA;AAAA,CACvB,CACE,CACU,CACV,CACV;AAACiB,OAAA,CAAArC,mBAAA,GAAAA,mBAAA;AAEFA,mBAAmB,CAACsC,WAAW,GAAG,qBAAqB","ignoreList":[]}