@elliemae/ds-form 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/TextBox/DSTextBox.js

@@ -1,86 +1,170 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { DSInput } from "../Input";
-const DSTextBox = ({
-  containerProps = {},
-  autoFocus = false,
-  disabled = false,
-  maxLength = 255,
-  minLength = 0,
-  fluidWidth = false,
-  placeholder,
-  value = "",
-  hasError = false,
-  readOnly = false,
-  innerRef = null,
-  type = "text",
-  min = void 0,
-  max = void 0,
-  clearable = false,
-  leftComponent = null,
-  rightComponent = null,
-  required = false,
-  variant,
-  disableTooltip,
-  id,
-  ...otherProps
-}) => /* @__PURE__ */ React2.createElement(DSInput, {
-  ...otherProps,
-  "aria-label": !id ? otherProps["aria-label"] || "Text Box" : void 0,
-  "aria-describedby": otherProps["aria-describedby"] || `${id}_feedback_message`,
-  autoFocus,
-  clearable,
-  containerProps,
-  disabled,
-  fluidWidth,
-  hasError,
-  innerRef,
-  leftComponent,
-  max,
-  maxLength,
-  min,
-  minLength,
-  placeholder,
-  readOnly,
-  required,
-  rightComponent,
-  role: "textbox",
-  type,
-  value,
-  variant,
-  disableTooltip,
-  id
-});
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import DSInput from '../Input/DSInput.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["containerProps", "autoFocus", "disabled", "maxLength", "minLength", "fluidWidth", "placeholder", "value", "hasError", "readOnly", "innerRef", "type", "min", "max", "clearable", "leftComponent", "rightComponent", "required", "variant", "disableTooltip", "id"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSTextBox = _ref => {
+  let {
+    containerProps = {},
+    autoFocus = false,
+    disabled = false,
+    maxLength = 255,
+    minLength = 0,
+    fluidWidth = false,
+    placeholder,
+    value = '',
+    hasError = false,
+    readOnly = false,
+    innerRef = null,
+    type = 'text',
+    min = undefined,
+    max = undefined,
+    clearable = false,
+    leftComponent = null,
+    rightComponent = null,
+    required = false,
+    variant,
+    disableTooltip,
+    id
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(DSInput, _objectSpread(_objectSpread({}, otherProps), {}, {
+    "aria-label": !id ? otherProps['aria-label'] || 'Text Box' : undefined,
+    "aria-describedby": otherProps['aria-describedby'] || "".concat(id, "_feedback_message"),
+    autoFocus: autoFocus,
+    clearable: clearable,
+    containerProps: containerProps,
+    disabled: disabled,
+    fluidWidth: fluidWidth,
+    hasError: hasError,
+    innerRef: innerRef,
+    leftComponent: leftComponent,
+    max: max,
+    maxLength: maxLength,
+    min: min,
+    minLength: minLength,
+    placeholder: placeholder,
+    readOnly: readOnly,
+    required: required,
+    rightComponent: rightComponent,
+    role: "textbox",
+    type: type,
+    value: value,
+    variant: variant,
+    disableTooltip: disableTooltip,
+    id: id
+  }));
+};
+
 const props = {
-  containerProps: PropTypes.shape({}).description("inject props at textbox wrapper"),
-  autoFocus: PropTypes.bool.description("Whether the text box uses auto focus or not"),
-  disabled: PropTypes.bool.description("Whether the text box is disabled or not"),
-  maxLength: PropTypes.number.description("Max length for the text box"),
-  minLength: PropTypes.number.description("Min length for the text box"),
-  fluidWidth: PropTypes.bool.description("Make the content of the text box fit the container or not"),
-  placeholder: PropTypes.string.description("Placeholder for the text box"),
-  value: PropTypes.string.description("Default value once the component is initialized"),
-  hasError: PropTypes.bool.description("Whether the text box has error or not"),
-  readOnly: PropTypes.bool.description("Whether the text box is read only or not"),
-  min: PropTypes.number.description("html min prop for input"),
-  max: PropTypes.number.description("html max prop for input"),
-  clearable: PropTypes.bool.description("Whether the text box is clearable or not"),
-  leftComponent: PropTypes.element.description("Component to be added at the left side of the text box"),
-  rightComponent: PropTypes.element.description("Component to be added at the right side of the text box"),
-  required: PropTypes.bool.description("Whether the text box is required or not"),
+  /** inject props at textbox wrapper */
+  containerProps: PropTypes.shape({}).description('inject props at textbox wrapper'),
+
+  /**
+   * Whether the text box uses auto focus or not
+   */
+  autoFocus: PropTypes.bool.description('Whether the text box uses auto focus or not'),
+
+  /**
+   * Whether the text box is disabled or not
+   */
+  disabled: PropTypes.bool.description('Whether the text box is disabled or not'),
+
+  /**
+   * Max length for the text box
+   */
+  maxLength: PropTypes.number.description('Max length for the text box'),
+
+  /**
+   * Min length for the text box
+   */
+  minLength: PropTypes.number.description('Min length for the text box'),
+
+  /**
+   * Make the content of the text box fit the container or not
+   */
+  fluidWidth: PropTypes.bool.description('Make the content of the text box fit the container or not'),
+
+  /**
+   * Placeholder for the text box
+   */
+  placeholder: PropTypes.string.description('Placeholder for the text box'),
+
+  /**
+   * Default value once the component is initialized
+   */
+  value: PropTypes.string.description('Default value once the component is initialized'),
+
+  /**
+   * Whether the text box has error or not
+   */
+  hasError: PropTypes.bool.description('Whether the text box has error or not'),
+
+  /**
+   * Whether the text box is read only or not
+   */
+  readOnly: PropTypes.bool.description('Whether the text box is read only or not'),
+
+  /** html min prop for input */
+  min: PropTypes.number.description('html min prop for input'),
+
+  /** html max prop for input */
+  max: PropTypes.number.description('html max prop for input'),
+
+  /**
+   * Whether the text box is clearable or not
+   */
+  clearable: PropTypes.bool.description('Whether the text box is clearable or not'),
+
+  /**
+   * Component to be added at the left side of the text box
+   */
+  leftComponent: PropTypes.element.description('Component to be added at the left side of the text box'),
+
+  /**
+   * Component to be added at the right side of the text box
+   */
+  rightComponent: PropTypes.element.description('Component to be added at the right side of the text box'),
+
+  /**
+   * Whether the text box is required or not
+   */
+  required: PropTypes.bool.description('Whether the text box is required or not'),
+
+  /**
+   * [
+   *  'variant-default',
+   *  'variant-focus',
+   *  'variant-active',
+   *  'variant-disabled',
+   * ]
+   */
   variant: PropTypes.string.description("variant-default','variant-focus','variant-active','variant-disabled'"),
-  type: PropTypes.string.description("html input type"),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("internal ref"),
-  disableTooltip: PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true)
+
+  /** html input type */
+  type: PropTypes.string.description('html input type'),
+
+  /** Internal ref */
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('internal ref'),
+
+  /** disableTooltip */
+  disableTooltip: PropTypes.bool.description('Whether to show a tooltip or not when text does not fit').defaultValue(true)
 };
