@wix/patterns 1.422.0 → 1.424.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_","_ViewsDropdown","_jsxFileName","_ViewsDropdownPrefix","props","_container$internalEx","state","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","VIEWS_REDESIGN_EXPERIMENT","views","collection","translate","t","isCurrentViewSelected","isViewChanged","default","createElement","Input","Affix","__self","__source","fileName","lineNumber","columnNumber","Box","dataHook","Tooltip","appendTo","content","verticalAlign","color","StatusAlertSmall","isDefaultView","DefaultIcon","PinSmall","FlagSmall","ViewsDropdownPrefix","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"sourcesContent":["import { Box, Input, Tooltip } from '@wix/design-system';\nimport {\n  FlagSmall,\n  PinSmall,\n  StatusAlertSmall,\n} from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '../..';\nimport { VIEWS_REDESIGN_EXPERIMENT } from './ViewsDropdown';\n\nexport type ViewsDropdownPrefixProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n};\n\nexport function _ViewsDropdownPrefix<T, F extends FiltersMap>(\n  props: ViewsDropdownPrefixProps<T, F>,\n) {\n  const { state } = props;\n  const container = useWixPatternsContainer();\n  const isRedesign = container.internalExperiments?.enabled(\n    VIEWS_REDESIGN_EXPERIMENT,\n  );\n\n  const { views } = state;\n  const {\n    collection: { translate: t },\n  } = views;\n\n  if (\n    !views.isCurrentViewSelected ||\n    (views.isCurrentViewSelected && state.isViewChanged)\n  ) {\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-pending-changes\">\n          <Tooltip\n            appendTo=\"window\"\n            content={\n              views.isCurrentViewSelected\n                ? t('cairo.manageView.tooltip')\n                : t('cairo.manageView.unsaved.tooltip')\n            }\n          >\n            <Box verticalAlign=\"middle\" color=\"D40\">\n              <StatusAlertSmall />\n            </Box>\n          </Tooltip>\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  if (views.isDefaultView) {\n    const DefaultIcon = isRedesign ? PinSmall : FlagSmall;\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-default\">\n          <DefaultIcon />\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  return null;\n}\n\nexport const ViewsDropdownPrefix = observer(_ViewsDropdownPrefix);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_react2","_ViewsDropdown","_jsxFileName","_ViewsDropdownPrefix","props","_container$internalEx","state","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","VIEWS_REDESIGN_EXPERIMENT","views","collection","translate","t","isCurrentViewSelected","isViewChanged","default","createElement","Input","Affix","__self","__source","fileName","lineNumber","columnNumber","Box","dataHook","Tooltip","appendTo","content","verticalAlign","color","StatusAlertSmall","isDefaultView","DefaultIcon","PinSmall","FlagSmall","ViewsDropdownPrefix","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"sourcesContent":["import { Box, Input, Tooltip } from '@wix/design-system';\nimport {\n  FlagSmall,\n  PinSmall,\n  StatusAlertSmall,\n} from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { VIEWS_REDESIGN_EXPERIMENT } from './ViewsDropdown';\n\nexport type ViewsDropdownPrefixProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n};\n\nexport function _ViewsDropdownPrefix<T, F extends FiltersMap>(\n  props: ViewsDropdownPrefixProps<T, F>,\n) {\n  const { state } = props;\n  const container = useWixPatternsContainer();\n  const isRedesign = container.internalExperiments?.enabled(\n    VIEWS_REDESIGN_EXPERIMENT,\n  );\n\n  const { views } = state;\n  const {\n    collection: { translate: t },\n  } = views;\n\n  if (\n    !views.isCurrentViewSelected ||\n    (views.isCurrentViewSelected && state.isViewChanged)\n  ) {\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-pending-changes\">\n          <Tooltip\n            appendTo=\"window\"\n            content={\n              views.isCurrentViewSelected\n                ? t('cairo.manageView.tooltip')\n                : t('cairo.manageView.unsaved.tooltip')\n            }\n          >\n            <Box verticalAlign=\"middle\" color=\"D40\">\n              <StatusAlertSmall />\n            </Box>\n          </Tooltip>\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  if (views.isDefaultView) {\n    const DefaultIcon = isRedesign ? PinSmall : FlagSmall;\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-default\">\n          <DefaultIcon />\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  return null;\n}\n\nexport const ViewsDropdownPrefix = observer(_ViewsDropdownPrefix);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAA4D,IAAAO,YAAA;AAMrD,SAASC,oBAAoBA,CAClCC,KAAqC,EACrC;EAAA,IAAAC,qBAAA;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACvB,MAAMG,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,UAAU,IAAAJ,qBAAA,GAAGE,SAAS,CAACG,mBAAmB,qBAA7BL,qBAAA,CAA+BM,OAAO,CACvDC,wCACF,CAAC;EAED,MAAM;IAAEC;EAAM,CAAC,GAAGP,KAAK;EACvB,MAAM;IACJQ,UAAU,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC7B,CAAC,GAAGH,KAAK;EAET,IACE,CAACA,KAAK,CAACI,qBAAqB,IAC3BJ,KAAK,CAACI,qBAAqB,IAAIX,KAAK,CAACY,aAAc,EACpD;IACA,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2B,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACV9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACC,QAAQ,EAAC,sBAAsB;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAClC9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAoC,OAAO;MACNC,QAAQ,EAAC,QAAQ;MACjBC,OAAO,EACLnB,KAAK,CAACI,qBAAqB,GACvBD,CAAC,CAAC,0BAA0B,CAAC,GAC7BA,CAAC,CAAC,kCAAkC,CACzC;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAED9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACK,aAAa,EAAC,QAAQ;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACrC9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACxB,iBAAA,CAAAuC,gBAAgB;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAChB,CACE,CACN,CACM,CAAC;EAElB;EAEA,IAAId,KAAK,CAACuB,aAAa,EAAE;IACvB,MAAMC,WAAW,GAAG5B,UAAU,GAAG6B,0BAAQ,GAAGC,2BAAS;IACrD,oBACE1C,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2B,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACV9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACC,QAAQ,EAAC,cAAc;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC1B9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACiB,WAAW;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACX,CACM,CAAC;EAElB;EAEA,OAAO,IAAI;AACb;AAEO,MAAMa,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAACvC,oBAAoB,CAAC","ignoreList":[]}

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

@@ -7,7 +7,7 @@ exports.buildViewOption = buildViewOption;
 exports.getCategoryName = getCategoryName;
 exports.getViewName = getViewName;
 var _designSystem = require("@wix/design-system");
-var _index = require("../../index");
+var _view = require("../../model/view");
 var _react = _interopRequireDefault(require("react"));
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx";
 function getCategoryName({
@@ -17,7 +17,7 @@ function getCategoryName({
   const {
     translate: t
   } = viewsState.collection;
-  if (category.id === _index.PREDEFINED_VIEWS_ID) {
+  if (category.id === _view.PREDEFINED_VIEWS_ID) {
     return t('cairo.viewDropdown.category.predefinedViews');
   }
   return category.name;
@@ -47,7 +47,7 @@ function buildCategoryOption({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 42,
         columnNumber: 7
       }
     })

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_index","_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 {\n  BasicCategory,\n  PREDEFINED_VIEWS_ID,\n  PrivateView,\n  ViewsState,\n} 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,MAAA,GAAAD,OAAA;AAOA,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,0BAAmB,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","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":[]}

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

@@ -10,15 +10,15 @@ var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _fieldTypePrefixIcons = require("../../utils/fieldTypePrefixIcons");
 var _FieldIndications = require("./FieldIndications");
+var _FieldActions = require("../FieldActions");
 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) {
-  var _column$validation, _collectionDataExtens;
+  var _column$validation;
   const {
     column,
     state,
     showDivider,
-    fieldActions,
     domRef,
     dragging,
     dragHandleProps,
@@ -32,7 +32,7 @@ function _ColumnListTableListItem(props) {
     select
   } = state;
   const {
-    collectionDataExtension
+    collectionFieldsSource
   } = state;
   const {
     translate: t
@@ -55,17 +55,25 @@ function _ColumnListTableListItem(props) {
     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,
+
+  // The source field is stamped on the column at projection time. The source
+  // builds the per-field manage menu (edit / delete / archive …) as data; we
+  // render it with the shared popover. Null when the field has no menu.
+  const menuConfig = column.field ? collectionFieldsSource == null || collectionFieldsSource.fieldActionsMenu == null ? void 0 : collectionFieldsSource.fieldActionsMenu({
+    fieldId: column.field.id,
+    origin: 'Custom columns panel',
+    location: 'Customize columns action cell'
+  }) : undefined;
+  const manageFieldMenu = menuConfig ? /*#__PURE__*/_react.default.createElement(_FieldActions.FieldActionsPopover, (0, _extends2.default)({}, menuConfig, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
-      columnNumber: 7
+      lineNumber: 75,
+      columnNumber: 5
     }
-  });
+  })) : null;
   const hasIndications = column.isPii || column.isPrimary || column.isSystem || !!column.dataExtension;
-  const hasRightContent = hasIndications || !!dataExtensionsCTA || !!fieldActions;
+  const hasRightContent = hasIndications || !!manageFieldMenu;
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     ref: domRef,
     style: style,
@@ -73,7 +81,7 @@ function _ColumnListTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 86,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, (0, _extends2.default)({
@@ -121,7 +129,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 138,
+          lineNumber: 141,
           columnNumber: 15
         }
       }), /*#__PURE__*/_react.default.createElement("div", {
@@ -144,7 +152,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 143,
+          lineNumber: 146,
           columnNumber: 17
         }
       }, prefixIcon && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -155,7 +163,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 161,
+          lineNumber: 164,
           columnNumber: 21
         }
       }, prefixIcon), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -167,7 +175,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 173,
           columnNumber: 19
         }
       }, column.name || column.title || column.id), isRequired && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -177,7 +185,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 180,
