@cloudscape-design/components 3.0.608 → 3.0.609

package/app-layout/utils/use-app-layout-rect.js

@@ -1,24 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
-import { useCallback, useEffect, useState } from 'react';
-export default function useAppLayoutRect(element) {
-    const [offsets, setOffsets] = useState({ left: 0, right: 0, width: Number.POSITIVE_INFINITY });
-    const updatePosition = useCallback(() => {
-        // skip reading sizes in JSDOM
-        if (!element || !document.body.clientWidth) {
-            return;
-        }
-        const { left, right } = element.getBoundingClientRect();
-        const bodyWidth = document.body.clientWidth;
-        setOffsets({ left, right: bodyWidth - right, width: bodyWidth });
-    }, [element]);
-    useEffect(() => {
-        window.addEventListener('resize', updatePosition);
-        return () => window.removeEventListener('resize', updatePosition);
-    }, [updatePosition]);
-    const getElement = useCallback(() => element, [element]);
-    useResizeObserver(getElement, updatePosition);
-    return offsets;
-}
-//# sourceMappingURL=use-app-layout-rect.js.map

package/app-layout/utils/use-app-layout-rect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-app-layout-rect.js","sourceRoot":"","sources":["../../../../src/app-layout/utils/use-app-layout-rect.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQzD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,OAA8B;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAE/F,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,8BAA8B;QAC9B,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE;YAC1C,OAAO;SACR;QACD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QACxD,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;QAE5C,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,iBAAiB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\nimport { useCallback, useEffect, useState } from 'react';\n\ninterface AppLayoutRect {\n  left: number;\n  right: number;\n  width: number;\n}\n\nexport default function useAppLayoutRect(element: HTMLDivElement | null): AppLayoutRect {\n  const [offsets, setOffsets] = useState({ left: 0, right: 0, width: Number.POSITIVE_INFINITY });\n\n  const updatePosition = useCallback(() => {\n    // skip reading sizes in JSDOM\n    if (!element || !document.body.clientWidth) {\n      return;\n    }\n    const { left, right } = element.getBoundingClientRect();\n    const bodyWidth = document.body.clientWidth;\n\n    setOffsets({ left, right: bodyWidth - right, width: bodyWidth });\n  }, [element]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updatePosition);\n    return () => window.removeEventListener('resize', updatePosition);\n  }, [updatePosition]);\n\n  const getElement = useCallback(() => element, [element]);\n  useResizeObserver(getElement, updatePosition);\n\n  return offsets;\n}\n"]}

package/app-layout/utils/use-content-height.d.ts

@@ -1,8 +0,0 @@
-export default function useContentHeight(headerSelector: string, footerSelector: string, disableBodyScroll?: boolean): {
-    headerHeight: number;
-    footerHeight: number;
-    contentHeightStyle: {
-        [x: string]: string;
-    };
-};
-//# sourceMappingURL=use-content-height.d.ts.map

package/app-layout/utils/use-content-height.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-content-height.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/utils/use-content-height.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,OAAO;;;;;;EAsBnH"}

package/app-layout/utils/use-content-height.js

@@ -1,25 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useEffect, useState } from 'react';
-import { useObservedElement } from './use-observed-element';
-export default function useContentHeight(headerSelector, footerSelector, disableBodyScroll) {
-    const headerHeight = useObservedElement(headerSelector);
-    const footerHeight = useObservedElement(footerSelector);
-    const [headerFooterHeight, setHeaderFooterHeight] = useState(0);
-    // Delay applying changes in header/footer height, as applying them immediately can cause
-    // ResizeOberver warnings due to the algorithm thinking that the change might have side-effects
-    // further up the tree, therefore blocking notifications to prevent loops
-    useEffect(() => {
-        const id = requestAnimationFrame(() => setHeaderFooterHeight(headerHeight + footerHeight));
-        return () => cancelAnimationFrame(id);
-    }, [headerHeight, footerHeight]);
-    const heightStyleValue = `calc(100vh - ${headerFooterHeight}px)`;
-    return {
-        headerHeight,
-        footerHeight,
-        contentHeightStyle: {
-            [disableBodyScroll ? 'height' : 'minHeight']: heightStyleValue,
-        },
-    };
-}
-//# sourceMappingURL=use-content-height.js.map

package/app-layout/utils/use-content-height.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-content-height.js","sourceRoot":"","sources":["../../../../src/app-layout/utils/use-content-height.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,cAAsB,EAAE,cAAsB,EAAE,iBAA2B;IAClH,MAAM,YAAY,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACxD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhE,yFAAyF;IACzF,+FAA+F;IAC/F,yEAAyE;IACzE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,qBAAqB,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC;QAC3F,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,MAAM,gBAAgB,GAAG,gBAAgB,kBAAkB,KAAK,CAAC;IAEjE,OAAO;QACL,YAAY;QACZ,YAAY;QACZ,kBAAkB,EAAE;YAClB,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,gBAAgB;SAC/D;KACF,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useState } from 'react';\nimport { useObservedElement } from './use-observed-element';\n\nexport default function useContentHeight(headerSelector: string, footerSelector: string, disableBodyScroll?: boolean) {\n  const headerHeight = useObservedElement(headerSelector);\n  const footerHeight = useObservedElement(footerSelector);\n  const [headerFooterHeight, setHeaderFooterHeight] = useState(0);\n\n  // Delay applying changes in header/footer height, as applying them immediately can cause\n  // ResizeOberver warnings due to the algorithm thinking that the change might have side-effects\n  // further up the tree, therefore blocking notifications to prevent loops\n  useEffect(() => {\n    const id = requestAnimationFrame(() => setHeaderFooterHeight(headerHeight + footerHeight));\n    return () => cancelAnimationFrame(id);\n  }, [headerHeight, footerHeight]);\n\n  const heightStyleValue = `calc(100vh - ${headerFooterHeight}px)`;\n\n  return {\n    headerHeight,\n    footerHeight,\n    contentHeightStyle: {\n      [disableBodyScroll ? 'height' : 'minHeight']: heightStyleValue,\n    },\n  };\n}\n"]}