@design-system-rte/core 1.2.2-rc1 → 1.2.2-rc3

package/components/button/icon-button/icon-button.interface.d.ts

@@ -1,14 +1,12 @@
-export interface IconButtonProps {
+import { BadgeHolderProps } from "../../badge/badge.interface";
+
+export interface IconButtonProps extends BadgeHolderProps {
   variant?: import("../common/common-button").ButtonVariant;
   size?: import("../common/common-button").ButtonSize;
   compactSpacing?: boolean;
   disabled?: boolean;
   name: string;
   appearance?: "outlined" | "filled";
-  badgeContent?: import("../../badge/badge.interface").BadgeContent;
-  badgeCount?: import("../../badge/badge.interface").BadgeCount;
-  badgeType?: import("../../badge/badge.interface").BadgeType;
-  badgeIcon?: import("../../badge/badge.interface").BadgeProps["icon"];
 }
 
 export interface IconButtonToggleProps extends Omit<IconButtonProps, "appearance"> {

package/components/button/index.d.ts

@@ -1,5 +1,5 @@
 export type * from "./button.interface";
-export * from "./common/common-button";
+export type * from "./common/common-button";
 export * from "./common/common-button.constants";
 export type * from "./icon-button/icon-button.interface";
 //# sourceMappingURL=index.d.ts.map

package/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/button/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,oBAAoB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,mBAAmB,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/button/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,oBAAoB,CAAC;AACxC,mBAAmB,wBAAwB,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,mBAAmB,qCAAqC,CAAC"}

package/components/button/index.js

@@ -1,2 +1 @@
-export * from "./common/common-button";
 export * from "./common/common-button.constants";

package/components/common/common-types.d.ts

@@ -2,4 +2,6 @@ export type Position = "auto" | "top" | "bottom" | "left" | "right";
 export type Alignment = "start" | "center" | "end";
 export type Direction = "horizontal" | "vertical";
 export type Size = "xs" | "s" | "m" | "l" | "xl";
+export type Mode = "light" | "dark";
+export type Theme = "bleu_iceberg" | "vert_foret" | "violet";
 //# sourceMappingURL=common-types.d.ts.map

package/components/common/common-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common-types.d.ts","sourceRoot":"","sources":["../../../components/common/common-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAClD,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC"}
+{"version":3,"file":"common-types.d.ts","sourceRoot":"","sources":["../../../components/common/common-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAClD,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,MAAM,CAAC;AACpC,MAAM,MAAM,KAAK,GAAG,cAAc,GAAG,YAAY,GAAG,QAAQ,CAAC"}

package/components/modal/modal.interface.d.ts

@@ -6,5 +6,5 @@ export interface ModalProps {
   icon?: string;
   iconAppearance?: "outlined" | "filled";
   description?: string;
-  size?: import("./common/common-types").Size;
+  size?: import("../common/common-types").Size;
 }

package/components/stepper/stepper.interface.d.ts

@@ -0,0 +1,27 @@
+import { Direction } from "../common/common-types";
+
+export type STEP_COMPLETION_STATE = "unvisited" | "incomplete" | "complete";
+
+export interface Step {
+  id: string;
+  name: string;
+  completionState: STEP_COMPLETION_STATE;
+  clickableCompleteStep?: boolean;
+  onClick?: () => void;
+}
+
+export interface StepperProps {
+  steps: Step[];
+  orientation?: Direction;
+}
+
+export interface StepperItemProps {
+  id: string;
+  number?: number;
+  name?: string;
+  completionState: STEP_COMPLETION_STATE;
+  orientation?: Direction;
+  clickableCompleteStep?: boolean;
+  onClick?: () => void;
+  isActive?: boolean;
+}

package/components/stepper/stepper.utils.d.ts

@@ -0,0 +1,9 @@
+export declare const focusNextStepElement: (currentFocusSteppedIndex: number, allSteps: HTMLElement[]) => void;
+export declare const focusPreviousStepElement: (currentFocusSteppedIndex: number, allSteps: HTMLElement[]) => void;
+export declare const focusNextNotStepElement: (classCriteria: string, parent: HTMLElement) => void;
+export declare const focusPreviousNotStepElement: (classCriteria: string, parent: HTMLElement) => void;
+export declare const isStepClickable: (stepConfig: {
+    completionState: string;
+    clickableCompleteStep: boolean;
+}) => boolean;
+//# sourceMappingURL=stepper.utils.d.ts.map

package/components/stepper/stepper.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.utils.d.ts","sourceRoot":"","sources":["../../../components/stepper/stepper.utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,0BAA0B,MAAM,EAAE,UAAU,WAAW,EAAE,SAW7F,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,0BAA0B,MAAM,EAAE,UAAU,WAAW,EAAE,SAYjG,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,eAAe,MAAM,EAAE,QAAQ,WAAW,SAoBjF,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,eAAe,MAAM,EAAE,QAAQ,WAAW,SAoBrF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,qBAAqB,EAAE,OAAO,CAAA;CAAE,YAOtG,CAAC"}

package/components/stepper/stepper.utils.js

@@ -0,0 +1,71 @@
+import { FOCUSABLE_ELEMENTS_QUERY } from "@design-system-rte/core/constants/dom/dom.constants";
+export const focusNextStepElement = (currentFocusSteppedIndex, allSteps) => {
+    let nextIndex = currentFocusSteppedIndex === allSteps.length - 1 ? 0 : currentFocusSteppedIndex + 1;
+    while (allSteps[nextIndex]?.getAttribute("aria-disabled") === "true") {
+        if (nextIndex === allSteps.length - 1) {
+            nextIndex = 0;
+        }
+        else {
+            nextIndex++;
+        }
+    }
+    allSteps[nextIndex].focus();
+};
+export const focusPreviousStepElement = (currentFocusSteppedIndex, allSteps) => {
+    let previousIndex = currentFocusSteppedIndex === 0 ? allSteps.length - 1 : currentFocusSteppedIndex - 1;
+    while (allSteps[previousIndex]?.getAttribute("aria-disabled") === "true") {
+        if (previousIndex === 0) {
+            previousIndex = allSteps.length - 1;
+        }
+        else {
+            previousIndex--;
+        }
+    }
+    allSteps[previousIndex].focus();
+};
+export const focusNextNotStepElement = (classCriteria, parent) => {
+    const currentActiveSegmentElement = document.activeElement;
+    const allFocusableElement = Array.from(document.querySelectorAll(FOCUSABLE_ELEMENTS_QUERY));
+    const currentActiveSegmentElementIndex = Array.from(allFocusableElement).indexOf(currentActiveSegmentElement);
+    let nextIndex = currentActiveSegmentElementIndex === allFocusableElement.length - 1 ? 0 : currentActiveSegmentElementIndex + 1;
+    while (allFocusableElement[nextIndex]?.classList.contains(classCriteria)) {
+        if (parent?.contains(allFocusableElement[nextIndex])) {
+            if (nextIndex === allFocusableElement.length - 1) {
+                nextIndex = 0;
+            }
+            else {
+                nextIndex++;
+            }
+        }
+        else {
+            break;
+        }
+    }
+    allFocusableElement[nextIndex].focus();
+};
+export const focusPreviousNotStepElement = (classCriteria, parent) => {
+    const currentActiveSegmentElement = document.activeElement;
+    const allFocusableElement = Array.from(document.querySelectorAll(FOCUSABLE_ELEMENTS_QUERY));
+    const currentActiveSegmentElementIndex = Array.from(allFocusableElement).indexOf(currentActiveSegmentElement);
+    let previousIndex = currentActiveSegmentElementIndex === 0 ? allFocusableElement.length - 1 : currentActiveSegmentElementIndex - 1;
+    while (allFocusableElement[previousIndex]?.classList.contains(classCriteria)) {
+        if (parent?.contains(allFocusableElement[previousIndex])) {
+            if (previousIndex === 0) {
+                previousIndex = allFocusableElement.length - 1;
+            }
+            else {
+                previousIndex--;
+            }
+        }
+        else {
+            break;
+        }
+    }
+    allFocusableElement[previousIndex].focus();
+};
+export const isStepClickable = (stepConfig) => {
+    const { completionState, clickableCompleteStep } = stepConfig;
+    return ((completionState === "complete" && clickableCompleteStep) ||
+        completionState === "unvisited" ||
+        completionState === "incomplete");
+};

package/components/text-input/text-input.interface.d.ts

@@ -10,7 +10,7 @@ export interface BaseTextInputProps {
   showCounter?: boolean;
   value?: string;
   defaultValue?: string;
-  leftIcon?: RegularIconIdKey | TogglableIconIdKey;
+  leftIcon?: string;
   showRightIcon?: boolean;
   rightIconAction?: RightIconAction;
   rightIconSize?: import("../button/common/common-button").ButtonSize;

package/components/tooltip/tooltip.interface.d.ts

@@ -1,6 +1,6 @@
 export interface TooltipProps {
-  position?: import("../../common-types").Position;
-  alignment?: import("../../common-types").Alignment;
+  position?: import("../common/common-types").Position;
+  alignment?: import("../common/common-types").Alignment;
   label?: string;
   arrow?: boolean;
   gap?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-system-rte/core",
-  "version": "1.2.2-rc1",
+  "version": "1.2.2-rc3",
   "main": "index.js",
   "types": "index.d.ts",
   "files": [