@bigbinary/neeto-atoms 1.0.102 → 1.0.104

package/dist/{Avatar-ChF94Ken.js → Avatar-Dg5-X_dH.js}

@@ -68,7 +68,13 @@ const Avatar = forwardRef(
         children: [
           user?.imageUrl && /* @__PURE__ */ jsx(AvatarImage, { src: user.imageUrl, alt: user?.name ?? "" }),
           /* @__PURE__ */ jsx(AvatarFallback, { style: getAvatarColorStyle(seed), children: initials }),
-          status && /* @__PURE__ */ jsx(AvatarBadge, { className: cn(STATUS_COLOR_MAP[status]) })
+          status && /* @__PURE__ */ jsx(
+            AvatarBadge,
+            {
+              "data-testid": "indicator",
+              className: cn(STATUS_COLOR_MAP[status])
+            }
+          )
         ]
       }
     );
@@ -90,4 +96,4 @@ const AvatarNamespace = Object.assign(Avatar, {
 });
 
 export { AvatarNamespace as A };
-//# sourceMappingURL=Avatar-ChF94Ken.js.map
+//# sourceMappingURL=Avatar-Dg5-X_dH.js.map

package/dist/Avatar-Dg5-X_dH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-Dg5-X_dH.js","sources":["../src/components/Avatar/constants.ts","../src/components/Avatar/utils.ts","../src/components/Avatar/Avatar.tsx"],"sourcesContent":["export const STATUS_COLOR_MAP: Record<string, string> = {\n  online: \"bg-emerald-500 dark:bg-emerald-400\",\n  idle: \"bg-amber-500 dark:bg-amber-400\",\n  offline: \"bg-gray-400 dark:bg-gray-500\",\n};\n\nexport const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  auto: \"bottom\",\n};\n\nexport const XL_CLASSES =\n  \"data-[size=lg]:size-16 [&>[data-slot=avatar-badge]]:size-4 [&>[data-slot=avatar-fallback]]:text-lg\";\n","import type { CSSProperties } from \"react\";\n\nexport function getInitials(name?: string): string {\n  if (!name) return \"\";\n\n  return name\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map(word => word.charAt(0).toUpperCase())\n    .join(\"\");\n}\n\nfunction cyrb53(str: string, seed = 0): number {\n  let h1 = 0xdeadbeef ^ seed;\n  let h2 = 0x41c6ce57 ^ seed;\n  for (let i = 0; i < str.length; i++) {\n    const ch = str.charCodeAt(i);\n    h1 = Math.imul(h1 ^ ch, 2654435761);\n    h2 = Math.imul(h2 ^ ch, 1597334677);\n  }\n  h1 =\n    Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^\n    Math.imul(h2 ^ (h2 >>> 13), 3266489909);\n  h2 =\n    Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^\n    Math.imul(h1 ^ (h1 >>> 13), 3266489909);\n  return 4294967296 * (2097151 & h2) + (h1 >>> 0);\n}\n\nexport function getAvatarColorStyle(seed?: string): CSSProperties | undefined {\n  if (!seed) return undefined;\n\n  const hue = cyrb53(seed) % 360;\n\n  return {\n    backgroundColor: `oklch(var(--avatar-l) var(--avatar-c) ${hue})`,\n    color: \"var(--avatar-fg)\",\n  };\n}\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Avatar as PrimitiveAvatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarBadge,\n  AvatarGroup,\n  AvatarGroupCount,\n} from \"src/primitives/Avatar\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\nimport { STATUS_COLOR_MAP, SIDE_MAP, XL_CLASSES } from \"./constants\";\nimport { getAvatarColorStyle, getInitials } from \"./utils\";\n\ntype AvatarSize = \"sm\" | \"default\" | \"lg\" | \"xl\";\n\ninterface AvatarTooltipProps {\n  /** Tooltip content. Defaults to user.name if showTooltip is true. */\n  content?: React.ReactNode;\n  /** Tooltip position. */\n  position?: string;\n}\n\nexport interface AvatarProps extends Omit<\n  React.ComponentProps<typeof PrimitiveAvatar>,\n  \"size\"\n> {\n  /** User data for the avatar. */\n  user?: {\n    id?: string | number;\n    name?: string;\n    email?: string;\n    imageUrl?: string;\n  };\n  /** Status indicator displayed as a colored badge. */\n  status?: \"online\" | \"idle\" | \"offline\" | null;\n  /** Show the user's name in a tooltip on hover. */\n  showTooltip?: boolean;\n  /** Tooltip configuration. Overrides showTooltip content. */\n  tooltipProps?: AvatarTooltipProps;\n  /** Size of the avatar. */\n  size?: AvatarSize;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  (\n    {\n      user,\n      status,\n      showTooltip = false,\n      tooltipProps,\n      size = \"default\",\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const initials = getInitials(user?.name);\n    const isXl = size === \"xl\";\n    const primitiveSize = isXl ? \"lg\" : size;\n    const seed =\n      user?.id != null\n        ? String(user.id)\n        : user?.email?.trim().toLowerCase() || user?.name;\n\n    const avatarElement = (\n      <PrimitiveAvatar\n        ref={ref}\n        size={primitiveSize}\n        className={cn(isXl && XL_CLASSES, className)}\n        data-testid=\"nui-avatar\"\n        {...otherProps}\n      >\n        {user?.imageUrl && (\n          <AvatarImage src={user.imageUrl} alt={user?.name ?? \"\"} />\n        )}\n        <AvatarFallback style={getAvatarColorStyle(seed)}>\n          {initials}\n        </AvatarFallback>\n        {status && (\n          <AvatarBadge\n            data-testid=\"indicator\"\n            className={cn(STATUS_COLOR_MAP[status])}\n          />\n        )}\n      </PrimitiveAvatar>\n    );\n\n    const tooltipContent =\n      tooltipProps?.content ?? (showTooltip ? user?.name : null);\n\n    if (tooltipContent) {\n      const side = SIDE_MAP[tooltipProps?.position ?? \"auto\"] ?? \"bottom\";\n\n      return (\n        <TooltipProvider delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span className=\"inline-flex\">{avatarElement}</span>\n            </TooltipTrigger>\n            <TooltipContent data-testid=\"tooltip-box\" side={side}>\n              {tooltipContent}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n\n    return avatarElement;\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n\nconst AvatarNamespace = Object.assign(Avatar, {\n  Group: AvatarGroup,\n  GroupCount: AvatarGroupCount,\n});\n\nexport { AvatarNamespace as Avatar };\n"],"names":["PrimitiveAvatar"],"mappings":"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"}

