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

package/dist/esm/Radio/DSRadio.js

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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}

package/dist/esm/Radio/index.js

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

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

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

package/dist/esm/RadioGroup/DSRadioGroup.js

@@ -1,85 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { GroupItem, Group } from "@elliemae/ds-shared";
-import { DSFormItemLayout } from "../FormItem";
-import { DSRadio } from "../Radio";
-import { props as rprops } from "./props";
-import { defaultProps } from "./defaultProps";
-const emClassPrefix = "em-ds";
-const baseClass = `${emClassPrefix}-radio-group`;
-const RadioItem = (props) => /* @__PURE__ */ React2.createElement(GroupItem, {
-  render: (context) => /* @__PURE__ */ React2.createElement(DSRadio, {
-    ...props,
-    checked: context.activeValue === props.value,
-    disabled: context.disabled || props.disabled,
-    onChange: context.onChange
-  })
-});
-const DSRadioGroup = ({
-  containerProps,
-  onChange,
-  activeValue,
-  children,
-  orientation,
-  disabled,
-  truncateText,
-  labelProps
-}) => {
-  const checkRefs = [];
-  const count = React2.Children.count(children);
-  const onKeyDown = (e, index) => {
-    if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-      if (index === 0)
-        checkRefs[count - 1].focus();
-      else
-        checkRefs[index - 1].focus();
-    }
-    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-      if (index === count - 1)
-        checkRefs[0].focus();
-      else
-        checkRefs[index + 1].focus();
-    }
-  };
-  const group = /* @__PURE__ */ React2.createElement(Group, {
-    activeValue,
-    disabled,
-    onChange
-  }, /* @__PURE__ */ React2.createElement("div", {
-    "data-testid": "ds-radiogroup",
-    ...labelProps && labelProps.labelText ? {} : containerProps,
-    className: `${baseClass} ${baseClass}--${orientation}`,
-    role: "group"
-  }, React2.Children.map(children, (child, index) => /* @__PURE__ */ React2.createElement(RadioItem, {
-    ...child.props,
-    innerRef: (t) => {
-      checkRefs.push(t);
-    },
-    onKeyDown: (e) => onKeyDown(e, index)
-  }), null)));
-  if (labelProps && labelProps.labelText) {
-    return /* @__PURE__ */ React2.createElement("div", {
-      className: `${baseClass}-form-item-layout-wrapper`,
-      ...containerProps,
-      role: "group"
-    }, /* @__PURE__ */ React2.createElement(DSFormItemLayout, {
-      ...labelProps,
-      inputComponent: group,
-      onChange,
-      truncateText
-    }));
-  }
-  return group;
-};
-DSRadioGroup.propTypes = rprops;
-DSRadioGroup.defaultProps = defaultProps;
-const DSRadioGroupWithSchema = describe(DSRadioGroup);
-DSRadioGroupWithSchema.propTypes = rprops;
-var DSRadioGroup_default = DSRadioGroup;
-export {
-  DSRadioGroup,
-  DSRadioGroupWithSchema,
-  DSRadioGroup_default as default
-};
-//# sourceMappingURL=DSRadioGroup.js.map

