@trilogy-ds/react 0.0.4-esm-cjs → 0.0.5-esm-cjs

package/lib/chunk-UT74RMOI.mjs

@@ -1,61 +0,0 @@
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-4VQ23W74.mjs";
-
-// components/accordion/item/AccordionItem.tsx
-import clsx from "clsx";
-import React from "react";
-var AccordionItem = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { open, className, children, id = React.useId(), onClick, disabled } = _b, others = __objRest(_b, ["open", "className", "children", "id", "onClick", "disabled"]);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("accordion-item", className));
-    const ariaProps = {};
-    if (disabled) {
-      ariaProps["tabIndex"] = -1;
-      ariaProps["aria-disabled"] = true;
-    }
-    return /* @__PURE__ */ React.createElement(
-      "details",
-      __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-        open
-      }, ariaProps), {
-        "data-testid": id,
-        className: classes,
-        ref,
-        id
-      }), others), {
-        onClick: (e) => {
-          if (disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-          }
-          if (onClick && !disabled) {
-            onClick(e);
-          }
-        },
-        onKeyDown: (e) => {
-          if (disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-          }
-        }
-      }),
-      children
-    );
-  }
-);
-AccordionItem.displayName = "AccordionItem" /* AccordionItem */;
-var AccordionItem_default = AccordionItem;
-
-export {
-  AccordionItem_default
-};

package/lib/chunk-V62WQTG3.mjs

@@ -1,36 +0,0 @@
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-4VQ23W74.mjs";
-
-// components/accordion/item/header/AccordionHeader.tsx
-import clsx from "clsx";
-import * as React from "react";
-var AccordionHeader = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className, id } = _b, others = __objRest(_b, ["children", "className", "id"]);
-    const { styled } = useTrilogyContext();
-    return /* @__PURE__ */ React.createElement(
-      "summary",
-      __spreadValues({
-        ref,
-        id,
-        className: hashClass(styled, clsx("accordion-header", className)),
-        role: "button"
-      }, others),
-      children
-    );
-  }
-);
-AccordionHeader.displayName = "AccordionHeader" /* AccordionHeader */;
-var AccordionHeader_default = AccordionHeader;
-
-export {
-  AccordionHeader_default
-};

package/lib/chunk-VZXEOOIF.mjs

@@ -1,10 +0,0 @@
-import {
-  SegmentControlItem_default
-} from "./chunk-2NFFUWOC.mjs";
-
-// components/segment-control/item/index.ts
-var item_default = SegmentControlItem_default;
-
-export {
-  item_default
-};

package/lib/chunk-WNOUV4YC.mjs