+          lineNumber: 183,
           columnNumber: 21
         }
       }, "\xA0*")), /*#__PURE__*/_react.default.createElement("div", {
@@ -188,7 +196,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 186,
+          lineNumber: 189,
           columnNumber: 17
         }
       }, infoContent && /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({
@@ -199,7 +207,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 191,
+          lineNumber: 194,
           columnNumber: 21
         }
       }))))
@@ -210,7 +218,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 207,
+          lineNumber: 210,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_FieldIndications.FieldIndications, {
@@ -218,17 +226,17 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 208,
+          lineNumber: 211,
           columnNumber: 23
         }
-      }), dataExtensionsCTA, fieldActions),
+      }), manageFieldMenu),
       align: 'right',
       width: 'auto'
     }] : [])],
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 92,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_fieldTypePrefixIcons","_FieldIndications","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","_collectionDataExtens","column","state","showDivider","fieldActions","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","collectionDataExtension","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","dataExtensionsCTA","DataExtension","CustomColumnsEditCustomFieldCTAButton","dataExtension","editable","createElement","field","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","hasRightContent","_extends2","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","checkboxTooltipContent","undefined","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';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  column: Column;\n  state: CustomColumnsPanelStateBase<T, F>;\n  showDivider?: boolean;\n  fieldActions?: React.ReactNode;\n}\n\nfunction _ColumnListTableListItem<T, F extends FiltersMap>(\n  props: ColumnListTableListItemProps<T, F>,\n) {\n  const {\n    column,\n    state,\n    showDivider,\n    fieldActions,\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 { collectionDataExtension } = 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  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  const hasIndications =\n    column.isPii ||\n    column.isPrimary ||\n    column.isSystem ||\n    !!column.dataExtension;\n  const hasRightContent =\n    hasIndications || !!dataExtensionsCTA || !!fieldActions;\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                      {dataExtensionsCTA}\n                      {fieldActions}\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","_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":[]}

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

