@trilogy-ds/react 0.0.9-esm-cjs → 0.0.11-esm-cjs

package/lib/components/stepper/index.js

@@ -1,6 +1,334 @@
-import Stepper from './Stepper';
-import Step from './step';
-export * from './StepperProps';
-export * from './step/StepEnum';
-export { Step, Stepper };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLFFBQVEsQ0FBQTtBQUV6QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLGNBQWMsaUJBQWlCLENBQUE7QUFDL0IsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQSJ9
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/stepper/index.ts
+var stepper_exports = {};
+__export(stepper_exports, {
+  Step: () => step_default,
+  StepMarkup: () => StepMarkup,
+  Stepper: () => Stepper_default
+});
+module.exports = __toCommonJS(stepper_exports);
+
+// components/text/Text.tsx
+var React2 = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+
+// components/text/TextEnum.ts
+var TextMarkup = /* @__PURE__ */ ((TextMarkup2) => {
+  TextMarkup2["P"] = "p";
+  TextMarkup2["SPAN"] = "span";
+  return TextMarkup2;
+})(TextMarkup || {});
+
+// services/classify/index.ts
+function classify(prefix) {
+  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
+}
+var is = classify("is");
+var has = classify("has");
+
+// context/index.tsx
+var React = __toESM(require("react"));
+var TrilogyContext = React.createContext({
+  styled: false,
+  setStyled: () => void 0
+});
+var useTrilogyContext = () => {
+  const context = React.useContext(TrilogyContext);
+  if (context === void 0) {
+    throw new Error("useTrilogyContext must be used within a TrilogyProvider");
+  }
+  return context;
+};
+
+// helpers/hashClassesHelpers/index.tsx
+var hashClass = (addHash = false, classes) => {
+  const { hash, styled } = useTrilogyContext();
+  if (classes.trim().length < 1) return "";
+  if (styled) {
+    return classes.split(" ").map((classe) => classe = `${classe}_${hash}`).join(" ");
+  }
+  return classes;
+};
+
+// components/text/Text.tsx
+var Text = React2.forwardRef(({
+  level,
+  markup,
+  children,
+  className,
+  id,
+  typo,
+  inverted,
+  skeleton,
+  accessibilityLabel,
+  marginless,
+  numberOfLines,
+  ...others
+}, ref) => {
+  const { styled } = useTrilogyContext();
+  const levelText = () => {
+    if (level) {
+      switch (level) {
+        case 1 /* ONE */:
+          return is("level-1");
+        case 2 /* TWO */:
+          return is("level-2");
+        case 3 /* THREE */:
+          return is("level-3");
+        case 4 /* FOUR */:
+          return is("level-4");
+        default:
+          return is(`level-${level}`);
+      }
+    }
+  };
+  const classes = hashClass(
+    styled,
+    (0, import_clsx.default)(
+      "text",
+      level && levelText(),
+      inverted && is("inverted"),
+      typo,
+      skeleton && is("loading"),
+      marginless && is("marginless"),
+      numberOfLines && is("text-ellipsis"),
+      className
+    )
+  );
+  const isCorrectMarkup = (stringMarkup) => {
+    if (stringMarkup in TextMarkup || Object.values(TextMarkup).includes(stringMarkup)) return true;
+  };
+  const Tag = markup && isCorrectMarkup(markup) ? markup : "p";
+  return /* @__PURE__ */ React2.createElement(
+    Tag,
+    {
+      ref,
+      id,
+      style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {},
+      "aria-label": accessibilityLabel,
+      className: classes,
+      ...others
+    },
+    children
+  );
+});
+Text.displayName = "Text" /* Text */;
+var Text_default = Text;
+
+// helpers/device/index.ts
+var Device = /* @__PURE__ */ ((Device2) => {
+  Device2["Browser"] = "browser";
+  Device2["Server"] = "server";
+  Device2["Native"] = "native";
+  return Device2;
+})(Device || {});
+var { Browser, Server, Native } = Device;
+var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+var canUseNative = typeof navigator != "undefined" && navigator.product == "ReactNative";
+var device = canUseNative ? Native : canUseDOM ? Browser : Server;
+var SSRObjectDefined = {
+  isBrowser: device === Browser,
+  isServer: device === Server,
+  isNative: device === Native,
+  device,
+  canUseWorkers: typeof Worker !== "undefined",
+  canUseEventListeners: device === Browser && !!window.addEventListener,
+  canUseViewport: device === Browser && !!window.screen
+};
+var assign = (...args) => Object.assign({}, ...args);
+var values = (obj) => Object.values(obj);
+var toArrayObject = () => assign((values(SSRObjectDefined), SSRObjectDefined));
+var SSRObject = toArrayObject();
+
+// components/stepper/Stepper.tsx
+var import_clsx2 = __toESM(require("clsx"));
+var React3 = __toESM(require("react"));
+var Stepper = React3.forwardRef(({ className, id, children, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(styled, (0, import_clsx2.default)("stepper-wrapper", className));
+  const [currentStep, setCurrentStep] = React3.useState(1);
+  const nbChild = React3.useMemo(() => {
+    if (children && Array.isArray(children)) return children.length;
+    if (children && !Array.isArray(children)) return 1;
+    return 0;
+  }, [children]);
+  React3.useEffect(() => {
+    if (children) {
+      if (Array.isArray(children)) {
+        let haveCurrentStep = false;
+        children.map((child, index) => {
+          var _a;
+          if ((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.current) {
+            haveCurrentStep = true;
+            setCurrentStep(index + 1);
+          }
+        });
+        if (!haveCurrentStep) setCurrentStep(1);
+      } else {
+        setCurrentStep(1);
+      }
+    }
+  }, [children]);
+  return /* @__PURE__ */ React3.createElement("div", { ref, id, className: classes, ...others }, children, /* @__PURE__ */ React3.createElement("div", { className: "step-count" }, /* @__PURE__ */ React3.createElement(Text_default, null, currentStep, "/", nbChild)));
+});
+Stepper.displayName = "Stepper" /* Stepper */;
+var Stepper_default = Stepper;
+
+// context/providerTheme/index.tsx
+var import_react = __toESM(require("react"));
+var defaultTheme = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = import_react.default.createContext(defaultContextValue);
+
+// objects/facets/Color/index.tsx
+var import_react2 = require("react");
+var colors = {
+  ["WHITE" /* BACKGROUND */]: ["#fff", "white", "main"],
+  ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
+  ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
+  ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
+  ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
+  ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
+  ["SUCCESS_FADE" /* SUCCESS_FADE */]: ["#cae8ca", "success-fade", "white"],
+  ["INFO" /* INFO */]: ["#1A688A", "info", "white"],
+  ["INFO_FADE" /* INFO_FADE */]: ["#c8dbec", "info-fade", "white"],
+  ["WARNING" /* WARNING */]: ["#FFBB33", "warning", "white"],
+  ["WARNING_FADE" /* WARNING_FADE */]: ["#ecdbc6", "warning-fade", "white"],
+  ["ERROR" /* ERROR */]: ["#D42D02", "error", "white"],
+  ["ERROR_FADE" /* ERROR_FADE */]: ["#eecccc", "error-fade", "white"],
+  ["DISABLED" /* DISABLED */]: ["#646464", "disabled", "white"],
+  ["DISABLED_FADE" /* DISABLED_FADE */]: ["#D1D1D1", "disabled-fade", "white"],
+  ["NEUTRAL" /* NEUTRAL */]: ["#707070", "grey", "white"],
+  ["NEUTRAL_FADE" /* NEUTRAL_FADE */]: ["#F4F4F4", "grey-fade", "white"],
+  ["STROKE" /* STROKE */]: ["#BBC1CE", "stroke", "white"]
+};
+var getColorClassName = (trilogyColor) => {
+  const color = colors[trilogyColor];
+  return color[1];
+};
+
+// objects/atoms/Background/index.ts
+var getBackgroundClassName = (backgroundType) => {
+  return `background-${getColorClassName(backgroundType)}`;
+};
+
+// objects/facets/Justifiable/index.ts
+var getJustifySelfClassName = (justifyContent) => {
+  switch (justifyContent) {
+    case "ALIGNED_CENTER":
+      return "justified-self-center";
+    case "ALIGNED_START":
+      return "justified-self-start";
+    case "ALIGNED_END":
+      return "justified-selfend";
+    default:
+      return "justified-selfstart";
+  }
+};
+
+// components/icon/Icon.tsx
+var import_clsx3 = __toESM(require("clsx"));
+var React5 = __toESM(require("react"));
+var Icon = React5.forwardRef(
+  ({ className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const background = backgroundColor && has(getBackgroundClassName(backgroundColor)) || circled && has(getBackgroundClassName("MAIN" /* MAIN */)) || "";
+    const classes = hashClass(
+      styled,
+      (0, import_clsx3.default)(
+        "icon",
+        stretched && is("stretched"),
+        size && is(size),
+        circled && is("circled"),
+        circled && !color && has("text-white"),
+        color && is(`${getColorClassName(color)}`),
+        skeleton && is("loading"),
+        align && (0, import_clsx3.default)(is("flex"), is(getJustifySelfClassName(align))),
+        background,
+        className
+      )
+    );
+    return /* @__PURE__ */ React5.createElement("span", { id, onClick: onClick && onClick, className: classes, ...others, ref }, /* @__PURE__ */ React5.createElement("i", { className: hashClass(styled, (0, import_clsx3.default)(name)), "aria-hidden": "true" }));
+  }
+);
+Icon.displayName = "Icon" /* Icon */;
+var Icon_default = Icon;
+
+// components/stepper/step/Step.tsx
+var import_clsx4 = __toESM(require("clsx"));
+var import_react3 = __toESM(require("react"));
+var Step = import_react3.default.forwardRef(
+  ({ className, id, active, current, done, label, iconName, error, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classesStepLabel = hashClass(styled, (0, import_clsx4.default)("step-label"));
+    const classes = hashClass(
+      styled,
+      (0, import_clsx4.default)(
+        "stepper-item",
+        active && is("active"),
+        current && is("current"),
+        done && is("done"),
+        error && is("error"),
+        className
+      )
+    );
+    return /* @__PURE__ */ import_react3.default.createElement("div", { ref, id, className: classes, "data-label": label, ...others }, /* @__PURE__ */ import_react3.default.createElement("div", { className: classesStepLabel }, label, !done && iconName && /* @__PURE__ */ import_react3.default.createElement(Icon_default, { name: iconName && iconName, className: "step-icon", size: "medium" /* MEDIUM */ })));
+  }
+);
+Step.displayName = "Step" /* Step */;
+var Step_default = Step;
+
+// components/stepper/step/index.ts
+var step_default = Step_default;
+
+// components/stepper/step/StepEnum.ts
+var StepMarkup = /* @__PURE__ */ ((StepMarkup2) => {
+  StepMarkup2["P"] = "p";
+  StepMarkup2["SPAN"] = "span";
+  StepMarkup2["DIV"] = "div";
+  StepMarkup2["A"] = "a";
+  return StepMarkup2;
+})(StepMarkup || {});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Step,
+  StepMarkup,
+  Stepper
+});

package/lib/components/stepper/index.mjs

@@ -1,36 +1,36 @@
 "use client";
 import "../../chunk-PSE6QQAZ.mjs";
-import {
-  StepMarkup
-} from "../../chunk-5YCD5AVI.mjs";
 import {
   step_default
-} from "../../chunk-RA5O6GJF.mjs";
-import "../../chunk-PRWG6M2O.mjs";
-import "../../chunk-K6SEORTS.mjs";
+} from "../../chunk-U7SMKQNY.mjs";
+import "../../chunk-GYARTTY2.mjs";
 import {
   Stepper_default
-} from "../../chunk-GPGHNKBS.mjs";
+} from "../../chunk-WU5VMIX7.mjs";
 import "../../chunk-BVZWKYND.mjs";
-import "../../chunk-GRUJ62D7.mjs";
+import "../../chunk-HHE7L3CW.mjs";
+import {
+  StepMarkup
+} from "../../chunk-5YCD5AVI.mjs";
+import "../../chunk-K6SEORTS.mjs";
 import "../../chunk-P6NVOAAH.mjs";
 import "../../chunk-YYWCL3GN.mjs";
-import "../../chunk-Y3J6NXB4.mjs";
-import "../../chunk-CYNSXZSV.mjs";
-import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-SGAZRZIK.mjs";
 import "../../chunk-WC3ULY5W.mjs";
 import "../../chunk-JOSZ4COK.mjs";
-import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-SWVRRUW7.mjs";
 import "../../chunk-Y7CEUBIZ.mjs";
-import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-HU3FAWMX.mjs";
+import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-OGATDHMZ.mjs";
-import "../../chunk-SWVRRUW7.mjs";
 import "../../chunk-UFMRE754.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-CYNSXZSV.mjs";
 import "../../chunk-4ZJQXF2V.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
 import "../../chunk-NTS75UVH.mjs";
-import "../../chunk-ZB4OWTDD.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   step_default as Step,

package/lib/components/stepper/index.native.d.mts

@@ -0,0 +1,5 @@
+import Stepper from './Stepper.native';
+import Step from './step/Step.native';
+export * from './StepperProps';
+export * from './step/StepEnum';
+export { Step, Stepper };