aristid-ds 3.0.0 → 4.0.0-3ef6e97

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## [4.0.0](https://www.npmjs.com/package/aristid-ds/v/4.0.0) (2024-03-28)
+### ✨ Features
+* **Select:**
+  * Add `idCard` property to option to display a `KitIdCard` instead of the label (@philippechevieux)
+* **Avatar:**
+  * Add a new property `imageFit` to change how image will fit (@philippechevieux)
+
+### 🐛 Bug Fixes
+* **IdCard:**
+  * Add default ellipsis to `title` and `description` (@philippechevieux)
+* Add missing exports for `useKitLocale`, `KitEmpty`, `KitIdCard`, `KitInputWrapper` and `KitSection` (@philippechevieux)
+* **DatePicker / RangePicker:**
+  * Fix calendar icon disapearing on hover when a default value is set (@evoiron)
+* **⚠️ Breaking change - ItemList:**
+  * Refactor ItemList (@P0ppoff / @Delmotte-Vincent / @renaudamsellem / @philippechevieux)
+* **Modal:**
+  * Remove use of getComputedStyle which can be time consuming in tests (@evoiron)
+
 ## [3.0.0](https://www.npmjs.com/package/aristid-ds/v/3.0.0) (2024-03-15)
 ### ✨ Features
 * **Empty:**

package/README.md

