@vygruppen/spor-react 13.4.0 → 13.4.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@13.4.0 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.4.2 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,18 +11,18 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs           376.01 KB
-CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       746.70 KB
-CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2712ms
-ESM dist/index.mjs           351.44 KB
+ESM dist/index.mjs           350.52 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       746.70 KB
+ESM dist/index.mjs.map       745.68 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2713ms
-DTS ⚡️ Build success in 22345ms
+ESM ⚡️ Build success in 2121ms
+CJS dist/index.cjs           375.08 KB
+CJS dist/icons/index.cjs     381.00 B
+CJS dist/index.cjs.map       745.68 KB
+CJS dist/icons/index.cjs.map 157.00 B
+CJS ⚡️ Build success in 2121ms
+DTS ⚡️ Build success in 17019ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        152.00 KB
+DTS dist/index.d.ts        154.14 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       152.00 KB
+DTS dist/index.d.cts       154.14 KB

package/.turbo/turbo-postinstall.log

@@ -1,12 +1,11 @@
 
-> @vygruppen/spor-react@13.4.0 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@13.4.2 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-◇ injected env (0) from .env // tip: ⌁ auth for agents [www.vestauth.com]
+◇ injected env (0) from .env // tip: ⌘ suppress logs { quiet: true }
 ┌  Chakra CLI ⚡️
 [?25l│
-◒  Generating conditions types...
-◇  ✅ Generated conditions typings
+◇  ✅ Generated conditions typings
 [?25h[?25l│
 ◒  Generating recipe types...
 ◇  ✅ Generated recipe typings

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @vygruppen/spor-react
 
+## 13.4.2
+
+### Patch Changes
+
+- 5e1ff50: Dialog: add possibility to send positioner-props to Chakra's positioner
+- b395020: Add brightRed colorPalette to Badge
+- c976a77: Breadcrumb: change styling of links to have an underline
+- 5a65a8e: AttachedInputs: removed "!important"-tag on styling, and added "flipButtonProps" as a prop to the AttahcedInput component to make it possible to override the styling of the button.
+
+## 13.4.1
+
+### Patch Changes
+
+- e5b9c5e: Added customization option for travel and info tags `descriptionProps` & `titleProps`
+- b6495d6: Update TravelTag background colours and walk LineIcon dark mode colour
+
 ## 13.4.0
 
 ### Minor Changes

package/__tests__/accordion.test.tsx

@@ -0,0 +1,110 @@
+import { ConditionalValue } from "@chakra-ui/react";
+import { AccordionRootProps as ChakraAccordionProps } from "@chakra-ui/react";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import {
+  Accordion,
+  AccordionItem,
+  AccordionItemContent,
+  AccordionItemTrigger,
+  SporProvider,
+} from "@vygruppen/spor-react";
+import { Ref } from "react";
+import { JSX } from "react/jsx-runtime";
+import { describe, expect, test, vi } from "vitest";
+
+const AccordionTest = (
+  props: JSX.IntrinsicAttributes &
+    ChakraAccordionProps & {
+      variant?: ConditionalValue<
+        "core" | "ghost" | "underlined" | "floating" | undefined
+      >;
+    } & {
+      children?: React.ReactNode | undefined;
+    } & {
+      variant?: "ghost" | "core" | "floating" | "underlined";
+      gap?: string | number;
+      href?: string;
+    } & {
+      ref?: Ref<HTMLDivElement>;
+    },
+) => {
+  return (
+    <SporProvider>
+      <Accordion
+        collapsible
+        width="100%"
+        {...props}
+        data-testid="accordion-root"
+      >
+        <AccordionItem value="accordion-item-1">
+          <AccordionItemTrigger data-testid="accordion-item-1">
+            Item 1 trigger
+          </AccordionItemTrigger>
+          <AccordionItemContent>Item 1 content</AccordionItemContent>
+        </AccordionItem>
+        <AccordionItem value="accordion-item-2">
+          <AccordionItemTrigger data-testid="accordion-item-2">
+            Item 1 trigger
+          </AccordionItemTrigger>
+          <AccordionItemContent>Item 1 content</AccordionItemContent>
+        </AccordionItem>
+      </Accordion>
+    </SporProvider>
+  );
+};
+
+describe("Uncontrolled accordion", () => {
+  test("handles expandable-state correctly", async () => {
+    const user = userEvent.setup();
+
+    render(<AccordionTest />);
+
+    const item1 = screen.getByTestId("accordion-item-1") as HTMLInputElement;
+    const item2 = screen.getByTestId("accordion-item-2") as HTMLInputElement;
+
+    await user.click(item2);
+
+    expect(item1.ariaExpanded).toBe("false");
+    expect(item2.ariaExpanded).toBe("true");
+  });
+});
+
+describe("Controlled accordion", () => {
+  test("handles expandable-state correctly", async () => {
+    const expandedItems = ["accordion-item-1"];
+    render(<AccordionTest value={expandedItems} />);
+
+    const item1 = screen.getByTestId("accordion-item-1") as HTMLInputElement;
+    const item2 = screen.getByTestId("accordion-item-2") as HTMLInputElement;
+
+    expect(item1.ariaExpanded).toBe("true");
+    expect(item2.ariaExpanded).toBe("false");
+  });
+});
+
+describe("Default open accordion", () => {
+  test("handles expandable-state correctly", async () => {
+    render(<AccordionTest defaultValue={["accordion-item-1"]} />);
+
+    const item1 = screen.getByTestId("accordion-item-1") as HTMLInputElement;
+    const item2 = screen.getByTestId("accordion-item-2") as HTMLInputElement;
+
+    expect(item1.ariaExpanded).toBe("true");
+    expect(item2.ariaExpanded).toBe("false");
+  });
+});
+
+describe("OnValuechange accordion", () => {
+  test("handles onValueChange correctly", async () => {
+    const onValueChange = vi.fn();
+
+    const user = userEvent.setup();
+    render(<AccordionTest onValueChange={onValueChange} />);
+
+    const item1 = screen.getByTestId("accordion-item-1") as HTMLInputElement;
+    await user.click(item1);
+
+    expect(onValueChange).toHaveBeenCalled();
+  });
+});