aristid-ds 5.0.0 → 5.1.0

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## [5.1.0](https://www.npmjs.com/package/aristid-ds/v/5.1.0) (2024-05-24)
+### 🐛 Bug Fixes
+* **Button, Icon, ItemMenu:**
+  * Fix bug in useSecureClick causing onClick not called in some cases (@evoiron)
+
 ## [5.0.0](https://www.npmjs.com/package/aristid-ds/v/5.0.0) (2024-04-24)
 ### ✨ Features
 * **ItemList:**

package/dist/Kit/App/index.js

@@ -1,23 +1,23 @@
 import "../../assets/index21.css";
-import { jsx as n, jsxs as d, Fragment as K } from "react/jsx-runtime";
+import { jsx as n, jsxs as d, Fragment as g } from "react/jsx-runtime";
 import { useState as f, useLayoutEffect as h, useRef as L, useEffect as S } from "react";
 import { ConfigProvider as P } from "antd";
-import { I as C } from "../../chunks/SnackBarProvider.iuCIyLXl.js";
+import { K as C } from "../../chunks/SnackBarProvider.xMKXdZ88.js";
 import { createGlobalStyle as b } from "styled-components";
 import { toCssVariables as u, uuid as y } from "../../utils/functions/index.js";
 import a from "lodash/merge";
 import { Style as E } from "react-style-tag";
-import { K as I } from "../../chunks/useKitTheme.KSAU-Pdv.js";
+import { K as T } from "../../chunks/useKitTheme.KSAU-Pdv.js";
 import { KitAristidThemeGeneral as m } from "../../theme/aristid/general/index.js";
-import { antdThemeConfig as T } from "../../theme/utils/tokens-mapper/index.js";
+import { antdThemeConfig as k } from "../../theme/utils/tokens-mapper/index.js";
 import { frFR as p } from "../../translation/fr-FR/index.js";
-import { enUS as k } from "../../translation/en-US/index.js";
-import { K as x, u as A } from "../../chunks/useKitLocale.96CdK3og.js";
-import { mapKitLocaleToAntdLocale as F } from "../../translation/utils/index.js";
-import { d as $ } from "../../chunks/notification-provider.9tbQyfg7.js";
+import { enUS as x } from "../../translation/en-US/index.js";
+import { K as A, u as F } from "../../chunks/useKitLocale.96CdK3og.js";
+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.gEgrFVBe.js";
+import "../../chunks/index.5APxIwyy.js";
 import { KitEmpty as c } from "../DataDisplay/Empty/index.js";
 import "../DataDisplay/Error/index.js";
 import "../DataDisplay/IdCard/index.js";
