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

package/cjs/aggregatedClasses.md

@@ -1,323 +0,0 @@
-# aggregatedClasses
-
-Utility to clean up the renders of too many classNames, internally uses the classNamePipeline and obj-str to ease the workflow.
-Follows BEM methodology (block - element - modifier)
-<br> This utility allows us to create components outside the render method with the block-element-modifiers injected in the className
-## Constructor
-
-```jsx
-const blockName = 'form-item'
-
-const Label = aggregatedClasses('div')(blockName, 'label')
-const InputController = aggregatedClasses('div')(blockName, 'controller')
-
-// generates 
-<div className='ds-em-form-item__label' /> 
-<div className='ds-em-form-item__controller' /> 
-
-// and based on the props passed through classProps is going to inject the proper modifiers
-render() {
-    return (
-        <Label
-            classProps={{ 
-                hasError: true, 
-                readOnly: true, 
-                disabled: true 
-            }}
-        />
-    )
-}
-
-// generates
-<div className='ds-em-form-item__label ds-em-form-item__label--error ds-em-form-item__label--readonly ds-em-form-item__label--disabled' /> 
-
-```
-
-This creates a component with the specified element or other component and creates the className based on the blockName, the elementName, and the props that this component is going to receive.
-
-
-### Parameters
-```js 
-export default type => (block, element, additionalClassNames, options)
-```
-
-@type - element or component to create <br>
-@block - block name <br>
-@element - element name  
-@additionalModifiers - object that appends new modifiers to the className if the value is true. <br>
-Also we can use a function that takes the props of the component created <br>
-<br>
-@options - Object to configure 'prefix'
-
-####Example
-```js
-const Wrapper = aggregatedClasses('div')(blockName, 'elementName', props => ({
-  someModifier: true, 
-  otherModifier: props.hasClass
-}))
-```
-
-
-####Example
-```js
-const Wrapper = aggregatedClasses('div')(blockName, 'elementName', {someClassName: true}, {prefix: 'DIMSUM'})
-```
-
-```jsx 
-
-
-// this translates
-const Wrapper = ({ children, ...rest }) => {
-  const { cssClassName } = convertPropToCssClassName(
-    blockName,
-    null,
-    { ...rest })
-  return (
-    <div className={cssClassName}>
-      { children }
-    </div>
-  )
-}
-
-// to this
-const WrapperClassed = aggregatedClasses('div')(blockName, null)
-```
-
-## Complete example 
-before
-```jsx
-import React, { Component } from 'react'
-import getSvgPath from 'components/basic/form/OutlinedInputField/getSvgPath'
-import { convertPropToCssClassName } from '@elliemae/ds-classnames'
-import { DSTextWrapper } from 'components/index'
-
-const blockName = 'labeled-outline'
-const pfxBlockName = `em-ds-${blockName}`
-
-class DSFloatingLabelInput extends Component {
-  constructor(props) {
-    super(props)
-    this.wrapper = React.createRef()
-    this.pathEl = React.createRef()
-    this.outlineEl = React.createRef()
-    this.outlineIdleEl = React.createRef()
-    this.labelEl = React.createRef()
-    this.state = {
-      open: props.open,
-      value: props.value,
-      focused: false,
-    }
-  }
-  componentWillUnmount() {
-    window.removeEventListener('resize', this.updatePath)
-  }
-  get sizes() {
-    return {
-      labelWidth: this.labelEl.current.offsetWidth * 0.9,
-      width: this.wrapper.current.offsetWidth,
-      height: this.wrapper.current.offsetHeight,
-      radiusStyle: window.getComputedStyle(this.outlineIdleEl.current).getPropertyValue('border-radius'),
-    }
-  }
-  updatePath() {
-    const path = getSvgPath(this.sizes)
-    this.pathEl.current.setAttribute('d', path)
-  }
-  openOutline() {
-    this.setState({ open: true })
-  }
-  closeOutline() {
-    this.setState({ open: false })
-  }
-  render() {
-    const {
-      className,
-      hasError,
-      readOnly,
-      disabled,
-      inputComponent,
-      label,
-    } = this.props
-    const InputComponent = inputComponent
-    const { open, focused, value } = this.state
-    const isOpen = open || focused || !!value
-
-    const { cssClassName: classNames } = convertPropToCssClassName(
-      blockName,
-      className, {
-        hasError,
-        readOnly,
-        disabled,
-      })
-    return (
-      <div
-        ref={this.wrapper}
-        className={`${classNames} ${isOpen ? `${pfxBlockName}--opened` : ''} ${focused ? `${pfxBlockName}--focused` : ''}`}
-        onMouseEnter={this.openOutline}
-        onMouseLeave={this.closeOutline}
-      >
-        <div
-          ref={this.outlineEl}
-          className={`${pfxBlockName}__outline`}
-        >
-          <svg>
-            <path
-              ref={this.pathEl}
-              className={`${pfxBlockName}__outline__path`}
-            />
-          </svg>
-        </div>
-        <div
-          ref={this.outlineIdleEl}
-          className={`${pfxBlockName}__idle`}
-        />
-        <div className={`${pfxBlockName}__content`}>
-          <InputComponent
-            disabled={disabled}
-            hasError={hasError}
-            onBlur={() => this.setState({ focused: false })}
-            onChange={e => this.setState({ value: e.target.value })}
-            onFocus={() => this.setState({ focused: true })}
-            readOnly={readOnly}
-            value={value}
-          />
-          <label
-            ref={this.labelEl}
-            className={`${pfxBlockName}__label ${isOpen ? `${pfxBlockName}__label--floated` : ''}`}
-          >
-            <DSTextWrapper
-              innerRef={this.labelEl}
-              maxWidth='20px'
-              text={label}
-              textEllipsis
-            />
-          </label>
-        </div>
-      </div>
-    )
-  }
-}
-
-export default DSFloatingLabelInput
-
-```
-
-after
-
-```jsx 
-import React, { Component } from 'react'
-import getSvgPath from 'components/basic/form/OutlinedInputField/getSvgPath'
-import { DSTextWrapper } from 'components/index'
-import { aggregatedClasses } from '@elliemae/ds-classnames'
-
-const blockName = 'labeled-outline'
-
-const Wrapper = aggregatedClasses('div')(blockName, null, ({ isOpen, isFocused }) => ({
-  opened: isOpen,
-  focused: isFocused,
-}))
-
-const FloatingLabel = aggregatedClasses('label')(blockName, 'label', ({ isOpen }) => ({
-  floated: isOpen,
-}))
-
-const OutlineContent = aggregatedClasses('div')(blockName, 'content')
-const OutlineIdle = aggregatedClasses('div')(blockName, 'idle')
-const Outline = aggregatedClasses('div')(blockName, 'outline')
-const OutlinePath = aggregatedClasses('path')(blockName, 'outline__path')
-
-class DSFloatingLabelInput extends Component {
-  constructor(props) {
-    super(props)
-    this.wrapper = React.createRef()
-    this.pathEl = React.createRef()
-    this.outlineEl = React.createRef()
-    this.outlineIdleEl = React.createRef()
-    this.labelEl = React.createRef()
-    this.state = {
-      open: props.open,
-      value: props.value,
-      focused: false,
-    }
-  }
-  componentDidMount() {
-    // TODO: not getting referenced elements height / width without this
-    // this is a temporary workaround
-    setTimeout(() => this.updatePath(), 1)
-    window.addEventListener('resize', this.updatePath)
-  }
-  componentWillUnmount() {
-    window.removeEventListener('resize', this.updatePath)
-  }
-  get sizes() {
-    return {
-      labelWidth: this.labelEl.current.offsetWidth * 0.9,
-      width: this.wrapper.current.offsetWidth,
-      height: this.wrapper.current.offsetHeight,
-      radiusStyle: window.getComputedStyle(this.outlineIdleEl.current).getPropertyValue('border-radius'),
-    }
-  }
-  updatePath() {
-    const path = getSvgPath(this.sizes)
-    this.pathEl.current.setAttribute('d', path)
-  }
-  openOutline() {
-    this.setState({ open: true })
-  }
-  closeOutline() {
-    this.setState({ open: false })
-  }
-  render() {
-    const {
-      hasError,
-      readOnly,
-      disabled,
-      inputComponent,
-      label,
-    } = this.props
-    const InputComponent = inputComponent
-    const { open, focused, value } = this.state
-    const isOpen = open || focused || !!value
-
-    return (
-      <Wrapper
-        classProps={{ hasError, isOpen, isFocused: focused, readOnly, disabled }}
-        innerRef={this.wrapper}
-        onMouseEnter={this.openOutline}
-        onMouseLeave={this.closeOutline}
-      >
-        <Outline innerRef={this.outlineEl}>
-          <svg>
-            <OutlinePath innerRef={this.pathEl} />
-          </svg>
-        </Outline>
-        <OutlineIdle innerRef={this.outlineIdleEl} />
-        <OutlineContent>
-          <InputComponent
-            disabled={disabled}
-            hasError={hasError}
-            onBlur={() => this.setState({ focused: false })}
-            onChange={e => this.setState({ value: e.target.value })}
-            onFocus={() => this.setState({ focused: true })}
-            readOnly={readOnly}
-            value={value}
-          />
-          <FloatingLabel
-            classProps={{ isOpen }}
-            innerRef={this.labelEl}
-          >
-            <DSTextWrapper
-              maxWidth='20px'
-              text={label}
-              textEllipsis
-            />
-          </FloatingLabel>
-        </OutlineContent>
-      </Wrapper>
-    )
-  }
-}
-
-export default DSFloatingLabelInput
-
-```

