@mittwald/flow-react-components 0.2.0-alpha.1020 → 0.2.0-alpha.1022

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 (16) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/MIGRATION.md +145 -10
  3. package/dist/assets/doc-properties.json +31281 -31273
  4. package/dist/js/packages/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.mjs +2 -4
  5. package/dist/js/packages/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.mjs.map +1 -1
  6. package/dist/js/packages/components/src/components/List/components/Items/components/Item/Item.mjs +2 -8
  7. package/dist/js/packages/components/src/components/List/components/Items/components/Item/Item.mjs.map +1 -1
  8. package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.mjs +13 -0
  9. package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.mjs.map +1 -0
  10. package/dist/types/components/List/components/Items/components/FallbackItems/FallbackItems.d.ts.map +1 -1
  11. package/dist/types/components/List/components/Items/components/Item/Item.d.ts.map +1 -1
  12. package/dist/types/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.d.ts +4 -0
  13. package/dist/types/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.d.ts.map +1 -0
  14. package/dist/types/components/List/stories/Default.stories.d.ts +1 -0
  15. package/dist/types/components/List/stories/Default.stories.d.ts.map +1 -1
  16. package/package.json +9 -9
@@ -3,13 +3,11 @@
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import { ItemContainer } from '../Item/Item.mjs';
5
5
  import { useList } from '../../../../hooks/useList.mjs';
6
- import { cloneElement } from 'react';
7
- import { ListItemSkeletonView } from '../Item/components/ListItemSkeletonView/ListItemSkeletonView.mjs';
6
+ import { ItemLoadingView } from '../Item/components/ItemLoadingView/ItemLoadingView.mjs';
8
7
 
9
8
  const FallbackItems = () => {
10
9
  const list = useList();
11
- const fallback = list.itemView?.loadingView ?? /* @__PURE__ */ jsx(ListItemSkeletonView, { viewMode: list.viewMode.value });
12
- return Array.from(Array(list.loadingItemsCount)).map((_, i) => /* @__PURE__ */ jsx(ItemContainer, { id: i, data: i, children: cloneElement(fallback) }, i));
10
+ return Array.from(Array(list.loadingItemsCount)).map((_, i) => /* @__PURE__ */ jsx(ItemContainer, { id: i, data: i, children: /* @__PURE__ */ jsx(ItemLoadingView, {}) }, i));
13
11
  };
14
12
 
15
13
  export { FallbackItems };
@@ -1 +1 @@
1
- {"version":3,"file":"FallbackItems.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"sourcesContent":["import { 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\";\nimport { ListItemSkeletonView } from \"../Item/components/ListItemSkeletonView/ListItemSkeletonView\";\n\nexport type FallbackItemsProps = unknown;\n\nexport const FallbackItems: FC<FallbackItemsProps> = () => {\n const list = useList();\n const fallback = list.itemView?.loadingView ?? (\n <ListItemSkeletonView viewMode={list.viewMode.value} />\n );\n\n return Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n <ItemContainer id={i} data={i as never} key={i}>\n {cloneElement(fallback)}\n </ItemContainer>\n ));\n};\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,gBAAwC,MAAM;AACzD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAA,GAAW,KAAK,QAAA,EAAU,WAAA,wBAC7B,oBAAA,EAAA,EAAqB,QAAA,EAAU,IAAA,CAAK,QAAA,CAAS,KAAA,EAAO,CAAA;AAGvD,EAAA,OAAO,KAAA,CAAM,KAAK,KAAA,CAAM,IAAA,CAAK,iBAAiB,CAAC,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,sBACvD,GAAA,CAAC,aAAA,EAAA,EAAc,IAAI,CAAA,EAAG,IAAA,EAAM,GACzB,QAAA,EAAA,YAAA,CAAa,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 { ItemContainer } from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\nimport { ItemLoadingView } from \"../Item/components/ItemLoadingView/ItemLoadingView\";\n\nexport type FallbackItemsProps = unknown;\n\nexport const FallbackItems: FC<FallbackItemsProps> = () => {\n const list = useList();\n\n return Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n <ItemContainer id={i} data={i as never} key={i}>\n <ItemLoadingView />\n </ItemContainer>\n ));\n};\n"],"names":[],"mappings":";;;;;AAOO,MAAM,gBAAwC,MAAM;AACzD,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,OAAO,KAAA,CAAM,KAAK,KAAA,CAAM,IAAA,CAAK,iBAAiB,CAAC,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,sBACvD,GAAA,CAAC,aAAA,EAAA,EAAc,IAAI,CAAA,EAAG,IAAA,EAAM,GAC1B,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EAAA,EAD0B,CAE7C,CACD,CAAA;AACH;;;;"}
@@ -7,7 +7,7 @@ import ItemsGridListItemView from '../../../../../../views/ItemsGridListItemView
7
7
  import { mergeRefs } from '@react-aria/utils';
