@trilogy-ds/react 0.0.27-esm-cjs → 0.0.28-esm-cjs

package/lib/components/dropdown/trigger/DropdownTriggerProps.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TouchableOpacity } from 'react-native';
+import { Clickable } from '../../../objects/facets/Clickable';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/facets/Dev';
+/**
+ * DropdownTrigger Interface
+ */
+export interface DropdownTriggerProps extends Clickable, CommonProps, Dev {
+    children?: React.ReactNode;
+}
+export type DropdownTriggerRef = HTMLDivElement;
+export type DropdownTriggerNativeRef = TouchableOpacity;

package/lib/components/dropdown/trigger/DropdownTriggerProps.js

@@ -0,0 +1,19 @@
+"use client";
+"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/dropdown/trigger/DropdownTriggerProps.ts
+var DropdownTriggerProps_exports = {};
+module.exports = __toCommonJS(DropdownTriggerProps_exports);

package/lib/components/dropdown/trigger/DropdownTriggerProps.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../../chunk-FRHV2QIJ.mjs";

package/lib/components/dropdown/trigger/DropdownTriggerPropsDefaults.js

@@ -0,0 +1,44 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/dropdown/trigger/index.d.mts

@@ -0,0 +1,3 @@
+import DropdownTrigger from './DropdownTrigger';
+export * from './DropdownTriggerProps';
+export { DropdownTrigger };

package/lib/components/dropdown/trigger/index.d.ts

@@ -0,0 +1,3 @@
+import DropdownTrigger from './DropdownTrigger';
+export * from './DropdownTriggerProps';
+export { DropdownTrigger };

package/lib/components/dropdown/trigger/index.js

@@ -0,0 +1,176 @@
+"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/dropdown/trigger/index.ts
+var trigger_exports = {};
+__export(trigger_exports, {
+  DropdownTrigger: () => DropdownTrigger_default
+});
+module.exports = __toCommonJS(trigger_exports);
+
+// components/dropdown/trigger/DropdownTrigger.tsx
+var React6 = __toESM(require("react"));
+
+// context/context/trilogyContext.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;
+};
+
+// context/provider/provider.tsx
+var import_react = __toESM(require("react"));
+
+// context/providerStates/index.ts
+var import_react2 = require("react");
+var StatesContext = (0, import_react2.createContext)({
+  inverted: false,
+  active: false,
+  flat: false
+});
+
+// context/providerStyled/providerStyled.tsx
+var React3 = __toESM(require("react"));
+
+// context/providerTheme/providerTheme.tsx
+var import_react3 = __toESM(require("react"));
+var defaultTheme = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = import_react3.default.createContext(defaultContextValue);
+
+// 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/dropdown/trigger/DropdownTrigger.tsx
+var import_clsx = __toESM(require("clsx"));
+
+// components/dropdown/context/DropdownContext.tsx
+var import_react4 = __toESM(require("react"));
+var DropdownContext = (0, import_react4.createContext)(void 0);
+var useDropdownContext = () => {
+  const context = (0, import_react4.useContext)(DropdownContext);
+  if (!context) {
+    throw new Error("useDropdownContext must be used within a DropdownProvider");
+  }
+  return context;
+};
+
+// components/dropdown/trigger/DropdownTrigger.tsx
+var DropdownTrigger = React6.forwardRef(
+  ({
+    children,
+    onClick,
+    className,
+    testId,
+    ...others
+  }, ref) => {
+    const { styled } = useTrilogyContext();
+    let contextState = null;
+    try {
+      contextState = useDropdownContext();
+    } catch {
+      contextState = null;
+    }
+    const classes = hashClass(
+      styled,
+      (0, import_clsx.default)(
+        "dropdown-trigger",
+        className
+      )
+    );
+    const handleClick = (event) => {
+      if (contextState) {
+        contextState.toggle();
+      }
+      onClick == null ? void 0 : onClick(event);
+    };
+    const enhancedChildren = React6.Children.map(children, (child) => {
+      if (React6.isValidElement(child)) {
+        if (!child.props.onClick) {
+          return React6.cloneElement(child, {
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              handleClick(e);
+            }
+          });
+        }
+        return React6.cloneElement(child, {
+          onClick: (e) => {
+            var _a, _b;
+            (_b = (_a = child.props).onClick) == null ? void 0 : _b.call(_a, e);
+            if (!e.defaultPrevented) {
+              handleClick(e);
+            }
+          }
+        });
+      }
+      return child;
+    });
+    return /* @__PURE__ */ React6.createElement(
+      "div",
+      {
+        ref,
+        className: classes,
+        onClick: handleClick,
+        "data-testid": testId,
+        ...others
+      },
+      enhancedChildren
+    );
+  }
+);
+DropdownTrigger.displayName = "DropdownTrigger" /* DropdownTrigger */;
+var DropdownTrigger_default = DropdownTrigger;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropdownTrigger
+});

