@mittwald/flow-react-components 0.2.0-alpha.32 → 0.2.0-alpha.33

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 (49) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/assets/doc-properties.json +8913 -8909
  3. package/dist/css/all.css +1 -1
  4. package/dist/js/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.mjs +10 -10
  5. package/dist/js/components/List/components/Items/Items.mjs +15 -14
  6. package/dist/js/components/List/components/Items/Items.mjs.map +1 -1
  7. package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs +2 -2
  8. package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs.map +1 -1
  9. package/dist/js/components/List/components/Items/components/Item/Item.mjs +5 -5
  10. package/dist/js/components/List/components/Items/components/Item/Item.mjs.map +1 -1
  11. package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs +12 -12
  12. package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs.map +1 -1
  13. package/dist/js/components/List/components/Items/components/Item/hooks/useGridItemProps.mjs +11 -11
  14. package/dist/js/components/List/components/ListItemView/ListItemView.mjs +6 -6
  15. package/dist/js/components/List/components/Table/Table.mjs +10 -10
  16. package/dist/js/components/List/typedList.mjs +10 -7
  17. package/dist/js/components/List/typedList.mjs.map +1 -1
  18. package/dist/js/flr-universal.mjs +1 -1
  19. package/dist/js/index.mjs +7 -5
  20. package/dist/js/index.mjs.map +1 -1
  21. package/dist/js/views/FallbackItemsView.mjs +35 -0
  22. package/dist/js/views/FallbackItemsView.mjs.map +1 -0
  23. package/dist/js/views/ItemsGridListItemView.mjs +11 -11
  24. package/dist/js/views/ItemsGridListView.mjs +11 -11
  25. package/dist/js/views/ListEmptyViewView.mjs +11 -11
  26. package/dist/js/views/ListItemViewContentView.mjs +10 -10
  27. package/dist/js/views/SkeletonViewView.mjs +34 -0
  28. package/dist/js/views/SkeletonViewView.mjs.map +1 -0
  29. package/dist/types/components/List/components/Items/Items.d.ts.map +1 -1
  30. package/dist/types/components/List/components/Items/components/FallbackItems/FallbackItems.d.ts +3 -1
  31. package/dist/types/components/List/components/Items/components/FallbackItems/FallbackItems.d.ts.map +1 -1
  32. package/dist/types/components/List/components/Items/components/FallbackItems/index.d.ts +3 -0
  33. package/dist/types/components/List/components/Items/components/FallbackItems/index.d.ts.map +1 -0
  34. package/dist/types/components/List/components/Items/components/FallbackItems/view.d.ts +8 -0
  35. package/dist/types/components/List/components/Items/components/FallbackItems/view.d.ts.map +1 -0
  36. package/dist/types/components/List/components/Items/components/Item/Item.d.ts.map +1 -1
  37. package/dist/types/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.d.ts +3 -1
  38. package/dist/types/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.d.ts.map +1 -1
  39. package/dist/types/components/List/components/Items/components/Item/components/SkeletonView/index.d.ts +3 -0
  40. package/dist/types/components/List/components/Items/components/Item/components/SkeletonView/index.d.ts.map +1 -0
  41. package/dist/types/components/List/components/Items/components/Item/components/SkeletonView/view.d.ts +8 -0
  42. package/dist/types/components/List/components/Items/components/Item/components/SkeletonView/view.d.ts.map +1 -0
  43. package/dist/types/components/List/index.d.ts +7 -5
  44. package/dist/types/components/List/index.d.ts.map +1 -1
  45. package/dist/types/views/FallbackItemsView.d.ts +5 -0
  46. package/dist/types/views/FallbackItemsView.d.ts.map +1 -0
  47. package/dist/types/views/SkeletonViewView.d.ts +5 -0
  48. package/dist/types/views/SkeletonViewView.d.ts.map +1 -0
  49. package/package.json +4 -4
package/dist/js/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.mjs CHANGED
@@ -4,27 +4,29 @@ import { jsxs, jsx } from 'react/jsx-runtime';
4
4
  import 'react';
5
5
  import locales from '../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
6
6
  import { useLocalizedStringFormatter } from 'react-aria';
7
- import '@mittwald/react-tunnel';
8
- import '../../../../../../lib/slotContext/slotContext.mjs';
9
- import '@react-aria/utils';
7
+ import 'clsx';
10
8
  import '../../../../../../lib/propsContext/propsContext.mjs';
9
+ import '@react-aria/utils';
11
10
  import 'remeda';
12
11
  import 'dot-prop';
13
- import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
12
+ import 'object-code';
13
+ import 'react-children-utilities';
14
+ import '@mittwald/react-tunnel';
15
+ import '../../../../../../lib/slotContext/slotContext.mjs';
16
+ import 'react-aria-components';
17
+ import 'invariant';
14
18
  import '@tabler/icons-react';
15
- import 'clsx';
19
+ import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
16
20
  import { IconView } from '../../../../../Icon/components/icons/IconView.mjs';
17
21
  import ButtonView from '../../../../../../views/ButtonView.mjs';
22
+ import { useList } from '../../../../hooks/useList.mjs';
18
23
  import { ContextMenu } from '../../../../../ContextMenu/ContextMenu.mjs';
19
- import 'react-aria-components';
20
24
  import { ContextMenuTrigger } from '../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
21
25
  import 'mobx';
22
26
  import '../../../../../../lib/controller/overlay/context.mjs';
23
- import 'invariant';
24
27
  import '../../../../../Action/context.mjs';
25
28
  import '../../../../../Action/models/ActionStateContext.mjs';
26
29
  import '../../../../listContext.mjs';
27
- import { useList } from '../../../../hooks/useList.mjs';
28
30
  import MenuItemView from '../../../../../../views/MenuItemView.mjs';
29
31
  import TextView from '../../../../../../views/TextView.mjs';
30
32
  import '../ActiveFilters/ActiveFilters.mjs';
