@wix/patterns 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","CounterBadgeButton","props","children","count","dataHook","default","createElement","Box","position","__self","__source","fileName","lineNumber","columnNumber","top","right","transform","pointerEvents","CounterBadge","skin","exports"],"sources":["../../../../src/components/CounterBadgeButton/CounterBadgeButton.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, CounterBadge } from '@wix/design-system';\n\nexport interface CounterBadgeButtonProps {\n  children?: ReactNode;\n  dataHook?: string;\n  count?: number;\n}\n\nexport const CounterBadgeButton = (props: CounterBadgeButtonProps) => {\n  const { children, count = 0, dataHook = 'counter-badge-count' } = props;\n\n  return (\n    <Box position=\"relative\">\n      {children}\n      {count > 0 && (\n        <Box\n          position=\"absolute\"\n          top={3}\n          right={3}\n          transform=\"translate3d(50%, -50%, 0)\"\n          pointerEvents=\"none\"\n        >\n          <CounterBadge dataHook={dataHook} skin=\"neutralStandard\">\n            {count}\n          </CounterBadge>\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAuD,IAAAE,YAAA;AAQhD,MAAMC,kBAAkB,GAAIC,KAA8B,IAAK;EACpE,MAAM;IAAEC,QAAQ;IAAEC,KAAK,GAAG,CAAC;IAAEC,QAAQ,GAAG;EAAsB,CAAC,GAAGH,KAAK;EAEvE,oBACEN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IAACC,QAAQ,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrBX,QAAQ,EACRC,KAAK,GAAG,CAAC,iBACRR,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IACFC,QAAQ,EAAC,UAAU;IACnBM,GAAG,EAAE,CAAE;IACPC,KAAK,EAAE,CAAE;IACTC,SAAS,EAAC,2BAA2B;IACrCC,aAAa,EAAC,MAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpBlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAoB,YAAY;IAACd,QAAQ,EAAEA,QAAS;IAACe,IAAI,EAAC,iBAAiB;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrDV,KACW,CACX,CAEJ,CAAC;AAEV,CAAC;AAACiB,OAAA,CAAApB,kBAAA,GAAAA,kBAAA"}

package/dist/cjs/components/CounterBadgeButton/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _CounterBadgeButton = require("./CounterBadgeButton");
+Object.keys(_CounterBadgeButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CounterBadgeButton[key]) return;
+  exports[key] = _CounterBadgeButton[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/CounterBadgeButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CounterBadgeButton","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/CounterBadgeButton/index.ts"],"sourcesContent":["export * from './CounterBadgeButton';\n"],"mappings":";;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,mBAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/CustomColumns/CustomColumns.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumns = CustomColumns;
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _react = _interopRequireDefault(require("react"));
+var _initCustomColumns = require("../../state/initCustomColumns");
+var _CustomColumnsCTAButton = require("../CustomColumnsPanel/CustomColumnsCTAButton");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomColumns/CustomColumns.tsx";
+function CustomColumns({
+  onColumnClick
+}) {
+  const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  return /*#__PURE__*/_react.default.createElement(_CustomColumnsCTAButton.CustomColumnsCTAButton, {
+    onColumnClick: onColumnClick,
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 10
+    }
+  });
+}
+CustomColumns.setCustomColumnsState = _initCustomColumns.setCustomColumnsState;
+CustomColumns.dragAndDrop = undefined;
+CustomColumns.displayName = 'CustomColumns';
+//# sourceMappingURL=CustomColumns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ToolbarCollectionContext","require","_react","_interopRequireDefault","_initCustomColumns","_CustomColumnsCTAButton","_jsxFileName","CustomColumns","onColumnClick","state","useToolbarCollectionContext","default","createElement","CustomColumnsCTAButton","__self","__source","fileName","lineNumber","columnNumber","setCustomColumnsState","dragAndDrop","undefined","displayName"],"sources":["../../../../src/components/CustomColumns/CustomColumns.tsx"],"sourcesContent":["import { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport React from 'react';\nimport { setCustomColumnsState } from '../../state/initCustomColumns';\nimport { Column } from '../../model';\nimport { CustomColumnsCTAButton } from '../CustomColumnsPanel/CustomColumnsCTAButton';\nimport type { CustomColumnsDragAndDrop } from './CustomColumnsDragAndDrop';\n\nexport interface CustomColumnsBaseProps {\n  /**\n   * A callback that called when a column checkbox is clicked\n   * @param column\n   * @param checked\n   * @external\n   */\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n}\n\nexport interface CustomColumnsProps extends CustomColumnsBaseProps {}\n\nexport function CustomColumns({ onColumnClick }: CustomColumnsProps) {\n  const state = useToolbarCollectionContext();\n  return <CustomColumnsCTAButton onColumnClick={onColumnClick} state={state} />;\n}\n\nCustomColumns.setCustomColumnsState = setCustomColumnsState;\nCustomColumns.dragAndDrop = undefined as\n  | typeof CustomColumnsDragAndDrop\n  | undefined;\nCustomColumns.displayName = 'CustomColumns';\n"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAAI,uBAAA,GAAAJ,OAAA;AAAsF,IAAAK,YAAA;AAe/E,SAASC,aAAaA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACnE,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,uBAAA,CAAAQ,sBAAsB;IAACL,aAAa,EAAEA,aAAc;IAACC,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC/E;AAEAX,aAAa,CAACY,qBAAqB,GAAGA,wCAAqB;AAC3DZ,aAAa,CAACa,WAAW,GAAGC,SAEf;AACbd,aAAa,CAACe,WAAW,GAAG,eAAe"}

package/dist/cjs/components/CustomColumns/CustomColumnsDragAndDrop.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomColumnsDragAndDrop = void 0;
+var _ListDragAndDrop = require("../ListDragAndDrop/ListDragAndDrop");
+var _CustomColumnsDragAndDropState = require("../../state/CustomColumnsDragAndDropState");
+const CustomColumnsDragAndDrop = exports.CustomColumnsDragAndDrop = {
+  ..._ListDragAndDrop.ListDragAndDrop,
+  CustomColumnsDragAndDropState: _CustomColumnsDragAndDropState.CustomColumnsDragAndDropState
+};
+//# sourceMappingURL=CustomColumnsDragAndDrop.js.map

package/dist/cjs/components/CustomColumns/CustomColumnsDragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ListDragAndDrop","require","_CustomColumnsDragAndDropState","CustomColumnsDragAndDrop","exports","ListDragAndDrop","CustomColumnsDragAndDropState"],"sources":["../../../../src/components/CustomColumns/CustomColumnsDragAndDrop.ts"],"sourcesContent":["import { ListDragAndDrop } from '../ListDragAndDrop/ListDragAndDrop';\nimport { CustomColumnsDragAndDropState } from '../../state/CustomColumnsDragAndDropState';\n\nexport const CustomColumnsDragAndDrop = {\n  ...ListDragAndDrop,\n  CustomColumnsDragAndDropState,\n};\n"],"mappings":";;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAD,OAAA;AAEO,MAAME,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG;EACtC,GAAGE,gCAAe;EAClBC,6BAA6B,EAA7BA;AACF,CAAC"}

package/dist/cjs/components/CustomColumns/CustomColumnsFull.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumnsFull = CustomColumnsFull;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _CustomColumns = require("./CustomColumns");
+var _CustomColumnsDragAndDrop = require("./CustomColumnsDragAndDrop");
+var _initCustomColumns = require("../../state/initCustomColumns");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomColumns/CustomColumnsFull.tsx";
+function CustomColumnsFull(props) {
+  return /*#__PURE__*/_react.default.createElement(_CustomColumns.CustomColumns, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 9,
+      columnNumber: 10
+    }
+  }));
+}
+CustomColumnsFull.setCustomColumnsState = _initCustomColumns.setCustomColumnsState;
+CustomColumnsFull.dragAndDrop = _CustomColumnsDragAndDrop.CustomColumnsDragAndDrop;
+CustomColumnsFull.displayName = 'CustomColumns';
+//# sourceMappingURL=CustomColumnsFull.js.map

