@calcom/atoms 1.12.1 → 2.0.0

package/package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "description": "Customizable UI components to integrate scheduling into your product.",
   "authors": "Cal.com, Inc.",
-  "version": "1.12.1",
+  "version": "2.0.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/calcom/cal.com"
@@ -19,6 +19,8 @@
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^15.0.1",
+    "@tailwindcss/cli": "^4.0.0",
+    "@tailwindcss/postcss": "^4.0.0",
     "@types/jest": "^29.5.12",
     "@types/node": "^20.3.1",
     "@types/react": "18.0.26",
@@ -48,7 +50,8 @@
   "exports": {
     ".": {
       "import": "./dist/cal-atoms.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "require": "./dist/cal-atoms.umd.cjs"
     },
     "./add-members-switch/AddMembersWithSwitchPlatformWrapper": "./add-members-switch/AddMembersWithSwitchPlatformWrapper.tsx",
     "./add-members-switch/AddMembersWithSwitchWebWrapper": "./add-members-switch/AddMembersWithSwitchWebWrapper.tsx",
@@ -83,11 +86,11 @@
     "marked": "^15.0.3",
     "react-use": "^17.4.2",
     "tailwind-merge": "^1.13.2",
-    "tailwindcss": "^3.3.3",
-    "tailwindcss-animate": "^1.0.6"
+    "tailwindcss": "^4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "typescript": "^5.0.0"
-  }
+  },
+  "main": "./dist/cal-atoms.umd.cjs"
 }

package/dist/DateRangePicker-AvaT63ag.js

@@ -1,74 +0,0 @@
-import { jsx as i, jsxs as c, Fragment as f } from "react/jsx-runtime";
-import { q as h, r as m, $ as y, s as d, B as g, t as n, u as k } from "./index-d93whXsZ.js";
-function w({
-  className: s,
-  dates: t,
-  minDate: a,
-  maxDate: u,
-  onDatesChange: e,
-  disabled: b,
-  withoutPopover: p,
-  "data-testid": $,
-  strictlyBottom: o,
-  allowPastDates: l = !1
-}) {
-  function v(r) {
-    if (l)
-      if (t != null && t.endDate)
-        e({ startDate: r, endDate: void 0 });
-      else {
-        const x = t.startDate ? r < t.startDate ? r : t.startDate : r, L = t.startDate ? r < t.startDate ? t.startDate : r : void 0;
-        e({ startDate: x, endDate: L });
-      }
-    else
-      t.startDate ? t.endDate ? r.getTime() === t.startDate.getTime() || r.getTime() === t.endDate.getTime() ? e({ startDate: r, endDate: void 0 }) : r < t.startDate ? e({ startDate: r, endDate: void 0 }) : e({ startDate: t.startDate, endDate: r }) : r < t.startDate ? e({ startDate: r, endDate: t.startDate }) : e({ startDate: t.startDate, endDate: r }) : e({ startDate: r, endDate: void 0 });
-  }
-  const D = /* @__PURE__ */ i(
-    h,
-    {
-      initialFocus: !0,
-      fromDate: l && a === null ? void 0 : a ?? /* @__PURE__ */ new Date(),
-      toDate: u,
-      mode: "range",
-      defaultMonth: t == null ? void 0 : t.startDate,
-      selected: { from: t == null ? void 0 : t.startDate, to: t == null ? void 0 : t.endDate },
-      onDayClick: (r) => v(r),
-      numberOfMonths: 1,
-      disabled: b,
-      "data-testid": $
-    }
-  );
-  return p ? D : /* @__PURE__ */ i("div", { className: m("grid gap-2", s), children: /* @__PURE__ */ c(y, { children: [
-    /* @__PURE__ */ i(d, { asChild: !0, children: /* @__PURE__ */ i(
-      g,
-      {
-        "data-testid": "date-range",
-        color: "secondary",
-        EndIcon: "calendar",
-        className: m("justify-between text-left font-normal", !t && "text-subtle"),
-        children: t != null && t.startDate ? t != null && t.endDate ? /* @__PURE__ */ c(f, { children: [
-          n(t.startDate, "LLL dd, y"),
-          " - ",
-          n(t.endDate, "LLL dd, y")
-        ] }) : /* @__PURE__ */ c(f, { children: [
-          n(t.startDate, "LLL dd, y"),
-          " - End"
-        ] }) : /* @__PURE__ */ i("span", { children: "Pick a date" })
-      }
-    ) }),
-    /* @__PURE__ */ i(
-      k,
-      {
-        className: "bg-default text-emphasis z-50 w-auto rounded-md border p-0 outline-none",
-        align: "start",
-        sideOffset: 4,
-        side: o ? "bottom" : void 0,
-        avoidCollisions: !o,
-        children: D
-      }
-    )
-  ] }) });
-}
-export {
-  w as DatePickerWithRange
-};