package/dist/esm/RadioGroup/DSRadioGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/RadioGroup/DSRadioGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSRadio } from '../Radio';\nimport { props as rprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-radio-group`;\n\nconst RadioItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSRadio\n        {...props}\n        checked={context.activeValue === props.value}\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSRadioGroup = ({\n  containerProps,\n  onChange,\n  activeValue,\n  children,\n  orientation,\n  disabled,\n  truncateText,\n  labelProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group activeValue={activeValue} disabled={disabled} onChange={onChange}>\n      <div\n        data-testid=\"ds-radiogroup\"\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <RadioItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div\n        className={`${baseClass}-form-item-layout-wrapper`}\n        {...containerProps}\n        role=\"group\"\n      >\n        <DSFormItemLayout\n          {...labelProps}\n          inputComponent={group}\n          onChange={onChange}\n          truncateText={truncateText}\n        />\n      </div>\n    );\n  }\n  return group;\n};\n\nDSRadioGroup.propTypes = rprops;\nDSRadioGroup.defaultProps = defaultProps;\n\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroup, DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB,qCAAC,WAAD;AAAA,EACE,QAAQ,CAAC,YACP,qCAAC,SAAD;AAAA,OACM;AAAA,IACJ,SAAS,QAAQ,gBAAgB,MAAM;AAAA,IACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA;AAAA;AAM1B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY;AAClB,QAAM,QAAQ,OAAM,SAAS,MAAM;AACnC,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG;AAAA;AACjC,kBAAU,QAAQ,GAAG;AAAA;AAE5B,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG;AAAA;AACjC,kBAAU,QAAQ,GAAG;AAAA;AAAA;AAG9B,QAAM,QACJ,qCAAC,OAAD;AAAA,IAAO;AAAA,IAA0B;AAAA,IAAoB;AAAA,KACnD,qCAAC,OAAD;AAAA,IACE,eAAY;AAAA,OACP,cAAc,WAAW,YAAY,KAAK;AAAA,IAC/C,WAAW,GAAG,aAAa,cAAc;AAAA,IACzC,MAAK;AAAA,KAEJ,OAAM,SAAS,IACd,UACA,CAAC,OAAO,UACN,qCAAC,WAAD;AAAA,OACM,MAAM;AAAA,IACV,UAAU,CAAC,MAAM;AACf,gBAAU,KAAK;AAAA;AAAA,IAEjB,WAAW,CAAC,MAAM,UAAU,GAAG;AAAA,MAGnC;AAMR,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,qCAAC,OAAD;AAAA,MACE,WAAW,GAAG;AAAA,SACV;AAAA,MACJ,MAAK;AAAA,OAEL,qCAAC,kBAAD;AAAA,SACM;AAAA,MACJ,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA;AAAA;AAKR,SAAO;AAAA;AAGT,aAAa,YAAY;AACzB,aAAa,eAAe;AAE5B,MAAM,yBAAyB,SAAS;AACxC,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
-  "names": []
-}

package/dist/esm/RadioGroup/defaultProps.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-const defaultProps = {
-  containerProps: {},
-  onChange: () => null,
-  orientation: "vertical",
-  disabled: false,
-  truncateText: false,
-  labelProps: {
-    feedbackMessage: "",
-    labelText: "",
-    required: false
-  }
-};
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/RadioGroup/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n  containerProps: {},\n  onChange: () => null,\n  orientation: 'vertical',\n  disabled: false,\n  truncateText: false,\n  labelProps: {\n    feedbackMessage: '',\n    labelText: '',\n    required: false,\n  },\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/RadioGroup/index.js

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

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

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

package/dist/esm/RadioGroup/props.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { orientation as radioGroupOrientation } from "@elliemae/ds-shared/prop-types";
-const props = {
-  containerProps: PropTypes.object.description("Inject props to component wrapper"),
-  onChange: PropTypes.func.description("Allows a function that is triggered once the radio group changes"),
-  activeValue: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number
-  ]).description("Selected default active value"),
-  children: PropTypes.arrayOf(PropTypes.element).isRequired.description("Radio group items to show of type DSRadio"),
-  orientation: PropTypes.oneOf(radioGroupOrientation).description("['horizontal', 'vertical']"),
-  disabled: PropTypes.bool.description(""),
-  labelProps: PropTypes.shape({
-    feedbackMessage: PropTypes.string,
-    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    required: PropTypes.bool
-  }).description("Whether the radio group is disabled or not")
-};
-export {
-  props
-};
-//# sourceMappingURL=props.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/RadioGroup/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { orientation as radioGroupOrientation } from '@elliemae/ds-shared/prop-types';\n\nexport const props = {\n  /** Inject props to component wrapper  */\n  containerProps: PropTypes.object.description(\n    'Inject props to component wrapper',\n  ),\n  /**\n   * Allows a function that is triggered once the radio group changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the radio group changes',\n  ),\n  /**\n   * Selected default active value\n   */\n  activeValue: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected default active value'),\n  /**\n   * Radio group items to show of type DSRadio\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description(\n    'Radio group items to show of type DSRadio',\n  ),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(radioGroupOrientation).description(\n    \"['horizontal', 'vertical']\",\n  ),\n  /**\n   * Whether the radio group is disabled or not\n   */\n  disabled: PropTypes.bool.description(''),\n  labelProps: PropTypes.shape({\n    feedbackMessage: PropTypes.string,\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    required: PropTypes.bool,\n  }).description('Whether the radio group is disabled or not'),\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAIf,UAAU,UAAU,QAAQ,UAAU,SAAS,WAAW,YACxD;AAAA,EAKF,aAAa,UAAU,MAAM,uBAAuB,YAClD;AAAA,EAKF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,YAAY,UAAU,MAAM;AAAA,IAC1B,iBAAiB,UAAU;AAAA,IAC3B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC5D,UAAU,UAAU;AAAA,KACnB,YAAY;AAAA;",
-  "names": []
-}

package/dist/esm/RequiredMark/RequiredMark.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-const { cssClassName } = convertPropToCssClassName("form-required-mark");
-const RequiredMark = ({ required = false, optional = false }) => {
-  if (!required && !optional)
-    return null;
-  if (required) {
-    return /* @__PURE__ */ React2.createElement("span", {
-      className: `${cssClassName}`
-    }, "\u25CF");
-  }
-  return /* @__PURE__ */ React2.createElement("span", {
-    className: `${cssClassName} optional-mark`
-  }, "\u26AC");
-};
-var RequiredMark_default = RequiredMark;
-export {
-  RequiredMark as DSRequiredMark,
-  RequiredMark,
-  RequiredMark_default as default
-};
-//# sourceMappingURL=RequiredMark.js.map

package/dist/esm/RequiredMark/RequiredMark.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/RequiredMark/RequiredMark.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName('form-required-mark');\nconst RequiredMark = ({ required = false, optional = false }) => {\n  if (!required && !optional) return null;\n  if (required) {\n    return <span className={`${cssClassName}`}>&#9679;</span>;\n  }\n  return <span className={`${cssClassName} optional-mark`}>&#9900;</span>;\n};\n\nexport { RequiredMark, RequiredMark as DSRequiredMark };\nexport default RequiredMark;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BAA0B;AACnD,MAAM,eAAe,CAAC,EAAE,WAAW,OAAO,WAAW,YAAY;AAC/D,MAAI,CAAC,YAAY,CAAC;AAAU,WAAO;AACnC,MAAI,UAAU;AACZ,WAAO,qCAAC,QAAD;AAAA,MAAM,WAAW,GAAG;AAAA,OAAgB;AAAA;AAE7C,SAAO,qCAAC,QAAD;AAAA,IAAM,WAAW,GAAG;AAAA,KAA8B;AAAA;AAI3D,IAAO,uBAAQ;",
-  "names": []
-}

package/dist/esm/RequiredMark/index.js

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

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

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

package/dist/esm/SearchBox/DSSearchBox.js

@@ -1,101 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { Search, CloseXsmall } from "@elliemae/ds-icons";
-import { DSIconColors } from "@elliemae/ds-icon";
-import { SearchBoxTextBox } from "./styled";
-import { SButton } from "./SButton";
-import { useSearch } from "./useSearch";
-import { searchBoxProps } from "./props";
-import { defaultProps } from "./defaultProps";
-const DSSearchBox = ({
-  className,
-  clearable,
-  containerProps,
-  disableButton,
-  disabled,
-  innerRef,
-  onBlur,
-  onChange,
-  onKeyUp,
-  onSearch,
-  onClearButtonClick,
-  placeholder,
-  property,
-  readOnly,
-  searchOnEnter,
-  onSearchButtonClick,
-  showIcon,
-  style,
-  value
-}) => {
-  const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = useSearch({
-    onChange,
-    onKeyUp,
-    onSearch,
-    onSearchButtonClick,
-    property,
-    searchOnEnter,
-    value,
-    onClearButtonClick
-  });
-  const shouldShowClearIcon = clearable && searchValue?.length > 0;
-  const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
-  const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
-  const PureSearchboxIcon = React2.useMemo(() => {
-    let Icon = /* @__PURE__ */ React2.createElement(Search, {
-      "aria-label": "Search"
-    });
-    let handleOnClick = () => handleSearch(true);
-    if (!shouldShowAnyIcon)
-      return null;
-    if (shouldShowClearIcon) {
-      Icon = /* @__PURE__ */ React2.createElement(CloseXsmall, {
-        color: DSIconColors.PRIMARY,
-        "aria-label": "Clear input"
-      });
-      handleOnClick = handleClear;
-    }
-    return /* @__PURE__ */ React2.createElement(SButton, {
-      disabled: disabled || disableButton,
-      icon: Icon,
-      onClick: handleOnClick,
-      dataTestid: shouldShowClearIcon ? "ds-searchbox-button-clear" : "ds-searchbox-button"
-    });
-  }, [
-    shouldShowClearIcon,
-    shouldShowSearchIcon,
-    shouldShowAnyIcon,
-    disabled,
-    disableButton,
-    handleSearch,
-    handleClear
-  ]);
-  return /* @__PURE__ */ React2.createElement("div", {
-    style: { position: "relative", zIndex: 0 }
-  }, /* @__PURE__ */ React2.createElement(SearchBoxTextBox, {
-    className,
-    containerProps,
-    disabled,
-    innerRef,
-    onChange: handleChange,
-    onKeyUp: handleKeyUp,
-    onBlur,
-    placeholder,
-    readOnly,
-    style,
-    value: searchValue
-  }), PureSearchboxIcon);
-};
-DSSearchBox.propTypes = searchBoxProps;
-DSSearchBox.defaultProps = defaultProps;
-const SearchBoxWithSchema = describe(DSSearchBox);
-SearchBoxWithSchema.propTypes = searchBoxProps;
-var DSSearchBox_default = DSSearchBox;
-export {
-  DSSearchBox,
-  DSSearchBox as SearchBox,
-  SearchBoxWithSchema,
-  DSSearchBox_default as default
-};
-//# sourceMappingURL=DSSearchBox.js.map

package/dist/esm/SearchBox/DSSearchBox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/DSSearchBox.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { Search, CloseXsmall } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { SearchBoxTextBox } from './styled';\nimport { SButton } from './SButton';\nimport { useSearch } from './useSearch';\nimport { searchBoxProps } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSSearchBox = ({\n  className,\n  clearable,\n  containerProps,\n  disableButton,\n  disabled,\n  innerRef,\n  onBlur,\n  onChange,\n  onKeyUp,\n  onSearch,\n  onClearButtonClick,\n  placeholder,\n  property,\n  readOnly,\n  searchOnEnter,\n  onSearchButtonClick,\n  showIcon,\n  style,\n  value,\n}) => {\n  const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = useSearch({\n    onChange,\n    onKeyUp,\n    onSearch,\n    onSearchButtonClick,\n    property,\n    searchOnEnter,\n    value,\n    onClearButtonClick,\n  });\n  const shouldShowClearIcon = clearable && searchValue?.length > 0;\n  const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;\n  const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;\n\n  const PureSearchboxIcon = React.useMemo(() => {\n    let Icon = <Search aria-label=\"Search\" />;\n    let handleOnClick = () => handleSearch(true);\n    if (!shouldShowAnyIcon) return null;\n    if (shouldShowClearIcon) {\n      Icon = <CloseXsmall color={DSIconColors.PRIMARY} aria-label=\"Clear input\" />;\n      handleOnClick = handleClear;\n    }\n\n    return (\n      <SButton\n        disabled={disabled || disableButton}\n        icon={Icon}\n        onClick={handleOnClick}\n        dataTestid={shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'}\n      />\n    );\n  }, [\n    shouldShowClearIcon,\n    shouldShowSearchIcon,\n    shouldShowAnyIcon,\n    disabled,\n    disableButton,\n    handleSearch,\n    handleClear,\n  ]);\n\n  return (\n    <div style={{ position: 'relative', zIndex: 0 }}>\n      <SearchBoxTextBox\n        className={className}\n        containerProps={containerProps}\n        disabled={disabled}\n        innerRef={innerRef}\n        onChange={handleChange}\n        onKeyUp={handleKeyUp}\n        onBlur={onBlur}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        style={style}\n        value={searchValue}\n      />\n      {PureSearchboxIcon}\n    </div>\n  );\n};\n\nDSSearchBox.propTypes = searchBoxProps;\nDSSearchBox.defaultProps = defaultProps;\n\nconst SearchBoxWithSchema = describe(DSSearchBox);\nSearchBoxWithSchema.propTypes = searchBoxProps;\n\nexport { SearchBoxWithSchema, DSSearchBox, DSSearchBox as SearchBox };\nexport default DSSearchBox;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB;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,EAAE,aAAa,cAAc,cAAc,aAAa,gBAAgB,UAAU;AAAA,IACtF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,sBAAsB,aAAa,aAAa,SAAS;AAC/D,QAAM,uBAAuB,CAAC,uBAAuB;AACrD,QAAM,oBAAoB,uBAAuB;AAEjD,QAAM,oBAAoB,OAAM,QAAQ,MAAM;AAC5C,QAAI,OAAO,qCAAC,QAAD;AAAA,MAAQ,cAAW;AAAA;AAC9B,QAAI,gBAAgB,MAAM,aAAa;AACvC,QAAI,CAAC;AAAmB,aAAO;AAC/B,QAAI,qBAAqB;AACvB,aAAO,qCAAC,aAAD;AAAA,QAAa,OAAO,aAAa;AAAA,QAAS,cAAW;AAAA;AAC5D,sBAAgB;AAAA;AAGlB,WACE,qCAAC,SAAD;AAAA,MACE,UAAU,YAAY;AAAA,MACtB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY,sBAAsB,8BAA8B;AAAA;AAAA,KAGnE;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO,EAAE,UAAU,YAAY,QAAQ;AAAA,KAC1C,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MAER;AAAA;AAKP,YAAY,YAAY;AACxB,YAAY,eAAe;AAE3B,MAAM,sBAAsB,SAAS;AACrC,oBAAoB,YAAY;AAGhC,IAAO,sBAAQ;",
-  "names": []
-}

package/dist/esm/SearchBox/NavSearchBox.js

@@ -1,161 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { describe } from "react-desc";
-import { ChevronDown, Search, ChevronUp, CloseXsmall } from "@elliemae/ds-icons";
-import { DSButton } from "@elliemae/ds-button";
-import { DSTextBox } from "../TextBox";
-import { navSearchBoxProps } from "./props";
-import { navSearchBoxDefaultProps } from "./defaultProps";
-const StyledResultTracker = styled.div`
-  padding: 0 8px;
-  color: #a2a9b6; // this is color picked from the placeholder, specs doesn't specify
-  white-space: nowrap;
-  word-spacing: 2px;
-`;
-const StyledVerticalSeparator = styled.div`
-  height: 60%;
-  border-right: 1px solid #a2a9b6; // this is color picked from the placeholder, specs doesn't specify
-`;
-const StyledToolbarRightAddonsWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-`;
-const NavBtn = styled(DSButton)`
-  height: calc(100% - 2px);
-  border: none;
-  border-radius: ${({ last }) => last ? "2px  2px 0px 0px" : "0px"};
-`;
-const RightButtonsGroup = (props) => {
-  const { onNext, onPrevious, onClear, hideNavs, showClear } = props;
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, !hideNavs && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(NavBtn, {
-    buttonType: "text",
-    containerProps: { "data-testid": "ds-navsearchbox-next" },
-    icon: /* @__PURE__ */ React2.createElement(ChevronDown, {
-      color: ["brand-primary", "800"]
-    }),
-    onClick: onNext
-  }), /* @__PURE__ */ React2.createElement(NavBtn, {
-    buttonType: "text",
-    containerProps: { "data-testid": "ds-navsearchbox-prev" },
-    icon: /* @__PURE__ */ React2.createElement(ChevronUp, {
-      color: ["brand-primary", "800"]
-    }),
-    onClick: onPrevious
-  })), showClear ? /* @__PURE__ */ React2.createElement(NavBtn, {
-    containerProps: { "data-testid": "ds-navsearchbox-clear" },
-    buttonType: "text",
-    icon: /* @__PURE__ */ React2.createElement(CloseXsmall, {
-      color: ["brand-primary", "800"]
-    }),
-    onClick: onClear,
-    last: true
-  }) : /* @__PURE__ */ React2.createElement(NavBtn, {
-    containerProps: { "data-testid": "ds-navsearchbox-clear" },
-    buttonType: "text",
-    icon: /* @__PURE__ */ React2.createElement(Search, {
-      color: ["brand-primary", "800"]
-    }),
-    last: true
-  }));
-};
-RightButtonsGroup.propTypes = {
-  onNext: PropTypes.func.isRequired,
-  onPrevious: PropTypes.func.isRequired,
-  onClear: PropTypes.func.isRequired,
-  hideNavs: PropTypes.bool,
-  showClear: PropTypes.bool
-};
-const ResultTracker = (props) => {
-  const { currentResultIndex, totalResults } = props;
-  if (currentResultIndex === -1 && !totalResults)
-    return null;
-  if (currentResultIndex === -1 && totalResults)
-    return /* @__PURE__ */ React2.createElement(StyledResultTracker, null, totalResults);
-  return /* @__PURE__ */ React2.createElement(StyledResultTracker, null, `${currentResultIndex + 1} / ${totalResults}`);
-};
-ResultTracker.propTypes = {
-  currentResultIndex: PropTypes.number.isRequired,
-  totalResults: PropTypes.number.isRequired
-};
-const VerticalSeparator = () => /* @__PURE__ */ React2.createElement(StyledVerticalSeparator, null);
-const ToolbarRightAddons = (props) => {
-  const { onNext, onPrevious, onClear, currentResultIndex, totalResults, showClear } = props;
-  return /* @__PURE__ */ React2.createElement(StyledToolbarRightAddonsWrapper, null, /* @__PURE__ */ React2.createElement(ResultTracker, {
-    currentResultIndex,
-    totalResults
-  }), currentResultIndex !== -1 || totalResults ? /* @__PURE__ */ React2.createElement(VerticalSeparator, null) : null, /* @__PURE__ */ React2.createElement(RightButtonsGroup, {
-    onNext,
-    hideNavs: currentResultIndex === -1 && !totalResults,
-    onPrevious,
-    showClear,
-    onClear
-  }));
-};
-ToolbarRightAddons.propTypes = {
-  onNext: PropTypes.func.isRequired,
-  onPrevious: PropTypes.func.isRequired,
-  onClear: PropTypes.func.isRequired,
-  currentResultIndex: PropTypes.number.isRequired,
-  totalResults: PropTypes.number.isRequired,
-  showClear: PropTypes.bool
-};
-const NavSearchBox = (props) => {
-  const {
-    currentResultIndex,
-    onChange,
-    onClear,
-    onNext,
-    onPrevious,
-    totalResults,
-    value,
-    onBlur,
-    placeholder,
-    autoFocus,
-    innerRef
-  } = props;
-  const handleChange = (e) => {
-    if (onChange)
-      onChange(e.target.value);
-  };
-  const handleKeyDown = (e) => {
-    if (e.shiftKey) {
-      if (e.key === "Enter" || e.keyCode === 13) {
-        onPrevious();
-      }
-    } else if (e.key === "Escape" || e.keyCode === 27) {
-      onClear();
-    } else if (e.key === "Enter" || e.keyCode === 13) {
-      onNext();
-    }
-  };
-  return /* @__PURE__ */ React2.createElement(DSTextBox, {
-    onChange: handleChange,
-    containerProps: { "data-testid": "ds-nav-searchbox-input" },
-    onBlur,
-    onKeyDown: handleKeyDown,
-    placeholder,
-    value,
-    autoFocus,
-    innerRef,
-    rightComponent: /* @__PURE__ */ React2.createElement(ToolbarRightAddons, {
-      showClear: !!value,
-      onNext,
-      onPrevious,
-      onClear,
-      currentResultIndex,
-      totalResults
-    })
-  });
-};
-NavSearchBox.propTypes = navSearchBoxProps;
-NavSearchBox.defaultProps = navSearchBoxDefaultProps;
-const DSNavSearchBoxWithSchema = describe(NavSearchBox);
-DSNavSearchBoxWithSchema.propTypes = navSearchBoxProps;
-export {
-  DSNavSearchBoxWithSchema,
-  NavSearchBox
-};
-//# sourceMappingURL=NavSearchBox.js.map