kelt-ui-kit-react 2.1.7 → 2.1.9

package/src/damier/utils/findDamierTreePath.ts

@@ -0,0 +1,14 @@
+import { DamierTreeNodeInterface } from "../damierEditor/damierEditorTree/damierTreeNode.interface";
+
+// Ids des pages ancêtres (incluse) menant à `pageId`, vide si absente de l'arbre
+export const findDamierTreePath = (
+  nodes: DamierTreeNodeInterface[],
+  pageId: number,
+): number[] => {
+  for (const node of nodes) {
+    if (node.page.id === pageId) return [node.page.id];
+    const path = findDamierTreePath(node.children, pageId);
+    if (path.length) return [node.page.id, ...path];
+  }
+  return [];
+};

package/src/damier/utils/getFirstFreePosition.ts

@@ -0,0 +1,12 @@
+import { DamierPageInterface } from "../damierPage/damierPage.interface";
+
+// Première position libre (base 1) de la page, undefined si la page est pleine
+export const getFirstFreePosition = (
+  page: DamierPageInterface,
+): number | undefined => {
+  const taken = new Set(page.cells.map((cell) => cell.position));
+  for (let position = 1; position <= page.cols * page.rows; position++) {
+    if (!taken.has(position)) return position;
+  }
+  return undefined;
+};

package/src/damier/utils/moveDamierCell.ts

@@ -0,0 +1,13 @@
+import { DamierCellInterface } from "../damierCell/damierCell.interface";
+
+// Déplace la case de `from` vers `to` ; si `to` est occupée, les deux cases sont échangées.
+export const moveDamierCell = (
+  cells: DamierCellInterface[],
+  from: number,
+  to: number,
+): DamierCellInterface[] =>
+  cells.map((cell) => {
+    if (cell.position === from) return { ...cell, position: to };
+    if (cell.position === to) return { ...cell, position: from };
+    return cell;
+  });

package/src/dataTable/DataTable.tsx

