twenty-sdk 0.4.0 → 0.4.1

package/dist/vendor/twenty-ui/utilities.mjs

@@ -0,0 +1,275 @@
+import { a, j as u } from "./emotion-react-jsx-runtime.browser.esm-BUNawPtg.js";
+import { motion as r, AnimatePresence as l } from "framer-motion";
+import c from "@emotion/styled";
+import { useTheme as d } from "@emotion/react";
+import { useMemo as h, useState as g, useEffect as y } from "react";
+import { R as X, a as Y, s as Z } from "./config-D9UgCg2c.js";
+import { a as v } from "./useIsMobile-DqVdogVd.js";
+import { g as et, u as it } from "./useIsMobile-DqVdogVd.js";
+import { i as at, u as ot } from "./useMouseDownNavigation-qpLZC7wJ.js";
+import { useNavigate as f, useLocation as w } from "react-router-dom";
+import { c as st } from "./createState-DvtGszbK.js";
+import { g as dt } from "./getDisplayValueByUrlType-BqPVhhu2.js";
+const S = /* @__PURE__ */ c(r.div, {
+  target: "edmf18n0"
+})("align-items:center;display:flex;justify-content:center;"), M = ({ children: t }) => {
+  const e = d();
+  return /* @__PURE__ */ a(S, {
+    initial: {
+      rotate: 0
+    },
+    animate: {
+      rotate: 360
+    },
+    transition: {
+      repeat: 1 / 0,
+      duration: e.animation.duration.slow,
+      ease: "easeInOut"
+    },
+    children: t
+  });
+}, N = ({ children: t }) => /* @__PURE__ */ a(r.div, {
+  initial: {
+    opacity: 0
+  },
+  animate: {
+    opacity: 1
+  },
+  transition: {
+    duration: 0.1
+  },
+  whileHover: {
+    scale: 1.04
+  },
+  children: t
+}), P = ({ children: t, duration: e = "normal" }) => {
+  const i = d(), n = {
+    opacity: 0
+  }, o = {
+    opacity: 1
+  }, s = {
+    ease: "linear",
+    duration: i.animation.duration[e]
+  };
+  return /* @__PURE__ */ a(r.div, {
+    initial: n,
+    animate: o,
+    transition: s,
+    children: t
+  });
+}, D = ({ children: t, isOpen: e, marginBottom: i, marginTop: n, duration: o = "normal", initial: s = !0 }) => {
+  const m = d();
+  return /* @__PURE__ */ a(l, {
+    initial: s,
+    children: e && /* @__PURE__ */ a(r.div, {
+      initial: {
+        marginBottom: i ?? 0,
+        marginTop: n ?? 0,
+        height: 0,
+        opacity: 0
+      },
+      animate: {
+        height: "fit-content",
+        opacity: 1
+      },
+      exit: {
+        height: 0,
+        opacity: 0,
+        marginBottom: 0,
+        marginTop: 0
+      },
+      transition: {
+        duration: m.animation.duration[o],
+        ease: "easeInOut"
+      },
+      children: t
+    })
+  });
+}, _ = ({ isOpen: t, children: e, duration: i = "normal", marginBottom: n, marginTop: o }) => {
+  const s = d();
+  return /* @__PURE__ */ a(l, {
+    children: t && /* @__PURE__ */ a(r.div, {
+      initial: {
+        opacity: 1,
+        marginBottom: n ?? 0,
+        marginTop: o ?? 0
+      },
+      exit: {
+        opacity: 0,
+        height: 0,
+        marginBottom: 0,
+        marginTop: 0
+      },
+      transition: {
+        duration: s.animation.duration[i],
+        ease: "easeOut"
+      },
+      children: e
+    })
+  });
+}, x = /* @__PURE__ */ c(r.div, {
+  target: "e1s2veoj0"
+})("align-items:center;display:flex;justify-content:center;"), U = ({ children: t, duration: e = "fast", animateOnHover: i }) => {
+  const n = d(), o = {
+    opacity: 0,
+    rotate: -90
+  }, s = {
+    opacity: 1,
+    rotate: 0
+  }, m = {
+    opacity: 0,
+    rotate: 90
+  }, p = {
+    duration: n.animation.duration[e]
+  };
+  return /* @__PURE__ */ a(x, {
+    initial: o,
+    animate: s,
+    transition: p,
+    exit: m,
+    whileHover: i ? {
+      rotate: 45,
+      transition: {
+        duration: n.animation.duration.fast
+      }
+    } : {},
+    children: t
+  });
+}, A = /* @__PURE__ */ c(r.div, {
+  target: "e92ja950"
+})("display:flex;overflow:hidden;"), C = /* @__PURE__ */ c(r.span, {
+  target: "e92ja951"
+})("white-space:pre;"), T = {
+  hidden: {
+    opacity: 0
+  },
+  visible: (t = 1) => ({
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.12,
+      delayChildren: 0.04 * t
+    }
+  })
+}, b = {
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      type: "spring",
+      damping: 12,
+      stiffness: 100
+    }
+  },
+  hidden: {
+    opacity: 0,
+    x: 20,
+    transition: {
+      type: "spring",
+      damping: 12,
+      stiffness: 100
+    }
+  }
+}, F = ({ text: t = "" }) => {
+  const e = h(() => {
+    const i = t.split(" ");
+    return i.map((n, o) => o === i.length - 1 ? n : n + " ");
+  }, [
+    t
+  ]);
+  return /* @__PURE__ */ a(A, {
+    variants: T,
+    initial: "hidden",
+    animate: "visible",
+    children: e.map((i, n) => /* @__PURE__ */ a(C, {
+      variants: b,
+      children: i
+    }, n))
+  });
+}, V = ({ children: t }) => {
+  const e = d();
+  return /* @__PURE__ */ a(r.div, {
+    initial: "hidden",
+    animate: "visible",
+    variants: {
+      hidden: {
+        opacity: 0,
+        y: -20
+      },
+      visible: {
+        opacity: 1,
+        y: 0,
+        transition: {
+          duration: e.animation.duration.normal,
+          ease: "easeInOut"
+        }
+      }
+    },
+    children: t
+  });
+}, $ = (t) => t.replace(/\d+$/, ""), k = () => v() === "mac" ? "⌘" : "Ctrl", z = /* @__PURE__ */ c("span", {
+  target: "e1evucbz0"
+})("pointer-events:none;visibility:hidden;white-space:pre;"), E = /* @__PURE__ */ c("div", {
+  target: "e1evucbz1"
+})("max-width:100%;position:relative;"), j = /* @__PURE__ */ c("div", {
+  target: "e1evucbz2"
+})("left:0;top:0;position:absolute;width:100%;"), q = ({ children: t, node: e = t, className: i }) => /* @__PURE__ */ u(E, {
+  className: i,
+  children: [
+    /* @__PURE__ */ a(z, {
+      children: e
+    }),
+    /* @__PURE__ */ a(j, {
+      children: t
+    })
+  ]
+}), G = () => {
+  const t = f(), e = w();
+  return {
+    resetLocationHash: () => {
+      t(e.pathname, {
+        replace: !0
+      });
+    }
+  };
+}, J = () => {
+  const [t, e] = g({
+    width: window.innerWidth,
+    height: window.innerHeight
+  });
+  return y(() => {
+    const i = () => {
+      e({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", i), () => {
+      window.removeEventListener("resize", i);
+    };
+  }, []), t;
+};
+export {
+  M as AnimatedCircleLoading,
+  N as AnimatedContainer,
+  P as AnimatedEaseIn,
+  D as AnimatedEaseInOut,
+  _ as AnimatedFadeOut,
+  U as AnimatedRotate,
+  F as AnimatedTextWord,
+  V as AnimatedTranslation,
+  q as AutogrowWrapper,
+  X as REACT_APP_SERVER_BASE_URL,
+  st as createState,
+  dt as getDisplayValueByUrlType,
+  $ as getMainColorNameFromPaletteColorName,
+  k as getOsControlSymbol,
+  et as getOsShortcutSeparator,
+  v as getUserDevice,
+  at as isNavigationModifierPressed,
+  Y as stringToThemeColor,
+  Z as stringToThemeColorP3String,
+  it as useIsMobile,
+  ot as useMouseDownNavigation,
+  G as useResetLocationHash,
+  J as useScreenSize
+};

package/dist/vendor/twenty-ui/visibility-hidden-00WyuQUL.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("@emotion/react"),i=e.css("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;");exports.VISIBILITY_HIDDEN=i;

package/dist/vendor/twenty-ui/visibility-hidden-DANnDHvJ.js

@@ -0,0 +1,5 @@
+import { css as i } from "@emotion/react";
+const p = /* @__PURE__ */ i("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;");
+export {
+  p as V
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twenty-sdk",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -62,7 +62,9 @@
     "inquirer": "^10.0.0",
     "jsonc-parser": "^3.2.0",
     "lodash.camelcase": "^4.3.0",
-    "react": "^18.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "twenty-shared": "workspace:*",
     "twenty-ui": "workspace:*",
     "typescript": "^5.9.2",
     "uuid": "^13.0.0",
@@ -77,7 +79,8 @@
     "@types/inquirer": "^9.0.0",
     "@types/lodash.camelcase": "^4.3.7",
     "@types/node": "^24.0.0",
-    "@types/react": "^18",
+    "@types/react": "18.2.66",
+    "@types/react-dom": "18.2.22",
     "ts-morph": "^25.0.0",
     "tsx": "^4.7.0",
     "vite-plugin-dts": "^4.5.4",

package/dist/types-Bg4PAegr.js

@@ -1 +0,0 @@
-"use strict";require("./RatingValues-CT-y6O0b-D7JSZAMu.js");var t=(e=>(e.ProfilePicture="profile-picture",e.WorkspaceLogo="workspace-logo",e.Attachment="attachment",e.PersonPicture="person-picture",e.File="file",e.AgentChat="agent-chat",e.BuiltLogicFunction="built-logic-function",e.BuiltFrontComponent="built-front-component",e.PublicAsset="public-asset",e.Source="source",e.FilesField="files-field",e))(t||{}),i=(e=>(e.CASCADE="CASCADE",e.RESTRICT="RESTRICT",e.SET_NULL="SET_NULL",e.NO_ACTION="NO_ACTION",e))(i||{}),o=(e=>(e.MANY_TO_ONE="MANY_TO_ONE",e.ONE_TO_MANY="ONE_TO_MANY",e))(o||{});exports.C=o;exports.O=i;exports.i=t;

package/dist/types-DVJsIqkp.mjs

@@ -1,7 +0,0 @@
-import "./RatingValues-CT-y6O0b-CsGZSJKO.mjs";
-var e = /* @__PURE__ */ ((t) => (t.ProfilePicture = "profile-picture", t.WorkspaceLogo = "workspace-logo", t.Attachment = "attachment", t.PersonPicture = "person-picture", t.File = "file", t.AgentChat = "agent-chat", t.BuiltLogicFunction = "built-logic-function", t.BuiltFrontComponent = "built-front-component", t.PublicAsset = "public-asset", t.Source = "source", t.FilesField = "files-field", t))(e || {}), i = /* @__PURE__ */ ((t) => (t.CASCADE = "CASCADE", t.RESTRICT = "RESTRICT", t.SET_NULL = "SET_NULL", t.NO_ACTION = "NO_ACTION", t))(i || {}), o = /* @__PURE__ */ ((t) => (t.MANY_TO_ONE = "MANY_TO_ONE", t.ONE_TO_MANY = "ONE_TO_MANY", t))(o || {});
-export {
-  o as C,
-  i as O,
-  e as i
-};