@wix/patterns 1.427.0 → 1.431.0

package/dist/cjs/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_view","_react","_interopRequireDefault","_jsxFileName","getCategoryName","category","viewsState","translate","t","collection","id","PREDEFINED_VIEWS_ID","name","buildCategoryOption","categoryName","listItemSectionBuilder","title","type","dataHook","suffix","default","createElement","InfoIcon","size","content","tooltipProps","maxWidth","__self","__source","fileName","lineNumber","columnNumber","getViewName","view","length","buildViewOption","viewName","listItemSelectBuilder","label"],"sources":["../../../../src/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx"],"sourcesContent":["import {\n  InfoIcon,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { PREDEFINED_VIEWS_ID } from '../../model/view';\nimport type { BasicCategory, PrivateView, ViewsState } from '../../index';\nimport { FiltersMap, TranslationsKeys } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\n\nexport function getCategoryName<F extends FiltersMap>({\n  category,\n  viewsState,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n\n  if (category.id === PREDEFINED_VIEWS_ID) {\n    return t('cairo.viewDropdown.category.predefinedViews');\n  }\n  return category.name;\n}\n\nexport function buildCategoryOption<F extends FiltersMap>({\n  viewsState,\n  category,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n  const categoryName = getCategoryName({ category, viewsState });\n\n  return listItemSectionBuilder({\n    id: category.id,\n    title: categoryName,\n    type: 'subheader',\n    dataHook: 'view-category',\n    suffix: (\n      <InfoIcon\n        size=\"small\"\n        content={t('cairo.viewDropdown.category.info' as TranslationsKeys)}\n        tooltipProps={{ maxWidth: 240 }}\n      />\n    ),\n  });\n}\n\nexport function getViewName<F extends FiltersMap>({\n  view,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n}) {\n  if (view.name.length > 0) {\n    return view.name;\n  }\n\n  return '';\n}\n\nexport function buildViewOption<F extends FiltersMap>({\n  viewsState,\n  view,\n  suffix,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n  suffix?: ReactNode;\n}) {\n  const viewName = getViewName({ view, viewsState });\n  return listItemSelectBuilder({\n    id: view.id,\n    title: viewName,\n    label: viewName,\n    dataHook: 'view-item',\n    suffix,\n  });\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAyC,IAAAI,YAAA;AAElC,SAASC,eAAeA,CAAuB;EACpDC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAE9C,IAAIJ,QAAQ,CAACK,EAAE,KAAKC,yBAAmB,EAAE;IACvC,OAAOH,CAAC,CAAC,6CAA6C,CAAC;EACzD;EACA,OAAOH,QAAQ,CAACO,IAAI;AACtB;AAEO,SAASC,mBAAmBA,CAAuB;EACxDP,UAAU;EACVD;AAIF,CAAC,EAAE;EACD,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAC9C,MAAMK,YAAY,GAAGV,eAAe,CAAC;IAAEC,QAAQ;IAAEC;EAAW,CAAC,CAAC;EAE9D,OAAO,IAAAS,oCAAsB,EAAC;IAC5BL,EAAE,EAAEL,QAAQ,CAACK,EAAE;IACfM,KAAK,EAAEF,YAAY;IACnBG,IAAI,EAAE,WAAW;IACjBC,QAAQ,EAAE,eAAe;IACzBC,MAAM,eACJlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,QAAQ;MACPC,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEhB,CAAC,CAAC,kCAAsD,CAAE;MACnEiB,YAAY,EAAE;QAAEC,QAAQ,EAAE;MAAI,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1B,YAAA;QAAA2B,UAAA;QAAAC,YAAA;MAAA;IAAA,CACjC;EAEL,CAAC,CAAC;AACJ;AAEO,SAASC,WAAWA,CAAuB;EAChDC;AAIF,CAAC,EAAE;EACD,IAAIA,IAAI,CAACrB,IAAI,CAACsB,MAAM,GAAG,CAAC,EAAE;IACxB,OAAOD,IAAI,CAACrB,IAAI;EAClB;EAEA,OAAO,EAAE;AACX;AAEO,SAASuB,eAAeA,CAAuB;EACpD7B,UAAU;EACV2B,IAAI;EACJd;AAKF,CAAC,EAAE;EACD,MAAMiB,QAAQ,GAAGJ,WAAW,CAAC;IAAEC,IAAI;IAAE3B;EAAW,CAAC,CAAC;EAClD,OAAO,IAAA+B,mCAAqB,EAAC;IAC3B3B,EAAE,EAAEuB,IAAI,CAACvB,EAAE;IACXM,KAAK,EAAEoB,QAAQ;IACfE,KAAK,EAAEF,QAAQ;IACflB,QAAQ,EAAE,WAAW;IACrBC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_view","_react","_interopRequireDefault","_jsxFileName","getCategoryName","category","viewsState","translate","t","collection","id","PREDEFINED_VIEWS_ID","name","buildCategoryOption","categoryName","listItemSectionBuilder","title","type","dataHook","suffix","default","createElement","InfoIcon","size","content","tooltipProps","maxWidth","__self","__source","fileName","lineNumber","columnNumber","getViewName","view","length","buildViewOption","isBmHarmonyTheme","viewName","listItemSelectBuilder","label","ellipsis"],"sources":["../../../../src/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx"],"sourcesContent":["import {\n  InfoIcon,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { PREDEFINED_VIEWS_ID } from '../../model/view';\nimport type { BasicCategory, PrivateView, ViewsState } from '../../index';\nimport { FiltersMap, TranslationsKeys } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\n\nexport function getCategoryName<F extends FiltersMap>({\n  category,\n  viewsState,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n\n  if (category.id === PREDEFINED_VIEWS_ID) {\n    return t('cairo.viewDropdown.category.predefinedViews');\n  }\n  return category.name;\n}\n\nexport function buildCategoryOption<F extends FiltersMap>({\n  viewsState,\n  category,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n  const categoryName = getCategoryName({ category, viewsState });\n\n  return listItemSectionBuilder({\n    id: category.id,\n    title: categoryName,\n    type: 'subheader',\n    dataHook: 'view-category',\n    suffix: (\n      <InfoIcon\n        size=\"small\"\n        content={t('cairo.viewDropdown.category.info' as TranslationsKeys)}\n        tooltipProps={{ maxWidth: 240 }}\n      />\n    ),\n  });\n}\n\nexport function getViewName<F extends FiltersMap>({\n  view,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n}) {\n  if (view.name.length > 0) {\n    return view.name;\n  }\n\n  return '';\n}\n\nexport function buildViewOption<F extends FiltersMap>({\n  viewsState,\n  view,\n  suffix,\n  isBmHarmonyTheme,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n  suffix?: ReactNode;\n  isBmHarmonyTheme?: boolean;\n}) {\n  const viewName = getViewName({ view, viewsState });\n  return listItemSelectBuilder({\n    id: view.id,\n    title: viewName,\n    label: viewName,\n    ...(isBmHarmonyTheme ? { size: 'small' } : {}),\n    ...(isBmHarmonyTheme ? { ellipsis: true } : {}),\n    dataHook: 'view-item',\n    suffix,\n  });\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAyC,IAAAI,YAAA;AAElC,SAASC,eAAeA,CAAuB;EACpDC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAE9C,IAAIJ,QAAQ,CAACK,EAAE,KAAKC,yBAAmB,EAAE;IACvC,OAAOH,CAAC,CAAC,6CAA6C,CAAC;EACzD;EACA,OAAOH,QAAQ,CAACO,IAAI;AACtB;AAEO,SAASC,mBAAmBA,CAAuB;EACxDP,UAAU;EACVD;AAIF,CAAC,EAAE;EACD,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAC9C,MAAMK,YAAY,GAAGV,eAAe,CAAC;IAAEC,QAAQ;IAAEC;EAAW,CAAC,CAAC;EAE9D,OAAO,IAAAS,oCAAsB,EAAC;IAC5BL,EAAE,EAAEL,QAAQ,CAACK,EAAE;IACfM,KAAK,EAAEF,YAAY;IACnBG,IAAI,EAAE,WAAW;IACjBC,QAAQ,EAAE,eAAe;IACzBC,MAAM,eACJlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,QAAQ;MACPC,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEhB,CAAC,CAAC,kCAAsD,CAAE;MACnEiB,YAAY,EAAE;QAAEC,QAAQ,EAAE;MAAI,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1B,YAAA;QAAA2B,UAAA;QAAAC,YAAA;MAAA;IAAA,CACjC;EAEL,CAAC,CAAC;AACJ;AAEO,SAASC,WAAWA,CAAuB;EAChDC;AAIF,CAAC,EAAE;EACD,IAAIA,IAAI,CAACrB,IAAI,CAACsB,MAAM,GAAG,CAAC,EAAE;IACxB,OAAOD,IAAI,CAACrB,IAAI;EAClB;EAEA,OAAO,EAAE;AACX;AAEO,SAASuB,eAAeA,CAAuB;EACpD7B,UAAU;EACV2B,IAAI;EACJd,MAAM;EACNiB;AAMF,CAAC,EAAE;EACD,MAAMC,QAAQ,GAAGL,WAAW,CAAC;IAAEC,IAAI;IAAE3B;EAAW,CAAC,CAAC;EAClD,OAAO,IAAAgC,mCAAqB,EAAC;IAC3B5B,EAAE,EAAEuB,IAAI,CAACvB,EAAE;IACXM,KAAK,EAAEqB,QAAQ;IACfE,KAAK,EAAEF,QAAQ;IACf,IAAID,gBAAgB,GAAG;MAAEb,IAAI,EAAE;IAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,IAAIa,gBAAgB,GAAG;MAAEI,QAAQ,EAAE;IAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/CtB,QAAQ,EAAE,WAAW;IACrBC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

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

@@ -11,6 +11,7 @@ var _react2 = require("@wix/bex-core/react");
 var _fieldTypePrefixIcons = require("../../utils/fieldTypePrefixIcons");
 var _FieldIndications = require("./FieldIndications");
 var _FieldActions = require("../FieldActions");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/ColumnListTableListItem.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 _ColumnListTableListItem(props) {
@@ -37,6 +38,7 @@ function _ColumnListTableListItem(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const showFieldTypeIcons = state.showFieldTypeIcons;
   const {
     infoTooltipProps
@@ -68,7 +70,7 @@ function _ColumnListTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 77,
       columnNumber: 5
     }
   })) : null;
@@ -81,7 +83,7 @@ function _ColumnListTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 88,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, (0, _extends2.default)({
@@ -89,8 +91,9 @@ function _ColumnListTableListItem(props) {
     checkbox: true,
     checked: checked,
     verticalPadding: "tiny",
-    horizontalPadding: "small",
+    horizontalPadding: isHarmonyTheme ? 'tiny' : 'small',
     dragHandleSize: "small",
+    showSelectionBorder: isHarmonyTheme ? false : undefined,
     checkboxDisabled: checkboxDisabled,
     checkboxTooltipContent: checkboxDisabled ? dragDisabled ? t('cairo.table.custom-columns.disabled.tooltip') : t('cairo.table.custom-columns.hidden.disabled.tooltip') : undefined,
     checkboxTooltipProps: {
@@ -129,7 +132,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 141,
+          lineNumber: 144,
           columnNumber: 15
         }
       }), /*#__PURE__*/_react.default.createElement("div", {
@@ -152,7 +155,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 146,
+          lineNumber: 149,
           columnNumber: 17
         }
       }, prefixIcon && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -163,19 +166,19 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 164,
+          lineNumber: 167,
           columnNumber: 21
         }
       }, prefixIcon), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
         size: "small",
-        weight: "normal",
+        weight: isHarmonyTheme ? 'thin' : 'normal',
         dataHook: "tableListItem-label",
         ellipsis: true,
         appendTo: "window",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 173,
+          lineNumber: 176,
           columnNumber: 19
         }
       }, column.name || column.title || column.id), isRequired && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -185,7 +188,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 183,
+          lineNumber: 186,
           columnNumber: 21
         }
       }, "\xA0*")), /*#__PURE__*/_react.default.createElement("div", {
@@ -196,7 +199,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 189,
+          lineNumber: 192,
           columnNumber: 17
         }
       }, infoContent && /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({
@@ -207,7 +210,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 194,
+          lineNumber: 197,
           columnNumber: 21
         }
       }))))
