@wix/patterns 1.349.0 → 1.351.0

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.js

@@ -12,6 +12,9 @@ const _CustomFieldsWidgetCommonComponents = ({
   state
 }) => {
   const page = (0, _react2.usePageContext)();
+  const {
+    useRelativeSidePanel
+  } = (0, _react2.useWixPatternsContainer)();
   const {
     modalsContainerRef,
     stackingRootRef
@@ -24,12 +27,12 @@ const _CustomFieldsWidgetCommonComponents = ({
   const ArchiveFieldModal = state.ArchiveFieldModal;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, WixPatternsModalsContainer && /*#__PURE__*/_react.default.createElement(WixPatternsModalsContainer, {
     rootRef: stackingRootRef,
-    anchorRef: modalsContainerRef,
+    anchorRef: useRelativeSidePanel ? stackingRootRef : modalsContainerRef,
     state: state.panels,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 29,
       columnNumber: 9
     }
   }), CustomFieldModal && /*#__PURE__*/_react.default.createElement(CustomFieldModal, {
@@ -37,7 +40,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 38,
       columnNumber: 9
     }
   }), ArchiveFieldModal && /*#__PURE__*/_react.default.createElement(ArchiveFieldModal, {
@@ -45,7 +48,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 41,
       columnNumber: 9
     }
   }), state.dataExtension.deleteFieldModal && /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
@@ -53,7 +56,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 44,
       columnNumber: 9
     }
   }));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_DeleteFieldModal","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","modalsContainerRef","stackingRootRef","isLoading","WixPatternsModalsContainer","CustomFieldModal","ArchiveFieldModal","default","createElement","Fragment","rootRef","anchorRef","panels","__self","__source","fileName","lineNumber","columnNumber","customFieldsPanel","customFieldModal","archiveFieldModal","dataExtension","deleteFieldModal","DeleteFieldModal","CustomFieldsWidgetCommonComponents","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { DeleteFieldModal } from '../ArchivedItemsPanel/DeleteFieldModal';\n\ninterface CustomFieldsWidgetCommonComponentsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _CustomFieldsWidgetCommonComponents = ({\n  state,\n}: CustomFieldsWidgetCommonComponentsProps) => {\n  const page = usePageContext();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  if (state.isLoading) {\n    return null;\n  }\n  const WixPatternsModalsContainer = state.WixPatternsModalsContainer;\n  const CustomFieldModal = state.CustomFieldModal;\n  const ArchiveFieldModal = state.ArchiveFieldModal;\n\n  return (\n    <>\n      {WixPatternsModalsContainer && (\n        <WixPatternsModalsContainer\n          rootRef={stackingRootRef}\n          anchorRef={modalsContainerRef}\n          state={state.panels}\n        />\n      )}\n      {CustomFieldModal && (\n        <CustomFieldModal state={state.customFieldsPanel.customFieldModal} />\n      )}\n      {ArchiveFieldModal && (\n        <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />\n      )}\n      {state.dataExtension.deleteFieldModal && (\n        <DeleteFieldModal state={state.dataExtension.deleteFieldModal} />\n      )}\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetCommonComponents = observer(\n  _CustomFieldsWidgetCommonComponents,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AAA0E,IAAAI,YAAA;AAM1E,MAAMC,mCAAmC,GAAGA,CAAC;EAC3CC;AACuC,CAAC,KAAK;EAC7C,MAAMC,IAAI,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE7B,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGH,IAAI;EAEpD,IAAID,KAAK,CAACK,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGN,KAAK,CAACM,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGP,KAAK,CAACO,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGR,KAAK,CAACQ,iBAAiB;EAEjD,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAAlB,MAAA,CAAAiB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBd,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EAAEV,kBAAmB;IAC9BH,KAAK,EAAEA,KAAK,CAACc,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACff,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACP,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,iBAChBhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACR,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,EACAnB,KAAK,CAACuB,aAAa,CAACC,gBAAgB,iBACnChC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAA4B,gBAAgB;IAACzB,KAAK,EAAEA,KAAK,CAACuB,aAAa,CAACC,gBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAElE,CAAC;AAEP,CAAC;AAEM,MAAMO,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD7B,mCACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_DeleteFieldModal","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","useRelativeSidePanel","useWixPatternsContainer","modalsContainerRef","stackingRootRef","isLoading","WixPatternsModalsContainer","CustomFieldModal","ArchiveFieldModal","default","createElement","Fragment","rootRef","anchorRef","panels","__self","__source","fileName","lineNumber","columnNumber","customFieldsPanel","customFieldModal","archiveFieldModal","dataExtension","deleteFieldModal","DeleteFieldModal","CustomFieldsWidgetCommonComponents","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { DeleteFieldModal } from '../ArchivedItemsPanel/DeleteFieldModal';\n\ninterface CustomFieldsWidgetCommonComponentsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _CustomFieldsWidgetCommonComponents = ({\n  state,\n}: CustomFieldsWidgetCommonComponentsProps) => {\n  const page = usePageContext();\n  const { useRelativeSidePanel } = useWixPatternsContainer();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  if (state.isLoading) {\n    return null;\n  }\n  const WixPatternsModalsContainer = state.WixPatternsModalsContainer;\n  const CustomFieldModal = state.CustomFieldModal;\n  const ArchiveFieldModal = state.ArchiveFieldModal;\n\n  return (\n    <>\n      {WixPatternsModalsContainer && (\n        <WixPatternsModalsContainer\n          rootRef={stackingRootRef}\n          anchorRef={\n            useRelativeSidePanel ? stackingRootRef : modalsContainerRef\n          }\n          state={state.panels}\n        />\n      )}\n      {CustomFieldModal && (\n        <CustomFieldModal state={state.customFieldsPanel.customFieldModal} />\n      )}\n      {ArchiveFieldModal && (\n        <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />\n      )}\n      {state.dataExtension.deleteFieldModal && (\n        <DeleteFieldModal state={state.dataExtension.deleteFieldModal} />\n      )}\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetCommonComponents = observer(\n  _CustomFieldsWidgetCommonComponents,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AAA0E,IAAAI,YAAA;AAM1E,MAAMC,mCAAmC,GAAGA,CAAC;EAC3CC;AACuC,CAAC,KAAK;EAC7C,MAAMC,IAAI,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAC7B,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE1D,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGL,IAAI;EAEpD,IAAID,KAAK,CAACO,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGR,KAAK,CAACQ,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGT,KAAK,CAACS,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGV,KAAK,CAACU,iBAAiB;EAEjD,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBhB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EACPZ,oBAAoB,GAAGG,eAAe,GAAGD,kBAC1C;IACDL,KAAK,EAAEA,KAAK,CAACgB,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACfjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACT,KAAK,EAAEA,KAAK,CAACsB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,iBAChBlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACV,KAAK,EAAEA,KAAK,CAACsB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,EACArB,KAAK,CAACyB,aAAa,CAACC,gBAAgB,iBACnClC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAA8B,gBAAgB;IAAC3B,KAAK,EAAEA,KAAK,CAACyB,aAAa,CAACC,gBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAElE,CAAC;AAEP,CAAC;AAEM,MAAMO,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD/B,mCACF,CAAC","ignoreList":[]}

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

@@ -84,27 +84,15 @@ class CollectionDataExtensionState {
     }));
   }
   _addCustomFieldFilters() {
-    const {
-      translate
-    } = this.dataExtension.container;
     const customFieldFilter = {
       date: _bexCore.dateRangeFilter,
       dateTime: _bexCore.dateRangeFilter,
       checkbox: _bexCore.idNameArrayFilter,
       decimal: _bexCore.numberRangeFilter,
       integer: _bexCore.numberRangeFilter,
-      shortText: params => (0, _bexCore.stringOperatorFilter)({
-        ...params,
-        translate
-      }),
-      url: params => (0, _bexCore.stringOperatorFilter)({
-        ...params,
-        translate
-      }),
-      longText: params => (0, _bexCore.stringOperatorFilter)({
-        ...params,
-        translate
-      })
+      shortText: _bexCore.stringOperatorFilter,
+      url: _bexCore.stringOperatorFilter,
+      longText: _bexCore.stringOperatorFilter
     };
     this.dataExtension.filterableCustomFields.forEach(customField => {
       const filter = customFieldFilter[customField.type];

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","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","shortText","stringOperatorFilter","url","longText","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  stringOperatorFilter,\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 { translate } = this.dataExtension.container;\n\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      shortText: (params) => stringOperatorFilter({ ...params, translate }),\n      url: (params) => stringOperatorFilter({ ...params, translate }),\n      longText: (params) => stringOperatorFilter({ ...params, translate }),\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      // Add custom field filters BEFORE initTask completes so collection waits for them\n      this._addCustomFieldFilters();\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","shortText","stringOperatorFilter","url","longText","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  stringOperatorFilter,\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      shortText: stringOperatorFilter,\n      url: stringOperatorFilter,\n      longText: stringOperatorFilter,\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      // Add custom field filters BEFORE initTask completes so collection waits for them\n      this._addCustomFieldFilters();\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":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAoBA,IAAAC,GAAA,GAAAD,OAAA;AAIA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAIA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AAWO,MAAMM,4BAA4B,CAA0B;EASjE,IAAIC,mBAAmBA,CAAA,EAA4B;IACjD,OAAO,CAAC,IAAI,CAACC,aAAa,CAACC,4BAA4B,CAAC;EAC1D;EAEAC,WAAWA,CAACC,MAAgD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAR1C,IAAIC,kBAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IASjC,IAAI,CAACE,OAAO,GAAGJ,MAAM,CAACI,OAAO;IAC7B,IAAI,CAACC,KAAK,GAAGL,MAAM,CAACK,KAAK;IACzB,IAAI,CAACR,aAAa,GAAGG,MAAM,CAACH,aAAa;IACzC,IAAI,CAACS,aAAa,GAAG,IAAIC,2BAAkB,CAAC;MAC1CC,SAAS,EAAER,MAAM,CAACQ,SAAS;MAC3BC,IAAI,EAAET,MAAM,CAACI,OAAO,CAACM,UAAU,CAACD,IAAI,IAAI;QACtCE,OAAO,EAAEX,MAAM,CAACI,OAAO,CAACM,UAAU,CAACE;MACrC,CAAC;MACDC,cAAc,EAAEb,MAAM,CAACI,OAAO,CAACS,cAAc;MAC7CC,yBAAyB,EAAEd,MAAM,CAACc,yBAAyB;MAC3DC,UAAU,EAAEf,MAAM,CAACe,UAAU;MAC7BC,WAAW,EAAEhB,MAAM,CAACgB,WAAW;MAC/BC,kBAAkB,EAAEjB,MAAM,CAACiB,kBAAkB;MAC7CC,aAAa,EAAElB,MAAM,CAACkB;IACxB,CAAC,CAAC;IAEF,IAAI,CAACC,iBAAiB,GAAG,IAAIC,8CAAsB,CAAC;MAClDd,aAAa,EAAE,IAAI,CAACA,aAAa;MACjCe,QAAQ,EAAE,IAAI,CAACjB,OAAO,CAACiB,QAAQ;MAC/BR,cAAc,EAAE,IAAI,CAACT,OAAO,CAACS;IAC/B,CAAC,CAAC;IACF,IAAI,CAACS,UAAU,GAAG;MAChBC,wBAAwB,EAAxBA;IACF,CAAC;EACH;EAEAC,qBAAqBA,CAACC,GAAY,EAAE;IAClC,OAAO,IAAIC,yBAAgB,CAAC;MAC1BC,SAAS,EAAE,qCAAqC;MAChDC,iBAAiB,EAAEH;IACrB,CAAC,CAAC;EACJ;EAEAI,wBAAwBA,CAAA,EAAG;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IACzB,MAAMC,KAAK,GAAG,IAAI,CAAC1B,aAAa,CAAC2B,QAAQ,CAACC,MAAM,CAACF,KAAK;IAEtD,IAAI,CAACA,KAAK,EAAE;MACV;IACF;IAEA,MAAMG,UAAU,GAAG,IAAI,CAACX,qBAAqB,CAACQ,KAAK,CAAC;IACpD,CAAAF,qBAAA,IAAAC,sBAAA,OAAI,CAACzB,aAAa,CAACE,SAAS,EAAC4B,SAAS,aAAtCN,qBAAA,CAAAO,IAAA,CAAAN,sBAAA,EAAyC;MACvCO,OAAO,EAAE,IAAI,CAAChC,aAAa,CAACE,SAAS,CAAC+B,SAAS,CAC7C,yCACF,CAAC;MACDC,MAAM,EAAE;QACNC,MAAM,EAAE,MAAM;QACdC,IAAI,EAAE,IAAI,CAACpC,aAAa,CAACE,SAAS,CAAC+B,SAAS,CAAC,mBAAmB,CAAC;QACjEI,OAAO,EAAEA,CAAA,KAAM;UACb,IAAI,CAACvC,OAAO,CAACiB,QAAQ,CACnB,IAAAuB,wBAAe,EAACC,wBAAoB,CAAC,CAAC;YACpCC,UAAU,EAAE,uBAAuB;YACnCC,QAAQ,EAAE;UACZ,CAAC,CACH,CAAC;UACD,IAAI,CAACzC,aAAa,CACf0C,YAAY,CAAC,CAAC,CACdC,KAAK,CAAC,IAAI,CAACpB,wBAAwB,CAACqB,IAAI,CAAC,IAAI,CAAC,CAAC;QACpD,CAAC;QACDC,kBAAkB,EAAE;MACtB,CAAC;MACDC,IAAI,EAAE,SAAS;MACfC,MAAM,EAAE;IACV,CAAC,CAAC;IAEF,IAAI,CAAC/C,aAAa,CAACE,SAAS,CAAC8C,eAAe,CAACC,WAAW,CAAC;MACvDvB,KAAK,EAAEG;IACT,CAAC,CAAC;IAEF,IAAI,CAAC/B,OAAO,CAACiB,QAAQ,CACnB,IAAAmC,iCAA6B,EAAC;MAC5BC,SAAS,EAAEtB,UAAU,CAACuB;IACxB,CAAC,CACH,CAAC;EACH;EAEAC,sBAAsBA,CAAA,EAAG;IACvB,MAAMC,iBAIL,GAAG;MACFC,IAAI,EAAEC,wBAAe;MACrBC,QAAQ,EAAED,wBAAe;MACzBE,QAAQ,EAAEC,0BAAiB;MAC3BC,OAAO,EAAEC,0BAAiB;MAC1BC,OAAO,EAAED,0BAAiB;MAC1BE,SAAS,EAAEC,6BAAoB;MAC/BC,GAAG,EAAED,6BAAoB;MACzBE,QAAQ,EAAEF;IACZ,CAAC;IAED,IAAI,CAAChE,aAAa,CAACmE,sBAAsB,CAACC,OAAO,CAC9CC,WAAwB,IAAK;MAC5B,MAAMC,MAAM,GAAGhB,iBAAiB,CAACe,WAAW,CAACvB,IAAI,CAAC;MAElD,IAAI,CAACwB,MAAM,EAAE;QACX;MACF;MAEA,IAAI,CAACxE,OAAO,CAACM,UAAU,CAACmE,KAAK,CAACC,iBAAiB,CAC7CH,WAAW,CAACI,EAAE,EACdH,MAAM,CAAC;QACLlB,IAAI,EAAEiB,WAAW,CAACI,EAAE;QACpBC,aAAa,EAAE;MACjB,CAAC,CACH,CAAC;IACH,CACF,CAAC;EACH;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEhD,QAAQ;MAAE3B,aAAa;MAAEF;IAAQ,CAAC,GAAG,IAAI;IACjD,MAAM;MAAE8E;IAAmB,CAAC,GAAG9E,OAAO;IAEtC,MAAM+E,SAAS,GAAG,CAChB7E,aAAa,CAAC2E,IAAI,CAAC,CAAC,EACpB,IAAAG,cAAQ,EACN,MAAM,IAAI,CAAC9E,aAAa,CAACmE,sBAAsB,EAC/C,MAAM,IAAI,CAACd,sBAAsB,CAAC,CACpC,CAAC,EACD,IAAIuB,kBAAkB,YAAlBA,kBAAkB,CAAEG,MAAM,GAC1B,CACE,IAAAC,yBAAgB,EACdJ,kBAAkB,CAACG,MAAM,EACzB,oBAAoB,EACpB,MAAMpD,QAAQ,CAACC,MAAM,CAACqD,OACxB,CAAC,CACF,GACD,EAAE,CAAC,CACR;IAEDtD,QAAQ,CAACuD,OAAO,CAAC,YAAY;MAAA,IAAAC,qBAAA;MAC3BnF,aAAa,CAAC2B,QAAQ,CAACuD,OAAO,CAAC,CAAC;MAChClF,aAAa,CAACE,SAAS,CAACyB,QAAQ,CAACuD,OAAO,CAAC,CAAC;MAE1C,MAAME,OAAO,CAACC,GAAG,CAAC,EAAAF,qBAAA,GAChBnF,aAAa,CAAC2B,QAAQ,CAACC,MAAM,CAACqD,OAAO,qBAArCE,qBAAA,CAAuCxC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EACtD3C,aAAa,CAACE,SAAS,CAACyB,QAAQ,CAACC,MAAM,CAACqD,OAAO,CAChD,CAAC;MAEF,IAAI,CAAC1D,wBAAwB,CAAC,CAAC;MAC/B;MACA,IAAI,CAAC8B,sBAAsB,CAAC,CAAC;MAC7BvD,OAAO,CAACwF,qBAAqB,CAACtF,aAAa,CAACuF,qBAAqB,EAAE;QACjEC,aAAa,EAAE;MACjB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACXX,SAAS,CAACT,OAAO,CAAEqB,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;EAEAC,6BAA6BA,CAACrB,WAAwB,EAAE;IACtD,OAAQ,IAAAsB,iDAA6B,EAAC,IAAI,CAAC7F,OAAO,EAAEuE,WAAW,CAAC,IAC9DuB,SAAS;EACb;EAEAC,uBAAuBA,CAAA,EAAG;IACxB,OAAO,IAAI,CAAC7F,aAAa,CAACmE,sBAAsB,CAC7C2B,GAAG,CAAEzB,WAAwB,IAC5B,IAAI,CAACqB,6BAA6B,CAACrB,WAAW,CAChD,CAAC,CACAC,MAAM,CAACyB,OAAO,CAAC;EACpB;AACF;AAACC,OAAA,CAAA3G,4BAAA,GAAAA,4BAAA","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_ = "DragHandle1390618320";
+var _namespace_ = "DragHandle159753572";
 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": "DragHandle1390618320__root"
+  "root": "DragHandle159753572__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_ = \"DragHandle1390618320\";\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\":\"DragHandle1390618320__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_ = \"DragHandle159753572\";\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\":\"DragHandle159753572__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_ = "EntityPagePlain885077018";
+var _namespace_ = "EntityPagePlain51217001";
 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": "EntityPagePlain885077018__root"
+  "root": "EntityPagePlain51217001__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_ = \"EntityPagePlain885077018\";\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\":\"EntityPagePlain885077018__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,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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;AAAgC,CAAC;AACvD,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_ = \"EntityPagePlain51217001\";\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\":\"EntityPagePlain51217001__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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_ = "Fade3283116330";
+var _namespace_ = "Fade2264954586";
 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": "Fade3283116330__root"
+  "root": "Fade2264954586__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_ = \"Fade3283116330\";\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\":\"Fade3283116330__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_ = \"Fade2264954586\";\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\":\"Fade2264954586__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":[]}

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_ = "Heading1206694024";
+var _namespace_ = "Heading187758573";
 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": "Heading1206694024__root"
+  "root": "Heading187758573__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_ = \"Heading1206694024\";\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\":\"Heading1206694024__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_ = \"Heading187758573\";\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\":\"Heading187758573__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,kBAAkB;AACpC,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;AAAwB,CAAC;AAC/C,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/InputOverflow/InputOverflow.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_ = "InputOverflow3746903394";
+var _namespace_ = "InputOverflow3433287593";
 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": "InputOverflow3746903394__root"
+  "root": "InputOverflow3433287593__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow3746903394\";\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\":\"InputOverflow3746903394__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow3433287593\";\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\":\"InputOverflow3433287593__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/Kanban/Card.js

@@ -6,6 +6,7 @@ var React = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _CardActions = require("./CardActions");
+var _KanbanCardTags = require("./KanbanCardTags");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Kanban/Card.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 _CardComponent({
@@ -16,7 +17,8 @@ function _CardComponent({
   actionCell,
   itemActionsState,
   isDragging,
-  state
+  state,
+  tags
 }) {
   const {
     title,
@@ -36,7 +38,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 45,
       columnNumber: 5
     }
   }, /*#__PURE__*/React.createElement(_designSystem.ClickableCard, {
@@ -45,7 +47,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 55,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -55,15 +57,23 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 56,
       columnNumber: 9
     }
-  }, typeof title === 'string' ? /*#__PURE__*/React.createElement(_designSystem.Box, {
+  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
+    marginBottom: "3px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 11
+    }
+  }, badge), typeof title === 'string' ? /*#__PURE__*/React.createElement(_designSystem.Box, {
     paddingBottom: "3px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 63,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Text, {
@@ -75,7 +85,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 64,
       columnNumber: 15
     }
   }, title)) : /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -85,7 +95,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 75,
       columnNumber: 13
     }
   }, title), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -94,28 +104,30 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 84,
       columnNumber: 11
     }
