@trackunit/filters-filter-bar 0.0.539 → 0.0.540
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/index.cjs.js +3 -3
- package/index.esm.js +3 -3
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -10,11 +10,11 @@ var reactCoreContextsApi = require('@trackunit/react-core-contexts-api');
|
|
|
10
10
|
var reactComponents = require('@trackunit/react-components');
|
|
11
11
|
var reactFormComponents = require('@trackunit/react-form-components');
|
|
12
12
|
var reactDateAndTimeComponents = require('@trackunit/react-date-and-time-components');
|
|
13
|
+
var stringTs = require('string-ts');
|
|
13
14
|
var tailwindMerge = require('tailwind-merge');
|
|
14
15
|
var dequal = require('dequal');
|
|
15
16
|
var isEqual = require('lodash/isEqual');
|
|
16
17
|
var reduce = require('lodash/reduce');
|
|
17
|
-
var stringTs = require('string-ts');
|
|
18
18
|
|
|
19
19
|
var defaultTranslations = {
|
|
20
20
|
"access.management.filter.operator.role.keyAdmin": "Key Admin",
|
|
@@ -547,14 +547,14 @@ const DefaultMinMaxFilter = ({ filterDefinition, filterName, value, setValue, fi
|
|
|
547
547
|
const realMinValue = minValue === 0 ? undefined : minValue !== null && minValue !== void 0 ? minValue : undefined;
|
|
548
548
|
const realMaxValue = maxValue === 0 ? undefined : maxValue !== null && maxValue !== void 0 ? maxValue : undefined;
|
|
549
549
|
logEvent("Filters Applied - V2", {
|
|
550
|
-
type: filterName !== null && filterName !== void 0 ? filterName : `${
|
|
550
|
+
type: filterName !== null && filterName !== void 0 ? filterName : `${stringTs.capitalize(filterDefinition.filterKey)}Filter`,
|
|
551
551
|
value: JSON.stringify({ min: realMinValue, max: realMaxValue }),
|
|
552
552
|
});
|
|
553
553
|
setValue(() => {
|
|
554
554
|
return realMinValue || realMaxValue ? { min: realMinValue, max: realMaxValue } : {};
|
|
555
555
|
});
|
|
556
556
|
};
|
|
557
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactFilterComponents.FilterHeader, { onReset: () => filterBarActions.resetIndividualFilterToInitialState(filterDefinition.filterKey), resetLabel: t("filtersBar.resetFilter"), showReset: filterBarActions.filterHasChanged(filterDefinition.filterKey), title: filterDefinition.title }), jsxRuntime.jsxs(reactFilterComponents.FilterBody, { children: [jsxRuntime.jsxs("div", { className: "flex gap-4 px-1", children: [jsxRuntime.jsx(reactFormComponents.NumberField, { addonAfter: unit, className: "w-40", label: t("filtersBar.defaultMinMaxFilters.min"), max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, onChange: e => setMinValue(Number(e.target.value)), value: minValue
|
|
557
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactFilterComponents.FilterHeader, { onReset: () => filterBarActions.resetIndividualFilterToInitialState(filterDefinition.filterKey), resetLabel: t("filtersBar.resetFilter"), showReset: filterBarActions.filterHasChanged(filterDefinition.filterKey), title: filterDefinition.title }), jsxRuntime.jsxs(reactFilterComponents.FilterBody, { children: [jsxRuntime.jsxs("div", { className: "flex gap-4 px-1", children: [jsxRuntime.jsx(reactFormComponents.NumberField, { addonAfter: unit, className: "w-40", label: t("filtersBar.defaultMinMaxFilters.min"), max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, onChange: e => setMinValue(e.target.value === "" ? undefined : Number(e.target.value)), value: minValue !== null && minValue !== void 0 ? minValue : "" }), jsxRuntime.jsx(reactFormComponents.NumberField, { addonAfter: unit, className: "w-40", label: t("filtersBar.defaultMinMaxFilters.max"), max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, onChange: e => setMaxValue(e.target.value === "" ? undefined : Number(e.target.value)), value: maxValue !== null && maxValue !== void 0 ? maxValue : "" })] }), jsxRuntime.jsx(reactFilterComponents.FilterFooter, { children: jsxRuntime.jsx(reactComponents.Button, { onClick: handleApply, size: "small", variant: "ghost", children: t("filtersBar.defaultMinMaxFilters.apply") }) })] })] }));
|
|
558
558
|
};
|
|
559
559
|
|
|
560
560
|
/**
|
package/index.esm.js
CHANGED
|
@@ -8,11 +8,11 @@ import { createEvent } from '@trackunit/react-core-contexts-api';
|
|
|
8
8
|
import { VirtualizedList, Text, Button, Popover, PopoverTrigger, PopoverContent, MenuList, useViewportSize, Tooltip, Icon, IconButton, Card, CardBody, CardFooter } from '@trackunit/react-components';
|
|
9
9
|
import { Search, NumberField, RadioGroup, Toggle } from '@trackunit/react-form-components';
|
|
10
10
|
import { DayRangePicker } from '@trackunit/react-date-and-time-components';
|
|
11
|
+
import { capitalize as capitalize$1 } from 'string-ts';
|
|
11
12
|
import { twMerge } from 'tailwind-merge';
|
|
12
13
|
import { dequal } from 'dequal';
|
|
13
14
|
import isEqual from 'lodash/isEqual';
|
|
14
15
|
import reduce from 'lodash/reduce';
|
|
15
|
-
import { capitalize as capitalize$1 } from 'string-ts';
|
|
16
16
|
|
|
17
17
|
var defaultTranslations = {
|
|
18
18
|
"access.management.filter.operator.role.keyAdmin": "Key Admin",
|
|
@@ -545,14 +545,14 @@ const DefaultMinMaxFilter = ({ filterDefinition, filterName, value, setValue, fi
|
|
|
545
545
|
const realMinValue = minValue === 0 ? undefined : minValue !== null && minValue !== void 0 ? minValue : undefined;
|
|
546
546
|
const realMaxValue = maxValue === 0 ? undefined : maxValue !== null && maxValue !== void 0 ? maxValue : undefined;
|
|
547
547
|
logEvent("Filters Applied - V2", {
|
|
548
|
-
type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize(filterDefinition.filterKey)}Filter`,
|
|
548
|
+
type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize$1(filterDefinition.filterKey)}Filter`,
|
|
549
549
|
value: JSON.stringify({ min: realMinValue, max: realMaxValue }),
|
|
550
550
|
});
|
|
551
551
|
setValue(() => {
|
|
552
552
|
return realMinValue || realMaxValue ? { min: realMinValue, max: realMaxValue } : {};
|
|
553
553
|
});
|
|
554
554
|
};
|
|
555
|
-
return (jsxs(Fragment, { children: [jsx(FilterHeader$1, { onReset: () => filterBarActions.resetIndividualFilterToInitialState(filterDefinition.filterKey), resetLabel: t("filtersBar.resetFilter"), showReset: filterBarActions.filterHasChanged(filterDefinition.filterKey), title: filterDefinition.title }), jsxs(FilterBody, { children: [jsxs("div", { className: "flex gap-4 px-1", children: [jsx(NumberField, { addonAfter: unit, className: "w-40", label: t("filtersBar.defaultMinMaxFilters.min"), max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, onChange: e => setMinValue(Number(e.target.value)), value: minValue
|
|
555
|
+
return (jsxs(Fragment, { children: [jsx(FilterHeader$1, { onReset: () => filterBarActions.resetIndividualFilterToInitialState(filterDefinition.filterKey), resetLabel: t("filtersBar.resetFilter"), showReset: filterBarActions.filterHasChanged(filterDefinition.filterKey), title: filterDefinition.title }), jsxs(FilterBody, { children: [jsxs("div", { className: "flex gap-4 px-1", children: [jsx(NumberField, { addonAfter: unit, className: "w-40", label: t("filtersBar.defaultMinMaxFilters.min"), max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, onChange: e => setMinValue(e.target.value === "" ? undefined : Number(e.target.value)), value: minValue !== null && minValue !== void 0 ? minValue : "" }), jsx(NumberField, { addonAfter: unit, className: "w-40", label: t("filtersBar.defaultMinMaxFilters.max"), max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, onChange: e => setMaxValue(e.target.value === "" ? undefined : Number(e.target.value)), value: maxValue !== null && maxValue !== void 0 ? maxValue : "" })] }), jsx(FilterFooter, { children: jsx(Button, { onClick: handleApply, size: "small", variant: "ghost", children: t("filtersBar.defaultMinMaxFilters.apply") }) })] })] }));
|
|
556
556
|
};
|
|
557
557
|
|
|
558
558
|
/**
|