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

package/dist/esm/Radio/index.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/SearchBox/DSSearchBox.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/SearchBox/NavSearchBox.js

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

package/dist/esm/SearchBox/NavSearchBox.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/SearchBox/SButton.js

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

package/dist/esm/SearchBox/SButton.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/SearchBox/SearchBoxToggle.js

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

package/dist/esm/SearchBox/SearchBoxToggle.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/SearchBox/defaultProps.js

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

package/dist/esm/SearchBox/defaultProps.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/SearchBox/index.js

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

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

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

package/dist/esm/SearchBox/props.js

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

package/dist/esm/SearchBox/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/SearchBox/styled.js

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

package/dist/esm/SearchBox/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/SearchBox/useSearch.js

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

package/dist/esm/SearchBox/useSearch.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/SearchBox/withSearchable.js

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

package/dist/esm/SearchBox/withSearchable.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/TextBox/DSTextBox.js

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

package/dist/esm/TextBox/DSTextBox.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/TextBox/index.js

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

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

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

package/dist/esm/TimeInput/DSTimeInput.js

@@ -0,0 +1,67 @@
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { DSInput } from "../Input";
+import { TimeInputImpl } from "./TimeInputImpl";
+const DSTimeInput = ({
+  containerProps = {},
+  innerRef,
+  className = "",
+  style = {},
+  onChange = () => null,
+  format,
+  value = "",
+  clearable = false,
+  disabled = false,
+  ariaLabel = "Time input"
+}) => /* @__PURE__ */ React2.createElement(DSInput, {
+  className,
+  clearable,
+  containerProps,
+  customInputType: ({ onChange: inputOnChange, ...restInputProps }) => /* @__PURE__ */ React2.createElement(TimeInputImpl, {
+    "aria-label": ariaLabel,
+    disabled,
+    format,
+    onChange: (time) => inputOnChange(time),
+    ...restInputProps,
+    style
+  }),
+  disabled,
+  innerRef,
+  isShowElipsisActive: false,
+  onChange,
+  onClear: () => onChange(null),
+  value
+});
+DSTimeInput.defaultProps = {
+  format: "hh:mm:ss",
+  disabled: false,
+  clearable: true
+};
+const props = {
+  containerProps: PropTypes.object.description("Injected props to wrapper element of component"),
+  onChange: PropTypes.func.description("Allows a function that is triggered once the time input changes"),
+  "aria-label": PropTypes.string.description("a11y aria label"),
+  style: PropTypes.object.description("style object for time input wrapper"),
+  innerRef: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.shape({ current: PropTypes.any })
+  ]).description("inner ref for time input wrapper"),
+  className: PropTypes.string.description("class for time input"),
+  format: PropTypes.string.description("Valid time format"),
+  value: PropTypes.string.description("Default value once the component is initialized"),
+  clearable: PropTypes.bool.description("Whether the time input is clearable or not"),
+  disabled: PropTypes.bool.description("Whether the time input is disabled or not"),
+  ariaLabel: PropTypes.string.description("Aria label")
+};
+DSTimeInput.propTypes = props;
+const DSTimeInputWithSchema = describe(DSTimeInput);
+DSTimeInputWithSchema.propTypes = props;
+var DSTimeInput_default = DSTimeInput;
+export {
+  DSTimeInput,
+  DSTimeInputWithSchema,
+  TimeInputImpl,
+  DSTimeInput_default as default
+};
+//# sourceMappingURL=DSTimeInput.js.map