@@ -32,8 +34,6 @@ import '@chakra-ui/live-region';
32
34
  import SectionView from '../../../../../../views/SectionView.mjs';
33
35
  import HeadingView from '../../../../../../views/HeadingView.mjs';
34
36
  import '../../../../model/List.mjs';
35
- import 'object-code';
36
- import 'react-children-utilities';
37
37
 
38
38
  const ViewModeMenu = () => {
39
39
  const stringFormatter = useLocalizedStringFormatter(locales);
package/dist/js/components/List/components/Items/Items.mjs CHANGED
@@ -2,34 +2,35 @@
2
2
  /* */
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import 'react';
5
- import { useList } from '../../hooks/useList.mjs';
6
- import styles from './Items.module.scss.mjs';
7
5
  import clsx from 'clsx';
8
- import { Item } from './components/Item/Item.mjs';
9
- import { FallbackItems } from './components/FallbackItems/FallbackItems.mjs';
10
- import ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
11
- import DivView from '../../../../views/DivView.mjs';
12
- import '@mittwald/react-tunnel';
13
- import '../../../../lib/slotContext/slotContext.mjs';
14
- import '@react-aria/utils';
15
6
  import '../../../../lib/propsContext/propsContext.mjs';
7
+ import '@react-aria/utils';
16
8
  import 'remeda';
17
9
  import 'dot-prop';
10
+ import 'object-code';
11
+ import 'react-children-utilities';
12
+ import '@mittwald/react-tunnel';
13
+ import '../../../../lib/slotContext/slotContext.mjs';
14
+ import 'react-aria-components';
15
+ import 'invariant';
16
+ import { Item } from './components/Item/Item.mjs';
17
+ import { useList } from '../../hooks/useList.mjs';
18
+ import { EmptyView } from '../../views/EmptyView/EmptyView.mjs';
18
19
  import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
19
20
  import 'react-aria';
20
21
  import '@tabler/icons-react';
21
- import 'react-aria-components';
22
- import 'invariant';
23
22
  import '@chakra-ui/live-region';
24
23
  import 'mobx';
25
24
  import '../../../../lib/controller/overlay/context.mjs';
26
25
  import '../../../Action/context.mjs';
27
26
  import '../../../Action/models/ActionStateContext.mjs';
28
- import { EmptyView } from '../../views/EmptyView/EmptyView.mjs';
29
27
  import '../../listContext.mjs';
30
28
  import '../Header/components/ActiveFilters/ActiveFilters.mjs';
29
+ import DivView from '../../../../views/DivView.mjs';
31
30
  import '../../model/List.mjs';
32
- import 'react-children-utilities';
31
+ import FallbackItemsView from '../../../../views/FallbackItemsView.mjs';
32
+ import ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
33
+ import styles from './Items.module.scss.mjs';
33
34
 
34
35
  const Items = () => {
35
36
  const list = useList();
@@ -54,7 +55,7 @@ const Items = () => {
54
55
  style: {
55
56
  gridTemplateColumns: `repeat(auto-fill, minmax(${list.itemView.tileMaxWidth}px, 1fr))`
56
57
  },
57
- children: isInitiallyLoading ? /* @__PURE__ */ jsx(FallbackItems, {}) : items
58
+ children: isInitiallyLoading ? /* @__PURE__ */ jsx(FallbackItemsView, {}) : items
58
59
  }
59
60
  ) });
60
61
  };
package/dist/js/components/List/components/Items/Items.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Items.mjs","sources":["../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./Items.module.scss\";\nimport clsx from \"clsx\";\nimport Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { FallbackItems } from \"@/components/List/components/Items/components/FallbackItems/FallbackItems\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport DivView from \"@/views/DivView\";\nimport { EmptyView } from \"@/components/List\";\n\nexport const Items: FC = () => {\n const list = useList();\n const tiles = list.viewMode === \"tiles\";\n const isLoading = list.loader.useIsLoading();\n const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n if (!list.itemView) {\n return null;\n }\n\n const items = list.items.entries.map((item) => (\n <Item key={item.id} data={item.data} id={item.id} />\n ));\n\n const rootClassName = clsx(\n styles.items,\n isLoading && styles.isLoading,\n tiles && styles.tiles,\n );\n\n return (\n <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n <ItemsGridListView\n className={rootClassName}\n {...list.componentProps}\n renderEmptyState={() => <EmptyView />}\n style={{\n gridTemplateColumns: `repeat(auto-fill, minmax(${list.itemView.tileMaxWidth}px, 1fr))`,\n }}\n >\n {isInitiallyLoading ? <FallbackItems /> : items}\n </ItemsGridListView>\n </DivView>\n );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,KAAA,GAAQ,KAAK,QAAa,KAAA,OAAA;AAChC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAI,IAAA,CAAC,KAAK,QAAU,EAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAC,IACpC,qBAAA,GAAA,CAAC,IAAmB,EAAA,EAAA,IAAA,EAAM,KAAK,IAAM,EAAA,EAAA,EAAI,KAAK,EAAnC,EAAA,EAAA,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,SAAS,MAAO,CAAA;AAAA,GAClB;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,aAAa,EAAA,kBAAA,EAAoB,aAAW,SACnD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAK,CAAA,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,MACnC,KAAO,EAAA;AAAA,QACL,mBAAqB,EAAA,CAAA,yBAAA,EAA4B,IAAK,CAAA,QAAA,CAAS,YAAY,CAAA,SAAA;AAAA,OAC7E;AAAA,MAEC,QAAA,EAAA,kBAAA,mBAAsB,GAAA,CAAA,aAAA,EAAA,EAAc,CAAK,GAAA;AAAA;AAAA,GAE9C,EAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Items.mjs","sources":["../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import { EmptyView } from \"@/components/List\";\nimport Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport DivView from \"@/views/DivView\";\nimport FallbackItemsView from \"@/views/FallbackItemsView\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"./Items.module.scss\";\n\nexport const Items: FC = () => {\n const list = useList();\n const tiles = list.viewMode === \"tiles\";\n const isLoading = list.loader.useIsLoading();\n const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n if (!list.itemView) {\n return null;\n }\n\n const items = list.items.entries.map((item) => (\n <Item key={item.id} data={item.data} id={item.id} />\n ));\n\n const rootClassName = clsx(\n styles.items,\n isLoading && styles.isLoading,\n tiles && styles.tiles,\n );\n\n return (\n <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n <ItemsGridListView\n className={rootClassName}\n {...list.componentProps}\n renderEmptyState={() => <EmptyView />}\n style={{\n gridTemplateColumns: `repeat(auto-fill, minmax(${list.itemView.tileMaxWidth}px, 1fr))`,\n }}\n >\n {isInitiallyLoading ? <FallbackItemsView /> : items}\n </ItemsGridListView>\n </DivView>\n );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,KAAA,GAAQ,KAAK,QAAa,KAAA,OAAA;AAChC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAI,IAAA,CAAC,KAAK,QAAU,EAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAC,IACpC,qBAAA,GAAA,CAAC,IAAmB,EAAA,EAAA,IAAA,EAAM,KAAK,IAAM,EAAA,EAAA,EAAI,KAAK,EAAnC,EAAA,EAAA,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,SAAS,MAAO,CAAA;AAAA,GAClB;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,aAAa,EAAA,kBAAA,EAAoB,aAAW,SACnD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAK,CAAA,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,MACnC,KAAO,EAAA;AAAA,QACL,mBAAqB,EAAA,CAAA,yBAAA,EAA4B,IAAK,CAAA,QAAA,CAAS,YAAY,CAAA,SAAA;AAAA,OAC7E;AAAA,MAEC,QAAA,EAAA,kBAAA,mBAAsB,GAAA,CAAA,iBAAA,EAAA,EAAkB,CAAK,GAAA;AAAA;AAAA,GAElD,EAAA,CAAA;AAEJ;;;;"}
package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  /* */
3
3
  import { jsx } from 'react/jsx-runtime';
