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

package/lib/components/otp/OtpProps.js

@@ -1,18 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/otp/OtpProps.ts
-var OtpProps_exports = {};
-module.exports = __toCommonJS(OtpProps_exports);
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL290cC9PdHBQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/otp/OtpProps.mjs

@@ -0,0 +1 @@
+import "../../chunk-Z5BQ7KVY.mjs";

package/lib/components/otp/index.d.mts

@@ -1,2 +1,3 @@
 import Otp from './Otp';
+export * from './OtpProps';
 export { Otp };

package/lib/components/otp/index.d.ts

@@ -1,2 +1,3 @@
 import Otp from './Otp';
+export * from './OtpProps';
 export { Otp };

package/lib/components/otp/index.js

@@ -1,378 +1,4 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __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/otp/index.ts
-var otp_exports = {};
-__export(otp_exports, {
-  Otp: () => Otp_default
-});
-module.exports = __toCommonJS(otp_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((_a, ref) => {
-  var _b = _a, {
-    level,
-    markup,
-    children,
-    className,
-    id,
-    typo,
-    inverted,
-    skeleton,
-    accessibilityLabel,
-    marginless,
-    numberOfLines
-  } = _b, others = __objRest(_b, [
-    "level",
-    "markup",
-    "children",
-    "className",
-    "id",
-    "typo",
-    "inverted",
-    "skeleton",
-    "accessibilityLabel",
-    "marginless",
-    "numberOfLines"
-  ]);
-  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,
-    __spreadValues({
-      ref,
-      id,
-      style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {},
-      "aria-label": accessibilityLabel,
-      className: classes
-    }, others),
-    children
-  );
-});
-Text.displayName = "Text" /* Text */;
-var Text_default = Text;
-
-// objects/Typography/TypographyBold/index.tsx
-var import_react2 = require("react");
-
-// 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_react3 = require("react");
-
-// components/otp/Otp.tsx
-var import_otp = __toESM(require("@trilogy-ds/locales/lib/otp"));
-var import_clsx2 = __toESM(require("clsx"));
-var import_react4 = __toESM(require("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 = import_react4.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
-      id,
-      value,
-      length = 6,
-      disabled,
-      error,
-      onCompleted,
-      onChange,
-      onFocus,
-      label,
-      help,
-      autoFocus
-    } = _b, others = __objRest(_b, [
-      "className",
-      "id",
-      "value",
-      "length",
-      "disabled",
-      "error",
-      "onCompleted",
-      "onChange",
-      "onFocus",
-      "label",
-      "help",
-      "autoFocus"
-    ]);
-    const [codeInput, setCodeInput] = (0, import_react4.useState)(
-      stringToCode(value, length) || new Array(length).fill(null)
-    );
-    const hasChanged = (0, import_react4.useRef)(false);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, (0, import_clsx2.default)("otp-list", error && is("error"), className));
-    (0, import_react4.useEffect)(() => {
-      if (!disabled) {
-        isCompleted(codeInput) && (onCompleted == null ? void 0 : onCompleted(codeToString(codeInput)));
-      }
-    }, [length, codeInput, onCompleted, disabled]);
-    (0, import_react4.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__ */ import_react4.default.createElement(import_react4.default.Fragment, null, label && /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(
-      "div",
-      {
-        ref,
-        id,
-        className: classes,
-        onClick: () => {
-          if (!disabled) {
-            onFocus == null ? void 0 : onFocus(true);
-          }
-        }
-      },
-      codeInput.map((digit, idx) => /* @__PURE__ */ import_react4.default.createElement(
-        "input",
-        __spreadValues({
-          "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, (0, import_clsx2.default)("otp")),
-          value: `${digit != null ? digit : ""}`,
-          onKeyUp: inputOnKeyUp,
-          onFocus: inputOnFocus,
-          onChange: (e) => inputOnChange(e, idx),
-          disabled,
-          title: formatTranslation(import_otp.default.inputTitle, String(idx + 1), String(length))
-        }, others)
-      ))
-    ), help && /* @__PURE__ */ import_react4.default.createElement(
-      Text_default,
-      {
-        className: hashClass(styled, (0, import_clsx2.default)("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;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Otp
-});
+import Otp from './Otp';
+export * from './OtpProps';
+export { Otp };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL290cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFFdkIsY0FBYyxZQUFZLENBQUE7QUFDMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=

package/lib/components/otp/index.mjs

@@ -1,14 +1,16 @@
-import "../../chunk-R6T2LHN2.mjs";
+import "../../chunk-DPKLVUQ4.mjs";
+import "../../chunk-Z5BQ7KVY.mjs";
 import {
   Otp_default
-} from "../../chunk-7DMYYWFF.mjs";
-import "../../chunk-7V4Z4X42.mjs";
-import "../../chunk-S3NVF5RX.mjs";
+} from "../../chunk-FDTDGN3Z.mjs";
+import "../../chunk-OAHEDO2N.mjs";
+import "../../chunk-5VIOTCFL.mjs";
+import "../../chunk-ZIO62QCN.mjs";
 import "../../chunk-WVW5Y7JU.mjs";
 import "../../chunk-6XYXISPQ.mjs";
-import "../../chunk-DZDQL5F4.mjs";
+import "../../chunk-LCOSP37I.mjs";
 import "../../chunk-DLLAGMBJ.mjs";
-import "../../chunk-ZZKO3PGP.mjs";
+import "../../chunk-DZDQL5F4.mjs";
 import "../../chunk-EJ2APB7I.mjs";
 import "../../chunk-SEWWK5HV.mjs";
 import "../../chunk-HLQ4FCCM.mjs";
@@ -16,7 +18,7 @@ import "../../chunk-XFWJ47MX.mjs";
 import "../../chunk-YZRO54LX.mjs";
 import "../../chunk-EJOKG5F4.mjs";
 import "../../chunk-5VN6OIEF.mjs";
-import "../../chunk-4VQ23W74.mjs";
+import "../../chunk-OQRDRRQA.mjs";
 export {
   Otp_default as Otp
 };

package/lib/components/otp/index.native.js

@@ -0,0 +1,4 @@
+import Otp from './Otp.native';
+export * from './OtpProps';
+export { Otp };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvaW5kZXgubmF0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sR0FBRyxNQUFNLGNBQWMsQ0FBQTtBQUU5QixjQUFjLFlBQVksQ0FBQTtBQUMxQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUEifQ==