@elliemae/ds-classnames 2.2.0-alpha.2 → 2.2.0-next.1

package/cjs/aggregatedClasses.js

@@ -1,70 +1,91 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var aggregatedClasses_exports = {};
-__export(aggregatedClasses_exports, {
-  cssPrefix: () => cssPrefix,
-  default: () => aggregatedClasses_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_obj_str = __toESM(require("obj-str"));
-var import_classNameManager = __toESM(require("./classNameManager"));
-var import_dimsum = __toESM(require("@elliemae/ds-shared/dimsum.config"));
-var import_validateNativeProps = __toESM(require("./validateNativeProps"));
-const cssPrefix = import_dimsum.dimsumConfig.classNamePrefix;
-const generateClassNameWithModifier = (block, element, modifier) => `${cssPrefix}-${block}${element ? `__${element}` : ""}--${modifier}`;
-const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => ({
-  ...acc,
-  [`${generateClassNameWithModifier(block, element, key)}`]: obj[key]
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var cx = require('obj-str');
+var DimsumConfig = require('@elliemae/ds-shared/dimsum.config');
+var classNameManager = require('./classNameManager.js');
+var validateNativeProps = require('./validateNativeProps.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var DimsumConfig__default = /*#__PURE__*/_interopDefaultLegacy(DimsumConfig);
+
+const _excluded = ["innerRef", "children", "classProps", "useComponent", "className", "as"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const cssPrefix = DimsumConfig__default["default"].classNamePrefix;
+
+const generateClassNameWithModifier = (block, element, modifier) => "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
+
+const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
+  ["".concat(generateClassNameWithModifier(block, element, key))]: obj[key]
 }), {}) : [];
-const aggregatedClasses = (type, props) => (block, element, additionalModifiers, options = {}) => import_react.default.forwardRef(({ innerRef, children, classProps, useComponent, className, as, ...rest }, ref) => {
-  let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
-  if (typeof additionalModifiers === "function")
-    otherModifiers = appendBlockAndPrefixToObj(additionalModifiers({ ...rest, ...classProps, className }), block, element);
-  const otherModifiersStr = (0, import_obj_str.default)(otherModifiers);
-  const { prefix, propsToRemoveFromFinalElement = [] } = options;
-  const { cssClassName: classNames } = (0, import_classNameManager.convertPropToCssClassName)(block, null, { ...classProps }, { prefix, element });
-  const cleanedPropsPassedDown = { ...props, ...rest };
-  propsToRemoveFromFinalElement.forEach((propKey) => {
-    delete cleanedPropsPassedDown[propKey];
-  });
-  if ((0, import_validateNativeProps.isNativeHTMLElement)(block)) {
-    Object.keys(cleanedPropsPassedDown).forEach((key) => {
-      if (!(0, import_validateNativeProps.isValidNativeAttribute)(key))
-        delete cleanedPropsPassedDown[key];
+
+const aggregatedClasses = (type, props) => function (block, element, additionalModifiers) {
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  return /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
+    let {
+      innerRef,
+      children,
+      classProps,
+      useComponent,
+      className,
+      as
+    } = _ref,
+        rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+    // get the additional classNames either from a function or an object
+    let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
+    if (typeof additionalModifiers === 'function') otherModifiers = appendBlockAndPrefixToObj(additionalModifiers(_objectSpread(_objectSpread(_objectSpread({}, rest), classProps), {}, {
+      className
+    })), block, element);
+    const otherModifiersStr = cx__default["default"](otherModifiers);
+    const {
+      prefix,
+      propsToRemoveFromFinalElement = []
+    } = options;
+    const {
+      cssClassName: classNames
+    } = classNameManager["default"](block, null, _objectSpread({}, classProps), {
+      prefix,
+      element
     });
-  }
-  return import_react.default.createElement(as || type, {
-    ref: innerRef || ref,
-    className: [classNames, otherModifiersStr, className].join(" "),
-    ...cleanedPropsPassedDown
-  }, children);
-});
-var aggregatedClasses_default = aggregatedClasses;
-module.exports = __toCommonJS(aggregatedClasses_exports);
-//# sourceMappingURL=aggregatedClasses.js.map
+
+    const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
+
+    propsToRemoveFromFinalElement.forEach(propKey => {
+      delete cleanedPropsPassedDown[propKey];
+    });
+
+    if (validateNativeProps.isNativeHTMLElement(block)) {
+      Object.keys(cleanedPropsPassedDown).forEach(key => {
+        if (!validateNativeProps.isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
+      });
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement(as || type, _objectSpread({
+      ref: innerRef || ref,
+      className: [classNames, otherModifiersStr, className].join(' ')
+    }, cleanedPropsPassedDown), children);
+  });
+};
+
+exports.cssPrefix = cssPrefix;
+exports["default"] = aggregatedClasses;

package/cjs/classNameManager.js

@@ -1,83 +1,92 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var classNameManager_exports = {};
-__export(classNameManager_exports, {
-  convertPropToCssClassName: () => cssPipeline,
-  cssPrefix: () => cssPrefix,
-  default: () => classNameManager_default
-});
-var React = __toESM(require("react"));
-var import_utils = __toESM(require("@elliemae/ds-utilities/utils"));
-var import_dimsum = __toESM(require("@elliemae/ds-shared/dimsum.config"));
-var import_converPropsToFormModifiers = __toESM(require("./converPropsToFormModifiers"));
-var import_convertPropsToLayoutModifiers = __toESM(require("./convertPropsToLayoutModifiers"));
-var import_convertPropToFeedBackModifiers = __toESM(require("./convertPropToFeedBackModifiers"));
-var import_convertPropsToSizeModifiers = __toESM(require("./convertPropsToSizeModifiers"));
-var import_convertPropsToTextModifiers = __toESM(require("./convertPropsToTextModifiers"));
-var import_convertPropsToColorModifiers = __toESM(require("./convertPropsToColorModifiers"));
-const cssPrefix = `${import_dimsum.dimsumConfig.classNamePrefix}-`;
-const executePipelines = (props) => {
-  const form = (0, import_converPropsToFormModifiers.pipe)().execute(props);
-  const layout = (0, import_convertPropsToLayoutModifiers.pipe)().execute(props);
-  const feedback = (0, import_convertPropToFeedBackModifiers.pipe)().execute(props);
-  const size = (0, import_convertPropsToSizeModifiers.pipe)().execute(props);
-  const text = (0, import_convertPropsToTextModifiers.pipe)().execute(props);
-  const color = (0, import_convertPropsToColorModifiers.pipe)().execute(props);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var utils = require('@elliemae/ds-utilities/utils');
+var DimsumConfig = require('@elliemae/ds-shared/dimsum.config');
+var converPropsToFormModifiers = require('./converPropsToFormModifiers.js');
+var convertPropsToLayoutModifiers = require('./convertPropsToLayoutModifiers.js');
+var convertPropToFeedBackModifiers = require('./convertPropToFeedBackModifiers.js');
+var convertPropsToSizeModifiers = require('./convertPropsToSizeModifiers.js');
+var convertPropsToTextModifiers = require('./convertPropsToTextModifiers.js');
+var convertPropsToColorModifiers = require('./convertPropsToColorModifiers.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var DimsumConfig__default = /*#__PURE__*/_interopDefaultLegacy(DimsumConfig);
+
+const cssPrefix = "".concat(DimsumConfig__default["default"].classNamePrefix, "-");
+
+const executePipelines = props => {
+  const form = converPropsToFormModifiers().execute(props);
+  const layout = convertPropsToLayoutModifiers().execute(props);
+  const feedback = convertPropToFeedBackModifiers().execute(props);
+  const size = convertPropsToSizeModifiers().execute(props);
+  const text = convertPropsToTextModifiers().execute(props);
+  const color = convertPropsToColorModifiers().execute(props);
   return [...form, ...layout, ...feedback, ...size, ...text, ...color];
 };
-const cssPipeline = (blockName = "block", cssClassNameModifier = "", props = {}, options = {}) => {
-  const { prefix, element } = options;
-  const prefixBlockName = `${prefix || cssPrefix}${blockName}${element ? `__${element}` : ""}`;
-  const pipes = !(0, import_utils.isEmpty)(props) ? executePipelines(props) : [];
-  const basePipeline = [prefixBlockName, ...pipes];
-  const className = cssClassNameModifier ? [...basePipeline].join(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`) : [...basePipeline].join(` ${prefixBlockName}--`);
+/**
+ * Docs: http://getbem.com/naming/
+ * blockName
+ * cssClassNameModifier: Main modifier
+ * props { hasError, hasWarning, hasSuccess, readOnly, disabled}
+ *
+ * @param blockName
+ * @param cssClassNameModifier
+ * @param props
+ * @param options
+ */
+
+
+const cssPipeline = function () {
+  let blockName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'block';
+  let cssClassNameModifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  const {
+    prefix,
+    element
+  } = options;
+  const prefixBlockName = "".concat(prefix || cssPrefix).concat(blockName).concat(element ? "__".concat(element) : ''); // PipeLine
+
+  const pipes = !utils.isEmpty(props) ? executePipelines(props) : [];
+  const basePipeline = [prefixBlockName, ...pipes]; // specific classname
+
+  const className = cssClassNameModifier ? [...basePipeline].join(" ".concat(prefixBlockName, "--")).concat(" ".concat(cssClassNameModifier)) : [...basePipeline].join(" ".concat(prefixBlockName, "--"));
   return {
     blockName,
     cssPrefix,
     prefixBlockName,
     cssClassName: className,
+
     mainModifier(modifier) {
-      return `${className}--${modifier}`;
+      return "".concat(className, "--").concat(modifier);
     },
-    classNameBlock(elementName, usePrefix = true) {
-      return `${!usePrefix ? blockName : prefixBlockName}-${elementName}`;
+
+    classNameBlock(elementName) {
+      let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
     },
-    classNameBlockModifier(modifierName, elementBlockName = "") {
-      return `${prefixBlockName}-${elementBlockName}--${modifierName}`;
+
+    classNameBlockModifier(modifierName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
     },
-    classNameElement(elementName, elementBlockName = "") {
-      return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ""}__${elementName}`;
+
+    classNameElement(elementName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
     },
-    classNameModifier(modifierName, elementName = "") {
-      return `${prefixBlockName}${elementName ? `__${elementName}` : ""}--${modifierName}`;
+
+    classNameModifier(modifierName) {
+      let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
     }
+
   };
 };
-var classNameManager_default = cssPipeline;
-module.exports = __toCommonJS(classNameManager_exports);
-//# sourceMappingURL=classNameManager.js.map
+
+exports.cssPrefix = cssPrefix;
+exports["default"] = cssPipeline;

package/cjs/converPropsToFormModifiers.js

@@ -1,62 +1,39 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var converPropsToFormModifiers_exports = {};
-__export(converPropsToFormModifiers_exports, {
-  default: () => converPropsToFormModifiers_default,
-  pipe: () => pipe
-});
-var React = __toESM(require("react"));
-const basicAction = ({
-  readOnly = false,
-  disabled = false,
-  checked = false
-}) => {
-  const cssModifier = [];
-  if (checked)
-    cssModifier.push("checked");
-  if (readOnly)
-    cssModifier.push("readonly");
-  if (disabled)
-    cssModifier.push("disabled");
+'use strict';
+
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = _ref => {
+  let {
+    readOnly = false,
+    disabled = false,
+    checked = false
+  } = _ref;
+  const cssModifier = []; // input state modifiers
+
+  if (checked) cssModifier.push('checked');
+  if (readOnly) cssModifier.push('readonly');
+  if (disabled) cssModifier.push('disabled');
   return cssModifier;
 };
+
 const instance = [basicAction];
+
 const pipe = () => ({
   getInstance() {
     return instance;
   },
+
   add(customModifier) {
     instance.push(customModifier);
   },
+
   execute(props) {
     return instance.reduce((temp, action) => [...temp, ...action(props)], []);
   }
+
 });
-var converPropsToFormModifiers_default = pipe;
-module.exports = __toCommonJS(converPropsToFormModifiers_exports);
-//# sourceMappingURL=converPropsToFormModifiers.js.map
+
+module.exports = pipe;

package/cjs/convertPropToFeedBackModifiers.js

@@ -1,65 +1,39 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var convertPropToFeedBackModifiers_exports = {};
-__export(convertPropToFeedBackModifiers_exports, {
-  default: () => convertPropToFeedBackModifiers_default,
-  pipe: () => pipe
-});
-var React = __toESM(require("react"));
-const basicAction = ({
-  hasError = false,
-  hasWarning = false,
-  hasSuccess = false,
-  modalType
-}) => {
-  const cssModifier = [];
-  if (hasError)
-    cssModifier.push("error");
-  else if (hasWarning)
-    cssModifier.push("warning");
-  else if (hasSuccess)
-    cssModifier.push("success");
-  if (modalType)
-    cssModifier.push(`modal-type-${modalType}`);
+'use strict';
+
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = _ref => {
+  let {
+    hasError = false,
+    hasWarning = false,
+    hasSuccess = false,
+    modalType
+  } = _ref;
+  const cssModifier = []; // valid state modifier
+
+  if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
+  if (modalType) cssModifier.push("modal-type-".concat(modalType));
   return cssModifier;
 };
+
 const instance = [basicAction];
+
 const pipe = () => ({
   getInstance() {
     return instance;
   },
+
   add(customModifier) {
     instance.push(customModifier);
   },
+
   execute(props) {
     return instance.reduce((temp, action) => [...temp, ...action(props)], []);
   }
+
 });
-var convertPropToFeedBackModifiers_default = pipe;
-module.exports = __toCommonJS(convertPropToFeedBackModifiers_exports);
-//# sourceMappingURL=convertPropToFeedBackModifiers.js.map
+
+module.exports = pipe;

package/cjs/convertPropsToColorModifiers.js

@@ -1,58 +1,38 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var convertPropsToColorModifiers_exports = {};
-__export(convertPropsToColorModifiers_exports, {
-  default: () => convertPropsToColorModifiers_default,
-  pipe: () => pipe
-});
-var React = __toESM(require("react"));
-const basicAction = ({ color = null }) => {
+'use strict';
+
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = _ref => {
+  let {
+    color = null
+  } = _ref;
   const cssModifier = [];
+
   if (color && color[0]) {
-    if (color[1] !== null)
-      cssModifier.push(`color-${color[0]}-${color[1]}`);
-    else
-      cssModifier.push(`color-${color[0]}`);
+    if (color[1] !== null) cssModifier.push("color-".concat(color[0], "-").concat(color[1]));else cssModifier.push("color-".concat(color[0]));
   }
+
   return cssModifier;
 };
+
 const instance = [basicAction];
+
 const pipe = () => ({
   getInstance() {
     return instance;
   },
+
   add(customModifier) {
     instance.push(customModifier);
   },
+
   execute(props) {
     return instance.reduce((temp, action) => [...temp, ...action(props)], []);
   }
+
 });
-var convertPropsToColorModifiers_default = pipe;
-module.exports = __toCommonJS(convertPropsToColorModifiers_exports);
-//# sourceMappingURL=convertPropsToColorModifiers.js.map
+
+module.exports = pipe;