kelt-ui-kit-react 1.8.3 → 1.8.4

package/package/src/toaster/toaster.css

@@ -1,87 +0,0 @@
-.toaster {
-  position: fixed;
-  top: 0.5rem;
-  right: 0.5rem;
-  z-index: 10;
-  display: flex;
-  padding: 1rem;
-  gap: 10px;
-  background-color: #fff;
-  color: #333;
-  width: 300px;
-  border-radius: 4px;
-  border: 1px solid #dede;
-  .toaster--close {
-    position: absolute;
-    top: 2px;
-    right: 2px;
-    color: #333;
-    cursor: pointer;
-    .bi {
-      font-size: 1.2rem;
-    }
-  }
-  &.toaster-info {
-    border-color: #004aad66;
-    .toaster--close {
-      bi {
-        color: #004aad;
-      }
-    }
-  }
-  &.toaster-success {
-    border-color: #28a7458c;
-    .toaster--close {
-      .bi {
-        color: #28a745;
-      }
-    }
-  }
-  &.toaster-warning {
-    border-color: #ec942c;
-    .toaster--close {
-      bi {
-        color: #ec942c;
-      }
-    }
-  }
-  &.toaster-error {
-    border-color: #dc35457d;
-    .toaster--close {
-      bi {
-        color: #dc3545;
-      }
-    }
-  }
-  .title {
-    font-weight: 500;
-    font-size: 16px;
-    &.title-info {
-      color: var(--primary-color);
-    }
-    &.title-success {
-      color: var(--success-color);
-    }
-    &.title-warning {
-      color: var(--warning-color);
-    }
-    &.title-error {
-      color: var(--danger-color);
-    }
-  }
-  .subtitle {
-    font-size: 14px;
-  }
-  .bi-info-circle {
-    color: var(--primary-color);
-  }
-  .bi-check-circle {
-    color: var(--success-color);
-  }
-  .bi-exclamation-triangle {
-    color: var(--warning-color);
-  }
-  .bi-x-circle {
-    color: var(--danger-color);
-  }
-}

package/package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    // Générer les fichiers .d.ts
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "emitDeclarationOnly": false,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": false,
-    "jsx": "react-jsx",
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "declaration": false,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "typeRoots": ["node_modules/@types", "./types"]
-  },
-  "include": ["src/**/*"],
-  "exclude": ["./vite.config.ts", "node_modules"]
-}

package/package/vite.config.ts

@@ -1,20 +0,0 @@
-import { defineConfig } from "vite";
-import checker from "vite-plugin-checker";
-import dts from "vite-plugin-dts";
-export default defineConfig({
-  plugins: [dts(), checker({ typescript: true })],
-  server: {
-    port: 2552, // Remplace 3000 par le port souhaité
-  },
-  build: {
-    lib: {
-      entry: "./src/index.ts", // Remplacer par l'entrée correcte
-      formats: ["es"], // Génère un module ES
-      name: "kelt-ui-kit-react",
-      fileName: "index",
-    },
-    rollupOptions: {
-      external: ["react", "react-dom"],
-    },
-  },
-});

package/package/vite.config.ts.timestamp-1733262892554-a13dfef6e8a29.mjs