@@ -218,7 +221,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 210,
+          lineNumber: 213,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_FieldIndications.FieldIndications, {
@@ -226,7 +229,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 211,
+          lineNumber: 214,
           columnNumber: 23
         }
       }), manageFieldMenu),
@@ -236,7 +239,7 @@ function _ColumnListTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 94,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_fieldTypePrefixIcons","_FieldIndications","_FieldActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","collectionFieldsSource","translate","useWixPatternsContainer","showFieldTypeIcons","infoTooltipProps","prefixIcon","getFieldTypeIcon","fieldType","checkboxDisabled","hideable","hasSearchValue","searchValue","trim","length","dragDisabled","reorderDisabled","checked","isChecked","id","infoContent","panelContent","content","isRequired","validation","some","type","style","useMemo","display","flexDirection","position","menuConfig","field","fieldActionsMenu","fieldId","origin","location","undefined","manageFieldMenu","createElement","FieldActionsPopover","_extends2","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","dataExtension","hasRightContent","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","checkboxTooltipContent","checkboxTooltipProps","maxWidth","appendTo","disabled","onCheckboxChange","onColumnCheckboxToggle","customizeColumnsInSidePanelBi","actionName","draggable","tooltipContent","tooltipProps","options","value","Box","verticalAlign","minWidth","flexGrow","alignItems","padding","cursor","overflow","onClick","align","marginRight","flexShrink","Text","size","weight","dataHook","ellipsis","name","title","skin","onPointerDown","stopPropagation","InfoIcon","gap","FieldIndications","width","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 { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\nimport { FieldIndications } from './FieldIndications';\nimport { FieldActionsPopover } from '../FieldActions';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  column: Column;\n  state: CustomColumnsPanelStateBase<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    dragHandleProps,\n    index,\n    rowIndex,\n    columnIndex,\n    droppable,\n    ...rest\n  } = props;\n  const { select } = state;\n\n  const { collectionFieldsSource } = state;\n  const { translate: t } = useWixPatternsContainer();\n  const showFieldTypeIcons = state.showFieldTypeIcons;\n\n  const { infoTooltipProps } = column;\n  const prefixIcon = showFieldTypeIcons\n    ? getFieldTypeIcon({ fieldType: column.fieldType })\n    : null;\n\n  const checkboxDisabled = !column.hideable;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const dragDisabled = column.reorderDisabled || hasSearchValue;\n  const checked = select.isChecked(column.id);\n  const infoContent =\n    infoTooltipProps?.panelContent || infoTooltipProps?.content;\n  const isRequired =\n    column.validation?.some((r) => r.type === 'required') ?? false;\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n    }),\n    [],\n  );\n\n  // The source field is stamped on the column at projection time. The source\n  // builds the per-field manage menu (edit / delete / archive …) as data; we\n  // render it with the shared popover. Null when the field has no menu.\n  const menuConfig = column.field\n    ? collectionFieldsSource?.fieldActionsMenu?.({\n        fieldId: column.field.id,\n        origin: 'Custom columns panel',\n        location: 'Customize columns action cell',\n      })\n    : undefined;\n  const manageFieldMenu = menuConfig ? (\n    <FieldActionsPopover {...menuConfig} />\n  ) : null;\n\n  const hasIndications =\n    column.isPii ||\n    column.isPrimary ||\n    column.isSystem ||\n    !!column.dataExtension;\n  const hasRightContent = hasIndications || !!manageFieldMenu;\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        horizontalPadding=\"small\"\n        dragHandleSize=\"small\"\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        {...(hasSearchValue\n          ? {}\n          : {\n              draggable: true,\n              dragging,\n              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            })}\n        options={[\n          {\n            value: (\n              <Box\n                {...(prefixIcon ? { verticalAlign: 'middle' } : {})}\n                minWidth={0}\n                flexGrow={1}\n              >\n                <div\n                  style={{\n                    ...(prefixIcon\n                      ? { display: 'flex', alignItems: 'center' }\n                      : {}),\n                    padding: '0',\n                    cursor: checkboxDisabled ? undefined : 'pointer',\n                    overflow: 'hidden',\n                    minWidth: 0,\n                  }}\n                  onClick={() => {\n                    if (checkboxDisabled) {\n                      return;\n                    }\n                    state.onColumnCheckboxToggle(column);\n                  }}\n                >\n                  {prefixIcon && (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      marginRight=\"SP1\"\n                      flexShrink={0}\n                    >\n                      {prefixIcon}\n                    </Box>\n                  )}\n                  <Text\n                    size=\"small\"\n                    weight=\"normal\"\n                    dataHook=\"tableListItem-label\"\n                    ellipsis\n                    appendTo=\"window\"\n                  >\n                    {column.name || column.title || column.id}\n                  </Text>\n                  {isRequired && (\n                    <Text size=\"tiny\" skin=\"error\" weight=\"bold\">\n                      &nbsp;*\n                    </Text>\n                  )}\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          ...(hasRightContent\n            ? [\n                {\n                  value: (\n                    <Box gap=\"SP1\" verticalAlign=\"middle\">\n                      <FieldIndications column={column} />\n                      {manageFieldMenu}\n                    </Box>\n                  ),\n                  align: 'right' as const,\n                  width: 'auto',\n                },\n              ]\n            : []),\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const ColumnListTableListItem = observer(_ColumnListTableListItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_fieldTypePrefixIcons","_FieldIndications","_FieldActions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","collectionFieldsSource","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","showFieldTypeIcons","infoTooltipProps","prefixIcon","getFieldTypeIcon","fieldType","checkboxDisabled","hideable","hasSearchValue","searchValue","trim","length","dragDisabled","reorderDisabled","checked","isChecked","id","infoContent","panelContent","content","isRequired","validation","some","type","style","useMemo","display","flexDirection","position","menuConfig","field","fieldActionsMenu","fieldId","origin","location","undefined","manageFieldMenu","createElement","FieldActionsPopover","_extends2","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","dataExtension","hasRightContent","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","showSelectionBorder","checkboxTooltipContent","checkboxTooltipProps","maxWidth","appendTo","disabled","onCheckboxChange","onColumnCheckboxToggle","customizeColumnsInSidePanelBi","actionName","draggable","tooltipContent","tooltipProps","options","value","Box","verticalAlign","minWidth","flexGrow","alignItems","padding","cursor","overflow","onClick","align","marginRight","flexShrink","Text","size","weight","dataHook","ellipsis","name","title","skin","onPointerDown","stopPropagation","InfoIcon","gap","FieldIndications","width","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 { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\nimport { FieldIndications } from './FieldIndications';\nimport { FieldActionsPopover } from '../FieldActions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  column: Column;\n  state: CustomColumnsPanelStateBase<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    dragHandleProps,\n    index,\n    rowIndex,\n    columnIndex,\n    droppable,\n    ...rest\n  } = props;\n  const { select } = state;\n\n  const { collectionFieldsSource } = state;\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const showFieldTypeIcons = state.showFieldTypeIcons;\n\n  const { infoTooltipProps } = column;\n  const prefixIcon = showFieldTypeIcons\n    ? getFieldTypeIcon({ fieldType: column.fieldType })\n    : null;\n\n  const checkboxDisabled = !column.hideable;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const dragDisabled = column.reorderDisabled || hasSearchValue;\n  const checked = select.isChecked(column.id);\n  const infoContent =\n    infoTooltipProps?.panelContent || infoTooltipProps?.content;\n  const isRequired =\n    column.validation?.some((r) => r.type === 'required') ?? false;\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n    }),\n    [],\n  );\n\n  // The source field is stamped on the column at projection time. The source\n  // builds the per-field manage menu (edit / delete / archive …) as data; we\n  // render it with the shared popover. Null when the field has no menu.\n  const menuConfig = column.field\n    ? collectionFieldsSource?.fieldActionsMenu?.({\n        fieldId: column.field.id,\n        origin: 'Custom columns panel',\n        location: 'Customize columns action cell',\n      })\n    : undefined;\n  const manageFieldMenu = menuConfig ? (\n    <FieldActionsPopover {...menuConfig} />\n  ) : null;\n\n  const hasIndications =\n    column.isPii ||\n    column.isPrimary ||\n    column.isSystem ||\n    !!column.dataExtension;\n  const hasRightContent = hasIndications || !!manageFieldMenu;\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        horizontalPadding={isHarmonyTheme ? 'tiny' : 'small'}\n        dragHandleSize=\"small\"\n        showSelectionBorder={isHarmonyTheme ? false : undefined}\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        {...(hasSearchValue\n          ? {}\n          : {\n              draggable: true,\n              dragging,\n              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            })}\n        options={[\n          {\n            value: (\n              <Box\n                {...(prefixIcon ? { verticalAlign: 'middle' } : {})}\n                minWidth={0}\n                flexGrow={1}\n              >\n                <div\n                  style={{\n                    ...(prefixIcon\n                      ? { display: 'flex', alignItems: 'center' }\n                      : {}),\n                    padding: '0',\n                    cursor: checkboxDisabled ? undefined : 'pointer',\n                    overflow: 'hidden',\n                    minWidth: 0,\n                  }}\n                  onClick={() => {\n                    if (checkboxDisabled) {\n                      return;\n                    }\n                    state.onColumnCheckboxToggle(column);\n                  }}\n                >\n                  {prefixIcon && (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      marginRight=\"SP1\"\n                      flexShrink={0}\n                    >\n                      {prefixIcon}\n                    </Box>\n                  )}\n                  <Text\n                    size=\"small\"\n                    weight={isHarmonyTheme ? 'thin' : 'normal'}\n                    dataHook=\"tableListItem-label\"\n                    ellipsis\n                    appendTo=\"window\"\n                  >\n                    {column.name || column.title || column.id}\n                  </Text>\n                  {isRequired && (\n                    <Text size=\"tiny\" skin=\"error\" weight=\"bold\">\n                      &nbsp;*\n                    </Text>\n                  )}\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          ...(hasRightContent\n            ? [\n                {\n                  value: (\n                    <Box gap=\"SP1\" verticalAlign=\"middle\">\n                      <FieldIndications column={column} />\n                      {manageFieldMenu}\n                    </Box>\n                  ),\n                  align: 'right' as const,\n                  width: 'auto',\n                },\n              ]\n            : []),\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const ColumnListTableListItem = observer(_ColumnListTableListItem);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AAAkE,IAAAS,YAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AASlE,SAASkB,wBAAwBA,CAC/BC,KAAyC,EACzC;EAAA,IAAAC,kBAAA;EACA,MAAM;IACJC,MAAM;IACNC,KAAK;IACLC,WAAW;IACXC,MAAM;IACNC,QAAQ;IACRC,eAAe;IACfC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGZ,KAAK;EACT,MAAM;IAAEa;EAAO,CAAC,GAAGV,KAAK;EAExB,MAAM;IAAEW;EAAuB,CAAC,GAAGX,KAAK;EACxC,MAAM;IAAEY,SAAS,EAAElC;EAAE,CAAC,GAAG,IAAAmC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC1C,MAAMC,kBAAkB,GAAGhB,KAAK,CAACgB,kBAAkB;EAEnD,MAAM;IAAEC;EAAiB,CAAC,GAAGlB,MAAM;EACnC,MAAMmB,UAAU,GAAGF,kBAAkB,GACjC,IAAAG,sCAAgB,EAAC;IAAEC,SAAS,EAAErB,MAAM,CAACqB;EAAU,CAAC,CAAC,GACjD,IAAI;EAER,MAAMC,gBAAgB,GAAG,CAACtB,MAAM,CAACuB,QAAQ;EACzC,MAAMC,cAAc,GAAGvB,KAAK,CAACwB,WAAW,CAACC,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;EAC1D,MAAMC,YAAY,GAAG5B,MAAM,CAAC6B,eAAe,IAAIL,cAAc;EAC7D,MAAMM,OAAO,GAAGnB,MAAM,CAACoB,SAAS,CAAC/B,MAAM,CAACgC,EAAE,CAAC;EAC3C,MAAMC,WAAW,GACf,CAAAf,gBAAgB,oBAAhBA,gBAAgB,CAAEgB,YAAY,MAAIhB,gBAAgB,oBAAhBA,gBAAgB,CAAEiB,OAAO;EAC7D,MAAMC,UAAU,GACd,EAAArC,kBAAA,GAAAC,MAAM,CAACqC,UAAU,qBAAjBtC,kBAAA,CAAmBuC,IAAI,CAAEzD,CAAC,IAAKA,CAAC,CAAC0D,IAAI,KAAK,UAAU,CAAC,KAAI,KAAK;EAChE,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACLC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,QAAQ,EAAE;EACZ,CAAC,CAAC,EACF,EACF,CAAC;;EAED;EACA;EACA;EACA,MAAMC,UAAU,GAAG7C,MAAM,CAAC8C,KAAK,GAC3BlC,sBAAsB,YAAtBA,sBAAsB,CAAEmC,gBAAgB,oBAAxCnC,sBAAsB,CAAEmC,gBAAgB,CAAG;IACzCC,OAAO,EAAEhD,MAAM,CAAC8C,KAAK,CAACd,EAAE;IACxBiB,MAAM,EAAE,sBAAsB;IAC9BC,QAAQ,EAAE;EACZ,CAAC,CAAC,GACFC,SAAS;EACb,MAAMC,eAAe,GAAGP,UAAU,gBAChC5E,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAC9E,aAAA,CAAA+E,mBAAmB,MAAAC,SAAA,CAAAnE,OAAA,MAAKyD,UAAU;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC,GACrC,IAAI;EAER,MAAMC,cAAc,GAClB7D,MAAM,CAAC8D,KAAK,IACZ9D,MAAM,CAAC+D,SAAS,IAChB/D,MAAM,CAACgE,QAAQ,IACf,CAAC,CAAChE,MAAM,CAACiE,aAAa;EACxB,MAAMC,eAAe,GAAGL,cAAc,IAAI,CAAC,CAACT,eAAe;EAE3D,oBACEnF,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,YAAAE,SAAA,CAAAnE,OAAA,MACMsB,IAAI;IACRyD,GAAG,EAAEhE,MAAO;IACZqC,KAAK,EAAEA,KAAM;IACb,aAAW,eAAexC,MAAM,CAACgC,EAAE,EAAG;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEtC3F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAqG,aAAa,MAAAb,SAAA,CAAAnE,OAAA;IACZc,WAAW,EAAEA,WAAY;IACzBmE,QAAQ;IACRvC,OAAO,EAAEA,OAAQ;IACjBwC,eAAe,EAAC,MAAM;IACtBC,iBAAiB,EAAExD,cAAc,GAAG,MAAM,GAAG,OAAQ;IACrDyD,cAAc,EAAC,OAAO;IACtBC,mBAAmB,EAAE1D,cAAc,GAAG,KAAK,GAAGoC,SAAU;IACxD7B,gBAAgB,EAAEA,gBAAiB;IACnCoD,sBAAsB,EACpBpD,gBAAgB,GACZM,YAAY,GACVjD,CAAC,CAAC,6CAA6C,CAAC,GAChDA,CAAC,CAAC,oDAAoD,CAAC,GACzDwE,SACL;IACDwB,oBAAoB,EAAE;MACpBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,QAAQ;MAClBC,QAAQ,EAAE,CAACxD;IACb,CAAE;IACFyD,gBAAgB,EAAEA,CAAA,KAAM;MACtB,IAAIzD,gBAAgB,EAAE;QACpB;MACF;MACArB,KAAK,CAAC+E,sBAAsB,CAAChF,MAAM,CAAC;MACpCC,KAAK,CAACgF,6BAA6B,CAAC;QAAEC,UAAU,EAAE;MAAa,CAAC,CAAC;IACnE;EAAE,GACG1D,cAAc,GACf,CAAC,CAAC,GACF;IACE2D,SAAS,EAAE,IAAI;IACf/E,QAAQ;IACRwB,YAAY;IACZvB,eAAe,EAAE;MACf,GAAGA,eAAe;MAClB+E,cAAc,EAAExD,YAAY,GACxBN,gBAAgB,GACd3C,CAAC,CAAC,6CAA6C,CAAC,GAChDA,CAAC,CAAC,kDAAkD,CAAC,GACvDwE,SAAS;MACbkC,YAAY,EAAE;QACZT,QAAQ,EAAE,OAAO;QACjBC,QAAQ,EAAE;MACZ;IACF;EACF,CAAC;IACLS,OAAO,EAAE,CACP;MACEC,KAAK,eACHtH,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAyH,GAAG,MAAAjC,SAAA,CAAAnE,OAAA,MACG+B,UAAU,GAAG;QAAEsE,aAAa,EAAE;MAAS,CAAC,GAAG,CAAC,CAAC;QAClDC,QAAQ,EAAE,CAAE;QACZC,QAAQ,EAAE,CAAE;QAAAnC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,iBAEZ3F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA;QACEb,KAAK,EAAE;UACL,IAAIrB,UAAU,GACV;YAAEuB,OAAO,EAAE,MAAM;YAAEkD,UAAU,EAAE;UAAS,CAAC,GACzC,CAAC,CAAC,CAAC;UACPC,OAAO,EAAE,GAAG;UACZC,MAAM,EAAExE,gBAAgB,GAAG6B,SAAS,GAAG,SAAS;UAChD4C,QAAQ,EAAE,QAAQ;UAClBL,QAAQ,EAAE;QACZ,CAAE;QACFM,OAAO,EAAEA,CAAA,KAAM;UACb,IAAI1E,gBAAgB,EAAE;YACpB;UACF;UACArB,KAAK,CAAC+E,sBAAsB,CAAChF,MAAM,CAAC;QACtC,CAAE;QAAAwD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEDzC,UAAU,iBACTlD,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAyH,GAAG;QACFS,KAAK,EAAC,QAAQ;QACdR,aAAa,EAAC,QAAQ;QACtBS,WAAW,EAAC,KAAK;QACjBC,UAAU,EAAE,CAAE;QAAA3C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEbzC,UACE,CACN,eACDlD,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAqI,IAAI;QACHC,IAAI,EAAC,OAAO;QACZC,MAAM,EAAEvF,cAAc,GAAG,MAAM,GAAG,QAAS;QAC3CwF,QAAQ,EAAC,qBAAqB;QAC9BC,QAAQ;QACR3B,QAAQ,EAAC,QAAQ;QAAArB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEhB5D,MAAM,CAACyG,IAAI,IAAIzG,MAAM,CAAC0G,KAAK,IAAI1G,MAAM,CAACgC,EACnC,CAAC,EACNI,UAAU,iBACTnE,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAqI,IAAI;QAACC,IAAI,EAAC,MAAM;QAACM,IAAI,EAAC,OAAO;QAACL,MAAM,EAAC,MAAM;QAAA9C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAAC,OAEvC,CAEL,CAAC,eAEN3F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA;QACEb,KAAK,EAAE;UAAEsD,MAAM,EAAE;QAAU,CAAE;QAC7Bc,aAAa,EAAGlI,CAAC,IAAKA,CAAC,CAACmI,eAAe,CAAC,CAAE;QAAArD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEzC3B,WAAW,iBACVhE,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAA+I,QAAQ,MAAAvD,SAAA,CAAAnE,OAAA;QACPiH,IAAI,EAAC;MAAO,GACRnF,gBAAgB;QACpBqF,QAAQ,EAAC,WAAW;QACpBpE,OAAO,EAAEF,WAAY;QAAAuB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,EACtB,CAEA,CACF;IAET,CAAC,EAED,IAAIM,eAAe,GACf,CACE;MACEqB,KAAK,eACHtH,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAyH,GAAG;QAACuB,GAAG,EAAC,KAAK;QAACtB,aAAa,EAAC,QAAQ;QAAAjC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACnC3F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAC/E,iBAAA,CAAA0I,gBAAgB;QAAChH,MAAM,EAAEA,MAAO;QAAAwD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,EACnCR,eACE,CACN;MACD6C,KAAK,EAAE,OAAgB;MACvBgB,KAAK,EAAE;IACT,CAAC,CACF,GACD,EAAE,CAAC,CACP;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CACE,CAAC;AAEV;AAEO,MAAMsD,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAACvH,wBAAwB,CAAC","ignoreList":[]}

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

