@elliemae/ds-form 2.3.0-alpha.8 → 2.3.0-next.10

package/dist/esm/InputProtected/DSInputProtected.js

@@ -1,79 +0,0 @@
-import * as React from "react";
-import React2, { useState, useCallback, useEffect } from "react";
-import { describe } from "react-desc";
-import { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from "@elliemae/ds-icons";
-import { DSButton } from "@elliemae/ds-button";
-import { DSInputGroup } from "../InputGroup";
-import { DSInputMask } from "../InputMask";
-import { inputProtectedProps } from "./props";
-import { defaultProps } from "./defaultProps";
-import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options";
-const ADDON_ICON_OPTIONS = {
-  LockUnlocked: /* @__PURE__ */ React2.createElement(LockUnlocked, null),
-  LockLocked: /* @__PURE__ */ React2.createElement(LockLocked, null),
-  VisibleView: /* @__PURE__ */ React2.createElement(VisibleView, null),
-  InvisibleHide: /* @__PURE__ */ React2.createElement(InvisibleHide, null)
-};
-const DSInputProtected = ({
-  leftAddon,
-  rightAddon,
-  onChange,
-  value,
-  readOnly,
-  mask,
-  type,
-  placeholderChar = void 0,
-  ...rest
-}) => {
-  const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];
-  const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];
-  const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);
-  const [inputHidden, setHidden] = useState(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);
-  useEffect(() => {
-    setLocked(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);
-    setHidden(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);
-  }, [leftAddon, rightAddon]);
-  const handleLeft = useCallback(() => {
-    setLocked(!inputLocked);
-  }, [leftAddon, inputLocked]);
-  const handleRight = useCallback(() => {
-    setHidden(!inputHidden);
-  }, [rightAddon, inputHidden]);
-  return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DSInputGroup, {
-    leftAddon: left ? /* @__PURE__ */ React2.createElement(DSButton, {
-      "aria-label": `${inputLocked ? "Allow" : "Disallow"} Edition`,
-      buttonType: "secondary",
-      icon: ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked],
-      onClick: handleLeft
-    }) : void 0,
-    readOnly: left ? inputLocked : readOnly,
-    rightAddon: right ? /* @__PURE__ */ React2.createElement(DSButton, {
-      "aria-label": `${inputHidden ? "Show" : "Hide"} Characters`,
-      buttonType: "secondary",
-      icon: ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide],
-      onClick: handleRight,
-      containerProps: {
-        "data-testid": "inputprotected-show-hide-button"
-      }
-    }) : void 0
-  }, /* @__PURE__ */ React2.createElement(DSInputMask, {
-    ...rest,
-    mask,
-    placeholderChar,
-    onChange,
-    readOnly: left ? inputLocked : readOnly,
-    type: right && inputHidden ? "password" : type,
-    value
-  })));
-};
-DSInputProtected.propTypes = inputProtectedProps;
-DSInputProtected.defaultProps = defaultProps;
-const DSInputProtectedWithSchema = describe(DSInputProtected);
-DSInputProtectedWithSchema.propTypes = inputProtectedProps;
-var DSInputProtected_default = DSInputProtected;
-export {
-  DSInputProtected,
-  DSInputProtectedWithSchema,
-  DSInputProtected_default as default
-};
-//# sourceMappingURL=DSInputProtected.js.map