@@ -1,24 +0,0 @@
-// vite.config.ts
-import { defineConfig } from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite/dist/node/index.js";
-import checker from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
-import dts from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
-var vite_config_default = defineConfig({
-  plugins: [dts(), checker({ typescript: true })],
-  build: {
-    lib: {
-      entry: "./src/index.ts",
-      // Remplacer par l'entrée correcte
-      formats: ["es"],
-      // Génère un module ES
-      name: "kelt-ui-kit-react",
-      fileName: "index"
-    },
-    rollupOptions: {
-      external: ["react", "react-dom"]
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxhbGV4YW5kcmUucGVubmVjXFxcXERvY3VtZW50c1xcXFxwcm9qZXRzXFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcYWxleGFuZHJlLnBlbm5lY1xcXFxEb2N1bWVudHNcXFxccHJvamV0c1xcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2FsZXhhbmRyZS5wZW5uZWMvRG9jdW1lbnRzL3Byb2pldHMvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgYnVpbGQ6IHtcclxuICAgIGxpYjoge1xyXG4gICAgICBlbnRyeTogXCIuL3NyYy9pbmRleC50c1wiLCAvLyBSZW1wbGFjZXIgcGFyIGwnZW50clx1MDBFOWUgY29ycmVjdGVcclxuICAgICAgZm9ybWF0czogW1wiZXNcIl0sIC8vIEdcdTAwRTluXHUwMEU4cmUgdW4gbW9kdWxlIEVTXHJcbiAgICAgIG5hbWU6IFwia2VsdC11aS1raXQtcmVhY3RcIixcclxuICAgICAgZmlsZU5hbWU6IFwiaW5kZXhcIixcclxuICAgIH0sXHJcbiAgICByb2xsdXBPcHRpb25zOiB7XHJcbiAgICAgIGV4dGVybmFsOiBbXCJyZWFjdFwiLCBcInJlYWN0LWRvbVwiXSxcclxuICAgIH0sXHJcbiAgfSxcclxufSk7XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBc1csU0FBUyxvQkFBb0I7QUFDblksT0FBTyxhQUFhO0FBQ3BCLE9BQU8sU0FBUztBQUNoQixJQUFPLHNCQUFRLGFBQWE7QUFBQSxFQUMxQixTQUFTLENBQUMsSUFBSSxHQUFHLFFBQVEsRUFBRSxZQUFZLEtBQUssQ0FBQyxDQUFDO0FBQUEsRUFDOUMsT0FBTztBQUFBLElBQ0wsS0FBSztBQUFBLE1BQ0gsT0FBTztBQUFBO0FBQUEsTUFDUCxTQUFTLENBQUMsSUFBSTtBQUFBO0FBQUEsTUFDZCxNQUFNO0FBQUEsTUFDTixVQUFVO0FBQUEsSUFDWjtBQUFBLElBQ0EsZUFBZTtBQUFBLE1BQ2IsVUFBVSxDQUFDLFNBQVMsV0FBVztBQUFBLElBQ2pDO0FBQUEsRUFDRjtBQUNGLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/package/vite.config.ts.timestamp-1757847121745-e5a5bf54b81b.mjs

@@ -1,28 +0,0 @@
-// vite.config.ts
-import { defineConfig } from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite/dist/node/index.js";
-import checker from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
-import dts from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
-var vite_config_default = defineConfig({
-  plugins: [dts(), checker({ typescript: true })],
-  server: {
-    port: 2552
-    // Remplace 3000 par le port souhaité
-  },
-  build: {
-    lib: {
-      entry: "./src/index.ts",
-      // Remplacer par l'entrée correcte
-      formats: ["es"],
-      // Génère un module ES
-      name: "kelt-ui-kit-react",
-      fileName: "index"
-    },
-    rollupOptions: {
-      external: ["react", "react-dom"]
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxsYXVsYXV0dGVcXFxcdHJhdmFpbFxcXFxrZWx0XFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcbGF1bGF1dHRlXFxcXHRyYXZhaWxcXFxca2VsdFxcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2xhdWxhdXR0ZS90cmF2YWlsL2tlbHQvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgc2VydmVyOiB7XHJcbiAgICBwb3J0OiAyNTUyLCAvLyBSZW1wbGFjZSAzMDAwIHBhciBsZSBwb3J0IHNvdWhhaXRcdTAwRTlcclxuICB9LFxyXG4gIGJ1aWxkOiB7XHJcbiAgICBsaWI6IHtcclxuICAgICAgZW50cnk6IFwiLi9zcmMvaW5kZXgudHNcIiwgLy8gUmVtcGxhY2VyIHBhciBsJ2VudHJcdTAwRTllIGNvcnJlY3RlXHJcbiAgICAgIGZvcm1hdHM6IFtcImVzXCJdLCAvLyBHXHUwMEU5blx1MDBFOHJlIHVuIG1vZHVsZSBFU1xyXG4gICAgICBuYW1lOiBcImtlbHQtdWkta2l0LXJlYWN0XCIsXHJcbiAgICAgIGZpbGVOYW1lOiBcImluZGV4XCIsXHJcbiAgICB9LFxyXG4gICAgcm9sbHVwT3B0aW9uczoge1xyXG4gICAgICBleHRlcm5hbDogW1wicmVhY3RcIiwgXCJyZWFjdC1kb21cIl0sXHJcbiAgICB9LFxyXG4gIH0sXHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWtVLFNBQVMsb0JBQW9CO0FBQy9WLE9BQU8sYUFBYTtBQUNwQixPQUFPLFNBQVM7QUFDaEIsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsU0FBUyxDQUFDLElBQUksR0FBRyxRQUFRLEVBQUUsWUFBWSxLQUFLLENBQUMsQ0FBQztBQUFBLEVBQzlDLFFBQVE7QUFBQSxJQUNOLE1BQU07QUFBQTtBQUFBLEVBQ1I7QUFBQSxFQUNBLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQTtBQUFBLE1BQ1AsU0FBUyxDQUFDLElBQUk7QUFBQTtBQUFBLE1BQ2QsTUFBTTtBQUFBLE1BQ04sVUFBVTtBQUFBLElBQ1o7QUFBQSxJQUNBLGVBQWU7QUFBQSxNQUNiLFVBQVUsQ0FBQyxTQUFTLFdBQVc7QUFBQSxJQUNqQztBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=

package/package/vite.config.ts.timestamp-1759742478362-4ac5c5a7db34b.mjs

@@ -1,28 +0,0 @@
-// vite.config.ts
-import { defineConfig } from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite/dist/node/index.js";
-import checker from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
-import dts from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
-var vite_config_default = defineConfig({
-  plugins: [dts(), checker({ typescript: true })],
-  server: {
-    port: 2552
-    // Remplace 3000 par le port souhaité
-  },
-  build: {
-    lib: {
-      entry: "./src/index.ts",
-      // Remplacer par l'entrée correcte
-      formats: ["es"],
-      // Génère un module ES
-      name: "kelt-ui-kit-react",
-      fileName: "index"
-    },
-    rollupOptions: {
-      external: ["react", "react-dom"]
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxsYXVsYXV0dGVcXFxcdHJhdmFpbFxcXFxrZWx0XFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcbGF1bGF1dHRlXFxcXHRyYXZhaWxcXFxca2VsdFxcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2xhdWxhdXR0ZS90cmF2YWlsL2tlbHQvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgc2VydmVyOiB7XHJcbiAgICBwb3J0OiAyNTUyLCAvLyBSZW1wbGFjZSAzMDAwIHBhciBsZSBwb3J0IHNvdWhhaXRcdTAwRTlcclxuICB9LFxyXG4gIGJ1aWxkOiB7XHJcbiAgICBsaWI6IHtcclxuICAgICAgZW50cnk6IFwiLi9zcmMvaW5kZXgudHNcIiwgLy8gUmVtcGxhY2VyIHBhciBsJ2VudHJcdTAwRTllIGNvcnJlY3RlXHJcbiAgICAgIGZvcm1hdHM6IFtcImVzXCJdLCAvLyBHXHUwMEU5blx1MDBFOHJlIHVuIG1vZHVsZSBFU1xyXG4gICAgICBuYW1lOiBcImtlbHQtdWkta2l0LXJlYWN0XCIsXHJcbiAgICAgIGZpbGVOYW1lOiBcImluZGV4XCIsXHJcbiAgICB9LFxyXG4gICAgcm9sbHVwT3B0aW9uczoge1xyXG4gICAgICBleHRlcm5hbDogW1wicmVhY3RcIiwgXCJyZWFjdC1kb21cIl0sXHJcbiAgICB9LFxyXG4gIH0sXHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWtVLFNBQVMsb0JBQW9CO0FBQy9WLE9BQU8sYUFBYTtBQUNwQixPQUFPLFNBQVM7QUFDaEIsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsU0FBUyxDQUFDLElBQUksR0FBRyxRQUFRLEVBQUUsWUFBWSxLQUFLLENBQUMsQ0FBQztBQUFBLEVBQzlDLFFBQVE7QUFBQSxJQUNOLE1BQU07QUFBQTtBQUFBLEVBQ1I7QUFBQSxFQUNBLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQTtBQUFBLE1BQ1AsU0FBUyxDQUFDLElBQUk7QUFBQTtBQUFBLE1BQ2QsTUFBTTtBQUFBLE1BQ04sVUFBVTtBQUFBLElBQ1o7QUFBQSxJQUNBLGVBQWU7QUFBQSxNQUNiLFVBQVUsQ0FBQyxTQUFTLFdBQVc7QUFBQSxJQUNqQztBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=

package/src/_core/type/generiqueType.tsx

@@ -1,4 +0,0 @@
-export interface EnumerableType {
-  label: string;
-  value: string;
-}

package/src/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.tsx

@@ -1,36 +0,0 @@
-import { Icon } from "../../../icon/Icon";
-import { DataTableColumnsInterface } from "../../dataTable.interface";
-import "./dataTableColumnFilter.css";
-
-type DataTableColumnFilterProps<T> = {
-  className?: string;
-  column: DataTableColumnsInterface<T>;
-  isFilterVisible?: boolean;
-  onToggleVisibility?: (column: DataTableColumnsInterface<T>) => void;
-};
-export const DataTableColumnFilter = <T,>({
-  className,
-  column,
-  isFilterVisible = false,
-  onToggleVisibility,
-}: DataTableColumnFilterProps<T>) => {
-  return (
-    <div
-      className={`data-table-column-filter ${
-        isFilterVisible ? "active" : ""
-      } ${className ?? ""}`}
-    >
-      <span>
-        <Icon
-          onClick={(e) => {
-            e.stopPropagation();
-            onToggleVisibility?.(column);
-          }}
-          classIcon={`bi-filter cursor-pointer ${
-            isFilterVisible ? "data-table-column-filter-active" : ""
-          }`}
-        />
-      </span>
-    </div>
-  );
-};

package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.tsx

@@ -1,39 +0,0 @@
-import { useState } from "react";
-
-import { TypeInputEnum } from "../../../../form/form.enum";
-import { Input } from "../../../../form/input/Input";
-
-type DataTableColumnFilterDateProps = {
-  id: string;
-  name: string;
-  label: string;
-  onChange: (value: string) => void;
-  currentValue?: string;
-};
-export const DataTableColumnFilterDate = ({
-  id,
-  name,
-  label,
-  onChange,
-  currentValue,
-}: DataTableColumnFilterDateProps) => {
-  const [selectedValue, setSelectedValue] = useState<string>(
-    currentValue ?? "",
-  );
-  const handleChange = (value: string) => {
-    setSelectedValue(value);
-    onChange(value);
-  };
-  return (
-    <div>
-      <p>{label}</p>
-      <Input
-        id={id}
-        name={name}
-        type={TypeInputEnum.DATE}
-        value={selectedValue}
-        onChange={(e) => handleChange(e.target.value)}
-      />
-    </div>
-  );
-};

package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.tsx

@@ -1,80 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { TypeInputEnum } from "../../../../form/form.enum";
-import { Input } from "../../../../form/input/Input";
-
-type DataTableColumnFilterDateRangeProps = {
-  id: string;
-  name: string;
-  onChange: (startDate: string, endDate: string) => void;
-  currentStartValue?: string;
-  currentEndValue?: string;
-};
-
-export const DataTableColumnFilterDateRange = ({
-  id,
-  name,
-  onChange,
-  currentStartValue,
-  currentEndValue,
-}: DataTableColumnFilterDateRangeProps) => {
-  const [startDate, setStartDate] = useState<string>(currentStartValue ?? "");
-  const [endDate, setEndDate] = useState<string>(currentEndValue ?? "");
-
-  useEffect(() => {
-    setStartDate(currentStartValue ?? "");
-  }, [currentStartValue]);
-
-  useEffect(() => {
-    setEndDate(currentEndValue ?? "");
-  }, [currentEndValue]);
-
-  const handleStartDateChange = (value: string) => {
-    setStartDate(value);
-    onChange(value, endDate);
-  };
-
-  const handleEndDateChange = (value: string) => {
-    setEndDate(value);
-    onChange(startDate, value);
-  };
-
-  return (
-    <div>
-      <div style={{ display: "flex", flexDirection: "column", gap: "12px" }}>
-        <div>
-          <label
-            htmlFor={`${id}-start`}
-            style={{ display: "block", marginBottom: "4px" }}
-          >
-            Date début
-          </label>
-          <Input
-            id={`${id}-start`}
-            name={`${name}-start`}
-            type={TypeInputEnum.DATE}
-            value={startDate}
-            onClick={(e) => e.stopPropagation()}
-            onChange={(e) => handleStartDateChange(e.target.value)}
-          />
-        </div>
-        <div>
-          <label
-            htmlFor={`${id}-end`}
-            style={{ display: "block", marginBottom: "4px" }}
-          >
-            Date fin
-          </label>
-          <Input
-            id={`${id}-end`}
-            name={`${name}-end`}
-            type={TypeInputEnum.DATE}
-            value={endDate}
-            onClick={(e) => e.stopPropagation()}
-            onChange={(e) => handleEndDateChange(e.target.value)}
-          />
-        </div>
-      </div>
-    </div>
-  );
-};

package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.tsx

@@ -1,89 +0,0 @@
-import { useEffect, useState } from "react";
-import { Button } from "../../../..";
-import { EnumerableType } from "../../../../_core/type/generiqueType";
-import { TypeInputEnum } from "../../../../form/form.enum";
-import { Input } from "../../../../form/input/Input";
-
-type DataTableColumnFilterEnumProps = {
-  type: TypeInputEnum;
-  id: string;
-  name?: string;
-  data: EnumerableType[];
-  onChange: (value: string) => void;
-  currentValue?: string;
-};
-export const DataTableColumnFilterEnum = ({
-  type,
-  id,
-  onChange,
-  name,
-  data,
-  currentValue = "",
-}: DataTableColumnFilterEnumProps) => {
-  const [selectedValue, setSelectedValue] = useState<string[]>(() => {
-    return currentValue ? currentValue.split(",") : [];
-  });
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    let newSelectedValue: string[];
-
-    if (type === TypeInputEnum.RADIO) {
-      newSelectedValue = [e.target.value];
-    } else {
-      if (selectedValue.includes(e.target.value)) {
-        newSelectedValue = selectedValue.filter(
-          (val) => val !== e.target.value,
-        );
-      } else {
-        newSelectedValue = [...selectedValue, e.target.value];
-      }
-    }
-
-    setSelectedValue(newSelectedValue);
-    onChange(newSelectedValue.join(","));
-  };
-  const allSelected = () => {
-    if (selectedValue.length === data.length) {
-      setSelectedValue([]);
-      onChange("");
-    } else {
-      const allValues = data.map((d) => d.value);
-      setSelectedValue(allValues);
-      onChange(allValues.join(","));
-    }
-  };
-  useEffect(() => {
-    const newValue = currentValue ? currentValue.split(",") : [];
-    setSelectedValue(newValue);
-  }, [currentValue]);
-  return (
-    <>
-      {data?.map((opt) => (
-        <div
-          style={{
-            width: "150px",
-          }}
-          className="d-flex align-items-center"
-          key={opt.value}
-        >
-          <Input
-            id={id}
-            name={`${name}-${opt.value}-filter`}
-            value={opt.value}
-            onChange={handleChange}
-            type={type}
-            checked={selectedValue.includes(opt.value)}
-          />
-          <label className="ml-2" htmlFor={`${name}-${opt.value}-filter`}>
-            {opt.label}
-          </label>
-        </div>
-      ))}
-      <Button
-        className="mt-2"
-        onClick={allSelected}
-        id={`${id}-select-all`}
-        title="Tout sélectionner"
-      />
-    </>
-  );
-};

package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.tsx

@@ -1,37 +0,0 @@
-import { useState } from "react";
-
-import { Input } from "../../../../form/input/Input";
-
-type DataTableColumnFilterStringProps = {
-  id: string;
-  name: string;
-  label: string;
-  onChange: (value: string) => void;
-  currentValue?: string;
-};
-export const DataTableColumnFilterString = ({
-  id,
-  name,
-  label,
-  onChange,
-  currentValue,
-}: DataTableColumnFilterStringProps) => {
-  const [selectedValue, setSelectedValue] = useState<string>(
-    currentValue ?? "",
-  );
-  const handleChange = (value: string) => {
-    setSelectedValue(value);
-    onChange(value);
-  };
-  return (
-    <div>
-      <p>{label}</p>
-      <Input
-        id={id}
-        name={name}
-        value={selectedValue}
-        onChange={(e) => handleChange(e.target.value)}
-      />
-    </div>
-  );
-};

package/src/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.tsx

@@ -1,42 +0,0 @@
-import { Icon } from "../../../icon/Icon";
-import { DataTableSortDirection } from "../../DataTable";
-import { DataTableColumnsInterface } from "../../dataTable.interface";
-
-type DataTableColumnSortProps<T> = {
-  className?: string;
-  column: DataTableColumnsInterface<T>;
-  sortDirection?: DataTableSortDirection | null;
-  onToggleSort?: (column: DataTableColumnsInterface<T>) => void;
-};
-
-export const DataTableColumnSort = <T,>({
-  className,
-  column,
-  sortDirection,
-  onToggleSort,
-}: DataTableColumnSortProps<T>) => {
-  const iconClass =
-    sortDirection === "asc"
-      ? "bi-sort-up"
-      : sortDirection === "desc"
-        ? "bi-sort-down"
-        : "bi-arrow-down-up";
-
-  return (
-    <div
-      className={`data-table-column-sort ${sortDirection ? "active" : ""} ${className ?? ""}`}
-    >
-      <span>
-        <Icon
-          onClick={(e) => {
-            e.stopPropagation();
-            onToggleSort?.(column);
-          }}
-          classIcon={`${iconClass} cursor-pointer ${
-            sortDirection ? "data-table-column-sort-active" : ""
-          }`}
-        />
-      </span>
-    </div>
-  );
-};

package/src/dataTable/dataTableFilters/DataTableFilters.tsx

@@ -1,91 +0,0 @@
-import { Badge } from "../../badge/Badge";
-import { Icon } from "../../icon/Icon";
-import {
-  DataTableDateRangeFilterValue,
-  DataTableFilterState,
-} from "../DataTable";
-import "./dataTableFilters.css";
-export type DataTableFiltersProps = {
-  currentFilters: DataTableFilterState;
-  setCurrentFilters: React.Dispatch<React.SetStateAction<DataTableFilterState>>;
-};
-export const DataTableFilters = ({
-  currentFilters,
-  setCurrentFilters,
-}: DataTableFiltersProps) => {
-  const isDateRangeFilterValue = (
-    value: DataTableFilterState[string],
-  ): value is DataTableDateRangeFilterValue => {
-    return (
-      typeof value === "object" &&
-      value !== null &&
-      "startDate" in value &&
-      "endDate" in value
-    );
-  };
-
-  const getDisplayValue = (value: DataTableFilterState[string]) => {
-    if (isDateRangeFilterValue(value)) {
-      if (value.startDate && value.endDate) {
-        return `${value.startDate} - ${value.endDate}`;
-      }
-
-      if (value.startDate) {
-        return `a partir de ${value.startDate}`;
-      }
-
-      if (value.endDate) {
-        return `jusqu'au ${value.endDate}`;
-      }
-
-      return "";
-    }
-
-    return String(value ?? "");
-  };
-
-  const generateColor = (str: string): string => {
-    let hash = 0;
-    for (let i = 0; i < str.length; i++) {
-      hash = str.charCodeAt(i) + ((hash << 5) - hash);
-    }
-
-    const hue = hash % 360;
-    return `hsl(${hue}, 80%, 30%)`;
-  };
-
-  const removeFilters = (key: string) => {
-    setCurrentFilters((prev: any) => {
-      const { [key]: _removed, ...rest } = prev;
-      return rest;
-    });
-  };
-  if (!currentFilters || Object.keys(currentFilters).length === 0) {
-    return null;
-  }
-
-  return (
-    <div className="badge-filters">
-      {Object.keys(currentFilters).map((key) => {
-        const value = getDisplayValue(currentFilters[key]);
-        const displayValue =
-          value.length > 20 ? value.substring(0, 20) + "..." : value;
-
-        return (
-          <Badge
-            onRemove={() => removeFilters(key)}
-            className="mr-2"
-            title={`${key} : ${displayValue}`}
-            color={generateColor(key)}
-            key={key}
-          />
-        );
-      })}
-
-      <Icon
-        classIcon="bi-x badge-filters-clear"
-        onClick={() => setCurrentFilters({})}
-      />
-    </div>
-  );
-};

package/src/dataTable/dataTableFilters/dataTableFilters.css

@@ -1,16 +0,0 @@
-.badge-filters {
-  border-radius: 4px;
-  padding: 0.25rem;
-  border: 1px solid #dedede;
-  width: fit-content;
-  display: flex;
-  align-items: center;
-  position: sticky;
-  left: 0;
-  .badge-filters-clear {
-    padding: 0.05rem;
-    border: 1px solid #dedede;
-    border-radius: 4px;
-    cursor: pointer;
-  }
-}