npm - @wix/patterns - Versions diffs - 1.422.0 → 1.424.0 - Mend

@wix/patterns 1.422.0 → 1.424.0

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

Files changed (1284) hide show

package/dist/cjs/components/CmsFieldManagement/FieldEditorModalState.js ADDED Viewed

@@ -0,0 +1,69 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldEditorModalState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+var _CmsFormState = require("./CmsFormState");
+var _toFieldSpec = require("./toFieldSpec");
+var _fieldValidationRulesMap = require("./fieldValidationRulesMap");
+/**
+ * Pure field-editor modal state. Opens the CMS field form pre-filled from a
+ * field draft and, on confirm, hands the edited field spec to `onSubmit`. Unlike
+ * `CmsFieldModalState` it has no server side effect — it never calls
+ * `fieldActions` and needs no schema. It's a plain input (draft) → output
+ * (spec) editor; the consumer decides what to do with the result (e.g. the CSV
+ * import captures it into a column's pending new field).
+ */
+class FieldEditorModalState {
+  constructor(props) {
+    (0, _defineProperty2.default)(this, "modal", void 0);
+    (0, _defineProperty2.default)(this, "formState", null);
+    (0, _defineProperty2.default)(this, "onSubmit", void 0);
+    this.onSubmit = props.onSubmit;
+    this.modal = new _bexCore.ConditionalModalState({
+      onConfirm: () => this.submit()
+    });
+    (0, _mobx.makeObservable)(this, {
+      formState: _mobx.observable.ref,
+      open: _mobx.action,
+      reset: _mobx.action
+    });
+  }
+  open(draft) {
+    this.formState = new _CmsFormState.CmsFormState({
+      getValidationRules: _fieldValidationRulesMap.getFieldTypeValidationRulesList
+    });
+    this.formState.prefill(draft);
+    this.modal.open(null);
+  }
+  reset() {
+    this.formState = null;
+  }
+  submit() {
+    const {
+      formState
+    } = this;
+    if (!formState) {
+      return;
+    }
+    if (formState.hasInvalidFields || !formState.properties.type) {
+      formState.enableShowValidationError();
+      // Throwing keeps the modal open (ModalState.confirm swallows it).
+      throw new Error('validation');
+    }
+    const {
+      type,
+      ...rest
+    } = formState.properties;
+    this.onSubmit((0, _toFieldSpec.toFieldSpec)({
+      ...rest,
+      type
+    }, formState.fieldRules));
+  }
+}
+exports.FieldEditorModalState = FieldEditorModalState;
+//# sourceMappingURL=FieldEditorModalState.js.map

