@elliemae/ds-data-table-filters 3.56.0-rc.2 → 3.57.0-next.10

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.
@@ -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 import_ds_controlled_form = require("@elliemae/ds-controlled-form");
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");
@@ -71,8 +71,8 @@ const NumberRangeFilter = import_react.default.memo((props) => {
71
71
  return null;
72
72
  }
73
73
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { gutter: "xxxs", padding: "xxs", cols: ["auto", "auto"], children: [
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
- import_ds_controlled_form.DSInputText,
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
+ import_ds_form_input_text.DSInputText,
76
76
  {
77
77
  autoFocus: true,
78
78
  value: conform(filterValue.from),
@@ -82,12 +82,12 @@ const NumberRangeFilter = import_react.default.memo((props) => {
82
82
  placeholder: "0"
83
83
  }
84
84
  ) }),
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
- import_ds_controlled_form.DSInputText,
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
+ import_ds_form_input_text.DSInputText,
87
87
  {
88
88
  value: conform(filterValue.to),
89
89
  onChange: handleToOnChange,
90
- id: `high`,
90
+ id: "high",
91
91
  style: { textAlign: "right" },
92
92
  placeholder: "0"
93
93
  }
@@ -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-controlled-form';\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
- "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,SAAS,OAC1C;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAO,QAAQ,YAAY,IAAI;AAAA,QAC/B,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,OAAO,EAAE,WAAW,QAAQ;AAAA,QAC5B,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IACA,4CAAC,sDAAsB,OAAM,QAAO,SAAS,QAC3C;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,QAAQ,YAAY,EAAE;AAAA,QAC7B,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,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;",
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
+ "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-controlled-form";
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";
@@ -37,7 +37,7 @@ const NumberRangeFilter = React2.memo((props) => {
37
37
  return null;
38
38
  }
39
39
  return /* @__PURE__ */ jsxs(Grid, { gutter: "xxxs", padding: "xxs", cols: ["auto", "auto"], children: [
40
- /* @__PURE__ */ jsx(DSFormLayoutBlockItem, { label: "Low", inputID: `low`, children: /* @__PURE__ */ jsx(
40
+ /* @__PURE__ */ jsx(DSFormLayoutBlockItem, { label: "Low", inputID: "low", children: /* @__PURE__ */ jsx(
41
41
  DSInputText,
42
42
  {
43
43
  autoFocus: true,
@@ -48,12 +48,12 @@ const NumberRangeFilter = React2.memo((props) => {
48
48
  placeholder: "0"
49
49
  }
50
50
  ) }),
51
- /* @__PURE__ */ jsx(DSFormLayoutBlockItem, { label: "High", inputID: `high`, children: /* @__PURE__ */ jsx(
51
+ /* @__PURE__ */ jsx(DSFormLayoutBlockItem, { label: "High", inputID: "high", children: /* @__PURE__ */ jsx(
52
52
  DSInputText,
53
53
  {
54
54
  value: conform(filterValue.to),
55
55
  onChange: handleToOnChange,
56
- id: `high`,
56
+ id: "high",
57
57
  style: { textAlign: "right" },
58
58
  placeholder: "0"
59
59
  }
@@ -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-controlled-form';\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
- "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,SAAS,OAC1C;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAO,QAAQ,YAAY,IAAI;AAAA,QAC/B,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,OAAO,EAAE,WAAW,QAAQ;AAAA,QAC5B,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IACA,oBAAC,yBAAsB,OAAM,QAAO,SAAS,QAC3C;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,QAAQ,YAAY,EAAE;AAAA,QAC7B,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,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;",
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
+ "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.56.0-rc.2",
3
+ "version": "3.57.0-next.10",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Data Table Filters",
6
6
  "files": [
@@ -36,36 +36,34 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@xstyled/styled-components": "~3.7.3",
40
- "@elliemae/ds-button-v2": "3.56.0-rc.2",
41
- "@elliemae/ds-form-date-time-picker": "3.56.0-rc.2",
42
- "@elliemae/ds-form-combobox": "3.56.0-rc.2",
43
- "@elliemae/ds-form-helpers-mask-hooks": "3.56.0-rc.2",
44
- "@elliemae/ds-form-date-range-picker": "3.56.0-rc.2",
45
- "@elliemae/ds-form-layout-blocks": "3.56.0-rc.2",
46
- "@elliemae/ds-grid": "3.56.0-rc.2",
47
- "@elliemae/ds-hooks-on-blur-out": "3.56.0-rc.2",
48
- "@elliemae/ds-controlled-form": "3.56.0-rc.2",
49
- "@elliemae/ds-pills-v2": "3.56.0-rc.2",
50
- "@elliemae/ds-icons": "3.56.0-rc.2",
51
- "@elliemae/ds-popperjs": "3.56.0-rc.2",
52
- "@elliemae/ds-system": "3.56.0-rc.2",
53
- "@elliemae/ds-props-helpers": "3.56.0-rc.2",
54
- "@elliemae/ds-typescript-helpers": "3.56.0-rc.2"
39
+ "@xstyled/system": "~3.7.3",
40
+ "@elliemae/ds-button-v2": "3.57.0-next.10",
41
+ "@elliemae/ds-form-combobox": "3.57.0-next.10",
42
+ "@elliemae/ds-form-date-range-picker": "3.57.0-next.10",
43
+ "@elliemae/ds-form-helpers-mask-hooks": "3.57.0-next.10",
44
+ "@elliemae/ds-form-date-time-picker": "3.57.0-next.10",
45
+ "@elliemae/ds-form-input-text": "3.57.0-next.10",
46
+ "@elliemae/ds-form-layout-blocks": "3.57.0-next.10",
47
+ "@elliemae/ds-hooks-on-blur-out": "3.57.0-next.10",
48
+ "@elliemae/ds-grid": "3.57.0-next.10",
49
+ "@elliemae/ds-pills-v2": "3.57.0-next.10",
50
+ "@elliemae/ds-icons": "3.57.0-next.10",
51
+ "@elliemae/ds-props-helpers": "3.57.0-next.10",
52
+ "@elliemae/ds-popperjs": "3.57.0-next.10",
53
+ "@elliemae/ds-system": "3.57.0-next.10",
54
+ "@elliemae/ds-typescript-helpers": "3.57.0-next.10"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@elliemae/pui-cli": "9.0.0-next.65",
58
58
  "jest": "~29.7.0",
59
- "styled-components": "~5.3.9",
60
- "@elliemae/ds-monorepo-devops": "3.56.0-rc.2"
59
+ "@elliemae/ds-monorepo-devops": "3.57.0-next.10"
61
60
  },
62
61
  "peerDependencies": {
63
62
  "@testing-library/jest-dom": "^6.6.3",
64
63
  "@testing-library/react": "^16.0.1",
65
64
  "@testing-library/user-event": "~14.5.2",
66
65
  "react": "^18.3.1",
67
- "react-dom": "^18.3.1",
68
- "styled-components": "~5.3.9"
66
+ "react-dom": "^18.3.1"
69
67
  },
70
68
  "publishConfig": {
71
69
  "access": "public",