@wix/patterns 1.160.0 → 1.162.0

package/dist/cjs/components/CollectionToolbar/ToolbarSecondaryActions.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ToolbarSecondaryActions = ToolbarSecondaryActions;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _SecondaryActions = require("../SecondaryActions/SecondaryActions");
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionToolbar/ToolbarSecondaryActions.tsx";
+function ToolbarSecondaryActions({
+  items
+}) {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, items.map((item, index) => {
+    const dataHook = item.dataHook ?? 'toolbar-secondary-actions';
+    return /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
+      key: index,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 24,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_SecondaryActions.SecondaryActions, (0, _extends2.default)({
+      key: index
+    }, item, {
+      dataHook: `${dataHook}-${index}`,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 13
+      }
+    })));
+  }));
+}
+//# sourceMappingURL=ToolbarSecondaryActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_SecondaryActions","_designSystem","_jsxFileName","ToolbarSecondaryActions","items","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","map","item","index","dataHook","TableToolbar","Item","key","SecondaryActions","_extends2"],"sources":["../../../../src/components/CollectionToolbar/ToolbarSecondaryActions.tsx"],"sourcesContent":["import React from 'react';\nimport { SecondaryActions } from '../SecondaryActions/SecondaryActions';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { TableToolbar, Box } from '@wix/design-system';\n\nexport interface ToolbarSecondaryActionsProps {\n  /**\n   * The secondary actions to display in the toolbar.\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)\n   * @external\n   */\n  items: ActionSubitem[];\n}\n\nexport function ToolbarSecondaryActions({\n  items,\n}: ToolbarSecondaryActionsProps) {\n  return (\n    <Box>\n      {items.map((item, index) => {\n        const dataHook = item.dataHook ?? 'toolbar-secondary-actions';\n\n        return (\n          <TableToolbar.Item key={index}>\n            <SecondaryActions\n              key={index}\n              {...item}\n              dataHook={`${dataHook}-${index}`}\n            />\n          </TableToolbar.Item>\n        );\n      })}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAAuD,IAAAG,YAAA;AAWhD,SAASC,uBAAuBA,CAAC;EACtCC;AAC4B,CAAC,EAAE;EAC/B,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAM,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,GACDR,KAAK,CAACS,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IAC1B,MAAMC,QAAQ,GAAGF,IAAI,CAACE,QAAQ,IAAI,2BAA2B;IAE7D,oBACEnB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAgB,YAAY,CAACC,IAAI;MAACC,GAAG,EAAEJ,KAAM;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC5Bf,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAoB,gBAAgB,MAAAC,SAAA,CAAAhB,OAAA;MACfc,GAAG,EAAEJ;IAAM,GACPD,IAAI;MACRE,QAAQ,EAAE,GAAGA,QAAQ,IAAID,KAAK,EAAG;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,EAClC,CACgB,CAAC;EAExB,CAAC,CACE,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/ToolbarSecondaryActions.uni.driver.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ToolbarSecondaryActionsUniDriver = void 0;
+var _ActionControlUni = require("../ActionControl/ActionControl.uni.driver");
+const ToolbarSecondaryActionsUniDriver = (base, body) => {
+  const getSecondaryActions = (dataHook = 'toolbar-secondary-actions', index) => {
+    const dataHookWithIndex = `${dataHook}-${index}`;
+    return (0, _ActionControlUni.ActionControlUniDriver)(base, body).getActionControl(dataHookWithIndex);
+  };
+  return {
+    getSecondaryActions
+  };
+};
+exports.ToolbarSecondaryActionsUniDriver = ToolbarSecondaryActionsUniDriver;
+//# sourceMappingURL=ToolbarSecondaryActions.uni.driver.js.map