package/cjs/classNameManager.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/classNameManager.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable max-params */\nimport { isEmpty } from '@elliemae/ds-utilities/utils';\nimport { dimsumConfig } from '@elliemae/ds-shared/dimsum.config';\nimport { pipe as formPipe } from './converPropsToFormModifiers';\nimport { pipe as layoutModifiers } from './convertPropsToLayoutModifiers';\nimport { pipe as feedBackModifiers } from './convertPropToFeedBackModifiers';\nimport { pipe as sizeModifiers } from './convertPropsToSizeModifiers';\nimport { pipe as textModifiers } from './convertPropsToTextModifiers';\nimport { pipe as colorModifiers } from './convertPropsToColorModifiers';\n\nexport const cssPrefix = `${dimsumConfig.classNamePrefix}-`;\n\nconst executePipelines = (props) => {\n  const form = formPipe().execute(props);\n  const layout = layoutModifiers().execute(props);\n  const feedback = feedBackModifiers().execute(props);\n  const size = sizeModifiers().execute(props);\n  const text = textModifiers().execute(props);\n  const color = colorModifiers().execute(props);\n  return [...form, ...layout, ...feedback, ...size, ...text, ...color];\n};\n\n/**\n * Docs: http://getbem.com/naming/\n * blockName\n * cssClassNameModifier: Main modifier\n * props { hasError, hasWarning, hasSuccess, readOnly, disabled}\n *\n * @param blockName\n * @param cssClassNameModifier\n * @param props\n * @param options\n */\nconst cssPipeline: (\n  blockName?: string,\n  cssClassNameModifier?: string,\n  props?: { [key: string]: any },\n  options?: { [key: string]: any },\n) => {\n  blockName: string;\n  cssPrefix: string;\n  prefixBlockName: string;\n  cssClassName: string;\n  mainModifier(modifier: any): string;\n  classNameBlock(elementName: any, usePrefix?: boolean): string;\n  classNameBlockModifier(modifierName: any, elementBlockName?: string): string;\n  classNameElement(elementName: any, elementBlockName?: string): string;\n  classNameModifier(modifierName: any, elementName?: string): string;\n} = (blockName = 'block', cssClassNameModifier = '', props = {}, options = {}) => {\n  const { prefix, element } = options;\n\n  const prefixBlockName = `${prefix || cssPrefix}${blockName}${element ? `__${element}` : ''}`;\n\n  // PipeLine\n  const pipes = !isEmpty(props) ? executePipelines(props) : [];\n\n  const basePipeline = [prefixBlockName, ...pipes];\n\n  // specific classname\n  const className = cssClassNameModifier\n    ? [...basePipeline].join(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`)\n    : [...basePipeline].join(` ${prefixBlockName}--`);\n\n  return {\n    blockName,\n    cssPrefix,\n    prefixBlockName,\n    cssClassName: className,\n    mainModifier(modifier) {\n      return `${className}--${modifier}`;\n    },\n    classNameBlock(elementName, usePrefix = true) {\n      return `${!usePrefix ? blockName : prefixBlockName}-${elementName}`;\n    },\n    classNameBlockModifier(modifierName, elementBlockName = '') {\n      return `${prefixBlockName}-${elementBlockName}--${modifierName}`;\n    },\n    classNameElement(elementName, elementBlockName = '') {\n      return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;\n    },\n    classNameModifier(modifierName, elementName = '') {\n      return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;\n    },\n  };\n};\n\nexport { cssPipeline as convertPropToCssClassName };\nexport default cssPipeline;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwB;AACxB,oBAA6B;AAC7B,wCAAiC;AACjC,2CAAwC;AACxC,4CAA0C;AAC1C,yCAAsC;AACtC,yCAAsC;AACtC,0CAAuC;AAEhC,MAAM,YAAY,GAAG,2BAAa;AAEzC,MAAM,mBAAmB,CAAC,UAAU;AAClC,QAAM,OAAO,8CAAW,QAAQ;AAChC,QAAM,SAAS,iDAAkB,QAAQ;AACzC,QAAM,WAAW,kDAAoB,QAAQ;AAC7C,QAAM,OAAO,+CAAgB,QAAQ;AACrC,QAAM,OAAO,+CAAgB,QAAQ;AACrC,QAAM,QAAQ,gDAAiB,QAAQ;AACvC,SAAO,CAAC,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG;AAAA;AAchE,MAAM,cAeF,CAAC,YAAY,SAAS,uBAAuB,IAAI,QAAQ,IAAI,UAAU,OAAO;AAChF,QAAM,EAAE,QAAQ,YAAY;AAE5B,QAAM,kBAAkB,GAAG,UAAU,YAAY,YAAY,UAAU,KAAK,YAAY;AAGxF,QAAM,QAAQ,CAAC,0BAAQ,SAAS,iBAAiB,SAAS;AAE1D,QAAM,eAAe,CAAC,iBAAiB,GAAG;AAG1C,QAAM,YAAY,uBACd,CAAC,GAAG,cAAc,KAAK,IAAI,qBAAqB,OAAO,IAAI,0BAC3D,CAAC,GAAG,cAAc,KAAK,IAAI;AAE/B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,aAAa,UAAU;AACrB,aAAO,GAAG,cAAc;AAAA;AAAA,IAE1B,eAAe,aAAa,YAAY,MAAM;AAC5C,aAAO,GAAG,CAAC,YAAY,YAAY,mBAAmB;AAAA;AAAA,IAExD,uBAAuB,cAAc,mBAAmB,IAAI;AAC1D,aAAO,GAAG,mBAAmB,qBAAqB;AAAA;AAAA,IAEpD,iBAAiB,aAAa,mBAAmB,IAAI;AACnD,aAAO,GAAG,kBAAkB,mBAAmB,IAAI,qBAAqB,OAAO;AAAA;AAAA,IAEjF,kBAAkB,cAAc,cAAc,IAAI;AAChD,aAAO,GAAG,kBAAkB,cAAc,KAAK,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAM5E,IAAO,2BAAQ;",
-  "names": []
-}

