@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.
- package/dist/cjs/DSNumberRangeField.js +19 -16
- package/dist/cjs/DSNumberRangeField.js.map +1 -1
- package/dist/cjs/impl/NumberRangeFieldImpl.js +37 -41
- package/dist/cjs/impl/NumberRangeFieldImpl.js.map +1 -1
- package/dist/esm/DSNumberRangeField.js +19 -16
- package/dist/esm/DSNumberRangeField.js.map +1 -1
- package/dist/esm/impl/NumberRangeFieldImpl.js +37 -41
- package/dist/esm/impl/NumberRangeFieldImpl.js.map +1 -1
- package/package.json +4 -4
|
@@ -48,22 +48,25 @@ const DSNumberRangeField = ({
|
|
|
48
48
|
separator = "-",
|
|
49
49
|
maskOptions,
|
|
50
50
|
type
|
|
51
|
-
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
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,
|
|
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
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
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
|
|
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(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
|
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
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
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
|
|
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.
|
|
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.
|
|
47
|
-
"@elliemae/ds-form": "3.12.0-rc.
|
|
48
|
-
"@elliemae/ds-utilities": "3.12.0-rc.
|
|
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",
|