@mittwald/flow-react-components 0.1.0-alpha.34 → 0.1.0-alpha.36

package/dist/{CopyToClipboardButton.js → CopyButton.js}

@@ -10,8 +10,8 @@ import "html-react-parser";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import { u as a } from "./useProps-C7GIMcgB.js";
-import { I as l } from "./IconCopy-DwaMO7aJ.js";
-import { useLocalizedStringFormatter as c } from "react-aria";
+import { I as c } from "./IconCopy-DwaMO7aJ.js";
+import { useLocalizedStringFormatter as l } from "react-aria";
 import { T as s } from "./Tooltip-Co5h9sSt.js";
 import { T as u } from "./TooltipTrigger-7-ynWHZ9.js";
 import { onlyText as y } from "react-children-utilities";
@@ -23,12 +23,12 @@ const f = {
     "copyButton.copy": "Copy"
   }
 }, R = (r) => {
-  const { text: e, ...p } = a("CopyToClipboard", r), t = c(f).format("copyButton.copy"), m = () => {
+  const { text: e, ...p } = a("CopyButton", r), t = l(f).format("copyButton.copy"), m = () => {
     n(y(e));
   };
-  return /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement(i, { onPress: m, "aria-label": t, ...p }, /* @__PURE__ */ o.createElement(l, null)), /* @__PURE__ */ o.createElement(s, null, t));
+  return /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement(i, { onPress: m, "aria-label": t, ...p }, /* @__PURE__ */ o.createElement(c, null)), /* @__PURE__ */ o.createElement(s, null, t));
 };
 export {
-  R as CopyToClipboardButton,
+  R as CopyButton,
   R as default
 };

package/dist/LabeledValue.js

@@ -3,18 +3,18 @@
 import l from "react";
 import r from "clsx";
 import "./propsContext-Dx7WKmmM.js";
-import { P as b } from "./PropsContextProvider-CEoxD8yK.js";
+import { P as c } from "./PropsContextProvider-CEoxD8yK.js";
 import "@react-aria/utils";
-const c = "flow--labeled-value", m = "flow--labeled-value--button", p = "flow--labeled-value--label", e = {
-  labeledValue: c,
+const b = "flow--labeled-value", m = "flow--labeled-value--button", u = "flow--labeled-value--label", e = {
+  labeledValue: b,
   button: m,
-  label: p
+  label: u
 }, v = (t) => {
   const { children: a, className: o } = t, s = r(e.labeledValue, o), n = {
     Label: {
       className: e.label
     },
-    CopyToClipboard: {
+    CopyButton: {
       className: e.button,
       style: "plain",
       size: "s"
@@ -25,7 +25,7 @@ const c = "flow--labeled-value", m = "flow--labeled-value--button", p = "flow--l
       size: "s"
     }
   };
-  return /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(b, { props: n }, a));
+  return /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(c, { props: n }, a));
 };
 export {
   v as LabeledValue,

package/dist/types/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from "react";
+import { ButtonProps } from '../Button';
+export interface CopyButtonProps extends Omit<ButtonProps, "onPress" | "aria-label"> {
+    text: ReactNode;
+}
+export declare const CopyButton: FC<CopyButtonProps>;
+export default CopyButton;

package/dist/types/components/CopyButton/index.d.ts

@@ -0,0 +1,3 @@
+import { CopyButton } from "./CopyButton";
+export { type CopyButtonProps, CopyButton } from "./CopyButton";
+export default CopyButton;

package/dist/types/components/CopyButton/stories/Default.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CopyButton } from "../CopyButton";
+declare const meta: Meta<typeof CopyButton>;
+export default meta;
+type Story = StoryObj<typeof CopyButton>;
+export declare const Default: Story;
+export declare const WithReactNodeText: Story;

package/dist/types/components/propTypes/index.d.ts

@@ -12,12 +12,12 @@ import type { InlineAlertProps } from '../InlineAlert';
 import type { HeadingProps } from '../Heading';
 import type { InitialsProps } from '../Initials';
 import type { ImageProps } from '../Image';
