@wix/patterns 1.138.0 → 1.139.0

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_ = "ViewsDropdown3960113142";
+var _namespace_ = "ViewsDropdown2753831518";
 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": "ViewsDropdown2753831518__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_ = \"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":[]}
+{"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_ = \"ViewsDropdown2753831518\";\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\":\"ViewsDropdown2753831518__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

@@ -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

@@ -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":"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","ignoreList":[]}
+{"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

@@ -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

@@ -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":"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","ignoreList":[]}
+{"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

@@ -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

@@ -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":[]}
+{"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":[]}

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

@@ -10,16 +10,16 @@ var _CustomFieldsFormContext = require("../CustomFieldsFormContext");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsForm/CustomFieldsForm.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; }
-const toCellSpan = (size, type) => {
+const toCellSpan = type => {
   switch (type) {
     case 'longText':
     case 'checkbox':
     case 'shortText':
     case 'url':
     case 'dateTime':
-      return size === 'default' ? 6 : 8;
+      return 12;
     default:
-      return size === 'default' ? 3 : 4;
+      return 6;
   }
 };
 const _CustomFieldsForm = ({
@@ -35,22 +35,22 @@ const _CustomFieldsForm = ({
     if (!_FormFieldInput.EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {
       return null;
     }
-    const span = toCellSpan(state.formSize, field.type);
+    const span = toCellSpan(field.type);
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: field.id,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
-        columnNumber: 9
+        lineNumber: 40,
+        columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
       span: span,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
-        columnNumber: 11
+        lineNumber: 41,
+        columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
       dataHook: `field-${field.id}`,
@@ -64,19 +64,19 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
-        columnNumber: 13
+        lineNumber: 42,
+        columnNumber: 11
       }
-    })), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    })), span !== 12 && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
       span: 12 - span,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
-        columnNumber: 11
+        lineNumber: 53,
+        columnNumber: 25
       }
     }));
-  }, [state.formSize]);
+  }, []);
   const {
     writeableFields
   } = state;
@@ -85,29 +85,19 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 61,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: containerRef => {
-      state.setContainerRef(containerRef);
-    },
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 65,
-      columnNumber: 7
-    }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     dataHook: `custom-fields-form-${_namespace}`,
     gap: "SP3",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
-      columnNumber: 9
+      lineNumber: 62,
+      columnNumber: 7
     }