@@ -1,48 +0,0 @@
-import {
-  SpacingMatrixMode
-} from "./chunk-RFSYQTZ3.mjs";
-import {
-  SpacerSize
-} from "./chunk-2MRTCINP.mjs";
-
-// components/autolayout/DefaultSpacingMatrix.ts
-var { FOUR, THREE, TWO, ONE } = SpacerSize;
-var { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
-var DEFAULT_SPACING_MATRIX = [
-  [INSERT_SPACE_BETWEEN, "Accordion", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Card", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Box", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Table", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "List", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Timeline", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Stepper", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Pagination", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "SegmentControl", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Tabs", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Range", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Price", "default", TWO],
-  [INSERT_SPACE_BETWEEN, "Button", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Countdown", "default", THREE],
-  [INSERT_SPACE_BETWEEN, "Chips", "default", THREE],
-  [INSERT_SPACE_BETWEEN, "Text", "default", TWO],
-  [INSERT_SPACE_BETWEEN, "Title", "default", THREE],
-  [INSERT_SPACE_BETWEEN, "Progress", "default", TWO],
-  [INSERT_SPACE_BETWEEN, "ProgressRadial", "default", TWO],
-  [INSERT_SPACE_BETWEEN, "Radio", "default", THREE],
-  [INSERT_SPACE_BETWEEN, "Checkbox", "default", TWO],
-  [INSERT_SPACE_BETWEEN, "CheckboxTiles", "default", THREE],
-  [INSERT_SPACE_BETWEEN, "Switch", "default", THREE],
-  [INSERT_SPACE_BETWEEN, "Radio", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Checkbox", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Input", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Textarea", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Select", "default", FOUR],
-  [INSERT_SPACE_BETWEEN, "Link", "default", TWO],
-  [INSERT_SPACE_BETWEEN, "Sticker", "default", TWO],
-  [INSERT_SPACE_BETWEEN, "Tag", "default", TWO]
-];
-
-export {
-  INSERT_SPACE_BETWEEN,
-  DEFAULT_SPACING_MATRIX
-};

package/lib/chunk-WPFFWM52.mjs

@@ -1,102 +0,0 @@
-import {
-  useGauge
-} from "./chunk-5PEG3I5W.mjs";
-import {
-  Text_default
-} from "./chunk-S3NVF5RX.mjs";
-import {
-  Icon_default
-} from "./chunk-6F4GWAQR.mjs";
-import {
-  getColorStyle
-} from "./chunk-EJ2APB7I.mjs";
-
-// components/input/gauge/InputGauge.native.tsx
-import React from "react";
-import { StyleSheet, View } from "react-native";
-var InputGauge = ({ validationRules, inputValue }) => {
-  const {
-    widthGauge,
-    colorGauge,
-    LengthvalidationRulesText,
-    isLengthVerify,
-    isLowerercaseVerify,
-    isNumberVerify,
-    isSpecialCharsVerify,
-    isUppercaseVerify
-  } = useGauge({ validationRules, inputValue });
-  return /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(View, { style: [styles.containerGauge, { backgroundColor: getColorStyle("MAIN_FADE" /* MAIN_FADE */) }] }, /* @__PURE__ */ React.createElement(View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge() }] })), /* @__PURE__ */ React.createElement(View, { style: styles.verifies }, /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
-    DataVerify,
-    {
-      display: !!(validationRules == null ? void 0 : validationRules.length),
-      color: isLengthVerify.color,
-      iconName: isLengthVerify.isVerify ? "tri-check-circle" /* CHECK_CIRCLE */ : "tri-times" /* TIMES */,
-      type: LengthvalidationRulesText
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DataVerify,
-    {
-      display: !!(validationRules == null ? void 0 : validationRules.specialChars),
-      color: isSpecialCharsVerify.color,
-      iconName: isSpecialCharsVerify.isVerify ? "tri-check-circle" /* CHECK_CIRCLE */ : "tri-times" /* TIMES */,
-      type: "Caract\xE8res sp\xE9ciaux"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DataVerify,
-    {
-      display: !!(validationRules == null ? void 0 : validationRules.number),
-      color: isNumberVerify.color,
-      iconName: isNumberVerify.isVerify ? "tri-check-circle" /* CHECK_CIRCLE */ : "tri-times" /* TIMES */,
-      type: "Chiffre"
-    }
-  )), /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
-    DataVerify,
-    {
-      display: !!(validationRules == null ? void 0 : validationRules.uppercase),
-      color: isUppercaseVerify.color,
-      iconName: isUppercaseVerify.isVerify ? "tri-check-circle" /* CHECK_CIRCLE */ : "tri-times" /* TIMES */,
-      type: "Majuscule"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DataVerify,
-    {
-      display: !!(validationRules == null ? void 0 : validationRules.lowercase),
-      color: isLowerercaseVerify.color,
-      iconName: isLowerercaseVerify.isVerify ? "tri-check-circle" /* CHECK_CIRCLE */ : "tri-times" /* TIMES */,
-      type: "Minuscule"
-    }
-  ))));
-};
-var DataVerify = ({ color, iconName, display, type }) => {
-  if (!display) return null;
-  return /* @__PURE__ */ React.createElement(View, { style: styles.verify }, /* @__PURE__ */ React.createElement(Icon_default, { color, name: iconName, size: "smaller" /* SMALLER */ }), /* @__PURE__ */ React.createElement(Text_default, { style: styles.textVerify }, type));
-};
-var InputGauge_native_default = InputGauge;
-var styles = StyleSheet.create({
-  verify: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginBottom: 4
-  },
-  textVerify: {
-    marginLeft: 8
-  },
-  verifies: {
-    flexDirection: "row",
-    justifyContent: "space-between"
-  },
-  containerGauge: {
-    height: 4,
-    width: "100%",
-    borderRadius: 4,
-    marginVertical: 8
-  },
-  gauge: {
-    height: 4,
-    borderRadius: 4
-  }
-});
-
-export {
-  InputGauge_native_default
-};

