@elliemae/ds-classnames 1.57.1 → 2.0.0-alpha.11

package/esm/convertPropsToTextModifiers.js

@@ -1,33 +1,32 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var basicAction = function basicAction(_ref) {
-  var textEllipsis = _ref.textEllipsis,
-      textAlignment = _ref.textAlignment,
-      wordBreak = _ref.wordBreak;
-  var cssModifier = [];
+const basicAction = ({
+  textEllipsis,
+  textAlignment,
+  wordBreak
+}) => {
+  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;
 };
 
-var instance = [basicAction];
+const instance = [basicAction];
 
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray(temp), _toConsumableArray(action(props)));
-      }, []);
-    }
-  };
-};
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 export { pipe as default };
-//# sourceMappingURL=convertPropsToTextModifiers.js.map

package/esm/index.js

@@ -1,16 +1,2 @@
-export { c as convertPropToCssClassName, a as cssPrefix } from './classNameManager-177ee1bb.js';
+export { default as convertPropToCssClassName } from './classNameManager.js';
 export { default as aggregatedClasses } from './aggregatedClasses.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-utilities';
-import './converPropsToFormModifiers.js';
-import './convertPropsToLayoutModifiers.js';
-import './convertPropToFeedBackModifiers.js';
-import './convertPropsToSizeModifiers.js';
-import './convertPropsToTextModifiers.js';
-import './convertPropsToColorModifiers.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'obj-str';
-import './validateNativeProps.js';
-//# sourceMappingURL=index.js.map