package/cjs/converPropsToFormModifiers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/converPropsToFormModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["const basicAction = ({\n  readOnly = false,\n  disabled = false,\n  checked = false,\n}) => {\n  const cssModifier = [];\n  // input state modifiers\n  if (checked) cssModifier.push('checked');\n  if (readOnly) cssModifier.push('readonly');\n  if (disabled) cssModifier.push('disabled');\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC;AAAA,EACnB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,MACN;AACJ,QAAM,cAAc;AAEpB,MAAI;AAAS,gBAAY,KAAK;AAC9B,MAAI;AAAU,gBAAY,KAAK;AAC/B,MAAI;AAAU,gBAAY,KAAK;AAC/B,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,qCAAQ;",
-  "names": []
-}

package/cjs/convertPropToFeedBackModifiers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/convertPropToFeedBackModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["const basicAction = ({\n  hasError = false,\n  hasWarning = false,\n  hasSuccess = false,\n  modalType,\n}) => {\n  const cssModifier = [];\n  // valid state modifier\n  if (hasError) cssModifier.push('error');\n  else if (hasWarning) cssModifier.push('warning');\n  else if (hasSuccess) cssModifier.push('success');\n  if (modalType) cssModifier.push(`modal-type-${modalType}`);\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC;AAAA,EACnB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb;AAAA,MACI;AACJ,QAAM,cAAc;AAEpB,MAAI;AAAU,gBAAY,KAAK;AAAA,WACtB;AAAY,gBAAY,KAAK;AAAA,WAC7B;AAAY,gBAAY,KAAK;AACtC,MAAI;AAAW,gBAAY,KAAK,cAAc;AAC9C,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,yCAAQ;",
-  "names": []
-}

