@wix/patterns 1.125.0 → 1.130.0

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_CollectionSearch","_react","_interopRequireDefault","_SearchOrCustomFilterStCss","_jsxFileName","SearchOrCustomFilter","props","search","child","default","createElement","CollectionSearch","size","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","Item","className","st","classes"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { TableToolbar } from '@wix/design-system';\nimport { CollectionSearch } from '../CollectionSearch';\nimport React from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\n\nexport interface SearchOrCustomFilterProps<T> {\n  search: ToolbarBaseProps<T>['search'];\n}\n\nexport function SearchOrCustomFilter<T>(props: SearchOrCustomFilterProps<T>) {\n  const { search } = props;\n\n  let child;\n\n  if (search === true) {\n    child = <CollectionSearch size=\"small\" />;\n  } else {\n    child = search;\n  }\n\n  return (\n    <TableToolbar.Item className={st(classes.search)}>\n      {child}\n    </TableToolbar.Item>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AAA+D,IAAAK,YAAA;AAOxD,SAASC,oBAAoBA,CAAIC,KAAmC,EAAE;EAC3E,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,IAAIE,KAAK;EAET,IAAID,MAAM,KAAK,IAAI,EAAE;IACnBC,KAAK,gBAAGP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAAW,gBAAgB;MAACC,IAAI,EAAC,OAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EAC3C,CAAC,MAAM;IACLT,KAAK,GAAGD,MAAM;EAChB;EAEA,oBACEN,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAoB,YAAY,CAACC,IAAI;IAACC,SAAS,EAAE,IAAAC,6BAAE,EAACC,kCAAO,CAACf,MAAM,CAAE;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC9CT,KACgB,CAAC;AAExB","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_CollectionSearch","_react","_interopRequireDefault","_SearchOrCustomFilterStCss","_jsxFileName","SearchOrCustomFilter","props","search","child","default","createElement","CollectionSearch","size","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","Item","className","st","classes"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { TableToolbar } from '@wix/design-system';\nimport { CollectionSearch } from '../CollectionSearch';\nimport React from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\n\nexport interface SearchOrCustomFilterProps {\n  search: ToolbarBaseProps['search'];\n}\n\nexport function SearchOrCustomFilter(props: SearchOrCustomFilterProps) {\n  const { search } = props;\n\n  let child;\n\n  if (search === true) {\n    child = <CollectionSearch size=\"small\" />;\n  } else {\n    child = search;\n  }\n\n  return (\n    <TableToolbar.Item className={st(classes.search)}>\n      {child}\n    </TableToolbar.Item>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AAA+D,IAAAK,YAAA;AAOxD,SAASC,oBAAoBA,CAACC,KAAgC,EAAE;EACrE,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,IAAIE,KAAK;EAET,IAAID,MAAM,KAAK,IAAI,EAAE;IACnBC,KAAK,gBAAGP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAAW,gBAAgB;MAACC,IAAI,EAAC,OAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EAC3C,CAAC,MAAM;IACLT,KAAK,GAAGD,MAAM;EAChB;EAEA,oBACEN,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAoB,YAAY,CAACC,IAAI;IAACC,SAAS,EAAE,IAAAC,6BAAE,EAACC,kCAAO,CAACf,MAAM,CAAE;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC9CT,KACgB,CAAC;AAExB","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter1554058270";
+var _namespace_ = "SearchOrCustomFilter3313179022";
 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": "SearchOrCustomFilter1554058270__root",
-  "search": "SearchOrCustomFilter1554058270__search"
+  "root": "SearchOrCustomFilter3313179022__root",
+  "search": "SearchOrCustomFilter3313179022__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter1554058270\";\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\":\"SearchOrCustomFilter1554058270__root\",\"search\":\"SearchOrCustomFilter1554058270__search\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3313179022\";\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\":\"SearchOrCustomFilter3313179022__root\",\"search\":\"SearchOrCustomFilter3313179022__search\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionToolbars/CollectionToolbars.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_jsxFileName","BorderRadiusTopCard","children","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","_CollectionToolbars","props","_featuredComponents$a","sticky","state","search","selectionToolbar","dragAndDropReorderModeToolbar","filters","title","tabs","customColumns","multiLevelSorting","views","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","tableGridSwitchButton","exportButton","primaryActionButton","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","toolbars","Fragment","length","CollectionToolbar","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","CollectionToolbarsProvider","Page","Sticky","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactElement, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionToolbar,\n  CollectionToolbarProps,\n} from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport type { TagsElement } from '../Tags';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  search?: ToolbarBaseProps<T>['search'];\n  customColumns?: CollectionToolbarProps<T, F>['customColumns'] | null;\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n  views?: CollectionToolbarProps<T, F>['views'];\n  sticky: boolean;\n  filters?: CollectionToolbarProps<T, F>['filters'];\n  selectionToolbar?: ReactElement;\n  dragAndDropReorderModeToolbar?:\n    | CollectionToolbarProps<T, F>['dragAndDropReorderModeToolbar'];\n  extraToolbar?: ToolbarCollectionBaseProps<T, F>['extraToolbar'];\n  summaryBar?: ToolbarCollectionBaseProps<T, F>['summaryBar'];\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n  tableGridSwitchButton?: CollectionToolbarProps<T, F>['tableGridSwitchButton'];\n  showTitleBar?: boolean;\n  exportButton?: CollectionToolbarProps<T, F>['exportButton'];\n  tags?: TagsElement<T>;\n  primaryActionButton?: CollectionToolbarProps<T, F>['primaryActionButton'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={8}\n      borderTopRightRadius={8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    search,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    filters,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n  } = state;\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          <CollectionToolbar\n            dataHook=\"collection-toolbar\"\n            search={search}\n            customColumns={customColumns}\n            multiLevelSorting={multiLevelSorting}\n            views={views}\n            state={state}\n            filters={filters}\n            title={title}\n            tabs={tabs}\n            tableGridSwitchButton={tableGridSwitchButton}\n            exportButton={exportButton}\n            primaryActionButton={primaryActionButton}\n            dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          />\n        </>\n      )}\n      {shouldDisplaySubToolbar && (\n        <Box direction=\"vertical\" backgroundColor=\"D80\">\n          <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Table.SubToolbar>\n        </Box>\n      )}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state}>\n      <BorderRadiusTopCard>\n        {toolbars}\n        {titleBar}\n      </BorderRadiusTopCard>\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? <Page.Sticky>{child}</Page.Sticky> : child}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_jsxFileName","BorderRadiusTopCard","children","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","_CollectionToolbars","props","_featuredComponents$a","sticky","state","search","selectionToolbar","dragAndDropReorderModeToolbar","filters","title","tabs","customColumns","multiLevelSorting","views","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","tableGridSwitchButton","exportButton","primaryActionButton","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","toolbars","Fragment","length","CollectionToolbar","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","CollectionToolbarsProvider","Page","Sticky","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactElement, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionToolbar,\n  CollectionToolbarProps,\n} from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport type { TagsElement } from '../Tags';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  search?: ToolbarBaseProps['search'];\n  customColumns?: CollectionToolbarProps<T, F>['customColumns'] | null;\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n  views?: CollectionToolbarProps<T, F>['views'];\n  sticky: boolean;\n  filters?: CollectionToolbarProps<T, F>['filters'];\n  selectionToolbar?: ReactElement;\n  dragAndDropReorderModeToolbar?:\n    | CollectionToolbarProps<T, F>['dragAndDropReorderModeToolbar'];\n  extraToolbar?: ToolbarCollectionBaseProps<T, F>['extraToolbar'];\n  summaryBar?: ToolbarCollectionBaseProps<T, F>['summaryBar'];\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n  tableGridSwitchButton?: CollectionToolbarProps<T, F>['tableGridSwitchButton'];\n  showTitleBar?: boolean;\n  exportButton?: CollectionToolbarProps<T, F>['exportButton'];\n  tags?: TagsElement<T, F>;\n  primaryActionButton?: CollectionToolbarProps<T, F>['primaryActionButton'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={8}\n      borderTopRightRadius={8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    search,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    filters,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n  } = state;\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          <CollectionToolbar\n            dataHook=\"collection-toolbar\"\n            search={search}\n            customColumns={customColumns}\n            multiLevelSorting={multiLevelSorting}\n            views={views}\n            state={state}\n            filters={filters}\n            title={title}\n            tabs={tabs}\n            tableGridSwitchButton={tableGridSwitchButton}\n            exportButton={exportButton}\n            primaryActionButton={primaryActionButton}\n            dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          />\n        </>\n      )}\n      {shouldDisplaySubToolbar && (\n        <Box direction=\"vertical\" backgroundColor=\"D80\">\n          <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Table.SubToolbar>\n        </Box>\n      )}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state}>\n      <BorderRadiusTopCard>\n        {toolbars}\n        {titleBar}\n      </BorderRadiusTopCard>\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? <Page.Sticky>{child}</Page.Sticky> : child}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAMA,IAAAK,2BAAA,GAAAL,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AAA4E,IAAAO,YAAA;AAgC5E,SAASC,mBAAmBA,CAAC;EAAEC;AAAmC,CAAC,EAAE;EACnE,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,eAAe,EAAC,KAAK;IACrBC,mBAAmB,EAAE,CAAE;IACvBC,oBAAoB,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBZ,QACE,CAAC;AAEV;AAEA,SAASa,mBAAmBA,CAC1BC,KAAoC,EACpC;EAAA,IAAAC,qBAAA;EACA,MAAM;IACJC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC,gBAAgB;IAChBC,6BAA6B;IAC7BC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,aAAa;IACbC,iBAAiB;IACjBC,KAAK;IACLC,YAAY;IACZC,UAAU;IACVC,eAAe,EAAEC,mBAAmB;IACpCC,QAAQ;IACRC,qBAAqB;IACrBC,YAAY;IACZC;EACF,CAAC,GAAGpB,KAAK;EAET,MAAM;IACJqB,UAAU;IACVC,kBAAkB;IAClBC,uBAAuB;IACvBC,wBAAwB;IACxBC,IAAI,EAAE;MAAEC;IAAY,CAAC;IACrBC;EACF,CAAC,GAAGxB,KAAK;EAET,MAAMY,eAAe,GACnB,OAAOC,mBAAmB,KAAK,UAAU,GACrCA,mBAAmB,CAAC,CAAC,GACrBA,mBAAmB;EAEzB,MAAMY,qBAAqB,IAAA3B,qBAAA,GAAGqB,kBAAkB,CAACO,qBAAqB,CAACC,KAAK,qBAA9C7B,qBAAA,CAC1B8B,SAAiE;EAErE,MAAM;IAAEC;EAAkB,CAAC,GAAGX,UAAU;EAExC,MAAMY,uBAAuB,GAC3BT,wBAAwB,IAAID,uBAAuB;EAErD,MAAMW,QAAQ,gBACZxD,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAgD,QAAA,QACG9B,gBAAgB,IAAI,CAAC2B,iBAAiB,IAAIN,WAAW,CAACU,MAAM,GAAG,CAAC,GAC/D/B,gBAAgB,gBAEhB3B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAgD,QAAA,QACGtB,YAAY,eACbnC,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAwD,iBAAiB;IAChBC,QAAQ,EAAC,oBAAoB;IAC7BlC,MAAM,EAAEA,MAAO;IACfM,aAAa,EAAEA,aAAc;IAC7BC,iBAAiB,EAAEA,iBAAkB;IACrCC,KAAK,EAAEA,KAAM;IACbT,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXS,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IACzCd,6BAA6B,EAAEA,6BAA8B;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9D,CACD,CACH,EACAmC,uBAAuB,iBACtBvD,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,eAAe,EAAC,KAAK;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7CpB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAA+D,KAAK,CAACC,UAAU;IAACF,QAAQ,EAAC,8BAA8B;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtD8B,qBAAqB,IAAIJ,wBAAwB,iBAChD9C,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACwC,qBAAqB;IAAAlC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAEV,CACf,CACN,EACAgB,UAAU,EACVC,eACD,CACH;;EAED;;EAEA,MAAM0B,KAAK,gBACT/D,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,4BAAA,CAAA2D,2BAA2B;IAACvC,KAAK,EAAEA,KAAM;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCpB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACH,mBAAmB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACjBoC,QAAQ,EACRjB,QACkB,CACM,CAC9B;EAED,oBACEvC,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,2BAAA,CAAA6D,0BAA0B;IAAAjD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBI,MAAM,IAAI,CAACyB,cAAc,gBAAGjD,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAoE,IAAI,CAACC,MAAM;IAAAnD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE2C,KAAmB,CAAC,GAAGA,KACxC,CAAC;AAEjC;AAEO,MAAMK,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACjD,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly1388416603";
+var _namespace_ = "AutoCompleteReadonly3456281360";
 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": "AutoCompleteReadonly1388416603__root"
+  "root": "AutoCompleteReadonly3456281360__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly1388416603\";\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\":\"AutoCompleteReadonly1388416603__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly3456281360\";\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\":\"AutoCompleteReadonly3456281360__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/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_ = "ViewsDropdown2254268179";
+var _namespace_ = "ViewsDropdown2637693536";
 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": "ViewsDropdown2254268179__root"
+  "root": "ViewsDropdown2637693536__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_ = \"ViewsDropdown2254268179\";\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\":\"ViewsDropdown2254268179__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_ = \"ViewsDropdown2637693536\";\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\":\"ViewsDropdown2637693536__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/CustomFieldsForm/CustomFieldsForm.js

@@ -26,9 +26,7 @@ const _CustomFieldsForm = ({
   dataHook,
   state
 }) => {
-  (0, _react.useEffect)(() => {
-    return state.init();
-  }, []);
+  (0, _react.useEffect)(() => state.init(), []);
   const renderFieldInput = (0, _react.useCallback)(field => {
     if (!field) {
       return null;
@@ -39,7 +37,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 39,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -47,7 +45,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 40,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
@@ -62,7 +60,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
+        lineNumber: 41,
         columnNumber: 13
       }
     })), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -70,17 +68,23 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 52,
         columnNumber: 11
       }
     }));
   }, [state.formSize]);