package/esm/validateNativeProps.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 /* eslint-disable max-lines */
-var attributeWhiteList = {
+const attributeWhiteList = {
   accept: true,
   acceptCharset: true,
   accessKey: true,
@@ -121,7 +121,7 @@ var attributeWhiteList = {
   wmode: true,
   wrap: true
 };
-var svgAttributesWhiteList = {
+const svgAttributesWhiteList = {
   clipPath: true,
   cx: true,
   cy: true,
@@ -177,7 +177,7 @@ var svgAttributesWhiteList = {
   y2: true,
   y: true
 };
-var otherWhiteList = {
+const otherWhiteList = {
   autoCapitalize: true,
   autoCorrect: true,
   property: true,
@@ -190,7 +190,7 @@ var otherWhiteList = {
   results: true,
   autoSave: true
 };
-var eventsWhiteList = {
+const eventsWhiteList = {
   onCopy: true,
   onCut: true,
   onPaste: true,
@@ -272,17 +272,11 @@ var eventsWhiteList = {
   onTransitionEnd: true,
   onToggle: true
 };
-var whiteList = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, attributeWhiteList), svgAttributesWhiteList), otherWhiteList), eventsWhiteList);
-var isDataAttribute = function isDataAttribute(attribute) {
-  return attribute.substring(0, 5) === 'data-';
-};
-var isAriaAttribute = function isAriaAttribute(attribute) {
-  return attribute.substring(0, 6) === 'aria-';
-};
-var isValidNativeAttribute = function isValidNativeAttribute(attribute) {
-  return whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
-};
-var nativeHTMLElements = {
+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,
   address: true,
@@ -396,9 +390,6 @@ var nativeHTMLElements = {
   video: true,
   wbr: true
 };
-var isNativeHTMLElement = function isNativeHTMLElement(type) {
-  return nativeHTMLElements[type] === true;
-};
+const isNativeHTMLElement = type => nativeHTMLElements[type] === true;
 
 export { isAriaAttribute, isDataAttribute, isNativeHTMLElement, isValidNativeAttribute, whiteList };
-//# sourceMappingURL=validateNativeProps.js.map

package/package.json

@@ -1,14 +1,66 @@
 {
   "name": "@elliemae/ds-classnames",
-  "version": "1.57.1",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum Library - Aggregated classNames to component",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum Library - Aggregated classNames to component",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./validateNativeProps": {
+      "import": "./esm/validateNativeProps.js",
+      "require": "./cjs/validateNativeProps.js"
+    },
+    "./convertPropToFeedBackModifiers": {
+      "import": "./esm/convertPropToFeedBackModifiers.js",
+      "require": "./cjs/convertPropToFeedBackModifiers.js"
+    },
+    "./convertPropsToTextModifiers": {
+      "import": "./esm/convertPropsToTextModifiers.js",
+      "require": "./cjs/convertPropsToTextModifiers.js"
+    },
+    "./convertPropsToSizeModifiers": {
+      "import": "./esm/convertPropsToSizeModifiers.js",
+      "require": "./cjs/convertPropsToSizeModifiers.js"
+    },
+    "./convertPropsToLayoutModifiers": {
+      "import": "./esm/convertPropsToLayoutModifiers.js",
+      "require": "./cjs/convertPropsToLayoutModifiers.js"
+    },
+    "./convertPropsToColorModifiers": {
+      "import": "./esm/convertPropsToColorModifiers.js",
+      "require": "./cjs/convertPropsToColorModifiers.js"
+    },
+    "./converPropsToFormModifiers": {
+      "import": "./esm/converPropsToFormModifiers.js",
+      "require": "./cjs/converPropsToFormModifiers.js"
+    },
+    "./classNameManager": {
+      "import": "./esm/classNameManager.js",
+      "require": "./cjs/classNameManager.js"
+    },
+    "./aggregatedClasses": {
+      "import": "./esm/aggregatedClasses.js",
+      "require": "./cjs/aggregatedClasses.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "prebuild": "exit 0",
     "predev": "exit 0",
@@ -16,16 +68,17 @@
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
   },
   "dependencies": {
-    "@elliemae/ds-utilities": "1.57.1",
+    "@elliemae/ds-utilities": "2.0.0-alpha.11",
     "obj-str": "1.0.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1"
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2"
   }
 }

package/types/aggregatedClasses.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const cssPrefix: any;
+declare function aggregatedClasses(type: any, props: any): (block: any, element: any, additionalModifiers: any, options?: {}) => React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export default aggregatedClasses;

package/types/classNameManager.d.ts

@@ -0,0 +1,24 @@
+export declare const cssPrefix: string;
+/**
+ * Docs: http://getbem.com/naming/
+ * blockName
+ * cssClassNameModifier: Main modifier
+ * props { hasError, hasWarning, hasSuccess, readOnly, disabled}
+ *
+ * @param blockName
+ * @param cssClassNameModifier
+ * @param props
+ * @param options
+ */
+declare const cssPipeline: (blockName?: string, cssClassNameModifier?: string, props?: {}, options?: {}) => {
+    blockName: string;
+    cssPrefix: string;
+    prefixBlockName: string;
+    cssClassName: string;
+    mainModifier(modifier: any): string;
+    classNameBlock(elementName: any, usePrefix?: boolean): string;
+    classNameBlockModifier(modifierName: any, elementBlockName?: string): string;
+    classNameElement(elementName: any, elementBlockName?: string): string;
+    classNameModifier(modifierName: any, elementName?: string): string;
+};
+export default cssPipeline;

package/types/converPropsToFormModifiers.d.ts

@@ -0,0 +1,14 @@
+declare const pipe: () => {
+    getInstance(): (({ readOnly, disabled, checked, }: {
+        readOnly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        checked?: boolean | undefined;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ readOnly, disabled, checked, }: {
+        readOnly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        checked?: boolean | undefined;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropToFeedBackModifiers.d.ts

@@ -0,0 +1,16 @@
+declare const pipe: () => {
+    getInstance(): (({ hasError, hasWarning, hasSuccess, modalType, }: {
+        hasError?: boolean | undefined;
+        hasWarning?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        modalType: any;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ hasError, hasWarning, hasSuccess, modalType, }: {
+        hasError?: boolean | undefined;
+        hasWarning?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        modalType: any;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropsToColorModifiers.d.ts

@@ -0,0 +1,10 @@
+declare const pipe: () => {
+    getInstance(): (({ color }: {
+        color?: null | undefined;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ color }: {
+        color?: null | undefined;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropsToLayoutModifiers.d.ts

@@ -0,0 +1,16 @@
+declare const pipe: () => {
+    getInstance(): (({ id, buttonType, fluidWidth, fluidHeight, }: {
+        id: any;
+        buttonType?: string | undefined;
+        fluidWidth?: boolean | undefined;
+        fluidHeight?: boolean | undefined;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ id, buttonType, fluidWidth, fluidHeight, }: {
+        id: any;
+        buttonType?: string | undefined;
+        fluidWidth?: boolean | undefined;
+        fluidHeight?: boolean | undefined;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropsToSizeModifiers.d.ts

@@ -0,0 +1,24 @@
+declare const pipe: () => {
+    getInstance(): (({ size, extraTight, tight, base, bitLoose, loose, extraLoose, superLoose, }: {
+        size?: null | undefined;
+        extraTight?: boolean | undefined;
+        tight?: boolean | undefined;
+        base?: boolean | undefined;
+        bitLoose?: boolean | undefined;
+        loose?: boolean | undefined;
+        extraLoose?: boolean | undefined;
+        superLoose?: boolean | undefined;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ size, extraTight, tight, base, bitLoose, loose, extraLoose, superLoose, }: {
+        size?: null | undefined;
+        extraTight?: boolean | undefined;
+        tight?: boolean | undefined;
+        base?: boolean | undefined;
+        bitLoose?: boolean | undefined;
+        loose?: boolean | undefined;
+        extraLoose?: boolean | undefined;
+        superLoose?: boolean | undefined;
+    }) => string[];
+};
+export default pipe;

package/types/convertPropsToTextModifiers.d.ts

@@ -0,0 +1,14 @@
+declare const pipe: () => {
+    getInstance(): (({ textEllipsis, textAlignment, wordBreak }: {
+        textEllipsis: any;
+        textAlignment: any;
+        wordBreak: any;
+    }) => string[])[];
+    add(customModifier: any): void;
+    execute(props: any): ({ textEllipsis, textAlignment, wordBreak }: {
+        textEllipsis: any;
+        textAlignment: any;
+        wordBreak: any;
+    }) => string[];
+};
+export default pipe;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export { default as convertPropToCssClassName } from './classNameManager';
+export { default as aggregatedClasses } from './aggregatedClasses';

package/types/validateNativeProps.d.ts

@@ -0,0 +1,265 @@
+export declare const whiteList: {
+    onCopy: boolean;
+    onCut: boolean;
+    onPaste: boolean;
+    onCompositionEnd: boolean;
+    onCompositionStart: boolean;
+    onCompositionUpdate: boolean;
+    onKeyDown: boolean;
+    onKeyPress: boolean;
+    onKeyUp: boolean;
+    onFocus: boolean;
+    onBlur: boolean;
+    onChange: boolean;
+    onInput: boolean;
+    onInvalid: boolean;
+    onReset: boolean;
+    onSubmit: boolean;
+    onError: boolean;
+    onLoad: boolean;
+    onClick: boolean;
+    onContextMenu: boolean;
+    onDoubleClick: boolean;
+    onDrag: boolean;
+    onDragEnd: boolean;
+    onDragEnter: boolean;
+    onDragExit: boolean;
+    onDragLeave: boolean;
+    onDragOver: boolean;
+    onDragStart: boolean;
+    onDrop: boolean;
+    onMouseDown: boolean;
+    onMouseEnter: boolean;
+    onMouseLeave: boolean;
+    onMouseMove: boolean;
+    onMouseOut: boolean;
+    onMouseOver: boolean;
+    onMouseUp: boolean;
+    onPointerDown: boolean;
+    onPointerMove: boolean;
+    onPointerUp: boolean;
+    onPointerCancel: boolean;
+    onGotPointerCapture: boolean;
+    onLostPointerCapture: boolean;
+    onPointerEnter: boolean;
+    onPointerLeave: boolean;
+    onPointerOver: boolean;
+    onPointerOut: boolean;
+    onSelect: boolean;
+    onTouchCancel: boolean;
+    onTouchEnd: boolean;
+    onTouchMove: boolean;
+    onTouchStart: boolean;
+    onScroll: boolean;
+    onWheel: boolean;
+    onAbort: boolean;
+    onCanPlay: boolean;
+    onCanPlayThrough: boolean;
+    onDurationChange: boolean;
+    onEmptied: boolean;
+    onEncrypted: boolean;
+    onEnded: boolean;
+    onLoadedData: boolean;
+    onLoadedMetadata: boolean;
+    onLoadStart: boolean;
+    onPause: boolean;
+    onPlay: boolean;
+    onPlaying: boolean;
+    onProgress: boolean;
+    onRateChange: boolean;
+    onSeeked: boolean;
+    onSeeking: boolean;
+    onStalled: boolean;
+    onSuspend: boolean;
+    onTimeUpdate: boolean;
+    onVolumeChange: boolean;
+    onWaiting: boolean;
+    onAnimationStart: boolean;
+    onAnimationEnd: boolean;
+    onAnimationIteration: boolean;
+    onTransitionEnd: boolean;
+    onToggle: boolean;
+    autoCapitalize: boolean;
+    autoCorrect: boolean;
+    property: boolean;
+    itemProp: boolean;
+    itemScope: boolean;
+    itemType: boolean;
+    itemRef: boolean;
+    itemID: boolean;
+    unselectable: boolean;
+    results: boolean;
+    autoSave: boolean;
+    clipPath: boolean;
+    cx: boolean;
+    cy: boolean;
+    d: boolean;
+    dx: boolean;
+    dy: boolean;
+    fill: boolean;
+    fillOpacity: boolean;
+    fontFamily: boolean;
+    fontSize: boolean;
+    fx: boolean;
+    fy: boolean;
+    gradientTransform: boolean;
+    gradientUnits: boolean;
+    markerEnd: boolean;
+    markerMid: boolean;
+    markerStart: boolean;
+    offset: boolean;
+    opacity: boolean;
+    patternContentUnits: boolean;
+    patternUnits: boolean;
+    points: boolean;
+    preserveAspectRatio: boolean;
+    r: boolean;
+    rx: boolean;
+    ry: boolean;
+    spreadMethod: boolean;
+    stopColor: boolean;
+    stopOpacity: boolean;
+    stroke: boolean;
+    strokeDasharray: boolean;
+    strokeLinecap: boolean;
+    strokeOpacity: boolean;
+    strokeWidth: boolean;
+    textAnchor: boolean;
+    transform: boolean;
+    version: boolean;
+    viewBox: boolean;
+    x1: boolean;
+    x2: boolean;
+    x: boolean;
+    xlinkActuate: boolean;
+    xlinkArcrole: boolean;
+    xlinkHref: boolean;
+    xlinkRole: boolean;
+    xlinkShow: boolean;
+    xlinkTitle: boolean;
+    xlinkType: boolean;
+    xmlBase: boolean;
+    xmlLang: boolean;
+    xmlSpace: boolean;
+    y1: boolean;
+    y2: boolean;
+    y: boolean;
+    accept: boolean;
+    acceptCharset: boolean;
+    accessKey: boolean;
+    action: boolean;
+    allowFullScreen: boolean;
+    allowTransparency: boolean;
+    alt: boolean;
+    async: boolean;
+    autoComplete: boolean;
+    autoFocus: boolean;
+    autoPlay: boolean;
+    capture: boolean;
+    cellPadding: boolean;
+    cellSpacing: boolean;
+    charSet: boolean;
+    challenge: boolean;
+    checked: boolean;
+    classID: boolean;
+    className: boolean;
+    cols: boolean;
+    colSpan: boolean;
+    content: boolean;
+    contentEditable: boolean;
+    contextMenu: boolean;
+    controls: boolean;
+    coords: boolean;
+    crossOrigin: boolean;
+    data: boolean;
+    dateTime: boolean;
+    defer: boolean;
+    dir: boolean;
+    disabled: boolean;
+    download: boolean;
+    draggable: boolean;
+    encType: boolean;
+    form: boolean;
+    formAction: boolean;
+    formEncType: boolean;
+    formMethod: boolean;
+    formNoValidate: boolean;
+    formTarget: boolean;
+    frameBorder: boolean;
+    headers: boolean;
+    height: boolean;
+    hidden: boolean;
+    high: boolean;
+    href: boolean;
+    hrefLang: boolean;
+    htmlFor: boolean;
+    httpEquiv: boolean;
+    icon: boolean;
+    id: boolean;
+    inputMode: boolean;
+    keyParams: boolean;
+    keyType: boolean;
+    label: boolean;
+    lang: boolean;
+    list: boolean;
+    loop: boolean;
+    low: boolean;
+    manifest: boolean;
+    marginHeight: boolean;
+    marginWidth: boolean;
+    max: boolean;
+    maxLength: boolean;
+    media: boolean;
+    mediaGroup: boolean;
+    method: boolean;
+    min: boolean;
+    minLength: boolean;
+    multiple: boolean;
+    muted: boolean;
+    name: boolean;
+    noValidate: boolean;
+    open: boolean;
+    optimum: boolean;
+    pattern: boolean;
+    placeholder: boolean;
+    poster: boolean;
+    preload: boolean;
+    radioGroup: boolean;
+    readOnly: boolean;
+    rel: boolean;
+    required: boolean;
+    role: boolean;
+    rows: boolean;
+    rowSpan: boolean;
+    sandbox: boolean;
+    scope: boolean;
+    scoped: boolean;
+    scrolling: boolean;
+    seamless: boolean;
+    selected: boolean;
+    shape: boolean;
+    size: boolean;
+    sizes: boolean;
+    span: boolean;
+    spellCheck: boolean;
+    src: boolean;
+    srcDoc: boolean;
+    srcSet: boolean;
+    start: boolean;
+    step: boolean;
+    style: boolean;
+    summary: boolean;
+    tabIndex: boolean;
+    target: boolean;
+    title: boolean;
+    type: boolean;
+    useMap: boolean;
+    value: boolean;
+    width: boolean;
+    wmode: boolean;
+    wrap: boolean;
+};
+export declare const isDataAttribute: (attribute: any) => boolean;
+export declare const isAriaAttribute: (attribute: any) => boolean;
+export declare const isValidNativeAttribute: (attribute: any) => boolean;
+export declare const isNativeHTMLElement: (type: any) => boolean;

package/aggregatedClasses/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-classnames/aggregatedClasses",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/aggregatedClasses.js",
-  "module": "../esm/aggregatedClasses.js"
-}

package/cjs/aggregatedClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aggregatedClasses.js","sources":["../../src/aggregatedClasses.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport cx from 'obj-str';\nimport convertPropToCssClassName from './classNameManager';\nimport DimsumConfig from '../../../dimsum.config';\nimport {\n  isValidNativeAttribute,\n  isNativeHTMLElement,\n} from './validateNativeProps';\n\nexport const cssPrefix = DimsumConfig.classNamePrefix;\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\nfunction aggregatedClasses(type, props) {\n  // aggregatedClasses options parameters\n  return (block, element, additionalModifiers, options = {}) =>\n    React.forwardRef(\n      (\n        {\n          innerRef,\n          children,\n          classProps,\n          useComponent,\n          className,\n          as,\n          ...rest\n        },\n        ref,\n      ) => {\n        // get the additional classNames either from a function or an object\n        let otherModifiers = appendBlockAndPrefixToObj(\n          additionalModifiers,\n          block,\n          element,\n        );\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))\n              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    );\n}\n\nexport default aggregatedClasses;\n"],"names":["cssPrefix","DimsumConfig","classNamePrefix","generateClassNameWithModifier","block","element","modifier","appendBlockAndPrefixToObj","obj","Object","keys","reduce","acc","key","aggregatedClasses","type","props","additionalModifiers","options","React","forwardRef","ref","innerRef","children","classProps","useComponent","className","as","rest","otherModifiers","otherModifiersStr","cx","prefix","propsToRemoveFromFinalElement","convertPropToCssClassName","classNames","cssClassName","cleanedPropsPassedDown","forEach","propKey","isNativeHTMLElement","isValidNativeAttribute","createElement","join"],"mappings":"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"}