@elliemae/ds-number-range-field 3.12.0-rc.2 → 3.12.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -48,22 +48,25 @@ const DSNumberRangeField = ({
48
48
  separator = "-",
49
49
  maskOptions,
50
50
  type
51
- }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NumberRangeFieldImpl.default, {
52
- containerProps,
53
- maxFrom,
54
- maxTo,
55
- minFrom,
56
- minTo,
57
- onChange,
58
- placeholderFrom,
59
- placeholderTo,
60
- separator,
61
- stepFrom,
62
- stepTo,
63
- value,
64
- maskOptions,
65
- type
66
- });
51
+ }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
52
+ import_NumberRangeFieldImpl.default,
53
+ {
54
+ containerProps,
55
+ maxFrom,
56
+ maxTo,
57
+ minFrom,
58
+ minTo,
59
+ onChange,
60
+ placeholderFrom,
61
+ placeholderTo,
62
+ separator,
63
+ stepFrom,
64
+ stepTo,
65
+ value,
66
+ maskOptions,
67
+ type
68
+ }
69
+ );
67
70
  const numberRangeFieldProps = {
68
71
  containerProps: import_ds_utilities.PropTypes.object.description("Set of Properties attached to the main container"),
69
72
  maxFrom: import_ds_utilities.PropTypes.number.description("Maximum number accepted in `From` field").defaultValue(null),
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSNumberRangeField.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport NumberRangeFieldImpl from './impl/NumberRangeFieldImpl';\n\nconst DSNumberRangeField = ({\n containerProps = {},\n maxFrom = null,\n minFrom = 0,\n maxTo = null,\n minTo = 0,\n onChange = () => null,\n placeholderFrom = 'From',\n placeholderTo = 'To',\n stepFrom = 1,\n stepTo = 1,\n value = [],\n separator = '-',\n maskOptions,\n type,\n}) => (\n <NumberRangeFieldImpl\n containerProps={containerProps}\n maxFrom={maxFrom}\n maxTo={maxTo}\n minFrom={minFrom}\n minTo={minTo}\n onChange={onChange}\n placeholderFrom={placeholderFrom}\n placeholderTo={placeholderTo}\n separator={separator}\n stepFrom={stepFrom}\n stepTo={stepTo}\n value={value}\n maskOptions={maskOptions}\n type={type}\n />\n);\n\nconst numberRangeFieldProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n maxFrom: PropTypes.number.description('Maximum number accepted in `From` field').defaultValue(null),\n minFrom: PropTypes.number.description('Minimum number accepted in `From` field').defaultValue(0),\n maxTo: PropTypes.number.description('Maximum number accepted in `To` field').defaultValue(null),\n minTo: PropTypes.number.description('Minimum number accepted in `To` field').defaultValue(0),\n onChange: PropTypes.func.description('Function executed when the value on the fields changes'),\n placeholderFrom: PropTypes.string.description('Placeholder value for the `From` field').defaultValue('From'),\n placeholderTo: PropTypes.string.description('Placeholder value for the `To` field').defaultValue('To'),\n stepFrom: PropTypes.number.description('Amount of units the `From` field value increases/decreases'),\n stepTo: PropTypes.number.description('Amount of units the `To` field value increases/decreases'),\n value: PropTypes.shape([PropTypes.number, PropTypes.number]).description('Array with the values of both fields'),\n separator: PropTypes.string.description('Character that separates fields').defaultValue('-'),\n maskOptions: PropTypes.object.description('Object with mask configurations'),\n type: PropTypes.string.description('Type of input'),\n};\n\nDSNumberRangeField.propTypes = numberRangeFieldProps;\nDSNumberRangeField.displayName = 'DSNumberRangeField';\nconst NumberRangeFieldWithSchema = describe(DSNumberRangeField);\nNumberRangeFieldWithSchema.propTypes = numberRangeFieldProps;\n\nexport { NumberRangeFieldWithSchema, DSNumberRangeField };\nexport default DSNumberRangeField;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBrB;AAnBF,0BAAoC;AACpC,kCAAiC;AAEjC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,iBAAiB,CAAC;AAAA,EAClB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ,CAAC;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MACE,4CAAC,4BAAAA,SAAA;AAAA,EACC;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,CACF;AAGF,MAAM,wBAAwB;AAAA,EAC5B,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,SAAS,8BAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,IAAI;AAAA,EAClG,SAAS,8BAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,CAAC;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,IAAI;AAAA,EAC9F,OAAO,8BAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,CAAC;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,wDAAwD;AAAA,EAC7F,iBAAiB,8BAAU,OAAO,YAAY,wCAAwC,EAAE,aAAa,MAAM;AAAA,EAC3G,eAAe,8BAAU,OAAO,YAAY,sCAAsC,EAAE,aAAa,IAAI;AAAA,EACrG,UAAU,8BAAU,OAAO,YAAY,4DAA4D;AAAA,EACnG,QAAQ,8BAAU,OAAO,YAAY,0DAA0D;AAAA,EAC/F,OAAO,8BAAU,MAAM,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,sCAAsC;AAAA,EAC/G,WAAW,8BAAU,OAAO,YAAY,iCAAiC,EAAE,aAAa,GAAG;AAAA,EAC3F,aAAa,8BAAU,OAAO,YAAY,iCAAiC;AAAA,EAC3E,MAAM,8BAAU,OAAO,YAAY,eAAe;AACpD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,iCAA6B,8BAAS,kBAAkB;AAC9D,2BAA2B,YAAY;AAGvC,IAAO,6BAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBrB;AAnBF,0BAAoC;AACpC,kCAAiC;AAEjC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,iBAAiB,CAAC;AAAA,EAClB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ,CAAC;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MACE;AAAA,EAAC,4BAAAA;AAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,MAAM,wBAAwB;AAAA,EAC5B,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,SAAS,8BAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,IAAI;AAAA,EAClG,SAAS,8BAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,CAAC;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,IAAI;AAAA,EAC9F,OAAO,8BAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,CAAC;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,wDAAwD;AAAA,EAC7F,iBAAiB,8BAAU,OAAO,YAAY,wCAAwC,EAAE,aAAa,MAAM;AAAA,EAC3G,eAAe,8BAAU,OAAO,YAAY,sCAAsC,EAAE,aAAa,IAAI;AAAA,EACrG,UAAU,8BAAU,OAAO,YAAY,4DAA4D;AAAA,EACnG,QAAQ,8BAAU,OAAO,YAAY,0DAA0D;AAAA,EAC/F,OAAO,8BAAU,MAAM,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,sCAAsC;AAAA,EAC/G,WAAW,8BAAU,OAAO,YAAY,iCAAiC,EAAE,aAAa,GAAG;AAAA,EAC3F,aAAa,8BAAU,OAAO,YAAY,iCAAiC;AAAA,EAC3E,MAAM,8BAAU,OAAO,YAAY,eAAe;AACpD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,iCAA6B,8BAAS,kBAAkB;AAC9D,2BAA2B,YAAY;AAGvC,IAAO,6BAAQ;",
6
6
  "names": ["NumberRangeFieldImpl"]