+  const {
+    fields
+  } = state;
+  if (!fields.length) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(_CustomFieldsFormContext.CustomFieldsFormContextProvider, {
     value: state,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 66,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -90,7 +94,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 67,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -99,10 +103,10 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 72,
       columnNumber: 9
     }
-  }, state.schema.map(renderFieldInput))));
+  }, fields.map(renderFieldInput))));
 };
 const CustomFieldsForm = exports.CustomFieldsForm = (0, _mobxReactLite.observer)(_CustomFieldsForm);
 //# sourceMappingURL=CustomFieldsForm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_FormFieldInput","_CustomFieldsFormContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toCellSpan","size","type","_CustomFieldsForm","dataHook","state","useEffect","init","renderFieldInput","useCallback","field","span","formSize","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","schema","initialValue","getInitialValue","onChange","newValue","setValue","inputRef","setInputRef","CustomFieldsFormContextProvider","value","ref","containerRef","setContainerRef","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormState, CustomFieldsFormSize } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n  dataHook?: string;\n}\n\nconst toCellSpan = (size: CustomFieldsFormSize, type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return size === 'default' ? 6 : 8;\n    default:\n      return size === 'default' ? 3 : 4;\n  }\n};\n\nconst _CustomFieldsForm = ({ dataHook, state }: CustomFieldsFormProps) => {\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const renderFieldInput = useCallback(\n    (field: CustomField) => {\n      if (!field) {\n        return null;\n      }\n\n      const span = toCellSpan(state.formSize, field.type);\n\n      return (\n        <React.Fragment key={field.id}>\n          <Cell span={span}>\n            <FormFieldInput\n              dataHook={`field-${field.id}`}\n              state={state}\n              schema={field}\n              initialValue={state.getInitialValue(field.id)}\n              onChange={(newValue) => state.setValue(field.id, newValue)}\n              inputRef={(inputRef) => {\n                state.setInputRef(field.id, inputRef);\n              }}\n            />\n          </Cell>\n          <Cell span={12 - span} />\n        </React.Fragment>\n      );\n    },\n    [state.formSize],\n  );\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <div\n        ref={(containerRef) => {\n          state.setContainerRef(containerRef);\n        }}\n      >\n        <Layout dataHook={dataHook} gap=\"SP4\">\n          {state.schema.map(renderFieldInput)}\n        </Layout>\n      </div>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_FormFieldInput","_CustomFieldsFormContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toCellSpan","size","type","_CustomFieldsForm","dataHook","state","useEffect","init","renderFieldInput","useCallback","field","span","formSize","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","schema","initialValue","getInitialValue","onChange","newValue","setValue","inputRef","setInputRef","fields","length","CustomFieldsFormContextProvider","value","ref","containerRef","setContainerRef","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormSize, CustomFieldsFormState } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n  dataHook?: string;\n}\n\nconst toCellSpan = (size: CustomFieldsFormSize, type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return size === 'default' ? 6 : 8;\n    default:\n      return size === 'default' ? 3 : 4;\n  }\n};\n\nconst _CustomFieldsForm = ({ dataHook, state }: CustomFieldsFormProps) => {\n  useEffect(() => state.init(), []);\n\n  const renderFieldInput = useCallback(\n    (field: CustomField) => {\n      if (!field) {\n        return null;\n      }\n\n      const span = toCellSpan(state.formSize, field.type);\n\n      return (\n        <React.Fragment key={field.id}>\n          <Cell span={span}>\n            <FormFieldInput\n              dataHook={`field-${field.id}`}\n              state={state}\n              schema={field}\n              initialValue={state.getInitialValue(field.id)}\n              onChange={(newValue) => state.setValue(field.id, newValue)}\n              inputRef={(inputRef) => {\n                state.setInputRef(field.id, inputRef);\n              }}\n            />\n          </Cell>\n          <Cell span={12 - span} />\n        </React.Fragment>\n      );\n    },\n    [state.formSize],\n  );\n\n  const { fields } = state;\n\n  if (!fields.length) {\n    return null;\n  }\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <div\n        ref={(containerRef) => {\n          state.setContainerRef(containerRef);\n        }}\n      >\n        <Layout dataHook={dataHook} gap=\"SP4\">\n          {fields.map(renderFieldInput)}\n        </Layout>\n      </div>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsNamespaceForm.js