4
- import { cloneElement } from 'react';
5
- import { useList } from '../../../../hooks/useList.mjs';
6
4
  import { SkeletonView } from '../Item/components/SkeletonView/SkeletonView.mjs';
7
5
  import { ItemContainer } from '../Item/Item.mjs';
6
+ import { useList } from '../../../../hooks/useList.mjs';
7
+ import { cloneElement } from 'react';
8
8
 
9
9
  const FallbackItems = () => {
10
10
  const list = useList();
package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FallbackItems.mjs","sources":["../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React, { cloneElement } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport { SkeletonView } from \"@/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView\";\nimport { ItemContainer } from \"@/components/List/components/Items/components/Item/Item\";\n\nexport const FallbackItems: FC = () => {\n const list = useList();\n const fallback = list.itemView?.fallback ?? <SkeletonView />;\n\n return Array.from(Array(5)).map((_, i) => (\n <ItemContainer id={i} data={i as never} key={i}>\n {cloneElement(fallback)}\n </ItemContainer>\n ));\n};\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,gBAAoB,MAAM;AACrC,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,QAAW,GAAA,IAAA,CAAK,QAAU,EAAA,QAAA,wBAAa,YAAa,EAAA,EAAA,CAAA;AAE1D,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAG,EAAA,CAAA,yBACjC,aAAc,EAAA,EAAA,EAAA,EAAI,GAAG,IAAM,EAAA,CAAA,EACzB,uBAAa,QAAQ,CAAA,EAAA,EADqB,CAE7C,CACD,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"FallbackItems.mjs","sources":["../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"sourcesContent":["import { SkeletonView } from \"@/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView\";\nimport { ItemContainer } from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\nimport { cloneElement } from \"react\";\n\nexport type FallbackItemsProps = never;\n\n/** @flr-generate all */\nexport const FallbackItems: FC<FallbackItemsProps> = () => {\n const list = useList();\n const fallback = list.itemView?.fallback ?? <SkeletonView />;\n\n return Array.from(Array(5)).map((_, i) => (\n <ItemContainer id={i} data={i as never} key={i}>\n {cloneElement(fallback)}\n </ItemContainer>\n ));\n};\n"],"names":[],"mappings":";;;;;;AASO,MAAM,gBAAwC,MAAM;AACzD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,QAAW,GAAA,IAAA,CAAK,QAAU,EAAA,QAAA,wBAAa,YAAa,EAAA,EAAA,CAAA;AAE1D,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAG,EAAA,CAAA,yBACjC,aAAc,EAAA,EAAA,EAAA,EAAI,GAAG,IAAM,EAAA,CAAA,EACzB,uBAAa,QAAQ,CAAA,EAAA,EADqB,CAE7C,CACD,CAAA;AACH;;;;"}
package/dist/js/components/List/components/Items/components/Item/Item.mjs CHANGED
@@ -1,12 +1,12 @@
1
1
  "use client"
2
2
  /* */
3
3
  import { jsx } from 'react/jsx-runtime';
4
- import { Suspense } from 'react';
5
- import styles from './Item.module.scss.mjs';
6
- import { useList } from '../../../../hooks/useList.mjs';
7
- import { SkeletonView } from './components/SkeletonView/SkeletonView.mjs';
8
4
  import { useGridItemProps } from './hooks/useGridItemProps.mjs';
5
+ import { useList } from '../../../../hooks/useList.mjs';
9
6
  import ItemsGridListItemView from '../../../../../../views/ItemsGridListItemView.mjs';
7
+ import SkeletonViewView from '../../../../../../views/SkeletonViewView.mjs';
8
+ import { Suspense } from 'react';
9
+ import styles from './Item.module.scss.mjs';
10
10
 
