@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.
Files changed (46) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/assets/doc-properties.json +755 -735
  3. package/dist/css/all.css +1 -1
  4. package/dist/js/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs +2 -3
  5. package/dist/js/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs.map +1 -1
  6. package/dist/js/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.mjs +8 -8
  7. package/dist/js/components/List/components/Items/Items.mjs +12 -12
  8. package/dist/js/components/List/components/Items/Items.mjs.map +1 -1
  9. package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs +4 -4
  10. package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs.map +1 -1
  11. package/dist/js/components/List/components/Items/components/Item/Item.mjs +5 -5
  12. package/dist/js/components/List/components/Items/components/Item/Item.mjs.map +1 -1
  13. package/dist/js/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.mjs +27 -0
  14. package/dist/js/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.mjs.map +1 -0
  15. package/dist/js/components/List/components/Items/components/Item/hooks/useGridItemProps.mjs +9 -9
  16. package/dist/js/components/List/components/ListItemView/ListItemView.mjs +4 -4
  17. package/dist/js/components/List/components/Table/Table.mjs +8 -8
  18. package/dist/js/components/List/typedList.mjs +7 -7
  19. package/dist/js/flr-universal.mjs +1 -1
  20. package/dist/js/index.mjs +5 -5
  21. package/dist/js/views/AvatarView.mjs +14 -0
  22. package/dist/js/views/AvatarView.mjs.map +1 -0
  23. package/dist/js/views/ItemsGridListItemView.mjs +8 -8
  24. package/dist/js/views/ItemsGridListView.mjs +6 -6
  25. package/dist/js/views/ListEmptyViewView.mjs +6 -6
  26. package/dist/js/views/ListItemViewContentView.mjs +7 -7
  27. package/dist/types/components/List/components/Footer/components/PaginationInfos/PaginationInfos.d.ts.map +1 -1
  28. package/dist/types/components/List/components/Items/Items.d.ts.map +1 -1
  29. package/dist/types/components/List/components/Items/components/FallbackItems/FallbackItems.d.ts +2 -1
  30. package/dist/types/components/List/components/Items/components/FallbackItems/FallbackItems.d.ts.map +1 -1
  31. package/dist/types/components/List/components/Items/components/FallbackItems/index.d.ts +2 -0
  32. package/dist/types/components/List/components/Items/components/FallbackItems/index.d.ts.map +1 -0
  33. package/dist/types/components/List/components/Items/components/FallbackItems/view.d.ts +8 -0
  34. package/dist/types/components/List/components/Items/components/FallbackItems/view.d.ts.map +1 -0
  35. package/dist/types/components/List/components/Items/components/Item/Item.d.ts.map +1 -1
  36. package/dist/types/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.d.ts +7 -0
  37. package/dist/types/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.d.ts.map +1 -0
  38. package/dist/types/components/List/index.d.ts +6 -5
  39. package/dist/types/components/List/index.d.ts.map +1 -1
  40. package/package.json +4 -4
  41. package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs +0 -45
  42. package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs.map +0 -1
  43. package/dist/js/components/SkeletonText/index.mjs +0 -6
  44. package/dist/js/components/SkeletonText/index.mjs.map +0 -1
  45. package/dist/types/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.d.ts +0 -3
  46. 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":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAMjD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,EAAE,EAAE,GAAG,CAAC;IACR,IAAI,EAAE,KAAK,CAAC;CACb;AAED,eAAO,MAAM,IAAI,UAAW,KAAK,mDA4BhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAWnC,CAAC;AAEF,eAAe,IAAI,CAAC"}
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 * from './components/ListSummary';
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,EACV,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvE,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mBAAmB,CAAC;AAElC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC"}
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.32",
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.32",
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.32",
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": "3bd915a308d33f96725739fafe830414e255259f"
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,6 +0,0 @@
1
- import { SkeletonText } from './SkeletonText.mjs';
2
-
3
-
4
-
5
- export { SkeletonText, SkeletonText as default };
6
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,3 +0,0 @@
1
- import { FC } from 'react';
2
- export declare const SkeletonView: FC;
3
- //# sourceMappingURL=SkeletonView.d.ts.map
@@ -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"}