8
8
  import { memo, Suspense } from 'react';
9
9
  import styles from './Item.module.scss.mjs';
10
- import { ListItemSkeletonView } from './components/ListItemSkeletonView/ListItemSkeletonView.mjs';
10
+ import { ItemLoadingView } from './components/ItemLoadingView/ItemLoadingView.mjs';
11
11
 
12
12
  const ItemImpl = (props) => {
13
13
  const { id, data, triggerRef, list, isTile } = props;
@@ -31,13 +31,7 @@ const ItemImpl = (props) => {
31
31
  hasAction,
32
32
  isTile,
33
33
  ...gridItemPropsWithRef,
34
- children: /* @__PURE__ */ jsx(
35
- Suspense,
36
- {
37
- fallback: /* @__PURE__ */ jsx(ListItemSkeletonView, { viewMode: list.viewMode.value }),
38
- children
39
- }
40
- )
34
+ children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(ItemLoadingView, {}), children })
41
35
  }
42
36
  );
43
37
  };
@@ -1 +1 @@
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 type ListModel from \"@/components/List/model/List\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { FC, PropsWithChildren, Ref } from \"react\";\nimport { memo, Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ListItemSkeletonView } from \"./components/ListItemSkeletonView/ListItemSkeletonView\";\n\ninterface Props extends PropsWithChildren {\n id: Key;\n data: never;\n triggerRef?: Ref<HTMLDivElement>;\n list: ListModel<never>;\n isTile: boolean;\n}\n\nconst ItemImpl = (props: Props) => {\n const { id, data, triggerRef, list, isTile } = props;\n\n const itemView = list.itemView;\n\n const { gridItemProps, children } = useGridItemProps(props, list);\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 const existingRef = \"ref\" in gridItemProps ? gridItemProps.ref : undefined;\n const gridItemPropsWithRef = triggerRef\n ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) }\n : gridItemProps;\n\n return (\n <ItemsGridListItemView\n id={id}\n textValue={textValue}\n href={href}\n target={itemView.target}\n hasAction={hasAction}\n isTile={isTile}\n {...gridItemPropsWithRef}\n >\n <Suspense\n fallback={<ListItemSkeletonView viewMode={list.viewMode.value} />}\n >\n {children}\n </Suspense>\n </ItemsGridListItemView>\n );\n};\n\nexport const Item = memo(\n ItemImpl,\n (prev, next) =>\n prev.id === next.id &&\n prev.data === next.data &&\n prev.triggerRef === next.triggerRef &&\n prev.isTile === next.isTile,\n);\nItem.displayName = \"Item\";\n\ninterface ItemContainerProps extends PropsWithChildren {\n id?: Key;\n data?: never;\n}\n\nexport const ItemContainer: FC<ItemContainerProps> = (props) => {\n const list = useList();\n return (\n <ItemsGridListItemView\n textValue=\"-\"\n className={styles.item}\n isTile={list.viewMode.isTiles}\n >\n {props.children}\n </ItemsGridListItemView>\n );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;;AAmBA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAiB;AACjC,EAAA,MAAM,EAAE,EAAA,EAAI,IAAA,EAAM,UAAA,EAAY,IAAA,EAAM,QAAO,GAAI,KAAA;AAE/C,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAA,EAAS,GAAI,gBAAA,CAAiB,OAAO,IAAI,CAAA;AAEhE,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,QAAA,CAAS,SAAA,GAAY,QAAA,CAAS,SAAA,CAAU,IAAI,CAAA,GAAI,MAAA;AAClE,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA,GAAO,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAA,CAAc,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EAAA,MAAM,WAAA,GAAc,KAAA,IAAS,aAAA,GAAgB,aAAA,CAAc,GAAA,GAAM,MAAA;AACjE,EAAA,MAAM,oBAAA,GAAuB,UAAA,GACzB,EAAE,GAAG,aAAA,EAAe,KAAK,SAAA,CAAU,WAAA,EAAa,UAAU,CAAA,EAAE,GAC5D,aAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,QAAA,CAAS,MAAA;AAAA,MACjB,SAAA;AAAA,MACA,MAAA;AAAA,MACC,GAAG,oBAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,0BAAU,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAU,IAAA,CAAK,SAAS,KAAA,EAAO,CAAA;AAAA,UAE9D;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAA;AAEO,MAAM,IAAA,GAAO,IAAA;AAAA,EAClB,QAAA;AAAA,EACA,CAAC,IAAA,EAAM,IAAA,KACL,IAAA,CAAK,EAAA,KAAO,KAAK,EAAA,IACjB,IAAA,CAAK,IAAA,KAAS,IAAA,CAAK,QACnB,IAAA,CAAK,UAAA,KAAe,KAAK,UAAA,IACzB,IAAA,CAAK,WAAW,IAAA,CAAK;AACzB;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAOZ,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,GAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MAErB,QAAA,EAAA,KAAA,CAAM;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 type ListModel from \"@/components/List/model/List\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { FC, PropsWithChildren, Ref } from \"react\";\nimport { memo, Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ItemLoadingView } from \"./components/ItemLoadingView/ItemLoadingView\";\n\ninterface Props extends PropsWithChildren {\n id: Key;\n data: never;\n triggerRef?: Ref<HTMLDivElement>;\n list: ListModel<never>;\n isTile: boolean;\n}\n\nconst ItemImpl = (props: Props) => {\n const { id, data, triggerRef, list, isTile } = props;\n\n const itemView = list.itemView;\n\n const { gridItemProps, children } = useGridItemProps(props, list);\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 const existingRef = \"ref\" in gridItemProps ? gridItemProps.ref : undefined;\n const gridItemPropsWithRef = triggerRef\n ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) }\n : gridItemProps;\n\n return (\n <ItemsGridListItemView\n id={id}\n textValue={textValue}\n href={href}\n target={itemView.target}\n hasAction={hasAction}\n isTile={isTile}\n {...gridItemPropsWithRef}\n >\n <Suspense fallback={<ItemLoadingView />}>{children}</Suspense>\n </ItemsGridListItemView>\n );\n};\n\nexport const Item = memo(\n ItemImpl,\n (prev, next) =>\n prev.id === next.id &&\n prev.data === next.data &&\n prev.triggerRef === next.triggerRef &&\n prev.isTile === next.isTile,\n);\nItem.displayName = \"Item\";\n\ninterface ItemContainerProps extends PropsWithChildren {\n id?: Key;\n data?: never;\n}\n\nexport const ItemContainer: FC<ItemContainerProps> = (props) => {\n const list = useList();\n return (\n <ItemsGridListItemView\n textValue=\"-\"\n className={styles.item}\n isTile={list.viewMode.isTiles}\n >\n {props.children}\n </ItemsGridListItemView>\n );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;;AAmBA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAiB;AACjC,EAAA,MAAM,EAAE,EAAA,EAAI,IAAA,EAAM,UAAA,EAAY,IAAA,EAAM,QAAO,GAAI,KAAA;AAE/C,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAA,EAAS,GAAI,gBAAA,CAAiB,OAAO,IAAI,CAAA;AAEhE,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,QAAA,CAAS,SAAA,GAAY,QAAA,CAAS,SAAA,CAAU,IAAI,CAAA,GAAI,MAAA;AAClE,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA,GAAO,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAA,CAAc,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EAAA,MAAM,WAAA,GAAc,KAAA,IAAS,aAAA,GAAgB,aAAA,CAAc,GAAA,GAAM,MAAA;AACjE,EAAA,MAAM,oBAAA,GAAuB,UAAA,GACzB,EAAE,GAAG,aAAA,EAAe,KAAK,SAAA,CAAU,WAAA,EAAa,UAAU,CAAA,EAAE,GAC5D,aAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,QAAA,CAAS,MAAA;AAAA,MACjB,SAAA;AAAA,MACA,MAAA;AAAA,MACC,GAAG,oBAAA;AAAA,MAEJ,8BAAC,QAAA,EAAA,EAAS,QAAA,kBAAU,GAAA,CAAC,eAAA,EAAA,EAAgB,GAAK,QAAA,EAAS;AAAA;AAAA,GACrD;AAEJ,CAAA;AAEO,MAAM,IAAA,GAAO,IAAA;AAAA,EAClB,QAAA;AAAA,EACA,CAAC,IAAA,EAAM,IAAA,KACL,IAAA,CAAK,EAAA,KAAO,KAAK,EAAA,IACjB,IAAA,CAAK,IAAA,KAAS,IAAA,CAAK,QACnB,IAAA,CAAK,UAAA,KAAe,KAAK,UAAA,IACzB,IAAA,CAAK,WAAW,IAAA,CAAK;AACzB;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAOZ,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,GAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MAErB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,GACT;AAEJ;;;;"}
@@ -0,0 +1,13 @@
1
+ "use client"
2
+ /* */
3
+ import { jsx } from 'react/jsx-runtime';
4
+ import { useList } from '../../../../../../hooks/useList.mjs';
5
+ import { ListItemSkeletonView } from '../ListItemSkeletonView/ListItemSkeletonView.mjs';
6
+
7
+ const ItemLoadingView = () => {
8
+ const list = useList();
9
+ return list.itemView?.loadingView ?? /* @__PURE__ */ jsx(ListItemSkeletonView, { viewMode: list.viewMode.value });
10
+ };
11
+
12
+ export { ItemLoadingView };
13
+ //# sourceMappingURL=ItemLoadingView.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ItemLoadingView.mjs","sources":["../../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\nimport { ListItemSkeletonView } from \"../ListItemSkeletonView/ListItemSkeletonView\";\n\nexport type ItemLoadingViewProps = unknown;\n\nexport const ItemLoadingView: FC<ItemLoadingViewProps> = () => {\n const list = useList();\n\n return (\n list.itemView?.loadingView ?? (\n <ListItemSkeletonView viewMode={list.viewMode.value} />\n )\n );\n};\n"],"names":[],"mappings":";;;;AAMO,MAAM,kBAA4C,MAAM;AAC7D,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,OACE,IAAA,CAAK,UAAU,WAAA,oBACb,GAAA,CAAC,wBAAqB,QAAA,EAAU,IAAA,CAAK,SAAS,KAAA,EAAO,CAAA;AAG3D;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"FallbackItems.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;AAEzC,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAWhD,CAAC"}
1
+ {"version":3,"file":"FallbackItems.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;AAEzC,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAQhD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,SAAS,MAAM,8BAA8B,CAAC;AAG1D,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIjD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,EAAE,EAAE,GAAG,CAAC;IACR,IAAI,EAAE,KAAK,CAAC;IACZ,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;CACjB;AAyCD,eAAO,MAAM,IAAI,8CAvCQ,KAAK,wCA8C7B,CAAC;AAGF,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAWhD,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":"AAEA,OAAO,KAAK,SAAS,MAAM,8BAA8B,CAAC;AAG1D,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIjD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,EAAE,EAAE,GAAG,CAAC;IACR,IAAI,EAAE,KAAK,CAAC;IACZ,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;CACjB;AAqCD,eAAO,MAAM,IAAI,8CAnCQ,KAAK,wCA0C7B,CAAC;AAGF,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAWhD,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ export type ItemLoadingViewProps = unknown;
3
+ export declare const ItemLoadingView: FC<ItemLoadingViewProps>;
4
+ //# sourceMappingURL=ItemLoadingView.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ItemLoadingView.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;AAE3C,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAQpD,CAAC"}
@@ -8,6 +8,7 @@ export declare const WithSummary: Story;
8
8
  export declare const InfiniteScroll: Story;
9
9
  export declare const WithAccordion: Story;
10
10
  export declare const LoadingView: Story;
11
+ export declare const LoadingViewOfSuspendedItems: Story;
11
12
  export declare const WithDateRangeFilter: Story;
12
13
  export declare const EmptyView: Story;
13
14
  export declare const CustomEmptyView: Story;
@@ -1 +1 @@
1
- {"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,IAAI,MAAM,SAAS,CAAC;AA+D3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAoH3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAwCzB,CAAC;AAyBF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KA2CzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC"}
1
+ {"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAgE3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAoH3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAwCzB,CAAC;AAyBF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KA2CzB,CAAC;AA2BF,eAAO,MAAM,2BAA2B,EAAE,KAsBzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.2.0-alpha.1020",
3
+ "version": "0.2.0-alpha.1022",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://flow.mittwald.de",
@@ -74,9 +74,9 @@
74
74
  "@internationalized/string-compiler": "^3.4.1",
75
75
  "@lezer/common": "^1.5.2",
76
76
  "@lezer/highlight": "^1.2.3",
77
- "@mittwald/flow-icons": "0.2.0-alpha.1020",
77
+ "@mittwald/flow-icons": "0.2.0-alpha.1022",
78
78
  "@mittwald/password-tools-js": "3.0.0-alpha.31",
79
- "@mittwald/react-tunnel": "0.2.0-alpha.1020",
79
+ "@mittwald/react-tunnel": "0.2.0-alpha.1022",
80
80
  "@mittwald/react-use-promise": "^4.2.2",
81
81
  "@react-aria/form": "^3.2.1",
82
82
  "@react-aria/i18n": "^3.13.1",
@@ -130,12 +130,12 @@
130
130
  "@internationalized/date": "^3.12.2",
131
131
  "@lezer/generator": "^1.8.0",
132
132
  "@lezer/lr": "^1.4.10",
133
- "@mittwald/flow-core": "0.2.0-alpha.1020",
134
- "@mittwald/flow-design-tokens": "0.2.0-alpha.1020",
135
- "@mittwald/flow-icons-base": "0.2.0-alpha.1020",
133
+ "@mittwald/flow-core": "0.2.0-alpha.1022",
134
+ "@mittwald/flow-design-tokens": "0.2.0-alpha.1022",
135
+ "@mittwald/flow-icons-base": "0.2.0-alpha.1022",
136
136
  "@mittwald/react-use-promise": "^4.2.2",
137
137
  "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
138
- "@mittwald/typescript-config": "0.2.0-alpha.1020",
138
+ "@mittwald/typescript-config": "0.2.0-alpha.1022",
139
139
  "@nx/storybook": "^22.7.6",
140
140
  "@storybook/addon-a11y": "^10.4.6",
141
141
  "@storybook/addon-actions": "^9.0.8",
@@ -188,7 +188,7 @@
188
188
  },
189
189
  "peerDependencies": {
190
190
  "@internationalized/date": "^3.12.2",
191
- "@mittwald/flow-icons-pro": "0.2.0-alpha.1020",
191
+ "@mittwald/flow-icons-pro": "0.2.0-alpha.1022",
192
192
  "@mittwald/react-use-promise": "^4.2.2",
193
193
  "next": "^16.2.3",
194
194
  "react": "^19.2.0",
@@ -209,5 +209,5 @@
209
209
  "optional": true
210
210
  }
211
211
  },
212
- "gitHead": "058d4ffed4fd5279fb7198a4b3acbd8070ff3539"
212
+ "gitHead": "6a929a24a2540a2e0cb4b993a57b8408efc23f8b"
213
213
  }