@wix/patterns 1.363.0 → 1.366.0

package/dist/cjs/hooks/useBuildAccordionItems.js

@@ -10,9 +10,10 @@ var _designSystem = require("@wix/design-system");
 var _CollectionFilter = require("../components/CollectionFilter");
 var _FilterAccordionResetButton = require("../components/FiltersPanel/FilterAccordionResetButton");
 var _FilterAccordionTitle = require("../components/FiltersPanel/FilterAccordionTitle");
+var _fieldTypePrefixIcons = require("../utils/fieldTypePrefixIcons");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/hooks/useBuildAccordionItems.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 useBuildAccordionItem(state) {
+function useBuildAccordionItem(state, showFieldTypeIcons) {
   return (0, _react2.useCallback)(filterElement => {
     const {
       type: Component,
@@ -22,7 +23,8 @@ function useBuildAccordionItem(state) {
       filter,
       initiallyOpen,
       popoverProps,
-      accordionItemProps
+      accordionItemProps,
+      fieldType
     } = filterProps;
     const clonedElement = /*#__PURE__*/_react2.default.createElement(Component, (0, _extends2.default)({}, filterProps, {
       popoverProps: {
@@ -32,74 +34,80 @@ function useBuildAccordionItem(state) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
+        lineNumber: 26,
         columnNumber: 7
       }
     }));
+    const titleElement = /*#__PURE__*/_react2.default.createElement(_FilterAccordionTitle.FilterAccordionTitle, {
+      state: state.toolbar,
+      filter: filter,
+      filterProps: filterProps,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 7
+      }
+    });
+    const titleWithIcon = showFieldTypeIcons ? /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
+      gap: "SP1",
+      verticalAlign: "middle",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 39,
+        columnNumber: 7
+      }
+    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+      fieldType,
+      size: 'medium'
+    }), titleElement) : titleElement;
+    const title = filterProps.filter ? /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
+      width: "100%",
+      align: "space-between",
+      verticalAlign: "middle",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 46,
+        columnNumber: 7
+      }
+    }, titleWithIcon, /*#__PURE__*/_react2.default.createElement(_FilterAccordionResetButton.FilterAccordionResetButton, {
+      state: state.toolbar,
+      filter: filterProps.filter,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 48,
+        columnNumber: 9
+      }
+    })) : titleWithIcon;
     return {
-      title: filterProps.filter ? /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
-        width: "100%",
-        align: "space-between",
-        verticalAlign: "middle",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 32,
-          columnNumber: 9
-        }
-      }, /*#__PURE__*/_react2.default.createElement(_FilterAccordionTitle.FilterAccordionTitle, {
-        state: state.toolbar,
-        filter: filter,
-        filterProps: filterProps,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 33,
-          columnNumber: 11
-        }
-      }), /*#__PURE__*/_react2.default.createElement(_FilterAccordionResetButton.FilterAccordionResetButton, {
-        state: state.toolbar,
-        filter: filterProps.filter,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 38,
-          columnNumber: 11
-        }
-      })) : /*#__PURE__*/_react2.default.createElement(_FilterAccordionTitle.FilterAccordionTitle, {
-        state: state.toolbar,
-        filter: filter,
-        filterProps: filterProps,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 44,
-          columnNumber: 9
-        }
-      }),
+      title,
       children: filterProps.filter ? /*#__PURE__*/_react2.default.createElement(_CollectionFilter.CollectionFilter, {
         filter: filterProps.filter,
         state: state,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 51,
+          lineNumber: 58,
           columnNumber: 9
         }
       }, clonedElement) : clonedElement,
       initiallyOpen,
       ...accordionItemProps
     };