package/dist/cjs/components/CollectionToolbar/ToolbarSecondaryActions.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ActionControlUni","require","ToolbarSecondaryActionsUniDriver","base","body","getSecondaryActions","dataHook","index","dataHookWithIndex","ActionControlUniDriver","getActionControl","exports"],"sources":["../../../../src/components/CollectionToolbar/ToolbarSecondaryActions.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ActionControlUniDriver } from '../ActionControl/ActionControl.uni.driver';\n\nexport const ToolbarSecondaryActionsUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const getSecondaryActions = (\n    dataHook = 'toolbar-secondary-actions',\n    index: number,\n  ) => {\n    const dataHookWithIndex = `${dataHook}-${index}`;\n    return ActionControlUniDriver(base, body).getActionControl(\n      dataHookWithIndex,\n    );\n  };\n\n  return {\n    getSecondaryActions,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,MAAMC,gCAAgC,GAAGA,CAC9CC,IAAe,EACfC,IAAe,KACZ;EACH,MAAMC,mBAAmB,GAAGA,CAC1BC,QAAQ,GAAG,2BAA2B,EACtCC,KAAa,KACV;IACH,MAAMC,iBAAiB,GAAG,GAAGF,QAAQ,IAAIC,KAAK,EAAE;IAChD,OAAO,IAAAE,wCAAsB,EAACN,IAAI,EAAEC,IAAI,CAAC,CAACM,gBAAgB,CACxDF,iBACF,CAAC;EACH,CAAC;EAED,OAAO;IACLH;EACF,CAAC;AACH,CAAC;AAACM,OAAA,CAAAT,gCAAA,GAAAA,gCAAA","ignoreList":[]}

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

@@ -19,4 +19,10 @@ Object.keys(_ReorderModeToolbar).forEach(function (key) {
   if (key in exports && exports[key] === _ReorderModeToolbar[key]) return;
   exports[key] = _ReorderModeToolbar[key];
 });
+var _ToolbarSecondaryActions = require("./ToolbarSecondaryActions");
+Object.keys(_ToolbarSecondaryActions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ToolbarSecondaryActions[key]) return;
+  exports[key] = _ToolbarSecondaryActions[key];
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_CollectionToolbar","require","Object","keys","forEach","key","exports","_PrimaryActionButton","_ReorderModeToolbar"],"sources":["../../../../src/components/CollectionToolbar/index.ts"],"sourcesContent":["export * from './CollectionToolbar';\nexport * from './PrimaryActionButton';\nexport * from './ReorderModeToolbar';\n"],"mappings":";;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,oBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,oBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,oBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,oBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,mBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,mBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,mBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,mBAAA,CAAAH,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_CollectionToolbar","require","Object","keys","forEach","key","exports","_PrimaryActionButton","_ReorderModeToolbar","_ToolbarSecondaryActions"],"sources":["../../../../src/components/CollectionToolbar/index.ts"],"sourcesContent":["export * from './CollectionToolbar';\nexport * from './PrimaryActionButton';\nexport * from './ReorderModeToolbar';\nexport * from './ToolbarSecondaryActions';\n"],"mappings":";;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,oBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,oBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,oBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,oBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,mBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,mBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,mBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,mBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,wBAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,wBAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,wBAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,wBAAA,CAAAJ,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/CollectionToolbars/CollectionToolbars.js

@@ -21,7 +21,7 @@ function BorderRadiusTopCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 43,
       columnNumber: 5
     }
   }, children);
@@ -46,7 +46,9 @@ function _CollectionToolbars(props) {
     titleBar,
     tableGridSwitchButton,
     exportButton,
-    primaryActionButton
+    primaryActionButton,
+    secondaryActions,
+    moreActions
   } = props;
   const {
     collection,
@@ -78,10 +80,12 @@ function _CollectionToolbars(props) {
     exportButton: exportButton,
     primaryActionButton: primaryActionButton,
     dragAndDropReorderModeToolbar: dragAndDropReorderModeToolbar,
+    secondaryActions: secondaryActions,
+    moreActions: moreActions,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 109,
       columnNumber: 11
     }
   })), shouldDisplaySubToolbar && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -90,7 +94,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 129,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.SubToolbar, {
@@ -98,14 +102,14 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 130,
       columnNumber: 11
     }
   }, AppliedFiltersTagList && shouldDisplayFiltersTags && /*#__PURE__*/_react.default.createElement(AppliedFiltersTagList, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 132,
       columnNumber: 15
     }
   }))), summaryBar, topNotification);
@@ -117,14 +121,14 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 145,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 146,
       columnNumber: 7
     }
   }, toolbars, titleBar));
@@ -132,14 +136,14 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 154,
       columnNumber: 5
     }
   }, sticky && !internalScroll ? /*#__PURE__*/_react.default.createElement(_designSystem.Page.Sticky, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 149,
+      lineNumber: 155,
       columnNumber: 36
     }
   }, child) : child);

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","toolbar","CollectionToolbarsProvider","Page","Sticky","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n  extends Pick<\n    ToolbarCollectionBaseProps<T, F>,\n    | 'showTitleBar'\n    | 'tags'\n    | 'sticky'\n    | 'title'\n    | 'tabs'\n    | 'search'\n    | 'customColumns'\n    | 'multiLevelSorting'\n    | 'views'\n    | 'filters'\n    | 'selectionToolbar'\n    | 'dragAndDropReorderModeToolbar'\n    | 'extraToolbar'\n    | 'summaryBar'\n    | 'tableGridSwitchButton'\n    | 'exportButton'\n    | 'primaryActionButton'\n  > {\n  state: ToolbarCollectionState<T, F>;\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\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.toolbar}>\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","secondaryActions","moreActions","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","toolbars","Fragment","length","CollectionToolbar","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","toolbar","CollectionToolbarsProvider","Page","Sticky","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n  extends Pick<\n    ToolbarCollectionBaseProps<T, F>,\n    | 'showTitleBar'\n    | 'tags'\n    | 'sticky'\n    | 'title'\n    | 'tabs'\n    | 'search'\n    | 'customColumns'\n    | 'multiLevelSorting'\n    | 'views'\n    | 'filters'\n    | 'selectionToolbar'\n    | 'dragAndDropReorderModeToolbar'\n    | 'extraToolbar'\n    | 'summaryBar'\n    | 'tableGridSwitchButton'\n    | 'exportButton'\n    | 'primaryActionButton'\n    | 'secondaryActions'\n    | 'moreActions'\n  > {\n  state: ToolbarCollectionState<T, F>;\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\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    secondaryActions,\n    moreActions,\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            secondaryActions={secondaryActions}\n            moreActions={moreActions}\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.toolbar}>\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":[]}

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_ = "AutoCompleteReadonly705148640";
+var _namespace_ = "AutoCompleteReadonly2245716664";
 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": "AutoCompleteReadonly705148640__root"