@@ -521,9 +521,9 @@ export function DataTable<T>(props: DataTableProps<T>) {
       {name && <h2 className="mb-2">{name}</h2>}
       {element}
       <DataTableFilters currentFilters={tableState.filters} setCurrentFilters={tableState.setFilters} />
-      {showMobileCardView && columns.some((column) => column.filterable || column.sortable) && (
+      {showMobileCardView && columns.some((column) => column.filterable) && (
         <div className="data-table-mobile-controls">
-          {columns.filter((column) => column.filterable || column.sortable).map((column, idx) => (
+          {columns.filter((column) => column.filterable).map((column, idx) => (
             <div key={column.id}>
               <table><thead><tr><DataTableColumn column={column} idx={idx}
                 isFilterVisible={tableState.visibleFilters.has(column.name ?? column.id)}

package/src/docs/catalog.ts

@@ -23,7 +23,7 @@ export const catalog: Record<string, { category: Category; description: string;
   "/expands": { category: "Affichage", icon: "arrows-expand", description: "Deplier des sections et organiser des contenus denses." },
   "/grid": { category: "Affichage", icon: "grid-3x3", description: "Construire une mise en page avec des colonnes responsives." },
   "/card": { category: "Affichage", icon: "card-heading", description: "Regrouper contenu, informations et actions dans une carte." },
-  "/damier": { category: "Affichage", icon: "grid", description: "Presenter des elements dans une grille de cellules." },
+  "/damier": { category: "Affichage", icon: "grid", description: "Presenter des elements dans une grille de cellules, et l'editer (pages, cases, glisser-deposer)." },
   "/carousel": { category: "Affichage", icon: "images", description: "Parcourir une collection de contenus." },
   "/badge": { category: "Affichage", icon: "patch-check", description: "Mettre en valeur un statut ou une information courte." },
   "/data-table": { category: "Affichage", icon: "table", description: "Afficher des donnees, selections, colonnes et actions." },

package/src/form/Form.tsx

@@ -23,6 +23,7 @@ import { Row } from "../grid/row/Row";
 import { GridBreakpoints, GridResponsive } from "../grid/grid.interface";
 import { TypeInputEnum } from "./form.enum";
 import { AddressSearch } from "../addressSearch/AddressSearch";
+import { getFieldError } from "./getFieldError";
 
 const euroFormatter = new Intl.NumberFormat("fr-FR", {
   style: "currency",
@@ -107,8 +108,34 @@ export const DynamicForm = forwardRef(
       return initialValues;
     });
 
+    const [errors, setErrors] = useState<Record<string, string | undefined>>(
+      {}
+    );
+
     const inputRefs = useRef<{ [key: string]: HTMLInputElement | null }>({});
 
+    /** Revalide le champ pendant la saisie uniquement s'il est déjà en erreur */
+    const revalidateField = useCallback(
+      (field: FormInterface, value: unknown) => {
+        setErrors((prevErrors) =>
+          prevErrors[field.name]
+            ? { ...prevErrors, [field.name]: getFieldError(field, value) }
+            : prevErrors
+        );
+      },
+      []
+    );
+
+    const validateField = useCallback(
+      (field: FormInterface, value: unknown) => {
+        setErrors((prevErrors) => ({
+          ...prevErrors,
+          [field.name]: getFieldError(field, value),
+        }));
+      },
+      []
+    );
+
     /** Gestion des <input> */
     const handleChangeInput = useCallback(
       (
@@ -116,11 +143,15 @@ export const DynamicForm = forwardRef(
         forminterface: FormInterface
       ) => {
         const { name, type, checked, value } = event.target;
-        const newValue = type === "checkbox" ? checked : value;
+        const newValue =
+          type === "checkbox"
+            ? checked
+            : (forminterface.formatOnChange?.(value) ?? value);
 
         if (forminterface.onChange) {
           forminterface.onChange(newValue, name);
         }
+        revalidateField(forminterface, newValue);
 
         setValues((prevValues) => {
           const updatedValues = { ...prevValues, [name]: newValue };
@@ -130,13 +161,14 @@ export const DynamicForm = forwardRef(
           return updatedValues;
         });
       },
-      [onChange]
+      [onChange, revalidateField]
     );
     const handleChangeTextArea = useCallback(
       (name: string, value: string, forminterface: FormInterface) => {
         if (forminterface.onChange) {
           forminterface.onChange(value, name);
         }
+        revalidateField(forminterface, value);
 
         setValues((prevValues) => {
           const updatedValues = { ...prevValues, [name]: value };
@@ -146,7 +178,7 @@ export const DynamicForm = forwardRef(
           return updatedValues;
         });
       },
-      [onChange]
+      [onChange, revalidateField]
     );
     /** Gestion des <select> */
     const handleChangeSelect = useCallback(
@@ -171,14 +203,31 @@ export const DynamicForm = forwardRef(
     const handleSubmit = useCallback(
       (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault();
+        const submitErrors = formFields.reduce<
+          Record<string, string | undefined>
+        >((fieldErrors, field) => {
+          fieldErrors[field.name] = getFieldError(field, values[field.name]);
+          return fieldErrors;
+        }, {});
+        setErrors(submitErrors);
+        if (Object.values(submitErrors).some(Boolean)) {
+          const firstErrorField = formFields.find(
+            (field) => submitErrors[field.name]
+          );
+          if (firstErrorField) {
+            inputRefs.current[firstErrorField.name]?.focus();
+          }
+          return;
+        }
         if (onSubmit) {
           onSubmit(values);
         }
       },
-      [onSubmit, values]
+      [onSubmit, values, formFields]
     );
 
     const resetForm = () => {
+      setErrors({});
       setValues(() => {
         const resetValues: FormValuesInterface<T> =
           {} as FormValuesInterface<T>;
@@ -320,7 +369,8 @@ export const DynamicForm = forwardRef(
               >
                 <div
                   className={`d-flex flex-column ${v.className ?? ""
-                    } form-group form-group-${v.type}`}
+                    } form-group form-group-${v.type} ${errors[v.name] ? "form-group--error" : ""
+                    }`}
                 >
                   {v.label && <label>{v.label}</label>}
                   {v.icon && <Icon classIcon={v.icon} />}
@@ -351,12 +401,16 @@ export const DynamicForm = forwardRef(
                       required={required}
                       allowManualEntry
                       manualEntryLabel={v.addressSearch?.manualEntryLabel}
-                      onChange={(value) =>
-                        updateValues({ [v.name]: value } as FormValuesInterface<T>)
-                      }
+                      onChange={(value) => {
+                        revalidateField(v, value);
+                        updateValues({ [v.name]: value } as FormValuesInterface<T>);
+                      }}
                       onSelect={(address) => {
                         const mappedValues =
                           v.addressSearch?.mapAddress?.(address) ?? {};
+                        if (v.name in mappedValues) {
+                          revalidateField(v, mappedValues[v.name]);
+                        }
                         updateValues(mappedValues as FormValuesInterface<T>);
                         v.addressSearch?.onSelect?.(address);
                       }}
@@ -431,9 +485,15 @@ export const DynamicForm = forwardRef(
                       onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                         handleChangeInput(e, v)
                       }
+                      onBlur={(e: React.FocusEvent<HTMLInputElement>) =>
+                        validateField(v, e.target.value)
+                      }
                       onInvalid={v.onInvalid ? v.onInvalid : undefined}
                     />
                   )}
+                  {mode !== "read" && errors[v.name] && (
+                    <small className="form-error">{errors[v.name]}</small>
+                  )}
                 </div>
               </FormFieldContainer>
             );

package/src/form/form.css

@@ -60,6 +60,15 @@ form {
     padding-bottom: 0.15rem;
   }
 
+  .form-group--error input {
+    border-color: var(--danger-color);
+  }
+
+  .form-error {
+    color: var(--danger-color);
+    font-size: 0.8rem;
+  }
+
   .form-group-checkbox {
     display: flex;
     flex-direction: row;

package/src/form/form.interface.tsx

@@ -60,6 +60,8 @@ export interface FormInterface {
     value: string | number | boolean | Date | string[]
   ) => React.ReactNode;
   autoComplete?: string;
+  /** Transforme la valeur saisie avant de la stocker (ex : formatage d'un téléphone) */
+  formatOnChange?: (value: string) => string;
   step?: string;
   onChange?: (
     value: string | number | boolean | Date | string[],

package/src/form/getFieldError.ts

@@ -0,0 +1,14 @@
+import { FormInterface } from "./form.interface";
+
+// Retourne le message d'erreur du champ si sa valeur ne respecte pas sa condition (un champ vide est ignoré, c'est le rôle de required)
+export const getFieldError = (
+  field: FormInterface,
+  value: unknown,
+): string | undefined => {
+  if (!field.condition || typeof value !== "string" || value.trim() === "") {
+    return undefined;
+  }
+  return new RegExp(field.condition.regex).test(value.trim())
+    ? undefined
+    : field.condition.errorMessage;
+};

package/src/select/select.css

@@ -129,8 +129,18 @@
   }
 }
 
+/* Overlay "bare" : la recherche porte son propre fond et fait l'en-tête de la liste */
 .select-overlay-search {
-  padding-bottom: 0.5rem;
+  padding: 0.5rem;
+  background-color: #fff;
+  border: 1px solid #b2a1a1;
+  border-bottom: none;
+  border-radius: 0.25rem 0.25rem 0 0;
+
+  & + .select-overlay-options {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
 
   input {
     width: 100%;

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/App.menu.tsx","./src/App.routes.tsx","./src/App.tsx","./src/index.ts","./src/main.tsx","./src/_core/hooks/HistoryProvider.tsx","./src/_core/hooks/ImageChecker.tsx","./src/_core/hooks/imageExist.tsx","./src/_core/hooks/isEAN13.tsx","./src/_core/hooks/objectToQueryParams.tsx","./src/_core/hooks/useCurrency.tsx","./src/_core/hooks/useDateutils.ts","./src/_core/hooks/useIsMobile.ts","./src/_core/hooks/useToken.tsx","./src/_core/hooks/useValidate.tsx","./src/_core/hooks/widgetSupport.tsx","./src/_core/type/generiqueType.tsx","./src/action/Action.view.tsx","./src/action/ButtonAction.tsx","./src/addressSearch/AddressSearch.tsx","./src/addressSearch/AddressSearch.view.tsx","./src/badge/Badge.tsx","./src/badge/Badge.view.tsx","./src/button/Button.tsx","./src/button/Button.view.tsx","./src/button/button.interface.tsx","./src/button/buttonActions/ButtonActions.tsx","./src/button/buttonFile/ButtonFile.tsx","./src/button/buttonFile/ButtonFile.view.tsx","./src/button/buttonFilters/ButtonFilters.tsx","./src/button/buttonImport/ButtonImport.tsx","./src/button/buttonImport/ButtonImport.view.tsx","./src/card/Card.tsx","./src/card/Card.view.tsx","./src/card/card.interface.tsx","./src/card/cardAction.interface.tsx","./src/card/cardAction/CardAction.tsx","./src/card/hook/useCardInteractions.tsx","./src/carousel/Carousel.tsx","./src/carousel/Carousel.view.tsx","./src/damier/Damier.tsx","./src/damier/Damier.view.tsx","./src/damier/damierCell/DamierCell.tsx","./src/damier/damierCell/damierCell.interface.tsx","./src/dataTable/DataTable.tsx","./src/dataTable/DataTable.view.tsx","./src/dataTable/dataTable.interface.ts","./src/dataTable/dataTable.utils.ts","./src/dataTable/useDataTableState.tsx","./src/dataTable/dataTableActions/DataTableAction.tsx","./src/dataTable/dataTableActions/DataTableActionMenu.tsx","./src/dataTable/dataTableColumn/DataTableColumn.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.tsx","./src/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.tsx","./src/dataTable/dataTableFilters/DataTableFilters.tsx","./src/dataTable/dataTableLoading/DataTableLoading.tsx","./src/dataTable/dataTableRow/DataTableRow.tsx","./src/datePicker/DatePicker.tsx","./src/datePicker/DatePicker.view.tsx","./src/docs/ComponentDocs.tsx","./src/docs/catalog.ts","./src/docs/documentation.types.ts","./src/docs/virtual.d.ts","./src/expands/Expands.tsx","./src/expands/Expands.view.tsx","./src/expands/expand/expand.interface.tsx","./src/expands/expand/expand.tsx","./src/filAriane/FilAriane.tsx","./src/filAriane/FilAriane.view.tsx","./src/filAriane/filAriane.interface.tsx","./src/form/Form.tsx","./src/form/Form.view.tsx","./src/form/form.enum.ts","./src/form/form.interface.tsx","./src/form/input/Input.tsx","./src/form/inputNumber/InputNumber.tsx","./src/form/inputNumber/InputNumber.view.tsx","./src/form/inputPrice/InputPrice.tsx","./src/form/inputPrice/InputPrice.view.tsx","./src/form/textArea/TextArea.tsx","./src/form/textArea/TextArea.view.tsx","./src/geocoding/CityGeocodingService.ts","./src/geocoding/GeocodingService.ts","./src/geocoding/geocoding.interface.ts","./src/grid/Grid.tsx","./src/grid/Grid.view.tsx","./src/grid/grid.interface.tsx","./src/grid/col/Col.tsx","./src/grid/col/colStyled/ColStyled.tsx","./src/grid/container/Container.tsx","./src/grid/row/Row.tsx","./src/header/Header.tsx","./src/header/Header.view.tsx","./src/header/header.interface.tsx","./src/home/Home.tsx","./src/icon/Icon.tsx","./src/icon/Icons.view.tsx","./src/icon/icon.interface.tsx","./src/icon/iconSize.enum.ts","./src/loader/Loader.tsx","./src/loader/Loader.view.tsx","./src/menus/Menus.tsx","./src/menus/Menus.view.tsx","./src/menus/menu/Menu.tsx","./src/menus/menu/menu.interface.tsx","./src/message/Message.tsx","./src/message/Message.view.tsx","./src/modal/Modal.tsx","./src/modal/Modal.view.tsx","./src/notFound/NotFound.tsx","./src/overlayPanel/OverlayPanel.tsx","./src/overlayPanel/OverlayPanel.view.tsx","./src/overlayPanel/overlay.context.tsx","./src/overlayPanel/overlayPanelStyled/OverlayPanelStyled.tsx","./src/pdfViewer/PdfViewer.tsx","./src/pdfViewer/PdfViewer.view.tsx","./src/quantity/Quantity.tsx","./src/quantity/Quantity.view.tsx","./src/search/Search.tsx","./src/search/Search.view.tsx","./src/select/Select.tsx","./src/select/Select.view.tsx","./src/select/selectOption.interface.ts","./src/sidebar/Sidebar.tsx","./src/sidebar/Sidebar.view.tsx","./src/sidebarData/SidebarData.tsx","./src/sidebarData/SidebarData.view.tsx","./src/tabs/Tabs.tsx","./src/tabs/Tabs.view.tsx","./src/toaster/Toaster.tsx","./src/toaster/Toaster.view.tsx","./src/toaster/store/useToasterStore.tsx"],"version":"5.9.3"}
+{"root":["./src/App.menu.tsx","./src/App.routes.tsx","./src/App.tsx","./src/index.ts","./src/main.tsx","./src/_core/hooks/HistoryProvider.tsx","./src/_core/hooks/ImageChecker.tsx","./src/_core/hooks/imageExist.tsx","./src/_core/hooks/isEAN13.tsx","./src/_core/hooks/objectToQueryParams.tsx","./src/_core/hooks/useCurrency.tsx","./src/_core/hooks/useDateutils.ts","./src/_core/hooks/useIsMobile.ts","./src/_core/hooks/useToken.tsx","./src/_core/hooks/useValidate.tsx","./src/_core/hooks/widgetSupport.tsx","./src/_core/type/generiqueType.tsx","./src/action/Action.view.tsx","./src/action/ButtonAction.tsx","./src/addressSearch/AddressSearch.tsx","./src/addressSearch/AddressSearch.view.tsx","./src/badge/Badge.tsx","./src/badge/Badge.view.tsx","./src/button/Button.tsx","./src/button/Button.view.tsx","./src/button/button.interface.tsx","./src/button/buttonActions/ButtonActions.tsx","./src/button/buttonFile/ButtonFile.tsx","./src/button/buttonFile/ButtonFile.view.tsx","./src/button/buttonFilters/ButtonFilters.tsx","./src/button/buttonImport/ButtonImport.tsx","./src/button/buttonImport/ButtonImport.view.tsx","./src/card/Card.tsx","./src/card/Card.view.tsx","./src/card/card.interface.tsx","./src/card/cardAction.interface.tsx","./src/card/cardAction/CardAction.tsx","./src/card/hook/useCardInteractions.tsx","./src/carousel/Carousel.tsx","./src/carousel/Carousel.view.tsx","./src/damier/Damier.tsx","./src/damier/Damier.view.tsx","./src/damier/damierCell/DamierCell.tsx","./src/damier/damierCell/damierCell.interface.tsx","./src/damier/damierEditor/DamierEditor.tsx","./src/damier/damierEditor/maybePromise.interface.ts","./src/damier/damierEditor/damierEditorCell/DamierEditorCell.tsx","./src/damier/damierEditor/damierEditorToolbar/DamierEditorToolbar.tsx","./src/damier/damierEditor/damierEditorTree/DamierEditorTree.tsx","./src/damier/damierEditor/damierEditorTree/damierTreeNode.interface.ts","./src/damier/damierEditor/damierEditorTree/damierEditorTreeNode/DamierEditorTreeNode.tsx","./src/damier/damierPage/damierPage.interface.tsx","./src/damier/utils/buildDamierTree.ts","./src/damier/utils/createDefaultDamierPage.ts","./src/damier/utils/damierDefaultSize.ts","./src/damier/utils/findDamierTreePath.ts","./src/damier/utils/getFirstFreePosition.ts","./src/damier/utils/moveDamierCell.ts","./src/dataTable/DataTable.tsx","./src/dataTable/DataTable.view.tsx","./src/dataTable/dataTable.interface.ts","./src/dataTable/dataTable.utils.ts","./src/dataTable/useDataTableState.tsx","./src/dataTable/dataTableActions/DataTableAction.tsx","./src/dataTable/dataTableActions/DataTableActionMenu.tsx","./src/dataTable/dataTableColumn/DataTableColumn.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.tsx","./src/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.tsx","./src/dataTable/dataTableFilters/DataTableFilters.tsx","./src/dataTable/dataTableLoading/DataTableLoading.tsx","./src/dataTable/dataTableRow/DataTableRow.tsx","./src/datePicker/DatePicker.tsx","./src/datePicker/DatePicker.view.tsx","./src/docs/ComponentDocs.tsx","./src/docs/catalog.ts","./src/docs/documentation.types.ts","./src/docs/virtual.d.ts","./src/expands/Expands.tsx","./src/expands/Expands.view.tsx","./src/expands/expand/expand.interface.tsx","./src/expands/expand/expand.tsx","./src/filAriane/FilAriane.tsx","./src/filAriane/FilAriane.view.tsx","./src/filAriane/filAriane.interface.tsx","./src/form/Form.tsx","./src/form/Form.view.tsx","./src/form/form.enum.ts","./src/form/form.interface.tsx","./src/form/getFieldError.ts","./src/form/input/Input.tsx","./src/form/inputNumber/InputNumber.tsx","./src/form/inputNumber/InputNumber.view.tsx","./src/form/inputPrice/InputPrice.tsx","./src/form/inputPrice/InputPrice.view.tsx","./src/form/textArea/TextArea.tsx","./src/form/textArea/TextArea.view.tsx","./src/geocoding/CityGeocodingService.ts","./src/geocoding/GeocodingService.ts","./src/geocoding/geocoding.interface.ts","./src/grid/Grid.tsx","./src/grid/Grid.view.tsx","./src/grid/grid.interface.tsx","./src/grid/col/Col.tsx","./src/grid/col/colStyled/ColStyled.tsx","./src/grid/container/Container.tsx","./src/grid/row/Row.tsx","./src/header/Header.tsx","./src/header/Header.view.tsx","./src/header/header.interface.tsx","./src/home/Home.tsx","./src/icon/Icon.tsx","./src/icon/Icons.view.tsx","./src/icon/icon.interface.tsx","./src/icon/iconSize.enum.ts","./src/loader/Loader.tsx","./src/loader/Loader.view.tsx","./src/menus/Menus.tsx","./src/menus/Menus.view.tsx","./src/menus/menu/Menu.tsx","./src/menus/menu/menu.interface.tsx","./src/message/Message.tsx","./src/message/Message.view.tsx","./src/modal/Modal.tsx","./src/modal/Modal.view.tsx","./src/notFound/NotFound.tsx","./src/overlayPanel/OverlayPanel.tsx","./src/overlayPanel/OverlayPanel.view.tsx","./src/overlayPanel/overlay.context.tsx","./src/overlayPanel/overlayPanelStyled/OverlayPanelStyled.tsx","./src/pdfViewer/PdfViewer.tsx","./src/pdfViewer/PdfViewer.view.tsx","./src/quantity/Quantity.tsx","./src/quantity/Quantity.view.tsx","./src/search/Search.tsx","./src/search/Search.view.tsx","./src/select/Select.tsx","./src/select/Select.view.tsx","./src/select/selectOption.interface.ts","./src/sidebar/Sidebar.tsx","./src/sidebar/Sidebar.view.tsx","./src/sidebarData/SidebarData.tsx","./src/sidebarData/SidebarData.view.tsx","./src/tabs/Tabs.tsx","./src/tabs/Tabs.view.tsx","./src/toaster/Toaster.tsx","./src/toaster/Toaster.view.tsx","./src/toaster/store/useToasterStore.tsx"],"version":"5.9.3"}