package/lib/components/dropdown/trigger/index.mjs

@@ -0,0 +1,19 @@
+"use client";
+import {
+  DropdownTrigger_default
+} from "../../../chunk-HAIHG3RG.mjs";
+import "../../../chunk-N6PAYRHX.mjs";
+import "../../../chunk-M5US2UAQ.mjs";
+import "../../../chunk-FRHV2QIJ.mjs";
+import "../../../chunk-PKMC2LCN.mjs";
+import "../../../chunk-X6SQUIXU.mjs";
+import "../../../chunk-HZ3DFWF6.mjs";
+import "../../../chunk-XGS2TGKN.mjs";
+import "../../../chunk-SJHSDGQP.mjs";
+import "../../../chunk-6IKR6FTJ.mjs";
+import "../../../chunk-OXCSBRU5.mjs";
+import "../../../chunk-M6FZOPDH.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  DropdownTrigger_default as DropdownTrigger
+};

package/lib/components/dropdown/trigger/index.native.d.mts

@@ -0,0 +1,3 @@
+import DropdownTrigger from './DropdownTrigger.native';
+export * from './DropdownTriggerProps';
+export { DropdownTrigger };

package/lib/components/dropdown/trigger/index.native.d.ts

@@ -0,0 +1,3 @@
+import DropdownTrigger from './DropdownTrigger.native';
+export * from './DropdownTriggerProps';
+export { DropdownTrigger };

package/lib/components/dropdown/trigger/index.native.js

@@ -0,0 +1,48 @@
+"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/dropdown/trigger/index.native.ts
+var index_native_exports = {};
+__export(index_native_exports, {
+  DropdownTrigger: () => DropdownTrigger_native_default
+});
+module.exports = __toCommonJS(index_native_exports);
+
+// components/dropdown/trigger/DropdownTrigger.native.tsx
+var React = __toESM(require("react"));
+var DropdownTrigger = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+});
+DropdownTrigger.displayName = "DropdownTrigger" /* DropdownTrigger */;
+var DropdownTrigger_native_default = DropdownTrigger;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropdownTrigger
+});

package/lib/components/dropdown/trigger/index.native.mjs

@@ -0,0 +1,10 @@
+"use client";
+import {
+  DropdownTrigger_native_default
+} from "../../../chunk-LZH3HQCB.mjs";
+import "../../../chunk-FRHV2QIJ.mjs";
+import "../../../chunk-M6FZOPDH.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  DropdownTrigger_native_default as DropdownTrigger
+};

package/lib/components/enumsComponentsName.d.mts

