@wix/patterns 1.444.0 → 1.445.0

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter3124943132";
+var _namespace_ = "SearchOrCustomFilter3012136456";
 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": "SearchOrCustomFilter3124943132__root",
-  "search": "SearchOrCustomFilter3124943132__search",
-  "searchMobile": "SearchOrCustomFilter3124943132__searchMobile"
+  "root": "SearchOrCustomFilter3012136456__root",
+  "search": "SearchOrCustomFilter3012136456__search",
+  "searchMobile": "SearchOrCustomFilter3012136456__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3124943132\";\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\":\"SearchOrCustomFilter3124943132__root\",\"search\":\"SearchOrCustomFilter3124943132__search\",\"searchMobile\":\"SearchOrCustomFilter3124943132__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3012136456\";\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\":\"SearchOrCustomFilter3012136456__root\",\"search\":\"SearchOrCustomFilter3012136456__search\",\"searchMobile\":\"SearchOrCustomFilter3012136456__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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/AutoCompleteReadonly.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AutoCompleteReadonly4229998832";
+var _namespace_ = "AutoCompleteReadonly434646455";
 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": "AutoCompleteReadonly4229998832__root"
+  "root": "AutoCompleteReadonly434646455__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly4229998832\";\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\":\"AutoCompleteReadonly4229998832__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly434646455\";\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\":\"AutoCompleteReadonly434646455__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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_ = "ViewsDropdown2458184276";
+var _namespace_ = "ViewsDropdown15537165";
 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": "ViewsDropdown2458184276__root"
+  "root": "ViewsDropdown15537165__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_ = \"ViewsDropdown2458184276\";\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\":\"ViewsDropdown2458184276__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_ = \"ViewsDropdown15537165\";\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\":\"ViewsDropdown15537165__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/CustomFieldModal/CustomFieldCollectionInput.js

@@ -0,0 +1,95 @@
+"use strict";
+
+exports.__esModule = true;
+exports._CustomFieldCollectionInput = exports.CustomFieldCollectionInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldCollectionInput.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const _CustomFieldCollectionInput = ({
+  state
+}) => {
+  const {
+    form: {
+      $: {
+        referencedCollectionId
+      }
+    }
+  } = state;
+  const [search, setSearch] = _react.default.useState(null);
+  const query = (search == null ? void 0 : search.trim().toLowerCase()) ?? '';
+  const loader = state.collectionOptionsLoader;
+  (0, _react.useEffect)(() => {
+    void state.loadCollectionOptions();
+  }, [loader, state]);
+  if (!state.collectionInput) {
+    return null;
+  }
+  const options = query ? state.collectionOptions.filter(option => option.label.toLowerCase().includes(query)) : state.collectionOptions;
+  const selectedOption = state.collectionOptions.find(option => option.id === referencedCollectionId.value);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 12,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    dataHook: "custom-field-modal-field-reference-collection",
+    required: state.collectionInput.required ?? true,
+    label: state.collectionInputLabel,
+    status: referencedCollectionId.hasError ? 'error' : undefined,
+    statusMessage: referencedCollectionId.error,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
+    dataHook: "custom-field-modal-reference-collection",
+    disabled: state.mode === 'edit',
+    value: search ?? (selectedOption == null ? void 0 : selectedOption.label) ?? referencedCollectionId.value ?? '',
+    selectedId: referencedCollectionId.value,
+    onChange: event => setSearch(event.target.value),
+    onSelect: ({
+      id
+    }) => {
+      state.setReferencedCollectionId(String(id));
+      setSearch(null);
+    },
+    onClose: () => setSearch(null),
+    status: referencedCollectionId.hasError || state.collectionOptionsError ? 'error' : undefined,
+    placeholder: state.collectionInputPlaceholder,
+    emptyStateMessage: state.collectionInputEmptyStateMessage,
+    options: options.map(option => (0, _designSystem.listItemSelectBuilder)({
+      dataHook: `custom-field-modal-reference-collection-${option.id}`,
+      id: option.id,
+      title: option.label,
+      label: option.label
+    })),
+    popoverProps: {
+      appendTo: 'window',
+      zIndex: 5001
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 9
+    }
+  }), state.collectionOptionsLoading && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "custom-field-modal-reference-collection-loading",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 88,
+      columnNumber: 11
+    }
+  })));
+};
+exports._CustomFieldCollectionInput = _CustomFieldCollectionInput;
+const CustomFieldCollectionInput = exports.CustomFieldCollectionInput = (0, _mobxReactLite.observer)(_CustomFieldCollectionInput);
+//# sourceMappingURL=CustomFieldCollectionInput.js.map

