aristid-ds 13.0.0 → 14.0.0

package/CHANGELOG.md

@@ -1,8 +1,31 @@
 # Changelog
 
-## [13.0.0](https://www.npmjs.com/package/aristid-ds/v/13.0.0) (2025-02-17)
+## [14.0.0](https://www.npmjs.com/package/aristid-ds/v/14.0.0) (2025-05-20)
 
-### ✨ CI
+### ✨ Features
+-   **Typography*:
+    - Original `Text`, `Link`, `Title` and `Paragraph` have been renamed to `AdvancedText`, `AdvancedLink`, `AdvancedTitle` and `AdvancedParagraph`. (@evoiron)
+    - `Text`, `Link`, `Title` and `Paragraph` components are now lightweight versions of original ones providing only basic features. (@evoiron)
+    - Added `withTooltip` prop for non Advanced versions to add a tooltip which is now not displayed by deefault when content is ellipsed. (@evoiron)
+-   **IdCard**:
+    -   Remove use of `Typography.Text` component (@evoiron)
+    -   Add `disableTooltip` property to disable tooltip on title and description (@evoiron)
+-   **⚠️ Breaking change - Upload**:
+    -   Remove the following properties: (@philippechevieux)
+        -   `listType`
+        -   `itemRender`
+        -   `openFileDialogOnClick`
+        -   `loading`
+        -   `isImageUrl`
+        -   `imageUrl`
+        -   `progress`
+        -   `previewFile`
+        -   `showUploadList`
+    -   Update component render (@philippechevieux)
+-   **RichText**:
+    -   Add `mini` property to display a minified version of the component (@renaudamsellem)
+-   **SidePanel**:
+    -   Add opening and closing animations (@philippechevieux)
 
 -   Add a pre-commit hook. Now, `eslint` and `tscheck` are run before each commit (@evoiron)
 
@@ -78,6 +101,99 @@ The following points are the impact of this version upgrade:
     -   Add `headerExtra` prop to display extra content above header title (@philippechevieux)
 
 ### 🐛 Bug Fixes
+
+-   **Modal:**
+    - KitModal.setAppElement was defined in typescript but not implemented (@evoiron)
+-   **Tag:**
+    -   Hide `closeIcon` for tags in a group if handleCloseTag is not provided (@philippechevieux)
+    -   Remove tooltip for other tags in TagGroup (@NicoSourimant)
+-   **DatePicker/RangePicker**
+    -   Fix color of prefix icon when component is `disabled`, in `warning` or `error` status (@philippechevieux)
+
+### 📚 Documentation
+
+-   **Tree**:
+    -   Add exemple of a long title with ellipsis (@philippechevieux)
+
+## [13.0.0](https://www.npmjs.com/package/aristid-ds/v/13.0.0) (2025-02-17)
+
+### ✨ CI
+
+-   Add a pre-commit hook. Now, `eslint` and `tscheck` are run before each commit (@evoiron)
+
+### 📦 Upgrade
+
+> **⚠️ Breaking change:** Upgrade AntDesign version to 5.22.2 (@evoiron, @7Remy, @philippechevieux, @P0ppoff)
+
+The following points are the impact of this version upgrade:
+
+-   **Avatar**:
+    -   Add `max` prop to set maximum display related configurations. The following props are now deprecated: (@philippechevieux)
+        -   `maxCount`
+        -   `maxStyle`
+        -   `maxPopoverPlacement`
+        -   `maxPopoverTrigger`
+-   **Table**:
+    -   Add `onScroll` prop that will be triggered when table body is scrolled (@philippechevieux)
+    -   Add `showSorterTooltip` prop to manage sorting tooltip (@philippechevieux)
+    -   Add `minWidth` prop to set column min width (@philippechevieux)
+-   **Tree**:
+    -   Add `switcherLoadingIcon` prop to customize loading icons for tree nodes (@philippechevieux)
+-   **Pagination**:
+    -   Add `showSizeChanger` prop to show or not the pages selector (@7Remy)
+    -   Disallow `simple` and `align` props (@7Remy)
+-   **Progress**:
+    -   Add `percentPosition` prop to decide where the percentage is (@7Remy)
+-   **Typography**:
+    -   `expandable` prop has new possible value `collapsible`, in addition to exisiting booleans (@7Remy)
+-   **Input**:
+    -   Add `onClear` prop that will be triggered when the clear button is clicked (@evoiron)
+-   **InputNumber**:
+    -   `focus` method on ref now accepts a `cursor` parameter that controls the cursor behavior on focus. See doc for details (@evoiron)
+    -   `nativeElement` is now exposed by ref to get access to the dom Element (@evoiron)
+-   **Slider**:
+    -   Add `editable` prop on the `range` props of `KitSlider` (@evoiron)
+    -   Add `minCount` prop on the `range` props of `KitSlider` (@evoiron)
+    -   Add `maxCount` prop on the `range` props of `KitSlider` (@evoiron)
+-   **Upload**:
+    -   Add `extra` option to `showUploadList` prop (@evoiron)
+    -   Options `showPreview`, `showRemoveIcon` and `showDownloadIcon` of `showUploadList` prop now accept a function (@evoiron)
+-   **Checkbox**:
+    -   Add focus event listeners `onFocus` and `onBlur` props with documentation (@P0ppoff)
+    -   Update documentation to avoid conflict in API section between `<Checkbox />` and `<Checkbox.Group />` (@P0ppoff)
+-   **ColorPicker**
+    -   Disallow `mode` prop from upgrade (@P0ppoff)
+    -   Add `disabledFormat` prop (@P0ppoff)
+    -   Add method to convert CSS to string: `toCssString` (@P0ppoff)
+-   **DatePicker**
+    -   Rework `prefix`/`suffixIcon` icon props + new example (Christmas theme) (@P0ppoff)
+-   **Select**
+    -   Fix alignment for multiple values (@P0ppoff)
+    -   Fix `oneLineTags` message (@P0ppoff)
+    -   Allow to customize `prefix` and `suffixIcon` icons (@P0ppoff)
+    -   Add `filterSort` prop to replace sort on array of selectable values (@P0ppoff)
+
+### ✨ Features
+
+-   **⚠️ Breaking change - Tree**:
+    -   Remove `showLine` and `switcherIcon` properties (@philippechevieux)
+    -   Update component render (@philippechevieux)
+    -   Wrap switcher icon to add `aria-label` to improve accessibility (@philippechevieux)
+-   **⚠️ Breaking change - Progress**:
+    -   Complete rewriting of the `Progress` component without Ant (@philippechevieux)
+    -   Remove all Ant props (@philippechevieux)
+    -   `circle` and `dashboard` type are no longer available (@philippechevieux)
+-   **Snackbar**:
+    -   Add `snackbarId` property to allow to update a snackbar (@evoiron)
+-   **Button**:
+    -   Add `action` type button (@evoiron)
+-   **Tabs**:
+    -   Add controlled state to handle navigation within tabs (@renaudamsellem)
+-   **SidePanel**:
+    -   Add `headerExtra` prop to display extra content above header title (@philippechevieux)
+
+### 🐛 Bug Fixes
+
 -   **SidePanel**
     -   Fix `closeOnOutsideClick` behavior to listen to `click` event instead on `mousedeown` (@evoiron)
 -   **ColorPicker**