package/dist/cjs/components/CustomColumns/CustomColumnsFull.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_CustomColumns","_CustomColumnsDragAndDrop","_initCustomColumns","_jsxFileName","CustomColumnsFull","props","default","createElement","CustomColumns","_extends2","__self","__source","fileName","lineNumber","columnNumber","setCustomColumnsState","dragAndDrop","CustomColumnsDragAndDrop","displayName"],"sources":["../../../../src/components/CustomColumns/CustomColumnsFull.tsx"],"sourcesContent":["import React from 'react';\nimport { CustomColumns, CustomColumnsBaseProps } from './CustomColumns';\nimport { CustomColumnsDragAndDrop } from './CustomColumnsDragAndDrop';\nimport { setCustomColumnsState } from '../../state/initCustomColumns';\n\nexport interface CustomColumnsFullProps extends CustomColumnsBaseProps {}\n\nexport function CustomColumnsFull(props: CustomColumnsFullProps) {\n  return <CustomColumns {...props} />;\n}\n\nCustomColumnsFull.setCustomColumnsState = setCustomColumnsState;\nCustomColumnsFull.dragAndDrop = CustomColumnsDragAndDrop;\nCustomColumnsFull.displayName = 'CustomColumns';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAAsE,IAAAI,YAAA;AAI/D,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,cAAA,CAAAQ,aAAa,MAAAC,SAAA,CAAAH,OAAA,MAAKD,KAAK;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACrC;AAEAV,iBAAiB,CAACW,qBAAqB,GAAGA,wCAAqB;AAC/DX,iBAAiB,CAACY,WAAW,GAAGC,kDAAwB;AACxDb,iBAAiB,CAACc,WAAW,GAAG,eAAe"}

