@wix/patterns 1.299.0 → 1.301.0

package/dist/cjs/components/CustomFieldsPanel/ArchiveFieldModal.js

@@ -16,10 +16,33 @@ const _ArchiveFieldModal = ({
   const {
     translate: t
   } = container;
+  const {
+    dataExtension,
+    modal
+  } = state;
+  const getModalTitle = () => {
+    var _modal$value;
+    const fieldId = (_modal$value = modal.value) == null ? void 0 : _modal$value.id;
+    if (dataExtension.enableArchive && fieldId) {
+      const fieldValues = dataExtension.extractFieldValuesFromSchema(fieldId);
+      if (fieldValues != null && fieldValues.name) {
+        return t('cairo.customFields.archive.modal.title.enabled', {
+          selectedField: fieldValues.name
+        });
+      }
+    }
+    return t('cairo.customFields.archive.modal.title');
+  };
+  const getModalDescription = () => {
+    if (dataExtension.enableArchive) {
+      return t('cairo.customFields.archive.modal.description.enabled');
+    }
+    return t('cairo.customFields.archive.modal.description');
+  };
   return /*#__PURE__*/_react.default.createElement(_ActionModal.CustomActionModal, {
     dataHook: "archive-custom-field-modal",
     state: state.modal,
-    title: t('cairo.customFields.archive.modal.title'),
+    title: getModalTitle(),
     primaryButtonText: t('cairo.customFields.archive.modal.CTA'),
     secondaryButtonText: t('cairo.customFields.archive.modal.cancel.CTA'),
     content: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -27,16 +50,16 @@ const _ArchiveFieldModal = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
+        lineNumber: 45,
         columnNumber: 9
       }
-    }, t('cairo.customFields.archive.modal.description')),
+    }, getModalDescription()),
     theme: "destructive",
     width: "510px",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
+      lineNumber: 38,
       columnNumber: 5
     }
   });

package/dist/cjs/components/CustomFieldsPanel/ArchiveFieldModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_ActionModal","_mobxReactLite","_jsxFileName","_ArchiveFieldModal","state","container","useWixPatternsContainer","translate","t","default","createElement","CustomActionModal","dataHook","modal","title","primaryButtonText","secondaryButtonText","content","Text","__self","__source","fileName","lineNumber","columnNumber","theme","width","exports","ArchiveFieldModal","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomActionModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { ArchiveFieldModalState } from '@wix/bex-core';\n\nexport const _ArchiveFieldModal = ({\n  state,\n}: {\n  state: ArchiveFieldModalState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  return (\n    <CustomActionModal\n      dataHook=\"archive-custom-field-modal\"\n      state={state.modal}\n      title={t('cairo.customFields.archive.modal.title')}\n      primaryButtonText={t('cairo.customFields.archive.modal.CTA')}\n      secondaryButtonText={t('cairo.customFields.archive.modal.cancel.CTA')}\n      content={\n        <Text dataHook=\"archive-custom-field-body\">\n          {t('cairo.customFields.archive.modal.description')}\n        </Text>\n      }\n      theme=\"destructive\"\n      width=\"510px\"\n    />\n  );\n};\n\nexport const ArchiveFieldModal = observer(_ArchiveFieldModal);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAGpC,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC;AAGF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAElC,oBACER,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,YAAA,CAAAW,iBAAiB;IAChBC,QAAQ,EAAC,4BAA4B;IACrCR,KAAK,EAAEA,KAAK,CAACS,KAAM;IACnBC,KAAK,EAAEN,CAAC,CAAC,wCAAwC,CAAE;IACnDO,iBAAiB,EAAEP,CAAC,CAAC,sCAAsC,CAAE;IAC7DQ,mBAAmB,EAAER,CAAC,CAAC,6CAA6C,CAAE;IACtES,OAAO,eACLpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAuB,IAAI;MAACN,QAAQ,EAAC,2BAA2B;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACvCf,CAAC,CAAC,8CAA8C,CAC7C,CACP;IACDgB,KAAK,EAAC,aAAa;IACnBC,KAAK,EAAC,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CAAC;AAEN,CAAC;AAACG,OAAA,CAAAvB,kBAAA,GAAAA,kBAAA;AAEK,MAAMwB,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAAC,uBAAQ,EAACzB,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_ActionModal","_mobxReactLite","_jsxFileName","_ArchiveFieldModal","state","container","useWixPatternsContainer","translate","t","dataExtension","modal","getModalTitle","_modal$value","fieldId","value","id","enableArchive","fieldValues","extractFieldValuesFromSchema","name","selectedField","getModalDescription","default","createElement","CustomActionModal","dataHook","title","primaryButtonText","secondaryButtonText","content","Text","__self","__source","fileName","lineNumber","columnNumber","theme","width","exports","ArchiveFieldModal","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomActionModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { ArchiveFieldModalState } from '@wix/bex-core';\n\nexport const _ArchiveFieldModal = ({\n  state,\n}: {\n  state: ArchiveFieldModalState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { dataExtension, modal } = state;\n\n  const getModalTitle = () => {\n    const fieldId = modal.value?.id;\n    if (dataExtension.enableArchive && fieldId) {\n      const fieldValues = dataExtension.extractFieldValuesFromSchema(fieldId);\n      if (fieldValues?.name) {\n        return t('cairo.customFields.archive.modal.title.enabled', {\n          selectedField: fieldValues.name,\n        });\n      }\n    }\n    return t('cairo.customFields.archive.modal.title');\n  };\n\n  const getModalDescription = () => {\n    if (dataExtension.enableArchive) {\n      return t('cairo.customFields.archive.modal.description.enabled');\n    }\n    return t('cairo.customFields.archive.modal.description');\n  };\n\n  return (\n    <CustomActionModal\n      dataHook=\"archive-custom-field-modal\"\n      state={state.modal}\n      title={getModalTitle()}\n      primaryButtonText={t('cairo.customFields.archive.modal.CTA')}\n      secondaryButtonText={t('cairo.customFields.archive.modal.cancel.CTA')}\n      content={\n        <Text dataHook=\"archive-custom-field-body\">\n          {getModalDescription()}\n        </Text>\n      }\n      theme=\"destructive\"\n      width=\"510px\"\n    />\n  );\n};\n\nexport const ArchiveFieldModal = observer(_ArchiveFieldModal);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAGpC,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC;AAGF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAClC,MAAM;IAAEI,aAAa;IAAEC;EAAM,CAAC,GAAGN,KAAK;EAEtC,MAAMO,aAAa,GAAGA,CAAA,KAAM;IAAA,IAAAC,YAAA;IAC1B,MAAMC,OAAO,IAAAD,YAAA,GAAGF,KAAK,CAACI,KAAK,qBAAXF,YAAA,CAAaG,EAAE;IAC/B,IAAIN,aAAa,CAACO,aAAa,IAAIH,OAAO,EAAE;MAC1C,MAAMI,WAAW,GAAGR,aAAa,CAACS,4BAA4B,CAACL,OAAO,CAAC;MACvE,IAAII,WAAW,YAAXA,WAAW,CAAEE,IAAI,EAAE;QACrB,OAAOX,CAAC,CAAC,gDAAgD,EAAE;UACzDY,aAAa,EAAEH,WAAW,CAACE;QAC7B,CAAC,CAAC;MACJ;IACF;IACA,OAAOX,CAAC,CAAC,wCAAwC,CAAC;EACpD,CAAC;EAED,MAAMa,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAIZ,aAAa,CAACO,aAAa,EAAE;MAC/B,OAAOR,CAAC,CAAC,sDAAsD,CAAC;IAClE;IACA,OAAOA,CAAC,CAAC,8CAA8C,CAAC;EAC1D,CAAC;EAED,oBACEX,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAwB,iBAAiB;IAChBC,QAAQ,EAAC,4BAA4B;IACrCrB,KAAK,EAAEA,KAAK,CAACM,KAAM;IACnBgB,KAAK,EAAEf,aAAa,CAAC,CAAE;IACvBgB,iBAAiB,EAAEnB,CAAC,CAAC,sCAAsC,CAAE;IAC7DoB,mBAAmB,EAAEpB,CAAC,CAAC,6CAA6C,CAAE;IACtEqB,OAAO,eACLhC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAAC5B,aAAA,CAAAmC,IAAI;MAACL,QAAQ,EAAC,2BAA2B;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/B,YAAA;QAAAgC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACvCd,mBAAmB,CAAC,CACjB,CACP;IACDe,KAAK,EAAC,aAAa;IACnBC,KAAK,EAAC,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CAAC;AAEN,CAAC;AAACG,OAAA,CAAAnC,kBAAA,GAAAA,kBAAA;AAEK,MAAMoC,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAAC,uBAAQ,EAACrC,kBAAkB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/ArchiveFieldModal.uni.driver.js

@@ -8,10 +8,14 @@ function ArchiveFieldModalUniDriver(_base, body) {
   const exists = () => getArchiveFieldModal().exists();
   const clickConfirm = () => getArchiveFieldModal().getPrimaryButtonDriver().then(driver => driver.click());
   const clickClose = () => getArchiveFieldModal().clickCloseButton();
+  const getModalTitle = () => getArchiveFieldModal().getTitleText();
+  const getModalBody = () => body.$('[data-hook="archive-custom-field-body"]').text();
   return {
     exists,
     clickConfirm,
-    clickClose
+    clickClose,
+    getModalTitle,
+    getModalBody
   };
 }
 //# sourceMappingURL=ArchiveFieldModal.uni.driver.js.map

package/dist/cjs/components/CustomFieldsPanel/ArchiveFieldModal.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","ArchiveFieldModalUniDriver","_base","body","getArchiveFieldModal","MessageModalLayoutUniDriver","$","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.uni.driver.ts"],"sourcesContent":["import { MessageModalLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function ArchiveFieldModalUniDriver(_base: UniDriver, body: UniDriver) {\n  const getArchiveFieldModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"archive-custom-field-modal\"]'),\n      body,\n    );\n\n  const exists = () => getArchiveFieldModal().exists();\n  const clickConfirm = () =>\n    getArchiveFieldModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickClose = () => getArchiveFieldModal().clickCloseButton();\n\n  return {\n    exists,\n    clickConfirm,\n    clickClose,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAGO,SAASC,0BAA0BA,CAACC,KAAgB,EAAEC,IAAe,EAAE;EAC5E,MAAMC,oBAAoB,GAAGA,CAAA,KAC3B,IAAAC,sCAA2B,EACzBF,IAAI,CAACG,CAAC,CAAC,0CAA0C,CAAC,EAClDH,IACF,CAAC;EAEH,MAAMI,MAAM,GAAGA,CAAA,KAAMH,oBAAoB,CAAC,CAAC,CAACG,MAAM,CAAC,CAAC;EACpD,MAAMC,YAAY,GAAGA,CAAA,KACnBJ,oBAAoB,CAAC,CAAC,CACnBK,sBAAsB,CAAC,CAAC,CACxBC,IAAI,CAAEC,MAAW,IAAKA,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC;EAC1C,MAAMC,UAAU,GAAGA,CAAA,KAAMT,oBAAoB,CAAC,CAAC,CAACU,gBAAgB,CAAC,CAAC;EAElE,OAAO;IACLP,MAAM;IACNC,YAAY;IACZK;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","ArchiveFieldModalUniDriver","_base","body","getArchiveFieldModal","MessageModalLayoutUniDriver","$","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","getModalTitle","getTitleText","getModalBody","text"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.uni.driver.ts"],"sourcesContent":["import { MessageModalLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function ArchiveFieldModalUniDriver(_base: UniDriver, body: UniDriver) {\n  const getArchiveFieldModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"archive-custom-field-modal\"]'),\n      body,\n    );\n\n  const exists = () => getArchiveFieldModal().exists();\n  const clickConfirm = () =>\n    getArchiveFieldModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickClose = () => getArchiveFieldModal().clickCloseButton();\n  const getModalTitle = () => getArchiveFieldModal().getTitleText();\n  const getModalBody = () =>\n    body.$('[data-hook=\"archive-custom-field-body\"]').text();\n\n  return {\n    exists,\n    clickConfirm,\n    clickClose,\n    getModalTitle,\n    getModalBody,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAGO,SAASC,0BAA0BA,CAACC,KAAgB,EAAEC,IAAe,EAAE;EAC5E,MAAMC,oBAAoB,GAAGA,CAAA,KAC3B,IAAAC,sCAA2B,EACzBF,IAAI,CAACG,CAAC,CAAC,0CAA0C,CAAC,EAClDH,IACF,CAAC;EAEH,MAAMI,MAAM,GAAGA,CAAA,KAAMH,oBAAoB,CAAC,CAAC,CAACG,MAAM,CAAC,CAAC;EACpD,MAAMC,YAAY,GAAGA,CAAA,KACnBJ,oBAAoB,CAAC,CAAC,CACnBK,sBAAsB,CAAC,CAAC,CACxBC,IAAI,CAAEC,MAAW,IAAKA,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC;EAC1C,MAAMC,UAAU,GAAGA,CAAA,KAAMT,oBAAoB,CAAC,CAAC,CAACU,gBAAgB,CAAC,CAAC;EAClE,MAAMC,aAAa,GAAGA,CAAA,KAAMX,oBAAoB,CAAC,CAAC,CAACY,YAAY,CAAC,CAAC;EACjE,MAAMC,YAAY,GAAGA,CAAA,KACnBd,IAAI,CAACG,CAAC,CAAC,yCAAyC,CAAC,CAACY,IAAI,CAAC,CAAC;EAE1D,OAAO;IACLX,MAAM;IACNC,YAAY;IACZK,UAAU;IACVE,aAAa;IACbE;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/ManageFieldsPopoverMenu.js

@@ -78,24 +78,32 @@ function _ManageFieldsPopoverMenu({
     placement: "bottom-end",
     dataHook: "custom-field-options",
     onShow: onTriggerMenu,
-    triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+      content: t('cairo.custom-columns.more-actions.tooltip'),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 78,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
       size: "tiny",
       dataHook: "custom-field-options-trigger",
       skin: "light",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
-        columnNumber: 9
+        lineNumber: 79,
+        columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
-        columnNumber: 11
+        lineNumber: 84,
+        columnNumber: 13
       }
-    })),
+    }))),
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -108,7 +116,7 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
+        lineNumber: 91,
         columnNumber: 21
       }
     }),
