npm - @wix/patterns - Versions diffs - 1.138.0 → 1.140.0 - Mend

@wix/patterns 1.138.0 → 1.140.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (361) hide show

package/dist/cjs/components/CollectionToolbar/useCollectionToolbarSyncedProps.js ADDED Viewed

@@ -0,0 +1,24 @@
+"use strict";
+exports.__esModule = true;
+exports.useCollectionToolbarSyncedProps = useCollectionToolbarSyncedProps;
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+var _react = require("react");
+function useCollectionToolbarSyncedProps(props) {
+  const {
+    state,
+    left,
+    viewsToolbarItem
+  } = props;
+  const syncedProps = (0, _bexCore.useSyncProps)({
+    useResponsiveLayout: !left && !!viewsToolbarItem
+  }, {
+    useResponsiveLayout: _mobx.observable.ref
+  });
+  (0, _react.useState)(() => {
+    state._syncedProps = syncedProps;
+  });
+  return syncedProps;
+}
+//# sourceMappingURL=useCollectionToolbarSyncedProps.js.map

package/dist/cjs/components/CollectionToolbar/useCollectionToolbarSyncedProps.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_bexCore","require","_mobx","_react","useCollectionToolbarSyncedProps","props","state","left","viewsToolbarItem","syncedProps","useSyncProps","useResponsiveLayout","observable","ref","useState","_syncedProps"],"sources":["../../../../src/components/CollectionToolbar/useCollectionToolbarSyncedProps.ts"],"sourcesContent":["import { FiltersMap, useSyncProps } from '@wix/bex-core';\nimport { observable } from 'mobx';\nimport { ReactElement, useState } from 'react';\nimport { ToolbarCollectionState } from '../../state';\n\nexport interface UseCollectionToolbarSyncedPropsParams<\n T,\n F extends FiltersMap,\n> {\n left?: ReactElement;\n viewsToolbarItem?: ReactElement;\n filtersElement?: ReactElement;\n state: ToolbarCollectionState<T, F>;\n}\n\nexport function useCollectionToolbarSyncedProps<T, F extends FiltersMap>(\n props: UseCollectionToolbarSyncedPropsParams<T, F>,\n) {\n const { state, left, viewsToolbarItem } = props;\n\n const syncedProps = useSyncProps(\n {\n useResponsiveLayout: !left && !!viewsToolbarItem,\n },\n {\n useResponsiveLayout: observable.ref,\n },\n );\n\n useState(() => {\n state._syncedProps = syncedProps;\n });\n\n return syncedProps;\n}\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAaO,SAASG,+BAA+BA,CAC7CC,KAAkD,EAClD;EACA,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAiB,CAAC,GAAGH,KAAK;EAE/C,MAAMI,WAAW,GAAG,IAAAC,qBAAY,EAC9B;IACEC,mBAAmB,EAAE,CAACJ,IAAI,IAAI,CAAC,CAACC;EAClC,CAAC,EACD;IACEG,mBAAmB,EAAEC,gBAAU,CAACC;EAClC,CACF,CAAC;EAED,IAAAC,eAAQ,EAAC,MAAM;IACbR,KAAK,CAACS,YAAY,GAAGN,WAAW;EAClC,CAAC,CAAC;EAEF,OAAOA,WAAW;AACpB","ignoreList":[]}

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

@@ -113,7 +113,7 @@ function _CollectionToolbars(props) {
   /* 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*/
   const child = /*#__PURE__*/_react.default.createElement(_ToolbarAndTitlebarContainer.ToolbarAndTitlebarContainer, {
-    state: state,
+    state: state.toolbar,
     __self: this,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/CollectionToolbars/CollectionToolbars.js.map CHANGED Viewed

	@@ -1 +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, 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}>\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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~~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":[]}
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":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAGA,IAAAK,2BAAA,GAAAL,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AAA4E,IAAAO,YAAA;AA8B5E,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,KAAK,CAACwC,OAAQ;IAAAjD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChDpB,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,CAAA8D,0BAA0B;IAAAlD,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,CAAAqE,IAAI,CAACC,MAAM;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE2C,KAAmB,CAAC,GAAGA,KACxC,CAAC;AAEjC;AAEO,MAAMM,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAClD,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbars/ToolbarAndTitlebarContainer.js CHANGED Viewed

@@ -3,7 +3,6 @@
 exports.__esModule = true;
 exports.ToolbarAndTitlebarContainer = ToolbarAndTitlebarContainer;
 var _react = _interopRequireWildcard(require("react"));
-var _ToolbarState = require("./ToolbarState");
 var _designSystem = require("@wix/design-system");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionToolbars/ToolbarAndTitlebarContainer.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); }
