@hortiview/shared-components 1.9.0 → 1.11.0

package/dist/components/OverflowTooltip/OverflowTooltip.test.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { T as n } from "../../index.es-CF_xy2ns.js";
+import { b as n } from "../../index.es-D54RuMc_.js";
 import { a as i, s as e, w as s } from "../../react.esm-CX1WJ2Pp.js";
 import { u as a } from "../../index-I7uTh4Tr.js";
 import { OverflowTooltip as c } from "./OverflowTooltip.js";
-import { d as u, t as p, g as r } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as u, t as p, g as r } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 u("OverflowTooltip Test", () => {
   p("should render OverflowTooltip on hover", async () => {
     Object.defineProperty(HTMLElement.prototype, "clientWidth", {

package/dist/components/Scrollbar/scrollbar.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { a, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { ScrollbarY as d, ScrollbarX as l } from "./Scrollbar.js";
-import { d as c, t, g as o } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as c, t, g as o } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 c("Scrollbar", () => {
   t("should render Y correctly", () => {
     a(/* @__PURE__ */ s("div", { "data-testid": "div", className: d }));

package/dist/components/SearchBar/SearchBar.test.js

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { a as r, s as t, f as h } from "../../react.esm-CX1WJ2Pp.js";
 import { act as l } from "react";
 import { SearchBar as s } from "./SearchBar.js";
-import { d as m, t as o, v as n, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as m, t as o, a as n, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 m("SearchBar Test", () => {
   o("renders SearchBar component", () => {
     r(

package/dist/components/Select/Select.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { S as f } from "../../index.es-UHKFl8Da.js";
+import { S as f } from "../../index.es-BNHI3ZIK.js";
 import { useEffect as n } from "react";
 import { u as S } from "../../uniqueId-NU3-C36A.js";
 import '../../assets/Select.css';const p = "_customPortal_8wq49_1", $ = "_customSelect_8wq49_7", r = {

package/dist/components/Select/Select.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { a, s as c } from "../../react.esm-CX1WJ2Pp.js";
 import { Select as n } from "./Select.js";
-import { d as l, t as m, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as l, t as m, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 l("Select", () => {
   const o = [
     { value: "1", text: "Option 1" },

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+import { StepperProps } from './stepperTypes';
+
+/**
+ * A component that displays a stepper with a header, content, and navigation buttons.
+ *
+ * !! Be aware that the stepper is not a controlled component, so you need to manage the current step, content and loading state yourself.
+ * @param steps - An array of steps for the stepper.
+ * @param currentStep - The current step index.
+ * @param children - The content to be displayed in the stepper.
+ * @param nextButtonProps - Props for the next button, including onClick, label, and disabled state.
+ * @param prevButtonProps - Props for the previous button, including onClick, label, and disabled state.
+ * @param isStepLoading - A boolean indicating if the current step is loading. If true, the next button will be disabled and show a loading state.
+ * @returns
+ */
+export declare const Stepper: ({ steps, currentStep, children, isStepLoading, }: PropsWithChildren<StepperProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,54 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { G as o } from "../../index.es-DntoATwO.js";
+import { useMemo as s } from "react";
+import { StepperPreviousButton as l, StepperNextButton as d } from "./components/StepperButton.js";
+import { StepperHeader as m } from "./components/StepperHeader.js";
+import { s as c } from "../../stepper.module-HuqmDJPj.js";
+const A = ({
+  steps: e,
+  currentStep: t,
+  children: n,
+  isStepLoading: a
+}) => {
+  const p = s(() => t === e.length - 1, [t, e.length]);
+  return /* @__PURE__ */ i(
+    o,
+    {
+      "data-testid": "stepper",
+      fullWidth: !0,
+      direction: "vertical",
+      gap: "airy",
+      primaryAlign: "center",
+      secondaryAlign: "center",
+      children: [
+        /* @__PURE__ */ r(m, { steps: e, currentStep: t }),
+        /* @__PURE__ */ r(
+          o,
+          {
+            "data-testid": "stepper-content",
+            fullWidth: !0,
+            className: c.stepperContent,
+            gap: "airy",
+            secondaryAlign: "center",
+            direction: "vertical",
+            children: n
+          }
+        ),
+        /* @__PURE__ */ i(o, { "data-testid": "stepper-buttons", fullWidth: !0, secondaryAlign: "center", primaryAlign: "center", children: [
+          t !== 0 && /* @__PURE__ */ r(l, { ...e[t].prevButtonProps }),
+          /* @__PURE__ */ r(
+            d,
+            {
+              ...e[t].nextButtonProps,
+              isStepLoading: a,
+              isLastStep: p
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  A as Stepper
+};

package/dist/components/Stepper/Stepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Stepper/Stepper.test.js

@@ -0,0 +1,95 @@
+import { jsx as e } from "react/jsx-runtime";
+import { a as r, s as n, f as c } from "../../react.esm-CX1WJ2Pp.js";
+import { Stepper as l } from "./Stepper.js";
+import { v as s, d as a, t as p, g as o } from "../../vi.CjhMlMwf-CKxPQtd6.js";
+const i = [
+  {
+    name: "step1",
+    step: 0,
+    title: "Step 1",
+    optional: !1,
+    nextButtonProps: { onClick: s.fn(), label: "Next" },
+    prevButtonProps: { onClick: s.fn(), label: "Back" }
+  },
+  {
+    name: "step2",
+    step: 1,
+    title: "Step 2",
+    optional: !1,
+    nextButtonProps: { onClick: s.fn(), label: "Next" },
+    prevButtonProps: { onClick: s.fn(), label: "Back" }
+  },
+  {
+    name: "step3",
+    step: 2,
+    title: "Step 3",
+    optional: !0,
+    nextButtonProps: { onClick: s.fn(), label: "Finish" },
+    prevButtonProps: { onClick: s.fn(), label: "Back" }
+  }
+];
+a("Stepper", () => {
+  p("renders the stepper header and children", () => {
+    r(
+      /* @__PURE__ */ e(l, { steps: i, currentStep: 1, isStepLoading: !1, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
+    ), o(n.queryByText("Step 1")).not.toBeInTheDocument(), o(n.getByText("Step 2")).toBeInTheDocument(), o(n.queryByText("Step 3")).not.toBeInTheDocument(), o(n.getByText("Step Content")).toBeInTheDocument();
+  }), p("disables the next button when isStepLoading is true", () => {
+    r(
+      /* @__PURE__ */ e(l, { steps: i, currentStep: 1, isStepLoading: !0, children: /* @__PURE__ */ e("div", { children: "Step Content" }) })
+    );
+    const t = n.getByText("Next").closest("button");
+    o(t).toBeDisabled();
+  }), p("calls nextButtonProps.onClick when next button is clicked", () => {
+    const t = s.fn();
+    i[1].nextButtonProps.onClick = t, r(
+      /* @__PURE__ */ e(
+        l,
+        {
+          steps: i,
+          currentStep: 1,
+          isStepLoading: !1,
+          children: /* @__PURE__ */ e("div", { children: "Step Content" })
+        }
+      )
+    ), c.click(n.getByText("Next")), o(t).toHaveBeenCalled();
+  }), p("calls prevButtonProps.onClick when prev button is clicked", () => {
+    const t = s.fn();
+    i[1].prevButtonProps.onClick = t, r(
+      /* @__PURE__ */ e(
+        l,
+        {
+          steps: i,
+          currentStep: 1,
+          isStepLoading: !1,
+          children: /* @__PURE__ */ e("div", { children: "Step Content" })
+        }
+      )
+    ), c.click(n.getByText("Back")), o(t).toHaveBeenCalled();
+  }), p("does not render the prev button on the first step", () => {
+    r(
+      /* @__PURE__ */ e(
+        l,
+        {
+          steps: i,
+          currentStep: 0,
+          isStepLoading: !1,
+          children: /* @__PURE__ */ e("div", { children: "Step Content" })
+        }
+      )
+    ), o(n.queryByText("Back")).not.toBeInTheDocument();
+  }), p("renders the next button as submit on last step", () => {
+    r(
+      /* @__PURE__ */ e(
+        l,
+        {
+          steps: i,
+          currentStep: 2,
+          isStepLoading: !1,
+          children: /* @__PURE__ */ e("div", { children: "Step Content" })
+        }
+      )
+    );
+    const t = n.getByText("Finish").closest("button");
+    o(t).toHaveAttribute("type", "submit");
+  });
+});

package/dist/components/Stepper/components/StepperButton.d.ts

@@ -0,0 +1,25 @@
+import { StepperButtonProps } from '../stepperTypes';
+
+/**
+ * A button component for the stepper that is used to go to the previous step.
+ * @param label - The label of the button.
+ * @param onClick - The function to be called when the button is clicked.
+ * @param disabled - Whether the button is disabled or not.
+ * @param className - Additional class names to apply to the button.
+ * @returns
+ */
+export declare const StepperPreviousButton: ({ label, onClick, disabled, className, }: StepperButtonProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A button component for the stepper that is used to go to the next step.
+ * @param label - The label of the button.
+ * @param onClick - The function to be called when the button is clicked.
+ * @param disabled - Whether the button is disabled or not.
+ * @param className - Additional class names to apply to the button.
+ * @param isStepLoading - A boolean indicating if the current step is loading. If true, the next button will show a loading state and be disabled.
+ * @param isLastStep - A boolean indicating if this is the last step. If true, the button will submit the form instead of going to the next step.
+ * @returns
+ */
+export declare const StepperNextButton: ({ label, onClick, disabled, className, isStepLoading, isLastStep, }: StepperButtonProps & {
+    isStepLoading?: boolean;
+    isLastStep?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/components/StepperButton.js

@@ -0,0 +1,44 @@
+import { jsx as a } from "react/jsx-runtime";
+import { B as p } from "../../../index.es-CiqbARoC.js";
+import { s } from "../../../stepper.module-HuqmDJPj.js";
+const c = ({
+  label: t,
+  onClick: r,
+  disabled: e,
+  className: o
+}) => /* @__PURE__ */ a(
+  p,
+  {
+    "data-testid": "stepper-previous-button",
+    className: `${s.stepperButton} ${o ?? ""}`,
+    onClick: r,
+    disabled: e,
+    fullWidth: !0,
+    variant: "outlined",
+    leadingIcon: "arrow_back",
+    children: t
+  }
+), m = ({
+  label: t,
+  onClick: r,
+  disabled: e,
+  className: o,
+  isStepLoading: n,
+  isLastStep: u
+}) => /* @__PURE__ */ a(
+  p,
+  {
+    "data-testid": "stepper-next-button",
+    className: `${s.stepperButton} ${n ? s.stepperButtonLoading : ""} ${o ?? ""}`,
+    onClick: r,
+    disabled: n || e,
+    fullWidth: !0,
+    trailingIcon: n || u ? void 0 : "arrow_forward",
+    type: u ? "submit" : "button",
+    children: t
+  }
+);
+export {
+  m as StepperNextButton,
+  c as StepperPreviousButton
+};

package/dist/components/Stepper/components/StepperHeader.d.ts

@@ -0,0 +1,9 @@
+import { StepperBaseProps } from '../stepperTypes';
+
+/**
+ * A component that displays the header of the stepper, including the step indicator (see {@link StepperIndicator}) and title.
+ * @param steps - An array of steps for the stepper.
+ * @param currentStep - The current step index.
+ * @returns
+ */
+export declare const StepperHeader: ({ steps, currentStep }: StepperBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/components/StepperHeader.js

@@ -0,0 +1,34 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { G as o } from "../../../index.es-DntoATwO.js";
+import { T as p } from "../../../index.es-D54RuMc_.js";
+import { s as i } from "../../../stepper.module-HuqmDJPj.js";
+import { StepperIndicator as s } from "./StepperIndicator.js";
+const f = ({ steps: e, currentStep: r }) => /* @__PURE__ */ a(
+  o,
+  {
+    "data-testid": "stepper-header",
+    className: i.stepperContainer,
+    gap: "dense",
+    primaryAlign: "center",
+    secondaryAlign: "center",
+    direction: "vertical",
+    fullWidth: !0,
+    children: [
+      /* @__PURE__ */ t(s, { steps: e, currentStep: r }),
+      /* @__PURE__ */ t(
+        p,
+        {
+          "data-testid": "stepper-header-description",
+          level: 2,
+          bold: !0,
+          tag: "div",
+          className: i.stepperTitle,
+          children: e[r]?.title
+        }
+      )
+    ]
+  }
+);
+export {
+  f as StepperHeader
+};

package/dist/components/Stepper/components/StepperIndicator.d.ts

@@ -0,0 +1,9 @@
+import { StepperBaseProps } from '../stepperTypes';
+
+/**
+ * A component that displays the stepper indicator, showing the current step and optional steps.
+ * @param steps - An array of steps for the stepper.
+ * @param currentStep - The current step index.
+ * @returns
+ */
+export declare const StepperIndicator: ({ steps, currentStep }: StepperBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/components/StepperIndicator.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { G as p } from "../../../index.es-DntoATwO.js";
+import { s as e } from "../../../stepper.module-HuqmDJPj.js";
+const m = ({ steps: a, currentStep: i }) => /* @__PURE__ */ r(p, { gap: "dense", "data-testid": "stepper-indicator", children: a.map((t, o) => /* @__PURE__ */ r(
+  "div",
+  {
+    "data-testid": `stepper-indicator-${t.name}`,
+    className: `${e.stepperIndicatorItem}
+            ${t.optional ? e.stepperIndicatorItemOptional : ""}
+            ${o <= i ? e.stepperIndicatorItemActive : ""}`
+  },
+  `indicator_${t.name}`
+)) });
+export {
+  m as StepperIndicator
+};

package/dist/components/Stepper/stepperTypes.d.ts

@@ -0,0 +1,77 @@
+import { ButtonProps } from '@element-public/react-button';
+import { ReactNode } from 'react';
+
+/**
+ * @param {string} name - The unique name of the step.
+ * @param {number} step - The step number, starting from 0.
+ * @param {string} title - The title of the step showing in the Stepper.
+ * @param {boolean} optional - Whether the step is optional or not showing a different design.
+ * @param {StepperButtonProps} nextButtonProps - Props for the next button, including onClick, label, className and disabled state.
+ * @param {StepperButtonProps} prevButtonProps - Props for the previous button, including onClick, label, className and disabled state.
+ */
+export type Step = {
+    /**
+     * The unique name of the step.
+     */
+    name: string;
+    /**
+     * The step number, starting from 0.
+     */
+    step: number;
+    /**
+     * The title of the step showing in the Stepper.
+     */
+    title: string;
+    /**
+     * Whether the step is optional or not showing a different design.
+     */
+    optional: boolean;
+    /**
+     * The props for the next button, including onClick, label, className and disabled state. {@link StepperButtonProps}
+     */
+    nextButtonProps: StepperButtonProps;
+    /**
+     * The props for the previous button, including onClick, label, className and disabled state. {@link StepperButtonProps}
+     */
+    prevButtonProps: StepperButtonProps;
+};
+/**
+ * @param {string} className - The class name for the button.
+ * @param {boolean} disabled - Whether the button is disabled or not.
+ * @param {() => void} onClick - The function to be called when the button is clicked.
+ * @param {string | ReactNode} label - The label of the button.
+ */
+export type StepperButtonProps = Pick<ButtonProps, 'className' | 'disabled'> & {
+    /**
+     * The function to be called when the button is clicked.
+     */
+    onClick: () => void;
+    /**
+     * The label of the button.
+     */
+    label: string | ReactNode;
+};
+/**
+ * @param {Step[]} steps - An array of steps for the stepper.
+ * @param {number} currentStep - The current step index.
+ * @param {boolean} isStepLoading - A boolean indicating if the current step is loading. If true, the next button will be disabled and show a loading state.
+ */
+export type StepperProps = {
+    /**
+     * An array of steps for the stepper.
+     */
+    steps: Step[];
+    /**
+     * The current step index.
+     */
+    currentStep: number;
+    /**
+     * a flag which indicates if the current step is loading.
+     */
+    isStepLoading?: boolean;
+};
+/**
+ * @param {Step[]} steps - An array of steps for the stepper.
+ * @param {number} currentStep - The current step index.
+ */
+export type StepperBaseProps = Pick<StepperProps, 'steps' | 'currentStep'>;

package/dist/components/Stepper/stepperTypes.js

@@ -0,0 +1 @@
+

package/dist/components/VerticalDivider/VerticalDivider.test.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { a as r } from "../../react.esm-CX1WJ2Pp.js";
 import { VerticalDivider as s } from "./VerticalDivider.js";
-import { d as o, t as l, g as i } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as o, t as l, g as i } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 o("VerticalDivider Test", () => {
   l("it should render with basic styling", () => {
     r(/* @__PURE__ */ e(s, {}));

package/dist/hooks/useBreakpoints.test.js

@@ -1,6 +1,6 @@
 import { r as t, w as s } from "../react.esm-CX1WJ2Pp.js";
 import { u as o } from "../useBreakpoints-MzTZ0tCT.js";
-import { d as a, t as i, g as r } from "../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as a, t as i, g as r } from "../vi.CjhMlMwf-CKxPQtd6.js";
 a("useBreakpoint Test", () => {
   i("returns object", () => {
     const { result: e } = t(() => o());

package/dist/{index.es-UHKFl8Da.js → index.es-BNHI3ZIK.js}

@@ -5,9 +5,9 @@ import { f as Ar, e as yr, h as La, k as Ya, u as Ja, d as Zt } from "./index.es
 import { T as ka, F as xr, N as za } from "./index.es-41ztjcFT.js";
 import { createPortal as ja } from "react-dom";
 import { a as _a } from "./floating-ui.dom-CeD8zknG.js";
-import { a as Lt, b as ci, c as Ua, L as Jn } from "./index.es-d5xhUpJZ.js";
+import { a as Lt, b as ci, c as Ua, L as Jn } from "./index.es-fnFnw2P1.js";
 import { S as Qa } from "./index.es-8GOVkuo-.js";
-import { d as $a, e as Ka } from "./index.es-CF_xy2ns.js";
+import { d as $a, e as Ka } from "./index.es-D54RuMc_.js";
 import { B as Er } from "./index.es-CiqbARoC.js";
 import { C as Gr } from "./index.es-BvrQnJ3j.js";
 import { c as qa, I as eo } from "./index.es-3043KTnb.js";

package/dist/{index.es-zr101OF5.js → index.es-CoFul5zR.js}

@@ -1,8 +1,8 @@
 import { c as gt, _ as Xe, P as s } from "./identity-DLWZln-X.js";
 import H, { forwardRef as yt, useContext as $r, useState as G, useRef as Ue, useMemo as at, useCallback as J, useEffect as he, useImperativeHandle as wt, cloneElement as ir } from "react";
-import { a as Lr } from "./index.es-CF_xy2ns.js";
+import { a as Lr } from "./index.es-D54RuMc_.js";
 import { I as Wt } from "./index.es-0lQcz8m1.js";
-import { c as bt, d as Qr, e as _, f as E, g as M, h as d, b as h, i as k, S as ht } from "./index.es-UHKFl8Da.js";
+import { c as bt, d as Qr, e as _, f as E, g as M, h as d, b as h, i as k, S as ht } from "./index.es-BNHI3ZIK.js";
 import { H as Rr, f as or, u as sr, p as Br, d as Oe } from "./index.es-da0cf7oE.js";
 import { P as ur } from "./index.es-D6N-XWHe.js";
 import { c as Gr, I as Xr } from "./index.es-3043KTnb.js";

package/dist/{index.es-CF_xy2ns.js → index.es-D54RuMc_.js}

@@ -665,9 +665,9 @@ D.displayName = "Typography";
 D.propTypes = z;
 D.defaultProps = F;
 export {
-  h as T,
+  f as T,
   P as a,
-  f as b,
+  h as b,
   v as c,
   C as d,
   D as e

package/dist/{index.es-d5xhUpJZ.js → index.es-fnFnw2P1.js}

@@ -14,7 +14,7 @@ import { R as Gt } from "./index.es-BtjV0oNv.js";
 import { C as Vt } from "./index.es-BvrQnJ3j.js";
 import { S as zt } from "./index.es-8GOVkuo-.js";
 import { I as je } from "./index.es-3043KTnb.js";
-import { d as ct, a as Xt } from "./index.es-CF_xy2ns.js";
+import { d as ct, a as Xt } from "./index.es-D54RuMc_.js";
 /**
  * @license
  * Copyright 2018 Google Inc.

package/dist/main.d.ts

@@ -25,6 +25,9 @@ export { OverflowTooltip } from './components/OverflowTooltip/OverflowTooltip';
 export { ScrollbarX, ScrollbarY } from './components/Scrollbar/Scrollbar';
 export { SearchBar } from './components/SearchBar/SearchBar';
 export { Select } from './components/Select/Select';
+export { StepperHeader } from './components/Stepper/components/StepperHeader';
+export { StepperIndicator } from './components/Stepper/components/StepperIndicator';
+export { Stepper } from './components/Stepper/Stepper';
 export { VerticalDivider } from './components/VerticalDivider/VerticalDivider';
 export { FormCheckBox } from './components/FormComponents/FormCheckBox/FormCheckBox';
 export { FormDatePicker } from './components/FormComponents/FormDatePicker/FormDatePicker';
@@ -37,16 +40,17 @@ export { FormToggle } from './components/FormComponents/FormToggle/FormToggle';
 export { AvailableCustomIcons } from './enums/AvailableCustomIcons';
 export { ThemeColor } from './enums/ThemeColor';
 export { useBreakpoints } from './hooks/useBreakpoints';
-export { capitalizeFirstLetters, getNumberAsLocaleString, trimLeadingAndTrailingSpaces, } from './services/UtilService';
+export { capitalizeFirstLetters, getNumberAsLocaleString, trimLeadingAndTrailingSpaces } from './services/UtilService';
 export type { ActionProps } from './components/ContextMenu/ContextMenu';
 export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';
 export type { FormTextProps } from './components/FormComponents/FormText/FormText';
 export type { HealthCheckFailedProps } from './components/HealthCheckFailed/HealthCheckFailed';
 export type { FieldItem } from './components/InfoGroup/InfoGroup';
 export type { LoadingSpinnerProps } from './components/LoadingSpinner/Default/LoadingSpinner';
+export type { Step, StepperBaseProps, StepperButtonProps, StepperProps } from './components/Stepper/stepperTypes';
 export type { FilterData, FilterOption, FilterSelection } from './types/Filter';
 export type { CellTemplate, CellTemplateProps, TableLayoutProps } from './types/GenericTable';
 export type { HashTab } from './types/HashTab';
 export type { BaseListElement, ListElement } from './types/ListElement';
-export { AVAILABLE_COUNTRY_KEYS, AVAILABLE_LOCALES, ENGLISH_LANGUAGE_ID, GERMAN_LANGUAGE_ID, LANGUAGE_CODES_MAPPER, LANGUAGE_ID_MAPPER, SPANISH_LANGUAGE_ID, TURKISH_LANGUAGE_ID, } from './types/Languages';
+export { AVAILABLE_COUNTRY_KEYS, AVAILABLE_LOCALES, ENGLISH_LANGUAGE_ID, GERMAN_LANGUAGE_ID, LANGUAGE_CODES_MAPPER, LANGUAGE_ID_MAPPER, SPANISH_LANGUAGE_ID, TURKISH_LANGUAGE_ID } from './types/Languages';
 export type { AVAILABLE_LANGUAGE_CODES, LANGUAGE_COUNTRY_CODES } from './types/Languages';