package/dist/esm/TimeInput/DSTimeInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/DSTimeInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSInput } from '../Input';\nimport { TimeInputImpl } from './TimeInputImpl';\n\nconst DSTimeInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  onChange = () => null,\n  format,\n  value = '',\n  clearable = false,\n  disabled = false,\n  ariaLabel = 'Time input',\n}) => (\n  <DSInput\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n      <TimeInputImpl\n        aria-label={ariaLabel}\n        disabled={disabled}\n        format={format}\n        onChange={(time) => inputOnChange(time)}\n        {...restInputProps}\n        style={style}\n      />\n    )}\n    disabled={disabled}\n    innerRef={innerRef}\n    isShowElipsisActive={false}\n    onChange={onChange}\n    onClear={() => onChange(null)}\n    value={value}\n  />\n);\n\nDSTimeInput.defaultProps = {\n  format: 'hh:mm:ss',\n  disabled: false,\n  clearable: true,\n};\n\nconst 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   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the time input changes',\n  ),\n  /** a11y aria label */\n  'aria-label': PropTypes.string.description('a11y aria label'),\n  /** style object for time input wrapper */\n  style: PropTypes.object.description('style object for time input wrapper'),\n  /** inner ref for time inpot wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for time input wrapper'),\n  /** class for time input */\n  className: PropTypes.string.description('class for time input'),\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string.description('Valid time format'),\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 time input is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the time input is clearable or not',\n  ),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the time input is disabled or not',\n  ),\n  /**\n   * Aria label\n   */\n  ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\n\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };\n\nexport default DSTimeInput;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,MAEZ,qCAAC,SAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,EAAE,UAAU,kBAAkB,qBAC9C,qCAAC,eAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS,cAAc;AAAA,OAC9B;AAAA,IACJ;AAAA;AAAA,EAGJ;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,SAAS,MAAM,SAAS;AAAA,EACxB;AAAA;AAIJ,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA;AAGb,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAGF,cAAc,UAAU,OAAO,YAAY;AAAA,EAE3C,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,KACpC,YAAY;AAAA,EAEf,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,QAAQ,UAAU,OAAO,YAAY;AAAA,EAIrC,OAAO,UAAU,OAAO,YACtB;AAAA,EAKF,WAAW,UAAU,KAAK,YACxB;AAAA,EAKF,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,WAAW,UAAU,OAAO,YAAY;AAAA;AAG1C,YAAY,YAAY;AAExB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/esm/TimeInput/TimeInputImpl.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import React2, { useRef, useMemo } from "react";
+import PropTypes from "prop-types";
+import { getVisibleTimeByFormat } from "@elliemae/ds-utilities";
+import memoizeOne from "memoize-one";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { TimeInputs } from "./TimeInputs";
+const blockName = "input-time";
+const InputTimeContainer = aggregatedClasses("div")(blockName);
+const TimeInputImpl = ({
+  format,
+  innerRef,
+  onChange,
+  className,
+  value,
+  disabled,
+  clearable,
+  "arial-label": ariaLabel
+}) => {
+  const getVisibleTimeInputs = memoizeOne((formatValue) => getVisibleTimeByFormat(formatValue));
+  let inputsContainer = useRef();
+  const handleFocus = (e) => {
+    if (!e.target.type) {
+      inputsContainer.querySelector("input").focus();
+    }
+  };
+  const visibleInputs = useMemo(() => getVisibleTimeInputs(format));
+  return /* @__PURE__ */ React2.createElement(InputTimeContainer, {
+    className,
+    disabled,
+    innerRef,
+    onClick: handleFocus
+  }, /* @__PURE__ */ React2.createElement(TimeInputs, {
+    "aria-label": ariaLabel,
+    clearable,
+    disabled,
+    format,
+    innerRef: (node) => {
+      inputsContainer = node;
+    },
+    onChange,
+    time: value,
+    ...visibleInputs
+  }));
+};
+TimeInputImpl.propTypes = {
+  containerProps: PropTypes.shape({}),
+  innerRef: PropTypes.any,
+  className: PropTypes.string,
+  style: PropTypes.shape({}),
+  onChange: PropTypes.func,
+  format: PropTypes.string,
+  value: PropTypes.string,
+  clearable: PropTypes.bool,
+  disabled: PropTypes.bool,
+  "aria-label": PropTypes.bool,
+  "arial-label": PropTypes.bool
+};
+var TimeInputImpl_default = TimeInputImpl;
+export {
+  TimeInputImpl,
+  TimeInputImpl_default as default
+};
+//# sourceMappingURL=TimeInputImpl.js.map

package/dist/esm/TimeInput/TimeInputImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/TimeInputImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport memoizeOne from 'memoize-one';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { TimeInputs } from './TimeInputs';\n\nconst blockName = 'input-time';\n\nconst InputTimeContainer = aggregatedClasses('div')(blockName);\n\nconst TimeInputImpl = ({\n  format,\n  innerRef,\n  onChange,\n  className,\n  value,\n  disabled,\n  clearable,\n  'arial-label': ariaLabel,\n}) => {\n  const getVisibleTimeInputs = memoizeOne((formatValue) =>\n    getVisibleTimeByFormat(formatValue),\n  );\n  let inputsContainer = useRef();\n\n  const handleFocus = (e) => {\n    if (!e.target.type) {\n      inputsContainer.querySelector('input').focus();\n    }\n  };\n\n  const visibleInputs = useMemo(() => getVisibleTimeInputs(format));\n\n  return (\n    <InputTimeContainer\n      className={className}\n      disabled={disabled}\n      innerRef={innerRef}\n      onClick={handleFocus}\n    >\n      <TimeInputs\n        aria-label={ariaLabel}\n        clearable={clearable}\n        disabled={disabled}\n        format={format}\n        innerRef={(node) => {\n          inputsContainer = node;\n        }}\n        onChange={onChange}\n        time={value}\n        {...visibleInputs}\n      />\n    </InputTimeContainer>\n  );\n};\n\nTimeInputImpl.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /**\n   * Inner reference to the input\n   */\n  innerRef: PropTypes.any,\n  /**\n   * Classes to add to the container\n   */\n  className: PropTypes.string,\n  /**\n   * Styles to add to the container\n   */\n  style: PropTypes.shape({}),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool,\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Aria label to add to the container\n   */\n  'aria-label': PropTypes.bool,\n  'arial-label': PropTypes.bool,\n};\n\nexport { TimeInputImpl };\nexport default TimeInputImpl;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,OAAO;AAEpD,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,MACX;AACJ,QAAM,uBAAuB,WAAW,CAAC,gBACvC,uBAAuB;AAEzB,MAAI,kBAAkB;AAEtB,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,SAAS;AAAA;AAAA;AAI3C,QAAM,gBAAgB,QAAQ,MAAM,qBAAqB;AAEzD,SACE,qCAAC,oBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,KAET,qCAAC,YAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,wBAAkB;AAAA;AAAA,IAEpB;AAAA,IACA,MAAM;AAAA,OACF;AAAA;AAAA;AAMZ,cAAc,YAAY;AAAA,EACxB,gBAAgB,UAAU,MAAM;AAAA,EAIhC,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,OAAO,UAAU,MAAM;AAAA,EAIvB,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU;AAAA,EAIlB,OAAO,UAAU;AAAA,EAIjB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA;AAI3B,IAAO,wBAAQ;",
+  "names": []
+}