package/dist/{Checkbox-DiAngQvO.js → Checkbox-BalUzegZ.js}

@@ -2,6 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useId } from 'react';
 import { c as cn } from './utils-BJnb9o5c.js';
 import { Checkbox as Checkbox$1 } from './primitives/Checkbox.js';
+import { b as buildTestIdPrefix } from './fieldIds-VpluAAMl.js';
 import { Field, FieldContent, FieldLabel, FieldDescription, FieldError } from './primitives/Field.js';
 
 const Checkbox = forwardRef(
@@ -13,12 +14,14 @@ const Checkbox = forwardRef(
     disabled = false,
     className,
     labelProps,
+    dataTestId,
     ...otherProps
   }, ref) => {
     const generatedId = useId();
     const id = otherProps.id ?? generatedId;
     const errorId = `error_${id}`;
     const helpTextId = `helpText_${id}`;
+    const testIdPrefix = buildTestIdPrefix(dataTestId, label);
     const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
     const hasField = !!(label || error || helpText);
     if (!hasField) {
@@ -32,7 +35,7 @@ const Checkbox = forwardRef(
           "aria-required": required || void 0,
           "aria-describedby": ariaDescribedBy,
           className,
-          "data-testid": "nui-checkbox-container",
+          "data-testid": dataTestId ? `${testIdPrefix}-checkbox-input` : "nui-checkbox-container",
           ...otherProps
         }
       );
@@ -55,18 +58,34 @@ const Checkbox = forwardRef(
                 "aria-invalid": !!error || void 0,
                 "aria-required": required || void 0,
                 "aria-describedby": ariaDescribedBy,
+                "data-testid": `${testIdPrefix}-checkbox-input`,
                 ...otherProps
               }
             ),
             /* @__PURE__ */ jsxs(FieldContent, { children: [
-              label && /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [
-                label,
-                required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
-              ] }),
+              label && /* @__PURE__ */ jsxs(
+                FieldLabel,
+                {
+                  htmlFor: id,
+                  "data-testid": `${testIdPrefix}-checkbox-label`,
+                  ...labelProps,
+                  children: [
+                    label,
+                    required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+                  ]
+                }
+              ),
               helpText && /* @__PURE__ */ jsx(FieldDescription, { id: helpTextId, children: helpText })
             ] })
           ] }),
-          error && /* @__PURE__ */ jsx(FieldError, { "data-testid": "input-error", id: errorId, children: error })
+          error && /* @__PURE__ */ jsx(
+            FieldError,
+            {
+              id: errorId,
+              "data-testid": `${testIdPrefix}-checkbox-error`,
+              children: error
+            }
+          )
         ]
       }
     );