package/lib/chunk-X6IC6AUM.mjs

@@ -1,47 +0,0 @@
-import {
-  getVariantClassName
-} from "./chunk-RKRETAZE.mjs";
-import {
-  Icon_default
-} from "./chunk-6F4GWAQR.mjs";
-import {
-  is
-} from "./chunk-HLQ4FCCM.mjs";
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-4VQ23W74.mjs";
-
-// components/sticker/Sticker.tsx
-import clsx from "clsx";
-import React from "react";
-var Sticker = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, id, variant, small, label, outlined, iconName, accessibilityLabel } = _b, others = __objRest(_b, ["className", "id", "variant", "small", "label", "outlined", "iconName", "accessibilityLabel"]);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      clsx(
-        "sticker",
-        variant && is(getVariantClassName(variant)),
-        small && is("small"),
-        className,
-        outlined && is("outlined"),
-        is("vcentered")
-      )
-    );
-    return /* @__PURE__ */ React.createElement("p", __spreadValues({ ref, id, className: classes, "aria-label": accessibilityLabel }, others), iconName && /* @__PURE__ */ React.createElement(Icon_default, { size: small ? "smaller" /* SMALLER */ : "small" /* SMALL */, name: iconName }), label);
-  }
-);
-Sticker.displayName = "Sticker" /* Sticker */;
-var Sticker_default = Sticker;
-
-export {
-  Sticker_default
-};

package/lib/chunk-XL2CSAQF.mjs

@@ -1,7 +0,0 @@
-// components/box/context/boxContext.tsx
-import React from "react";
-var BoxContext = React.createContext({ fullHeight: false });
-
-export {
-  BoxContext
-};

package/lib/chunk-XTOV4DLD.mjs

@@ -1,12 +0,0 @@
-// components/badge/BadgeEnum.ts
-var BadgePositionEnum = /* @__PURE__ */ ((BadgePositionEnum2) => {
-  BadgePositionEnum2["TOP_LEFT"] = "top-left";
-  BadgePositionEnum2["TOP_RIGHT"] = "top-right";
-  BadgePositionEnum2["BOTTOM_LEFT"] = "bottom-left";
-  BadgePositionEnum2["BOTTOM_RIGHT"] = "bottom-right";
-  return BadgePositionEnum2;
-})(BadgePositionEnum || {});
-
-export {
-  BadgePositionEnum
-};

package/lib/chunk-Y224LKBE.mjs