package/dist/cjs/components/CustomColumns/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _CustomColumns = require("./CustomColumns");
+Object.keys(_CustomColumns).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CustomColumns[key]) return;
+  exports[key] = _CustomColumns[key];
+});
+var _CustomColumnsFull = require("./CustomColumnsFull");
+Object.keys(_CustomColumnsFull).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CustomColumnsFull[key]) return;
+  exports[key] = _CustomColumnsFull[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/CustomColumns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CustomColumns","require","Object","keys","forEach","key","exports","_CustomColumnsFull"],"sources":["../../../../src/components/CustomColumns/index.ts"],"sourcesContent":["export * from './CustomColumns';\nexport * from './CustomColumnsFull';\n"],"mappings":";;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,kBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,kBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,kBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,kBAAA,CAAAF,GAAA;AAAA"}

package/dist/cjs/components/CustomColumnsPanel/ColumnListTableListItem.js

@@ -0,0 +1,174 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ColumnListTableListItem = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomColumnsPanel/ColumnListTableListItem.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _ColumnListTableListItem(props) {
+  var _collectionDataExtens;
+  const {
+    column,
+    state,
+    showDivider,
+    domRef,
+    dragging,
+    draggable,
+    dragHandleProps,
+    index,
+    rowIndex,
+    columnIndex,
+    droppable,
+    ...rest
+  } = props;
+  const {
+    select
+  } = state;
+  const {
+    collectionDataExtension
+  } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    infoTooltipProps
+  } = column;
+  const checkboxDisabled = !column.hideable;
+  const dragDisabled = column.reorderDisabled;
+  const checked = select.isChecked(column.id);
+  const infoContent = (infoTooltipProps == null ? void 0 : infoTooltipProps.panelContent) || (infoTooltipProps == null ? void 0 : infoTooltipProps.content);
+  const style = (0, _react.useMemo)(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    position: 'relative'
+  }), []);
+  const dataExtensionsCTA = (collectionDataExtension == null || (_collectionDataExtens = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens.CustomColumnsEditCustomFieldCTAButton) && column.dataExtension && column.dataExtension.editable && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsEditCustomFieldCTAButton, {
+    field: column.dataExtension,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 7
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
+    ref: domRef,
+    style: style,
+    "data-hook": `column-item-${column.id}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 67,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+    showDivider: showDivider,
+    checkbox: true,
+    checked: checked,
+    verticalPadding: "tiny",
+    checkboxDisabled: checkboxDisabled,
+    checkboxTooltipContent: checkboxDisabled ? dragDisabled ? t('cairo.table.custom-columns.disabled.tooltip') : t('cairo.table.custom-columns.hidden.disabled.tooltip') : undefined,
+    checkboxTooltipProps: {
+      maxWidth: '400px',
+      appendTo: 'window',
+      disabled: !checkboxDisabled
+    },
+    onCheckboxChange: () => {
+      if (checkboxDisabled) {
+        return;
+      }
+      state.onColumnCheckboxToggle(column);
+      state.customizeColumnsInSidePanelBi({
+        actionName: 'visibility'
+      });
+    },
+    draggable: true,
+    dragging: dragging,
+    dragDisabled: dragDisabled,
+    dragHandleProps: {
+      ...dragHandleProps,
+      tooltipContent: dragDisabled ? checkboxDisabled ? t('cairo.table.custom-columns.disabled.tooltip') : t('cairo.table.custom-columns.move.disabled.tooltip') : undefined,
+      tooltipProps: {
+        maxWidth: '400px',
+        appendTo: 'window'
+      }
+    },
+    options: [{
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 116,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          padding: '0 6px',
+          cursor: checkboxDisabled ? undefined : 'pointer',
+          wordBreak: 'break-word'
+        },
+        onClick: () => {
+          if (checkboxDisabled) {
+            return;
+          }
+          state.onColumnCheckboxToggle(column);
+        },
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 117,
+          columnNumber: 17
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        dataHook: "tableListItem-label",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 130,
+          columnNumber: 19
+        }
+      }, column.name || column.title || column.id)), /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          cursor: 'default'
+        },
+        onPointerDown: e => e.stopPropagation(),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 135,
+          columnNumber: 17
+        }
+      }, infoContent && /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({
+        size: "small"
+      }, infoTooltipProps, {
+        dataHook: "info-icon",
+        content: infoContent,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 140,
+          columnNumber: 21
+        }
+      }))))
+    }, ...(dataExtensionsCTA ? [{
+      value: dataExtensionsCTA,
+      align: 'right'
+    }] : [])],
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 73,
+      columnNumber: 7
+    }
+  }));
+}
+const ColumnListTableListItem = exports.ColumnListTableListItem = (0, _mobxReactLite.observer)(_ColumnListTableListItem);
+//# sourceMappingURL=ColumnListTableListItem.js.map

package/dist/cjs/components/CustomColumnsPanel/ColumnListTableListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ColumnListTableListItem","props","_collectionDataExtens","column","state","showDivider","domRef","dragging","draggable","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","collectionDataExtension","useToolbarCollectionContext","translate","useWixPatternsContainer","infoTooltipProps","checkboxDisabled","hideable","dragDisabled","reorderDisabled","checked","isChecked","id","infoContent","panelContent","content","style","useMemo","display","flexDirection","position","dataExtensionsCTA","DataExtension","CustomColumnsEditCustomFieldCTAButton","dataExtension","editable","createElement","field","__self","__source","fileName","lineNumber","columnNumber","_extends2","ref","TableListItem","checkbox","verticalPadding","checkboxTooltipContent","undefined","checkboxTooltipProps","maxWidth","appendTo","disabled","onCheckboxChange","onColumnCheckboxToggle","customizeColumnsInSidePanelBi","actionName","tooltipContent","tooltipProps","options","value","Box","padding","cursor","wordBreak","onClick","Text","size","dataHook","name","title","onPointerDown","stopPropagation","InfoIcon","align","ColumnListTableListItem","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"sourcesContent":["import { Box, InfoIcon, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { Column } from '../../model';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CustomColumnsState } from '../../state';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  column: Column;\n  state: CustomColumnsState<T, F>;\n  showDivider?: boolean;\n}\n\nfunction _ColumnListTableListItem<T, F extends FiltersMap>(\n  props: ColumnListTableListItemProps<T, F>,\n) {\n  const {\n    column,\n    state,\n    showDivider,\n    domRef,\n    dragging,\n    draggable,\n    dragHandleProps,\n    index,\n    rowIndex,\n    columnIndex,\n    droppable,\n    ...rest\n  } = props;\n  const { select } = state;\n\n  const { collectionDataExtension } = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { infoTooltipProps } = column;\n\n  const checkboxDisabled = !column.hideable;\n  const dragDisabled = column.reorderDisabled;\n  const checked = select.isChecked(column.id);\n  const infoContent =\n    infoTooltipProps?.panelContent || infoTooltipProps?.content;\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n    }),\n    [],\n  );\n\n  const dataExtensionsCTA = collectionDataExtension?.DataExtension\n    ?.CustomColumnsEditCustomFieldCTAButton &&\n    column.dataExtension &&\n    column.dataExtension.editable && (\n      <collectionDataExtension.DataExtension.CustomColumnsEditCustomFieldCTAButton\n        field={column.dataExtension}\n      />\n    );\n\n  return (\n    <div\n      {...rest}\n      ref={domRef}\n      style={style}\n      data-hook={`column-item-${column.id}`}\n    >\n      <TableListItem\n        showDivider={showDivider}\n        checkbox\n        checked={checked}\n        verticalPadding=\"tiny\"\n        checkboxDisabled={checkboxDisabled}\n        checkboxTooltipContent={\n          checkboxDisabled\n            ? dragDisabled\n              ? t('cairo.table.custom-columns.disabled.tooltip')\n              : t('cairo.table.custom-columns.hidden.disabled.tooltip')\n            : undefined\n        }\n        checkboxTooltipProps={{\n          maxWidth: '400px',\n          appendTo: 'window',\n          disabled: !checkboxDisabled,\n        }}\n        onCheckboxChange={() => {\n          if (checkboxDisabled) {\n            return;\n          }\n          state.onColumnCheckboxToggle(column);\n          state.customizeColumnsInSidePanelBi({ actionName: 'visibility' });\n        }}\n        draggable\n        dragging={dragging}\n        dragDisabled={dragDisabled}\n        dragHandleProps={{\n          ...dragHandleProps,\n          tooltipContent: dragDisabled\n            ? checkboxDisabled\n              ? t('cairo.table.custom-columns.disabled.tooltip')\n              : t('cairo.table.custom-columns.move.disabled.tooltip')\n            : undefined,\n          tooltipProps: {\n            maxWidth: '400px',\n            appendTo: 'window',\n          },\n        }}\n        options={[\n          {\n            value: (\n              <Box>\n                <div\n                  style={{\n                    padding: '0 6px',\n                    cursor: checkboxDisabled ? undefined : 'pointer',\n                    wordBreak: 'break-word',\n                  }}\n                  onClick={() => {\n                    if (checkboxDisabled) {\n                      return;\n                    }\n                    state.onColumnCheckboxToggle(column);\n                  }}\n                >\n                  <Text size=\"small\" dataHook=\"tableListItem-label\">\n                    {column.name || column.title || column.id}\n                  </Text>\n                </div>\n\n                <div\n                  style={{ cursor: 'default' }}\n                  onPointerDown={(e) => e.stopPropagation()}\n                >\n                  {infoContent && (\n                    <InfoIcon\n                      size=\"small\"\n                      {...infoTooltipProps}\n                      dataHook=\"info-icon\"\n                      content={infoContent}\n                    />\n                  )}\n                </div>\n              </Box>\n            ),\n          },\n\n          ...(dataExtensionsCTA\n            ? [\n                {\n                  value: dataExtensionsCTA,\n                  align: 'right' as const,\n                },\n              ]\n            : []),\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const ColumnListTableListItem = observer(_ColumnListTableListItem);\n"],"mappings":"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"}

package/dist/cjs/components/CustomColumnsPanel/ColumnsList.js

@@ -0,0 +1,126 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ColumnsList = void 0;
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _util = require("@wix/bex-core/util");
+var _ColumnListTableListItem = require("./ColumnListTableListItem");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomColumnsPanel/ColumnsList.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _ColumnsList(props) {
+  const {
+    state
+  } = props;
+  const {
+    columnsCollection,
+    dragAndDrop
+  } = state;
+  (0, _react.useEffect)(() => {
+    if (dragAndDrop == null) {
+      return;
+    }
+    const {
+      table: {
+        sidePanel
+      }
+    } = state;
+    const disposers = [(0, _util.addEventListener)(sidePanel.transition.events, 'entered', () => {
+      dragAndDrop.listRect._syncThrottled();
+    }), dragAndDrop.listRect.init()];
+    return () => {
+      disposers.forEach(d => d == null ? void 0 : d());
+    };
+  }, []);
+  const renderItem = (0, _react.useCallback)((column, index, {
+    length
+  }) => {
+    let child = /*#__PURE__*/_react.default.createElement(_ColumnListTableListItem.ColumnListTableListItem, {
+      key: column.id,
+      index: index,
+      state: state,
+      column: column,
+      showDivider: index < length - 1,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 41,
+        columnNumber: 9
+      }
+    });
+    if (dragAndDrop) {
+      const {
+        DraggableListItem
+      } = dragAndDrop.components;
+      child = /*#__PURE__*/_react.default.createElement(DraggableListItem, {
+        key: column.id,
+        dndDisabled: column.reorderDisabled,
+        id: column.id,
+        index: index,
+        state: dragAndDrop,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 54,
+          columnNumber: 11
+        }
+      }, child);
+    }
+    return child;
+  }, []);
+  let child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    dataHook: "custom-columns-list",
+    backgroundColor: "D60",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 5
+    }
+  }, columnsCollection.result.items.map(renderItem));
+  if (dragAndDrop) {
+    const {
+      ListDragAndDropContext,
+      DraggableListItemOverlay
+    } = dragAndDrop.components;
+    child = /*#__PURE__*/_react.default.createElement(ListDragAndDropContext, {
+      state: dragAndDrop,
+      onSubmit: async ({
+        from,
+        over
+      }) => {
+        var _state$dragAndDrop;
+        state.customizeColumnsInSidePanelBi({
+          actionName: 'reorder'
+        });
+        (_state$dragAndDrop = state.dragAndDrop) == null || _state$dragAndDrop._onCustomColumnsReorder(from.item.id, over.item.id);
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 86,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, /*#__PURE__*/_react.default.createElement(DraggableListItemOverlay, {
+      state: dragAndDrop,
+      renderItem: index => {
+        const item = columnsCollection.result.items[index];
+        return item ? renderItem(item, index, {
+          length: 0
+        }) : null;
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 99,
+        columnNumber: 11
+      }
+    })));
+  }
+  return child;
+}
+const ColumnsList = exports.ColumnsList = (0, _mobxReactLite.observer)(_ColumnsList);
+//# sourceMappingURL=ColumnsList.js.map

package/dist/cjs/components/CustomColumnsPanel/ColumnsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_util","_ColumnListTableListItem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ColumnsList","props","state","columnsCollection","dragAndDrop","useEffect","table","sidePanel","disposers","addEventListener","transition","events","listRect","_syncThrottled","init","forEach","d","renderItem","useCallback","column","index","length","child","createElement","ColumnListTableListItem","key","id","showDivider","__self","__source","fileName","lineNumber","columnNumber","DraggableListItem","components","dndDisabled","reorderDisabled","Box","direction","dataHook","backgroundColor","result","items","map","ListDragAndDropContext","DraggableListItemOverlay","onSubmit","from","over","_state$dragAndDrop","customizeColumnsInSidePanelBi","actionName","_onCustomColumnsReorder","item","Fragment","ColumnsList","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnsList.tsx"],"sourcesContent":["import { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback, useEffect } from 'react';\nimport { Column } from '../../model';\nimport { Box } from '@wix/design-system';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { ColumnListTableListItem } from './ColumnListTableListItem';\n\nexport interface ColumnsListProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n  const { state } = props;\n  const { columnsCollection, dragAndDrop } = state;\n\n  useEffect(() => {\n    if (dragAndDrop == null) {\n      return;\n    }\n    const {\n      table: { sidePanel },\n    } = state;\n\n    const disposers = [\n      addEventListener(sidePanel.transition.events, 'entered', () => {\n        dragAndDrop.listRect._syncThrottled();\n      }),\n      dragAndDrop.listRect.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  const renderItem = useCallback(\n    (column: Column, index: number, { length }: { length: number }) => {\n      let child = (\n        <ColumnListTableListItem\n          key={column.id}\n          index={index}\n          state={state}\n          column={column}\n          showDivider={index < length - 1}\n        />\n      );\n\n      if (dragAndDrop) {\n        const { DraggableListItem } = dragAndDrop.components;\n\n        child = (\n          <DraggableListItem\n            key={column.id}\n            dndDisabled={column.reorderDisabled}\n            id={column.id}\n            index={index}\n            state={dragAndDrop}\n          >\n            {child}\n          </DraggableListItem>\n        );\n      }\n\n      return child;\n    },\n    [],\n  );\n\n  let child = (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-columns-list\"\n      backgroundColor=\"D60\"\n    >\n      {columnsCollection.result.items.map(renderItem)}\n    </Box>\n  );\n\n  if (dragAndDrop) {\n    const { ListDragAndDropContext, DraggableListItemOverlay } =\n      dragAndDrop.components;\n\n    child = (\n      <ListDragAndDropContext\n        state={dragAndDrop}\n        onSubmit={async ({ from, over }) => {\n          state.customizeColumnsInSidePanelBi({ actionName: 'reorder' });\n\n          state.dragAndDrop?._onCustomColumnsReorder(\n            from.item.id,\n            over.item.id,\n          );\n        }}\n      >\n        <>\n          {child}\n          <DraggableListItemOverlay\n            state={dragAndDrop}\n            renderItem={(index) => {\n              const item = columnsCollection.result.items[index];\n              return item ? renderItem(item, index, { length: 0 }) : null;\n            }}\n          />\n        </>\n      </ListDragAndDropContext>\n    );\n  }\n\n  return child;\n}\n\nexport const ColumnsList = observer(_ColumnsList);\n"],"mappings":"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"}

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsCTAButton.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomColumnsCTAButton = void 0;
+exports._CustomColumnsCTAButton = _CustomColumnsCTAButton;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _bexCore = require("@wix/bex-core");
+var _mobxReactLite = require("mobx-react-lite");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _CustomColumnsPanelEntry = require("./CustomColumnsPanelEntry");
+var _bi = require("@wix/bex-core/bi");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _CustomColumnsCTAButton({
+  state,
+  onColumnClick,
+  dragAndDrop
+}) {
+  const {
+    container: {
+      translate: t,
+      experiments
+    }
+  } = state;
+  const analyticsButtonDiscoverability = experiments == null ? void 0 : experiments.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
+  (0, _react.useEffect)(() => {
+    _CustomColumnsPanelEntry.CustomColumnsPanelEntry.CustomColumnsDragAndDrop = dragAndDrop;
+    state.panels.registerSidePanel('customColumns', _CustomColumnsPanelEntry.CustomColumnsPanelEntry);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (state.customColumnsState) {
+      state.customColumnsState.onColumnClick = onColumnClick;
+    }
+  }, [onColumnClick, state.customColumnsStateInitialized]);
+  const text = t('cairo.table.custom-columns.button.cta');
+  const props = {
+    size: 'small',
+    priority: 'secondary',
+    dataHook: 'custom-columns-button',
+    onClick: () => {
+      const isOpened = state.panels.toggleSidePanel('customColumns');
+      state.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
+        isOpened,
+        feature: 'Custom Columns',
+        origin: 'Custom Columns CTA'
+      }));
+    }
+  };
+  const getButton = () => {
+    if (analyticsButtonDiscoverability === 'b' || analyticsButtonDiscoverability === 'c') {
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({}, props, {
+        prefixIcon: analyticsButtonDiscoverability === 'b' ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AdjustSmall, {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 75,
+            columnNumber: 15
+          }
+        }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TableChartSmall, {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 77,
+            columnNumber: 15
+          }
+        }),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 71,
+          columnNumber: 9
+        }
+      }), text);
+    }
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+      content: t('cairo.table.custom-columns.button.tooltip'),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 87,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, (0, _extends2.default)({}, props, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 88,
+        columnNumber: 9
+      }
+    }), /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AdjustSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 89,
+        columnNumber: 11
+      }
+    })));
+  };
+  return getButton();
+}
+const CustomColumnsCTAButton = exports.CustomColumnsCTAButton = (0, _mobxReactLite.observer)(_CustomColumnsCTAButton);
+//# sourceMappingURL=CustomColumnsCTAButton.js.map

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsCTAButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_wixUiIconsCommon","_CustomColumnsPanelEntry","_bi","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_CustomColumnsCTAButton","state","onColumnClick","dragAndDrop","container","translate","experiments","analyticsButtonDiscoverability","useEffect","CustomColumnsPanelEntry","CustomColumnsDragAndDrop","panels","registerSidePanel","customColumnsState","customColumnsStateInitialized","text","props","size","priority","dataHook","onClick","isOpened","toggleSidePanel","reportBi","withoutDefaults","cairoFiltersPanelUsed","feature","origin","getButton","createElement","Button","_extends2","prefixIcon","AdjustSmall","__self","__source","fileName","lineNumber","columnNumber","TableChartSmall","Tooltip","content","IconButton","CustomColumnsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx"],"sourcesContent":["import {\n  Button,\n  IconButton,\n  IconButtonProps,\n  Tooltip,\n} from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { AdjustSmall, TableChartSmall } from '@wix/wix-ui-icons-common';\nimport { CustomColumnsPanelEntry } from './CustomColumnsPanelEntry';\nimport type { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport type { Column } from '../../model';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\n\nexport interface CustomColumnsCTAButtonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n}\n\nexport function _CustomColumnsCTAButton<T, F extends FiltersMap>({\n  state,\n  onColumnClick,\n  dragAndDrop,\n}: CustomColumnsCTAButtonProps<T, F>) {\n  const {\n    container: { translate: t, experiments },\n  } = state;\n\n  const analyticsButtonDiscoverability = experiments?.get(\n    'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n  );\n\n  useEffect(() => {\n    CustomColumnsPanelEntry.CustomColumnsDragAndDrop = dragAndDrop;\n    state.panels.registerSidePanel('customColumns', CustomColumnsPanelEntry);\n  }, []);\n\n  useEffect(() => {\n    if (state.customColumnsState) {\n      state.customColumnsState.onColumnClick = onColumnClick;\n    }\n  }, [onColumnClick, state.customColumnsStateInitialized]);\n\n  const text = t('cairo.table.custom-columns.button.cta');\n  const props: IconButtonProps = {\n    size: 'small',\n    priority: 'secondary',\n    dataHook: 'custom-columns-button',\n    onClick: () => {\n      const isOpened = state.panels.toggleSidePanel('customColumns');\n\n      state.reportBi(\n        withoutDefaults(cairoFiltersPanelUsed)({\n          isOpened,\n          feature: 'Custom Columns',\n          origin: 'Custom Columns CTA',\n        }),\n      );\n    },\n  };\n\n  const getButton = () => {\n    if (\n      analyticsButtonDiscoverability === 'b' ||\n      analyticsButtonDiscoverability === 'c'\n    ) {\n      return (\n        <Button\n          {...props}\n          prefixIcon={\n            analyticsButtonDiscoverability === 'b' ? (\n              <AdjustSmall />\n            ) : (\n              <TableChartSmall />\n            )\n          }\n        >\n          {text}\n        </Button>\n      );\n    }\n\n    return (\n      <Tooltip content={t('cairo.table.custom-columns.button.tooltip')}>\n        <IconButton {...props}>\n          <AdjustSmall />\n        </IconButton>\n      </Tooltip>\n    );\n  };\n\n  return getButton();\n}\n\nexport const CustomColumnsCTAButton = observer(_CustomColumnsCTAButton);\n"],"mappings":"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"}