@fileverse/ui 4.0.4 → 4.0.5

package/dist/index.es.d.ts

@@ -262,6 +262,7 @@ export declare interface DynamicRadioProps {
     items: RadioCardProps[];
     className?: string;
     size?: "sm" | "lg";
+    content?: (selectedValue: string) => React.ReactNode;
 }
 
 export declare type FileType = "dDoc" | "dPage" | "whiteboard" | "note" | "link" | "media";
@@ -464,7 +465,7 @@ export declare interface RadioCardProps {
     selectedValue: string;
     value: string;
     size?: "sm" | "lg";
-    content?: React.ReactNode | null;
+    content?: React.ReactNode;
 }
 
 export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -691,7 +692,7 @@ declare const toggleVariants: (props?: ({
     variant?: "default" | "hover" | "focus" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const Tooltip: React_2.ForwardRefExoticComponent<TooltipProps & React_2.RefAttributes<HTMLElement>>;
+export declare const Tooltip: React_2.ForwardRefExoticComponent<TooltipProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TooltipProps extends React_2.HTMLAttributes<HTMLElement>, VariantProps<typeof tooltipVariants> {
     text: string;

package/dist/index.es.js

@@ -32461,27 +32461,20 @@ const AnimatePresence = ({ children: x, custom: C, initial: S = !0, onExitComple
     exit: { opacity: 0, x: 0, transition: { ease: "easeInOut", duration: 0.1 } }
   }
 }, Tooltip = React.forwardRef(
-  ({
-    children: x,
-    className: C,
-    text: S,
-    position: E,
-    beakAlignment: P,
-    sideOffset: L = 5,
-    ...j
-  }) => {
-    const _ = ({
-      position: O,
-      beakAlignment: z
+  ({ children: x, className: C, text: S, position: E, beakAlignment: P, sideOffset: L = 5, ...j }, _) => {
+    const O = ({
+      position: z,
+      beakAlignment: q
     }) => {
-      const q = O === "bottom" || O === "top", te = O === "right" || O === "left";
-      return q && z === "start" ? "[&>span]:!left-[10%]" : te && z === "start" ? "[&>span]:!top-[20%]" : q && z === "end" ? "[&>span]:!left-[80%]" : te && z === "end" ? "[&>span]:!top-[60%]" : te && z === "center" ? "my-0 -mx-1" : "-my-1";
+      const te = z === "bottom" || z === "top", ee = z === "right" || z === "left";
+      return te && q === "start" ? "[&>span]:!left-[10%]" : ee && q === "start" ? "[&>span]:!top-[20%]" : te && q === "end" ? "[&>span]:!left-[80%]" : ee && q === "end" ? "[&>span]:!top-[60%]" : ee && q === "center" ? "my-0 -mx-1" : "-my-1";
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipRoot, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger$1, { "data-testid": "tooltip-trigger", children: x }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         motion.div,
         {
+          ref: _,
           initial: positionAnimations[E || "top"].initial,
           animate: positionAnimations[E || "top"].animate,
           exit: positionAnimations[E || "top"].exit,
@@ -32499,7 +32492,7 @@ const AnimatePresence = ({ children: x, custom: C, initial: S = !0, onExitComple
               className: cn(
                 "max-w-sm min-h-[2vh] overflow-hidden rounded color-bg-default-inverse p-2 text-helper-text-sm color-text-inverse text-center",
                 tooltipVariants({ position: E, className: C }),
-                _({ position: E, beakAlignment: P }),
+                O({ position: E, beakAlignment: P }),
                 C
               ),
               ...j,
@@ -50310,49 +50303,28 @@ const RadioCard = ({
     /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { initial: !1, children: L && E === P && /* @__PURE__ */ jsxRuntimeExports.jsx(RadioCardContent, { content: L }) })
   ] });
 }, DynamicRadio = forwardRef(
-  ({ items: x, className: C, size: S = "lg" }, E) => {
-    var j;
-    const [P, L] = useState((j = x[0]) == null ? void 0 : j.value);
+  ({ items: x, className: C, size: S = "lg", content: E }, P) => {
+    var _;
+    const [L, j] = useState((_ = x[0]) == null ? void 0 : _.value);
     return !x || x.length === 0 ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
       RadioGroup,
       {
-        ref: E,
-        defaultValue: P,
+        ref: P,
+        defaultValue: L,
         className: cn("space-y-2 h-full", C),
-        onValueChange: (_) => L(_),
-        children: x.map((_, O) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        onValueChange: (O) => j(O),
+        children: x.map((O, z) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           RadioCard,
           {
-            id: _.id,
-            value: _.value,
-            description: _.description,
-            label: _.label,
-            selectedValue: P,
+            id: O.id,
+            value: O.value,
+            description: O.description,
+            label: O.label,
+            selectedValue: L,
             size: S,
-            content: _.value === P && _.value === "team" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                DynamicContentController,
-                {
-                  label: "Workspace global public portal",
-                  description: "Enable the workspace global public portal. It will allow you to have a separate public space to publish content, files, links. Workspace members will be able to suggest a content. The portal might be enabled/disabled later in Settings. ",
-                  checked: !1,
-                  onChange: (z) => console.log(z),
-                  size: S
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                DynamicContentController,
-                {
-                  label: "Teams public portals",
-                  description: "Enable public portal for teams. Teams public portal might be disabled by team or workspace administrators. ",
-                  checked: !1,
-                  onChange: (z) => console.log(z),
-                  size: S
-                }
-              )
-            ] }) : null
+            content: E ? E(L) : null
           }
-        ) }, O))
+        ) }, z))
       }
     );
   }
@@ -50585,21 +50557,39 @@ const sheetVariants = cva(
     dismissible: E = !0,
     children: P,
     ...L
-  }, j) => /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SheetOverlay, { className: S }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Content$2,
-      {
-        ref: j,
-        className: cn(sheetVariants({ side: x }), C),
-        ...L,
-        children: [
-          E && /* @__PURE__ */ jsxRuntimeExports.jsx(Close, { className: "absolute right-4 top-3 rounded-sm ring-offset-white hover:color-bg-default-hover p-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focused focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { name: "Close", className: "h-5 w-5", fill: "#363B3F" }) }),
-          P
-        ]
-      }
-    )
-  ] })
+  }, j) => {
+    const _ = React.useRef(null), O = React.useRef(0), z = React.useRef(0), q = (ee) => {
+      O.current = ee.touches[0].clientX, z.current = ee.touches[0].clientY;
+    }, te = (ee) => {
+      var ne, se, ie, ce;
+      const ae = ee.changedTouches[0].clientX, oe = ee.changedTouches[0].clientY, re = ae - O.current, ke = oe - z.current;
+      x === "left" && re < -50 ? (ne = _.current) == null || ne.click() : x === "right" && re > 50 ? (se = _.current) == null || se.click() : x === "bottom" && ke > 50 ? (ie = _.current) == null || ie.click() : x === "top" && ke < -50 && ((ce = _.current) == null || ce.click());
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetPortal, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SheetOverlay, { className: S }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Content$2,
+        {
+          ref: j,
+          className: cn(sheetVariants({ side: x }), C),
+          ...L,
+          onTouchStart: q,
+          onTouchEnd: te,
+          children: [
+            E && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Close,
+              {
+                ref: _,
+                className: "absolute right-4 top-3 rounded-sm ring-offset-white hover:color-bg-default-hover p-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focused focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { name: "Close", className: "h-5 w-5", fill: "#363B3F" })
+              }
+            ),
+            P
+          ]
+        }
+      )
+    ] });
+  }
 );
 SheetContent.displayName = Content$2.displayName;
 const SheetHeader = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "files": [
     "/dist"
   ],
@@ -103,7 +103,7 @@
     "vitest": "^1.4.0"
   },
   "lint-staged": {
-    "*.js|jsx|ts|tsx": [
+    "**/*.(+js|jsx|ts|tsx)": [
       "npx eslint --fix",
       "npx prettier --write"
     ],