@@ -1,113 +0,0 @@
-import {
-  getBackgroundClassName
-} from "./chunk-CNJHYNT2.mjs";
-import {
-  getColorClassName
-} from "./chunk-EJ2APB7I.mjs";
-import {
-  has,
-  is
-} from "./chunk-HLQ4FCCM.mjs";
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-4VQ23W74.mjs";
-
-// components/box/Box.tsx
-import clsx from "clsx";
-import React from "react";
-var Box = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      inverted,
-      children,
-      className,
-      id,
-      onClick,
-      skeleton,
-      href,
-      blank,
-      backgroundColor,
-      highlighted,
-      shadowless,
-      backgroundSrc,
-      flat,
-      headerOffset,
-      fullheight,
-      active
-    } = _b, others = __objRest(_b, [
-      "inverted",
-      "children",
-      "className",
-      "id",
-      "onClick",
-      "skeleton",
-      "href",
-      "blank",
-      "backgroundColor",
-      "highlighted",
-      "shadowless",
-      "backgroundSrc",
-      "flat",
-      "headerOffset",
-      "fullheight",
-      "active"
-    ]);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      clsx(
-        "box",
-        shadowless && is("shadowless"),
-        className,
-        backgroundColor && has(getBackgroundClassName(backgroundColor)),
-        backgroundSrc && has("background"),
-        inverted && is("inverted"),
-        skeleton && is("loading"),
-        highlighted && `${is("highlighted")} ${is(getColorClassName(highlighted))}`,
-        flat && is("flat"),
-        headerOffset && is("offset-header"),
-        fullheight && is("fullheight"),
-        active && is("active")
-      )
-    );
-    const Tag = href ? "a" : "div";
-    const hoverStyle = {
-      cursor: "pointer"
-    };
-    return /* @__PURE__ */ React.createElement(
-      Tag,
-      __spreadValues(__spreadValues(__spreadProps(__spreadValues({
-        ref,
-        id,
-        style: onClick && __spreadValues({}, hoverStyle),
-        href
-      }, href && blank && {
-        target: "_blank"
-      }), {
-        onClick: (e) => {
-          onClick == null ? void 0 : onClick(e);
-        },
-        className: classes
-      }), others), backgroundSrc && {
-        style: {
-          backgroundImage: `url(${backgroundSrc})`
-        }
-      }),
-      children
-    );
-  }
-);
-Box.displayName = "Box" /* Box */;
-var Box_default = Box;
-
-export {
-  Box_default
-};

package/lib/chunk-YAUPGZJ6.mjs