package/dist/cjs/components/CmsFieldManagement/FieldEditorModalState.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_mobx","require","_bexCore","_CmsFormState","_toFieldSpec","_fieldValidationRulesMap","FieldEditorModalState","constructor","props","_defineProperty2","default","onSubmit","modal","ConditionalModalState","onConfirm","submit","makeObservable","formState","observable","ref","open","action","reset","draft","CmsFormState","getValidationRules","getFieldTypeValidationRulesList","prefill","hasInvalidFields","properties","type","enableShowValidationError","Error","rest","toFieldSpec","fieldRules","exports"],"sources":["../../../../src/components/CmsFieldManagement/FieldEditorModalState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { ConditionalModalState } from '@wix/bex-core';\nimport type { FieldSpec } from '../../types/SchemaConfig';\nimport { CmsFormState } from './CmsFormState';\nimport { toFieldSpec } from './toFieldSpec';\nimport { getFieldTypeValidationRulesList } from './fieldValidationRulesMap';\n\n/**\n * Pure field-editor modal state. Opens the CMS field form pre-filled from a\n * field draft and, on confirm, hands the edited field spec to `onSubmit`. Unlike\n * `CmsFieldModalState` it has no server side effect — it never calls\n * `fieldActions` and needs no schema. It's a plain input (draft) → output\n * (spec) editor; the consumer decides what to do with the result (e.g. the CSV\n * import captures it into a column's pending new field).\n */\nexport interface FieldEditorModalStateProps {\n /** Receives the edited field spec on confirm. Pure — no server side effect. */\n onSubmit: (field: FieldSpec) => void;\n}\n\nexport class FieldEditorModalState {\n readonly modal: ConditionalModalState<null>;\n formState: CmsFormState | null = null;\n private readonly onSubmit: (field: FieldSpec) => void;\n\n constructor(props: FieldEditorModalStateProps) {\n this.onSubmit = props.onSubmit;\n this.modal = new ConditionalModalState({\n onConfirm: () => this.submit(),\n });\n\n makeObservable(this, {\n formState: observable.ref,\n open: action,\n reset: action,\n });\n }\n\n open(draft: FieldSpec) {\n this.formState = new CmsFormState({\n getValidationRules: getFieldTypeValidationRulesList,\n });\n this.formState.prefill(draft);\n this.modal.open(null);\n }\n\n reset() {\n this.formState = null;\n }\n\n private submit() {\n const { formState } = this;\n if (!formState) {\n return;\n }\n\n if (formState.hasInvalidFields || !formState.properties.type) {\n formState.enableShowValidationError();\n // Throwing keeps the modal open (ModalState.confirm swallows it).\n throw new Error('validation');\n }\n\n const { type, ...rest } = formState.properties;\n this.onSubmit(toFieldSpec({ ...rest, type }, formState.fieldRules));\n }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMK,qBAAqB,CAAC;EAKjCC,WAAWA,CAACC,KAAiC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,qBAHd,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAInC,IAAI,CAACC,QAAQ,GAAGH,KAAK,CAACG,QAAQ;IAC9B,IAAI,CAACC,KAAK,GAAG,IAAIC,8BAAqB,CAAC;MACrCC,SAAS,EAAEA,CAAA,KAAM,IAAI,CAACC,MAAM,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,SAAS,EAAEC,gBAAU,CAACC,GAAG;MACzBC,IAAI,EAAEC,YAAM;MACZC,KAAK,EAAED;IACT,CAAC,CAAC;EACJ;EAEAD,IAAIA,CAACG,KAAgB,EAAE;IACrB,IAAI,CAACN,SAAS,GAAG,IAAIO,0BAAY,CAAC;MAChCC,kBAAkB,EAAEC;IACtB,CAAC,CAAC;IACF,IAAI,CAACT,SAAS,CAACU,OAAO,CAACJ,KAAK,CAAC;IAC7B,IAAI,CAACX,KAAK,CAACQ,IAAI,CAAC,IAAI,CAAC;EACvB;EAEAE,KAAKA,CAAA,EAAG;IACN,IAAI,CAACL,SAAS,GAAG,IAAI;EACvB;EAEQF,MAAMA,CAAA,EAAG;IACf,MAAM;MAAEE;IAAU,CAAC,GAAG,IAAI;IAC1B,IAAI,CAACA,SAAS,EAAE;MACd;IACF;IAEA,IAAIA,SAAS,CAACW,gBAAgB,IAAI,CAACX,SAAS,CAACY,UAAU,CAACC,IAAI,EAAE;MAC5Db,SAAS,CAACc,yBAAyB,CAAC,CAAC;MACrC;MACA,MAAM,IAAIC,KAAK,CAAC,YAAY,CAAC;IAC/B;IAEA,MAAM;MAAEF,IAAI;MAAE,GAAGG;IAAK,CAAC,GAAGhB,SAAS,CAACY,UAAU;IAC9C,IAAI,CAAClB,QAAQ,CAAC,IAAAuB,wBAAW,EAAC;MAAE,GAAGD,IAAI;MAAEH;IAAK,CAAC,EAAEb,SAAS,CAACkB,UAAU,CAAC,CAAC;EACrE;AACF;AAACC,OAAA,CAAA9B,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "ValidationAndDefaultsSection839011583";
+var _namespace_ = "ValidationAndDefaultsSection2664226512";
 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": "ValidationAndDefaultsSection839011583__root",
-  "accordionWrapper": "ValidationAndDefaultsSection839011583__accordionWrapper"
+  "root": "ValidationAndDefaultsSection2664226512__root",
+  "accordionWrapper": "ValidationAndDefaultsSection2664226512__accordionWrapper"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ValidationAndDefaultsSection839011583~~\";\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\":\"~~ValidationAndDefaultsSection839011583__root~~\",\"accordionWrapper\":\"~~ValidationAndDefaultsSection839011583__accordionWrapper~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~uCAAuC~~;~~AACzD~~,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,~~6CAA6C~~;EAAC,kBAAkB,EAAC;~~AAAyD~~,CAAC;~~AACjJ~~,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;EAAC,6CAA6C,EAAC;AAA+C,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ValidationAndDefaultsSection2664226512\";\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\":\"ValidationAndDefaultsSection2664226512__root\",\"accordionWrapper\":\"ValidationAndDefaultsSection2664226512__accordionWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,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,8CAA8C;EAAC,kBAAkB,EAAC;AAA0D,CAAC;AACnJ,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;EAAC,6CAA6C,EAAC;AAA+C,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "CharactersLimitInput919383244";
+var _namespace_ = "CharactersLimitInput3216958284";
 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": "CharactersLimitInput919383244__root",
-  "field": "CharactersLimitInput919383244__field"
+  "root": "CharactersLimitInput3216958284__root",
+  "field": "CharactersLimitInput3216958284__field"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CharactersLimitInput919383244~~\";\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\":\"~~CharactersLimitInput919383244__root~~\",\"field\":\"~~CharactersLimitInput919383244__field~~\"};\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,~~qCAAqC~~;EAAC,OAAO,EAAC;~~AAAsC~~,CAAC;~~AAC3G~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CharactersLimitInput3216958284\";\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\":\"CharactersLimitInput3216958284__root\",\"field\":\"CharactersLimitInput3216958284__field\"};\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,OAAO,EAAC;AAAuC,CAAC;AAC7G,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/CmsFieldManagement/formFields/FieldNameInput.js CHANGED Viewed

@@ -25,6 +25,7 @@ const FieldNameInput = ({
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+  dataHook: "cms-field-name-input",
   placeholder: "Enter a name",
   value: value,
   onChange: e => onChange(e.target.value),

package/dist/cjs/components/CmsFieldManagement/formFields/FieldNameInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","FieldNameInput","label","value","onChange","onBlur","error","default","createElement","FormField","required","stretchContent","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","Input","placeholder","e","target","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldNameInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\n\nexport interface FieldNameInputProps {\n label: string;\n value: string;\n onChange: (v: string) => void;\n onBlur?: () => void;\n error?: string;\n}\n\nexport const FieldNameInput = ({\n label,\n value,\n onChange,\n onBlur,\n error,\n}: FieldNameInputProps) => (\n <FormField\n required\n stretchContent\n label={label}\n status={error ? 'error' : undefined}\n statusMessage={error}\n >\n <Input\n placeholder=\"Enter a name\"\n value={value}\n onChange={(e) => onChange(e.target.value)}\n onBlur={onBlur}\n />\n </FormField>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAsD,IAAAE,YAAA;AAU/C,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC;AACmB,CAAC,kBACpBV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,SAAS;EACRC,QAAQ;EACRC,cAAc;EACdT,KAAK,EAAEA,KAAM;EACbU,MAAM,EAAEN,KAAK,GAAG,OAAO,GAAGO,SAAU;EACpCC,aAAa,EAAER,KAAM;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAErBvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,KAAK;EACJC,WAAW,EAAC,cAAc;~~EAC1BlB~~,KAAK,EAAEA,KAAM;EACbC,QAAQ,~~EAAGkB~~,CAAC,~~IAAKlB~~,QAAQ,~~CAACkB~~,CAAC,CAACC,MAAM,~~CAACpB~~,KAAK,CAAE;EAC1CE,MAAM,EAAEA,MAAO;EAAAU,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAChB,CACQ,CACZ;~~AAACK~~,OAAA,~~CAAAvB~~,cAAA,GAAAA,cAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","FieldNameInput","label","value","onChange","onBlur","error","default","createElement","FormField","required","stretchContent","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","Input","dataHook","placeholder","e","target","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldNameInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\n\nexport interface FieldNameInputProps {\n label: string;\n value: string;\n onChange: (v: string) => void;\n onBlur?: () => void;\n error?: string;\n}\n\nexport const FieldNameInput = ({\n label,\n value,\n onChange,\n onBlur,\n error,\n}: FieldNameInputProps) => (\n <FormField\n required\n stretchContent\n label={label}\n status={error ? 'error' : undefined}\n statusMessage={error}\n >\n <Input\n dataHook=\"cms-field-name-input\"\n placeholder=\"Enter a name\"\n value={value}\n onChange={(e) => onChange(e.target.value)}\n onBlur={onBlur}\n />\n </FormField>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAsD,IAAAE,YAAA;AAU/C,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC;AACmB,CAAC,kBACpBV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,SAAS;EACRC,QAAQ;EACRC,cAAc;EACdT,KAAK,EAAEA,KAAM;EACbU,MAAM,EAAEN,KAAK,GAAG,OAAO,GAAGO,SAAU;EACpCC,aAAa,EAAER,KAAM;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAErBvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,KAAK;EACJC,QAAQ,EAAC,sBAAsB;EAC/BC,WAAW,EAAC,cAAc;EAC1BnB,KAAK,EAAEA,KAAM;EACbC,QAAQ,EAAGmB,CAAC,IAAKnB,QAAQ,CAACmB,CAAC,CAACC,MAAM,CAACrB,KAAK,CAAE;EAC1CE,MAAM,EAAEA,MAAO;EAAAU,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAChB,CACQ,CACZ;AAACM,OAAA,CAAAxB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/Collapse/Collapse.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "Collapse1326337320";
+var _namespace_ = "Collapse1046907253";
 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": "Collapse1326337320__root",
-  "exit": "Collapse1326337320__exit"
+  "root": "Collapse1046907253__root",
+  "exit": "Collapse1046907253__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~Collapse1326337320~~\";\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\":\"~~Collapse1326337320__root~~\",\"exit\":\"~~Collapse1326337320__exit~~\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse1046907253\";\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\":\"Collapse1046907253__root\",\"exit\":\"Collapse1046907253__exit\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/CollectionCard/CollectionCard.js CHANGED Viewed

@@ -18,7 +18,6 @@ var _commonStCss = require("../common.st.css.js");
 var _ErrorState = require("../ErrorState");
 var _WixPatternsPanelModalsContainer = require("../WixPatternsPanelModalsContainer");
 var _react2 = require("@wix/bex-core/react");
-var _DeleteFieldModal = require("../ArchivedItemsPanel/DeleteFieldModal");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionCard/CollectionCard.tsx";
 function _CollectionCard({
   state,
@@ -41,7 +40,7 @@ function _CollectionCard({
     initTask,
     bulk,
     AddApplyFiltersButton,
-    collectionDataExtension,
+    collectionFieldsSource,
     tagsCollectionState
   } = state;
   const {
@@ -63,7 +62,7 @@ function _CollectionCard({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 69,
+        lineNumber: 66,
         columnNumber: 7
       }
     });
@@ -75,7 +74,7 @@ function _CollectionCard({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
+        lineNumber: 80,
         columnNumber: 11
       }
     })));
@@ -85,7 +84,7 @@ function _CollectionCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 87,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_MultiCollectionSupportProvider.MultiCollectionSupportProvider, {
@@ -93,7 +92,7 @@ function _CollectionCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 88,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card, (0, _extends2.default)({
@@ -102,7 +101,7 @@ function _CollectionCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 89,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -110,60 +109,44 @@ function _CollectionCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 90,
       columnNumber: 11
     }
   }, child)), /*#__PURE__*/_react.default.createElement(_NavigationModal.NavigationModal, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 93,
       columnNumber: 9
     }
-  }), (collectionDataExtension == null ? void 0 : collectionDataExtension.dataExtension) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomFieldModal, {
-    state: collectionDataExtension.customFieldsPanel.customFieldModal,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 99,
-      columnNumber: 13
-    }
-  }), /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.ArchiveFieldModal, {
-    state: collectionDataExtension.customFieldsPanel.archiveFieldModal,
+  }), collectionFieldsSource && /*#__PURE__*/_react.default.createElement(collectionFieldsSource.components.FieldManagementModals, {
+    source: collectionFieldsSource,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
-      columnNumber: 13
-    }
-  }), collectionDataExtension.dataExtension.deleteFieldModal && /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
-    state: collectionDataExtension.dataExtension.deleteFieldModal,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 108,
-      columnNumber: 15
+      lineNumber: 95,
+      columnNumber: 11
     }