+  "root": "AutoCompleteReadonly2245716664__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_ = \"AutoCompleteReadonly705148640\";\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\":\"AutoCompleteReadonly705148640__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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_ = \"AutoCompleteReadonly2245716664\";\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\":\"AutoCompleteReadonly2245716664__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_ = "ViewsDropdown1680687610";
+var _namespace_ = "ViewsDropdown3271173767";
 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": "ViewsDropdown1680687610__root"
+  "root": "ViewsDropdown3271173767__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_ = \"ViewsDropdown1680687610\";\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\":\"ViewsDropdown1680687610__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_ = \"ViewsDropdown3271173767\";\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\":\"ViewsDropdown3271173767__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

@@ -23,7 +23,8 @@ const toCellSpan = type => {
   }
 };
 const _CustomFieldsForm = ({
-  state
+  state,
+  onChange
 }) => {
   const {
     _namespace
@@ -41,7 +42,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 42,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -49,7 +50,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 43,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
@@ -57,14 +58,18 @@ const _CustomFieldsForm = ({
       state: state,
       schema: field,
       initialValue: state.getInitialValue(field.id),
-      onChange: newValue => state.setValue(field.id, newValue),
+      onChange: newValue => state.setValue({
+        id: field.id,
+        value: newValue,
+        onChange
+      }),
       inputRef: inputRef => {
         state.setInputRef(field.id, inputRef);
       },
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 44,
         columnNumber: 11
       }
     })), span !== 12 && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -72,7 +77,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 57,
         columnNumber: 25
       }
     }));
@@ -85,7 +90,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 65,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -94,7 +99,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 66,
       columnNumber: 7
     }
   }, writeableFields.map(renderFieldInput)));

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","type","_CustomFieldsForm","state","_namespace","renderFieldInput","useCallback","field","EDITABLE_INPUT_ELEMENTS","span","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","dataHook","schema","initialValue","getInitialValue","onChange","newValue","setValue","inputRef","setInputRef","writeableFields","CustomFieldsFormContextProvider","value","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { EDITABLE_INPUT_ELEMENTS, FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormState } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n}\n\nconst toCellSpan = (type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return 12;\n    default:\n      return 6;\n  }\n};\n\nconst _CustomFieldsForm = ({ state }: CustomFieldsFormProps) => {\n  const { _namespace } = state;\n  const renderFieldInput = useCallback((field: CustomField) => {\n    if (!field) {\n      return null;\n    }\n\n    if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n      return null;\n    }\n\n    const span = toCellSpan(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        {span !== 12 && <Cell span={12 - span} />}\n      </React.Fragment>\n    );\n  }, []);\n\n  const { writeableFields } = state;\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <Layout dataHook={`custom-fields-form-${_namespace}`} gap=\"SP3\">\n        {writeableFields.map(renderFieldInput)}\n      </Layout>\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","type","_CustomFieldsForm","state","onChange","_namespace","renderFieldInput","useCallback","field","EDITABLE_INPUT_ELEMENTS","span","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","dataHook","schema","initialValue","getInitialValue","newValue","setValue","value","inputRef","setInputRef","writeableFields","CustomFieldsFormContextProvider","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { EDITABLE_INPUT_ELEMENTS, FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormState } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\nimport { OnCustomFieldChange } from '../CustomFieldsWidget/OnCustomFieldChange';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n  onChange?: OnCustomFieldChange;\n}\n\nconst toCellSpan = (type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return 12;\n    default:\n      return 6;\n  }\n};\n\nconst _CustomFieldsForm = ({ state, onChange }: CustomFieldsFormProps) => {\n  const { _namespace } = state;\n  const renderFieldInput = useCallback((field: CustomField) => {\n    if (!field) {\n      return null;\n    }\n\n    if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n      return null;\n    }\n\n    const span = toCellSpan(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) =>\n              state.setValue({ id: field.id, value: newValue, onChange })\n            }\n            inputRef={(inputRef) => {\n              state.setInputRef(field.id, inputRef);\n            }}\n          />\n        </Cell>\n        {span !== 12 && <Cell span={12 - span} />}\n      </React.Fragment>\n    );\n  }, []);\n\n  const { writeableFields } = state;\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <Layout dataHook={`custom-fields-form-${_namespace}`} gap=\"SP3\">\n        {writeableFields.map(renderFieldInput)}\n      </Layout>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":"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","ignoreList":[]}

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