package/cjs/convertPropsToColorModifiers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/convertPropsToColorModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["const basicAction = ({ color = null }) => {\n  const cssModifier = [];\n  if (color && color[0]) {\n    if (color[1] !== null) cssModifier.push(`color-${color[0]}-${color[1]}`);\n    else cssModifier.push(`color-${color[0]}`);\n  }\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC,EAAE,QAAQ,WAAW;AACxC,QAAM,cAAc;AACpB,MAAI,SAAS,MAAM,IAAI;AACrB,QAAI,MAAM,OAAO;AAAM,kBAAY,KAAK,SAAS,MAAM,MAAM,MAAM;AAAA;AAC9D,kBAAY,KAAK,SAAS,MAAM;AAAA;AAEvC,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,uCAAQ;",
-  "names": []
-}

package/cjs/convertPropsToLayoutModifiers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/convertPropsToLayoutModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["const basicAction = ({\n  id,\n  buttonType = 'default',\n  fluidWidth = false,\n  fluidHeight = false,\n}) => {\n  const cssModifier = [];\n  // buttons types\n  if (id) cssModifier.push(`id-${id}`);\n  if (buttonType) cssModifier.push(buttonType);\n  if (fluidWidth) cssModifier.push('fluid-width');\n  if (fluidHeight) cssModifier.push('fluid-height');\n\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,MACV;AACJ,QAAM,cAAc;AAEpB,MAAI;AAAI,gBAAY,KAAK,MAAM;AAC/B,MAAI;AAAY,gBAAY,KAAK;AACjC,MAAI;AAAY,gBAAY,KAAK;AACjC,MAAI;AAAa,gBAAY,KAAK;AAElC,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,wCAAQ;",
-  "names": []
-}