-  })), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
+  }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
     value: collection,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 100,
       columnNumber: 9
     }
   }, tags), tagsCollectionState && /*#__PURE__*/_react.default.createElement(tagsCollectionState.components.ManageModal, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 101,
       columnNumber: 33
     }
   }), (AddApplyFiltersButton == null ? void 0 : AddApplyFiltersButton.DiscardChangesModal) && /*#__PURE__*/_react.default.createElement(AddApplyFiltersButton.DiscardChangesModal, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 103,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.LiveRegion, {
@@ -174,7 +157,7 @@ function _CollectionCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 106,
       columnNumber: 9
     }
   }), isPanelLayout ? /*#__PURE__*/_react.default.createElement(_WixPatternsPanelModalsContainer.WixPatternsPanelModalsContainer, {
@@ -182,7 +165,7 @@ function _CollectionCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 114,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_WixPatternsModalsContainer.WixPatternsModalsContainer, {
@@ -192,7 +175,7 @@ function _CollectionCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 116,
       columnNumber: 11
     }
   })));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionContext","_ActionModal","_ToolbarCollectionContext","_NavigationModal","_WixPatternsModalsContainer","_providers","_MultiCollectionSupportProvider","_commonStCss","_ErrorState","_WixPatternsPanelModalsContainer","_react2","_DeleteFieldModal","_jsxFileName","_CollectionCard","state","errorState","children","tags","rest","page","usePageContext","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","modalsContainerRef","stackingRootRef","collection","initTask","bulk","AddApplyFiltersButton","collectionDataExtension","tagsCollectionState","modals","actionModal","status","initTaskStatus","child","isError","default","createElement","ErrorState","errorStatus","dataHook","__self","__source","fileName","lineNumber","columnNumber","Fragment","value","MessageActionModal","_extends2","ToolbarCollectionProvider","MultiCollectionSupportProvider","multi","Card","className","st","classes","column","fullHeight","CollectionProvider","NavigationModal","dataExtension","DataExtension","CustomFieldModal","customFieldsPanel","customFieldModal","ArchiveFieldModal","archiveFieldModal","deleteFieldModal","DeleteFieldModal","components","ManageModal","DiscardChangesModal","LiveRegion","ref","liveRegionRef","current","WixPatternsPanelModalsContainer","panels","WixPatternsModalsContainer","rootRef","anchorRef","CollectionCard","exports","observer"],"sources":["../../../../src/components/CollectionCard/CollectionCard.tsx"],"sourcesContent":["import { Card, CardProps, LiveRegion } from '@wix/design-system';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CollectionProvider } from '../CollectionContext';\nimport { MessageActionModal } from '../ActionModal';\nimport { ToolbarCollectionProvider } from '../ToolbarCollectionContext';\nimport { NavigationModal } from '../NavigationModal';\nimport { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';\nimport { usePageContext } from '../../providers';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport type { DataExtensionType } from '../DataExtension';\nimport { classes, st } from '../common.st.css.js';\nimport { ErrorState } from '../ErrorState';\nimport type { TagsElement } from '../Tags';\nimport { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { DeleteFieldModal } from '../ArchivedItemsPanel/DeleteFieldModal';\n\nexport interface CollectionCardProps<T, F extends FiltersMap>\n extends CardProps {\n state: ToolbarCollectionState<T, F>;\n children?: ReactNode \| ReactNode[];\n errorState?:\n \| false\n \| ((\n err: unknown,\n params: {\n isOnline: boolean;\n retry: () => void;\n },\n ) => ReactElement);\n dataExtension?: DataExtensionType;\n tags?: TagsElement<T, F>;\n}\n\nfunction _CollectionCard<T, F extends FiltersMap>({\n state,\n errorState,\n children,\n tags,\n ...rest\n}: CollectionCardProps<T, F>) {\n const page = usePageContext();\n\n const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();\n\n const { modalsContainerRef, stackingRootRef } = page;\n\n const {\n collection,\n initTask,\n bulk,\n AddApplyFiltersButton,\n collectionDataExtension,\n tagsCollectionState,\n } = state;\n const { modals } = bulk;\n\n const { actionModal } = modals;\n\n const { status: initTaskStatus } = initTask;\n\n let child: ReactNode;\n\n if (initTaskStatus.isError && errorState !== false) {\n child = (\n <ErrorState\n errorStatus={initTaskStatus}\n errorState={errorState}\n dataHook=\"collection-card-error-state\"\n state={state}\n />\n );\n } else {\n child = children;\n\n child = (\n <>\n {child}\n {actionModal.value && (\n <MessageActionModal state={actionModal} {...actionModal.value} />\n )}\n </>\n );\n }\n\n return (\n <ToolbarCollectionProvider value={state}>\n <MultiCollectionSupportProvider value={state.multi}>\n <Card className={st(classes.column, classes.fullHeight)} {...rest}>\n <CollectionProvider value={collection}>{child}</CollectionProvider>\n </Card>\n\n <NavigationModal />\n {collectionDataExtension?.dataExtension && (\n <>\n <collectionDataExtension.DataExtension.CustomFieldModal\n state={collectionDataExtension.customFieldsPanel.customFieldModal}\n />\n <collectionDataExtension.DataExtension.ArchiveFieldModal\n state={\n collectionDataExtension.customFieldsPanel.archiveFieldModal\n }\n />\n {collectionDataExtension.dataExtension.deleteFieldModal && (\n <DeleteFieldModal\n state={collectionDataExtension.dataExtension.deleteFieldModal}\n />\n )}\n </>\n )}\n\n <CollectionProvider value={collection}>{tags}</CollectionProvider>\n {tagsCollectionState && <tagsCollectionState.components.ManageModal />}\n {AddApplyFiltersButton?.DiscardChangesModal && (\n <AddApplyFiltersButton.DiscardChangesModal />\n )}\n\n <LiveRegion\n dataHook=\"collection-live-region\"\n ref={(ref) => {\n state.liveRegionRef.current = ref;\n }}\n />\n\n {isPanelLayout ? (\n <WixPatternsPanelModalsContainer state={state.panels} />\n ) : (\n <WixPatternsModalsContainer\n rootRef={stackingRootRef}\n anchorRef={\n useRelativeSidePanel ? stackingRootRef : modalsContainerRef\n }\n state={state.panels}\n />\n )}\n </MultiCollectionSupportProvider>\n </ToolbarCollectionProvider>\n );\n}\nexport const CollectionCard = observer(_CollectionCard);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionContext","_ActionModal","_ToolbarCollectionContext","_NavigationModal","_WixPatternsModalsContainer","_providers","_MultiCollectionSupportProvider","_commonStCss","_ErrorState","_WixPatternsPanelModalsContainer","_react2","_jsxFileName","_CollectionCard","state","errorState","children","tags","rest","page","usePageContext","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","modalsContainerRef","stackingRootRef","collection","initTask","bulk","AddApplyFiltersButton","collectionFieldsSource","tagsCollectionState","modals","actionModal","status","initTaskStatus","child","isError","default","createElement","ErrorState","errorStatus","dataHook","__self","__source","fileName","lineNumber","columnNumber","Fragment","value","MessageActionModal","_extends2","ToolbarCollectionProvider","MultiCollectionSupportProvider","multi","Card","className","st","classes","column","fullHeight","CollectionProvider","NavigationModal","components","FieldManagementModals","source","ManageModal","DiscardChangesModal","LiveRegion","ref","liveRegionRef","current","WixPatternsPanelModalsContainer","panels","WixPatternsModalsContainer","rootRef","anchorRef","CollectionCard","exports","observer"],"sources":["../../../../src/components/CollectionCard/CollectionCard.tsx"],"sourcesContent":["import { Card, CardProps, LiveRegion } from '@wix/design-system';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CollectionProvider } from '../CollectionContext';\nimport { MessageActionModal } from '../ActionModal';\nimport { ToolbarCollectionProvider } from '../ToolbarCollectionContext';\nimport { NavigationModal } from '../NavigationModal';\nimport { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';\nimport { usePageContext } from '../../providers';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport { classes, st } from '../common.st.css.js';\nimport { ErrorState } from '../ErrorState';\nimport type { TagsElement } from '../Tags';\nimport { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CollectionCardProps<T, F extends FiltersMap>\n extends CardProps {\n state: ToolbarCollectionState<T, F>;\n children?: ReactNode \| ReactNode[];\n errorState?:\n \| false\n \| ((\n err: unknown,\n params: {\n isOnline: boolean;\n retry: () => void;\n },\n ) => ReactElement);\n tags?: TagsElement<T, F>;\n}\n\nfunction _CollectionCard<T, F extends FiltersMap>({\n state,\n errorState,\n children,\n tags,\n ...rest\n}: CollectionCardProps<T, F>) {\n const page = usePageContext();\n\n const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();\n\n const { modalsContainerRef, stackingRootRef } = page;\n\n const {\n collection,\n initTask,\n bulk,\n AddApplyFiltersButton,\n collectionFieldsSource,\n tagsCollectionState,\n } = state;\n const { modals } = bulk;\n\n const { actionModal } = modals;\n\n const { status: initTaskStatus } = initTask;\n\n let child: ReactNode;\n\n if (initTaskStatus.isError && errorState !== false) {\n child = (\n <ErrorState\n errorStatus={initTaskStatus}\n errorState={errorState}\n dataHook=\"collection-card-error-state\"\n state={state}\n />\n );\n } else {\n child = children;\n\n child = (\n <>\n {child}\n {actionModal.value && (\n <MessageActionModal state={actionModal} {...actionModal.value} />\n )}\n </>\n );\n }\n\n return (\n <ToolbarCollectionProvider value={state}>\n <MultiCollectionSupportProvider value={state.multi}>\n <Card className={st(classes.column, classes.fullHeight)} {...rest}>\n <CollectionProvider value={collection}>{child}</CollectionProvider>\n </Card>\n\n <NavigationModal />\n {collectionFieldsSource && (\n <collectionFieldsSource.components.FieldManagementModals\n source={collectionFieldsSource}\n />\n )}\n\n <CollectionProvider value={collection}>{tags}</CollectionProvider>\n {tagsCollectionState && <tagsCollectionState.components.ManageModal />}\n {AddApplyFiltersButton?.DiscardChangesModal && (\n <AddApplyFiltersButton.DiscardChangesModal />\n )}\n\n <LiveRegion\n dataHook=\"collection-live-region\"\n ref={(ref) => {\n state.liveRegionRef.current = ref;\n }}\n />\n\n {isPanelLayout ? (\n <WixPatternsPanelModalsContainer state={state.panels} />\n ) : (\n <WixPatternsModalsContainer\n rootRef={stackingRootRef}\n anchorRef={\n useRelativeSidePanel ? stackingRootRef : modalsContainerRef\n }\n state={state.panels}\n />\n )}\n </MultiCollectionSupportProvider>\n </ToolbarCollectionProvider>\n );\n}\nexport const CollectionCard = observer(_CollectionCard);\n"],"mappings":"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","ignoreList":[]}

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

@@ -28,6 +28,7 @@ function _CollectionMultiSelectCheckbox(props) {
     onOptionsShow,
     onDeselect,
     placeholder: placeholderProp,
+    maxSelected,
     ...rest
   } = props;
   const container = (0, _react2.useWixPatternsContainer)();
@@ -43,7 +44,8 @@ function _CollectionMultiSelectCheckbox(props) {
     resetOnClose: false,
     collectionFilter,
     container,
-    toolbar
+    toolbar,
+    maxSelected
   }));
   const {
     dropdownSelect,
@@ -178,14 +180,14 @@ function _CollectionMultiSelectCheckbox(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 196,
+        lineNumber: 206,
         columnNumber: 9
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 142,
       columnNumber: 5
     }
   }));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_InputOverflow","_providers","_useCollectionFilterInitialFetchTiming","_useFilterCollectionStates","_useCollectionOptions","_useDropdownPlaceholder","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionMultiSelectCheckbox","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","translate","useDropdownTranslationContext","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","inputValue","disableEditing","select","selectedKeys","selectedValues","textOverflowState","TextOverflowState","observable","isOverflow","fetchedLastPage","fixedFooter","showInitialLoader","useFilterCollectionStates","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","selectedValuesText","useDropdownPlaceholder","options","useCollectionOptions","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","close","onBlur","id","option","keyedItem","delete","value","onChange","search","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","length","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","CollectionMultiSelectCheckbox","exports","observer"],"sources":["../../../../src/components/CollectionMultiSelectCheckbox/CollectionMultiSelectCheckbox.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n CollectionFilterState,\n DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n KeyedItemOption,\n MultiSelectCheckboxFilterBase,\n MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport {\n useFilterToolbarState,\n useDropdownTranslationContext,\n} from '../../providers';\nimport {\n useCollectionFilterInitialFetchTiming,\n CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { useCollectionOptions } from '../../hooks/useCollectionOptions';\nimport { useDropdownPlaceholder } from '../../hooks/useDropdownPlaceholder';\n\nexport interface CollectionMultiSelectCheckboxProps<\n V,\n F extends FiltersMap = FiltersMap,\n> extends Omit<\n MultiSelectCheckboxFilterBaseProps<V>,\n 'options' \| 'dropdownSelect'\n >,\n CollectionFilterInitialFetchTimingProps {\n /*\n A collection state object to fetch the dropdown items.<br>\n * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n * @external\n /\n collection: CollectionState<V, F>;\n /\n A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n */\n renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _CollectionMultiSelectCheckbox<V, F extends FiltersMap = FiltersMap>(\n props: CollectionMultiSelectCheckboxProps<V, F>,\n) {\n const {\n filter,\n collection,\n renderItem,\n onSelect,\n onClose,\n onOptionsShow,\n onDeselect,\n placeholder: placeholderProp,\n ...rest\n } = props;\n\n const container = useWixPatternsContainer();\n const toolbar = useFilterToolbarState();\n\n const { translate } = useDropdownTranslationContext();\n\n const [collectionFilter] = useState(\n () =>\n new CollectionFilterState({\n collection,\n filter,\n }),\n );\n\n const [dropdownCollectionFilterState] = useState(\n () =>\n new DropdownCollectionFilterState<V, F>({\n resetOnClose: false,\n collectionFilter,\n container,\n toolbar,\n }),\n );\n\n const {\n dropdownSelect,\n init,\n inputState,\n shouldShowPlaceholder,\n inputValue,\n } = dropdownCollectionFilterState;\n const { disableEditing } = inputState;\n\n const {\n select: { selectedKeys, selectedValues },\n } = dropdownSelect;\n\n const [textOverflowState] = useState(\n () =>\n new TextOverflowState({\n observable: () => dropdownSelect.select.selectedValues,\n }),\n );\n const { isOverflow } = textOverflowState;\n const { fetchedLastPage } = collection;\n const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n collection,\n fixedFooter: rest.fixedFooter,\n });\n\n const { skipInitialFetch, onFocus } =\n useCollectionFilterInitialFetchTiming(props);\n\n useEffect(() => init({ skipInitialFetch }), []);\n\n const { selectedValuesText, placeholder } = useDropdownPlaceholder({\n dropdownSelect,\n filter,\n shouldShowPlaceholder,\n isOverflow,\n placeholderProp,\n });\n const { options } = useCollectionOptions({\n collection,\n dropdownCollectionFilterState,\n renderItem,\n filter,\n });\n\n return (\n <MultiSelectCheckboxFilterBase\n {...rest}\n fixedFooter={fixedFooter}\n infiniteScroll\n filter={filter}\n dropdownSelect={dropdownSelect}\n options={options}\n selectedOptions={selectedKeys}\n hasMore={!showInitialLoader && !fetchedLastPage}\n loadMore={collection.fetchNextPageIfNeeded}\n onClose={() => {\n if (!dropdownSelect.hasPendingFilter) {\n dropdownSelect.closeAndChangeSelectedItems();\n } else {\n dropdownSelect.close();\n }\n inputState.onBlur();\n onClose?.();\n }}\n onSelect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.set(keyedItem);\n onSelect?.(id, option);\n }}\n onDeselect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.delete(keyedItem);\n onDeselect?.(id, option);\n }}\n value={inputValue}\n onFocus={() => {\n inputState.onFocus();\n onFocus();\n }}\n onBlur={() => {\n inputState.onBlur();\n }}\n onChange={(e) => {\n collection.search(e.target.value, { clearResult: true });\n }}\n onOptionsShow={() => {\n dropdownCollectionFilterState.onOptionsShow();\n inputState.onOptionsShow();\n onOptionsShow?.();\n }}\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n inputState.onTabKeyDown();\n }\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n inputState.onClickOutside();\n }}\n onClear={() => {\n inputState.onBlur();\n collection.clearSearch();\n }}\n disableEditing={disableEditing}\n placeholder={placeholder}\n clearButton={!disableEditing}\n clearButtonTooltipContent={translate('clearButtonTooltip')}\n focusOnClearClick\n inputElement={\n <InputOverflow\n selected={selectedValues.length > 0}\n focused={inputState.isFocused}\n text={selectedValuesText}\n state={textOverflowState}\n />\n }\n />\n );\n}\n\nexport const CollectionMultiSelectCheckbox = observer(\n _CollectionMultiSelectCheckbox,\n);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_InputOverflow","_providers","_useCollectionFilterInitialFetchTiming","_useFilterCollectionStates","_useCollectionOptions","_useDropdownPlaceholder","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionMultiSelectCheckbox","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","maxSelected","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","translate","useDropdownTranslationContext","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","inputValue","disableEditing","select","selectedKeys","selectedValues","textOverflowState","TextOverflowState","observable","isOverflow","fetchedLastPage","fixedFooter","showInitialLoader","useFilterCollectionStates","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","selectedValuesText","useDropdownPlaceholder","options","useCollectionOptions","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","close","onBlur","id","option","keyedItem","delete","value","onChange","search","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","length","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","CollectionMultiSelectCheckbox","exports","observer"],"sources":["../../../../src/components/CollectionMultiSelectCheckbox/CollectionMultiSelectCheckbox.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n CollectionFilterState,\n DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n KeyedItemOption,\n MultiSelectCheckboxFilterBase,\n MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport {\n useFilterToolbarState,\n useDropdownTranslationContext,\n} from '../../providers';\nimport {\n useCollectionFilterInitialFetchTiming,\n CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { useCollectionOptions } from '../../hooks/useCollectionOptions';\nimport { useDropdownPlaceholder } from '../../hooks/useDropdownPlaceholder';\n\nexport interface CollectionMultiSelectCheckboxProps<\n V,\n F extends FiltersMap = FiltersMap,\n> extends Omit<\n MultiSelectCheckboxFilterBaseProps<V>,\n 'options' \| 'dropdownSelect'\n >,\n CollectionFilterInitialFetchTimingProps {\n /*\n A collection state object to fetch the dropdown items.<br>\n * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n * @external\n /\n collection: CollectionState<V, F>;\n /\n A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n /\n renderItem?: (item: V, index: number) => ListItem;\n /\n The maximum number of items that can be selected. Once reached, every\n * unselected option becomes disabled (already-selected options stay\n * deselectable). When undefined, selection is unbounded.\n \n Read once on mount — later changes to this prop are ignored. (Optional)\n */\n maxSelected?: number;\n}\n\nfunction _CollectionMultiSelectCheckbox<V, F extends FiltersMap = FiltersMap>(\n props: CollectionMultiSelectCheckboxProps<V, F>,\n) {\n const {\n filter,\n collection,\n renderItem,\n onSelect,\n onClose,\n onOptionsShow,\n onDeselect,\n placeholder: placeholderProp,\n maxSelected,\n ...rest\n } = props;\n\n const container = useWixPatternsContainer();\n const toolbar = useFilterToolbarState();\n\n const { translate } = useDropdownTranslationContext();\n\n const [collectionFilter] = useState(\n () =>\n new CollectionFilterState({\n collection,\n filter,\n }),\n );\n\n const [dropdownCollectionFilterState] = useState(\n () =>\n new DropdownCollectionFilterState<V, F>({\n resetOnClose: false,\n collectionFilter,\n container,\n toolbar,\n maxSelected,\n }),\n );\n\n const {\n dropdownSelect,\n init,\n inputState,\n shouldShowPlaceholder,\n inputValue,\n } = dropdownCollectionFilterState;\n const { disableEditing } = inputState;\n\n const {\n select: { selectedKeys, selectedValues },\n } = dropdownSelect;\n\n const [textOverflowState] = useState(\n () =>\n new TextOverflowState({\n observable: () => dropdownSelect.select.selectedValues,\n }),\n );\n const { isOverflow } = textOverflowState;\n const { fetchedLastPage } = collection;\n const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n collection,\n fixedFooter: rest.fixedFooter,\n });\n\n const { skipInitialFetch, onFocus } =\n useCollectionFilterInitialFetchTiming(props);\n\n useEffect(() => init({ skipInitialFetch }), []);\n\n const { selectedValuesText, placeholder } = useDropdownPlaceholder({\n dropdownSelect,\n filter,\n shouldShowPlaceholder,\n isOverflow,\n placeholderProp,\n });\n const { options } = useCollectionOptions({\n collection,\n dropdownCollectionFilterState,\n renderItem,\n filter,\n });\n\n return (\n <MultiSelectCheckboxFilterBase\n {...rest}\n fixedFooter={fixedFooter}\n infiniteScroll\n filter={filter}\n dropdownSelect={dropdownSelect}\n options={options}\n selectedOptions={selectedKeys}\n hasMore={!showInitialLoader && !fetchedLastPage}\n loadMore={collection.fetchNextPageIfNeeded}\n onClose={() => {\n if (!dropdownSelect.hasPendingFilter) {\n dropdownSelect.closeAndChangeSelectedItems();\n } else {\n dropdownSelect.close();\n }\n inputState.onBlur();\n onClose?.();\n }}\n onSelect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.set(keyedItem);\n onSelect?.(id, option);\n }}\n onDeselect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.delete(keyedItem);\n onDeselect?.(id, option);\n }}\n value={inputValue}\n onFocus={() => {\n inputState.onFocus();\n onFocus();\n }}\n onBlur={() => {\n inputState.onBlur();\n }}\n onChange={(e) => {\n collection.search(e.target.value, { clearResult: true });\n }}\n onOptionsShow={() => {\n dropdownCollectionFilterState.onOptionsShow();\n inputState.onOptionsShow();\n onOptionsShow?.();\n }}\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n inputState.onTabKeyDown();\n }\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n inputState.onClickOutside();\n }}\n onClear={() => {\n inputState.onBlur();\n collection.clearSearch();\n }}\n disableEditing={disableEditing}\n placeholder={placeholder}\n clearButton={!disableEditing}\n clearButtonTooltipContent={translate('clearButtonTooltip')}\n focusOnClearClick\n inputElement={\n <InputOverflow\n selected={selectedValues.length > 0}\n focused={inputState.isFocused}\n text={selectedValuesText}\n state={textOverflowState}\n />\n }\n />\n );\n}\n\nexport const CollectionMultiSelectCheckbox = observer(\n _CollectionMultiSelectCheckbox,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js CHANGED Viewed

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

package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CollectionPage1810516244~~\";\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\":\"~~CollectionPage1810516244__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-page-header-padding-horizontal-small\":\"--wds-page-header-padding-horizontal-small\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage3736372083\";\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\":\"CollectionPage3736372083__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-page-header-padding-horizontal-small\":\"--wds-page-header-padding-horizontal-small\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "CollectionSectionHeader16174633";
+var _namespace_ = "CollectionSectionHeader3174480100";
 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": "CollectionSectionHeader16174633__root",
-  "summaryIcon": "CollectionSectionHeader16174633__summaryIcon"
+  "root": "CollectionSectionHeader3174480100__root",
+  "summaryIcon": "CollectionSectionHeader3174480100__summaryIcon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CollectionSectionHeader16174633~~\";\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\":\"~~CollectionSectionHeader16174633__root~~\",\"summaryIcon\":\"~~CollectionSectionHeader16174633__summaryIcon~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~iCAAiC~~;~~AACnD~~,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,~~uCAAuC~~;EAAC,aAAa,EAAC;~~AAA8C~~,CAAC;~~AAC3H~~,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;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader3174480100\";\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\":\"CollectionSectionHeader3174480100__root\",\"summaryIcon\":\"CollectionSectionHeader3174480100__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,CAAC;AAC/H,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;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}