@@ -15,24 +14,23 @@ function ToolbarAndTitlebarContainer({
   const {
     scrollableContentRef: scrollablePageRef
   } = (0, _designSystem.usePageScrollContext)();
-  const [toolbarState] = (0, _react.useState)(() => new _ToolbarState.ToolbarState(state));
   (0, _react.useLayoutEffect)(() => {
-    toolbarState.toolbar.toolbarRect._syncThrottled();
+    state.toolbar.toolbarRect._syncThrottled();
   }, []);
   (0, _react.useEffect)(() => {
-    return toolbarState.init({
+    return state.init({
       scrollElement: scrollablePageRef.current
     });
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": "toolbar-and-titlebar-container",
     ref: el => {
-      toolbarState.toolbar.toolbarRect.element = el;
+      state.toolbar.toolbarRect.element = el;
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 26,
       columnNumber: 5
     }
   }, children);

package/dist/cjs/components/CollectionToolbars/ToolbarAndTitlebarContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","~~_ToolbarState","~~_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarAndTitlebarContainer","state","children","scrollableContentRef","scrollablePageRef","usePageScrollContext","~~toolbarState","useState","ToolbarState","~~useLayoutEffect","toolbar","toolbarRect","_syncThrottled","useEffect","init","scrollElement","current","createElement","ref","el","element","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/CollectionToolbars/ToolbarAndTitlebarContainer.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport ~~{ ToolbarCollectionState } from '../../state';\nimport~~ React, { ReactNode, ~~useLayoutEffect~~, ~~useState,~~ ~~useEffect~~ } from 'react';\nimport { ToolbarState } from './ToolbarState';\nimport { usePageScrollContext } from '@wix/design-system';\n\nexport function ToolbarAndTitlebarContainer<T, F extends FiltersMap>({\n state,\n children,\n}: {\n state: ~~ToolbarCollectionState~~<T, F>;\n children?: ReactNode;\n}) {\n const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n ~~const [toolbarState] = useState(() => new ToolbarState(state));\n\n~~ useLayoutEffect(() => {\n ~~toolbarState~~.toolbar.toolbarRect._syncThrottled();\n }, []);\n\n useEffect(() => {\n return ~~toolbarState~~.init({\n scrollElement: scrollablePageRef.current,\n });\n }, []);\n\n return (\n <div\n data-hook=\"toolbar-and-titlebar-container\"\n ref={(el) => {\n ~~toolbarState~~.toolbar.toolbarRect.element = el;\n }}\n >\n {children}\n </div>\n );\n}\n"],"mappings":";;;;~~AAEA~~,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;~~AACA~~,IAAAC,aAAA,GAAAD,OAAA;~~AACA~~,IAAAE,~~aAAA,GAAAF,OAAA;AAA0D,IAAAG,~~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,~~SAAAN~~,~~wBAAAM~~,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;AAEnD,SAASW,2BAA2BA,CAA0B;EACnEC,KAAK;EACLC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC,oBAAoB,EAAEC;EAAkB,CAAC,GAAG,IAAAC,kCAAoB,EAAC,CAAC;EAE1E,~~MAAM,CAACC,YAAY,CAAC,GAAG,~~IAAAC,~~eAAQ,EAAC,MAAM,IAAIC,0BAAY,CAACP,KAAK,CAAC,CAAC;EAE9D,IAAAQ,~~sBAAe,EAAC,MAAM;~~IACpBH~~,~~YAAY~~,~~CAACI~~,OAAO,CAACC,WAAW,CAACC,cAAc,CAAC,CAAC;~~EACnD~~,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,MAAM;IACd,~~OAAOP~~,~~YAAY~~,~~CAACQ~~,IAAI,CAAC;~~MACvBC~~,aAAa,~~EAAEX~~,iBAAiB,~~CAACY~~;IACnC,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,~~oBACE1C~~,MAAA,~~CAAAY~~,OAAA,~~CAAA+B~~,aAAA;IACE,aAAU,gCAAgC;IAC1CC,GAAG,EAAGC,EAAE,IAAK;~~MACXb~~,~~YAAY~~,~~CAACI~~,OAAO,CAACC,WAAW,CAACS,OAAO,GAAGD,EAAE;~~IAC/C~~,CAAE;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA5C~~,YAAA;~~MAAA6C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAEDvB~~,QACE,CAAC;AAEV","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarAndTitlebarContainer","state","children","scrollableContentRef","scrollablePageRef","usePageScrollContext","useLayoutEffect","toolbar","toolbarRect","_syncThrottled","useEffect","init","scrollElement","current","createElement","ref","el","element","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/CollectionToolbars/ToolbarAndTitlebarContainer.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport React, { ReactNode, useEffect, useLayoutEffect } from 'react';\nimport { ToolbarState } from './ToolbarState';\nimport { usePageScrollContext } from '@wix/design-system';\n\nexport function ToolbarAndTitlebarContainer<T, F extends FiltersMap>({\n state,\n children,\n}: {\n state: ToolbarState<T, F>;\n children?: ReactNode;\n}) {\n const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n useLayoutEffect(() => {\n state.toolbar.toolbarRect._syncThrottled();\n }, []);\n\n useEffect(() => {\n return state.init({\n scrollElement: scrollablePageRef.current,\n });\n }, []);\n\n return (\n <div\n data-hook=\"toolbar-and-titlebar-container\"\n ref={(el) => {\n state.toolbar.toolbarRect.element = el;\n }}\n >\n {children}\n </div>\n );\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAA0D,IAAAE,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,SAAAL,wBAAAK,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;AAEnD,SAASW,2BAA2BA,CAA0B;EACnEC,KAAK;EACLC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC,oBAAoB,EAAEC;EAAkB,CAAC,GAAG,IAAAC,kCAAoB,EAAC,CAAC;EAE1E,IAAAC,sBAAe,EAAC,MAAM;IACpBL,KAAK,CAACM,OAAO,CAACC,WAAW,CAACC,cAAc,CAAC,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,MAAM;IACd,OAAOT,KAAK,CAACU,IAAI,CAAC;MAChBC,aAAa,EAAER,iBAAiB,CAACS;IACnC,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEtC,MAAA,CAAAW,OAAA,CAAA4B,aAAA;IACE,aAAU,gCAAgC;IAC1CC,GAAG,EAAGC,EAAE,IAAK;MACXf,KAAK,CAACM,OAAO,CAACC,WAAW,CAACS,OAAO,GAAGD,EAAE;IACxC,CAAE;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDpB,QACE,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/CollectionToolbars/ToolbarState.js CHANGED Viewed

@@ -6,10 +6,15 @@ exports.ToolbarState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bexCore = require("@wix/bex-core");
 var _mobx = require("mobx");
+var _ToolbarResponsiveState = require("../../state/Toolbar/ToolbarResponsiveState");
 class ToolbarState {
   constructor(toolbar) {
     (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "responsive", void 0);
     this.toolbar = toolbar;
+    this.responsive = new _ToolbarResponsiveState.ToolbarResponsiveState({
+      toolbar: this
+    });
     (0, _mobx.makeObservable)(this, {
       init: _mobx.action
     });
@@ -46,11 +51,15 @@ class ToolbarState {
   init({
     scrollElement
   }) {
-    const disposers = [this.toolbar.toolbarRect.init({
+    const {
+      toolbar,
+      responsive
+    } = this;
+    const disposers = [toolbar.toolbarRect.init({
       scrollElement
     }), this._subscribeResizeOrMoved({
       scrollElement
-    })];
+    }), responsive.init()];
     return () => {
       disposers.forEach(d => d == null ? void 0 : d());
     };

package/dist/cjs/components/CollectionToolbars/ToolbarState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_bexCore","require","_mobx","ToolbarState","constructor","toolbar","_defineProperty2","default","makeObservable","init","action","_subscribeResizeOrMoved","scrollElement","table","onResizedOrMoved","scrollElementRect","getBoundingClientRect","height","top","onResizedOrMovedThrottled","container","lodash","throttle","requestAnimationFrame","onScroll","addEventListener","dispose","addResizeObserver","onResizedOrMovedAnimationFrame","cancelAnimationFrame","removeEventListener","disposers","toolbarRect","forEach","d","exports"],"sources":["../../../../src/components/CollectionToolbars/ToolbarState.ts"],"sourcesContent":["import { addResizeObserver, FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable } from 'mobx';\nimport { ToolbarCollectionState } from '../../state';\n\nexport class ToolbarState<T, F extends FiltersMap> {\n readonly toolbar;\n\n constructor(toolbar: ToolbarCollectionState<T, F>) {\n this.toolbar = toolbar;\n\n makeObservable(this, {\n init: action,\n });\n }\n\n _subscribeResizeOrMoved({\n scrollElement,\n }: {\n readonly scrollElement?: HTMLElement \| null;\n }) {\n const { toolbar: table } = this;\n\n if (scrollElement == null) {\n return;\n }\n\n const onResizedOrMoved = action(function onResizedOrMoved() {\n const scrollElementRect = scrollElement.getBoundingClientRect();\n table.scrollElementRect.height = scrollElementRect.height;\n table.scrollElementRect.top = scrollElementRect.top;\n });\n\n const onResizedOrMovedThrottled = table.container.lodash.throttle(\n () => requestAnimationFrame(onResizedOrMoved),\n 300,\n );\n\n const onScroll = () => {\n onResizedOrMovedThrottled();\n };\n\n scrollElement.addEventListener('scroll', onScroll);\n\n const dispose = addResizeObserver(scrollElement, onResizedOrMovedThrottled);\n\n const onResizedOrMovedAnimationFrame = requestAnimationFrame(() => {\n requestAnimationFrame(onResizedOrMoved);\n });\n\n return () => {\n dispose?.();\n cancelAnimationFrame(onResizedOrMovedAnimationFrame);\n scrollElement.removeEventListener('scroll', onScroll);\n };\n }\n\n init({ scrollElement }: { scrollElement?: HTMLElement \| null }) {\n const disposers = [\n ~~this.~~toolbar.toolbarRect.init({ scrollElement }),\n this._subscribeResizeOrMoved({ scrollElement }),\n ];\n\n return () => {\n disposers.forEach((d) => d?.());\n };\n }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;~~AAGO~~,~~MAAME~~,YAAY,CAA0B;~~EAGjDC~~,WAAWA,CAACC,OAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACF,OAAO,GAAGA,OAAO;~~IAEtB~~,~~IAAAG~~,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC;IACR,CAAC,CAAC;EACJ;EAEAC,uBAAuBA,CAAC;IACtBC;EAGF,CAAC,EAAE;IACD,MAAM;~~MAAEP~~,OAAO,~~EAAEQ~~;IAAM,CAAC,GAAG,IAAI;IAE/B,IAAID,aAAa,IAAI,IAAI,EAAE;MACzB;IACF;IAEA,MAAME,gBAAgB,GAAG,IAAAJ,YAAM,EAAC,SAASI,gBAAgBA,CAAA,EAAG;MAC1D,MAAMC,iBAAiB,GAAGH,aAAa,CAACI,qBAAqB,CAAC,CAAC;MAC/DH,KAAK,CAACE,iBAAiB,CAACE,MAAM,GAAGF,iBAAiB,CAACE,MAAM;MACzDJ,KAAK,CAACE,iBAAiB,CAACG,GAAG,GAAGH,iBAAiB,CAACG,GAAG;IACrD,CAAC,CAAC;IAEF,MAAMC,yBAAyB,GAAGN,KAAK,CAACO,SAAS,CAACC,MAAM,CAACC,QAAQ,CAC/D,MAAMC,qBAAqB,CAACT,gBAAgB,CAAC,EAC7C,GACF,CAAC;IAED,MAAMU,QAAQ,GAAGA,CAAA,KAAM;MACrBL,yBAAyB,CAAC,CAAC;IAC7B,CAAC;IAEDP,aAAa,CAACa,gBAAgB,CAAC,QAAQ,EAAED,QAAQ,CAAC;IAElD,MAAME,OAAO,GAAG,IAAAC,0BAAiB,EAACf,aAAa,EAAEO,yBAAyB,CAAC;IAE3E,MAAMS,8BAA8B,GAAGL,qBAAqB,CAAC,MAAM;MACjEA,qBAAqB,CAACT,gBAAgB,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,MAAM;MACXY,OAAO,YAAPA,OAAO,CAAG,CAAC;MACXG,oBAAoB,CAACD,8BAA8B,CAAC;MACpDhB,aAAa,CAACkB,mBAAmB,CAAC,QAAQ,EAAEN,QAAQ,CAAC;IACvD,CAAC;EACH;EAEAf,IAAIA,CAAC;IAAEG;EAAsD,CAAC,EAAE;IAC9D,~~MAAMmB~~,~~SAAS~~,GAAG,~~CAChB,~~IAAI,~~CAAC1B~~,OAAO,~~CAAC2B~~,WAAW,CAACvB,IAAI,CAAC;MAAEG;IAAc,CAAC,CAAC,~~EAChD~~,IAAI,CAACD,uBAAuB,CAAC;MAAEC;IAAc,CAAC,CAAC,~~CAChD~~;IAED,OAAO,MAAM;~~MACXmB~~,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,~~CAAAhC~~,YAAA,GAAAA,YAAA","ignoreList":[]}
1	+ {"version":3,"names":["_bexCore","require","_mobx","_ToolbarResponsiveState","ToolbarState","constructor","toolbar","_defineProperty2","default","responsive","ToolbarResponsiveState","makeObservable","init","action","_subscribeResizeOrMoved","scrollElement","table","onResizedOrMoved","scrollElementRect","getBoundingClientRect","height","top","onResizedOrMovedThrottled","container","lodash","throttle","requestAnimationFrame","onScroll","addEventListener","dispose","addResizeObserver","onResizedOrMovedAnimationFrame","cancelAnimationFrame","removeEventListener","disposers","toolbarRect","forEach","d","exports"],"sources":["../../../../src/components/CollectionToolbars/ToolbarState.ts"],"sourcesContent":["import { addResizeObserver, FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable } from 'mobx';\nimport { ToolbarCollectionState } from '../../state';\nimport { ToolbarResponsiveState } from '../../state/Toolbar/ToolbarResponsiveState';\n\nexport class ToolbarState<T, F extends FiltersMap> {\n readonly toolbar;\n readonly responsive;\n\n constructor(toolbar: ToolbarCollectionState<T, F>) {\n this.toolbar = toolbar;\n this.responsive = new ToolbarResponsiveState({\n toolbar: this,\n });\n\n makeObservable(this, {\n init: action,\n });\n }\n\n _subscribeResizeOrMoved({\n scrollElement,\n }: {\n readonly scrollElement?: HTMLElement \| null;\n }) {\n const { toolbar: table } = this;\n\n if (scrollElement == null) {\n return;\n }\n\n const onResizedOrMoved = action(function onResizedOrMoved() {\n const scrollElementRect = scrollElement.getBoundingClientRect();\n table.scrollElementRect.height = scrollElementRect.height;\n table.scrollElementRect.top = scrollElementRect.top;\n });\n\n const onResizedOrMovedThrottled = table.container.lodash.throttle(\n () => requestAnimationFrame(onResizedOrMoved),\n 300,\n );\n\n const onScroll = () => {\n onResizedOrMovedThrottled();\n };\n\n scrollElement.addEventListener('scroll', onScroll);\n\n const dispose = addResizeObserver(scrollElement, onResizedOrMovedThrottled);\n\n const onResizedOrMovedAnimationFrame = requestAnimationFrame(() => {\n requestAnimationFrame(onResizedOrMoved);\n });\n\n return () => {\n dispose?.();\n cancelAnimationFrame(onResizedOrMovedAnimationFrame);\n scrollElement.removeEventListener('scroll', onScroll);\n };\n }\n\n init({ scrollElement }: { scrollElement?: HTMLElement \| null }) {\n const { toolbar, responsive } = this;\n const disposers = [\n toolbar.toolbarRect.init({ scrollElement }),\n this._subscribeResizeOrMoved({ scrollElement }),\n responsive.init(),\n ];\n\n return () => {\n disposers.forEach((d) => d?.());\n };\n }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAEO,MAAMG,YAAY,CAA0B;EAIjDC,WAAWA,CAACC,OAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACF,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACG,UAAU,GAAG,IAAIC,8CAAsB,CAAC;MAC3CJ,OAAO,EAAE;IACX,CAAC,CAAC;IAEF,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC;IACR,CAAC,CAAC;EACJ;EAEAC,uBAAuBA,CAAC;IACtBC;EAGF,CAAC,EAAE;IACD,MAAM;MAAET,OAAO,EAAEU;IAAM,CAAC,GAAG,IAAI;IAE/B,IAAID,aAAa,IAAI,IAAI,EAAE;MACzB;IACF;IAEA,MAAME,gBAAgB,GAAG,IAAAJ,YAAM,EAAC,SAASI,gBAAgBA,CAAA,EAAG;MAC1D,MAAMC,iBAAiB,GAAGH,aAAa,CAACI,qBAAqB,CAAC,CAAC;MAC/DH,KAAK,CAACE,iBAAiB,CAACE,MAAM,GAAGF,iBAAiB,CAACE,MAAM;MACzDJ,KAAK,CAACE,iBAAiB,CAACG,GAAG,GAAGH,iBAAiB,CAACG,GAAG;IACrD,CAAC,CAAC;IAEF,MAAMC,yBAAyB,GAAGN,KAAK,CAACO,SAAS,CAACC,MAAM,CAACC,QAAQ,CAC/D,MAAMC,qBAAqB,CAACT,gBAAgB,CAAC,EAC7C,GACF,CAAC;IAED,MAAMU,QAAQ,GAAGA,CAAA,KAAM;MACrBL,yBAAyB,CAAC,CAAC;IAC7B,CAAC;IAEDP,aAAa,CAACa,gBAAgB,CAAC,QAAQ,EAAED,QAAQ,CAAC;IAElD,MAAME,OAAO,GAAG,IAAAC,0BAAiB,EAACf,aAAa,EAAEO,yBAAyB,CAAC;IAE3E,MAAMS,8BAA8B,GAAGL,qBAAqB,CAAC,MAAM;MACjEA,qBAAqB,CAACT,gBAAgB,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,MAAM;MACXY,OAAO,YAAPA,OAAO,CAAG,CAAC;MACXG,oBAAoB,CAACD,8BAA8B,CAAC;MACpDhB,aAAa,CAACkB,mBAAmB,CAAC,QAAQ,EAAEN,QAAQ,CAAC;IACvD,CAAC;EACH;EAEAf,IAAIA,CAAC;IAAEG;EAAsD,CAAC,EAAE;IAC9D,MAAM;MAAET,OAAO;MAAEG;IAAW,CAAC,GAAG,IAAI;IACpC,MAAMyB,SAAS,GAAG,CAChB5B,OAAO,CAAC6B,WAAW,CAACvB,IAAI,CAAC;MAAEG;IAAc,CAAC,CAAC,EAC3C,IAAI,CAACD,uBAAuB,CAAC;MAAEC;IAAc,CAAC,CAAC,EAC/CN,UAAU,CAACG,IAAI,CAAC,CAAC,CAClB;IAED,OAAO,MAAM;MACXsB,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,CAAAlC,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js CHANGED Viewed

@@ -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_ = "AutoCompleteReadonly2640816568";
+var _namespace_ = "AutoCompleteReadonly4244490168";
 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": "AutoCompleteReadonly2640816568__root"
+  "root": "AutoCompleteReadonly4244490168__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~AutoCompleteReadonly2640816568~~\";\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\":\"~~AutoCompleteReadonly2640816568__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":[]}
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_ = \"AutoCompleteReadonly4244490168\";\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\":\"AutoCompleteReadonly4244490168__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 CHANGED Viewed

@@ -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_ = "ViewsDropdown3960113142";
+var _namespace_ = "ViewsDropdown3099117064";
 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": "ViewsDropdown3960113142__root"
+  "root": "ViewsDropdown3099117064__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~ViewsDropdown3960113142~~\";\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\":\"~~ViewsDropdown3960113142__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":[]}
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_ = \"ViewsDropdown3099117064\";\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\":\"ViewsDropdown3099117064__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/CustomColumnsPanel/CustomColumnsCTAButton.js CHANGED Viewed

@@ -12,6 +12,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _CustomColumnsPanelEntry = require("./CustomColumnsPanelEntry");
 var _bi = require("@wix/bex-core/bi");
+var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsCTAButton.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; }
@@ -24,6 +25,9 @@ function _CustomColumnsCTAButton({
     container: {
       translate: t,
       experiments
+    },
+    toolbar: {
+      responsive
     }
   } = state;
   const analyticsButtonDiscoverability = experiments == null ? void 0 : experiments.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
@@ -57,48 +61,43 @@ function _CustomColumnsCTAButton({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 70,
+            lineNumber: 72,
             columnNumber: 15
           }
         }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TableChartSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 72,
+            lineNumber: 74,
             columnNumber: 15
           }
         }),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 66,
+          lineNumber: 68,
           columnNumber: 9
         }
       }), text);
     }
-    return /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
-      content: t('cairo.table.custom-columns.button.tooltip'),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 82,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, (0, _extends2.default)({}, props, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 83,
-        columnNumber: 9
-      }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AdjustSmall, {
+    return /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, (0, _extends2.default)({
+      state: responsive.actions,
+      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AdjustSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 86,
+          columnNumber: 15
+        }
+      })
+    }, props, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
         lineNumber: 84,
-        columnNumber: 11
+        columnNumber: 7
       }
