@elliemae/ds-classnames 2.2.0-alpha.5 → 2.2.0-beta.0

package/esm/classNameManager.js

@@ -1,54 +1,83 @@
-import * as React from "react";
-import { isEmpty } from "@elliemae/ds-utilities/utils";
-import { dimsumConfig } from "@elliemae/ds-shared/dimsum.config";
-import { pipe as formPipe } from "./converPropsToFormModifiers";
-import { pipe as layoutModifiers } from "./convertPropsToLayoutModifiers";
-import { pipe as feedBackModifiers } from "./convertPropToFeedBackModifiers";
-import { pipe as sizeModifiers } from "./convertPropsToSizeModifiers";
-import { pipe as textModifiers } from "./convertPropsToTextModifiers";
-import { pipe as colorModifiers } from "./convertPropsToColorModifiers";
-const cssPrefix = `${dimsumConfig.classNamePrefix}-`;
-const executePipelines = (props) => {
-  const form = formPipe().execute(props);
-  const layout = layoutModifiers().execute(props);
-  const feedback = feedBackModifiers().execute(props);
-  const size = sizeModifiers().execute(props);
-  const text = textModifiers().execute(props);
-  const color = colorModifiers().execute(props);
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { isEmpty } from '@elliemae/ds-utilities/utils';
+import DimsumConfig from '@elliemae/ds-shared/dimsum.config';
+import pipe from './converPropsToFormModifiers.js';
+import pipe$1 from './convertPropsToLayoutModifiers.js';
+import pipe$2 from './convertPropToFeedBackModifiers.js';
+import pipe$3 from './convertPropsToSizeModifiers.js';
+import pipe$4 from './convertPropsToTextModifiers.js';
+import pipe$5 from './convertPropsToColorModifiers.js';
+
+const cssPrefix = "".concat(DimsumConfig.classNamePrefix, "-");
+
+const executePipelines = props => {
+  const form = pipe().execute(props);
+  const layout = pipe$1().execute(props);
+  const feedback = pipe$2().execute(props);
+  const size = pipe$3().execute(props);
+  const text = pipe$4().execute(props);
+  const color = pipe$5().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}` : ""}`;
+/**
+ * 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 = !isEmpty(props) ? executePipelines(props) : [];
-  const basePipeline = [prefixBlockName, ...pipes];
-  const className = cssClassNameModifier ? [...basePipeline].join(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`) : [...basePipeline].join(` ${prefixBlockName}--`);
+  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;
-export {
-  cssPipeline as convertPropToCssClassName,
-  cssPrefix,
-  classNameManager_default as default
-};
-//# sourceMappingURL=classNameManager.js.map
+
+export { cssPrefix, cssPipeline as default };

package/esm/converPropsToFormModifiers.js

@@ -1,33 +1,37 @@
-import * as React from "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");
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import '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;
-export {
-  converPropsToFormModifiers_default as default,
-  pipe
-};
-//# sourceMappingURL=converPropsToFormModifiers.js.map
+
+export { pipe as default };

package/esm/convertPropToFeedBackModifiers.js

@@ -1,36 +1,37 @@
-import * as React from "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}`);
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import '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;
-export {
-  convertPropToFeedBackModifiers_default as default,
-  pipe
-};
-//# sourceMappingURL=convertPropToFeedBackModifiers.js.map
+
+export { pipe as default };

package/esm/convertPropsToColorModifiers.js

@@ -1,29 +1,36 @@
-import * as React from "react";
-const basicAction = ({ color = null }) => {
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import '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;
-export {
-  convertPropsToColorModifiers_default as default,
-  pipe
-};
-//# sourceMappingURL=convertPropsToColorModifiers.js.map
+
+export { pipe as default };

package/esm/convertPropsToLayoutModifiers.js

@@ -1,36 +1,39 @@
-import * as React from "react";
-const basicAction = ({
-  id,
-  buttonType = "default",
-  fluidWidth = false,
-  fluidHeight = false
-}) => {
-  const cssModifier = [];
-  if (id)
-    cssModifier.push(`id-${id}`);
-  if (buttonType)
-    cssModifier.push(buttonType);
-  if (fluidWidth)
-    cssModifier.push("fluid-width");
-  if (fluidHeight)
-    cssModifier.push("fluid-height");
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    id,
+    buttonType = 'default',
+    fluidWidth = false,
+    fluidHeight = false
+  } = _ref;
+  const cssModifier = []; // buttons types
+
+  if (id) cssModifier.push("id-".concat(id));
+  if (buttonType) cssModifier.push(buttonType);
+  if (fluidWidth) cssModifier.push('fluid-width');
+  if (fluidHeight) cssModifier.push('fluid-height');
   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 convertPropsToLayoutModifiers_default = pipe;
-export {
-  convertPropsToLayoutModifiers_default as default,
-  pipe
-};
-//# sourceMappingURL=convertPropsToLayoutModifiers.js.map
+
+export { pipe as default };

package/esm/convertPropsToSizeModifiers.js

@@ -1,48 +1,41 @@
-import * as React from "react";
-const basicAction = ({
-  size = null,
-  extraTight = false,
-  tight = false,
-  base = false,
-  bitLoose = false,
-  loose = false,
-  extraLoose = false,
-  superLoose = false
-}) => {
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    size = null,
+    extraTight = false,
+    tight = false,
+    base = false,
+    bitLoose = false,
+    loose = false,
+    extraLoose = false,
+    superLoose = false
+  } = _ref;
   const cssModifier = [];
-  if (size)
-    cssModifier.push(`${size}`);
-  if (extraTight)
-    cssModifier.push("size-extra-tight");
-  else if (tight)
-    cssModifier.push("size-tight");
-  else if (base)
-    cssModifier.push("size-base");
-  else if (bitLoose)
-    cssModifier.push("size-bit-loose");
-  else if (loose)
-    cssModifier.push("size-loose");
-  else if (extraLoose)
-    cssModifier.push("size-extra-loose");
-  else if (superLoose)
-    cssModifier.push("size-super-loose");
+  if (size) cssModifier.push("".concat(size)); // Size as Flag
+
+  if (extraTight) cssModifier.push('size-extra-tight');else if (tight) cssModifier.push('size-tight');else if (base) cssModifier.push('size-base');else if (bitLoose) cssModifier.push('size-bit-loose');else if (loose) cssModifier.push('size-loose');else if (extraLoose) cssModifier.push('size-extra-loose');else if (superLoose) cssModifier.push('size-super-loose');
   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 convertPropsToSizeModifiers_default = pipe;
-export {
-  convertPropsToSizeModifiers_default as default,
-  pipe
-};
-//# sourceMappingURL=convertPropsToSizeModifiers.js.map
+
+export { pipe as default };

package/esm/convertPropsToTextModifiers.js

@@ -1,29 +1,36 @@
-import * as React from "react";
-const basicAction = ({ textEllipsis, textAlignment, wordBreak }) => {
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    textEllipsis,
+    textAlignment,
+    wordBreak
+  } = _ref;
   const cssModifier = [];
-  if (textEllipsis)
-    cssModifier.push("text-overflow-ellipsis");
-  if (wordBreak)
-    cssModifier.push("text-overflow-word-break");
-  if (["left", "right", "center", "justify"].indexOf(textAlignment) > -1)
-    cssModifier.push(`text-align-${textAlignment}`);
+  if (textEllipsis) cssModifier.push('text-overflow-ellipsis');
+  if (wordBreak) cssModifier.push('text-overflow-word-break');
+  if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push("text-align-".concat(textAlignment));
   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 convertPropsToTextModifiers_default = pipe;
-export {
-  convertPropsToTextModifiers_default as default,
-  pipe
-};
-//# sourceMappingURL=convertPropsToTextModifiers.js.map
+
+export { pipe as default };

package/esm/index.js

@@ -1,9 +1,2 @@
-import * as React from "react";
-import { default as default2, cssPrefix } from "./classNameManager";
-import { default as default3 } from "./aggregatedClasses";
-export {
-  default3 as aggregatedClasses,
-  default2 as convertPropToCssClassName,
-  cssPrefix
-};
-//# sourceMappingURL=index.js.map
+export { default as convertPropToCssClassName, cssPrefix } from './classNameManager.js';
+export { default as aggregatedClasses } from './aggregatedClasses.js';

package/esm/validateNativeProps.js

@@ -1,4 +1,15 @@
-import * as React from "react";
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+
+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(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; }
+
+/* eslint-disable max-lines */
 const attributeWhiteList = {
   accept: true,
   acceptCharset: true,
@@ -266,15 +277,10 @@ const eventsWhiteList = {
   onTransitionEnd: true,
   onToggle: true
 };
-const whiteList = {
-  ...attributeWhiteList,
-  ...svgAttributesWhiteList,
-  ...otherWhiteList,
-  ...eventsWhiteList
-};
-const isDataAttribute = (attribute) => attribute.substring(0, 5) === "data-";
-const isAriaAttribute = (attribute) => attribute.substring(0, 6) === "aria-";
-const isValidNativeAttribute = (attribute) => whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
+const whiteList = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, attributeWhiteList), svgAttributesWhiteList), otherWhiteList), eventsWhiteList);
+const isDataAttribute = attribute => attribute.substring(0, 5) === 'data-';
+const isAriaAttribute = attribute => attribute.substring(0, 6) === 'aria-';
+const isValidNativeAttribute = attribute => whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
 const nativeHTMLElements = {
   a: true,
   abbr: true,
@@ -389,12 +395,6 @@ const nativeHTMLElements = {
   video: true,
   wbr: true
 };
-const isNativeHTMLElement = (type) => nativeHTMLElements[type] === true;
-export {
-  isAriaAttribute,
-  isDataAttribute,
-  isNativeHTMLElement,
-  isValidNativeAttribute,
-  whiteList
-};
-//# sourceMappingURL=validateNativeProps.js.map
+const isNativeHTMLElement = type => nativeHTMLElements[type] === true;
+
+export { isAriaAttribute, isDataAttribute, isNativeHTMLElement, isValidNativeAttribute, whiteList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-classnames",
-  "version": "2.2.0-alpha.5",
+  "version": "2.2.0-beta.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum Library - Aggregated classNames to component",
   "module": "./esm/index.js",
@@ -68,8 +68,8 @@
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
   },
   "dependencies": {
-    "@elliemae/ds-shared": "2.2.0-alpha.5",
-    "@elliemae/ds-utilities": "2.2.0-alpha.5",
+    "@elliemae/ds-shared": "2.2.0-beta.0",
+    "@elliemae/ds-utilities": "2.2.0-beta.0",
     "obj-str": "~1.0.3"
   },
   "publishConfig": {

package/types/classNameManager.d.ts

@@ -25,5 +25,4 @@ declare const cssPipeline: (blockName?: string, cssClassNameModifier?: string, p
     classNameElement(elementName: any, elementBlockName?: string): string;
     classNameModifier(modifierName: any, elementName?: string): string;
 };
-export { cssPipeline as convertPropToCssClassName };
 export default cssPipeline;

package/types/converPropsToFormModifiers.d.ts

@@ -11,5 +11,4 @@ declare const pipe: () => {
         checked?: boolean | undefined;
     }) => string[];
 };
