@mittwald/flow-react-components 1.3.0-next.25 → 1.3.0-next.27

package/dist/types/components/Image/Image.d.ts

@@ -1,8 +1,14 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { ComponentProps } from 'react';
 export interface ImageProps extends Omit<ComponentProps<"img">, "ref">, FlowComponentProps<HTMLImageElement> {
-    /** Display the image with border and rounded edges. */
+    /** Display the image with a border. */
     withBorder?: boolean;
+    /**
+     * Display the image with rounded corners.
+     *
+     * @default true
+     */
+    withRoundedCorners?: boolean;
     /**
      * The aspect ratio of the images container. Larger images will be centered
      * and their overflow will be hidden.

package/dist/types/components/List/hooks/useInfiniteScrollTrigger.d.ts

@@ -0,0 +1,17 @@
+import { RefCallback } from 'react';
+interface InfiniteScrollTrigger {
+    /**
+     * Attach to whatever the view renders for `triggerIndex`. A callback ref, so
+     * the observer follows the trigger as it moves on with every loaded batch — a
+     * ref object would leave the effect without a signal that the element it
+     * observes has been replaced.
+     */
+    triggerRef: RefCallback<HTMLElement>;
+    /**
+     * Index of the item that loads the next batch once it scrolls into view, or
+     * `undefined` while infinite scrolling is off.
+     */
+    triggerIndex: number | undefined;
+}
+export declare const useInfiniteScrollTrigger: () => InfiniteScrollTrigger;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.3.0-next.25",
+  "version": "1.3.0-next.27",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -83,9 +83,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.3.0-next.25",
+    "@mittwald/flow-icons": "^1.3.0-next.27",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.3.0-next.25",
+    "@mittwald/react-tunnel": "^1.3.0-next.27",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -138,12 +138,12 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-core": "1.3.0-next.25",
-    "@mittwald/flow-design-tokens": "1.3.0-next.25",
-    "@mittwald/flow-icons-base": "1.3.0-next.25",
+    "@mittwald/flow-core": "1.3.0-next.27",
+    "@mittwald/flow-design-tokens": "1.3.0-next.27",
+    "@mittwald/flow-icons-base": "1.3.0-next.27",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.3.0-next.25",
+    "@mittwald/typescript-config": "1.3.0-next.27",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -195,7 +195,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.3.0-next.25",
+    "@mittwald/flow-icons-pro": "1.3.0-next.27",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -219,5 +219,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "ee347a2ee20ea60a68bb33cdfdcf6b2fb244c30d"
+  "gitHead": "ee01cfd0c948a38f6023903dfee1ec4453c99135"
 }

package/dist/js/packages/components/src/components/List/components/Items/hooks/useInfiniteScrollTrigger.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInfiniteScrollTrigger.mjs","names":[],"sources":["../../../../../../../../../../src/components/List/components/Items/hooks/useInfiniteScrollTrigger.ts"],"sourcesContent":["import { useEffect, useEffectEvent, type RefObject } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\n\nconst loadMoreThresholdFactor = 0.2;\nconst minLoadMoreThresholdRows = 1;\nconst maxLoadMoreThresholdRows = 8;\n\nexport const getLoadMoreThresholdRows = (batchSize: number): number =>\n  Math.min(\n    maxLoadMoreThresholdRows,\n    Math.max(\n      minLoadMoreThresholdRows,\n      Math.round(batchSize * loadMoreThresholdFactor),\n    ),\n  );\n\nexport const useInfiniteScrollTrigger = (\n  triggerRef: RefObject<HTMLElement | null>,\n): void => {\n  const list = useList();\n  const isLoading = list.loader.useIsLoading();\n  const visibleItemsCount = list.batches.getVisibleItemsCount();\n\n  const loadNextBatch = useEffectEvent(() => {\n    if (list.batches.hasNextBatch() && !isLoading) {\n      list.batches.nextBatch();\n    }\n  });\n\n  useEffect(() => {\n    const trigger = triggerRef.current;\n    if (!trigger) {\n      return;\n    }\n\n    const observer = new IntersectionObserver((entries) => {\n      if (entries.some((entry) => entry.isIntersecting)) {\n        loadNextBatch();\n      }\n    });\n    observer.observe(trigger);\n\n    return () => observer.disconnect();\n  }, [loadNextBatch, triggerRef, visibleItemsCount]);\n};\n"],"mappings":";;;;;AAGA,IAAM,0BAA0B;AAChC,IAAM,2BAA2B;AACjC,IAAM,2BAA2B;AAEjC,IAAa,4BAA4B,cACvC,KAAK,IACH,0BACA,KAAK,IACH,0BACA,KAAK,MAAM,YAAY,uBAAuB,CAChD,CACF;AAEF,IAAa,4BACX,eACS;CACT,MAAM,OAAO,QAAQ;CACrB,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,oBAAoB,KAAK,QAAQ,qBAAqB;CAE5D,MAAM,gBAAgB,qBAAqB;EACzC,IAAI,KAAK,QAAQ,aAAa,KAAK,CAAC,WAClC,KAAK,QAAQ,UAAU;CAE3B,CAAC;CAED,gBAAgB;EACd,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SACH;EAGF,MAAM,WAAW,IAAI,sBAAsB,YAAY;GACrD,IAAI,QAAQ,MAAM,UAAU,MAAM,cAAc,GAC9C,cAAc;EAElB,CAAC;EACD,SAAS,QAAQ,OAAO;EAExB,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAe;EAAY;CAAiB,CAAC;AACnD"}

package/dist/types/components/List/components/Items/hooks/useInfiniteScrollTrigger.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from 'react';
-export declare const getLoadMoreThresholdRows: (batchSize: number) => number;
-export declare const useInfiniteScrollTrigger: (triggerRef: RefObject<HTMLElement | null>) => void;