@elliemae/ds-form 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/esm/LargeInputText/DSLargeInputText.js

@@ -0,0 +1,107 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

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

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

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

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=styled.js.map

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

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

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=MultiMenuItem.js.map

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

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

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=styled.js.map

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

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

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

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

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

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

package/dist/esm/MenuItem/components/Section/props.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=props.js.map

package/dist/esm/MenuItem/components/Section/props.js.map

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

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=styled.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=styled.js.map

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

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

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=SingleMenuItem.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=styled.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=styled.js.map

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

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

package/dist/esm/MenuItem/index.js

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

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

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

package/dist/esm/MenuItem/props.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=props.js.map

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

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

package/dist/esm/Radio/Circle.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import React2 from "react";
+import { withTheme } from "@elliemae/ds-system";
+const Circle = ({ checked, theme }) => {
+  const r = theme.breakpoints.medium.split("px")[0] - window.innerWidth >= 0 ? 6 : 4;
+  return /* @__PURE__ */ React2.createElement("svg", {
+    width: "100%",
+    height: "100%"
+  }, /* @__PURE__ */ React2.createElement("circle", {
+    className: checked ? "checked" : "unchecked",
+    r,
+    cx: "50%",
+    cy: "50%"
+  }));
+};
+const ThemedCircle = withTheme(Circle);
+var Circle_default = ThemedCircle;
+export {
+  ThemedCircle as Circle,
+  Circle_default as default
+};
+//# sourceMappingURL=Circle.js.map