-export { pipe };
 export default pipe;

package/types/convertPropToFeedBackModifiers.d.ts

@@ -13,5 +13,4 @@ declare const pipe: () => {
         modalType: any;
     }) => string[];
 };
-export { pipe };
 export default pipe;

package/types/convertPropsToColorModifiers.d.ts

@@ -7,5 +7,4 @@ declare const pipe: () => {
         color?: null | undefined;
     }) => string[];
 };
-export { pipe };
 export default pipe;

package/types/convertPropsToLayoutModifiers.d.ts

@@ -13,5 +13,4 @@ declare const pipe: () => {
         fluidHeight?: boolean | undefined;
     }) => string[];
 };
-export { pipe };
 export default pipe;

package/types/convertPropsToSizeModifiers.d.ts

@@ -21,5 +21,4 @@ declare const pipe: () => {
         superLoose?: boolean | undefined;
     }) => string[];
 };
-export { pipe };
 export default pipe;

package/types/convertPropsToTextModifiers.d.ts

@@ -11,5 +11,4 @@ declare const pipe: () => {
         wordBreak: any;
     }) => string[];
 };
-export { pipe };
 export default pipe;

package/cjs/aggregatedClasses.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/aggregatedClasses.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable prettier/prettier */\n/* eslint-disable max-params */\n/* eslint-disable react/prop-types */\nimport React from 'react';\nimport cx from 'obj-str';\nimport { convertPropToCssClassName } from './classNameManager';\nimport { dimsumConfig } from '@elliemae/ds-shared/dimsum.config';\nimport {\n  isValidNativeAttribute,\n  isNativeHTMLElement,\n} from './validateNativeProps';\n\nexport const cssPrefix = dimsumConfig.classNamePrefix;\n\ntype AggregatedClassesT<T = unknown> = (\n  type: any,\n  props?: any,\n) => (\n  block: string,\n  element?: string | null,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  additionalModifiers?: { [key: string]: unknown } | ((arg: any) => { [key: string]: unknown }),\n  options?: { [key: string]: unknown },\n) => React.ForwardRefExoticComponent<React.RefAttributes<T>>;\n\nconst generateClassNameWithModifier = (block, element, modifier) =>\n  `${cssPrefix}-${block}${element ? `__${element}` : ''}--${modifier}`;\n\nconst appendBlockAndPrefixToObj = (obj, block, element) =>\n  obj\n    ? Object.keys(obj).reduce(\n      (acc, key) => ({\n        ...acc,\n        [`${generateClassNameWithModifier(block, element, key)}`]: obj[key],\n      }),\n      {},\n    )\n    : [];\n\nconst aggregatedClasses: AggregatedClassesT=\n  (type, props) =>\n    (block, element, additionalModifiers, options = {}) =>\n      React.forwardRef(({ innerRef, children, classProps, useComponent, className, as, ...rest }, ref) => {\n      // get the additional classNames either from a function or an object\n        let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);\n        if (typeof additionalModifiers === 'function')\n          otherModifiers = appendBlockAndPrefixToObj(\n            additionalModifiers({ ...rest, ...classProps, className }),\n            block,\n            element,\n          );\n\n        const otherModifiersStr = cx(otherModifiers);\n        const { prefix, propsToRemoveFromFinalElement = [] } = options;\n        const { cssClassName: classNames } = convertPropToCssClassName(\n          block,\n          null,\n          { ...classProps },\n          { prefix, element },\n        );\n        const cleanedPropsPassedDown = { ...props, ...rest };\n        propsToRemoveFromFinalElement.forEach((propKey) => {\n          delete cleanedPropsPassedDown[propKey];\n        });\n\n        if (isNativeHTMLElement(block)) {\n          Object.keys(cleanedPropsPassedDown).forEach((key) => {\n            if (!isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];\n          });\n        }\n\n        return React.createElement(\n          as || type,\n          {\n            ref: innerRef || ref,\n            className: [classNames, otherModifiersStr, className].join(' '),\n            ...cleanedPropsPassedDown,\n          },\n          children,\n        );\n      });\n\nexport default aggregatedClasses;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAkB;AAClB,qBAAe;AACf,8BAA0C;AAC1C,oBAA6B;AAC7B,iCAGO;AAEA,MAAM,YAAY,2BAAa;AAatC,MAAM,gCAAgC,CAAC,OAAO,SAAS,aACrD,GAAG,aAAa,QAAQ,UAAU,KAAK,YAAY,OAAO;AAE5D,MAAM,4BAA4B,CAAC,KAAK,OAAO,YAC7C,MACI,OAAO,KAAK,KAAK,OACjB,CAAC,KAAK,QAAS;AAAA,KACV;AAAA,GACF,GAAG,8BAA8B,OAAO,SAAS,SAAS,IAAI;AAAA,IAEjE,MAEA;AAEN,MAAM,oBACJ,CAAC,MAAM,UACL,CAAC,OAAO,SAAS,qBAAqB,UAAU,OAC9C,qBAAM,WAAW,CAAC,EAAE,UAAU,UAAU,YAAY,cAAc,WAAW,OAAO,QAAQ,QAAQ;AAElG,MAAI,iBAAiB,0BAA0B,qBAAqB,OAAO;AAC3E,MAAI,OAAO,wBAAwB;AACjC,qBAAiB,0BACf,oBAAoB,KAAK,SAAS,YAAY,cAC9C,OACA;AAGJ,QAAM,oBAAoB,4BAAG;AAC7B,QAAM,EAAE,QAAQ,gCAAgC,OAAO;AACvD,QAAM,EAAE,cAAc,eAAe,uDACnC,OACA,MACA,KAAK,cACL,EAAE,QAAQ;AAEZ,QAAM,yBAAyB,KAAK,UAAU;AAC9C,gCAA8B,QAAQ,CAAC,YAAY;AACjD,WAAO,uBAAuB;AAAA;AAGhC,MAAI,oDAAoB,QAAQ;AAC9B,WAAO,KAAK,wBAAwB,QAAQ,CAAC,QAAQ;AACnD,UAAI,CAAC,uDAAuB;AAAM,eAAO,uBAAuB;AAAA;AAAA;AAIpE,SAAO,qBAAM,cACX,MAAM,MACN;AAAA,IACE,KAAK,YAAY;AAAA,IACjB,WAAW,CAAC,YAAY,mBAAmB,WAAW,KAAK;AAAA,OACxD;AAAA,KAEL;AAAA;AAIV,IAAO,4BAAQ;",
-  "names": []
-}