@@ -11,8 +11,7 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cj
 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) {
   const {
-    state,
-    fieldActions
+    state
   } = props;
   const {
     columnsCollection,
@@ -42,11 +41,10 @@ function _ColumnsList(props) {
       state: state,
       column: column,
       showDivider: index < length - 1,
-      fieldActions: fieldActions == null ? void 0 : fieldActions[column.id],
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 45,
         columnNumber: 9
       }
     });
@@ -63,7 +61,7 @@ function _ColumnsList(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60,
+          lineNumber: 58,
           columnNumber: 11
         }
       }, itemContent);
@@ -77,7 +75,7 @@ function _ColumnsList(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 76,
       columnNumber: 5
     }
   }, columnsCollection.result.items.map(renderItem));
@@ -101,7 +99,7 @@ function _ColumnsList(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 90,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, /*#__PURE__*/_react.default.createElement(DraggableListItemOverlay, {
@@ -115,7 +113,7 @@ function _ColumnsList(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 103,
         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","fieldActions","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, type ReactNode } 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  fieldActions?: Record<string, ReactNode>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n  const { state, fieldActions } = 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          fieldActions={fieldActions?.[column.id]}\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","_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":[]}

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

@@ -42,7 +42,7 @@ function _CustomColumnsCTAButton({
   }, [onColumnClick, state.customColumnsStateInitialized]);
   const schemaCtx = (0, _SchemaContext.useSchemaContext)();
   const isSchema = !!(schemaCtx != null && schemaCtx.schema);
-  const isEditable = !!state.collectionDataExtension || isSchema;
+  const isEditable = !!state.collectionFieldsSource || isSchema;
   const text = t(isEditable ? 'cairo.table.manage-fields.button.cta' : 'cairo.table.custom-columns.button.cta');
   const props = {
     size: 'small',

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","collectionDataExtension","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.collectionDataExtension || 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","_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":[]}