aristid-ds 5.1.0 → 6.0.0-c169cc9

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [6.0.0](https://www.npmjs.com/package/aristid-ds/v/6.0.0) (2024-06-05)
+### ✨ Features
+* **SideMenu:**
+  * Add `SideMenu` component (@evoiron)
+### 🐛 Bug Fixes
+* **Collapse:**
+  * Fix border width (@evoiron)
+* **Avatar:**
+  * Fix background color for transparent images, and add box shadow to avatar group (@evoiron)
+* **Modal:**
+  * Fix modal width bug (@evoiron)
+  * Allow multiline text in modal (@evoiron)
+
 ## [5.1.0](https://www.npmjs.com/package/aristid-ds/v/5.1.0) (2024-05-24)
 ### 🐛 Bug Fixes
 * **Button, Icon, ItemMenu:**

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.pUKOxZw6.js";
 import "../DataDisplay/Avatar/index.js";
 import "../DataDisplay/Badge/index.js";
-import "../../chunks/index.5APxIwyy.js";
+import "../../chunks/index.oW7RzSF2.js";
 import { KitEmpty as c } from "../DataDisplay/Empty/index.js";
 import "../DataDisplay/Error/index.js";
 import "../DataDisplay/IdCard/index.js";

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

@@ -1,4 +1,4 @@
-import { s as a, K as m } from "../../../chunks/Avatar.T61rZsdN.js";
+import { s as a, K as m } from "../../../chunks/Avatar.VZkvLuLD.js";
 import { jsx as c } from "react/jsx-runtime";
 import { Avatar as l } from "antd";
 import { u as n } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

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.5APxIwyy.js";
+import { K as y } from "../../../chunks/index.oW7RzSF2.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

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

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

@@ -5,7 +5,7 @@ import { u as v } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "../../General/Button/index.js";
 import { KitTypography as n } from "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
-import { K as x } from "../../../chunks/Avatar.T61rZsdN.js";
+import { K as x } from "../../../chunks/Avatar.VZkvLuLD.js";
 const y = {
   "kit-id-card": "_kit-id-card_mmcks_2"
 }, D = (s, i, t) => {

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.5APxIwyy.js";
+import { a as u } from "../../../chunks/index.oW7RzSF2.js";
 import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";

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

@@ -5,7 +5,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { c as M } from "../../../chunks/index.5APxIwyy.js";
+import { c as M } from "../../../chunks/index.oW7RzSF2.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -1,4 +1,4 @@
-import { d as r } from "../../../chunks/index.5APxIwyy.js";
+import { d as r } from "../../../chunks/index.oW7RzSF2.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 a } from "./Badge/index.js";
-import { K, b as m, a as p, c as f, d as x } from "../../chunks/index.5APxIwyy.js";
+import { K, b as m, a as p, c as f, d as x } from "../../chunks/index.oW7RzSF2.js";
 import { KitEmpty as d } from "./Empty/index.js";
 import { KitError as C } from "./Error/index.js";
 import { KitIdCard as l } from "./IdCard/index.js";

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

@@ -6,7 +6,7 @@ import "classnames";
 import "react";
 import "short-unique-id";
 import "use-debounce";
-import { e as s } from "../../../chunks/index.5APxIwyy.js";
+import { e as s } from "../../../chunks/index.oW7RzSF2.js";
 import "lodash/flatten";
 export {
   s as KitSelect

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.5APxIwyy.js";
+import { e as d } from "../../chunks/index.oW7RzSF2.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";

package/dist/Kit/Feedback/Modal/index.js

@@ -1,28 +1,28 @@
 import "../../../assets/index29.css";
-import { jsx as o, jsxs as g, Fragment as B } from "react/jsx-runtime";
-import D from "react-modal";
+import { jsx as o, jsxs as y, Fragment as z } from "react/jsx-runtime";
+import B from "react-modal";
 import "../../Layout/Divider/index.js";
 import "../../Layout/Grid/index.js";
-import { KitSpace as R } from "../../Layout/Space/index.js";
+import { KitSpace as D } from "../../Layout/Space/index.js";
 import "color-convert";
 import "color-string";
 import "lodash/isEmpty";
 import K from "classnames";
 import "../../../chunks/styles.module.tkXR5gsa.js";
-import { u as q } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { u as R } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
 import { KitButton as x } from "../../General/Button/index.js";
-import { KitTypography as z } from "../../General/Typography/index.js";
+import { KitTypography as A } from "../../General/Typography/index.js";
 import { KitIcon as w } from "../../General/Icon/index.js";
-import { faXmark as M, faTriangleExclamation as A, faExclamation as W, faCheck as F, faInfo as L } from "@fortawesome/free-solid-svg-icons";
+import { faXmark as M, faTriangleExclamation as W, faExclamation as q, faCheck as F, faInfo as L } from "@fortawesome/free-solid-svg-icons";
 import { createRoot as X } from "react-dom/client";
 import { useLocale as $ } from "antd/es/locale";
 import { uuid as G } from "../../../utils/functions/index.js";
 import { KitApp as H } from "../../App/index.js";
 const J = {
-  "kit-modal": "_kit-modal_tv0qg_2"
+  "kit-modal": "_kit-modal_1wzj0_2"
 }, _ = ({ title: n, style: e, width: u = "520px", height: h = "initial", fullscreen: r, ...t }) => {
-  const { appId: l } = q(), f = {
+  const { appId: l } = R(), f = {
     ...e,
     content: {
       width: u,
@@ -45,7 +45,7 @@ const J = {
     overlayElement: (c, v) => o("div", { ...c, children: v }),
     overlayClassName: i
   };
-  return o(D, { ...m, shouldCloseOnOverlayClick: t.showCloseIcon, onRequestClose: s, children: g("div", { className: J["kit-modal"], children: [g("div", { className: "kit-modal-header", children: [o("div", { className: "kit-modal-title", children: o(z.Title, { level: "h2", children: n }) }), t.showCloseIcon && o(x, { onClick: s, iconSize: "xl", icon: o(d, { icon: M, className: "kit-modal-close", onClick: s }) })] }), o("div", { className: "kit-modal-content-wrapper", children: o("div", { className: "kit-modal-content", children: t.children }) }), t.footer && o(R, { className: "kit-modal-footer", align: "end", children: t.footer })] }) });
+  return o(B, { ...m, shouldCloseOnOverlayClick: t.showCloseIcon, onRequestClose: s, children: y("div", { className: J["kit-modal"], children: [y("div", { className: "kit-modal-header", children: [o("div", { className: "kit-modal-title", children: o(A.Title, { level: "h2", children: n }) }), t.showCloseIcon && o(x, { onClick: s, iconSize: "xl", icon: o(d, { icon: M, className: "kit-modal-close", onClick: s }) })] }), o("div", { className: "kit-modal-content-wrapper", children: o("div", { className: "kit-modal-content", children: t.children }) }), t.footer && o(D, { className: "kit-modal-footer", align: "end", children: t.footer })] }) });
 }, Q = (n) => {
   const { icon: e, title: u, content: h, image: r, type: t = "confirm", width: l, portalClassName: f, dangerConfirm: s, okCancel: p, onCancel: i, cancelText: m, onOk: c, okText: v, close: I, isOpen: S = !1, ...E } = n, [a] = $("Modal");
   let C = e;
@@ -58,11 +58,11 @@ const J = {
         C = o(w, { icon: o(d, { icon: F }), on: !0, className: "kit-confirm-icon kit-confirm-icon-success" });
         break;
       case "error":
-        C = o(w, { icon: o(d, { icon: W }), on: !0, className: "kit-confirm-icon kit-confirm-icon-error" });
+        C = o(w, { icon: o(d, { icon: q }), on: !0, className: "kit-confirm-icon kit-confirm-icon-error" });
         break;
       case "warning":
       default:
-        C = o(w, { icon: o(d, { icon: A }), on: !0, className: "kit-confirm-icon kit-confirm-icon-warning" });
+        C = o(w, { icon: o(d, { icon: W }), on: !0, className: "kit-confirm-icon kit-confirm-icon-warning" });
         break;
     }
   const T = p || t === "confirm", N = (b) => () => {
@@ -74,9 +74,9 @@ const J = {
   }, onClick: N(c), icon: o(d, { icon: F }), children: v || (T ? a == null ? void 0 : a.okText : a == null ? void 0 : a.justOkText) }), O = {
     ...E
   };
-  return n.showCloseIcon && (O.close = N(i)), o(_, { isOpen: S, showCloseIcon: !1, width: l ?? "auto", style: { content: { minWidth: "350px" } }, portalClassName: f, title: u, footer: g(B, { children: [P, j] }), ...O, children: g("div", { className: "kit-modal-vertical-items-spacing", children: [r && o("div", { className: "kit-confirm-image-wrapper", style: { backgroundImage: "url(" + r + ")" } }), g("div", { className: "kit-modal-horizontal-items-spacing", children: [C, o("div", { className: "kit-modal-vertical-text-spacing", children: o("div", { className: "ant-modal-body", children: h }) })] })] }) });
+  return n.showCloseIcon && (O.close = N(i)), o(_, { isOpen: S, showCloseIcon: !1, width: l ?? "auto", style: { content: { minWidth: "350px" } }, portalClassName: f, title: u, footer: y(z, { children: [P, j] }), ...O, children: y("div", { className: "kit-modal-vertical-items-spacing", children: [r && o("div", { className: "kit-confirm-image-wrapper", style: { backgroundImage: "url(" + r + ")" } }), y("div", { className: "kit-modal-horizontal-items-spacing", children: [C, o("div", { className: "kit-modal-vertical-text-spacing", children: o("div", { className: "ant-modal-body", children: h }) })] })] }) });
 }, V = Q;
-function y(n) {
+function g(n) {
   const e = document.createDocumentFragment(), u = X(e), h = "reactPortal-" + G();
   let r = {
     ...n,
@@ -141,19 +141,19 @@ function no(n) {
 const k = _;
 k.displayName = "KitModal";
 k.info = function(e) {
-  return y(Z(e));
+  return g(Z(e));
 };
 k.success = function(e) {
-  return y(U(e));
+  return g(U(e));
 };
 k.error = function(e) {
-  return y(oo(e));
+  return g(oo(e));
 };
 k.warning = function(e) {
-  return y(Y(e));
+  return g(Y(e));
 };
 k.confirm = function(e) {
-  return y(no(e));
+  return g(no(e));
 };
 export {
   k as KitModal

package/dist/Kit/Navigation/Header/index.js

@@ -1,4 +1,4 @@
-import { g as a } from "../../../chunks/index.5APxIwyy.js";
+import { g as a } from "../../../chunks/index.oW7RzSF2.js";
 export {
   a as KitHeader
 };

package/dist/Kit/Navigation/Menu/index.js

@@ -1,4 +1,4 @@
-import { h as r } from "../../../chunks/index.5APxIwyy.js";
+import { h as r } from "../../../chunks/index.oW7RzSF2.js";
 export {
   r as KitMenu
 };

package/dist/Kit/Navigation/PageHeader/index.js

@@ -16,7 +16,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { f as A } from "../../../chunks/index.5APxIwyy.js";
+import { f as A } from "../../../chunks/index.oW7RzSF2.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

package/dist/Kit/Navigation/SideMenu/SideMenu.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IKitSideMenu } from './types';
+declare const KitSideMenu: FunctionComponent<IKitSideMenu>;
+export default KitSideMenu;

package/dist/Kit/Navigation/SideMenu/SideMenuItem.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IKitSideMenuItemComponent } from './types';
+declare const KitSideMenuItem: FunctionComponent<IKitSideMenuItemComponent>;
+export default KitSideMenuItem;

package/dist/Kit/Navigation/SideMenu/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const KitSideMenu: import("react").FunctionComponent<import("./types").IKitSideMenu>;

package/dist/Kit/Navigation/SideMenu/index.js

@@ -0,0 +1,4 @@
+import { i as o } from "../../../chunks/index.oW7RzSF2.js";
+export {
+  o as KitSideMenu
+};

package/dist/Kit/Navigation/SideMenu/types.d.ts

@@ -0,0 +1,32 @@
+import {ReactNode} from 'react';
+import {KitHTMLAttributes} from '../../../types';
+import {IKitAutoComplete} from '../../DataEntry/AutoComplete/types';
+
+export interface IKitSideMenu extends KitHTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+    showSearch?: boolean;
+    autoCompleteOptions?: IKitAutoComplete;
+    items?: IKitSideMenuItemProps[];
+    onMenuClick?: (key: string) => void;
+    onOpenChanged?: (open: boolean) => void;
+    defaultActiveItemKey?: string;
+    disabledSecureClick?: boolean;
+}
+
+export interface IKitSideMenuItemProps extends KitHTMLAttributes<HTMLDivElement> {
+    key?: string;
+    type?: 'default' | 'separator';
+    title?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    onClick?: (key: string) => void;
+    // items?: IKitSideMenuItemProps[]; // En prevision de la mise en place des sous menus (non implémenté)
+    disabledSecureClick?: boolean;
+    className?: string;
+}
+
+export interface IKitSideMenuItemComponent extends Omit<IKitSideMenuItemProps, 'key'> {
+    itemKey: string;
+    large: boolean;
+    active?: boolean;
+}

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

@@ -5,3 +5,4 @@ export { KitHeader } from './Header';
 export { KitMenu } from './Menu';
 export { KitSteps } from './Steps';
 export { KitPagination } from './Pagination';
+export { KitSideMenu } from './SideMenu';

package/dist/Kit/Navigation/index.js

@@ -1,14 +1,15 @@
-import { KitBreadcrumb as e } from "./Breadcrumb/index.js";
-import { KitDropDown as a } from "./DropDown/index.js";
-import { g as p, h as K, f } from "../../chunks/index.5APxIwyy.js";
-import { KitSteps as x } from "./Steps/index.js";
-import { KitPagination as s } from "./Pagination/index.js";
+import { KitBreadcrumb as t } from "./Breadcrumb/index.js";
+import { KitDropDown as i } from "./DropDown/index.js";
+import { g as K, h as p, f, i as m } from "../../chunks/index.oW7RzSF2.js";
+import { KitSteps as s } from "./Steps/index.js";
+import { KitPagination as d } from "./Pagination/index.js";
 export {
-  e as KitBreadcrumb,
-  a as KitDropDown,
-  p as KitHeader,
-  K as KitMenu,
+  t as KitBreadcrumb,
+  i as KitDropDown,
+  K as KitHeader,
+  p as KitMenu,
   f as KitPageHeader,
-  s as KitPagination,
-  x as KitSteps
+  d as KitPagination,
+  m as KitSideMenu,
+  s as KitSteps
 };

package/dist/Kit/index.d.ts

@@ -3,5 +3,5 @@ export { KitCheckbox, KitInputWrapper, KitInput, KitInputNumber, KitRadio, KitRa
 export { KitAlert, KitModal, KitProgress, KitSnackBarProvider, openKitSnackBar, closeKitSnackBar, useKitNotification, KitNotification } from './Feedback';
 export { KitButton, KitTypography, KitIcon } from './General';
 export { KitDivider, KitGrid, KitSpace, KitSection } from './Layout';
-export { KitBreadcrumb, KitDropDown, KitPageHeader, KitHeader, KitMenu, KitSteps, KitPagination } from './Navigation';
+export { KitBreadcrumb, KitDropDown, KitPageHeader, KitHeader, KitMenu, KitSteps, KitPagination, KitSideMenu } from './Navigation';
 export * from './Ant';