@elliemae/ds-data-table-filters 3.57.0-next.9 → 3.57.0-rc.1
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/parts/NumberRangeFilter/NumberRangeFilter.js +3 -3
- package/dist/cjs/parts/NumberRangeFilter/NumberRangeFilter.js.map +1 -1
- package/dist/esm/parts/NumberRangeFilter/NumberRangeFilter.js +1 -1
- package/dist/esm/parts/NumberRangeFilter/NumberRangeFilter.js.map +1 -1
- package/package.json +37 -39
|
@@ -37,7 +37,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
37
37
|
var import_react = __toESM(require("react"));
|
|
38
38
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
39
39
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
40
|
-
var
|
|
40
|
+
var import_ds_form_input_text = require("@elliemae/ds-form-input-text");
|
|
41
41
|
var import_ds_form_layout_blocks = require("@elliemae/ds-form-layout-blocks");
|
|
42
42
|
var import_ds_form_helpers_mask_hooks = require("@elliemae/ds-form-helpers-mask-hooks");
|
|
43
43
|
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
@@ -72,7 +72,7 @@ const NumberRangeFilter = import_react.default.memo((props) => {
|
|
|
72
72
|
}
|
|
73
73
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { gutter: "xxxs", padding: "xxs", cols: ["auto", "auto"], children: [
|
|
74
74
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_layout_blocks.DSFormLayoutBlockItem, { label: "Low", inputID: "low", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
75
|
-
|
|
75
|
+
import_ds_form_input_text.DSInputText,
|
|
76
76
|
{
|
|
77
77
|
autoFocus: true,
|
|
78
78
|
value: conform(filterValue.from),
|
|
@@ -83,7 +83,7 @@ const NumberRangeFilter = import_react.default.memo((props) => {
|
|
|
83
83
|
}
|
|
84
84
|
) }),
|
|
85
85
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_layout_blocks.DSFormLayoutBlockItem, { label: "High", inputID: "high", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
86
|
-
|
|
86
|
+
import_ds_form_input_text.DSInputText,
|
|
87
87
|
{
|
|
88
88
|
value: conform(filterValue.to),
|
|
89
89
|
onChange: handleToOnChange,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/NumberRangeFilter/NumberRangeFilter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputText } from '@elliemae/ds-
|
|
4
|
+
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { DSFormLayoutBlockItem } from '@elliemae/ds-form-layout-blocks';\nimport { getNumberMaskedValue } from '@elliemae/ds-form-helpers-mask-hooks';\nimport { type NumberRangeFilterT, NumberRangeFilterPropTypesSchema } from './react-desc-prop-types.js';\n\nconst NumberRangeFilter: React.ComponentType<NumberRangeFilterT.Props> = React.memo((props) => {\n const { filterValue, onValueChange } = props;\n const opts = {\n includeThousandsSeparator: false,\n decimalPlaces: 0,\n };\n const conform = (value: number | string | null) => {\n const valueAsString = value?.toString() ?? '';\n return getNumberMaskedValue(valueAsString, opts);\n };\n\n const handleFromOnChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n if (filterValue === null) return;\n const from = e.target.value !== '' ? parseInt(e.target.value, 10) : null;\n onValueChange({ from, to: filterValue.to });\n },\n [filterValue, onValueChange],\n );\n\n const handleToOnChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n if (filterValue === null) return;\n const to = e.target.value !== '' ? parseInt(e.target.value, 10) : null;\n onValueChange({ from: filterValue.from, to });\n },\n [filterValue, onValueChange],\n );\n if (!filterValue) {\n return null;\n }\n return (\n <Grid gutter=\"xxxs\" padding=\"xxs\" cols={['auto', 'auto']}>\n <DSFormLayoutBlockItem label=\"Low\" inputID=\"low\">\n <DSInputText\n autoFocus\n value={conform(filterValue.from)}\n onChange={handleFromOnChange}\n id=\"low\"\n style={{ textAlign: 'right' }}\n placeholder=\"0\"\n />\n </DSFormLayoutBlockItem>\n <DSFormLayoutBlockItem label=\"High\" inputID=\"high\">\n <DSInputText\n value={conform(filterValue.to)}\n onChange={handleToOnChange}\n id=\"high\"\n style={{ textAlign: 'right' }}\n placeholder=\"0\"\n />\n </DSFormLayoutBlockItem>\n </Grid>\n );\n});\nNumberRangeFilter.displayName = 'NumberRangeFilter';\nconst NumberRangeFilterWithSchema = describe(NumberRangeFilter);\nNumberRangeFilterWithSchema.propTypes = NumberRangeFilterPropTypesSchema;\n\nexport { NumberRangeFilter, NumberRangeFilterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AAxCJ,mBAAmC;AACnC,8BAAyB;AACzB,qBAAqB;AACrB,gCAA4B;AAC5B,mCAAsC;AACtC,wCAAqC;AACrC,mCAA0E;AAE1E,MAAM,oBAAmE,aAAAA,QAAM,KAAK,CAAC,UAAU;AAC7F,QAAM,EAAE,aAAa,cAAc,IAAI;AACvC,QAAM,OAAO;AAAA,IACX,2BAA2B;AAAA,IAC3B,eAAe;AAAA,EACjB;AACA,QAAM,UAAU,CAAC,UAAkC;AACjD,UAAM,gBAAgB,OAAO,SAAS,KAAK;AAC3C,eAAO,wDAAqB,eAAe,IAAI;AAAA,EACjD;AAEA,QAAM,yBAAqB;AAAA,IACzB,CAAC,MAA2C;AAC1C,UAAI,gBAAgB,KAAM;AAC1B,YAAM,OAAO,EAAE,OAAO,UAAU,KAAK,SAAS,EAAE,OAAO,OAAO,EAAE,IAAI;AACpE,oBAAc,EAAE,MAAM,IAAI,YAAY,GAAG,CAAC;AAAA,IAC5C;AAAA,IACA,CAAC,aAAa,aAAa;AAAA,EAC7B;AAEA,QAAM,uBAAmB;AAAA,IACvB,CAAC,MAA2C;AAC1C,UAAI,gBAAgB,KAAM;AAC1B,YAAM,KAAK,EAAE,OAAO,UAAU,KAAK,SAAS,EAAE,OAAO,OAAO,EAAE,IAAI;AAClE,oBAAc,EAAE,MAAM,YAAY,MAAM,GAAG,CAAC;AAAA,IAC9C;AAAA,IACA,CAAC,aAAa,aAAa;AAAA,EAC7B;AACA,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AACA,SACE,6CAAC,uBAAK,QAAO,QAAO,SAAQ,OAAM,MAAM,CAAC,QAAQ,MAAM,GACrD;AAAA,gDAAC,sDAAsB,OAAM,OAAM,SAAQ,OACzC;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAO,QAAQ,YAAY,IAAI;AAAA,QAC/B,UAAU;AAAA,QACV,IAAG;AAAA,QACH,OAAO,EAAE,WAAW,QAAQ;AAAA,QAC5B,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IACA,4CAAC,sDAAsB,OAAM,QAAO,SAAQ,QAC1C;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,QAAQ,YAAY,EAAE;AAAA,QAC7B,UAAU;AAAA,QACV,IAAG;AAAA,QACH,OAAO,EAAE,WAAW,QAAQ;AAAA,QAC5B,aAAY;AAAA;AAAA,IACd,GACF;AAAA,KACF;AAEJ,CAAC;AACD,kBAAkB,cAAc;AAChC,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import React2, { useCallback } from "react";
|
|
4
4
|
import { describe } from "@elliemae/ds-props-helpers";
|
|
5
5
|
import { Grid } from "@elliemae/ds-grid";
|
|
6
|
-
import { DSInputText } from "@elliemae/ds-
|
|
6
|
+
import { DSInputText } from "@elliemae/ds-form-input-text";
|
|
7
7
|
import { DSFormLayoutBlockItem } from "@elliemae/ds-form-layout-blocks";
|
|
8
8
|
import { getNumberMaskedValue } from "@elliemae/ds-form-helpers-mask-hooks";
|
|
9
9
|
import { NumberRangeFilterPropTypesSchema } from "./react-desc-prop-types.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/NumberRangeFilter/NumberRangeFilter.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputText } from '@elliemae/ds-
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { DSFormLayoutBlockItem } from '@elliemae/ds-form-layout-blocks';\nimport { getNumberMaskedValue } from '@elliemae/ds-form-helpers-mask-hooks';\nimport { type NumberRangeFilterT, NumberRangeFilterPropTypesSchema } from './react-desc-prop-types.js';\n\nconst NumberRangeFilter: React.ComponentType<NumberRangeFilterT.Props> = React.memo((props) => {\n const { filterValue, onValueChange } = props;\n const opts = {\n includeThousandsSeparator: false,\n decimalPlaces: 0,\n };\n const conform = (value: number | string | null) => {\n const valueAsString = value?.toString() ?? '';\n return getNumberMaskedValue(valueAsString, opts);\n };\n\n const handleFromOnChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n if (filterValue === null) return;\n const from = e.target.value !== '' ? parseInt(e.target.value, 10) : null;\n onValueChange({ from, to: filterValue.to });\n },\n [filterValue, onValueChange],\n );\n\n const handleToOnChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n if (filterValue === null) return;\n const to = e.target.value !== '' ? parseInt(e.target.value, 10) : null;\n onValueChange({ from: filterValue.from, to });\n },\n [filterValue, onValueChange],\n );\n if (!filterValue) {\n return null;\n }\n return (\n <Grid gutter=\"xxxs\" padding=\"xxs\" cols={['auto', 'auto']}>\n <DSFormLayoutBlockItem label=\"Low\" inputID=\"low\">\n <DSInputText\n autoFocus\n value={conform(filterValue.from)}\n onChange={handleFromOnChange}\n id=\"low\"\n style={{ textAlign: 'right' }}\n placeholder=\"0\"\n />\n </DSFormLayoutBlockItem>\n <DSFormLayoutBlockItem label=\"High\" inputID=\"high\">\n <DSInputText\n value={conform(filterValue.to)}\n onChange={handleToOnChange}\n id=\"high\"\n style={{ textAlign: 'right' }}\n placeholder=\"0\"\n />\n </DSFormLayoutBlockItem>\n </Grid>\n );\n});\nNumberRangeFilter.displayName = 'NumberRangeFilter';\nconst NumberRangeFilterWithSchema = describe(NumberRangeFilter);\nNumberRangeFilterWithSchema.propTypes = NumberRangeFilterPropTypesSchema;\n\nexport { NumberRangeFilter, NumberRangeFilterWithSchema };\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACwCnB,SAEI,KAFJ;AAxCJ,OAAOA,UAAS,mBAAmB;AACnC,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AACrC,SAAkC,wCAAwC;AAE1E,MAAM,oBAAmEA,OAAM,KAAK,CAAC,UAAU;AAC7F,QAAM,EAAE,aAAa,cAAc,IAAI;AACvC,QAAM,OAAO;AAAA,IACX,2BAA2B;AAAA,IAC3B,eAAe;AAAA,EACjB;AACA,QAAM,UAAU,CAAC,UAAkC;AACjD,UAAM,gBAAgB,OAAO,SAAS,KAAK;AAC3C,WAAO,qBAAqB,eAAe,IAAI;AAAA,EACjD;AAEA,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAA2C;AAC1C,UAAI,gBAAgB,KAAM;AAC1B,YAAM,OAAO,EAAE,OAAO,UAAU,KAAK,SAAS,EAAE,OAAO,OAAO,EAAE,IAAI;AACpE,oBAAc,EAAE,MAAM,IAAI,YAAY,GAAG,CAAC;AAAA,IAC5C;AAAA,IACA,CAAC,aAAa,aAAa;AAAA,EAC7B;AAEA,QAAM,mBAAmB;AAAA,IACvB,CAAC,MAA2C;AAC1C,UAAI,gBAAgB,KAAM;AAC1B,YAAM,KAAK,EAAE,OAAO,UAAU,KAAK,SAAS,EAAE,OAAO,OAAO,EAAE,IAAI;AAClE,oBAAc,EAAE,MAAM,YAAY,MAAM,GAAG,CAAC;AAAA,IAC9C;AAAA,IACA,CAAC,aAAa,aAAa;AAAA,EAC7B;AACA,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AACA,SACE,qBAAC,QAAK,QAAO,QAAO,SAAQ,OAAM,MAAM,CAAC,QAAQ,MAAM,GACrD;AAAA,wBAAC,yBAAsB,OAAM,OAAM,SAAQ,OACzC;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAO,QAAQ,YAAY,IAAI;AAAA,QAC/B,UAAU;AAAA,QACV,IAAG;AAAA,QACH,OAAO,EAAE,WAAW,QAAQ;AAAA,QAC5B,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IACA,oBAAC,yBAAsB,OAAM,QAAO,SAAQ,QAC1C;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,QAAQ,YAAY,EAAE;AAAA,QAC7B,UAAU;AAAA,QACV,IAAG;AAAA,QACH,OAAO,EAAE,WAAW,QAAQ;AAAA,QAC5B,aAAY;AAAA;AAAA,IACd,GACF;AAAA,KACF;AAEJ,CAAC;AACD,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table-filters",
|
|
3
|
-
"version": "3.57.0-
|
|
3
|
+
"version": "3.57.0-rc.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Table Filters",
|
|
6
6
|
"files": [
|
|
@@ -35,42 +35,6 @@
|
|
|
35
35
|
"reportFile": "tests.xml",
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
|
-
"dependencies": {
|
|
39
|
-
"@xstyled/styled-components": "~3.7.3",
|
|
40
|
-
"@elliemae/ds-button-v2": "3.57.0-next.9",
|
|
41
|
-
"@elliemae/ds-form-date-range-picker": "3.57.0-next.9",
|
|
42
|
-
"@elliemae/ds-controlled-form": "3.57.0-next.9",
|
|
43
|
-
"@elliemae/ds-form-combobox": "3.57.0-next.9",
|
|
44
|
-
"@elliemae/ds-form-date-time-picker": "3.57.0-next.9",
|
|
45
|
-
"@elliemae/ds-form-helpers-mask-hooks": "3.57.0-next.9",
|
|
46
|
-
"@elliemae/ds-form-layout-blocks": "3.57.0-next.9",
|
|
47
|
-
"@elliemae/ds-hooks-on-blur-out": "3.57.0-next.9",
|
|
48
|
-
"@elliemae/ds-pills-v2": "3.57.0-next.9",
|
|
49
|
-
"@elliemae/ds-icons": "3.57.0-next.9",
|
|
50
|
-
"@elliemae/ds-props-helpers": "3.57.0-next.9",
|
|
51
|
-
"@elliemae/ds-grid": "3.57.0-next.9",
|
|
52
|
-
"@elliemae/ds-popperjs": "3.57.0-next.9",
|
|
53
|
-
"@elliemae/ds-typescript-helpers": "3.57.0-next.9",
|
|
54
|
-
"@elliemae/ds-system": "3.57.0-next.9"
|
|
55
|
-
},
|
|
56
|
-
"devDependencies": {
|
|
57
|
-
"@elliemae/pui-cli": "9.0.0-next.65",
|
|
58
|
-
"jest": "~29.7.0",
|
|
59
|
-
"styled-components": "~5.3.9",
|
|
60
|
-
"@elliemae/ds-monorepo-devops": "3.57.0-next.9"
|
|
61
|
-
},
|
|
62
|
-
"peerDependencies": {
|
|
63
|
-
"@testing-library/jest-dom": "^6.6.3",
|
|
64
|
-
"@testing-library/react": "^16.0.1",
|
|
65
|
-
"@testing-library/user-event": "~14.5.2",
|
|
66
|
-
"react": "^18.3.1",
|
|
67
|
-
"react-dom": "^18.3.1",
|
|
68
|
-
"styled-components": "~5.3.9"
|
|
69
|
-
},
|
|
70
|
-
"publishConfig": {
|
|
71
|
-
"access": "public",
|
|
72
|
-
"typeSafety": false
|
|
73
|
-
},
|
|
74
38
|
"scripts": {
|
|
75
39
|
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
76
40
|
"test": "pui-cli test --passWithNoTests --coverage=\"false\"",
|
|
@@ -81,5 +45,39 @@
|
|
|
81
45
|
"dev:build": "pnpm --filter {.}... build",
|
|
82
46
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
83
47
|
"checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
84
|
-
}
|
|
85
|
-
|
|
48
|
+
},
|
|
49
|
+
"dependencies": {
|
|
50
|
+
"@elliemae/ds-button-v2": "3.57.0-rc.1",
|
|
51
|
+
"@elliemae/ds-form-combobox": "3.57.0-rc.1",
|
|
52
|
+
"@elliemae/ds-form-date-range-picker": "3.57.0-rc.1",
|
|
53
|
+
"@elliemae/ds-form-date-time-picker": "3.57.0-rc.1",
|
|
54
|
+
"@elliemae/ds-form-helpers-mask-hooks": "3.57.0-rc.1",
|
|
55
|
+
"@elliemae/ds-form-input-text": "3.57.0-rc.1",
|
|
56
|
+
"@elliemae/ds-form-layout-blocks": "3.57.0-rc.1",
|
|
57
|
+
"@elliemae/ds-grid": "3.57.0-rc.1",
|
|
58
|
+
"@elliemae/ds-hooks-on-blur-out": "3.57.0-rc.1",
|
|
59
|
+
"@elliemae/ds-icons": "3.57.0-rc.1",
|
|
60
|
+
"@elliemae/ds-pills-v2": "3.57.0-rc.1",
|
|
61
|
+
"@elliemae/ds-popperjs": "3.57.0-rc.1",
|
|
62
|
+
"@elliemae/ds-props-helpers": "3.57.0-rc.1",
|
|
63
|
+
"@elliemae/ds-system": "3.57.0-rc.1",
|
|
64
|
+
"@elliemae/ds-typescript-helpers": "3.57.0-rc.1"
|
|
65
|
+
},
|
|
66
|
+
"devDependencies": {
|
|
67
|
+
"@elliemae/ds-monorepo-devops": "3.57.0-rc.1",
|
|
68
|
+
"@elliemae/pui-cli": "catalog:",
|
|
69
|
+
"jest": "catalog:"
|
|
70
|
+
},
|
|
71
|
+
"peerDependencies": {
|
|
72
|
+
"@testing-library/jest-dom": "catalog:",
|
|
73
|
+
"@testing-library/react": "catalog:",
|
|
74
|
+
"@testing-library/user-event": "catalog:",
|
|
75
|
+
"react": "catalog:",
|
|
76
|
+
"react-dom": "catalog:"
|
|
77
|
+
},
|
|
78
|
+
"publishConfig": {
|
|
79
|
+
"access": "public",
|
|
80
|
+
"typeSafety": false
|
|
81
|
+
},
|
|
82
|
+
"gitHead": "d0d7cac7600d5ba2b1c5c80cba7573e6acc11a96"
|
|
83
|
+
}
|