package/dist/cjs/components/CustomFieldModal/CustomFieldCollectionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomFieldCollectionInput","state","form","$","referencedCollectionId","search","setSearch","React","useState","query","trim","toLowerCase","loader","collectionOptionsLoader","useEffect","loadCollectionOptions","collectionInput","options","collectionOptions","filter","option","label","includes","selectedOption","find","id","value","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormField","dataHook","required","collectionInputLabel","status","hasError","undefined","statusMessage","error","AutoComplete","disabled","mode","selectedId","onChange","event","target","onSelect","setReferencedCollectionId","String","onClose","collectionOptionsError","placeholder","collectionInputPlaceholder","emptyStateMessage","collectionInputEmptyStateMessage","map","listItemSelectBuilder","title","popoverProps","appendTo","zIndex","collectionOptionsLoading","Box","exports","CustomFieldCollectionInput","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldCollectionInput.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  AutoComplete,\n  Box,\n  Cell,\n  FormField,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\n\nexport interface CustomFieldCollectionInputProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldCollectionInput = ({\n  state,\n}: CustomFieldCollectionInputProps) => {\n  const {\n    form: {\n      $: { referencedCollectionId },\n    },\n  } = state;\n  const [search, setSearch] = React.useState<string | null>(null);\n  const query = search?.trim().toLowerCase() ?? '';\n  const loader = state.collectionOptionsLoader;\n\n  useEffect(() => {\n    void state.loadCollectionOptions();\n  }, [loader, state]);\n\n  if (!state.collectionInput) {\n    return null;\n  }\n\n  const options = query\n    ? state.collectionOptions.filter((option) =>\n        option.label.toLowerCase().includes(query),\n      )\n    : state.collectionOptions;\n  const selectedOption = state.collectionOptions.find(\n    (option) => option.id === referencedCollectionId.value,\n  );\n\n  return (\n    <Cell span={12}>\n      <FormField\n        dataHook=\"custom-field-modal-field-reference-collection\"\n        required={state.collectionInput.required ?? true}\n        label={state.collectionInputLabel}\n        status={referencedCollectionId.hasError ? 'error' : undefined}\n        statusMessage={referencedCollectionId.error}\n      >\n        <AutoComplete\n          dataHook=\"custom-field-modal-reference-collection\"\n          disabled={state.mode === 'edit'}\n          value={\n            search ??\n            selectedOption?.label ??\n            referencedCollectionId.value ??\n            ''\n          }\n          selectedId={referencedCollectionId.value}\n          onChange={(event) => setSearch(event.target.value)}\n          onSelect={({ id }) => {\n            state.setReferencedCollectionId(String(id));\n            setSearch(null);\n          }}\n          onClose={() => setSearch(null)}\n          status={\n            referencedCollectionId.hasError || state.collectionOptionsError\n              ? 'error'\n              : undefined\n          }\n          placeholder={state.collectionInputPlaceholder}\n          emptyStateMessage={state.collectionInputEmptyStateMessage}\n          options={options.map((option) =>\n            listItemSelectBuilder({\n              dataHook: `custom-field-modal-reference-collection-${option.id}`,\n              id: option.id,\n              title: option.label,\n              label: option.label,\n            }),\n          )}\n          popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n        />\n        {state.collectionOptionsLoading && (\n          <Box dataHook=\"custom-field-modal-reference-collection-loading\" />\n        )}\n      </FormField>\n    </Cell>\n  );\n};\n\nexport const CustomFieldCollectionInput = observer(_CustomFieldCollectionInput);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldForm.js

@@ -6,12 +6,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mobx = require("mobx");
 var _CustomFieldTypeDropdown = require("./CustomFieldTypeDropdown");
+var _CustomFieldCollectionInput = require("./CustomFieldCollectionInput");
 var _CustomFieldFormPiiFields = require("./CustomFieldFormPiiFields");
 var _CustomFieldFormPermissions = require("./CustomFieldFormPermissions");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldForm.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /** Cancels the modal's content padding so the section below spans the full width. */
@@ -41,6 +42,7 @@ const _CustomFieldForm = props => {
     fieldModal
   } = state.fieldManagement;
   const SettingsSection = (_state$settingsSectio = state.settingsSection) == null ? void 0 : _state$settingsSectio.Component;
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     translate: t,
     environment: {
@@ -54,7 +56,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 60,
       columnNumber: 5
     }
   }, errorToastConfig && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -65,17 +67,17 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 62,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
     dataHook: "custom-field-modal-error-state",
     type: "destructive",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.InfoCircle, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 66,
+        lineNumber: 71,
         columnNumber: 25
       }
     }),