7
7
  }
@@ -71,47 +71,43 @@ const DSSearchFieldImpl = ({
71
71
  includeThousandsSeparator: false,
72
72
  ...maskOptions
73
73
  };
74
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
75
- ...containerProps,
76
- className: `${cssClassName}`,
77
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
78
- className: classNameBlock("wrapper"),
79
- children: [
80
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSInputMask, {
81
- type,
82
- max: maxFrom,
83
- min: minFrom,
84
- step: stepFrom,
85
- value: valueFrom?.toString(),
86
- placeholder: placeholderFrom,
87
- mask: (number) => import_ds_form.MASK_TYPES.NUMBER(maskConfig)(number),
88
- onChange: (e) => {
89
- const newValueFrom = e.target.value;
90
- handleOnChange(newValueFrom, valueTo);
91
- },
92
- "data-testid": "ds-number-range-field__from-input"
93
- }),
94
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
95
- className: classNameElement("separator"),
96
- children: separator
97
- }),
98
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSInputMask, {
99
- type,
100
- max: maxTo,
101
- min: minTo,
102
- step: stepTo,
103
- value: valueTo?.toString(),
104
- placeholder: placeholderTo,
105
- mask: (number) => import_ds_form.MASK_TYPES.NUMBER(maskConfig)(number),
106
- onChange: (e) => {
107
- const newValueTo = e.target.value;
108
- handleOnChange(valueFrom, newValueTo);
109
- },
110
- "data-testid": "ds-number-range-field__to-input"
111
- })
112
- ]
113
- })
114
- });
74
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...containerProps, className: `${cssClassName}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: classNameBlock("wrapper"), children: [
75
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
76
+ import_ds_form.DSInputMask,
77
+ {
78
+ type,
79
+ max: maxFrom,
80
+ min: minFrom,
81
+ step: stepFrom,
82
+ value: valueFrom?.toString(),
83
+ placeholder: placeholderFrom,
84
+ mask: (number) => import_ds_form.MASK_TYPES.NUMBER(maskConfig)(number),
85
+ onChange: (e) => {
86
+ const newValueFrom = e.target.value;
87
+ handleOnChange(newValueFrom, valueTo);
88
+ },
89
+ "data-testid": "ds-number-range-field__from-input"
90
+ }
91
+ ),
92
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: classNameElement("separator"), children: separator }),
93
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
94
+ import_ds_form.DSInputMask,
95
+ {
96
+ type,
97
+ max: maxTo,
98
+ min: minTo,
99
+ step: stepTo,
100
+ value: valueTo?.toString(),
101
+ placeholder: placeholderTo,
102
+ mask: (number) => import_ds_form.MASK_TYPES.NUMBER(maskConfig)(number),
103
+ onChange: (e) => {
104
+ const newValueTo = e.target.value;
105
+ handleOnChange(valueFrom, newValueTo);
106
+ },
107
+ "data-testid": "ds-number-range-field__to-input"
108
+ }
109
+ )
110
+ ] }) });
115
111
  };
116
112
  var NumberRangeFieldImpl_default = DSSearchFieldImpl;
117
113
  //# sourceMappingURL=NumberRangeFieldImpl.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/impl/NumberRangeFieldImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useState, useEffect } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';\n\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName(\n 'query-builder-addon-number-range-field',\n);\n\nconst DSSearchFieldImpl = ({\n onChange,\n containerProps,\n maxFrom,\n maxTo,\n minFrom,\n minTo,\n placeholderFrom,\n placeholderTo,\n separator,\n stepFrom,\n stepTo,\n value,\n maskOptions,\n type,\n}) => {\n const [valueFrom, setValueFrom] = useState();\n const [valueTo, setValueTo] = useState();\n\n useEffect(() => {\n if (Array.isArray(value)) {\n setValueFrom(value[0]);\n setValueTo(value[1]);\n } else {\n setValueFrom(value);\n }\n }, [value]);\n\n const handleOnChange = (newValueFrom, newValueTo) => {\n setValueFrom(newValueFrom);\n setValueTo(newValueTo);\n onChange([newValueFrom, newValueTo]);\n };\n\n const maskConfig = {\n prefix: '',\n includeThousandsSeparator: false,\n ...maskOptions,\n };\n\n return (\n <div {...containerProps} className={`${cssClassName}`}>\n <div className={classNameBlock('wrapper')}>\n <DSInputMask\n type={type}\n max={maxFrom}\n min={minFrom}\n step={stepFrom}\n value={valueFrom?.toString()}\n placeholder={placeholderFrom}\n mask={(number) => MASK_TYPES.NUMBER(maskConfig)(number)}\n onChange={(e) => {\n const newValueFrom = e.target.value;\n handleOnChange(newValueFrom, valueTo);\n }}\n data-testid=\"ds-number-range-field__from-input\"\n />\n <div className={classNameElement('separator')}>{separator}</div>\n <DSInputMask\n type={type}\n max={maxTo}\n min={minTo}\n step={stepTo}\n value={valueTo?.toString()}\n placeholder={placeholderTo}\n mask={(number) => MASK_TYPES.NUMBER(maskConfig)(number)}\n onChange={(e) => {\n const newValueTo = e.target.value;\n handleOnChange(valueFrom, newValueTo);\n }}\n data-testid=\"ds-number-range-field__to-input\"\n />\n </div>\n </div>\n );\n};\n\nexport default DSSearchFieldImpl;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDjB;AAlDN,mBAA2C;AAC3C,2BAA0C;AAC1C,qBAAwC;AAExC,MAAM,EAAE,cAAc,kBAAkB,eAAe,QAAI;AAAA,EACzD;AACF;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;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;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS;AAC3C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS;AAEvC,8BAAU,MAAM;AACd,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,mBAAa,MAAM,EAAE;AACrB,iBAAW,MAAM,EAAE;AAAA,IACrB,OAAO;AACL,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,iBAAiB,CAAC,cAAc,eAAe;AACnD,iBAAa,YAAY;AACzB,eAAW,UAAU;AACrB,aAAS,CAAC,cAAc,UAAU,CAAC;AAAA,EACrC;AAEA,QAAM,aAAa;AAAA,IACjB,QAAQ;AAAA,IACR,2BAA2B;AAAA,IAC3B,GAAG;AAAA,EACL;AAEA,SACE,4CAAC;AAAA,IAAK,GAAG;AAAA,IAAgB,WAAW,GAAG;AAAA,IACrC,uDAAC;AAAA,MAAI,WAAW,eAAe,SAAS;AAAA,MACtC;AAAA,oDAAC;AAAA,UACC;AAAA,UACA,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO,WAAW,SAAS;AAAA,UAC3B,aAAa;AAAA,UACb,MAAM,CAAC,WAAW,0BAAW,OAAO,UAAU,EAAE,MAAM;AAAA,UACtD,UAAU,CAAC,MAAM;AACf,kBAAM,eAAe,EAAE,OAAO;AAC9B,2BAAe,cAAc,OAAO;AAAA,UACtC;AAAA,UACA,eAAY;AAAA,SACd;AAAA,QACA,4CAAC;AAAA,UAAI,WAAW,iBAAiB,WAAW;AAAA,UAAI;AAAA,SAAU;AAAA,QAC1D,4CAAC;AAAA,UACC;AAAA,UACA,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO,SAAS,SAAS;AAAA,UACzB,aAAa;AAAA,UACb,MAAM,CAAC,WAAW,0BAAW,OAAO,UAAU,EAAE,MAAM;AAAA,UACtD,UAAU,CAAC,MAAM;AACf,kBAAM,aAAa,EAAE,OAAO;AAC5B,2BAAe,WAAW,UAAU;AAAA,UACtC;AAAA,UACA,eAAY;AAAA,SACd;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,IAAO,+BAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDjB;AAlDN,mBAA2C;AAC3C,2BAA0C;AAC1C,qBAAwC;AAExC,MAAM,EAAE,cAAc,kBAAkB,eAAe,QAAI;AAAA,EACzD;AACF;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;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;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS;AAC3C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS;AAEvC,8BAAU,MAAM;AACd,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,mBAAa,MAAM,EAAE;AACrB,iBAAW,MAAM,EAAE;AAAA,IACrB,OAAO;AACL,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,iBAAiB,CAAC,cAAc,eAAe;AACnD,iBAAa,YAAY;AACzB,eAAW,UAAU;AACrB,aAAS,CAAC,cAAc,UAAU,CAAC;AAAA,EACrC;AAEA,QAAM,aAAa;AAAA,IACjB,QAAQ;AAAA,IACR,2BAA2B;AAAA,IAC3B,GAAG;AAAA,EACL;AAEA,SACE,4CAAC,SAAK,GAAG,gBAAgB,WAAW,GAAG,gBACrC,uDAAC,SAAI,WAAW,eAAe,SAAS,GACtC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO,WAAW,SAAS;AAAA,QAC3B,aAAa;AAAA,QACb,MAAM,CAAC,WAAW,0BAAW,OAAO,UAAU,EAAE,MAAM;AAAA,QACtD,UAAU,CAAC,MAAM;AACf,gBAAM,eAAe,EAAE,OAAO;AAC9B,yBAAe,cAAc,OAAO;AAAA,QACtC;AAAA,QACA,eAAY;AAAA;AAAA,IACd;AAAA,IACA,4CAAC,SAAI,WAAW,iBAAiB,WAAW,GAAI,qBAAU;AAAA,IAC1D;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO,SAAS,SAAS;AAAA,QACzB,aAAa;AAAA,QACb,MAAM,CAAC,WAAW,0BAAW,OAAO,UAAU,EAAE,MAAM;AAAA,QACtD,UAAU,CAAC,MAAM;AACf,gBAAM,aAAa,EAAE,OAAO;AAC5B,yBAAe,WAAW,UAAU;AAAA,QACtC;AAAA,QACA,eAAY;AAAA;AAAA,IACd;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,+BAAQ;",
6
6
  "names": []
7
7
  }
@@ -17,22 +17,25 @@ const DSNumberRangeField = ({
17
17
  separator = "-",
18
18
  maskOptions,
19
19
  type
20
- }) => /* @__PURE__ */ jsx(NumberRangeFieldImpl, {
21
- containerProps,
22
- maxFrom,
23
- maxTo,
24
- minFrom,
25
- minTo,
26
- onChange,
27
- placeholderFrom,
28
- placeholderTo,
29
- separator,
30
- stepFrom,
31
- stepTo,
32
- value,
33
- maskOptions,
34
- type
35
- });
20
+ }) => /* @__PURE__ */ jsx(
21
+ NumberRangeFieldImpl,
22
+ {
23
+ containerProps,
24
+ maxFrom,
25
+ maxTo,
26
+ minFrom,
27
+ minTo,
28
+ onChange,
29
+ placeholderFrom,
30
+ placeholderTo,
31
+ separator,
32
+ stepFrom,
33
+ stepTo,
34
+ value,
35
+ maskOptions,
36
+ type
37
+ }
38
+ );
36
39
  const numberRangeFieldProps = {
37
40
  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
38
41
  maxFrom: PropTypes.number.description("Maximum number accepted in `From` field").defaultValue(null),
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSNumberRangeField.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport NumberRangeFieldImpl from './impl/NumberRangeFieldImpl';\n\nconst DSNumberRangeField = ({\n containerProps = {},\n maxFrom = null,\n minFrom = 0,\n maxTo = null,\n minTo = 0,\n onChange = () => null,\n placeholderFrom = 'From',\n placeholderTo = 'To',\n stepFrom = 1,\n stepTo = 1,\n value = [],\n separator = '-',\n maskOptions,\n type,\n}) => (\n <NumberRangeFieldImpl\n containerProps={containerProps}\n maxFrom={maxFrom}\n maxTo={maxTo}\n minFrom={minFrom}\n minTo={minTo}\n onChange={onChange}\n placeholderFrom={placeholderFrom}\n placeholderTo={placeholderTo}\n separator={separator}\n stepFrom={stepFrom}\n stepTo={stepTo}\n value={value}\n maskOptions={maskOptions}\n type={type}\n />\n);\n\nconst numberRangeFieldProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n maxFrom: PropTypes.number.description('Maximum number accepted in `From` field').defaultValue(null),\n minFrom: PropTypes.number.description('Minimum number accepted in `From` field').defaultValue(0),\n maxTo: PropTypes.number.description('Maximum number accepted in `To` field').defaultValue(null),\n minTo: PropTypes.number.description('Minimum number accepted in `To` field').defaultValue(0),\n onChange: PropTypes.func.description('Function executed when the value on the fields changes'),\n placeholderFrom: PropTypes.string.description('Placeholder value for the `From` field').defaultValue('From'),\n placeholderTo: PropTypes.string.description('Placeholder value for the `To` field').defaultValue('To'),\n stepFrom: PropTypes.number.description('Amount of units the `From` field value increases/decreases'),\n stepTo: PropTypes.number.description('Amount of units the `To` field value increases/decreases'),\n value: PropTypes.shape([PropTypes.number, PropTypes.number]).description('Array with the values of both fields'),\n separator: PropTypes.string.description('Character that separates fields').defaultValue('-'),\n maskOptions: PropTypes.object.description('Object with mask configurations'),\n type: PropTypes.string.description('Type of input'),\n};\n\nDSNumberRangeField.propTypes = numberRangeFieldProps;\nDSNumberRangeField.displayName = 'DSNumberRangeField';\nconst NumberRangeFieldWithSchema = describe(DSNumberRangeField);\nNumberRangeFieldWithSchema.propTypes = numberRangeFieldProps;\n\nexport { NumberRangeFieldWithSchema, DSNumberRangeField };\nexport default DSNumberRangeField;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACoBrB;AAnBF,SAAS,UAAU,iBAAiB;AACpC,OAAO,0BAA0B;AAEjC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,iBAAiB,CAAC;AAAA,EAClB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ,CAAC;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MACE,oBAAC;AAAA,EACC;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,CACF;AAGF,MAAM,wBAAwB;AAAA,EAC5B,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,SAAS,UAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,IAAI;AAAA,EAClG,SAAS,UAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,CAAC;AAAA,EAC/F,OAAO,UAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,IAAI;AAAA,EAC9F,OAAO,UAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,CAAC;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,wDAAwD;AAAA,EAC7F,iBAAiB,UAAU,OAAO,YAAY,wCAAwC,EAAE,aAAa,MAAM;AAAA,EAC3G,eAAe,UAAU,OAAO,YAAY,sCAAsC,EAAE,aAAa,IAAI;AAAA,EACrG,UAAU,UAAU,OAAO,YAAY,4DAA4D;AAAA,EACnG,QAAQ,UAAU,OAAO,YAAY,0DAA0D;AAAA,EAC/F,OAAO,UAAU,MAAM,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,sCAAsC;AAAA,EAC/G,WAAW,UAAU,OAAO,YAAY,iCAAiC,EAAE,aAAa,GAAG;AAAA,EAC3F,aAAa,UAAU,OAAO,YAAY,iCAAiC;AAAA,EAC3E,MAAM,UAAU,OAAO,YAAY,eAAe;AACpD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,6BAA6B,SAAS,kBAAkB;AAC9D,2BAA2B,YAAY;AAGvC,IAAO,6BAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACoBrB;AAnBF,SAAS,UAAU,iBAAiB;AACpC,OAAO,0BAA0B;AAEjC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,iBAAiB,CAAC;AAAA,EAClB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ,CAAC;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,MAAM,wBAAwB;AAAA,EAC5B,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,SAAS,UAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,IAAI;AAAA,EAClG,SAAS,UAAU,OAAO,YAAY,yCAAyC,EAAE,aAAa,CAAC;AAAA,EAC/F,OAAO,UAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,IAAI;AAAA,EAC9F,OAAO,UAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,CAAC;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,wDAAwD;AAAA,EAC7F,iBAAiB,UAAU,OAAO,YAAY,wCAAwC,EAAE,aAAa,MAAM;AAAA,EAC3G,eAAe,UAAU,OAAO,YAAY,sCAAsC,EAAE,aAAa,IAAI;AAAA,EACrG,UAAU,UAAU,OAAO,YAAY,4DAA4D;AAAA,EACnG,QAAQ,UAAU,OAAO,YAAY,0DAA0D;AAAA,EAC/F,OAAO,UAAU,MAAM,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,sCAAsC;AAAA,EAC/G,WAAW,UAAU,OAAO,YAAY,iCAAiC,EAAE,aAAa,GAAG;AAAA,EAC3F,aAAa,UAAU,OAAO,YAAY,iCAAiC;AAAA,EAC3E,MAAM,UAAU,OAAO,YAAY,eAAe;AACpD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,6BAA6B,SAAS,kBAAkB;AAC9D,2BAA2B,YAAY;AAGvC,IAAO,6BAAQ;",
6
6
  "names": []
7
7
  }
@@ -42,47 +42,43 @@ const DSSearchFieldImpl = ({
42
42
  includeThousandsSeparator: false,
43
43
  ...maskOptions
44
44
  };
45
- return /* @__PURE__ */ jsx("div", {
46
- ...containerProps,
47
- className: `${cssClassName}`,
48
- children: /* @__PURE__ */ jsxs("div", {
49
- className: classNameBlock("wrapper"),
50
- children: [
51
- /* @__PURE__ */ jsx(DSInputMask, {
52
- type,
53
- max: maxFrom,
54
- min: minFrom,
55
- step: stepFrom,
56
- value: valueFrom?.toString(),
57
- placeholder: placeholderFrom,
58
- mask: (number) => MASK_TYPES.NUMBER(maskConfig)(number),
59
- onChange: (e) => {
60
- const newValueFrom = e.target.value;
61
- handleOnChange(newValueFrom, valueTo);
62
- },
63
- "data-testid": "ds-number-range-field__from-input"
64
- }),
65
- /* @__PURE__ */ jsx("div", {
66
- className: classNameElement("separator"),
67
- children: separator
68
- }),
69
- /* @__PURE__ */ jsx(DSInputMask, {
70
- type,
71
- max: maxTo,
72
- min: minTo,
73
- step: stepTo,
74
- value: valueTo?.toString(),
75
- placeholder: placeholderTo,
76
- mask: (number) => MASK_TYPES.NUMBER(maskConfig)(number),
77
- onChange: (e) => {
78
- const newValueTo = e.target.value;
79
- handleOnChange(valueFrom, newValueTo);
80
- },
81
- "data-testid": "ds-number-range-field__to-input"
82
- })
83
- ]
84
- })
85
- });
45
+ return /* @__PURE__ */ jsx("div", { ...containerProps, className: `${cssClassName}`, children: /* @__PURE__ */ jsxs("div", { className: classNameBlock("wrapper"), children: [
46
+ /* @__PURE__ */ jsx(
47
+ DSInputMask,
48
+ {
49
+ type,
50
+ max: maxFrom,
51
+ min: minFrom,
52
+ step: stepFrom,
53
+ value: valueFrom?.toString(),
54
+ placeholder: placeholderFrom,
55
+ mask: (number) => MASK_TYPES.NUMBER(maskConfig)(number),
56
+ onChange: (e) => {
57
+ const newValueFrom = e.target.value;
58
+ handleOnChange(newValueFrom, valueTo);
59
+ },
60
+ "data-testid": "ds-number-range-field__from-input"
61
+ }
62
+ ),
63
+ /* @__PURE__ */ jsx("div", { className: classNameElement("separator"), children: separator }),
64
+ /* @__PURE__ */ jsx(
65
+ DSInputMask,
66
+ {
67
+ type,
68
+ max: maxTo,
69
+ min: minTo,
70
+ step: stepTo,
71
+ value: valueTo?.toString(),
72
+ placeholder: placeholderTo,
73
+ mask: (number) => MASK_TYPES.NUMBER(maskConfig)(number),
74
+ onChange: (e) => {
75
+ const newValueTo = e.target.value;
76
+ handleOnChange(valueFrom, newValueTo);
77
+ },
78
+ "data-testid": "ds-number-range-field__to-input"
79
+ }
80
+ )
81
+ ] }) });
86
82
  };
87
83
  var NumberRangeFieldImpl_default = DSSearchFieldImpl;
88
84
  export {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/impl/NumberRangeFieldImpl.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useState, useEffect } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';\n\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName(\n 'query-builder-addon-number-range-field',\n);\n\nconst DSSearchFieldImpl = ({\n onChange,\n containerProps,\n maxFrom,\n maxTo,\n minFrom,\n minTo,\n placeholderFrom,\n placeholderTo,\n separator,\n stepFrom,\n stepTo,\n value,\n maskOptions,\n type,\n}) => {\n const [valueFrom, setValueFrom] = useState();\n const [valueTo, setValueTo] = useState();\n\n useEffect(() => {\n if (Array.isArray(value)) {\n setValueFrom(value[0]);\n setValueTo(value[1]);\n } else {\n setValueFrom(value);\n }\n }, [value]);\n\n const handleOnChange = (newValueFrom, newValueTo) => {\n setValueFrom(newValueFrom);\n setValueTo(newValueTo);\n onChange([newValueFrom, newValueTo]);\n };\n\n const maskConfig = {\n prefix: '',\n includeThousandsSeparator: false,\n ...maskOptions,\n };\n\n return (\n <div {...containerProps} className={`${cssClassName}`}>\n <div className={classNameBlock('wrapper')}>\n <DSInputMask\n type={type}\n max={maxFrom}\n min={minFrom}\n step={stepFrom}\n value={valueFrom?.toString()}\n placeholder={placeholderFrom}\n mask={(number) => MASK_TYPES.NUMBER(maskConfig)(number)}\n onChange={(e) => {\n const newValueFrom = e.target.value;\n handleOnChange(newValueFrom, valueTo);\n }}\n data-testid=\"ds-number-range-field__from-input\"\n />\n <div className={classNameElement('separator')}>{separator}</div>\n <DSInputMask\n type={type}\n max={maxTo}\n min={minTo}\n step={stepTo}\n value={valueTo?.toString()}\n placeholder={placeholderTo}\n mask={(number) => MASK_TYPES.NUMBER(maskConfig)(number)}\n onChange={(e) => {\n const newValueTo = e.target.value;\n handleOnChange(valueFrom, newValueTo);\n }}\n data-testid=\"ds-number-range-field__to-input\"\n />\n </div>\n </div>\n );\n};\n\nexport default DSSearchFieldImpl;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACmDjB,SACE,KADF;AAlDN,SAAgB,UAAU,iBAAiB;AAC3C,SAAS,iCAAiC;AAC1C,SAAS,aAAa,kBAAkB;AAExC,MAAM,EAAE,cAAc,kBAAkB,eAAe,IAAI;AAAA,EACzD;AACF;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;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;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS;AAC3C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS;AAEvC,YAAU,MAAM;AACd,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,mBAAa,MAAM,EAAE;AACrB,iBAAW,MAAM,EAAE;AAAA,IACrB,OAAO;AACL,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,iBAAiB,CAAC,cAAc,eAAe;AACnD,iBAAa,YAAY;AACzB,eAAW,UAAU;AACrB,aAAS,CAAC,cAAc,UAAU,CAAC;AAAA,EACrC;AAEA,QAAM,aAAa;AAAA,IACjB,QAAQ;AAAA,IACR,2BAA2B;AAAA,IAC3B,GAAG;AAAA,EACL;AAEA,SACE,oBAAC;AAAA,IAAK,GAAG;AAAA,IAAgB,WAAW,GAAG;AAAA,IACrC,+BAAC;AAAA,MAAI,WAAW,eAAe,SAAS;AAAA,MACtC;AAAA,4BAAC;AAAA,UACC;AAAA,UACA,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO,WAAW,SAAS;AAAA,UAC3B,aAAa;AAAA,UACb,MAAM,CAAC,WAAW,WAAW,OAAO,UAAU,EAAE,MAAM;AAAA,UACtD,UAAU,CAAC,MAAM;AACf,kBAAM,eAAe,EAAE,OAAO;AAC9B,2BAAe,cAAc,OAAO;AAAA,UACtC;AAAA,UACA,eAAY;AAAA,SACd;AAAA,QACA,oBAAC;AAAA,UAAI,WAAW,iBAAiB,WAAW;AAAA,UAAI;AAAA,SAAU;AAAA,QAC1D,oBAAC;AAAA,UACC;AAAA,UACA,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO,SAAS,SAAS;AAAA,UACzB,aAAa;AAAA,UACb,MAAM,CAAC,WAAW,WAAW,OAAO,UAAU,EAAE,MAAM;AAAA,UACtD,UAAU,CAAC,MAAM;AACf,kBAAM,aAAa,EAAE,OAAO;AAC5B,2BAAe,WAAW,UAAU;AAAA,UACtC;AAAA,UACA,eAAY;AAAA,SACd;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,IAAO,+BAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACmDjB,SACE,KADF;AAlDN,SAAgB,UAAU,iBAAiB;AAC3C,SAAS,iCAAiC;AAC1C,SAAS,aAAa,kBAAkB;AAExC,MAAM,EAAE,cAAc,kBAAkB,eAAe,IAAI;AAAA,EACzD;AACF;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;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;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS;AAC3C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS;AAEvC,YAAU,MAAM;AACd,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,mBAAa,MAAM,EAAE;AACrB,iBAAW,MAAM,EAAE;AAAA,IACrB,OAAO;AACL,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,iBAAiB,CAAC,cAAc,eAAe;AACnD,iBAAa,YAAY;AACzB,eAAW,UAAU;AACrB,aAAS,CAAC,cAAc,UAAU,CAAC;AAAA,EACrC;AAEA,QAAM,aAAa;AAAA,IACjB,QAAQ;AAAA,IACR,2BAA2B;AAAA,IAC3B,GAAG;AAAA,EACL;AAEA,SACE,oBAAC,SAAK,GAAG,gBAAgB,WAAW,GAAG,gBACrC,+BAAC,SAAI,WAAW,eAAe,SAAS,GACtC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO,WAAW,SAAS;AAAA,QAC3B,aAAa;AAAA,QACb,MAAM,CAAC,WAAW,WAAW,OAAO,UAAU,EAAE,MAAM;AAAA,QACtD,UAAU,CAAC,MAAM;AACf,gBAAM,eAAe,EAAE,OAAO;AAC9B,yBAAe,cAAc,OAAO;AAAA,QACtC;AAAA,QACA,eAAY;AAAA;AAAA,IACd;AAAA,IACA,oBAAC,SAAI,WAAW,iBAAiB,WAAW,GAAI,qBAAU;AAAA,IAC1D;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO,SAAS,SAAS;AAAA,QACzB,aAAa;AAAA,QACb,MAAM,CAAC,WAAW,WAAW,OAAO,UAAU,EAAE,MAAM;AAAA,QACtD,UAAU,CAAC,MAAM;AACf,gBAAM,aAAa,EAAE,OAAO;AAC5B,yBAAe,WAAW,UAAU;AAAA,QACtC;AAAA,QACA,eAAY;AAAA;AAAA,IACd;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,+BAAQ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-number-range-field",
3
- "version": "3.12.0-rc.2",
3
+ "version": "3.12.0-rc.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Number Range Field",
6
6
  "files": [
@@ -43,9 +43,9 @@
43
43
  "indent": 4
44
44
  },
45
45
  "dependencies": {
46
- "@elliemae/ds-classnames": "3.12.0-rc.2",
47
- "@elliemae/ds-form": "3.12.0-rc.2",
48
- "@elliemae/ds-utilities": "3.12.0-rc.2"
46
+ "@elliemae/ds-classnames": "3.12.0-rc.3",
47
+ "@elliemae/ds-form": "3.12.0-rc.3",
48
+ "@elliemae/ds-utilities": "3.12.0-rc.3"
49
49
  },
50
50
  "peerDependencies": {
51
51
  "lodash": "^4.17.21",