-  }, []);
+  }, [showFieldTypeIcons]);
 }
 function useBuildAccordionItems(state) {
   const {
     translate: t
   } = (0, _react.useWixPatternsContainer)();
-  const buildAccordionItem = useBuildAccordionItem(state);
   const {
     panelFilterElements
   } = state;
+  const showFieldTypeIcons = state.toolbar.showFieldTypeIcons;
+  const buildAccordionItem = useBuildAccordionItem(state, showFieldTypeIcons);
   const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');
   const {
     groups,

package/dist/cjs/hooks/useBuildAccordionItems.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_designSystem","_CollectionFilter","_FilterAccordionResetButton","_FilterAccordionTitle","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBuildAccordionItem","state","useCallback","filterElement","type","Component","props","filterProps","filter","initiallyOpen","popoverProps","accordionItemProps","clonedElement","createElement","_extends2","appendTo","__self","__source","fileName","lineNumber","columnNumber","title","Box","width","align","verticalAlign","FilterAccordionTitle","toolbar","FilterAccordionResetButton","children","CollectionFilter","useBuildAccordionItems","translate","useWixPatternsContainer","buildAccordionItem","panelFilterElements","defaultSectionTitle","groups","defaultGroup","reduce","accumulator","item","_item$props","sectionTitle","groupItems","accordionSectionItemBuilder","items","values","flat","length"],"sources":["../../../src/hooks/useBuildAccordionItems.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport React, { useCallback } from 'react';\nimport {\n  AccordionProps,\n  Box,\n  accordionSectionItemBuilder,\n} from '@wix/design-system';\nimport { CollectionFilter } from '../components/CollectionFilter';\nimport { FilterElement } from '../components/CollectionToolbarFilters';\nimport { CollectionToolbarFiltersState } from '../components/CollectionToolbarFilters/CollectionToolbarFiltersState';\nimport { FilterAccordionResetButton } from '../components/FiltersPanel/FilterAccordionResetButton';\nimport { FilterAccordionTitle } from '../components/FiltersPanel/FilterAccordionTitle';\n\nfunction useBuildAccordionItem<T, F extends FiltersMap>(\n  state: CollectionToolbarFiltersState<T, F>,\n) {\n  return useCallback((filterElement: FilterElement) => {\n    const { type: Component, props: filterProps } = filterElement;\n    const { filter, initiallyOpen, popoverProps, accordionItemProps } =\n      filterProps;\n\n    const clonedElement = (\n      <Component\n        {...filterProps}\n        popoverProps={{ appendTo: 'window', ...popoverProps }}\n      />\n    );\n\n    return {\n      title: filterProps.filter ? (\n        <Box width=\"100%\" align=\"space-between\" verticalAlign=\"middle\">\n          <FilterAccordionTitle\n            state={state.toolbar}\n            filter={filter}\n            filterProps={filterProps}\n          />\n          <FilterAccordionResetButton\n            state={state.toolbar}\n            filter={filterProps.filter}\n          />\n        </Box>\n      ) : (\n        <FilterAccordionTitle\n          state={state.toolbar}\n          filter={filter}\n          filterProps={filterProps}\n        />\n      ),\n      children: filterProps.filter ? (\n        <CollectionFilter filter={filterProps.filter} state={state}>\n          {clonedElement}\n        </CollectionFilter>\n      ) : (\n        clonedElement\n      ),\n      initiallyOpen,\n      ...accordionItemProps,\n    };\n  }, []);\n}\n\nexport function useBuildAccordionItems<T, F extends FiltersMap>(\n  state: CollectionToolbarFiltersState<T, F>,\n) {\n  const { translate: t } = useWixPatternsContainer();\n  const buildAccordionItem = useBuildAccordionItem(state);\n  const { panelFilterElements } = state;\n\n  const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');\n\n  const { groups, defaultGroup } = panelFilterElements.reduce<{\n    groups: Record<string, NonNullable<AccordionProps['items']>>;\n    defaultGroup: NonNullable<AccordionProps['items']>;\n  }>(\n    (accumulator, item) => {\n      const sectionTitle = item.props?.sectionTitle;\n\n      if (!sectionTitle) {\n        return {\n          ...accumulator,\n          defaultGroup: [...accumulator.defaultGroup, buildAccordionItem(item)],\n        };\n      }\n\n      const groupItems = accumulator.groups[sectionTitle]\n        ? [...accumulator.groups[sectionTitle], buildAccordionItem(item)]\n        : [\n            accordionSectionItemBuilder({ title: sectionTitle }),\n            buildAccordionItem(item),\n          ];\n\n      return {\n        ...accumulator,\n        groups: {\n          ...accumulator.groups,\n          [sectionTitle]: groupItems,\n        },\n      };\n    },\n    {\n      groups: {},\n      defaultGroup: [],\n    },\n  );\n\n  const items = Object.values(groups).flat();\n\n  if (!items.length) {\n    return defaultGroup;\n  }\n\n  return [\n    ...items,\n    ...(defaultGroup.length\n      ? [\n          accordionSectionItemBuilder({ title: defaultSectionTitle }),\n          ...defaultGroup,\n        ]\n      : []),\n  ];\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_designSystem","_CollectionFilter","_FilterAccordionResetButton","_FilterAccordionTitle","_fieldTypePrefixIcons","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBuildAccordionItem","state","showFieldTypeIcons","useCallback","filterElement","type","Component","props","filterProps","filter","initiallyOpen","popoverProps","accordionItemProps","fieldType","clonedElement","createElement","_extends2","appendTo","__self","__source","fileName","lineNumber","columnNumber","titleElement","FilterAccordionTitle","toolbar","titleWithIcon","Box","gap","verticalAlign","getFieldTypeIcon","size","title","width","align","FilterAccordionResetButton","children","CollectionFilter","useBuildAccordionItems","translate","useWixPatternsContainer","panelFilterElements","buildAccordionItem","defaultSectionTitle","groups","defaultGroup","reduce","accumulator","item","_item$props","sectionTitle","groupItems","accordionSectionItemBuilder","items","values","flat","length"],"sources":["../../../src/hooks/useBuildAccordionItems.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport React, { useCallback } from 'react';\nimport {\n  AccordionProps,\n  Box,\n  accordionSectionItemBuilder,\n} from '@wix/design-system';\nimport { CollectionFilter } from '../components/CollectionFilter';\nimport { FilterElement } from '../components/CollectionToolbarFilters';\nimport { CollectionToolbarFiltersState } from '../components/CollectionToolbarFilters/CollectionToolbarFiltersState';\nimport { FilterAccordionResetButton } from '../components/FiltersPanel/FilterAccordionResetButton';\nimport { FilterAccordionTitle } from '../components/FiltersPanel/FilterAccordionTitle';\nimport { getFieldTypeIcon } from '../utils/fieldTypePrefixIcons';\n\nfunction useBuildAccordionItem<T, F extends FiltersMap>(\n  state: CollectionToolbarFiltersState<T, F>,\n  showFieldTypeIcons: boolean,\n) {\n  return useCallback((filterElement: FilterElement) => {\n    const { type: Component, props: filterProps } = filterElement;\n    const { filter, initiallyOpen, popoverProps, accordionItemProps, fieldType } =\n      filterProps;\n\n    const clonedElement = (\n      <Component\n        {...filterProps}\n        popoverProps={{ appendTo: 'window', ...popoverProps }}\n      />\n    );\n    const titleElement = (\n      <FilterAccordionTitle\n        state={state.toolbar}\n        filter={filter}\n        filterProps={filterProps}\n      />\n    );\n    const titleWithIcon = showFieldTypeIcons ? (\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        {getFieldTypeIcon({ fieldType, size: 'medium' })}\n        {titleElement}\n      </Box>\n    ) : titleElement;\n\n    const title = filterProps.filter ? (\n      <Box width=\"100%\" align=\"space-between\" verticalAlign=\"middle\">\n        {titleWithIcon}\n        <FilterAccordionResetButton\n          state={state.toolbar}\n          filter={filterProps.filter}\n        />\n      </Box>\n    ) : titleWithIcon;\n\n    return {\n      title,\n      children: filterProps.filter ? (\n        <CollectionFilter filter={filterProps.filter} state={state}>\n          {clonedElement}\n        </CollectionFilter>\n      ) : (\n        clonedElement\n      ),\n      initiallyOpen,\n      ...accordionItemProps,\n    };\n  }, [showFieldTypeIcons]);\n}\n\nexport function useBuildAccordionItems<T, F extends FiltersMap>(\n  state: CollectionToolbarFiltersState<T, F>,\n) {\n  const { translate: t } = useWixPatternsContainer();\n  const { panelFilterElements } = state;\n  const showFieldTypeIcons = state.toolbar.showFieldTypeIcons;\n  const buildAccordionItem = useBuildAccordionItem(state, showFieldTypeIcons);\n\n  const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');\n\n  const { groups, defaultGroup } = panelFilterElements.reduce<{\n    groups: Record<string, NonNullable<AccordionProps['items']>>;\n    defaultGroup: NonNullable<AccordionProps['items']>;\n  }>(\n    (accumulator, item) => {\n      const sectionTitle = item.props?.sectionTitle;\n\n      if (!sectionTitle) {\n        return {\n          ...accumulator,\n          defaultGroup: [...accumulator.defaultGroup, buildAccordionItem(item)],\n        };\n      }\n\n      const groupItems = accumulator.groups[sectionTitle]\n        ? [...accumulator.groups[sectionTitle], buildAccordionItem(item)]\n        : [\n            accordionSectionItemBuilder({ title: sectionTitle }),\n            buildAccordionItem(item),\n          ];\n\n      return {\n        ...accumulator,\n        groups: {\n          ...accumulator.groups,\n          [sectionTitle]: groupItems,\n        },\n      };\n    },\n    {\n      groups: {},\n      defaultGroup: [],\n    },\n  );\n\n  const items = Object.values(groups).flat();\n\n  if (!items.length) {\n    return defaultGroup;\n  }\n\n  return [\n    ...items,\n    ...(defaultGroup.length\n      ? [\n          accordionSectionItemBuilder({ title: defaultSectionTitle }),\n          ...defaultGroup,\n        ]\n      : []),\n  ];\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAKA,IAAAI,iBAAA,GAAAJ,OAAA;AAGA,IAAAK,2BAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAP,OAAA;AAAiE,IAAAQ,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,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;AAEjE,SAASkB,qBAAqBA,CAC5BC,KAA0C,EAC1CC,kBAA2B,EAC3B;EACA,OAAO,IAAAC,mBAAW,EAAEC,aAA4B,IAAK;IACnD,MAAM;MAAEC,IAAI,EAAEC,SAAS;MAAEC,KAAK,EAAEC;IAAY,CAAC,GAAGJ,aAAa;IAC7D,MAAM;MAAEK,MAAM;MAAEC,aAAa;MAAEC,YAAY;MAAEC,kBAAkB;MAAEC;IAAU,CAAC,GAC1EL,WAAW;IAEb,MAAMM,aAAa,gBACjBzC,OAAA,CAAAkB,OAAA,CAAAwB,aAAA,CAACT,SAAS,MAAAU,SAAA,CAAAzB,OAAA,MACJiB,WAAW;MACfG,YAAY,EAAE;QAAEM,QAAQ,EAAE,QAAQ;QAAE,GAAGN;MAAa,CAAE;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,EACvD,CACF;IACD,MAAMC,YAAY,gBAChBlD,OAAA,CAAAkB,OAAA,CAAAwB,aAAA,CAACrC,qBAAA,CAAA8C,oBAAoB;MACnBvB,KAAK,EAAEA,KAAK,CAACwB,OAAQ;MACrBhB,MAAM,EAAEA,MAAO;MACfD,WAAW,EAAEA,WAAY;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC1B,CACF;IACD,MAAMI,aAAa,GAAGxB,kBAAkB,gBACtC7B,OAAA,CAAAkB,OAAA,CAAAwB,aAAA,CAACxC,aAAA,CAAAoD,GAAG;MAACC,GAAG,EAAC,KAAK;MAACC,aAAa,EAAC,QAAQ;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAClC,IAAAQ,sCAAgB,EAAC;MAAEjB,SAAS;MAAEkB,IAAI,EAAE;IAAS,CAAC,CAAC,EAC/CR,YACE,CAAC,GACJA,YAAY;IAEhB,MAAMS,KAAK,GAAGxB,WAAW,CAACC,MAAM,gBAC9BpC,OAAA,CAAAkB,OAAA,CAAAwB,aAAA,CAACxC,aAAA,CAAAoD,GAAG;MAACM,KAAK,EAAC,MAAM;MAACC,KAAK,EAAC,eAAe;MAACL,aAAa,EAAC,QAAQ;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC3DI,aAAa,eACdrD,OAAA,CAAAkB,OAAA,CAAAwB,aAAA,CAACtC,2BAAA,CAAA0D,0BAA0B;MACzBlC,KAAK,EAAEA,KAAK,CAACwB,OAAQ;MACrBhB,MAAM,EAAED,WAAW,CAACC,MAAO;MAAAS,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC5B,CACE,CAAC,GACJI,aAAa;IAEjB,OAAO;MACLM,KAAK;MACLI,QAAQ,EAAE5B,WAAW,CAACC,MAAM,gBAC1BpC,OAAA,CAAAkB,OAAA,CAAAwB,aAAA,CAACvC,iBAAA,CAAA6D,gBAAgB;QAAC5B,MAAM,EAAED,WAAW,CAACC,MAAO;QAACR,KAAK,EAAEA,KAAM;QAAAiB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAxC,YAAA;UAAAyC,UAAA;UAAAC,YAAA;QAAA;MAAA,GACxDR,aACe,CAAC,GAEnBA,aACD;MACDJ,aAAa;MACb,GAAGE;IACL,CAAC;EACH,CAAC,EAAE,CAACV,kBAAkB,CAAC,CAAC;AAC1B;AAEO,SAASoC,sBAAsBA,CACpCrC,KAA0C,EAC1C;EACA,MAAM;IAAEsC,SAAS,EAAEzD;EAAE,CAAC,GAAG,IAAA0D,8BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAoB,CAAC,GAAGxC,KAAK;EACrC,MAAMC,kBAAkB,GAAGD,KAAK,CAACwB,OAAO,CAACvB,kBAAkB;EAC3D,MAAMwC,kBAAkB,GAAG1C,qBAAqB,CAACC,KAAK,EAAEC,kBAAkB,CAAC;EAE3E,MAAMyC,mBAAmB,GAAG7D,CAAC,CAAC,2CAA2C,CAAC;EAE1E,MAAM;IAAE8D,MAAM;IAAEC;EAAa,CAAC,GAAGJ,mBAAmB,CAACK,MAAM,CAIzD,CAACC,WAAW,EAAEC,IAAI,KAAK;IAAA,IAAAC,WAAA;IACrB,MAAMC,YAAY,IAAAD,WAAA,GAAGD,IAAI,CAACzC,KAAK,qBAAV0C,WAAA,CAAYC,YAAY;IAE7C,IAAI,CAACA,YAAY,EAAE;MACjB,OAAO;QACL,GAAGH,WAAW;QACdF,YAAY,EAAE,CAAC,GAAGE,WAAW,CAACF,YAAY,EAAEH,kBAAkB,CAACM,IAAI,CAAC;MACtE,CAAC;IACH;IAEA,MAAMG,UAAU,GAAGJ,WAAW,CAACH,MAAM,CAACM,YAAY,CAAC,GAC/C,CAAC,GAAGH,WAAW,CAACH,MAAM,CAACM,YAAY,CAAC,EAAER,kBAAkB,CAACM,IAAI,CAAC,CAAC,GAC/D,CACE,IAAAI,yCAA2B,EAAC;MAAEpB,KAAK,EAAEkB;IAAa,CAAC,CAAC,EACpDR,kBAAkB,CAACM,IAAI,CAAC,CACzB;IAEL,OAAO;MACL,GAAGD,WAAW;MACdH,MAAM,EAAE;QACN,GAAGG,WAAW,CAACH,MAAM;QACrB,CAACM,YAAY,GAAGC;MAClB;IACF,CAAC;EACH,CAAC,EACD;IACEP,MAAM,EAAE,CAAC,CAAC;IACVC,YAAY,EAAE;EAChB,CACF,CAAC;EAED,MAAMQ,KAAK,GAAGxD,MAAM,CAACyD,MAAM,CAACV,MAAM,CAAC,CAACW,IAAI,CAAC,CAAC;EAE1C,IAAI,CAACF,KAAK,CAACG,MAAM,EAAE;IACjB,OAAOX,YAAY;EACrB;EAEA,OAAO,CACL,GAAGQ,KAAK,EACR,IAAIR,YAAY,CAACW,MAAM,GACnB,CACE,IAAAJ,yCAA2B,EAAC;IAAEpB,KAAK,EAAEW;EAAoB,CAAC,CAAC,EAC3D,GAAGE,YAAY,CAChB,GACD,EAAE,CAAC,CACR;AACH","ignoreList":[]}

package/dist/cjs/hooks/useCreateWSRColumnBase.js

@@ -2,9 +2,14 @@
 
 exports.__esModule = true;
 exports.useCreateWSRColumnBase = useCreateWSRColumnBase;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _fieldTypePrefixIcons = require("../utils/fieldTypePrefixIcons");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/hooks/useCreateWSRColumnBase.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 useCreateWSRColumnBase({
-  horizontalScroll
+  horizontalScroll,
+  showFieldTypeIcons
 }) {
   return (0, _react.useCallback)((column, index, length) => {
     const {
@@ -12,7 +17,8 @@ function useCreateWSRColumnBase({
       title,
       width,
       sortable,
-      infoTooltipProps
+      infoTooltipProps,
+      fieldType
     } = column;
     const lastColumn = index === length - 1;
     const lastColumnStyleNoHorizontalScroll = width != null ? {
@@ -30,15 +36,46 @@ function useCreateWSRColumnBase({
       flex: 1
     } : undefined;
     const style = lastColumn ? lastColumnStyle : columnStyle;
+    const renderedTitle = title && showFieldTypeIcons ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      gap: "SP1",
+      verticalAlign: "middle",
+      minWidth: 0,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 49,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      flexShrink: 0,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 50,
+        columnNumber: 13
+      }
+    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+      fieldType
+    })), typeof title === 'string' ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      size: "small",
+      ellipsis: true,
+      appendTo: "window",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 15
+      }
+    }, title) : title) : title;
     return {
       id,
       key: id ?? index,
-      title,
+      title: renderedTitle,
       style,
       width: lastColumn && !horizontalScroll ? undefined : width,
       sortable: id && sortable ? true : undefined,
       infoTooltipProps: infoTooltipProps != null && infoTooltipProps.content ? infoTooltipProps : undefined
     };
-  }, [horizontalScroll]);
+  }, [horizontalScroll, showFieldTypeIcons]);
 }
 //# sourceMappingURL=useCreateWSRColumnBase.js.map