package/dist/Kit/Ant/index.d.ts

@@ -66,3 +66,4 @@ export { TreeSelect as AntTreeSelect } from 'antd';
 export { Typography as AntTypography } from 'antd';
 export { Upload as AntUpload } from 'antd';
 export { Watermark as AntWatermark } from 'antd';
+export type { UploadFile } from 'antd/lib';

package/dist/Kit/App/index.js

@@ -2,20 +2,20 @@ import "../../assets/index28.css";
 import { jsx as n, jsxs as f, Fragment as h } from "react/jsx-runtime";
 import { useState as u, useLayoutEffect as L, useRef as S, useEffect as P } from "react";
 import { ConfigProvider as C } from "antd";
-import { I as b } from "../../chunks/SnackBarProvider.nqDzpFo3.js";
+import { K as b } from "../../chunks/SnackBarProvider.T-xLQpTN.js";
 import { toCssVariables as g, uuid as y } from "../../utils/functions/index.js";
 import a from "lodash/merge";
 import { Style as m } from "react-style-tag";
 import { K as E } from "../../chunks/useKitTheme.KSAU-Pdv.js";
 import { KitAristidThemeGeneral as l } from "../../theme/aristid/general/index.js";
-import { antdThemeConfig as I } from "../../theme/utils/tokens-mapper/index.js";
+import { antdThemeConfig as T } from "../../theme/utils/tokens-mapper/index.js";
 import { frFR as d } from "../../translation/fr-FR/index.js";
-import { enUS as T } from "../../translation/en-US/index.js";
-import { K as $, u as j } from "../../chunks/useKitLocale.96CdK3og.js";
-import { mapKitLocaleToAntdLocale as k } from "../../translation/utils/index.js";
-import { d as x } from "../../chunks/notification-provider.9msrEKBe.js";
+import { enUS as $ } from "../../translation/en-US/index.js";
+import { K as j, u as k } from "../../chunks/useKitLocale.96CdK3og.js";
+import { mapKitLocaleToAntdLocale as x } from "../../translation/utils/index.js";
+import { d as A } from "../../chunks/notification-provider.9msrEKBe.js";
 import { KitEmpty as p } from "../DataDisplay/Empty/index.js";
