@wix/patterns-fields 1.58.0 → 1.59.0

package/dist/cjs/components/date-input/form-date-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateInput","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","computeError","value","format","validationType","_field$validation","validation","required","isEmpty","dateFormat","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","getDateWithoutTimezone","getISODateStringWithFixedTimezone","undefined","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","statusMessage","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","_internalRef$state","current","inputEl","state","focus","width","placeholderText","onChange","newValue","formattedDate","split","onValidate","invalid","status","FormDateInput","exports","observer"],"sources":["../../../../src/components/date-input/form-date-input.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface FormDateInputProps extends BaseInputProps<string | null> {}\n\nconst _FormDateInput = (props: FormDateInputProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n  const { t: tFields } = useTranslations();\n\n  const computeError = (\n    value: string | null | undefined,\n    format?: string,\n    validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n  ): string => {\n    if (field.validation?.required && isEmpty(value)) {\n      return t('cairo.fieldValidation.requiredField');\n    }\n    if (validationType === 'formatError' && format) {\n      return t('cairo.customFields.fieldType.date.invalid.value', {\n        dateFormat: format,\n      });\n    }\n    return '';\n  };\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = computeError(value);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      statusMessage={errorMessage}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          const inputEl =\n            // @ts-expect-error: WSR internal API hack for focusing\n            internalRef?.state?.inputRef as HTMLElement | undefined;\n          ref.current.focus = () => inputEl?.focus?.();\n          // Let react-hook-form's shouldFocusError scroll to + focus this field\n          // when it blocks save.\n          controller.field.ref(inputEl ?? null);\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        placeholderText={tFields('CMS.formDate.placeholder')}\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = computeError(newValue, format, validationType);\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n\nexport const FormDateInput = observer(_FormDateInput);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateInput","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","computeError","value","format","validationType","_field$validation","validation","required","isEmpty","dateFormat","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","iso","getISODateStringWithFixedTimezone","undefined","getDateWithoutTimezone","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","statusMessage","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","_internalRef$state","current","inputEl","state","focus","width","placeholderText","onChange","newValue","formattedDate","split","onValidate","invalid","status","FormDateInput","exports","observer"],"sources":["../../../../src/components/date-input/form-date-input.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface FormDateInputProps extends BaseInputProps<string | null> {}\n\nconst _FormDateInput = (props: FormDateInputProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n  const { t: tFields } = useTranslations();\n\n  const computeError = (\n    value: string | null | undefined,\n    format?: string,\n    validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n  ): string => {\n    if (field.validation?.required && isEmpty(value)) {\n      return t('cairo.fieldValidation.requiredField');\n    }\n    if (validationType === 'formatError' && format) {\n      return t('cairo.customFields.fieldType.date.invalid.value', {\n        dateFormat: format,\n      });\n    }\n    return '';\n  };\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = computeError(value);\n        return error || true;\n      },\n    },\n  });\n\n  // A stored value that isn't a date leaves the picker empty instead of\n  // throwing out of render.\n  const [date, setDate] = useState<Date | undefined>(() => {\n    const iso = controller.field.value\n      ? getISODateStringWithFixedTimezone(controller.field.value)\n      : undefined;\n    return iso ? getDateWithoutTimezone(iso) : undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      statusMessage={errorMessage}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          const inputEl =\n            // @ts-expect-error: WSR internal API hack for focusing\n            internalRef?.state?.inputRef as HTMLElement | undefined;\n          ref.current.focus = () => inputEl?.focus?.();\n          // Let react-hook-form's shouldFocusError scroll to + focus this field\n          // when it blocks save.\n          controller.field.ref(inputEl ?? null);\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        placeholderText={tFields('CMS.formDate.placeholder')}\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          const formattedDate = newValue\n            ? getISODateStringWithFixedTimezone(newValue)\n            : undefined;\n          controller.field.onChange(formattedDate?.split('T')[0] ?? null);\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = computeError(newValue, format, validationType);\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n\nexport const FormDateInput = observer(_FormDateInput);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/delete-dialog/delete-dialog.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_ = "deletedialog4085980773";
+var _namespace_ = "deletedialog2767667586";
 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": "deletedialog4085980773__root",
-  "layout": "deletedialog4085980773__layout"
+  "root": "deletedialog2767667586__root",
+  "layout": "deletedialog2767667586__layout"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/delete-dialog/delete-dialog.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/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog4085980773\";\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\":\"deletedialog4085980773__root\",\"layout\":\"deletedialog4085980773__layout\"};\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,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,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/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog2767667586\";\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\":\"deletedialog2767667586__root\",\"layout\":\"deletedialog2767667586__layout\"};\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,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,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/document/cell-document-edit.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.CellDocumentEdit = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mediaUtils = require("../../utils/media-utils");
 var _autoFieldTypes = require("../../auto-field-types");
 var _hooks = require("../../hooks");
@@ -81,7 +81,7 @@ const CellDocumentEdit = ({
     id: fieldId,
     dataHook: "document-edit-tag",
     removable: false,
-    thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DocumentSmall, {
+    thumb: /*#__PURE__*/_react.default.createElement(_lazy.DocumentSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -118,7 +118,7 @@ const CellDocumentEdit = ({
       lineNumber: 113,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -148,7 +148,7 @@ const CellDocumentEdit = ({
         lineNumber: 134,
         columnNumber: 15
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -165,7 +165,7 @@ const CellDocumentEdit = ({
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "document-edit-action-replace",
     text: t('CMS.document.action.replace'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -183,7 +183,7 @@ const CellDocumentEdit = ({
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "document-edit-action-replace-url",
     text: t('CMS.document.action.replaceWithUrl'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Link, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -208,7 +208,7 @@ const CellDocumentEdit = ({
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "document-edit-action-open",
     text: t('CMS.document.action.open'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ExternalLink, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ExternalLink, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -226,7 +226,7 @@ const CellDocumentEdit = ({
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "document-edit-action-download",
     text: t('CMS.document.action.download'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -252,7 +252,7 @@ const CellDocumentEdit = ({
     dataHook: "document-edit-action-delete",
     text: t('CMS.document.action.delete'),
     skin: "destructive",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -288,7 +288,7 @@ const CellDocumentEdit = ({
       lineNumber: 181,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LinkSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.LinkSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_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';\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      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":[]}

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

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.CellDocumentView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mediaUtils = require("../../utils/media-utils");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/document/cell-document-view.tsx";
 const CellDocumentView = ({
@@ -33,7 +33,7 @@ const CellDocumentView = ({
     id: fieldId,
     dataHook: "cell-document-tag",
     removable: false,
-    thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DocumentSmall, {
+    thumb: /*#__PURE__*/_react.default.createElement(_lazy.DocumentSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_jsxFileName","CellDocumentView","value","dataHook","fieldId","default","createElement","Box","verticalAlign","padding","height","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","exports","displayName"],"sources":["../../../../src/components/document/cell-document-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Tag } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface CellDocumentViewProps {\n  value: string | 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 + rowKey).\n   */\n  fieldId: string;\n}\n\nexport const CellDocumentView: React.FC<CellDocumentViewProps> = ({\n  value,\n  dataHook,\n  fieldId,\n}) => {\n  if (!value) {\n    return null;\n  }\n\n  return (\n    <Box\n      dataHook={dataHook}\n      verticalAlign=\"middle\"\n      padding=\"0 8px\"\n      height=\"100%\"\n      width=\"100%\"\n      minWidth=\"0\"\n    >\n      <Tag\n        id={fieldId}\n        dataHook=\"cell-document-tag\"\n        removable={false}\n        thumb={<DocumentSmall />}\n        size=\"small\"\n        maxWidth=\"100%\"\n      >\n        {getMediaTitle(value)}\n      </Tag>\n    </Box>\n  );\n};\n\nCellDocumentView.displayName = 'CellDocumentView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAYjD,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IACFJ,QAAQ,EAAEA,QAAS;IACnBK,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,OAAO;IACfC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAC,MAAM;IACZC,QAAQ,EAAC,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEZvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,GAAG;IACFC,EAAE,EAAEf,OAAQ;IACZD,QAAQ,EAAC,mBAAmB;IAC5BiB,SAAS,EAAE,KAAM;IACjBC,KAAK,eAAE3B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAwB,aAAa;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBM,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEd,IAAAQ,yBAAa,EAACvB,KAAK,CACjB,CACF,CAAC;AAEV,CAAC;AAACwB,OAAA,CAAAzB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_jsxFileName","CellDocumentView","value","dataHook","fieldId","default","createElement","Box","verticalAlign","padding","height","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","exports","displayName"],"sources":["../../../../src/components/document/cell-document-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Tag } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common/lazy';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface CellDocumentViewProps {\n  value: string | 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 + rowKey).\n   */\n  fieldId: string;\n}\n\nexport const CellDocumentView: React.FC<CellDocumentViewProps> = ({\n  value,\n  dataHook,\n  fieldId,\n}) => {\n  if (!value) {\n    return null;\n  }\n\n  return (\n    <Box\n      dataHook={dataHook}\n      verticalAlign=\"middle\"\n      padding=\"0 8px\"\n      height=\"100%\"\n      width=\"100%\"\n      minWidth=\"0\"\n    >\n      <Tag\n        id={fieldId}\n        dataHook=\"cell-document-tag\"\n        removable={false}\n        thumb={<DocumentSmall />}\n        size=\"small\"\n        maxWidth=\"100%\"\n      >\n        {getMediaTitle(value)}\n      </Tag>\n    </Box>\n  );\n};\n\nCellDocumentView.displayName = 'CellDocumentView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAYjD,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IACFJ,QAAQ,EAAEA,QAAS;IACnBK,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,OAAO;IACfC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAC,MAAM;IACZC,QAAQ,EAAC,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEZvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,GAAG;IACFC,EAAE,EAAEf,OAAQ;IACZD,QAAQ,EAAC,mBAAmB;IAC5BiB,SAAS,EAAE,KAAM;IACjBC,KAAK,eAAE3B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAwB,aAAa;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBM,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEd,IAAAQ,yBAAa,EAACvB,KAAK,CACjB,CACF,CAAC;AAEV,CAAC;AAACwB,OAAA,CAAAzB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/components/document/document-control.js

@@ -6,7 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _mediaUtils = require("../../utils/media-utils");
 var _autoFieldTypes = require("../../auto-field-types");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _hooks = require("../../hooks");
 var _formDocumentFieldStCss = require("./form-document-field.st.css.js");
 var _documentLoader = require("./document-loader");
@@ -31,7 +31,7 @@ const DocumentComponent = ({
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     width: "24px",
     height: "24px",
-    children: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Document, {
+    children: /*#__PURE__*/_react.default.createElement(_lazy.Document, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -146,7 +146,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
           minWidth: '232px'
         },
         secondaryActions: [{
-          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+          icon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
@@ -159,7 +159,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
           dataHook: 'document-view-download-action',
           text: t('CMS.document.action.download')
         }, {
-          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+          icon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
@@ -172,7 +172,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
           dataHook: 'document-view-replace-action',
           disabled: readOnly
         }, {
-          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+          icon: /*#__PURE__*/_react.default.createElement(_lazy.Link, {
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
@@ -187,7 +187,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
         }, {
           divider: true
         }, {
-          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+          icon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
             __self: void 0,
             __source: {
               fileName: _jsxFileName,

package/dist/cjs/components/document/document-control.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_autoFieldTypes","_designSystem","_wixUiIconsCommon","_hooks","_formDocumentFieldStCss","_documentLoader","_utils","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","mediaURI","createElement","Box","gap","verticalAlign","className","classes","textWidth","__self","__source","fileName","lineNumber","columnNumber","width","height","children","Document","Text","dataHook","secondary","ellipsis","getMediaTitle","DocumentControl","exports","React","forwardRef","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","ref","useTranslations","environment","useWixPatternsContainer","metaSiteId","msid","handleOpenDocument","useCallback","openDocument","getMediaURL","handleDownload","containerRef","useRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","DocumentLoader","borderStyle","onKeyDown","TableListItem","onClick","verticalPadding","options","value","TableActionCell","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","Download","disabled","Replace","Link","divider","Delete","align"],"sources":["../../../../src/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n  Delete,\n  Replace,\n  Document,\n  Link,\n  Download,\n} from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  onDownload: (mediaURI: string) => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      onDownload,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const handleDownload = useCallback(() => {\n      onDownload(mediaURI);\n    }, [mediaURI, onDownload]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Download />,\n                      onClick: handleDownload,\n                      disabled: readOnly,\n                      dataHook: 'document-view-download-action',\n                      text: t('CMS.document.action.download'),\n                    },\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_autoFieldTypes","_designSystem","_lazy","_hooks","_formDocumentFieldStCss","_documentLoader","_utils","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","mediaURI","createElement","Box","gap","verticalAlign","className","classes","textWidth","__self","__source","fileName","lineNumber","columnNumber","width","height","children","Document","Text","dataHook","secondary","ellipsis","getMediaTitle","DocumentControl","exports","React","forwardRef","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","ref","useTranslations","environment","useWixPatternsContainer","metaSiteId","msid","handleOpenDocument","useCallback","openDocument","getMediaURL","handleDownload","containerRef","useRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","DocumentLoader","borderStyle","onKeyDown","TableListItem","onClick","verticalPadding","options","value","TableActionCell","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","Download","disabled","Replace","Link","divider","Delete","align"],"sources":["../../../../src/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n  Delete,\n  Replace,\n  Document,\n  Link,\n  Download,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  onDownload: (mediaURI: string) => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      onDownload,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const handleDownload = useCallback(() => {\n      onDownload(mediaURI);\n    }, [mediaURI, onDownload]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Download />,\n                      onClick: handleDownload,\n                      disabled: readOnly,\n                      dataHook: 'document-view-download-action',\n                      text: t('CMS.document.action.download'),\n                    },\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/document/document-view.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.DocumentView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mediaUtils = require("../../utils/media-utils");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/document/document-view.tsx";
 const DocumentView = ({
@@ -19,7 +19,7 @@ const DocumentView = ({
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DocumentSmall, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DocumentSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_jsxFileName","DocumentView","data","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Badge","prefixIcon","DocumentSmall","size","skin","getMediaTitle","exports"],"sources":["../../../../src/components/document/document-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Badge, Box } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface DocumentViewProps {\n  data: string;\n}\n\nexport const DocumentView: React.FC<DocumentViewProps> = ({ data }) => {\n  return data ? (\n    <Box>\n      <Badge prefixIcon={<DocumentSmall />} size=\"small\" skin=\"neutralStandard\">\n        {getMediaTitle(data)}\n      </Badge>\n    </Box>\n  ) : null;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAMjD,MAAMC,YAAyC,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACrE,OAAOA,IAAI,gBACTR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAc,KAAK;IAACC,UAAU,eAAElB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAe,aAAa;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAACI,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,iBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtE,IAAAM,yBAAa,EAACd,IAAI,CACd,CACJ,CAAC,GACJ,IAAI;AACV,CAAC;AAACe,OAAA,CAAAhB,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_jsxFileName","DocumentView","data","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Badge","prefixIcon","DocumentSmall","size","skin","getMediaTitle","exports"],"sources":["../../../../src/components/document/document-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Badge, Box } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common/lazy';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface DocumentViewProps {\n  data: string;\n}\n\nexport const DocumentView: React.FC<DocumentViewProps> = ({ data }) => {\n  return data ? (\n    <Box>\n      <Badge prefixIcon={<DocumentSmall />} size=\"small\" skin=\"neutralStandard\">\n        {getMediaTitle(data)}\n      </Badge>\n    </Box>\n  ) : null;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAMjD,MAAMC,YAAyC,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACrE,OAAOA,IAAI,gBACTR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAc,KAAK;IAACC,UAAU,eAAElB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAe,aAAa;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAACI,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,iBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtE,IAAAM,yBAAa,EAACd,IAAI,CACd,CACJ,CAAC,GACJ,IAAI;AACV,CAAC;AAACe,OAAA,CAAAhB,YAAA,GAAAA,YAAA","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_ = "formdocumentfield818078213";
+var _namespace_ = "formdocumentfield4149950269";
 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": "formdocumentfield818078213__root",
-  "viewWrapper": "formdocumentfield818078213__viewWrapper",
-  "textWidth": "formdocumentfield818078213__textWidth",
-  "documentLoader": "formdocumentfield818078213__documentLoader",
-  "addDocument": "formdocumentfield818078213__addDocument",
-  "addItemWrapper": "formdocumentfield818078213__addItemWrapper"
+  "root": "formdocumentfield4149950269__root",
+  "viewWrapper": "formdocumentfield4149950269__viewWrapper",
+  "textWidth": "formdocumentfield4149950269__textWidth",
+  "documentLoader": "formdocumentfield4149950269__documentLoader",
+  "addDocument": "formdocumentfield4149950269__addDocument",
+  "addItemWrapper": "formdocumentfield4149950269__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_ = \"formdocumentfield818078213\";\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\":\"formdocumentfield818078213__root\",\"viewWrapper\":\"formdocumentfield818078213__viewWrapper\",\"textWidth\":\"formdocumentfield818078213__textWidth\",\"documentLoader\":\"formdocumentfield818078213__documentLoader\",\"addDocument\":\"formdocumentfield818078213__addDocument\",\"addItemWrapper\":\"formdocumentfield818078213__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_ = \"formdocumentfield4149950269\";\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\":\"formdocumentfield4149950269__root\",\"viewWrapper\":\"formdocumentfield4149950269__viewWrapper\",\"textWidth\":\"formdocumentfield4149950269__textWidth\",\"documentLoader\":\"formdocumentfield4149950269__documentLoader\",\"addDocument\":\"formdocumentfield4149950269__addDocument\",\"addItemWrapper\":\"formdocumentfield4149950269__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.js

@@ -6,13 +6,13 @@ exports.Exclamation = exports.DetailedExclamation = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _exclamationStCss = require("./exclamation.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/exclamation/exclamation.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); }
 const TOOLTIP_MAX_WIDTH = 230;
 const SMALL_TOOLTIP_MAX_WIDTH = 204;
-const getExclamationIcon = type => type === 'error' ? _wixUiIconsCommon.StatusAlertFilled : _wixUiIconsCommon.StatusWarningFilled;
+const getExclamationIcon = type => type === 'error' ? _lazy.StatusAlertFilled : _lazy.StatusWarningFilled;
 const Exclamation = ({
   className,
   type = 'warning',

package/dist/cjs/components/exclamation/exclamation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_exclamationStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TOOLTIP_MAX_WIDTH","SMALL_TOOLTIP_MAX_WIDTH","getExclamationIcon","type","StatusAlertFilled","StatusWarningFilled","Exclamation","className","size","Icon","useMemo","createElement","Box","st","classes","exclamation","__self","__source","fileName","lineNumber","columnNumber","exports","displayName","DetailedExclamation","onShow","tooltipContent","tooltipSize","boxProps","dataHook","exclamationProps","maxWidth","tooltipProps","appendTo","content","_extends2","Tooltip"],"sources":["../../../../src/components/exclamation/exclamation.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { BoxProps, TooltipProps } from '@wix/design-system';\nimport { Box, Tooltip } from '@wix/design-system';\nimport {\n  StatusAlertFilled,\n  StatusWarningFilled,\n} from '@wix/wix-ui-icons-common';\n\nimport { classes, st } from './exclamation.st.css.js';\n\nconst TOOLTIP_MAX_WIDTH = 230;\nconst SMALL_TOOLTIP_MAX_WIDTH = 204;\n\ninterface ExclamationProps {\n  size?: number;\n  type?: 'warning' | 'error';\n  className?: string;\n}\n\nconst getExclamationIcon = (type: ExclamationProps['type']) =>\n  type === 'error' ? StatusAlertFilled : StatusWarningFilled;\n\nexport const Exclamation: FC<ExclamationProps> = ({\n  className,\n  type = 'warning',\n  size,\n}) => {\n  const Icon = useMemo(() => getExclamationIcon(type), [type]);\n\n  return (\n    <Box\n      className={st(\n        classes.exclamation,\n        {\n          type,\n        },\n        className,\n      )}\n    >\n      <Icon size={size} data-hook=\"exclamation-icon\" />\n    </Box>\n  );\n};\n\nExclamation.displayName = 'Exclamation';\n\nexport interface DetailedExclamationProps extends ExclamationProps {\n  onShow?: () => void;\n  tooltipContent?: ReactNode;\n  tooltipSize?: TooltipProps['size'];\n  boxProps?: BoxProps;\n  dataHook?: string;\n}\n\nexport const DetailedExclamation: FC<DetailedExclamationProps> = ({\n  onShow,\n  tooltipContent,\n  tooltipSize,\n  boxProps,\n  dataHook,\n  ...exclamationProps\n}) => {\n  const maxWidth =\n    tooltipSize === 'small' ? SMALL_TOOLTIP_MAX_WIDTH : TOOLTIP_MAX_WIDTH;\n\n  const tooltipProps = {\n    dataHook,\n    appendTo: 'window' as const,\n    size: tooltipSize,\n    maxWidth,\n    onShow,\n    content: tooltipContent,\n  };\n\n  return (\n    <Box {...boxProps}>\n      <Tooltip {...tooltipProps}>\n        <Exclamation {...exclamationProps} />\n      </Tooltip>\n    </Box>\n  );\n};\n\nDetailedExclamation.displayName = 'DetailedExclamation';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_exclamationStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TOOLTIP_MAX_WIDTH","SMALL_TOOLTIP_MAX_WIDTH","getExclamationIcon","type","StatusAlertFilled","StatusWarningFilled","Exclamation","className","size","Icon","useMemo","createElement","Box","st","classes","exclamation","__self","__source","fileName","lineNumber","columnNumber","exports","displayName","DetailedExclamation","onShow","tooltipContent","tooltipSize","boxProps","dataHook","exclamationProps","maxWidth","tooltipProps","appendTo","content","_extends2","Tooltip"],"sources":["../../../../src/components/exclamation/exclamation.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { BoxProps, TooltipProps } from '@wix/design-system';\nimport { Box, Tooltip } from '@wix/design-system';\nimport {\n  StatusAlertFilled,\n  StatusWarningFilled,\n} from '@wix/wix-ui-icons-common/lazy';\n\nimport { classes, st } from './exclamation.st.css.js';\n\nconst TOOLTIP_MAX_WIDTH = 230;\nconst SMALL_TOOLTIP_MAX_WIDTH = 204;\n\ninterface ExclamationProps {\n  size?: number;\n  type?: 'warning' | 'error';\n  className?: string;\n}\n\nconst getExclamationIcon = (type: ExclamationProps['type']) =>\n  type === 'error' ? StatusAlertFilled : StatusWarningFilled;\n\nexport const Exclamation: FC<ExclamationProps> = ({\n  className,\n  type = 'warning',\n  size,\n}) => {\n  const Icon = useMemo(() => getExclamationIcon(type), [type]);\n\n  return (\n    <Box\n      className={st(\n        classes.exclamation,\n        {\n          type,\n        },\n        className,\n      )}\n    >\n      <Icon size={size} data-hook=\"exclamation-icon\" />\n    </Box>\n  );\n};\n\nExclamation.displayName = 'Exclamation';\n\nexport interface DetailedExclamationProps extends ExclamationProps {\n  onShow?: () => void;\n  tooltipContent?: ReactNode;\n  tooltipSize?: TooltipProps['size'];\n  boxProps?: BoxProps;\n  dataHook?: string;\n}\n\nexport const DetailedExclamation: FC<DetailedExclamationProps> = ({\n  onShow,\n  tooltipContent,\n  tooltipSize,\n  boxProps,\n  dataHook,\n  ...exclamationProps\n}) => {\n  const maxWidth =\n    tooltipSize === 'small' ? SMALL_TOOLTIP_MAX_WIDTH : TOOLTIP_MAX_WIDTH;\n\n  const tooltipProps = {\n    dataHook,\n    appendTo: 'window' as const,\n    size: tooltipSize,\n    maxWidth,\n    onShow,\n    content: tooltipContent,\n  };\n\n  return (\n    <Box {...boxProps}>\n      <Tooltip {...tooltipProps}>\n        <Exclamation {...exclamationProps} />\n      </Tooltip>\n    </Box>\n  );\n};\n\nDetailedExclamation.displayName = 'DetailedExclamation';\n"],"mappings":"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","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_ = "exclamation2850796433";
+var _namespace_ = "exclamation1041069287";
 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": "exclamation2850796433__root",
-  "exclamation": "exclamation2850796433__exclamation",
-  "actions": "exclamation2850796433__actions",
-  "action": "exclamation2850796433__action"
+  "root": "exclamation1041069287__root",
+  "exclamation": "exclamation1041069287__exclamation",
+  "actions": "exclamation1041069287__actions",
+  "action": "exclamation1041069287__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_ = \"exclamation2850796433\";\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\":\"exclamation2850796433__root\",\"exclamation\":\"exclamation2850796433__exclamation\",\"actions\":\"exclamation2850796433__actions\",\"action\":\"exclamation2850796433__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_ = \"exclamation1041069287\";\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\":\"exclamation1041069287__root\",\"exclamation\":\"exclamation1041069287__exclamation\",\"actions\":\"exclamation1041069287__actions\",\"action\":\"exclamation1041069287__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":[]}