11
11
  const Item = (props) => {
12
12
  const { id, data } = props;
@@ -28,7 +28,7 @@ const Item = (props) => {
28
28
  hasAction,
29
29
  isTile: list.viewMode === "tiles",
30
30
  ...gridItemProps,
31
- children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(SkeletonView, {}), children })
31
+ children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(SkeletonViewView, {}), children })
32
32
  }
33
33
  );
34
34
  };
package/dist/js/components/List/components/Items/components/Item/Item.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Item.mjs","sources":["../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { Suspense } from \"react\";\nimport styles from \"./Item.module.scss\";\nimport type { Key } from \"react-aria-components\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport { SkeletonView } from \"@/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView\";\nimport { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\n\ninterface Props extends PropsWithChildren {\n id: Key;\n data: never;\n}\n\nexport const Item = (props: Props) => {\n const { id, data } = props;\n const list = useList();\n\n const itemView = list.itemView;\n\n const { gridItemProps, children } = useGridItemProps(props);\n\n if (!itemView) {\n return null;\n }\n\n const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n const href = itemView.href ? itemView.href(data) : undefined;\n const hasAction = !!gridItemProps.onAction || !!href;\n\n return (\n <ItemsGridListItemView\n id={id}\n textValue={textValue}\n href={href}\n hasAction={hasAction}\n isTile={list.viewMode === \"tiles\"}\n {...gridItemProps}\n >\n <Suspense fallback={<SkeletonView />}>{children}</Suspense>\n </ItemsGridListItemView>\n );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n const list = useList();\n return (\n <ItemsGridListItemView\n textValue=\"-\"\n className={styles.item}\n isTile={list.viewMode === \"tiles\"}\n >\n {props.children}\n </ItemsGridListItemView>\n );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;AAca,MAAA,IAAA,GAAO,CAAC,KAAiB,KAAA;AACpC,EAAM,MAAA,EAAE,EAAI,EAAA,IAAA,EAAS,GAAA,KAAA;AACrB,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAS,EAAA,GAAI,iBAAiB,KAAK,CAAA;AAE1D,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,YAAY,QAAS,CAAA,SAAA,GAAY,QAAS,CAAA,SAAA,CAAU,IAAI,CAAI,GAAA,MAAA;AAClE,EAAA,MAAM,OAAO,QAAS,CAAA,IAAA,GAAO,QAAS,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAc,CAAA,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MACzB,GAAG,aAAA;AAAA,MAEJ,8BAAC,QAAS,EAAA,EAAA,QAAA,kBAAW,GAAA,CAAA,YAAA,EAAA,EAAa,GAAK,QAAS,EAAA;AAAA;AAAA,GAClD;AAEJ;AAEa,MAAA,aAAA,GAA2B,CAAC,KAAU,KAAA;AACjD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,GAAA;AAAA,MACV,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MAEzB,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}
1
+ {"version":3,"file":"Item.mjs","sources":["../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport SkeletonViewView from \"@/views/SkeletonViewView\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\n\ninterface Props extends PropsWithChildren {\n id: Key;\n data: never;\n}\n\nexport const Item = (props: Props) => {\n const { id, data } = props;\n const list = useList();\n\n const itemView = list.itemView;\n\n const { gridItemProps, children } = useGridItemProps(props);\n\n if (!itemView) {\n return null;\n }\n\n const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n const href = itemView.href ? itemView.href(data) : undefined;\n const hasAction = !!gridItemProps.onAction || !!href;\n\n return (\n <ItemsGridListItemView\n id={id}\n textValue={textValue}\n href={href}\n hasAction={hasAction}\n isTile={list.viewMode === \"tiles\"}\n {...gridItemProps}\n >\n <Suspense fallback={<SkeletonViewView />}>{children}</Suspense>\n </ItemsGridListItemView>\n );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n const list = useList();\n return (\n <ItemsGridListItemView\n textValue=\"-\"\n className={styles.item}\n isTile={list.viewMode === \"tiles\"}\n >\n {props.children}\n </ItemsGridListItemView>\n );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;AAca,MAAA,IAAA,GAAO,CAAC,KAAiB,KAAA;AACpC,EAAM,MAAA,EAAE,EAAI,EAAA,IAAA,EAAS,GAAA,KAAA;AACrB,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAS,EAAA,GAAI,iBAAiB,KAAK,CAAA;AAE1D,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,YAAY,QAAS,CAAA,SAAA,GAAY,QAAS,CAAA,SAAA,CAAU,IAAI,CAAI,GAAA,MAAA;AAClE,EAAA,MAAM,OAAO,QAAS,CAAA,IAAA,GAAO,QAAS,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAc,CAAA,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MACzB,GAAG,aAAA;AAAA,MAEJ,8BAAC,QAAS,EAAA,EAAA,QAAA,kBAAW,GAAA,CAAA,gBAAA,EAAA,EAAiB,GAAK,QAAS,EAAA;AAAA;AAAA,GACtD;AAEJ;AAEa,MAAA,aAAA,GAA2B,CAAC,KAAU,KAAA;AACjD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,GAAA;AAAA,MACV,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MAEzB,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}
package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs CHANGED
@@ -1,34 +1,34 @@
1
1
  "use client"
2
2
  /* */
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
- import 'react';
4
+ import { Avatar } from '../../../../../../../Avatar/Avatar.mjs';
5
5
  import { Heading } from '../../../../../../../Heading/Heading.mjs';
6
- import { Text } from '../../../../../../../Text/Text.mjs';
6
+ import { Skeleton } from '../../../../../../../Skeleton/Skeleton.mjs';
7
7
  import { SkeletonText } from '../../../../../../../SkeletonText/SkeletonText.mjs';
8
- import '@mittwald/react-tunnel';
9
- import '../../../../../../../../lib/slotContext/slotContext.mjs';
10
- import '@react-aria/utils';
8
+ import { Text } from '../../../../../../../Text/Text.mjs';
9
+ import 'react';
11
10
  import '../../../../../../../../lib/propsContext/propsContext.mjs';
11
+ import '@react-aria/utils';
12
12
  import 'remeda';
13
13
  import 'dot-prop';
14
- import { ListItemView } from '../../../../../ListItemView/ListItemView.mjs';
15
- import 'clsx';
16
- import 'react-aria-components';
17
14
  import '@tabler/icons-react';
15
+ import 'clsx';
16
+ import '@mittwald/react-tunnel';
17
+ import '../../../../../../../../lib/slotContext/slotContext.mjs';
18
18
  import '../../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
19
19
  import 'react-aria';
20
- import '../../../../../../listContext.mjs';
20
+ import 'react-aria-components';
21
+ import '@chakra-ui/live-region';
21
22
  import { useList } from '../../../../../../hooks/useList.mjs';
23
+ import { ListItemView } from '../../../../../ListItemView/ListItemView.mjs';
24
+ import '../../../../../../listContext.mjs';
22
25
  import 'mobx';
23
26
  import '../../../../../../../../lib/controller/overlay/context.mjs';
24
27
  import 'invariant';
25
28
  import '../../../../../../../Action/context.mjs';
26
29
  import '../../../../../../../Action/models/ActionStateContext.mjs';
27
- import '@chakra-ui/live-region';
28
30
  import '../../../../../Header/components/ActiveFilters/ActiveFilters.mjs';
29
31
  import '../../../../../../model/List.mjs';
30
- import { Skeleton } from '../../../../../../../Skeleton/Skeleton.mjs';
31
- import { Avatar } from '../../../../../../../Avatar/Avatar.mjs';
32
32
  import 'react-children-utilities';
33
33
 
34
34
  const SkeletonView = () => {
package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs.map CHANGED
@@ -1 +1 @@
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
+ {"version":3,"file":"SkeletonView.mjs","sources":["../../../../../../../../../../src/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.tsx"],"sourcesContent":["import { Avatar } from \"@/components/Avatar\";\nimport { Heading } from \"@/components/Heading\";\nimport { ListItemView, useList } from \"@/components/List\";\nimport { Skeleton } from \"@/components/Skeleton\";\nimport SkeletonText from \"@/components/SkeletonText\";\nimport { Text } from \"@/components/Text\";\nimport type { FC } from \"react\";\n\nexport type SkeletonViewProps = never;\n\n/** @flr-generate all */\nexport const SkeletonView: FC<SkeletonViewProps> = () => {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,eAAsC,MAAM;AACvD,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;;;;"}
package/dist/js/components/List/components/Items/components/Item/hooks/useGridItemProps.mjs CHANGED
@@ -2,31 +2,31 @@
2
2
  /* */
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import { useState, useId, useRef, useEffect } from 'react';
5
+ import 'clsx';
6
+ import '../../../../../../../lib/propsContext/propsContext.mjs';
7
+ import { PropsContextProvider } from '../../../../../../../lib/propsContext/PropsContextProvider.mjs';
8
+ import { dynamic } from '../../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
9
+ import 'object-code';
10
+ import 'react-children-utilities';
5
11
  import '@mittwald/react-tunnel';
6
12
  import '../../../../../../../lib/slotContext/slotContext.mjs';
7
13
  import '@react-aria/utils';
8
- import '../../../../../../../lib/propsContext/propsContext.mjs';
9
14
  import 'remeda';
10
- import { PropsContextProvider } from '../../../../../../../lib/propsContext/PropsContextProvider.mjs';
11
- import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
12
- import { dynamic } from '../../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
13
- import 'react-aria';
14
- import '@tabler/icons-react';
15
- import 'clsx';
16
15
  import 'react-aria-components';
17
16
  import 'invariant';
17
+ import { AccordionButton } from '../components/AccordionButton.mjs';
18
+ import { useList } from '../../../../../hooks/useList.mjs';
19
+ import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
20
+ import '@tabler/icons-react';
21
+ import 'react-aria';
18
22
  import '@chakra-ui/live-region';
19
23
  import 'mobx';
20
24
  import '../../../../../../../lib/controller/overlay/context.mjs';
21
25
  import '../../../../../../Action/context.mjs';
22
26
  import '../../../../../../Action/models/ActionStateContext.mjs';
23
27
  import '../../../../../listContext.mjs';
24
- import { useList } from '../../../../../hooks/useList.mjs';
25
28
  import '../../../../Header/components/ActiveFilters/ActiveFilters.mjs';
26
29
  import '../../../../../model/List.mjs';
27
- import 'object-code';
28
- import 'react-children-utilities';
29
- import { AccordionButton } from '../components/AccordionButton.mjs';
30
30
 
31
31
  const useGridItemProps = (props) => {
32
32
  const { data, children: childrenFromProps } = props;
package/dist/js/components/List/components/ListItemView/ListItemView.mjs CHANGED
@@ -9,26 +9,26 @@ import FragmentView from '../../../../views/FragmentView.mjs';
9
9
  import '../../../../lib/propsContext/propsContext.mjs';
10
10
  import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
11
11
  import { OptionsButton } from '../Items/components/Item/components/OptionsButton/OptionsButton.mjs';
12
+ import 'clsx';
13
+ import 'object-code';
14
+ import 'react-children-utilities';
12
15
  import '../../../../lib/slotContext/slotContext.mjs';
13
16
  import '@react-aria/utils';
14
17
  import 'remeda';
15
- import 'clsx';
16
18
  import 'react-aria-components';
19
+ import 'invariant';
17
20
  import '@tabler/icons-react';
18
21
  import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
19
- import 'invariant';
20
22
  import 'react-aria';
21
- import '../../listContext.mjs';
23
+ import '@chakra-ui/live-region';
22
24
  import { useList } from '../../hooks/useList.mjs';
25
+ import '../../listContext.mjs';
23
26
  import 'mobx';
24
27
  import '../../../../lib/controller/overlay/context.mjs';
25
28
  import '../../../Action/context.mjs';
26
29
  import '../../../Action/models/ActionStateContext.mjs';
27
- import '@chakra-ui/live-region';
28
30
  import '../Header/components/ActiveFilters/ActiveFilters.mjs';
29
31
  import '../../model/List.mjs';
30
- import 'object-code';
31
- import 'react-children-utilities';
32
32
 
33
33
  const ListItemView = (props) => {
34
34
  const { children } = props;
package/dist/js/components/List/components/Table/Table.mjs CHANGED
@@ -2,29 +2,29 @@
2
2
  /* */
3
3
  import { jsx, jsxs } from 'react/jsx-runtime';
4
4
  import 'react';
5
- import '@mittwald/react-tunnel';
6
- import '../../../../lib/slotContext/slotContext.mjs';
7
- import '@react-aria/utils';
5
+ import clsx from 'clsx';
8
6
  import '../../../../lib/propsContext/propsContext.mjs';
7
+ import '@react-aria/utils';
9
8
  import 'remeda';
10
9
  import 'dot-prop';
11
- import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
12
- import 'react-aria';
13
- import '@tabler/icons-react';
14
- import clsx from 'clsx';
10
+ import 'object-code';
11
+ import 'react-children-utilities';
12
+ import '@mittwald/react-tunnel';
13
+ import '../../../../lib/slotContext/slotContext.mjs';
15
14
  import 'react-aria-components';
16
15
  import 'invariant';
16
+ import '@tabler/icons-react';
17
+ import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
18
+ import 'react-aria';
17
19
  import '@chakra-ui/live-region';
20
+ import { useList } from '../../hooks/useList.mjs';
18
21
  import 'mobx';
19
22
  import '../../../../lib/controller/overlay/context.mjs';
20
23
  import '../../../Action/context.mjs';
21
24
  import '../../../Action/models/ActionStateContext.mjs';
22
25
  import '../../listContext.mjs';
23
- import { useList } from '../../hooks/useList.mjs';
24
26
  import '../Header/components/ActiveFilters/ActiveFilters.mjs';
25
27
  import '../../model/List.mjs';
26
- import 'object-code';
27
- import 'react-children-utilities';
28
28
  import { TableLoadingView } from './components/TableLoadingView.mjs';
29
29
  import styles from './Table.module.css.mjs';
30
30
  import ListEmptyViewView from '../../../../views/ListEmptyViewView.mjs';
package/dist/js/components/List/typedList.mjs CHANGED
@@ -10,26 +10,29 @@ import { TypedListStaticData } from './setupComponents/ListStaticData.mjs';
10
10
  import { TypedListSearch } from './setupComponents/ListSearch.mjs';
11
11
  import 'react/jsx-runtime';
12
12
  import 'react';
13
- import '@mittwald/react-tunnel';
14
- import '../../lib/slotContext/slotContext.mjs';
15
- import '@react-aria/utils';
13
+ import 'clsx';
16
14
  import '../../lib/propsContext/propsContext.mjs';
15
+ import '@react-aria/utils';
17
16
  import 'remeda';
18
17
  import 'dot-prop';
19
- import { ListItemView } from './components/ListItemView/ListItemView.mjs';
20
- import 'clsx';
18
+ import 'object-code';
19
+ import 'react-children-utilities';
20
+ import '@mittwald/react-tunnel';
21
+ import '../../lib/slotContext/slotContext.mjs';
21
22
  import 'react-aria-components';
23
+ import 'invariant';
22
24
  import '@tabler/icons-react';
23
25
  import '../../lib/viewComponentContext/viewComponentContext.mjs';
24
- import 'invariant';
25
26
  import 'react-aria';
27
+ import '@chakra-ui/live-region';
28
+ import './listContext.mjs';
29
+ import { ListItemView } from './components/ListItemView/ListItemView.mjs';
26
30
  import { TableColumn } from './setupComponents/TableColumn.mjs';
27
31
  import { TableCell } from './setupComponents/TableCell.mjs';
28
32
  import { TableHeader } from './setupComponents/TableHeader.mjs';
29
33
  import { TableRow } from './setupComponents/TableRow.mjs';
30
34
  import { TableBody } from './setupComponents/TableBody.mjs';
31
35
  import { Table } from './setupComponents/Table.mjs';
32
- import './listContext.mjs';
33
36
 
34
37
  const TypedList = () => List;
35
38
  const typedList = () => ({
package/dist/js/components/List/typedList.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typedList.mjs","sources":["../../../../src/components/List/typedList.ts"],"sourcesContent":["import type { ListProps } from \"@/components/List/List\";\nimport List from \"@/components/List/List\";\nimport { TypedListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { TypedListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { TypedListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { TypedListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { TypedListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { TypedListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { TypedListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListItemView } from \"@/components/List\";\nimport type { ComponentType } from \"react\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { Table } from \"@/components/List/setupComponents/Table\";\n\nexport const TypedList = <T>() =>\n List as unknown as ComponentType<ListProps<T>>;\n\nexport const typedList = <T>() => ({\n List: TypedList<T>(),\n Filter: TypedListFilter<T>(),\n Search: TypedListSearch<T>(),\n Sorting: TypedListSorting<T>(),\n Item: TypedListItem<T>(),\n ItemView: ListItemView,\n TableHeader: TableHeader<T>,\n TableColumn: TableColumn<T>,\n TableBody: TableBody<T>,\n TableRow: TableRow<T>,\n TableCell: TableCell<T>,\n Table: Table<T>,\n StaticData: TypedListStaticData<T>(),\n LoaderAsync: TypedListLoaderAsync<T>(),\n LoaderAsyncResource: TypedListLoaderAsyncResource<T>(),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,YAAY,MACvB;AAEK,MAAM,YAAY,OAAU;AAAA,EACjC,MAAM,SAAa,EAAA;AAAA,EACnB,QAAQ,eAAmB,EAAA;AAAA,EAC3B,QAAQ,eAAmB,EAAA;AAAA,EAC3B,SAAS,gBAAoB,EAAA;AAAA,EAC7B,MAAM,aAAiB,EAAA;AAAA,EACvB,QAAU,EAAA,YAAA;AAAA,EACV,WAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAY,mBAAuB,EAAA;AAAA,EACnC,aAAa,oBAAwB,EAAA;AAAA,EACrC,qBAAqB,4BAAgC;AACvD,CAAA;;;;"}
1
+ {"version":3,"file":"typedList.mjs","sources":["../../../../src/components/List/typedList.ts"],"sourcesContent":["import type { ListProps } from \"@/components/List/List\";\nimport List from \"@/components/List/List\";\nimport { TypedListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { TypedListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { TypedListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { TypedListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { TypedListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { TypedListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { TypedListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListItemView } from \"@/components/List\";\nimport type { ComponentType } from \"react\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { Table } from \"@/components/List/setupComponents/Table\";\n\nexport const TypedList = <T>() =>\n List as unknown as ComponentType<ListProps<T>>;\n\nexport const typedList = <T>() => ({\n List: TypedList<T>(),\n Filter: TypedListFilter<T>(),\n Search: TypedListSearch<T>(),\n Sorting: TypedListSorting<T>(),\n Item: TypedListItem<T>(),\n ItemView: ListItemView,\n TableHeader: TableHeader<T>,\n TableColumn: TableColumn<T>,\n TableBody: TableBody<T>,\n TableRow: TableRow<T>,\n TableCell: TableCell<T>,\n Table: Table<T>,\n StaticData: TypedListStaticData<T>(),\n LoaderAsync: TypedListLoaderAsync<T>(),\n LoaderAsyncResource: TypedListLoaderAsyncResource<T>(),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,YAAY,MACvB;AAEK,MAAM,YAAY,OAAU;AAAA,EACjC,MAAM,SAAa,EAAA;AAAA,EACnB,QAAQ,eAAmB,EAAA;AAAA,EAC3B,QAAQ,eAAmB,EAAA;AAAA,EAC3B,SAAS,gBAAoB,EAAA;AAAA,EAC7B,MAAM,aAAiB,EAAA;AAAA,EACvB,QAAU,EAAA,YAAA;AAAA,EACV,WAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAY,mBAAuB,EAAA;AAAA,EACnC,aAAa,oBAAwB,EAAA;AAAA,EACrC,qBAAqB,4BAAgC;AACvD,CAAA;;;;"}
package/dist/js/flr-universal.mjs CHANGED
@@ -139,10 +139,10 @@ import './components/Link/context.mjs';
139
139
  import '@react-aria/form';
140
140
  import '@react-stately/form';
141
141
  import './lib/viewComponentContext/viewComponentContext.mjs';
142
+ import './components/List/listContext.mjs';
142
143
  export { ListItemView } from './components/List/components/ListItemView/ListItemView.mjs';
143
144
  export { List } from './components/List/List.mjs';
144
145
  export { typedList } from './components/List/typedList.mjs';
145
- import './components/List/listContext.mjs';
146
146
  import 'react-markdown';
147
147
  export { Modal } from './components/Modal/Modal.mjs';
148
148
  export { ModalTrigger } from './components/Modal/components/ModalTrigger/ModalTrigger.mjs';
package/dist/js/index.mjs CHANGED
@@ -159,19 +159,21 @@ export { LayoutCard } from './components/LayoutCard/LayoutCard.mjs';
159
159
  export { LightBox } from './components/LightBox/LightBox.mjs';
160
160
  export { LightBoxTrigger } from './components/LightBox/components/LightBoxTrigger/LightBoxTrigger.mjs';
161
161
  export { Link } from './components/Link/Link.mjs';
162
- export { ListSummary } from './components/List/components/ListSummary/ListSummary.mjs';
163
- export { ListItemView } from './components/List/components/ListItemView/ListItemView.mjs';
164
- export { ListItemViewContent } from './components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs';
162
+ export { FallbackItems } from './components/List/components/Items/components/FallbackItems/FallbackItems.mjs';
163
+ export { SkeletonView } from './components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs';
165
164
  export { GridList } from './components/List/components/Items/views/GridList/GridList.mjs';
166
165
  export { GridListItem } from './components/List/components/Items/views/GridListItem/GridListItem.mjs';
166
+ export { ListItemView } from './components/List/components/ListItemView/ListItemView.mjs';
167
+ export { ListItemViewContent } from './components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs';
168
+ export { ListSummary } from './components/List/components/ListSummary/ListSummary.mjs';
167
169
  export { EmptyView } from './components/List/views/EmptyView/EmptyView.mjs';
170
+ export { useList } from './components/List/hooks/useList.mjs';
168
171
  export { List } from './components/List/List.mjs';
169
172
  export { TypedList, typedList } from './components/List/typedList.mjs';
170
- export { useList } from './components/List/hooks/useList.mjs';
171
173
  export { ListFilter, TypedListFilter } from './components/List/setupComponents/ListFilter.mjs';
172
- export { ListSorting, TypedListSorting } from './components/List/setupComponents/ListSorting.mjs';
173
174
  export { ListItem, TypedListItem } from './components/List/setupComponents/ListItem.mjs';
174
175
  export { ListLoaderAsync, TypedListLoaderAsync } from './components/List/setupComponents/ListLoaderAsync.mjs';
176
+ export { ListSorting, TypedListSorting } from './components/List/setupComponents/ListSorting.mjs';
175
177
  export { ListStaticData, TypedListStaticData } from './components/List/setupComponents/ListStaticData.mjs';
176
178
  export { LoadingSpinner } from './components/LoadingSpinner/LoadingSpinner.mjs';
177
179
  export { Markdown } from './components/Markdown/Markdown.mjs';
package/dist/js/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/js/views/FallbackItemsView.mjs ADDED
@@ -0,0 +1,35 @@
1
+ "use client"
2
+ /* */
3
+ import { jsx } from 'react/jsx-runtime';
4
+ import { useContext } from 'react';
5
+ import { FallbackItems } from '../components/List/components/Items/components/FallbackItems/FallbackItems.mjs';
6
+ import 'clsx';
7
+ import '../lib/propsContext/propsContext.mjs';
8
+ import '@react-aria/utils';
9
+ import 'remeda';
10
+ import 'dot-prop';
11
+ import 'object-code';
12
+ import 'react-children-utilities';
13
+ import '@mittwald/react-tunnel';
14
+ import '../lib/slotContext/slotContext.mjs';
15
+ import 'react-aria-components';
16
+ import 'invariant';
17
+ import '@tabler/icons-react';
18
+ import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
19
+ import 'react-aria';
20
+ import '@chakra-ui/live-region';
21
+ import 'mobx';
22
+ import '../lib/controller/overlay/context.mjs';
23
+ import '../components/Action/context.mjs';
24
+ import '../components/Action/models/ActionStateContext.mjs';
25
+ import '../components/List/listContext.mjs';
26
+ import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
27
+ import '../components/List/model/List.mjs';
28
+
29
+ const FallbackItemsView = (props) => {
30
+ const View = useContext(viewComponentContext)["FallbackItems"] ?? FallbackItems;
31
+ return /* @__PURE__ */ jsx(View, { ...props });
32
+ };
33
+
34
+ export { FallbackItemsView as default };
35
+ //# sourceMappingURL=FallbackItemsView.mjs.map
package/dist/js/views/FallbackItemsView.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FallbackItemsView.mjs","sources":["../../../src/views/FallbackItemsView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { FallbackItems, type FallbackItemsProps } from \"@/components/List\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst FallbackItemsView: FC<FallbackItemsProps> = (props) => {\n const View =\n useContext(viewComponentContext)[\"FallbackItems\"] ?? FallbackItems;\n return <View {...props} />;\n};\n\nexport default FallbackItemsView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAA,iBAAA,GAA4C,CAAC,KAAU,KAAA;AAC3D,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,eAAe,CAAK,IAAA,aAAA;AACvD,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
package/dist/js/views/ItemsGridListItemView.mjs CHANGED
@@ -2,29 +2,29 @@
2
2
  /* */
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import { useContext } from 'react';
5
- import '@mittwald/react-tunnel';
6
- import '../lib/slotContext/slotContext.mjs';
7
- import '@react-aria/utils';
5
+ import 'clsx';
8
6
  import '../lib/propsContext/propsContext.mjs';
7
+ import '@react-aria/utils';
9
8
  import 'remeda';
10
9
  import 'dot-prop';
11
- import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
12
- import 'react-aria';
13
- import '@tabler/icons-react';
14
- import 'clsx';
10
+ import 'object-code';
11
+ import 'react-children-utilities';
12
+ import '@mittwald/react-tunnel';
13
+ import '../lib/slotContext/slotContext.mjs';
15
14
  import 'react-aria-components';
16
15
  import 'invariant';
16
+ import '@tabler/icons-react';
17
+ import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
18
+ import 'react-aria';
17
19
  import '@chakra-ui/live-region';
20
+ import '../components/List/listContext.mjs';
21
+ import { GridListItem } from '../components/List/components/Items/views/GridListItem/GridListItem.mjs';
18
22
  import 'mobx';
19
23
  import '../lib/controller/overlay/context.mjs';
20
24
  import '../components/Action/context.mjs';
21
25
  import '../components/Action/models/ActionStateContext.mjs';
22
- import { GridListItem } from '../components/List/components/Items/views/GridListItem/GridListItem.mjs';
23
- import '../components/List/listContext.mjs';
24
26
  import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
25
27
  import '../components/List/model/List.mjs';
26
- import 'object-code';
27
- import 'react-children-utilities';
28
28
 
29
29
  const ItemsGridListItemView = (props) => {
30
30
  const View = useContext(viewComponentContext)["ItemsGridListItem"] ?? GridListItem;
package/dist/js/views/ItemsGridListView.mjs CHANGED
@@ -2,29 +2,29 @@
2
2
  /* */
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import { useContext } from 'react';
5
- import '@mittwald/react-tunnel';
6
- import '../lib/slotContext/slotContext.mjs';
7
- import '@react-aria/utils';
5
+ import 'clsx';
8
6
  import '../lib/propsContext/propsContext.mjs';
7
+ import '@react-aria/utils';
9
8
  import 'remeda';
10
9
  import 'dot-prop';
11
- import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
12
- import 'react-aria';
13
- import '@tabler/icons-react';
14
- import 'clsx';
10
+ import 'object-code';
11
+ import 'react-children-utilities';
12
+ import '@mittwald/react-tunnel';
13
+ import '../lib/slotContext/slotContext.mjs';
15
14
  import 'react-aria-components';
16
15
  import 'invariant';
16
+ import '@tabler/icons-react';
17
+ import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
18
+ import 'react-aria';
17
19
  import '@chakra-ui/live-region';
20
+ import '../components/List/listContext.mjs';
21
+ import { GridList } from '../components/List/components/Items/views/GridList/GridList.mjs';
18
22
  import 'mobx';
19
23
  import '../lib/controller/overlay/context.mjs';
20
24
  import '../components/Action/context.mjs';
21
25
  import '../components/Action/models/ActionStateContext.mjs';
22
- import { GridList } from '../components/List/components/Items/views/GridList/GridList.mjs';
23
- import '../components/List/listContext.mjs';
24
26
  import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
25
27
  import '../components/List/model/List.mjs';
26
- import 'object-code';
27
- import 'react-children-utilities';
28
28
 
29
29
  const ItemsGridListView = (props) => {
30
30
  const View = useContext(viewComponentContext)["ItemsGridList"] ?? GridList;