@@ -1,12 +1,15 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.ColumnsList = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/ColumnsList.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 _ColumnsList(props) {
@@ -18,6 +21,7 @@ function _ColumnsList(props) {
     dragAndDrop
   } = state;
   const hasSearchValue = state.searchValue.trim().length > 0;
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   (0, _react.useEffect)(() => {
     if (dragAndDrop == null) {
       return;
@@ -32,19 +36,17 @@ function _ColumnsList(props) {
       disposers.forEach(d => d == null ? void 0 : d());
     };
   }, []);
-  const renderItem = (0, _react.useCallback)((column, index, {
-    length
-  }) => {
+  const renderItem = (0, _react.useCallback)((column, index) => {
     const itemContent = /*#__PURE__*/_react.default.createElement(_ColumnListTableListItem.ColumnListTableListItem, {
       key: column.id,
       index: index,
       state: state,
       column: column,
-      showDivider: index < length - 1,
+      showDivider: isHarmonyTheme ? false : index < columnsCollection.result.items.length - 1,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 47,
         columnNumber: 9
       }
     });
@@ -61,24 +63,27 @@ function _ColumnsList(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 58,
+          lineNumber: 64,
           columnNumber: 11
         }
       }, itemContent);
     }
     return itemContent;
-  }, [hasSearchValue]);
-  let child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, [hasSearchValue, isHarmonyTheme]);
+  let child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
     direction: "vertical",