@@ -75,4 +94,4 @@ const Checkbox = forwardRef(
 Checkbox.displayName = "Checkbox";
 
 export { Checkbox as C };
-//# sourceMappingURL=Checkbox-DiAngQvO.js.map
+//# sourceMappingURL=Checkbox-BalUzegZ.js.map

package/dist/Checkbox-BalUzegZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-BalUzegZ.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Checkbox as PrimitiveCheckbox } from \"src/primitives/Checkbox\";\nimport { buildTestIdPrefix } from \"src/utils/fieldIds\";\nimport {\n  Field,\n  FieldContent,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\nexport interface CheckboxProps extends React.ComponentProps<\n  typeof PrimitiveCheckbox\n> {\n  /** Text displayed next to the checkbox. */\n  label?: string;\n  /** Error message displayed below the checkbox. */\n  error?: string;\n  /** Helper text displayed below the label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Shows a required indicator next to the label. */\n  required?: boolean;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Prefix for the field's testid family(checkbox-input, checkbox-label, checkbox-error). Falls back to the hyphenized label. */\n  dataTestId?: string;\n}\n\nconst Checkbox = forwardRef<\n  React.ComponentRef<typeof PrimitiveCheckbox>,\n  CheckboxProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      disabled = false,\n      className,\n      labelProps,\n      dataTestId,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n    const testIdPrefix = buildTestIdPrefix(dataTestId, label);\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const hasField = !!(label || error || helpText);\n\n    if (!hasField) {\n      return (\n        <PrimitiveCheckbox\n          ref={ref}\n          id={id}\n          disabled={disabled}\n          aria-invalid={!!error || undefined}\n          aria-required={required || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={className}\n          data-testid={\n            dataTestId\n              ? `${testIdPrefix}-checkbox-input`\n              : \"nui-checkbox-container\"\n          }\n          {...otherProps}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cn(\"flex flex-col gap-1\", className)}\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        data-testid=\"nui-checkbox-container\"\n      >\n        <Field orientation=\"horizontal\">\n          <PrimitiveCheckbox\n            ref={ref}\n            id={id}\n            disabled={disabled}\n            aria-invalid={!!error || undefined}\n            aria-required={required || undefined}\n            aria-describedby={ariaDescribedBy}\n            data-testid={`${testIdPrefix}-checkbox-input`}\n            {...otherProps}\n          />\n          <FieldContent>\n            {label && (\n              <FieldLabel\n                htmlFor={id}\n                data-testid={`${testIdPrefix}-checkbox-label`}\n                {...labelProps}\n              >\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {helpText && (\n              <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n            )}\n          </FieldContent>\n        </Field>\n        {error && (\n          <FieldError\n            id={errorId}\n            data-testid={`${testIdPrefix}-checkbox-error`}\n          >\n            {error}\n          </FieldError>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"names":["PrimitiveCheckbox"],"mappings":"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"}

package/dist/{DataTable-CwWARMEv.js → DataTable-mxDU-16D.js}

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { useState, useCallback, useEffect, useMemo, useRef, useLayoutEffect } from 'react';
 import { TableRow, TableCell, Table, TableHeader, TableHead, TableBody } from './primitives/Table.js';
 import { c as cn } from './utils-BJnb9o5c.js';
