@cognite/aura 0.1.4 → 0.1.6

package/dist/components/ui/core/tooltip/tooltip.js

@@ -1,13 +1,13 @@
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
 import { Tooltip as e } from "@base-ui/react/tooltip";
 import { usePortalContainer as g } from "../../../../lib/portal-container-context.js";
 import { cn as c } from "../../../../lib/utils.js";
 function P({
-  delayDuration: t = 0,
+  delayDuration: t = 300,
   ...a
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ i(
     e.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -20,7 +20,7 @@ function w({
   disableHoverableContent: t,
   ...a
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ i(
     e.Root,
     {
       "data-slot": "tooltip",
@@ -29,7 +29,7 @@ function w({
     }
   );
 }
-const u = i((t, a) => /* @__PURE__ */ o(
+const u = o((t, a) => /* @__PURE__ */ i(
   e.Trigger,
   {
     ref: a,
@@ -38,7 +38,7 @@ const u = i((t, a) => /* @__PURE__ */ o(
   }
 ));
 u.displayName = "TooltipTrigger";
-const h = i(
+const h = o(
   ({
     className: t,
     side: a = "top",
@@ -49,7 +49,7 @@ const h = i(
     ...l
   }, m) => {
     const p = g();
-    return /* @__PURE__ */ o(e.Portal, { container: p, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ i(e.Portal, { container: p, children: /* @__PURE__ */ i(
       e.Positioner,
       {
         align: n,
@@ -63,13 +63,13 @@ const h = i(
             ref: m,
             "data-slot": "tooltip-content",
             className: c(
-              "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin) rounded-md p-2 text-sm font-medium leading-tight",
+              "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-raised-background text-foreground-fixed-light z-50 inline-flex min-h-9 w-fit max-w-80 items-center origin-(--transform-origin) rounded-lg px-3 py-2 text-sm font-medium leading-4.5 shadow-sm",
               t
             ),
             ...l,
             children: [
               s,
-              /* @__PURE__ */ o(e.Arrow, { className: "size-2.5 -translate-y-1/2 rotate-45 rounded-xs data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=bottom]:-mt-0.5 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5 data-[side=top]:-mt-0.5" })
+              /* @__PURE__ */ i(e.Arrow, { className: "size-2.5 -translate-y-1/2 rotate-45 rounded-xs data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-raised-background fill-raised-background z-50 data-[side=bottom]:top-1 data-[side=bottom]:-mt-0.5 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5 data-[side=top]:-mt-0.5" })
             ]
           }
         )

package/dist/eslint/index.d.ts

@@ -0,0 +1,7 @@
+import { auraNoOverridingStylesRule } from './no-overriding-styles';
+export { auraNoOverridingStylesRule };
+export declare const auraEslintPlugin: {
+    rules: {
+        'no-overriding-styles': import("eslint").Rule.RuleModule;
+    };
+};

package/dist/eslint/index.js

@@ -0,0 +1,10 @@
+import { auraNoOverridingStylesRule as r } from "./no-overriding-styles.js";
+const i = {
+  rules: {
+    "no-overriding-styles": r
+  }
+};
+export {
+  i as auraEslintPlugin,
+  r as auraNoOverridingStylesRule
+};

package/dist/eslint/no-overriding-styles.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from 'eslint';
+export declare const auraNoOverridingStylesRule: Rule.RuleModule;

package/dist/eslint/no-overriding-styles.js

@@ -0,0 +1,262 @@
+const N = /* @__PURE__ */ new Set([
+  "@cognite/aura/components",
+  "@cognite/aura-labs/components"
+]), b = [
+  /^(block|inline|inline-block|flex|inline-flex|grid|inline-grid|contents|hidden)$/,
+  /^(w|h|min-w|max-w|min-h|max-h|size|aspect)-.+$/,
+  /^(m|mx|my|mt|mr|mb|ml|ms|me)-.+$/,
+  /^space-[xy]-.+$/,
+  /^gap(?:-[xy])?-.+$/,
+  /^(grow|grow-0|shrink|shrink-0)$/,
+  /^flex-(1|auto|initial|none|row|row-reverse|col|col-reverse|wrap|wrap-reverse|nowrap)$/,
+  /^basis-.+$/,
+  /^order-.+$/,
+  /^grid-(cols|rows)-.+$/,
+  /^auto-(cols|rows)-.+$/,
+  /^(col|row)-(auto|span-.+|start-.+|end-.+)$/,
+  /^justify-(start|end|center|between|around|evenly|stretch|normal)$/,
+  /^items-(start|end|center|baseline|stretch)$/,
+  /^content-(start|end|center|between|around|evenly|stretch|baseline)$/,
+  /^self-(auto|start|end|center|stretch|baseline)$/,
+  /^place-(items|content|self)-.+$/,
+  /^justify-self-.+$/,
+  /^(overflow|overflow-x|overflow-y|overscroll|overscroll-x|overscroll-y)-.+$/,
+  /^(whitespace|break)-.+$/,
+  /^(text-(left|center|right|justify|wrap|nowrap|balance|pretty))$/,
+  /^(truncate|line-clamp-.+)$/,
+  /^(static|fixed|absolute|relative|sticky)$/,
+  /^(inset|inset-x|inset-y|top|right|bottom|left|start|end|z)-.+$/,
+  /^(visible|invisible|isolate)$/
+];
+function l(e) {
+  return typeof e == "object" && e !== null;
+}
+function h(e) {
+  return l(e) && typeof e.type == "string";
+}
+function u(e, n) {
+  return h(e) && e.type === n;
+}
+function p(e) {
+  return u(e, "Literal");
+}
+function y(e) {
+  if (!l(e))
+    return !1;
+  const n = e, r = Array.isArray(n.expressions) && Array.isArray(n.quasis);
+  return u(n, "TemplateLiteral") && r;
+}
+function x(e) {
+  return u(e, "JSXExpressionContainer") && "expression" in e;
+}
+function $(e) {
+  if (!l(e))
+    return !1;
+  const n = e, r = Array.isArray(n.arguments) && "callee" in n;
+  return u(n, "CallExpression") && r;
+}
+function C(e) {
+  return u(e, "ConditionalExpression") && "consequent" in e && "alternate" in e;
+}
+function k(e) {
+  return u(e, "LogicalExpression") && "left" in e && "right" in e;
+}
+function E(e) {
+  if (!l(e))
+    return !1;
+  const n = e, r = Array.isArray(n.elements);
+  return u(n, "ArrayExpression") && r;
+}
+function w(e) {
+  if (!l(e))
+    return !1;
+  const n = e, r = typeof n.name == "string";
+  return u(n, "JSXIdentifier") && r;
+}
+function J(e) {
+  return u(e, "JSXAttribute") && "name" in e;
+}
+function T(e) {
+  if (!l(e))
+    return !1;
+  const n = e, r = Array.isArray(n.attributes) && "name" in n;
+  return u(n, "JSXOpeningElement") && r;
+}
+function O(e) {
+  if (!l(e))
+    return !1;
+  const n = e, r = Array.isArray(n.specifiers) && "source" in n;
+  return u(n, "ImportDeclaration") && r;
+}
+function I(e) {
+  return l(e.source) && typeof e.source.value == "string" ? e.source.value : null;
+}
+function L(e) {
+  if (!l(e) || !("local" in e))
+    return null;
+  const n = e.local;
+  return l(n) && typeof n.name == "string" ? n.name : null;
+}
+function j(e) {
+  return e.trim().split(":").at(-1)?.replace(/!$/, "").replace(/^-/, "");
+}
+function v(e) {
+  const n = j(e);
+  return n ? b.some(
+    (r) => r.test(n)
+  ) : !1;
+}
+function g(e) {
+  return e.split(/\s+/).map((n) => n.trim()).filter(Boolean);
+}
+function S(e) {
+  return e.value?.cooked ?? "";
+}
+function m(e) {
+  return e ? p(e) ? typeof e.value == "string" ? g(e.value) : [] : y(e) ? e.quasis.flatMap(
+    (n) => g(S(n))
+  ) : x(e) ? m(e.expression) : $(e) ? e.arguments.flatMap((n) => m(n)) : C(e) ? [
+    ...m(e.consequent),
+    ...m(e.alternate)
+  ] : k(e) ? [
+    ...m(e.left),
+    ...m(e.right)
+  ] : E(e) ? e.elements.flatMap((n) => m(n)) : [] : [];
+}
+function V(e) {
+  return w(e.name) ? e.name.name : null;
+}
+function d(e) {
+  return e.filter(v);
+}
+function z(e, n) {
+  return n.range ? e.text.slice(n.range[0], n.range[1]) : null;
+}
+function R({
+  expressionNode: e,
+  sourceCode: n,
+  sanitizedTokens: r,
+  valueNode: o
+}) {
+  const t = r.join(" ");
+  if (p(o))
+    return t === "" ? null : `"${t}"`;
+  if (!x(o) || !e)
+    return null;
+  if (p(e))
+    return t === "" ? null : `{${JSON.stringify(t)}}`;
+  if (y(e) && e.expressions.length === 0)
+    return t === "" ? null : `{${JSON.stringify(t)}}`;
+  if (!$(e) || !l(e.callee) || (typeof e.callee.name == "string" ? e.callee.name : null) !== "cn")
+    return null;
+  const i = [];
+  for (const s of e.arguments) {
+    if (p(s) && typeof s.value == "string") {
+      const a = d(
+        g(s.value)
+      ).join(" ");
+      a && i.push(JSON.stringify(a));
+      continue;
+    }
+    if (y(s) && s.expressions.length === 0) {
+      const a = S(s.quasis[0] ?? {}), A = d(
+        g(a)
+      ).join(" ");
+      A && i.push(JSON.stringify(A));
+      continue;
+    }
+    if (!h(s))
+      return null;
+    const c = z(n, s);
+    if (c === null)
+      return null;
+    i.push(c);
+  }
+  return i.length === 0 ? null : `{cn(${i.join(", ")})}`;
+}
+function q({
+  classNameAttribute: e,
+  disallowedTokens: n,
+  sourceCode: r,
+  tokens: o
+}) {
+  if (n.length === 0)
+    return null;
+  const t = e.value;
+  if (!t)
+    return null;
+  const f = x(t) ? t.expression : null, i = d(o), s = R({
+    expressionNode: f,
+    sanitizedTokens: i,
+    sourceCode: r,
+    valueNode: t
+  }), c = e.range;
+  return c ? (a) => s === null ? a.removeRange([c[0] - 1, c[1]]) : !h(t) || !t.range ? null : a.replaceTextRange(t.range, s) : null;
+}
+const X = {
+  meta: {
+    type: "suggestion",
+    fixable: "code",
+    hasSuggestions: !0,
+    docs: {
+      description: "Warn when consumers visually override Aura component styles via className"
+    },
+    schema: [],
+    messages: {
+      overridingAuraStyles: "Overriding Aura styles: only layout and sizing utilities should be passed via className. Move visual styling into Aura variants, props, or composition instead. Offending classes: {{classes}}.",
+      removeOverridingAuraStyles: "Remove disallowed Aura styling classes and keep only layout-safe utilities."
+    }
+  },
+  create(e) {
+    const n = /* @__PURE__ */ new Set(), r = e.sourceCode;
+    return {
+      ImportDeclaration(o) {
+        if (!O(o))
+          return;
+        const t = I(o);
+        if (!(!t || !N.has(t)))
+          for (const f of o.specifiers) {
+            const i = L(f);
+            i && n.add(i);
+          }
+      },
+      JSXOpeningElement(o) {
+        if (!T(o))
+          return;
+        const t = V(o);
+        if (!t || !n.has(t))
+          return;
+        const f = o.attributes.find(
+          (a) => J(a) && w(a.name) && a.name.name === "className"
+        );
+        if (!f?.value)
+          return;
+        const i = m(f.value), s = [...new Set(i)].filter(
+          (a) => !v(a)
+        ), c = q({
+          classNameAttribute: f,
+          disallowedTokens: s,
+          sourceCode: r,
+          tokens: i
+        });
+        s.length !== 0 && e.report({
+          node: f,
+          messageId: "overridingAuraStyles",
+          data: {
+            classes: s.join(", ")
+          },
+          fix: c,
+          suggest: c ? [
+            {
+              messageId: "removeOverridingAuraStyles",
+              fix: c
+            }
+          ] : void 0
+        });
+      }
+    };
+  }
+};
+export {
+  X as auraNoOverridingStylesRule
+};

package/dist/index.d.ts

@@ -1 +1 @@
-export * from './components';
+export { Accordion, AccordionContent, AccordionItem, AccordionMetadata, AccordionTrigger, Alert, AlertActions, AlertButton, AlertClose, AlertDescription, AlertMetadata, AlertTitle, Avatar, AvatarFallback, AvatarIcon, AvatarImage, AvatarMetadata, Badge, BadgeMetadata, Banner, BannerAction, BannerActions, BannerClose, BannerIcon, BannerMetadata, BannerStatus, BannerTitle, badgeVariants, Button, ButtonGroup, ButtonGroupMetadata, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, ButtonMetadata, buttonVariants, Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardHeaderRight, CardIcon, CardMetadata, CardTitle, CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, CodeBlockMetadata, Collapsible, CollapsibleContent, CollapsibleMetadata, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandMetadata, CommandSeparator, CommandShortcut, type ComponentMeta, type ComponentStatusType, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogMetadata, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuMetadata, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HelperText, HelperTextMetadata, HoverCard, HoverCardContent, HoverCardMetadata, HoverCardTrigger, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, type InlineCitationLinkProps, InlineCitationMetadata, InlineCitationQuote, InlineCitationSource, InlineCitationText, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupMetadata, InputGroupText, InputGroupTextarea, InputMetadata, Label, LabelMetadata, Loader, LoaderMetadata, Message, MessageAction, MessageActions, MessageContent, MessageResponse, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverMetadata, PopoverSlot, PopoverTitle, PopoverTrigger, PortalContainerContext, PromptInput, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputMetadata, PromptInputModelSelect, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectTrigger, PromptInputModelSelectValue, PromptInputProvider, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, ReasoningMetadata, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectMetadata, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorMetadata, Shimmer, ShimmerMetadata, Skeleton, SkeletonMetadata, Source, Sources, SourcesTitle, Textarea, TextareaMetadata, Tool, ToolContent, ToolHeader, ToolInput, ToolMetadata, ToolOutput, Tooltip, TooltipContent, TooltipMetadata, TooltipProvider, TooltipTrigger, usePromptInputController, } from './components';