@@ -0,0 +1,41 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldsNamespaceForm = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _state = require("../../state");
+var _CustomFieldsForm = require("../CustomFieldsForm");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsNamespaceForm.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _CustomFieldsNamespaceForm(props) {
+  const {
+    dataHook,
+    state: allNamespacesFormState,
+    onChange,
+    namespace
+  } = props;
+  const {
+    translate
+  } = (0, _react2.useWixPatternsContainer)();
+  const [state] = (0, _react.useState)(() => allNamespacesFormState.addFormIfAbsent(new _state.CustomFieldsFormState({
+    allNamespacesFormState,
+    onChange,
+    translate,
+    namespace
+  })));
+  return /*#__PURE__*/_react.default.createElement(_CustomFieldsForm.CustomFieldsForm, {
+    state: state,
+    dataHook: dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 10
+    }
+  });
+}
+const CustomFieldsNamespaceForm = exports.CustomFieldsNamespaceForm = (0, _mobxReactLite.observer)(_CustomFieldsNamespaceForm);
+//# sourceMappingURL=CustomFieldsNamespaceForm.js.map

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsNamespaceForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_mobxReactLite","_state","_CustomFieldsForm","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsNamespaceForm","props","dataHook","state","allNamespacesFormState","onChange","namespace","translate","useWixPatternsContainer","useState","addFormIfAbsent","CustomFieldsFormState","createElement","CustomFieldsForm","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsNamespaceForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsNamespaceForm.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CustomFieldsAllNamespacesFormState,\n  CustomFieldsFormState,\n} from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\n\nexport interface CustomFieldsNamespaceFormProps {\n  dataHook?: string;\n  namespace: string;\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n}\n\nfunction _CustomFieldsNamespaceForm(props: CustomFieldsNamespaceFormProps) {\n  const {\n    dataHook,\n    state: allNamespacesFormState,\n    onChange,\n    namespace,\n  } = props;\n\n  const { translate } = useWixPatternsContainer();\n\n  const [state] = useState(() =>\n    allNamespacesFormState.addFormIfAbsent(\n      new CustomFieldsFormState({\n        allNamespacesFormState,\n        onChange,\n        translate,\n        namespace,\n      }),\n    ),\n  );\n\n  return <CustomFieldsForm state={state} dataHook={dataHook} />;\n}\n\nexport const CustomFieldsNamespaceForm = observer(_CustomFieldsNamespaceForm);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAIA,IAAAI,iBAAA,GAAAJ,OAAA;AAAuD,IAAAK,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUvD,SAASW,0BAA0BA,CAACC,KAAqC,EAAE;EACzE,MAAM;IACJC,QAAQ;IACRC,KAAK,EAAEC,sBAAsB;IAC7BC,QAAQ;IACRC;EACF,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM;EAAU,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE/C,MAAM,CAACL,KAAK,CAAC,GAAG,IAAAM,eAAQ,EAAC,MACvBL,sBAAsB,CAACM,eAAe,CACpC,IAAIC,4BAAqB,CAAC;IACxBP,sBAAsB;IACtBC,QAAQ;IACRE,SAAS;IACTD;EACF,CAAC,CACH,CACF,CAAC;EAED,oBAAOlC,MAAA,CAAAc,OAAA,CAAA0B,aAAA,CAAClC,iBAAA,CAAAmC,gBAAgB;IAACV,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA,QAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC/D;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAACrB,0BAA0B,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.js

