@mittwald/flow-react-components 0.1.0-alpha.356 → 0.1.0-alpha.358
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 +24 -0
- package/dist/css/ActionGroup.css +1 -1
- package/dist/css/LayoutCard.css +1 -1
- package/dist/css/List.css +1 -1
- package/dist/css/globals.css +1 -1
- package/dist/js/List.js +1 -1
- package/dist/js/Render-BOMk4emj.js +7 -0
- package/dist/js/Render.js +1 -1
- package/dist/js/all.css +1 -1
- package/dist/js/types/components/Action/Action.test.d.ts +1 -0
- package/dist/js/types/components/List/typedList.d.ts +4 -4
- package/dist/js/types/lib/controller/overlay/context.d.ts +2 -65
- package/dist/js/types/lib/slotContext/slotContext.d.ts +1 -62
- package/dist/js/types/lib/slotContext/types.d.ts +1 -3
- package/package.json +60 -60
- package/dist/js/Render-BdlTa7Qb.js +0 -7
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -30,7 +30,7 @@ export declare const typedList: <T>() => {
|
|
|
30
30
|
defaultStyle: import('react').CSSProperties;
|
|
31
31
|
}) => import('react').CSSProperties | undefined) | undefined;
|
|
32
32
|
value?: undefined;
|
|
33
|
-
children?: import('react').ReactNode
|
|
33
|
+
children?: import('react').ReactNode;
|
|
34
34
|
className?: string | ((values: import('react-aria-components').RowRenderProps & {
|
|
35
35
|
defaultClassName: string | undefined;
|
|
36
36
|
}) => string) | undefined;
|
|
@@ -42,7 +42,7 @@ export declare const typedList: <T>() => {
|
|
|
42
42
|
onHoverStart?: ((e: import('react-aria').HoverEvent) => void) | undefined;
|
|
43
43
|
onHoverEnd?: ((e: import('react-aria').HoverEvent) => void) | undefined;
|
|
44
44
|
onHoverChange?: ((isHovering: boolean) => void) | undefined;
|
|
45
|
-
download?:
|
|
45
|
+
download?: boolean | string | undefined;
|
|
46
46
|
hrefLang?: string | undefined;
|
|
47
47
|
ping?: string | undefined;
|
|
48
48
|
referrerPolicy?: import('react').HTMLAttributeReferrerPolicy | undefined;
|
|
@@ -55,7 +55,7 @@ export declare const typedList: <T>() => {
|
|
|
55
55
|
children: import('.').RenderItemFn<T>;
|
|
56
56
|
}) => null;
|
|
57
57
|
Table: (ignoredProps: {
|
|
58
|
-
slot?:
|
|
58
|
+
slot?: string | null | undefined;
|
|
59
59
|
style?: import('react').CSSProperties | ((values: import('react-aria-components').TableRenderProps & {
|
|
60
60
|
defaultStyle: import('react').CSSProperties;
|
|
61
61
|
}) => import('react').CSSProperties | undefined) | undefined;
|
|
@@ -78,7 +78,7 @@ export declare const typedList: <T>() => {
|
|
|
78
78
|
dragAndDropHooks?: import('react-aria-components').DragAndDropHooks | undefined;
|
|
79
79
|
sortDescriptor?: import('react-stately').SortDescriptor | undefined;
|
|
80
80
|
onSortChange?: ((descriptor: import('react-stately').SortDescriptor) => any) | undefined;
|
|
81
|
-
verticalAlign?:
|
|
81
|
+
verticalAlign?: "top" | "middle" | undefined;
|
|
82
82
|
disabledBehavior?: import('react-stately').DisabledBehavior | undefined;
|
|
83
83
|
onRowAction?: ((key: import('react-aria').Key) => void) | undefined;
|
|
84
84
|
}) => null;
|
|
@@ -1,68 +1,5 @@
|
|
|
1
1
|
import { OverlayController } from './OverlayController';
|
|
2
2
|
import { FlowComponentName } from '../../../components/propTypes';
|
|
3
|
-
export type OverlayContext = Partial<
|
|
4
|
-
|
|
5
|
-
}>;
|
|
6
|
-
export declare const overlayContext: import('react').Context<Partial<{
|
|
7
|
-
Action: OverlayController | undefined;
|
|
8
|
-
ActionGroup: OverlayController | undefined;
|
|
9
|
-
Alert: OverlayController | undefined;
|
|
10
|
-
AlertBadge: OverlayController | undefined;
|
|
11
|
-
AlertIcon: OverlayController | undefined;
|
|
12
|
-
Avatar: OverlayController | undefined;
|
|
13
|
-
Badge: OverlayController | undefined;
|
|
14
|
-
Button: OverlayController | undefined;
|
|
15
|
-
Checkbox: OverlayController | undefined;
|
|
16
|
-
CheckboxButton: OverlayController | undefined;
|
|
17
|
-
CheckboxGroup: OverlayController | undefined;
|
|
18
|
-
Content: OverlayController | undefined;
|
|
19
|
-
ContextMenu: OverlayController | undefined;
|
|
20
|
-
ContextMenuSection: OverlayController | undefined;
|
|
21
|
-
ContextMenuTrigger: OverlayController | undefined;
|
|
22
|
-
ContextualHelp: OverlayController | undefined;
|
|
23
|
-
ContextualHelpTrigger: OverlayController | undefined;
|
|
24
|
-
CopyButton: OverlayController | undefined;
|
|
25
|
-
CounterBadge: OverlayController | undefined;
|
|
26
|
-
DatePicker: OverlayController | undefined;
|
|
27
|
-
DateRangePicker: OverlayController | undefined;
|
|
28
|
-
FieldDescription: OverlayController | undefined;
|
|
29
|
-
FieldError: OverlayController | undefined;
|
|
30
|
-
FileCard: OverlayController | undefined;
|
|
31
|
-
FileField: OverlayController | undefined;
|
|
32
|
-
Header: OverlayController | undefined;
|
|
33
|
-
Heading: OverlayController | undefined;
|
|
34
|
-
Icon: OverlayController | undefined;
|
|
35
|
-
Image: OverlayController | undefined;
|
|
36
|
-
Initials: OverlayController | undefined;
|
|
37
|
-
Label: OverlayController | undefined;
|
|
38
|
-
LayoutCard: OverlayController | undefined;
|
|
39
|
-
LightBox: OverlayController | undefined;
|
|
40
|
-
Link: OverlayController | undefined;
|
|
41
|
-
List: OverlayController | undefined;
|
|
42
|
-
ListSummary: OverlayController | undefined;
|
|
43
|
-
MenuItem: OverlayController | undefined;
|
|
44
|
-
Modal: OverlayController | undefined;
|
|
45
|
-
ModalTrigger: OverlayController | undefined;
|
|
46
|
-
NumberField: OverlayController | undefined;
|
|
47
|
-
Option: OverlayController | undefined;
|
|
48
|
-
Popover: OverlayController | undefined;
|
|
49
|
-
PopoverTrigger: OverlayController | undefined;
|
|
50
|
-
Radio: OverlayController | undefined;
|
|
51
|
-
RadioButton: OverlayController | undefined;
|
|
52
|
-
RadioGroup: OverlayController | undefined;
|
|
53
|
-
SearchField: OverlayController | undefined;
|
|
54
|
-
Section: OverlayController | undefined;
|
|
55
|
-
Segment: OverlayController | undefined;
|
|
56
|
-
SegmentedControl: OverlayController | undefined;
|
|
57
|
-
Select: OverlayController | undefined;
|
|
58
|
-
Slider: OverlayController | undefined;
|
|
59
|
-
Switch: OverlayController | undefined;
|
|
60
|
-
Tabs: OverlayController | undefined;
|
|
61
|
-
TabTitle: OverlayController | undefined;
|
|
62
|
-
Text: OverlayController | undefined;
|
|
63
|
-
TextArea: OverlayController | undefined;
|
|
64
|
-
TextField: OverlayController | undefined;
|
|
65
|
-
TimeField: OverlayController | undefined;
|
|
66
|
-
TestComponent: OverlayController | undefined;
|
|
67
|
-
}>>;
|
|
3
|
+
export type OverlayContext = Partial<Record<FlowComponentName, OverlayController | undefined>>;
|
|
4
|
+
export declare const overlayContext: import('react').Context<Partial<Record<keyof import('../../../components/propTypes').FlowComponentPropsTypes, OverlayController | undefined>>>;
|
|
68
5
|
export declare const useOverlayContext: () => OverlayContext;
|
|
@@ -1,64 +1,3 @@
|
|
|
1
1
|
import { SlotContext } from './types';
|
|
2
|
-
export declare const slotContext: import('react').Context<Partial<
|
|
3
|
-
Action: string;
|
|
4
|
-
ActionGroup: string;
|
|
5
|
-
Alert: string;
|
|
6
|
-
AlertBadge: string;
|
|
7
|
-
AlertIcon: string;
|
|
8
|
-
Avatar: string;
|
|
9
|
-
Badge: string;
|
|
10
|
-
Button: string;
|
|
11
|
-
Checkbox: string;
|
|
12
|
-
CheckboxButton: string;
|
|
13
|
-
CheckboxGroup: string;
|
|
14
|
-
Content: string;
|
|
15
|
-
ContextMenu: string;
|
|
16
|
-
ContextMenuSection: string;
|
|
17
|
-
ContextMenuTrigger: string;
|
|
18
|
-
ContextualHelp: string;
|
|
19
|
-
ContextualHelpTrigger: string;
|
|
20
|
-
CopyButton: string;
|
|
21
|
-
CounterBadge: string;
|
|
22
|
-
DatePicker: string;
|
|
23
|
-
DateRangePicker: string;
|
|
24
|
-
FieldDescription: string;
|
|
25
|
-
FieldError: string;
|
|
26
|
-
FileCard: string;
|
|
27
|
-
FileField: string;
|
|
28
|
-
Header: string;
|
|
29
|
-
Heading: string;
|
|
30
|
-
Icon: string;
|
|
31
|
-
Image: string;
|
|
32
|
-
Initials: string;
|
|
33
|
-
Label: string;
|
|
34
|
-
LayoutCard: string;
|
|
35
|
-
LightBox: string;
|
|
36
|
-
Link: string;
|
|
37
|
-
List: string;
|
|
38
|
-
ListSummary: string;
|
|
39
|
-
MenuItem: string;
|
|
40
|
-
Modal: string;
|
|
41
|
-
ModalTrigger: string;
|
|
42
|
-
NumberField: string;
|
|
43
|
-
Option: string;
|
|
44
|
-
Popover: string;
|
|
45
|
-
PopoverTrigger: string;
|
|
46
|
-
Radio: string;
|
|
47
|
-
RadioButton: string;
|
|
48
|
-
RadioGroup: string;
|
|
49
|
-
SearchField: string;
|
|
50
|
-
Section: string;
|
|
51
|
-
Segment: string;
|
|
52
|
-
SegmentedControl: string;
|
|
53
|
-
Select: string;
|
|
54
|
-
Slider: string;
|
|
55
|
-
Switch: string;
|
|
56
|
-
Tabs: string;
|
|
57
|
-
TabTitle: string;
|
|
58
|
-
Text: string;
|
|
59
|
-
TextArea: string;
|
|
60
|
-
TextField: string;
|
|
61
|
-
TimeField: string;
|
|
62
|
-
TestComponent: string;
|
|
63
|
-
}>>;
|
|
2
|
+
export declare const slotContext: import('react').Context<Partial<Record<keyof import('../../components/propTypes').FlowComponentPropsTypes, string>>>;
|
|
64
3
|
export declare const useSlotContext: () => SlotContext;
|
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.358",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -418,101 +418,101 @@
|
|
|
418
418
|
},
|
|
419
419
|
"dependencies": {
|
|
420
420
|
"@chakra-ui/live-region": "^2.1.0",
|
|
421
|
-
"@internationalized/date": "^3.
|
|
422
|
-
"@internationalized/string-compiler": "^3.2.
|
|
423
|
-
"@mittwald/react-tunnel": "^0.1.0-alpha.
|
|
424
|
-
"@mittwald/react-use-promise": "^2.
|
|
425
|
-
"@react-aria/form": "^3.0.
|
|
426
|
-
"@react-aria/utils": "^3.
|
|
427
|
-
"@react-stately/form": "^3.0
|
|
428
|
-
"@react-types/shared": "^3.
|
|
429
|
-
"@tabler/icons-react": "^3.
|
|
421
|
+
"@internationalized/date": "^3.6.0",
|
|
422
|
+
"@internationalized/string-compiler": "^3.2.6",
|
|
423
|
+
"@mittwald/react-tunnel": "^0.1.0-alpha.358",
|
|
424
|
+
"@mittwald/react-use-promise": "^2.6.0",
|
|
425
|
+
"@react-aria/form": "^3.0.11",
|
|
426
|
+
"@react-aria/utils": "^3.26.0",
|
|
427
|
+
"@react-stately/form": "^3.1.0",
|
|
428
|
+
"@react-types/shared": "^3.26.0",
|
|
429
|
+
"@tabler/icons-react": "^3.22.0",
|
|
430
430
|
"@tanstack/react-table": "^8.20.5",
|
|
431
431
|
"@types/luxon": "^3.4.2",
|
|
432
432
|
"clsx": "^2.1.1",
|
|
433
433
|
"copy-to-clipboard": "^3.3.3",
|
|
434
434
|
"dot-prop": "^9.0.0",
|
|
435
|
-
"framer-motion": "^11.11.
|
|
435
|
+
"framer-motion": "^11.11.17",
|
|
436
436
|
"html-react-parser": "^5.1.18",
|
|
437
437
|
"invariant": "^2.2.4",
|
|
438
438
|
"luxon": "^3.5.0",
|
|
439
|
-
"mobx": "^6.13.
|
|
439
|
+
"mobx": "^6.13.5",
|
|
440
440
|
"mobx-react-lite": "^4.0.7",
|
|
441
441
|
"object-code": "^1.3.3",
|
|
442
|
-
"react-aria": "^3.
|
|
443
|
-
"react-aria-components": "^1.
|
|
442
|
+
"react-aria": "^3.36.0",
|
|
443
|
+
"react-aria-components": "^1.5.0",
|
|
444
444
|
"react-children-utilities": "^2.10.0",
|
|
445
445
|
"react-markdown": "^9.0.1",
|
|
446
|
-
"react-stately": "^3.
|
|
447
|
-
"react-syntax-highlighter": "^15.
|
|
448
|
-
"remeda": "^2.
|
|
446
|
+
"react-stately": "^3.34.0",
|
|
447
|
+
"react-syntax-highlighter": "^15.6.1",
|
|
448
|
+
"remeda": "^2.17.4",
|
|
449
449
|
"use-callback-ref": "^1.3.2",
|
|
450
450
|
"zod": "^3.23.8"
|
|
451
451
|
},
|
|
452
452
|
"devDependencies": {
|
|
453
|
-
"@faker-js/faker": "^9.0
|
|
454
|
-
"@mittwald/flow-design-tokens": "^0.1.0-alpha.
|
|
455
|
-
"@mittwald/react-use-promise": "^2.
|
|
456
|
-
"@nx/storybook": "^20.
|
|
457
|
-
"@storybook/addon-a11y": "^8.
|
|
458
|
-
"@storybook/addon-actions": "^8.
|
|
459
|
-
"@storybook/addon-essentials": "^8.
|
|
460
|
-
"@storybook/addon-interactions": "^8.
|
|
461
|
-
"@storybook/addon-links": "^8.
|
|
462
|
-
"@storybook/blocks": "^8.
|
|
463
|
-
"@storybook/components": "^8.
|
|
464
|
-
"@storybook/core-events": "^8.
|
|
465
|
-
"@storybook/manager-api": "^8.
|
|
466
|
-
"@storybook/preview-api": "^8.
|
|
467
|
-
"@storybook/react": "^8.
|
|
468
|
-
"@storybook/react-vite": "^8.
|
|
469
|
-
"@storybook/test": "^8.
|
|
470
|
-
"@storybook/theming": "^8.
|
|
453
|
+
"@faker-js/faker": "^9.2.0",
|
|
454
|
+
"@mittwald/flow-design-tokens": "^0.1.0-alpha.358",
|
|
455
|
+
"@mittwald/react-use-promise": "^2.6.0",
|
|
456
|
+
"@nx/storybook": "^20.1.3",
|
|
457
|
+
"@storybook/addon-a11y": "^8.4.5",
|
|
458
|
+
"@storybook/addon-actions": "^8.4.5",
|
|
459
|
+
"@storybook/addon-essentials": "^8.4.5",
|
|
460
|
+
"@storybook/addon-interactions": "^8.4.5",
|
|
461
|
+
"@storybook/addon-links": "^8.4.5",
|
|
462
|
+
"@storybook/blocks": "^8.4.5",
|
|
463
|
+
"@storybook/components": "^8.4.5",
|
|
464
|
+
"@storybook/core-events": "^8.4.5",
|
|
465
|
+
"@storybook/manager-api": "^8.4.5",
|
|
466
|
+
"@storybook/preview-api": "^8.4.5",
|
|
467
|
+
"@storybook/react": "^8.4.5",
|
|
468
|
+
"@storybook/react-vite": "^8.4.5",
|
|
469
|
+
"@storybook/test": "^8.4.5",
|
|
470
|
+
"@storybook/theming": "^8.4.5",
|
|
471
471
|
"@testing-library/dom": "^10.4.0",
|
|
472
|
-
"@testing-library/jest-dom": "6.
|
|
472
|
+
"@testing-library/jest-dom": "6.6.3",
|
|
473
473
|
"@testing-library/react": "~16.0.1",
|
|
474
474
|
"@testing-library/user-event": "^14.5.2",
|
|
475
475
|
"@types/invariant": "^2.2.37",
|
|
476
|
-
"@types/node": "22.
|
|
476
|
+
"@types/node": "22.10.0",
|
|
477
477
|
"@types/prettier": "^3.0.0",
|
|
478
478
|
"@types/prop-types": "^15.7.13",
|
|
479
|
-
"@types/react": "^18.3.
|
|
480
|
-
"@types/react-dom": "^18.3.
|
|
481
|
-
"@types/react-syntax-highlighter": "^15",
|
|
479
|
+
"@types/react": "^18.3.12",
|
|
480
|
+
"@types/react-dom": "^18.3.1",
|
|
481
|
+
"@types/react-syntax-highlighter": "^15.5.13",
|
|
482
482
|
"@types/rollup": "^0.54.0",
|
|
483
|
-
"@vitejs/plugin-react": "^4.3.
|
|
484
|
-
"@vitest/coverage-v8": "~2.1.
|
|
483
|
+
"@vitejs/plugin-react": "^4.3.3",
|
|
484
|
+
"@vitest/coverage-v8": "~2.1.5",
|
|
485
485
|
"decamelize": "^6.0.0",
|
|
486
486
|
"fs-jetpack": "^5.1.0",
|
|
487
|
-
"glob": "^10.4.
|
|
488
|
-
"happy-dom": "^15.
|
|
489
|
-
"next": "^14.2.
|
|
490
|
-
"nx": "^20.
|
|
491
|
-
"postcss": "^8.4.
|
|
487
|
+
"glob": "^10.4.5",
|
|
488
|
+
"happy-dom": "^15.11.6",
|
|
489
|
+
"next": "^14.2.18",
|
|
490
|
+
"nx": "^20.1.3",
|
|
491
|
+
"postcss": "^8.4.49",
|
|
492
492
|
"postcss-nested-import": "^1.3.0",
|
|
493
|
-
"postcss-nesting": "^13.0.
|
|
494
|
-
"prettier": "^3.
|
|
493
|
+
"postcss-nesting": "^13.0.1",
|
|
494
|
+
"prettier": "^3.4.0",
|
|
495
495
|
"prop-types": "^15.8.1",
|
|
496
496
|
"react": "^18.3.1",
|
|
497
497
|
"react-docgen-typescript": "^2.2.2",
|
|
498
498
|
"react-dom": "^18.3.1",
|
|
499
499
|
"react-element-to-jsx-string": "^15.0.0",
|
|
500
|
-
"react-hook-form": "^7.53.
|
|
500
|
+
"react-hook-form": "^7.53.2",
|
|
501
501
|
"rimraf": "^6.0.1",
|
|
502
|
-
"rollup": "~4.24.
|
|
503
|
-
"sass": "^1.
|
|
504
|
-
"storybook": "^8.
|
|
502
|
+
"rollup": "~4.24.4",
|
|
503
|
+
"sass": "^1.81.0",
|
|
504
|
+
"storybook": "^8.4.5",
|
|
505
505
|
"storybook-addon-rtl": "^1.0.1",
|
|
506
|
-
"tsx": "^4.19.
|
|
507
|
-
"typescript": "^5.
|
|
506
|
+
"tsx": "^4.19.2",
|
|
507
|
+
"typescript": "^5.7.2",
|
|
508
508
|
"typescript-plugin-css-modules": "^5.1.0",
|
|
509
|
-
"vite": "^5.4.
|
|
509
|
+
"vite": "^5.4.11",
|
|
510
510
|
"vite-plugin-banner": "^0.8.0",
|
|
511
511
|
"vite-plugin-checker": "^0.8.0",
|
|
512
|
-
"vite-plugin-dts": "^4.
|
|
512
|
+
"vite-plugin-dts": "^4.3.0",
|
|
513
513
|
"vite-plugin-externalize-deps": "^0.8.0",
|
|
514
|
-
"vitest": "~2.1.
|
|
515
|
-
"yaml": "^2.
|
|
514
|
+
"vitest": "~2.1.5",
|
|
515
|
+
"yaml": "^2.6.1"
|
|
516
516
|
},
|
|
517
517
|
"peerDependencies": {
|
|
518
518
|
"@mittwald/react-use-promise": "^2.3.12",
|
|
@@ -546,5 +546,5 @@
|
|
|
546
546
|
}
|
|
547
547
|
}
|
|
548
548
|
},
|
|
549
|
-
"gitHead": "
|
|
549
|
+
"gitHead": "3b4d762bd7143dff9a2bb842ec0c27bdbe438e46"
|
|
550
550
|
}
|