@@ -33,11 +33,11 @@ const j = b`
     ${(o) => u(o.customTheme)};
   }
 `, R = "aristid-ds-global", _ = ({ children: o, customTheme: r, id: i }) => {
-  const [t, e] = f(null), { theme: v, appId: l, spacing: g } = G(i, r);
+  const [t, e] = f(null), { theme: v, appId: l, spacing: K } = G(i, r);
   return h(() => {
     const s = u(m, "--general");
     e(s);
-  }, []), n(I.Provider, { value: { theme: v, appId: l, spacing: g }, children: t !== null && d(K, { children: [n(E, { id: R, hasSourceMap: !1, children: `
+  }, []), n(T.Provider, { value: { theme: v, appId: l, spacing: K }, children: t !== null && d(g, { children: [n(E, { id: R, hasSourceMap: !1, children: `
                             :root{
                                 ${Object.keys(t).map((s) => `${s}: ${t[s]}`).join(";")}
                             }
@@ -48,7 +48,7 @@ const j = b`
   return { theme: m, appId: t.current, spacing: e };
 }, N = ({ children: o }) => {
   const r = U();
-  return n(x.Provider, { value: r, children: o });
+  return n(A.Provider, { value: r, children: o });
 }, U = () => {
   const [o, r] = f(p);
   return { locale: o, setKitLocale: (t) => {
@@ -56,19 +56,19 @@ const j = b`
       const e = a(p, t);
       r(e);
     } else {
-      const e = a(k, t);
+      const e = a(x, t);
       r(e);
     }
   } };
-}, gr = ({ children: o, locale: r, customTheme: i, id: t }) => n(_, { customTheme: i, id: t, children: n(N, { children: n(V, { locale: r, children: o }) }) }), V = ({ children: o, locale: r }) => {
-  const { locale: i, setKitLocale: t } = A();
+}, Kr = ({ children: o, locale: r, customTheme: i, id: t }) => n(_, { customTheme: i, id: t, children: n(N, { children: n(V, { locale: r, children: o }) }) }), V = ({ children: o, locale: r }) => {
+  const { locale: i, setKitLocale: t } = F();
   return S(() => {
     r !== void 0 && t(r);
-  }, [r, t]), n(P, { theme: T, locale: F(r), renderEmpty: () => {
+  }, [r, t]), n(P, { theme: k, locale: I(r), renderEmpty: () => {
     var e;
     return n(c, { className: "default-render", image: c.ASSET_LIST, description: (e = i.Empty) === null || e === void 0 ? void 0 : e.noData });
   }, children: d($, { children: [n(C, {}), o] }) });
 };
 export {
-  gr as KitApp
+  Kr as KitApp
 };

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.gEgrFVBe.js";
+import { K as y } from "../../../chunks/index.5APxIwyy.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.gEgrFVBe.js";
+import { b as e } from "../../../chunks/index.5APxIwyy.js";
 export {
   e as KitCollapse
 };

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.gEgrFVBe.js";
+import { a as u } from "../../../chunks/index.5APxIwyy.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.gEgrFVBe.js";
+import { c as M } from "../../../chunks/index.5APxIwyy.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -25,10 +25,10 @@ const N = {
   },
   body: {
     cell: ({ children: l, className: o, style: n, title: e, rowSpan: s, colSpan: c, ...d }) => {
-      var a, u;
+      var a, b;
       const v = (a = t == null ? void 0 : t.body) === null || a === void 0 ? void 0 : a.cell, i = m(o);
-      let b = "";
-      return !((u = i.antCell) === null || u === void 0) && u.includes("ant-table-cell-ellipsis") && (b = e), r("td", { className: i.antCell, style: n, title: b, rowSpan: s, colSpan: c, children: r("div", { className: i.internalCell, children: v ? r(v, { title: e, ...d, children: l }) : l }) });
+      let u = "";
+      return !((b = i.antCell) === null || b === void 0) && b.includes("ant-table-cell-ellipsis") && (u = e), r("td", { className: i.antCell, style: n, title: u, rowSpan: s, colSpan: c, children: r("div", { className: i.internalCell, children: v ? r(v, { title: e, ...d, children: l }) : l }) });
     },
     row: ({ children: l, ...o }) => {
       var n;
@@ -51,10 +51,10 @@ const N = {
   }
   return r(_, { color: o, icon: r(h, { icon: l }) });
 }, g = ({ className: t, style: l, cellsBackgroundColor: o, columns: n, onChange: e, components: s, ...c }) => {
-  const { appId: d } = w(), a = I(d, N["kit-table"], t), u = n == null ? void 0 : n.map((i) => (i.sorter && (i.sortIcon = ({ sortOrder: b }) => r(K, { sortOrder: b })), i)), v = (i, b, p, f) => {
+  const { appId: d } = w(), a = I(d, N["kit-table"], t), b = n == null ? void 0 : n.map((i) => (i.sorter && (i.sortIcon = ({ sortOrder: u }) => r(K, { sortOrder: u })), i)), v = (i, u, p, f) => {
     e == null || e(i, p, f);
   };
-  return r(C, { className: a, style: { "--kit-table-cells-background-color": o, ...l }, columns: u, components: T(s), onChange: v, ...c });
+  return r(C, { className: a, style: { "--kit-table-cells-background-color": o, ...l }, columns: b, components: T(s), onChange: v, ...c });
 };
 g.displayName = "KitTable";
 export {

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

@@ -1,4 +1,4 @@
-import { d as r } from "../../../chunks/index.gEgrFVBe.js";
+import { d as r } from "../../../chunks/index.5APxIwyy.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.gEgrFVBe.js";
+import { K, b as m, a as p, c as f, d as x } from "../../chunks/index.5APxIwyy.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.gEgrFVBe.js";
+import { e as s } from "../../../chunks/index.5APxIwyy.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.gEgrFVBe.js";
+import { e as d } from "../../chunks/index.5APxIwyy.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/Notification/index.js

@@ -1,4 +1,4 @@
-import { K as o, u as a } from "../../../chunks/KitNotification.-Rnvel2X.js";
+import { K as o, u as a } from "../../../chunks/KitNotification.eFNdYjE1.js";
 export {
   o as KitNotification,
   a as useKitNotification

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

@@ -1,26 +1,26 @@
 import "../../../assets/index26.css";
-import { I as h } from "../../../chunks/SnackBarProvider.iuCIyLXl.js";
+import { K as h } from "../../../chunks/SnackBarProvider.xMKXdZ88.js";
 import { jsxs as v, jsx as a } from "react/jsx-runtime";
 import { toast as k } from "react-hot-toast";
 import { u as b } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as N } from "@fortawesome/react-fontawesome";
 import { faXmark as f } from "@fortawesome/free-solid-svg-icons";
 import B from "classnames";
-const S = {
+const K = {
   "kit-snackbar": "_kit-snackbar_1k0m4_2"
-}, g = ({ message: t, className: c, ctaText: n, ctaOnClick: r, closable: o, style: m }) => {
-  const { appId: d } = b(), s = n !== void 0 && r !== void 0, e = o !== void 0, l = `auto ${s ? "min-content" : ""} ${e ? "12px" : ""}`, p = B(d, S["kit-snackbar"], c, {
+}, S = ({ message: t, className: c, ctaText: n, ctaOnClick: r, closable: o, style: m }) => {
+  const { appId: d } = b(), s = n !== void 0 && r !== void 0, e = o !== void 0, l = `auto ${s ? "min-content" : ""} ${e ? "12px" : ""}`, p = B(d, K["kit-snackbar"], c, {
     "with-close-container": e,
     "with-cta-container": s
   });
   return v("div", { style: { ...m, gridTemplateColumns: l }, className: p, children: [a("div", { className: "kit-snackbar-grid kit-snackbar-grid-one", children: a("div", { className: "kit-snackbar-title", children: t }) }), s && a("div", { className: "kit-snackbar-grid kit-snackbar-grid-two", children: a("div", { className: "kit-snackbar-cta-container", onClick: () => {
     r(), i();
   }, children: a("div", { className: "kit-snackbar-cta", children: n }) }) }), e && a("div", { className: "kit-snackbar-grid kit-snackbar-grid-three", children: a("div", { className: "kit-snackbar-close-container", onClick: () => i(), children: a(N, { icon: f }) }) })] });
-}, u = g, w = 4e3, C = ({ message: t, closable: c, ctaText: n, ctaOnClick: r, duration: o = w }) => (i(), k(a(u, { message: t, ctaText: n, ctaOnClick: r, closable: c }), {
+}, g = S, u = 4e3, w = ({ message: t, closable: c, ctaText: n, ctaOnClick: r, duration: o = u }) => (i(), k(a(g, { message: t, ctaText: n, ctaOnClick: r, closable: c }), {
   duration: o
 })), i = () => {
   k.remove();
-}, y = C, D = i, F = h;
+}, y = w, D = i, F = h;
 export {
   F as KitSnackBarProvider,
   D as closeKitSnackBar,

package/dist/Kit/Feedback/index.js

@@ -2,7 +2,7 @@ import { KitAlert as t } from "./Alert/index.js";
 import { KitModal as a } from "./Modal/index.js";
 import { KitProgress as K } from "./Progress/index.js";
 import { KitSnackBarProvider as c, closeKitSnackBar as n, openKitSnackBar as p } from "./SnackBar/index.js";
-import { K as m, u as x } from "../../chunks/KitNotification.-Rnvel2X.js";
+import { K as m, u as x } from "../../chunks/KitNotification.eFNdYjE1.js";
 export {
   t as KitAlert,
   a as KitModal,

package/dist/Kit/Layout/Grid/index.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Row as r, Col as n } from "antd";
-const i = (o) => t(r, { ...o }), l = i, s = (o) => t(n, { ...o }), e = s, c = {
+import { Row as i, Col as n } from "antd";
+const r = (o) => t(i, { ...o }), l = r, s = (o) => t(n, { ...o }), c = s, m = {
   Row: l,
-  Col: e
+  Col: c
 };
-c.displayName = "KitGrid";
+m.displayName = "KitGrid";
 export {
-  c as KitGrid
+  m as KitGrid
 };

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

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

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

@@ -1,4 +1,4 @@
-import { h as r } from "../../../chunks/index.gEgrFVBe.js";
+import { h as r } from "../../../chunks/index.5APxIwyy.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.gEgrFVBe.js";
+import { f as A } from "../../../chunks/index.5APxIwyy.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -2,12 +2,12 @@ import { jsx as c } from "react/jsx-runtime";
 import { Pagination as d } from "antd";
 import { u as p } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import f from "classnames";
-import { s as u } from "../../../chunks/styles.module.x1Oajwjm.js";
-const P = ({ className: i, bordered: r, ...t }) => {
-  const { appId: n } = p(), o = (a, s, e) => t.itemRender ? t.itemRender(a, s, e) : e, m = f(n, u["kit-pagination"], i, {
-    "kit-pagination-bordered": r
+import { s as R } from "../../../chunks/styles.module.x1Oajwjm.js";
+const P = ({ className: i, bordered: o, ...t }) => {
+  const { appId: n } = p(), r = (a, s, e) => t.itemRender ? t.itemRender(a, s, e) : e, m = f(n, R["kit-pagination"], i, {
+    "kit-pagination-bordered": o
   });
-  return c(d, { ...t, itemRender: o, className: m });
+  return c(d, { ...t, itemRender: r, className: m });
 };
 export {
   P as KitPagination

package/dist/Kit/Navigation/index.js

@@ -1,6 +1,6 @@
 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.gEgrFVBe.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";
 export {

package/dist/Kit/index.js

@@ -1,6 +1,6 @@
 import { KitAvatar as o } from "./DataDisplay/Avatar/index.js";
 import { KitBadge as a } from "./DataDisplay/Badge/index.js";
-import { K as n, b as s, g as p, a as A, c as m, h as f, f as K, e as l, d as x } from "../chunks/index.gEgrFVBe.js";
+import { K as n, b as s, g as p, a as A, c as m, h as f, f as K, e as l, d as x } from "../chunks/index.5APxIwyy.js";
 import { KitEmpty as d } from "./DataDisplay/Empty/index.js";
 import { KitError as T } from "./DataDisplay/Error/index.js";
 import { KitIdCard as S } from "./DataDisplay/IdCard/index.js";
@@ -27,7 +27,7 @@ import { KitAlert as nt } from "./Feedback/Alert/index.js";
 import { KitModal as pt } from "./Feedback/Modal/index.js";
 import { KitProgress as mt } from "./Feedback/Progress/index.js";
 import { KitSnackBarProvider as Kt, closeKitSnackBar as lt, openKitSnackBar as xt } from "./Feedback/SnackBar/index.js";
-import { K as dt, u as ut } from "../chunks/KitNotification.-Rnvel2X.js";
+import { K as dt, u as ut } from "../chunks/KitNotification.eFNdYjE1.js";
 import { KitButton as Ct } from "./General/Button/index.js";
 import { KitTypography as gt } from "./General/Typography/index.js";
 import { KitIcon as kt } from "./General/Icon/index.js";

package/dist/chunks/{KitNotification.-Rnvel2X.js → KitNotification.eFNdYjE1.js}

@@ -1,6 +1,6 @@
 import "../assets/KitNotification.css";
 import { useContext as h } from "react";
-import { K as g, g as x, a as N, b as K, c as b } from "./notification-provider.9tbQyfg7.js";
+import { K as g, g as x, a as N, b as K, c as b } from "./notification-provider.pUKOxZw6.js";
 import { jsx as i, jsxs as w } from "react/jsx-runtime";
 import v from "classnames";
 import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";

package/dist/chunks/SnackBarProvider.xMKXdZ88.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as a, useEffect as s } from "react";
+import { Toaster as n } from "react-hot-toast";
+const l = {
+  background: "initial",
+  padding: "initial",
+  color: "initial",
+  boxShadow: "initial",
+  lineHeight: "initial",
+  display: "initial",
+  alignItems: "initial",
+  borderRadius: "initial"
+}, i = "aristid-ds-toaster", S = () => {
+  const [o, e] = a(!0);
+  return s(() => {
+    const r = document.querySelector(`.${i}`);
+    e(!!r);
+  }, []), o ? t("div", {}) : t(n, { containerClassName: i, position: "bottom-center", toastOptions: { style: l } });
+};
+export {
+  S as K
+};