package/dist/cjs/hooks/useCreateWSRColumnBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useCreateWSRColumnBase","horizontalScroll","useCallback","column","index","length","id","title","width","sortable","infoTooltipProps","lastColumn","lastColumnStyleNoHorizontalScroll","flexBasis","flexGrow","flex","lastColumnStyle","flexShrink","columnStyle","undefined","style","key","content"],"sources":["../../../src/hooks/useCreateWSRColumnBase.ts"],"sourcesContent":["import { TableColumn } from '../model';\nimport { useCallback } from 'react';\n\nexport interface UseCreateWSRColumnBaseParams {\n  horizontalScroll?: boolean;\n}\n\nexport function useCreateWSRColumnBase({\n  horizontalScroll,\n}: UseCreateWSRColumnBaseParams) {\n  return useCallback(\n    (\n      column: Omit<TableColumn<unknown>, 'render' | 'style'>,\n      index: number,\n      length: number,\n    ) => {\n      const { id, title, width, sortable, infoTooltipProps } = column;\n      const lastColumn = index === length - 1;\n\n      const lastColumnStyleNoHorizontalScroll =\n        width != null\n          ? {\n              flexBasis: width,\n              flexGrow: 1,\n            }\n          : {\n              flex: 1,\n            };\n\n      const lastColumnStyle = horizontalScroll\n        ? {\n            flexBasis: width ?? 0,\n            flexShrink: 0,\n            flexGrow: 1,\n          }\n        : lastColumnStyleNoHorizontalScroll;\n\n      const columnStyle = width == null ? { flex: 1 } : undefined;\n\n      const style = lastColumn ? lastColumnStyle : columnStyle;\n\n      return {\n        id,\n        key: id ?? index,\n        title,\n        style,\n        width: lastColumn && !horizontalScroll ? undefined : width,\n        sortable: id && sortable ? true : undefined,\n        infoTooltipProps: infoTooltipProps?.content\n          ? infoTooltipProps\n          : undefined,\n      };\n    },\n    [horizontalScroll],\n  );\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMO,SAASC,sBAAsBA,CAAC;EACrCC;AAC4B,CAAC,EAAE;EAC/B,OAAO,IAAAC,kBAAW,EAChB,CACEC,MAAsD,EACtDC,KAAa,EACbC,MAAc,KACX;IACH,MAAM;MAAEC,EAAE;MAAEC,KAAK;MAAEC,KAAK;MAAEC,QAAQ;MAAEC;IAAiB,CAAC,GAAGP,MAAM;IAC/D,MAAMQ,UAAU,GAAGP,KAAK,KAAKC,MAAM,GAAG,CAAC;IAEvC,MAAMO,iCAAiC,GACrCJ,KAAK,IAAI,IAAI,GACT;MACEK,SAAS,EAAEL,KAAK;MAChBM,QAAQ,EAAE;IACZ,CAAC,GACD;MACEC,IAAI,EAAE;IACR,CAAC;IAEP,MAAMC,eAAe,GAAGf,gBAAgB,GACpC;MACEY,SAAS,EAAEL,KAAK,IAAI,CAAC;MACrBS,UAAU,EAAE,CAAC;MACbH,QAAQ,EAAE;IACZ,CAAC,GACDF,iCAAiC;IAErC,MAAMM,WAAW,GAAGV,KAAK,IAAI,IAAI,GAAG;MAAEO,IAAI,EAAE;IAAE,CAAC,GAAGI,SAAS;IAE3D,MAAMC,KAAK,GAAGT,UAAU,GAAGK,eAAe,GAAGE,WAAW;IAExD,OAAO;MACLZ,EAAE;MACFe,GAAG,EAAEf,EAAE,IAAIF,KAAK;MAChBG,KAAK;MACLa,KAAK;MACLZ,KAAK,EAAEG,UAAU,IAAI,CAACV,gBAAgB,GAAGkB,SAAS,GAAGX,KAAK;MAC1DC,QAAQ,EAAEH,EAAE,IAAIG,QAAQ,GAAG,IAAI,GAAGU,SAAS;MAC3CT,gBAAgB,EAAEA,gBAAgB,YAAhBA,gBAAgB,CAAEY,OAAO,GACvCZ,gBAAgB,GAChBS;IACN,CAAC;EACH,CAAC,EACD,CAAClB,gBAAgB,CACnB,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_fieldTypePrefixIcons","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useCreateWSRColumnBase","horizontalScroll","showFieldTypeIcons","useCallback","column","index","length","id","title","width","sortable","infoTooltipProps","fieldType","lastColumn","lastColumnStyleNoHorizontalScroll","flexBasis","flexGrow","flex","lastColumnStyle","flexShrink","columnStyle","undefined","style","renderedTitle","createElement","Box","gap","verticalAlign","minWidth","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","Text","size","ellipsis","appendTo","key","content"],"sources":["../../../src/hooks/useCreateWSRColumnBase.tsx"],"sourcesContent":["import { TableColumn } from '../model';\nimport React, { useCallback, type ReactNode } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { getFieldTypeIcon } from '../utils/fieldTypePrefixIcons';\n\nexport interface UseCreateWSRColumnBaseParams {\n  horizontalScroll?: boolean;\n  /** When true, renders field-type prefix icons in column headers. */\n  showFieldTypeIcons?: boolean;\n}\n\nexport function useCreateWSRColumnBase({\n  horizontalScroll,\n  showFieldTypeIcons,\n}: UseCreateWSRColumnBaseParams) {\n  return useCallback(\n    (\n      column: Omit<TableColumn<unknown>, 'render' | 'style'>,\n      index: number,\n      length: number,\n    ) => {\n      const { id, title, width, sortable, infoTooltipProps, fieldType } =\n        column;\n      const lastColumn = index === length - 1;\n\n      const lastColumnStyleNoHorizontalScroll =\n        width != null\n          ? {\n              flexBasis: width,\n              flexGrow: 1,\n            }\n          : {\n              flex: 1,\n            };\n\n      const lastColumnStyle = horizontalScroll\n        ? {\n            flexBasis: width ?? 0,\n            flexShrink: 0,\n            flexGrow: 1,\n          }\n        : lastColumnStyleNoHorizontalScroll;\n\n      const columnStyle = width == null ? { flex: 1 } : undefined;\n\n      const style = lastColumn ? lastColumnStyle : columnStyle;\n      const renderedTitle: ReactNode =\n        title && showFieldTypeIcons ? (\n          <Box gap=\"SP1\" verticalAlign=\"middle\" minWidth={0}>\n            <Box flexShrink={0}>{getFieldTypeIcon({ fieldType })}</Box>\n            {typeof title === 'string' ? (\n              <Text size=\"small\" ellipsis appendTo=\"window\">\n                {title}\n              </Text>\n            ) : (\n              title\n            )}\n          </Box>\n        ) : (\n          title\n        );\n\n      return {\n        id,\n        key: id ?? index,\n        title: renderedTitle,\n        style,\n        width: lastColumn && !horizontalScroll ? undefined : width,\n        sortable: id && sortable ? true : undefined,\n        infoTooltipProps: infoTooltipProps?.content\n          ? infoTooltipProps\n          : undefined,\n      };\n    },\n    [horizontalScroll, showFieldTypeIcons],\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useEditableTableCollection.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useEditableTableCollection = void 0;
+var _react = require("@wix/bex-core/react");
+var _EditableTable = require("../state/EditableTable");
+var _useOptionalCachedState = require("./useOptionalCachedState");
+const useEditableTableCollection = config => {
+  const container = (0, _react.useWixPatternsContainer)();
+  const createCollection = (0, _react.useCreateCollection)();
+  const createOptimisticActions = (0, _react.useCreateOptimisticActions)();
+  const state = (0, _useOptionalCachedState.useOptionalCachedState)(() => {
+    return new _EditableTable.EditableTableState({
+      collection: createCollection(config),
+      container,
+      permissions: config.permissions,
+      mutations: config.mutations,
+      createOptimisticActions: collection => createOptimisticActions(collection, config.optimisticActionParams)
+    });
+  });
+  return state;
+};
+exports.useEditableTableCollection = useEditableTableCollection;
+//# sourceMappingURL=useEditableTableCollection.js.map

package/dist/cjs/hooks/useEditableTableCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_EditableTable","_useOptionalCachedState","useEditableTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","createOptimisticActions","useCreateOptimisticActions","state","useOptionalCachedState","EditableTableState","collection","permissions","mutations","optimisticActionParams","exports"],"sources":["../../../src/hooks/useEditableTableCollection.ts"],"sourcesContent":["import {\n  CollectionOptimisticActionsBaseParams,\n  FiltersMap,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n  useCreateOptimisticActions,\n} from '@wix/bex-core/react';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from '../state/EditableTable';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport type EditableTableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  permissions?: EditableTablePermissions;\n  mutations: EditableTableMutationHandlers<T>;\n  optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;\n};\n\ntype EditableTableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: EditableTableCollectionConfig<T, F>,\n) => EditableTableState<T, F>;\n\nexport const useEditableTableCollection: EditableTableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: EditableTableCollectionConfig<T, F>,\n): EditableTableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n  const createOptimisticActions = useCreateOptimisticActions();\n\n  const state = useOptionalCachedState(() => {\n    return new EditableTableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n      permissions: config.permissions,\n      mutations: config.mutations,\n      createOptimisticActions: (collection) =>\n        createOptimisticActions(collection, config.optimisticActionParams),\n    });\n  });\n\n  return state;\n};\n"],"mappings":";;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;AAKA,IAAAE,uBAAA,GAAAF,OAAA;AAeO,MAAMG,0BAAmD,GAI9DC,MAA2C,IACd;EAC7B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,uBAAuB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAE5D,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iCAAkB,CAAO;MAClCC,UAAU,EAAEP,gBAAgB,CAAOH,MAAM,CAAC;MAC1CC,SAAS;MACTU,WAAW,EAAEX,MAAM,CAACW,WAAW;MAC/BC,SAAS,EAAEZ,MAAM,CAACY,SAAS;MAC3BP,uBAAuB,EAAGK,UAAU,IAClCL,uBAAuB,CAACK,UAAU,EAAEV,MAAM,CAACa,sBAAsB;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAON,KAAK;AACd,CAAC;AAACO,OAAA,CAAAf,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/index.js