@@ -40,6 +40,10 @@ export declare enum ComponentName {
     ContentSize = "ContentSize",
     Countdown = "Countdown",
     Divider = "Divider",
+    Dropdown = "Dropdown",
+    DropdownItem = "DropdownItem",
+    DropdownGroup = "DropdownGroup",
+    DropdownTrigger = "DropdownTrigger",
     Fab = "Fab",
     FlexBox = "FlexBox",
     FlexItem = "FlexItem",

package/lib/components/enumsComponentsName.d.ts

@@ -40,6 +40,10 @@ export declare enum ComponentName {
     ContentSize = "ContentSize",
     Countdown = "Countdown",
     Divider = "Divider",
+    Dropdown = "Dropdown",
+    DropdownItem = "DropdownItem",
+    DropdownGroup = "DropdownGroup",
+    DropdownTrigger = "DropdownTrigger",
     Fab = "Fab",
     FlexBox = "FlexBox",
     FlexItem = "FlexItem",

package/lib/components/enumsComponentsName.js

@@ -66,6 +66,10 @@ var ComponentName = /* @__PURE__ */ ((ComponentName2) => {
   ComponentName2["ContentSize"] = "ContentSize";
   ComponentName2["Countdown"] = "Countdown";
   ComponentName2["Divider"] = "Divider";
+  ComponentName2["Dropdown"] = "Dropdown";
+  ComponentName2["DropdownItem"] = "DropdownItem";
+  ComponentName2["DropdownGroup"] = "DropdownGroup";
+  ComponentName2["DropdownTrigger"] = "DropdownTrigger";
   ComponentName2["Fab"] = "Fab";
   ComponentName2["FlexBox"] = "FlexBox";
   ComponentName2["FlexItem"] = "FlexItem";

package/lib/components/enumsComponentsName.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   ComponentName
-} from "../chunk-VDLM4YQP.mjs";
+} from "../chunk-M6FZOPDH.mjs";
 import "../chunk-QIPGVLHJ.mjs";
 export {
   ComponentName

package/lib/components/fab/Fab.js

@@ -133,7 +133,8 @@ var colors = {
   ["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"]
+  ["STROKE" /* STROKE */]: ["#BBC1CE", "stroke", "white"],
+  ["STROKE_FADE" /* STROKE_FADE */]: ["#cadbe8", "stroke-fade", "white"]
 };
 var getColorClassName = (trilogyColor) => {
   const color = colors[trilogyColor];
@@ -147,12 +148,13 @@ var getBackgroundClassName = (backgroundType) => {
 
 // objects/facets/Justifiable/index.ts
 var getJustifySelfClassName = (justifyContent) => {
-  switch (justifyContent) {
-    case "ALIGNED_CENTER":
+  if (!justifyContent) return "justified-selfstart";
+  switch (true) {
+    case ["ALIGNED_CENTER", "CENTER"].includes(justifyContent):
       return "justified-self-center";
-    case "ALIGNED_START":
+    case ["START", "ALIGNED_START"].includes(justifyContent):
       return "justified-self-start";
-    case "ALIGNED_END":
+    case ["ALIGNED_END", "END"].includes(justifyContent):
       return "justified-selfend";
     default:
       return "justified-selfstart";

package/lib/components/fab/Fab.mjs

@@ -1,29 +1,29 @@
 "use client";
 import {
   Fab_default
-} from "../../chunk-GMDNZ7QH.mjs";
+} from "../../chunk-J2WZEY4A.mjs";
 import "../../chunk-Y3ROARMA.mjs";
 import "../../chunk-LGL3XQ7F.mjs";
-import "../../chunk-2Y6KFFKS.mjs";
-import "../../chunk-N7MFF5DP.mjs";
+import "../../chunk-LBHJFKKZ.mjs";
+import "../../chunk-MTRPTXD2.mjs";
 import "../../chunk-A35Q44N2.mjs";
-import "../../chunk-KWLXL7TO.mjs";
+import "../../chunk-GA2G3UAN.mjs";
 import "../../chunk-SWVRRUW7.mjs";
 import "../../chunk-Y7CEUBIZ.mjs";
 import "../../chunk-HU3FAWMX.mjs";
 import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-OGATDHMZ.mjs";
 import "../../chunk-PKMC2LCN.mjs";
-import "../../chunk-CQLUHQ2S.mjs";
+import "../../chunk-X6SQUIXU.mjs";
 import "../../chunk-HZ3DFWF6.mjs";
 import "../../chunk-XGS2TGKN.mjs";
 import "../../chunk-SJHSDGQP.mjs";
-import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-DBSMMWLO.mjs";
 import "../../chunk-RYABO2EX.mjs";
 import "../../chunk-6IKR6FTJ.mjs";
-import "../../chunk-5VEQNIGA.mjs";
+import "../../chunk-OXCSBRU5.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
-import "../../chunk-VDLM4YQP.mjs";
+import "../../chunk-M6FZOPDH.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Fab_default as default