@wix/patterns 1.397.0 → 1.399.0

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_ValidationSubSection","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ValidationAndDefaultsSection","state","isOpen","setIsOpen","useState","hasValidation","supportedValidationRules","length","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","role","tabIndex","style","cursor","display","alignItems","gap","padding","onClick","v","onKeyDown","key","ChevronDown","size","ChevronRight","Text","paddingBottom","weight","ValidationSubSection","Divider","FormField","label","infoContent","Input","value","properties","helpText","onChange","setHelpText","target","ValidationAndDefaultsSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, FormField, Input, Text } from '@wix/design-system';\nimport { ChevronDown, ChevronRight } from '@wix/wix-ui-icons-common';\nimport type { CmsFormState } from '../CmsFormState';\nimport { ValidationSubSection } from './ValidationSubSection';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _ValidationAndDefaultsSection = ({ state }: Props) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const hasValidation = state.supportedValidationRules.length > 0;\n\n  return (\n    <Box direction=\"vertical\">\n      <div\n        role=\"button\"\n        tabIndex={0}\n        style={{\n          cursor: 'pointer',\n          display: 'flex',\n          alignItems: 'center',\n          gap: 8,\n          padding: '16px 0',\n        }}\n        onClick={() => setIsOpen((v) => !v)}\n        onKeyDown={(e: React.KeyboardEvent) =>\n          e.key === 'Enter' && setIsOpen((v) => !v)\n        }\n      >\n        {isOpen ? <ChevronDown size=\"18px\" /> : <ChevronRight size=\"18px\" />}\n        <Text>Validation and defaults</Text>\n      </div>\n\n      {isOpen && (\n        <Box direction=\"vertical\" gap=\"SP6\" paddingBottom=\"SP4\">\n          {hasValidation && (\n            <Box direction=\"vertical\" gap=\"SP2\">\n              <Text weight=\"bold\">Validation</Text>\n              <ValidationSubSection state={state} />\n            </Box>\n          )}\n\n          <Divider />\n\n          <FormField\n            label=\"Help text\"\n            infoContent=\"Descriptive text shown below the field in forms.\"\n          >\n            <Input\n              value={state.properties.helpText}\n              onChange={(e) => state.setHelpText(e.target.value)}\n            />\n          </FormField>\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nexport const ValidationAndDefaultsSection = observer(\n  _ValidationAndDefaultsSection,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_ValidationSubSection","_ValidationAndDefaultsSectionStCss","_jsxFileName","_ValidationAndDefaultsSection","state","hasValidation","supportedValidationRules","length","default","createElement","className","classes","accordionWrapper","__self","__source","fileName","lineNumber","columnNumber","Accordion","skin","hideShadow","horizontalPadding","items","title","toggleIconPlacement","children","Box","direction","gap","ValidationSubSection","FormField","label","infoContent","Input","value","properties","helpText","onChange","e","setHelpText","target","ValidationAndDefaultsSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Accordion, Box, FormField, Input } from '@wix/design-system';\nimport type { CmsFormState } from '../CmsFormState';\nimport { ValidationSubSection } from './ValidationSubSection';\nimport { classes } from './ValidationAndDefaultsSection.st.css.js';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _ValidationAndDefaultsSection = ({ state }: Props) => {\n  const hasValidation = state.supportedValidationRules.length > 0;\n\n  return (\n    <div className={classes.accordionWrapper}>\n      <Accordion\n        skin=\"light\"\n        hideShadow\n        horizontalPadding=\"large\"\n        items={[\n          {\n            title: 'Validation and defaults',\n            toggleIconPlacement: 'start',\n            children: (\n              <Box direction=\"vertical\" gap=\"SP3\">\n                {hasValidation && <ValidationSubSection state={state} />}\n\n                <FormField\n                  label=\"Help text\"\n                  infoContent=\"Descriptive text shown below the field in forms.\"\n                >\n                  <Input\n                    value={state.properties.helpText}\n                    onChange={(e) => state.setHelpText(e.target.value)}\n                  />\n                </FormField>\n              </Box>\n            ),\n          },\n        ]}\n      />\n    </div>\n  );\n};\n\nexport const ValidationAndDefaultsSection = observer(\n  _ValidationAndDefaultsSection,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,kCAAA,GAAAJ,OAAA;AAAmE,IAAAK,YAAA;AAMnE,MAAMC,6BAA6B,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAC1D,MAAMC,aAAa,GAAGD,KAAK,CAACE,wBAAwB,CAACC,MAAM,GAAG,CAAC;EAE/D,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAEC,0CAAO,CAACC,gBAAiB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvCtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAmB,SAAS;IACRC,IAAI,EAAC,OAAO;IACZC,UAAU;IACVC,iBAAiB,EAAC,OAAO;IACzBC,KAAK,EAAE,CACL;MACEC,KAAK,EAAE,yBAAyB;MAChCC,mBAAmB,EAAE,OAAO;MAC5BC,QAAQ,eACN9B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA2B,GAAG;QAACC,SAAS,EAAC,UAAU;QAACC,GAAG,EAAC,KAAK;QAAAf,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,GAChCZ,aAAa,iBAAIV,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,qBAAA,CAAA6B,oBAAoB;QAACzB,KAAK,EAAEA,KAAM;QAAAS,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,eAExDtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA+B,SAAS;QACRC,KAAK,EAAC,WAAW;QACjBC,WAAW,EAAC,kDAAkD;QAAAnB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAE9DtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAkC,KAAK;QACJC,KAAK,EAAE9B,KAAK,CAAC+B,UAAU,CAACC,QAAS;QACjCC,QAAQ,EAAGC,CAAC,IAAKlC,KAAK,CAACmC,WAAW,CAACD,CAAC,CAACE,MAAM,CAACN,KAAK,CAAE;QAAArB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,CACpD,CACQ,CACR;IAET,CAAC,CACD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CAAC;AAEV,CAAC;AAEM,MAAMwB,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDxC,6BACF,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css

@@ -0,0 +1,7 @@
+@property st-global(--wds-custom-modal-content-padding-horizontal);
+
+.accordionWrapper {
+  margin-inline: calc(
+    -1 * var(--wds-custom-modal-content-padding-horizontal, 24px)
+  );
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "ValidationAndDefaultsSection1284280707";
+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": "ValidationAndDefaultsSection1284280707__root",
+  "accordionWrapper": "ValidationAndDefaultsSection1284280707__accordionWrapper"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-custom-modal-content-padding-horizontal": "--wds-custom-modal-content-padding-horizontal"
+};
+//# sourceMappingURL=ValidationAndDefaultsSection.st.css.js.map

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

@@ -0,0 +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_ = \"ValidationAndDefaultsSection1284280707\";\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\":\"ValidationAndDefaultsSection1284280707__root\",\"accordionWrapper\":\"ValidationAndDefaultsSection1284280707__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/Sections/ValidationSubSection.js

@@ -18,7 +18,7 @@ const _ValidationSubSection = ({
   } = state;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
-    gap: "SP4",
+    gap: "SP3",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationSubSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_RequiredToggle","_CharactersLimitInput","_jsxFileName","_ValidationSubSection","state","supportedValidationRules","fieldRules","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","map","rule","RequiredToggle","key","label","checked","Boolean","validationRules","required","onChange","v","setValidationRule","isEnabled","charactersLimit","undefined","verticalAlign","ToggleSwitch","Text","size","InfoIcon","content","CharactersLimitInput","minLabel","maxLabel","value","ValidationSubSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, InfoIcon, Text, ToggleSwitch } from '@wix/design-system';\nimport type { StringLengthRange } from '../../../types/SchemaConfig';\nimport type { CmsFormState } from '../CmsFormState';\nimport type { ValidationRule } from '../types';\nimport { RequiredToggle } from '../formFields/RequiredToggle';\nimport { CharactersLimitInput } from '../formFields/CharactersLimitInput';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _ValidationSubSection = ({ state }: Props) => {\n  const { supportedValidationRules, fieldRules } = state;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP4\">\n      {supportedValidationRules.map((rule: ValidationRule) => {\n        if (rule === 'required') {\n          return (\n            <RequiredToggle\n              key=\"required\"\n              label=\"Make this a required field\"\n              checked={Boolean(fieldRules.validationRules.required)}\n              onChange={(v) => state.setValidationRule('required', v)}\n            />\n          );\n        }\n        if (rule === 'charactersLimit') {\n          const isEnabled =\n            fieldRules.validationRules.charactersLimit !== undefined;\n          return (\n            <Box key=\"charactersLimit\" direction=\"vertical\" gap=\"SP3\">\n              <Box verticalAlign=\"middle\" gap=\"SP2\">\n                <ToggleSwitch\n                  checked={isEnabled}\n                  onChange={() =>\n                    state.setValidationRule(\n                      'charactersLimit',\n                      isEnabled ? undefined : {},\n                    )\n                  }\n                />\n                <Text size=\"small\">Limit character count</Text>\n                <InfoIcon content=\"Set minimum and maximum character limits for this field.\" />\n              </Box>\n              {isEnabled && (\n                <CharactersLimitInput\n                  minLabel=\"Min characters\"\n                  maxLabel=\"Max characters\"\n                  value={\n                    (fieldRules.validationRules.charactersLimit as\n                      | StringLengthRange\n                      | undefined) ?? {}\n                  }\n                  onChange={(v) =>\n                    state.setValidationRule('charactersLimit', v)\n                  }\n                />\n              )}\n            </Box>\n          );\n        }\n        return null;\n      })}\n    </Box>\n  );\n};\n\nexport const ValidationSubSection = observer(_ValidationSubSection);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAIA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AAM1E,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAClD,MAAM;IAAEC,wBAAwB;IAAEC;EAAW,CAAC,GAAGF,KAAK;EAEtD,oBACET,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChCX,wBAAwB,CAACY,GAAG,CAAEC,IAAoB,IAAK;IACtD,IAAIA,IAAI,KAAK,UAAU,EAAE;MACvB,oBACEvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,eAAA,CAAAmB,cAAc;QACbC,GAAG,EAAC,UAAU;QACdC,KAAK,EAAC,4BAA4B;QAClCC,OAAO,EAAEC,OAAO,CAACjB,UAAU,CAACkB,eAAe,CAACC,QAAQ,CAAE;QACtDC,QAAQ,EAAGC,CAAC,IAAKvB,KAAK,CAACwB,iBAAiB,CAAC,UAAU,EAAED,CAAC,CAAE;QAAAf,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,CACzD,CAAC;IAEN;IACA,IAAIE,IAAI,KAAK,iBAAiB,EAAE;MAC9B,MAAMW,SAAS,GACbvB,UAAU,CAACkB,eAAe,CAACM,eAAe,KAAKC,SAAS;MAC1D,oBACEpC,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;QAACW,GAAG,EAAC,iBAAiB;QAACV,SAAS,EAAC,UAAU;QAACC,GAAG,EAAC,KAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACvDrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;QAACuB,aAAa,EAAC,QAAQ;QAACrB,GAAG,EAAC,KAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACnCrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAkC,YAAY;QACXX,OAAO,EAAEO,SAAU;QACnBH,QAAQ,EAAEA,CAAA,KACRtB,KAAK,CAACwB,iBAAiB,CACrB,iBAAiB,EACjBC,SAAS,GAAGE,SAAS,GAAG,CAAC,CAC3B,CACD;QAAAnB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,CACF,CAAC,eACFrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAmC,IAAI;QAACC,IAAI,EAAC,OAAO;QAAAvB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,GAAC,uBAA2B,CAAC,eAC/CrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqC,QAAQ;QAACC,OAAO,EAAC,0DAA0D;QAAAzB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAC3E,CAAC,EACLa,SAAS,iBACRlC,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,qBAAA,CAAAqC,oBAAoB;QACnBC,QAAQ,EAAC,gBAAgB;QACzBC,QAAQ,EAAC,gBAAgB;QACzBC,KAAK,EACFnC,UAAU,CAACkB,eAAe,CAACM,eAAe,IAEzB,CAAC,CACpB;QACDJ,QAAQ,EAAGC,CAAC,IACVvB,KAAK,CAACwB,iBAAiB,CAAC,iBAAiB,EAAED,CAAC,CAC7C;QAAAf,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,CACF,CAEA,CAAC;IAEV;IACA,OAAO,IAAI;EACb,CAAC,CACE,CAAC;AAEV,CAAC;AAEM,MAAM0B,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACzC,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_RequiredToggle","_CharactersLimitInput","_jsxFileName","_ValidationSubSection","state","supportedValidationRules","fieldRules","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","map","rule","RequiredToggle","key","label","checked","Boolean","validationRules","required","onChange","v","setValidationRule","isEnabled","charactersLimit","undefined","verticalAlign","ToggleSwitch","Text","size","InfoIcon","content","CharactersLimitInput","minLabel","maxLabel","value","ValidationSubSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, InfoIcon, Text, ToggleSwitch } from '@wix/design-system';\nimport type { StringLengthRange } from '../../../types/SchemaConfig';\nimport type { CmsFormState } from '../CmsFormState';\nimport type { ValidationRule } from '../types';\nimport { RequiredToggle } from '../formFields/RequiredToggle';\nimport { CharactersLimitInput } from '../formFields/CharactersLimitInput';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _ValidationSubSection = ({ state }: Props) => {\n  const { supportedValidationRules, fieldRules } = state;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP3\">\n      {supportedValidationRules.map((rule: ValidationRule) => {\n        if (rule === 'required') {\n          return (\n            <RequiredToggle\n              key=\"required\"\n              label=\"Make this a required field\"\n              checked={Boolean(fieldRules.validationRules.required)}\n              onChange={(v) => state.setValidationRule('required', v)}\n            />\n          );\n        }\n        if (rule === 'charactersLimit') {\n          const isEnabled =\n            fieldRules.validationRules.charactersLimit !== undefined;\n          return (\n            <Box key=\"charactersLimit\" direction=\"vertical\" gap=\"SP3\">\n              <Box verticalAlign=\"middle\" gap=\"SP2\">\n                <ToggleSwitch\n                  checked={isEnabled}\n                  onChange={() =>\n                    state.setValidationRule(\n                      'charactersLimit',\n                      isEnabled ? undefined : {},\n                    )\n                  }\n                />\n                <Text size=\"small\">Limit character count</Text>\n                <InfoIcon content=\"Set minimum and maximum character limits for this field.\" />\n              </Box>\n              {isEnabled && (\n                <CharactersLimitInput\n                  minLabel=\"Min characters\"\n                  maxLabel=\"Max characters\"\n                  value={\n                    (fieldRules.validationRules.charactersLimit as\n                      | StringLengthRange\n                      | undefined) ?? {}\n                  }\n                  onChange={(v) =>\n                    state.setValidationRule('charactersLimit', v)\n                  }\n                />\n              )}\n            </Box>\n          );\n        }\n        return null;\n      })}\n    </Box>\n  );\n};\n\nexport const ValidationSubSection = observer(_ValidationSubSection);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.js

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.CharactersLimitInput = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _CharactersLimitInputStCss = require("./CharactersLimitInput.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx";
 const CharactersLimitInput = ({
   minLabel,
@@ -13,19 +14,29 @@ const CharactersLimitInput = ({
   onChange
 }) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
   gap: "SP3",
+  width: "100%",
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 18,
+    lineNumber: 19,
     columnNumber: 3
   }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  className: _CharactersLimitInputStCss.classes.field,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 20,
+    columnNumber: 5
+  }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+  stretchContent: true,
   label: minLabel,
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 19,
-    columnNumber: 5
+    lineNumber: 21,
+    columnNumber: 7
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
   value: value.minLength,
@@ -37,17 +48,26 @@ const CharactersLimitInput = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 20,
-    columnNumber: 7
+    lineNumber: 22,
+    columnNumber: 9
   }
-})), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
-  label: maxLabel,
+}))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  className: _CharactersLimitInputStCss.classes.field,
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 26,
+    lineNumber: 29,
     columnNumber: 5
   }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+  stretchContent: true,