@@ -575,6 +575,13 @@ Object.keys(_NestedTable).forEach(function (key) {
   if (key in exports && exports[key] === _NestedTable[key]) return;
   exports[key] = _NestedTable[key];
 });
+var _EditableTable = require("./components/EditableTable");
+Object.keys(_EditableTable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _EditableTable[key]) return;
+  exports[key] = _EditableTable[key];
+});
 var _AddApplyFiltersButton = require("./components/FiltersPanel/AddApplyFiltersButton");
 Object.keys(_AddApplyFiltersButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -805,6 +812,13 @@ Object.keys(_useNestedTable).forEach(function (key) {
   if (key in exports && exports[key] === _useNestedTable[key]) return;
   exports[key] = _useNestedTable[key];
 });
+var _useEditableTableCollection = require("./hooks/useEditableTableCollection");
+Object.keys(_useEditableTableCollection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useEditableTableCollection[key]) return;
+  exports[key] = _useEditableTableCollection[key];
+});
 var _useCreateNestedOptimisticActions = require("./hooks/useCreateNestedOptimisticActions");
 Object.keys(_useCreateNestedOptimisticActions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -909,6 +923,13 @@ Object.keys(_NestedTableState).forEach(function (key) {
   if (key in exports && exports[key] === _NestedTableState[key]) return;
   exports[key] = _NestedTableState[key];
 });
+var _EditableTable2 = require("./state/EditableTable");
+Object.keys(_EditableTable2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _EditableTable2[key]) return;
+  exports[key] = _EditableTable2[key];
+});
 var _DateRangeFilterState = require("./state/DateRangeFilterState");
 exports.DateRangeFilterStateParams = _DateRangeFilterState.DateRangeFilterStateParams;
 var _TableDragAndDrop = require("./components/TableDragAndDrop");