@amateescu/portal-ui-components 0.0.48 → 0.0.49
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/Box-DU079Glg.js +57 -0
- package/dist/{Button-Bx3LbSbV.js → Button-BgsadnaR.js} +13 -13
- package/dist/{ButtonBase-DV7q7wxh.js → ButtonBase-ugYh038t.js} +8 -8
- package/dist/{CheckBox-YBX2j1qt.js → CheckBox-D9YmAV-l.js} +1 -1
- package/dist/{CircularProgress-BXi3nXc9.js → CircularProgress-D1FWO7Cz.js} +1 -1
- package/dist/{Clear-Bz9hw2Wj.js → Clear-B32X2R1T.js} +1 -1
- package/dist/Close-IqnCWZPM.js +8 -0
- package/dist/{DefaultPropsProvider-ByENA_w0.js → DefaultPropsProvider-BQx1AiAq.js} +20 -19
- package/dist/ExpandMore-CHNJSd5N.js +8 -0
- package/dist/ListItem-1DiNy9oq.js +422 -0
- package/dist/ListItemText-VX0lo95z.js +434 -0
- package/dist/Modal-BnD35xWv.js +1325 -0
- package/dist/{Search-D_9Ptbky.js → Search-DnJ3yLMg.js} +1 -1
- package/dist/assets/PassportFilter.css +1 -0
- package/dist/assets/PassportFilterDrawer.css +1 -0
- package/dist/assets/PassportFilterFreeTextFilter.css +1 -0
- package/dist/components/LoadingAnimation/LoadingAnimation.js +8 -60
- package/dist/components/Login/Login.js +1 -1
- package/dist/components/PassportButton/PassportButton.js +1 -1
- package/dist/components/PassportDatePicker/PassportDatePicker.js +21 -20
- package/dist/components/PassportDateTimePicker/PassportDateTimePicker.js +298 -291
- package/dist/components/PassportDatesFilter/PassportDatesFilter.js +24 -26
- package/dist/components/PassportFilter/PassportFilter.d.ts +5 -0
- package/dist/components/PassportFilter/PassportFilter.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilter.js +154 -0
- package/dist/components/PassportFilter/PassportFilter.stories.d.ts +13 -0
- package/dist/components/PassportFilter/PassportFilter.stories.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilter.types.d.ts +61 -0
- package/dist/components/PassportFilter/PassportFilter.types.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilter.types.js +5 -0
- package/dist/components/PassportFilter/PassportFilterDrawer/PassportFilterDrawer.d.ts +5 -0
- package/dist/components/PassportFilter/PassportFilterDrawer/PassportFilterDrawer.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilterDrawer/PassportFilterDrawer.js +756 -0
- package/dist/components/PassportFilter/PassportFilterDrawer/PassportFilterDrawer.types.d.ts +28 -0
- package/dist/components/PassportFilter/PassportFilterDrawer/PassportFilterDrawer.types.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilterDrawer/PassportFilterDrawer.types.js +1 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.d.ts +4 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.js +94 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.types.d.ts +16 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.types.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.types.js +1 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.d.ts +4 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.js +736 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.types.d.ts +37 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.types.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.types.js +1 -0
- package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.d.ts +4 -0
- package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.js +180 -0
- package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.types.d.ts +17 -0
- package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.types.d.ts.map +1 -0
- package/dist/components/PassportFilter/PassportFilterSelectionList/PassportFilterSelectionList.types.js +1 -0
- package/dist/components/PassportInput/PassportInput.js +2 -2
- package/dist/components/PassportMultiSelect/PassportMultiSelect.js +1 -1
- package/dist/components/PassportPagination/PassportPagination.js +96 -94
- package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js +1 -1
- package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js +1 -1
- package/dist/components/PassportTreeSelect/PassportTreeSelect.js +82 -79
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +4 -2
- package/dist/{createSvgIcon-D5xeIEZ_.js → createSvgIcon-Crk7qT6j.js} +1 -1
- package/dist/{extendSxProp-BtJlbIOl.js → extendSxProp-BHclE0DL.js} +1 -1
- package/dist/getReactElementRef-CIbXfZbo.js +45 -0
- package/dist/index-DfCFE9GG.js +9 -0
- package/dist/listItemButtonClasses-BLTBU8Yh.js +476 -0
- package/dist/listItemIconClasses-B_UAYnw7.js +9 -0
- package/dist/listItemTextClasses-D5in-Wsc.js +9 -0
- package/dist/main.js +41 -37
- package/dist/portal-utils/arrays.d.ts +2 -0
- package/dist/portal-utils/arrays.d.ts.map +1 -0
- package/dist/portal-utils/arrays.js +10 -0
- package/dist/portal-utils/index.d.ts +1 -0
- package/dist/portal-utils/index.d.ts.map +1 -1
- package/dist/portal-utils/index.js +17 -15
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/useControlled-D1L5tREc.js +31 -0
- package/dist/useFormControl-Ivp9nwoj.js +53 -0
- package/dist/{useMobilePicker-CFsW9hUG.js → useMobilePicker-BombQ5QA.js} +5381 -7587
- package/dist/useSlot-B1oIMjd_.js +126 -0
- package/dist/useTheme-9dlwNzrD.js +10 -0
- package/dist/{useTheme-Cz8ZipjJ.js → useTheme-Dxbczges.js} +3 -3
- package/dist/useThemeProps-j6Er0aGl.js +27 -0
- package/dist/{useFormControl-MVwkyimi.js → utils-6k-H8qFR.js} +155 -231
- package/package.json +1 -1
- package/dist/useSlot-Bm5YJQBR.js +0 -160
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ReportFilterOptions } from '../PassportFilter.types';
|
|
2
|
+
import { PassportFilterSelectionListProps } from '../PassportFilterSelectionList/PassportFilterSelectionList.types';
|
|
3
|
+
export interface PassportFilterDrawerProps {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
onClose: (newReportFilterOptions?: ReportFilterOptions) => void | void;
|
|
6
|
+
reportFilterOptions: ReportFilterOptions;
|
|
7
|
+
/** Translate function for category names and option text */
|
|
8
|
+
translate?: (key: string) => string;
|
|
9
|
+
/** Back button label */
|
|
10
|
+
backLabel?: string;
|
|
11
|
+
/** Clear filters link label */
|
|
12
|
+
clearFiltersLabel?: string;
|
|
13
|
+
/** Cancel button label */
|
|
14
|
+
cancelLabel?: string;
|
|
15
|
+
/** Apply button label */
|
|
16
|
+
applyLabel?: string;
|
|
17
|
+
/** Label shown when no options are selected */
|
|
18
|
+
noneLabel?: string;
|
|
19
|
+
/** Label shown when all options are selected */
|
|
20
|
+
allLabel?: string;
|
|
21
|
+
/** Search placeholder inside each category list */
|
|
22
|
+
searchLabel?: string;
|
|
23
|
+
/** Custom back icon */
|
|
24
|
+
backIcon?: React.ReactNode;
|
|
25
|
+
/** Props forwarded to PassportFilterSelectionList */
|
|
26
|
+
selectionListProps?: Partial<Pick<PassportFilterSelectionListProps, 'checkedIcon' | 'uncheckedIcon'>>;
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=PassportFilterDrawer.types.d.ts.map
|
package/dist/components/PassportFilter/PassportFilterDrawer/PassportFilterDrawer.types.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportFilterDrawer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/PassportFilter/PassportFilterDrawer/PassportFilterDrawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gCAAgC,EAAE,MAAM,kEAAkE,CAAC;AAEpH,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,sBAAsB,CAAC,EAAE,mBAAmB,KAAK,IAAI,GAAG,IAAI,CAAC;IACvE,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,gCAAgC,EAAE,aAAa,GAAG,eAAe,CAAC,CAAC,CAAC;CACvG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { PassportFilterFreeTextButtonsProps } from './PassportFilterFreeTextButtons.types';
|
|
2
|
+
declare const PassportFilterFreeTextButtons: React.FC<PassportFilterFreeTextButtonsProps>;
|
|
3
|
+
export default PassportFilterFreeTextButtons;
|
|
4
|
+
//# sourceMappingURL=PassportFilterFreeTextButtons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportFilterFreeTextButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/PassportFilter/PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kCAAkC,EAAE,MAAM,uCAAuC,CAAC;AAE3F,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CAuG/E,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { jsxs as c, jsx as v } from "react/jsx-runtime";
|
|
2
|
+
import { Button as m } from "@mui/material";
|
|
3
|
+
import { C as I } from "../../../Close-IqnCWZPM.js";
|
|
4
|
+
const y = ({
|
|
5
|
+
handleSearch: f,
|
|
6
|
+
setRemovedFilter: x,
|
|
7
|
+
freeTextFilters: h,
|
|
8
|
+
removeFreeTextFilter: b,
|
|
9
|
+
uncheckRelevantFreeSearch: g,
|
|
10
|
+
filterCategories: s,
|
|
11
|
+
setFilterCategories: u,
|
|
12
|
+
translate: i = (r) => r,
|
|
13
|
+
removeIcon: R
|
|
14
|
+
}) => {
|
|
15
|
+
const r = (e, t) => {
|
|
16
|
+
b(e.field), g(e.field), x(!0), f(), t.stopPropagation();
|
|
17
|
+
}, N = async (e, t) => {
|
|
18
|
+
t.stopPropagation();
|
|
19
|
+
const o = s?.map(
|
|
20
|
+
(l) => l.categoryName === e.categoryName ? {
|
|
21
|
+
...l,
|
|
22
|
+
options: e.options.map((n) => ({ ...n, selected: !1 }))
|
|
23
|
+
} : l
|
|
24
|
+
);
|
|
25
|
+
u(o);
|
|
26
|
+
}, F = async (e, t, o) => {
|
|
27
|
+
o.stopPropagation();
|
|
28
|
+
const l = s?.map(
|
|
29
|
+
(n) => n.categoryName === e.categoryName ? {
|
|
30
|
+
...n,
|
|
31
|
+
options: e.options.map((a) => ({ ...a, selected: a.text === t.text ? !1 : a.selected }))
|
|
32
|
+
} : n
|
|
33
|
+
);
|
|
34
|
+
u(l);
|
|
35
|
+
}, d = {
|
|
36
|
+
borderRadius: "50px",
|
|
37
|
+
border: "1px solid var(--color-very-light-gray)",
|
|
38
|
+
bgcolor: "var(--color-white)",
|
|
39
|
+
height: "32px"
|
|
40
|
+
}, p = R ?? /* @__PURE__ */ v(I, { fontSize: "small" });
|
|
41
|
+
return /* @__PURE__ */ c("div", { children: [
|
|
42
|
+
h?.filter((e) => e.value?.length > 0)?.map((e) => /* @__PURE__ */ c(
|
|
43
|
+
m,
|
|
44
|
+
{
|
|
45
|
+
onClick: (t) => r(e, t),
|
|
46
|
+
disableElevation: !0,
|
|
47
|
+
disableRipple: !0,
|
|
48
|
+
endIcon: p,
|
|
49
|
+
sx: d,
|
|
50
|
+
children: [
|
|
51
|
+
e.field,
|
|
52
|
+
": ",
|
|
53
|
+
e.value
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
e.field
|
|
57
|
+
)),
|
|
58
|
+
s?.filter(
|
|
59
|
+
(e) => e.options.filter((t) => t.selected).length > 0
|
|
60
|
+
)?.map(
|
|
61
|
+
(e) => {
|
|
62
|
+
const t = e.options.filter((o) => o.selected).length === e.options.length;
|
|
63
|
+
return t ? /* @__PURE__ */ v(
|
|
64
|
+
m,
|
|
65
|
+
{
|
|
66
|
+
onClick: (o) => N(e, o),
|
|
67
|
+
disableElevation: !0,
|
|
68
|
+
disableRipple: !0,
|
|
69
|
+
endIcon: p,
|
|
70
|
+
sx: d,
|
|
71
|
+
children: t && `${i(e.categoryName)}: ${i("filter_All")}`
|
|
72
|
+
}
|
|
73
|
+
) : e.options.filter((o) => o.selected).map((o) => /* @__PURE__ */ c(
|
|
74
|
+
m,
|
|
75
|
+
{
|
|
76
|
+
onClick: (l) => F(e, o, l),
|
|
77
|
+
disableElevation: !0,
|
|
78
|
+
disableRipple: !0,
|
|
79
|
+
endIcon: p,
|
|
80
|
+
sx: d,
|
|
81
|
+
children: [
|
|
82
|
+
i(`filter_${e.categoryName}`),
|
|
83
|
+
": ",
|
|
84
|
+
i(o.text)
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
));
|
|
88
|
+
}
|
|
89
|
+
)
|
|
90
|
+
] }, "freeTextFilters");
|
|
91
|
+
};
|
|
92
|
+
export {
|
|
93
|
+
y as default
|
|
94
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import { FreeSearch, SelectionCategory } from '../PassportFilter.types';
|
|
3
|
+
export interface PassportFilterFreeTextButtonsProps {
|
|
4
|
+
handleSearch: () => void;
|
|
5
|
+
setRemovedFilter: Dispatch<SetStateAction<boolean>>;
|
|
6
|
+
freeTextFilters: FreeSearch[];
|
|
7
|
+
removeFreeTextFilter: (field: string) => void;
|
|
8
|
+
uncheckRelevantFreeSearch: (field: string) => void;
|
|
9
|
+
filterCategories: SelectionCategory[];
|
|
10
|
+
setFilterCategories: (value: SelectionCategory[]) => void;
|
|
11
|
+
/** Optional translate function for category/option labels */
|
|
12
|
+
translate?: (key: string) => string;
|
|
13
|
+
/** Optional custom remove icon */
|
|
14
|
+
removeIcon?: React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=PassportFilterFreeTextButtons.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportFilterFreeTextButtons.types.d.ts","sourceRoot":"","sources":["../../../../src/components/PassportFilter/PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAExE,MAAM,WAAW,kCAAkC;IACjD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACpD,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,yBAAyB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,mBAAmB,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC1D,6DAA6D;IAC7D,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kCAAkC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { PassportFilterFreeTextFilterProps } from './PassportFilterFreeTextFilter.types';
|
|
2
|
+
declare const PassportFilterFreeTextFilter: React.FC<PassportFilterFreeTextFilterProps>;
|
|
3
|
+
export default PassportFilterFreeTextFilter;
|
|
4
|
+
//# sourceMappingURL=PassportFilterFreeTextFilter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportFilterFreeTextFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,iCAAiC,EAAmB,MAAM,sCAAsC,CAAC;AAG1G,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CA2R7E,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
|