@@ -127,7 +135,7 @@ function _ManageFieldsPopoverMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 89,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -136,7 +144,7 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 108,
         columnNumber: 21
       }
     }),
@@ -155,7 +163,7 @@ function _ManageFieldsPopoverMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 106,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/CustomFieldsPanel/ManageFieldsPopoverMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_wixUiIconsCommon","_bexCore","_bi","_mobxReactLite","_CustomFields","_jsxFileName","_ManageFieldsPopoverMenu","state","id","origin","location","container","useWixPatternsContainer","translate","t","dataExtension","hasWritePermissions","default","createElement","CustomFieldsDisabledTooltip","disabled","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","dataHook","MoreSmall","reportCtaClickedBi","ctaIndex","ctaName","moreActionsIndex","reportBi","withoutDefaults","cairoCtaClicked","filteredListSize","availableUserCustomFields","length","isSelectAll","numCtas","numItems","url","window","href","onTriggerMenu","PopoverMenu","textSize","placement","onShow","triggerElement","skin","MenuItem","prefixIcon","EditSmall","text","onClick","openCustomFieldModal","fieldId","ArchiveSmall","archiveFieldModal","modal","open","ManageFieldsPopoverMenu","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ManageFieldsPopoverMenu.tsx"],"sourcesContent":["import { IconButton, PopoverMenu } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ArchiveSmall, EditSmall, MoreSmall } from '@wix/wix-ui-icons-common';\nimport { CustomFieldOrigin, withoutDefaults } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface ManageFieldsPopoverMenuProps {\n  state: CustomFieldsPanelState;\n  id: string;\n  origin: CustomFieldOrigin;\n  location: string;\n}\n\nfunction _ManageFieldsPopoverMenu({\n  state,\n  id,\n  origin,\n  location,\n}: ManageFieldsPopoverMenuProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  if (!state.dataExtension.hasWritePermissions) {\n    return (\n      <CustomFieldsDisabledTooltip\n        disabled={!state.dataExtension.hasWritePermissions}\n        content={t('cairo.customFields.writePermission.tooltip')}\n      >\n        <IconButton size=\"tiny\" dataHook=\"custom-field-options-trigger\">\n          <MoreSmall />\n        </IconButton>\n      </CustomFieldsDisabledTooltip>\n    );\n  }\n\n  const reportCtaClickedBi = ({\n    ctaIndex,\n    ctaName,\n    moreActionsIndex,\n  }: {\n    ctaIndex: number;\n    ctaName: string;\n    moreActionsIndex?: number;\n  }) => {\n    state?.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ctaIndex,\n        ctaName,\n        filteredListSize: state?.dataExtension.availableUserCustomFields.length,\n        isSelectAll: false,\n        location,\n        moreActionsIndex,\n        numCtas: 2,\n        numItems: 1,\n        url: typeof window !== 'undefined' ? window.location.href : '',\n      }),\n    );\n  };\n\n  const onTriggerMenu = () => {\n    reportCtaClickedBi({\n      ctaIndex: 0,\n      ctaName: 'More Actions Menu',\n    });\n  };\n\n  return (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      dataHook=\"custom-field-options\"\n      onShow={onTriggerMenu}\n      triggerElement={\n        <IconButton\n          size=\"tiny\"\n          dataHook=\"custom-field-options-trigger\"\n          skin=\"light\"\n        >\n          <MoreSmall />\n        </IconButton>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-edit\"\n        prefixIcon={<EditSmall />}\n        text={t('cairo.customFields.edit.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 1,\n            ctaName: 'Edit',\n            moreActionsIndex: 1,\n          });\n          state.openCustomFieldModal({\n            fieldId: id,\n            origin,\n          });\n        }}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-archive\"\n        prefixIcon={<ArchiveSmall />}\n        text={t('cairo.customFields.archive.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 2,\n            ctaName: 'Archive',\n            moreActionsIndex: 2,\n          });\n          state.archiveFieldModal.modal.open({ id, origin });\n        }}\n      />\n    </PopoverMenu>\n  );\n}\n\nexport const ManageFieldsPopoverMenu = observer(_ManageFieldsPopoverMenu);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_wixUiIconsCommon","_bexCore","_bi","_mobxReactLite","_CustomFields","_jsxFileName","_ManageFieldsPopoverMenu","state","id","origin","location","container","useWixPatternsContainer","translate","t","dataExtension","hasWritePermissions","default","createElement","CustomFieldsDisabledTooltip","disabled","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","dataHook","MoreSmall","reportCtaClickedBi","ctaIndex","ctaName","moreActionsIndex","reportBi","withoutDefaults","cairoCtaClicked","filteredListSize","availableUserCustomFields","length","isSelectAll","numCtas","numItems","url","window","href","onTriggerMenu","PopoverMenu","textSize","placement","onShow","triggerElement","Tooltip","skin","MenuItem","prefixIcon","EditSmall","text","onClick","openCustomFieldModal","fieldId","ArchiveSmall","archiveFieldModal","modal","open","ManageFieldsPopoverMenu","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ManageFieldsPopoverMenu.tsx"],"sourcesContent":["import { IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ArchiveSmall, EditSmall, MoreSmall } from '@wix/wix-ui-icons-common';\nimport { CustomFieldOrigin, withoutDefaults } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface ManageFieldsPopoverMenuProps {\n  state: CustomFieldsPanelState;\n  id: string;\n  origin: CustomFieldOrigin;\n  location: string;\n}\n\nfunction _ManageFieldsPopoverMenu({\n  state,\n  id,\n  origin,\n  location,\n}: ManageFieldsPopoverMenuProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  if (!state.dataExtension.hasWritePermissions) {\n    return (\n      <CustomFieldsDisabledTooltip\n        disabled={!state.dataExtension.hasWritePermissions}\n        content={t('cairo.customFields.writePermission.tooltip')}\n      >\n        <IconButton size=\"tiny\" dataHook=\"custom-field-options-trigger\">\n          <MoreSmall />\n        </IconButton>\n      </CustomFieldsDisabledTooltip>\n    );\n  }\n\n  const reportCtaClickedBi = ({\n    ctaIndex,\n    ctaName,\n    moreActionsIndex,\n  }: {\n    ctaIndex: number;\n    ctaName: string;\n    moreActionsIndex?: number;\n  }) => {\n    state?.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ctaIndex,\n        ctaName,\n        filteredListSize: state?.dataExtension.availableUserCustomFields.length,\n        isSelectAll: false,\n        location,\n        moreActionsIndex,\n        numCtas: 2,\n        numItems: 1,\n        url: typeof window !== 'undefined' ? window.location.href : '',\n      }),\n    );\n  };\n\n  const onTriggerMenu = () => {\n    reportCtaClickedBi({\n      ctaIndex: 0,\n      ctaName: 'More Actions Menu',\n    });\n  };\n\n  return (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      dataHook=\"custom-field-options\"\n      onShow={onTriggerMenu}\n      triggerElement={\n        <Tooltip content={t('cairo.custom-columns.more-actions.tooltip')}>\n          <IconButton\n            size=\"tiny\"\n            dataHook=\"custom-field-options-trigger\"\n            skin=\"light\"\n          >\n            <MoreSmall />\n          </IconButton>\n        </Tooltip>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-edit\"\n        prefixIcon={<EditSmall />}\n        text={t('cairo.customFields.edit.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 1,\n            ctaName: 'Edit',\n            moreActionsIndex: 1,\n          });\n          state.openCustomFieldModal({\n            fieldId: id,\n            origin,\n          });\n        }}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-archive\"\n        prefixIcon={<ArchiveSmall />}\n        text={t('cairo.customFields.archive.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 2,\n            ctaName: 'Archive',\n            moreActionsIndex: 2,\n          });\n          state.archiveFieldModal.modal.open({ id, origin });\n        }}\n      />\n    </PopoverMenu>\n  );\n}\n\nexport const ManageFieldsPopoverMenu = observer(_ManageFieldsPopoverMenu);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataExtension/CollectionDataExtensionState.js

@@ -34,7 +34,8 @@ class CollectionDataExtensionState {
       disableUserDefinedWriting: params.disableUserDefinedWriting,
       filterable: params.filterable,
       containsPii: params.containsPii,
-      defaultPermissions: params.defaultPermissions
+      defaultPermissions: params.defaultPermissions,
+      enableArchive: params.enableArchive
     });
     this.customFieldsPanel = new _CustomFieldsPanelState.CustomFieldsPanelState({
       dataExtension: this.dataExtension,

package/dist/cjs/components/DataExtension/CollectionDataExtensionState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_CustomFieldFilters","_CollectionToolbarFilters","_mobx","_CustomFieldsPanelState","CollectionDataExtensionState","featuredPageActions","DataExtension","manageCustomFieldsPageAction","constructor","params","_defineProperty2","default","TaskState","toolbar","props","dataExtension","DataExtensionState","container","fqdn","collection","product","queryName","closeSidePanel","disableUserDefinedWriting","filterable","containsPii","defaultPermissions","customFieldsPanel","CustomFieldsPanelState","reportBi","components","CollectionToolbarFilters","_getFetchSchemasError","err","WixPatternsError","errorCode","originalException","_handleFetchSchemasError","_this$dataExtension$c","_this$dataExtension$c2","error","initTask","status","cairoError","showToast","call","message","translate","action","uiType","text","onClick","withoutDefaults","cairoTryAgainClicked","actionName","loaction","fetchSchemas","catch","bind","removeToastOnClick","type","biName","internalMonitor","reportError","cairoErrorInLoadingAComponent","errorType","name","_addCustomFieldFilters","customFieldFilter","date","dateRangeFilter","dateTime","checkbox","idNameArrayFilter","decimal","numberRangeFilter","integer","filterableCustomFields","forEach","customField","filter","query","addFilterIfNeeded","id","isCustomField","init","customColumnsState","disposers","reaction","events","addEventListener","promise","runOnce","_dataExtension$initTa","Promise","all","setNewExtendedColumns","availableCustomFields","defaultHidden","d","buildCustomFieldFilterWrapper","buildCustomFieldFilterElement","undefined","buildCustomFieldFilters","map","Boolean","exports"],"sources":["../../../../src/components/DataExtension/CollectionDataExtensionState.ts"],"sourcesContent":["import {\n  addEventListener,\n  WixPatternsContainer,\n  WixPatternsError,\n  DataExtensionState,\n  FiltersMap,\n  TaskState,\n  withoutDefaults,\n  dateRangeFilter,\n  CustomField,\n  DataExtensionOverrides,\n  FilterStateBaseParams,\n  idNameArrayFilter,\n  Filter,\n  CustomFieldType,\n  numberRangeFilter,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { DataExtensionProps, DataExtensionType } from './DataExtension';\nimport {\n  cairoErrorInLoadingAComponent,\n  cairoTryAgainClicked,\n} from '@wix/bex-core/bi';\nimport { buildCustomFieldFilterElement } from '../CustomFieldFilters';\nimport {\n  CollectionToolbarFilters,\n  FilterElement,\n} from '../CollectionToolbarFilters';\nimport { reaction } from 'mobx';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\nimport { MoreActionItemFactory } from '../MoreActions/MoreActionsBase';\n\nexport interface CollectionDataExtensionStateParams<T, F extends FiltersMap>\n  extends DataExtensionOverrides {\n  container: WixPatternsContainer;\n  toolbar: ToolbarCollectionState<T, F>;\n  DataExtension: DataExtensionType;\n  props?: DataExtensionProps;\n}\n\nexport class CollectionDataExtensionState<T, F extends FiltersMap> {\n  readonly dataExtension;\n  readonly customFieldsPanel;\n  readonly toolbar;\n  readonly DataExtension;\n  readonly initTask = new TaskState();\n  readonly components;\n  readonly props;\n\n  get featuredPageActions(): MoreActionItemFactory[] {\n    return [this.DataExtension.manageCustomFieldsPageAction];\n  }\n\n  constructor(params: CollectionDataExtensionStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n    this.props = params.props;\n    this.DataExtension = params.DataExtension;\n    this.dataExtension = new DataExtensionState({\n      container: params.container,\n      fqdn: params.toolbar.collection.fqdn ?? {\n        product: params.toolbar.collection.queryName,\n      },\n      closeSidePanel: params.toolbar.closeSidePanel,\n      disableUserDefinedWriting: params.disableUserDefinedWriting,\n      filterable: params.filterable,\n      containsPii: params.containsPii,\n      defaultPermissions: params.defaultPermissions,\n    });\n\n    this.customFieldsPanel = new CustomFieldsPanelState({\n      dataExtension: this.dataExtension,\n      reportBi: this.toolbar.reportBi,\n      closeSidePanel: this.toolbar.closeSidePanel,\n    });\n    this.components = {\n      CollectionToolbarFilters,\n    };\n  }\n\n  _getFetchSchemasError(err: unknown) {\n    return new WixPatternsError({\n      errorCode: 'InitCustomFieldsDataExtensionFailed',\n      originalException: err,\n    });\n  }\n\n  _handleFetchSchemasError() {\n    const error = this.dataExtension.initTask.status.error;\n\n    if (!error) {\n      return;\n    }\n\n    const cairoError = this._getFetchSchemasError(error);\n    this.dataExtension.container.showToast?.({\n      message: this.dataExtension.container.translate(\n        'cairo.customFields.fetch.technicalError',\n      ),\n      action: {\n        uiType: 'LINK',\n        text: this.dataExtension.container.translate('cairo.toast.retry'),\n        onClick: () => {\n          this.toolbar.reportBi(\n            withoutDefaults(cairoTryAgainClicked)({\n              actionName: 'Fetch extended fields',\n              loaction: 'toast',\n            }),\n          );\n          this.dataExtension\n            .fetchSchemas()\n            .catch(this._handleFetchSchemasError.bind(this));\n        },\n        removeToastOnClick: true,\n      },\n      type: 'WARNING',\n      biName: 'cairo-fetch-schemas-error-toast',\n    });\n\n    this.dataExtension.container.internalMonitor.reportError({\n      error: cairoError,\n    });\n\n    this.toolbar.reportBi(\n      cairoErrorInLoadingAComponent({\n        errorType: cairoError.name,\n      }),\n    );\n  }\n\n  _addCustomFieldFilters() {\n    const customFieldFilter: {\n      [key in CustomFieldType]?: (\n        params: Partial<FilterStateBaseParams<any>>,\n      ) => Filter<any>;\n    } = {\n      date: dateRangeFilter,\n      dateTime: dateRangeFilter,\n      checkbox: idNameArrayFilter,\n      decimal: numberRangeFilter,\n      integer: numberRangeFilter,\n    };\n\n    this.dataExtension.filterableCustomFields.forEach(\n      (customField: CustomField) => {\n        const filter = customFieldFilter[customField.type];\n\n        if (!filter) {\n          return;\n        }\n\n        this.toolbar.collection.query.addFilterIfNeeded(\n          customField.id as any,\n          filter({\n            name: customField.id,\n            isCustomField: true,\n          }),\n        );\n      },\n    );\n  }\n\n  init() {\n    const { initTask, dataExtension, toolbar } = this;\n    const { customColumnsState } = toolbar;\n\n    const disposers = [\n      dataExtension.init(),\n      reaction(\n        () => this.dataExtension.filterableCustomFields,\n        () => this._addCustomFieldFilters(),\n      ),\n      ...(customColumnsState?.events\n        ? [\n            addEventListener(\n              customColumnsState.events,\n              'beforeInitialFetch',\n              () => initTask.status.promise,\n            ),\n          ]\n        : []),\n    ];\n\n    initTask.runOnce(async () => {\n      dataExtension.initTask.runOnce();\n      dataExtension.container.initTask.runOnce();\n\n      await Promise.all([\n        dataExtension.initTask.status.promise?.catch(() => {}),\n        dataExtension.container.initTask.status.promise,\n      ]);\n\n      this._handleFetchSchemasError();\n      toolbar.setNewExtendedColumns(dataExtension.availableCustomFields, {\n        defaultHidden: true,\n      });\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  buildCustomFieldFilterWrapper(customField: CustomField) {\n    return (buildCustomFieldFilterElement(this.toolbar, customField) ||\n      undefined) as FilterElement;\n  }\n\n  buildCustomFieldFilters() {\n    return this.dataExtension.filterableCustomFields\n      .map((customField: CustomField) =>\n        this.buildCustomFieldFilterWrapper(customField),\n      )\n      .filter(Boolean);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_CustomFieldFilters","_CollectionToolbarFilters","_mobx","_CustomFieldsPanelState","CollectionDataExtensionState","featuredPageActions","DataExtension","manageCustomFieldsPageAction","constructor","params","_defineProperty2","default","TaskState","toolbar","props","dataExtension","DataExtensionState","container","fqdn","collection","product","queryName","closeSidePanel","disableUserDefinedWriting","filterable","containsPii","defaultPermissions","enableArchive","customFieldsPanel","CustomFieldsPanelState","reportBi","components","CollectionToolbarFilters","_getFetchSchemasError","err","WixPatternsError","errorCode","originalException","_handleFetchSchemasError","_this$dataExtension$c","_this$dataExtension$c2","error","initTask","status","cairoError","showToast","call","message","translate","action","uiType","text","onClick","withoutDefaults","cairoTryAgainClicked","actionName","loaction","fetchSchemas","catch","bind","removeToastOnClick","type","biName","internalMonitor","reportError","cairoErrorInLoadingAComponent","errorType","name","_addCustomFieldFilters","customFieldFilter","date","dateRangeFilter","dateTime","checkbox","idNameArrayFilter","decimal","numberRangeFilter","integer","filterableCustomFields","forEach","customField","filter","query","addFilterIfNeeded","id","isCustomField","init","customColumnsState","disposers","reaction","events","addEventListener","promise","runOnce","_dataExtension$initTa","Promise","all","setNewExtendedColumns","availableCustomFields","defaultHidden","d","buildCustomFieldFilterWrapper","buildCustomFieldFilterElement","undefined","buildCustomFieldFilters","map","Boolean","exports"],"sources":["../../../../src/components/DataExtension/CollectionDataExtensionState.ts"],"sourcesContent":["import {\n  addEventListener,\n  WixPatternsContainer,\n  WixPatternsError,\n  DataExtensionState,\n  FiltersMap,\n  TaskState,\n  withoutDefaults,\n  dateRangeFilter,\n  CustomField,\n  DataExtensionOverrides,\n  FilterStateBaseParams,\n  idNameArrayFilter,\n  Filter,\n  CustomFieldType,\n  numberRangeFilter,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { DataExtensionProps, DataExtensionType } from './DataExtension';\nimport {\n  cairoErrorInLoadingAComponent,\n  cairoTryAgainClicked,\n} from '@wix/bex-core/bi';\nimport { buildCustomFieldFilterElement } from '../CustomFieldFilters';\nimport {\n  CollectionToolbarFilters,\n  FilterElement,\n} from '../CollectionToolbarFilters';\nimport { reaction } from 'mobx';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\nimport { MoreActionItemFactory } from '../MoreActions/MoreActionsBase';\n\nexport interface CollectionDataExtensionStateParams<T, F extends FiltersMap>\n  extends DataExtensionOverrides {\n  container: WixPatternsContainer;\n  toolbar: ToolbarCollectionState<T, F>;\n  DataExtension: DataExtensionType;\n  props?: DataExtensionProps;\n}\n\nexport class CollectionDataExtensionState<T, F extends FiltersMap> {\n  readonly dataExtension;\n  readonly customFieldsPanel;\n  readonly toolbar;\n  readonly DataExtension;\n  readonly initTask = new TaskState();\n  readonly components;\n  readonly props;\n\n  get featuredPageActions(): MoreActionItemFactory[] {\n    return [this.DataExtension.manageCustomFieldsPageAction];\n  }\n\n  constructor(params: CollectionDataExtensionStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n    this.props = params.props;\n    this.DataExtension = params.DataExtension;\n    this.dataExtension = new DataExtensionState({\n      container: params.container,\n      fqdn: params.toolbar.collection.fqdn ?? {\n        product: params.toolbar.collection.queryName,\n      },\n      closeSidePanel: params.toolbar.closeSidePanel,\n      disableUserDefinedWriting: params.disableUserDefinedWriting,\n      filterable: params.filterable,\n      containsPii: params.containsPii,\n      defaultPermissions: params.defaultPermissions,\n      enableArchive: params.enableArchive,\n    });\n\n    this.customFieldsPanel = new CustomFieldsPanelState({\n      dataExtension: this.dataExtension,\n      reportBi: this.toolbar.reportBi,\n      closeSidePanel: this.toolbar.closeSidePanel,\n    });\n    this.components = {\n      CollectionToolbarFilters,\n    };\n  }\n\n  _getFetchSchemasError(err: unknown) {\n    return new WixPatternsError({\n      errorCode: 'InitCustomFieldsDataExtensionFailed',\n      originalException: err,\n    });\n  }\n\n  _handleFetchSchemasError() {\n    const error = this.dataExtension.initTask.status.error;\n\n    if (!error) {\n      return;\n    }\n\n    const cairoError = this._getFetchSchemasError(error);\n    this.dataExtension.container.showToast?.({\n      message: this.dataExtension.container.translate(\n        'cairo.customFields.fetch.technicalError',\n      ),\n      action: {\n        uiType: 'LINK',\n        text: this.dataExtension.container.translate('cairo.toast.retry'),\n        onClick: () => {\n          this.toolbar.reportBi(\n            withoutDefaults(cairoTryAgainClicked)({\n              actionName: 'Fetch extended fields',\n              loaction: 'toast',\n            }),\n          );\n          this.dataExtension\n            .fetchSchemas()\n            .catch(this._handleFetchSchemasError.bind(this));\n        },\n        removeToastOnClick: true,\n      },\n      type: 'WARNING',\n      biName: 'cairo-fetch-schemas-error-toast',\n    });\n\n    this.dataExtension.container.internalMonitor.reportError({\n      error: cairoError,\n    });\n\n    this.toolbar.reportBi(\n      cairoErrorInLoadingAComponent({\n        errorType: cairoError.name,\n      }),\n    );\n  }\n\n  _addCustomFieldFilters() {\n    const customFieldFilter: {\n      [key in CustomFieldType]?: (\n        params: Partial<FilterStateBaseParams<any>>,\n      ) => Filter<any>;\n    } = {\n      date: dateRangeFilter,\n      dateTime: dateRangeFilter,\n      checkbox: idNameArrayFilter,\n      decimal: numberRangeFilter,\n      integer: numberRangeFilter,\n    };\n\n    this.dataExtension.filterableCustomFields.forEach(\n      (customField: CustomField) => {\n        const filter = customFieldFilter[customField.type];\n\n        if (!filter) {\n          return;\n        }\n\n        this.toolbar.collection.query.addFilterIfNeeded(\n          customField.id as any,\n          filter({\n            name: customField.id,\n            isCustomField: true,\n          }),\n        );\n      },\n    );\n  }\n\n  init() {\n    const { initTask, dataExtension, toolbar } = this;\n    const { customColumnsState } = toolbar;\n\n    const disposers = [\n      dataExtension.init(),\n      reaction(\n        () => this.dataExtension.filterableCustomFields,\n        () => this._addCustomFieldFilters(),\n      ),\n      ...(customColumnsState?.events\n        ? [\n            addEventListener(\n              customColumnsState.events,\n              'beforeInitialFetch',\n              () => initTask.status.promise,\n            ),\n          ]\n        : []),\n    ];\n\n    initTask.runOnce(async () => {\n      dataExtension.initTask.runOnce();\n      dataExtension.container.initTask.runOnce();\n\n      await Promise.all([\n        dataExtension.initTask.status.promise?.catch(() => {}),\n        dataExtension.container.initTask.status.promise,\n      ]);\n\n      this._handleFetchSchemasError();\n      toolbar.setNewExtendedColumns(dataExtension.availableCustomFields, {\n        defaultHidden: true,\n      });\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  buildCustomFieldFilterWrapper(customField: CustomField) {\n    return (buildCustomFieldFilterElement(this.toolbar, customField) ||\n      undefined) as FilterElement;\n  }\n\n  buildCustomFieldFilters() {\n    return this.dataExtension.filterableCustomFields\n      .map((customField: CustomField) =>\n        this.buildCustomFieldFilterWrapper(customField),\n      )\n      .filter(Boolean);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataExtension/DataExtension.js

@@ -7,6 +7,7 @@ var _CustomColumns = require("../CustomColumns");
 var _ArchiveFieldModal = require("../CustomFieldsPanel/ArchiveFieldModal");
 var _CustomColumnsAddCustomFieldCTAButton = require("../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton");
 var _CustomColumnsEditCustomFieldCTAButton = require("../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton");
+var _ArchivedItemsCTAButton = require("../ArchivedItemsPanel/ArchivedItemsCTAButton");
 var _CollectionDataExtensionState = require("./CollectionDataExtensionState");
 var _FileCardList = require("../FileCard/FileCardList");
 var _CustomFieldsCollectionPanelEntry = require("../CustomFieldsPanel/CustomFieldsCollectionPanelEntry");
@@ -30,6 +31,7 @@ DataExtension.ArchiveFieldModal = _ArchiveFieldModal.ArchiveFieldModal;
 DataExtension.CustomColumns = _CustomColumns.CustomColumnsFull;
 DataExtension.CustomColumnsAddCustomFieldCTAButton = _CustomColumnsAddCustomFieldCTAButton.CustomColumnsAddCustomFieldCTAButton;
 DataExtension.CustomColumnsEditCustomFieldCTAButton = _CustomColumnsEditCustomFieldCTAButton.CustomColumnsEditCustomFieldCTAButton;
+DataExtension.CustomColumnsArchivedItemsCTAButton = _ArchivedItemsCTAButton.ArchivedItemsCTAButton;
 DataExtension.syncTableCollectionProps = state => {
   state.panels.registerSidePanel('customFields', _CustomFieldsCollectionPanelEntry.CustomFieldsCollectionPanelEntry);
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_CustomFieldModal","require","_CustomColumns","_ArchiveFieldModal","_CustomColumnsAddCustomFieldCTAButton","_CustomColumnsEditCustomFieldCTAButton","_CollectionDataExtensionState","_FileCardList","_CustomFieldsCollectionPanelEntry","_manageCustomFieldsPageAction","DataExtension","_","exports","setDataExtensionOnTable","toolbar","overrides","collectionDataExtension","CollectionDataExtensionState","container","props","FileCardList","CustomFieldModal","ArchiveFieldModal","CustomColumns","CustomColumnsFull","CustomColumnsAddCustomFieldCTAButton","CustomColumnsEditCustomFieldCTAButton","syncTableCollectionProps","state","panels","registerSidePanel","CustomFieldsCollectionPanelEntry","manageCustomFieldsPageAction"],"sources":["../../../../src/components/DataExtension/DataExtension.ts"],"sourcesContent":["import {\n  CollectionPageState,\n  DataExtensionOverrides,\n  FiltersMap,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { CustomColumnsFull } from '../CustomColumns';\nimport { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';\nimport { CustomColumnsAddCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton';\nimport { CustomColumnsEditCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton';\nimport { CollectionDataExtensionState } from './CollectionDataExtensionState';\nimport { ReactElement } from 'react';\nimport { FileCardList } from '../FileCard/FileCardList';\nimport { CustomFieldsCollectionPanelEntry } from '../CustomFieldsPanel/CustomFieldsCollectionPanelEntry';\nimport { MoreActionsItem } from '../MoreActions';\nimport { manageCustomFieldsPageAction } from './manageCustomFieldsPageAction';\n\nexport type DataExtensionObjectType = {\n  setDataExtensionOnTable: <T, F extends FiltersMap>(\n    toolbar: ToolbarCollectionState<T, F>,\n    overrides?: DataExtensionProps,\n  ) => void;\n  CustomFieldModal: typeof CustomFieldModal;\n  ArchiveFieldModal: typeof ArchiveFieldModal;\n  FileCardList: typeof FileCardList;\n  CustomColumns: typeof CustomColumnsFull;\n  CustomColumnsAddCustomFieldCTAButton: typeof CustomColumnsAddCustomFieldCTAButton;\n  CustomColumnsEditCustomFieldCTAButton: typeof CustomColumnsEditCustomFieldCTAButton;\n  syncTableCollectionProps: (state: ToolbarCollectionState<any, any>) => void;\n  manageCustomFieldsPageAction: (params: {\n    pageState: CollectionPageState;\n    container: WixPatternsContainer;\n  }) => MoreActionsItem;\n};\n\nexport type DataExtensionProps = DataExtensionOverrides;\n\nexport const DataExtension: React.FC<DataExtensionProps> &\n  DataExtensionObjectType = (_: DataExtensionProps) => {\n  return null;\n};\n\nexport type DataExtensionElement = ReactElement<\n  DataExtensionProps,\n  typeof DataExtension\n>;\n\nexport type DataExtensionType = typeof DataExtension;\n\nDataExtension.setDataExtensionOnTable = function (toolbar, overrides) {\n  toolbar.collectionDataExtension ??= new CollectionDataExtensionState({\n    toolbar,\n    container: toolbar.container,\n    DataExtension,\n    props: overrides,\n    ...overrides,\n  });\n};\nDataExtension.FileCardList = FileCardList;\nDataExtension.CustomFieldModal = CustomFieldModal;\nDataExtension.ArchiveFieldModal = ArchiveFieldModal;\nDataExtension.CustomColumns = CustomColumnsFull;\nDataExtension.CustomColumnsAddCustomFieldCTAButton =\n  CustomColumnsAddCustomFieldCTAButton;\nDataExtension.CustomColumnsEditCustomFieldCTAButton =\n  CustomColumnsEditCustomFieldCTAButton;\nDataExtension.syncTableCollectionProps = (\n  state: ToolbarCollectionState<any>,\n) => {\n  state.panels.registerSidePanel(\n    'customFields',\n    CustomFieldsCollectionPanelEntry,\n  );\n};\nDataExtension.manageCustomFieldsPageAction = manageCustomFieldsPageAction;\n"],"mappings":";;;;AAOA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,qCAAA,GAAAH,OAAA;AACA,IAAAI,sCAAA,GAAAJ,OAAA;AACA,IAAAK,6BAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,iCAAA,GAAAP,OAAA;AAEA,IAAAQ,6BAAA,GAAAR,OAAA;AAsBO,MAAMS,aACY,GAAIC,CAAqB,IAAK;EACrD,OAAO,IAAI;AACb,CAAC;AAACC,OAAA,CAAAF,aAAA,GAAAA,aAAA;AASFA,aAAa,CAACG,uBAAuB,GAAG,UAAUC,OAAO,EAAEC,SAAS,EAAE;EACpED,OAAO,CAACE,uBAAuB,KAA/BF,OAAO,CAACE,uBAAuB,GAAK,IAAIC,0DAA4B,CAAC;IACnEH,OAAO;IACPI,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BR,aAAa;IACbS,KAAK,EAAEJ,SAAS;IAChB,GAAGA;EACL,CAAC,CAAC;AACJ,CAAC;AACDL,aAAa,CAACU,YAAY,GAAGA,0BAAY;AACzCV,aAAa,CAACW,gBAAgB,GAAGA,kCAAgB;AACjDX,aAAa,CAACY,iBAAiB,GAAGA,oCAAiB;AACnDZ,aAAa,CAACa,aAAa,GAAGC,gCAAiB;AAC/Cd,aAAa,CAACe,oCAAoC,GAChDA,0EAAoC;AACtCf,aAAa,CAACgB,qCAAqC,GACjDA,4EAAqC;AACvChB,aAAa,CAACiB,wBAAwB,GACpCC,KAAkC,IAC/B;EACHA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAC5B,cAAc,EACdC,kEACF,CAAC;AACH,CAAC;AACDrB,aAAa,CAACsB,4BAA4B,GAAGA,0DAA4B","ignoreList":[]}
+{"version":3,"names":["_CustomFieldModal","require","_CustomColumns","_ArchiveFieldModal","_CustomColumnsAddCustomFieldCTAButton","_CustomColumnsEditCustomFieldCTAButton","_ArchivedItemsCTAButton","_CollectionDataExtensionState","_FileCardList","_CustomFieldsCollectionPanelEntry","_manageCustomFieldsPageAction","DataExtension","_","exports","setDataExtensionOnTable","toolbar","overrides","collectionDataExtension","CollectionDataExtensionState","container","props","FileCardList","CustomFieldModal","ArchiveFieldModal","CustomColumns","CustomColumnsFull","CustomColumnsAddCustomFieldCTAButton","CustomColumnsEditCustomFieldCTAButton","CustomColumnsArchivedItemsCTAButton","ArchivedItemsCTAButton","syncTableCollectionProps","state","panels","registerSidePanel","CustomFieldsCollectionPanelEntry","manageCustomFieldsPageAction"],"sources":["../../../../src/components/DataExtension/DataExtension.ts"],"sourcesContent":["import {\n  CollectionPageState,\n  DataExtensionOverrides,\n  FiltersMap,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { CustomColumnsFull } from '../CustomColumns';\nimport { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';\nimport { CustomColumnsAddCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton';\nimport { CustomColumnsEditCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton';\nimport { ArchivedItemsCTAButton } from '../ArchivedItemsPanel/ArchivedItemsCTAButton';\nimport { CollectionDataExtensionState } from './CollectionDataExtensionState';\nimport { ReactElement } from 'react';\nimport { FileCardList } from '../FileCard/FileCardList';\nimport { CustomFieldsCollectionPanelEntry } from '../CustomFieldsPanel/CustomFieldsCollectionPanelEntry';\nimport { MoreActionsItem } from '../MoreActions';\nimport { manageCustomFieldsPageAction } from './manageCustomFieldsPageAction';\n\nexport type DataExtensionObjectType = {\n  setDataExtensionOnTable: <T, F extends FiltersMap>(\n    toolbar: ToolbarCollectionState<T, F>,\n    overrides?: DataExtensionProps,\n  ) => void;\n  CustomFieldModal: typeof CustomFieldModal;\n  ArchiveFieldModal: typeof ArchiveFieldModal;\n  FileCardList: typeof FileCardList;\n  CustomColumns: typeof CustomColumnsFull;\n  CustomColumnsAddCustomFieldCTAButton: typeof CustomColumnsAddCustomFieldCTAButton;\n  CustomColumnsEditCustomFieldCTAButton: typeof CustomColumnsEditCustomFieldCTAButton;\n  CustomColumnsArchivedItemsCTAButton: typeof ArchivedItemsCTAButton;\n  syncTableCollectionProps: (state: ToolbarCollectionState<any, any>) => void;\n  manageCustomFieldsPageAction: (params: {\n    pageState: CollectionPageState;\n    container: WixPatternsContainer;\n  }) => MoreActionsItem;\n};\n\nexport type DataExtensionProps = DataExtensionOverrides;\n\nexport const DataExtension: React.FC<DataExtensionProps> &\n  DataExtensionObjectType = (_: DataExtensionProps) => {\n  return null;\n};\n\nexport type DataExtensionElement = ReactElement<\n  DataExtensionProps,\n  typeof DataExtension\n>;\n\nexport type DataExtensionType = typeof DataExtension;\n\nDataExtension.setDataExtensionOnTable = function (toolbar, overrides) {\n  toolbar.collectionDataExtension ??= new CollectionDataExtensionState({\n    toolbar,\n    container: toolbar.container,\n    DataExtension,\n    props: overrides,\n    ...overrides,\n  });\n};\nDataExtension.FileCardList = FileCardList;\nDataExtension.CustomFieldModal = CustomFieldModal;\nDataExtension.ArchiveFieldModal = ArchiveFieldModal;\nDataExtension.CustomColumns = CustomColumnsFull;\nDataExtension.CustomColumnsAddCustomFieldCTAButton =\n  CustomColumnsAddCustomFieldCTAButton;\nDataExtension.CustomColumnsEditCustomFieldCTAButton =\n  CustomColumnsEditCustomFieldCTAButton;\nDataExtension.CustomColumnsArchivedItemsCTAButton = ArchivedItemsCTAButton;\nDataExtension.syncTableCollectionProps = (\n  state: ToolbarCollectionState<any>,\n) => {\n  state.panels.registerSidePanel(\n    'customFields',\n    CustomFieldsCollectionPanelEntry,\n  );\n};\nDataExtension.manageCustomFieldsPageAction = manageCustomFieldsPageAction;\n"],"mappings":";;;;AAOA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,qCAAA,GAAAH,OAAA;AACA,IAAAI,sCAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,6BAAA,GAAAN,OAAA;AAEA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,iCAAA,GAAAR,OAAA;AAEA,IAAAS,6BAAA,GAAAT,OAAA;AAuBO,MAAMU,aACY,GAAIC,CAAqB,IAAK;EACrD,OAAO,IAAI;AACb,CAAC;AAACC,OAAA,CAAAF,aAAA,GAAAA,aAAA;AASFA,aAAa,CAACG,uBAAuB,GAAG,UAAUC,OAAO,EAAEC,SAAS,EAAE;EACpED,OAAO,CAACE,uBAAuB,KAA/BF,OAAO,CAACE,uBAAuB,GAAK,IAAIC,0DAA4B,CAAC;IACnEH,OAAO;IACPI,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BR,aAAa;IACbS,KAAK,EAAEJ,SAAS;IAChB,GAAGA;EACL,CAAC,CAAC;AACJ,CAAC;AACDL,aAAa,CAACU,YAAY,GAAGA,0BAAY;AACzCV,aAAa,CAACW,gBAAgB,GAAGA,kCAAgB;AACjDX,aAAa,CAACY,iBAAiB,GAAGA,oCAAiB;AACnDZ,aAAa,CAACa,aAAa,GAAGC,gCAAiB;AAC/Cd,aAAa,CAACe,oCAAoC,GAChDA,0EAAoC;AACtCf,aAAa,CAACgB,qCAAqC,GACjDA,4EAAqC;AACvChB,aAAa,CAACiB,mCAAmC,GAAGC,8CAAsB;AAC1ElB,aAAa,CAACmB,wBAAwB,GACpCC,KAAkC,IAC/B;EACHA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAC5B,cAAc,EACdC,kEACF,CAAC;AACH,CAAC;AACDvB,aAAa,CAACwB,4BAA4B,GAAGA,0DAA4B","ignoreList":[]}

package/dist/cjs/components/DateRangeFilter/DateRangeFilter.js

@@ -12,6 +12,7 @@ var _designSystem = require("@wix/design-system");
 var _bexCore = require("@wix/bex-core");
 var _hooks = require("../../hooks");
 var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
+var _renderPresetToolbarTag = require("./renderPresetToolbarTag");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/DateRangeFilter/DateRangeFilter.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); }
 function _DateRangeFilter(props) {
@@ -131,5 +132,5 @@ function _DateRangeFilter(props) {
 }
 const DateRangeFilter = exports.DateRangeFilter = (0, _mobxReactLite.observer)(_DateRangeFilter);
 DateRangeFilter.displayName = 'DateRangeFilter';
-DateRangeFilter.renderPresetToolbarTag = _bexCore.renderPresetToolbarTag;
+DateRangeFilter.renderPresetToolbarTag = _renderPresetToolbarTag.renderPresetToolbarTag;
 //# sourceMappingURL=DateRangeFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_mobxReactLite","_DateRangePicker","_designSystem","_bexCore","_hooks","_PatternsThemeProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_DateRangeFilter","props","filter","filterByTime","mode","dateRangeOptions","rest","translate","useWixPatternsContainer","radioGroup","spacing","usePatternsTheme","state","useDateRangeFilterState","dateRangePreset","useMemo","DefaultDateRangePreset","dateRangePresetArr","keys","DateRangePreset","key","includes","unshift","NONE","push","CUSTOM","dateRangePresetObjects","reduce","cur","useEffect","init","customElement","createElement","DateRangePicker","_extends2","dataHook","dateRangePicker","__self","__source","fileName","lineNumber","columnNumber","innerComponent","Box","direction","RadioGroup","value","selectedPreset","onChange","v","onPresetChanged","toString","values","map","preset","Radio","MAP_DATE_PRESET_TO_KEY","Collapse","open","marginTop","overflowY","name","DateRangeFilter","exports","observer","displayName","renderPresetToolbarTag"],"sources":["../../../../src/components/DateRangeFilter/DateRangeFilter.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FilterProps } from '../../model';\nimport { DateRangePicker } from '../DateRangePicker';\nimport { Box, Collapse, DatePickerProps, RadioGroup } from '@wix/design-system';\nimport {\n  DateRangeFilterMode,\n  DateRangeOptions,\n  DateRangePredefinedPresetOptions,\n  DateRangePreset,\n  DateRangePresetOptions,\n  DefaultDateRangePreset,\n  MAP_DATE_PRESET_TO_KEY,\n  RangeItem,\n  renderPresetToolbarTag,\n} from '@wix/bex-core';\nimport { useDateRangeFilterState } from '../../hooks';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\n\nexport interface DateRangeFilterProps\n  extends FilterProps<RangeItem<Date>>,\n    Partial<DatePickerProps> {\n  /**\n   * There are 3 possible modes:\n   * - `ONLY_PREDEFINED`: show only predefined dates options\n   * - `ONLY_CUSTOM`: show only custom date pickers\n   * - `COMBINE`: default, combines both predefined and custom\n   * @external\n   */\n  mode?: DateRangeFilterMode;\n  /**\n   * An optional array of 3 possible options: `'SEVEN_DAYS', 'FOURTEEN_DAYS', 'MONTH'`.\n   * @default `['SEVEN_DAYS', 'FOURTEEN_DAYS', 'MONTH']`\n   * @external\n   */\n  dateRangeOptions?: DateRangeOptions;\n\n  /**\n   * If to include time resolution\n   * @external\n   */\n  filterByTime?: boolean;\n}\n\nfunction _DateRangeFilter(props: DateRangeFilterProps) {\n  const {\n    filter,\n    filterByTime,\n    mode = 'COMBINE',\n    dateRangeOptions,\n    ...rest\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n  const {\n    radioGroup: { spacing },\n  } = usePatternsTheme();\n  const state = useDateRangeFilterState({\n    filter,\n    filterByTime,\n    mode,\n  });\n\n  const dateRangePreset: Partial<Record<DateRangePresetOptions, string>> =\n    useMemo(() => {\n      if (!dateRangeOptions) {\n        return DefaultDateRangePreset;\n      }\n      const dateRangePresetArr = Object.keys(DateRangePreset).filter((key) =>\n        dateRangeOptions.includes(key as DateRangePredefinedPresetOptions),\n      );\n      dateRangePresetArr.unshift(DateRangePreset.NONE);\n      if (mode === 'COMBINE') {\n        dateRangePresetArr.push(DateRangePreset.CUSTOM);\n      }\n      const dateRangePresetObjects = dateRangePresetArr.reduce(\n        (cur, key) => ({\n          ...cur,\n          [key]: DateRangePreset[key as DateRangePresetOptions],\n        }),\n        {},\n      ) as Record<DateRangePresetOptions, string>;\n\n      return dateRangePresetObjects;\n    }, [mode, dateRangeOptions]);\n\n  useEffect(() => state.init(), []);\n\n  const customElement = (\n    <DateRangePicker\n      dataHook=\"date-range-picker\"\n      state={state.dateRangePicker}\n      {...rest}\n    />\n  );\n  const innerComponent =\n    mode === 'ONLY_CUSTOM' ? (\n      customElement\n    ) : (\n      <Box direction=\"vertical\">\n        <RadioGroup\n          value={state.dateRangePicker.selectedPreset}\n          onChange={(v) =>\n            v && state.dateRangePicker.onPresetChanged(v.toString())\n          }\n          spacing={spacing}\n          dataHook=\"date-range-filter-group\"\n        >\n          {Object.values(dateRangePreset).map((preset) =>\n            preset === dateRangePreset.CUSTOM ? null : (\n              <RadioGroup.Radio\n                key={preset}\n                value={preset}\n                dataHook={`date-range-filter-option-${preset}`}\n              >\n                {t(MAP_DATE_PRESET_TO_KEY[preset])}\n              </RadioGroup.Radio>\n            ),\n          )}\n          {mode === 'COMBINE' && dateRangePreset.CUSTOM && (\n            <RadioGroup.Radio\n              value={dateRangePreset.CUSTOM}\n              dataHook={`date-range-filter-option-${dateRangePreset.CUSTOM}`}\n            >\n              {t(MAP_DATE_PRESET_TO_KEY[dateRangePreset.CUSTOM])}\n            </RadioGroup.Radio>\n          )}\n        </RadioGroup>\n        <Collapse\n          open={state.dateRangePicker.selectedPreset === dateRangePreset.CUSTOM}\n        >\n          <Box marginTop=\"14px\" overflowY=\"visible\">\n            {customElement}\n          </Box>\n        </Collapse>\n      </Box>\n    );\n\n  return (\n    <Box dataHook={`date-range-filter-${filter.name}`} direction=\"vertical\">\n      {innerComponent}\n    </Box>\n  );\n}\nexport const DateRangeFilter = observer(\n  _DateRangeFilter,\n) as typeof _DateRangeFilter & {\n  displayName?: string;\n  renderPresetToolbarTag?: typeof renderPresetToolbarTag;\n};\n\nDateRangeFilter.displayName = 'DateRangeFilter';\nDateRangeFilter.renderPresetToolbarTag = renderPresetToolbarTag;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAWA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AAAsE,IAAAQ,YAAA;AAAA,SAAAT,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AA2BtE,SAASkB,gBAAgBA,CAACC,KAA2B,EAAE;EACrD,MAAM;IACJC,MAAM;IACNC,YAAY;IACZC,IAAI,GAAG,SAAS;IAChBC,gBAAgB;IAChB,GAAGC;EACL,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM,SAAS,EAAEzB;EAAE,CAAC,GAAG,IAAA0B,+BAAuB,EAAC,CAAC;EAClD,MAAM;IACJC,UAAU,EAAE;MAAEC;IAAQ;EACxB,CAAC,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EACtB,MAAMC,KAAK,GAAG,IAAAC,8BAAuB,EAAC;IACpCX,MAAM;IACNC,YAAY;IACZC;EACF,CAAC,CAAC;EAEF,MAAMU,eAAgE,GACpE,IAAAC,cAAO,EAAC,MAAM;IACZ,IAAI,CAACV,gBAAgB,EAAE;MACrB,OAAOW,+BAAsB;IAC/B;IACA,MAAMC,kBAAkB,GAAGpB,MAAM,CAACqB,IAAI,CAACC,wBAAe,CAAC,CAACjB,MAAM,CAAEkB,GAAG,IACjEf,gBAAgB,CAACgB,QAAQ,CAACD,GAAuC,CACnE,CAAC;IACDH,kBAAkB,CAACK,OAAO,CAACH,wBAAe,CAACI,IAAI,CAAC;IAChD,IAAInB,IAAI,KAAK,SAAS,EAAE;MACtBa,kBAAkB,CAACO,IAAI,CAACL,wBAAe,CAACM,MAAM,CAAC;IACjD;IACA,MAAMC,sBAAsB,GAAGT,kBAAkB,CAACU,MAAM,CACtD,CAACC,GAAG,EAAER,GAAG,MAAM;MACb,GAAGQ,GAAG;MACN,CAACR,GAAG,GAAGD,wBAAe,CAACC,GAAG;IAC5B,CAAC,CAAC,EACF,CAAC,CACH,CAA2C;IAE3C,OAAOM,sBAAsB;EAC/B,CAAC,EAAE,CAACtB,IAAI,EAAEC,gBAAgB,CAAC,CAAC;EAE9B,IAAAwB,gBAAS,EAAC,MAAMjB,KAAK,CAACkB,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAMC,aAAa,gBACjB7D,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACzD,gBAAA,CAAA0D,eAAe,MAAAC,SAAA,CAAA3C,OAAA;IACd4C,QAAQ,EAAC,mBAAmB;IAC5BvB,KAAK,EAAEA,KAAK,CAACwB;EAAgB,GACzB9B,IAAI;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CACF;EACD,MAAMC,cAAc,GAClBtC,IAAI,KAAK,aAAa,GACpB2B,aAAa,gBAEb7D,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACxD,aAAA,CAAAmE,GAAG;IAACC,SAAS,EAAC,UAAU;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBvE,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACxD,aAAA,CAAAqE,UAAU;IACTC,KAAK,EAAElC,KAAK,CAACwB,eAAe,CAACW,cAAe;IAC5CC,QAAQ,EAAGC,CAAC,IACVA,CAAC,IAAIrC,KAAK,CAACwB,eAAe,CAACc,eAAe,CAACD,CAAC,CAACE,QAAQ,CAAC,CAAC,CACxD;IACDzC,OAAO,EAAEA,OAAQ;IACjByB,QAAQ,EAAC,yBAAyB;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEjC5C,MAAM,CAACuD,MAAM,CAACtC,eAAe,CAAC,CAACuC,GAAG,CAAEC,MAAM,IACzCA,MAAM,KAAKxC,eAAe,CAACW,MAAM,GAAG,IAAI,gBACtCvD,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACxD,aAAA,CAAAqE,UAAU,CAACU,KAAK;IACfnC,GAAG,EAAEkC,MAAO;IACZR,KAAK,EAAEQ,MAAO;IACdnB,QAAQ,EAAE,4BAA4BmB,MAAM,EAAG;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE9C3D,CAAC,CAAC0E,+BAAsB,CAACF,MAAM,CAAC,CACjB,CAEtB,CAAC,EACAlD,IAAI,KAAK,SAAS,IAAIU,eAAe,CAACW,MAAM,iBAC3CvD,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACxD,aAAA,CAAAqE,UAAU,CAACU,KAAK;IACfT,KAAK,EAAEhC,eAAe,CAACW,MAAO;IAC9BU,QAAQ,EAAE,4BAA4BrB,eAAe,CAACW,MAAM,EAAG;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE9D3D,CAAC,CAAC0E,+BAAsB,CAAC1C,eAAe,CAACW,MAAM,CAAC,CACjC,CAEV,CAAC,eACbvD,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACxD,aAAA,CAAAiF,QAAQ;IACPC,IAAI,EAAE9C,KAAK,CAACwB,eAAe,CAACW,cAAc,KAAKjC,eAAe,CAACW,MAAO;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEtEvE,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACxD,aAAA,CAAAmE,GAAG;IAACgB,SAAS,EAAC,MAAM;IAACC,SAAS,EAAC,SAAS;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtCV,aACE,CACG,CACP,CACN;EAEH,oBACE7D,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACxD,aAAA,CAAAmE,GAAG;IAACR,QAAQ,EAAE,qBAAqBjC,MAAM,CAAC2D,IAAI,EAAG;IAACjB,SAAS,EAAC,UAAU;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpEC,cACE,CAAC;AAEV;AACO,MAAMoB,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EACrChE,gBACF,CAGC;AAED8D,eAAe,CAACG,WAAW,GAAG,iBAAiB;AAC/CH,eAAe,CAACI,sBAAsB,GAAGA,+BAAsB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_mobxReactLite","_DateRangePicker","_designSystem","_bexCore","_hooks","_PatternsThemeProvider","_renderPresetToolbarTag","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_DateRangeFilter","props","filter","filterByTime","mode","dateRangeOptions","rest","translate","useWixPatternsContainer","radioGroup","spacing","usePatternsTheme","state","useDateRangeFilterState","dateRangePreset","useMemo","DefaultDateRangePreset","dateRangePresetArr","keys","DateRangePreset","key","includes","unshift","NONE","push","CUSTOM","dateRangePresetObjects","reduce","cur","useEffect","init","customElement","createElement","DateRangePicker","_extends2","dataHook","dateRangePicker","__self","__source","fileName","lineNumber","columnNumber","innerComponent","Box","direction","RadioGroup","value","selectedPreset","onChange","v","onPresetChanged","toString","values","map","preset","Radio","MAP_DATE_PRESET_TO_KEY","Collapse","open","marginTop","overflowY","name","DateRangeFilter","exports","observer","displayName","renderPresetToolbarTag"],"sources":["../../../../src/components/DateRangeFilter/DateRangeFilter.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FilterProps } from '../../model';\nimport { DateRangePicker } from '../DateRangePicker';\nimport { Box, Collapse, DatePickerProps, RadioGroup } from '@wix/design-system';\nimport {\n  DateRangeFilterMode,\n  DateRangeOptions,\n  DateRangePredefinedPresetOptions,\n  DateRangePreset,\n  DateRangePresetOptions,\n  DefaultDateRangePreset,\n  MAP_DATE_PRESET_TO_KEY,\n  RangeItem,\n} from '@wix/bex-core';\nimport { useDateRangeFilterState } from '../../hooks';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\nimport { renderPresetToolbarTag } from './renderPresetToolbarTag';\n\nexport interface DateRangeFilterProps\n  extends FilterProps<RangeItem<Date>>,\n    Partial<DatePickerProps> {\n  /**\n   * There are 3 possible modes:\n   * - `ONLY_PREDEFINED`: show only predefined dates options\n   * - `ONLY_CUSTOM`: show only custom date pickers\n   * - `COMBINE`: default, combines both predefined and custom\n   * @external\n   */\n  mode?: DateRangeFilterMode;\n  /**\n   * An optional array of 3 possible options: `'SEVEN_DAYS', 'FOURTEEN_DAYS', 'MONTH'`.\n   * @default `['SEVEN_DAYS', 'FOURTEEN_DAYS', 'MONTH']`\n   * @external\n   */\n  dateRangeOptions?: DateRangeOptions;\n\n  /**\n   * If to include time resolution\n   * @external\n   */\n  filterByTime?: boolean;\n}\n\nfunction _DateRangeFilter(props: DateRangeFilterProps) {\n  const {\n    filter,\n    filterByTime,\n    mode = 'COMBINE',\n    dateRangeOptions,\n    ...rest\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n  const {\n    radioGroup: { spacing },\n  } = usePatternsTheme();\n  const state = useDateRangeFilterState({\n    filter,\n    filterByTime,\n    mode,\n  });\n\n  const dateRangePreset: Partial<Record<DateRangePresetOptions, string>> =\n    useMemo(() => {\n      if (!dateRangeOptions) {\n        return DefaultDateRangePreset;\n      }\n      const dateRangePresetArr = Object.keys(DateRangePreset).filter((key) =>\n        dateRangeOptions.includes(key as DateRangePredefinedPresetOptions),\n      );\n      dateRangePresetArr.unshift(DateRangePreset.NONE);\n      if (mode === 'COMBINE') {\n        dateRangePresetArr.push(DateRangePreset.CUSTOM);\n      }\n      const dateRangePresetObjects = dateRangePresetArr.reduce(\n        (cur, key) => ({\n          ...cur,\n          [key]: DateRangePreset[key as DateRangePresetOptions],\n        }),\n        {},\n      ) as Record<DateRangePresetOptions, string>;\n\n      return dateRangePresetObjects;\n    }, [mode, dateRangeOptions]);\n\n  useEffect(() => state.init(), []);\n\n  const customElement = (\n    <DateRangePicker\n      dataHook=\"date-range-picker\"\n      state={state.dateRangePicker}\n      {...rest}\n    />\n  );\n  const innerComponent =\n    mode === 'ONLY_CUSTOM' ? (\n      customElement\n    ) : (\n      <Box direction=\"vertical\">\n        <RadioGroup\n          value={state.dateRangePicker.selectedPreset}\n          onChange={(v) =>\n            v && state.dateRangePicker.onPresetChanged(v.toString())\n          }\n          spacing={spacing}\n          dataHook=\"date-range-filter-group\"\n        >\n          {Object.values(dateRangePreset).map((preset) =>\n            preset === dateRangePreset.CUSTOM ? null : (\n              <RadioGroup.Radio\n                key={preset}\n                value={preset}\n                dataHook={`date-range-filter-option-${preset}`}\n              >\n                {t(MAP_DATE_PRESET_TO_KEY[preset])}\n              </RadioGroup.Radio>\n            ),\n          )}\n          {mode === 'COMBINE' && dateRangePreset.CUSTOM && (\n            <RadioGroup.Radio\n              value={dateRangePreset.CUSTOM}\n              dataHook={`date-range-filter-option-${dateRangePreset.CUSTOM}`}\n            >\n              {t(MAP_DATE_PRESET_TO_KEY[dateRangePreset.CUSTOM])}\n            </RadioGroup.Radio>\n          )}\n        </RadioGroup>\n        <Collapse\n          open={state.dateRangePicker.selectedPreset === dateRangePreset.CUSTOM}\n        >\n          <Box marginTop=\"14px\" overflowY=\"visible\">\n            {customElement}\n          </Box>\n        </Collapse>\n      </Box>\n    );\n\n  return (\n    <Box dataHook={`date-range-filter-${filter.name}`} direction=\"vertical\">\n      {innerComponent}\n    </Box>\n  );\n}\nexport const DateRangeFilter = observer(\n  _DateRangeFilter,\n) as typeof _DateRangeFilter & {\n  displayName?: string;\n  renderPresetToolbarTag?: typeof renderPresetToolbarTag;\n};\n\nDateRangeFilter.displayName = 'DateRangeFilter';\nDateRangeFilter.renderPresetToolbarTag = renderPresetToolbarTag;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DateRangeFilter/renderPresetToolbarTag.js

@@ -0,0 +1,42 @@
+"use strict";
+
+exports.__esModule = true;
+exports.renderPresetToolbarTag = void 0;
+var _bexCore = require("@wix/bex-core");
+var _react = require("react");
+var _FilterTagContent = require("../AppliedFiltersTagList/FilterTagContent");
+const renderPresetToolbarTag = (container, params) => {
+  return filter => {
+    const {
+      filterProps
+    } = params;
+    const {
+      translate: t,
+      dateFormatters
+    } = container;
+    const {
+      preset
+    } = filter;
+    if (!preset || !_bexCore.presetToDaysAmount[preset]) {
+      return {
+        children: /*#__PURE__*/(0, _react.createElement)(_FilterTagContent.FilterTagContent, {
+          filterProps
+        }, getDateRangeLabel(filter, {
+          dateFormatters
+        }))
+      };
+    }
+    return {
+      children: /*#__PURE__*/(0, _react.createElement)(_FilterTagContent.FilterTagContent, {
+        filterProps
+      }, t(_bexCore.MAP_DATE_PRESET_TO_KEY[preset]))
+    };
+  };
+};
+exports.renderPresetToolbarTag = renderPresetToolbarTag;
+const getDateRangeLabel = (item, {
+  dateFormatters
+}) => {
+  return [item.from, item.to].filter(Boolean).map(date => dateFormatters.mediumTime.format(date)).join(' - ');
+};
+//# sourceMappingURL=renderPresetToolbarTag.js.map

package/dist/cjs/components/DateRangeFilter/renderPresetToolbarTag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_react","_FilterTagContent","renderPresetToolbarTag","container","params","filter","filterProps","translate","t","dateFormatters","preset","presetToDaysAmount","children","createElement","FilterTagContent","getDateRangeLabel","MAP_DATE_PRESET_TO_KEY","exports","item","from","to","Boolean","map","date","mediumTime","format","join"],"sources":["../../../../src/components/DateRangeFilter/renderPresetToolbarTag.ts"],"sourcesContent":["import {\n  FilterItem,\n  MAP_DATE_PRESET_TO_KEY,\n  presetToDaysAmount,\n  RangeItem,\n  Translate,\n} from '@wix/bex-core';\nimport { createElement } from 'react';\nimport { FilterProps } from '../../model';\nimport { FilterTagContent } from '../AppliedFiltersTagList/FilterTagContent';\n\nexport const renderPresetToolbarTag = (\n  container: {\n    translate: Translate;\n    dateFormatters: {\n      medium: Intl.DateTimeFormat;\n      mediumTime: Intl.DateTimeFormat;\n    };\n  },\n  params: {\n    filterProps: FilterProps<any>;\n  },\n) => {\n  return <V>(filter: FilterItem<V>) => {\n    const { filterProps } = params;\n    const { translate: t, dateFormatters } = container;\n    const { preset } = filter as FilterItem<RangeItem<Date>>;\n    if (!preset || !presetToDaysAmount[preset]) {\n      return {\n        children: createElement(\n          FilterTagContent,\n          { filterProps },\n          getDateRangeLabel(filter as RangeItem<Date>, {\n            dateFormatters,\n          }),\n        ),\n      };\n    }\n    return {\n      children: createElement(\n        FilterTagContent,\n        { filterProps },\n        t(MAP_DATE_PRESET_TO_KEY[preset]),\n      ),\n    };\n  };\n};\n\nconst getDateRangeLabel = (\n  item: RangeItem<Date>,\n  {\n    dateFormatters,\n  }: {\n    dateFormatters: {\n      medium: Intl.DateTimeFormat;\n      mediumTime: Intl.DateTimeFormat;\n    };\n  },\n) => {\n  return [item.from, item.to]\n    .filter(Boolean as unknown as (d: Date | null) => d is Date)\n    .map((date) => dateFormatters.mediumTime.format(date))\n    .join(' - ');\n};\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAEO,MAAMG,sBAAsB,GAAGA,CACpCC,SAMC,EACDC,MAEC,KACE;EACH,OAAWC,MAAqB,IAAK;IACnC,MAAM;MAAEC;IAAY,CAAC,GAAGF,MAAM;IAC9B,MAAM;MAAEG,SAAS,EAAEC,CAAC;MAAEC;IAAe,CAAC,GAAGN,SAAS;IAClD,MAAM;MAAEO;IAAO,CAAC,GAAGL,MAAqC;IACxD,IAAI,CAACK,MAAM,IAAI,CAACC,2BAAkB,CAACD,MAAM,CAAC,EAAE;MAC1C,OAAO;QACLE,QAAQ,eAAE,IAAAC,oBAAa,EACrBC,kCAAgB,EAChB;UAAER;QAAY,CAAC,EACfS,iBAAiB,CAACV,MAAM,EAAqB;UAC3CI;QACF,CAAC,CACH;MACF,CAAC;IACH;IACA,OAAO;MACLG,QAAQ,eAAE,IAAAC,oBAAa,EACrBC,kCAAgB,EAChB;QAAER;MAAY,CAAC,EACfE,CAAC,CAACQ,+BAAsB,CAACN,MAAM,CAAC,CAClC;IACF,CAAC;EACH,CAAC;AACH,CAAC;AAACO,OAAA,CAAAf,sBAAA,GAAAA,sBAAA;AAEF,MAAMa,iBAAiB,GAAGA,CACxBG,IAAqB,EACrB;EACET;AAMF,CAAC,KACE;EACH,OAAO,CAACS,IAAI,CAACC,IAAI,EAAED,IAAI,CAACE,EAAE,CAAC,CACxBf,MAAM,CAACgB,OAAmD,CAAC,CAC3DC,GAAG,CAAEC,IAAI,IAAKd,cAAc,CAACe,UAAU,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC,CACrDG,IAAI,CAAC,KAAK,CAAC;AAChB,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "DragHandle4010270607";
+var _namespace_ = "DragHandle283894865";
 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": "DragHandle4010270607__root"
+  "root": "DragHandle283894865__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle4010270607\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle4010270607__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA4B,CAAC;AACnD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle283894865\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle283894865__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA2B,CAAC;AAClD,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/EntityPage/EntityPagePlain.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EntityPagePlain2079523194";
+var _namespace_ = "EntityPagePlain2242320061";
 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": "EntityPagePlain2079523194__root"
+  "root": "EntityPagePlain2242320061__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain2079523194\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain2079523194__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAiC,CAAC;AACxD,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,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain2242320061\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain2242320061__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAiC,CAAC;AACxD,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,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Fade2255177420";
+var _namespace_ = "Fade222354217";
 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": "Fade2255177420__root"
+  "root": "Fade222354217__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2255177420\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade2255177420__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAsB,CAAC;AAC7C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade222354217\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade222354217__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAqB,CAAC;AAC5C,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/Heading/Heading.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading1638966174";
+var _namespace_ = "Heading2590859254";
 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": "Heading1638966174__root"
+  "root": "Heading2590859254__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1638966174\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading1638966174__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAyB,CAAC;AAChD,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading2590859254\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading2590859254__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAyB,CAAC;AAChD,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":[]}