package/cjs/convertPropsToSizeModifiers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/convertPropsToSizeModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["const basicAction = ({\n  size = null,\n  extraTight = false,\n  tight = false,\n  base = false,\n  bitLoose = false,\n  loose = false,\n  extraLoose = false,\n  superLoose = false,\n}) => {\n  const cssModifier = [];\n  if (size) cssModifier.push(`${size}`);\n  // Size as Flag\n  if (extraTight) cssModifier.push('size-extra-tight');\n  else if (tight) cssModifier.push('size-tight');\n  else if (base) cssModifier.push('size-base');\n  else if (bitLoose) cssModifier.push('size-bit-loose');\n  else if (loose) cssModifier.push('size-loose');\n  else if (extraLoose) cssModifier.push('size-extra-loose');\n  else if (superLoose) cssModifier.push('size-super-loose');\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC;AAAA,EACnB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,aAAa;AAAA,MACT;AACJ,QAAM,cAAc;AACpB,MAAI;AAAM,gBAAY,KAAK,GAAG;AAE9B,MAAI;AAAY,gBAAY,KAAK;AAAA,WACxB;AAAO,gBAAY,KAAK;AAAA,WACxB;AAAM,gBAAY,KAAK;AAAA,WACvB;AAAU,gBAAY,KAAK;AAAA,WAC3B;AAAO,gBAAY,KAAK;AAAA,WACxB;AAAY,gBAAY,KAAK;AAAA,WAC7B;AAAY,gBAAY,KAAK;AACtC,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,sCAAQ;",
-  "names": []
-}