-    dataHook: "custom-columns-list",
-    backgroundColor: "D60",
+    dataHook: "custom-columns-list"
+  }, isHarmonyTheme ? {
+    paddingLeft: 'SP2',
+    paddingRight: 'SP2'
+  } : {}, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 82,
       columnNumber: 5
     }
-  }, columnsCollection.result.items.map(renderItem));
+  }), columnsCollection.result.items.map(renderItem));
   if (dragAndDrop && !hasSearchValue) {
     const {
       ListDragAndDropContext,
@@ -99,21 +104,19 @@ function _ColumnsList(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
+        lineNumber: 96,
         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;
+        return item ? renderItem(item, index) : null;
       },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
+        lineNumber: 109,
         columnNumber: 11
       }
     })));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_util","_ColumnListTableListItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnsList","props","state","columnsCollection","dragAndDrop","hasSearchValue","searchValue","trim","length","useEffect","sidePanelTransition","disposers","addEventListener","events","listRect","_syncThrottled","init","forEach","d","renderItem","useCallback","column","index","itemContent","createElement","ColumnListTableListItem","key","id","showDivider","__self","__source","fileName","lineNumber","columnNumber","DraggableListItem","components","dndDisabled","reorderDisabled","child","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 { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\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: CustomColumnsPanelStateBase<T, F>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n  const { state } = props;\n  const { columnsCollection, dragAndDrop } = state;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n\n  useEffect(() => {\n    if (dragAndDrop == null) {\n      return;\n    }\n\n    const { sidePanelTransition } = state;\n\n    const disposers = [\n      ...(sidePanelTransition\n        ? [\n            addEventListener(sidePanelTransition.events, 'entered', () => {\n              dragAndDrop.listRect._syncThrottled();\n            }),\n          ]\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      const itemContent = (\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 && !hasSearchValue) {\n        const { DraggableListItem } = dragAndDrop.components;\n\n        return (\n          <DraggableListItem\n            key={column.id}\n            dndDisabled={column.reorderDisabled}\n            id={column.id}\n            index={index}\n            state={dragAndDrop}\n          >\n            {itemContent}\n          </DraggableListItem>\n        );\n      }\n\n      return itemContent;\n    },\n    [hasSearchValue],\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 && !hasSearchValue) {\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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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_util","_ColumnListTableListItem","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnsList","props","state","columnsCollection","dragAndDrop","hasSearchValue","searchValue","trim","length","isHarmonyTheme","useBmHarmonyTheme","useEffect","sidePanelTransition","disposers","addEventListener","events","listRect","_syncThrottled","init","forEach","d","renderItem","useCallback","column","index","itemContent","createElement","ColumnListTableListItem","key","id","showDivider","result","items","__self","__source","fileName","lineNumber","columnNumber","DraggableListItem","components","dndDisabled","reorderDisabled","child","Box","_extends2","direction","dataHook","paddingLeft","paddingRight","map","ListDragAndDropContext","DraggableListItemOverlay","onSubmit","from","over","_state$dragAndDrop","customizeColumnsInSidePanelBi","actionName","_onCustomColumnsReorder","item","Fragment","ColumnsList","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnsList.tsx"],"sourcesContent":["import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\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';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface ColumnsListProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n  const { state } = props;\n  const { columnsCollection, dragAndDrop } = state;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  useEffect(() => {\n    if (dragAndDrop == null) {\n      return;\n    }\n\n    const { sidePanelTransition } = state;\n\n    const disposers = [\n      ...(sidePanelTransition\n        ? [\n            addEventListener(sidePanelTransition.events, 'entered', () => {\n              dragAndDrop.listRect._syncThrottled();\n            }),\n          ]\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) => {\n      const itemContent = (\n        <ColumnListTableListItem\n          key={column.id}\n          index={index}\n          state={state}\n          column={column}\n          showDivider={\n            isHarmonyTheme\n              ? false\n              : index < columnsCollection.result.items.length - 1\n          }\n        />\n      );\n\n      if (dragAndDrop && !hasSearchValue) {\n        const { DraggableListItem } = dragAndDrop.components;\n\n        return (\n          <DraggableListItem\n            key={column.id}\n            dndDisabled={column.reorderDisabled}\n            id={column.id}\n            index={index}\n            state={dragAndDrop}\n          >\n            {itemContent}\n          </DraggableListItem>\n        );\n      }\n\n      return itemContent;\n    },\n    [hasSearchValue, isHarmonyTheme],\n  );\n\n  let child = (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-columns-list\"\n      {...(isHarmonyTheme ? { paddingLeft: 'SP2', paddingRight: 'SP2' } : {})}\n    >\n      {columnsCollection.result.items.map(renderItem)}\n    </Box>\n  );\n\n  if (dragAndDrop && !hasSearchValue) {\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) : 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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","ignoreList":[]}

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

@@ -9,7 +9,8 @@ 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 _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _CustomColumnsPanelEntry = require("./CustomColumnsPanelEntry");
 var _bi = require("@wix/bex-core/bi");
 var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
@@ -31,6 +32,7 @@ function _CustomColumnsCTAButton({
     }
   } = state;
   const analyticsButtonDiscoverability = experiments == null ? void 0 : experiments.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   (0, _react.useEffect)(() => {
     _CustomColumnsPanelEntry.CustomColumnsPanelEntry.CustomColumnsDragAndDrop = dragAndDrop;
     state.panels.registerSidePanel('customColumns', _CustomColumnsPanelEntry.CustomColumnsPanelEntry);
@@ -46,7 +48,7 @@ function _CustomColumnsCTAButton({
   const text = t(isEditable ? 'cairo.table.manage-fields.button.cta' : 'cairo.table.custom-columns.button.cta');
   const props = {
     size: 'small',
-    priority: 'secondary',
+    priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
     dataHook: 'custom-columns-button',
     onClick: () => {
       const isOpened = state.panels.toggleSidePanel('customColumns');
@@ -60,36 +62,36 @@ function _CustomColumnsCTAButton({
   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, {
+        prefixIcon: analyticsButtonDiscoverability === 'b' ? /*#__PURE__*/_react.default.createElement(_lazy.AdjustSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 80,
+            lineNumber: 82,
             columnNumber: 15
           }
-        }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TableChartSmall, {
+        }) : /*#__PURE__*/_react.default.createElement(_lazy.TableChartSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 82,
+            lineNumber: 84,
             columnNumber: 15
           }
         }),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 76,
+          lineNumber: 78,
           columnNumber: 9
         }
       }), text);
     }
     return /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, (0, _extends2.default)({
       state: responsive.actions,
-      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AdjustSmall, {
+      icon: /*#__PURE__*/_react.default.createElement(_lazy.AdjustSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 94,
+          lineNumber: 96,
           columnNumber: 15
         }
       })
@@ -97,7 +99,7 @@ function _CustomColumnsCTAButton({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 94,
         columnNumber: 7
       }
     }), text);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_wixUiIconsCommon","_CustomColumnsPanelEntry","_bi","_ResponsiveButton","_SchemaContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsCTAButton","state","onColumnClick","dragAndDrop","container","translate","experiments","toolbar","responsive","analyticsButtonDiscoverability","useEffect","CustomColumnsPanelEntry","CustomColumnsDragAndDrop","panels","registerSidePanel","customColumnsState","customColumnsStateInitialized","schemaCtx","useSchemaContext","isSchema","schema","isEditable","collectionFieldsSource","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","ResponsiveButton","actions","icon","CustomColumnsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx"],"sourcesContent":["import { Button } 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';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useSchemaContext } from '../../providers/SchemaContext';\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    toolbar: { responsive },\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 schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!state.collectionFieldsSource || isSchema;\n  const text = t(\n    isEditable\n      ? 'cairo.table.manage-fields.button.cta'\n      : 'cairo.table.custom-columns.button.cta',\n  );\n  const props = {\n    size: 'small' as const,\n    priority: 'secondary' as const,\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      <ResponsiveButton\n        state={responsive.actions}\n        icon={<AdjustSmall />}\n        {...props}\n      >\n        {text}\n      </ResponsiveButton>\n    );\n  };\n\n  return getButton();\n}\n\nexport const CustomColumnsCTAButton = observer(_CustomColumnsCTAButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_lazy","_useBmHarmonyTheme","_CustomColumnsPanelEntry","_bi","_ResponsiveButton","_SchemaContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsCTAButton","state","onColumnClick","dragAndDrop","container","translate","experiments","toolbar","responsive","analyticsButtonDiscoverability","isBmHarmonyTheme","useBmHarmonyTheme","useEffect","CustomColumnsPanelEntry","CustomColumnsDragAndDrop","panels","registerSidePanel","customColumnsState","customColumnsStateInitialized","schemaCtx","useSchemaContext","isSchema","schema","isEditable","collectionFieldsSource","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","ResponsiveButton","actions","icon","CustomColumnsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx"],"sourcesContent":["import { Button } 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/lazy';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { CustomColumnsPanelEntry } from './CustomColumnsPanelEntry';\nimport type { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport type { Column } from '../../model';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useSchemaContext } from '../../providers/SchemaContext';\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    toolbar: { responsive },\n  } = state;\n\n  const analyticsButtonDiscoverability = experiments?.get(\n    'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n  );\n  const isBmHarmonyTheme = useBmHarmonyTheme();\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 schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!state.collectionFieldsSource || isSchema;\n  const text = t(\n    isEditable\n      ? 'cairo.table.manage-fields.button.cta'\n      : 'cairo.table.custom-columns.button.cta',\n  );\n  const props = {\n    size: 'small' as const,\n    priority: isBmHarmonyTheme ? ('tertiary' as const) : ('secondary' as const),\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      <ResponsiveButton\n        state={responsive.actions}\n        icon={<AdjustSmall />}\n        {...props}\n      >\n        {text}\n      </ResponsiveButton>\n    );\n  };\n\n  return getButton();\n}\n\nexport const CustomColumnsCTAButton = observer(_CustomColumnsCTAButton);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCustomColumnsEntityPageContext = exports.CustomColumnsEntityPageProvider = exports.CustomColumnsEntityPageContext = void 0;
+var _react = require("react");
+var _createContext = require("../../createContext");
+/** Carries the panel's state from the mount to the registered panel component,
+ *  which the side-panel machinery renders with no props. Per mount, so two
+ *  panels on one page stay independent. */
+const CustomColumnsEntityPageContext = exports.CustomColumnsEntityPageContext = /*#__PURE__*/(0, _react.createContext)(null);
+const CustomColumnsEntityPageProvider = exports.CustomColumnsEntityPageProvider = CustomColumnsEntityPageContext.Provider;
+const useCustomColumnsEntityPageContext = () => {
+  const value = (0, _react.useContext)(CustomColumnsEntityPageContext);
+  (0, _createContext.assertContextValue)('CustomColumnsEntityPageProvider', value);
+  return value;
+};
+exports.useCustomColumnsEntityPageContext = useCustomColumnsEntityPageContext;
+//# sourceMappingURL=CustomColumnsEntityPageContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_createContext","CustomColumnsEntityPageContext","exports","createContext","CustomColumnsEntityPageProvider","Provider","useCustomColumnsEntityPageContext","value","useContext","assertContextValue"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPageContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\nimport { assertContextValue } from '../../createContext';\n\n/** Carries the panel's state from the mount to the registered panel component,\n *  which the side-panel machinery renders with no props. Per mount, so two\n *  panels on one page stay independent. */\nexport const CustomColumnsEntityPageContext =\n  createContext<CustomColumnsEntityPageState | null>(null);\n\nexport const CustomColumnsEntityPageProvider =\n  CustomColumnsEntityPageContext.Provider;\n\nexport const useCustomColumnsEntityPageContext = () => {\n  const value = useContext(CustomColumnsEntityPageContext);\n  assertContextValue('CustomColumnsEntityPageProvider', value);\n  return value;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACO,MAAME,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,gBACzC,IAAAE,oBAAa,EAAsC,IAAI,CAAC;AAEnD,MAAMC,+BAA+B,GAAAF,OAAA,CAAAE,+BAAA,GAC1CH,8BAA8B,CAACI,QAAQ;AAElC,MAAMC,iCAAiC,GAAGA,CAAA,KAAM;EACrD,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACP,8BAA8B,CAAC;EACxD,IAAAQ,iCAAkB,EAAC,iCAAiC,EAAEF,KAAK,CAAC;EAC5D,OAAOA,KAAK;AACd,CAAC;AAACL,OAAA,CAAAI,iCAAA,GAAAA,iCAAA","ignoreList":[]}

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

@@ -6,18 +6,16 @@ exports.CustomColumnsEntityPagePanelEntry = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _CustomColumnsPanel = require("./CustomColumnsPanel");
+var _CustomColumnsEntityPageContext = require("./CustomColumnsEntityPageContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsEntityPagePanelEntry.tsx";
 function _CustomColumnsEntityPagePanelEntry() {
-  const state = CustomColumnsEntityPagePanelEntry.state;
-  if (!state) {
-    return null;
-  }
+  const state = (0, _CustomColumnsEntityPageContext.useCustomColumnsEntityPageContext)();
   return /*#__PURE__*/_react.default.createElement(_CustomColumnsPanel.CustomColumnsPanel, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 13,
+      lineNumber: 9,
       columnNumber: 10
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomColumnsPanel","_jsxFileName","_CustomColumnsEntityPagePanelEntry","state","CustomColumnsEntityPagePanelEntry","default","createElement","CustomColumnsPanel","__self","__source","fileName","lineNumber","columnNumber","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPagePanelEntry.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsPanel } from './CustomColumnsPanel';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\n\nfunction _CustomColumnsEntityPagePanelEntry() {\n  const state = CustomColumnsEntityPagePanelEntry.state;\n\n  if (!state) {\n    return null;\n  }\n\n  return <CustomColumnsPanel state={state} />;\n}\n\nexport const CustomColumnsEntityPagePanelEntry = observer(\n  _CustomColumnsEntityPagePanelEntry,\n) as typeof _CustomColumnsEntityPagePanelEntry & {\n  state?: CustomColumnsEntityPageState;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0D,IAAAG,YAAA;AAG1D,SAASC,kCAAkCA,CAAA,EAAG;EAC5C,MAAMC,KAAK,GAAGC,iCAAiC,CAACD,KAAK;EAErD,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBAAOP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,mBAAA,CAAAO,kBAAkB;IAACJ,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC7C;AAEO,MAAMR,iCAAiC,GAAAS,OAAA,CAAAT,iCAAA,GAAG,IAAAU,uBAAQ,EACvDZ,kCACF,CAEC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomColumnsPanel","_CustomColumnsEntityPageContext","_jsxFileName","_CustomColumnsEntityPagePanelEntry","state","useCustomColumnsEntityPageContext","default","createElement","CustomColumnsPanel","__self","__source","fileName","lineNumber","columnNumber","CustomColumnsEntityPagePanelEntry","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPagePanelEntry.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsPanel } from './CustomColumnsPanel';\nimport { useCustomColumnsEntityPageContext } from './CustomColumnsEntityPageContext';\n\nfunction _CustomColumnsEntityPagePanelEntry() {\n  const state = useCustomColumnsEntityPageContext();\n\n  return <CustomColumnsPanel state={state} />;\n}\n\nexport const CustomColumnsEntityPagePanelEntry = observer(\n  _CustomColumnsEntityPagePanelEntry,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAAqF,IAAAI,YAAA;AAErF,SAASC,kCAAkCA,CAAA,EAAG;EAC5C,MAAMC,KAAK,GAAG,IAAAC,iEAAiC,EAAC,CAAC;EAEjD,oBAAOT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,mBAAA,CAAAQ,kBAAkB;IAACJ,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC7C;AAEO,MAAMC,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,GAAG,IAAAE,uBAAQ,EACvDb,kCACF,CAAC","ignoreList":[]}