@@ -95,7 +97,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 68,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -103,14 +105,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 87,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 88,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -118,7 +120,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 89,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -130,7 +132,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 90,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFieldTypeDropdown.CustomFieldTypeDropdown, {
@@ -138,7 +140,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 97,
       columnNumber: 15
     }
   }), mode === 'edit' && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -146,7 +148,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 99,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -155,15 +157,23 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 100,
       columnNumber: 19
     }
-  }, t('cairo.customFields.editCustomField.fieldType.tooltip'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+  }, t('cairo.customFields.editCustomField.fieldType.tooltip'))))), /*#__PURE__*/_react.default.createElement(_CustomFieldCollectionInput.CustomFieldCollectionInput, {
+    state: state,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 107,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 6,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 108,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -175,7 +185,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 109,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -190,7 +200,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 116,
       columnNumber: 15
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -198,7 +208,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 128,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -211,7 +221,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 129,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -226,7 +236,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 145,
       columnNumber: 15
     }
   }))), state.typeSupportsPii && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPiiFields.PiiFormFields, {
@@ -240,7 +250,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 160,
       columnNumber: 13
     }
   }))), state.showSettings && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -250,14 +260,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 174,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 169,
+      lineNumber: 175,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -267,7 +277,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 171,
+      lineNumber: 177,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Accordion, {
@@ -275,6 +285,8 @@ const _CustomFieldForm = props => {
     skin: "standard",
     hideShadow: true,
     horizontalPadding: "large",
+    size: isBmHarmonyTheme ? 'tiny' : undefined,
+    contentPadding: isBmHarmonyTheme ? 'none' : undefined,
     items: [{
       title: fieldModal.text.settingsLabel ?? t('cairo.customFields.addCustomField.modal.advancedSettings'),
       toggleIconPlacement: 'start',
@@ -285,14 +297,14 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 190,
+          lineNumber: 198,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.StatusAlertFilledSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 195,
+          lineNumber: 203,
           columnNumber: 23
         }
       })) : undefined,
@@ -304,10 +316,12 @@ const _CustomFieldForm = props => {
       children: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         direction: "vertical",
         gap: "SP4",
+        paddingLeft: isBmHarmonyTheme ? 'SP6' : undefined,
+        paddingRight: isBmHarmonyTheme ? 'SP6' : undefined,
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 206,
+          lineNumber: 214,
           columnNumber: 21
         }
       }, fieldModal.permissions && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPermissions.CustomFieldFormPermissions, {
@@ -315,7 +329,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 208,
+          lineNumber: 221,
           columnNumber: 25
         }
       }), SettingsSection && /*#__PURE__*/_react.default.createElement(SettingsSection, {
@@ -323,7 +337,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 211,
+          lineNumber: 224,
           columnNumber: 25
         }
       }))
@@ -331,7 +345,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
+      lineNumber: 182,
       columnNumber: 13
     }
   }))));