@@ -3,13 +3,16 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.CustomFieldsViewWidget = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _Skeletons = require("./Skeletons");
-var _ErrorStateContent = require("./ErrorStateContent");
 var _CustomFieldsViewWidgetContent = require("./CustomFieldsViewWidgetContent");
 var _useCustomFieldsViewWidget = require("./useCustomFieldsViewWidget");
+var _CustomFieldsViewWidgetInline = require("./CustomFieldsViewWidgetInline");
+var _CardContainer = require("../CardContainer");
+var _useWidgetPageStatus = require("../useWidgetPageStatus");
+var _EmptyStateViewContent = require("./EmptyStateViewContent");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx";
 const _CustomFieldsViewWidget = ({
   dataHook,
@@ -19,134 +22,80 @@ const _CustomFieldsViewWidget = ({
   userFieldsTitle,
   theme = 'card'
 }) => {
+  const customFieldsViewWidget = (0, _useCustomFieldsViewWidget.useCustomFieldsViewWidget)({
+    fqdn,
+    extendedFields,
+    theme
+  });
   const {
     state,
     userCustomFields,
     appsCustomFields,
     container,
     areAllCustomFieldsEmpty
-  } = (0, _useCustomFieldsViewWidget.useCustomFieldsViewWidget)({
-    fqdn,
-    extendedFields,
-    theme
-  });
+  } = customFieldsViewWidget;
   const {
     translate: t
   } = container;
-  const getContentElement = () => {
-    if (!state.isLoading && !state.isError && !userCustomFields.length && !appsCustomFields.length) {
-      return null;
-    }
-    switch (true) {
-      case state.isLoading:
-        {
-          return /*#__PURE__*/_react.default.createElement(_Skeletons.InlineSkeletonContent, {
-            __self: void 0,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 74,
-              columnNumber: 16
-            }
-          });
-        }
-      case state.isError:
-        return /*#__PURE__*/_react.default.createElement(_ErrorStateContent.ErrorStateContent, {
-          state: state,
-          __self: void 0,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 77,
-            columnNumber: 16
-          }
-        });
-      case areAllCustomFieldsEmpty:
-        return /*#__PURE__*/_react.default.createElement(EmptyStateCard, {
-          title: t('cairo.customFields.entityPage.emptyState.title'),
-          subtitle: t('cairo.customFields.entityPage.emptyState.subtitle'),
-          __self: void 0,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 80,
-            columnNumber: 11
-          }
-        });
-      default:
-        return /*#__PURE__*/_react.default.createElement(_CustomFieldsViewWidgetContent.CustomFieldsViewWidgetContent, {
-          state: state,
-          extendedFields: extendedFields,
-          userFieldsTitle: userFieldsTitle,
-          __self: void 0,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 88,
-            columnNumber: 11
-          }
-        });
-    }
-  };
-  const shouldRenderContent = userCustomFields.length || appsCustomFields.length || state.isLoading || state.isError;
-  if (!shouldRenderContent) {
+  const {
+    status
+  } = (0, _useWidgetPageStatus.useWidgetPageStatus)(state.initTask.status.status);
+  if (!state.isLoading && !state.isError && !userCustomFields.length && !appsCustomFields.length) {
     return null;
   }
   if (theme === 'inline') {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-hook": dataHook,
+    return /*#__PURE__*/_react.default.createElement(_CustomFieldsViewWidgetInline.CustomFieldsViewWidgetInline, (0, _extends2.default)({
+      dataHook: dataHook,
+      extendedFields: extendedFields,
+      userFieldsTitle: userFieldsTitle
+    }, customFieldsViewWidget, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 108,
-        columnNumber: 12
+        lineNumber: 84,
+        columnNumber: 7
       }
-    }, getContentElement());
+    }));
   }
