@trilogy-ds/react 0.0.5-esm-cjs → 0.0.6-alpha-prompt

package/lib/chunk-FDTDGN3Z.mjs

@@ -1,180 +0,0 @@
-import {
-  Text_default
-} from "./chunk-5VIOTCFL.mjs";
-import {
-  is
-} from "./chunk-HLQ4FCCM.mjs";
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-
-// components/otp/Otp.tsx
-import translation from "@trilogy-ds/locales/lib/otp";
-import clsx from "clsx";
-import React, { useEffect, useRef, useState } from "react";
-var stringToCode = (str, codeSize) => {
-  if (!str) return new Array(codeSize).fill(null);
-  return str.split("").map((char) => char === "" ? null : Number(char));
-};
-var codeToString = (code) => {
-  return code.map((char) => char === null ? "_" : char).join("");
-};
-var isCompleted = (myCode) => {
-  return myCode.every((code) => code !== null);
-};
-var focusToNextInput = (target, value) => {
-  const nextElementSibling = target.nextElementSibling;
-  if (nextElementSibling) {
-    if (value) nextElementSibling.value = value;
-    if (target.value.length) nextElementSibling.focus();
-  } else {
-    target.focus();
-  }
-};
-var focusToPrevInput = (target) => {
-  const previousElementSibling = target.previousElementSibling;
-  if (previousElementSibling) {
-    previousElementSibling.focus();
-  } else {
-    target.focus();
-  }
-};
-var updateCodeInput = (value, index, code) => {
-  const numberValue = Number(value);
-  if (isNaN(numberValue) || value.length < 1) {
-    return code;
-  }
-  const newCodeInput = code.map((code2, idx) => {
-    return idx === index ? Number(value.slice(0, 1)) : code2;
-  });
-  return updateCodeInput(value.slice(1), index + 1, newCodeInput);
-};
-var inputOnKeyUp = (e) => {
-  const { key } = e;
-  const target = e.target;
-  if (key === "ArrowRight" || key === "ArrowDown") {
-    return focusToNextInput(target);
-  }
-  if (key === "ArrowLeft" || key === "ArrowUp") {
-    return focusToPrevInput(target);
-  }
-  if (key === "Backspace") {
-    return target.value === "" && focusToPrevInput(target);
-  }
-  if (key >= "0" && key <= "9") {
-    focusToNextInput(target);
-  }
-};
-var formatTranslation = (translation2, x, y) => {
-  return translation2.replace(/:x/g, x).replace(/:y/g, y);
-};
-var Otp = React.forwardRef(
-  ({
-    className,
-    id,
-    value,
-    length = 6,
-    disabled,
-    error,
-    onCompleted,
-    onChange,
-    onFocus,
-    label,
-    help,
-    autoFocus,
-    ...others
-  }, ref) => {
-    const [codeInput, setCodeInput] = useState(
-      stringToCode(value, length) || new Array(length).fill(null)
-    );
-    const hasChanged = useRef(false);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("otp-list", error && is("error"), className));
-    useEffect(() => {
-      if (!disabled) {
-        isCompleted(codeInput) && (onCompleted == null ? void 0 : onCompleted(codeToString(codeInput)));
-      }
-    }, [length, codeInput, onCompleted, disabled]);
-    useEffect(() => {
-      hasChanged.current = codeInput.find((code) => code !== null) !== void 0;
-      if (hasChanged.current) {
-        onChange == null ? void 0 : onChange(codeToString(codeInput));
-      }
-    }, [codeInput]);
-    const inputOnChange = (e, idx) => {
-      const { target } = e;
-      const targetValue = target.value.trim();
-      if (targetValue.length > 0) {
-        setCodeInput(updateCodeInput(targetValue, idx, codeInput));
-      } else {
-        setCodeInput(
-          codeInput.map((code, index) => {
-            return index === idx ? null : code;
-          })
-        );
-      }
-    };
-    const inputOnFocus = (e) => {
-      const { target } = e;
-      target.setSelectionRange(0, target.value.length);
-    };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, label && /* @__PURE__ */ React.createElement(
-      Text_default,
-      {
-        markup: "p" /* P */,
-        typo: disabled && "has-text-grey" /* TEXT_NEUTRAL */ || error && "has-text-error" /* TEXT_ERROR */ || "has-text-main" /* TEXT_MAIN */
-      },
-      label
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        id,
-        className: classes,
-        onClick: () => {
-          if (!disabled) {
-            onFocus == null ? void 0 : onFocus(true);
-          }
-        }
-      },
-      codeInput.map((digit, idx) => /* @__PURE__ */ React.createElement(
-        "input",
-        {
-          "aria-disabled": disabled,
-          key: idx,
-          type: "tel",
-          inputMode: "numeric",
-          autoComplete: "one-time-code",
-          autoFocus: idx === 0 && autoFocus,
-          pattern: "\\d{1}",
-          maxLength: length,
-          className: hashClass(styled, clsx("otp")),
-          value: `${digit != null ? digit : ""}`,
-          onKeyUp: inputOnKeyUp,
-          onFocus: inputOnFocus,
-          onChange: (e) => inputOnChange(e, idx),
-          disabled,
-          title: formatTranslation(translation.inputTitle, String(idx + 1), String(length)),
-          ...others
-        }
-      ))
-    ), help && /* @__PURE__ */ React.createElement(
-      Text_default,
-      {
-        className: hashClass(styled, clsx("help")),
-        markup: "p" /* P */,
-        typo: error && "has-text-error" /* TEXT_ERROR */ || "has-text-main" /* TEXT_MAIN */
-      },
-      help
-    ));
-  }
-);
-Otp.displayName = "Otp" /* Otp */;
-var Otp_default = Otp;
-
-export {
-  Otp_default
-};

package/lib/chunk-FI7J3PI4.mjs

@@ -1,10 +0,0 @@
-import {
-  ProgressItem_default
-} from "./chunk-JNZCOWOT.mjs";
-
-// components/progress/item/index.ts
-var item_default = ProgressItem_default;
-
-export {
-  item_default
-};

package/lib/chunk-FJ6FV33O.mjs

@@ -1,142 +0,0 @@
-import {
-  Tab_default
-} from "./chunk-KE6TZ564.mjs";
-import {
-  TabsContext
-} from "./chunk-UQU7MIEB.mjs";
-import {
-  getAlignClassName
-} from "./chunk-LCCPZVJA.mjs";
-import {
-  Icon_default
-} from "./chunk-KWQHZ3AX.mjs";
-import {
-  is
-} from "./chunk-HLQ4FCCM.mjs";
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-
-// components/tabs/tab-list/TabList.tsx
-import clsx from "clsx";
-import React, { useMemo } from "react";
-var TabList = React.forwardRef(
-  ({ children, className, id, testId, align, ...others }, ref) => {
-    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,
-          {
-            ref: (el) => tabRefs.current[index] = el == null ? void 0 : el.getBoundingClientRect(),
-            index,
-            ...child.props
-          }
-        );
-      });
-    }, [children, tabRefs]);
-    const scrollWithArrow = React.useCallback(
-      (direction) => {
-        var _a;
-        if (tabRefs.current) {
-          const firstGap = tabRefs.current[0].x;
-          const nextTab = tabFocused + direction;
-          const nextPosition = tabRefs.current[nextTab === -1 ? 0 : nextTab];
-          nextPosition && ((_a = TabListRef.current) == null ? void 0 : _a.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",
-      {
-        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-FQP3ZRCY.mjs

@@ -1,43 +0,0 @@
-import {
-  has,
-  is
-} from "./chunk-HLQ4FCCM.mjs";
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-
-// components/table/Table.tsx
-import * as React from "react";
-import clsx from "clsx";
-var Table = React.forwardRef(({
-  className,
-  id,
-  fullwidth,
-  border = "lines" /* LINES */,
-  striped,
-  compact,
-  ...others
-}, ref) => {
-  const { styled } = useTrilogyContext();
-  const classes = hashClass(
-    styled,
-    clsx(
-      "table",
-      fullwidth && is("fullwidth"),
-      border && border !== "lines" /* LINES */ && has(`border-${border}`),
-      striped && is("striped"),
-      compact && is("compact"),
-      className
-    )
-  );
-  return /* @__PURE__ */ React.createElement("table", { ref, id, className: classes, ...others });
-});
-Table.displayName = "Table" /* Table */;
-var Table_default = Table;
-
-export {
-  Table_default
-};

package/lib/chunk-FYXJOPZE.mjs

@@ -1,10 +0,0 @@
-import {
-  TimelineContent_default
-} from "./chunk-UZ2RV7UP.mjs";
-
-// components/timeline/content/index.ts
-var content_default = TimelineContent_default;
-
-export {
-  content_default
-};

package/lib/chunk-GCCNG7UD.mjs

@@ -1,93 +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";
-
-// components/box/Box.tsx
-import clsx from "clsx";
-import React from "react";
-var Box = React.forwardRef(
-  ({
-    inverted,
-    children,
-    className,
-    id,
-    onClick,
-    skeleton,
-    href,
-    blank,
-    backgroundColor,
-    highlighted,
-    shadowless,
-    backgroundSrc,
-    flat,
-    headerOffset,
-    fullheight,
-    active,
-    ...others
-  }, ref) => {
-    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,
-      {
-        ref,
-        id,
-        style: onClick && { ...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-GEDJ6DEY.mjs

@@ -1,39 +0,0 @@
-// components/countdown/CountdownEnum.ts
-var CountdownFormat = /* @__PURE__ */ ((CountdownFormat2) => {
-  CountdownFormat2["DAY_HOUR_MIN_SEC"] = "dd-hh-mm-ss";
-  CountdownFormat2["HOUR_MIN_SEC"] = "hh-mm-ss";
-  CountdownFormat2["MIN_SEC"] = "mm-ss";
-  CountdownFormat2["SEC"] = "ss";
-  CountdownFormat2["DAY"] = "dd";
-  CountdownFormat2["DAY_HOUR"] = "dd-hh";
-  CountdownFormat2["DAY_HOUR_MIN"] = "dd-hh-mm";
-  return CountdownFormat2;
-})(CountdownFormat || {});
-var CountdownUnite = /* @__PURE__ */ ((CountdownUnite2) => {
-  CountdownUnite2[CountdownUnite2["DAY"] = 0] = "DAY";
-  CountdownUnite2[CountdownUnite2["HOUR"] = 1] = "HOUR";
-  CountdownUnite2[CountdownUnite2["MIN"] = 2] = "MIN";
-  CountdownUnite2[CountdownUnite2["SEC"] = 3] = "SEC";
-  return CountdownUnite2;
-})(CountdownUnite || {});
-var getFormatWidth = (format) => {
-  switch (format) {
-    case "hh-mm-ss" /* HOUR_MIN_SEC */:
-    case "dd-hh-mm" /* DAY_HOUR_MIN */:
-      return "60%";
-    case "mm-ss" /* MIN_SEC */:
-    case "dd-hh" /* DAY_HOUR */:
-      return "40%";
-    case "ss" /* SEC */:
-    case "dd" /* DAY */:
-      return "20%";
-    default:
-      return "80%";
-  }
-};
-
-export {
-  CountdownFormat,
-  CountdownUnite,
-  getFormatWidth
-};

package/lib/chunk-GGPKNAXP.mjs

@@ -1,12 +0,0 @@
-// components/card/image/CardImageEnum.ts
-var CardImageSize = /* @__PURE__ */ ((CardImageSize2) => {
-  CardImageSize2[CardImageSize2["SIZE_1"] = 1] = "SIZE_1";
-  CardImageSize2[CardImageSize2["SIZE_2"] = 2] = "SIZE_2";
-  CardImageSize2[CardImageSize2["SIZE_3"] = 3] = "SIZE_3";
-  CardImageSize2[CardImageSize2["SIZE_4"] = 4] = "SIZE_4";
-  return CardImageSize2;
-})(CardImageSize || {});
-
-export {
-  CardImageSize
-};

package/lib/chunk-H2WRUU2Y.mjs

@@ -1,27 +0,0 @@
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-
-// components/spacer/Spacer.tsx
-import clsx from "clsx";
-import * as React from "react";
-var Spacer = React.forwardRef(({ size, horizontal, className, id }, ref) => {
-  const { styled } = useTrilogyContext();
-  const styles = {
-    spacer: {
-      marginLeft: horizontal ? `${size}px` : "0px",
-      marginTop: !horizontal ? `${size}px` : "0px"
-    }
-  };
-  const classes = hashClass(styled, clsx(className));
-  return /* @__PURE__ */ React.createElement("div", { ref, id, style: styles.spacer, className: classes });
-});
-Spacer.displayName = "Spacer" /* Spacer */;
-var Spacer_default = Spacer;
-
-export {
-  Spacer_default
-};

package/lib/chunk-H33LFANI.mjs

@@ -1,44 +0,0 @@
-import {
-  getColorClassName
-} from "./chunk-EJ2APB7I.mjs";
-import {
-  is
-} from "./chunk-HLQ4FCCM.mjs";
-import {
-  hashClass
-} from "./chunk-XFWJ47MX.mjs";
-import {
-  useTrilogyContext
-} from "./chunk-5VN6OIEF.mjs";
-
-// components/table/tr/TableTr.tsx
-import * as React from "react";
-import clsx from "clsx";
-var TableTr = React.forwardRef(({
-  className,
-  id,
-  expandable,
-  expanded,
-  expansion,
-  color,
-  ...others
-}, ref) => {
-  const { styled } = useTrilogyContext();
-  const classes = hashClass(
-    styled,
-    clsx(
-      className,
-      expandable && is("expandable"),
-      expanded && is("expanded"),
-      expansion && is("expansion"),
-      color && getColorClassName(color)
-    )
-  );
-  return /* @__PURE__ */ React.createElement("tr", { ref, id, className: classes, ...others });
-});
-TableTr.displayName = "TableTr" /* TableTr */;
-var TableTr_default = TableTr;
-
-export {
-  TableTr_default
-};

package/lib/chunk-H5R6E2LL.mjs

@@ -1,10 +0,0 @@
-import {
-  TimelineItem_default
-} from "./chunk-I64YDCDJ.mjs";
-
-// components/timeline/item/index.ts
-var item_default = TimelineItem_default;
-
-export {
-  item_default
-};

package/lib/chunk-HDEGB6C4.mjs

@@ -1,10 +0,0 @@
-// components/button/list/ButtonListEnum.ts
-var ButtonListDirectionEnum = /* @__PURE__ */ ((ButtonListDirectionEnum2) => {
-  ButtonListDirectionEnum2["ROW"] = "row";
-  ButtonListDirectionEnum2["COLUMN"] = "column";
-  return ButtonListDirectionEnum2;
-})(ButtonListDirectionEnum || {});
-
-export {
-  ButtonListDirectionEnum
-};

package/lib/chunk-HGMIQIZ6.mjs

@@ -1,12 +0,0 @@
-// components/tag/TagEnum.ts
-var TagVariant = /* @__PURE__ */ ((TagVariant2) => {
-  TagVariant2["SUCCESS"] = "SUCCESS";
-  TagVariant2["INFO"] = "INFO";
-  TagVariant2["ERROR"] = "ERROR";
-  TagVariant2["WARNING"] = "WARNING";
-  return TagVariant2;
-})(TagVariant || {});
-
-export {
-  TagVariant
-};

package/lib/chunk-HHJYYP3Q.mjs

@@ -1,20 +0,0 @@
-import {
-  AutoLayout_default
-} from "./chunk-7PQQULG3.mjs";
-
-// components/autolayout/AutoLayoutWrapper.tsx
-import * as React from "react";
-var AutoLayoutWrapper = ({ autolayout = true, children }) => {
-  if (autolayout === true) {
-    return /* @__PURE__ */ React.createElement(AutoLayout_default, null, children);
-  } else if (autolayout) {
-    return /* @__PURE__ */ React.createElement(AutoLayout_default, { matrix: autolayout }, children);
-  } else {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-  }
-};
-var AutoLayoutWrapper_default = AutoLayoutWrapper;
-
-export {
-  AutoLayoutWrapper_default
-};