@mittwald/flow-react-components 0.2.0-alpha.116 → 0.2.0-alpha.118
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 +10 -0
- package/dist/assets/doc-properties.json +110 -110
- package/dist/js/components/src/components/FileCard/FileCard.mjs +17 -5
- package/dist/js/components/src/components/FileCard/FileCard.mjs.map +1 -1
- package/dist/types/components/FileCard/FileCard.d.ts.map +1 -1
- package/dist/types/components/FileCard/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/FileCard/stories/Default.stories.d.ts.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.2.0-alpha.118](https://github.com/mittwald/flow/compare/0.2.0-alpha.117...0.2.0-alpha.118) (2025-03-27)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @mittwald/flow-react-components
|
|
9
|
+
|
|
10
|
+
# [0.2.0-alpha.117](https://github.com/mittwald/flow/compare/0.2.0-alpha.116...0.2.0-alpha.117) (2025-03-27)
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
* **FileCard:** Support ContextMenu in FileCard ([#1323](https://github.com/mittwald/flow/issues/1323)) ([02b5562](https://github.com/mittwald/flow/commit/02b5562578947b11c7c0271e50595f4c5faf13ed))
|
|
15
|
+
|
|
6
16
|
# [0.2.0-alpha.116](https://github.com/mittwald/flow/compare/0.2.0-alpha.115...0.2.0-alpha.116) (2025-03-26)
|
|
7
17
|
|
|
8
18
|
**Note:** Version bump only for package @mittwald/flow-react-components
|
|
@@ -198687,6 +198687,72 @@
|
|
|
198687
198687
|
}
|
|
198688
198688
|
}
|
|
198689
198689
|
},
|
|
198690
|
+
{
|
|
198691
|
+
"tags": {},
|
|
198692
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
198693
|
+
"description": "",
|
|
198694
|
+
"displayName": "TabList",
|
|
198695
|
+
"methods": [],
|
|
198696
|
+
"props": {
|
|
198697
|
+
"selection": {
|
|
198698
|
+
"defaultValue": null,
|
|
198699
|
+
"description": "",
|
|
198700
|
+
"name": "selection",
|
|
198701
|
+
"parent": {
|
|
198702
|
+
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
198703
|
+
"name": "Props"
|
|
198704
|
+
},
|
|
198705
|
+
"declarations": [
|
|
198706
|
+
{
|
|
198707
|
+
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
198708
|
+
"name": "Props"
|
|
198709
|
+
}
|
|
198710
|
+
],
|
|
198711
|
+
"required": true,
|
|
198712
|
+
"type": {
|
|
198713
|
+
"name": "Key | undefined"
|
|
198714
|
+
}
|
|
198715
|
+
},
|
|
198716
|
+
"onContextMenuSelectionChange": {
|
|
198717
|
+
"defaultValue": null,
|
|
198718
|
+
"description": "",
|
|
198719
|
+
"name": "onContextMenuSelectionChange",
|
|
198720
|
+
"parent": {
|
|
198721
|
+
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
198722
|
+
"name": "Props"
|
|
198723
|
+
},
|
|
198724
|
+
"declarations": [
|
|
198725
|
+
{
|
|
198726
|
+
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
198727
|
+
"name": "Props"
|
|
198728
|
+
}
|
|
198729
|
+
],
|
|
198730
|
+
"required": true,
|
|
198731
|
+
"type": {
|
|
198732
|
+
"name": "(key: Key) => void"
|
|
198733
|
+
}
|
|
198734
|
+
},
|
|
198735
|
+
"disabledKeys": {
|
|
198736
|
+
"defaultValue": null,
|
|
198737
|
+
"description": "",
|
|
198738
|
+
"name": "disabledKeys",
|
|
198739
|
+
"parent": {
|
|
198740
|
+
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
198741
|
+
"name": "Props"
|
|
198742
|
+
},
|
|
198743
|
+
"declarations": [
|
|
198744
|
+
{
|
|
198745
|
+
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
198746
|
+
"name": "Props"
|
|
198747
|
+
}
|
|
198748
|
+
],
|
|
198749
|
+
"required": false,
|
|
198750
|
+
"type": {
|
|
198751
|
+
"name": "Iterable<Key>"
|
|
198752
|
+
}
|
|
198753
|
+
}
|
|
198754
|
+
}
|
|
198755
|
+
},
|
|
198690
198756
|
{
|
|
198691
198757
|
"tags": {
|
|
198692
198758
|
"flr-generate": "all",
|
|
@@ -199293,72 +199359,6 @@
|
|
|
199293
199359
|
}
|
|
199294
199360
|
}
|
|
199295
199361
|
},
|
|
199296
|
-
{
|
|
199297
|
-
"tags": {},
|
|
199298
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
199299
|
-
"description": "",
|
|
199300
|
-
"displayName": "TabList",
|
|
199301
|
-
"methods": [],
|
|
199302
|
-
"props": {
|
|
199303
|
-
"selection": {
|
|
199304
|
-
"defaultValue": null,
|
|
199305
|
-
"description": "",
|
|
199306
|
-
"name": "selection",
|
|
199307
|
-
"parent": {
|
|
199308
|
-
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
199309
|
-
"name": "Props"
|
|
199310
|
-
},
|
|
199311
|
-
"declarations": [
|
|
199312
|
-
{
|
|
199313
|
-
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
199314
|
-
"name": "Props"
|
|
199315
|
-
}
|
|
199316
|
-
],
|
|
199317
|
-
"required": true,
|
|
199318
|
-
"type": {
|
|
199319
|
-
"name": "Key | undefined"
|
|
199320
|
-
}
|
|
199321
|
-
},
|
|
199322
|
-
"onContextMenuSelectionChange": {
|
|
199323
|
-
"defaultValue": null,
|
|
199324
|
-
"description": "",
|
|
199325
|
-
"name": "onContextMenuSelectionChange",
|
|
199326
|
-
"parent": {
|
|
199327
|
-
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
199328
|
-
"name": "Props"
|
|
199329
|
-
},
|
|
199330
|
-
"declarations": [
|
|
199331
|
-
{
|
|
199332
|
-
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
199333
|
-
"name": "Props"
|
|
199334
|
-
}
|
|
199335
|
-
],
|
|
199336
|
-
"required": true,
|
|
199337
|
-
"type": {
|
|
199338
|
-
"name": "(key: Key) => void"
|
|
199339
|
-
}
|
|
199340
|
-
},
|
|
199341
|
-
"disabledKeys": {
|
|
199342
|
-
"defaultValue": null,
|
|
199343
|
-
"description": "",
|
|
199344
|
-
"name": "disabledKeys",
|
|
199345
|
-
"parent": {
|
|
199346
|
-
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
199347
|
-
"name": "Props"
|
|
199348
|
-
},
|
|
199349
|
-
"declarations": [
|
|
199350
|
-
{
|
|
199351
|
-
"fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
|
|
199352
|
-
"name": "Props"
|
|
199353
|
-
}
|
|
199354
|
-
],
|
|
199355
|
-
"required": false,
|
|
199356
|
-
"type": {
|
|
199357
|
-
"name": "Iterable<Key>"
|
|
199358
|
-
}
|
|
199359
|
-
}
|
|
199360
|
-
}
|
|
199361
|
-
},
|
|
199362
199362
|
{
|
|
199363
199363
|
"tags": {
|
|
199364
199364
|
"flr-generate": "all"
|
|
@@ -210005,34 +210005,6 @@
|
|
|
210005
210005
|
}
|
|
210006
210006
|
}
|
|
210007
210007
|
},
|
|
210008
|
-
{
|
|
210009
|
-
"tags": {},
|
|
210010
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
|
|
210011
|
-
"description": "",
|
|
210012
|
-
"displayName": "DateRangeInput",
|
|
210013
|
-
"methods": [],
|
|
210014
|
-
"props": {
|
|
210015
|
-
"isDisabled": {
|
|
210016
|
-
"defaultValue": null,
|
|
210017
|
-
"description": "",
|
|
210018
|
-
"name": "isDisabled",
|
|
210019
|
-
"parent": {
|
|
210020
|
-
"fileName": "components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
|
|
210021
|
-
"name": "DateInputProps"
|
|
210022
|
-
},
|
|
210023
|
-
"declarations": [
|
|
210024
|
-
{
|
|
210025
|
-
"fileName": "components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
|
|
210026
|
-
"name": "DateInputProps"
|
|
210027
|
-
}
|
|
210028
|
-
],
|
|
210029
|
-
"required": false,
|
|
210030
|
-
"type": {
|
|
210031
|
-
"name": "boolean"
|
|
210032
|
-
}
|
|
210033
|
-
}
|
|
210034
|
-
}
|
|
210035
|
-
},
|
|
210036
210008
|
{
|
|
210037
210009
|
"tags": {},
|
|
210038
210010
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/FileCard/components/Avatar/Avatar.tsx",
|
|
@@ -210080,6 +210052,34 @@
|
|
|
210080
210052
|
}
|
|
210081
210053
|
}
|
|
210082
210054
|
},
|
|
210055
|
+
{
|
|
210056
|
+
"tags": {},
|
|
210057
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
|
|
210058
|
+
"description": "",
|
|
210059
|
+
"displayName": "DateRangeInput",
|
|
210060
|
+
"methods": [],
|
|
210061
|
+
"props": {
|
|
210062
|
+
"isDisabled": {
|
|
210063
|
+
"defaultValue": null,
|
|
210064
|
+
"description": "",
|
|
210065
|
+
"name": "isDisabled",
|
|
210066
|
+
"parent": {
|
|
210067
|
+
"fileName": "components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
|
|
210068
|
+
"name": "DateInputProps"
|
|
210069
|
+
},
|
|
210070
|
+
"declarations": [
|
|
210071
|
+
{
|
|
210072
|
+
"fileName": "components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
|
|
210073
|
+
"name": "DateInputProps"
|
|
210074
|
+
}
|
|
210075
|
+
],
|
|
210076
|
+
"required": false,
|
|
210077
|
+
"type": {
|
|
210078
|
+
"name": "boolean"
|
|
210079
|
+
}
|
|
210080
|
+
}
|
|
210081
|
+
}
|
|
210082
|
+
},
|
|
210083
210083
|
{
|
|
210084
210084
|
"tags": {},
|
|
210085
210085
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/DatePicker/components/DateInput/DateInput.tsx",
|
|
@@ -210989,14 +210989,6 @@
|
|
|
210989
210989
|
}
|
|
210990
210990
|
}
|
|
210991
210991
|
},
|
|
210992
|
-
{
|
|
210993
|
-
"tags": {},
|
|
210994
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx",
|
|
210995
|
-
"description": "",
|
|
210996
|
-
"displayName": "CalendarHeader",
|
|
210997
|
-
"methods": [],
|
|
210998
|
-
"props": {}
|
|
210999
|
-
},
|
|
211000
210992
|
{
|
|
211001
210993
|
"tags": {},
|
|
211002
210994
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/ChartLegend/components/LegendContent/LegendContent.tsx",
|
|
@@ -220025,6 +220017,14 @@
|
|
|
220025
220017
|
}
|
|
220026
220018
|
}
|
|
220027
220019
|
},
|
|
220020
|
+
{
|
|
220021
|
+
"tags": {},
|
|
220022
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx",
|
|
220023
|
+
"description": "",
|
|
220024
|
+
"displayName": "CalendarHeader",
|
|
220025
|
+
"methods": [],
|
|
220026
|
+
"props": {}
|
|
220027
|
+
},
|
|
220028
220028
|
{
|
|
220029
220029
|
"tags": {},
|
|
220030
220030
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.tsx",
|
|
@@ -242648,14 +242648,6 @@
|
|
|
242648
242648
|
}
|
|
242649
242649
|
}
|
|
242650
242650
|
},
|
|
242651
|
-
{
|
|
242652
|
-
"tags": {},
|
|
242653
|
-
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx",
|
|
242654
|
-
"description": "",
|
|
242655
|
-
"displayName": "FallbackItems",
|
|
242656
|
-
"methods": [],
|
|
242657
|
-
"props": {}
|
|
242658
|
-
},
|
|
242659
242651
|
{
|
|
242660
242652
|
"tags": {},
|
|
242661
242653
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/components/Item/Item.tsx",
|
|
@@ -242780,6 +242772,14 @@
|
|
|
242780
242772
|
}
|
|
242781
242773
|
}
|
|
242782
242774
|
},
|
|
242775
|
+
{
|
|
242776
|
+
"tags": {},
|
|
242777
|
+
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx",
|
|
242778
|
+
"description": "",
|
|
242779
|
+
"displayName": "FallbackItems",
|
|
242780
|
+
"methods": [],
|
|
242781
|
+
"props": {}
|
|
242782
|
+
},
|
|
242783
242783
|
{
|
|
242784
242784
|
"tags": {},
|
|
242785
242785
|
"filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.tsx",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import {
|
|
3
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
4
|
import 'react';
|
|
5
5
|
import { Avatar } from './components/Avatar/Avatar.mjs';
|
|
6
6
|
import { Text } from '../Text/Text.mjs';
|
|
@@ -11,6 +11,10 @@ import { FileSizeText } from './components/FileSizeText/FileSizeText.mjs';
|
|
|
11
11
|
import { Link } from '../Link/Link.mjs';
|
|
12
12
|
import { Wrap } from '../Wrap/Wrap.mjs';
|
|
13
13
|
import { DeleteButton } from './components/DeleteButton/DeleteButton.mjs';
|
|
14
|
+
import '../../lib/propsContext/propsContext.mjs';
|
|
15
|
+
import '../../lib/viewComponentContext/viewComponentContext.mjs';
|
|
16
|
+
import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
|
|
17
|
+
import { OptionsButton } from '../List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs';
|
|
14
18
|
|
|
15
19
|
const FileCard = flowComponent("FileCard", (props) => {
|
|
16
20
|
const {
|
|
@@ -24,11 +28,18 @@ const FileCard = flowComponent("FileCard", (props) => {
|
|
|
24
28
|
href,
|
|
25
29
|
target,
|
|
26
30
|
download,
|
|
27
|
-
imageSrc
|
|
31
|
+
imageSrc,
|
|
32
|
+
children
|
|
28
33
|
} = props;
|
|
29
34
|
const rootClassName = clsx(styles.fileCard, className);
|
|
35
|
+
const propsContext = {
|
|
36
|
+
ContextMenu: {
|
|
37
|
+
wrapWith: /* @__PURE__ */ jsx(OptionsButton, {}),
|
|
38
|
+
placement: "bottom right"
|
|
39
|
+
}
|
|
40
|
+
};
|
|
30
41
|
const Element = elementType;
|
|
31
|
-
return /* @__PURE__ */ jsxs(Element, { className: rootClassName, children: [
|
|
42
|
+
return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsxs(Element, { className: rootClassName, children: [
|
|
32
43
|
/* @__PURE__ */ jsx(Wrap, { if: href || onPress, children: /* @__PURE__ */ jsxs(
|
|
33
44
|
Link,
|
|
34
45
|
{
|
|
@@ -47,8 +58,9 @@ const FileCard = flowComponent("FileCard", (props) => {
|
|
|
47
58
|
]
|
|
48
59
|
}
|
|
49
60
|
) }),
|
|
50
|
-
onDelete && /* @__PURE__ */ jsx(DeleteButton, { onDelete })
|
|
51
|
-
|
|
61
|
+
onDelete && children === void 0 && /* @__PURE__ */ jsx(DeleteButton, { onDelete }),
|
|
62
|
+
children
|
|
63
|
+
] }) });
|
|
52
64
|
});
|
|
53
65
|
|
|
54
66
|
export { FileCard, FileCard as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileCard.mjs","sources":["../../../../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"./components/Avatar\";\nimport { Text } from \"@/components/Text\";\nimport type {\n PropsWithClassName,\n PropsWithElementType,\n} from \"@/lib/types/props\";\nimport styles from \"./FileCard.module.scss\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { FileSizeText } from \"@/components/FileCard/components/FileSizeText\";\nimport { Link, type LinkProps } from \"@/components/Link\";\nimport Wrap from \"@/components/Wrap\";\nimport { DeleteButton } from \"@/components/FileCard/components/DeleteButton\";\n\nexport interface FileCardProps\n extends PropsWithClassName,\n PropsWithElementType<\"div\" | \"li\">,\n Pick<LinkProps, \"onPress\" | \"href\" | \"target\" | \"download\"> {\n /** The name of the file. */\n name: string;\n /** The type of the file. */\n type?: string;\n /** Handler that is called when the file cards delete button is clicked. */\n onDelete?: () => void;\n /** The size of the file in bytes. */\n sizeInBytes?: number;\n /** The source of an image file. */\n imageSrc?: string;\n}\n\n/** @flr-generate all */\nexport const FileCard = flowComponent(\"FileCard\", (props) => {\n const {\n onDelete,\n type,\n sizeInBytes,\n name,\n className,\n elementType = \"div\",\n onPress,\n href,\n target,\n download,\n imageSrc,\n } = props;\n\n const rootClassName = clsx(styles.fileCard, className);\n\n const Element = elementType;\n\n return (\n <Element className={rootClassName}>\n
|
|
1
|
+
{"version":3,"file":"FileCard.mjs","sources":["../../../../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"./components/Avatar\";\nimport { Text } from \"@/components/Text\";\nimport type {\n PropsWithClassName,\n PropsWithElementType,\n} from \"@/lib/types/props\";\nimport styles from \"./FileCard.module.scss\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { FileSizeText } from \"@/components/FileCard/components/FileSizeText\";\nimport { Link, type LinkProps } from \"@/components/Link\";\nimport Wrap from \"@/components/Wrap\";\nimport { DeleteButton } from \"@/components/FileCard/components/DeleteButton\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\n\nexport interface FileCardProps\n extends PropsWithClassName,\n PropsWithElementType<\"div\" | \"li\">,\n Pick<LinkProps, \"onPress\" | \"href\" | \"target\" | \"download\"> {\n /** The name of the file. */\n name: string;\n /** The type of the file. */\n type?: string;\n /** Handler that is called when the file cards delete button is clicked. */\n onDelete?: () => void;\n /** The size of the file in bytes. */\n sizeInBytes?: number;\n /** The source of an image file. */\n imageSrc?: string;\n}\n\n/** @flr-generate all */\nexport const FileCard = flowComponent(\"FileCard\", (props) => {\n const {\n onDelete,\n type,\n sizeInBytes,\n name,\n className,\n elementType = \"div\",\n onPress,\n href,\n target,\n download,\n imageSrc,\n children,\n } = props;\n\n const rootClassName = clsx(styles.fileCard, className);\n\n const propsContext: PropsContext = {\n ContextMenu: {\n wrapWith: <OptionsButton />,\n placement: \"bottom right\",\n },\n };\n\n const Element = elementType;\n\n return (\n <PropsContextProvider props={propsContext} mergeInParentContext>\n <Element className={rootClassName}>\n <Wrap if={href || onPress}>\n <Link\n className={styles.link}\n unstyled\n href={href}\n onPress={onPress}\n target={target}\n download={download}\n >\n <Avatar type={type} imageSrc={imageSrc} />\n <span className={styles.text}>\n <Text className={styles.title}>\n <b>{name}</b>\n </Text>\n {sizeInBytes && <FileSizeText sizeInBytes={sizeInBytes} />}\n </span>\n </Link>\n </Wrap>\n {onDelete && children === undefined && (\n <DeleteButton onDelete={onDelete} />\n )}\n {children}\n </Element>\n </PropsContextProvider>\n );\n});\n\nexport default FileCard;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkCO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,OAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAA,sBAAW,aAAc,EAAA,EAAA,CAAA;AAAA,MACzB,SAAW,EAAA;AAAA;AACb,GACF;AAEA,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,aAClB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,IAAQ,OAChB,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,QAAQ,EAAA,IAAA;AAAA,QACR,IAAA;AAAA,QACA,OAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,MAAY,QAAoB,EAAA,CAAA;AAAA,0BACvC,IAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,IACtB,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAK,SAAW,EAAA,MAAA,CAAO,OACtB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAG,gBAAK,CACX,EAAA,CAAA;AAAA,YACC,WAAA,oBAAgB,GAAA,CAAA,YAAA,EAAA,EAAa,WAA0B,EAAA;AAAA,WAC1D,EAAA;AAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IACC,QAAY,IAAA,QAAA,KAAa,MACxB,oBAAA,GAAA,CAAC,gBAAa,QAAoB,EAAA,CAAA;AAAA,IAEnC;AAAA,GAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMzD,MAAM,WAAW,aACf,SAAQ,kBAAkB,EACxB,oBAAoB,CAAC,KAAK,GAAG,IAAI,CAAC,EAClC,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7D,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAwB;AACxB,eAAO,MAAM,QAAQ,8EAuDnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
|
|
@@ -9,5 +9,6 @@ export declare const WithSize: Story;
|
|
|
9
9
|
export declare const WithOnDelete: Story;
|
|
10
10
|
export declare const WithLink: Story;
|
|
11
11
|
export declare const WithLinkAndOnDelete: Story;
|
|
12
|
+
export declare const WithContextMenu: Story;
|
|
12
13
|
export declare const WithImage: Story;
|
|
13
14
|
//# sourceMappingURL=Default.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/FileCard/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/FileCard/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAK/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAuC,CAAC;AAE/D,eAAO,MAAM,QAAQ,EAAE,KAAwC,CAAC;AAEhE,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.118",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@chakra-ui/live-region": "^2.1.0",
|
|
55
55
|
"@internationalized/string-compiler": "^3.2.6",
|
|
56
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
56
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.118",
|
|
57
57
|
"@mittwald/react-use-promise": "^3.0.3",
|
|
58
58
|
"@react-aria/form": "^3.0.14",
|
|
59
59
|
"@react-aria/utils": "^3.28.1",
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"@faker-js/faker": "^9.6.0",
|
|
94
94
|
"@internationalized/date": "^3.7.0",
|
|
95
95
|
"@mfalkenberg/remote-dom-react": "1.2.3",
|
|
96
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
96
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.118",
|
|
97
97
|
"@mittwald/react-use-promise": "^2.6.0",
|
|
98
98
|
"@mittwald/typescript-config": "",
|
|
99
99
|
"@nx/storybook": "^20.5.0",
|
|
@@ -173,5 +173,5 @@
|
|
|
173
173
|
"optional": true
|
|
174
174
|
}
|
|
175
175
|
},
|
|
176
|
-
"gitHead": "
|
|
176
|
+
"gitHead": "72f46f19f937b4a86d1280476cee1b1998204f24"
|
|
177
177
|
}
|