@commercetools-frontend/experimental-components 6.3.1 → 6.3.2

package/dist/commercetools-frontend-experimental-components.cjs.dev.js

@@ -265,6 +265,7 @@ const INTERVALS_IN_SECONDS = {
 };
 const EXCLUDING_PRODUCTS = 'excludingProducts';
 const PRODUCT_TAILORING_FOR_ATTRIBUTES = 'productTailoringForAttributes';
+const PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT = 'productTailoringForAttributesTypesOtherThanText';
 
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
@@ -7817,15 +7818,19 @@ const useDnDContext = () => {
 const _excluded$1 = ["WrapperComponent"];
 function ownKeys$J(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$J(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$J(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const textAttributeTypes = ['text', 'ltext'];
+const existingAttributeTypes = ['text', 'ltext'];
+const newAttributeTypes = ['text', 'ltext', 'number']; // Add more types here
+
 const getFieldName = (parentName, fieldName) => {
   if (!parentName) return fieldName;
   return `${parentName}.${fieldName}`;
 };
-const isTextAttribute = function () {
+function isAttributeType() {
   let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _includesInstanceProperty__default["default"](textAttributeTypes).call(textAttributeTypes, fieldDefinitionType.name);
-};
+  let isTailoringAttributeForOtherTypes = arguments.length > 1 ? arguments[1] : undefined;
+  const attributeTypes = isTailoringAttributeForOtherTypes ? newAttributeTypes : existingAttributeTypes;
+  return _includesInstanceProperty__default["default"](attributeTypes).call(attributeTypes, fieldDefinitionType.name);
+}
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
   const typeName = type.name.toLowerCase();
@@ -7845,6 +7850,7 @@ const CustomFieldsInternal = _ref => {
     handleBlur = _useFormikContext.handleBlur,
     status = _useFormikContext.status;
   const isTailoringAttributesEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
+  const isTailoringAttributeForOtherTypes = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT);
   const didFormValidationFail = useDidFormValidationFail();
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
@@ -7858,7 +7864,7 @@ const CustomFieldsInternal = _ref => {
     children: _mapInstanceProperty__default["default"](fieldDefinitions).call(fieldDefinitions, (fieldDefinition, index) => {
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(formik.getIn(touched, fieldName));
-      const isFieldDisabled = props.isDisabled && !(isTextAttribute(fieldDefinition.type) && isTailoringAttributesEnabled);
+      const isFieldDisabled = props.isDisabled && !(isAttributeType(fieldDefinition.type, isTailoringAttributeForOtherTypes) && isTailoringAttributesEnabled);
       const fieldErrors = formik.getIn(errors, fieldName);
       const value = props.inputValuesConverter(fieldName, formik.getIn(values, fieldName));
 

package/dist/commercetools-frontend-experimental-components.cjs.prod.js

@@ -264,6 +264,7 @@ const INTERVALS_IN_SECONDS = {
 };
 const EXCLUDING_PRODUCTS = 'excludingProducts';
 const PRODUCT_TAILORING_FOR_ATTRIBUTES = 'productTailoringForAttributes';
+const PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT = 'productTailoringForAttributesTypesOtherThanText';
 
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
@@ -7804,15 +7805,19 @@ const useDnDContext = () => {
 const _excluded$1 = ["WrapperComponent"];
 function ownKeys$J(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$J(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$J(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const textAttributeTypes = ['text', 'ltext'];
+const existingAttributeTypes = ['text', 'ltext'];
+const newAttributeTypes = ['text', 'ltext', 'number']; // Add more types here
+
 const getFieldName = (parentName, fieldName) => {
   if (!parentName) return fieldName;
   return `${parentName}.${fieldName}`;
 };
-const isTextAttribute = function () {
+function isAttributeType() {
   let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _includesInstanceProperty__default["default"](textAttributeTypes).call(textAttributeTypes, fieldDefinitionType.name);
-};
+  let isTailoringAttributeForOtherTypes = arguments.length > 1 ? arguments[1] : undefined;
+  const attributeTypes = isTailoringAttributeForOtherTypes ? newAttributeTypes : existingAttributeTypes;
+  return _includesInstanceProperty__default["default"](attributeTypes).call(attributeTypes, fieldDefinitionType.name);
+}
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
   const typeName = type.name.toLowerCase();
@@ -7832,6 +7837,7 @@ const CustomFieldsInternal = _ref => {
     handleBlur = _useFormikContext.handleBlur,
     status = _useFormikContext.status;
   const isTailoringAttributesEnabled = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
+  const isTailoringAttributeForOtherTypes = applicationShell.useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT);
   const didFormValidationFail = useDidFormValidationFail();
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
@@ -7845,7 +7851,7 @@ const CustomFieldsInternal = _ref => {
     children: _mapInstanceProperty__default["default"](fieldDefinitions).call(fieldDefinitions, (fieldDefinition, index) => {
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(formik.getIn(touched, fieldName));
-      const isFieldDisabled = props.isDisabled && !(isTextAttribute(fieldDefinition.type) && isTailoringAttributesEnabled);
+      const isFieldDisabled = props.isDisabled && !(isAttributeType(fieldDefinition.type, isTailoringAttributeForOtherTypes) && isTailoringAttributesEnabled);
       const fieldErrors = formik.getIn(errors, fieldName);
       const value = props.inputValuesConverter(fieldName, formik.getIn(values, fieldName));
 

package/dist/commercetools-frontend-experimental-components.esm.js

@@ -165,6 +165,7 @@ const INTERVALS_IN_SECONDS = {
 };
 const EXCLUDING_PRODUCTS = 'excludingProducts';
 const PRODUCT_TAILORING_FOR_ATTRIBUTES = 'productTailoringForAttributes';
+const PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT = 'productTailoringForAttributesTypesOtherThanText';
 
 // TODO: apply a more robust solution to overlaying issues
 const Z_INDEX_DROPDOWN = 30000;
@@ -7717,15 +7718,19 @@ const useDnDContext = () => {
 const _excluded$1 = ["WrapperComponent"];
 function ownKeys$J(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$J(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$J(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const textAttributeTypes = ['text', 'ltext'];
+const existingAttributeTypes = ['text', 'ltext'];
+const newAttributeTypes = ['text', 'ltext', 'number']; // Add more types here
+
 const getFieldName = (parentName, fieldName) => {
   if (!parentName) return fieldName;
   return `${parentName}.${fieldName}`;
 };
-const isTextAttribute = function () {
+function isAttributeType() {
   let fieldDefinitionType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _includesInstanceProperty(textAttributeTypes).call(textAttributeTypes, fieldDefinitionType.name);
-};
+  let isTailoringAttributeForOtherTypes = arguments.length > 1 ? arguments[1] : undefined;
+  const attributeTypes = isTailoringAttributeForOtherTypes ? newAttributeTypes : existingAttributeTypes;
+  return _includesInstanceProperty(attributeTypes).call(attributeTypes, fieldDefinitionType.name);
+}
 const isNested = fieldDefinition => {
   const type = fieldDefinition.type;
   const typeName = type.name.toLowerCase();
@@ -7745,6 +7750,7 @@ const CustomFieldsInternal = _ref => {
     handleBlur = _useFormikContext.handleBlur,
     status = _useFormikContext.status;
   const isTailoringAttributesEnabled = useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES);
+  const isTailoringAttributeForOtherTypes = useFeatureToggle(PRODUCT_TAILORING_FOR_ATTRIBUTES_TYPES_OTHER_THAN_TEXT);
   const didFormValidationFail = useDidFormValidationFail();
   const fieldDefinitions = omitSetsOfSets(props.fieldDefinitions);
   const _useDnDContext = useDnDContext(),
@@ -7758,7 +7764,7 @@ const CustomFieldsInternal = _ref => {
     children: _mapInstanceProperty(fieldDefinitions).call(fieldDefinitions, (fieldDefinition, index) => {
       const fieldName = getFieldName(props.name, fieldDefinition.name);
       const isTouched = Boolean(getIn(touched, fieldName));
-      const isFieldDisabled = props.isDisabled && !(isTextAttribute(fieldDefinition.type) && isTailoringAttributesEnabled);
+      const isFieldDisabled = props.isDisabled && !(isAttributeType(fieldDefinition.type, isTailoringAttributeForOtherTypes) && isTailoringAttributesEnabled);
       const fieldErrors = getIn(errors, fieldName);
       const value = props.inputValuesConverter(fieldName, getIn(values, fieldName));
 

package/dist/styles.css

@@ -40,12 +40,6 @@
 .validated-input-module__container___3L2KB {
   display: inline;
 }
-/*  imported from label-range.module.css  */
-
-.label-range-module__label___3Tb0p {
-  font-size: 0.9rem;
-  font-weight: bold;
-}
 /*  imported from multi-value-search-input.module.css  */
 
 .multi-value-search-input-module__container___2u64d {
@@ -92,17 +86,11 @@
   border-bottom-left-radius: var(--border-radius-for-input);
   border-bottom-right-radius: var(--border-radius-for-input);
 }
-/*  imported from numeric-format-input.module.css  */
-
-.numeric-format-input-module__invalid___3LcyE {
-  /* this needs !important because react-select has a :focus style that
-    stops the border colour being set unless the element is blurred */
-  border-color: var(--color-error) !important;
-  border: 1px solid;
-}
+/*  imported from label-range.module.css  */
 
-.numeric-format-input-module__disabled___hb6h4 {
-  cursor: not-allowed;
+.label-range-module__label___3Tb0p {
+  font-size: 0.9rem;
+  font-weight: bold;
 }
 /*  imported from search-input.module.css  */
 
@@ -194,6 +182,18 @@
   flex-shrink: 1;
   margin-left: var(--spacing-s);
 }
+/*  imported from numeric-format-input.module.css  */
+
+.numeric-format-input-module__invalid___3LcyE {
+  /* this needs !important because react-select has a :focus style that
+    stops the border colour being set unless the element is blurred */
+  border-color: var(--color-error) !important;
+  border: 1px solid;
+}
+
+.numeric-format-input-module__disabled___hb6h4 {
+  cursor: not-allowed;
+}
 /*  imported from throttled-field.module.css  */
 
 .throttled-field-module__size___324jx {
@@ -589,23 +589,23 @@
 .set-buttons-module__gap___38Qr0 {
   padding: 20px;
 }
-/*  imported from platform-limits-customers-status.module.css  */
+/*  imported from platform-limits-customer-groups-status.module.css  */
 
-.platform-limits-customers-status-module__status___3rXYM {
+.platform-limits-customer-groups-status-module__status___6099G {
   min-width: max-content;
 }
-/*  imported from platform-limits-customers-combined.module.css  */
+/*  imported from platform-limits-customer-groups-combined.module.css  */
 
-.platform-limits-customers-combined-module__combined___OszDd {
+.platform-limits-customer-groups-combined-module__combined___WjRoI {
   margin-bottom: var(--spacing-s);
 }
-/*  imported from platform-limits-customer-groups-status.module.css  */
+/*  imported from platform-limits-customers-status.module.css  */
 
-.platform-limits-customer-groups-status-module__status___6099G {
+.platform-limits-customers-status-module__status___3rXYM {
   min-width: max-content;
 }
-/*  imported from platform-limits-customer-groups-combined.module.css  */
+/*  imported from platform-limits-customers-combined.module.css  */
 
-.platform-limits-customer-groups-combined-module__combined___WjRoI {
+.platform-limits-customers-combined-module__combined___OszDd {
   margin-bottom: var(--spacing-s);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "6.3.1",
+  "version": "6.3.2",
   "description": "",
   "repository": {
     "type": "git",
@@ -48,12 +48,12 @@
     "lodash": "4.17.21",
     "memoize-one": "6.0.0",
     "moment": "2.30.1",
-    "moment-timezone": "0.5.45",
+    "moment-timezone": "0.5.46",
     "omit-deep": "0.3.0",
     "omit-empty-es": "1.2.0",
     "prop-types": "15.8.1",
     "react-beautiful-dnd": "13.1.1",
-    "react-textarea-autosize": "8.5.3",
+    "react-textarea-autosize": "8.5.4",
     "reselect": "4.1.8",
     "tiny-invariant": "1.3.3",
     "tiny-warning": "1.0.3",
@@ -71,7 +71,7 @@
     "formik": "2.4.6",
     "graphql": "16.9.0",
     "graphql-tag": "2.12.6",
-    "msw": "1.3.3",
+    "msw": "1.3.5",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-intl": "6.6.8",
@@ -81,8 +81,8 @@
     "react-test-renderer": "17.0.2",
     "redux": "4.2.1",
     "typescript": "5.2.2",
-    "@commercetools-local/test-data": "1.2.13",
-    "@commercetools-local/test-utils": "1.2.14"
+    "@commercetools-local/test-data": "1.2.14",
+    "@commercetools-local/test-utils": "1.2.15"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",