@alma-oss/spirit-web-react 4.1.0 → 4.2.0

package/components/ScrollView/useScrollCallback.js

@@ -0,0 +1,41 @@
+'use client';
+import { useCallback, useEffect, useRef } from 'react';
+import { Position, isDirectionHorizontal } from "../../constants/index.js";
+import { SCROLL_CANCEL_DELAY } from "./constants.js";
+export const useScrollCallback = ({ viewportRef, direction }) => {
+    const scrollTimeoutRef = useRef(null);
+    useEffect(() => () => {
+        if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+        }
+    }, []);
+    const handleScroll = useCallback((step) => {
+        if (!viewportRef.current) {
+            return;
+        }
+        const isHorizontal = isDirectionHorizontal(direction);
+        const scrollToDirection = isHorizontal ? Position.LEFT : Position.TOP;
+        const currentScrollPosition = isHorizontal ? viewportRef.current.scrollLeft : viewportRef.current.scrollTop;
+        const maxScroll = isHorizontal
+            ? viewportRef.current.scrollWidth - viewportRef.current.clientWidth
+            : viewportRef.current.scrollHeight - viewportRef.current.clientHeight;
+        viewportRef.current.scrollTo({
+            [scrollToDirection]: currentScrollPosition,
+            behavior: 'auto',
+        });
+        if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+        }
+        const targetPosition = Math.max(0, Math.min(currentScrollPosition + step, maxScroll));
+        scrollTimeoutRef.current = setTimeout(() => {
+            if (viewportRef.current) {
+                viewportRef.current.scrollTo({
+                    [scrollToDirection]: targetPosition,
+                    behavior: 'smooth',
+                });
+            }
+        }, SCROLL_CANCEL_DELAY);
+    }, [viewportRef, direction]);
+    return { handleScroll };
+};
+//# sourceMappingURL=useScrollCallback.js.map

package/components/ScrollView/useScrollCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollCallback.js","sourceRoot":"","sources":["../../../src/components/ScrollView/useScrollCallback.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAyB,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAWlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,WAAW,EAAE,SAAS,EAA0B,EAA2B,EAAE;IAC/G,MAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAG7D,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAoC,EAAE,EAAE;QACvC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,qBAAqB,CAAC,SAAS,CAAC,CAAC;QACtD,MAAM,iBAAiB,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;QACtE,MAAM,qBAAqB,GAAG,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC;QAC5G,MAAM,SAAS,GAAG,YAAY;YAC5B,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW;YACnE,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC;QAIxE,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC3B,CAAC,iBAAiB,CAAC,EAAE,qBAAqB;YAC1C,QAAQ,EAAE,MAAM;SACjB,CAAC,CAAC;QAGH,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;QAGD,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,qBAAqB,GAAG,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;QAGtF,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACzC,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBACxB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC;oBAC3B,CAAC,iBAAiB,CAAC,EAAE,cAAc;oBACnC,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,EAAE,mBAAmB,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,WAAW,EAAE,SAAS,CAAC,CACzB,CAAC;IAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AAC1B,CAAC,CAAC"}

package/components/Skeleton/useSkeletonShapeStyleProps.d.ts

@@ -834,17 +834,17 @@ export declare const useSkeletonShapeStyleProps: <T extends ElementType = "div",
         [key: string]: unknown;
         elementType?: T | undefined;
         children?: React.ReactNode | string;
-        theme?: import("../../types").ThemeNameType;
+        theme?: import("../..").ThemeNameType;
         UNSAFE_className?: string;
         UNSAFE_style?: CSSProperties;
-        margin?: import("../../types").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
-        marginTop?: import("../../types").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
-        marginRight?: import("../../types").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
-        marginBottom?: import("../../types").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
-        marginLeft?: import("../../types").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
-        marginX?: import("../../types").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
-        marginY?: import("../../types").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
-        hideOn?: import("../../types").BreakpointToken | import("../../types").BreakpointToken[];
-        hideFrom?: import("../../types").BreakpointToken;
+        margin?: import("../..").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginTop?: import("../..").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginRight?: import("../..").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginBottom?: import("../..").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginLeft?: import("../..").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginX?: import("../..").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginY?: import("../..").SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        hideOn?: import("../..").BreakpointToken | import("../..").BreakpointToken[];
+        hideFrom?: import("../..").BreakpointToken;
     };
 };

package/components/SplitButton/SplitButton.cjs

@@ -1004,6 +1004,8 @@ const VisuallyHidden = (props) => {
 };
 VisuallyHidden.spiritComponent = 'VisuallyHidden';
 
+const UNCONTROLLED_SPLIT_BUTTON_DROPDOWN_TRIGGER_LABEL_DEFAULT = 'More';
+
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -1018,6 +1020,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 const defaultProps = {
     dropdownPlacement: 'bottom-end',
     dropdownTriggerIconName: 'chevron-down',
+    dropdownTriggerLabel: UNCONTROLLED_SPLIT_BUTTON_DROPDOWN_TRIGGER_LABEL_DEFAULT,
 };
 const UncontrolledSplitButton = (props) => {
     const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);