@wix/patterns 1.430.0 → 1.432.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_SaveToNewViewFooter","_ViewsDropdownPrefix","_react2","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VIEWS_REDESIGN_EXPERIMENT","exports","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","_container$internalEx","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","isBmHarmonyTheme","useBmHarmonyTheme","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","manageViewRef","useRef","viewsOptions","useMemo","viewsWithoutCategory","categories","buildOption","view","isSelected","id","option","buildViewOption","suffix","createElement","ManageViewPopover","ref","origin","redesign","__self","__source","fileName","lineNumber","columnNumber","undefined","map","flatMap","category","getCategoryName","buildCategoryOption","initTask","options","fixedFooter","Box","width","align","verticalAlign","padding","Loader","size","SaveToNewViewFooter","table","mainCollection","shouldShowTotal","totalStatus","showRefreshLoader","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","onDrillIn","_manageViewRef$curren","current","focusTrigger","onInputClicked","viewsStateBIReporter","clickOnViewDropdownBI","border","selectedId","selectedLabel","getViewName","textOverflow","prefix","onClick","focusInput","style","cursor","display","ViewsDropdownPrefix","className","Input","Affix","total","st","classes","root","events","emit","toString","getView","selectView","placeholder","paddingLeft","ViewsDropdownModals","ViewsDropdown","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport {\n  ManageViewPopover,\n  ManageViewPopoverHandle,\n} from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getCategoryName,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { SaveToNewViewFooter } from './SaveToNewViewFooter';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport const VIEWS_REDESIGN_EXPERIMENT = 'specs.cairo.ViewsRedesign';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const container = useWixPatternsContainer();\n  const isRedesign = container.internalExperiments?.enabled(\n    VIEWS_REDESIGN_EXPERIMENT,\n  );\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const manageViewRef = useRef<ManageViewPopoverHandle>(null);\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    const buildOption = (view: (typeof viewsWithoutCategory)[number]) => {\n      const isSelected = currentView?.id === view.id;\n      const option = buildViewOption({\n        view,\n        viewsState,\n        suffix:\n          isRedesign && isSelected ? (\n            <ManageViewPopover\n              ref={manageViewRef}\n              origin=\"MainToolbar\"\n              state={state}\n              redesign\n            />\n          ) : undefined,\n      });\n\n      return option;\n    };\n\n    return [\n      ...viewsWithoutCategory.map(buildOption),\n      ...categories.flatMap((category) => [\n        ...(getCategoryName({ category, viewsState })\n          ? [buildCategoryOption({ category, viewsState })]\n          : []),\n        ...category.views.map(buildOption),\n      ]),\n    ];\n  }, [\n    filteredCategoriesWithViews,\n    container.initTask.status,\n    currentView?.id,\n    isRedesign,\n  ]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: isRedesign ? (\n          <SaveToNewViewFooter state={state} />\n        ) : undefined,\n      };\n\n  const {\n    table: { collection: mainCollection },\n  } = state;\n\n  const shouldShowTotal =\n    showTotal &&\n    (mainCollection.totalStatus === 'success' ||\n      mainCollection.showRefreshLoader);\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={isRedesign ? '264px' : dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          onDrillIn={\n            isRedesign\n              ? (option) => {\n                  if (option.id === currentView?.id) {\n                    manageViewRef.current?.focusTrigger();\n                  }\n                }\n              : undefined\n          }\n          onInputClicked={(e) => {\n            state.viewsStateBIReporter.clickOnViewDropdownBI();\n            dropdownProps?.onInputClicked?.(e);\n          }}\n          fixedFooter={fixedFooter}\n          border={isBmHarmonyTheme ? 'standard' : 'round'}\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={\n            <div\n              data-hook=\"views-dropdown-prefix\"\n              onClick={() => viewsState.autoCompleteReadonlyState.focusInput()}\n              style={{ cursor: 'pointer', display: 'inline-flex' }}\n            >\n              <ViewsDropdownPrefix state={state} />\n            </div>\n          }\n          suffix={\n            shouldShowTotal ? (\n              <div\n                data-hook=\"views-dropdown-suffix\"\n                onClick={() =>\n                  viewsState.autoCompleteReadonlyState.focusInput()\n                }\n                style={{ cursor: 'pointer', display: 'inline-flex' }}\n              >\n                <Box className=\"total-count\">\n                  <Input.Affix>\n                    ({state.table.collection.result.total})\n                  </Input.Affix>\n                </Box>\n              </div>\n            ) : undefined\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      {!isRedesign && (\n        <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n          <ManageViewPopover origin=\"MainToolbar\" state={state} />\n        </Box>\n      )}\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_SaveToNewViewFooter","_ViewsDropdownPrefix","_react2","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VIEWS_REDESIGN_EXPERIMENT","exports","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","_container$internalEx","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","isBmHarmonyTheme","useBmHarmonyTheme","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","manageViewRef","useRef","viewsOptions","useMemo","viewsWithoutCategory","categories","buildOption","view","isSelected","id","option","buildViewOption","suffix","createElement","ManageViewPopover","ref","origin","redesign","__self","__source","fileName","lineNumber","columnNumber","undefined","map","flatMap","category","getCategoryName","buildCategoryOption","initTask","options","fixedFooter","Box","width","align","verticalAlign","padding","Loader","size","SaveToNewViewFooter","table","mainCollection","shouldShowTotal","totalStatus","showRefreshLoader","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","onDrillIn","_manageViewRef$curren","current","focusTrigger","onInputClicked","viewsStateBIReporter","clickOnViewDropdownBI","border","selectedId","selectedLabel","getViewName","textOverflow","prefix","onClick","focusInput","style","cursor","display","ViewsDropdownPrefix","className","Input","Affix","total","st","classes","root","events","emit","toString","getView","selectView","placeholder","paddingLeft","ViewsDropdownModals","ViewsDropdown","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport {\n  ManageViewPopover,\n  ManageViewPopoverHandle,\n} from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getCategoryName,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { SaveToNewViewFooter } from './SaveToNewViewFooter';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport const VIEWS_REDESIGN_EXPERIMENT = 'specs.cairo.ViewsRedesign';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const container = useWixPatternsContainer();\n  const isRedesign = container.internalExperiments?.enabled(\n    VIEWS_REDESIGN_EXPERIMENT,\n  );\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const manageViewRef = useRef<ManageViewPopoverHandle>(null);\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    const buildOption = (view: (typeof viewsWithoutCategory)[number]) => {\n      const isSelected = currentView?.id === view.id;\n      const option = buildViewOption({\n        view,\n        viewsState,\n        isBmHarmonyTheme,\n        suffix:\n          isRedesign && isSelected ? (\n            <ManageViewPopover\n              ref={manageViewRef}\n              origin=\"MainToolbar\"\n              state={state}\n              redesign\n            />\n          ) : undefined,\n      });\n\n      return option;\n    };\n\n    return [\n      ...viewsWithoutCategory.map(buildOption),\n      ...categories.flatMap((category) => [\n        ...(getCategoryName({ category, viewsState })\n          ? [buildCategoryOption({ category, viewsState })]\n          : []),\n        ...category.views.map(buildOption),\n      ]),\n    ];\n  }, [\n    filteredCategoriesWithViews,\n    container.initTask.status,\n    currentView?.id,\n    isRedesign,\n    isBmHarmonyTheme,\n  ]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: isRedesign ? (\n          <SaveToNewViewFooter state={state} />\n        ) : undefined,\n      };\n\n  const {\n    table: { collection: mainCollection },\n  } = state;\n\n  const shouldShowTotal =\n    showTotal &&\n    (mainCollection.totalStatus === 'success' ||\n      mainCollection.showRefreshLoader);\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          onDrillIn={\n            isRedesign\n              ? (option) => {\n                  if (option.id === currentView?.id) {\n                    manageViewRef.current?.focusTrigger();\n                  }\n                }\n              : undefined\n          }\n          onInputClicked={(e) => {\n            state.viewsStateBIReporter.clickOnViewDropdownBI();\n            dropdownProps?.onInputClicked?.(e);\n          }}\n          fixedFooter={fixedFooter}\n          border={isBmHarmonyTheme ? 'standard' : 'round'}\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={\n            <div\n              data-hook=\"views-dropdown-prefix\"\n              onClick={() => viewsState.autoCompleteReadonlyState.focusInput()}\n              style={{ cursor: 'pointer', display: 'inline-flex' }}\n            >\n              <ViewsDropdownPrefix state={state} />\n            </div>\n          }\n          suffix={\n            shouldShowTotal ? (\n              <div\n                data-hook=\"views-dropdown-suffix\"\n                onClick={() =>\n                  viewsState.autoCompleteReadonlyState.focusInput()\n                }\n                style={{ cursor: 'pointer', display: 'inline-flex' }}\n              >\n                <Box className=\"total-count\">\n                  <Input.Affix>\n                    ({state.table.collection.result.total})\n                  </Input.Affix>\n                </Box>\n              </div>\n            ) : undefined\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      {!isRedesign && (\n        <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n          <ManageViewPopover origin=\"MainToolbar\" state={state} />\n        </Box>\n      )}\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAQA,IAAAG,oBAAA,GAAAH,OAAA;AAEA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAIA,IAAAM,2BAAA,GAAAN,OAAA;AAMA,IAAAO,qBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AAAkE,IAAAY,YAAA;AAAA,SAAAb,wBAAAc,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAhB,uBAAA,YAAAA,CAAAc,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;AAE3D,MAAMkB,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,2BAA2B;AASpE,SAASE,cAAcA,CAA0B;EAC/CC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,SAAS,GAAG,IAAI;EAChBC,aAAa,GAAG,OAAO;EACvB,GAAGC;AACqB,CAAC,EAAE;EAAA,IAAAC,qBAAA;EAC3B,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,UAAU,IAAAH,qBAAA,GAAGC,SAAS,CAACG,mBAAmB,qBAA7BJ,qBAAA,CAA+BK,OAAO,CACvDd,yBACF,CAAC;EACD,MAAMe,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC5C,MAAM;IAAEC,KAAK,EAAEC;EAAW,CAAC,GAAGb,KAAK;EACnC,MAAM;IAAEc,WAAW;IAAEC,UAAU;IAAEC;EAAiB,CAAC,GAAGH,UAAU;EAChE,MAAM;IAAEI;EAA4B,CAAC,GAAGD,gBAAgB;EACxD,MAAM;IAAEE,SAAS,EAAEzC;EAAE,CAAC,GAAGsC,UAAU;EACnC,MAAMI,UAAU,GACdJ,UAAU,CAACK,MAAM,CAACC,MAAM,CAACC,MAAM,IAAIP,UAAU,CAACK,MAAM,CAACC,MAAM,CAACE,SAAS;EAEvE,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAA0B,IAAI,CAAC;EAC3D,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,MAAM;MAAEC,oBAAoB;MAAEC;IAAW,CAAC,GAAGZ,2BAA2B;IAExE,MAAMa,WAAW,GAAIC,IAA2C,IAAK;MACnE,MAAMC,UAAU,GAAG,CAAAlB,WAAW,oBAAXA,WAAW,CAAEmB,EAAE,MAAKF,IAAI,CAACE,EAAE;MAC9C,MAAMC,MAAM,GAAG,IAAAC,2CAAe,EAAC;QAC7BJ,IAAI;QACJlB,UAAU;QACVH,gBAAgB;QAChB0B,MAAM,EACJ7B,UAAU,IAAIyB,UAAU,gBACtBvE,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACrE,kBAAA,CAAAsE,iBAAiB;UAChBC,GAAG,EAAEf,aAAc;UACnBgB,MAAM,EAAC,aAAa;UACpBxC,KAAK,EAAEA,KAAM;UACbyC,QAAQ;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAArE,YAAA;YAAAsE,UAAA;YAAAC,YAAA;UAAA;QAAA,CACT,CAAC,GACAC;MACR,CAAC,CAAC;MAEF,OAAOb,MAAM;IACf,CAAC;IAED,OAAO,CACL,GAAGN,oBAAoB,CAACoB,GAAG,CAAClB,WAAW,CAAC,EACxC,GAAGD,UAAU,CAACoB,OAAO,CAAEC,QAAQ,IAAK,CAClC,IAAI,IAAAC,2CAAe,EAAC;MAAED,QAAQ;MAAErC;IAAW,CAAC,CAAC,GACzC,CAAC,IAAAuC,+CAAmB,EAAC;MAAEF,QAAQ;MAAErC;IAAW,CAAC,CAAC,CAAC,GAC/C,EAAE,CAAC,EACP,GAAGqC,QAAQ,CAACtC,KAAK,CAACoC,GAAG,CAAClB,WAAW,CAAC,CACnC,CAAC,CACH;EACH,CAAC,EAAE,CACDb,2BAA2B,EAC3BZ,SAAS,CAACgD,QAAQ,CAAChC,MAAM,EACzBP,WAAW,oBAAXA,WAAW,CAAEmB,EAAE,EACf1B,UAAU,EACVG,gBAAgB,CACjB,CAAC;EAEF,MAAM;IAAE4C,OAAO;IAAEC;EAAY,CAAC,GAAGpC,UAAU,GACvC;IACEmC,OAAO,EAAE,EAAE;IACXC,WAAW,eACT9F,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;MACFzD,QAAQ,EAAC,gBAAgB;MACzB0D,KAAK,EAAC,MAAM;MACZC,KAAK,EAAC,QAAQ;MACdC,aAAa,EAAC,QAAQ;MACtBC,OAAO,EAAC,KAAK;MAAAlB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEbrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAAgG,MAAM;MAACC,IAAI,EAAC,OAAO;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACnB;EAET,CAAC,GACD;IACEQ,OAAO,EAAE5B,YAAY;IACrB6B,WAAW,EAAEhD,UAAU,gBACrB9C,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAAClE,oBAAA,CAAA4F,mBAAmB;MAAC/D,KAAK,EAAEA,KAAM;MAAA0C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GACnCC;EACN,CAAC;EAEL,MAAM;IACJiB,KAAK,EAAE;MAAEjD,UAAU,EAAEkD;IAAe;EACtC,CAAC,GAAGjE,KAAK;EAET,MAAMkE,eAAe,GACnBjE,SAAS,KACRgE,cAAc,CAACE,WAAW,KAAK,SAAS,IACvCF,cAAc,CAACG,iBAAiB,CAAC;EAErC,oBACE3G,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;IAACzD,QAAQ,EAAEA,QAAS;IAAA2C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtBrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;IAACC,KAAK,EAAEvD,aAAc;IAACmE,SAAS,EAAC,UAAU;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7CrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACnE,qBAAA,CAAAoG,oBAAoB,MAAAC,SAAA,CAAArF,OAAA;IACnBsF,iBAAiB,EACf,CAACrD,UAAU,IAAI1C,CAAC,CAAC,yCAAyC,CAC3D;IACDuB,KAAK,EAAEA,KAAK,CAACY,KAAK,CAAC6D,yBAA0B;IAC7CC,KAAK,EAAE1D,gBAAgB,CAAC2D,UAAW;IACnCC,QAAQ,EAAGpG,CAAC,IACVwC,gBAAgB,CAAC6D,8BAA8B,CAACrG,CAAC,CAACsG,MAAM,CAACJ,KAAK,CAC/D;IACDK,UAAU,EAAEA,CAAA,KAAM/D,gBAAgB,CAACgE,WAAW,CAAC,CAAE;IACjD9E,aAAa,EAAEA,aAAc;IAC7B+E,YAAY,EAAE;MAAEC,SAAS,EAAE;IAAe;EAAE,GACxC/E,aAAa;IACjBgF,SAAS,EACP5E,UAAU,GACL2B,MAAM,IAAK;MACV,IAAIA,MAAM,CAACD,EAAE,MAAKnB,WAAW,oBAAXA,WAAW,CAAEmB,EAAE,GAAE;QAAA,IAAAmD,qBAAA;QACjC,CAAAA,qBAAA,GAAA5D,aAAa,CAAC6D,OAAO,aAArBD,qBAAA,CAAuBE,YAAY,CAAC,CAAC;MACvC;IACF,CAAC,GACDvC,SACL;IACDwC,cAAc,EAAG/G,CAAC,IAAK;MACrBwB,KAAK,CAACwF,oBAAoB,CAACC,qBAAqB,CAAC,CAAC;MAClDtF,aAAa,YAAbA,aAAa,CAAEoF,cAAc,YAA7BpF,aAAa,CAAEoF,cAAc,CAAG/G,CAAC,CAAC;IACpC,CAAE;IACF+E,WAAW,EAAEA,WAAY;IACzBmC,MAAM,EAAEhF,gBAAgB,GAAG,UAAU,GAAG,OAAQ;IAChDiF,UAAU,EAAE7E,WAAW,oBAAXA,WAAW,CAAEmB,EAAG;IAC5B2D,aAAa,EACX9E,WAAW,GACP,IAAA+E,uCAAW,EAAC;MAAE9D,IAAI,EAAEjB,WAAW;MAAED;IAAW,CAAC,CAAC,GAC9CkC,SACL;IACD+C,YAAY,EAAC,UAAU;IACvBC,MAAM,eACJtI,MAAA,CAAAyB,OAAA,CAAAmD,aAAA;MACE,aAAU,uBAAuB;MACjC2D,OAAO,EAAEA,CAAA,KAAMnF,UAAU,CAAC4D,yBAAyB,CAACwB,UAAU,CAAC,CAAE;MACjEC,KAAK,EAAE;QAAEC,MAAM,EAAE,SAAS;QAAEC,OAAO,EAAE;MAAc,CAAE;MAAA1D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAErDrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACjE,oBAAA,CAAAiI,mBAAmB;MAACrG,KAAK,EAAEA,KAAM;MAAA0C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACjC,CACN;IACDV,MAAM,EACJ8B,eAAe,gBACbzG,MAAA,CAAAyB,OAAA,CAAAmD,aAAA;MACE,aAAU,uBAAuB;MACjC2D,OAAO,EAAEA,CAAA,KACPnF,UAAU,CAAC4D,yBAAyB,CAACwB,UAAU,CAAC,CACjD;MACDC,KAAK,EAAE;QAAEC,MAAM,EAAE,SAAS;QAAEC,OAAO,EAAE;MAAc,CAAE;MAAA1D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAErDrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;MAAC8C,SAAS,EAAC,aAAa;MAAA5D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC1BrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA0I,KAAK,CAACC,KAAK;MAAA9D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,GACV,EAAC9C,KAAK,CAACgE,KAAK,CAACjD,UAAU,CAACK,MAAM,CAACqF,KAAK,EAAC,GAC3B,CACV,CACF,CAAC,GACJ1D,SACL;IACDuD,SAAS,EAAE,IAAAI,sBAAE,EAACC,2BAAO,CAACC,IAAI,CAAE;IAC5B7G,QAAQ,EAAC,2BAA2B;IACpCD,QAAQ,EAAGoC,MAAM,IAAK;MACpBrB,UAAU,CAACgG,MAAM,CAACC,IAAI,CAAC,kBAAkB,CAAC;MAC1C,MAAM7E,EAAE,GAAGC,MAAM,CAACD,EAAE,CAAC8E,QAAQ,CAAC,CAAC;MAC/B,MAAMhF,IAAI,GAAGlB,UAAU,CAACmG,OAAO,CAAC/E,EAAE,CAAC;MACnC,IAAIF,IAAI,EAAE;QACRjC,QAAQ,YAARA,QAAQ,CAAGiC,IAAI,CAAC;QAChBlB,UAAU,CAACoG,UAAU,CAAC;UAAEhF;QAAG,CAAC,CAAC;QAC7BpB,UAAU,CAACgG,MAAM,CAACC,IAAI,CAAC,iBAAiB,EAAE;UAAE/E;QAAK,CAAC,CAAC;MACrD;MACAf,gBAAgB,CAACgE,WAAW,CAAC,CAAC;IAChC,CAAE;IACF1B,OAAO,EAAEA,OAAQ;IACjB4D,WAAW,EAAEzI,CAAC,CAAC,uCAAuC,CAAE;IAAAiE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzD,CACE,CAAC,EAEL,CAACvC,UAAU,iBACV9C,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;IAACG,aAAa,EAAC,QAAQ;IAACwD,WAAW,EAAC,KAAK;IAAAzE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3CrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACrE,kBAAA,CAAAsE,iBAAiB;IAACE,MAAM,EAAC,aAAa;IAACxC,KAAK,EAAEA,KAAM;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpD,CACN,eAEDrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACvE,oBAAA,CAAAsJ,mBAAmB;IAACpH,KAAK,EAAEA,KAAM;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjC,CAAC;AAEV;AAEO,MAAMuE,aAAa,GAAAzH,OAAA,CAAAyH,aAAA,GAAG,IAAAC,uBAAQ,EAACzH,cAAc,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ViewsDropdown4280316337";
+var _namespace_ = "ViewsDropdown4043386634";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ViewsDropdown4280316337__root"
+  "root": "ViewsDropdown4043386634__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown4280316337\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown4280316337__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown4043386634\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown4043386634__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.js

@@ -91,6 +91,8 @@ function _CollectionSaveViewModal({
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      size: "small",
+      weight: "thin",
       secondary: true,
       __self: this,
       __source: {

package/dist/cjs/components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_TextWidthLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionSaveViewModal","state","rest","views","saveViewModal","collection","translate","nameInputValue","setNameInputValue","useState","statusMessage","setStatusMessage","nameInputStatus","setNameInputStatus","undefined","submitted","setSubmitted","useEffect","events","on","sendSaveNewViewSelectedBI","off","onCloseModal","close","primaryButtonOnClick","useCallback","event","preventDefault","saveNewView","createElement","Modal","_extends2","onAfterClose","isOpen","__self","__source","fileName","lineNumber","columnNumber","onSubmit","CustomModalLayout","overflowY","title","subtitle","Box","Text","secondary","learnMoreLink","Fragment","TextButton","as","rel","target","href","dataHook","primaryButtonText","primaryButtonProps","children","TextWidthLoader","size","text","secondaryButtonText","secondaryButtonOnClick","onCloseButtonClick","width","Layout","Cell","FormField","label","Input","autoFocus","placeholder","viewNamePlaceholder","value","onChange","status","maxLength","CollectionSaveViewModal","exports","observer"],"sources":["../../../../../../src/components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.tsx"],"sourcesContent":["import {\n  Box,\n  Cell,\n  CustomModalLayout,\n  FormField,\n  Input,\n  InputStatus,\n  Layout,\n  Modal,\n  ModalProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { FormEvent, useCallback, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../../../state';\nimport { TextWidthLoader } from '../../../TextWidthLoader';\n\nexport interface CollectionSaveViewModalProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> extends Partial<ModalProps> {\n  state: CollectionViewsState<T, F>;\n}\n\nfunction _CollectionSaveViewModal<T, F extends FiltersMap = FiltersMap>({\n  state,\n  ...rest\n}: CollectionSaveViewModalProps<T, F>) {\n  const {\n    views: { saveViewModal, collection },\n  } = state;\n  const { translate: t } = collection;\n  const [nameInputValue, setNameInputValue] = useState('');\n  const [statusMessage, setStatusMessage] = useState<string>();\n  const [nameInputStatus, setNameInputStatus] = useState<\n    InputStatus | undefined\n  >(undefined);\n  const [submitted, setSubmitted] = useState(false);\n\n  useEffect(() => {\n    if (nameInputValue !== '') {\n      setNameInputStatus(undefined);\n      setStatusMessage(undefined);\n    }\n  }, [nameInputValue]);\n\n  useEffect(() => {\n    saveViewModal.events.on('open', sendSaveNewViewSelectedBI);\n\n    return () => {\n      saveViewModal.events.off('open', sendSaveNewViewSelectedBI);\n    };\n  }, []);\n\n  const sendSaveNewViewSelectedBI = () => {\n    state.sendSaveNewViewSelectedBI();\n  };\n\n  const onCloseModal = () => {\n    setNameInputStatus(undefined);\n    setNameInputValue('');\n    saveViewModal.close();\n  };\n\n  const primaryButtonOnClick = useCallback(\n    async (event?: FormEvent) => {\n      event?.preventDefault();\n      if (submitted) {\n        return;\n      }\n\n      if (nameInputValue === '') {\n        setNameInputStatus('error');\n        setStatusMessage(t('cairo.noViewName.validationTooltip'));\n        return;\n      }\n\n      setSubmitted(true);\n      await state.saveNewView(nameInputValue);\n      onCloseModal();\n    },\n    [submitted, nameInputValue],\n  );\n\n  return (\n    <Modal\n      {...rest}\n      onAfterClose={() => {\n        setSubmitted(false);\n      }}\n      isOpen={saveViewModal.isOpen}\n    >\n      <form onSubmit={primaryButtonOnClick}>\n        <CustomModalLayout\n          overflowY=\"visible\"\n          title={t('cairo.table.saveViewModal.title')}\n          subtitle={\n            <Box>\n              <Text secondary>\n                {t('cairo.table.saveViewModal.body')}\n                {state.learnMoreLink && (\n                  <>\n                    {' '}\n                    <TextButton\n                      as=\"a\"\n                      rel=\"noopener\"\n                      target=\"_blank\"\n                      href={state.learnMoreLink}\n                      dataHook=\"save-view-modal-learn-more-link\"\n                    >\n                      {t('cairo.table.saveViewModal.learnMoreLink')}\n                    </TextButton>\n                  </>\n                )}\n              </Text>\n            </Box>\n          }\n          primaryButtonText={\n            submitted ? undefined : t('cairo.saveViewModal.saveButton')\n          }\n          primaryButtonProps={{\n            children: submitted && (\n              <TextWidthLoader\n                size=\"tiny\"\n                text={t('cairo.saveViewModal.saveButton')}\n              />\n            ),\n          }}\n          primaryButtonOnClick={primaryButtonOnClick}\n          secondaryButtonText={t('cairo.saveViewModal.cancelButton')}\n          secondaryButtonOnClick={onCloseModal}\n          onCloseButtonClick={onCloseModal}\n          dataHook=\"save-view-modal\"\n          width=\"510px\"\n        >\n          <Layout>\n            <Cell>\n              <FormField\n                label={t('cairo.table.saveViewModal.nameLabel')}\n                dataHook=\"save-view-modal-form-field\"\n              >\n                <Input\n                  autoFocus\n                  placeholder={\n                    state.viewNamePlaceholder ??\n                    t('cairo.table.saveViewModal.placeholder')\n                  }\n                  dataHook=\"save-view-modal-input\"\n                  value={nameInputValue}\n                  onChange={(e) => setNameInputValue(e.target.value)}\n                  status={nameInputStatus}\n                  statusMessage={statusMessage}\n                  maxLength={50}\n                />\n              </FormField>\n            </Cell>\n          </Layout>\n        </CustomModalLayout>\n      </form>\n    </Modal>\n  );\n}\n\nexport const CollectionSaveViewModal = observer(_CollectionSaveViewModal);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_TextWidthLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionSaveViewModal","state","rest","views","saveViewModal","collection","translate","nameInputValue","setNameInputValue","useState","statusMessage","setStatusMessage","nameInputStatus","setNameInputStatus","undefined","submitted","setSubmitted","useEffect","events","on","sendSaveNewViewSelectedBI","off","onCloseModal","close","primaryButtonOnClick","useCallback","event","preventDefault","saveNewView","createElement","Modal","_extends2","onAfterClose","isOpen","__self","__source","fileName","lineNumber","columnNumber","onSubmit","CustomModalLayout","overflowY","title","subtitle","Box","Text","size","weight","secondary","learnMoreLink","Fragment","TextButton","as","rel","target","href","dataHook","primaryButtonText","primaryButtonProps","children","TextWidthLoader","text","secondaryButtonText","secondaryButtonOnClick","onCloseButtonClick","width","Layout","Cell","FormField","label","Input","autoFocus","placeholder","viewNamePlaceholder","value","onChange","status","maxLength","CollectionSaveViewModal","exports","observer"],"sources":["../../../../../../src/components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.tsx"],"sourcesContent":["import {\n  Box,\n  Cell,\n  CustomModalLayout,\n  FormField,\n  Input,\n  InputStatus,\n  Layout,\n  Modal,\n  ModalProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { FormEvent, useCallback, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../../../state';\nimport { TextWidthLoader } from '../../../TextWidthLoader';\n\nexport interface CollectionSaveViewModalProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> extends Partial<ModalProps> {\n  state: CollectionViewsState<T, F>;\n}\n\nfunction _CollectionSaveViewModal<T, F extends FiltersMap = FiltersMap>({\n  state,\n  ...rest\n}: CollectionSaveViewModalProps<T, F>) {\n  const {\n    views: { saveViewModal, collection },\n  } = state;\n  const { translate: t } = collection;\n  const [nameInputValue, setNameInputValue] = useState('');\n  const [statusMessage, setStatusMessage] = useState<string>();\n  const [nameInputStatus, setNameInputStatus] = useState<\n    InputStatus | undefined\n  >(undefined);\n  const [submitted, setSubmitted] = useState(false);\n\n  useEffect(() => {\n    if (nameInputValue !== '') {\n      setNameInputStatus(undefined);\n      setStatusMessage(undefined);\n    }\n  }, [nameInputValue]);\n\n  useEffect(() => {\n    saveViewModal.events.on('open', sendSaveNewViewSelectedBI);\n\n    return () => {\n      saveViewModal.events.off('open', sendSaveNewViewSelectedBI);\n    };\n  }, []);\n\n  const sendSaveNewViewSelectedBI = () => {\n    state.sendSaveNewViewSelectedBI();\n  };\n\n  const onCloseModal = () => {\n    setNameInputStatus(undefined);\n    setNameInputValue('');\n    saveViewModal.close();\n  };\n\n  const primaryButtonOnClick = useCallback(\n    async (event?: FormEvent) => {\n      event?.preventDefault();\n      if (submitted) {\n        return;\n      }\n\n      if (nameInputValue === '') {\n        setNameInputStatus('error');\n        setStatusMessage(t('cairo.noViewName.validationTooltip'));\n        return;\n      }\n\n      setSubmitted(true);\n      await state.saveNewView(nameInputValue);\n      onCloseModal();\n    },\n    [submitted, nameInputValue],\n  );\n\n  return (\n    <Modal\n      {...rest}\n      onAfterClose={() => {\n        setSubmitted(false);\n      }}\n      isOpen={saveViewModal.isOpen}\n    >\n      <form onSubmit={primaryButtonOnClick}>\n        <CustomModalLayout\n          overflowY=\"visible\"\n          title={t('cairo.table.saveViewModal.title')}\n          subtitle={\n            <Box>\n              <Text size=\"small\" weight=\"thin\" secondary>\n                {t('cairo.table.saveViewModal.body')}\n                {state.learnMoreLink && (\n                  <>\n                    {' '}\n                    <TextButton\n                      as=\"a\"\n                      rel=\"noopener\"\n                      target=\"_blank\"\n                      href={state.learnMoreLink}\n                      dataHook=\"save-view-modal-learn-more-link\"\n                    >\n                      {t('cairo.table.saveViewModal.learnMoreLink')}\n                    </TextButton>\n                  </>\n                )}\n              </Text>\n            </Box>\n          }\n          primaryButtonText={\n            submitted ? undefined : t('cairo.saveViewModal.saveButton')\n          }\n          primaryButtonProps={{\n            children: submitted && (\n              <TextWidthLoader\n                size=\"tiny\"\n                text={t('cairo.saveViewModal.saveButton')}\n              />\n            ),\n          }}\n          primaryButtonOnClick={primaryButtonOnClick}\n          secondaryButtonText={t('cairo.saveViewModal.cancelButton')}\n          secondaryButtonOnClick={onCloseModal}\n          onCloseButtonClick={onCloseModal}\n          dataHook=\"save-view-modal\"\n          width=\"510px\"\n        >\n          <Layout>\n            <Cell>\n              <FormField\n                label={t('cairo.table.saveViewModal.nameLabel')}\n                dataHook=\"save-view-modal-form-field\"\n              >\n                <Input\n                  autoFocus\n                  placeholder={\n                    state.viewNamePlaceholder ??\n                    t('cairo.table.saveViewModal.placeholder')\n                  }\n                  dataHook=\"save-view-modal-input\"\n                  value={nameInputValue}\n                  onChange={(e) => setNameInputValue(e.target.value)}\n                  status={nameInputStatus}\n                  statusMessage={statusMessage}\n                  maxLength={50}\n                />\n              </FormField>\n            </Cell>\n          </Layout>\n        </CustomModalLayout>\n      </form>\n    </Modal>\n  );\n}\n\nexport const CollectionSaveViewModal = observer(_CollectionSaveViewModal);\n"],"mappings":"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","ignoreList":[]}

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

@@ -64,7 +64,8 @@ function getViewName({
 function buildViewOption({
   viewsState,
   view,
-  suffix
+  suffix,
+  isBmHarmonyTheme
 }) {
   const viewName = getViewName({
     view,
@@ -74,6 +75,12 @@ function buildViewOption({
     id: view.id,
     title: viewName,
     label: viewName,
+    ...(isBmHarmonyTheme ? {
+      size: 'small'
+    } : {}),
+    ...(isBmHarmonyTheme ? {
+      ellipsis: true
+    } : {}),
     dataHook: 'view-item',
     suffix
   });

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) {
@@ -32,11 +33,12 @@ function _ColumnListTableListItem(props) {
     select
   } = state;
   const {
-    collectionFieldsSource
+    manageFieldsSource
   } = state;
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const showFieldTypeIcons = state.showFieldTypeIcons;
   const {
     infoTooltipProps
@@ -59,7 +61,7 @@ function _ColumnListTableListItem(props) {
   // 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({
+  const menuConfig = column.field ? manageFieldsSource == null || manageFieldsSource.fieldActionsMenu == null ? void 0 : manageFieldsSource.fieldActionsMenu({
     fieldId: column.field.id,
     origin: 'Custom columns panel',
     location: 'Customize columns action cell'
@@ -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","manageFieldsSource","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 { manageFieldsSource } = 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    ? manageFieldsSource?.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":"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","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
       }
     })));