package/dist/EventTypeAppCardInterface-BYENKxKb.js

@@ -1,43 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { w as f, x as y, y as E, z as P, W as w } from "./index-d93whXsZ.js";
-import { useState as C } from "react";
-import { A as g } from "./AppCard-pI4hF2G4.js";
-import { u as v } from "./useIsAppEnabled-AAopxdBc.js";
-import S from "./EventTypeAppSettingsInterface-Nyao8oEh.js";
-const L = function({
-  app: e,
-  eventType: t,
-  eventTypeFormMetadata: p,
-  onAppInstallSuccess: i
-}) {
-  var n;
-  const { t: r } = f(), m = y.usePathname(), { getAppData: a, setAppData: c, disabled: d } = E(), { enabled: l, updateEnabled: u } = v(e), h = P(p), [A, T] = C(a("enabled")), s = !A && h;
-  return /* @__PURE__ */ o(
-    g,
-    {
-      onAppInstallSuccess: i,
-      returnTo: `${w}${m}?tabName=apps`,
-      app: e,
-      switchChecked: l,
-      switchOnClick: (b) => {
-        u(b);
-      },
-      teamId: ((n = t.team) == null ? void 0 : n.id) || void 0,
-      disableSwitch: s,
-      switchTooltip: s ? r("other_payment_app_enabled") : void 0,
-      children: /* @__PURE__ */ o(
-        S,
-        {
-          eventType: t,
-          slug: e.slug,
-          disabled: d,
-          getAppData: a,
-          setAppData: c
-        }
-      )
-    }
-  );
-};
-export {
-  L as default
-};

package/dist/EventTypeAppCardInterface-EGDQbhKF.js

@@ -1,43 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { w as f, x as y, y as E, z as w, W as C } from "./index-d93whXsZ.js";
-import { useState as P } from "react";
-import { A as g } from "./AppCard-pI4hF2G4.js";
-import { u as v } from "./useIsAppEnabled-AAopxdBc.js";
-import S from "./EventTypeAppSettingsInterface-0dQHUVa4.js";
-const L = function({
-  app: t,
-  eventType: e,
-  eventTypeFormMetadata: n,
-  onAppInstallSuccess: i
-}) {
-  var o;
-  const { t: r } = f(), c = y.usePathname(), { getAppData: a, setAppData: m, disabled: d } = E(), { enabled: l, updateEnabled: u } = v(t), h = w(n), [A] = P(a("enabled")), s = !A && h;
-  return /* @__PURE__ */ p(
-    g,
-    {
-      onAppInstallSuccess: i,
-      returnTo: `${C}${c}?tabName=apps`,
-      app: t,
-      switchChecked: l,
-      switchOnClick: (b) => {
-        u(b);
-      },
-      teamId: ((o = e.team) == null ? void 0 : o.id) || void 0,
-      disableSwitch: s,
-      switchTooltip: s ? r("other_payment_app_enabled") : void 0,
-      children: /* @__PURE__ */ p(
-        S,
-        {
-          eventType: e,
-          slug: t.slug,
-          disabled: d,
-          getAppData: a,
-          setAppData: m
-        }
-      )
-    }
-  );
-};
-export {
-  L as default
-};

package/dist/EventTypeAppCardInterface-G4AHOdBc.js

@@ -1,25 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { x as i, W as m } from "./index-d93whXsZ.js";
-import { A as u } from "./AppCard-pI4hF2G4.js";
-import { u as c } from "./useIsAppEnabled-AAopxdBc.js";
-const E = function({ app: t, eventType: e, onAppInstallSuccess: p }) {
-  var a;
-  const n = i.usePathname(), { enabled: r, updateEnabled: o } = c(t);
-  return /* @__PURE__ */ d(
-    u,
-    {
-      onAppInstallSuccess: p,
-      returnTo: `${m}${n}?tabName=apps`,
-      app: t,
-      teamId: ((a = e.team) == null ? void 0 : a.id) || void 0,
-      switchOnClick: (s) => {
-        o(s);
-      },
-      switchChecked: r,
-      hideAppCardOptions: !0
-    }
-  );
-};
-export {
-  E as default
-};