@trilogy-ds/react 0.0.3-beta-v4 → 0.0.4-esm-cjs

package/lib/components/progress/item/ProgressItemPropsDefaults.js

@@ -0,0 +1,76 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "percent": {
+    "type": "string",
+    "values": []
+  },
+  "minPercent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "maxPercent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "style": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "Styles"
+    ]
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/progress/item/index.d.mts

@@ -0,0 +1,2 @@
+import ProgressItem from './ProgressItem';
+export default ProgressItem;

package/lib/components/progress/item/index.d.ts

@@ -0,0 +1,2 @@
+import ProgressItem from './ProgressItem';
+export default ProgressItem;

package/lib/components/progress/item/index.js

@@ -0,0 +1,268 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/progress/item/index.ts
+var item_exports = {};
+__export(item_exports, {
+  default: () => item_default
+});
+module.exports = __toCommonJS(item_exports);
+
+// components/progress/item/ProgressItem.tsx
+var import_clsx2 = __toESM(require("clsx"));
+var import_react4 = __toESM(require("react"));
+
+// 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;
+};
+
+// 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();
+
+// 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";
+  }
+};
+
+// services/classify/index.ts
+function classify(prefix) {
+  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
+}
+var is = classify("is");
+var has = classify("has");
+
+// components/icon/Icon.tsx
+var import_clsx = __toESM(require("clsx"));
+var React3 = __toESM(require("react"));
+var Icon = React3.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align } = _b, others = __objRest(_b, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton", "align"]);
+    const { styled } = useTrilogyContext();
+    const background = backgroundColor && has(getBackgroundClassName(backgroundColor)) || circled && has(getBackgroundClassName("MAIN" /* MAIN */)) || "";
+    const classes = hashClass(
+      styled,
+      (0, import_clsx.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_clsx.default)(is("flex"), is(getJustifySelfClassName(align))),
+        background,
+        className
+      )
+    );
+    return /* @__PURE__ */ React3.createElement("span", __spreadProps(__spreadValues({ id, onClick: onClick && onClick, className: classes }, others), { ref }), /* @__PURE__ */ React3.createElement("i", { className: hashClass(styled, (0, import_clsx.default)(name)), "aria-hidden": "true" }));
+  }
+);
+Icon.displayName = "Icon" /* Icon */;
+
+// objects/facets/Status/index.ts
+var getStatusClassName = (statusType) => {
+  switch (statusType) {
+    case "SUCCESS":
+      return "success";
+    case "INFO":
+      return "info";
+    case "WARNING":
+      return "warning";
+    case "ERROR":
+      return "error";
+    default:
+      return "";
+  }
+};
+var STATUS_COLORS = {
+  SUCCESS: { color: "SUCCESS" /* SUCCESS */, backgroundColor: "SUCCESS_FADE" /* SUCCESS_FADE */ },
+  INFO: { color: "INFO" /* INFO */, backgroundColor: "INFO_FADE" /* INFO_FADE */ },
+  WARNING: { color: "WARNING" /* WARNING */, backgroundColor: "WARNING_FADE" /* WARNING_FADE */ },
+  ERROR: { color: "ERROR" /* ERROR */, backgroundColor: "ERROR_FADE" /* ERROR_FADE */ },
+  DEFAULT: { color: "MAIN" /* MAIN */, backgroundColor: "MAIN_FADE" /* MAIN_FADE */ }
+};
+
+// objects/Typography/TypographyBold/index.tsx
+var import_react3 = require("react");
+
+// components/progress/item/ProgressItem.tsx
+var ProgressItem = import_react4.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, percent, maxPercent = 100, minPercent = 0, status, accessibilityLabel } = _b, others = __objRest(_b, ["className", "percent", "maxPercent", "minPercent", "status", "accessibilityLabel"]);
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(
+      styled,
+      (0, import_clsx2.default)("progress-bar", status && is(getStatusClassName(status)), !status && is("primary"), className)
+    );
+    return /* @__PURE__ */ import_react4.default.createElement(
+      "div",
+      __spreadValues(__spreadProps(__spreadValues({
+        ref
+      }, percent && { style: { width: `${percent}%` } }), {
+        className: classes,
+        role: "progressbar",
+        "aria-valuenow": percent,
+        "aria-valuemin": minPercent,
+        "aria-valuemax": maxPercent,
+        "aria-label": accessibilityLabel
+      }), others)
+    );
+  }
+);
+ProgressItem.displayName = "ProgressItem" /* ProgressItem */;
+var ProgressItem_default = ProgressItem;
+
+// components/progress/item/index.ts
+var item_default = ProgressItem_default;