-import type { CopyToClipboardButtonProps } from '../CopyToClipboardButton';
+import type { CopyButtonProps } from '../CopyButton';
 export * from "./types";
 export interface FlowComponentPropsTypes {
     Text: TextProps;
     Button: ButtonProps;
-    CopyToClipboard: CopyToClipboardButtonProps;
+    CopyButton: CopyButtonProps;
     Icon: IconProps;
     Label: LabelProps;
     Content: ContentProps;

package/dist/types/lib/propsContext/propsContext.d.ts

@@ -315,49 +315,49 @@ export declare const propsContext: import("react").Context<Partial<{
         isSucceeded?: boolean | import("./dynamicProps/types").DynamicProp<"Button", "isSucceeded"> | undefined;
         isFailed?: boolean | import("./dynamicProps/types").DynamicProp<"Button", "isFailed"> | undefined;
     }>;
-    CopyToClipboard: Partial<{
-        form?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "form"> | undefined;
-        slot?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "slot"> | null | undefined;
-        style?: "plain" | "solid" | "soft" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "style"> | undefined;
-        children?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | ((values: import("react-aria-components").ButtonRenderProps) => import("react").ReactNode)) & (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal)) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "children"> | null | undefined;
-        autoFocus?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "autoFocus"> | undefined;
-        className?: string | ((values: import("react-aria-components").ButtonRenderProps) => string) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "className"> | undefined;
-        id?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "id"> | undefined;
-        'aria-controls'?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-controls"> | undefined;
-        'aria-describedby'?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-describedby"> | undefined;
-        'aria-details'?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-details"> | undefined;
-        'aria-expanded'?: boolean | "true" | "false" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-expanded"> | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-haspopup"> | undefined;
-        'aria-labelledby'?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-labelledby"> | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-pressed"> | undefined;
-        onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onFocus"> | undefined;
-        onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onBlur"> | undefined;
-        onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onKeyDown"> | undefined;
-        onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onKeyUp"> | undefined;
-        text: import("react").ReactNode | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "text">;
-        isDisabled?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "isDisabled"> | undefined;
-        onPressStart?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onPressStart"> | undefined;
-        onPressEnd?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onPressEnd"> | undefined;
-        onPressChange?: ((isPressed: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onPressChange"> | undefined;
-        onPressUp?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onPressUp"> | undefined;
-        onFocusChange?: ((isFocused: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onFocusChange"> | undefined;
-        type?: "button" | "submit" | "reset" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "type"> | undefined;
-        excludeFromTabOrder?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "excludeFromTabOrder"> | undefined;
-        formAction?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formAction"> | undefined;
-        formEncType?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formEncType"> | undefined;
-        formMethod?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formMethod"> | undefined;
-        formNoValidate?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formNoValidate"> | undefined;
-        formTarget?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formTarget"> | undefined;
-        name?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "name"> | undefined;
-        value?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "value"> | undefined;
-        onHoverStart?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onHoverStart"> | undefined;
-        onHoverEnd?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onHoverEnd"> | undefined;
-        onHoverChange?: ((isHovering: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onHoverChange"> | undefined;
-        variant?: "danger" | "primary" | "accent" | "secondary" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "variant"> | undefined;
-        size?: "s" | "m" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "size"> | undefined;
-        isPending?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "isPending"> | undefined;
-        isSucceeded?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "isSucceeded"> | undefined;
-        isFailed?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "isFailed"> | undefined;
+    CopyButton: Partial<{
+        form?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "form"> | undefined;
+        slot?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "slot"> | null | undefined;
+        style?: "plain" | "solid" | "soft" | import("./dynamicProps/types").DynamicProp<"CopyButton", "style"> | undefined;
+        children?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | ((values: import("react-aria-components").ButtonRenderProps) => import("react").ReactNode)) & (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal)) | import("./dynamicProps/types").DynamicProp<"CopyButton", "children"> | null | undefined;
+        autoFocus?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "autoFocus"> | undefined;
+        className?: string | ((values: import("react-aria-components").ButtonRenderProps) => string) | import("./dynamicProps/types").DynamicProp<"CopyButton", "className"> | undefined;
+        id?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "id"> | undefined;
+        'aria-controls'?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-controls"> | undefined;
+        'aria-describedby'?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-describedby"> | undefined;
+        'aria-details'?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-details"> | undefined;
+        'aria-expanded'?: boolean | "true" | "false" | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-expanded"> | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-haspopup"> | undefined;
+        'aria-labelledby'?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-labelledby"> | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-pressed"> | undefined;
+        onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onFocus"> | undefined;
+        onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onBlur"> | undefined;
+        onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onKeyDown"> | undefined;
+        onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onKeyUp"> | undefined;
+        text: import("react").ReactNode | import("./dynamicProps/types").DynamicProp<"CopyButton", "text">;
+        isDisabled?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "isDisabled"> | undefined;
+        onPressStart?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onPressStart"> | undefined;
+        onPressEnd?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onPressEnd"> | undefined;
+        onPressChange?: ((isPressed: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onPressChange"> | undefined;
+        onPressUp?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onPressUp"> | undefined;
+        onFocusChange?: ((isFocused: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onFocusChange"> | undefined;
+        type?: "button" | "submit" | "reset" | import("./dynamicProps/types").DynamicProp<"CopyButton", "type"> | undefined;
+        excludeFromTabOrder?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "excludeFromTabOrder"> | undefined;
+        formAction?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "formAction"> | undefined;
+        formEncType?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "formEncType"> | undefined;
+        formMethod?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "formMethod"> | undefined;
+        formNoValidate?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "formNoValidate"> | undefined;
+        formTarget?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "formTarget"> | undefined;
+        name?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "name"> | undefined;
+        value?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "value"> | undefined;
+        onHoverStart?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onHoverStart"> | undefined;
+        onHoverEnd?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onHoverEnd"> | undefined;
+        onHoverChange?: ((isHovering: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onHoverChange"> | undefined;
+        variant?: "danger" | "primary" | "accent" | "secondary" | import("./dynamicProps/types").DynamicProp<"CopyButton", "variant"> | undefined;
+        size?: "s" | "m" | import("./dynamicProps/types").DynamicProp<"CopyButton", "size"> | undefined;
+        isPending?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "isPending"> | undefined;
+        isSucceeded?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "isSucceeded"> | undefined;
+        isFailed?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "isFailed"> | undefined;
     }>;
     Icon: Partial<{
         string?: string | number | import("./dynamicProps/types").DynamicProp<"Icon", "string"> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.34",
+  "version": "0.1.0-alpha.36",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -26,9 +26,9 @@
       "types": "./dist/types/components/Content/index.d.ts",
       "import": "./dist/Content.js"
     },
-    "./CopyToClipboardButton": {
-      "types": "./dist/types/components/CopyToClipboardButton/index.d.ts",
-      "import": "./dist/CopyToClipboardButton.js"
+    "./CopyButton": {
+      "types": "./dist/types/components/CopyButton/index.d.ts",
+      "import": "./dist/CopyButton.js"
     },
     "./FieldDescription": {
       "types": "./dist/types/components/FieldDescription/index.d.ts",
@@ -147,7 +147,7 @@
     "start": "run storybook dev --port 6006",
     "test": "",
     "test:compile": "run tsc --noEmit",
-    "test:unit": "node --experimental-vm-modules $(yarn bin jest)"
+    "test:unit": "run vitest run"
   },
   "dependencies": {
     "@react-aria/utils": "^3.23.2",
@@ -164,7 +164,6 @@
     "remeda": "^1.46.2"
   },
   "devDependencies": {
-    "@jest/globals": "^29.7.0",
     "@mittwald/flow-design-tokens": "^0.1.0-alpha.34",
     "@nx/storybook": "^18.1.0",
     "@storybook/addon-a11y": "^7.6.17",
@@ -183,17 +182,16 @@
     "@storybook/testing-library": "^0.2.2",
     "@storybook/theming": "^7.6.17",
     "@testing-library/react": "^14.2.1",
-    "@types/jest": "^29.5.12",
     "@types/node": "20.11.24",
     "@types/prettier": "^3.0.0",
     "@types/prop-types": "^15.7.11",
     "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
     "@types/rollup": "^0.54.0",
+    "@vitest/coverage-v8": "^1.3.1",
     "decamelize": "^6.0.0",
     "fs-jetpack": "^5.1.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "happy-dom": "^13.8.4",
     "next": "^14.1.3",
     "nx": "^18.1.0",
     "postcss": "^8.4.35",
@@ -209,7 +207,6 @@
     "storybook": "^7.6.17",
     "storybook-addon-dir": "^1.0.6",
     "storybook-addon-pseudo-states": "^2.2.0",
-    "ts-jest": "^29.1.2",
     "tsx": "^4.7.1",
     "typescript": "^5.3.3",
     "typescript-plugin-css-modules": "^5.1.0",
@@ -218,6 +215,7 @@
     "vite-plugin-checker": "^0.6.4",
     "vite-plugin-dts": "^3.7.3",
     "vite-plugin-externalize-deps": "^0.8.0",
+    "vitest": "^1.3.1",
     "yaml": "^2.4.0"
   },
   "peerDependencies": {
@@ -230,5 +228,5 @@
       "optional": true
     }
   },
-  "gitHead": "90ecf44d1ba5eb2ed126efca404d315c120e5f14"
+  "gitHead": "6c512033f2c1f2a9d7df6f26d1988a60ee8370b7"
 }

package/dist/types/components/CopyToClipboardButton/CopyToClipboardButton.d.ts

@@ -1,7 +0,0 @@
-import { FC, ReactNode } from "react";
-import { ButtonProps } from '../Button';
-export interface CopyToClipboardButtonProps extends Omit<ButtonProps, "onPress" | "aria-label"> {
-    text: ReactNode;
-}
-export declare const CopyToClipboardButton: FC<CopyToClipboardButtonProps>;
-export default CopyToClipboardButton;

package/dist/types/components/CopyToClipboardButton/index.d.ts

@@ -1,3 +0,0 @@
-import { CopyToClipboardButton } from "./CopyToClipboardButton";
-export { type CopyToClipboardButtonProps, CopyToClipboardButton, } from "./CopyToClipboardButton";
-export default CopyToClipboardButton;

package/dist/types/components/CopyToClipboardButton/stories/Default.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { CopyToClipboardButton } from "../CopyToClipboardButton";
-declare const meta: Meta<typeof CopyToClipboardButton>;
-export default meta;
-type Story = StoryObj<typeof CopyToClipboardButton>;
-export declare const Default: Story;
-export declare const WithReactNodeText: Story;