-  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
+  }, tags && /*#__PURE__*/React.createElement(_KanbanCardTags.KanbanCardTags, {
+    item: originalItem,
+    dataHook: `kanban-card-tags-${stageKey}-${item.key}`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
-      columnNumber: 13
+      lineNumber: 86,
+      columnNumber: 15
     }
-  }, badge), /*#__PURE__*/React.createElement(_designSystem.Box, {
+  }), /*#__PURE__*/React.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 91,
       columnNumber: 13
     }
   }, subtitle), /*#__PURE__*/React.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 92,
       columnNumber: 13
     }
   }, additionalInfo)), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -124,7 +136,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 94,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(_CardActions.CardActions, {
@@ -138,7 +150,7 @@ function _CardComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 95,
       columnNumber: 13
     }
   })))));

package/dist/cjs/components/Kanban/Card.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CardActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CardComponent","originalItem","itemIndex","item","stageKey","actionCell","itemActionsState","isDragging","state","title","subtitle","additionalInfo","badge","createElement","key","style","marginRight","marginLeft","overflow","width","opacity","__self","__source","fileName","lineNumber","columnNumber","ClickableCard","hasPadding","skin","Box","padding","dataHook","direction","paddingBottom","Text","size","weight","ellipsis","maxLines","zIndex","gap","align","paddingTop","CardActions","CardComponent","exports","observer"],"sources":["../../../../src/components/Kanban/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { Box, Text, ClickableCard } from '@wix/design-system';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { ItemActionsState } from '../../state';\nimport { CardActions } from './CardActions';\nimport { KanbanState } from '../../state/KanbanState';\n\nexport interface KanbanCardProps<T, S, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  stageKey: string;\n  originalItem: T;\n  itemIndex: number;\n  item: {\n    key: string;\n    title?: string | React.ReactNode;\n    subtitle?: React.ReactNode;\n    additionalInfo?: React.ReactNode;\n    badge?: React.ReactNode;\n  };\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  itemActionsState: ItemActionsState<T, F>;\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n  isDragging?: boolean;\n  state: KanbanState<T, S, F>;\n}\n\nfunction _CardComponent<T, S, F extends FiltersMap>({\n  originalItem,\n  itemIndex,\n  item,\n  stageKey,\n  actionCell,\n  itemActionsState,\n  isDragging,\n  state,\n}: KanbanCardProps<T, S, F>) {\n  const { title, subtitle, additionalInfo, badge } = item;\n\n  return (\n    <div\n      data-hook={`kanban-card-container-${stageKey}-${item.key}`}\n      style={{\n        marginRight: '12px',\n        marginLeft: '12px',\n        overflow: 'visible',\n        width: '246px',\n        opacity: isDragging ? 0.8 : 1,\n      }}\n    >\n      <ClickableCard hasPadding={false} skin=\"shadow\">\n        <Box\n          padding=\"12px\"\n          dataHook={`kanban-card-${stageKey}-${item.key}`}\n          direction=\"vertical\"\n        >\n          {typeof title === 'string' ? (\n            <Box paddingBottom=\"3px\">\n              <Text\n                dataHook={`kanban-card-title-${stageKey}-${item.key}`}\n                size=\"small\"\n                weight=\"normal\"\n                ellipsis={true}\n                maxLines={2}\n              >\n                {title}\n              </Text>\n            </Box>\n          ) : (\n            <Box\n              zIndex={51}\n              paddingBottom=\"3px\"\n              dataHook={`kanban-card-title-${stageKey}-${item.key}`}\n            >\n              {title}\n            </Box>\n          )}\n\n          <Box direction=\"vertical\" gap=\"1px\">\n            <Box>{badge}</Box>\n            <Box>{subtitle}</Box>\n            <Box>{additionalInfo}</Box>\n          </Box>\n          <Box align=\"right\" paddingTop=\"6px\">\n            <CardActions\n              actionCell={actionCell}\n              originalItem={originalItem}\n              itemIndex={itemIndex}\n              itemActionsState={itemActionsState}\n              stageKey={stageKey}\n              item={item}\n              state={state}\n            />\n          </Box>\n        </Box>\n      </ClickableCard>\n    </div>\n  );\n}\n\nexport const CardComponent = observer(_CardComponent);\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AAA4C,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,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;AAuB5C,SAASkB,cAAcA,CAA6B;EAClDC,YAAY;EACZC,SAAS;EACTC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,gBAAgB;EAChBC,UAAU;EACVC;AACwB,CAAC,EAAE;EAC3B,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,cAAc;IAAEC;EAAM,CAAC,GAAGT,IAAI;EAEvD,oBACE7B,KAAA,CAAAuC,aAAA;IACE,aAAW,yBAAyBT,QAAQ,IAAID,IAAI,CAACW,GAAG,EAAG;IAC3DC,KAAK,EAAE;MACLC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,SAAS;MACnBC,KAAK,EAAE,OAAO;MACdC,OAAO,EAAEb,UAAU,GAAG,GAAG,GAAG;IAC9B,CAAE;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFnD,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAgD,aAAa;IAACC,UAAU,EAAE,KAAM;IAACC,IAAI,EAAC,QAAQ;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7CnD,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAmD,GAAG;IACFC,OAAO,EAAC,MAAM;IACdC,QAAQ,EAAE,eAAe3B,QAAQ,IAAID,IAAI,CAACW,GAAG,EAAG;IAChDkB,SAAS,EAAC,UAAU;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnB,OAAOhB,KAAK,KAAK,QAAQ,gBACxBnC,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAmD,GAAG;IAACI,aAAa,EAAC,KAAK;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtBnD,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAwD,IAAI;IACHH,QAAQ,EAAE,qBAAqB3B,QAAQ,IAAID,IAAI,CAACW,GAAG,EAAG;IACtDqB,IAAI,EAAC,OAAO;IACZC,MAAM,EAAC,QAAQ;IACfC,QAAQ,EAAE,IAAK;IACfC,QAAQ,EAAE,CAAE;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXhB,KACG,CACH,CAAC,gBAENnC,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAmD,GAAG;IACFU,MAAM,EAAE,EAAG;IACXN,aAAa,EAAC,KAAK;IACnBF,QAAQ,EAAE,qBAAqB3B,QAAQ,IAAID,IAAI,CAACW,GAAG,EAAG;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErDhB,KACE,CACN,eAEDnC,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAmD,GAAG;IAACG,SAAS,EAAC,UAAU;IAACQ,GAAG,EAAC,KAAK;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjCnD,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAmD,GAAG;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEb,KAAW,CAAC,eAClBtC,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAmD,GAAG;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEf,QAAc,CAAC,eACrBpC,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAmD,GAAG;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEd,cAAoB,CACvB,CAAC,eACNrC,KAAA,CAAAuC,aAAA,CAACnC,aAAA,CAAAmD,GAAG;IAACY,KAAK,EAAC,OAAO;IAACC,UAAU,EAAC,KAAK;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjCnD,KAAA,CAAAuC,aAAA,CAAClC,YAAA,CAAAgE,WAAW;IACVtC,UAAU,EAAEA,UAAW;IACvBJ,YAAY,EAAEA,YAAa;IAC3BC,SAAS,EAAEA,SAAU;IACrBI,gBAAgB,EAAEA,gBAAiB;IACnCF,QAAQ,EAAEA,QAAS;IACnBD,IAAI,EAAEA,IAAK;IACXK,KAAK,EAAEA,KAAM;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CACE,CACF,CACQ,CACZ,CAAC;AAEV;AAEO,MAAMmB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAAC9C,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CardActions","_KanbanCardTags","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CardComponent","originalItem","itemIndex","item","stageKey","actionCell","itemActionsState","isDragging","state","tags","title","subtitle","additionalInfo","badge","createElement","key","style","marginRight","marginLeft","overflow","width","opacity","__self","__source","fileName","lineNumber","columnNumber","ClickableCard","hasPadding","skin","Box","padding","dataHook","direction","marginBottom","paddingBottom","Text","size","weight","ellipsis","maxLines","zIndex","gap","KanbanCardTags","align","paddingTop","CardActions","CardComponent","exports","observer"],"sources":["../../../../src/components/Kanban/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { Box, Text, ClickableCard } from '@wix/design-system';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { ItemActionsState } from '../../state';\nimport { CardActions } from './CardActions';\nimport { KanbanState } from '../../state/KanbanState';\nimport { KanbanCardTags } from './KanbanCardTags';\n\nexport interface KanbanCardProps<T, S, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  stageKey: string;\n  originalItem: T;\n  itemIndex: number;\n  item: {\n    key: string;\n    title?: string | React.ReactNode;\n    subtitle?: React.ReactNode;\n    additionalInfo?: React.ReactNode;\n    badge?: React.ReactNode;\n  };\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  itemActionsState: ItemActionsState<T, F>;\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n  isDragging?: boolean;\n  state: KanbanState<T, S, F>;\n}\n\nfunction _CardComponent<T, S, F extends FiltersMap>({\n  originalItem,\n  itemIndex,\n  item,\n  stageKey,\n  actionCell,\n  itemActionsState,\n  isDragging,\n  state,\n  tags,\n}: KanbanCardProps<T, S, F>) {\n  const { title, subtitle, additionalInfo, badge } = item;\n\n  return (\n    <div\n      data-hook={`kanban-card-container-${stageKey}-${item.key}`}\n      style={{\n        marginRight: '12px',\n        marginLeft: '12px',\n        overflow: 'visible',\n        width: '246px',\n        opacity: isDragging ? 0.8 : 1,\n      }}\n    >\n      <ClickableCard hasPadding={false} skin=\"shadow\">\n        <Box\n          padding=\"12px\"\n          dataHook={`kanban-card-${stageKey}-${item.key}`}\n          direction=\"vertical\"\n        >\n          <Box marginBottom=\"3px\">{badge}</Box>\n          {typeof title === 'string' ? (\n            <Box paddingBottom=\"3px\">\n              <Text\n                dataHook={`kanban-card-title-${stageKey}-${item.key}`}\n                size=\"small\"\n                weight=\"normal\"\n                ellipsis={true}\n                maxLines={2}\n              >\n                {title}\n              </Text>\n            </Box>\n          ) : (\n            <Box\n              zIndex={51}\n              paddingBottom=\"3px\"\n              dataHook={`kanban-card-title-${stageKey}-${item.key}`}\n            >\n              {title}\n            </Box>\n          )}\n\n          <Box direction=\"vertical\" gap=\"1px\">\n            {tags && (\n              <KanbanCardTags\n                item={originalItem}\n                dataHook={`kanban-card-tags-${stageKey}-${item.key}`}\n              />\n            )}\n            <Box>{subtitle}</Box>\n            <Box>{additionalInfo}</Box>\n          </Box>\n          <Box align=\"right\" paddingTop=\"6px\">\n            <CardActions\n              actionCell={actionCell}\n              originalItem={originalItem}\n              itemIndex={itemIndex}\n              itemActionsState={itemActionsState}\n              stageKey={stageKey}\n              item={item}\n              state={state}\n            />\n          </Box>\n        </Box>\n      </ClickableCard>\n    </div>\n  );\n}\n\nexport const CardComponent = observer(_CardComponent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Kanban/Kanban.uni.driver.js

@@ -105,6 +105,9 @@ function KanbanUniDriver(base, body) {
         };
       },
       getActionModal: () => (0, _unidriver.MessageModalLayoutUniDriver)(body.$('[data-hook="collection-action-modal"]'), body),
+      tagList: (stageKey, itemId) => (0, _unidriver.TagListUniDriver)(base.$(`[data-hook="kanban-card-tags-${stageKey}-${itemId}"]`), body),
+      tagInList: (stageKey, itemId, tagId) => (0, _unidriver.TagUniDriver)(base.$(`[data-hook="kanban-card-tags-${stageKey}-${itemId}-${tagId}"]`), body),
+      toggleHiddenTagsCounter: (stageKey, itemId) => (0, _unidriver.TagUniDriver)(base.$(`[data-hook="kanban-card-tags-${stageKey}-${itemId}-toggle"]`), body),
       stagesSkeleton: () => (0, _unidriver.BoxUniDriver)(base.$('[data-hook="kanban-stages-skeleton"]'), body),
       noResultsBox: stageKey => (0, _unidriver.BoxUniDriver)(base.$(`[data-hook="kanban-stage-no-results-${stageKey}"]`), body),
       cardsSkeleton: stageKey => (0, _unidriver.BoxUniDriver)(base.$(`[data-hook="kanban-cards-skeleton-${stageKey}"]`), body)