@elliemae/ds-number-range-field 2.0.0-alpha.11 → 2.0.0-alpha.12

package/cjs/DSNumberRangeField.js

@@ -11,37 +11,40 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const DSNumberRangeField = ({
-  containerProps = {},
-  maxFrom = null,
-  minFrom = 0,
-  maxTo = null,
-  minTo = 0,
-  onChange = () => null,
-  placeholderFrom = 'From',
-  placeholderTo = 'To',
-  stepFrom = 1,
-  stepTo = 1,
-  value = [],
-  separator = '-',
-  maskOptions,
-  type
-}) => /*#__PURE__*/_jsx__default["default"](NumberRangeFieldImpl, {
-  containerProps: containerProps,
-  maxFrom: maxFrom,
-  maxTo: maxTo,
-  minFrom: minFrom,
-  minTo: minTo,
-  onChange: onChange,
-  placeholderFrom: placeholderFrom,
-  placeholderTo: placeholderTo,
-  separator: separator,
-  stepFrom: stepFrom,
-  stepTo: stepTo,
-  value: value,
-  maskOptions: maskOptions,
-  type: type
-});
+const DSNumberRangeField = _ref => {
+  let {
+    containerProps = {},
+    maxFrom = null,
+    minFrom = 0,
+    maxTo = null,
+    minTo = 0,
+    onChange = () => null,
+    placeholderFrom = 'From',
+    placeholderTo = 'To',
+    stepFrom = 1,
+    stepTo = 1,
+    value = [],
+    separator = '-',
+    maskOptions,
+    type
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](NumberRangeFieldImpl, {
+    containerProps: containerProps,
+    maxFrom: maxFrom,
+    maxTo: maxTo,
+    minFrom: minFrom,
+    minTo: minTo,
+    onChange: onChange,
+    placeholderFrom: placeholderFrom,
+    placeholderTo: placeholderTo,
+    separator: separator,
+    stepFrom: stepFrom,
+    stepTo: stepTo,
+    value: value,
+    maskOptions: maskOptions,
+    type: type
+  });
+};
 
 const numberRangeFieldProps = {
   containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),

package/cjs/impl/NumberRangeFieldImpl.js

@@ -3,16 +3,20 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var react = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSInputMask = require('@elliemae/ds-basic/form/InputMask');
+var dsForm = require('@elliemae/ds-form');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -23,22 +27,23 @@ const {
   classNameBlock
 } = dsClassnames.convertPropToCssClassName('query-builder-addon-number-range-field');
 
