@mittwald/flow-react-components 0.1.0-alpha.359 → 0.1.0-alpha.360
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/css/Breadcrumb.css +1 -1
- package/dist/css/ContextMenu.css +1 -1
- package/dist/css/ContextualHelp.css +1 -1
- package/dist/css/HeaderNavigation.css +1 -1
- package/dist/css/Link.css +1 -1
- package/dist/css/MenuItem.css +1 -1
- package/dist/css/Modal.css +1 -1
- package/dist/css/Navigation.css +1 -1
- package/dist/css/Popover.css +1 -1
- package/dist/css/Select.css +1 -1
- package/dist/css/Tabs.css +1 -1
- package/dist/css/Tooltip.css +1 -1
- package/dist/css/globals.css +1 -1
- package/dist/js/Breadcrumb.js +14 -13
- package/dist/js/{CodeBlock-DSY1UJpX.js → CodeBlock-EIPjKMfC.js} +1 -1
- package/dist/js/CodeBlock.js +1 -1
- package/dist/js/ContextMenu.js +2 -2
- package/dist/js/ContextMenu.module-_LC3xtX0.js +9 -0
- package/dist/js/{ContextMenuTrigger-DTE94lEG.js → ContextMenuTrigger-hgBQbWcZ.js} +26 -26
- package/dist/js/ContextualHelp.js +1 -1
- package/dist/js/{CopyButton-CpdTQjtL.js → CopyButton-DGh9PSAb.js} +1 -1
- package/dist/js/CopyButton.js +1 -1
- package/dist/js/DatePicker.js +1 -1
- package/dist/js/DateRangePicker.js +1 -1
- package/dist/js/List.js +3 -3
- package/dist/js/Markdown.js +1 -1
- package/dist/js/Modal.js +18 -19
- package/dist/js/Popover-DO6LcoKP.js +70 -0
- package/dist/js/Popover.js +2 -2
- package/dist/js/{Section-itMvKe4f.js → Section-C0X09K6_.js} +1 -1
- package/dist/js/Section.js +1 -1
- package/dist/js/Select.js +1 -1
- package/dist/js/Tabs.js +1 -1
- package/dist/js/Tooltip-D5QM-BbC.js +20 -0
- package/dist/js/Tooltip.js +2 -2
- package/dist/js/all.css +1 -1
- package/dist/js/nextjs.js +13 -13
- package/dist/js/types/components/Navigation/stories/Default.stories.d.ts +0 -1
- package/dist/js/types/components/Popover/Popover.d.ts +2 -1
- package/package.json +12 -12
- package/dist/js/ContextMenu.module-BZingr2B.js +0 -10
- package/dist/js/Popover-qBxQnZlU.js +0 -60
- package/dist/js/Tooltip-DmYZavnZ.js +0 -20
package/dist/js/nextjs.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { L as
|
|
6
|
-
const
|
|
7
|
-
function(
|
|
8
|
-
const { href:
|
|
9
|
-
return /* @__PURE__ */
|
|
10
|
-
|
|
3
|
+
import n, { forwardRef as c } from "react";
|
|
4
|
+
import l from "next/link";
|
|
5
|
+
import { L as m } from "./context-BlNV7smK.js";
|
|
6
|
+
const f = c(
|
|
7
|
+
function(r, o) {
|
|
8
|
+
const { href: t, isDisabled: i, ...a } = r;
|
|
9
|
+
return console.log(r), /* @__PURE__ */ n.createElement(
|
|
10
|
+
l,
|
|
11
11
|
{
|
|
12
|
-
href:
|
|
13
|
-
"aria-disabled":
|
|
12
|
+
href: t ?? "#",
|
|
13
|
+
"aria-disabled": i,
|
|
14
14
|
...a,
|
|
15
|
-
ref:
|
|
15
|
+
ref: o
|
|
16
16
|
}
|
|
17
17
|
);
|
|
18
18
|
}
|
|
19
|
-
), L = (e) => /* @__PURE__ */
|
|
19
|
+
), L = (e) => /* @__PURE__ */ n.createElement(m, { value: { linkComponent: f } }, e.children);
|
|
20
20
|
export {
|
|
21
|
-
|
|
21
|
+
f as Link,
|
|
22
22
|
L as LinkProvider
|
|
23
23
|
};
|
|
@@ -6,6 +6,5 @@ type Story = StoryObj<typeof Navigation>;
|
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const WithIcons: Story;
|
|
8
8
|
export declare const WithGroups: Story;
|
|
9
|
-
export declare const WithSeparator: Story;
|
|
10
9
|
export declare const WithCollapsableGroups: Story;
|
|
11
10
|
export declare const MixedGroups: Story;
|
|
@@ -5,8 +5,9 @@ export interface PopoverProps extends PropsWithChildren<Omit<Aria.PopoverProps,
|
|
|
5
5
|
withTip?: boolean;
|
|
6
6
|
isDialogContent?: boolean;
|
|
7
7
|
controller?: OverlayController;
|
|
8
|
-
contentClassName?: string;
|
|
9
8
|
width?: string | number;
|
|
9
|
+
/** @default "m" */
|
|
10
|
+
padding?: "s" | "m";
|
|
10
11
|
}
|
|
11
12
|
export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<never>>;
|
|
12
13
|
export default Popover;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.360",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
"@chakra-ui/live-region": "^2.1.0",
|
|
426
426
|
"@internationalized/date": "^3.6.0",
|
|
427
427
|
"@internationalized/string-compiler": "^3.2.6",
|
|
428
|
-
"@mittwald/react-tunnel": "^0.1.0-alpha.
|
|
428
|
+
"@mittwald/react-tunnel": "^0.1.0-alpha.360",
|
|
429
429
|
"@mittwald/react-use-promise": "^2.6.0",
|
|
430
430
|
"@react-aria/form": "^3.0.11",
|
|
431
431
|
"@react-aria/utils": "^3.26.0",
|
|
@@ -437,7 +437,7 @@
|
|
|
437
437
|
"clsx": "^2.1.1",
|
|
438
438
|
"copy-to-clipboard": "^3.3.3",
|
|
439
439
|
"dot-prop": "^9.0.0",
|
|
440
|
-
"framer-motion": "^11.
|
|
440
|
+
"framer-motion": "^11.12.0",
|
|
441
441
|
"html-react-parser": "^5.1.18",
|
|
442
442
|
"invariant": "^2.2.4",
|
|
443
443
|
"luxon": "^3.5.0",
|
|
@@ -456,7 +456,7 @@
|
|
|
456
456
|
},
|
|
457
457
|
"devDependencies": {
|
|
458
458
|
"@faker-js/faker": "^9.2.0",
|
|
459
|
-
"@mittwald/flow-design-tokens": "^0.1.0-alpha.
|
|
459
|
+
"@mittwald/flow-design-tokens": "^0.1.0-alpha.360",
|
|
460
460
|
"@mittwald/react-use-promise": "^2.6.0",
|
|
461
461
|
"@nx/storybook": "^20.1.3",
|
|
462
462
|
"@storybook/addon-a11y": "^8.4.5",
|
|
@@ -478,25 +478,25 @@
|
|
|
478
478
|
"@testing-library/react": "~16.0.1",
|
|
479
479
|
"@testing-library/user-event": "^14.5.2",
|
|
480
480
|
"@types/invariant": "^2.2.37",
|
|
481
|
-
"@types/node": "22.10.
|
|
481
|
+
"@types/node": "22.10.1",
|
|
482
482
|
"@types/prettier": "^3.0.0",
|
|
483
483
|
"@types/prop-types": "^15.7.13",
|
|
484
484
|
"@types/react": "^18.3.12",
|
|
485
485
|
"@types/react-dom": "^18.3.1",
|
|
486
486
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
487
487
|
"@types/rollup": "^0.54.0",
|
|
488
|
-
"@vitejs/plugin-react": "^4.3.
|
|
489
|
-
"@vitest/coverage-v8": "~2.1.
|
|
488
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
489
|
+
"@vitest/coverage-v8": "~2.1.6",
|
|
490
490
|
"decamelize": "^6.0.0",
|
|
491
491
|
"fs-jetpack": "^5.1.0",
|
|
492
492
|
"glob": "^10.4.5",
|
|
493
|
-
"happy-dom": "^15.11.
|
|
493
|
+
"happy-dom": "^15.11.7",
|
|
494
494
|
"next": "^14.2.18",
|
|
495
495
|
"nx": "^20.1.3",
|
|
496
496
|
"postcss": "^8.4.49",
|
|
497
497
|
"postcss-nested-import": "^1.3.0",
|
|
498
498
|
"postcss-nesting": "^13.0.1",
|
|
499
|
-
"prettier": "^3.4.
|
|
499
|
+
"prettier": "^3.4.1",
|
|
500
500
|
"prop-types": "^15.8.1",
|
|
501
501
|
"react": "^18.3.1",
|
|
502
502
|
"react-docgen-typescript": "^2.2.2",
|
|
@@ -504,7 +504,7 @@
|
|
|
504
504
|
"react-element-to-jsx-string": "^15.0.0",
|
|
505
505
|
"react-hook-form": "^7.53.2",
|
|
506
506
|
"rimraf": "^6.0.1",
|
|
507
|
-
"rollup": "~4.
|
|
507
|
+
"rollup": "~4.27.4",
|
|
508
508
|
"sass": "^1.81.0",
|
|
509
509
|
"storybook": "^8.4.5",
|
|
510
510
|
"storybook-addon-rtl": "^1.0.1",
|
|
@@ -516,7 +516,7 @@
|
|
|
516
516
|
"vite-plugin-checker": "^0.8.0",
|
|
517
517
|
"vite-plugin-dts": "^4.3.0",
|
|
518
518
|
"vite-plugin-externalize-deps": "^0.8.0",
|
|
519
|
-
"vitest": "~2.1.
|
|
519
|
+
"vitest": "~2.1.6",
|
|
520
520
|
"yaml": "^2.6.1"
|
|
521
521
|
},
|
|
522
522
|
"peerDependencies": {
|
|
@@ -551,5 +551,5 @@
|
|
|
551
551
|
}
|
|
552
552
|
}
|
|
553
553
|
},
|
|
554
|
-
"gitHead": "
|
|
554
|
+
"gitHead": "cf7998622dee23bf870f913166fbc94979d0bf0a"
|
|
555
555
|
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import * as o from "react-aria-components";
|
|
4
|
-
import e from "react";
|
|
5
|
-
import { a as y, O as E } from "./OverlayTrigger-j2zD8W4S.js";
|
|
6
|
-
import { f as a } from "./flowComponent-Bs2i5Rrn.js";
|
|
7
|
-
import l from "clsx";
|
|
8
|
-
import "mobx";
|
|
9
|
-
import { u as x } from "./useOverlayController-BwSJj4Ly.js";
|
|
10
|
-
const R = a("PopoverTrigger", (r) => {
|
|
11
|
-
const { children: t, ...n } = r;
|
|
12
|
-
return /* @__PURE__ */ e.createElement(
|
|
13
|
-
y,
|
|
14
|
-
{
|
|
15
|
-
overlayType: "Popover",
|
|
16
|
-
...n,
|
|
17
|
-
component: o.DialogTrigger
|
|
18
|
-
},
|
|
19
|
-
t
|
|
20
|
-
);
|
|
21
|
-
}), N = "flow--popover", T = "flow--popover--content", D = "flow--popover--tip", s = {
|
|
22
|
-
popover: N,
|
|
23
|
-
content: T,
|
|
24
|
-
tip: D,
|
|
25
|
-
"popover-slide": "flow--popover--popover-slide"
|
|
26
|
-
}, b = a("Popover", (r) => {
|
|
27
|
-
const {
|
|
28
|
-
children: t,
|
|
29
|
-
className: n,
|
|
30
|
-
contentClassName: c,
|
|
31
|
-
isDialogContent: i = !1,
|
|
32
|
-
controller: m,
|
|
33
|
-
withTip: v,
|
|
34
|
-
refProp: f,
|
|
35
|
-
defaultOpen: g = !1,
|
|
36
|
-
width: P,
|
|
37
|
-
...d
|
|
38
|
-
} = r, C = x("Popover", {
|
|
39
|
-
reuseControllerFromContext: !0,
|
|
40
|
-
isDefaultOpen: g
|
|
41
|
-
}), p = m ?? C, O = p.useIsOpen(), w = l(s.popover, n), h = i ? o.Dialog : "div";
|
|
42
|
-
return /* @__PURE__ */ e.createElement(
|
|
43
|
-
o.Popover,
|
|
44
|
-
{
|
|
45
|
-
...d,
|
|
46
|
-
className: w,
|
|
47
|
-
containerPadding: 16,
|
|
48
|
-
ref: f,
|
|
49
|
-
isOpen: O,
|
|
50
|
-
onOpenChange: (u) => p.setOpen(u),
|
|
51
|
-
style: { width: P }
|
|
52
|
-
},
|
|
53
|
-
v && /* @__PURE__ */ e.createElement(o.OverlayArrow, { className: s.tip }, /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
|
|
54
|
-
/* @__PURE__ */ e.createElement(h, { className: l(s.content, c) }, /* @__PURE__ */ e.createElement(E, { type: "Popover", controller: p }, t))
|
|
55
|
-
);
|
|
56
|
-
});
|
|
57
|
-
export {
|
|
58
|
-
b as P,
|
|
59
|
-
R as a
|
|
60
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import * as l from "react-aria-components";
|
|
4
|
-
import o from "react";
|
|
5
|
-
import c from "clsx";
|
|
6
|
-
const d = (t) => {
|
|
7
|
-
const { children: e, ...r } = t;
|
|
8
|
-
return /* @__PURE__ */ o.createElement(l.TooltipTrigger, { ...r }, e);
|
|
9
|
-
}, n = "flow--tooltip", m = "flow--tooltip--arrow", p = "flow--tooltip--slide", s = {
|
|
10
|
-
tooltip: n,
|
|
11
|
-
arrow: m,
|
|
12
|
-
slide: p
|
|
13
|
-
}, f = (t) => {
|
|
14
|
-
const { children: e, className: r, ...a } = t, i = c(s.tooltip, r);
|
|
15
|
-
return /* @__PURE__ */ o.createElement(l.Tooltip, { ...a, className: i }, /* @__PURE__ */ o.createElement(l.OverlayArrow, { className: s.arrow }, /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 8 8" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L4 4 L8 0" }))), e);
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
f as T,
|
|
19
|
-
d as a
|
|
20
|
-
};
|