package/cjs/convertPropsToTextModifiers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/convertPropsToTextModifiers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["const basicAction = ({ textEllipsis, textAlignment, wordBreak }) => {\n  const cssModifier = [];\n  if (textEllipsis) cssModifier.push('text-overflow-ellipsis');\n  if (wordBreak) cssModifier.push('text-overflow-word-break');\n  if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1)\n    cssModifier.push(`text-align-${textAlignment}`);\n  return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n  getInstance() {\n    return instance;\n  },\n  add(customModifier) {\n    instance.push(customModifier);\n  },\n  execute(props) {\n    return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n  },\n});\n\nexport { pipe };\nexport default pipe;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,cAAc,CAAC,EAAE,cAAc,eAAe,gBAAgB;AAClE,QAAM,cAAc;AACpB,MAAI;AAAc,gBAAY,KAAK;AACnC,MAAI;AAAW,gBAAY,KAAK;AAChC,MAAI,CAAC,QAAQ,SAAS,UAAU,WAAW,QAAQ,iBAAiB;AAClE,gBAAY,KAAK,cAAc;AACjC,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,sCAAQ;",
-  "names": []
-}

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default as convertPropToCssClassName, cssPrefix } from './classNameManager';\nexport { default as aggregatedClasses } from './aggregatedClasses';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAgE;AAChE,+BAA6C;",
-  "names": []
-}

