@raystack/apsara 0.32.0 → 0.33.0
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/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs +92 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs.map +1 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js +89 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js.map +1 -1
- package/dist/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.cjs +1 -0
- package/dist/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.cjs.map +1 -1
- package/dist/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.js +1 -1
- package/dist/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.cjs +20 -0
- package/dist/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.cjs.map +1 -1
- package/dist/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.js +20 -1
- package/dist/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.js.map +1 -1
- package/dist/sidebar/sidebar.cjs +6 -6
- package/dist/sidebar/sidebar.cjs.map +1 -1
- package/dist/sidebar/sidebar.d.ts +4 -4
- package/dist/sidebar/sidebar.js +6 -6
- package/dist/sidebar/sidebar.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/v1/_virtual/isSameOrAfter.cjs +6 -0
- package/dist/v1/_virtual/isSameOrAfter.cjs.map +1 -0
- package/dist/v1/_virtual/isSameOrAfter.js +4 -0
- package/dist/v1/_virtual/isSameOrAfter.js.map +1 -0
- package/dist/v1/_virtual/isSameOrBefore.cjs +6 -0
- package/dist/v1/_virtual/isSameOrBefore.cjs.map +1 -0
- package/dist/v1/_virtual/isSameOrBefore.js +4 -0
- package/dist/v1/_virtual/isSameOrBefore.js.map +1 -0
- package/dist/v1/components/calendar/calendar.cjs +1 -1
- package/dist/v1/components/calendar/calendar.cjs.map +1 -1
- package/dist/v1/components/calendar/calendar.js +1 -1
- package/dist/v1/components/calendar/calendar.js.map +1 -1
- package/dist/v1/components/calendar/date-picker.cjs +26 -17
- package/dist/v1/components/calendar/date-picker.cjs.map +1 -1
- package/dist/v1/components/calendar/date-picker.d.ts.map +1 -1
- package/dist/v1/components/calendar/date-picker.js +26 -17
- package/dist/v1/components/calendar/date-picker.js.map +1 -1
- package/dist/v1/components/chip/chip.cjs +3 -3
- package/dist/v1/components/chip/chip.cjs.map +1 -1
- package/dist/v1/components/chip/chip.d.ts +2 -1
- package/dist/v1/components/chip/chip.d.ts.map +1 -1
- package/dist/v1/components/chip/chip.js +3 -3
- package/dist/v1/components/chip/chip.js.map +1 -1
- package/dist/v1/components/data-table/components/content.cjs +81 -0
- package/dist/v1/components/data-table/components/content.cjs.map +1 -0
- package/dist/v1/components/data-table/components/content.d.ts +3 -0
- package/dist/v1/components/data-table/components/content.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/content.js +79 -0
- package/dist/v1/components/data-table/components/content.js.map +1 -0
- package/dist/v1/components/data-table/components/display-properties.cjs +14 -0
- package/dist/v1/components/data-table/components/display-properties.cjs.map +1 -0
- package/dist/v1/components/data-table/components/display-properties.d.ts +5 -0
- package/dist/v1/components/data-table/components/display-properties.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/display-properties.js +12 -0
- package/dist/v1/components/data-table/components/display-properties.js.map +1 -0
- package/dist/v1/components/data-table/components/display-settings.cjs +51 -0
- package/dist/v1/components/data-table/components/display-settings.cjs.map +1 -0
- package/dist/v1/components/data-table/components/display-settings.d.ts +2 -0
- package/dist/v1/components/data-table/components/display-settings.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/display-settings.js +49 -0
- package/dist/v1/components/data-table/components/display-settings.js.map +1 -0
- package/dist/v1/components/data-table/components/filters.cjs +44 -0
- package/dist/v1/components/data-table/components/filters.cjs.map +1 -0
- package/dist/v1/components/data-table/components/filters.d.ts +2 -0
- package/dist/v1/components/data-table/components/filters.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/filters.js +42 -0
- package/dist/v1/components/data-table/components/filters.js.map +1 -0
- package/dist/v1/components/data-table/components/grouping.cjs +31 -0
- package/dist/v1/components/data-table/components/grouping.cjs.map +1 -0
- package/dist/v1/components/data-table/components/grouping.d.ts +9 -0
- package/dist/v1/components/data-table/components/grouping.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/grouping.js +29 -0
- package/dist/v1/components/data-table/components/grouping.js.map +1 -0
- package/dist/v1/components/data-table/components/ordering.cjs +24 -0
- package/dist/v1/components/data-table/components/ordering.cjs.map +1 -0
- package/dist/v1/components/data-table/components/ordering.d.ts +8 -0
- package/dist/v1/components/data-table/components/ordering.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/ordering.js +22 -0
- package/dist/v1/components/data-table/components/ordering.js.map +1 -0
- package/dist/v1/components/data-table/components/search.cjs +22 -0
- package/dist/v1/components/data-table/components/search.cjs.map +1 -0
- package/dist/v1/components/data-table/components/search.d.ts +3 -0
- package/dist/v1/components/data-table/components/search.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/search.js +20 -0
- package/dist/v1/components/data-table/components/search.js.map +1 -0
- package/dist/v1/components/data-table/components/toolbar.cjs +15 -0
- package/dist/v1/components/data-table/components/toolbar.cjs.map +1 -0
- package/dist/v1/components/data-table/components/toolbar.d.ts +4 -0
- package/dist/v1/components/data-table/components/toolbar.d.ts.map +1 -0
- package/dist/v1/components/data-table/components/toolbar.js +13 -0
- package/dist/v1/components/data-table/components/toolbar.js.map +1 -0
- package/dist/v1/components/data-table/context.cjs +8 -0
- package/dist/v1/components/data-table/context.cjs.map +1 -0
- package/dist/v1/components/data-table/context.d.ts +3 -0
- package/dist/v1/components/data-table/context.d.ts.map +1 -0
- package/dist/v1/components/data-table/context.js +6 -0
- package/dist/v1/components/data-table/context.js.map +1 -0
- package/dist/v1/components/data-table/data-table.cjs +87 -0
- package/dist/v1/components/data-table/data-table.cjs.map +1 -0
- package/dist/v1/components/data-table/data-table.d.ts +12 -0
- package/dist/v1/components/data-table/data-table.d.ts.map +1 -0
- package/dist/v1/components/data-table/data-table.js +85 -0
- package/dist/v1/components/data-table/data-table.js.map +1 -0
- package/dist/v1/components/data-table/data-table.module.css.cjs +8 -0
- package/dist/v1/components/data-table/data-table.module.css.cjs.map +1 -0
- package/dist/v1/components/data-table/data-table.module.css.js +4 -0
- package/dist/v1/components/data-table/data-table.module.css.js.map +1 -0
- package/dist/v1/components/data-table/data-table.types.cjs +9 -0
- package/dist/v1/components/data-table/data-table.types.cjs.map +1 -0
- package/dist/v1/components/data-table/data-table.types.d.ts +102 -0
- package/dist/v1/components/data-table/data-table.types.d.ts.map +1 -0
- package/dist/v1/components/data-table/data-table.types.js +7 -0
- package/dist/v1/components/data-table/data-table.types.js.map +1 -0
- package/dist/v1/components/data-table/hooks/useDataTable.cjs +15 -0
- package/dist/v1/components/data-table/hooks/useDataTable.cjs.map +1 -0
- package/dist/v1/components/data-table/hooks/useDataTable.d.ts +2 -0
- package/dist/v1/components/data-table/hooks/useDataTable.d.ts.map +1 -0
- package/dist/v1/components/data-table/hooks/useDataTable.js +13 -0
- package/dist/v1/components/data-table/hooks/useDataTable.js.map +1 -0
- package/dist/v1/components/data-table/hooks/useFilters.cjs +78 -0
- package/dist/v1/components/data-table/hooks/useFilters.cjs.map +1 -0
- package/dist/v1/components/data-table/hooks/useFilters.d.ts +9 -0
- package/dist/v1/components/data-table/hooks/useFilters.d.ts.map +1 -0
- package/dist/v1/components/data-table/hooks/useFilters.js +76 -0
- package/dist/v1/components/data-table/hooks/useFilters.js.map +1 -0
- package/dist/v1/components/data-table/index.d.ts +4 -0
- package/dist/v1/components/data-table/index.d.ts.map +1 -0
- package/dist/v1/components/data-table/utils/filter-operations.cjs +83 -0
- package/dist/v1/components/data-table/utils/filter-operations.cjs.map +1 -0
- package/dist/v1/components/data-table/utils/filter-operations.d.ts +11 -0
- package/dist/v1/components/data-table/utils/filter-operations.d.ts.map +1 -0
- package/dist/v1/components/data-table/utils/filter-operations.js +80 -0
- package/dist/v1/components/data-table/utils/filter-operations.js.map +1 -0
- package/dist/v1/components/data-table/utils/index.cjs +156 -0
- package/dist/v1/components/data-table/utils/index.cjs.map +1 -0
- package/dist/v1/components/data-table/utils/index.d.ts +14 -0
- package/dist/v1/components/data-table/utils/index.d.ts.map +1 -0
- package/dist/v1/components/data-table/utils/index.js +147 -0
- package/dist/v1/components/data-table/utils/index.js.map +1 -0
- package/dist/v1/components/dialog/dialog.cjs +4 -3
- package/dist/v1/components/dialog/dialog.cjs.map +1 -1
- package/dist/v1/components/dialog/dialog.d.ts +9 -2
- package/dist/v1/components/dialog/dialog.d.ts.map +1 -1
- package/dist/v1/components/dialog/dialog.js +5 -4
- package/dist/v1/components/dialog/dialog.js.map +1 -1
- package/dist/v1/components/dialog/dialog.module.css.cjs +1 -1
- package/dist/v1/components/dialog/dialog.module.css.js +1 -1
- package/dist/v1/components/filter-chip/filter-chip.cjs +28 -19
- package/dist/v1/components/filter-chip/filter-chip.cjs.map +1 -1
- package/dist/v1/components/filter-chip/filter-chip.d.ts +3 -7
- package/dist/v1/components/filter-chip/filter-chip.d.ts.map +1 -1
- package/dist/v1/components/filter-chip/filter-chip.js +28 -19
- package/dist/v1/components/filter-chip/filter-chip.js.map +1 -1
- package/dist/v1/components/icons/assets/filter.svg.cjs +41 -0
- package/dist/v1/components/icons/assets/filter.svg.cjs.map +1 -0
- package/dist/v1/components/icons/assets/filter.svg.js +20 -0
- package/dist/v1/components/icons/assets/filter.svg.js.map +1 -0
- package/dist/v1/components/icons/icons.d.ts +3 -0
- package/dist/v1/components/icons/icons.d.ts.map +1 -0
- package/dist/v1/components/icons/index.d.ts +2 -0
- package/dist/v1/components/icons/index.d.ts.map +1 -0
- package/dist/v1/components/input-field/input-field.cjs +1 -1
- package/dist/v1/components/input-field/input-field.cjs.map +1 -1
- package/dist/v1/components/input-field/input-field.js +1 -1
- package/dist/v1/components/input-field/input-field.js.map +1 -1
- package/dist/v1/components/sidebar/index.d.ts +2 -0
- package/dist/v1/components/sidebar/index.d.ts.map +1 -0
- package/dist/v1/components/sidebar/sidebar.cjs +47 -0
- package/dist/v1/components/sidebar/sidebar.cjs.map +1 -0
- package/dist/v1/components/{sidepanel/sidepanel.d.ts → sidebar/sidebar.d.ts} +22 -11
- package/dist/v1/components/sidebar/sidebar.d.ts.map +1 -0
- package/dist/v1/components/sidebar/sidebar.js +45 -0
- package/dist/v1/components/sidebar/sidebar.js.map +1 -0
- package/dist/v1/components/sidebar/sidebar.module.css.cjs +8 -0
- package/dist/v1/components/sidebar/sidebar.module.css.cjs.map +1 -0
- package/dist/v1/components/sidebar/sidebar.module.css.js +4 -0
- package/dist/v1/components/sidebar/sidebar.module.css.js.map +1 -0
- package/dist/v1/components/table/table.cjs.map +1 -1
- package/dist/v1/components/table/table.d.ts +2 -2
- package/dist/v1/components/table/table.js.map +1 -1
- package/dist/v1/components/tooltip/tooltip.cjs +1 -1
- package/dist/v1/components/tooltip/tooltip.cjs.map +1 -1
- package/dist/v1/components/tooltip/tooltip.js +1 -1
- package/dist/v1/components/tooltip/tooltip.js.map +1 -1
- package/dist/v1/index.cjs +6 -2
- package/dist/v1/index.cjs.map +1 -1
- package/dist/v1/index.d.ts +2 -1
- package/dist/v1/index.d.ts.map +1 -1
- package/dist/v1/index.js +4 -1
- package/dist/v1/index.js.map +1 -1
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs +92 -0
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs.map +1 -1
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js +89 -1
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js.map +1 -1
- package/dist/v1/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.cjs +131 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.js +72 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.js.map +1 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.cjs +3338 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.js +3299 -0
- package/dist/v1/node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.js.map +1 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrAfter.cjs +16 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrAfter.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrAfter.js +12 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrAfter.js.map +1 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrBefore.cjs +16 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrBefore.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrBefore.js +12 -0
- package/dist/v1/node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrBefore.js.map +1 -0
- package/dist/v1/style.css +1 -1
- package/dist/v1/types/filters.cjs +39 -0
- package/dist/v1/types/filters.cjs.map +1 -0
- package/dist/v1/types/filters.d.ts +42 -0
- package/dist/v1/types/filters.d.ts.map +1 -0
- package/dist/v1/types/filters.js +36 -0
- package/dist/v1/types/filters.js.map +1 -0
- package/package.json +2 -1
- package/dist/v1/components/sidepanel/index.d.ts +0 -2
- package/dist/v1/components/sidepanel/index.d.ts.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.cjs +0 -44
- package/dist/v1/components/sidepanel/sidepanel.cjs.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.d.ts.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.js +0 -42
- package/dist/v1/components/sidepanel/sidepanel.js.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.module.css.cjs +0 -8
- package/dist/v1/components/sidepanel/sidepanel.module.css.cjs.map +0 -1
- package/dist/v1/components/sidepanel/sidepanel.module.css.js +0 -4
- package/dist/v1/components/sidepanel/sidepanel.module.css.js.map +0 -1
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var dataTable_types = require('../data-table.types.cjs');
|
|
4
|
+
var filters = require('../../../types/filters.cjs');
|
|
5
|
+
var filterOperations = require('./filter-operations.cjs');
|
|
6
|
+
|
|
7
|
+
function queryToTableState(query) {
|
|
8
|
+
const columnFilters = query.filters
|
|
9
|
+
?.filter((data) => data.value !== "")
|
|
10
|
+
?.map((data) => {
|
|
11
|
+
const valueObject = data._type === filters.FilterType.date
|
|
12
|
+
? { date: data.value }
|
|
13
|
+
: { value: data.value };
|
|
14
|
+
return {
|
|
15
|
+
value: valueObject,
|
|
16
|
+
id: data?.name,
|
|
17
|
+
};
|
|
18
|
+
}) || [];
|
|
19
|
+
const sorting = query.sort?.map((data) => ({
|
|
20
|
+
id: data?.name,
|
|
21
|
+
desc: data?.order === dataTable_types.SortOrders.DESC,
|
|
22
|
+
}));
|
|
23
|
+
return {
|
|
24
|
+
columnFilters: columnFilters,
|
|
25
|
+
sorting: sorting,
|
|
26
|
+
globalFilter: query.search,
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
const defaultGroupOption = {
|
|
30
|
+
id: "--",
|
|
31
|
+
label: "No grouping",
|
|
32
|
+
};
|
|
33
|
+
function getColumnsWithFilterFn(columns = [], filters = []) {
|
|
34
|
+
return columns.map((column) => {
|
|
35
|
+
const colFilter = filters?.find((filter) => filter.name === column.accessorKey);
|
|
36
|
+
const filterFn = colFilter?.operator
|
|
37
|
+
? filterOperations.getFilterFn(column.columnType, colFilter.operator)
|
|
38
|
+
: undefined;
|
|
39
|
+
return {
|
|
40
|
+
...column,
|
|
41
|
+
filterFn,
|
|
42
|
+
};
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
function groupData(data, group_by, columns = []) {
|
|
46
|
+
if (!data)
|
|
47
|
+
return [];
|
|
48
|
+
if (!group_by || group_by === defaultGroupOption.id)
|
|
49
|
+
return data;
|
|
50
|
+
const group_by_map = data.reduce((acc, currentData) => {
|
|
51
|
+
const item = currentData;
|
|
52
|
+
const keyValue = item[group_by];
|
|
53
|
+
acc[keyValue] = acc[keyValue] || [];
|
|
54
|
+
acc[keyValue].push(item);
|
|
55
|
+
return acc;
|
|
56
|
+
}, {});
|
|
57
|
+
const columnDef = columns.find((col) => col.accessorKey === group_by);
|
|
58
|
+
const sortOrder = columnDef?.groupSortOrder || dataTable_types.SortOrders.ASC;
|
|
59
|
+
const showGroupCount = columnDef?.showGroupCount || false;
|
|
60
|
+
return Object.entries(group_by_map)
|
|
61
|
+
.map(([key, value]) => ({
|
|
62
|
+
group_key: key,
|
|
63
|
+
subRows: value,
|
|
64
|
+
count: columnDef?.groupCountMap?.[key] ?? value.length,
|
|
65
|
+
showGroupCount,
|
|
66
|
+
}))
|
|
67
|
+
.sort((a, b) => {
|
|
68
|
+
const sortValue = sortOrder === dataTable_types.SortOrders.ASC ? 1 : -1;
|
|
69
|
+
return a.group_key.localeCompare(b.group_key) * sortValue;
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
const generateFilterMap = (filters$1 = []) => {
|
|
73
|
+
return new Map(filters$1
|
|
74
|
+
?.filter((data) => data._type === filters.FilterType.select || data.value !== "")
|
|
75
|
+
.map(({ name, operator, value }) => [`${name}-${operator}`, value]));
|
|
76
|
+
};
|
|
77
|
+
const generateSortMap = (sort = []) => {
|
|
78
|
+
return new Map(sort.map(({ name, order }) => [name, order]));
|
|
79
|
+
};
|
|
80
|
+
const isFilterChanged = (oldFilters = [], newFilters = []) => {
|
|
81
|
+
const oldFilterMap = generateFilterMap(oldFilters);
|
|
82
|
+
const newFilterMap = generateFilterMap(newFilters);
|
|
83
|
+
if (oldFilterMap.size !== newFilterMap.size)
|
|
84
|
+
return true;
|
|
85
|
+
return [...newFilterMap].some(([key, value]) => oldFilterMap.get(key) !== value);
|
|
86
|
+
};
|
|
87
|
+
const isSortChanged = (oldSort = [], newSort = []) => {
|
|
88
|
+
if (oldSort.length !== newSort.length)
|
|
89
|
+
return true;
|
|
90
|
+
const oldSortMap = generateSortMap(oldSort);
|
|
91
|
+
const newSortMap = generateSortMap(newSort);
|
|
92
|
+
return [...newSortMap].some(([key, order]) => oldSortMap.get(key) !== order);
|
|
93
|
+
};
|
|
94
|
+
const isGroupChanged = (oldGroupBy = [], newGroupBy = []) => {
|
|
95
|
+
if (oldGroupBy.length !== newGroupBy.length)
|
|
96
|
+
return true;
|
|
97
|
+
const oldGroupSet = new Set(oldGroupBy);
|
|
98
|
+
return newGroupBy.some((item) => !oldGroupSet.has(item));
|
|
99
|
+
};
|
|
100
|
+
const isSearchChanged = (oldSearch, newSearch) => {
|
|
101
|
+
return oldSearch !== newSearch;
|
|
102
|
+
};
|
|
103
|
+
const hasQueryChanged = (oldQuery, newQuery) => {
|
|
104
|
+
if (!oldQuery)
|
|
105
|
+
return true;
|
|
106
|
+
return (isFilterChanged(oldQuery.filters, newQuery.filters) ||
|
|
107
|
+
isSortChanged(oldQuery.sort, newQuery.sort) ||
|
|
108
|
+
isGroupChanged(oldQuery.group_by, newQuery.group_by) ||
|
|
109
|
+
isSearchChanged(oldQuery.search, newQuery.search));
|
|
110
|
+
};
|
|
111
|
+
function getInitialColumnVisibility(columns = []) {
|
|
112
|
+
return columns.reduce((acc, col) => {
|
|
113
|
+
return {
|
|
114
|
+
...acc,
|
|
115
|
+
[col.accessorKey]: col.defaultHidden ? false : true,
|
|
116
|
+
};
|
|
117
|
+
}, {});
|
|
118
|
+
}
|
|
119
|
+
function sanitizeTableQuery(query) {
|
|
120
|
+
const { group_by = [], filters: filters$1 = [], sort = [], __group_by_sort = dataTable_types.SortOrders.ASC, ...rest } = query;
|
|
121
|
+
const sanitizedGroupBy = group_by?.filter((key) => key !== defaultGroupOption.id);
|
|
122
|
+
const sanitizedFilters = filters$1
|
|
123
|
+
?.filter((data) => data._type === filters.FilterType.select || data.value !== "")
|
|
124
|
+
?.map((data) => ({
|
|
125
|
+
...data,
|
|
126
|
+
value: data._type === filters.FilterType.date
|
|
127
|
+
? data.value.toISOString()
|
|
128
|
+
: data.value,
|
|
129
|
+
})) || [];
|
|
130
|
+
const sortWithGroupBy = sanitizedGroupBy?.[0]
|
|
131
|
+
? [{ name: group_by[0], order: __group_by_sort }, ...sort]
|
|
132
|
+
: sort;
|
|
133
|
+
return {
|
|
134
|
+
...rest,
|
|
135
|
+
sort: sortWithGroupBy,
|
|
136
|
+
group_by: sanitizedGroupBy,
|
|
137
|
+
filters: sanitizedFilters,
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
function getDefaultTableQuery(defaultSort, oldQuery = {}) {
|
|
141
|
+
return {
|
|
142
|
+
sort: [defaultSort],
|
|
143
|
+
group_by: [defaultGroupOption.id],
|
|
144
|
+
...oldQuery,
|
|
145
|
+
};
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
exports.defaultGroupOption = defaultGroupOption;
|
|
149
|
+
exports.getColumnsWithFilterFn = getColumnsWithFilterFn;
|
|
150
|
+
exports.getDefaultTableQuery = getDefaultTableQuery;
|
|
151
|
+
exports.getInitialColumnVisibility = getInitialColumnVisibility;
|
|
152
|
+
exports.groupData = groupData;
|
|
153
|
+
exports.hasQueryChanged = hasQueryChanged;
|
|
154
|
+
exports.queryToTableState = queryToTableState;
|
|
155
|
+
exports.sanitizeTableQuery = sanitizeTableQuery;
|
|
156
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../../v1/components/data-table/utils/index.tsx"],"sourcesContent":["import { TableState } from \"@tanstack/table-core\";\nimport {\n SortOrders,\n DataTableColumnDef,\n GroupedData,\n Sort,\n DataTableQuery,\n RQLFilter,\n} from \"../data-table.types\";\nimport { FilterType } from \"~/v1/types/filters\";\nimport { getFilterFn } from \"./filter-operations\";\n\nexport function queryToTableState(query: DataTableQuery): Partial<TableState> {\n const columnFilters =\n query.filters\n ?.filter((data) => data.value !== \"\")\n ?.map((data) => {\n const valueObject =\n data._type === FilterType.date\n ? { date: data.value }\n : { value: data.value };\n return {\n value: valueObject,\n id: data?.name,\n };\n }) || [];\n\n const sorting = query.sort?.map((data) => ({\n id: data?.name,\n desc: data?.order === SortOrders.DESC,\n }));\n return {\n columnFilters: columnFilters,\n sorting: sorting,\n globalFilter: query.search,\n };\n}\n\nexport const defaultGroupOption = {\n id: \"--\",\n label: \"No grouping\",\n};\n\nexport function getColumnsWithFilterFn<TData, TValue>(\n columns: DataTableColumnDef<TData, TValue>[] = [],\n filters: RQLFilter[] = []\n): DataTableColumnDef<TData, TValue>[] {\n return columns.map((column) => {\n const colFilter = filters?.find(\n (filter) => filter.name === column.accessorKey\n );\n const filterFn = colFilter?.operator\n ? getFilterFn(column.columnType, colFilter.operator)\n : undefined;\n\n return {\n ...column,\n filterFn,\n };\n });\n}\n\ntype GroupedDataMap<T> = Record<string, T[]>;\n\nexport function groupData<TData>(\n data: TData[],\n group_by?: string,\n columns: DataTableColumnDef<TData, any>[] = []\n): GroupedData<TData>[] {\n if (!data) return [];\n if (!group_by || group_by === defaultGroupOption.id)\n return data as GroupedData<TData>[];\n const group_by_map = data.reduce(\n (acc: GroupedDataMap<TData>, currentData: TData) => {\n const item = currentData as Record<string, string>;\n const keyValue = item[group_by];\n acc[keyValue] = acc[keyValue] || [];\n acc[keyValue].push(item as TData);\n return acc;\n },\n {} as GroupedDataMap<TData>\n );\n\n const columnDef = columns.find((col) => col.accessorKey === group_by);\n const sortOrder = columnDef?.groupSortOrder || SortOrders.ASC;\n const showGroupCount = columnDef?.showGroupCount || false;\n\n return Object.entries(group_by_map)\n .map(([key, value]) => ({\n group_key: key,\n subRows: value,\n count: columnDef?.groupCountMap?.[key] ?? value.length,\n showGroupCount,\n }))\n .sort((a, b) => {\n const sortValue = sortOrder === SortOrders.ASC ? 1 : -1;\n return a.group_key.localeCompare(b.group_key) * sortValue;\n });\n}\n\nconst generateFilterMap = (filters: RQLFilter[] = []): Map<string, any> => {\n return new Map(\n filters\n ?.filter((data) => data._type === FilterType.select || data.value !== \"\")\n .map(({ name, operator, value }) => [`${name}-${operator}`, value])\n );\n};\n\nconst generateSortMap = (sort: Sort[] = []): Map<string, string> => {\n return new Map(sort.map(({ name, order }) => [name, order]));\n};\n\nconst isFilterChanged = (\n oldFilters: RQLFilter[] = [],\n newFilters: RQLFilter[] = []\n): boolean => {\n const oldFilterMap = generateFilterMap(oldFilters);\n const newFilterMap = generateFilterMap(newFilters);\n\n if (oldFilterMap.size !== newFilterMap.size) return true;\n\n return [...newFilterMap].some(\n ([key, value]) => oldFilterMap.get(key) !== value\n );\n};\n\nconst isSortChanged = (oldSort: Sort[] = [], newSort: Sort[] = []): boolean => {\n if (oldSort.length !== newSort.length) return true;\n\n const oldSortMap = generateSortMap(oldSort);\n const newSortMap = generateSortMap(newSort);\n\n return [...newSortMap].some(([key, order]) => oldSortMap.get(key) !== order);\n};\n\nconst isGroupChanged = (\n oldGroupBy: string[] = [],\n newGroupBy: string[] = []\n): boolean => {\n if (oldGroupBy.length !== newGroupBy.length) return true;\n\n const oldGroupSet = new Set(oldGroupBy);\n return newGroupBy.some((item) => !oldGroupSet.has(item));\n};\n\nconst isSearchChanged = (oldSearch?: string, newSearch?: string): boolean => {\n return oldSearch !== newSearch;\n};\n\nexport const hasQueryChanged = (\n oldQuery: DataTableQuery | null,\n newQuery: DataTableQuery\n): boolean => {\n if (!oldQuery) return true;\n return (\n isFilterChanged(oldQuery.filters, newQuery.filters) ||\n isSortChanged(oldQuery.sort, newQuery.sort) ||\n isGroupChanged(oldQuery.group_by, newQuery.group_by) ||\n isSearchChanged(oldQuery.search, newQuery.search)\n );\n};\n\nexport function getInitialColumnVisibility<TData, TValue>(\n columns: DataTableColumnDef<TData, TValue>[] = []\n): Record<string, boolean> | {} {\n return columns.reduce((acc, col) => {\n return {\n ...acc,\n [col.accessorKey]: col.defaultHidden ? false : true,\n };\n }, {});\n}\n\nexport function sanitizeTableQuery(query: DataTableQuery): DataTableQuery {\n const {\n group_by = [],\n filters = [],\n sort = [],\n __group_by_sort = SortOrders.ASC,\n ...rest\n } = query;\n const sanitizedGroupBy = group_by?.filter(\n (key) => key !== defaultGroupOption.id\n );\n\n const sanitizedFilters =\n filters\n ?.filter((data) => data._type === FilterType.select || data.value !== \"\")\n ?.map((data) => ({\n ...data,\n value:\n data._type === FilterType.date\n ? (data.value as Date).toISOString()\n : data.value,\n })) || [];\n\n const sortWithGroupBy = sanitizedGroupBy?.[0]\n ? [{ name: group_by[0], order: __group_by_sort }, ...sort]\n : sort;\n return {\n ...rest,\n sort: sortWithGroupBy,\n group_by: sanitizedGroupBy,\n filters: sanitizedFilters,\n };\n}\n\nexport function getDefaultTableQuery(\n defaultSort: Sort,\n oldQuery: DataTableQuery = {}\n): DataTableQuery {\n return {\n sort: [defaultSort],\n group_by: [defaultGroupOption.id],\n ...oldQuery,\n };\n}\n"],"names":["FilterType","SortOrders","getFilterFn","filters"],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { TableState } from "@tanstack/table-core";
|
|
2
|
+
import { DataTableColumnDef, GroupedData, Sort, DataTableQuery, RQLFilter } from "../data-table.types";
|
|
3
|
+
export declare function queryToTableState(query: DataTableQuery): Partial<TableState>;
|
|
4
|
+
export declare const defaultGroupOption: {
|
|
5
|
+
id: string;
|
|
6
|
+
label: string;
|
|
7
|
+
};
|
|
8
|
+
export declare function getColumnsWithFilterFn<TData, TValue>(columns?: DataTableColumnDef<TData, TValue>[], filters?: RQLFilter[]): DataTableColumnDef<TData, TValue>[];
|
|
9
|
+
export declare function groupData<TData>(data: TData[], group_by?: string, columns?: DataTableColumnDef<TData, any>[]): GroupedData<TData>[];
|
|
10
|
+
export declare const hasQueryChanged: (oldQuery: DataTableQuery | null, newQuery: DataTableQuery) => boolean;
|
|
11
|
+
export declare function getInitialColumnVisibility<TData, TValue>(columns?: DataTableColumnDef<TData, TValue>[]): Record<string, boolean> | {};
|
|
12
|
+
export declare function sanitizeTableQuery(query: DataTableQuery): DataTableQuery;
|
|
13
|
+
export declare function getDefaultTableQuery(defaultSort: Sort, oldQuery?: DataTableQuery): DataTableQuery;
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../v1/components/data-table/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAEL,kBAAkB,EAClB,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACV,MAAM,qBAAqB,CAAC;AAI7B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAAC,UAAU,CAAC,CAwB5E;AAED,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAClD,OAAO,GAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAO,EACjD,OAAO,GAAE,SAAS,EAAO,GACxB,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAcrC;AAID,wBAAgB,SAAS,CAAC,KAAK,EAC7B,IAAI,EAAE,KAAK,EAAE,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,GAAE,kBAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,EAAO,GAC7C,WAAW,CAAC,KAAK,CAAC,EAAE,CA8BtB;AAmDD,eAAO,MAAM,eAAe,aAChB,cAAc,GAAG,IAAI,YACrB,cAAc,KACvB,OAQF,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,EACtD,OAAO,GAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAO,GAChD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,CAO9B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc,CAgCxE;AAED,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,IAAI,EACjB,QAAQ,GAAE,cAAmB,GAC5B,cAAc,CAMhB"}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { SortOrders } from '../data-table.types.js';
|
|
2
|
+
import { FilterType } from '../../../types/filters.js';
|
|
3
|
+
import { getFilterFn } from './filter-operations.js';
|
|
4
|
+
|
|
5
|
+
function queryToTableState(query) {
|
|
6
|
+
const columnFilters = query.filters
|
|
7
|
+
?.filter((data) => data.value !== "")
|
|
8
|
+
?.map((data) => {
|
|
9
|
+
const valueObject = data._type === FilterType.date
|
|
10
|
+
? { date: data.value }
|
|
11
|
+
: { value: data.value };
|
|
12
|
+
return {
|
|
13
|
+
value: valueObject,
|
|
14
|
+
id: data?.name,
|
|
15
|
+
};
|
|
16
|
+
}) || [];
|
|
17
|
+
const sorting = query.sort?.map((data) => ({
|
|
18
|
+
id: data?.name,
|
|
19
|
+
desc: data?.order === SortOrders.DESC,
|
|
20
|
+
}));
|
|
21
|
+
return {
|
|
22
|
+
columnFilters: columnFilters,
|
|
23
|
+
sorting: sorting,
|
|
24
|
+
globalFilter: query.search,
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
const defaultGroupOption = {
|
|
28
|
+
id: "--",
|
|
29
|
+
label: "No grouping",
|
|
30
|
+
};
|
|
31
|
+
function getColumnsWithFilterFn(columns = [], filters = []) {
|
|
32
|
+
return columns.map((column) => {
|
|
33
|
+
const colFilter = filters?.find((filter) => filter.name === column.accessorKey);
|
|
34
|
+
const filterFn = colFilter?.operator
|
|
35
|
+
? getFilterFn(column.columnType, colFilter.operator)
|
|
36
|
+
: undefined;
|
|
37
|
+
return {
|
|
38
|
+
...column,
|
|
39
|
+
filterFn,
|
|
40
|
+
};
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
function groupData(data, group_by, columns = []) {
|
|
44
|
+
if (!data)
|
|
45
|
+
return [];
|
|
46
|
+
if (!group_by || group_by === defaultGroupOption.id)
|
|
47
|
+
return data;
|
|
48
|
+
const group_by_map = data.reduce((acc, currentData) => {
|
|
49
|
+
const item = currentData;
|
|
50
|
+
const keyValue = item[group_by];
|
|
51
|
+
acc[keyValue] = acc[keyValue] || [];
|
|
52
|
+
acc[keyValue].push(item);
|
|
53
|
+
return acc;
|
|
54
|
+
}, {});
|
|
55
|
+
const columnDef = columns.find((col) => col.accessorKey === group_by);
|
|
56
|
+
const sortOrder = columnDef?.groupSortOrder || SortOrders.ASC;
|
|
57
|
+
const showGroupCount = columnDef?.showGroupCount || false;
|
|
58
|
+
return Object.entries(group_by_map)
|
|
59
|
+
.map(([key, value]) => ({
|
|
60
|
+
group_key: key,
|
|
61
|
+
subRows: value,
|
|
62
|
+
count: columnDef?.groupCountMap?.[key] ?? value.length,
|
|
63
|
+
showGroupCount,
|
|
64
|
+
}))
|
|
65
|
+
.sort((a, b) => {
|
|
66
|
+
const sortValue = sortOrder === SortOrders.ASC ? 1 : -1;
|
|
67
|
+
return a.group_key.localeCompare(b.group_key) * sortValue;
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
const generateFilterMap = (filters = []) => {
|
|
71
|
+
return new Map(filters
|
|
72
|
+
?.filter((data) => data._type === FilterType.select || data.value !== "")
|
|
73
|
+
.map(({ name, operator, value }) => [`${name}-${operator}`, value]));
|
|
74
|
+
};
|
|
75
|
+
const generateSortMap = (sort = []) => {
|
|
76
|
+
return new Map(sort.map(({ name, order }) => [name, order]));
|
|
77
|
+
};
|
|
78
|
+
const isFilterChanged = (oldFilters = [], newFilters = []) => {
|
|
79
|
+
const oldFilterMap = generateFilterMap(oldFilters);
|
|
80
|
+
const newFilterMap = generateFilterMap(newFilters);
|
|
81
|
+
if (oldFilterMap.size !== newFilterMap.size)
|
|
82
|
+
return true;
|
|
83
|
+
return [...newFilterMap].some(([key, value]) => oldFilterMap.get(key) !== value);
|
|
84
|
+
};
|
|
85
|
+
const isSortChanged = (oldSort = [], newSort = []) => {
|
|
86
|
+
if (oldSort.length !== newSort.length)
|
|
87
|
+
return true;
|
|
88
|
+
const oldSortMap = generateSortMap(oldSort);
|
|
89
|
+
const newSortMap = generateSortMap(newSort);
|
|
90
|
+
return [...newSortMap].some(([key, order]) => oldSortMap.get(key) !== order);
|
|
91
|
+
};
|
|
92
|
+
const isGroupChanged = (oldGroupBy = [], newGroupBy = []) => {
|
|
93
|
+
if (oldGroupBy.length !== newGroupBy.length)
|
|
94
|
+
return true;
|
|
95
|
+
const oldGroupSet = new Set(oldGroupBy);
|
|
96
|
+
return newGroupBy.some((item) => !oldGroupSet.has(item));
|
|
97
|
+
};
|
|
98
|
+
const isSearchChanged = (oldSearch, newSearch) => {
|
|
99
|
+
return oldSearch !== newSearch;
|
|
100
|
+
};
|
|
101
|
+
const hasQueryChanged = (oldQuery, newQuery) => {
|
|
102
|
+
if (!oldQuery)
|
|
103
|
+
return true;
|
|
104
|
+
return (isFilterChanged(oldQuery.filters, newQuery.filters) ||
|
|
105
|
+
isSortChanged(oldQuery.sort, newQuery.sort) ||
|
|
106
|
+
isGroupChanged(oldQuery.group_by, newQuery.group_by) ||
|
|
107
|
+
isSearchChanged(oldQuery.search, newQuery.search));
|
|
108
|
+
};
|
|
109
|
+
function getInitialColumnVisibility(columns = []) {
|
|
110
|
+
return columns.reduce((acc, col) => {
|
|
111
|
+
return {
|
|
112
|
+
...acc,
|
|
113
|
+
[col.accessorKey]: col.defaultHidden ? false : true,
|
|
114
|
+
};
|
|
115
|
+
}, {});
|
|
116
|
+
}
|
|
117
|
+
function sanitizeTableQuery(query) {
|
|
118
|
+
const { group_by = [], filters = [], sort = [], __group_by_sort = SortOrders.ASC, ...rest } = query;
|
|
119
|
+
const sanitizedGroupBy = group_by?.filter((key) => key !== defaultGroupOption.id);
|
|
120
|
+
const sanitizedFilters = filters
|
|
121
|
+
?.filter((data) => data._type === FilterType.select || data.value !== "")
|
|
122
|
+
?.map((data) => ({
|
|
123
|
+
...data,
|
|
124
|
+
value: data._type === FilterType.date
|
|
125
|
+
? data.value.toISOString()
|
|
126
|
+
: data.value,
|
|
127
|
+
})) || [];
|
|
128
|
+
const sortWithGroupBy = sanitizedGroupBy?.[0]
|
|
129
|
+
? [{ name: group_by[0], order: __group_by_sort }, ...sort]
|
|
130
|
+
: sort;
|
|
131
|
+
return {
|
|
132
|
+
...rest,
|
|
133
|
+
sort: sortWithGroupBy,
|
|
134
|
+
group_by: sanitizedGroupBy,
|
|
135
|
+
filters: sanitizedFilters,
|
|
136
|
+
};
|
|
137
|
+
}
|
|
138
|
+
function getDefaultTableQuery(defaultSort, oldQuery = {}) {
|
|
139
|
+
return {
|
|
140
|
+
sort: [defaultSort],
|
|
141
|
+
group_by: [defaultGroupOption.id],
|
|
142
|
+
...oldQuery,
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
export { defaultGroupOption, getColumnsWithFilterFn, getDefaultTableQuery, getInitialColumnVisibility, groupData, hasQueryChanged, queryToTableState, sanitizeTableQuery };
|
|
147
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../v1/components/data-table/utils/index.tsx"],"sourcesContent":["import { TableState } from \"@tanstack/table-core\";\nimport {\n SortOrders,\n DataTableColumnDef,\n GroupedData,\n Sort,\n DataTableQuery,\n RQLFilter,\n} from \"../data-table.types\";\nimport { FilterType } from \"~/v1/types/filters\";\nimport { getFilterFn } from \"./filter-operations\";\n\nexport function queryToTableState(query: DataTableQuery): Partial<TableState> {\n const columnFilters =\n query.filters\n ?.filter((data) => data.value !== \"\")\n ?.map((data) => {\n const valueObject =\n data._type === FilterType.date\n ? { date: data.value }\n : { value: data.value };\n return {\n value: valueObject,\n id: data?.name,\n };\n }) || [];\n\n const sorting = query.sort?.map((data) => ({\n id: data?.name,\n desc: data?.order === SortOrders.DESC,\n }));\n return {\n columnFilters: columnFilters,\n sorting: sorting,\n globalFilter: query.search,\n };\n}\n\nexport const defaultGroupOption = {\n id: \"--\",\n label: \"No grouping\",\n};\n\nexport function getColumnsWithFilterFn<TData, TValue>(\n columns: DataTableColumnDef<TData, TValue>[] = [],\n filters: RQLFilter[] = []\n): DataTableColumnDef<TData, TValue>[] {\n return columns.map((column) => {\n const colFilter = filters?.find(\n (filter) => filter.name === column.accessorKey\n );\n const filterFn = colFilter?.operator\n ? getFilterFn(column.columnType, colFilter.operator)\n : undefined;\n\n return {\n ...column,\n filterFn,\n };\n });\n}\n\ntype GroupedDataMap<T> = Record<string, T[]>;\n\nexport function groupData<TData>(\n data: TData[],\n group_by?: string,\n columns: DataTableColumnDef<TData, any>[] = []\n): GroupedData<TData>[] {\n if (!data) return [];\n if (!group_by || group_by === defaultGroupOption.id)\n return data as GroupedData<TData>[];\n const group_by_map = data.reduce(\n (acc: GroupedDataMap<TData>, currentData: TData) => {\n const item = currentData as Record<string, string>;\n const keyValue = item[group_by];\n acc[keyValue] = acc[keyValue] || [];\n acc[keyValue].push(item as TData);\n return acc;\n },\n {} as GroupedDataMap<TData>\n );\n\n const columnDef = columns.find((col) => col.accessorKey === group_by);\n const sortOrder = columnDef?.groupSortOrder || SortOrders.ASC;\n const showGroupCount = columnDef?.showGroupCount || false;\n\n return Object.entries(group_by_map)\n .map(([key, value]) => ({\n group_key: key,\n subRows: value,\n count: columnDef?.groupCountMap?.[key] ?? value.length,\n showGroupCount,\n }))\n .sort((a, b) => {\n const sortValue = sortOrder === SortOrders.ASC ? 1 : -1;\n return a.group_key.localeCompare(b.group_key) * sortValue;\n });\n}\n\nconst generateFilterMap = (filters: RQLFilter[] = []): Map<string, any> => {\n return new Map(\n filters\n ?.filter((data) => data._type === FilterType.select || data.value !== \"\")\n .map(({ name, operator, value }) => [`${name}-${operator}`, value])\n );\n};\n\nconst generateSortMap = (sort: Sort[] = []): Map<string, string> => {\n return new Map(sort.map(({ name, order }) => [name, order]));\n};\n\nconst isFilterChanged = (\n oldFilters: RQLFilter[] = [],\n newFilters: RQLFilter[] = []\n): boolean => {\n const oldFilterMap = generateFilterMap(oldFilters);\n const newFilterMap = generateFilterMap(newFilters);\n\n if (oldFilterMap.size !== newFilterMap.size) return true;\n\n return [...newFilterMap].some(\n ([key, value]) => oldFilterMap.get(key) !== value\n );\n};\n\nconst isSortChanged = (oldSort: Sort[] = [], newSort: Sort[] = []): boolean => {\n if (oldSort.length !== newSort.length) return true;\n\n const oldSortMap = generateSortMap(oldSort);\n const newSortMap = generateSortMap(newSort);\n\n return [...newSortMap].some(([key, order]) => oldSortMap.get(key) !== order);\n};\n\nconst isGroupChanged = (\n oldGroupBy: string[] = [],\n newGroupBy: string[] = []\n): boolean => {\n if (oldGroupBy.length !== newGroupBy.length) return true;\n\n const oldGroupSet = new Set(oldGroupBy);\n return newGroupBy.some((item) => !oldGroupSet.has(item));\n};\n\nconst isSearchChanged = (oldSearch?: string, newSearch?: string): boolean => {\n return oldSearch !== newSearch;\n};\n\nexport const hasQueryChanged = (\n oldQuery: DataTableQuery | null,\n newQuery: DataTableQuery\n): boolean => {\n if (!oldQuery) return true;\n return (\n isFilterChanged(oldQuery.filters, newQuery.filters) ||\n isSortChanged(oldQuery.sort, newQuery.sort) ||\n isGroupChanged(oldQuery.group_by, newQuery.group_by) ||\n isSearchChanged(oldQuery.search, newQuery.search)\n );\n};\n\nexport function getInitialColumnVisibility<TData, TValue>(\n columns: DataTableColumnDef<TData, TValue>[] = []\n): Record<string, boolean> | {} {\n return columns.reduce((acc, col) => {\n return {\n ...acc,\n [col.accessorKey]: col.defaultHidden ? false : true,\n };\n }, {});\n}\n\nexport function sanitizeTableQuery(query: DataTableQuery): DataTableQuery {\n const {\n group_by = [],\n filters = [],\n sort = [],\n __group_by_sort = SortOrders.ASC,\n ...rest\n } = query;\n const sanitizedGroupBy = group_by?.filter(\n (key) => key !== defaultGroupOption.id\n );\n\n const sanitizedFilters =\n filters\n ?.filter((data) => data._type === FilterType.select || data.value !== \"\")\n ?.map((data) => ({\n ...data,\n value:\n data._type === FilterType.date\n ? (data.value as Date).toISOString()\n : data.value,\n })) || [];\n\n const sortWithGroupBy = sanitizedGroupBy?.[0]\n ? [{ name: group_by[0], order: __group_by_sort }, ...sort]\n : sort;\n return {\n ...rest,\n sort: sortWithGroupBy,\n group_by: sanitizedGroupBy,\n filters: sanitizedFilters,\n };\n}\n\nexport function getDefaultTableQuery(\n defaultSort: Sort,\n oldQuery: DataTableQuery = {}\n): DataTableQuery {\n return {\n sort: [defaultSort],\n group_by: [defaultGroupOption.id],\n ...oldQuery,\n };\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,11 @@ var index = require('../../node_modules/.pnpm/@radix-ui_react-dialog@1.0.4_@type
|
|
|
5
5
|
var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
|
|
6
6
|
var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
|
|
7
7
|
var React = require('react');
|
|
8
|
+
var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
|
|
8
9
|
var dialog_module = require('./dialog.module.css.cjs');
|
|
9
10
|
|
|
10
11
|
const dialogContent = index$1.cva(dialog_module.default.dialogContent);
|
|
11
|
-
const DialogContent = React.forwardRef(({ className, children, ariaLabel, ariaDescription, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Portal, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Overlay, { className: dialog_module.default.dialogOverlay, "aria-hidden": "true", role: "presentation" }), jsxRuntime.jsxRuntimeExports.
|
|
12
|
+
const DialogContent = React.forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, close, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Portal, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Overlay, { className: clsx.clsx(dialog_module.default.dialogOverlay, overlayClassName, overlayBlur && dialog_module.default.overlayBlur), style: overlayStyle, "aria-hidden": "true", role: "presentation" }), jsxRuntime.jsxRuntimeExports.jsxs(index.Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: [children, close && jsxRuntime.jsxRuntimeExports.jsx(CloseButton, {})] })] })));
|
|
12
13
|
DialogContent.displayName = index.Content.displayName;
|
|
13
14
|
function CloseButton({ children = jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.Cross1Icon, {}), className, ...props }) {
|
|
14
15
|
return (jsxRuntime.jsxRuntimeExports.jsx(index.Close, { className: dialog_module.default.close, "aria-label": "Close dialog", ...props, children: children }));
|
|
@@ -16,8 +17,8 @@ function CloseButton({ children = jsxRuntime.jsxRuntimeExports.jsx(reactIcons_es
|
|
|
16
17
|
function DialogTitle({ children, ...props }) {
|
|
17
18
|
return (jsxRuntime.jsxRuntimeExports.jsx(index.Title, { ...props, role: "heading", "aria-level": 1, children: children }));
|
|
18
19
|
}
|
|
19
|
-
function DialogDescription({ children, ...props }) {
|
|
20
|
-
return (jsxRuntime.jsxRuntimeExports.jsx(index.Description, { ...props, id: "dialog-description", role: "document", children: children }));
|
|
20
|
+
function DialogDescription({ children, className, ...props }) {
|
|
21
|
+
return (jsxRuntime.jsxRuntimeExports.jsx(index.Description, { ...props, className: className, id: "dialog-description", role: "document", children: children }));
|
|
21
22
|
}
|
|
22
23
|
const Dialog = Object.assign(index.Root, {
|
|
23
24
|
Trigger: index.Trigger,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.cjs","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n} from \"react\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof dialogContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n}\n\nconst DialogContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(({ className, children, ariaLabel, ariaDescription, ...props }, ref) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay \n className={styles.dialogOverlay}\n aria-hidden=\"true\"\n role=\"presentation\"\n />\n <DialogPrimitive.Content\n ref={ref}\n className={dialogContent({ className })}\n aria-label={ariaLabel}\n aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n children = <Cross1Icon />,\n className,\n ...props\n}: CloseButtonProps) {\n return (\n <DialogPrimitive.Close \n className={styles.close} \n aria-label=\"Close dialog\"\n {...props}\n >\n {children}\n </DialogPrimitive.Close>\n );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n return (\n <DialogPrimitive.Title \n {...props}\n role=\"heading\"\n aria-level={1}\n >\n {children}\n </DialogPrimitive.Title>\n );\n}\n\nfunction DialogDescription({ children, ...props }:
|
|
1
|
+
{"version":3,"file":"dialog.cjs","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n} from \"react\";\nimport { clsx } from \"clsx\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof dialogContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n overlayBlur?: boolean;\n overlayClassName?: string;\n overlayStyle?: React.CSSProperties;\n width?: string | number;\n close?: boolean;\n}\n\nconst DialogContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(({ \n className, \n children, \n ariaLabel, \n ariaDescription, \n overlayBlur = false, \n overlayClassName,\n overlayStyle,\n width,\n close,\n ...props \n}, ref) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay \n className={clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur )}\n style={overlayStyle}\n aria-hidden=\"true\"\n role=\"presentation\"\n />\n <DialogPrimitive.Content\n ref={ref}\n className={dialogContent({ className })}\n style={{ width, ...props.style }}\n aria-label={ariaLabel}\n aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n {...props}\n >\n {children}\n {close && <CloseButton />}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n children = <Cross1Icon />,\n className,\n ...props\n}: CloseButtonProps) {\n return (\n <DialogPrimitive.Close \n className={styles.close} \n aria-label=\"Close dialog\"\n {...props}\n >\n {children}\n </DialogPrimitive.Close>\n );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n return (\n <DialogPrimitive.Title \n {...props}\n role=\"heading\"\n aria-level={1}\n >\n {children}\n </DialogPrimitive.Title>\n );\n}\n\ninterface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {\n children: React.ReactNode;\n className?: string;\n}\n\nfunction DialogDescription({ children, className, ...props }: DialogDescriptionProps) {\n return (\n <DialogPrimitive.Description \n {...props}\n className={className}\n id=\"dialog-description\"\n role=\"document\"\n >\n {children}\n </DialogPrimitive.Description>\n );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n Trigger: DialogPrimitive.Trigger,\n Content: DialogContent,\n Close: CloseButton,\n Title: DialogTitle,\n Description: DialogDescription,\n}); "],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","clsx","DialogPrimitive.Content","Cross1Icon","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;;;AAaA,MAAM,aAAa,GAAGA,WAAG,CAACC,qBAAM,CAAC,aAAa,CAAC,CAAC;AAchD,MAAM,aAAa,GAAGC,gBAAU,CAG9B,CAAC,EACD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJC,iCAAA,CAACC,YAAsB,EAAA,EAAA,QAAA,EAAA,CACrBC,gCAAC,CAAAC,aAAuB,EACtB,EAAA,SAAS,EAAEC,SAAI,CAACN,qBAAM,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,IAAIA,qBAAM,CAAC,WAAW,CAAE,EAC3F,KAAK,EAAE,YAAY,EACP,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,CAAA,EACFE,iCAAC,CAAAK,aAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EAAA,YAAA,EACpB,SAAS,EAAA,kBAAA,EACH,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAAA,GAChE,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,KAAK,IAAIH,gCAAC,CAAA,WAAW,EAAG,EAAA,CAAA,CAAA,EAAA,CACD,CACH,EAAA,CAAA,CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAGG,aAAuB,CAAC,WAAW,CAAC;AAGhD,SAAA,WAAW,CAAC,EAC1B,QAAQ,GAAGH,gCAAA,CAACI,yBAAU,EAAA,EAAA,CAAG,EACzB,SAAS,EACT,GAAG,KAAK,EACS,EAAA;AACjB,IAAA,QACEJ,gCAAC,CAAAK,WAAqB,EAAA,EACpB,SAAS,EAAET,qBAAM,CAAC,KAAK,EAAA,YAAA,EACZ,cAAc,EACrB,GAAA,KAAK,YAER,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAMD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC3D,IAAA,QACEI,gCAAC,CAAAM,WAAqB,OAChB,KAAK,EACT,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,YAEZ,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAOD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B,EAAA;IAClF,QACEN,iCAACO,iBAA2B,EACtB,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAEd,QAAA,EAAA,QAAQ,EACmB,CAAA,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,UAAoB,EAAE;IACxD,OAAO,EAAEC,aAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;;"}
|
|
@@ -5,6 +5,11 @@ declare const dialogContent: (props?: import("class-variance-authority/dist/type
|
|
|
5
5
|
export interface DialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContent> {
|
|
6
6
|
ariaLabel?: string;
|
|
7
7
|
ariaDescription?: string;
|
|
8
|
+
overlayBlur?: boolean;
|
|
9
|
+
overlayClassName?: string;
|
|
10
|
+
overlayStyle?: React.CSSProperties;
|
|
11
|
+
width?: string | number;
|
|
12
|
+
close?: boolean;
|
|
8
13
|
}
|
|
9
14
|
type CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;
|
|
10
15
|
export declare function CloseButton({ children, className, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -12,9 +17,11 @@ interface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title>
|
|
|
12
17
|
children: React.ReactNode;
|
|
13
18
|
}
|
|
14
19
|
declare function DialogTitle({ children, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
|
|
20
|
+
interface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {
|
|
16
21
|
children: React.ReactNode;
|
|
17
|
-
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
declare function DialogDescription({ children, className, ...props }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
18
25
|
export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps> & {
|
|
19
26
|
Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
20
27
|
Content: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../v1/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../v1/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAKf,QAAA,MAAM,aAAa,yFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAwCD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAC1B,QAAyB,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,UAAU,gBAAiB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAU5D;AAED,UAAU,sBAAuB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAWnF;AAED,eAAO,MAAM,MAAM;;;;;;CAMjB,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
|
|
2
|
-
import { Portal as $5d3850c4d0b4e6c7$export$602eac185826482c, Overlay as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, Content as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2,
|
|
2
|
+
import { Portal as $5d3850c4d0b4e6c7$export$602eac185826482c, Overlay as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, Content as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, Close as $5d3850c4d0b4e6c7$export$f39c2d165cd861fe, Root as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, Trigger as $5d3850c4d0b4e6c7$export$41fb9f06171c75f4, Title as $5d3850c4d0b4e6c7$export$f99233281efd08a0, Description as $5d3850c4d0b4e6c7$export$393edc798c47379d } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-dialog/dist/index.js';
|
|
3
3
|
import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
|
|
4
4
|
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
6
|
+
import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
|
|
6
7
|
import styles from './dialog.module.css.js';
|
|
7
8
|
|
|
8
9
|
const dialogContent = cva(styles.dialogContent);
|
|
9
|
-
const DialogContent = forwardRef(({ className, children, ariaLabel, ariaDescription, ...props }, ref) => (jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$602eac185826482c, { children: [jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: styles.dialogOverlay, "aria-hidden": "true", role: "presentation" }), jsxRuntimeExports.
|
|
10
|
+
const DialogContent = forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, close, ...props }, ref) => (jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$602eac185826482c, { children: [jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur), style: overlayStyle, "aria-hidden": "true", role: "presentation" }), jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: [children, close && jsxRuntimeExports.jsx(CloseButton, {})] })] })));
|
|
10
11
|
DialogContent.displayName = $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2.displayName;
|
|
11
12
|
function CloseButton({ children = jsxRuntimeExports.jsx(Cross1Icon, {}), className, ...props }) {
|
|
12
13
|
return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { className: styles.close, "aria-label": "Close dialog", ...props, children: children }));
|
|
@@ -14,8 +15,8 @@ function CloseButton({ children = jsxRuntimeExports.jsx(Cross1Icon, {}), classNa
|
|
|
14
15
|
function DialogTitle({ children, ...props }) {
|
|
15
16
|
return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$f99233281efd08a0, { ...props, role: "heading", "aria-level": 1, children: children }));
|
|
16
17
|
}
|
|
17
|
-
function DialogDescription({ children, ...props }) {
|
|
18
|
-
return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$393edc798c47379d, { ...props, id: "dialog-description", role: "document", children: children }));
|
|
18
|
+
function DialogDescription({ children, className, ...props }) {
|
|
19
|
+
return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$393edc798c47379d, { ...props, className: className, id: "dialog-description", role: "document", children: children }));
|
|
19
20
|
}
|
|
20
21
|
const Dialog = Object.assign($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, {
|
|
21
22
|
Trigger: $5d3850c4d0b4e6c7$export$41fb9f06171c75f4,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n} from \"react\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof dialogContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n}\n\nconst DialogContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(({ className, children, ariaLabel, ariaDescription, ...props }, ref) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay \n className={styles.dialogOverlay}\n aria-hidden=\"true\"\n role=\"presentation\"\n />\n <DialogPrimitive.Content\n ref={ref}\n className={dialogContent({ className })}\n aria-label={ariaLabel}\n aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n children = <Cross1Icon />,\n className,\n ...props\n}: CloseButtonProps) {\n return (\n <DialogPrimitive.Close \n className={styles.close} \n aria-label=\"Close dialog\"\n {...props}\n >\n {children}\n </DialogPrimitive.Close>\n );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n return (\n <DialogPrimitive.Title \n {...props}\n role=\"heading\"\n aria-level={1}\n >\n {children}\n </DialogPrimitive.Title>\n );\n}\n\nfunction DialogDescription({ children, ...props }:
|
|
1
|
+
{"version":3,"file":"dialog.js","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n} from \"react\";\nimport { clsx } from \"clsx\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof dialogContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n overlayBlur?: boolean;\n overlayClassName?: string;\n overlayStyle?: React.CSSProperties;\n width?: string | number;\n close?: boolean;\n}\n\nconst DialogContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(({ \n className, \n children, \n ariaLabel, \n ariaDescription, \n overlayBlur = false, \n overlayClassName,\n overlayStyle,\n width,\n close,\n ...props \n}, ref) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay \n className={clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur )}\n style={overlayStyle}\n aria-hidden=\"true\"\n role=\"presentation\"\n />\n <DialogPrimitive.Content\n ref={ref}\n className={dialogContent({ className })}\n style={{ width, ...props.style }}\n aria-label={ariaLabel}\n aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n {...props}\n >\n {children}\n {close && <CloseButton />}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n children = <Cross1Icon />,\n className,\n ...props\n}: CloseButtonProps) {\n return (\n <DialogPrimitive.Close \n className={styles.close} \n aria-label=\"Close dialog\"\n {...props}\n >\n {children}\n </DialogPrimitive.Close>\n );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n return (\n <DialogPrimitive.Title \n {...props}\n role=\"heading\"\n aria-level={1}\n >\n {children}\n </DialogPrimitive.Title>\n );\n}\n\ninterface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {\n children: React.ReactNode;\n className?: string;\n}\n\nfunction DialogDescription({ children, className, ...props }: DialogDescriptionProps) {\n return (\n <DialogPrimitive.Description \n {...props}\n className={className}\n id=\"dialog-description\"\n role=\"document\"\n >\n {children}\n </DialogPrimitive.Description>\n );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n Trigger: DialogPrimitive.Trigger,\n Content: DialogContent,\n Close: CloseButton,\n Title: DialogTitle,\n Description: DialogDescription,\n}); "],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;AAaA,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;AAchD,MAAM,aAAa,GAAG,UAAU,CAG9B,CAAC,EACD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJA,sBAAA,CAACC,yCAAsB,EAAA,EAAA,QAAA,EAAA,CACrBC,qBAAC,CAAAC,yCAAuB,EACtB,EAAA,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,IAAI,MAAM,CAAC,WAAW,CAAE,EAC3F,KAAK,EAAE,YAAY,EACP,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,CAAA,EACFH,sBAAC,CAAAI,yCAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EAAA,YAAA,EACpB,SAAS,EAAA,kBAAA,EACH,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAAA,GAChE,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,KAAK,IAAIF,qBAAC,CAAA,WAAW,EAAG,EAAA,CAAA,CAAA,EAAA,CACD,CACH,EAAA,CAAA,CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAGE,yCAAuB,CAAC,WAAW,CAAC;AAGhD,SAAA,WAAW,CAAC,EAC1B,QAAQ,GAAGF,qBAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EACzB,SAAS,EACT,GAAG,KAAK,EACS,EAAA;AACjB,IAAA,QACEA,qBAAC,CAAAG,yCAAqB,EAAA,EACpB,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,YAAA,EACZ,cAAc,EACrB,GAAA,KAAK,YAER,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAMD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC3D,IAAA,QACEH,qBAAC,CAAAI,yCAAqB,OAChB,KAAK,EACT,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,YAEZ,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAOD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B,EAAA;IAClF,QACEJ,sBAACK,yCAA2B,EACtB,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAEd,QAAA,EAAA,QAAQ,EACmB,CAAA,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,yCAAoB,EAAE;IACxD,OAAO,EAAEC,yCAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var styles = {"dialogOverlay":"dialog-module_dialogOverlay__gtTvA","dialogContent":"dialog-module_dialogContent__DvkhU","close":"dialog-module_close__g-6GW","fadeIn":"dialog-module_fadeIn__Yyp5s","fadeOut":"dialog-module_fadeOut__H7gVW","overlay":"dialog-module_overlay__sppBT"};
|
|
5
|
+
var styles = {"dialogOverlay":"dialog-module_dialogOverlay__gtTvA","dialogContent":"dialog-module_dialogContent__DvkhU","close":"dialog-module_close__g-6GW","overlayBlur":"dialog-module_overlayBlur__5363s","fadeIn":"dialog-module_fadeIn__Yyp5s","fadeOut":"dialog-module_fadeOut__H7gVW","overlay":"dialog-module_overlay__sppBT"};
|
|
6
6
|
|
|
7
7
|
exports.default = styles;
|
|
8
8
|
//# sourceMappingURL=dialog.module.css.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var styles = {"dialogOverlay":"dialog-module_dialogOverlay__gtTvA","dialogContent":"dialog-module_dialogContent__DvkhU","close":"dialog-module_close__g-6GW","fadeIn":"dialog-module_fadeIn__Yyp5s","fadeOut":"dialog-module_fadeOut__H7gVW","overlay":"dialog-module_overlay__sppBT"};
|
|
1
|
+
var styles = {"dialogOverlay":"dialog-module_dialogOverlay__gtTvA","dialogContent":"dialog-module_dialogContent__DvkhU","close":"dialog-module_close__g-6GW","overlayBlur":"dialog-module_overlayBlur__5363s","fadeIn":"dialog-module_fadeIn__Yyp5s","fadeOut":"dialog-module_fadeOut__H7gVW","overlay":"dialog-module_overlay__sppBT"};
|
|
2
2
|
|
|
3
3
|
export { styles as default };
|
|
4
4
|
//# sourceMappingURL=dialog.module.css.js.map
|