-  }, writeableFields.map(renderFieldInput))));
+  }, writeableFields.map(renderFieldInput)));
 };
 const CustomFieldsForm = exports.CustomFieldsForm = (0, _mobxReactLite.observer)(_CustomFieldsForm);
 //# sourceMappingURL=CustomFieldsForm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_FormFieldInput","_CustomFieldsFormContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toCellSpan","size","type","_CustomFieldsForm","state","_namespace","renderFieldInput","useCallback","field","EDITABLE_INPUT_ELEMENTS","span","formSize","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","dataHook","schema","initialValue","getInitialValue","onChange","newValue","setValue","inputRef","setInputRef","writeableFields","CustomFieldsFormContextProvider","value","ref","containerRef","setContainerRef","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 { CustomFieldsFormSize, CustomFieldsFormState } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n}\n\nconst toCellSpan = (size: CustomFieldsFormSize, type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return size === 'default' ? 6 : 8;\n    default:\n      return size === 'default' ? 3 : 4;\n  }\n};\n\nconst _CustomFieldsForm = ({ state }: CustomFieldsFormProps) => {\n  const { _namespace } = state;\n  const renderFieldInput = useCallback(\n    (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(state.formSize, field.type);\n\n      return (\n        <React.Fragment key={field.id}>\n          <Cell span={span}>\n            <FormFieldInput\n              dataHook={`field-${field.id}`}\n              state={state}\n              schema={field}\n              initialValue={state.getInitialValue(field.id)}\n              onChange={(newValue) => state.setValue(field.id, newValue)}\n              inputRef={(inputRef) => {\n                state.setInputRef(field.id, inputRef);\n              }}\n            />\n          </Cell>\n          <Cell span={12 - span} />\n        </React.Fragment>\n      );\n    },\n    [state.formSize],\n  );\n\n  const { writeableFields } = state;\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <div\n        ref={(containerRef) => {\n          state.setContainerRef(containerRef);\n        }}\n      >\n        <Layout dataHook={`custom-fields-form-${_namespace}`} gap=\"SP3\">\n          {writeableFields.map(renderFieldInput)}\n        </Layout>\n      </div>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,wBAAA,GAAAJ,OAAA;AAA6E,IAAAK,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAM7E,MAAMW,UAAU,GAAGA,CAACC,IAA0B,EAAEC,IAAsB,KAAK;EACzE,QAAQA,IAAI;IACV,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,WAAW;IAChB,KAAK,KAAK;IACV,KAAK,UAAU;MACb,OAAOD,IAAI,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC;IACnC;MACE,OAAOA,IAAI,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC;EACrC;AACF,CAAC;AAED,MAAME,iBAAiB,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EAC9D,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;EAC5B,MAAME,gBAAgB,GAAG,IAAAC,kBAAW,EACjCC,KAAkB,IAAK;IACtB,IAAI,CAACA,KAAK,EAAE;MACV,OAAO,IAAI;IACb;IAEA,IAAI,CAACC,uCAAuB,CAACb,cAAc,CAACY,KAAK,CAACN,IAAI,CAAC,EAAE;MACvD,OAAO,IAAI;IACb;IAEA,MAAMQ,IAAI,GAAGV,UAAU,CAACI,KAAK,CAACO,QAAQ,EAAEH,KAAK,CAACN,IAAI,CAAC;IAEnD,oBACE9B,MAAA,CAAAc,OAAA,CAAA0B,aAAA,CAACxC,MAAA,CAAAc,OAAK,CAAC2B,QAAQ;MAACC,GAAG,EAAEN,KAAK,CAACO,EAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC5BhD,MAAA,CAAAc,OAAA,CAAA0B,aAAA,CAACpC,aAAA,CAAA6C,IAAI;MAACX,IAAI,EAAEA,IAAK;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACfhD,MAAA,CAAAc,OAAA,CAAA0B,aAAA,CAACnC,eAAA,CAAA6C,cAAc;MACbC,QAAQ,EAAE,SAASf,KAAK,CAACO,EAAE,EAAG;MAC9BX,KAAK,EAAEA,KAAM;MACboB,MAAM,EAAEhB,KAAM;MACdiB,YAAY,EAAErB,KAAK,CAACsB,eAAe,CAAClB,KAAK,CAACO,EAAE,CAAE;MAC9CY,QAAQ,EAAGC,QAAQ,IAAKxB,KAAK,CAACyB,QAAQ,CAACrB,KAAK,CAACO,EAAE,EAAEa,QAAQ,CAAE;MAC3DE,QAAQ,EAAGA,QAAQ,IAAK;QACtB1B,KAAK,CAAC2B,WAAW,CAACvB,KAAK,CAACO,EAAE,EAAEe,QAAQ,CAAC;MACvC,CAAE;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACG,CAAC,eACPhD,MAAA,CAAAc,OAAA,CAAA0B,aAAA,CAACpC,aAAA,CAAA6C,IAAI;MAACX,IAAI,EAAE,EAAE,GAAGA,IAAK;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACV,CAAC;EAErB,CAAC,EACD,CAAChB,KAAK,CAACO,QAAQ,CACjB,CAAC;EAED,MAAM;IAAEqB;EAAgB,CAAC,GAAG5B,KAAK;EAEjC,oBACEhC,MAAA,CAAAc,OAAA,CAAA0B,aAAA,CAAClC,wBAAA,CAAAuD,+BAA+B;IAACC,KAAK,EAAE9B,KAAM;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5ChD,MAAA,CAAAc,OAAA,CAAA0B,aAAA;IACEuB,GAAG,EAAGC,YAAY,IAAK;MACrBhC,KAAK,CAACiC,eAAe,CAACD,YAAY,CAAC;IACrC,CAAE;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFhD,MAAA,CAAAc,OAAA,CAAA0B,aAAA,CAACpC,aAAA,CAAA8D,MAAM;IAACf,QAAQ,EAAE,sBAAsBlB,UAAU,EAAG;IAACkC,GAAG,EAAC,KAAK;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5DY,eAAe,CAACQ,GAAG,CAAClC,gBAAgB,CAC/B,CACL,CAC0B,CAAC;AAEtC,CAAC;AAEM,MAAMmC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACxC,iBAAiB,CAAC","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","_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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,wBAAA,GAAAJ,OAAA;AAA6E,IAAAK,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAM7E,MAAMW,UAAU,GAAIC,IAAsB,IAAK;EAC7C,QAAQA,IAAI;IACV,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,WAAW;IAChB,KAAK,KAAK;IACV,KAAK,UAAU;MACb,OAAO,EAAE;IACX;MACE,OAAO,CAAC;EACZ;AACF,CAAC;AAED,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EAC9D,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;EAC5B,MAAME,gBAAgB,GAAG,IAAAC,kBAAW,EAAEC,KAAkB,IAAK;IAC3D,IAAI,CAACA,KAAK,EAAE;MACV,OAAO,IAAI;IACb;IAEA,IAAI,CAACC,uCAAuB,CAACZ,cAAc,CAACW,KAAK,CAACN,IAAI,CAAC,EAAE;MACvD,OAAO,IAAI;IACb;IAEA,MAAMQ,IAAI,GAAGT,UAAU,CAACO,KAAK,CAACN,IAAI,CAAC;IAEnC,oBACE7B,MAAA,CAAAc,OAAA,CAAAwB,aAAA,CAACtC,MAAA,CAAAc,OAAK,CAACyB,QAAQ;MAACC,GAAG,EAAEL,KAAK,CAACM,EAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC5B9C,MAAA,CAAAc,OAAA,CAAAwB,aAAA,CAAClC,aAAA,CAAA2C,IAAI;MAACV,IAAI,EAAEA,IAAK;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACf9C,MAAA,CAAAc,OAAA,CAAAwB,aAAA,CAACjC,eAAA,CAAA2C,cAAc;MACbC,QAAQ,EAAE,SAASd,KAAK,CAACM,EAAE,EAAG;MAC9BV,KAAK,EAAEA,KAAM;MACbmB,MAAM,EAAEf,KAAM;MACdgB,YAAY,EAAEpB,KAAK,CAACqB,eAAe,CAACjB,KAAK,CAACM,EAAE,CAAE;MAC9CY,QAAQ,EAAGC,QAAQ,IAAKvB,KAAK,CAACwB,QAAQ,CAACpB,KAAK,CAACM,EAAE,EAAEa,QAAQ,CAAE;MAC3DE,QAAQ,EAAGA,QAAQ,IAAK;QACtBzB,KAAK,CAAC0B,WAAW,CAACtB,KAAK,CAACM,EAAE,EAAEe,QAAQ,CAAC;MACvC,CAAE;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACG,CAAC,EACNT,IAAI,KAAK,EAAE,iBAAIrC,MAAA,CAAAc,OAAA,CAAAwB,aAAA,CAAClC,aAAA,CAAA2C,IAAI;MAACV,IAAI,EAAE,EAAE,GAAGA,IAAK;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAC1B,CAAC;EAErB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEY;EAAgB,CAAC,GAAG3B,KAAK;EAEjC,oBACE/B,MAAA,CAAAc,OAAA,CAAAwB,aAAA,CAAChC,wBAAA,CAAAqD,+BAA+B;IAACC,KAAK,EAAE7B,KAAM;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5C9C,MAAA,CAAAc,OAAA,CAAAwB,aAAA,CAAClC,aAAA,CAAAyD,MAAM;IAACZ,QAAQ,EAAE,sBAAsBjB,UAAU,EAAG;IAAC8B,GAAG,EAAC,KAAK;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5DY,eAAe,CAACK,GAAG,CAAC9B,gBAAgB,CAC/B,CACuB,CAAC;AAEtC,CAAC;AAEM,MAAM+B,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACpC,iBAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle1586161268";
+var _namespace_ = "DragHandle300838659";
 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": "DragHandle1586161268__root"
+  "root": "DragHandle300838659__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1586161268\";\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\":\"DragHandle1586161268__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle300838659\";\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\":\"DragHandle300838659__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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":[]}