@fluidattacks/design 3.49.3 → 4.1.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/assets/index.css +1 -1
- package/dist/components/@core/index.js +9 -9
- package/dist/components/accordion/accordion-content/index.js +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/advanced-badge/index.js +1 -1
- package/dist/components/advisories-card/index.js +2 -2
- package/dist/components/alert/index.js +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/button/index.js +1 -1
- package/dist/components/card/card-header/index.js +1 -1
- package/dist/components/card/card-with-image/index.js +1 -1
- package/dist/components/card/card-with-input/index.js +2 -2
- package/dist/components/card/card-with-options/index.js +1 -1
- package/dist/components/card/card-with-selector/index.js +1 -1
- package/dist/components/card/card-with-switch/index.js +1 -1
- package/dist/components/card/index.js +1 -1
- package/dist/components/card/indicator-card/index.js +2 -2
- package/dist/components/card-container/index.js +1 -1
- package/dist/components/carousel/index.js +2 -2
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/cloud-image/index.js +2 -2
- package/dist/components/code-snippet/index.js +2 -2
- package/dist/components/colors/index.js +1 -1
- package/dist/components/conditions-dialog/index.js +2 -2
- package/dist/components/confirm-dialog/index.js +3 -3
- package/dist/components/container/index.js +1 -1
- package/dist/components/copy-button/index.js +1 -1
- package/dist/components/divider/index.js +1 -1
- package/dist/components/dropdown/index.js +2 -2
- package/dist/components/empty-state/empty-button/index.js +1 -1
- package/dist/components/empty-state/index.js +1 -1
- package/dist/components/fa-tag/index.js +1 -1
- package/dist/components/file-preview/index.js +1 -1
- package/dist/components/filters/active-filters/active-filter/index.js +1 -1
- package/dist/components/filters/active-filters/index.js +1 -1
- package/dist/components/filters/context/index.js +1 -1
- package/dist/components/filters/filters-menu/index.js +2 -2
- package/dist/components/filters/index.js +2 -2
- package/dist/components/filters/options-menu/index.js +3 -3
- package/dist/components/filters/options-menu/options/index.js +2 -2
- package/dist/components/filters/search/no-matches/index.js +1 -1
- package/dist/components/form/index.js +3 -3
- package/dist/components/form/inner-form/index.js +2 -2
- package/dist/components/grid-container/index.js +2 -2
- package/dist/components/group-selector/index.js +1 -1
- package/dist/components/group-selector/option-container/index.js +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/icon-button/index.js +1 -1
- package/dist/components/indicator-card-db/index.js +2 -2
- package/dist/components/info-sidebar/index.js +1 -1
- package/dist/components/inputs/fields/combobox/field/index.js +2 -2
- package/dist/components/inputs/fields/combobox/index.js +2 -2
- package/dist/components/inputs/fields/combobox/option/index.js +2 -2
- package/dist/components/inputs/fields/date/calendar/cell/index.js +2 -2
- package/dist/components/inputs/fields/date/calendar/grid/index.js +2 -2
- package/dist/components/inputs/fields/date/calendar/header/index.js +1 -1
- package/dist/components/inputs/fields/date/calendar/index.js +2 -2
- package/dist/components/inputs/fields/date/index.js +3 -3
- package/dist/components/inputs/fields/date-range/calendar/index.js +2 -2
- package/dist/components/inputs/fields/date-range/index.js +2 -2
- package/dist/components/inputs/fields/date-time/calendar/index.js +2 -2
- package/dist/components/inputs/fields/date-time/index.js +3 -3
- package/dist/components/inputs/fields/editable/index.js +2 -2
- package/dist/components/inputs/fields/input-array/field/index.js +1 -1
- package/dist/components/inputs/fields/input-array/index.js +2 -2
- package/dist/components/inputs/fields/input-file/default/index.js +2 -2
- package/dist/components/inputs/fields/input-file/dropzone/index.js +2 -2
- package/dist/components/inputs/fields/input-file/index.js +1 -1
- package/dist/components/inputs/fields/input-section/index.js +2 -2
- package/dist/components/inputs/fields/input-tags/field/index.js +1 -1
- package/dist/components/inputs/fields/input-tags/index.js +2 -2
- package/dist/components/inputs/fields/number/index.js +2 -2
- package/dist/components/inputs/fields/number-range/index.js +1 -1
- package/dist/components/inputs/fields/phone/index.js +2 -2
- package/dist/components/inputs/fields/text-area/index.js +1 -1
- package/dist/components/inputs/fields/text-input/index.js +1 -1
- package/dist/components/inputs/index.js +3 -3
- package/dist/components/inputs/label/index.js +2 -2
- package/dist/components/inputs/outline-container/index.js +1 -1
- package/dist/components/inputs/utils/action-button/index.js +1 -1
- package/dist/components/inputs/utils/calendar-button/index.js +2 -2
- package/dist/components/inputs/utils/date-selector/index.js +1 -1
- package/dist/components/inputs/utils/date-time-field/index.js +2 -2
- package/dist/components/inputs/utils/dialog/index.js +2 -2
- package/dist/components/inputs/utils/number-field/index.js +2 -2
- package/dist/components/inputs/utils/popover/index.js +2 -2
- package/dist/components/item-card-db/index.js +1 -1
- package/dist/components/layout/categories/buttons/index.js +2 -2
- package/dist/components/layout/categories/column/index.js +1 -1
- package/dist/components/layout/categories/gap/index.js +1 -1
- package/dist/components/layout/categories/row/index.js +1 -1
- package/dist/components/layout/index.js +2 -2
- package/dist/components/link/index.js +2 -2
- package/dist/components/link/styles.d.ts +2 -2
- package/dist/components/list-item/index.js +1 -1
- package/dist/components/little-flag/index.js +2 -2
- package/dist/components/loading/index.js +2 -2
- package/dist/components/logo/index.js +2 -2
- package/dist/components/lottie/index.js +1 -1
- package/dist/components/menu/index.js +2 -2
- package/dist/components/message-banner/index.js +1 -1
- package/dist/components/modal/columns-modal/index.js +1 -1
- package/dist/components/modal/columns-modal/preview-panel/index.js +2 -2
- package/dist/components/modal/columns-modal/search-panel/index.js +1 -1
- package/dist/components/modal/footer/index.js +2 -2
- package/dist/components/modal/header/index.js +2 -2
- package/dist/components/modal/index.d.ts +0 -4
- package/dist/components/modal/index.js +6 -10
- package/dist/components/modal/modal-confirm/index.js +1 -1
- package/dist/components/notification/index.js +1 -1
- package/dist/components/notification-sign/index.js +1 -1
- package/dist/components/oauth-selector/index.js +1 -1
- package/dist/components/oauth-selector/option-container/index.js +1 -1
- package/dist/components/paginator-db/btn/index.js +2 -2
- package/dist/components/paginator-db/dropdown/index.js +2 -2
- package/dist/components/paginator-db/index.js +1 -1
- package/dist/components/pop-up/description/index.js +1 -1
- package/dist/components/pop-up/index.js +2 -2
- package/dist/components/premium-feature/index.js +1 -1
- package/dist/components/priority-cards/card/index.js +2 -2
- package/dist/components/priority-cards/index.js +2 -2
- package/dist/components/priority-score/index.js +1 -1
- package/dist/components/progress-bar/index.js +1 -1
- package/dist/components/progress-indicator/in-progress-icon/index.js +1 -1
- package/dist/components/progress-indicator/index.js +1 -1
- package/dist/components/progress-indicator/step/index.js +1 -1
- package/dist/components/radio-button/index.js +1 -1
- package/dist/components/rank-position/icon/index.js +1 -1
- package/dist/components/rank-position/index.js +1 -1
- package/dist/components/rules-card/index.js +2 -2
- package/dist/components/scroll-button/index.js +1 -1
- package/dist/components/search/index.js +2 -2
- package/dist/components/search-dropdown/index.js +2 -2
- package/dist/components/severity-badge/index.js +1 -1
- package/dist/components/severity-overview/badge/index.js +2 -2
- package/dist/components/severity-overview/index.js +1 -1
- package/dist/components/show-on-hover/index.js +1 -1
- package/dist/components/slide-out-menu/index.js +2 -2
- package/dist/components/slide-out-menu/menu-item/index.js +1 -1
- package/dist/components/slider/index.js +2 -2
- package/dist/components/slider/thumb/index.js +2 -2
- package/dist/components/step-lapse/index.js +1 -1
- package/dist/components/table/context/index.js +1 -1
- package/dist/components/table/export-csv/index.js +2 -2
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/index.stories.d.ts +2 -9
- package/dist/components/table/pagination/pagination-control/index.js +1 -1
- package/dist/components/table/pagination/pagination-dropdown/index.js +2 -2
- package/dist/components/table/pagination/pagination-size/index.js +1 -1
- package/dist/components/table/sort-icon/index.js +1 -1
- package/dist/components/table/table-body/index.js +2 -2
- package/dist/components/table/table-column-toggle/index.js +4 -5
- package/dist/components/table/table-content/head/index.js +2 -2
- package/dist/components/table/table-content/index.js +1 -1
- package/dist/components/table/table-footer/footer-content/index.js +1 -1
- package/dist/components/table/table-footer/index.js +1 -1
- package/dist/components/table/table-options/caption-content/index.js +2 -2
- package/dist/components/table/table-options/controls-content/index.js +1 -1
- package/dist/components/table/table-options/highlighted-content/index.js +1 -1
- package/dist/components/table/table-options/index.js +1 -1
- package/dist/components/table/wrapper/index.js +1 -1
- package/dist/components/table-button/index.js +1 -1
- package/dist/components/table-content/index.js +1 -1
- package/dist/components/table-content/item-content/index.js +1 -1
- package/dist/components/table-of-contents/index.js +1 -1
- package/dist/components/tabs/index.js +2 -2
- package/dist/components/tabs/tab/index.js +2 -2
- package/dist/components/tag/index.js +3 -3
- package/dist/components/timeline/card/index.js +1 -1
- package/dist/components/timeline/index.js +1 -1
- package/dist/components/toggle/index.js +1 -1
- package/dist/components/tooltip/index.js +2 -2
- package/dist/components/tour/index.js +3 -3
- package/dist/components/tree/index.js +1 -1
- package/dist/components/typography/heading/index.js +1 -1
- package/dist/components/typography/index.js +1 -1
- package/dist/components/typography/span/index.js +1 -1
- package/dist/components/typography/text/index.js +1 -1
- package/dist/components/weaknesses-card/index.js +2 -2
- package/dist/{components-HX58J0rD.mjs → components-KrOD1Upq.mjs} +4278 -5258
- package/dist/context/index.js +2 -2
- package/dist/hooks/index.js +4 -4
- package/dist/index.js +154 -158
- package/dist/next/index.js +1 -1
- package/dist/utils/index.js +1 -1
- package/dist/{vendor-CiIfQgTL.mjs → vendor-BPwfeGF-.mjs} +17348 -17010
- package/package.json +9 -9
- package/dist/components/modal/filters-modal/applied-filter/index.d.ts +0 -3
- package/dist/components/modal/filters-modal/applied-filter/index.js +0 -6
- package/dist/components/modal/filters-modal/applied-filter/types.d.ts +0 -31
- package/dist/components/modal/filters-modal/applied-filters/index.d.ts +0 -3
- package/dist/components/modal/filters-modal/applied-filters/index.js +0 -6
- package/dist/components/modal/filters-modal/applied-filters/utils.d.ts +0 -7
- package/dist/components/modal/filters-modal/column-filters/index.d.ts +0 -3
- package/dist/components/modal/filters-modal/column-filters/index.js +0 -7
- package/dist/components/modal/filters-modal/column-filters/types.d.ts +0 -15
- package/dist/components/modal/filters-modal/filter-control/index.d.ts +0 -3
- package/dist/components/modal/filters-modal/filter-control/index.js +0 -9
- package/dist/components/modal/filters-modal/filter-control/types.d.ts +0 -18
- package/dist/components/modal/filters-modal/filter-form/form-content/index.d.ts +0 -2
- package/dist/components/modal/filters-modal/filter-form/form-content/index.js +0 -5
- package/dist/components/modal/filters-modal/filter-form/form-content/types.d.ts +0 -20
- package/dist/components/modal/filters-modal/filter-form/hooks/index.d.ts +0 -4
- package/dist/components/modal/filters-modal/filter-form/hooks/index.js +0 -6
- package/dist/components/modal/filters-modal/filter-form/hooks/types.d.ts +0 -24
- package/dist/components/modal/filters-modal/filter-form/index.d.ts +0 -3
- package/dist/components/modal/filters-modal/filter-form/index.js +0 -6
- package/dist/components/modal/filters-modal/filter-form/types.d.ts +0 -19
- package/dist/components/modal/filters-modal/filter-form/utils.d.ts +0 -6
- package/dist/components/modal/filters-modal/filters-list/index.d.ts +0 -4
- package/dist/components/modal/filters-modal/filters-list/index.js +0 -7
- package/dist/components/modal/filters-modal/filters-list/index.test.d.ts +0 -1
- package/dist/components/modal/filters-modal/filters-list/styles.d.ts +0 -4
- package/dist/components/modal/filters-modal/filters-list/types.d.ts +0 -35
- package/dist/components/modal/filters-modal/index.d.ts +0 -6
- package/dist/components/modal/filters-modal/index.js +0 -10
- package/dist/components/modal/filters-modal/optimization/utils.d.ts +0 -10
- package/dist/components/modal/filters-modal/styles.d.ts +0 -9
- package/dist/components/modal/filters-modal/types.d.ts +0 -98
- package/dist/components/modal/filters-modal/utils.d.ts +0 -5
- /package/dist/components/{modal/filters-modal/applied-filters → filters/active-filters}/utils.test.d.ts +0 -0
- /package/dist/components/{modal/filters-modal/applied-filter/index.test.d.ts → filters/hooks.test.d.ts} +0 -0
- /package/dist/components/{modal/filters-modal/filter-form → filters/options-menu}/utils.test.d.ts +0 -0
- /package/dist/components/{modal/filters-modal/optimization → filters}/utils.test.d.ts +0 -0
- /package/dist/components/{modal/filters-modal/applied-filters → table/export-csv}/index.test.d.ts +0 -0
- /package/dist/components/{modal/filters-modal → table/export-csv}/utils.test.d.ts +0 -0
- /package/dist/components/{modal/filters-modal/column-filters → table/pagination/pagination-control}/index.test.d.ts +0 -0
- /package/dist/components/{modal/filters-modal/filter-control → table/pagination/pagination-size}/index.test.d.ts +0 -0
- /package/dist/components/{modal/filters-modal/filter-form/form-content → table/sort-icon}/index.test.d.ts +0 -0
- /package/dist/components/{modal/filters-modal/filter-form/hooks → table/table-body}/index.test.d.ts +0 -0
- /package/dist/components/{modal/filters-modal/filter-form → table/wrapper}/index.test.d.ts +0 -0
package/package.json
CHANGED
|
@@ -10,20 +10,20 @@
|
|
|
10
10
|
"@fortawesome/free-solid-svg-icons": "7.1.0",
|
|
11
11
|
"@fortawesome/react-fontawesome": "3.1.0",
|
|
12
12
|
"@hookform/resolvers": "5.2.2",
|
|
13
|
-
"@internationalized/date": "3.
|
|
14
|
-
"@react-types/shared": "3.
|
|
13
|
+
"@internationalized/date": "3.12.0",
|
|
14
|
+
"@react-types/shared": "3.33.1",
|
|
15
15
|
"@tanstack/react-table": "8.21.3",
|
|
16
16
|
"@tanstack/react-virtual": "3.13.13",
|
|
17
17
|
"dayjs": "1.11.19",
|
|
18
18
|
"lottie-light-react": "2.4.0",
|
|
19
19
|
"motion": "12.16.0",
|
|
20
|
-
"nuqs": "2.8.
|
|
21
|
-
"react-aria": "3.
|
|
20
|
+
"nuqs": "2.8.9",
|
|
21
|
+
"react-aria": "3.47.0",
|
|
22
22
|
"react-csv": "2.2.2",
|
|
23
23
|
"react-hook-form": "7.69.0",
|
|
24
24
|
"react-international-phone": "4.6.0",
|
|
25
25
|
"react-joyride": "3.0.0-7",
|
|
26
|
-
"react-stately": "3.
|
|
26
|
+
"react-stately": "3.45.0",
|
|
27
27
|
"react-syntax-highlighter": "16.1.0"
|
|
28
28
|
},
|
|
29
29
|
"description": "Fluid Attacks core components library",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"jsdom": "27.4.0",
|
|
59
59
|
"playwright": "1.56.1",
|
|
60
60
|
"postcss-styled-syntax": "0.7.1",
|
|
61
|
-
"react-router
|
|
61
|
+
"react-router": "7.13.1",
|
|
62
62
|
"remark-gfm": "4.0.0",
|
|
63
63
|
"rollup-plugin-visualizer": "5.14.0",
|
|
64
64
|
"storybook": "10.2.13",
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
"peerDependencies": {
|
|
108
108
|
"react": "18.3.1",
|
|
109
109
|
"react-dom": "18.3.1",
|
|
110
|
-
"react-router
|
|
110
|
+
"react-router": "^7.0.0",
|
|
111
111
|
"styled-components": "^6.1.0",
|
|
112
112
|
"next": "^15.0.0 || ^16.0.0"
|
|
113
113
|
},
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"next": {
|
|
116
116
|
"optional": true
|
|
117
117
|
},
|
|
118
|
-
"react-router
|
|
118
|
+
"react-router": {
|
|
119
119
|
"optional": true
|
|
120
120
|
}
|
|
121
121
|
},
|
|
@@ -131,5 +131,5 @@
|
|
|
131
131
|
"test": "vitest --coverage"
|
|
132
132
|
},
|
|
133
133
|
"typings": "./dist/index.d.ts",
|
|
134
|
-
"version": "
|
|
134
|
+
"version": "4.1.0"
|
|
135
135
|
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { IOptionsProps } from '../filters-list';
|
|
2
|
-
import { IFilterOptions } from '../types';
|
|
3
|
-
import { IListItemProps } from '../../../list-item/types';
|
|
4
|
-
/**
|
|
5
|
-
* Interface representing an applied filter.
|
|
6
|
-
* @interface IAppliedFilter
|
|
7
|
-
* @property {IListItemProps["icon"]} [icon] - Optional icon for the filter.
|
|
8
|
-
* @property {IFilterOptions<object>} filter - The filter options.
|
|
9
|
-
* @property {string} [filterValue] - The optional filter value.
|
|
10
|
-
* @property {string} label - The label for the filter.
|
|
11
|
-
* @property {function} onClose - Function to handle closing/resetting the filter.
|
|
12
|
-
*/
|
|
13
|
-
interface IAppliedFilter<IData extends object> {
|
|
14
|
-
icon?: IListItemProps["icon"];
|
|
15
|
-
filter: IFilterOptions<IData>;
|
|
16
|
-
filterValue?: string;
|
|
17
|
-
label: string;
|
|
18
|
-
onClose: (filterToRemove: Readonly<IFilterOptions<IData>>) => () => void;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Interface representing applied filters.
|
|
22
|
-
* @interface IAppliedFilters
|
|
23
|
-
* @property {IOptionsProps<object>[]} options - Array of options.
|
|
24
|
-
* @property {object[]} [dataset] - Optional array of data objects.
|
|
25
|
-
* @property {function} onClose - Function to handle closing/resetting filters.
|
|
26
|
-
*/
|
|
27
|
-
interface IAppliedFilters<IData extends object> {
|
|
28
|
-
options: IOptionsProps<IData>[];
|
|
29
|
-
onClose: (filterToRemove: Readonly<IFilterOptions<IData>>) => () => void;
|
|
30
|
-
}
|
|
31
|
-
export type { IAppliedFilter, IAppliedFilters };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { IOptions } from '../types';
|
|
2
|
-
declare function formatValue(value?: string): string | undefined;
|
|
3
|
-
declare function formatCheckValues(options?: ReadonlyArray<IOptions>): string | undefined;
|
|
4
|
-
declare function formatNumberRange(rawMinValue?: number | string, rawMaxValue?: number | string, placeholder?: string): string | undefined;
|
|
5
|
-
declare function formatDateRange(minValue?: string, maxValue?: string): string | undefined;
|
|
6
|
-
declare function formatLabel(type: string, label: string, filterFn?: "caseInsensitive" | "includesInsensitive"): string;
|
|
7
|
-
export { formatCheckValues, formatDateRange, formatLabel, formatNumberRange, formatValue, };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IFiltersListProps } from '../filters-list/types';
|
|
2
|
-
import { IUseModal } from '../../../../hooks/use-modal';
|
|
3
|
-
/**
|
|
4
|
-
* Options filters modal properties.
|
|
5
|
-
* @interface ISingleColumFiltersProps
|
|
6
|
-
* @property {IFiltersListProps["options"]} options - The options to display.
|
|
7
|
-
* @property {IFiltersListProps["onApplyFilters"]} onApplyFilters - The handler for apply filters.
|
|
8
|
-
* @property {IUseModal} modalRef - The modal reference.
|
|
9
|
-
* @property {Function} [onSearch] - The function to handle the search.
|
|
10
|
-
*/
|
|
11
|
-
interface IColumFiltersProps<IData extends object> extends IFiltersListProps<IData> {
|
|
12
|
-
modalRef: IUseModal;
|
|
13
|
-
onSearch?: (search: string) => void;
|
|
14
|
-
}
|
|
15
|
-
export type { IColumFiltersProps };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Control, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
|
|
2
|
-
import { IFormFieldVales } from '../filter-form/types';
|
|
3
|
-
import { IFilterOptions } from '../types';
|
|
4
|
-
/**
|
|
5
|
-
* Interface representing the props for the FilterControl component.
|
|
6
|
-
* @interface IFilterControlProps
|
|
7
|
-
* @property {IFilterOptions} options - filter options.
|
|
8
|
-
* @property {UseFormRegister<IFormFieldValues>} register - Function to register form fields.
|
|
9
|
-
* @property {UseFormWatch<IFormFieldValues>} watch - React Hook Form watch function.
|
|
10
|
-
*/
|
|
11
|
-
interface IFilterControlProps<IData extends object> {
|
|
12
|
-
control: Control<IFormFieldVales>;
|
|
13
|
-
option: IFilterOptions<IData>;
|
|
14
|
-
register: UseFormRegister<IFormFieldVales>;
|
|
15
|
-
setValue?: UseFormSetValue<IFormFieldVales>;
|
|
16
|
-
watch: UseFormWatch<IFormFieldVales>;
|
|
17
|
-
}
|
|
18
|
-
export type { IFilterControlProps };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Control, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
|
|
2
|
-
import { IFilterOptions } from '../../types';
|
|
3
|
-
import { IFormFieldVales } from '../types';
|
|
4
|
-
/**
|
|
5
|
-
* Interface representing props for the FilterFormContent component.
|
|
6
|
-
* @interface IFilterFormContentProps
|
|
7
|
-
* @template IData - Type extending object for filter data.
|
|
8
|
-
* @property {IFilterOptions<IData>[]} items - Array of filter options.
|
|
9
|
-
* @property {UseFormRegister<IFormFieldVales>} register - React Hook Form register function.
|
|
10
|
-
* @property {UseFormSetValue<IFormFieldVales>} setValue - React Hook Form setValue function.
|
|
11
|
-
* @property {UseFormWatch<IFormFieldVales>} watch - React Hook Form watch function.
|
|
12
|
-
*/
|
|
13
|
-
interface IFilterFormContentProps<IData extends object> {
|
|
14
|
-
control: Control<IFormFieldVales>;
|
|
15
|
-
items: IFilterOptions<IData>[];
|
|
16
|
-
register: UseFormRegister<IFormFieldVales>;
|
|
17
|
-
setValue: UseFormSetValue<IFormFieldVales>;
|
|
18
|
-
watch: UseFormWatch<IFormFieldVales>;
|
|
19
|
-
}
|
|
20
|
-
export type { IFilterFormContentProps };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Control, UseFormHandleSubmit, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
|
|
2
|
-
import { IFilterOptions } from '../../types';
|
|
3
|
-
import { IFormFieldVales } from '../types';
|
|
4
|
-
/**
|
|
5
|
-
* Interface representing props for the useFilterForm hook.
|
|
6
|
-
* @interface IUseFilterForm
|
|
7
|
-
* @template IData - Type extending object for filter data.
|
|
8
|
-
* @property {IFilterOptions<IData>[]} items - Array of filter options.
|
|
9
|
-
* @property {React.Dispatch<React.SetStateAction<IFilterOptions<IData>[]>>} setItems - Function to set filter options.
|
|
10
|
-
* @property {UseFormRegister<IFormFieldVales>} register - React Hook Form register function.
|
|
11
|
-
* @property {UseFormHandleSubmit<IFormFieldVales>} handleSubmit - React Hook Form handleSubmit function.
|
|
12
|
-
* @property {UseFormSetValue<IFormFieldVales>} setValue - React Hook Form setValue function.
|
|
13
|
-
* @property {UseFormWatch<IFormFieldVales>} watch - React Hook Form watch function.
|
|
14
|
-
*/
|
|
15
|
-
interface IUseFilterForm<IData extends object> {
|
|
16
|
-
control: Control<IFormFieldVales>;
|
|
17
|
-
items: IFilterOptions<IData>[];
|
|
18
|
-
setItems: React.Dispatch<React.SetStateAction<IFilterOptions<IData>[]>>;
|
|
19
|
-
register: UseFormRegister<IFormFieldVales>;
|
|
20
|
-
handleSubmit: UseFormHandleSubmit<IFormFieldVales>;
|
|
21
|
-
setValue: UseFormSetValue<IFormFieldVales>;
|
|
22
|
-
watch: UseFormWatch<IFormFieldVales>;
|
|
23
|
-
}
|
|
24
|
-
export type { IUseFilterForm };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Interface representing form field values.
|
|
3
|
-
* @interface IFormFieldValues
|
|
4
|
-
* @property {string[]} checkbox - Array of selected checkbox values.
|
|
5
|
-
* @property {string} radio - Selected radio button value.
|
|
6
|
-
* @property {string} text - Text input value.
|
|
7
|
-
* @property {number | string} minValue - Minimum value.
|
|
8
|
-
* @property {number | string} maxValue - Maximum value.
|
|
9
|
-
* @property {string} search - Search value.
|
|
10
|
-
*/
|
|
11
|
-
interface IFormFieldVales {
|
|
12
|
-
checkbox: string[];
|
|
13
|
-
radio: string;
|
|
14
|
-
text?: Record<string, string>;
|
|
15
|
-
minValue?: number | string;
|
|
16
|
-
maxValue?: number | string;
|
|
17
|
-
search?: string;
|
|
18
|
-
}
|
|
19
|
-
export type { IFormFieldVales };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { UseFormSetValue } from 'react-hook-form';
|
|
2
|
-
import { IFormFieldVales } from './types';
|
|
3
|
-
import { IFilterOptions, IOptions } from '../types';
|
|
4
|
-
declare const updateFormValues: <IData extends object>(options: ReadonlyArray<IFilterOptions<IData>>, setValue: UseFormSetValue<IFormFieldVales>) => void;
|
|
5
|
-
declare const processCheckboxOptions: (allOptions: ReadonlyArray<IOptions>, searchValue: string, selectedValues: ReadonlyArray<string>) => IOptions[];
|
|
6
|
-
export { processCheckboxOptions, updateFormValues };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { IFiltersListProps, IOptionsProps } from './types';
|
|
2
|
-
declare const FiltersList: <IData extends object>({ options, variant, onApplyFilters, onSearch, setDirection, setHandler, onFilterStateChange, }: Readonly<IFiltersListProps<IData>>) => JSX.Element;
|
|
3
|
-
export { FiltersList };
|
|
4
|
-
export type { IOptionsProps };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
declare const StyledList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Readonly<import('../../../list-item').IListItemProps>, "ref"> & {
|
|
2
|
-
ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
|
|
3
|
-
}, never>> & string & Omit<({ children, disabled, icon, iconType, href, onClick, onClickIcon, onKeyDown, rightIcon, selected, value, ...props }: Readonly<import('../../../list-item').IListItemProps>) => JSX.Element, keyof import('react').Component<any, {}, any>>;
|
|
4
|
-
export { StyledList };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Property } from 'csstype';
|
|
2
|
-
import { IFilterOptions } from '../types';
|
|
3
|
-
import { IListItemProps } from '../../../list-item/types';
|
|
4
|
-
/**
|
|
5
|
-
* Filters options properties.
|
|
6
|
-
* @interface IOptionsProps
|
|
7
|
-
* @property { IconsProps["icon"] } [icon] - The icon to display.
|
|
8
|
-
* @property { string } label - The label of the option.
|
|
9
|
-
* @property { string } [group] - The group of the option.
|
|
10
|
-
* @property { IFilterOptions[] } filterOptions - The available options to apply filter.
|
|
11
|
-
*/
|
|
12
|
-
interface IOptionsProps<IData extends object> {
|
|
13
|
-
icon?: IListItemProps["icon"];
|
|
14
|
-
label: string;
|
|
15
|
-
group?: string;
|
|
16
|
-
filterOptions: IFilterOptions<IData>[];
|
|
17
|
-
placeholder?: string;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Options filters modal properties.
|
|
21
|
-
* @interface IFiltersListProps
|
|
22
|
-
* @property { Function } onApplyFilters - Function to apply filters.
|
|
23
|
-
* @property { IOptionsProps[] } options - The options to display.
|
|
24
|
-
* @property { "grouped" | "ungrouped" } variant - The variant of the options.
|
|
25
|
-
*/
|
|
26
|
-
interface IFiltersListProps<IData extends object> {
|
|
27
|
-
options: IOptionsProps<IData>[];
|
|
28
|
-
setDirection?: React.Dispatch<React.SetStateAction<Property.FlexDirection>>;
|
|
29
|
-
setHandler?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
30
|
-
variant: "grouped" | "ungrouped";
|
|
31
|
-
onApplyFilters: (filters: ReadonlyArray<IFilterOptions<IData>>) => void;
|
|
32
|
-
onSearch?: (search: string) => void;
|
|
33
|
-
onFilterStateChange?: (isShowingFilterForm: boolean) => void;
|
|
34
|
-
}
|
|
35
|
-
export type { IFiltersListProps, IOptionsProps };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { AppliedFilters } from './applied-filters';
|
|
2
|
-
import { formatCheckValues } from './applied-filters/utils';
|
|
3
|
-
import { IFilterOptions, IFiltersProps, IOptions, IUseFilterProps } from './types';
|
|
4
|
-
declare const useFilters: <IData extends object>({ dataset, setValues, getValues, options, setFilteredDataset, onFiltersChange, onReset, onSearch, variant, }: Readonly<IFiltersProps<IData>>) => Readonly<IUseFilterProps<IData>>;
|
|
5
|
-
export { formatCheckValues, useFilters, AppliedFilters };
|
|
6
|
-
export type { IFilterOptions, IUseFilterProps, IOptions };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { p as s, bd as m, bx as a } from "../../../components-HX58J0rD.mjs";
|
|
4
|
-
import "../../../vendor-CiIfQgTL.mjs";
|
|
5
|
-
import "nuqs";
|
|
6
|
-
export {
|
|
7
|
-
s as AppliedFilters,
|
|
8
|
-
m as formatCheckValues,
|
|
9
|
-
a as useFilters
|
|
10
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { IFilterOptions } from '../types';
|
|
2
|
-
/**
|
|
3
|
-
* Optimized setValues function that stores the minimal values of the filters
|
|
4
|
-
*/
|
|
5
|
-
declare const setOptimizedValues: <IData extends object>(filters: ReadonlyArray<IFilterOptions<IData>>, setValues: (value: string) => void) => void;
|
|
6
|
-
/**
|
|
7
|
-
* Optimized getValues function that retrieves the minimal values of the filters
|
|
8
|
-
*/
|
|
9
|
-
declare const getOptimizedValues: <IData extends object>(getValues: () => string | null, originalOptions: ReadonlyArray<IFilterOptions<IData>>) => IFilterOptions<IData>[];
|
|
10
|
-
export { setOptimizedValues, getOptimizedValues };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
declare const ModalWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
-
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
-
}>, never>, {
|
|
4
|
-
$bgColor?: string;
|
|
5
|
-
}>> & string;
|
|
6
|
-
declare const StyledList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Readonly<import('../../list-item').IListItemProps>, "ref"> & {
|
|
7
|
-
ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
|
|
8
|
-
}, never>> & string & Omit<({ children, disabled, icon, iconType, href, onClick, onClickIcon, onKeyDown, rightIcon, selected, value, ...props }: Readonly<import('../../list-item').IListItemProps>) => JSX.Element, keyof import('react').Component<any, {}, any>>;
|
|
9
|
-
export { ModalWrapper, StyledList };
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { IFormFieldVales } from './filter-form/types';
|
|
3
|
-
import { IFiltersListProps, IOptionsProps } from './filters-list/types';
|
|
4
|
-
type TInputType = "checkboxes" | "dateRange" | "numberRange" | "radioButton" | "select" | "text";
|
|
5
|
-
/**
|
|
6
|
-
* Selector properties.
|
|
7
|
-
* @interface ISelector
|
|
8
|
-
* @property {boolean} [checked] - Whether the selector is checked.
|
|
9
|
-
* @property {string} value - The value of the selector.
|
|
10
|
-
* @property {string} [label] - The label of the selector.
|
|
11
|
-
*/
|
|
12
|
-
interface IOptions {
|
|
13
|
-
checked?: boolean;
|
|
14
|
-
value: string;
|
|
15
|
-
label?: string;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Filter options interface.
|
|
19
|
-
* @interface IFilterOptions
|
|
20
|
-
* @property {boolean} [hideSearch] - Whether to show search bar.
|
|
21
|
-
* @property {boolean} [isBackFilter] - Whether the filter is a back filter.
|
|
22
|
-
* @property {TInputType} type - The type of input for the filter.
|
|
23
|
-
* @property {string} value - The value of the filter option.
|
|
24
|
-
* @property {string} [label] - Optional label for the filter option.
|
|
25
|
-
* @property {IOptions[]} [options] - Optional array of IOptions for the filter.
|
|
26
|
-
*/
|
|
27
|
-
interface IFilterOptions<IData extends object> {
|
|
28
|
-
filterFn?: "caseInsensitive" | "includesInsensitive";
|
|
29
|
-
hideSearch?: boolean;
|
|
30
|
-
isBackFilter?: boolean;
|
|
31
|
-
type: TInputType;
|
|
32
|
-
key: keyof IData | ((arg0: IData, value?: string, rangeValues?: readonly [string, string], numberRangeValues?: readonly [number | undefined, number | undefined]) => boolean);
|
|
33
|
-
value?: string;
|
|
34
|
-
label: string;
|
|
35
|
-
options?: IOptions[];
|
|
36
|
-
placeholder?: string;
|
|
37
|
-
minValue?: number | string;
|
|
38
|
-
maxValue?: number | string;
|
|
39
|
-
filterOptions?: (options?: readonly IOptions[], value?: string) => Promise<IOptions[]>;
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Modal component props.
|
|
43
|
-
* @interface IOptionsSelectorProps
|
|
44
|
-
* @property {IFilterOptions[]} options - The properties of the options to display.
|
|
45
|
-
* @property {(selectedOptions: Readonly<string[]>) => void} onSubmit - The function to call whit the selected options.
|
|
46
|
-
* @property {string} [id] - The id of the form.
|
|
47
|
-
* @property {boolean} open - Whether the modal is open.
|
|
48
|
-
*/
|
|
49
|
-
interface IOptionsSelectorProps<IData extends object> {
|
|
50
|
-
options: IFilterOptions<IData>[];
|
|
51
|
-
onSearch?: (search: string) => void;
|
|
52
|
-
onSubmit?: (selectedOptions: Readonly<IFormFieldVales>) => void;
|
|
53
|
-
id?: string;
|
|
54
|
-
selectedFilter: string;
|
|
55
|
-
}
|
|
56
|
-
/**
|
|
57
|
-
* Interface for filter component with generic data type.
|
|
58
|
-
* @interface IFilterComp
|
|
59
|
-
* @template IData - The type of data in the dataset.
|
|
60
|
-
* @extends {IFilterOptions<IData>}
|
|
61
|
-
* @property {keyof IData} key - The key of the data object to filter on.
|
|
62
|
-
*/
|
|
63
|
-
interface IFilterComp<IData extends object> extends IFilterOptions<IData> {
|
|
64
|
-
key: keyof IData;
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Props for the Filters component.
|
|
68
|
-
* @interface IFiltersProps
|
|
69
|
-
* @template IData - The type of data in the dataset.
|
|
70
|
-
* @property { IData[] } [dataset] - Optional array of data items.
|
|
71
|
-
* @property { Function } setValues - Function to set the value of the filters.
|
|
72
|
-
* @property { Function } getValues - Function to get the value of the filters.
|
|
73
|
-
* @property { IOptionsProps[] } options - Array of options to filter by.
|
|
74
|
-
* @property { Function } setFilteredDataset - Function to set the filtered dataset.
|
|
75
|
-
* @property { Function } [onFiltersChange] - Handler function on filter change.
|
|
76
|
-
* @property { Function } [onReset] - Handler function to handle reset.
|
|
77
|
-
* @property { Function } [onSearch] - Handler function to handle search options.
|
|
78
|
-
*/
|
|
79
|
-
interface IFiltersProps<IData extends object> {
|
|
80
|
-
dataset?: IData[];
|
|
81
|
-
setValues: (value: string) => void;
|
|
82
|
-
getValues: () => string | null;
|
|
83
|
-
options: IOptionsProps<IData>[];
|
|
84
|
-
setFilteredDataset?: React.Dispatch<React.SetStateAction<IData[]>>;
|
|
85
|
-
onFiltersChange?: (filters: ReadonlyArray<IFilterOptions<IData>>) => void;
|
|
86
|
-
onReset?: () => void;
|
|
87
|
-
onSearch?: (search: string) => void;
|
|
88
|
-
variant?: IFiltersListProps<IData>["variant"];
|
|
89
|
-
}
|
|
90
|
-
/**
|
|
91
|
-
* Props for useFilter hook.
|
|
92
|
-
*/
|
|
93
|
-
interface IUseFilterProps<IData extends object> {
|
|
94
|
-
options: IOptionsProps<IData>[];
|
|
95
|
-
removeFilter: (filterToRemove: Readonly<IFilterOptions<IData>>) => VoidFunction;
|
|
96
|
-
Filters: React.FC;
|
|
97
|
-
}
|
|
98
|
-
export type { IFilterComp, IFilterOptions, IFiltersProps, IOptions, IOptionsSelectorProps, IUseFilterProps, };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { IFilterOptions } from './types';
|
|
2
|
-
declare const setFiltersUtil: <IData extends object>(data: Readonly<IData[]>, filters: Readonly<IFilterOptions<IData>[]>) => IData[];
|
|
3
|
-
declare const getActiveFilters: <IData extends object>(filters: Readonly<IFilterOptions<IData>[]>) => number;
|
|
4
|
-
declare const clearFilterValues: <IData extends object>(filter: Readonly<IFilterOptions<IData>>) => IFilterOptions<IData>;
|
|
5
|
-
export { clearFilterValues, getActiveFilters, setFiltersUtil };
|
|
File without changes
|
|
File without changes
|
/package/dist/components/{modal/filters-modal/filter-form → filters/options-menu}/utils.test.d.ts
RENAMED
|
File without changes
|
|
File without changes
|
/package/dist/components/{modal/filters-modal/applied-filters → table/export-csv}/index.test.d.ts
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/components/{modal/filters-modal/filter-form/hooks → table/table-body}/index.test.d.ts
RENAMED
|
File without changes
|
|
File without changes
|