@elliemae/ds-classnames 2.3.0-alpha.9 → 2.3.0-next.0

package/cjs/aggregatedClasses.js

@@ -0,0 +1,91 @@
+'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) => 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
+    });
+
+    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

@@ -0,0 +1,92 @@
+'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];
+};
+/**
+ * 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 "".concat(className, "--").concat(modifier);
+    },
+
+    classNameBlock(elementName) {
+      let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
+    },
+
+    classNameBlockModifier(modifierName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
+    },
+
+    classNameElement(elementName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
+    },
+
+    classNameModifier(modifierName) {
+      let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
+    }
+
+  };
+};
+
+exports.cssPrefix = cssPrefix;
+exports["default"] = cssPipeline;

package/cjs/converPropsToFormModifiers.js

@@ -0,0 +1,39 @@
+'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)], []);
+  }
+
+});
+
+module.exports = pipe;

package/cjs/convertPropToFeedBackModifiers.js

@@ -0,0 +1,39 @@
+'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)], []);
+  }
+
+});
+
+module.exports = pipe;

package/cjs/convertPropsToColorModifiers.js

@@ -0,0 +1,38 @@
+'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-".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)], []);
+  }
+
+});
+
+module.exports = pipe;

package/cjs/convertPropsToLayoutModifiers.js

@@ -0,0 +1,41 @@
+'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 {
+    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)], []);
+  }
+
+});
+
+module.exports = pipe;

package/cjs/convertPropsToSizeModifiers.js

@@ -0,0 +1,43 @@
+'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 {
+    size = null,
+    extraTight = false,
+    tight = false,
+    base = false,
+    bitLoose = false,
+    loose = false,
+    extraLoose = false,
+    superLoose = false
+  } = _ref;
+  const cssModifier = [];
+  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)], []);
+  }
+
+});
+
+module.exports = pipe;

package/cjs/convertPropsToTextModifiers.js

@@ -0,0 +1,38 @@
+'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 {
+    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-".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)], []);
+  }
+
+});
+
+module.exports = pipe;

package/cjs/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classNameManager = require('./classNameManager.js');
+var aggregatedClasses = require('./aggregatedClasses.js');
+
+
+
+exports.convertPropToCssClassName = classNameManager["default"];
+exports.cssPrefix = classNameManager.cssPrefix;
+exports.aggregatedClasses = aggregatedClasses["default"];

package/{dist/cjs → cjs}/validateNativeProps.js

@@ -1,39 +1,23 @@
-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 validateNativeProps_exports = {};
-__export(validateNativeProps_exports, {
-  isAriaAttribute: () => isAriaAttribute,
-  isDataAttribute: () => isDataAttribute,
-  isNativeHTMLElement: () => isNativeHTMLElement,
-  isValidNativeAttribute: () => isValidNativeAttribute,
-  whiteList: () => whiteList
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_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__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; }
+
+/* eslint-disable max-lines */
 const attributeWhiteList = {
   accept: true,
   acceptCharset: true,
@@ -301,15 +285,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,
@@ -424,6 +403,10 @@ const nativeHTMLElements = {
   video: true,
   wbr: true
 };
-const isNativeHTMLElement = (type) => nativeHTMLElements[type] === true;
-module.exports = __toCommonJS(validateNativeProps_exports);
-//# sourceMappingURL=validateNativeProps.js.map
+const isNativeHTMLElement = type => nativeHTMLElements[type] === true;
+
+exports.isAriaAttribute = isAriaAttribute;
+exports.isDataAttribute = isDataAttribute;
+exports.isNativeHTMLElement = isNativeHTMLElement;
+exports.isValidNativeAttribute = isValidNativeAttribute;
+exports.whiteList = whiteList;

package/esm/aggregatedClasses.js

@@ -0,0 +1,78 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React from 'react';
+import cx from 'obj-str';
+import DimsumConfig from '@elliemae/ds-shared/dimsum.config';
+import cssPipeline from './classNameManager.js';
+import { isNativeHTMLElement, isValidNativeAttribute } from './validateNativeProps.js';
+
+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(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.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) => function (block, element, additionalModifiers) {
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  return /*#__PURE__*/React.forwardRef((_ref, ref) => {
+    let {
+      innerRef,
+      children,
+      classProps,
+      useComponent,
+      className,
+      as
+    } = _ref,
+        rest = _objectWithoutProperties(_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(otherModifiers);
+    const {
+      prefix,
+      propsToRemoveFromFinalElement = []
+    } = options;
+    const {
+      cssClassName: classNames
+    } = cssPipeline(block, null, _objectSpread({}, classProps), {
+      prefix,
+      element
+    });
+
+    const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
+
+    propsToRemoveFromFinalElement.forEach(propKey => {
+      delete cleanedPropsPassedDown[propKey];
+    });
+
+    if (isNativeHTMLElement(block)) {
+      Object.keys(cleanedPropsPassedDown).forEach(key => {
+        if (!isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
+      });
+    }
+
+    return /*#__PURE__*/React.createElement(as || type, _objectSpread({
+      ref: innerRef || ref,
+      className: [classNames, otherModifiersStr, className].join(' ')
+    }, cleanedPropsPassedDown), children);
+  });
+};
+
+export { cssPrefix, aggregatedClasses as default };