package/dist/esm/Radio/Circle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Radio/Circle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst Circle = ({ checked, theme }) => {\n  const r =\n    theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;\n  return (\n    <svg width=\"100%\" height=\"100%\">\n      <circle\n        className={checked ? 'checked' : 'unchecked'}\n        r={r}\n        cx=\"50%\"\n        cy=\"50%\"\n      />\n    </svg>\n  );\n};\n\nconst ThemedCircle = withTheme(Circle);\nexport { ThemedCircle as Circle };\nexport default ThemedCircle;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,SAAS,CAAC,EAAE,SAAS,YAAY;AACrC,QAAM,IACJ,MAAM,YAAY,OAAO,MAAM,MAAM,KAAK,OAAO,cAAc,IAAI,IAAI;AACzE,SACE,qCAAC,OAAD;AAAA,IAAK,OAAM;AAAA,IAAO,QAAO;AAAA,KACvB,qCAAC,UAAD;AAAA,IACE,WAAW,UAAU,YAAY;AAAA,IACjC;AAAA,IACA,IAAG;AAAA,IACH,IAAG;AAAA;AAAA;AAMX,MAAM,eAAe,UAAU;AAE/B,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/esm/Radio/DSRadio.js

@@ -0,0 +1,115 @@
+import * as React from "react";
+import React2, { useRef } from "react";
+import { PropTypes, describe } from "react-desc";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { Circle } from "./Circle";
+const DSRadio = ({
+  containerProps,
+  className,
+  style,
+  labelText,
+  htmlFor,
+  hasError,
+  readOnly,
+  disabled,
+  checked,
+  value,
+  name,
+  onChange,
+  children,
+  tabIndex,
+  ...otherProps
+}) => {
+  const { cssClassName, classNameElement } = convertPropToCssClassName("form-element-radio", className, {
+    hasError,
+    readOnly,
+    disabled
+  });
+  const checkRef = useRef(null);
+  return /* @__PURE__ */ React2.createElement("div", {
+    ...containerProps,
+    className: cssClassName
+  }, /* @__PURE__ */ React2.createElement("label", {
+    className: classNameElement("label"),
+    htmlFor
+  }, /* @__PURE__ */ React2.createElement("input", {
+    ...otherProps,
+    ref: checkRef,
+    "aria-disabled": disabled,
+    checked: disabled ? false : checked,
+    className: classNameElement("input"),
+    disabled,
+    name,
+    onChange: (e) => {
+      if (!readOnly && !disabled) {
+        onChange(e);
+      }
+    },
+    readOnly,
+    tabIndex: -1,
+    type: "radio",
+    value
+  }), /* @__PURE__ */ React2.createElement("span", {
+    ref: otherProps.innerRef,
+    "aria-checked": checked,
+    "aria-disabled": disabled,
+    className: classNameElement("input-button"),
+    onKeyDown: (e) => {
+      e.target = checkRef.current;
+      if (disabled)
+        return;
+      if (e.key === "Enter" || e.keyCode === 32) {
+        onChange(e);
+      } else if (otherProps.onKeyDown) {
+        otherProps.onKeyDown(e);
+      }
+    },
+    role: "radio",
+    style,
+    tabIndex: disabled ? -1 : tabIndex
+  }, /* @__PURE__ */ React2.createElement(Circle, {
+    checked
+  })), /* @__PURE__ */ React2.createElement("span", {
+    className: classNameElement("label-text")
+  }, labelText)), children && /* @__PURE__ */ React2.createElement("div", {
+    className: classNameElement("radio-children")
+  }, children));
+};
+DSRadio.defaultProps = {
+  containerProps: {},
+  className: "",
+  hasError: false,
+  readOnly: false,
+  disabled: false,
+  checked: false,
+  name: "",
+  onChange: () => null,
+  children: null,
+  tabIndex: 0
+};
+const radioProps = {
+  containerProps: PropTypes.object.description("Injected props to wrapper element of component"),
+  className: PropTypes.string.description("css class prop"),
+  name: PropTypes.string.description("name property to manage form"),
+  labelText: PropTypes.string.description("Displayable label for the radio"),
+  htmlFor: PropTypes.element.description("HTMLFOR property to manage form"),
+  hasError: PropTypes.bool.description("Whether the radio has error or not"),
+  readOnly: PropTypes.bool.description("Whether the radio is read only or not"),
+  disabled: PropTypes.bool.description("Whether the radio is disabled or not"),
+  checked: PropTypes.bool.description("Whether the radio is checked or not"),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("Value that takes the checkbox if it is checked").isRequired,
+  onChange: PropTypes.func.description("Allows a function that is triggered once the radio changes"),
+  children: PropTypes.node.description("Optional, if you want a checkbox customized"),
+  tabIndex: PropTypes.number.description("HTML tabindex to manage focus"),
+  style: PropTypes.number.description("style override object")
+};
+DSRadio.propTypes = radioProps;
+const DSRadioWithSchema = describe(DSRadio);
+DSRadioWithSchema.propTypes = radioProps;
+var DSRadio_default = DSRadio;
+export {
+  DSRadio,
+  DSRadioWithSchema,
+  DSRadio_default as default
+};
+//# sourceMappingURL=DSRadio.js.map

package/dist/esm/Radio/DSRadio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Radio/DSRadio.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport * as CSS from 'csstype';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { Circle } from './Circle';\n\ninterface DSRadioT {\n  [x: string]: unknown;\n  innerRef?: React.MutableRefObject<HTMLInputElement>;\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  style?: CSS.Properties;\n  labelText?: string;\n  htmlFor?: string;\n  hasError?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  checked?: boolean;\n  value?: string;\n  name?: string;\n  onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode | React.ReactNode[];\n  tabIndex?: number;\n}\n\nconst DSRadio = ({\n  containerProps,\n  className,\n  style,\n  labelText,\n  htmlFor,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  value,\n  name,\n  onChange,\n  children,\n  tabIndex,\n  ...otherProps\n}: DSRadioT) => {\n  // this will be solved when we move to styled components...\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n    hasError,\n    readOnly,\n    disabled,\n  });\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  return (\n    <div {...containerProps} className={cssClassName}>\n      <label className={classNameElement('label')} htmlFor={htmlFor}>\n        <input\n          {...otherProps}\n          ref={checkRef}\n          aria-disabled={disabled}\n          checked={disabled ? false : checked}\n          className={classNameElement('input')}\n          disabled={disabled}\n          name={name}\n          onChange={(e) => {\n            if (!readOnly && !disabled) {\n              onChange(e);\n            }\n          }}\n          readOnly={readOnly}\n          tabIndex={-1}\n          type=\"radio\"\n          value={value}\n        />\n        <span\n          ref={otherProps.innerRef}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          className={classNameElement('input-button')}\n          onKeyDown={(e) => {\n            // really really bad pattern...\n            // overwriting the target to point to the hidden input because the focus is on the span and not on the input...\n            // we will solve this with a v2 of this when we move to controlled + styled components...\n            e.target = checkRef.current;\n            if (disabled) return;\n            if (e.key === 'Enter' || e.keyCode === 32) {\n              onChange(e);\n            } else if (otherProps.onKeyDown) {\n              otherProps.onKeyDown(e);\n            }\n          }}\n          role=\"radio\"\n          style={style}\n          tabIndex={disabled ? -1 : tabIndex}\n          // value={value} // should be unused?\n        >\n          <Circle checked={checked} />\n        </span>\n        <span className={classNameElement('label-text')}>{labelText}</span>\n      </label>\n      {children && <div className={classNameElement('radio-children')}>{children}</div>}\n    </div>\n  );\n};\n\nDSRadio.defaultProps = {\n  containerProps: {},\n  className: '',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: false,\n  name: '',\n  onChange: () => null,\n  children: null,\n  tabIndex: 0,\n};\n\nconst radioProps = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /** css class prop */\n  className: PropTypes.string.description('css class prop'),\n  /** name property to manage form */\n  name: PropTypes.string.description('name property to manage form'),\n  /**\n   * Displayable label for the radio\n   */\n  labelText: PropTypes.string.description('Displayable label for the radio'),\n  /** HTMLFOR property to manage form */\n  htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n  /**\n   * Whether the radio has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the radio has error or not'),\n  /**\n   * Whether the radio is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n  /**\n   * Whether the radio is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n  /**\n   * Whether the radio is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  /**\n   * Value that takes the checkbox if it is checked\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'Value that takes the checkbox if it is checked',\n  ).isRequired,\n  /**\n   * Allows a function that is triggered once the radio changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n  /**\n   * Optional, if you want a checkbox customized\n   */\n  children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n  /** HTML tabindex to manage focus */\n  tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n  /** style override object */\n  style: PropTypes.number.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\n\nconst DSRadioWithSchema = describe(DSRadio);\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadio, DSRadioWithSchema };\n\nexport default DSRadio;\n"],
+  "mappings": "AAAA;ACEA;AAEA;AACA;AACA;AAsBA,MAAM,UAAU,CAAC;AAAA,EACf;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,KACG;AAAA,MACW;AAGd,QAAM,EAAE,cAAc,qBAAqB,0BAA0B,sBAAsB,WAAW;AAAA,IACpG;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,WAAW,OAAgC;AACjD,SACE,qCAAC,OAAD;AAAA,OAAS;AAAA,IAAgB,WAAW;AAAA,KAClC,qCAAC,SAAD;AAAA,IAAO,WAAW,iBAAiB;AAAA,IAAU;AAAA,KAC3C,qCAAC,SAAD;AAAA,OACM;AAAA,IACJ,KAAK;AAAA,IACL,iBAAe;AAAA,IACf,SAAS,WAAW,QAAQ;AAAA,IAC5B,WAAW,iBAAiB;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,UAAU,CAAC,MAAM;AACf,UAAI,CAAC,YAAY,CAAC,UAAU;AAC1B,iBAAS;AAAA;AAAA;AAAA,IAGb;AAAA,IACA,UAAU;AAAA,IACV,MAAK;AAAA,IACL;AAAA,MAEF,qCAAC,QAAD;AAAA,IACE,KAAK,WAAW;AAAA,IAChB,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,WAAW,iBAAiB;AAAA,IAC5B,WAAW,CAAC,MAAM;AAIhB,QAAE,SAAS,SAAS;AACpB,UAAI;AAAU;AACd,UAAI,EAAE,QAAQ,WAAW,EAAE,YAAY,IAAI;AACzC,iBAAS;AAAA,iBACA,WAAW,WAAW;AAC/B,mBAAW,UAAU;AAAA;AAAA;AAAA,IAGzB,MAAK;AAAA,IACL;AAAA,IACA,UAAU,WAAW,KAAK;AAAA,KAG1B,qCAAC,QAAD;AAAA,IAAQ;AAAA,OAEV,qCAAC,QAAD;AAAA,IAAM,WAAW,iBAAiB;AAAA,KAAgB,aAEnD,YAAY,qCAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB;AAAA,KAAoB;AAAA;AAKxE,QAAQ,eAAe;AAAA,EACrB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU,MAAM;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA;AAGZ,MAAM,aAAa;AAAA,EAEjB,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,MAAM,UAAU,OAAO,YAAY;AAAA,EAInC,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,SAAS,UAAU,QAAQ,YAAY;AAAA,EAIvC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,SAAS,YACjF,kDACA;AAAA,EAIF,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,QAAQ,YAAY;AAEpB,MAAM,oBAAoB,SAAS;AACnC,kBAAkB,YAAY;AAI9B,IAAO,kBAAQ;",
+  "names": []
+}