+  label: maxLabel,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 30,
+    columnNumber: 7
+  }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
   value: value.maxLength,
   onChange: v => onChange({
@@ -58,9 +78,9 @@ const CharactersLimitInput = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 27,
-    columnNumber: 7
+    lineNumber: 31,
+    columnNumber: 9
   }
-})));
+}))));
 exports.CharactersLimitInput = CharactersLimitInput;
 //# sourceMappingURL=CharactersLimitInput.js.map

package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","CharactersLimitInput","minLabel","maxLabel","value","onChange","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","FormField","label","NumberInput","minLength","v","undefined","min","maxLength","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, FormField, NumberInput } from '@wix/design-system';\nimport type { StringLengthRange } from '../../../types/SchemaConfig';\n\nexport interface CharactersLimitInputProps {\n  minLabel: string;\n  maxLabel: string;\n  value: StringLengthRange;\n  onChange: (v: StringLengthRange) => void;\n}\n\nexport const CharactersLimitInput = ({\n  minLabel,\n  maxLabel,\n  value,\n  onChange,\n}: CharactersLimitInputProps) => (\n  <Box gap=\"SP3\">\n    <FormField label={minLabel}>\n      <NumberInput\n        value={value.minLength}\n        onChange={(v) => onChange({ ...value, minLength: v ?? undefined })}\n        min={0}\n      />\n    </FormField>\n    <FormField label={maxLabel}>\n      <NumberInput\n        value={value.maxLength}\n        onChange={(v) => onChange({ ...value, maxLength: v ?? undefined })}\n        min={0}\n      />\n    </FormField>\n  </Box>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAiE,IAAAE,YAAA;AAU1D,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC;AACyB,CAAC,kBAC1BT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;EAACC,GAAG,EAAC,KAAK;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACZlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,SAAS;EAACC,KAAK,EAAEd,QAAS;EAAAQ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACzBlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAkB,WAAW;EACVb,KAAK,EAAEA,KAAK,CAACc,SAAU;EACvBb,QAAQ,EAAGc,CAAC,IAAKd,QAAQ,CAAC;IAAE,GAAGD,KAAK;IAAEc,SAAS,EAAEC,CAAC,IAAIC;EAAU,CAAC,CAAE;EACnEC,GAAG,EAAE,CAAE;EAAAX,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,CACR,CACQ,CAAC,eACZlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,SAAS;EAACC,KAAK,EAAEb,QAAS;EAAAO,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACzBlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAkB,WAAW;EACVb,KAAK,EAAEA,KAAK,CAACkB,SAAU;EACvBjB,QAAQ,EAAGc,CAAC,IAAKd,QAAQ,CAAC;IAAE,GAAGD,KAAK;IAAEkB,SAAS,EAAEH,CAAC,IAAIC;EAAU,CAAC,CAAE;EACnEC,GAAG,EAAE,CAAE;EAAAX,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,CACR,CACQ,CACR,CACN;AAACS,OAAA,CAAAtB,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_CharactersLimitInputStCss","_jsxFileName","CharactersLimitInput","minLabel","maxLabel","value","onChange","default","createElement","Box","gap","width","__self","__source","fileName","lineNumber","columnNumber","className","classes","field","FormField","stretchContent","label","NumberInput","minLength","v","undefined","min","maxLength","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, FormField, NumberInput } from '@wix/design-system';\nimport type { StringLengthRange } from '../../../types/SchemaConfig';\nimport { classes } from './CharactersLimitInput.st.css.js';\n\nexport interface CharactersLimitInputProps {\n  minLabel: string;\n  maxLabel: string;\n  value: StringLengthRange;\n  onChange: (v: StringLengthRange) => void;\n}\n\nexport const CharactersLimitInput = ({\n  minLabel,\n  maxLabel,\n  value,\n  onChange,\n}: CharactersLimitInputProps) => (\n  <Box gap=\"SP3\" width=\"100%\">\n    <Box className={classes.field}>\n      <FormField stretchContent label={minLabel}>\n        <NumberInput\n          value={value.minLength}\n          onChange={(v) => onChange({ ...value, minLength: v ?? undefined })}\n          min={0}\n        />\n      </FormField>\n    </Box>\n    <Box className={classes.field}>\n      <FormField stretchContent label={maxLabel}>\n        <NumberInput\n          value={value.maxLength}\n          onChange={(v) => onChange({ ...value, maxLength: v ?? undefined })}\n          min={0}\n        />\n      </FormField>\n    </Box>\n  </Box>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,0BAAA,GAAAF,OAAA;AAA2D,IAAAG,YAAA;AASpD,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC;AACyB,CAAC,kBAC1BV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;EAACC,GAAG,EAAC,KAAK;EAACC,KAAK,EAAC,MAAM;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACzBpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;EAACQ,SAAS,EAAEC,kCAAO,CAACC,KAAM;EAAAP,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC5BpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,SAAS;EAACC,cAAc;EAACC,KAAK,EAAEnB,QAAS;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACxCpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAwB,WAAW;EACVlB,KAAK,EAAEA,KAAK,CAACmB,SAAU;EACvBlB,QAAQ,EAAGmB,CAAC,IAAKnB,QAAQ,CAAC;IAAE,GAAGD,KAAK;IAAEmB,SAAS,EAAEC,CAAC,IAAIC;EAAU,CAAC,CAAE;EACnEC,GAAG,EAAE,CAAE;EAAAf,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,CACR,CACQ,CACR,CAAC,eACNpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;EAACQ,SAAS,EAAEC,kCAAO,CAACC,KAAM;EAAAP,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC5BpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,SAAS;EAACC,cAAc;EAACC,KAAK,EAAElB,QAAS;EAAAQ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACxCpB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAwB,WAAW;EACVlB,KAAK,EAAEA,KAAK,CAACuB,SAAU;EACvBtB,QAAQ,EAAGmB,CAAC,IAAKnB,QAAQ,CAAC;IAAE,GAAGD,KAAK;IAAEuB,SAAS,EAAEH,CAAC,IAAIC;EAAU,CAAC,CAAE;EACnEC,GAAG,EAAE,CAAE;EAAAf,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,CACR,CACQ,CACR,CACF,CACN;AAACa,OAAA,CAAA3B,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css

@@ -0,0 +1,4 @@
+.field {
+  flex: 1;
+  min-width: 0;
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "CharactersLimitInput3979604300";
+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": "CharactersLimitInput3979604300__root",
+  "field": "CharactersLimitInput3979604300__field"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=CharactersLimitInput.st.css.js.map

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

@@ -0,0 +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_ = \"CharactersLimitInput3979604300\";\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\":\"CharactersLimitInput3979604300__root\",\"field\":\"CharactersLimitInput3979604300__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

@@ -14,6 +14,7 @@ const FieldNameInput = ({
   error
 }) => /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
   required: true,
+  stretchContent: true,
   label: label,
   status: error ? 'error' : undefined,
   statusMessage: error,
@@ -31,7 +32,7 @@ const FieldNameInput = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 25,
+    lineNumber: 26,
     columnNumber: 5
   }
 }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","FieldNameInput","label","value","onChange","onBlur","error","default","createElement","FormField","required","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    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;EACRR,KAAK,EAAEA,KAAM;EACbS,MAAM,EAAEL,KAAK,GAAG,OAAO,GAAGM,SAAU;EACpCC,aAAa,EAAEP,KAAM;EAAAQ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAErBtB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAoB,KAAK;EACJC,WAAW,EAAC,cAAc;EAC1BjB,KAAK,EAAEA,KAAM;EACbC,QAAQ,EAAGiB,CAAC,IAAKjB,QAAQ,CAACiB,CAAC,CAACC,MAAM,CAACnB,KAAK,CAAE;EAC1CE,MAAM,EAAEA,MAAO;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAChB,CACQ,CACZ;AAACK,OAAA,CAAAtB,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"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":[]}