-DSTextBox.propTypes = props;
 const DSTextBoxWithSchema = describe(DSTextBox);
 DSTextBoxWithSchema.propTypes = props;
-var DSTextBox_default = DSTextBox;
-export {
-  DSTextBox,
-  DSTextBoxWithSchema,
-  DSTextBox_default as default
-};
-//# sourceMappingURL=DSTextBox.js.map
+
+export { DSTextBoxWithSchema, DSTextBox as default };

package/esm/TextBox/index.js

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

package/esm/TimeInput/DSTimeInput.js

@@ -1,67 +1,119 @@
-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,
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import DSInput from '../Input/DSInput.js';
+import TimeInputImpl from './TimeInputImpl.js';
+export { default as TimeInputImpl } from './TimeInputImpl.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["onChange"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSTimeInput = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    className = '',
+    style = {},
+    onChange = () => null,
     format,
-    onChange: (time) => inputOnChange(time),
-    ...restInputProps,
-    style
-  }),
-  disabled,
-  innerRef,
-  isShowElipsisActive: false,
-  onChange,
-  onClear: () => onChange(null),
-  value
-});
+    value = '',
+    clearable = false,
+    disabled = false,
+    ariaLabel = 'Time input'
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSInput, {
+    className: className,
+    clearable: clearable,
+    containerProps: containerProps,
+    customInputType: _ref2 => {
+      let {
+        onChange: inputOnChange
+      } = _ref2,
+          restInputProps = _objectWithoutProperties(_ref2, _excluded);
+
+      return /*#__PURE__*/jsx(TimeInputImpl, _objectSpread(_objectSpread({
+        "aria-label": ariaLabel,
+        disabled: disabled,
+        format: format,
+        onChange: time => inputOnChange(time)
+      }, restInputProps), {}, {
+        style: style
+      }));
+    },
+    disabled: disabled,
+    innerRef: innerRef,
+    isShowElipsisActive: false,
+    onChange: onChange,
+    onClear: () => onChange(null),
+    value: value
+  });
+};
+
 DSTimeInput.defaultProps = {
-  format: "hh:mm:ss",
+  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")
+  /** Injected props to wrapper element of component */
+  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),
+
+  /**
+   * Allows a function that is triggered once the time input changes
+   */
+  onChange: PropTypes.func.description('Allows a function that is triggered once the time input changes'),
+
+  /** a11y aria label */
+  'aria-label': PropTypes.string.description('a11y aria label'),
+
+  /** style object for time input wrapper */
+  style: PropTypes.object.description('style object for time input wrapper'),
+
+  /** inner ref for time inpot wrapper */
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]).description('inner ref for time input wrapper'),
+
+  /** class for time input */
+  className: PropTypes.string.description('class for time input'),
+
+  /**
+   * Valid time format
+   */
+  format: PropTypes.string.description('Valid time format'),
+
+  /**
+   * Default value once the component is initialized
+   */
+  value: PropTypes.string.description('Default value once the component is initialized'),
+
+  /**
+   * Whether the time input is clearable or not
+   */
+  clearable: PropTypes.bool.description('Whether the time input is clearable or not'),
+
+  /**
+   * Whether the time input is disabled or not
+   */
+  disabled: PropTypes.bool.description('Whether the time input is disabled or not'),
+
+  /**
+   * Aria label
+   */
+  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
+
+export { DSTimeInputWithSchema, DSTimeInput as default };

