@fluidattacks/design 3.49.2 → 4.0.0

package/dist/components/modal/filters-modal/filter-form/form-content/types.d.ts

@@ -1,20 +0,0 @@
-import { Control, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
-import { IFilterOptions } from '../../types';
-import { IFormFieldVales } from '../types';
-/**
- * Interface representing props for the FilterFormContent component.
- * @interface IFilterFormContentProps
- * @template IData - Type extending object for filter data.
- * @property {IFilterOptions<IData>[]} items - Array of filter options.
- * @property {UseFormRegister<IFormFieldVales>} register - React Hook Form register function.
- * @property {UseFormSetValue<IFormFieldVales>} setValue - React Hook Form setValue function.
- * @property {UseFormWatch<IFormFieldVales>} watch - React Hook Form watch function.
- */
-interface IFilterFormContentProps<IData extends object> {
-    control: Control<IFormFieldVales>;
-    items: IFilterOptions<IData>[];
-    register: UseFormRegister<IFormFieldVales>;
-    setValue: UseFormSetValue<IFormFieldVales>;
-    watch: UseFormWatch<IFormFieldVales>;
-}
-export type { IFilterFormContentProps };

package/dist/components/modal/filters-modal/filter-form/hooks/index.d.ts

@@ -1,4 +0,0 @@
-import { IUseFilterForm } from './types';
-import { IFilterOptions } from '../../types';
-declare const useFilterForm: <IData extends object>(options: ReadonlyArray<IFilterOptions<IData>>) => IUseFilterForm<IData>;
-export { useFilterForm };

package/dist/components/modal/filters-modal/filter-form/hooks/index.js

@@ -1,6 +0,0 @@
-import "react";
-import "../../../../../vendor-CiIfQgTL.mjs";
-import { c2 as e } from "../../../../../components-Bqn4dBQl.mjs";
-export {
-  e as useFilterForm
-};

package/dist/components/modal/filters-modal/filter-form/hooks/types.d.ts

@@ -1,24 +0,0 @@
-import { Control, UseFormHandleSubmit, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
-import { IFilterOptions } from '../../types';
-import { IFormFieldVales } from '../types';
-/**
- * Interface representing props for the useFilterForm hook.
- * @interface IUseFilterForm
- * @template IData - Type extending object for filter data.
- * @property {IFilterOptions<IData>[]} items - Array of filter options.
- * @property {React.Dispatch<React.SetStateAction<IFilterOptions<IData>[]>>} setItems - Function to set filter options.
- * @property {UseFormRegister<IFormFieldVales>} register - React Hook Form register function.
- * @property {UseFormHandleSubmit<IFormFieldVales>} handleSubmit - React Hook Form handleSubmit function.
- * @property {UseFormSetValue<IFormFieldVales>} setValue - React Hook Form setValue function.
- * @property {UseFormWatch<IFormFieldVales>} watch - React Hook Form watch function.
- */
-interface IUseFilterForm<IData extends object> {
-    control: Control<IFormFieldVales>;
-    items: IFilterOptions<IData>[];
-    setItems: React.Dispatch<React.SetStateAction<IFilterOptions<IData>[]>>;
-    register: UseFormRegister<IFormFieldVales>;
-    handleSubmit: UseFormHandleSubmit<IFormFieldVales>;
-    setValue: UseFormSetValue<IFormFieldVales>;
-    watch: UseFormWatch<IFormFieldVales>;
-}
-export type { IUseFilterForm };

package/dist/components/modal/filters-modal/filter-form/index.d.ts

@@ -1,3 +0,0 @@
-import { IOptionsSelectorProps } from '../types';
-declare const FilterForm: <IData extends object>({ options, onSearch, onSubmit, id, selectedFilter, }: Readonly<IOptionsSelectorProps<IData>>) => JSX.Element;
-export { FilterForm };

package/dist/components/modal/filters-modal/filter-form/index.js

@@ -1,6 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import { c3 as i } from "../../../../components-Bqn4dBQl.mjs";
-export {
-  i as FilterForm
-};

package/dist/components/modal/filters-modal/filter-form/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/modal/filters-modal/filter-form/types.d.ts

@@ -1,19 +0,0 @@
-/**
- * Interface representing form field values.
- * @interface IFormFieldValues
- * @property {string[]} checkbox - Array of selected checkbox values.
- * @property {string} radio - Selected radio button value.
- * @property {string} text - Text input value.
- * @property {number | string} minValue - Minimum value.
- * @property {number | string} maxValue - Maximum value.
- * @property {string} search - Search value.
- */
-interface IFormFieldVales {
-    checkbox: string[];
-    radio: string;
-    text?: Record<string, string>;
-    minValue?: number | string;
-    maxValue?: number | string;
-    search?: string;
-}
-export type { IFormFieldVales };

package/dist/components/modal/filters-modal/filter-form/utils.d.ts

@@ -1,6 +0,0 @@
-import { UseFormSetValue } from 'react-hook-form';
-import { IFormFieldVales } from './types';
-import { IFilterOptions, IOptions } from '../types';
-declare const updateFormValues: <IData extends object>(options: ReadonlyArray<IFilterOptions<IData>>, setValue: UseFormSetValue<IFormFieldVales>) => void;
-declare const processCheckboxOptions: (allOptions: ReadonlyArray<IOptions>, searchValue: string, selectedValues: ReadonlyArray<string>) => IOptions[];
-export { processCheckboxOptions, updateFormValues };

package/dist/components/modal/filters-modal/filter-form/utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/modal/filters-modal/filters-list/index.d.ts

@@ -1,4 +0,0 @@
-import { IFiltersListProps, IOptionsProps } from './types';
-declare const FiltersList: <IData extends object>({ options, variant, onApplyFilters, onSearch, setDirection, setHandler, onFilterStateChange, }: Readonly<IFiltersListProps<IData>>) => JSX.Element;
-export { FiltersList };
-export type { IOptionsProps };

package/dist/components/modal/filters-modal/filters-list/index.js

@@ -1,7 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "styled-components";
-import { c4 as p } from "../../../../components-Bqn4dBQl.mjs";
-export {
-  p as FiltersList
-};

package/dist/components/modal/filters-modal/filters-list/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/modal/filters-modal/filters-list/styles.d.ts

@@ -1,4 +0,0 @@
-declare const StyledList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Readonly<import('../../../list-item').IListItemProps>, "ref"> & {
-    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;
-}, 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>>;
-export { StyledList };

package/dist/components/modal/filters-modal/filters-list/types.d.ts

@@ -1,35 +0,0 @@
-import { Property } from 'csstype';
-import { IFilterOptions } from '../types';
-import { IListItemProps } from '../../../list-item/types';
-/**
- * Filters options properties.
- * @interface IOptionsProps
- * @property { IconsProps["icon"] } [icon] - The icon to display.
- * @property { string } label - The label of the option.
- * @property { string } [group] - The group of the option.
- * @property { IFilterOptions[] } filterOptions - The available options to apply filter.
- */
-interface IOptionsProps<IData extends object> {
-    icon?: IListItemProps["icon"];
-    label: string;
-    group?: string;
-    filterOptions: IFilterOptions<IData>[];
-    placeholder?: string;
-}
-/**
- * Options filters modal properties.
- * @interface IFiltersListProps
- * @property { Function } onApplyFilters - Function to apply filters.
- * @property { IOptionsProps[] } options - The options to display.
- * @property { "grouped" | "ungrouped" } variant - The variant of the options.
- */
-interface IFiltersListProps<IData extends object> {
-    options: IOptionsProps<IData>[];
-    setDirection?: React.Dispatch<React.SetStateAction<Property.FlexDirection>>;
-    setHandler?: React.Dispatch<React.SetStateAction<boolean>>;
-    variant: "grouped" | "ungrouped";
-    onApplyFilters: (filters: ReadonlyArray<IFilterOptions<IData>>) => void;
-    onSearch?: (search: string) => void;
-    onFilterStateChange?: (isShowingFilterForm: boolean) => void;
-}
-export type { IFiltersListProps, IOptionsProps };

package/dist/components/modal/filters-modal/index.d.ts

@@ -1,6 +0,0 @@
-import { AppliedFilters } from './applied-filters';
-import { formatCheckValues } from './applied-filters/utils';
-import { IFilterOptions, IFiltersProps, IOptions, IUseFilterProps } from './types';
-declare const useFilters: <IData extends object>({ dataset, setValues, getValues, options, setFilteredDataset, onFiltersChange, onReset, onSearch, variant, }: Readonly<IFiltersProps<IData>>) => Readonly<IUseFilterProps<IData>>;
-export { formatCheckValues, useFilters, AppliedFilters };
-export type { IFilterOptions, IUseFilterProps, IOptions };

package/dist/components/modal/filters-modal/index.js

@@ -1,10 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import { p as s, bd as m, bx as a } from "../../../components-Bqn4dBQl.mjs";
-import "../../../vendor-CiIfQgTL.mjs";
-import "nuqs";
-export {
-  s as AppliedFilters,
-  m as formatCheckValues,
-  a as useFilters
-};

package/dist/components/modal/filters-modal/optimization/utils.d.ts

@@ -1,10 +0,0 @@
-import { IFilterOptions } from '../types';
-/**
- * Optimized setValues function that stores the minimal values of the filters
- */
-declare const setOptimizedValues: <IData extends object>(filters: ReadonlyArray<IFilterOptions<IData>>, setValues: (value: string) => void) => void;
-/**
- * Optimized getValues function that retrieves the minimal values of the filters
- */
-declare const getOptimizedValues: <IData extends object>(getValues: () => string | null, originalOptions: ReadonlyArray<IFilterOptions<IData>>) => IFilterOptions<IData>[];
-export { setOptimizedValues, getOptimizedValues };

package/dist/components/modal/filters-modal/optimization/utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/modal/filters-modal/styles.d.ts

@@ -1,9 +0,0 @@
-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"> & {
-    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;
-}>, never>, {
-    $bgColor?: string;
-}>> & string;
-declare const StyledList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Readonly<import('../../list-item').IListItemProps>, "ref"> & {
-    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;
-}, 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>>;
-export { ModalWrapper, StyledList };

package/dist/components/modal/filters-modal/types.d.ts

@@ -1,98 +0,0 @@
-import { default as React } from 'react';
-import { IFormFieldVales } from './filter-form/types';
-import { IFiltersListProps, IOptionsProps } from './filters-list/types';
-type TInputType = "checkboxes" | "dateRange" | "numberRange" | "radioButton" | "select" | "text";
-/**
- * Selector properties.
- * @interface ISelector
- * @property {boolean} [checked] - Whether the selector is checked.
- * @property {string} value - The value of the selector.
- * @property {string} [label] - The label of the selector.
- */
-interface IOptions {
-    checked?: boolean;
-    value: string;
-    label?: string;
-}
-/**
- * Filter options interface.
- * @interface IFilterOptions
- * @property {boolean} [hideSearch] - Whether to show search bar.
- * @property {boolean} [isBackFilter] - Whether the filter is a back filter.
- * @property {TInputType} type - The type of input for the filter.
- * @property {string} value - The value of the filter option.
- * @property {string} [label] - Optional label for the filter option.
- * @property {IOptions[]} [options] - Optional array of IOptions for the filter.
- */
-interface IFilterOptions<IData extends object> {
-    filterFn?: "caseInsensitive" | "includesInsensitive";
-    hideSearch?: boolean;
-    isBackFilter?: boolean;
-    type: TInputType;
-    key: keyof IData | ((arg0: IData, value?: string, rangeValues?: readonly [string, string], numberRangeValues?: readonly [number | undefined, number | undefined]) => boolean);
-    value?: string;
-    label: string;
-    options?: IOptions[];
-    placeholder?: string;
-    minValue?: number | string;
-    maxValue?: number | string;
-    filterOptions?: (options?: readonly IOptions[], value?: string) => Promise<IOptions[]>;
-}
-/**
- * Modal component props.
- * @interface IOptionsSelectorProps
- * @property {IFilterOptions[]} options - The properties of the options to display.
- * @property {(selectedOptions: Readonly<string[]>) => void} onSubmit - The function to call whit the selected options.
- * @property {string} [id] - The id of the form.
- * @property {boolean} open - Whether the modal is open.
- */
-interface IOptionsSelectorProps<IData extends object> {
-    options: IFilterOptions<IData>[];
-    onSearch?: (search: string) => void;
-    onSubmit?: (selectedOptions: Readonly<IFormFieldVales>) => void;
-    id?: string;
-    selectedFilter: string;
-}
-/**
- * Interface for filter component with generic data type.
- * @interface IFilterComp
- * @template IData - The type of data in the dataset.
- * @extends {IFilterOptions<IData>}
- * @property {keyof IData} key - The key of the data object to filter on.
- */
-interface IFilterComp<IData extends object> extends IFilterOptions<IData> {
-    key: keyof IData;
-}
-/**
- * Props for the Filters component.
- * @interface IFiltersProps
- * @template IData - The type of data in the dataset.
- * @property { IData[] } [dataset] - Optional array of data items.
- * @property { Function } setValues - Function to set the value of the filters.
- * @property { Function } getValues - Function to get the value of the filters.
- * @property { IOptionsProps[] } options - Array of options to filter by.
- * @property { Function } setFilteredDataset - Function to set the filtered dataset.
- * @property { Function } [onFiltersChange] - Handler function on filter change.
- * @property { Function } [onReset] - Handler function to handle reset.
- * @property { Function } [onSearch] - Handler function to handle search options.
- */
-interface IFiltersProps<IData extends object> {
-    dataset?: IData[];
-    setValues: (value: string) => void;
-    getValues: () => string | null;
-    options: IOptionsProps<IData>[];
-    setFilteredDataset?: React.Dispatch<React.SetStateAction<IData[]>>;
-    onFiltersChange?: (filters: ReadonlyArray<IFilterOptions<IData>>) => void;
-    onReset?: () => void;
-    onSearch?: (search: string) => void;
-    variant?: IFiltersListProps<IData>["variant"];
-}
-/**
- * Props for useFilter hook.
- */
-interface IUseFilterProps<IData extends object> {
-    options: IOptionsProps<IData>[];
-    removeFilter: (filterToRemove: Readonly<IFilterOptions<IData>>) => VoidFunction;
-    Filters: React.FC;
-}
-export type { IFilterComp, IFilterOptions, IFiltersProps, IOptions, IOptionsSelectorProps, IUseFilterProps, };

package/dist/components/modal/filters-modal/utils.d.ts

@@ -1,5 +0,0 @@
-import { IFilterOptions } from './types';
-declare const setFiltersUtil: <IData extends object>(data: Readonly<IData[]>, filters: Readonly<IFilterOptions<IData>[]>) => IData[];
-declare const getActiveFilters: <IData extends object>(filters: Readonly<IFilterOptions<IData>[]>) => number;
-declare const clearFilterValues: <IData extends object>(filter: Readonly<IFilterOptions<IData>>) => IFilterOptions<IData>;
-export { clearFilterValues, getActiveFilters, setFiltersUtil };

package/dist/components/modal/filters-modal/utils.test.d.ts

@@ -1 +0,0 @@
-export {};