-const DSSearchFieldImpl = ({
-  onChange,
-  containerProps,
-  maxFrom,
-  maxTo,
-  minFrom,
-  minTo,
-  placeholderFrom,
-  placeholderTo,
-  separator,
-  stepFrom,
-  stepTo,
-  value,
-  maskOptions,
-  type
-}) => {
+const DSSearchFieldImpl = _ref => {
+  let {
+    onChange,
+    containerProps,
+    maxFrom,
+    maxTo,
+    minFrom,
+    minTo,
+    placeholderFrom,
+    placeholderTo,
+    separator,
+    stepFrom,
+    stepTo,
+    value,
+    maskOptions,
+    type
+  } = _ref;
   const [valueFrom, setValueFrom] = react.useState();
   const [valueTo, setValueTo] = react.useState();
   react.useEffect(() => {
@@ -65,14 +70,14 @@ const DSSearchFieldImpl = ({
     className: "".concat(cssClassName),
     children: /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameBlock('wrapper')
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputMask, {
       type: type,
       max: maxFrom,
       min: minFrom,
       step: stepFrom,
       value: valueFrom === null || valueFrom === void 0 ? void 0 : valueFrom.toString(),
       placeholder: placeholderFrom,
-      mask: number => DSInputMask.MASK_TYPES.NUMBER(maskConfig)(number),
+      mask: number => dsForm.MASK_TYPES.NUMBER(maskConfig)(number),
       onChange: e => {
         const newValueFrom = e.target.value;
         handleOnChange(newValueFrom, valueTo);
@@ -80,14 +85,14 @@ const DSSearchFieldImpl = ({
       "data-testid": "ds-number-range-field__from-input"
     }), /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameElement('separator')
-    }, void 0, separator), /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
+    }, void 0, separator), /*#__PURE__*/_jsx__default["default"](dsForm.DSInputMask, {
       type: type,
       max: maxTo,
       min: minTo,
       step: stepTo,
       value: valueTo === null || valueTo === void 0 ? void 0 : valueTo.toString(),
       placeholder: placeholderTo,
-      mask: number => DSInputMask.MASK_TYPES.NUMBER(maskConfig)(number),
+      mask: number => dsForm.MASK_TYPES.NUMBER(maskConfig)(number),
       onChange: e => {
         const newValueTo = e.target.value;
         handleOnChange(valueFrom, newValueTo);

package/esm/DSNumberRangeField.js

@@ -3,37 +3,40 @@ import 'react';
 import { PropTypes, describe } from 'react-desc';
 import DSSearchFieldImpl from './impl/NumberRangeFieldImpl.js';
 
-const DSNumberRangeField = ({
-  containerProps = {},
-  maxFrom = null,
-  minFrom = 0,
-  maxTo = null,
-  minTo = 0,
-  onChange = () => null,
-  placeholderFrom = 'From',
-  placeholderTo = 'To',
-  stepFrom = 1,
-  stepTo = 1,
-  value = [],
-  separator = '-',
-  maskOptions,
-  type
-}) => /*#__PURE__*/_jsx(DSSearchFieldImpl, {
-  containerProps: containerProps,
-  maxFrom: maxFrom,
-  maxTo: maxTo,
-  minFrom: minFrom,
-  minTo: minTo,
-  onChange: onChange,
-  placeholderFrom: placeholderFrom,
-  placeholderTo: placeholderTo,
-  separator: separator,
-  stepFrom: stepFrom,
-  stepTo: stepTo,
-  value: value,
-  maskOptions: maskOptions,
-  type: type
-});
+const DSNumberRangeField = _ref => {
+  let {
+    containerProps = {},
+    maxFrom = null,
+    minFrom = 0,
+    maxTo = null,
+    minTo = 0,
+    onChange = () => null,
+    placeholderFrom = 'From',
+    placeholderTo = 'To',
+    stepFrom = 1,
+    stepTo = 1,
+    value = [],
+    separator = '-',
+    maskOptions,
+    type
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSSearchFieldImpl, {
+    containerProps: containerProps,
+    maxFrom: maxFrom,
+    maxTo: maxTo,
+    minFrom: minFrom,
+    minTo: minTo,
+    onChange: onChange,
+    placeholderFrom: placeholderFrom,
+    placeholderTo: placeholderTo,
+    separator: separator,
+    stepFrom: stepFrom,
+    stepTo: stepTo,
+    value: value,
+    maskOptions: maskOptions,
+    type: type
+  });
+};
 
 const numberRangeFieldProps = {
   containerProps: PropTypes.object.description('Set of Properties attached to the main container'),

package/esm/impl/NumberRangeFieldImpl.js

@@ -1,9 +1,14 @@
+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 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSInputMask, { MASK_TYPES } from '@elliemae/ds-basic/form/InputMask';
+import { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -15,22 +20,23 @@ const {
   classNameBlock
 } = convertPropToCssClassName('query-builder-addon-number-range-field');
 
-const DSSearchFieldImpl = ({
-  onChange,
-  containerProps,
-  maxFrom,
-  maxTo,
-  minFrom,
-  minTo,
-  placeholderFrom,
-  placeholderTo,
-  separator,
-  stepFrom,
-  stepTo,
-  value,
-  maskOptions,
-  type
-}) => {
+const DSSearchFieldImpl = _ref => {
+  let {
+    onChange,
+    containerProps,
+    maxFrom,
+    maxTo,
+    minFrom,
+    minTo,
+    placeholderFrom,
+    placeholderTo,
+    separator,
+    stepFrom,
+    stepTo,
+    value,
+    maskOptions,
+    type
+  } = _ref;
   const [valueFrom, setValueFrom] = useState();
   const [valueTo, setValueTo] = useState();
   useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-number-range-field",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Number Range Field",
   "module": "./esm/index.js",
@@ -40,8 +40,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.11",
-    "@elliemae/ds-classnames": "2.0.0-alpha.11"
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-form": "2.0.0-alpha.12",
+    "@elliemae/ds-number-range-field": "2.0.0-alpha.12",
+    "react-desc": "~4.1.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",

package/types/DSNumberRangeField.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSNumberRangeField: {
     ({ containerProps, maxFrom, minFrom, maxTo, minTo, onChange, placeholderFrom, placeholderTo, stepFrom, stepTo, value, separator, maskOptions, type, }: {
@@ -17,22 +18,90 @@ declare const DSNumberRangeField: {
         type: any;
     }): JSX.Element;
     propTypes: {
-        containerProps: any;
-        maxFrom: any;
-        minFrom: any;
-        maxTo: any;
-        minTo: any;
-        onChange: any;
-        placeholderFrom: any;
-        placeholderTo: any;
-        stepFrom: any;
-        stepTo: any;
-        value: any;
-        separator: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        maxFrom: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        minFrom: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        maxTo: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        minTo: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        placeholderFrom: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        placeholderTo: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        stepFrom: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        stepTo: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        value: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        separator: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        maskOptions: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        type: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const NumberRangeFieldWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        maxFrom?: null | undefined;
+        minFrom?: number | undefined;
+        maxTo?: null | undefined;
+        minTo?: number | undefined;
+        onChange?: (() => null) | undefined;
+        placeholderFrom?: string | undefined;
+        placeholderTo?: string | undefined;
+        stepFrom?: number | undefined;
+        stepTo?: number | undefined;
+        value?: never[] | undefined;
+        separator?: string | undefined;
         maskOptions: any;
         type: any;
-    };
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
 };
-declare const NumberRangeFieldWithSchema: any;
 export { NumberRangeFieldWithSchema };
 export default DSNumberRangeField;