package/dist/cjs/components/CmsFieldManagement/formFields/FieldTypeSelect.js

@@ -80,6 +80,7 @@ const FieldTypeSelect = ({
   error
 }) => /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
   required: true,
+  stretchContent: true,
   label: label,
   status: error ? 'error' : undefined,
   statusMessage: error,
@@ -107,7 +108,7 @@ const FieldTypeSelect = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 73,
+    lineNumber: 74,
     columnNumber: 5
   }
 }));

package/dist/cjs/components/CmsFieldManagement/formFields/FieldTypeSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_fieldTypePrefixIcons","_jsxFileName","OPTIONS","listItemSectionBuilder","title","id","type","listItemSelectBuilder","label","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","size","FieldTypeSelect","value","onChange","disabled","error","FormField","required","status","undefined","statusMessage","Dropdown","popoverProps","zIndex","appendTo","placeholder","valueParser","option","options","selectedId","onSelect","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldTypeSelect.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Dropdown,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n  FormField,\n} from '@wix/design-system';\nimport { getFieldTypeIcon } from '../../../utils/fieldTypePrefixIcons';\nimport type { SelectableFieldTypes } from '../types';\n\nconst OPTIONS = [\n  listItemSectionBuilder({\n    title: 'Essentials',\n    id: 'section-essentials',\n    type: 'subheader',\n  }),\n  listItemSelectBuilder({\n    id: 'SHORT_TEXT',\n    title: 'Text',\n    label: 'Text',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'SHORT_TEXT', size: 'medium' })}</Box>\n    ),\n  }),\n  listItemSelectBuilder({\n    id: 'NUMBER',\n    title: 'Number',\n    label: 'Number',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'NUMBER', size: 'medium' })}</Box>\n    ),\n  }),\n  listItemSelectBuilder({\n    id: 'BOOLEAN',\n    title: 'Boolean',\n    label: 'Boolean',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'BOOLEAN', size: 'medium' })}</Box>\n    ),\n  }),\n  listItemSelectBuilder({\n    id: 'DATE',\n    title: 'Date',\n    label: 'Date',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'DATE', size: 'medium' })}</Box>\n    ),\n  }),\n];\n\nexport interface FieldTypeSelectProps {\n  label: string;\n  value: SelectableFieldTypes | undefined;\n  onChange: (v: SelectableFieldTypes) => void;\n  disabled?: boolean;\n  error?: string;\n}\n\nexport const FieldTypeSelect = ({\n  label,\n  value,\n  onChange,\n  disabled,\n  error,\n}: FieldTypeSelectProps) => (\n  <FormField\n    required\n    label={label}\n    status={error ? 'error' : undefined}\n    statusMessage={error}\n  >\n    <Dropdown\n      popoverProps={{ zIndex: 10000, appendTo: 'window' }}\n      placeholder=\"Choose a type\"\n      valueParser={(option) => option.label}\n      prefix={\n        value\n          ? getFieldTypeIcon({ fieldType: value, size: 'medium' })\n          : undefined\n      }\n      options={OPTIONS}\n      selectedId={value}\n      onSelect={(option) => onChange(option.id as SelectableFieldTypes)}\n      disabled={disabled}\n    />\n  </FormField>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_fieldTypePrefixIcons","_jsxFileName","OPTIONS","listItemSectionBuilder","title","id","type","listItemSelectBuilder","label","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","size","FieldTypeSelect","value","onChange","disabled","error","FormField","required","stretchContent","status","undefined","statusMessage","Dropdown","popoverProps","zIndex","appendTo","placeholder","valueParser","option","options","selectedId","onSelect","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldTypeSelect.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Dropdown,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n  FormField,\n} from '@wix/design-system';\nimport { getFieldTypeIcon } from '../../../utils/fieldTypePrefixIcons';\nimport type { SelectableFieldTypes } from '../types';\n\nconst OPTIONS = [\n  listItemSectionBuilder({\n    title: 'Essentials',\n    id: 'section-essentials',\n    type: 'subheader',\n  }),\n  listItemSelectBuilder({\n    id: 'SHORT_TEXT',\n    title: 'Text',\n    label: 'Text',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'SHORT_TEXT', size: 'medium' })}</Box>\n    ),\n  }),\n  listItemSelectBuilder({\n    id: 'NUMBER',\n    title: 'Number',\n    label: 'Number',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'NUMBER', size: 'medium' })}</Box>\n    ),\n  }),\n  listItemSelectBuilder({\n    id: 'BOOLEAN',\n    title: 'Boolean',\n    label: 'Boolean',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'BOOLEAN', size: 'medium' })}</Box>\n    ),\n  }),\n  listItemSelectBuilder({\n    id: 'DATE',\n    title: 'Date',\n    label: 'Date',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'DATE', size: 'medium' })}</Box>\n    ),\n  }),\n];\n\nexport interface FieldTypeSelectProps {\n  label: string;\n  value: SelectableFieldTypes | undefined;\n  onChange: (v: SelectableFieldTypes) => void;\n  disabled?: boolean;\n  error?: string;\n}\n\nexport const FieldTypeSelect = ({\n  label,\n  value,\n  onChange,\n  disabled,\n  error,\n}: FieldTypeSelectProps) => (\n  <FormField\n    required\n    stretchContent\n    label={label}\n    status={error ? 'error' : undefined}\n    statusMessage={error}\n  >\n    <Dropdown\n      popoverProps={{ zIndex: 10000, appendTo: 'window' }}\n      placeholder=\"Choose a type\"\n      valueParser={(option) => option.label}\n      prefix={\n        value\n          ? getFieldTypeIcon({ fieldType: value, size: 'medium' })\n          : undefined\n      }\n      options={OPTIONS}\n      selectedId={value}\n      onSelect={(option) => onChange(option.id as SelectableFieldTypes)}\n      disabled={disabled}\n    />\n  </FormField>\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -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_ = "Collapse2561386098";
+var _namespace_ = "Collapse2058769786";
 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": "Collapse2561386098__root",
-  "exit": "Collapse2561386098__exit"
+  "root": "Collapse2058769786__root",
+  "exit": "Collapse2058769786__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse2561386098\";\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\":\"Collapse2561386098__root\",\"exit\":\"Collapse2561386098__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":[]}
+{"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_ = \"Collapse2058769786\";\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\":\"Collapse2058769786__root\",\"exit\":\"Collapse2058769786__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/CollectionAutoComplete/CollectionAutoComplete.js

@@ -96,7 +96,9 @@ function _CollectionAutoComplete(props) {
     value: state.searchInputValue,
     onChange: e => {
       state.searchInputValue = e.target.value;
-      collection.search(e.target.value);
+      collection.search(e.target.value, {
+        clearResult: true
+      });
     },
     hasMore: !showInitialLoader && !fetchedLastPage,
     loadMore: collection.fetchNextPageIfNeeded

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_react2","_providers","_useFilterCollectionStates","_AutoCompleteFilterState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionAutoComplete","props","filter","collection","renderItem","renderSection","onSelect","onClear","readOnly","placeholder","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useDropdownTranslationContext","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","fixedFooter","showInitialLoader","useFilterCollectionStates","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","undefined","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","CollectionAutoComplete","exports","observer"],"sources":["../../../../src/components/CollectionAutoComplete/CollectionAutoComplete.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  useFilterToolbarState,\n  useDropdownTranslationContext,\n} from '../../providers';\nimport { FilterProps } from '../../model';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { AutoCompleteFilterState } from '../AutoCompleteFilter/AutoCompleteFilterState';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface CollectionAutoCompleteProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _CollectionAutoComplete<V, F extends FiltersMap>(\n  props: CollectionAutoCompleteProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    onSelect,\n    onClear,\n    readOnly,\n    placeholder,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate } = useDropdownTranslationContext();\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  return (\n    <AutoComplete\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border=\"round\"\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      readOnly={readOnly}\n      clearButton={!readOnly}\n      onClear={\n        !readOnly\n          ? (e) => {\n              onClear?.(e);\n              state.clearSelectionAndSearch();\n            }\n          : undefined\n      }\n      placeholder={placeholder ?? translate('placeholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value);\n      }}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n      fixedFooter={fixedFooter}\n    />\n  );\n}\n\nexport const CollectionAutoComplete = observer(_CollectionAutoComplete);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_react2","_providers","_useFilterCollectionStates","_AutoCompleteFilterState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionAutoComplete","props","filter","collection","renderItem","renderSection","onSelect","onClear","readOnly","placeholder","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useDropdownTranslationContext","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","fixedFooter","showInitialLoader","useFilterCollectionStates","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","undefined","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","clearResult","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","CollectionAutoComplete","exports","observer"],"sources":["../../../../src/components/CollectionAutoComplete/CollectionAutoComplete.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  useFilterToolbarState,\n  useDropdownTranslationContext,\n} from '../../providers';\nimport { FilterProps } from '../../model';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { AutoCompleteFilterState } from '../AutoCompleteFilter/AutoCompleteFilterState';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface CollectionAutoCompleteProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _CollectionAutoComplete<V, F extends FiltersMap>(\n  props: CollectionAutoCompleteProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    onSelect,\n    onClear,\n    readOnly,\n    placeholder,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate } = useDropdownTranslationContext();\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  return (\n    <AutoComplete\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border=\"round\"\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      readOnly={readOnly}\n      clearButton={!readOnly}\n      onClear={\n        !readOnly\n          ? (e) => {\n              onClear?.(e);\n              state.clearSelectionAndSearch();\n            }\n          : undefined\n      }\n      placeholder={placeholder ?? translate('placeholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n      fixedFooter={fixedFooter}\n    />\n  );\n}\n\nexport const CollectionAutoComplete = observer(_CollectionAutoComplete);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionItemActions/CollectionItemActions.js

@@ -8,6 +8,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _ActionModal = require("../ActionModal");
+var _DisabledActionCellMenu = require("../ActionCell/DisabledActionCellMenu");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _CollectionItemActionsHelper = require("./CollectionItemActionsHelper");
 var _getDefaultActionCellProps = require("./getDefaultActionCellProps");
@@ -28,6 +29,11 @@ function _CollectionItemActions({
     toolbarBIReporter
   } = toolbarState;
   const actionCellProps = (renderActionCell == null ? void 0 : renderActionCell(state)) ?? {};
+  const {
+    secondaryMenuDisabled,
+    secondaryMenuDisabledTooltip,
+    ...tableActionCellProps
+  } = actionCellProps;
   const keyedItem = state.actionCellAPI.keyedItem;
   const existingExtension = actionCellProps.containerId ? toolbarState.menuItemExtensions.get(actionCellProps.containerId) : undefined;
   const extensionMenuItems = (0, _useExtensionMenuItems.useExtensionMenuItems)({
@@ -39,6 +45,20 @@ function _CollectionItemActions({
       toolbarState.menuItemExtensions.set(actionCellProps.containerId, extensionMenuItems);
     }
   }, [extensionMenuItems, actionCellProps.containerId]);
+  if (secondaryMenuDisabled) {
+    return /*#__PURE__*/_react.default.createElement(_DisabledActionCellMenu.DisabledActionCellMenu, {
+      dataHook: "collection-action-cell-disabled",
+      tooltipContent: secondaryMenuDisabledTooltip ?? toolbarState.container.translate('cairo.disabled'),
+      size: actionCellProps.size ?? 'medium',
+      ariaLabel: toolbarState.container.translate('cairo.moreActions'),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 65,
+        columnNumber: 7
+      }
+    });
+  }
   const secondaryActionCellPropsWithBI = (0, _CollectionItemActionsHelper.createSecondaryActionCellPropWithBi)({
     toolbarBIReporter,
     actionCellProps,
@@ -60,12 +80,12 @@ function _CollectionItemActions({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 115,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.TableActionCell, (0, _extends2.default)({
     dataHook: "collection-action-cell"
-  }, actionCellProps, {
+  }, tableActionCellProps, {
     popoverMenuProps: {
       ...(0, _getDefaultActionCellProps.getDefaultActionCellProps)(),
       onShow: () => (0, _CollectionItemActionsHelper.reportOnPopoverMenuShow)(toolbarBIReporter, actionCellProps, state.keyedItem),
@@ -77,7 +97,7 @@ function _CollectionItemActions({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 117,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ActionModal","_ToolbarCollectionContext","_CollectionItemActionsHelper","_getDefaultActionCellProps","_useExtensionMenuItems","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionItemActions","state","renderActionCell","isMobile","useIsMobile","confirmModal","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellProps","keyedItem","actionCellAPI","existingExtension","containerId","menuItemExtensions","undefined","extensionMenuItems","useExtensionMenuItems","extension","useEffect","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","Array","isArray","length","map","action","index","priority","createElement","Fragment","value","MessageActionModal","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableActionCell","dataHook","popoverMenuProps","getDefaultActionCellProps","onShow","reportOnPopoverMenuShow","primaryAction","secondaryActions","CollectionItemActions","exports","observer"],"sources":["../../../../src/components/CollectionItemActions/CollectionItemActions.tsx"],"sourcesContent":["import { TableActionCell } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ItemActionsState } from '../../state';\nimport { MessageActionModal } from '../ActionModal';\nimport { ActionCellProps, TableActionCellMainAction } from '../ActionCell';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from './CollectionItemActionsHelper';\nimport { getDefaultActionCellProps } from './getDefaultActionCellProps';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface CollectionItemActionsProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  collection: CollectionState<T, F>;\n  state: ItemActionsState<T, F>;\n  renderActionCell?: (state: ItemActionsState<T, F>) => ActionCellProps;\n}\n\nfunction _CollectionItemActions<T, F extends FiltersMap = FiltersMap>({\n  state,\n  renderActionCell,\n}: CollectionItemActionsProps<T, F>) {\n  const isMobile = useIsMobile();\n\n  const { confirmModal } = state;\n  const toolbarState = useToolbarCollectionContext();\n  const { toolbarBIReporter } = toolbarState;\n  const actionCellProps = renderActionCell?.(state) ?? {};\n  const keyedItem = state.actionCellAPI.keyedItem;\n\n  const existingExtension = actionCellProps.containerId\n    ? toolbarState.menuItemExtensions.get(actionCellProps.containerId)\n    : undefined;\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellProps.containerId,\n    extension: existingExtension,\n  });\n\n  useEffect(() => {\n    if (extensionMenuItems && actionCellProps.containerId) {\n      toolbarState.menuItemExtensions.set(\n        actionCellProps.containerId,\n        extensionMenuItems,\n      );\n    }\n  }, [extensionMenuItems, actionCellProps.containerId]);\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter,\n    actionCellProps,\n    keyedItem,\n    extensionMenuItems,\n  });\n\n  let primaryActionCellPropsWithBI = !isMobile\n    ? createPrimaryActionCellPropsWithBI(\n        toolbarBIReporter,\n        actionCellProps,\n        keyedItem,\n      )\n    : [];\n\n  if (\n    Array.isArray(primaryActionCellPropsWithBI) &&\n    primaryActionCellPropsWithBI.length > 1\n  ) {\n    primaryActionCellPropsWithBI = primaryActionCellPropsWithBI.map(\n      (action, index) => {\n        return {\n          ...action,\n          priority:\n            index ===\n            (primaryActionCellPropsWithBI as TableActionCellMainAction[])\n              .length! -\n              1\n              ? 'primary'\n              : 'secondary',\n        };\n      },\n    );\n  }\n\n  return (\n    <>\n      {confirmModal.value && (\n        <MessageActionModal state={confirmModal} {...confirmModal.value} />\n      )}\n      <TableActionCell\n        dataHook=\"collection-action-cell\"\n        {...actionCellProps}\n        popoverMenuProps={{\n          ...getDefaultActionCellProps(),\n          onShow: () =>\n            reportOnPopoverMenuShow(\n              toolbarBIReporter,\n              actionCellProps,\n              state.keyedItem,\n            ),\n          ...actionCellProps.popoverMenuProps,\n          ...getDefaultActionCellProps(),\n        }}\n        primaryAction={primaryActionCellPropsWithBI}\n        secondaryActions={secondaryActionCellPropsWithBI}\n      />\n    </>\n  );\n}\n\nexport const CollectionItemActions = observer(_CollectionItemActions);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ActionModal","_DisabledActionCellMenu","_ToolbarCollectionContext","_CollectionItemActionsHelper","_getDefaultActionCellProps","_useExtensionMenuItems","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionItemActions","state","renderActionCell","isMobile","useIsMobile","confirmModal","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellProps","secondaryMenuDisabled","secondaryMenuDisabledTooltip","tableActionCellProps","keyedItem","actionCellAPI","existingExtension","containerId","menuItemExtensions","undefined","extensionMenuItems","useExtensionMenuItems","extension","useEffect","createElement","DisabledActionCellMenu","dataHook","tooltipContent","container","translate","size","ariaLabel","__self","__source","fileName","lineNumber","columnNumber","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","Array","isArray","length","map","action","index","priority","Fragment","value","MessageActionModal","_extends2","TableActionCell","popoverMenuProps","getDefaultActionCellProps","onShow","reportOnPopoverMenuShow","primaryAction","secondaryActions","CollectionItemActions","exports","observer"],"sources":["../../../../src/components/CollectionItemActions/CollectionItemActions.tsx"],"sourcesContent":["import { TableActionCell } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ItemActionsState } from '../../state';\nimport { MessageActionModal } from '../ActionModal';\nimport { ActionCellProps, TableActionCellMainAction } from '../ActionCell';\nimport { DisabledActionCellMenu } from '../ActionCell/DisabledActionCellMenu';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from './CollectionItemActionsHelper';\nimport { getDefaultActionCellProps } from './getDefaultActionCellProps';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface CollectionItemActionsProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  collection: CollectionState<T, F>;\n  state: ItemActionsState<T, F>;\n  renderActionCell?: (state: ItemActionsState<T, F>) => ActionCellProps;\n}\n\nfunction _CollectionItemActions<T, F extends FiltersMap = FiltersMap>({\n  state,\n  renderActionCell,\n}: CollectionItemActionsProps<T, F>) {\n  const isMobile = useIsMobile();\n\n  const { confirmModal } = state;\n  const toolbarState = useToolbarCollectionContext();\n  const { toolbarBIReporter } = toolbarState;\n  const actionCellProps = renderActionCell?.(state) ?? {};\n  const {\n    secondaryMenuDisabled,\n    secondaryMenuDisabledTooltip,\n    ...tableActionCellProps\n  } = actionCellProps;\n  const keyedItem = state.actionCellAPI.keyedItem;\n\n  const existingExtension = actionCellProps.containerId\n    ? toolbarState.menuItemExtensions.get(actionCellProps.containerId)\n    : undefined;\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellProps.containerId,\n    extension: existingExtension,\n  });\n\n  useEffect(() => {\n    if (extensionMenuItems && actionCellProps.containerId) {\n      toolbarState.menuItemExtensions.set(\n        actionCellProps.containerId,\n        extensionMenuItems,\n      );\n    }\n  }, [extensionMenuItems, actionCellProps.containerId]);\n\n  if (secondaryMenuDisabled) {\n    return (\n      <DisabledActionCellMenu\n        dataHook=\"collection-action-cell-disabled\"\n        tooltipContent={\n          secondaryMenuDisabledTooltip ??\n          toolbarState.container.translate('cairo.disabled')\n        }\n        size={actionCellProps.size ?? 'medium'}\n        ariaLabel={toolbarState.container.translate('cairo.moreActions')}\n      />\n    );\n  }\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter,\n    actionCellProps,\n    keyedItem,\n    extensionMenuItems,\n  });\n\n  let primaryActionCellPropsWithBI = !isMobile\n    ? createPrimaryActionCellPropsWithBI(\n        toolbarBIReporter,\n        actionCellProps,\n        keyedItem,\n      )\n    : [];\n\n  if (\n    Array.isArray(primaryActionCellPropsWithBI) &&\n    primaryActionCellPropsWithBI.length > 1\n  ) {\n    primaryActionCellPropsWithBI = primaryActionCellPropsWithBI.map(\n      (action, index) => {\n        return {\n          ...action,\n          priority:\n            index ===\n            (primaryActionCellPropsWithBI as TableActionCellMainAction[])\n              .length! -\n              1\n              ? 'primary'\n              : 'secondary',\n        };\n      },\n    );\n  }\n\n  return (\n    <>\n      {confirmModal.value && (\n        <MessageActionModal state={confirmModal} {...confirmModal.value} />\n      )}\n      <TableActionCell\n        dataHook=\"collection-action-cell\"\n        {...tableActionCellProps}\n        popoverMenuProps={{\n          ...getDefaultActionCellProps(),\n          onShow: () =>\n            reportOnPopoverMenuShow(\n              toolbarBIReporter,\n              actionCellProps,\n              state.keyedItem,\n            ),\n          ...actionCellProps.popoverMenuProps,\n          ...getDefaultActionCellProps(),\n        }}\n        primaryAction={primaryActionCellPropsWithBI}\n        secondaryActions={secondaryActionCellPropsWithBI}\n      />\n    </>\n  );\n}\n\nexport const CollectionItemActions = observer(_CollectionItemActions);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionPageNew/CollectionPage.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_ = "CollectionPage4005950345";
+var _namespace_ = "CollectionPage2639637884";
 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": "CollectionPage4005950345__root"
+  "root": "CollectionPage2639637884__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};