@@ -17,8 +17,7 @@ function _CustomFieldsNamespaceForm(props) {
   } = props;
   const state = (0, _useCustomFieldsFormState.useCustomFieldsFormState)({
     state: allNamespacesFormState,
-    namespace,
-    onChange
+    namespace
   });
   (0, _react.useEffect)(() => state.init(), []);
   if (!state.writeableFields.length) {
@@ -26,10 +25,11 @@ function _CustomFieldsNamespaceForm(props) {
   }
   return /*#__PURE__*/_react.default.createElement(_CustomFieldsForm.CustomFieldsForm, {
     state: state,
+    onChange: onChange,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 28,
       columnNumber: 10
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CustomFieldsForm","_useCustomFieldsFormState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsNamespaceForm","props","state","allNamespacesFormState","onChange","namespace","useCustomFieldsFormState","useEffect","init","writeableFields","length","createElement","CustomFieldsForm","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsNamespaceForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsNamespaceForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsAllNamespacesFormState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\nimport { useCustomFieldsFormState } from './useCustomFieldsFormState';\n\nexport interface CustomFieldsNamespaceFormProps {\n  namespace: string;\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n}\n\nfunction _CustomFieldsNamespaceForm(props: CustomFieldsNamespaceFormProps) {\n  const { state: allNamespacesFormState, onChange, namespace } = props;\n\n  const state = useCustomFieldsFormState({\n    state: allNamespacesFormState,\n    namespace,\n    onChange,\n  });\n\n  useEffect(() => state.init(), []);\n\n  if (!state.writeableFields.length) {\n    return null;\n  }\n\n  return <CustomFieldsForm state={state} />;\n}\n\nexport const CustomFieldsNamespaceForm = observer(_CustomFieldsNamespaceForm);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AAAsE,IAAAI,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,SAAAP,wBAAAO,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;AAQtE,SAASW,0BAA0BA,CAACC,KAAqC,EAAE;EACzE,MAAM;IAAEC,KAAK,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAEpE,MAAMC,KAAK,GAAG,IAAAI,kDAAwB,EAAC;IACrCJ,KAAK,EAAEC,sBAAsB;IAC7BE,SAAS;IACTD;EACF,CAAC,CAAC;EAEF,IAAAG,gBAAS,EAAC,MAAML,KAAK,CAACM,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,IAAI,CAACN,KAAK,CAACO,eAAe,CAACC,MAAM,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBAAOrC,MAAA,CAAAa,OAAA,CAAAyB,aAAA,CAAClC,iBAAA,CAAAmC,gBAAgB;IAACV,KAAK,EAAEA,KAAM;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC3C;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAACpB,0BAA0B,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CustomFieldsForm","_useCustomFieldsFormState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsNamespaceForm","props","state","allNamespacesFormState","onChange","namespace","useCustomFieldsFormState","useEffect","init","writeableFields","length","createElement","CustomFieldsForm","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsNamespaceForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsNamespaceForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsAllNamespacesFormState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\nimport { useCustomFieldsFormState } from './useCustomFieldsFormState';\n\nexport interface CustomFieldsNamespaceFormProps {\n  namespace: string;\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n}\n\nfunction _CustomFieldsNamespaceForm(props: CustomFieldsNamespaceFormProps) {\n  const { state: allNamespacesFormState, onChange, namespace } = props;\n\n  const state = useCustomFieldsFormState({\n    state: allNamespacesFormState,\n    namespace,\n  });\n\n  useEffect(() => state.init(), []);\n\n  if (!state.writeableFields.length) {\n    return null;\n  }\n\n  return <CustomFieldsForm state={state} onChange={onChange} />;\n}\n\nexport const CustomFieldsNamespaceForm = observer(_CustomFieldsNamespaceForm);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AAAsE,IAAAI,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,SAAAP,wBAAAO,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;AAQtE,SAASW,0BAA0BA,CAACC,KAAqC,EAAE;EACzE,MAAM;IAAEC,KAAK,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAEpE,MAAMC,KAAK,GAAG,IAAAI,kDAAwB,EAAC;IACrCJ,KAAK,EAAEC,sBAAsB;IAC7BE;EACF,CAAC,CAAC;EAEF,IAAAE,gBAAS,EAAC,MAAML,KAAK,CAACM,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,IAAI,CAACN,KAAK,CAACO,eAAe,CAACC,MAAM,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBAAOrC,MAAA,CAAAa,OAAA,CAAAyB,aAAA,CAAClC,iBAAA,CAAAmC,gBAAgB;IAACV,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA,QAAS;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC/D;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAACpB,0BAA0B,CAAC","ignoreList":[]}

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

@@ -19,8 +19,7 @@ function _CustomFieldsNamespaceSectionForm(props) {
   } = props;
   const state = (0, _useCustomFieldsFormState.useCustomFieldsFormState)({
     state: allNamespacesFormState,
-    namespace,
-    onChange
+    namespace
   });
   const {
     _customFieldsWidgetState: {
@@ -44,7 +43,7 @@ function _CustomFieldsNamespaceSectionForm(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 40,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHeader, {
@@ -54,7 +53,7 @@ function _CustomFieldsNamespaceSectionForm(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 51,
+        lineNumber: 50,
         columnNumber: 16
       }
     }, state.appName),
@@ -65,7 +64,7 @@ function _CustomFieldsNamespaceSectionForm(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 53,
         columnNumber: 13
       }
     }),
@@ -76,15 +75,16 @@ function _CustomFieldsNamespaceSectionForm(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 48,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CustomFieldsForm.CustomFieldsForm, {
     state: state,
+    onChange: onChange,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 66,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CustomFieldsForm","_designSystem","_useCustomFieldsFormState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsNamespaceSectionForm","props","index","state","allNamespacesFormState","onChange","namespace","useCustomFieldsFormState","_customFieldsWidgetState","container","translate","_userFieldsNamespace","useEffect","init","writeableFields","length","createElement","Box","key","dataHook","direction","width","gap","paddingTop","undefined","__self","__source","fileName","lineNumber","columnNumber","SectionHeader","title","Text","secondary","appName","suffix","InfoIcon","content","size","skin","divider","horizontalPadding","CustomFieldsForm","CustomFieldsNamespaceSectionForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsNamespaceSectionForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsAllNamespacesFormState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\nimport { Box, InfoIcon, SectionHeader, Text } from '@wix/design-system';\nimport { useCustomFieldsFormState } from './useCustomFieldsFormState';\n\nexport interface CustomFieldsNamespaceSectionFormProps {\n  namespace: string;\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n  index: number;\n}\n\nfunction _CustomFieldsNamespaceSectionForm(\n  props: CustomFieldsNamespaceSectionFormProps,\n) {\n  const { index, state: allNamespacesFormState, onChange, namespace } = props;\n\n  const state = useCustomFieldsFormState({\n    state: allNamespacesFormState,\n    namespace,\n    onChange,\n  });\n\n  const {\n    _customFieldsWidgetState: {\n      container: { translate: t },\n      _userFieldsNamespace,\n    },\n  } = allNamespacesFormState;\n\n  useEffect(() => state.init(), []);\n\n  if (!state.writeableFields.length) {\n    return null;\n  }\n\n  return (\n    <Box\n      key={namespace}\n      dataHook={`custom-fields-namespace-form-${namespace}`}\n      direction=\"vertical\"\n      width=\"100%\"\n      gap=\"SP3\"\n      paddingTop={index > 0 ? 'SP3' : undefined}\n    >\n      <SectionHeader\n        dataHook=\"section-header\"\n        title={<Text secondary>{state.appName}</Text>}\n        suffix={\n          namespace !== _userFieldsNamespace && (\n            <InfoIcon\n              dataHook=\"info-icon\"\n              content={t('cairo.customFields.tpaSection.tooltip')}\n              size=\"small\"\n            />\n          )\n        }\n        skin=\"light\"\n        divider={index > 0 ? 'top' : 'none'}\n        size=\"medium\"\n        horizontalPadding=\"xxTiny\"\n      />\n\n      <CustomFieldsForm state={state} />\n    </Box>\n  );\n}\n\nexport const CustomFieldsNamespaceSectionForm = observer(\n  _CustomFieldsNamespaceSectionForm,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CustomFieldsForm","_designSystem","_useCustomFieldsFormState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsNamespaceSectionForm","props","index","state","allNamespacesFormState","onChange","namespace","useCustomFieldsFormState","_customFieldsWidgetState","container","translate","_userFieldsNamespace","useEffect","init","writeableFields","length","createElement","Box","key","dataHook","direction","width","gap","paddingTop","undefined","__self","__source","fileName","lineNumber","columnNumber","SectionHeader","title","Text","secondary","appName","suffix","InfoIcon","content","size","skin","divider","horizontalPadding","CustomFieldsForm","CustomFieldsNamespaceSectionForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsNamespaceSectionForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsAllNamespacesFormState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\nimport { Box, InfoIcon, SectionHeader, Text } from '@wix/design-system';\nimport { useCustomFieldsFormState } from './useCustomFieldsFormState';\n\nexport interface CustomFieldsNamespaceSectionFormProps {\n  namespace: string;\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n  index: number;\n}\n\nfunction _CustomFieldsNamespaceSectionForm(\n  props: CustomFieldsNamespaceSectionFormProps,\n) {\n  const { index, state: allNamespacesFormState, onChange, namespace } = props;\n\n  const state = useCustomFieldsFormState({\n    state: allNamespacesFormState,\n    namespace,\n  });\n\n  const {\n    _customFieldsWidgetState: {\n      container: { translate: t },\n      _userFieldsNamespace,\n    },\n  } = allNamespacesFormState;\n\n  useEffect(() => state.init(), []);\n\n  if (!state.writeableFields.length) {\n    return null;\n  }\n\n  return (\n    <Box\n      key={namespace}\n      dataHook={`custom-fields-namespace-form-${namespace}`}\n      direction=\"vertical\"\n      width=\"100%\"\n      gap=\"SP3\"\n      paddingTop={index > 0 ? 'SP3' : undefined}\n    >\n      <SectionHeader\n        dataHook=\"section-header\"\n        title={<Text secondary>{state.appName}</Text>}\n        suffix={\n          namespace !== _userFieldsNamespace && (\n            <InfoIcon\n              dataHook=\"info-icon\"\n              content={t('cairo.customFields.tpaSection.tooltip')}\n              size=\"small\"\n            />\n          )\n        }\n        skin=\"light\"\n        divider={index > 0 ? 'top' : 'none'}\n        size=\"medium\"\n        horizontalPadding=\"xxTiny\"\n      />\n\n      <CustomFieldsForm state={state} onChange={onChange} />\n    </Box>\n  );\n}\n\nexport const CustomFieldsNamespaceSectionForm = observer(\n  _CustomFieldsNamespaceSectionForm,\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,13 +7,11 @@ var _state = require("../../state");
 function useCustomFieldsFormState(params) {
   const {
     state: allNamespacesFormState,
-    onChange,
     namespace
   } = params;
   const translate = allNamespacesFormState._customFieldsWidgetState.container.translate;
   const [state] = (0, _react.useState)(() => allNamespacesFormState.addFormIfAbsent(new _state.CustomFieldsFormState({
     customFieldsWidgetState: allNamespacesFormState._customFieldsWidgetState,
-    onChange,
     translate,
     namespace
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_state","useCustomFieldsFormState","params","state","allNamespacesFormState","onChange","namespace","translate","_customFieldsWidgetState","container","useState","addFormIfAbsent","CustomFieldsFormState","customFieldsWidgetState"],"sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsFormState.ts"],"sourcesContent":["import { useState } from 'react';\nimport {\n  CustomFieldsAllNamespacesFormState,\n  CustomFieldsFormState,\n} from '../../state';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\n\nexport interface UseCustomFieldsFormStateParams {\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n  namespace: string;\n}\n\nexport function useCustomFieldsFormState(\n  params: UseCustomFieldsFormStateParams,\n) {\n  const { state: allNamespacesFormState, onChange, namespace } = params;\n\n  const translate =\n    allNamespacesFormState._customFieldsWidgetState.container.translate;\n\n  const [state] = useState(() =>\n    allNamespacesFormState.addFormIfAbsent(\n      new CustomFieldsFormState({\n        customFieldsWidgetState:\n          allNamespacesFormState._customFieldsWidgetState,\n        onChange,\n        translate,\n        namespace,\n      }),\n    ),\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAYO,SAASE,wBAAwBA,CACtCC,MAAsC,EACtC;EACA,MAAM;IAAEC,KAAK,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,MAAM;EAErE,MAAMK,SAAS,GACbH,sBAAsB,CAACI,wBAAwB,CAACC,SAAS,CAACF,SAAS;EAErE,MAAM,CAACJ,KAAK,CAAC,GAAG,IAAAO,eAAQ,EAAC,MACvBN,sBAAsB,CAACO,eAAe,CACpC,IAAIC,4BAAqB,CAAC;IACxBC,uBAAuB,EACrBT,sBAAsB,CAACI,wBAAwB;IACjDH,QAAQ;IACRE,SAAS;IACTD;EACF,CAAC,CACH,CACF,CAAC;EAED,OAAOH,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_state","useCustomFieldsFormState","params","state","allNamespacesFormState","namespace","translate","_customFieldsWidgetState","container","useState","addFormIfAbsent","CustomFieldsFormState","customFieldsWidgetState"],"sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsFormState.ts"],"sourcesContent":["import { useState } from 'react';\nimport {\n  CustomFieldsAllNamespacesFormState,\n  CustomFieldsFormState,\n} from '../../state';\n\nexport interface UseCustomFieldsFormStateParams {\n  state: CustomFieldsAllNamespacesFormState;\n  namespace: string;\n}\n\nexport function useCustomFieldsFormState(\n  params: UseCustomFieldsFormStateParams,\n) {\n  const { state: allNamespacesFormState, namespace } = params;\n\n  const translate =\n    allNamespacesFormState._customFieldsWidgetState.container.translate;\n\n  const [state] = useState(() =>\n    allNamespacesFormState.addFormIfAbsent(\n      new CustomFieldsFormState({\n        customFieldsWidgetState:\n          allNamespacesFormState._customFieldsWidgetState,\n        translate,\n        namespace,\n      }),\n    ),\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAUO,SAASE,wBAAwBA,CACtCC,MAAsC,EACtC;EACA,MAAM;IAAEC,KAAK,EAAEC,sBAAsB;IAAEC;EAAU,CAAC,GAAGH,MAAM;EAE3D,MAAMI,SAAS,GACbF,sBAAsB,CAACG,wBAAwB,CAACC,SAAS,CAACF,SAAS;EAErE,MAAM,CAACH,KAAK,CAAC,GAAG,IAAAM,eAAQ,EAAC,MACvBL,sBAAsB,CAACM,eAAe,CACpC,IAAIC,4BAAqB,CAAC;IACxBC,uBAAuB,EACrBR,sBAAsB,CAACG,wBAAwB;IACjDD,SAAS;IACTD;EACF,CAAC,CACH,CACF,CAAC;EAED,OAAOF,KAAK;AACd","ignoreList":[]}

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

@@ -16,6 +16,7 @@ const useCustomFieldsViewWidget = ({
     container,
     fqdn: (0, _bexCore.parseFqdn)(fqdn),
     url: window.location.href,
+    route: window.location.pathname,
     theme,
     extensionPoint
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_react","_react2","useCustomFieldsViewWidget","fqdn","extendedFields","theme","extensionPoint","container","useWixPatternsContainer","state","useState","CustomFieldsViewWidgetState","parseFqdn","url","window","location","href","useEffect","init","userCustomFields","dataExtension","availableUserCustomFields","appsCustomFields","availableAppsCustomFields","areAllCustomFieldsEmpty","useMemo","allNamespaces","every","namespace","getExtendedFieldsToDisplayForNamespace","length","appSchemas","exports"],"sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsViewWidget.ts"],"sourcesContent":["import { CustomFieldsViewWidgetState, parseFqdn } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { CustomFieldsViewWidgetProps } from './CustomFieldsViewWidget';\n\nexport const useCustomFieldsViewWidget = ({\n  fqdn,\n  extendedFields,\n  theme,\n  extensionPoint,\n}: Pick<\n  CustomFieldsViewWidgetProps,\n  'fqdn' | 'extendedFields' | 'theme' | 'extensionPoint'\n>) => {\n  const container = useWixPatternsContainer();\n  const [state] = useState(\n    () =>\n      new CustomFieldsViewWidgetState({\n        container,\n        fqdn: parseFqdn(fqdn),\n        url: window.location.href,\n        theme,\n        extensionPoint,\n      }),\n  );\n  useEffect(() => state.init(), []);\n\n  const userCustomFields = state.dataExtension.availableUserCustomFields;\n  const appsCustomFields = state.dataExtension.availableAppsCustomFields;\n\n  const areAllCustomFieldsEmpty = useMemo(() => {\n    return state.dataExtension.allNamespaces.every(\n      (namespace) =>\n        state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)\n          .length === 0,\n    );\n  }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);\n\n  return {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGO,MAAMG,yBAAyB,GAAGA,CAAC;EACxCC,IAAI;EACJC,cAAc;EACdC,KAAK;EACLC;AAIF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,gBAAQ,EACtB,MACE,IAAIC,oCAA2B,CAAC;IAC9BJ,SAAS;IACTJ,IAAI,EAAE,IAAAS,kBAAS,EAACT,IAAI,CAAC;IACrBU,GAAG,EAAEC,MAAM,CAACC,QAAQ,CAACC,IAAI;IACzBX,KAAK;IACLC;EACF,CAAC,CACL,CAAC;EACD,IAAAW,iBAAS,EAAC,MAAMR,KAAK,CAACS,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAMC,gBAAgB,GAAGV,KAAK,CAACW,aAAa,CAACC,yBAAyB;EACtE,MAAMC,gBAAgB,GAAGb,KAAK,CAACW,aAAa,CAACG,yBAAyB;EAEtE,MAAMC,uBAAuB,GAAG,IAAAC,eAAO,EAAC,MAAM;IAC5C,OAAOhB,KAAK,CAACW,aAAa,CAACM,aAAa,CAACC,KAAK,CAC3CC,SAAS,IACRnB,KAAK,CAACoB,sCAAsC,CAACD,SAAS,EAAExB,cAAc,CAAC,CACpE0B,MAAM,KAAK,CAClB,CAAC;EACH,CAAC,EAAE,CAAC1B,cAAc,EAAEe,gBAAgB,EAAEV,KAAK,CAACW,aAAa,CAACW,UAAU,CAAC,CAAC;EAEtE,OAAO;IACLtB,KAAK;IACLU,gBAAgB;IAChBG,gBAAgB;IAChBf,SAAS;IACTiB;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAA9B,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_react","_react2","useCustomFieldsViewWidget","fqdn","extendedFields","theme","extensionPoint","container","useWixPatternsContainer","state","useState","CustomFieldsViewWidgetState","parseFqdn","url","window","location","href","route","pathname","useEffect","init","userCustomFields","dataExtension","availableUserCustomFields","appsCustomFields","availableAppsCustomFields","areAllCustomFieldsEmpty","useMemo","allNamespaces","every","namespace","getExtendedFieldsToDisplayForNamespace","length","appSchemas","exports"],"sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsViewWidget.ts"],"sourcesContent":["import { CustomFieldsViewWidgetState, parseFqdn } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { CustomFieldsViewWidgetProps } from './CustomFieldsViewWidget';\n\nexport const useCustomFieldsViewWidget = ({\n  fqdn,\n  extendedFields,\n  theme,\n  extensionPoint,\n}: Pick<\n  CustomFieldsViewWidgetProps,\n  'fqdn' | 'extendedFields' | 'theme' | 'extensionPoint'\n>) => {\n  const container = useWixPatternsContainer();\n  const [state] = useState(\n    () =>\n      new CustomFieldsViewWidgetState({\n        container,\n        fqdn: parseFqdn(fqdn),\n        url: window.location.href,\n        route: window.location.pathname,\n        theme,\n        extensionPoint,\n      }),\n  );\n  useEffect(() => state.init(), []);\n\n  const userCustomFields = state.dataExtension.availableUserCustomFields;\n  const appsCustomFields = state.dataExtension.availableAppsCustomFields;\n\n  const areAllCustomFieldsEmpty = useMemo(() => {\n    return state.dataExtension.allNamespaces.every(\n      (namespace) =>\n        state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)\n          .length === 0,\n    );\n  }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);\n\n  return {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGO,MAAMG,yBAAyB,GAAGA,CAAC;EACxCC,IAAI;EACJC,cAAc;EACdC,KAAK;EACLC;AAIF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,gBAAQ,EACtB,MACE,IAAIC,oCAA2B,CAAC;IAC9BJ,SAAS;IACTJ,IAAI,EAAE,IAAAS,kBAAS,EAACT,IAAI,CAAC;IACrBU,GAAG,EAAEC,MAAM,CAACC,QAAQ,CAACC,IAAI;IACzBC,KAAK,EAAEH,MAAM,CAACC,QAAQ,CAACG,QAAQ;IAC/Bb,KAAK;IACLC;EACF,CAAC,CACL,CAAC;EACD,IAAAa,iBAAS,EAAC,MAAMV,KAAK,CAACW,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAMC,gBAAgB,GAAGZ,KAAK,CAACa,aAAa,CAACC,yBAAyB;EACtE,MAAMC,gBAAgB,GAAGf,KAAK,CAACa,aAAa,CAACG,yBAAyB;EAEtE,MAAMC,uBAAuB,GAAG,IAAAC,eAAO,EAAC,MAAM;IAC5C,OAAOlB,KAAK,CAACa,aAAa,CAACM,aAAa,CAACC,KAAK,CAC3CC,SAAS,IACRrB,KAAK,CAACsB,sCAAsC,CAACD,SAAS,EAAE1B,cAAc,CAAC,CACpE4B,MAAM,KAAK,CAClB,CAAC;EACH,CAAC,EAAE,CAAC5B,cAAc,EAAEiB,gBAAgB,EAAEZ,KAAK,CAACa,aAAa,CAACW,UAAU,CAAC,CAAC;EAEtE,OAAO;IACLxB,KAAK;IACLY,gBAAgB;IAChBG,gBAAgB;IAChBjB,SAAS;IACTmB;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAAhC,yBAAA,GAAAA,yBAAA","ignoreList":[]}