-    })));
+    }), t('cairo.table.custom-columns.button.cta'));
   };
   return getButton();
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_wixUiIconsCommon","_CustomColumnsPanelEntry","_bi","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomColumnsCTAButton","state","onColumnClick","dragAndDrop","container","translate","experiments","analyticsButtonDiscoverability","useEffect","CustomColumnsPanelEntry","CustomColumnsDragAndDrop","panels","registerSidePanel","customColumnsState","customColumnsStateInitialized","text","props","size","priority","dataHook","onClick","isOpened","toggleSidePanel","reportBi","withoutDefaults","cairoFiltersPanelUsed","feature","origin","getButton","createElement","Button","_extends2","prefixIcon","AdjustSmall","__self","__source","fileName","lineNumber","columnNumber","TableChartSmall","~~Tooltip~~","~~content~~","~~IconButton~~","CustomColumnsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx"],"sourcesContent":["import { Button, ~~IconButton, Tooltip~~ } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { AdjustSmall, TableChartSmall } from '@wix/wix-ui-icons-common';\nimport { CustomColumnsPanelEntry } from './CustomColumnsPanelEntry';\nimport type { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport type { Column } from '../../model';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\n\nexport interface CustomColumnsCTAButtonProps<T, F extends FiltersMap> {\n state: ToolbarCollectionState<T, F>;\n onColumnClick?: (column: Column, checked: boolean) => unknown;\n dragAndDrop?: typeof CustomColumnsDragAndDrop;\n}\n\nexport function _CustomColumnsCTAButton<T, F extends FiltersMap>({\n state,\n onColumnClick,\n dragAndDrop,\n}: CustomColumnsCTAButtonProps<T, F>) {\n const {\n container: { translate: t, experiments },\n } = state;\n\n const analyticsButtonDiscoverability = experiments?.get(\n 'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n );\n\n useEffect(() => {\n CustomColumnsPanelEntry.CustomColumnsDragAndDrop = dragAndDrop;\n state.panels.registerSidePanel('customColumns', CustomColumnsPanelEntry);\n }, []);\n\n useEffect(() => {\n if (state.customColumnsState) {\n state.customColumnsState.onColumnClick = onColumnClick;\n }\n }, [onColumnClick, state.customColumnsStateInitialized]);\n\n const text = t('cairo.table.custom-columns.button.cta');\n const props = {\n size: 'small' as const,\n priority: 'secondary' as const,\n dataHook: 'custom-columns-button',\n onClick: () => {\n const isOpened = state.panels.toggleSidePanel('customColumns');\n\n state.reportBi(\n withoutDefaults(cairoFiltersPanelUsed)({\n isOpened,\n feature: 'Custom Columns',\n origin: 'Custom Columns CTA',\n }),\n );\n },\n };\n\n const getButton = () => {\n if (\n analyticsButtonDiscoverability === 'b' \|\|\n analyticsButtonDiscoverability === 'c'\n ) {\n return (\n <Button\n {...props}\n prefixIcon={\n analyticsButtonDiscoverability === 'b' ? (\n <AdjustSmall />\n ) : (\n <TableChartSmall />\n )\n }\n >\n {text}\n </Button>\n );\n }\n\n return (\n <~~Tooltip content~~={t('cairo.table.custom-columns.button.~~tooltip~~')}>\n ~~<IconButton {...props}>\n <AdjustSmall />\n </IconButton>\n~~ </~~Tooltip~~>\n );\n };\n\n return getButton();\n}\n\nexport const CustomColumnsCTAButton = observer(_CustomColumnsCTAButton);\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,wBAAA,GAAAN,OAAA;AAGA,IAAAO,GAAA,GAAAP,OAAA;~~AAAyD~~,IAAAQ,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;~~AAQlD~~,SAASW,uBAAuBA,CAA0B;EAC/DC,KAAK;EACLC,aAAa;EACbC;AACiC,CAAC,EAAE;EACpC,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAErB,CAAC;MAAEsB;IAAY;~~EACzC~~,CAAC,~~GAAGL~~,KAAK;EAET,~~MAAMM~~,8BAA8B,~~GAAGD~~,WAAW,oBAAXA,WAAW,CAAElB,GAAG,CACrD,kDACF,CAAC;EAED,~~IAAAoB~~,gBAAS,EAAC,MAAM;IACdC,gDAAuB,CAACC,wBAAwB,~~GAAGP~~,WAAW;IAC9DF,KAAK,~~CAACU~~,MAAM,CAACC,iBAAiB,CAAC,eAAe,EAAEH,gDAAuB,CAAC;EAC1E,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC,MAAM;IACd,~~IAAIP~~,KAAK,~~CAACY~~,kBAAkB,EAAE;~~MAC5BZ~~,KAAK,~~CAACY~~,kBAAkB,~~CAACX~~,aAAa,GAAGA,aAAa;IACxD;EACF,CAAC,EAAE,CAACA,aAAa,EAAED,KAAK,~~CAACa~~,6BAA6B,CAAC,CAAC;EAExD,MAAMC,IAAI,~~GAAG/B~~,CAAC,CAAC,uCAAuC,CAAC;EACvD,~~MAAMgC~~,KAAK,GAAG;IACZC,IAAI,EAAE,OAAgB;IACtBC,QAAQ,EAAE,WAAoB;IAC9BC,QAAQ,EAAE,uBAAuB;IACjCC,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMC,QAAQ,~~GAAGpB~~,KAAK,~~CAACU~~,MAAM,CAACW,eAAe,CAAC,eAAe,CAAC;~~MAE9DrB~~,KAAK,~~CAACsB~~,QAAQ,CACZ,IAAAC,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrCJ,QAAQ;QACRK,OAAO,EAAE,gBAAgB;QACzBC,MAAM,EAAE;MACV,CAAC,CACH,CAAC;IACH;EACF,CAAC;EAED,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtB,IACErB,8BAA8B,KAAK,GAAG,IACtCA,8BAA8B,KAAK,GAAG,EACtC;MACA,~~oBACEnC~~,MAAA,~~CAAAc~~,OAAA,~~CAAA2C~~,aAAA,~~CAAC3D~~,aAAA,~~CAAA4D~~,MAAM,MAAAC,SAAA,~~CAAA7C~~,OAAA,~~MACD8B~~,KAAK;QACTgB,UAAU,EACRzB,8BAA8B,KAAK,GAAG,~~gBACpCnC~~,MAAA,~~CAAAc~~,OAAA,~~CAAA2C~~,aAAA,~~CAACrD~~,iBAAA,~~CAAAyD~~,WAAW;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,~~EAAAzD~~,YAAA;~~YAAA0D~~,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC,~~gBAEflE~~,MAAA,~~CAAAc~~,OAAA,~~CAAA2C~~,aAAA,~~CAACrD~~,iBAAA,~~CAAA+D~~,eAAe;UAAAL,MAAA;UAAAC,QAAA;YAAAC,QAAA,~~EAAAzD~~,YAAA;~~YAAA0D~~,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAErB;QAAAJ,MAAA;QAAAC,QAAA;UAAAC,QAAA,~~EAAAzD~~,YAAA;~~UAAA0D~~,UAAA;UAAAC,YAAA;QAAA;MAAA,IAEAvB,IACK,CAAC;IAEb;IAEA,~~oBACE3C~~,MAAA,~~CAAAc~~,OAAA,~~CAAA2C~~,aAAA,~~CAAC3D~~,~~aAAA~~,~~CAAAsE~~,~~OAAO;MAACC~~,~~OAAO~~,~~EAAEzD~~,~~CAAC~~,~~CAAC,2CAA2C,CAAE~~;~~MAAAkD~~,~~MAAA;MAAAC~~,~~QAAA;QAAAC~~,~~QAAA~~,~~EAAAzD~~,~~YAAA~~;~~QAAA0D~~,~~UAAA;QAAAC~~,~~YAAA;MAAA;IAAA~~,~~gBAC/DlE,~~MAAA,~~CAAAc~~,OAAA,~~CAAA2C~~,aAAA,~~CAAC3D~~,~~aAAA~~,~~CAAAwE~~,~~UAAU,MAAAX,SAAA,CAAA7C,OAAA,MAAK8B,KAAK~~;~~MAAAkB~~,MAAA;~~MAAAC~~,QAAA;~~QAAAC~~,QAAA,~~EAAAzD~~,YAAA;~~QAAA0D~~,UAAA;~~QAAAC~~,YAAA;~~MAAA~~;~~IAAA,iBACnBlE,~~MAAA,~~CAAAc~~,~~OAAA~~,~~CAAA2C,aAAA,CAACrD,iBAAA,CAAAyD,WAAW~~;~~MAAAC~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAAzD~~,YAAA;~~QAAA0D~~,UAAA;QAAAC,YAAA;MAAA;IAAA,~~CAAE~~,~~CACJ~~,~~CACL~~,CAAC;~~EAEd~~,CAAC;EAED,~~OAAOV~~,SAAS,CAAC,CAAC;AACpB;AAEO,MAAMe,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,~~EAAC7C~~,uBAAuB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_wixUiIconsCommon","_CustomColumnsPanelEntry","_bi","_ResponsiveButton","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomColumnsCTAButton","state","onColumnClick","dragAndDrop","container","translate","experiments","toolbar","responsive","analyticsButtonDiscoverability","useEffect","CustomColumnsPanelEntry","CustomColumnsDragAndDrop","panels","registerSidePanel","customColumnsState","customColumnsStateInitialized","text","props","size","priority","dataHook","onClick","isOpened","toggleSidePanel","reportBi","withoutDefaults","cairoFiltersPanelUsed","feature","origin","getButton","createElement","Button","_extends2","prefixIcon","AdjustSmall","__self","__source","fileName","lineNumber","columnNumber","TableChartSmall","ResponsiveButton","actions","icon","CustomColumnsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx"],"sourcesContent":["import { Button } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { AdjustSmall, TableChartSmall } from '@wix/wix-ui-icons-common';\nimport { CustomColumnsPanelEntry } from './CustomColumnsPanelEntry';\nimport type { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport type { Column } from '../../model';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\n\nexport interface CustomColumnsCTAButtonProps<T, F extends FiltersMap> {\n state: ToolbarCollectionState<T, F>;\n onColumnClick?: (column: Column, checked: boolean) => unknown;\n dragAndDrop?: typeof CustomColumnsDragAndDrop;\n}\n\nexport function _CustomColumnsCTAButton<T, F extends FiltersMap>({\n state,\n onColumnClick,\n dragAndDrop,\n}: CustomColumnsCTAButtonProps<T, F>) {\n const {\n container: { translate: t, experiments },\n toolbar: { responsive },\n } = state;\n\n const analyticsButtonDiscoverability = experiments?.get(\n 'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n );\n\n useEffect(() => {\n CustomColumnsPanelEntry.CustomColumnsDragAndDrop = dragAndDrop;\n state.panels.registerSidePanel('customColumns', CustomColumnsPanelEntry);\n }, []);\n\n useEffect(() => {\n if (state.customColumnsState) {\n state.customColumnsState.onColumnClick = onColumnClick;\n }\n }, [onColumnClick, state.customColumnsStateInitialized]);\n\n const text = t('cairo.table.custom-columns.button.cta');\n const props = {\n size: 'small' as const,\n priority: 'secondary' as const,\n dataHook: 'custom-columns-button',\n onClick: () => {\n const isOpened = state.panels.toggleSidePanel('customColumns');\n\n state.reportBi(\n withoutDefaults(cairoFiltersPanelUsed)({\n isOpened,\n feature: 'Custom Columns',\n origin: 'Custom Columns CTA',\n }),\n );\n },\n };\n\n const getButton = () => {\n if (\n analyticsButtonDiscoverability === 'b' \|\|\n analyticsButtonDiscoverability === 'c'\n ) {\n return (\n <Button\n {...props}\n prefixIcon={\n analyticsButtonDiscoverability === 'b' ? (\n <AdjustSmall />\n ) : (\n <TableChartSmall />\n )\n }\n >\n {text}\n </Button>\n );\n }\n\n return (\n <ResponsiveButton\n state={responsive.actions}\n icon={<AdjustSmall />}\n {...props}\n >\n {t('cairo.table.custom-columns.button.cta')}\n </ResponsiveButton>\n );\n };\n\n return getButton();\n}\n\nexport const CustomColumnsCTAButton = observer(_CustomColumnsCTAButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.js CHANGED Viewed

@@ -43,6 +43,7 @@ function PiiFormFields({
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
+    dataHook: "pii-toggle-switch",
     size: "small",
     disabled: mode === 'edit',
     checked: containsPii.value,
@@ -59,7 +60,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 48,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -67,7 +68,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 49,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -84,7 +85,7 @@ function PiiFormFields({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 57,
+            lineNumber: 58,
             columnNumber: 21
           }
         })
@@ -92,21 +93,21 @@ function PiiFormFields({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 54,
         columnNumber: 15
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 51,
       columnNumber: 11
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 72,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -115,7 +116,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 73,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -123,7 +124,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 74,
       columnNumber: 11
     }
   }))));

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_Trans","_jsxFileName","PiiFormFields","containsPii","mode","language","translateKeys","toggleName","toggleInfo","toggleEditNote","whyIsItImportantLink","default","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormField","Box","gap","marginBlockEnd","ToggleSwitch","size","disabled","checked","value","onChange","e","target","Text","~~dataHook","~~Trans","i18nKey","InfoIcon","content","components","linkVal","TextButton","as","href","underline"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n Cell,\n FormField,\n InfoIcon,\n Text,\n TextButton,\n ToggleSwitch,\n} from '@wix/design-system';\nimport { Trans } from '../Trans';\n\ninterface PiiFormFieldsProps {\n containsPii: {\n value: boolean;\n onChange: (value: boolean) => void;\n };\n mode: string;\n language: string;\n}\n\nexport function PiiFormFields({\n containsPii,\n mode,\n language,\n}: PiiFormFieldsProps) {\n const translateKeys = {\n toggleName:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.name',\n toggleInfo:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.info',\n toggleEditNote:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote',\n } as const;\n const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;\n\n return (\n <Cell span={12}>\n <FormField>\n <Box gap=\"SP1\" marginBlockEnd=\"6px\">\n <ToggleSwitch\n size=\"small\"\n disabled={mode === 'edit'}\n checked={containsPii.value}\n onChange={(e) => containsPii.onChange(e.target.checked)}\n />\n <Text size=\"small\" dataHook=\"pii-toggle-name\">\n <Trans i18nKey={translateKeys.toggleName} />\n </Text>\n <InfoIcon\n size=\"small\"\n content={\n <Trans\n i18nKey={translateKeys.toggleInfo}\n components={{\n linkVal: (\n <TextButton\n as=\"a\"\n href={whyIsItImportantLink}\n underline=\"always\"\n size=\"small\"\n target=\"_blank\"\n />\n ),\n }}\n />\n }\n />\n </Box>\n </FormField>\n <Box>\n <Text size=\"small\" dataHook=\"pii-toggle-edit-note\">\n <Trans i18nKey={translateKeys.toggleEditNote} />\n </Text>\n </Box>\n </Cell>\n );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AASA,IAAAE,MAAA,GAAAF,OAAA;AAAiC,IAAAG,YAAA;AAW1B,SAASC,aAAaA,CAAC;EAC5BC,WAAW;EACXC,IAAI;EACJC;AACkB,CAAC,EAAE;EACrB,MAAMC,aAAa,GAAG;IACpBC,UAAU,EACR,iEAAiE;IACnEC,UAAU,EACR,iEAAiE;IACnEC,cAAc,EACZ;EACJ,CAAU;EACV,MAAMC,oBAAoB,GAAG,2BAA2BL,QAAQ,wDAAwD;EAExH,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,IAAI;IAACC,IAAI,EAAE,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACbvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAqB,SAAS;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACRvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAsB,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,cAAc,EAAC,KAAK;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjCvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAyB,YAAY;IACXC,IAAI,EAAC,OAAO;IACZC,QAAQ,~~EAAEtB~~,IAAI,KAAK,MAAO;~~IAC1BuB~~,OAAO,~~EAAExB~~,WAAW,~~CAACyB~~,KAAM;IAC3BC,QAAQ,EAAGC,CAAC,~~IAAK3B~~,WAAW,~~CAAC0B~~,QAAQ,CAACC,CAAC,CAACC,MAAM,CAACJ,OAAO,CAAE;~~IAAAZ~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzD,CAAC,eACFvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,~~CAAAiC~~,IAAI;IAACP,IAAI,EAAC,OAAO;~~IAACQ~~,QAAQ,EAAC,iBAAiB;~~IAAAlB~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3CvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAkC,KAAK;IAACC,OAAO,EAAE7B,aAAa,CAACC,UAAW;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvC,CAAC,eACPvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAqC,QAAQ;~~IACPX~~,IAAI,EAAC,OAAO;~~IACZY~~,OAAO,eACLzC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAkC,KAAK;MACJC,OAAO,EAAE7B,aAAa,CAACE,UAAW;MAClC8B,UAAU,EAAE;QACVC,OAAO,eACL3C,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAyC,UAAU;UACTC,EAAE,EAAC,GAAG;UACNC,IAAI,EAAEhC,oBAAqB;UAC3BiC,SAAS,EAAC,QAAQ;~~UAClBlB~~,IAAI,EAAC,OAAO;UACZM,MAAM,EAAC,QAAQ;~~UAAAhB~~,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAhB,YAAA;YAAAiB,UAAA;YAAAC,YAAA;UAAA;QAAA,CAChB;MAEL,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACE,CACI,CAAC,eACZvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAsB,GAAG;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,~~CAAAiC~~,IAAI;IAACP,IAAI,EAAC,OAAO;~~IAACQ~~,QAAQ,EAAC,sBAAsB;~~IAAAlB~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChDvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAkC,KAAK;IAACC,OAAO,EAAE7B,aAAa,CAACG,cAAe;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3C,CACH,CACD,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_Trans","_jsxFileName","PiiFormFields","containsPii","mode","language","translateKeys","toggleName","toggleInfo","toggleEditNote","whyIsItImportantLink","default","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormField","Box","gap","marginBlockEnd","ToggleSwitch","dataHook","size","disabled","checked","value","onChange","e","target","Text","Trans","i18nKey","InfoIcon","content","components","linkVal","TextButton","as","href","underline"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n Cell,\n FormField,\n InfoIcon,\n Text,\n TextButton,\n ToggleSwitch,\n} from '@wix/design-system';\nimport { Trans } from '../Trans';\n\ninterface PiiFormFieldsProps {\n containsPii: {\n value: boolean;\n onChange: (value: boolean) => void;\n };\n mode: string;\n language: string;\n}\n\nexport function PiiFormFields({\n containsPii,\n mode,\n language,\n}: PiiFormFieldsProps) {\n const translateKeys = {\n toggleName:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.name',\n toggleInfo:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.info',\n toggleEditNote:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote',\n } as const;\n const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;\n\n return (\n <Cell span={12}>\n <FormField>\n <Box gap=\"SP1\" marginBlockEnd=\"6px\">\n <ToggleSwitch\n dataHook=\"pii-toggle-switch\"\n size=\"small\"\n disabled={mode === 'edit'}\n checked={containsPii.value}\n onChange={(e) => containsPii.onChange(e.target.checked)}\n />\n <Text size=\"small\" dataHook=\"pii-toggle-name\">\n <Trans i18nKey={translateKeys.toggleName} />\n </Text>\n <InfoIcon\n size=\"small\"\n content={\n <Trans\n i18nKey={translateKeys.toggleInfo}\n components={{\n linkVal: (\n <TextButton\n as=\"a\"\n href={whyIsItImportantLink}\n underline=\"always\"\n size=\"small\"\n target=\"_blank\"\n />\n ),\n }}\n />\n }\n />\n </Box>\n </FormField>\n <Box>\n <Text size=\"small\" dataHook=\"pii-toggle-edit-note\">\n <Trans i18nKey={translateKeys.toggleEditNote} />\n </Text>\n </Box>\n </Cell>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldModal.uni.driver.js CHANGED Viewed

@@ -44,6 +44,9 @@ function CustomFieldModalUniDriver(base, body) {
   const getPiiFootnote = () => {
     return (0, _unidriver.TextUniDriver)(body.$('[data-hook="pii-footnote"]'), body);
   };
+  const getPiiToggleSwitch = () => {
+    return (0, _unidriver.ToggleSwitchUniDriver)(body.$('[data-hook="pii-toggle-switch"]'), body);
+  };
   const reachedMaxLimitModalExists = () => {
     return getReachedMaxLimitModal().exists();
   };
@@ -64,7 +67,8 @@ function CustomFieldModalUniDriver(base, body) {
     getPermissionNote,
     getEditPiiNote,
     getPiiToggleText,
-    getPiiFootnote
+    getPiiFootnote,
+    getPiiToggleSwitch
   });
   const fillInCustomFieldForm = async ({
     type,

package/dist/cjs/components/CustomFieldModal/CustomFieldModal.uni.driver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_unidriver2","CustomFieldModalUniDriver","base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","getReachedMaxLimitModal","getSettingsButton","TextButtonUniDriver","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","getFieldKeyTooltip","TextUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","clickAdvancedSettings","isSubmitting","getFormTypeDriver","DropdownUniDriver","getFormNameDriver","InputUniDriver","getFormKeyDriver","getInstalledAppsSection","getSiteVisitorsSection","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getSubtitle","getPermissionNote","getEditPiiNote","getPiiToggleText","getPiiFootnote","reachedMaxLimitModalExists","clickReachedMaxPrimaryButton","getFormDrivers","fillInCustomFieldForm","type","name","key","permissions","dropdownLayoutDriver","clickAtOptionByDataHook","enterText","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","inputDriver","getValue","apps","users","baseUniDriverFactory","isInstalledAppsSectionVisible","isSiteVisitorsSectionVisible"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n MessageModalLayoutUniDriver,\n DropdownUniDriver,\n FormFieldUniDriver,\n CheckboxUniDriver,\n InputUniDriver,\n TextButtonUniDriver,\n LoaderUniDriver,\n FloatingNotificationUniDriver,\n TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function CustomFieldModalUniDriver(base: UniDriver, body: UniDriver) {\n const getCustomFieldModal = () =>\n MessageModalLayoutUniDriver(\n body.$('[data-hook=\"custom-field-modal\"]'),\n body,\n );\n\n const getReachedMaxLimitModal = () =>\n MessageModalLayoutUniDriver(\n body.$('[data-hook=\"collection-action-modal\"]'),\n body,\n );\n\n const getSettingsButton = () =>\n TextButtonUniDriver(\n body.$('[data-hook=\"custom-field-modal-settings-button\"]'),\n body,\n );\n const getErrorStateNotification = () =>\n FloatingNotificationUniDriver(\n body.$('[data-hook=\"custom-field-modal-error-state\"]'),\n body,\n );\n const getLoader = () =>\n LoaderUniDriver(\n body.$('[data-hook=\"custom-field-modal-status-submitting\"]'),\n body,\n );\n\n const getFieldKeyTooltip = () =>\n TextUniDriver(\n body.$('[data-hook=\"custom-field-modal-fieldKey-tooltip\"]'),\n body,\n );\n\n const exists = () => getCustomFieldModal().exists();\n const clickConfirm = () =>\n getCustomFieldModal()\n .getPrimaryButtonDriver()\n .then((driver: any) => driver.click());\n const clickClose = () => getCustomFieldModal().clickCloseButton();\n const clickCancel = () =>\n getCustomFieldModal()\n .getSecondaryButtonDriver()\n .then((driver: any) => driver.click());\n const clickAdvancedSettings = () => getSettingsButton().click();\n const isSubmitting = () => getLoader().exists();\n\n const getFormTypeDriver = () =>\n DropdownUniDriver(body.$('[data-hook=\"custom-field-modal-type\"]'), body);\n const getFormNameDriver = () =>\n InputUniDriver(body.$('[data-hook=\"custom-field-modal-name\"]'), body);\n const getFormKeyDriver = () =>\n InputUniDriver(body.$('[data-hook=\"custom-field-modal-key\"]'), body);\n\n const getInstalledAppsSection = () =>\n body.$('[data-hook=\"custom-field-modal-apps-section\"]');\n const getSiteVisitorsSection = () =>\n body.$('[data-hook=\"custom-field-modal-users-section\"]');\n\n const getFormReadApps = () =>\n CheckboxUniDriver(\n body.$('[data-hook=\"custom-field-modal-read-apps\"]'),\n body,\n );\n const getFormWriteApps = () =>\n CheckboxUniDriver(\n body.$('[data-hook=\"custom-field-modal-write-apps\"]'),\n body,\n );\n const getFormReadUsers = () =>\n CheckboxUniDriver(\n body.$('[data-hook=\"custom-field-modal-read-users\"]'),\n body,\n );\n const getFormWriteUsers = () =>\n CheckboxUniDriver(\n body.$('[data-hook=\"custom-field-modal-write-users\"]'),\n body,\n );\n\n const getTypeFormFieldDriver = () =>\n FormFieldUniDriver(\n body.$('[data-hook=\"custom-field-modal-field-type\"]'),\n body,\n );\n const getNameFormFieldDriver = () =>\n FormFieldUniDriver(\n body.$('[data-hook=\"custom-field-modal-field-name\"]'),\n body,\n );\n const getKeyFormFieldDriver = () =>\n FormFieldUniDriver(\n body.$('[data-hook=\"custom-field-modal-field-key\"]'),\n body,\n );\n const getSubtitle = () => {\n return TextUniDriver(\n body.$('[data-hook=\"baseModalLayout-subtitle\"]'),\n body,\n );\n };\n const getPermissionNote = () => {\n return TextUniDriver(body.$('[data-hook=\"permissions-note\"]'), body);\n };\n const getEditPiiNote = () => {\n return TextUniDriver(body.$('[data-hook=\"pii-toggle-edit-note\"]'), body);\n };\n const getPiiToggleText = () => {\n return TextUniDriver(body.$('[data-hook=\"pii-toggle-name\"]'), body);\n };\n const getPiiFootnote = () => {\n return TextUniDriver(body.$('[data-hook=\"pii-footnote\"]'), body);\n };\n\n const reachedMaxLimitModalExists = () => {\n return getReachedMaxLimitModal().exists();\n };\n\n const clickReachedMaxPrimaryButton = () =>\n getReachedMaxLimitModal()\n .getPrimaryButtonDriver()\n .then((driver: any) => driver.click());\n\n const getFormDrivers = () => ({\n getFormTypeDriver,\n getFormNameDriver,\n getFormKeyDriver,\n getFormReadApps,\n getFormWriteApps,\n getFormReadUsers,\n getFormWriteUsers,\n getTypeFormFieldDriver,\n getNameFormFieldDriver,\n getKeyFormFieldDriver,\n getFieldKeyTooltip,\n getSubtitle,\n getPermissionNote,\n getEditPiiNote,\n getPiiToggleText,\n getPiiFootnote,\n });\n\n const fillInCustomFieldForm = async ({\n type,\n name,\n key,\n permissions,\n }: {\n type?: string;\n name?: string;\n key?: string;\n permissions?: {\n read?: ('apps' \| 'users')[];\n write?: ('apps' \| 'users')[];\n };\n }) => {\n if (type) {\n await getFormTypeDriver().dropdownLayoutDriver.clickAtOptionByDataHook(\n `custom-field-modal-type-${type}`,\n );\n }\n\n if (name) {\n await getFormNameDriver().enterText(name);\n }\n\n if (key) {\n await getFormKeyDriver().enterText(key);\n }\n\n if (permissions) {\n (\n [\n [getFormReadApps(), permissions?.read?.includes('apps') ?? false],\n [getFormWriteApps(), permissions?.write?.includes('apps') ?? false],\n [getFormReadUsers(), permissions?.read?.includes('users') ?? false],\n [getFormWriteUsers(), permissions?.write?.includes('users') ?? false],\n ] as [ReturnType<typeof CheckboxUniDriver>, boolean][]\n ).forEach(async ([driver, value]) => {\n const isChecked = await driver.isChecked();\n\n if ((value && !isChecked) \|\| (!value && isChecked)) {\n await driver.click();\n }\n });\n }\n };\n\n const getCustomFieldFormValues = async () => {\n return {\n type: await getFormTypeDriver().inputDriver.getValue(),\n name: await getFormNameDriver().getValue(),\n key: await getFormKeyDriver().getValue(),\n permissions: {\n read: {\n apps: await getFormReadApps().isChecked(),\n users: await getFormReadUsers().isChecked(),\n },\n write: {\n apps: await getFormWriteApps().isChecked(),\n users: await getFormWriteUsers().isChecked(),\n },\n },\n };\n };\n\n return {\n ...baseUniDriverFactory(base),\n exists,\n clickConfirm,\n clickClose,\n clickCancel,\n clickAdvancedSettings,\n isInstalledAppsSectionVisible: () => getInstalledAppsSection().exists(),\n isSiteVisitorsSectionVisible: () => getSiteVisitorsSection().exists(),\n fillInCustomFieldForm,\n getCustomFieldFormValues,\n getFormDrivers,\n getErrorStateNotification,\n isSubmitting,\n reachedMaxLimitModalExists,\n clickReachedMaxPrimaryButton,\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_unidriver2","CustomFieldModalUniDriver","base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","getReachedMaxLimitModal","getSettingsButton","TextButtonUniDriver","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","getFieldKeyTooltip","TextUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","clickAdvancedSettings","isSubmitting","getFormTypeDriver","DropdownUniDriver","getFormNameDriver","InputUniDriver","getFormKeyDriver","getInstalledAppsSection","getSiteVisitorsSection","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getSubtitle","getPermissionNote","getEditPiiNote","getPiiToggleText","getPiiFootnote","getPiiToggleSwitch","ToggleSwitchUniDriver","reachedMaxLimitModalExists","clickReachedMaxPrimaryButton","getFormDrivers","fillInCustomFieldForm","type","name","key","permissions","dropdownLayoutDriver","clickAtOptionByDataHook","enterText","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","inputDriver","getValue","apps","users","baseUniDriverFactory","isInstalledAppsSectionVisible","isSiteVisitorsSectionVisible"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n MessageModalLayoutUniDriver,\n DropdownUniDriver,\n FormFieldUniDriver,\n CheckboxUniDriver,\n InputUniDriver,\n TextButtonUniDriver,\n LoaderUniDriver,\n FloatingNotificationUniDriver,\n TextUniDriver,\n ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function CustomFieldModalUniDriver(base: UniDriver, body: UniDriver) {\n const getCustomFieldModal = () =>\n MessageModalLayoutUniDriver(\n body.$('[data-hook=\"custom-field-modal\"]'),\n body,\n );\n\n const getReachedMaxLimitModal = () =>\n MessageModalLayoutUniDriver(\n body.$('[data-hook=\"collection-action-modal\"]'),\n body,\n );\n\n const getSettingsButton = () =>\n TextButtonUniDriver(\n body.$('[data-hook=\"custom-field-modal-settings-button\"]'),\n body,\n );\n const getErrorStateNotification = () =>\n FloatingNotificationUniDriver(\n body.$('[data-hook=\"custom-field-modal-error-state\"]'),\n body,\n );\n const getLoader = () =>\n LoaderUniDriver(\n body.$('[data-hook=\"custom-field-modal-status-submitting\"]'),\n body,\n );\n\n const getFieldKeyTooltip = () =>\n TextUniDriver(\n body.$('[data-hook=\"custom-field-modal-fieldKey-tooltip\"]'),\n body,\n );\n\n const exists = () => getCustomFieldModal().exists();\n const clickConfirm = () =>\n getCustomFieldModal()\n .getPrimaryButtonDriver()\n .then((driver: any) => driver.click());\n const clickClose = () => getCustomFieldModal().clickCloseButton();\n const clickCancel = () =>\n getCustomFieldModal()\n .getSecondaryButtonDriver()\n .then((driver: any) => driver.click());\n const clickAdvancedSettings = () => getSettingsButton().click();\n const isSubmitting = () => getLoader().exists();\n\n const getFormTypeDriver = () =>\n DropdownUniDriver(body.$('[data-hook=\"custom-field-modal-type\"]'), body);\n const getFormNameDriver = () =>\n InputUniDriver(body.$('[data-hook=\"custom-field-modal-name\"]'), body);\n const getFormKeyDriver = () =>\n InputUniDriver(body.$('[data-hook=\"custom-field-modal-key\"]'), body);\n\n const getInstalledAppsSection = () =>\n body.$('[data-hook=\"custom-field-modal-apps-section\"]');\n const getSiteVisitorsSection = () =>\n body.$('[data-hook=\"custom-field-modal-users-section\"]');\n\n const getFormReadApps = () =>\n CheckboxUniDriver(\n body.$('[data-hook=\"custom-field-modal-read-apps\"]'),\n body,\n );\n const getFormWriteApps = () =>\n CheckboxUniDriver(\n body.$('[data-hook=\"custom-field-modal-write-apps\"]'),\n body,\n );\n const getFormReadUsers = () =>\n CheckboxUniDriver(\n body.$('[data-hook=\"custom-field-modal-read-users\"]'),\n body,\n );\n const getFormWriteUsers = () =>\n CheckboxUniDriver(\n body.$('[data-hook=\"custom-field-modal-write-users\"]'),\n body,\n );\n\n const getTypeFormFieldDriver = () =>\n FormFieldUniDriver(\n body.$('[data-hook=\"custom-field-modal-field-type\"]'),\n body,\n );\n const getNameFormFieldDriver = () =>\n FormFieldUniDriver(\n body.$('[data-hook=\"custom-field-modal-field-name\"]'),\n body,\n );\n const getKeyFormFieldDriver = () =>\n FormFieldUniDriver(\n body.$('[data-hook=\"custom-field-modal-field-key\"]'),\n body,\n );\n const getSubtitle = () => {\n return TextUniDriver(\n body.$('[data-hook=\"baseModalLayout-subtitle\"]'),\n body,\n );\n };\n const getPermissionNote = () => {\n return TextUniDriver(body.$('[data-hook=\"permissions-note\"]'), body);\n };\n const getEditPiiNote = () => {\n return TextUniDriver(body.$('[data-hook=\"pii-toggle-edit-note\"]'), body);\n };\n const getPiiToggleText = () => {\n return TextUniDriver(body.$('[data-hook=\"pii-toggle-name\"]'), body);\n };\n const getPiiFootnote = () => {\n return TextUniDriver(body.$('[data-hook=\"pii-footnote\"]'), body);\n };\n const getPiiToggleSwitch = () => {\n return ToggleSwitchUniDriver(\n body.$('[data-hook=\"pii-toggle-switch\"]'),\n body,\n );\n };\n\n const reachedMaxLimitModalExists = () => {\n return getReachedMaxLimitModal().exists();\n };\n\n const clickReachedMaxPrimaryButton = () =>\n getReachedMaxLimitModal()\n .getPrimaryButtonDriver()\n .then((driver: any) => driver.click());\n\n const getFormDrivers = () => ({\n getFormTypeDriver,\n getFormNameDriver,\n getFormKeyDriver,\n getFormReadApps,\n getFormWriteApps,\n getFormReadUsers,\n getFormWriteUsers,\n getTypeFormFieldDriver,\n getNameFormFieldDriver,\n getKeyFormFieldDriver,\n getFieldKeyTooltip,\n getSubtitle,\n getPermissionNote,\n getEditPiiNote,\n getPiiToggleText,\n getPiiFootnote,\n getPiiToggleSwitch,\n });\n\n const fillInCustomFieldForm = async ({\n type,\n name,\n key,\n permissions,\n }: {\n type?: string;\n name?: string;\n key?: string;\n permissions?: {\n read?: ('apps' \| 'users')[];\n write?: ('apps' \| 'users')[];\n };\n }) => {\n if (type) {\n await getFormTypeDriver().dropdownLayoutDriver.clickAtOptionByDataHook(\n `custom-field-modal-type-${type}`,\n );\n }\n\n if (name) {\n await getFormNameDriver().enterText(name);\n }\n\n if (key) {\n await getFormKeyDriver().enterText(key);\n }\n\n if (permissions) {\n (\n [\n [getFormReadApps(), permissions?.read?.includes('apps') ?? false],\n [getFormWriteApps(), permissions?.write?.includes('apps') ?? false],\n [getFormReadUsers(), permissions?.read?.includes('users') ?? false],\n [getFormWriteUsers(), permissions?.write?.includes('users') ?? false],\n ] as [ReturnType<typeof CheckboxUniDriver>, boolean][]\n ).forEach(async ([driver, value]) => {\n const isChecked = await driver.isChecked();\n\n if ((value && !isChecked) \|\| (!value && isChecked)) {\n await driver.click();\n }\n });\n }\n };\n\n const getCustomFieldFormValues = async () => {\n return {\n type: await getFormTypeDriver().inputDriver.getValue(),\n name: await getFormNameDriver().getValue(),\n key: await getFormKeyDriver().getValue(),\n permissions: {\n read: {\n apps: await getFormReadApps().isChecked(),\n users: await getFormReadUsers().isChecked(),\n },\n write: {\n apps: await getFormWriteApps().isChecked(),\n users: await getFormWriteUsers().isChecked(),\n },\n },\n };\n };\n\n return {\n ...baseUniDriverFactory(base),\n exists,\n clickConfirm,\n clickClose,\n clickCancel,\n clickAdvancedSettings,\n isInstalledAppsSectionVisible: () => getInstalledAppsSection().exists(),\n isSiteVisitorsSectionVisible: () => getSiteVisitorsSection().exists(),\n fillInCustomFieldForm,\n getCustomFieldFormValues,\n getFormDrivers,\n getErrorStateNotification,\n isSubmitting,\n reachedMaxLimitModalExists,\n clickReachedMaxPrimaryButton,\n };\n}\n"],"mappings":"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","ignoreList":[]}