package/dist/esm/InputProtected/DSInputProtected.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/DSInputProtected.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSInputGroup } from '../InputGroup';\nimport { DSInputMask } from '../InputMask';\nimport { inputProtectedProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nconst ADDON_ICON_OPTIONS = {\n  LockUnlocked: <LockUnlocked />,\n  LockLocked: <LockLocked />,\n  VisibleView: <VisibleView />,\n  InvisibleHide: <InvisibleHide />,\n};\n\nconst DSInputProtected = ({\n  leftAddon,\n  rightAddon,\n  onChange,\n  value,\n  readOnly,\n  mask,\n  type,\n  placeholderChar = undefined,\n  ...rest\n}) => {\n  const left = leftAddon && ADDON_ICON_OPTIONS[leftAddon];\n  const right = rightAddon && ADDON_ICON_OPTIONS[rightAddon];\n  const [inputLocked, setLocked] = useState(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n  const [inputHidden, setHidden] = useState(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n\n  useEffect(() => {\n    setLocked(leftAddon === LEFT_ADDON_OPTIONS.LockLocked);\n    setHidden(rightAddon === RIGHT_ADDON_OPTIONS.InvisibleHide);\n  }, [leftAddon, rightAddon]);\n\n  const handleLeft = useCallback(() => {\n    setLocked(!inputLocked);\n  }, [leftAddon, inputLocked]);\n  const handleRight = useCallback(() => {\n    setHidden(!inputHidden);\n  }, [rightAddon, inputHidden]);\n\n  return (\n    <div>\n      <DSInputGroup\n        leftAddon={\n          left ? (\n            <DSButton\n              aria-label={`${inputLocked ? 'Allow' : 'Disallow'} Edition`}\n              buttonType=\"secondary\"\n              icon={ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked]}\n              onClick={handleLeft}\n            />\n          ) : undefined\n        }\n        readOnly={left ? inputLocked : readOnly}\n        rightAddon={\n          right ? (\n            <DSButton\n              aria-label={`${inputHidden ? 'Show' : 'Hide'} Characters`}\n              buttonType=\"secondary\"\n              icon={\n                ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide]\n              }\n              onClick={handleRight}\n              containerProps={{\n                'data-testid': 'inputprotected-show-hide-button',\n              }}\n            />\n          ) : undefined\n        }\n      >\n        <DSInputMask\n          {...rest}\n          mask={mask}\n          placeholderChar={placeholderChar}\n          onChange={onChange}\n          readOnly={left ? inputLocked : readOnly}\n          type={right && inputHidden ? 'password' : type}\n          value={value}\n        />\n      </DSInputGroup>\n    </div>\n  );\n};\n\nDSInputProtected.propTypes = inputProtectedProps;\nDSInputProtected.defaultProps = defaultProps;\n\nconst DSInputProtectedWithSchema = describe(DSInputProtected);\nDSInputProtectedWithSchema.propTypes = inputProtectedProps;\n\nexport { DSInputProtectedWithSchema, DSInputProtected };\nexport default DSInputProtected;\n"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB;AAAA,EACzB,cAAc,qCAAC,cAAD;AAAA,EACd,YAAY,qCAAC,YAAD;AAAA,EACZ,aAAa,qCAAC,aAAD;AAAA,EACb,eAAe,qCAAC,eAAD;AAAA;AAGjB,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,KACf;AAAA,MACC;AACJ,QAAM,OAAO,aAAa,mBAAmB;AAC7C,QAAM,QAAQ,cAAc,mBAAmB;AAC/C,QAAM,CAAC,aAAa,aAAa,SAAS,cAAc,mBAAmB;AAC3E,QAAM,CAAC,aAAa,aAAa,SAAS,eAAe,oBAAoB;AAE7E,YAAU,MAAM;AACd,cAAU,cAAc,mBAAmB;AAC3C,cAAU,eAAe,oBAAoB;AAAA,KAC5C,CAAC,WAAW;AAEf,QAAM,aAAa,YAAY,MAAM;AACnC,cAAU,CAAC;AAAA,KACV,CAAC,WAAW;AACf,QAAM,cAAc,YAAY,MAAM;AACpC,cAAU,CAAC;AAAA,KACV,CAAC,YAAY;AAEhB,SACE,qCAAC,OAAD,MACE,qCAAC,cAAD;AAAA,IACE,WACE,OACE,qCAAC,UAAD;AAAA,MACE,cAAY,GAAG,cAAc,UAAU;AAAA,MACvC,YAAW;AAAA,MACX,MAAM,mBAAmB,cAAc,mBAAmB,eAAe,mBAAmB;AAAA,MAC5F,SAAS;AAAA,SAET;AAAA,IAEN,UAAU,OAAO,cAAc;AAAA,IAC/B,YACE,QACE,qCAAC,UAAD;AAAA,MACE,cAAY,GAAG,cAAc,SAAS;AAAA,MACtC,YAAW;AAAA,MACX,MACE,mBAAmB,cAAc,oBAAoB,cAAc,oBAAoB;AAAA,MAEzF,SAAS;AAAA,MACT,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,SAGjB;AAAA,KAGN,qCAAC,aAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,cAAc;AAAA,IAC/B,MAAM,SAAS,cAAc,aAAa;AAAA,IAC1C;AAAA;AAAA;AAOV,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAEhC,MAAM,6BAA6B,SAAS;AAC5C,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
-  "names": []
-}

package/dist/esm/InputProtected/defaultProps.js

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { RIGHT_ADDON_OPTIONS } from "./options";
-const defaultProps = {
-  rightAddon: RIGHT_ADDON_OPTIONS.InvisibleHide,
-  mask: (data) => new Array(data.length).fill(/./)
-};
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map

package/dist/esm/InputProtected/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { RIGHT_ADDON_OPTIONS } from './options';\n\nexport const defaultProps = {\n  rightAddon: RIGHT_ADDON_OPTIONS.InvisibleHide,\n  mask: (data) => new Array(data.length).fill(/./),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe;AAAA,EAC1B,YAAY,oBAAoB;AAAA,EAChC,MAAM,CAAC,SAAS,IAAI,MAAM,KAAK,QAAQ,KAAK;AAAA;",
-  "names": []
-}

package/dist/esm/InputProtected/index.js

@@ -1,4 +0,0 @@
-import * as React from "react";
-export * from "./DSInputProtected";
-export * from "./options";
-//# sourceMappingURL=index.js.map

package/dist/esm/InputProtected/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSInputProtected';\nexport * from './options';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
-}

package/dist/esm/InputProtected/options.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-const LEFT_ADDON_OPTIONS = {
-  LockUnlocked: "LockUnlocked",
-  LockLocked: "LockLocked"
-};
-const RIGHT_ADDON_OPTIONS = {
-  VisibleView: "VisibleView",
-  InvisibleHide: "InvisibleHide"
-};
-export {
-  LEFT_ADDON_OPTIONS,
-  RIGHT_ADDON_OPTIONS
-};
-//# sourceMappingURL=options.js.map

package/dist/esm/InputProtected/options.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/options.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const LEFT_ADDON_OPTIONS = {\n  LockUnlocked: 'LockUnlocked',\n  LockLocked: 'LockLocked',\n};\n\nexport const RIGHT_ADDON_OPTIONS = {\n  VisibleView: 'VisibleView',\n  InvisibleHide: 'InvisibleHide',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,qBAAqB;AAAA,EAChC,cAAc;AAAA,EACd,YAAY;AAAA;AAGP,MAAM,sBAAsB;AAAA,EACjC,aAAa;AAAA,EACb,eAAe;AAAA;",
-  "names": []
-}

package/dist/esm/InputProtected/props.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from "./options";
-const inputProtectedProps = {
-  leftAddon: PropTypes.oneOf([
-    LEFT_ADDON_OPTIONS.LockLocked,
-    LEFT_ADDON_OPTIONS.LockUnlocked
-  ]).description("left addon component to display"),
-  rightAddon: PropTypes.oneOf([
-    RIGHT_ADDON_OPTIONS.VisibleView,
-    RIGHT_ADDON_OPTIONS.InvisibleHide
-  ]).description("right addon component to display").defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),
-  onChange: PropTypes.func.description("Function executed when input s value changes"),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("input s value"),
-  readOnly: PropTypes.bool.description("Whether the input is read-only or not").defaultValue(false),
-  mask: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.string),
-    PropTypes.func
-  ]).description("mask to apply"),
-  type: PropTypes.oneOf(["password", "number", "text"]).description("type of input"),
-  placeholderChar: PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
-  * The default placeholder character is underscore, _.`)
-};
-export {
-  inputProtectedProps
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/InputProtected/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputProtected/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options';\n\nexport const inputProtectedProps = {\n  leftAddon: PropTypes.oneOf([\n    LEFT_ADDON_OPTIONS.LockLocked,\n    LEFT_ADDON_OPTIONS.LockUnlocked,\n  ]).description('left addon component to display'),\n  rightAddon: PropTypes.oneOf([\n    RIGHT_ADDON_OPTIONS.VisibleView,\n    RIGHT_ADDON_OPTIONS.InvisibleHide,\n  ])\n    .description('right addon component to display')\n    .defaultValue(RIGHT_ADDON_OPTIONS.InvisibleHide),\n  onChange: PropTypes.func.description(\n    'Function executed when input s value changes',\n  ),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'input s value',\n  ),\n  readOnly: PropTypes.bool\n    .description('Whether the input is read-only or not')\n    .defaultValue(false),\n  mask: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.func,\n  ]).description('mask to apply'),\n  type: PropTypes.oneOf(['password', 'number', 'text']).description(\n    'type of input',\n  ),\n  /**\n   * PlaceholderChar: The placeholder character represents the fillable spot in the mask.\n   * The default placeholder character is underscore, _.\n   */\n  placeholderChar: PropTypes.string.description(\n    `The placeholder character represents the fillable spot in the mask.\n  * The default placeholder character is underscore, _.`,\n  ),\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,sBAAsB;AAAA,EACjC,WAAW,UAAU,MAAM;AAAA,IACzB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,KAClB,YAAY;AAAA,EACf,YAAY,UAAU,MAAM;AAAA,IAC1B,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,KAEnB,YAAY,oCACZ,aAAa,oBAAoB;AAAA,EACpC,UAAU,UAAU,KAAK,YACvB;AAAA,EAEF,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAC/D;AAAA,EAEF,UAAU,UAAU,KACjB,YAAY,yCACZ,aAAa;AAAA,EAChB,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU,QAAQ,UAAU;AAAA,IAC5B,UAAU;AAAA,KACT,YAAY;AAAA,EACf,MAAM,UAAU,MAAM,CAAC,YAAY,UAAU,SAAS,YACpD;AAAA,EAMF,iBAAiB,UAAU,OAAO,YAChC;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/LargeInputText/DSLargeInputText.js

@@ -1,107 +0,0 @@
-import * as React from "react";
-import React2, { useMemo } from "react";
-import { describe } from "react-desc";
-import {
-  convertPropToCssClassName,
-  aggregatedClasses
-} from "@elliemae/ds-classnames";
-import { props } from "./props";
-import { defaultProps } from "./defaultProps";
-const CounterArea = aggregatedClasses("div")("counter", "textarea", ({ limitError }) => ({
-  "limit-error": limitError
-}));
-const DSLargeInputText = ({
-  containerProps,
-  autoFocus,
-  className,
-  disabled,
-  name,
-  id,
-  maxLength,
-  minLength,
-  placeholder,
-  onClick,
-  onChange,
-  onFocus,
-  onBlur,
-  onKeyUp,
-  onKeyDown,
-  onPaste,
-  value,
-  hasError,
-  required,
-  readOnly,
-  resize,
-  innerRef,
-  ariaLabel,
-  ariaAutocomplete,
-  role,
-  characterLimitCounter,
-  rows,
-  errorLimit,
-  tabIndex
-}) => {
-  const limitError = useMemo(() => characterLimitCounter < String(value).length && characterLimitCounter > 0, [characterLimitCounter, value]);
-  const {
-    cssClassName,
-    classNameElement,
-    classNameBlock
-  } = convertPropToCssClassName("form-element-textarea", "text", {
-    hasError: limitError || hasError,
-    readOnly,
-    disabled
-  });
-  const handleKeyUp = (e) => {
-    onKeyUp(e);
-  };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
-    ...containerProps,
-    className: `${cssClassName} ${className}`
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: classNameBlock("wrapper")
-  }, /* @__PURE__ */ React2.createElement("textarea", {
-    ref: innerRef,
-    "aria-autocomplete": ariaAutocomplete,
-    "aria-label": ariaLabel,
-    "aria-multiline": true,
-    "aria-placeholder": placeholder,
-    "aria-required": required,
-    autoFocus,
-    className: classNameElement("textarea"),
-    "data-testid": "ds-large-input_main-component",
-    disabled,
-    id,
-    maxLength,
-    minLength,
-    name,
-    onBlur,
-    onChange,
-    onClick,
-    onFocus,
-    onKeyDown,
-    onKeyUp: handleKeyUp,
-    onPaste,
-    placeholder,
-    role,
-    rows: String(rows),
-    style: {
-      resize
-    },
-    value,
-    tabIndex
-  }))), characterLimitCounter > 0 && /* @__PURE__ */ React2.createElement(CounterArea, {
-    classProps: { limitError },
-    "data-testid": "counter-area"
-  }, `${limitError ? `${errorLimit} ${characterLimitCounter} characters.   ` : ""}${String(value).length} / ${characterLimitCounter}`));
-};
-DSLargeInputText.propTypes = props;
-DSLargeInputText.defaultProps = defaultProps;
-const DSLargeInputTextWithSchema = describe(DSLargeInputText).description("A large input");
-DSLargeInputTextWithSchema.propTypes = props;
-var DSLargeInputText_default = DSLargeInputText;
-export {
-  DSLargeInputText,
-  DSLargeInputTextWithSchema,
-  DSLargeInputText_default as default
-};
-//# sourceMappingURL=DSLargeInputText.js.map

package/dist/esm/LargeInputText/DSLargeInputText.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LargeInputText/DSLargeInputText.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/no-autofocus, react/prop-types */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport {\n  convertPropToCssClassName,\n  aggregatedClasses,\n} from '@elliemae/ds-classnames';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst CounterArea = aggregatedClasses('div')(\n  'counter',\n  'textarea',\n  ({ limitError }) => ({\n    'limit-error': limitError,\n  }),\n);\n\nconst DSLargeInputText = ({\n  containerProps,\n  autoFocus,\n  className,\n  disabled,\n  name,\n  id,\n  maxLength,\n  minLength,\n  placeholder,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onKeyUp,\n  onKeyDown,\n  onPaste,\n  value,\n  hasError,\n  required,\n  readOnly,\n  resize,\n  innerRef,\n  ariaLabel,\n  ariaAutocomplete,\n  role,\n  characterLimitCounter,\n  rows,\n  errorLimit,\n  tabIndex,\n}) => {\n  const limitError = useMemo(\n    () =>\n      characterLimitCounter < String(value).length && characterLimitCounter > 0,\n    [characterLimitCounter, value],\n  );\n  const {\n    cssClassName,\n    classNameElement,\n    classNameBlock,\n  } = convertPropToCssClassName('form-element-textarea', 'text', {\n    hasError: limitError || hasError,\n    readOnly,\n    disabled,\n  });\n  // auto size when user types\n  const handleKeyUp = (e) => {\n    // const { target } = e\n    onKeyUp(e);\n    // if (e.key !== 'Enter') return\n    // target.style.cssText = 'height:auto; padding:0'\n    // target.style.cssText = `height: ${target.scrollHeight}px`\n  };\n  return (\n    <>\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={classNameBlock('wrapper')}>\n          <textarea\n            ref={innerRef}\n            aria-autocomplete={ariaAutocomplete}\n            aria-label={ariaLabel}\n            aria-multiline\n            aria-placeholder={placeholder}\n            aria-required={required}\n            autoFocus={autoFocus}\n            className={classNameElement('textarea')}\n            data-testid=\"ds-large-input_main-component\"\n            disabled={disabled}\n            id={id}\n            maxLength={maxLength}\n            minLength={minLength}\n            name={name}\n            onBlur={onBlur}\n            onChange={onChange}\n            onClick={onClick}\n            onFocus={onFocus}\n            onKeyDown={onKeyDown}\n            onKeyUp={handleKeyUp}\n            onPaste={onPaste}\n            placeholder={placeholder}\n            role={role}\n            rows={String(rows)}\n            style={{\n              resize,\n            }}\n            value={value}\n            tabIndex={tabIndex}\n          />\n        </div>\n      </div>\n      {characterLimitCounter > 0 && (\n        <CounterArea classProps={{ limitError }} data-testid=\"counter-area\">\n          {`${\n            limitError\n              ? `${errorLimit} ${characterLimitCounter} characters.   `\n              : ''\n          }${String(value).length} / ${characterLimitCounter}`}\n        </CounterArea>\n      )}\n    </>\n  );\n};\n\nDSLargeInputText.propTypes = props;\nDSLargeInputText.defaultProps = defaultProps;\n\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description(\n  'A large input',\n);\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema, DSLargeInputText };\n\nexport default DSLargeInputText;\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA,MAAM,cAAc,kBAAkB,OACpC,WACA,YACA,CAAC,EAAE,iBAAkB;AAAA,EACnB,eAAe;AAAA;AAInB,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,aAAa,QACjB,MACE,wBAAwB,OAAO,OAAO,UAAU,wBAAwB,GAC1E,CAAC,uBAAuB;AAE1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,0BAA0B,yBAAyB,QAAQ;AAAA,IAC7D,UAAU,cAAc;AAAA,IACxB;AAAA,IACA;AAAA;AAGF,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ;AAAA;AAKV,SACE,4DACE,qCAAC,OAAD;AAAA,OAAS;AAAA,IAAgB,WAAW,GAAG,gBAAgB;AAAA,KACrD,qCAAC,OAAD;AAAA,IAAK,WAAW,eAAe;AAAA,KAC7B,qCAAC,YAAD;AAAA,IACE,KAAK;AAAA,IACL,qBAAmB;AAAA,IACnB,cAAY;AAAA,IACZ,kBAAc;AAAA,IACd,oBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO;AAAA,IACb,OAAO;AAAA,MACL;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,QAIL,wBAAwB,KACvB,qCAAC,aAAD;AAAA,IAAa,YAAY,EAAE;AAAA,IAAc,eAAY;AAAA,KAClD,GACC,aACI,GAAG,cAAc,yCACjB,KACH,OAAO,OAAO,YAAY;AAAA;AAOvC,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAEhC,MAAM,6BAA6B,SAAS,kBAAkB,YAC5D;AAEF,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
-  "names": []
-}

package/dist/esm/LargeInputText/defaultProps.js

@@ -1,36 +0,0 @@
-import * as React from "react";
-const defaultProps = {
-  containerProps: {},
-  autoFocus: false,
-  className: "",
-  disabled: false,
-  name: "",
-  id: null,
-  maxLength: null,
-  minLength: 0,
-  placeholder: "",
-  onClick: () => null,
-  onChange: () => null,
-  onFocus: () => null,
-  onBlur: () => null,
-  onKeyUp: () => null,
-  onKeyDown: () => null,
-  onPaste: () => null,
-  value: "",
-  hasError: false,
-  required: false,
-  readOnly: false,
-  resize: "vertical",
-  innerRef: null,
-  ariaLabel: "Enter text",
-  ariaAutocomplete: "none",
-  role: "textbox",
-  characterLimitCounter: 0,
-  rows: 3,
-  errorLimit: "Please limit your entry to",
-  tabIndex: ""
-};
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map

package/dist/esm/LargeInputText/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LargeInputText/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n  containerProps: {},\n  autoFocus: false,\n  className: '',\n  disabled: false,\n  name: '',\n  id: null,\n  maxLength: null,\n  minLength: 0,\n  placeholder: '',\n  onClick: () => null,\n  onChange: () => null,\n  onFocus: () => null,\n  onBlur: () => null,\n  onKeyUp: () => null,\n  onKeyDown: () => null,\n  onPaste: () => null,\n  value: '',\n  hasError: false,\n  required: false,\n  readOnly: false,\n  resize: 'vertical',\n  innerRef: null,\n  ariaLabel: 'Enter text',\n  ariaAutocomplete: 'none',\n  role: 'textbox',\n  characterLimitCounter: 0,\n  rows: 3,\n  errorLimit: 'Please limit your entry to',\n  tabIndex: '',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,uBAAuB;AAAA,EACvB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA;",
-  "names": []
-}

package/dist/esm/LargeInputText/index.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { default as default2, DSLargeInputTextWithSchema, DSLargeInputText } from "./DSLargeInputText";
-export {
-  DSLargeInputText,
-  DSLargeInputTextWithSchema,
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/LargeInputText/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LargeInputText/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSLargeInputTextWithSchema, DSLargeInputText } from './DSLargeInputText';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/dist/esm/LargeInputText/props.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const props = {
-  containerProps: PropTypes.object.description("Injected props to wrapper element of component"),
-  autoFocus: PropTypes.bool.description("Whether uses auto focus or not"),
-  className: PropTypes.string.description("CSS class"),
-  disabled: PropTypes.bool.description("Whether is disabled or not"),
-  name: PropTypes.string.description("HTML form name property"),
-  id: PropTypes.number.description("HTML id"),
-  maxLength: PropTypes.number.description("Max length for text to be entered"),
-  minLength: PropTypes.number.description("Min length for text to be entered"),
-  placeholder: PropTypes.string.description("Placeholder for the text"),
-  onClick: PropTypes.func.description("Allows a function that is triggered once the input text is clicked"),
-  onChange: PropTypes.func.description("Allows a function that is triggered once the input text changes"),
-  onFocus: PropTypes.func.description("Allows a function that is triggered once the input text is focused"),
-  onBlur: PropTypes.func.description("Allows a function that is triggered once the input text loses focus"),
-  onKeyUp: PropTypes.func.description("Allows a function that is triggered once in the input a keyboard key is released"),
-  onKeyDown: PropTypes.func.description("Allows a function that is triggered once a key is being pressed"),
-  onPaste: PropTypes.func.description("Allows a function that is triggered once the input text is pasted"),
-  value: PropTypes.string.description("Default value once the component is initialized"),
-  hasError: PropTypes.bool.description("Whether the input text has error or not"),
-  required: PropTypes.bool.description("Whether the input text is required or not"),
-  readOnly: PropTypes.bool.description("Whether the input text is read only or not"),
-  resize: PropTypes.string.description("Whether the input text style is vertical or not"),
-  innerRef: PropTypes.func.description("ref forwarded to component"),
-  ariaLabel: PropTypes.string.description("a11y aria label"),
-  ariaAutocomplete: PropTypes.string.description(""),
-  role: PropTypes.string.description("Type of input. Ex: textbox"),
-  characterLimitCounter: PropTypes.number.description("it will show a counter/limit if the value is greater than 0"),
-  tabIndex: PropTypes.string.description("Tab index html property.")
-};
-export {
-  props
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/LargeInputText/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LargeInputText/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description(\n    'Injected props to wrapper element of component',\n  ),\n  /**\n   * Whether uses auto focus or not\n   */\n  autoFocus: PropTypes.bool.description('Whether uses auto focus or not'),\n  /** CSS class */\n  className: PropTypes.string.description('CSS class'),\n  /**\n   * Whether is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether is disabled or not'),\n  /** HTML form name property */\n  name: PropTypes.string.description('HTML form name property'),\n  /** HTML id */\n  id: PropTypes.number.description('HTML id'),\n  /**\n   * Max length for text to be entered\n   */\n  maxLength: PropTypes.number.description('Max length for text to be entered'),\n  /**\n   * Min length for text to be entered\n   */\n  minLength: PropTypes.number.description('Min length for text to be entered'),\n  /**\n   * Placeholder for the text\n   */\n  placeholder: PropTypes.string.description('Placeholder for the text'),\n  /**\n   * Allows a function that is triggered once the input text is clicked\n   */\n  onClick: PropTypes.func.description(\n    'Allows a function that is triggered once the input text is clicked',\n  ),\n  /**\n   * Allows a function that is triggered once the input text changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the input text changes',\n  ),\n  /**\n   * Allows a function that is triggered once the input text is focused\n   */\n  onFocus: PropTypes.func.description(\n    'Allows a function that is triggered once the input text is focused',\n  ),\n  /**\n   * Allows a function that is triggered once the input text loses focus\n   */\n  onBlur: PropTypes.func.description(\n    'Allows a function that is triggered once the input text loses focus',\n  ),\n  /**\n   * Allows a function that is triggered once in the input a keyboard key is released\n   */\n  onKeyUp: PropTypes.func.description(\n    'Allows a function that is triggered once in the input a keyboard key is released',\n  ),\n  /**\n   * Allows a function that is triggered once a key is being pressed\n   */\n  onKeyDown: PropTypes.func.description(\n    'Allows a function that is triggered once a key is being pressed',\n  ),\n  /**\n   * Allows a function that is triggered once the input text is pasted\n   */\n  onPaste: PropTypes.func.description(\n    'Allows a function that is triggered once the input text is pasted',\n  ),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the input text has error or not\n   */\n  hasError: PropTypes.bool.description(\n    'Whether the input text has error or not',\n  ),\n  /**\n   * Whether the input text is required or not\n   */\n  required: PropTypes.bool.description(\n    'Whether the input text is required or not',\n  ),\n  /**\n   * Whether the input text is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the input text is read only or not',\n  ),\n  /**\n   * Whether the input text style is vertical or not\n   */\n  resize: PropTypes.string.description(\n    'Whether the input text style is vertical or not',\n  ),\n  /** ref forwarded to component */\n  innerRef: PropTypes.func.description('ref forwarded to component'),\n  /** a11y aria label */\n  ariaLabel: PropTypes.string.description('a11y aria label'),\n  ariaAutocomplete: PropTypes.string.description(''),\n  /**\n   * Type of input. Ex: textbox\n   */\n  role: PropTypes.string.description('Type of input. Ex: textbox'),\n  /**\n   * it will show a counter/limit if the value is greater than 0\n   */\n  characterLimitCounter: PropTypes.number.description(\n    'it will show a counter/limit if the value is greater than 0',\n  ),\n  /**\n   * Tab index html property.\n   */\n  tabIndex: PropTypes.string.description('Tab index html property.'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAKF,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,IAAI,UAAU,OAAO,YAAY;AAAA,EAIjC,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,aAAa,UAAU,OAAO,YAAY;AAAA,EAI1C,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,QAAQ,UAAU,KAAK,YACrB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,WAAW,UAAU,KAAK,YACxB;AAAA,EAKF,SAAS,UAAU,KAAK,YACtB;AAAA,EAKF,OAAO,UAAU,OAAO,YACtB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,QAAQ,UAAU,OAAO,YACvB;AAAA,EAGF,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,kBAAkB,UAAU,OAAO,YAAY;AAAA,EAI/C,MAAM,UAAU,OAAO,YAAY;AAAA,EAInC,uBAAuB,UAAU,OAAO,YACtC;AAAA,EAKF,UAAU,UAAU,OAAO,YAAY;AAAA;",
-  "names": []
-}

package/dist/esm/MenuItem/components/MenuItem/index.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { Grid } from "@elliemae/ds-grid";
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { defaultProps, itemProps } from "../../props";
-import { StyledMenuItemWrapper } from "../styled";
-import { StyledItemLabel } from "./styled";
-const MenuItem = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, itemProps);
-  const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseEnter, onMouseLeave, wrapperStyles } = propsWithDefault;
-  return /* @__PURE__ */ React2.createElement(StyledMenuItemWrapper, {
-    "aria-selected": isSelected,
-    id: dsId,
-    role: "option",
-    isSelected,
-    isActive,
-    isFocus,
-    onClick,
-    ref: innerRef,
-    onMouseEnter,
-    onMouseLeave,
-    style: wrapperStyles
-  }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(StyledItemLabel, null, label)));
-};
-MenuItem.propTypes = itemProps;
-const MenuItemWithSchema = describe(MenuItem);
-MenuItemWithSchema.propTypes = itemProps;
-export {
-  MenuItem,
-  MenuItemWithSchema
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/MenuItem/components/MenuItem/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/MenuItem/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledMenuItemWrapper } from '../styled';\nimport { StyledItemLabel } from './styled';\n\nconst MenuItem = (props: MenuItemT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, itemProps);\n\n  const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseEnter, onMouseLeave, wrapperStyles } =\n    propsWithDefault;\n\n  return (\n    <StyledMenuItemWrapper\n      aria-selected={isSelected}\n      id={dsId}\n      role=\"option\"\n      isSelected={isSelected}\n      isActive={isActive}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      style={wrapperStyles}\n    >\n      <Grid>\n        <StyledItemLabel>{label}</StyledItemLabel>\n      </Grid>\n    </StyledMenuItemWrapper>\n  );\n};\n\nMenuItem.propTypes = itemProps;\nconst MenuItemWithSchema = describe(MenuItem);\nMenuItemWithSchema.propTypes = itemProps;\n\nexport { MenuItem, MenuItemWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,UAAkC;AAClD,QAAM,mBAAmB,6BAA6B,OAAO;AAE7D,iCAA+B,kBAAkB;AAEjD,QAAM,EAAE,MAAM,OAAO,YAAY,SAAS,SAAS,UAAU,UAAU,cAAc,cAAc,kBACjG;AAEF,SACE,qCAAC,uBAAD;AAAA,IACE,iBAAe;AAAA,IACf,IAAI;AAAA,IACJ,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,KAEP,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB;AAAA;AAM1B,SAAS,YAAY;AACrB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;",
-  "names": []
-}

package/dist/esm/MenuItem/components/MenuItem/styled.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const StyledItemLabel = styled.div`
-  display: grid;
-  align-items: center;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  width: 100%;
-`;
-export {
-  StyledItemLabel
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/MenuItem/components/MenuItem/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/MenuItem/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledItemLabel = styled.div`\n  display: grid;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
-import { defaultProps, itemProps } from "../../props";
-import { StyledItemContent } from "./styled";
-import { StyledGlobalMenuItemWrapper } from "../styled";
-const MultiMenuItem = (props) => {
-  const {
-    dsId,
-    value,
-    label,
-    disabled,
-    isSelected,
-    isActive,
-    onClick,
-    isFocus,
-    innerRef,
-    onMouseEnter,
-    onMouseLeave,
-    onMouseDown,
-    wrapperStyles,
-    tabIndex,
-    render
-  } = props;
-  return /* @__PURE__ */ React2.createElement(StyledGlobalMenuItemWrapper, {
-    id: dsId,
-    disabled,
-    isActive,
-    isSelected,
-    isFocus,
-    onClick,
-    ref: innerRef,
-    onMouseDown,
-    onMouseEnter,
-    onMouseLeave,
-    role: "option",
-    className: isActive ? "ds-list-item-active" : "",
-    "aria-selected": isSelected,
-    style: wrapperStyles,
-    pr: render ? 0 : 40,
-    "data-testid": "combobox-option"
-  }, /* @__PURE__ */ React2.createElement(StyledItemContent, null, render ? render(props) : /* @__PURE__ */ React2.createElement(DSControlledCheckbox, {
-    tabIndex,
-    disabled,
-    checked: isSelected,
-    onMouseDown,
-    name: value,
-    ariaLabel: label,
-    label,
-    id: value,
-    onChange: onClick
-  })));
-};
-MultiMenuItem.propTypes = itemProps;
-MultiMenuItem.defaultProps = defaultProps;
-const MultiMenuItemWithSchema = describe(MultiMenuItem);
-MultiMenuItemWithSchema.propTypes = itemProps;
-export {
-  MultiMenuItem,
-  MultiMenuItemWithSchema
-};
-//# sourceMappingURL=MultiMenuItem.js.map

package/dist/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n  const {\n    dsId,\n    value,\n    label,\n    disabled,\n    isSelected,\n    isActive,\n    onClick,\n    isFocus,\n    innerRef,\n    onMouseEnter,\n    onMouseLeave,\n    onMouseDown,\n    wrapperStyles,\n    tabIndex,\n    render,\n  } = props;\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      disabled={disabled}\n      isActive={isActive}\n      isSelected={isSelected}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      role=\"option\"\n      className={isActive ? 'ds-list-item-active' : ''}\n      aria-selected={isSelected}\n      style={wrapperStyles}\n      pr={render ? 0 : 40}\n      data-testid=\"combobox-option\"\n    >\n      <StyledItemContent>\n        {render ? (\n          render(props)\n        ) : (\n          <DSControlledCheckbox\n            tabIndex={tabIndex}\n            disabled={disabled}\n            checked={isSelected}\n            onMouseDown={onMouseDown}\n            name={value}\n            ariaLabel={label}\n            label={label}\n            id={value}\n            onChange={onClick}\n          />\n        )}\n      </StyledItemContent>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,CAAC,UAAkC;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,SACE,qCAAC,6BAAD;AAAA,IACE,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL,WAAW,WAAW,wBAAwB;AAAA,IAC9C,iBAAe;AAAA,IACf,OAAO;AAAA,IACP,IAAI,SAAS,IAAI;AAAA,IACjB,eAAY;AAAA,KAEZ,qCAAC,mBAAD,MACG,SACC,OAAO,SAEP,qCAAC,sBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA,IAAI;AAAA,IACJ,UAAU;AAAA;AAAA;AAQtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
-  "names": []
-}

package/dist/esm/MenuItem/components/MultiMenuItem/styled.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const StyledItemContent = styled.div`
-  display: flex;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  width: 100%;
-`;
-export {
-  StyledItemContent
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/MenuItem/components/MultiMenuItem/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/MultiMenuItem/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledItemContent = styled.div`\n  display: flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}