@tracktor/design-system 4.8.0 → 4.8.2

package/dist/src/components/Inputs/ChipFilter/ChipFilter.d.ts

@@ -1,10 +1,12 @@
 import { ChipProps } from '@mui/material';
-type Option = {
+import { ReactNode } from 'react';
+export type OptionValue = string | number;
+type Option<T = OptionValue> = {
     id?: string | number;
     label: string;
-    value: string;
+    value: T;
 };
-interface ChipFilterBaseProps {
+interface ChipFilterBaseProps<T = OptionValue> {
     /**
      * The label of the chip filter.
      */
@@ -29,7 +31,7 @@ interface ChipFilterBaseProps {
      * The options available for selection in the chip filter.
      * If "options" is not an array, it is considered a single option (toggle behavior).
      */
-    options?: Option | Option[];
+    options?: Option<T> | Option<T>[];
     /**
      * Indicates if there should be a separator between the label menu and the options selected in the menu.
      * Defaults to ":"
@@ -40,7 +42,7 @@ interface ChipFilterBaseProps {
      */
     labelOnlyAfterSelection?: boolean;
 }
-export interface ChipFilterSingleProps extends ChipFilterBaseProps {
+export interface ChipFilterSingleProps<T = OptionValue> extends ChipFilterBaseProps<T> {
     /**
      * Indicates if the chip filter allows multiple selections.
      */
@@ -48,14 +50,14 @@ export interface ChipFilterSingleProps extends ChipFilterBaseProps {
     /**
      * The value of the chip filter.
      */
-    value?: string;
+    value?: T;
     /**
      * Callback function triggered when the value of the chip filter changes.
      * @param value
      */
-    onChange?: (value?: string) => void;
+    onChange?: (value?: T) => void;
 }
-export interface ChipFilterMultipleProps extends ChipFilterBaseProps {
+export interface ChipFilterMultipleProps<T = OptionValue> extends ChipFilterBaseProps<T> {
     /**
      * Indicates if the chip filter allows multiple selections.
      */
@@ -63,13 +65,14 @@ export interface ChipFilterMultipleProps extends ChipFilterBaseProps {
     /**
      * The value of the chip filter.
      */
-    value?: string[];
+    value?: T[];
     /**
      * Callback function triggered when the value of the chip filter changes.
      * @param value
      */
-    onChange?: (value: string[]) => void;
+    onChange?: (value: T[]) => void;
 }
-export type ChipFilterProps = ChipFilterSingleProps | ChipFilterMultipleProps;
-declare const ChipFilter: ({ label, value, onChange, options, variant, disabled, labelMenu, labelOnlyAfterSelection, separatorBetweenLabelAndOptionSelected, multiple, size, }: ChipFilterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export type ChipFilterProps<T = OptionValue> = ChipFilterSingleProps<T> | ChipFilterMultipleProps<T>;
+declare function ChipFilter<T = OptionValue>(props: ChipFilterSingleProps<T>): ReactNode;
+declare function ChipFilter<T = OptionValue>(props: ChipFilterMultipleProps<T>): ReactNode;
 export default ChipFilter;

package/dist/src/main.d.ts

@@ -63,6 +63,8 @@ export { default as DialogPopper } from './components/Feedback/Dialog/DialogPopp
 export * from './components/Feedback/Dialog/DialogPopper';
 export { default as DialogValidation } from './components/Feedback/Dialog/DialogValidation/DialogValidation';
 export * from './components/Feedback/Dialog/DialogValidation/DialogValidation';
+export { default as ChipFilter } from './components/Inputs/ChipFilter/ChipFilter';
+export * from './components/Inputs/ChipFilter/ChipFilter';
 export { default as ThemeProvider } from './context/Theme/ThemeProvider';
 export type { ThemeProviderProps } from './context/Theme/ThemeProvider';
 export { default as PermissionProvider } from './context/Permission/PermissionProvider';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@tracktor/design-system",
   "description": "Tracktor Design System",
   "sideEffects": false,
-  "version": "4.8.0",
+  "version": "4.8.2",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",