package/dist/cjs/components/CustomFieldModal/CustomFieldForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_wixUiIconsCommon","_lazy","_mobx","_CustomFieldTypeDropdown","_CustomFieldFormPiiFields","_CustomFieldFormPermissions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fullBleed","_CustomFieldForm","props","_state$settingsSectio","state","form","$","key","type","name","containsPii","errorToastConfig","mode","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","fieldModal","fieldManagement","SettingsSection","settingsSection","Component","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdown","marginTop","Text","size","secondary","Input","onChange","target","value","maxLength","placeholder","namePlaceholder","infoContent","disabled","toLowerCase","reportKeyFormFieldChange","typeSupportsPii","PiiFormFields","piiWarning","showSettings","Fragment","marginLeft","marginRight","Divider","Accordion","skin","hideShadow","horizontalPadding","items","title","settingsLabel","toggleIconPlacement","suffix","settingsHasError","verticalAlign","color","StatusAlertFilledSmall","open","isOn","onToggle","toggle","reportAdvancedSettingsClick","children","gap","permissions","CustomFieldFormPermissions","fieldType","exports","CustomFieldForm","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Accordion,\n  Box,\n  Cell,\n  Divider,\n  FloatingNotification,\n  FormField,\n  Input,\n  Layout,\n  Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { InfoCircle } from '@wix/wix-ui-icons-common';\nimport { StatusAlertFilledSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';\nimport { PiiFormFields } from './CustomFieldFormPiiFields';\nimport { CustomFieldFormPermissions } from './CustomFieldFormPermissions';\n\nexport interface CustomFieldFormProps {\n  state: CustomFieldModalState;\n}\n\n/** Cancels the modal's content padding so the section below spans the full width. */\nconst fullBleed =\n  'calc(-1 * var(--wds-custom-modal-content-padding-horizontal, 24px))';\n\nexport const _CustomFieldForm = (props: CustomFieldFormProps) => {\n  const { state } = props;\n  const {\n    form: {\n      $: { key, type, name, containsPii },\n    },\n    errorToastConfig,\n    mode,\n    settings,\n    customFieldModalBiReporter,\n    generateUniqueKey,\n    setKeyFieldIfNotDirty,\n  } = state;\n  const { fieldModal } = state.fieldManagement;\n  const SettingsSection = state.settingsSection?.Component;\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  useEffect(() => customFieldModalBiReporter.init(), []);\n\n  return (\n    <Box width={552} direction=\"vertical\">\n      {errorToastConfig && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            dataHook=\"custom-field-modal-error-state\"\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={errorToastConfig.message}\n            textButtonProps={\n              errorToastConfig?.action && {\n                label: errorToastConfig.action.text,\n                onClick: () => errorToastConfig?.action?.onClick?.(),\n              }\n            }\n            onClose={() => {\n              runInAction(() => {\n                state.errorToastConfig = undefined;\n              });\n            }}\n          />\n        </Box>\n      )}\n      <Box direction=\"vertical\">\n        <Layout>\n          <Cell span={12}>\n            <FormField\n              dataHook=\"custom-field-modal-field-type\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldType')}\n              status={type.hasError ? 'error' : undefined}\n              statusMessage={type.error}\n            >\n              <CustomFieldTypeDropdown state={state} />\n              {mode === 'edit' && (\n                <Box marginTop=\"SP1\">\n                  <Text size=\"tiny\" secondary>\n                    {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n                  </Text>\n                </Box>\n              )}\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-name\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldName')}\n              status={name.hasError ? 'error' : undefined}\n              statusMessage={name.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-name\"\n                onChange={(e) => {\n                  name.onChange(e.target.value);\n                  setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n                }}\n                value={name.value}\n                maxLength={64}\n                placeholder={state.namePlaceholder}\n              />\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-key\"\n              required\n              label={t(\n                'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n              )}\n              infoContent={\n                mode === 'new'\n                  ? t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n                    )\n                  : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n              }\n              status={key.hasError ? 'error' : undefined}\n              statusMessage={key.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-key\"\n                disabled={mode === 'edit'}\n                value={key.value}\n                onChange={(e) => {\n                  key.onChange(e.target.value.toLowerCase());\n                  customFieldModalBiReporter.reportKeyFormFieldChange();\n                }}\n                placeholder={t(\n                  'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n                )}\n              />\n            </FormField>\n          </Cell>\n          {state.typeSupportsPii && (\n            <PiiFormFields\n              containsPii={{\n                value: containsPii.value,\n                onChange: containsPii.onChange,\n              }}\n              mode={mode}\n              language={language}\n              piiWarning={state.piiWarning}\n            />\n          )}\n        </Layout>\n      </Box>\n      {state.showSettings && (\n        <>\n          <Box marginTop=\"SP4\" marginLeft={fullBleed} marginRight={fullBleed}>\n            <Divider />\n          </Box>\n          <Box\n            direction=\"vertical\"\n            marginLeft={fullBleed}\n            marginRight={fullBleed}\n          >\n            <Accordion\n              dataHook=\"custom-field-modal-settings-accordion\"\n              skin=\"standard\"\n              hideShadow\n              horizontalPadding=\"large\"\n              items={[\n                {\n                  title:\n                    fieldModal.text.settingsLabel ??\n                    t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings',\n                    ),\n                  toggleIconPlacement: 'start',\n                  suffix: state.settingsHasError ? (\n                    <Box\n                      verticalAlign=\"middle\"\n                      color=\"R10\"\n                      dataHook=\"custom-field-modal-settings-error\"\n                    >\n                      <StatusAlertFilledSmall />\n                    </Box>\n                  ) : undefined,\n                  open: settings.isOn,\n                  onToggle: () => {\n                    settings.toggle();\n                    customFieldModalBiReporter.reportAdvancedSettingsClick(\n                      settings.isOn ? 'Open' : 'Close',\n                    );\n                  },\n                  children: (\n                    <Box direction=\"vertical\" gap=\"SP4\">\n                      {fieldModal.permissions && (\n                        <CustomFieldFormPermissions state={state} />\n                      )}\n                      {SettingsSection && (\n                        <SettingsSection fieldType={type.value} />\n                      )}\n                    </Box>\n                  ),\n                },\n              ]}\n            />\n          </Box>\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport const CustomFieldForm = observer(_CustomFieldForm);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_lazy","_mobx","_CustomFieldTypeDropdown","_CustomFieldCollectionInput","_CustomFieldFormPiiFields","_CustomFieldFormPermissions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fullBleed","_CustomFieldForm","props","_state$settingsSectio","state","form","$","key","type","name","containsPii","errorToastConfig","mode","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","fieldModal","fieldManagement","SettingsSection","settingsSection","Component","isBmHarmonyTheme","useBmHarmonyTheme","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdown","marginTop","Text","size","secondary","CustomFieldCollectionInput","Input","onChange","target","value","maxLength","placeholder","namePlaceholder","infoContent","disabled","toLowerCase","reportKeyFormFieldChange","typeSupportsPii","PiiFormFields","piiWarning","showSettings","Fragment","marginLeft","marginRight","Divider","Accordion","skin","hideShadow","horizontalPadding","contentPadding","items","title","settingsLabel","toggleIconPlacement","suffix","settingsHasError","verticalAlign","color","StatusAlertFilledSmall","open","isOn","onToggle","toggle","reportAdvancedSettingsClick","children","gap","paddingLeft","paddingRight","permissions","CustomFieldFormPermissions","fieldType","exports","CustomFieldForm","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Accordion,\n  Box,\n  Cell,\n  Divider,\n  FloatingNotification,\n  FormField,\n  Input,\n  Layout,\n  Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport {\n  InfoCircle,\n  StatusAlertFilledSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';\nimport { CustomFieldCollectionInput } from './CustomFieldCollectionInput';\nimport { PiiFormFields } from './CustomFieldFormPiiFields';\nimport { CustomFieldFormPermissions } from './CustomFieldFormPermissions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomFieldFormProps {\n  state: CustomFieldModalState;\n}\n\n/** Cancels the modal's content padding so the section below spans the full width. */\nconst fullBleed =\n  'calc(-1 * var(--wds-custom-modal-content-padding-horizontal, 24px))';\n\nexport const _CustomFieldForm = (props: CustomFieldFormProps) => {\n  const { state } = props;\n  const {\n    form: {\n      $: { key, type, name, containsPii },\n    },\n    errorToastConfig,\n    mode,\n    settings,\n    customFieldModalBiReporter,\n    generateUniqueKey,\n    setKeyFieldIfNotDirty,\n  } = state;\n  const { fieldModal } = state.fieldManagement;\n  const SettingsSection = state.settingsSection?.Component;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  useEffect(() => customFieldModalBiReporter.init(), []);\n\n  return (\n    <Box width={552} direction=\"vertical\">\n      {errorToastConfig && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            dataHook=\"custom-field-modal-error-state\"\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={errorToastConfig.message}\n            textButtonProps={\n              errorToastConfig?.action && {\n                label: errorToastConfig.action.text,\n                onClick: () => errorToastConfig?.action?.onClick?.(),\n              }\n            }\n            onClose={() => {\n              runInAction(() => {\n                state.errorToastConfig = undefined;\n              });\n            }}\n          />\n        </Box>\n      )}\n      <Box direction=\"vertical\">\n        <Layout>\n          <Cell span={12}>\n            <FormField\n              dataHook=\"custom-field-modal-field-type\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldType')}\n              status={type.hasError ? 'error' : undefined}\n              statusMessage={type.error}\n            >\n              <CustomFieldTypeDropdown state={state} />\n              {mode === 'edit' && (\n                <Box marginTop=\"SP1\">\n                  <Text size=\"tiny\" secondary>\n                    {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n                  </Text>\n                </Box>\n              )}\n            </FormField>\n          </Cell>\n          <CustomFieldCollectionInput state={state} />\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-name\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldName')}\n              status={name.hasError ? 'error' : undefined}\n              statusMessage={name.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-name\"\n                onChange={(e) => {\n                  name.onChange(e.target.value);\n                  setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n                }}\n                value={name.value}\n                maxLength={64}\n                placeholder={state.namePlaceholder}\n              />\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-key\"\n              required\n              label={t(\n                'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n              )}\n              infoContent={\n                mode === 'new'\n                  ? t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n                    )\n                  : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n              }\n              status={key.hasError ? 'error' : undefined}\n              statusMessage={key.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-key\"\n                disabled={mode === 'edit'}\n                value={key.value}\n                onChange={(e) => {\n                  key.onChange(e.target.value.toLowerCase());\n                  customFieldModalBiReporter.reportKeyFormFieldChange();\n                }}\n                placeholder={t(\n                  'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n                )}\n              />\n            </FormField>\n          </Cell>\n          {state.typeSupportsPii && (\n            <PiiFormFields\n              containsPii={{\n                value: containsPii.value,\n                onChange: containsPii.onChange,\n              }}\n              mode={mode}\n              language={language}\n              piiWarning={state.piiWarning}\n            />\n          )}\n        </Layout>\n      </Box>\n      {state.showSettings && (\n        <>\n          <Box marginTop=\"SP4\" marginLeft={fullBleed} marginRight={fullBleed}>\n            <Divider />\n          </Box>\n          <Box\n            direction=\"vertical\"\n            marginLeft={fullBleed}\n            marginRight={fullBleed}\n          >\n            <Accordion\n              dataHook=\"custom-field-modal-settings-accordion\"\n              skin=\"standard\"\n              hideShadow\n              horizontalPadding=\"large\"\n              size={isBmHarmonyTheme ? 'tiny' : undefined}\n              contentPadding={isBmHarmonyTheme ? 'none' : undefined}\n              items={[\n                {\n                  title:\n                    fieldModal.text.settingsLabel ??\n                    t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings',\n                    ),\n                  toggleIconPlacement: 'start',\n                  suffix: state.settingsHasError ? (\n                    <Box\n                      verticalAlign=\"middle\"\n                      color=\"R10\"\n                      dataHook=\"custom-field-modal-settings-error\"\n                    >\n                      <StatusAlertFilledSmall />\n                    </Box>\n                  ) : undefined,\n                  open: settings.isOn,\n                  onToggle: () => {\n                    settings.toggle();\n                    customFieldModalBiReporter.reportAdvancedSettingsClick(\n                      settings.isOn ? 'Open' : 'Close',\n                    );\n                  },\n                  children: (\n                    <Box\n                      direction=\"vertical\"\n                      gap=\"SP4\"\n                      paddingLeft={isBmHarmonyTheme ? 'SP6' : undefined}\n                      paddingRight={isBmHarmonyTheme ? 'SP6' : undefined}\n                    >\n                      {fieldModal.permissions && (\n                        <CustomFieldFormPermissions state={state} />\n                      )}\n                      {SettingsSection && (\n                        <SettingsSection fieldType={type.value} />\n                      )}\n                    </Box>\n                  ),\n                },\n              ]}\n            />\n          </Box>\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport const CustomFieldForm = observer(_CustomFieldForm);\n"],"mappings":"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","ignoreList":[]}