package/lib/components/progress/item/index.mjs

@@ -0,0 +1,62 @@
+import {
+  item_default
+} from "../../../chunk-NUAAULBS.mjs";
+import "../../../chunk-A6HIEHFY.mjs";
+import "../../../chunk-XHEUUXUM.mjs";
+import "../../../chunk-NGHKQW6O.mjs";
+import "../../../chunk-CSXVI5YI.mjs";
+import "../../../chunk-ZVIFXAQX.mjs";
+import "../../../chunk-I7OXRAPM.mjs";
+import "../../../chunk-YGCFBCWD.mjs";
+import "../../../chunk-BDMIO5IW.mjs";
+import "../../../chunk-4UBVMYQW.mjs";
+import "../../../chunk-YL3L4XUV.mjs";
+import "../../../chunk-IPT4TW4E.mjs";
+import "../../../chunk-ZHAWFRQE.mjs";
+import "../../../chunk-SNKTAQES.mjs";
+import "../../../chunk-KBEAJL4Y.mjs";
+import "../../../chunk-GROIVPY2.mjs";
+import "../../../chunk-JMI2ZDSK.mjs";
+import "../../../chunk-OD7EAHWA.mjs";
+import "../../../chunk-HUITZVGB.mjs";
+import "../../../chunk-N4AHATSI.mjs";
+import "../../../chunk-A3EAYKHQ.mjs";
+import "../../../chunk-DDOYJDC6.mjs";
+import "../../../chunk-X6YXZ7IX.mjs";
+import "../../../chunk-V3GUCW64.mjs";
+import "../../../chunk-CLLVIOLX.mjs";
+import "../../../chunk-F3R22XFV.mjs";
+import "../../../chunk-O63NISNW.mjs";
+import "../../../chunk-CBTZPEJP.mjs";
+import "../../../chunk-QS6QFWA4.mjs";
+import "../../../chunk-2WYT3W76.mjs";
+import "../../../chunk-ZUJOJMIY.mjs";
+import "../../../chunk-WVW5Y7JU.mjs";
+import "../../../chunk-6XYXISPQ.mjs";
+import "../../../chunk-DZDQL5F4.mjs";
+import "../../../chunk-DLLAGMBJ.mjs";
+import "../../../chunk-ZZKO3PGP.mjs";
+import "../../../chunk-LCCPZVJA.mjs";
+import "../../../chunk-RKRETAZE.mjs";
+import "../../../chunk-4VQXIGA4.mjs";
+import "../../../chunk-CERCYDMJ.mjs";
+import "../../../chunk-6F4GWAQR.mjs";
+import "../../../chunk-B52A3BFQ.mjs";
+import "../../../chunk-RBMXTQBU.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-U3F6V3KT.mjs";
+import "../../../chunk-37LDCDVM.mjs";
+import "../../../chunk-UDTBRLJ5.mjs";
+import "../../../chunk-OADZ62IM.mjs";
+import "../../../chunk-G75SYF2U.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-4YIM7SBN.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-4VQ23W74.mjs";
+export {
+  item_default as default
+};

package/lib/components/progress/radial/ProgressRadial.d.mts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ProgressRadialProps } from './ProgressRadialProps';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param children {React.ReactNode}
+ * @param skeleton {boolean} Skeleton Progress Radial
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ * - --------------- WEB PROPERTIES -------------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param small {boolean} Display small progress radial
+ */
+declare const ProgressRadial: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<HTMLDivElement>>;
+export default ProgressRadial;

package/lib/components/progress/radial/ProgressRadial.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ProgressRadialProps } from './ProgressRadialProps';
 /**
  * Progress Radial component
@@ -9,8 +9,8 @@ import { ProgressRadialProps } from './ProgressRadialProps';
  * @param skeleton {boolean} Skeleton Progress Radial
  * - --------------- NATIVE PROPERTIES ----------------------------------
  * - --------------- WEB PROPERTIES -------------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param small {boolean} Display small progress radial
  */
-declare const ProgressRadial: ({ children, value, secondValue, label, description, skeleton, className, id, small, ...others }: ProgressRadialProps) => JSX.Element;
+declare const ProgressRadial: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<HTMLDivElement>>;
 export default ProgressRadial;