+import { h as hyphenize } from './hyphenize-TRhMI0tl.js';
 import { useHistory, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { Checkbox } from './primitives/Checkbox.js';
@@ -3863,29 +3864,36 @@ const BulkSelectCallout = ({
     allRowsSelectedMessage,
     clearSelectionButtonLabel
   } = bulkSelectAllRowsProps;
-  return /* @__PURE__ */ jsx("div", { className: "mb-2 flex items-center justify-center gap-1 rounded-sm bg-primary/10 px-4 py-1.5 text-sm text-primary", children: isBulkAllSelected ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: allRowsSelectedMessage ?? selectAllRowMessage }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        "data-testid": "clear-selections-button",
-        variant: "link",
-        onClick: onClearBulkSelection,
-        children: clearSelectionButtonLabel ?? "Clear selection"
-      }
-    )
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: selectAllRowMessage }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        "data-testid": "select-all-rows-button",
-        variant: "link",
-        onClick: onBulkSelectAll,
-        children: selectAllRowButtonLabel
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": isBulkAllSelected ? "clear-selections-callout" : "select-all-rows-callout",
+      className: "mb-2 flex items-center justify-center gap-1 rounded-sm bg-primary/10 px-4 py-1.5 text-sm text-primary",
+      children: isBulkAllSelected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: allRowsSelectedMessage ?? selectAllRowMessage }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "data-testid": "clear-selections-button",
+            variant: "link",
+            onClick: onClearBulkSelection,
+            children: clearSelectionButtonLabel ?? "Clear selection"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: selectAllRowMessage }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "data-testid": "select-all-rows-button",
+            variant: "link",
+            onClick: onBulkSelectAll,
+            children: selectAllRowButtonLabel
+          }
+        )
+      ] })
+    }
+  );
 };
 
 const DataTablePagination = ({
@@ -4114,6 +4122,7 @@ const HeaderDescription = ({
             Info,
             {
               "aria-hidden": "true",
+              "data-testid": "column-info-icon",
               className: "size-4 text-muted-foreground"
             }
           )
@@ -4425,6 +4434,10 @@ const DataTable = ({
                       const columnIndexInData = dataHeaders.findIndex(
                         (dataHeader) => dataHeader.id === header.id
                       );
+                      const headerDef = header.column.columnDef.header;
+                      const headerTitleTestId = `${hyphenize(
+                        typeof headerDef === "string" ? headerDef : void 0
+                      )}-header-title`;
                       return /* @__PURE__ */ jsxs(
                         TableHead,
                         {
@@ -4451,37 +4464,44 @@ const DataTable = ({
                             header.isPlaceholder ? null : isSelectionCol ? flexRender(
                               header.column.columnDef.header,
                               header.getContext()
-                            ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-                              /* @__PURE__ */ jsxs("div", { className: "me-auto flex min-w-0 items-center", children: [
-                                /* @__PURE__ */ jsx("span", { className: "truncate", children: flexRender(
-                                  header.column.columnDef.header,
-                                  header.getContext()
-                                ) }),
-                                /* @__PURE__ */ jsx(HeaderDescription, { column: header.column })
-                              ] }),
-                              /* @__PURE__ */ jsx(SortIndicator, { column: header.column }),
-                              showHeaderMenu && !isSelectionCol && /* @__PURE__ */ jsx(
-                                HeaderCellMenu,
-                                {
-                                  column: header.column,
-                                  columnIndex: columnIndexInData,
-                                  enableAddColumn,
-                                  enableColumnFreeze,
-                                  isColumnPinned: isColumnPinned(
-                                    header.column.id
-                                  ),
-                                  canMoveLeft: headerIndex > (selectionColumn ? 1 : 0),
-                                  canMoveRight: headerIndex < headerGroup.headers.length - 1,
-                                  onSort: handleSort,
-                                  onHideColumn: onColumnHideProp ? hideColumn : void 0,
-                                  onTogglePin: toggleColumnPin,
-                                  onAddColumn: onColumnAdd,
-                                  onDeleteColumn: onColumnDelete,
-                                  onMoveColumn: onColumnUpdate ? (colId, dir) => moveColumn(colId, dir) : void 0,
-                                  onMoreActionClick
-                                }
-                              )
-                            ] }),
+                            ) : /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                "data-testid": headerTitleTestId,
+                                className: "flex items-center",
+                                children: [
+                                  /* @__PURE__ */ jsxs("div", { className: "me-auto flex min-w-0 items-center", children: [
+                                    /* @__PURE__ */ jsx("span", { className: "truncate", children: flexRender(
+                                      header.column.columnDef.header,
+                                      header.getContext()
+                                    ) }),
+                                    /* @__PURE__ */ jsx(HeaderDescription, { column: header.column })
+                                  ] }),
+                                  /* @__PURE__ */ jsx(SortIndicator, { column: header.column }),
+                                  showHeaderMenu && !isSelectionCol && /* @__PURE__ */ jsx(
+                                    HeaderCellMenu,
+                                    {
+                                      column: header.column,
+                                      columnIndex: columnIndexInData,
+                                      enableAddColumn,
+                                      enableColumnFreeze,
+                                      isColumnPinned: isColumnPinned(
+                                        header.column.id
+                                      ),
+                                      canMoveLeft: headerIndex > (selectionColumn ? 1 : 0),
+                                      canMoveRight: headerIndex < headerGroup.headers.length - 1,
+                                      onSort: handleSort,
+                                      onHideColumn: onColumnHideProp ? hideColumn : void 0,
+                                      onTogglePin: toggleColumnPin,
+                                      onAddColumn: onColumnAdd,
+                                      onDeleteColumn: onColumnDelete,
+                                      onMoveColumn: onColumnUpdate ? (colId, dir) => moveColumn(colId, dir) : void 0,
+                                      onMoreActionClick
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
                             enableColumnResize && /* @__PURE__ */ jsx(
                               ResizeHandle,
                               {
@@ -4563,4 +4583,4 @@ const DataTable = ({
 };
 
 export { DataTable as D, useColumnPinning as a, useColumnVisibility as b, useTablePagination as c, useTableSelection as d, useTableSort as e, useColumnOrdering as u };
-//# sourceMappingURL=DataTable-CwWARMEv.js.map
+//# sourceMappingURL=DataTable-mxDU-16D.js.map