kelt-ui-kit-react 1.8.3 → 1.8.4

package/dist/tabs/Tabs.d.ts

@@ -14,6 +14,5 @@ export type TabsProps = {
     className?: string;
     tabClassName?: string;
     panelClassName?: string;
-    keepMountedVisited?: boolean;
 };
-export declare const Tabs: ({ items, defaultIndex, index, onChange, className, tabClassName, panelClassName, keepMountedVisited, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ items, defaultIndex, index, onChange, className, tabClassName, panelClassName, }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kelt-ui-kit-react",
   "type": "module",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/badge/Badge.tsx

@@ -6,17 +6,13 @@ export type BadgeInterface = {
   className?: string;
   onClick?: (e: React.MouseEvent) => void;
   title?: string;
-  color?: string;
-  onRemove?: (e: React.MouseEvent) => void;
   sizeIcon?: IconSizeEnum;
   classIcon?: string;
 };
 export const Badge = ({
   className,
   onClick,
-  color,
   title,
-  onRemove,
   sizeIcon,
   classIcon,
 }: BadgeInterface) => {
@@ -29,14 +25,10 @@ export const Badge = ({
   return (
     <div
       onClick={handleClick}
-      style={{
-        ...(color ? { backgroundColor: color } : {}),
-      }}
-      className={`badge ${className ? className : ""} ${onRemove && "cursor-pointer"}`}
+      className={`badge ${className ? className : ""}`}
     >
       {classIcon && <Icon size={sizeIcon} classIcon={classIcon}></Icon>}
       <span>{title}</span>
-      {onRemove && <Icon classIcon="bi-x" onClick={onRemove} />}
     </div>
   );
 };

package/src/badge/badge.css

@@ -15,10 +15,6 @@
     font-size: 0.8rem;
     margin-right: 0.25rem;
   }
-  .bi-x {
-    font-size: 1rem;
-    margin-right: 0;
-  }
   &.badge-primary {
     background-color: var(--primary-color);
     border-color: var(--primary-color);

package/src/button/Button.tsx

@@ -14,7 +14,7 @@ export const Button = ({
   positionicon = 1,
   disabled = false,
 }: ButtonInterface) => {
-  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+  const handleClick = (e: React.MouseEvent) => {
     e.stopPropagation();
     if (onClick) {
       onClick(e);

package/src/button/button.interface.tsx

@@ -5,7 +5,7 @@ export interface ButtonInterface {
   className?: string;
   badge?: BadgeInterface;
   id?: string;
-  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+  onClick?: (e: React.MouseEvent) => void;
   title: string;
   classIcon?: string;
   positionicon?: number;

package/src/card/card.css

@@ -19,12 +19,9 @@
     bottom: 0;
     pointer-events: none;
   }
-
-  .bi-three-dots-vertical,
-  .bi-filter {
+  .bi-three-dots-vertical {
     display: none;
   }
-
   .card-custom-action {
     display: flex;
     flex: 1;
@@ -35,25 +32,21 @@
   .bi-trash3 {
     font-size: 1rem;
   }
-
   .card-text {
     width: 100%;
   }
-
   .card-footer {
     display: flex;
     flex: 1;
     align-items: center;
     justify-content: space-between;
   }
-
   &.card--horizontal {
     display: flex;
     flex-direction: row;
     align-items: center;
     min-height: 56px;
     max-width: initial;
-
     .card-img {
       margin-right: 0.5rem;
     }
@@ -67,13 +60,11 @@
       width: calc(100% - 20px);
       margin-bottom: 1rem;
     }
-
     .card-action {
       position: absolute;
       right: 10px;
       top: 10px;
     }
-
     .card-prix {
       flex: 1;
       display: flex;
@@ -106,55 +97,44 @@
     display: none;
   }
 }
-
 @container (min-width: 992px) {
   .card {
     .card-custom-action {
       justify-content: end;
     }
-
-    .bi-three-dots-vertical,
-    .bi-filter {
+    .bi-three-dots-vertical {
       display: block;
     }
-
     .bi-three-dots {
       display: none;
     }
-
     &.card--horizontal {
       .card-actions {
         margin-left: 0.5rem;
       }
-
       .card-footer {
         display: flex;
         flex: 1;
         justify-content: space-between;
       }
-
       .card-text {
         width: 300px;
         display: flex;
         align-items: center;
       }
-
       .card-content {
         display: flex;
       }
-
       .card-title {
         min-width: auto;
         width: auto;
         margin-right: 1rem;
         margin-bottom: 0;
       }
-
       .card-prix {
         flex: inherit;
         min-width: auto;
       }
-
       .card-action {
         position: relative;
         right: initial;
@@ -162,4 +142,4 @@
       }
     }
   }
-}
+}

package/src/card/cardAction/CardAction.tsx

@@ -36,7 +36,7 @@ export const CardAction = ({
     setCoords?: (coords: { top: number; left: number }) => void;
   }>(null);
   const [position, setPosition] = useState<PositionOverlay | undefined>(
-    positionOverlay,
+    positionOverlay
   );
   const refButton = useRef<HTMLDivElement>(null);
   const [openOverlay, setOpenOverlay] = useState(openActions ?? false);
@@ -56,7 +56,7 @@ export const CardAction = ({
         setOpenActions(openOverlay);
       }
     },
-    [setPosition, setOpenActions],
+    [setPosition, setOpenActions]
   );
 
   const closeOverlay = useCallback(() => {
@@ -107,11 +107,11 @@ export const CardAction = ({
       >
         <Icon
           size={IconSizeEnum.MEDIUM}
-          classIcon={"bi-filter cursor-pointer"}
+          classIcon={"bi-three-dots-vertical cursor-pointer"}
         />
         <Icon
           size={IconSizeEnum.MEDIUM}
-          classIcon={"bi-filter cursor-pointer"}
+          classIcon={"bi-three-dots cursor-pointer"}
         />
       </div>
 

package/src/damier/damier.css

@@ -15,6 +15,7 @@
   }
 
   .cell {
+    box-sizing: border-box;
     width: 100%;
     height: 100%;
     overflow: hidden;
@@ -40,11 +41,11 @@
     --sizeDamier: 990;
 
     .row {
-      height: calc(100vh / var(--rows));
+      height: calc((100vh - var(--damier-offset, 0px)) / var(--rows));
     }
 
     .cell {
-      height: calc((100vh / var(--rows)) - 1px);
+      height: calc((100vh - var(--damier-offset, 0px)) / var(--rows));
     }
   }
 }