package/cjs/validateNativeProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/validateNativeProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nconst attributeWhiteList = {\n  accept: true,\n  acceptCharset: true,\n  accessKey: true,\n  action: true,\n  allowFullScreen: true,\n  allowTransparency: true,\n  alt: true,\n  async: true,\n  autoComplete: true,\n  autoFocus: true,\n  autoPlay: true,\n  capture: true,\n  cellPadding: true,\n  cellSpacing: true,\n  charSet: true,\n  challenge: true,\n  checked: true,\n  classID: true,\n  className: true,\n  cols: true,\n  colSpan: true,\n  content: true,\n  contentEditable: true,\n  contextMenu: true,\n  controls: true,\n  coords: true,\n  crossOrigin: true,\n  data: true,\n  dateTime: true,\n  defer: true,\n  dir: true,\n  disabled: true,\n  download: true,\n  draggable: true,\n  encType: true,\n  form: true,\n  formAction: true,\n  formEncType: true,\n  formMethod: true,\n  formNoValidate: true,\n  formTarget: true,\n  frameBorder: true,\n  headers: true,\n  height: true,\n  hidden: true,\n  high: true,\n  href: true,\n  hrefLang: true,\n  htmlFor: true,\n  httpEquiv: true,\n  icon: true,\n  id: true,\n  inputMode: true,\n  keyParams: true,\n  keyType: true,\n  label: true,\n  lang: true,\n  list: true,\n  loop: true,\n  low: true,\n  manifest: true,\n  marginHeight: true,\n  marginWidth: true,\n  max: true,\n  maxLength: true,\n  media: true,\n  mediaGroup: true,\n  method: true,\n  min: true,\n  minLength: true,\n  multiple: true,\n  muted: true,\n  name: true,\n  noValidate: true,\n  open: true,\n  optimum: true,\n  pattern: true,\n  placeholder: true,\n  poster: true,\n  preload: true,\n  radioGroup: true,\n  readOnly: true,\n  rel: true,\n  required: true,\n  role: true,\n  rows: true,\n  rowSpan: true,\n  sandbox: true,\n  scope: true,\n  scoped: true,\n  scrolling: true,\n  seamless: true,\n  selected: true,\n  shape: true,\n  size: true,\n  sizes: true,\n  span: true,\n  spellCheck: true,\n  src: true,\n  srcDoc: true,\n  srcSet: true,\n  start: true,\n  step: true,\n  style: true,\n  summary: true,\n  tabIndex: true,\n  target: true,\n  title: true,\n  type: true,\n  useMap: true,\n  value: true,\n  width: true,\n  wmode: true,\n  wrap: true,\n};\n\nconst svgAttributesWhiteList = {\n  clipPath: true,\n  cx: true,\n  cy: true,\n  d: true,\n  dx: true,\n  dy: true,\n  fill: true,\n  fillOpacity: true,\n  fontFamily: true,\n  fontSize: true,\n  fx: true,\n  fy: true,\n  gradientTransform: true,\n  gradientUnits: true,\n  markerEnd: true,\n  markerMid: true,\n  markerStart: true,\n  offset: true,\n  opacity: true,\n  patternContentUnits: true,\n  patternUnits: true,\n  points: true,\n  preserveAspectRatio: true,\n  r: true,\n  rx: true,\n  ry: true,\n  spreadMethod: true,\n  stopColor: true,\n  stopOpacity: true,\n  stroke: true,\n  strokeDasharray: true,\n  strokeLinecap: true,\n  strokeOpacity: true,\n  strokeWidth: true,\n  textAnchor: true,\n  transform: true,\n  version: true,\n  viewBox: true,\n  x1: true,\n  x2: true,\n  x: true,\n  xlinkActuate: true,\n  xlinkArcrole: true,\n  xlinkHref: true,\n  xlinkRole: true,\n  xlinkShow: true,\n  xlinkTitle: true,\n  xlinkType: true,\n  xmlBase: true,\n  xmlLang: true,\n  xmlSpace: true,\n  y1: true,\n  y2: true,\n  y: true,\n};\n\nconst otherWhiteList = {\n  autoCapitalize: true,\n  autoCorrect: true,\n  property: true,\n  itemProp: true,\n  itemScope: true,\n  itemType: true,\n  itemRef: true,\n  itemID: true,\n  unselectable: true,\n  results: true,\n  autoSave: true,\n};\n\nconst eventsWhiteList = {\n  onCopy: true,\n  onCut: true,\n  onPaste: true,\n  onCompositionEnd: true,\n  onCompositionStart: true,\n  onCompositionUpdate: true,\n  onKeyDown: true,\n  onKeyPress: true,\n  onKeyUp: true,\n  onFocus: true,\n  onBlur: true,\n  onChange: true,\n  onInput: true,\n  onInvalid: true,\n  onReset: true,\n  onSubmit: true,\n  onError: true,\n  onLoad: true,\n  onClick: true,\n  onContextMenu: true,\n  onDoubleClick: true,\n  onDrag: true,\n  onDragEnd: true,\n  onDragEnter: true,\n  onDragExit: true,\n  onDragLeave: true,\n  onDragOver: true,\n  onDragStart: true,\n  onDrop: true,\n  onMouseDown: true,\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseMove: true,\n  onMouseOut: true,\n  onMouseOver: true,\n  onMouseUp: true,\n  onPointerDown: true,\n  onPointerMove: true,\n  onPointerUp: true,\n  onPointerCancel: true,\n  onGotPointerCapture: true,\n  onLostPointerCapture: true,\n  onPointerEnter: true,\n  onPointerLeave: true,\n  onPointerOver: true,\n  onPointerOut: true,\n  onSelect: true,\n  onTouchCancel: true,\n  onTouchEnd: true,\n  onTouchMove: true,\n  onTouchStart: true,\n  onScroll: true,\n  onWheel: true,\n  onAbort: true,\n  onCanPlay: true,\n  onCanPlayThrough: true,\n  onDurationChange: true,\n  onEmptied: true,\n  onEncrypted: true,\n  onEnded: true,\n  onLoadedData: true,\n  onLoadedMetadata: true,\n  onLoadStart: true,\n  onPause: true,\n  onPlay: true,\n  onPlaying: true,\n  onProgress: true,\n  onRateChange: true,\n  onSeeked: true,\n  onSeeking: true,\n  onStalled: true,\n  onSuspend: true,\n  onTimeUpdate: true,\n  onVolumeChange: true,\n  onWaiting: true,\n  onAnimationStart: true,\n  onAnimationEnd: true,\n  onAnimationIteration: true,\n  onTransitionEnd: true,\n  onToggle: true,\n};\n\nexport const whiteList = {\n  ...attributeWhiteList,\n  ...svgAttributesWhiteList,\n  ...otherWhiteList,\n  ...eventsWhiteList,\n};\n\nexport const isDataAttribute = (attribute) =>\n  attribute.substring(0, 5) === 'data-';\nexport const isAriaAttribute = (attribute) =>\n  attribute.substring(0, 6) === 'aria-';\n\nexport const isValidNativeAttribute = (attribute) =>\n  whiteList[attribute] === true ||\n  isDataAttribute(attribute) ||\n  isAriaAttribute(attribute) ||\n  attribute.toLowerCase() === attribute;\n\nconst nativeHTMLElements = {\n  a: true,\n  abbr: true,\n  address: true,\n  area: true,\n  article: true,\n  aside: true,\n  audio: true,\n  b: true,\n  base: true,\n  bdi: true,\n  bdo: true,\n  big: true,\n  blockquote: true,\n  body: true,\n  br: true,\n  button: true,\n  canvas: true,\n  caption: true,\n  cite: true,\n  code: true,\n  col: true,\n  colgroup: true,\n  data: true,\n  datalist: true,\n  dd: true,\n  del: true,\n  details: true,\n  dfn: true,\n  dialog: true,\n  div: true,\n  dl: true,\n  dt: true,\n  em: true,\n  embed: true,\n  fieldset: true,\n  figcaption: true,\n  figure: true,\n  footer: true,\n  form: true,\n  h1: true,\n  h2: true,\n  h3: true,\n  h4: true,\n  h5: true,\n  h6: true,\n  head: true,\n  header: true,\n  hr: true,\n  html: true,\n  i: true,\n  iframe: true,\n  img: true,\n  input: true,\n  ins: true,\n  kbd: true,\n  keygen: true,\n  label: true,\n  legend: true,\n  li: true,\n  link: true,\n  main: true,\n  map: true,\n  mark: true,\n  menu: true,\n  menuitem: true,\n  meta: true,\n  meter: true,\n  nav: true,\n  noscript: true,\n  object: true,\n  ol: true,\n  optgroup: true,\n  option: true,\n  output: true,\n  p: true,\n  param: true,\n  picture: true,\n  pre: true,\n  progress: true,\n  q: true,\n  rp: true,\n  rt: true,\n  ruby: true,\n  s: true,\n  samp: true,\n  script: true,\n  section: true,\n  select: true,\n  small: true,\n  source: true,\n  span: true,\n  strong: true,\n  style: true,\n  sub: true,\n  summary: true,\n  sup: true,\n  table: true,\n  tbody: true,\n  td: true,\n  textarea: true,\n  tfoot: true,\n  th: true,\n  thead: true,\n  time: true,\n  title: true,\n  tr: true,\n  track: true,\n  u: true,\n  ul: true,\n  var: true,\n  video: true,\n  wbr: true,\n};\n\nexport const isNativeHTMLElement = (type) => nativeHTMLElements[type] === true;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/esm/aggregatedClasses.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/aggregatedClasses.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACIA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKO,MAAM,YAAY,aAAa;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,OAAM,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,GAAG;AAC7B,QAAM,EAAE,QAAQ,gCAAgC,OAAO;AACvD,QAAM,EAAE,cAAc,eAAe,0BACnC,OACA,MACA,KAAK,cACL,EAAE,QAAQ;AAEZ,QAAM,yBAAyB,KAAK,UAAU;AAC9C,gCAA8B,QAAQ,CAAC,YAAY;AACjD,WAAO,uBAAuB;AAAA;AAGhC,MAAI,oBAAoB,QAAQ;AAC9B,WAAO,KAAK,wBAAwB,QAAQ,CAAC,QAAQ;AACnD,UAAI,CAAC,uBAAuB;AAAM,eAAO,uBAAuB;AAAA;AAAA;AAIpE,SAAO,OAAM,cACX,MAAM,MACN;AAAA,IACE,KAAK,YAAY;AAAA,IACjB,WAAW,CAAC,YAAY,mBAAmB,WAAW,KAAK;AAAA,OACxD;AAAA,KAEL;AAAA;AAIV,IAAO,4BAAQ;",
-  "names": []
-}