-  return /*#__PURE__*/_react.default.createElement(CustomFieldsCard, {
-    dataHook: dataHook,
-    title: title ?? t('cairo.customFields.entityPage.title'),
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 112,
-      columnNumber: 5
-    }
-  }, getContentElement());
-};
-const CustomFieldsViewWidget = exports.CustomFieldsViewWidget = (0, _mobxReactLite.observer)(_CustomFieldsViewWidget);
-const CustomFieldsCard = ({
-  dataHook,
-  title,
-  children
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
-    dataHook: dataHook,
+  return /*#__PURE__*/_react.default.createElement(_CardContainer.CardContainer, {
     stretchVertically: true,
+    dataHook: dataHook,
+    status: status,
+    errorState: {
+      dataHook: 'error-state',
+      action: {
+        text: t('cairo.entityPage.widgetError.TPAconnectionFail.CTA'),
+        onClick: () => state.retry()
+      }
+    },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 94,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
     dataHook: "custom-fields-view-widget-header",
     title: /*#__PURE__*/_react.default.createElement(HeaderTitle, {
-      title: title,
+      title: title ?? t('cairo.customFields.entityPage.title'),
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 132,
-        columnNumber: 16
+        lineNumber: 109,
+        columnNumber: 11
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 106,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 114,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -154,11 +103,31 @@ const CustomFieldsCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 115,
       columnNumber: 7
     }
-  }, children));
+  }, areAllCustomFieldsEmpty ? /*#__PURE__*/_react.default.createElement(_EmptyStateViewContent.EmptyStateViewContent, {
+    title: t('cairo.customFields.entityPage.emptyState.title'),
+    subtitle: t('cairo.customFields.entityPage.emptyState.subtitle'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 117,
+      columnNumber: 11
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_CustomFieldsViewWidgetContent.CustomFieldsViewWidgetContent, {
+    state: state,
+    extendedFields: extendedFields,
+    userFieldsTitle: userFieldsTitle,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 122,
+      columnNumber: 11
+    }
+  })));
 };
+const CustomFieldsViewWidget = exports.CustomFieldsViewWidget = (0, _mobxReactLite.observer)(_CustomFieldsViewWidget);
 const HeaderTitle = ({
   title
 }) => {
@@ -167,7 +136,7 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 137,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -175,36 +144,9 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 138,
       columnNumber: 7
     }
   }, title));
 };
-const EmptyStateCard = ({
-  title,
-  subtitle
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_designSystem.EmptyState, {
-    dataHook: "empty-state",
-    title: title,
-    subtitle: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-      dataHook: "empty-state-subtitle",
-      size: "small",
-      secondary: true,
-      widows: true,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 162,
-        columnNumber: 9
-      }
-    }, subtitle),
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 158,
-      columnNumber: 5
-    }
-  });
-};
 //# sourceMappingURL=CustomFieldsViewWidget.js.map