@@ -460,6 +460,25 @@ A nightly version of the package is published on daily basis on branch develop (
 ```
 **Note:** Though it is useful to test upcoming feature, this version should **NEVER** be used in production
 
+## Tests
+Tests can be slow when using the Design system. It is caused by jsdom which heavily use Window.GetComputedStyle. To workaround this performance issue, you shoud update the version of jsdom used by you test library (typically jest) to 21.1.0 or even 24.0.0. To achieve this, update your projects package.json and add these lines:
+
+if using yarn:
+```sh
+    "resolutions": {
+        "jsdom": "21.1.0"
+    }
+```
+
+if using npm and jest:
+```sh
+    "overrides": {
+        "jest-environment-jsdom": {
+            "jsdom": "21.1.0"
+        }
+    }
+```
+
 ## Important
 Every import of antd library should pass by `antd` or `ant/es`. `lib` import will lead to issues in the build process.
 

package/dist/Kit/App/index.js

@@ -17,7 +17,7 @@ import { mapKitLocaleToAntdLocale as I } from "../../translation/utils/index.js"
 import { d as $ } from "../../chunks/notification-provider.9tbQyfg7.js";
 import "../DataDisplay/Avatar/index.js";
 import "../DataDisplay/Badge/index.js";
-import "../../chunks/index.5Ttd0fY8.js";
+import "../../chunks/index.KNNpudCD.js";
 import { KitEmpty as p } from "../DataDisplay/Empty/index.js";
 import "../DataDisplay/IdCard/index.js";
 import "../DataDisplay/LegacyCard/index.js";

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

@@ -1,32 +1,36 @@
 import "../../../assets/index21.css";
 import { jsx as m } from "react/jsx-runtime";
-import { useMemo as y } from "react";
+import { useMemo as C } from "react";
 import { Avatar as p } from "antd";
-import { u as n } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { getInitials as C, isValidColor as K, getColor as _, isSecondaryColor as x, getLighterColor as h, getContrastColor as N } from "../../../utils/functions/index.js";
-import { kitAvatarCssTokens as e } from "../../../theme/aristid/components/DataDisplay/Avatar/index.js";
-import l from "classnames";
-const u = {
-  "kit-avatar": "_kit-avatar_w3aj4_2",
-  "kit-avatar-group": "_kit-avatar-group_w3aj4_7"
-}, j = (t, a) => !t || !K(t) ? null : {
-  [e.colors.background.default]: _(t, a),
-  [e.colors.typography.default]: x(t) ? h(t, a) : N(t)
-}, c = ({ label: t, initialsMaxChars: a, color: r, className: i, style: o, secondaryColorInvert: s = !1, children: g, ...f }) => {
-  const { appId: d } = n(), k = y(() => ({ ...o, ...j(r, s) }), [r, s, o]), A = l(d, u["kit-avatar"], i);
-  return m(p, { style: k, className: A, ...f, children: t !== void 0 ? C(t, a) : g });
+import { u as l } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { getInitials as K, isValidColor as _, getColor as x, isSecondaryColor as h, getLighterColor as N, getContrastColor as G } from "../../../utils/functions/index.js";
+import { kitAvatarCssTokens as n } from "../../../theme/aristid/components/DataDisplay/Avatar/index.js";
+import c from "classnames";
+const v = {
+  "kit-avatar": "_kit-avatar_48vkr_2",
+  "kit-avatar-group": "_kit-avatar-group_48vkr_16"
+}, S = (t, a) => !t || !_(t) ? null : {
+  [n.colors.background.default]: x(t, a),
+  [n.colors.typography.default]: h(t) ? N(t, a) : G(t)
+}, u = ({ label: t, initialsMaxChars: a, color: r, className: o, style: i, secondaryColorInvert: e = !1, children: k, imageFit: s = "cover", ...g }) => {
+  const { appId: d } = l(), A = C(() => ({ ...i, ...S(r, e) }), [r, e, i]), y = c(d, v["kit-avatar"], o, {
+    "kit-avatar-image-fit-cover": s === "cover",
+    "kit-avatar-image-fit-contain": s === "contain",
+    "kit-avatar-image-fit-fill": s === "fill"
+  });
+  return m(p, { style: A, className: y, ...g, children: t !== void 0 ? K(t, a) : k });
 };
-c.displayName = "KitAvatar";
-const G = ({ className: t, maxCount: a, ...r }) => {
-  const { appId: i } = n(), o = l(i, u["kit-avatar-group"], t, {
+u.displayName = "KitAvatar";
+const T = ({ className: t, maxCount: a, ...r }) => {
+  const { appId: o } = l(), i = c(o, v["kit-avatar-group"], t, {
     "override-last": a
   });
-  return m(p.Group, { ...r, maxCount: a, className: o, maxStyle: {
+  return m(p.Group, { ...r, maxCount: a, className: i, maxStyle: {
     cursor: r.maxPopoverTrigger === "click" ? "pointer" : "initial"
   } });
-}, S = G, v = c;
-v.displayName = "KitAvatar";
-v.Group = S;
+}, I = T, f = u;
+f.displayName = "KitAvatar";
+f.Group = I;
 export {
-  v as KitAvatar
+  f as KitAvatar
 };

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

@@ -7,11 +7,14 @@ import {KitColorProp} from '../../../utils/functions/types';
 type AntdAvatarTypesToOmit = '';
 type AntdAvatarGroupTypesToOmit = 'maxStyle';
 
+type KitImageFit = 'cover' | 'contain' | 'fill';
+
 export interface IKitAvatar extends Omit<AvatarProps, AntdAvatarTypesToOmit>, KitHTMLAttributes<HTMLSpanElement> {
     label?: string;
     initialsMaxChars?: number;
     color?: KitColorProp;
     secondaryColorInvert?: boolean;
+    imageFit?: KitImageFit;
 }
 
 export interface IKitAvatarGroup

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

@@ -8,7 +8,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { K as y } from "../../../chunks/index.5Ttd0fY8.js";
+import { K as y } from "../../../chunks/index.KNNpudCD.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";
@@ -22,7 +22,7 @@ import "../../Navigation/DropDown/index.js";
 import "../../Navigation/Steps/index.js";
 import "antd";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import "../../../chunks/styles.module.h70MuyQF.js";
+import "../../../chunks/styles.module.x1Oajwjm.js";
 export {
   y as KitCard
 };

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

@@ -1,11 +1,12 @@
-import {CSSProperties, ReactNode} from 'react';
+import {CSSProperties} from 'react';
 import {IKitTagConfig} from '../../DataDisplay/Tag/types';
 import {CheckboxChangeEvent} from 'antd/es/checkbox';
 import {SwitchChangeEventHandler} from 'antd/es/switch';
+import {IKitActionButton} from '../../DataDisplay/types';
 
 export interface IKitCard {
     title: string;
-    actions?: IKitCardAction[];
+    actions?: IKitActionButton[];
     activated?: boolean;
     brandingBar?: boolean;
     className?: string;
@@ -20,13 +21,6 @@ export interface IKitCard {
     tags?: IKitTagConfig[];
 }
 
-export interface IKitCardAction {
-    key: string;
-    label: string;
-    icon: ReactNode;
-    onClick: (e: unknown) => void;
-}
-
 export interface IStyledKitCard {
     $brandingBar: boolean;
 }

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

@@ -1,4 +1,4 @@
-import { b as e } from "../../../chunks/index.5Ttd0fY8.js";
+import { b as e } from "../../../chunks/index.KNNpudCD.js";
 export {
   e as KitCollapse
 };

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

@@ -1,21 +1,21 @@
 import "../../../assets/index2.css";
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import l from "classnames";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import c from "classnames";
 import { u as x } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "../../General/Button/index.js";
-import { KitTypography as n } from "../../General/Typography/index.js";
+import { KitTypography as m } from "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
 const y = {
-  "kit-id-card": "_kit-id-card_stmwg_2"
-}, v = (r, i) => {
-  const t = l({ "kit-id-card-title-large": i === "large" });
-  return s(n.Text, { className: t, size: "large", weight: "bold", children: r });
-}, f = (r, i) => {
+  "kit-id-card": "_kit-id-card_mmcks_2"
+}, v = (s, i) => {
+  const t = c({ "kit-id-card-title-large": i === "large" });
+  return r(m.Text, { className: t, size: "large", weight: "bold", ellipsis: { tooltip: !0 }, children: s });
+}, f = (s, i) => {
   const t = i === "medium" ? "small" : "large";
-  return s(n.Text, { size: t, children: r });
-}, D = ({ className: r, title: i, description: t, avatar: d, size: o = "medium", ...m }) => {
-  const { appId: p } = x(), h = l(p, y["kit-id-card"], r), u = d !== void 0, e = i !== void 0, a = t !== void 0, g = e || a;
-  return c("div", { className: `${h} id-card-grid`, ...m, children: [u && s("div", { className: "card-avatar", children: d }), g && c("div", { className: "card-info", children: [e && v(i, o), a && f(t, o)] })] });
+  return r(m.Text, { size: t, ellipsis: { tooltip: !0 }, children: s });
+}, D = ({ className: s, title: i, description: t, avatar: o, size: e = "medium", ...n }) => {
+  const { appId: p } = x(), u = c(p, y["kit-id-card"], s), h = o !== void 0, d = i !== void 0, l = t !== void 0, g = d || l;
+  return a("div", { className: `${u} id-card-grid`, ...n, children: [h && r("div", { className: "card-avatar", children: o }), g && a("div", { className: "card-info", children: [d && v(i, e), l && f(t, e)] })] });
 };
 D.displayName = "KitIdCard";
 export {

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "classnames";
-import { a as u } from "../../../chunks/index.5Ttd0fY8.js";
+import { a as u } from "../../../chunks/index.KNNpudCD.js";
 import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";

package/dist/Kit/DataDisplay/ItemList/index.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import React from 'react';
 import { IKitItemList } from './types';
-export declare const KitItemList: FunctionComponent<IKitItemList>;
+export declare const KitItemList: React.ForwardRefExoticComponent<IKitItemList & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,23 +5,34 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { c as v } from "../../../chunks/index.5Ttd0fY8.js";
+import { c as H } from "../../../chunks/index.KNNpudCD.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";
 import "../../DataEntry/Upload/index.js";
 import "../../DataEntry/Slider/index.js";
 import "../../DataEntry/ColorPicker/index.js";
+import "../Avatar/index.js";
+import "../Badge/index.js";
+import "../Empty/index.js";
+import "../IdCard/index.js";
+import "../../../chunks/index.91q8JHRn.js";
+import "../LegacyCard/index.js";
+import "../Tabs/index.js";
+import "../Tree/index.js";
+import "../Tooltip/index.js";
+import "antd";
+import "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import "classnames";
 import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
-import "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import "../../../chunks/index.91q8JHRn.js";
+import "../../Navigation/Breadcrumb/index.js";
+import "../../Navigation/DropDown/index.js";
+import "../../Navigation/Steps/index.js";
+import "../../../chunks/styles.module.x1Oajwjm.js";
 import "@fortawesome/react-fontawesome";
-import "@fortawesome/free-regular-svg-icons";
 import "@fortawesome/free-solid-svg-icons";
-import "../../../hooks/useSecureClick/index.js";
-import "classnames";
 export {
-  v as KitItemList
+  H as KitItemList
 };

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

@@ -1,21 +1,13 @@
-import {KitHTMLAttributes} from '../../../types';
 import {ReactNode} from 'react';
-import {CheckboxChangeEvent} from 'antd/es/checkbox';
+import {IKitIdCard} from '../../DataDisplay/IdCard/types';
+import {IKitActionButton} from '../../DataDisplay/types';
+import {KitHTMLAttributes} from '../../../types';
 
 export interface IKitItemList extends KitHTMLAttributes<HTMLDivElement> {
-    title?: string;
-    description?: string;
-    picture?: ReactNode;
-    onSelect?: (e: CheckboxChangeEvent) => void;
-    tagNumber?: number;
-    onRafterClick?: () => void;
-    disabled?: boolean;
+    idCardProps: IKitIdCard;
+    draggableHandler?: ReactNode;
+    onSelect?: (isChecked: boolean) => void;
     onClick?: () => void;
-    selected?: boolean;
-    disableSecureClick?: boolean;
-    draggable?: boolean;
-}
-
-export interface IStyledKitItemList {
-    $gridTemplateColumns: string;
+    actions?: IKitActionButton[];
+    content?: ReactNode;
 }

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

@@ -12,7 +12,7 @@ import { KitSpace as k } from "../../Layout/Space/index.js";
 import "color-convert";
 import "color-string";
 import "lodash/isEmpty";
-import "../../../chunks/styles.module.cDfGpFWX.js";
+import "../../../chunks/styles.module.tkXR5gsa.js";
 import { u as K } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as A } from "@fortawesome/react-fontawesome";
 import { faLink as E } from "@fortawesome/free-solid-svg-icons";

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

@@ -1,4 +1,4 @@
-import { d as r } from "../../../chunks/index.5Ttd0fY8.js";
+import { d as r } from "../../../chunks/index.KNNpudCD.js";
 export {
   r as KitTag
 };

package/dist/Kit/DataDisplay/index.js

@@ -1,6 +1,6 @@
 import { KitAvatar as o } from "./Avatar/index.js";
 import { KitBadge as e } from "./Badge/index.js";
-import { K, b as m, a as p, c as f, d as x } from "../../chunks/index.5Ttd0fY8.js";
+import { K, b as m, a as p, c as f, d as x } from "../../chunks/index.KNNpudCD.js";
 import { KitEmpty as d } from "./Empty/index.js";
 import { KitIdCard as T } from "./IdCard/index.js";
 import { K as I } from "../../chunks/index.91q8JHRn.js";

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

@@ -0,0 +1,8 @@
+import {ReactNode} from 'react';
+
+export interface IKitActionButton {
+    key: string;
+    label: string;
+    icon: ReactNode;
+    onClick: (e: unknown) => void;
+}

package/dist/Kit/DataEntry/DatePicker/index.js

@@ -1,21 +1,21 @@
 import "../../../assets/index23.css";
 import { jsx as e } from "react/jsx-runtime";
-import { faCircleXmark as I, faClock as K, faCalendar as R } from "@fortawesome/free-regular-svg-icons";
+import { faCircleXmark as I, faClock as K, faCalendar as g } from "@fortawesome/free-regular-svg-icons";
 import { FontAwesomeIcon as i } from "@fortawesome/react-fontawesome";
-import { K as h } from "../../../chunks/InputWrapper.NQtlTzQk.js";
-import { u as v } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { DatePicker as C } from "antd";
-import D from "classnames";
-import { forwardRef as g } from "react";
+import { K as R } from "../../../chunks/InputWrapper.NQtlTzQk.js";
+import { u as h } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { DatePicker as v } from "antd";
+import C from "classnames";
+import { forwardRef as D } from "react";
 const w = {
-  "kit-datepicker": "_kit-datepicker_n1csk_2",
-  "kit-rangepicker": "_kit-rangepicker_n1csk_117"
-}, N = g(({ label: o, helper: s, suffixIcon: a, className: r, wrapperClassName: l, picker: c = "date", allowClear: d = !0, required: m, infoIcon: f, actions: u, onInfoClick: t, ...n }, k) => {
-  const { appId: p } = v(), b = () => c === "time" ? e(i, { icon: K }) : e(i, { icon: R }), _ = D(p, w["kit-datepicker"], r);
-  return e(h, { label: o, helper: s, disabled: n.disabled, status: n.status, className: l, required: m, infoIcon: f, actions: u, onInfoClick: t, children: e("div", { children: e(C, { ...n, picker: c, ref: k, suffixIcon: a ?? b(), allowClear: d ? { clearIcon: e(i, { "aria-label": "clear", icon: I }) } : !1, className: _ }) }) });
-}), y = g(({ label: o, className: s, helper: a, suffixIcon: r, picker: l, allowClear: c = !0, required: d, infoIcon: m, actions: f, onInfoClick: u, ...t }, n) => {
-  const { appId: k } = v(), p = () => l === "time" ? e(i, { icon: K }) : e(i, { icon: R }), b = () => t.disabled === void 0 ? !1 : typeof t.disabled == "boolean" ? t.disabled : t.disabled[0] && t.disabled[1], _ = D(k, w["kit-rangepicker"], s);
-  return e(h, { label: o, helper: a, disabled: b(), status: t.status, required: d, infoIcon: m, actions: f, onInfoClick: u, children: e("div", { children: e(C.RangePicker, { ...t, picker: l, ref: n, suffixIcon: r ?? p(), allowClear: c ? { clearIcon: e(i, { "aria-label": "clear", icon: I }) } : !1, className: _ }) }) });
+  "kit-datepicker": "_kit-datepicker_1tfpg_2",
+  "kit-rangepicker": "_kit-rangepicker_1tfpg_118"
+}, N = D(({ label: c, helper: s, suffixIcon: a, className: r, wrapperClassName: n, picker: o = "date", allowClear: d = !0, required: m, infoIcon: f, actions: u, onInfoClick: t, ...l }, p) => {
+  const { appId: k } = h(), b = () => o === "time" ? e(i, { icon: K }) : e(i, { icon: g }), _ = C(k, w["kit-datepicker"], r);
+  return e(R, { label: c, helper: s, disabled: l.disabled, status: l.status, className: n, required: m, infoIcon: f, actions: u, onInfoClick: t, children: e("div", { children: e(v, { ...l, picker: o, ref: p, suffixIcon: a ?? b(), allowClear: d ? { clearIcon: e(i, { "aria-label": "clear", icon: I }) } : !1, className: _ }) }) });
+}), y = D(({ label: c, className: s, helper: a, suffixIcon: r, picker: n, allowClear: o = !0, required: d, infoIcon: m, actions: f, onInfoClick: u, ...t }, l) => {
+  const { appId: p } = h(), k = () => n === "time" ? e(i, { icon: K }) : e(i, { icon: g }), b = () => t.disabled === void 0 ? !1 : typeof t.disabled == "boolean" ? t.disabled : t.disabled[0] && t.disabled[1], _ = C(p, w["kit-rangepicker"], s);
+  return e(R, { label: c, helper: a, disabled: b(), status: t.status, required: d, infoIcon: m, actions: f, onInfoClick: u, children: e("div", { children: e(v.RangePicker, { ...t, picker: n, ref: l, suffixIcon: r ?? k(), allowClear: o ? { clearIcon: e(i, { "aria-label": "clear", icon: I }) } : !1, className: _ }) }) });
 }), S = y, x = N;
 x.displayName = "KitDatePicker";
 x.RangePicker = S;

package/dist/Kit/DataEntry/Select/guard.d.ts

@@ -0,0 +1,3 @@
+import { ClassicOption, IKitOption, IdCard } from './types';
+export declare const isClassicOption: (option: IKitOption) => option is ClassicOption;
+export declare const isIdCardOption: (option: IKitOption) => option is IdCard;

package/dist/Kit/DataEntry/Select/index.d.ts

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import type { RefSelectProps } from 'antd';
-import React from 'react';
 import { IKitSelect } from './types';
-export declare const KitSelect: React.ForwardRefExoticComponent<IKitSelect & React.RefAttributes<RefSelectProps>>;
+export declare const KitSelect: import("react").ForwardRefExoticComponent<IKitSelect & import("react").RefAttributes<RefSelectProps>>;

package/dist/Kit/DataEntry/Select/index.js

@@ -1,18 +1,13 @@
 import "react/jsx-runtime";
-import "@fortawesome/free-regular-svg-icons";
-import "@fortawesome/free-solid-svg-icons";
-import "@fortawesome/react-fontawesome";
-import { e as d } from "../../../chunks/index.5Ttd0fY8.js";
 import "../../../chunks/InputWrapper.NQtlTzQk.js";
-import "../../General/Button/index.js";
-import "../../General/Typography/index.js";
-import "../../General/Icon/index.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "antd";
 import "classnames";
 import "react";
 import "short-unique-id";
 import "use-debounce";
+import { e as s } from "../../../chunks/index.KNNpudCD.js";
+import "lodash/flatten";
 export {
-  d as KitSelect
+  s as KitSelect
 };

package/dist/Kit/DataEntry/Select/renders.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { IKitInternalOption, IKitOption, IKitSelect } from './types';
+import { LabelInValueType } from 'rc-select/es/Select';
+import type { CustomTagProps } from 'rc-select/es/BaseSelect';
+import { FlattenOptionData } from 'rc-select/lib/interface';
+import { BaseOptionType } from 'antd/es/select';
+export declare const getLabelRender: ({ value }: LabelInValueType | CustomTagProps, selectedOption?: IKitInternalOption | IKitInternalOption[]) => import("react").ReactNode;
+export declare const getTagRender: (customTag: CustomTagProps, disabled: IKitSelect['disabled'], status: IKitSelect['status'], selectedOption?: IKitInternalOption | IKitInternalOption[]) => import("react/jsx-runtime").JSX.Element;
+export declare const getMaxTagRender: (omittedValues: {
+    length: number;
+}, disabled: IKitSelect['disabled'], status: IKitSelect['status']) => import("react/jsx-runtime").JSX.Element;
+export declare const getDropdownRender: (menu: ReactElement, dropdownRender?: IKitSelect['dropdownRender']) => import("react/jsx-runtime").JSX.Element;
+export declare const fixSelectRender: (id: string) => void;
+export declare const getOptionRender: ({ value, label }: FlattenOptionData<BaseOptionType>, flattenInternalOptions: IKitInternalOption[]) => import("react").ReactNode;
+export declare const getOptionLabelRender: (selectOption: IKitOption, labelOnly?: IKitSelect['labelOnly']) => ReactElement | string;

package/dist/Kit/DataEntry/Select/types.d.ts

@@ -1,7 +1,7 @@
 import {SelectProps} from 'antd';
-import type {OptionProps} from 'rc-select/es/Option';
 import {KitHTMLAttributes} from '../../../types';
 import {ReactNode, ReactElement, MouseEvent} from 'react';
+import {IKitIdCard} from '../../DataDisplay/IdCard/types';
 
 type AntdSelectTypesToOmit =
     | 'dropdownMatchSelectWidth'
@@ -16,17 +16,42 @@ type AntdSelectTypesToOmit =
     | 'optionLabelProp'
     | 'removeIcon'
     | 'searchValue'
-    | 'showSearch'
     | 'size'
     | 'tokenSeparators'
     | 'virtual'
+    | 'variant'
     | 'clearIcon'
     | 'onDeselect'
     | 'onInputKeyDown'
     | 'dropdownStyle'
     | 'menuItemSelectedIcon'
+    | 'labelRender'
+    | 'optionRender'
     | 'suffixIcon';
 
+type OptionCommons = {
+    label?: string;
+    value?: string | number | null;
+    className?: string;
+    disabled?: boolean;
+};
+
+export type IdCard = OptionCommons & {
+    idCard?: IKitIdCard;
+};
+
+export type ClassicOption = OptionCommons & {
+    icon?: ReactNode;
+    color?: string;
+    options?: Omit<IKitOption, 'options'>[];
+};
+
+export type IKitOption = IdCard & ClassicOption;
+
+export type IKitInternalOption = IKitOption & {
+    labelToDisplay?: ReactNode;
+};
+
 export interface IKitSelect extends Omit<SelectProps, AntdSelectTypesToOmit>, KitHTMLAttributes<HTMLDivElement> {
     label?: string;
     helper?: string;
@@ -40,9 +65,3 @@ export interface IKitSelect extends Omit<SelectProps, AntdSelectTypesToOmit>, Ki
     actions?: ReactElement[];
     onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
 }
-
-interface IKitOption extends Omit<OptionProps, ''> {
-    icon?: ReactNode;
-    color?: string;
-    label: string;
-}

package/dist/Kit/DataEntry/Select/useIcons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { IKitSelect } from './types';
+type UseIcons = {
+    clearIcon?: JSX.Element;
+    suffixIcon: JSX.Element;
+    selectedItemIcon: JSX.Element;
+};
+export default function useIcons({ allowClear, loading }: {
+    allowClear: IKitSelect['allowClear'];
+    loading: IKitSelect['loading'];
+}): UseIcons;
+export {};

package/dist/Kit/DataEntry/index.js

@@ -4,7 +4,7 @@ import { KitInputNumber as m } from "./InputNumber/index.js";
 import { K } from "../../chunks/InputWrapper.NQtlTzQk.js";
 import { KitRadio as a } from "./Radio/index.js";
 import { KitRate as l } from "./Rate/index.js";
-import { e as d } from "../../chunks/index.5Ttd0fY8.js";
+import { e as d } from "../../chunks/index.KNNpudCD.js";
 import { KitSwitch as n } from "./Switch/index.js";
 import { KitDatePicker as I } from "./DatePicker/index.js";
 import { KitAutoComplete as b } from "./AutoComplete/index.js";