@charcoal-ui/react 4.4.0 → 4.5.0

package/dist/components/DropdownSelector/Popover/usePreventScroll.d.ts

@@ -1,2 +1,2 @@
-export declare function usePreventScroll(element: HTMLElement | null, isOpen: boolean): void;
+export declare function usePreventScroll(element: HTMLElement | null, isOpen: boolean, useClip?: boolean): void;
 //# sourceMappingURL=usePreventScroll.d.ts.map

package/dist/components/DropdownSelector/Popover/usePreventScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePreventScroll.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Popover/usePreventScroll.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,MAAM,EAAE,OAAO,QAe5E"}
+{"version":3,"file":"usePreventScroll.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Popover/usePreventScroll.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,MAAM,EAAE,OAAO,EACf,OAAO,UAAQ,QAgBhB"}

package/dist/components/Modal/index.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { AriaModalOverlayProps } from '@react-aria/overlays';
 import type { AriaDialogProps } from '@react-types/dialog';
 import { ButtonProps } from '../Button';
 import { IconButtonProps } from '../IconButton';
+import { CharcoalModalOverlayProps } from './useCustomModalOverlay';
 import './index.css';
 export type BottomSheet = boolean | 'full';
 export type Size = 'S' | 'M' | 'L';
-export type ModalProps = AriaModalOverlayProps & AriaDialogProps & {
+export type ModalProps = CharcoalModalOverlayProps & AriaDialogProps & {
     children: React.ReactNode;
     zIndex?: number;
     title: string;
@@ -22,7 +22,9 @@ export type ModalProps = AriaModalOverlayProps & AriaDialogProps & {
      */
     portalContainer?: HTMLElement;
 };
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<AriaModalOverlayProps & AriaDialogProps & {
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("@react-aria/overlays").AriaModalOverlayProps & {
+    overflowClip?: boolean | undefined;
+} & AriaDialogProps & {
     children: React.ReactNode;
     zIndex?: number | undefined;
     title: string;

package/dist/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAW,MAAM,sBAAsB,CAAA;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAS3D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;;;;;;;;;;;IALC;;;OAGG;;;AA8JP,wBAA0B;AAE1B,eAAO,MAAM,YAAY;IACvB;;OAEG;gBACS,MAAM,cAAc,CAAC,WAAW,CAAC;WACtC,MAAM;mBACC,IAAI;iBACL,OAAO;iBACP,WAAW;EAOxB,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,2CAUpE;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,kDAYrE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAI3D,OAAO,EACL,yBAAyB,EAG1B,MAAM,yBAAyB,CAAA;AAEhC,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG,yBAAyB,GAChD,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;;;;;;;;;;;;;IALC;;;OAGG;;;AA8JP,wBAA0B;AAE1B,eAAO,MAAM,YAAY;IACvB;;OAEG;gBACS,MAAM,cAAc,CAAC,WAAW,CAAC;WACtC,MAAM;mBACC,IAAI;iBACL,OAAO;iBACP,WAAW;EAOxB,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,2CAUpE;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,kDAYrE"}

package/dist/components/Modal/useCustomModalOverlay.d.ts

@@ -5,7 +5,10 @@ import { AriaModalOverlayProps, ModalOverlayAria } from '@react-aria/overlays';
  * but `useModalOverlay` (specifically, `useOverlay` within it) detects pointer events on the scrollbar.
  * Therefore, to prevent this issue, we need to override `shouldCloseOnInteractOutside` in `useModalOverlay`.
  */
-export declare function useCharcoalModalOverlay(props: AriaModalOverlayProps, state: {
+export type CharcoalModalOverlayProps = AriaModalOverlayProps & {
+    overflowClip?: boolean;
+};
+export declare function useCharcoalModalOverlay(props: CharcoalModalOverlayProps, state: {
     isOpen: boolean;
     onClose: () => void;
 }, ref: React.RefObject<HTMLElement | null>): ModalOverlayAria;

package/dist/components/Modal/useCustomModalOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useCustomModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAG7B;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,EAC/C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GACvC,gBAAgB,CA4BlB;AAMD,wBAAgB,cAAc,kBAc7B"}
+{"version":3,"file":"useCustomModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useCustomModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAG7B;;;;GAIG;AACH,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AACD,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,yBAAyB,EAChC,KAAK,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,EAC/C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GACvC,gBAAgB,CA6BlB;AAMD,wBAAgB,cAAc,kBAc7B"}

package/dist/index.cjs.js

@@ -870,19 +870,19 @@ var import_overlays2 = require("@react-aria/overlays");
 
 // src/components/DropdownSelector/Popover/usePreventScroll.tsx
 var import_react19 = require("react");
-function usePreventScroll(element, isOpen) {
+function usePreventScroll(element, isOpen, useClip = false) {
   (0, import_react19.useEffect)(() => {
     if (isOpen && element) {
       const defaultPaddingRight = element.style.paddingRight;
       const defaultOverflow = element.style.overflow;
       element.style.paddingRight = `${window.innerWidth - element.clientWidth}px`;
-      element.style.overflow = "hidden";
+      element.style.overflow = useClip ? "clip" : "hidden";
       return () => {
         element.style.paddingRight = defaultPaddingRight;
         element.style.overflow = defaultOverflow;
       };
     }
-  }, [element, isOpen]);
+  }, [element, isOpen, useClip]);
 }
 
 // src/components/Modal/useCustomModalOverlay.tsx
@@ -896,7 +896,7 @@ function useCharcoalModalOverlay(props, state, ref) {
     onClose: state.onClose,
     shouldCloseOnInteractOutside: () => false
   }, ref);
-  usePreventScroll(typeof document !== "undefined" ? document.body : null, state.isOpen);
+  usePreventScroll(typeof document !== "undefined" ? document.body : null, state.isOpen, props.overflowClip);
   (0, import_overlays2.useOverlayFocusContain)();
   React11.useEffect(() => {
     if (state.isOpen && ref.current) {