@clubmed/trident-ui 1.0.0-alpha.34 → 1.0.0-alpha.36

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # ClubMed React UI components changelog
 
+# [1.0.0-alpha.36](https://scm.clubmed.com/clubmed/cm-trident-ui/compare/v1.0.0-alpha.35...v1.0.0-alpha.36) (2024-04-08)
+
+
+### Bug Fixes
+
+* fix storybook preview WIP, problem with icons ([0ffe9c1](https://scm.clubmed.com/clubmed/cm-trident-ui/-/commit/0ffe9c179e9d40e272e213039a184ee25d8a21a8))
+* **icons:** fix undefined of .get when the getIcon is used during the icon loading state ([4069be1](https://scm.clubmed.com/clubmed/cm-trident-ui/-/commit/4069be13b2a4d737162ed5e3d458b798715018c3))
+
+# [1.0.0-alpha.35](https://scm.clubmed.com/clubmed/cm-trident-ui/compare/v1.0.0-alpha.34...v1.0.0-alpha.35) (2024-04-03)
+
+
+### Bug Fixes
+
+* **icons:** add exports and change the path of emitted icon configuration ([9d032dc](https://scm.clubmed.com/clubmed/cm-trident-ui/-/commit/9d032dc59f5cd30379ece968ce61dd9878ff5762))
+
 # [1.0.0-alpha.34](https://scm.clubmed.com/clubmed/cm-trident-ui/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2024-04-03)
 
 

package/README.md

@@ -214,7 +214,7 @@ Trident UI provide function to register any external Svg icons (or font) without
 a custom Icon component. Just use `registerSvgIcon` or `registerFontIcon` to add your new icon:
 
 ```tsx
-import { registerSvgIcon } from '@/atoms/Icons/';
+import { registerSvgIcon } from '@/atoms/Icons/svg';
 registerSvgIcon({
   name: 'MyCustomIcon',
   group: 'custom',

package/atoms/Icons/IconsResolver.d.ts

@@ -42,6 +42,6 @@ export declare function registerIcon<Props extends IconProps = IconProps>(props:
  * @param register
  */
 export declare function registerIconsFactory<Props extends IconProps = IconProps>(register: (props: Omit<IconResolverProps<Props>, 'component'>) => void): (group: string, icons: Omit<IconResolverProps<Props>, 'component'>[]) => void;
-export declare function getIcon<Props extends IconProps = IconProps>(key: string, type?: string): IconsRegistryValue<Props>;
+export declare function getIcon<Props extends IconProps = IconProps>(key: string, type?: string): IconsRegistryValue<Props> | undefined;
 export declare function getIcons(type: string): IconsRegistryValue<IconProps>[];
 export declare function getIconsByType(type: string): Map<string, IconsRegistryValue>;

package/atoms/Icons/IconsResolver.js

@@ -1,25 +1,27 @@
 import { ORIENTATIONS as a } from "./hooks/useIconOrientation.js";
 const o = /* @__PURE__ */ new Map();
 function I(t) {
-  const e = t.type || "default", r = c(e) || /* @__PURE__ */ new Map();
-  o.set(e, r);
-  const n = t.name + f(t.orientation);
-  r.set(n, { ...t, type: e, key: n });
+  const e = t.type || "default", n = c(e) || /* @__PURE__ */ new Map();
+  o.set(e, n);
+  const r = t.name + f(t.orientation);
+  n.set(r, { ...t, type: e, key: r });
 }
 function l(t) {
-  return (e, r) => {
-    r.flatMap(({ name: n, withOrientation: i, ...s }) => (i ? Object.keys(a) : [""]).map((u) => ({
-      ...s,
-      name: n,
+  return (e, n) => {
+    n.flatMap(({ name: r, withOrientation: s, ...i }) => (s ? Object.keys(a) : [""]).map((u) => ({
+      ...i,
+      name: r,
       orientation: u
-    }))).forEach((n) => t({
-      ...n,
+    }))).forEach((r) => t({
+      ...r,
       group: e
     }));
   };
 }
 function m(t, e = "default") {
-  return e === "default" && (e = o.keys().next().value), c(e).get(t);
+  e === "default" && (e = o.keys().next().value);
+  const n = c(e);
+  return n == null ? void 0 : n.get(t);
 }
 function p(t) {
   const e = c(t);

package/atoms/Icons/fonts/{Actions/index.js → Actions.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as e } from "../FontIconResolver.js";
+import { registerFontIcons as e } from "./FontIconResolver.js";
 e("actions", [
   {
     name: "ArrowDefault",

package/atoms/Icons/fonts/{Activities/index.js → Activities.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as n } from "../FontIconResolver.js";
+import { registerFontIcons as n } from "./FontIconResolver.js";
 n("activities", [
   {
     name: "AmazingFamily"

package/atoms/Icons/fonts/{Brand/index.js → Brand.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as e } from "../FontIconResolver.js";
+import { registerFontIcons as e } from "./FontIconResolver.js";
 e("brand", [
   {
     name: "AllInclusiveDefault"

package/atoms/Icons/fonts/{Covid/index.js → Covid.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as a } from "../FontIconResolver.js";
+import { registerFontIcons as a } from "./FontIconResolver.js";
 a("covid", [
   {
     name: "Capacity"

package/atoms/Icons/fonts/FontIcon.js

@@ -1,22 +1,23 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as m } from "../../../index-Cu0xwYjD.js";
-import { useIconOrientation as l } from "../hooks/useIconOrientation.js";
-function p(o) {
-  const { prefix: n = "tui", name: t, className: e, color: i = "inherit", style: r } = o, s = `text-${i}`, { transform: a } = l(o);
+import { c as l } from "../../../index-Cu0xwYjD.js";
+import { useIconOrientation as m } from "../hooks/useIconOrientation.js";
+function u(t) {
+  const { prefix: n = "tui", name: o, className: e, color: i = "inherit", style: r } = t, a = `text-${i}`, { transform: s } = m(t);
   return /* @__PURE__ */ c(
     "i",
     {
-      className: m([n, t].join("-"), s, e),
+      className: l([n, o].join("-"), a, e),
       role: "presentation",
-      "aria-label": `Icon ${t}`,
+      "aria-label": `Icon ${o}`,
       style: {
         ...r,
-        fontSize: o.width || "16px",
-        transform: a
+        lineHeight: t.width || "16px",
+        fontSize: t.width || "16px",
+        transform: s
       }
     }
   );
 }
 export {
-  p as FontIcon
+  u as FontIcon
 };

package/atoms/Icons/fonts/{Food/index.js → Food.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as e } from "../FontIconResolver.js";
+import { registerFontIcons as e } from "./FontIconResolver.js";
 e("food", [
   {
     name: "Bar"

package/atoms/Icons/fonts/{HappyToCare/index.js → HappyToCare.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as e } from "../FontIconResolver.js";
+import { registerFontIcons as e } from "./FontIconResolver.js";
 e("happy-to-care", [
   {
     name: "ActionsAgainstSexualTourism"

package/atoms/Icons/fonts/{Places/index.js → Places.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as e } from "../FontIconResolver.js";
+import { registerFontIcons as e } from "./FontIconResolver.js";
 e("places", [
   {
     name: "BabyCleaning"

package/atoms/Icons/fonts/{Room/index.js → Room.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as e } from "../FontIconResolver.js";
+import { registerFontIcons as e } from "./FontIconResolver.js";
 e("room", [
   {
     name: "AC"

package/atoms/Icons/fonts/{Services/index.js → Services.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as e } from "../FontIconResolver.js";
+import { registerFontIcons as e } from "./FontIconResolver.js";
 e("services", [
   {
     name: "AllInclusive"

package/atoms/Icons/fonts/{Socials/index.js → Socials.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as e } from "../FontIconResolver.js";
+import { registerFontIcons as e } from "./FontIconResolver.js";
 e("socials", [
   {
     name: "Facebook"

package/atoms/Icons/fonts/{Transports/index.js → Transports.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as n } from "../FontIconResolver.js";
+import { registerFontIcons as n } from "./FontIconResolver.js";
 n("transports", [
   {
     name: "Boat"

package/atoms/Icons/fonts/{Utilities/index.js → Utilities.js}

@@ -1,4 +1,4 @@
-import { registerFontIcons as e } from "../FontIconResolver.js";
+import { registerFontIcons as e } from "./FontIconResolver.js";
 e("utilities", [
   {
     name: "360Videos"

package/atoms/Icons/svg/Actions.js

@@ -0,0 +1,140 @@
+import { lazy as e } from "react";
+import { registerSvgIcons as m } from "./SvgIconResolver.js";
+m("actions", [
+  {
+    name: "ArrowDefault",
+    withOrientation: !0,
+    element: e(() => import("../../../ArrowDefault-BiqeV8PZ.js"))
+  },
+  {
+    name: "ArrowFilled",
+    withOrientation: !0,
+    element: e(() => import("../../../ArrowFilled-k9TnBOwE.js"))
+  },
+  {
+    name: "ArrowOutlined",
+    withOrientation: !0,
+    element: e(() => import("../../../ArrowOutlined-cWcTSrOH.js"))
+  },
+  {
+    name: "ArrowTail",
+    withOrientation: !0,
+    element: e(() => import("../../../ArrowTail-CS-uzwPb.js"))
+  },
+  {
+    name: "CheckDefault",
+    element: e(() => import("../../../CheckDefault-B0P_NN5g.js"))
+  },
+  {
+    name: "CheckFilled",
+    element: e(() => import("../../../CheckFilled-CE6y7dBG.js"))
+  },
+  {
+    name: "CheckOutlined",
+    element: e(() => import("../../../CheckOutlined-7mZHsoR-.js"))
+  },
+  {
+    name: "Clipboard",
+    element: e(() => import("../../../Clipboard-CkbT20Cu.js"))
+  },
+  {
+    name: "Compare",
+    element: e(() => import("../../../Compare-DeKr3XtK.js"))
+  },
+  {
+    name: "CrossDefault",
+    element: e(() => import("../../../CrossDefault-D5SEO1Ue.js"))
+  },
+  {
+    name: "CrossFilled",
+    element: e(() => import("../../../CrossFilled-7sdPQqyd.js"))
+  },
+  {
+    name: "CrossOutlined",
+    element: e(() => import("../../../CrossOutlined-MknnAT2h.js"))
+  },
+  {
+    name: "Delete",
+    element: e(() => import("../../../Delete-BjMr32Pg.js"))
+  },
+  {
+    name: "Download",
+    element: e(() => import("../../../Download-Lq9c9TkL.js"))
+  },
+  {
+    name: "Edit",
+    element: e(() => import("../../../Edit-DbzfF0dw.js"))
+  },
+  {
+    name: "Error",
+    element: e(() => import("../../../Error-BfEIgIF7.js"))
+  },
+  {
+    name: "Expand",
+    element: e(() => import("../../../Expand-h_S8qrr7.js"))
+  },
+  {
+    name: "HeartFilled",
+    element: e(() => import("../../../HeartFilled-8fRnEiDP.js"))
+  },
+  {
+    name: "HeartOutlined",
+    element: e(() => import("../../../HeartOutlined-XQv25lRB.js"))
+  },
+  {
+    name: "Information",
+    element: e(() => import("../../../Information-DpUDpqmi.js"))
+  },
+  {
+    name: "MinusDefault",
+    element: e(() => import("../../../MinusDefault-DnR1pygW.js"))
+  },
+  {
+    name: "MinusFilled",
+    element: e(() => import("../../../MinusFilled-D2YjqecH.js"))
+  },
+  {
+    name: "MinusOutlined",
+    element: e(() => import("../../../MinusOutlined-DGUgx9K_.js"))
+  },
+  {
+    name: "New",
+    element: e(() => import("../../../New-Bq0Z2Sym.js"))
+  },
+  {
+    name: "PlusDefault",
+    element: e(() => import("../../../PlusDefault-B5UkFiiW.js"))
+  },
+  {
+    name: "PlusFilled",
+    element: e(() => import("../../../PlusFilled-BswWOlrV.js"))
+  },
+  {
+    name: "PlusOutlined",
+    element: e(() => import("../../../PlusOutlined-CFAmW8tY.js"))
+  },
+  {
+    name: "Reduce",
+    element: e(() => import("../../../Reduce-DyOKdeM_.js"))
+  },
+  {
+    name: "Reload",
+    element: e(() => import("../../../Reload-DYIQpHzz.js"))
+  },
+  {
+    name: "Search",
+    element: e(() => import("../../../Search-Bg4l7XhB.js"))
+  },
+  {
+    name: "Share",
+    element: e(() => import("../../../Share-dc4d21Ya.js"))
+  },
+  {
+    name: "StarFilled",
+    element: e(() => import("../../../StarFilled-B54CCecS.js"))
+  },
+  {
+    name: "StarOutlined",
+    element: e(() => import("../../../StarOutlined-B5D3RwXQ.js"))
+  }
+]);

package/atoms/Icons/svg/Activities.js

@@ -0,0 +1,184 @@
+import { lazy as e } from "react";
+import { registerSvgIcons as m } from "./SvgIconResolver.js";
+m("activities", [
+  {
+    name: "AmazingFamily",
+    element: e(() => import("../../../AmazingFamily-UMqyuGnM.js"))
+  },
+  {
+    name: "Archery",
+    element: e(() => import("../../../Archery-Dtnntwgv.js"))
+  },
+  {
+    name: "Badminton",
+    element: e(() => import("../../../Badminton-DR1FtVYg.js"))
+  },
+  {
+    name: "BocceBall",
+    element: e(() => import("../../../BocceBall-BPfz24c8.js"))
+  },
+  {
+    name: "Cardio",
+    element: e(() => import("../../../Cardio-DlybRsK4.js"))
+  },
+  {
+    name: "Circus",
+    element: e(() => import("../../../Circus-CL_1iR_I.js"))
+  },
+  {
+    name: "Climbing",
+    element: e(() => import("../../../Climbing-KXE8TEdi.js"))
+  },
+  {
+    name: "Danse",
+    element: e(() => import("../../../Danse-B0oeISGF.js"))
+  },
+  {
+    name: "Fitness",
+    element: e(() => import("../../../Fitness-DA1GLCyU.js"))
+  },
+  {
+    name: "Golf",
+    element: e(() => import("../../../Golf-eagnOg2P.js"))
+  },
+  {
+    name: "HamamMen",
+    element: e(() => import("../../../HamamMen-CpRm4U9F.js"))
+  },
+  {
+    name: "HamamWomen",
+    element: e(() => import("../../../HamamWomen-DS4T9840.js"))
+  },
+  {
+    name: "Hiking",
+    element: e(() => import("../../../Hiking-Cx0meiKS.js"))
+  },
+  {
+    name: "HorseRiding",
+    element: e(() => import("../../../HorseRiding-BqaB1Dh8.js"))
+  },
+  {
+    name: "IceSkating",
+    element: e(() => import("../../../IceSkating-DHCdsiFr.js"))
+  },
+  {
+    name: "Kayak",
+    element: e(() => import("../../../Kayak-DX8hHge_.js"))
+  },
+  {
+    name: "Kitesurf",
+    element: e(() => import("../../../Kitesurf-B1GQLHvd.js"))
+  },
+  {
+    name: "Multisports",
+    element: e(() => import("../../../Multisports-B93C5Xvc.js"))
+  },
+  {
+    name: "Paddle",
+    element: e(() => import("../../../Paddle-BzJQxwAV.js"))
+  },
+  {
+    name: "PaddleTennis",
+    element: e(() => import("../../../PaddleTennis-DqmegNfg.js"))
+  },
+  {
+    name: "PickleBall",
+    element: e(() => import("../../../PickleBall-DHMqXfBz.js"))
+  },
+  {
+    name: "Running",
+    element: e(() => import("../../../Running-WcI1frOJ.js"))
+  },
+  {
+    name: "Sailing",
+    element: e(() => import("../../../Sailing-tSokty4S.js"))
+  },
+  {
+    name: "SaunaMen",
+    element: e(() => import("../../../SaunaMen-BMkL5IYm.js"))
+  },
+  {
+    name: "SaunaWomen",
+    element: e(() => import("../../../SaunaWomen-DkHX-y6c.js"))
+  },
+  {
+    name: "ScubaDiving",
+    element: e(() => import("../../../ScubaDiving-BdtXRMqi.js"))
+  },
+  {
+    name: "Ski",
+    element: e(() => import("../../../Ski-Bxw3wCHI.js"))
+  },
+  {
+    name: "Snorkeling",
+    element: e(() => import("../../../Snorkeling-BU4ERvHO.js"))
+  },
+  {
+    name: "Snowboard",
+    element: e(() => import("../../../Snowboard-sIGnJcuR.js"))
+  },
+  {
+    name: "Snowshoeing",
+    element: e(() => import("../../../Snowshoeing-DLT8zncN.js"))
+  },
+  {
+    name: "Surf",
+    element: e(() => import("../../../Surf-Dy-bP6_z.js"))
+  },
+  {
+    name: "TableTennis",
+    element: e(() => import("../../../TableTennis-oEB-rixS.js"))
+  },
+  {
+    name: "Tennis",
+    element: e(() => import("../../../Tennis-Icxdp2dM.js"))
+  },
+  {
+    name: "ThaiBoxing",
+    element: e(() => import("../../../ThaiBoxing-D9j8kwFF.js"))
+  },
+  {
+    name: "Trapeze",
+    element: e(() => import("../../../Trapeze-BzI-o3t5.js"))
+  },
+  {
+    name: "TreeClimbing",
+    element: e(() => import("../../../TreeClimbing-CRhfh0ne.js"))
+  },
+  {
+    name: "VTT",
+    element: e(() => import("../../../VTT-D5ArO3N3.js"))
+  },
+  {
+    name: "Volleyball",
+    element: e(() => import("../../../Volleyball-BdiuPPTW.js"))
+  },
+  {
+    name: "WaterSkiing",
+    element: e(() => import("../../../WaterSkiing-CbtbzGJ9.js"))
+  },
+  {
+    name: "WaterVolley",
+    element: e(() => import("../../../WaterVolley-B0vM03BM.js"))
+  },
+  {
+    name: "Waterpolo",
+    element: e(() => import("../../../Waterpolo-BRzcEca_.js"))
+  },
+  {
+    name: "Windsurf",
+    element: e(() => import("../../../Windsurf-B3AuFoMx.js"))
+  },
+  {
+    name: "Wingfoil",
+    element: e(() => import("../../../Wingfoil-Bh1Hk3M1.js"))
+  },
+  {
+    name: "WinterHiking",
+    element: e(() => import("../../../WinterHiking-DLT8zncN.js"))
+  },
+  {
+    name: "Yoga",
+    element: e(() => import("../../../Yoga-Cbyb3kFi.js"))
+  }
+]);

package/atoms/Icons/svg/Brand.js

@@ -0,0 +1,85 @@
+import { lazy as e } from "react";
+import { registerSvgIcons as m } from "./SvgIconResolver.js";
+m("brand", [
+  {
+    name: "AllInclusiveDefault",
+    element: e(() => import("../../../AllInclusiveDefault-DpLz1-Lq.js"))
+  },
+  {
+    name: "AllInclusiveDonations",
+    element: e(() => import("../../../AllInclusiveDonations-DV79RTMu.js"))
+  },
+  {
+    name: "AllInclusiveFlexible",
+    element: e(() => import("../../../AllInclusiveFlexible-D5ggnwHi.js"))
+  },
+  {
+    name: "BabyClubMed",
+    aspectRatio: 72 / 72,
+    viewBox: "0 0 160 72",
+    element: e(() => import("../../../BabyClubMed-B5g6uZ-O.js"))
+  },
+  {
+    name: "Bars",
+    element: e(() => import("../../../Bars-D_jcpwXc.js"))
+  },
+  {
+    name: "ChillPass",
+    aspectRatio: 95 / 95,
+    viewBox: "0 0 79 95",
+    element: e(() => import("../../../ChillPass-DBZKFgOO.js"))
+  },
+  {
+    name: "ClubMed",
+    aspectRatio: 24 / 24,
+    viewBox: "0 0 120 24",
+    element: e(() => import("../../../ClubMed-BWJUuaUz.js"))
+  },
+  {
+    name: "Diamond",
+    element: e(() => import("../../../Diamond-DUFBhNdu.js"))
+  },
+  {
+    name: "ExclusiveCollection",
+    element: e(() => import("../../../ExclusiveCollection-yLCrP3N9.js"))
+  },
+  {
+    name: "HappyToCare",
+    viewBox: "0 0 108 108",
+    element: e(() => import("../../../HappyToCare-BablLa3K.js"))
+  },
+  {
+    name: "HappyToCareSmall",
+    element: e(() => import("../../../HappyToCareSmall-ISo4npBk.js"))
+  },
+  {
+    name: "MiniClubMed",
+    aspectRatio: 55 / 55,
+    viewBox: "0 0 111 55",
+    element: e(() => import("../../../MiniClubMed-B5YRDS9W.js"))
+  },
+  {
+    name: "OnDemand",
+    element: e(() => import("../../../OnDemand-c76OOO6e.js"))
+  },
+  {
+    name: "PetitClubMed",
+    aspectRatio: 70 / 70,
+    viewBox: "0 0 160 70",
+    element: e(() => import("../../../PetitClubMed-BsykfPaH.js"))
+  },
+  {
+    name: "Restaurants",
+    element: e(() => import("../../../Restaurants-CdqS7OxA.js"))
+  },
+  {
+    name: "Teens",
+    aspectRatio: 48 / 48,
+    viewBox: "0 0 109 48",
+    element: e(() => import("../../../Teens-DWZacFwz.js"))
+  },
+  {
+    name: "Trident",
+    element: e(() => import("../../../Trident-wrYGwe5X.js"))
+  }
+]);