package/esm/TimeInput/TimeInputImpl.js

@@ -1,64 +1,60 @@
-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));
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { useRef, useMemo } from 'react';
+import { getVisibleTimeByFormat } from '@elliemae/ds-utilities';
+import memoize from 'memoize-one';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import TimeInputs from './TimeInputs.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const blockName = 'input-time';
+const InputTimeContainer = aggregatedClasses('div')(blockName);
+
+const TimeInputImpl = _ref => {
+  let {
+    format,
+    innerRef,
+    onChange,
+    className,
+    value,
+    disabled,
+    clearable,
+    'arial-label': ariaLabel
+  } = _ref;
+  const getVisibleTimeInputs = memoize(formatValue => getVisibleTimeByFormat(formatValue));
   let inputsContainer = useRef();
-  const handleFocus = (e) => {
+
+  const handleFocus = e => {
     if (!e.target.type) {
-      inputsContainer.querySelector("input").focus();
+      inputsContainer.querySelector('input').focus();
     }
   };
+
   const visibleInputs = useMemo(() => getVisibleTimeInputs(format));
-  return /* @__PURE__ */ React2.createElement(InputTimeContainer, {
-    className,
-    disabled,
-    innerRef,
+  return /*#__PURE__*/_jsx(InputTimeContainer, {
+    className: className,
+    disabled: disabled,
+    innerRef: innerRef,
     onClick: handleFocus
-  }, /* @__PURE__ */ React2.createElement(TimeInputs, {
+  }, void 0, /*#__PURE__*/jsx(TimeInputs, _objectSpread({
     "aria-label": ariaLabel,
-    clearable,
-    disabled,
-    format,
-    innerRef: (node) => {
+    clearable: clearable,
+    disabled: disabled,
+    format: 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
+    onChange: onChange,
+    time: value
+  }, visibleInputs)));
 };
-//# sourceMappingURL=TimeInputImpl.js.map
+
+export { TimeInputImpl as default };