@@ -1,145 +0,0 @@
-import {
-  Tab_default
-} from "./chunk-JZJ5OVI3.mjs";
-import {
-  TabsContext
-} from "./chunk-UQU7MIEB.mjs";
-import {
-  getAlignClassName
-} from "./chunk-LCCPZVJA.mjs";
-import {
-  Icon_default
-} from "./chunk-6F4GWAQR.mjs";
-import {
-  is
-} from "./chunk-HLQ4FCCM.mjs";
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-4VQ23W74.mjs";
-
-// components/tabs/tab-list/TabList.tsx
-import clsx from "clsx";
-import React, { useMemo } from "react";
-var TabList = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className, id, testId, align } = _b, others = __objRest(_b, ["children", "className", "id", "testId", "align"]);
-    const { styled } = useTrilogyContext();
-    const TabListRef = React.useRef(null);
-    const tabRefs = React.useRef([]);
-    const { small } = React.useContext(TabsContext);
-    React.useImperativeHandle(ref, () => TabListRef.current);
-    const [tabsWidth, setTabsWidth] = React.useState(0);
-    const [tabListWidth, setTabListWidth] = React.useState(0);
-    const [scrollLeft, setScrollLeft] = React.useState(0);
-    const [tabFocused, setTabFocused] = React.useState(0);
-    const classes = hashClass(styled, clsx("tab-list", align && is(getAlignClassName(align)), className));
-    const isVisibleArrowLeft = useMemo(() => {
-      if (!tabRefs.current.length) return false;
-      return scrollLeft > tabRefs.current[0].width / 2;
-    }, [tabRefs, scrollLeft]);
-    const isVisibleArrowRight = useMemo(
-      () => tabListWidth - tabsWidth - scrollLeft > 5,
-      [tabListWidth, tabsWidth, scrollLeft]
-    );
-    const TabElms = React.useMemo(() => {
-      return React.Children.map(children, (child, index) => {
-        if (!React.isValidElement(child)) return false;
-        return /* @__PURE__ */ React.createElement(
-          Tab_default,
-          __spreadValues({
-            ref: (el) => tabRefs.current[index] = el == null ? void 0 : el.getBoundingClientRect(),
-            index
-          }, child.props)
-        );
-      });
-    }, [children, tabRefs]);
-    const scrollWithArrow = React.useCallback(
-      (direction) => {
-        var _a2;
-        if (tabRefs.current) {
-          const firstGap = tabRefs.current[0].x;
-          const nextTab = tabFocused + direction;
-          const nextPosition = tabRefs.current[nextTab === -1 ? 0 : nextTab];
-          nextPosition && ((_a2 = TabListRef.current) == null ? void 0 : _a2.scrollTo({ left: nextPosition.x - firstGap, behavior: "smooth" }));
-        }
-      },
-      [tabRefs.current, tabFocused, TabListRef]
-    );
-    const handleScrollList = React.useCallback(
-      (e) => {
-        const target = e.target;
-        const firstGap = tabRefs.current[0].x + (small ? 16 : 24);
-        const scrollPosition = tabRefs.current.findIndex((tab) => {
-          return target.scrollLeft >= tab.left - firstGap && target.scrollLeft <= tab.right - firstGap;
-        });
-        setTabFocused(scrollPosition);
-        setScrollLeft(target.scrollLeft);
-      },
-      [tabRefs, small]
-    );
-    const onClickPrev = React.useCallback(() => {
-      isVisibleArrowLeft && scrollWithArrow(-1);
-    }, [scrollWithArrow, isVisibleArrowLeft]);
-    const onClickNext = React.useCallback(() => {
-      isVisibleArrowRight && scrollWithArrow(1);
-    }, [scrollWithArrow, isVisibleArrowRight]);
-    const setWidths = React.useCallback(() => {
-      if (TabListRef.current) {
-        setTabsWidth(TabListRef.current.clientWidth);
-        setTabListWidth(TabListRef.current.scrollWidth);
-      }
-    }, [TabListRef]);
-    React.useEffect(() => {
-      setWidths();
-    }, [setWidths, isVisibleArrowLeft, isVisibleArrowRight]);
-    React.useEffect(() => {
-      window.addEventListener("resize", setWidths);
-      return () => window.removeEventListener("resize", setWidths);
-    }, [TabListRef, setWidths]);
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      __spreadValues({
-        ref: TabListRef,
-        id,
-        "data-testid": testId,
-        "data-tablist": "",
-        className: classes,
-        onScroll: handleScrollList
-      }, others),
-      isVisibleArrowLeft && /* @__PURE__ */ React.createElement(
-        Icon_default,
-        {
-          "data-arrow-prev": "",
-          name: "tri-arrow-left",
-          className: clsx("arrow-prev"),
-          size: small ? "small" : "medium",
-          onClick: onClickPrev
-        }
-      ),
-      TabElms,
-      isVisibleArrowRight && /* @__PURE__ */ React.createElement(
-        Icon_default,
-        {
-          "data-arrow-next": "",
-          name: "tri-arrow-right",
-          className: clsx("arrow-next"),
-          size: small ? "small" : "medium",
-          onClick: onClickNext
-        }
-      )
-    );
-  }
-);
-TabList.displayName = "TabList" /* TabList */;
-var TabList_default = TabList;
-
-export {
-  TabList_default
-};

package/lib/chunk-YIEH3QZ4.mjs

@@ -1,44 +0,0 @@
-import {
-  getBackgroundClassName
-} from "./chunk-CNJHYNT2.mjs";
-import {
-  has
-} from "./chunk-HLQ4FCCM.mjs";
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-4VQ23W74.mjs";
-
-// components/box/footer/BoxFooter.tsx
-import clsx from "clsx";
-import * as React from "react";
-var BoxFooter = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, children, backgroundColor, id } = _b, others = __objRest(_b, ["className", "children", "backgroundColor", "id"]);
-    const { styled } = useTrilogyContext();
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      __spreadValues({
-        ref,
-        id,
-        className: hashClass(
-          styled,
-          clsx("box-footer", backgroundColor && has(getBackgroundClassName(backgroundColor)), className)
-        )
-      }, others),
-      children
-    );
-  }
-);
-BoxFooter.displayName = "BoxFooter" /* BoxFooter */;
-var BoxFooter_default = BoxFooter;
-
-export {
-  BoxFooter_default
-};