-const A = "aristid-ds-global", F = (t, e) => {
+const F = "aristid-ds-global", I = (t, e) => {
   const o = g(t);
   return `
         .${e} {
@@ -27,11 +27,11 @@ const A = "aristid-ds-global", F = (t, e) => {
   return L(() => {
     const s = g(l, "--general");
     i(s);
-  }, []), n(E.Provider, { value: { theme: v, appId: c, spacing: K }, children: r !== null && f(h, { children: [n(m, { id: A, hasSourceMap: !1, children: `
+  }, []), n(E.Provider, { value: { theme: v, appId: c, spacing: K }, children: r !== null && f(h, { children: [n(m, { id: F, hasSourceMap: !1, children: `
                             :root {
                                 ${Object.keys(r).map((s) => `${s}: ${r[s]}`).join(";")}
                             }
-                        ` }), e && n(m, { hasSourceMap: !1, children: F(a({ general: { utilities: l.utilities } }, e), c) }), t] }) });
+                        ` }), e && n(m, { hasSourceMap: !1, children: I(a({ general: { utilities: l.utilities } }, e), c) }), t] }) });
 }, _ = (t, e) => {
   var o;
   const r = S(t || "ds-" + y().substring(0, 8)), i = a(l.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
@@ -42,7 +42,7 @@ const A = "aristid-ds-global", F = (t, e) => {
   };
 }, M = ({ children: t }) => {
   const e = N();
-  return n($.Provider, { value: e, children: t });
+  return n(j.Provider, { value: e, children: t });
 }, N = () => {
   const [t, e] = u(d);
   return { locale: t, setKitLocale: (r) => {
@@ -50,18 +50,18 @@ const A = "aristid-ds-global", F = (t, e) => {
       const i = a(d, r);
       e(i);
     } else {
-      const i = a(T, r);
+      const i = a($, r);
       e(i);
     }
   } };
 }, te = ({ children: t, locale: e, customTheme: o, id: r }) => n(R, { customTheme: o, id: r, children: n(M, { children: n(O, { locale: e, children: t }) }) }), O = ({ children: t, locale: e }) => {
-  const { locale: o, setKitLocale: r } = j();
+  const { locale: o, setKitLocale: r } = k();
   return P(() => {
     e !== void 0 && r(e);
-  }, [e, r]), n(C, { theme: I, locale: k(e), renderEmpty: () => {
+  }, [e, r]), n(C, { theme: T, locale: x(e), renderEmpty: () => {
     var i;
     return n(p, { className: "default-render", image: p.ASSET_LIST, description: (i = o.Empty) === null || i === void 0 ? void 0 : i.noData });
-  }, children: f(x, { children: [n(b, {}), t] }) });
+  }, children: f(A, { children: [n(b, {}), t] }) });
 };
 export {
   te as KitApp

package/dist/Kit/DataDisplay/Collapse/index.js

@@ -1,13 +1,13 @@
-import "../../../assets/index37.css";
+import "../../../assets/index36.css";
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { cloneElement as C, useState as N } from "react";
 import { Collapse as E } from "antd";
 import { u as y } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as k } from "@fortawesome/react-fontawesome";
-import { faChevronDown as _, faEye as A, faEllipsisVertical as I } from "@fortawesome/free-solid-svg-icons";
-import D from "classnames";
+import { faChevronDown as _, faEye as T, faEllipsisVertical as A } from "@fortawesome/free-solid-svg-icons";
+import I from "classnames";
 import { KitTypography as g } from "../../General/Typography/index.js";
-import { KitTag as T } from "../Tag/index.js";
+import { KitTag as D } from "../Tag/index.js";
 import { KitImage as z } from "../Image/index.js";
 import { KitSwitch as S } from "../../DataEntry/Switch/index.js";
 import { KitTooltip as h } from "../Tooltip/index.js";
@@ -18,9 +18,9 @@ const u = {
   "kit-collapse": "_kit-collapse_h05zd_2",
   "kit-collapse-header": "_kit-collapse-header_h05zd_78",
   "kit-collapse-header-extra": "_kit-collapse-header-extra_h05zd_113"
-}, M = () => t(k, { icon: _ }), K = ({ className: o, expandIcon: e, items: l, collapsible: i, ...a }) => {
+}, M = () => t(k, { icon: _ }), w = ({ className: o, expandIcon: e, items: i, collapsible: l, ...a }) => {
   const { appId: n } = y();
-  i === "disabled" && (l == null || l.forEach((r) => {
+  l === "disabled" && (i == null || i.forEach((r) => {
     var s, d;
     if (r.label !== void 0) {
       const p = r.label, m = r.extra;
@@ -31,29 +31,29 @@ const u = {
       }));
     }
   }));
-  const c = D(n, u["kit-collapse"], o);
-  return t(E, { ...a, className: c, expandIcon: e ?? M, expandIconPosition: "end", collapsible: i, items: l });
+  const c = I(n, u["kit-collapse"], o);
+  return t(E, { ...a, className: c, expandIcon: e ?? M, expandIconPosition: "end", collapsible: l, items: i });
 };
-K.displayName = "KitCollapse";
+w.displayName = "KitCollapse";
 const $ = ({ onSwitchChange: o, disabled: e }) => t("div", { className: "kit-collapse-header-switch", onClick: (
   // We don't want to collapse/extand item when clicking
-  (l) => l.stopPropagation()
-), children: t(S, { onChange: (l, i) => {
-  const n = i.target.closest(".ant-collapse-item");
-  n == null || n.setAttribute("data-item-selected", l.toString()), o(l, i);
+  (i) => i.stopPropagation()
+), children: t(S, { onChange: (i, l) => {
+  const n = l.target.closest(".ant-collapse-item");
+  n == null || n.setAttribute("data-item-selected", i.toString()), o(i, l);
 }, disabled: e }) }), j = ({ imageSrc: o }) => t("div", { className: "kit-collapse-header-image", onClick: (
   // We don't want to collapse/extand item when clicking
   (e) => e.stopPropagation()
 ), children: t(z, { src: o, style: { height: "auto", width: "auto", maxHeight: "90px", maxWidth: "50px" }, preview: {
-  mask: t(k, { icon: A })
-} }) }), O = ({ title: o, description: e, tagProps: l, disabled: i }) => {
+  mask: t(k, { icon: T })
+} }) }), O = ({ title: o, description: e, tagProps: i, disabled: l }) => {
   let a = "kit-collapse-header-content";
-  return a += o !== void 0 && e !== void 0 ? " kit-collapse-header-content-rows" : "", f("div", { className: a, children: [l !== void 0 && t("div", { className: "kit-collapse-header-tag", children: t(T, { ...l, disabled: i ?? l.disabled }) }), o !== void 0 && t(g.Text, { className: "kit-collapse-header-content-title", size: "fontSize5", weight: "bold", ellipsis: { tooltip: !0 }, disabled: i, children: o }), e !== void 0 && t(g.Text, { className: "kit-collapse-header-content-description", size: "fontSize5", ellipsis: { tooltip: !0 }, disabled: i, children: e })] });
-}, w = ({ onSwitchChange: o, imageSrc: e, title: l, description: i, tagProps: a, disabled: n = !1 }) => f("div", { className: `${u["kit-collapse-header"]}`, children: [o !== void 0 && t($, { onSwitchChange: o, disabled: n }), e !== void 0 && t(j, { imageSrc: e }), t(O, { title: l, description: i, tagProps: a, disabled: n })] });
-w.displayName = "KitHeader";
-const B = w, F = ({ actions: o, disabled: e }) => {
-  var l;
-  const [i, a] = N(!1), { locale: n } = P(), c = o[0] ? o[0] : null, r = o.length <= 2 && o[1] ? o[1] : null;
+  return a += o !== void 0 && e !== void 0 ? " kit-collapse-header-content-rows" : "", f("div", { className: a, children: [i !== void 0 && t("div", { className: "kit-collapse-header-tag", children: t(D, { ...i, disabled: l ?? i.disabled }) }), o !== void 0 && t(g.Text, { className: "kit-collapse-header-content-title", size: "fontSize5", weight: "bold", ellipsis: !0, withTooltip: !0, disabled: l, children: o }), e !== void 0 && t(g.Text, { className: "kit-collapse-header-content-description", size: "fontSize5", ellipsis: !0, withTooltip: !0, disabled: l, children: e })] });
+}, K = ({ onSwitchChange: o, imageSrc: e, title: i, description: l, tagProps: a, disabled: n = !1 }) => f("div", { className: `${u["kit-collapse-header"]}`, children: [o !== void 0 && t($, { onSwitchChange: o, disabled: n }), e !== void 0 && t(j, { imageSrc: e }), t(O, { title: i, description: l, tagProps: a, disabled: n })] });
+K.displayName = "KitHeader";
+const B = K, F = ({ actions: o, disabled: e }) => {
+  var i;
+  const [l, a] = N(!1), { locale: n } = P(), c = o[0] ? o[0] : null, r = o.length <= 2 && o[1] ? o[1] : null;
   return f("div", { className: "kit-collapse-header-extra-actions", children: [c && t(h, { title: c.label, open: e ? !1 : void 0, children: t(v, { icon: c.icon, disabled: e, onClick: (s) => {
     s.stopPropagation(), c.onClick && c.onClick(s);
   } }) }), r && t(h, { title: r.label, open: e ? !1 : void 0, children: t(v, { icon: r.icon, disabled: e, onClick: (s) => {
@@ -62,18 +62,18 @@ const B = w, F = ({ actions: o, disabled: e }) => {
     s.stopPropagation();
   }, children: t(b, { menu: {
     items: L({ actions: o })
-  }, trigger: ["click"], onOpenChange: () => a(!1), children: t(h, { title: (l = n.Collapse) === null || l === void 0 ? void 0 : l.more, open: e ? !1 : i, onOpenChange: a, children: t(v, { icon: t(k, { icon: I }), disabled: e }) }) }) })] });
+  }, trigger: ["click"], onOpenChange: () => a(!1), children: t(h, { title: (i = n.Collapse) === null || i === void 0 ? void 0 : i.more, open: e ? !1 : l, onOpenChange: a, children: t(v, { icon: t(k, { icon: A }), disabled: e }) }) }) })] });
 }, L = ({ actions: o }) => {
   const e = [...o];
-  return e.splice(0, 1), e.map((i, a) => ({
+  return e.splice(0, 1), e.map((l, a) => ({
     key: a,
-    icon: i.icon,
-    label: i.label,
-    onClick: (n) => i.onClick && i.onClick(n)
+    icon: l.icon,
+    label: l.label,
+    onClick: (n) => l.onClick && l.onClick(n)
   }));
 }, H = ({ actions: o, disabled: e = !1 }) => t("div", { className: `${u["kit-collapse-header-extra"]}`, children: o !== void 0 && t(F, { actions: o, disabled: e }) });
 H.displayName = "KitHeaderExtra";
-const V = H, x = K;
+const V = H, x = w;
 x.displayName = "KitCollapse";
 x.Header = B;
 x.HeaderExtra = V;

package/dist/Kit/DataDisplay/Empty/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index51.css";
+import "../../../assets/index50.css";
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { Empty as p } from "antd";
 import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataDisplay/Error/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index50.css";
+import "../../../assets/index49.css";
 import { jsxs as r, jsx as c } from "react/jsx-runtime";
 import { Suspense as v } from "react";
 import { Empty as d } from "antd";

package/dist/Kit/DataDisplay/IdCard/index.js

@@ -1,22 +1,34 @@
 import "../../../assets/index2.css";
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import n from "classnames";
-import { u as x } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { KitTypography as m } from "../../General/Typography/index.js";
-import { K as y } from "../../../chunks/Avatar.N2w2jq_C.js";
-const g = {
-  "kit-id-card": "_kit-id-card_mmcks_2"
-}, k = (o, i, t) => {
-  const s = n("kit-id-card-title", {
-    "kit-id-card-title-large": i === "large"
+import { t as D, T as y } from "../../../chunks/constants.15jUQk8h.js";
+import { u as v } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { K as N } from "../../../chunks/Avatar.N2w2jq_C.js";
+import { KitTooltip as m } from "../Tooltip/index.js";
+const T = {
+  "kit-id-card": "_kit-id-card_1go5o_2"
+}, h = [
+  D["kit-typography-text"],
+  "ant-typography",
+  "ant-typography-text",
+  "ant-typography-ellipsis",
+  "ant-typography-ellipsis-single-line"
+], _ = (a, i, r, o) => {
+  const s = n("kit-id-card-title", ...h, "kit-typography-fontSize5", "ant-typography-bold", {
+    "kit-id-card-title-large": i === "large",
+    "ant-typography-disabled": r
   });
-  return r(m.Text, { className: s, size: "fontSize5", weight: "bold", ellipsis: { tooltip: !0 }, disabled: t, children: o });
-}, D = (o, i, t) => {
-  const s = i === "medium" ? "fontSize7" : "fontSize5";
-  return r(m.Text, { size: s, ellipsis: { tooltip: !0 }, disabled: t, className: "kit-id-card-decription", children: o });
-}, K = ({ className: o, title: i, description: t, avatarProps: s, size: c = "medium", disabled: e = !1, ...p }) => {
-  const { appId: u } = x(), h = n(u, g["kit-id-card"], o), f = s !== void 0, d = i !== void 0, a = t !== void 0, v = d || a;
-  return l("div", { className: `${h} id-card-grid`, ...p, children: [f && r("div", { className: "card-avatar", children: r(y, { ...s, disabled: e }) }), v && l("div", { className: "card-info", children: [d && k(i, c, e), a && D(t, c, e)] })] });
+  return t("span", { className: s, children: t(m, { title: o ? "" : a, mouseEnterDelay: y, children: t("span", { children: a }) }) });
+}, E = (a, i, r, o) => {
+  const s = n("kit-id-card-description", ...h, "ant-typography-regular", {
+    "kit-typography-fontSize5": i !== "medium",
+    "kit-typography-fontSize7": i === "medium",
+    "ant-typography-disabled": r
+  });
+  return t("span", { className: s, children: t(m, { title: o ? "" : a, mouseEnterDelay: y, children: t("span", { children: a }) }) });
+}, K = ({ className: a, title: i, description: r, avatarProps: o, size: s = "medium", disabled: e = !1, disableTooltip: p = !1, ...g }) => {
+  const { appId: u } = v(), f = n(u, T["kit-id-card"], a), k = o !== void 0, l = i !== void 0, d = r !== void 0, x = l || d;
+  return c("div", { className: `${f} id-card-grid`, ...g, children: [k && t("div", { className: "card-avatar", children: t(N, { ...o, disabled: e }) }), x && c("div", { className: "card-info", children: [l && _(i, s, e, p), d && E(r, s, e, p)] })] });
 };
 K.displayName = "KitIdCard";
 export {

package/dist/Kit/DataDisplay/IdCard/types.d.ts

@@ -7,4 +7,5 @@ export interface IKitIdCard extends KitHTMLAttributes<HTMLDivElement> {
     title?: string;
     description?: string;
     disabled?: boolean;
+    disableTooltip?: boolean;
 }

package/dist/Kit/DataDisplay/ItemCard/index.js

@@ -1,6 +1,6 @@
 import "../../../assets/index29.css";
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { useState as B, useEffect as V, forwardRef as X } from "react";
+import { useState as A, useEffect as V, forwardRef as X } from "react";
 import Y from "classnames";
 import { KitTypography as w } from "../../General/Typography/index.js";
 import { KitCheckbox as Z } from "../../DataEntry/Checkbox/index.js";
@@ -8,26 +8,26 @@ import { KitSwitch as G } from "../../DataEntry/Switch/index.js";
 import { KitBreadcrumb as ii } from "../../Navigation/Breadcrumb/index.js";
 import { u as ti } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { KitTag as ei } from "../Tag/index.js";
-import { KitButton as A } from "../../General/Button/index.js";
-import { KitTooltip as oi } from "../Tooltip/index.js";
+import { KitButton as B } from "../../General/Button/index.js";
+import { KitTooltip as si } from "../Tooltip/index.js";
 import { FontAwesomeIcon as _ } from "@fortawesome/react-fontawesome";
-import { faEllipsis as si, faImage as ri } from "@fortawesome/free-solid-svg-icons";
+import { faEllipsis as oi, faImage as ri } from "@fortawesome/free-solid-svg-icons";
 import { KitDropDown as ai } from "../../Navigation/DropDown/index.js";
 import { u as di } from "../../../chunks/useKitLocale.96CdK3og.js";
 import { useDebouncedCallback as ci } from "use-debounce";
 const ni = {
   "kit-item-card": "_kit-item-card_308fs_2"
 }, z = () => {
-  const [d, a] = B(window.innerWidth), [o, r] = B(window.innerHeight), t = ci(() => {
+  const [d, a] = A(window.innerWidth), [s, r] = A(window.innerHeight), t = ci(() => {
     a(window.innerWidth), r(window.innerHeight);
   }, 100);
-  return V(() => (t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), [t]), { width: d, height: o };
-}, li = 1300, E = ({ display: d = "card", disabled: a = !1, actions: o }) => {
+  return V(() => (t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), [t]), { width: d, height: s };
+}, li = 1300, E = ({ display: d = "card", disabled: a = !1, actions: s }) => {
   var r;
   const { locale: t } = di(), { width: c } = z();
-  return i("div", { className: "kit-item-card-actions", children: d === "list" && c < li ? i(ai, { disabled: a, menu: { items: o }, children: i(A, { title: (r = t.General) === null || r === void 0 ? void 0 : r.more, icon: i(_, { icon: si }) }) }) : o == null ? void 0 : o.map((s) => i(oi, { title: s.label, children: i(A, { icon: s.icon, onClick: s.onClick, disabled: s.disabled || a }) }, s.key)) });
-}, R = 900, mi = X(({ className: d, style: a, imageSrc: o, icon: r, tagGroup: t, breadcrumbItems: c, title: s, description: m, draggableHandler: u, selected: D, onSelect: g, activateLabel: H, activated: L, onActivate: y, extra: C, actions: h, display: n = "card", disabled: e = !1, imageAlt: O = "", imageCover: W = !1 }, j) => {
-  const { appId: S } = ti(), { width: T } = z(), N = g !== void 0, x = u !== void 0, F = o !== void 0, P = r !== void 0, p = t !== void 0, K = c !== void 0, $ = s !== void 0 || m !== void 0, b = C !== void 0, q = y !== void 0, k = h !== void 0, I = [p, K, b].filter(Boolean).length, f = n === "list" && T > R, v = n === "card" || T <= R, J = Y(ni["kit-item-card"], d, S, {
+  return i("div", { className: "kit-item-card-actions", children: d === "list" && c < li ? i(ai, { disabled: a, menu: { items: s }, children: i(B, { title: (r = t.General) === null || r === void 0 ? void 0 : r.more, icon: i(_, { icon: oi }) }) }) : s == null ? void 0 : s.map((o) => i(si, { title: o.label, children: i(B, { icon: o.icon, onClick: o.onClick, disabled: o.disabled || a }) }, o.key)) });
+}, R = 900, mi = X(({ className: d, style: a, imageSrc: s, icon: r, tagGroup: t, breadcrumbItems: c, title: o, description: m, draggableHandler: u, selected: D, onSelect: g, activateLabel: H, activated: L, onActivate: y, extra: C, actions: h, display: n = "card", disabled: e = !1, imageAlt: O = "", imageCover: W = !1 }, j) => {
+  const { appId: S } = ti(), { width: T } = z(), N = g !== void 0, x = u !== void 0, F = s !== void 0, P = r !== void 0, p = t !== void 0, K = c !== void 0, $ = o !== void 0 || m !== void 0, b = C !== void 0, q = y !== void 0, k = h !== void 0, I = [p, K, b].filter(Boolean).length, f = n === "list" && T > R, v = n === "card" || T <= R, J = Y(ni["kit-item-card"], d, S, {
     "kit-item-card-display-list": f,
     "kit-item-card-display-card": v,
     [`kit-item-card-display-list-with-${I}-rows`]: f && I > 0,
@@ -39,7 +39,7 @@ const ni = {
   });
   e && p && (t.tags = t.tags.map((U) => ({ ...U, disabled: e })), t.othersTagDisabled = !0);
   const M = i("div", { className: "kit-item-card-checkbox", children: i(Z, { onChange: g, checked: D, disabled: e }) }), Q = i("div", { className: "kit-item-card-draggable-handler", children: u });
-  return l("div", { tabIndex: e ? -1 : 0, className: J, style: a, ref: j, children: [N && M, x && Q, l("div", { className: "kit-item-card-image", children: [F ? i("img", { src: o, alt: O }) : i("div", { className: "kit-item-card-image-placeholder", children: P ? r : i(_, { icon: ri }) }), i("div", { className: "kit-item-card-actions-mask" }), k && v && i(E, { actions: h, disabled: e, display: "card" })] }), p && i("div", { className: "kit-item-card-tags", style: { width: n === "card" ? "inherit" : "auto" }, children: i(ei.Group, { tags: t.tags, othersTagType: t.othersTagType, othersTagDisabled: t.othersTagDisabled }) }), K && i("div", { className: "kit-item-card-breadcrumb", children: i(ii, { items: c }) }), $ && l("div", { className: "kit-item-card-content", children: [s && i(w.Title, { level: "h3", ellipsis: { tooltip: !0, rows: 2 }, disabled: e, children: s }), m && i(w.Paragraph, { ellipsis: { tooltip: !0, rows: 2 }, disabled: e, children: m })] }), b && i("div", { className: "kit-item-card-extra", children: C }), k && f && i(E, { actions: h, disabled: e, display: n }), q && l("div", { className: "kit-item-card-switch", children: [i(G, { onChange: y, checked: L, disabled: e }), i(w.Text, { disabled: e, ellipsis: { tooltip: !0 }, children: H })] })] });
+  return l("div", { tabIndex: e ? -1 : 0, className: J, style: a, ref: j, children: [N && M, x && Q, l("div", { className: "kit-item-card-image", children: [F ? i("img", { src: s, alt: O }) : i("div", { className: "kit-item-card-image-placeholder", children: P ? r : i(_, { icon: ri }) }), i("div", { className: "kit-item-card-actions-mask" }), k && v && i(E, { actions: h, disabled: e, display: "card" })] }), p && i("div", { className: "kit-item-card-tags", style: { width: n === "card" ? "inherit" : "auto" }, children: i(ei.Group, { tags: t.tags, othersTagType: t.othersTagType, othersTagDisabled: t.othersTagDisabled }) }), K && i("div", { className: "kit-item-card-breadcrumb", children: i(ii, { items: c }) }), $ && l("div", { className: "kit-item-card-content", children: [o && i(w.AdvancedTitle, { level: "h3", ellipsis: { tooltip: !0, rows: 2 }, disabled: e, children: o }), m && i(w.AdvancedParagraph, { ellipsis: { tooltip: !0, rows: 2 }, disabled: e, children: m })] }), b && i("div", { className: "kit-item-card-extra", children: C }), k && f && i(E, { actions: h, disabled: e, display: n }), q && l("div", { className: "kit-item-card-switch", children: [i(G, { onChange: y, checked: L, disabled: e }), i(w.Text, { disabled: e, ellipsis: !0, children: H })] })] });
 });
 mi.displayName = "KitItemCard";
 export {

package/dist/Kit/DataDisplay/RedirectCard/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index25.css";
+import "../../../assets/index24.css";
 import { jsx as i, jsxs as d, Fragment as x } from "react/jsx-runtime";
 import T from "classnames";
 import { forwardRef as _ } from "react";
@@ -6,11 +6,11 @@ import { u as B } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";
 import { faEllipsis as g, faArrowRight as P } from "@fortawesome/free-solid-svg-icons";
 import { KitIcon as C } from "../../General/Icon/index.js";
-import { KitTypography as K } from "../../General/Typography/index.js";
+import { KitTypography as A } from "../../General/Typography/index.js";
 import { KitDivider as F } from "../../Layout/Divider/index.js";
 import { KitButton as k } from "../../General/Button/index.js";
 import { KitTooltip as L } from "../Tooltip/index.js";
-import { KitDropDown as A } from "../../Navigation/DropDown/index.js";
+import { KitDropDown as K } from "../../Navigation/DropDown/index.js";
 import { u as j } from "../../../chunks/useKitLocale.96CdK3og.js";
 const G = {
   "kit-redirect-card": "_kit-redirect-card_poxps_2"
@@ -22,12 +22,12 @@ const G = {
   const o = r.length < 4;
   let c;
   if (m && r.length > 1)
-    c = i(A, { disabled: e, menu: { items: r }, children: i(k, { title: (n = l.General) === null || n === void 0 ? void 0 : n.more, type: "secondary", icon: i(f, { icon: g }), disableSecureClick: !0, onClick: (t) => t.stopPropagation() }) });
+    c = i(K, { disabled: e, menu: { items: r }, children: i(k, { title: (n = l.General) === null || n === void 0 ? void 0 : n.more, type: "secondary", icon: i(f, { icon: g }), disableSecureClick: !0, onClick: (t) => t.stopPropagation() }) });
   else if (o)
     c = r.map((t) => i(N, { action: t, disabled: e }, t.key));
   else {
     const [t, p, ...h] = r;
-    c = d(x, { children: [[t, p].map((a) => i(N, { action: a, disabled: e }, a.key)), i(A, { disabled: e, menu: { items: h }, children: i(k, { title: (s = l.General) === null || s === void 0 ? void 0 : s.more, type: "secondary", icon: i(f, { icon: g }), disableSecureClick: !0, onClick: (a) => a.stopPropagation() }) })] });
+    c = d(x, { children: [[t, p].map((a) => i(N, { action: a, disabled: e }, a.key)), i(K, { disabled: e, menu: { items: h }, children: i(k, { title: (s = l.General) === null || s === void 0 ? void 0 : s.more, type: "secondary", icon: i(f, { icon: g }), disableSecureClick: !0, onClick: (a) => a.stopPropagation() }) })] });
   }
   return i("div", { className: "kit-redirect-card-actions", children: c });
 }, N = ({ action: r, disabled: m }) => i(L, { title: r.label, children: i(k, { type: "secondary", icon: r.icon, onClick: (e) => {
@@ -38,7 +38,7 @@ const G = {
     "kit-redirect-card-with-cover": y,
     "kit-redirect-card-with-actions": u
   });
-  return d("div", { className: R, tabIndex: o ? -1 : 0, style: m, onClick: p, ref: a, children: [u && v && i(w, { actions: c, disabled: o, actionsInDropdown: !!t }), v && i(C, { className: "kit-redirect-card-icon", icon: s }), y && d(x, { children: [d("div", { className: "kit-redirect-card-cover", children: [i("img", { alt: h, src: l }), i("div", { className: "kit-redirect-card-actions-mask" }), u && i(w, { actions: c, actionsInDropdown: !!t, disabled: o })] }), i(F, { noMargin: !0 })] }), d("div", { className: "kit-redirect-card-content", children: [d("section", { children: [i(K.Title, { ellipsis: { tooltip: !0 }, level: "h3", disabled: o, children: e }), n && i(K.Paragraph, { ellipsis: { rows: D, tooltip: n }, disabled: o, children: n })] }), i(C, { className: "kit-redirect-card-redirect-icon", icon: i(f, { icon: P }) })] })] });
+  return d("div", { className: R, tabIndex: o ? -1 : 0, style: m, onClick: p, ref: a, children: [u && v && i(w, { actions: c, disabled: o, actionsInDropdown: !!t }), v && i(C, { className: "kit-redirect-card-icon", icon: s }), y && d(x, { children: [d("div", { className: "kit-redirect-card-cover", children: [i("img", { alt: h, src: l }), i("div", { className: "kit-redirect-card-actions-mask" }), u && i(w, { actions: c, actionsInDropdown: !!t, disabled: o })] }), i(F, { noMargin: !0 })] }), d("div", { className: "kit-redirect-card-content", children: [d("section", { children: [i(A.Title, { ellipsis: !0, level: "h3", disabled: o, children: e }), n && i(A.AdvancedParagraph, { ellipsis: { rows: D, tooltip: n }, disabled: o, children: n })] }), i(C, { className: "kit-redirect-card-redirect-icon", icon: i(f, { icon: P }) })] })] });
 });
 M.displayName = "KitRedirectCard";
 export {