@mittwald/flow-react-components 0.2.0-alpha.32 → 0.2.0-alpha.34
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 +14 -0
- package/dist/assets/doc-properties.json +755 -735
- package/dist/css/all.css +1 -1
- package/dist/js/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs +2 -3
- package/dist/js/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs.map +1 -1
- package/dist/js/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.mjs +8 -8
- package/dist/js/components/List/components/Items/Items.mjs +12 -12
- package/dist/js/components/List/components/Items/Items.mjs.map +1 -1
- package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs +4 -4
- package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs.map +1 -1
- package/dist/js/components/List/components/Items/components/Item/Item.mjs +5 -5
- package/dist/js/components/List/components/Items/components/Item/Item.mjs.map +1 -1
- package/dist/js/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.mjs +27 -0
- package/dist/js/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.mjs.map +1 -0
- package/dist/js/components/List/components/Items/components/Item/hooks/useGridItemProps.mjs +9 -9
- package/dist/js/components/List/components/ListItemView/ListItemView.mjs +4 -4
- package/dist/js/components/List/components/Table/Table.mjs +8 -8
- package/dist/js/components/List/typedList.mjs +7 -7
- package/dist/js/flr-universal.mjs +1 -1
- package/dist/js/index.mjs +5 -5
- package/dist/js/views/AvatarView.mjs +14 -0
- package/dist/js/views/AvatarView.mjs.map +1 -0
- package/dist/js/views/ItemsGridListItemView.mjs +8 -8
- package/dist/js/views/ItemsGridListView.mjs +6 -6
- package/dist/js/views/ListEmptyViewView.mjs +6 -6
- package/dist/js/views/ListItemViewContentView.mjs +7 -7
- package/dist/types/components/List/components/Footer/components/PaginationInfos/PaginationInfos.d.ts.map +1 -1
- package/dist/types/components/List/components/Items/Items.d.ts.map +1 -1
- package/dist/types/components/List/components/Items/components/FallbackItems/FallbackItems.d.ts +2 -1
- package/dist/types/components/List/components/Items/components/FallbackItems/FallbackItems.d.ts.map +1 -1
- package/dist/types/components/List/components/Items/components/FallbackItems/index.d.ts +2 -0
- package/dist/types/components/List/components/Items/components/FallbackItems/index.d.ts.map +1 -0
- package/dist/types/components/List/components/Items/components/FallbackItems/view.d.ts +8 -0
- package/dist/types/components/List/components/Items/components/FallbackItems/view.d.ts.map +1 -0
- package/dist/types/components/List/components/Items/components/Item/Item.d.ts.map +1 -1
- package/dist/types/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.d.ts +7 -0
- package/dist/types/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.d.ts.map +1 -0
- package/dist/types/components/List/index.d.ts +6 -5
- package/dist/types/components/List/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs +0 -45
- package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs.map +0 -1
- package/dist/js/components/SkeletonText/index.mjs +0 -6
- package/dist/js/components/SkeletonText/index.mjs.map +0 -1
- package/dist/types/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.d.ts +0 -3
- package/dist/types/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.d.ts.map +0 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FallbackItems } from './FallbackItems';
|
|
2
|
+
import { ViewComponent } from '../../../../../../lib/viewComponentContext';
|
|
3
|
+
declare global {
|
|
4
|
+
interface FlowViewComponents {
|
|
5
|
+
FallbackItems: ViewComponent<typeof FallbackItems>;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=view.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/components/FallbackItems/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,aAAa,EAAE,aAAa,CAAC,OAAO,aAAa,CAAC,CAAC;KACpD;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIjD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,EAAE,EAAE,GAAG,CAAC;IACR,IAAI,EAAE,KAAK,CAAC;CACb;AAED,eAAO,MAAM,IAAI,UAAW,KAAK,mDA8BhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAWnC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ListViewMode } from '../../../../../../model/types';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export interface ListItemSkeletonViewProps {
|
|
4
|
+
viewMode: ListViewMode;
|
|
5
|
+
}
|
|
6
|
+
export declare const ListItemSkeletonView: FC<ListItemSkeletonViewProps>;
|
|
7
|
+
//# sourceMappingURL=ListItemSkeletonView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItemSkeletonView.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAQlE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiC9D,CAAC"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
export type { DataLoaderOptions, AsyncDataLoader, AsyncResourceFactory, DataLoaderResult, } from './model/loading/types';
|
|
2
1
|
export type { RenderItemFn } from './model/item/types';
|
|
3
|
-
export
|
|
4
|
-
export * from './components/ListItemView';
|
|
2
|
+
export type { AsyncDataLoader, AsyncResourceFactory, DataLoaderOptions, DataLoaderResult, } from './model/loading/types';
|
|
5
3
|
export * from './components/Items/views/GridList';
|
|
6
4
|
export * from './components/Items/views/GridListItem';
|
|
5
|
+
export * from './components/ListItemView';
|
|
6
|
+
export * from './components/ListSummary';
|
|
7
7
|
export * from './views/EmptyView';
|
|
8
|
+
export * from './hooks/useList';
|
|
8
9
|
export * from './List';
|
|
9
10
|
export * from './typedList';
|
|
10
|
-
export * from './hooks/useList';
|
|
11
11
|
export * from './setupComponents/ListFilter';
|
|
12
|
-
export * from './setupComponents/ListSorting';
|
|
13
12
|
export * from './setupComponents/ListItem';
|
|
14
13
|
export * from './setupComponents/ListLoaderAsync';
|
|
14
|
+
export * from './setupComponents/ListSorting';
|
|
15
|
+
export * from './setupComponents/ListStaticData';
|
|
15
16
|
export * from './setupComponents/ListStaticData';
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AACvE,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,uCAAuC,CAAC;AAE/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,mBAAmB,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAE5B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AAEjD,cAAc,kCAAkC,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.34",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@chakra-ui/live-region": "^2.1.0",
|
|
54
54
|
"@internationalized/string-compiler": "^3.2.6",
|
|
55
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
55
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.34",
|
|
56
56
|
"@mittwald/react-use-promise": "^2.6.0",
|
|
57
57
|
"@react-aria/form": "^3.0.12",
|
|
58
58
|
"@react-aria/utils": "^3.27.0",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"devDependencies": {
|
|
91
91
|
"@faker-js/faker": "^9.4.0",
|
|
92
92
|
"@internationalized/date": "^3.7.0",
|
|
93
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
93
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.34",
|
|
94
94
|
"@mittwald/react-use-promise": "^2.6.0",
|
|
95
95
|
"@mittwald/typescript-config": "",
|
|
96
96
|
"@nx/storybook": "^20.4.2",
|
|
@@ -168,5 +168,5 @@
|
|
|
168
168
|
"optional": true
|
|
169
169
|
}
|
|
170
170
|
},
|
|
171
|
-
"gitHead": "
|
|
171
|
+
"gitHead": "606c8af9d722a9a3e8a0464f1c53c55ccaabcdd9"
|
|
172
172
|
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
-
import 'react';
|
|
5
|
-
import { Heading } from '../../../../../../../Heading/Heading.mjs';
|
|
6
|
-
import { Text } from '../../../../../../../Text/Text.mjs';
|
|
7
|
-
import { SkeletonText } from '../../../../../../../SkeletonText/SkeletonText.mjs';
|
|
8
|
-
import '@mittwald/react-tunnel';
|
|
9
|
-
import '../../../../../../../../lib/slotContext/slotContext.mjs';
|
|
10
|
-
import '@react-aria/utils';
|
|
11
|
-
import '../../../../../../../../lib/propsContext/propsContext.mjs';
|
|
12
|
-
import 'remeda';
|
|
13
|
-
import 'dot-prop';
|
|
14
|
-
import { ListItemView } from '../../../../../ListItemView/ListItemView.mjs';
|
|
15
|
-
import 'clsx';
|
|
16
|
-
import 'react-aria-components';
|
|
17
|
-
import '@tabler/icons-react';
|
|
18
|
-
import '../../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
|
|
19
|
-
import 'react-aria';
|
|
20
|
-
import '../../../../../../listContext.mjs';
|
|
21
|
-
import { useList } from '../../../../../../hooks/useList.mjs';
|
|
22
|
-
import 'mobx';
|
|
23
|
-
import '../../../../../../../../lib/controller/overlay/context.mjs';
|
|
24
|
-
import 'invariant';
|
|
25
|
-
import '../../../../../../../Action/context.mjs';
|
|
26
|
-
import '../../../../../../../Action/models/ActionStateContext.mjs';
|
|
27
|
-
import '@chakra-ui/live-region';
|
|
28
|
-
import '../../../../../Header/components/ActiveFilters/ActiveFilters.mjs';
|
|
29
|
-
import '../../../../../../model/List.mjs';
|
|
30
|
-
import { Skeleton } from '../../../../../../../Skeleton/Skeleton.mjs';
|
|
31
|
-
import { Avatar } from '../../../../../../../Avatar/Avatar.mjs';
|
|
32
|
-
import 'react-children-utilities';
|
|
33
|
-
|
|
34
|
-
const SkeletonView = () => {
|
|
35
|
-
const list = useList();
|
|
36
|
-
const showTiles = list.viewMode === "tiles";
|
|
37
|
-
return /* @__PURE__ */ jsxs(ListItemView, { children: [
|
|
38
|
-
showTiles && /* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(Skeleton, { style: { aspectRatio: 16 / 9 } }) }),
|
|
39
|
-
/* @__PURE__ */ jsx(Heading, { children: /* @__PURE__ */ jsx(SkeletonText, { width: "200px" }) }),
|
|
40
|
-
/* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(SkeletonText, { width: "300px" }) })
|
|
41
|
-
] });
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
export { SkeletonView };
|
|
45
|
-
//# sourceMappingURL=SkeletonView.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonView.mjs","sources":["../../../../../../../../../../src/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Heading } from \"@/components/Heading\";\nimport { Text } from \"@/components/Text\";\nimport SkeletonText from \"@/components/SkeletonText\";\nimport { ListItemView, useList } from \"@/components/List\";\nimport { Skeleton } from \"@/components/Skeleton\";\nimport { Avatar } from \"@/components/Avatar\";\n\nexport const SkeletonView: FC = () => {\n const list = useList();\n\n const showTiles = list.viewMode === \"tiles\";\n\n return (\n <ListItemView>\n {showTiles && (\n <Avatar>\n <Skeleton style={{ aspectRatio: 16 / 9 }} />\n </Avatar>\n )}\n <Heading>\n <SkeletonText width=\"200px\" />\n </Heading>\n <Text>\n <SkeletonText width=\"300px\" />\n </Text>\n </ListItemView>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,eAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAM,MAAA,SAAA,GAAY,KAAK,QAAa,KAAA,OAAA;AAEpC,EAAA,4BACG,YACE,EAAA,EAAA,QAAA,EAAA;AAAA,IACC,SAAA,oBAAA,GAAA,CAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,WAAa,EAAA,EAAA,GAAK,CAAE,EAAA,EAAG,CAC5C,EAAA,CAAA;AAAA,wBAED,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,SAAQ,CAC9B,EAAA,CAAA;AAAA,wBACC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,SAAQ,CAC9B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonView.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,eAAO,MAAM,YAAY,EAAE,EAoB1B,CAAC"}
|