@scripso-homepad/ui 0.4.12 → 0.4.14

package/dist/web/index.cjs

@@ -28616,8 +28616,10 @@ var radii = {
 var spacing = {
   sm: 8};
 var fontSize = {
-  sm: 12,
   md: 14};
+var typographyScale = {
+  12: { fontSize: 12, lineHeight: 16 },
+  14: { fontSize: 14, lineHeight: 19 }};
 var fontWeight = {
   medium: "500",
   semibold: "600"};
@@ -28626,24 +28628,24 @@ var fonts = {
 };
 var labelTypography = {
   fontFamily: fonts.sans,
-  fontSize: fontSize.sm,
+  fontSize: typographyScale[12].fontSize,
   fontWeight: fontWeight.medium,
-  lineHeight: fontSize.sm,
+  lineHeight: typographyScale[12].lineHeight,
   letterSpacing: 0
 };
 var buttonTypography = {
   lg: {
     fontFamily: fonts.sans,
-    fontSize: 14,
+    fontSize: typographyScale[14].fontSize,
     fontWeight: fontWeight.semibold,
-    lineHeight: 19,
+    lineHeight: typographyScale[14].lineHeight,
     letterSpacing: 0
   },
   sm: {
     fontFamily: fonts.sans,
-    fontSize: 12,
+    fontSize: typographyScale[12].fontSize,
     fontWeight: fontWeight.semibold,
-    lineHeight: 16,
+    lineHeight: typographyScale[12].lineHeight,
     letterSpacing: 0
   }
 };
@@ -28868,6 +28870,7 @@ function Input({
   fieldClassName,
   fieldStyle,
   labelClassName,
+  labelStyles,
   inputClassName,
   errorClassName,
   hintClassName,
@@ -28929,7 +28932,15 @@ function Input({
     }
   ) : rightIcon ? renderInputIcon(rightIcon, iconColor) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { ref: wrapperRef, style: [styles2.wrapper, containerStyle], children: [
-    label ? /* @__PURE__ */ jsxRuntime.jsx(Label, { disabled: isDisabled, className: labelClassName, children: label }) : null,
+    label ? /* @__PURE__ */ jsxRuntime.jsx(
+      Label,
+      {
+        disabled: isDisabled,
+        className: labelClassName,
+        style: labelStyles,
+        children: label
+      }
+    ) : null,
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: fieldStyles.outline, children: /* @__PURE__ */ jsxRuntime.jsxs(
       reactNative.View,
       {
@@ -29293,6 +29304,7 @@ function AppHeader({
   title,
   labels,
   hasBuildingSelect = false,
+  showSearch = true,
   buildingOptions = [],
   selectedBuildingId = "",
   className,
@@ -29335,7 +29347,7 @@ function AppHeader({
               chevronIcon: buildingChevronIcon
             }
           ) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(
+          showSearch ? /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             {
               leftIcon: searchIcon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { strokeWidth: 1.75 }),
@@ -29348,7 +29360,7 @@ function AppHeader({
               fieldStyle: searchFieldStyle ?? defaultSearchFieldStyle,
               accessibilityLabel: labels.searchPlaceholder
             }
-          ),
+          ) : null,
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -29916,9 +29928,9 @@ function TableMenuActivateIcon({ className }) {
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          d: "M14.1667 9.16699V6.66699C14.1667 4.3658 12.3012 2.50033 10 2.50033C7.69882 2.50033 5.83333 4.3658 5.83333 6.66699V9.16699M5.83333 9.16699H4.16667C3.24619 9.16699 2.5 9.91318 2.5 10.8337V16.667C2.5 17.5875 3.24619 18.3337 4.16667 18.3337H15.8333C16.7538 18.3337 17.5 17.5875 17.5 16.667V10.8337C17.5 9.91318 16.7538 9.16699 15.8333 9.16699H5.83333Z",
+          d: "M5.83333 9.16631V5.83297C5.83229 4.79968 6.21523 3.80286 6.90781 3.03603C7.60039 2.2692 8.55319 1.78706 9.58125 1.68321C10.6093 1.57937 11.6393 1.86123 12.4712 2.47407C13.3032 3.08691 13.8777 3.98701 14.0833 4.99964M4.16667 9.16631H15.8333C16.7538 9.16631 17.5 9.9125 17.5 10.833V16.6663C17.5 17.5868 16.7538 18.333 15.8333 18.333H4.16667C3.24619 18.333 2.5 17.5868 2.5 16.6663V10.833C2.5 9.9125 3.24619 9.16631 4.16667 9.16631Z",
           stroke: "#279D54",
-          strokeWidth: "1.75",
+          strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round"
         }
@@ -29940,9 +29952,9 @@ function TableMenuEditIcon({ className }) {
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          d: "M11.6667 3.33366L16.6667 8.33366M2.5 17.5003H5.83333L15.275 8.05866C15.5813 7.75244 15.7533 7.33612 15.7533 6.90233C15.7533 6.46854 15.5813 6.05222 15.275 5.746L14.2542 4.72533C13.9479 4.41911 13.5316 4.24707 13.0978 4.24707C12.664 4.24707 12.2477 4.41911 11.9415 4.72533L2.5 14.167V17.5003Z",
+          d: "M10 2.50019H4.16667C3.72464 2.50019 3.30072 2.67578 2.98816 2.98834C2.67559 3.3009 2.5 3.72483 2.5 4.16686V15.8335C2.5 16.2755 2.67559 16.6995 2.98816 17.012C3.30072 17.3246 3.72464 17.5002 4.16667 17.5002H15.8333C16.2754 17.5002 16.6993 17.3246 17.0118 17.012C17.3244 16.6995 17.5 16.2755 17.5 15.8335V10.0002M15.3125 2.18769C15.644 1.85617 16.0937 1.66992 16.5625 1.66992C17.0313 1.66992 17.481 1.85617 17.8125 2.18769C18.144 2.51921 18.3303 2.96885 18.3303 3.43769C18.3303 3.90653 18.144 4.35617 17.8125 4.68769L10.3017 12.1994C10.1038 12.3971 9.85934 12.5418 9.59083 12.6202L7.19667 13.3202C7.12496 13.3411 7.04895 13.3424 6.97659 13.3238C6.90423 13.3053 6.83819 13.2676 6.78537 13.2148C6.73255 13.162 6.69491 13.096 6.67637 13.0236C6.65783 12.9512 6.65909 12.8752 6.68 12.8035L7.38 10.4094C7.45877 10.1411 7.60378 9.8969 7.80167 9.69936L15.3125 2.18769Z",
           stroke: "#B5BCC1",
-          strokeWidth: "1.75",
+          strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round"
         }
@@ -29951,7 +29963,7 @@ function TableMenuEditIcon({ className }) {
   );
 }
 function TableMenuSuspendIcon({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
       width: "20",
@@ -29961,28 +29973,16 @@ function TableMenuSuspendIcon({ className }) {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": true,
       className: cn("shrink-0", className),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M10 18.3337C14.6024 18.3337 18.3333 14.6027 18.3333 10.0003C18.3333 5.39795 14.6024 1.66699 10 1.66699C5.39763 1.66699 1.66667 5.39795 1.66667 10.0003C1.66667 14.6027 5.39763 18.3337 10 18.3337Z",
-            stroke: "#AE0011",
-            strokeWidth: "1.75",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M6.66667 10H13.3333",
-            stroke: "#AE0011",
-            strokeWidth: "1.75",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M4.08464 4.08366L15.918 15.917M18.3346 10.0003C18.3346 14.6027 14.6037 18.3337 10.0013 18.3337C5.39893 18.3337 1.66797 14.6027 1.66797 10.0003C1.66797 5.39795 5.39893 1.66699 10.0013 1.66699C14.6037 1.66699 18.3346 5.39795 18.3346 10.0003Z",
+          stroke: "#AE0011",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
     }
   );
 }
@@ -30314,13 +30314,14 @@ function TableCell({
   ...props
 }) {
   const disabled = useTableRowDisabled();
+  const resolvedVariant = disabled ? "muted" : variant;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "td",
     {
       className: cn(
         tableCellPaddingClassName,
         tableBodyClassName,
-        tableCellVariantClasses[variant],
+        tableCellVariantClasses[resolvedVariant],
         disabled && tableRowDisabledCellClassName,
         tableAlignClasses[align],
         className
@@ -30331,6 +30332,7 @@ function TableCell({
   );
 }
 function TableActionsCell({ className, children, ...props }) {
+  const disabled = useTableRowDisabled();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "td",
     {
@@ -30339,6 +30341,7 @@ function TableActionsCell({ className, children, ...props }) {
         tableCellPaddingClassName,
         tableBodyClassName,
         tableStickyRightShadowClassName,
+        disabled && tableRowDisabledCellClassName,
         className
       ),
       ...props,
@@ -30396,12 +30399,12 @@ var MENU_WIDTH_PX = 231;
 var MENU_OFFSET_PX = 4;
 var MENU_VIEWPORT_MARGIN_PX = 8;
 var useIsomorphicLayoutEffect = typeof window === "undefined" ? react.useEffect : react.useLayoutEffect;
-function clampMenuLeft(left) {
+function clampMenuLeft(left, menuWidth) {
   if (typeof window === "undefined") {
     return left;
   }
   const minLeft = MENU_VIEWPORT_MARGIN_PX;
-  const maxLeft = Math.max(minLeft, window.innerWidth - MENU_WIDTH_PX - MENU_VIEWPORT_MARGIN_PX);
+  const maxLeft = Math.max(minLeft, window.innerWidth - menuWidth - MENU_VIEWPORT_MARGIN_PX);
   return Math.min(Math.max(left, minLeft), maxLeft);
 }
 function resolveMenuItemIcon(item) {
@@ -30421,7 +30424,9 @@ function TableActionsMenu({
   items,
   triggerAriaLabel,
   className,
-  menuClassName
+  menuClassName,
+  menuWidth = MENU_WIDTH_PX,
+  menuFitContent = false
 }) {
   const [open, setOpen] = react.useState(false);
   const [menuPosition, setMenuPosition] = react.useState(null);
@@ -30438,11 +30443,12 @@ function TableActionsMenu({
       return;
     }
     const rect = trigger.getBoundingClientRect();
+    const resolvedMenuWidth = menuFitContent ? menuRef.current?.getBoundingClientRect().width ?? menuWidth : menuWidth;
     setMenuPosition({
       top: rect.bottom + MENU_OFFSET_PX,
-      left: clampMenuLeft(rect.right - MENU_WIDTH_PX)
+      left: clampMenuLeft(rect.right - resolvedMenuWidth, resolvedMenuWidth)
     });
-  }, []);
+  }, [menuFitContent, menuWidth]);
   useOnClickOutside([rootRef, menuRef], closeMenu, open);
   useIsomorphicLayoutEffect(() => {
     if (!open) {
@@ -30451,6 +30457,12 @@ function TableActionsMenu({
     }
     updateMenuPosition();
   }, [open, updateMenuPosition]);
+  useIsomorphicLayoutEffect(() => {
+    if (!open || !menuFitContent) {
+      return;
+    }
+    updateMenuPosition();
+  }, [items, menuFitContent, open, updateMenuPosition]);
   react.useEffect(() => {
     if (!open) {
       return;
@@ -30486,7 +30498,7 @@ function TableActionsMenu({
         position: "fixed",
         top: menuPosition.top,
         left: menuPosition.left,
-        width: MENU_WIDTH_PX
+        ...menuFitContent ? { width: "max-content" } : { width: menuWidth }
       },
       className: cn(
         "z-50 overflow-hidden rounded-2xl border border-storm-gray-50 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.05)]",
@@ -30508,7 +30520,8 @@ function TableActionsMenu({
               item.onSelect();
             },
             className: cn(
-              "flex h-[51px] w-full cursor-pointer items-center gap-2.5 px-3 text-left typography-14 font-medium text-storm-gray-900 transition-colors hover:bg-storm-gray-0",
+              "flex h-[51px] cursor-pointer items-center gap-2.5 px-3 text-left typography-14 font-medium text-storm-gray-900 transition-colors hover:bg-storm-gray-0",
+              menuFitContent ? "w-auto" : "w-full",
               index > 0 && "border-t border-storm-gray-50",
               item.disabled && "cursor-not-allowed opacity-50"
             ),
@@ -31479,11 +31492,19 @@ function ToasterProvider() {
 async function runMutationWithToast(action, messages, options) {
   try {
     await action();
-    sonner.toast.success(messages.success);
+    if (messages.successDescription) {
+      sonner.toast.success(messages.success, { description: messages.successDescription });
+    } else {
+      sonner.toast.success(messages.success);
+    }
     return { success: true };
   } catch (error) {
     const errorMessage = options?.getErrorMessage?.(error) ?? messages.error;
-    sonner.toast.error(errorMessage);
+    if (messages.errorDescription) {
+      sonner.toast.error(errorMessage, { description: messages.errorDescription });
+    } else {
+      sonner.toast.error(errorMessage);
+    }
     return { success: false, errorMessage };
   }
 }