@flipdish/ui-library 0.34.2 → 0.34.3
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.
- package/dist/components/__internal__/popover/ScrollClosingPopover.cjs +26 -0
- package/dist/components/__internal__/popover/ScrollClosingPopover.cjs.map +1 -0
- package/dist/components/__internal__/popover/ScrollClosingPopover.d.ts +7 -0
- package/dist/components/__internal__/popover/ScrollClosingPopover.d.ts.map +1 -0
- package/dist/components/__internal__/popover/ScrollClosingPopover.js +24 -0
- package/dist/components/__internal__/popover/ScrollClosingPopover.js.map +1 -0
- package/dist/components/__internal__/popover/hooks/useCloseOnTriggerScroll.cjs +33 -0
- package/dist/components/__internal__/popover/hooks/useCloseOnTriggerScroll.cjs.map +1 -0
- package/dist/components/__internal__/popover/hooks/useCloseOnTriggerScroll.d.ts +22 -0
- package/dist/components/__internal__/popover/hooks/useCloseOnTriggerScroll.d.ts.map +1 -0
- package/dist/components/__internal__/popover/hooks/useCloseOnTriggerScroll.js +31 -0
- package/dist/components/__internal__/popover/hooks/useCloseOnTriggerScroll.js.map +1 -0
- package/dist/components/molecules/Dropdown/index.cjs +2 -1
- package/dist/components/molecules/Dropdown/index.cjs.map +1 -1
- package/dist/components/molecules/Dropdown/index.js +3 -2
- package/dist/components/molecules/Dropdown/index.js.map +1 -1
- package/dist/components/molecules/Select/components/MultiSelect.cjs +2 -1
- package/dist/components/molecules/Select/components/MultiSelect.cjs.map +1 -1
- package/dist/components/molecules/Select/components/MultiSelect.js +3 -2
- package/dist/components/molecules/Select/components/MultiSelect.js.map +1 -1
- package/dist/components/molecules/Select/components/Popover.cjs +2 -2
- package/dist/components/molecules/Select/components/Popover.cjs.map +1 -1
- package/dist/components/molecules/Select/components/Popover.js +2 -2
- package/dist/components/molecules/Select/components/Popover.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/DateRangePicker.cjs +2 -1
- package/dist/components/organisms/DatePicker/components/DateRangePicker.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/DateRangePicker.d.ts.map +1 -1
- package/dist/components/organisms/DatePicker/components/DateRangePicker.js +3 -2
- package/dist/components/organisms/DatePicker/components/DateRangePicker.js.map +1 -1
- package/dist/components/organisms/DatePicker/index.cjs +2 -1
- package/dist/components/organisms/DatePicker/index.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/index.d.ts.map +1 -1
- package/dist/components/organisms/DatePicker/index.js +3 -2
- package/dist/components/organisms/DatePicker/index.js.map +1 -1
- package/dist/components/organisms/FilterBar/components/FilterDropdownMenu.cjs +2 -1
- package/dist/components/organisms/FilterBar/components/FilterDropdownMenu.cjs.map +1 -1
- package/dist/components/organisms/FilterBar/components/FilterDropdownMenu.d.ts.map +1 -1
- package/dist/components/organisms/FilterBar/components/FilterDropdownMenu.js +3 -2
- package/dist/components/organisms/FilterBar/components/FilterDropdownMenu.js.map +1 -1
- package/dist/utilities/__internal__/scrollUtils/scroll.utils.cjs +23 -0
- package/dist/utilities/__internal__/scrollUtils/scroll.utils.cjs.map +1 -0
- package/dist/utilities/__internal__/scrollUtils/scroll.utils.d.ts +11 -0
- package/dist/utilities/__internal__/scrollUtils/scroll.utils.d.ts.map +1 -0
- package/dist/utilities/__internal__/scrollUtils/scroll.utils.js +21 -0
- package/dist/utilities/__internal__/scrollUtils/scroll.utils.js.map +1 -0
- package/package.json +4 -4
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var utils = require('@react-stately/utils');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var reactAriaComponents = require('react-aria-components');
|
|
7
|
+
var useCloseOnTriggerScroll = require('./hooks/useCloseOnTriggerScroll.cjs');
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* `AriaPopover` that also closes when a scroll container around its trigger scrolls. Every popover
|
|
11
|
+
* this library renders inside a React Aria trigger uses it, so a nested scroller never strands one.
|
|
12
|
+
*/
|
|
13
|
+
const ScrollClosingPopover = (props) => {
|
|
14
|
+
// React Aria swaps to local state when `isOpen` or `defaultOpen` is set, which the trigger context cannot close; own that state instead so the scroll close reaches it.
|
|
15
|
+
const ownsState = props.isOpen != null || props.defaultOpen != null;
|
|
16
|
+
const [isOpen, setOpen] = utils.useControlledState(props.isOpen, props.defaultOpen ?? false, props.onOpenChange);
|
|
17
|
+
const close = React.useCallback(() => setOpen(false), [setOpen]);
|
|
18
|
+
const ownState = React.useMemo(() => ({ isOpen, close }), [isOpen, close]);
|
|
19
|
+
useCloseOnTriggerScroll.useCloseOnTriggerScroll({ triggerRef: props.triggerRef, state: ownsState ? ownState : undefined, slot: props.slot });
|
|
20
|
+
if (!ownsState)
|
|
21
|
+
return jsxRuntime.jsx(reactAriaComponents.Popover, { ...props });
|
|
22
|
+
return jsxRuntime.jsx(reactAriaComponents.Popover, { ...props, isOpen: isOpen, onOpenChange: setOpen });
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
exports.ScrollClosingPopover = ScrollClosingPopover;
|
|
26
|
+
//# sourceMappingURL=ScrollClosingPopover.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollClosingPopover.cjs","sources":["../../../../src/components/__internal__/popover/ScrollClosingPopover.tsx"],"sourcesContent":[null],"names":["useControlledState","useCallback","useMemo","useCloseOnTriggerScroll","_jsx","AriaPopover"],"mappings":";;;;;;;;AAQA;;;AAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,KAAuB,KAAI;;AAE9D,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,IAAI,KAAK,CAAC,WAAW,IAAI,IAAI;IACnE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAGA,wBAAkB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;AAC1G,IAAA,MAAM,KAAK,GAAGC,iBAAW,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAGC,aAAO,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEpEC,+CAAuB,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;AAEpH,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAOC,cAAA,CAACC,2BAAW,EAAA,EAAA,GAAK,KAAK,GAAI;AACjD,IAAA,OAAOD,cAAA,CAACC,2BAAW,EAAA,EAAA,GAAK,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAI;AAC1E;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { PopoverProps as AriaPopoverProps } from 'react-aria-components';
|
|
2
|
+
/**
|
|
3
|
+
* `AriaPopover` that also closes when a scroll container around its trigger scrolls. Every popover
|
|
4
|
+
* this library renders inside a React Aria trigger uses it, so a nested scroller never strands one.
|
|
5
|
+
*/
|
|
6
|
+
export declare const ScrollClosingPopover: (props: AriaPopoverProps) => import("react").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=ScrollClosingPopover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollClosingPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/popover/ScrollClosingPopover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAI9E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,gBAAgB,gCAW3D,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useControlledState } from '@react-stately/utils';
|
|
3
|
+
import { useCallback, useMemo } from 'react';
|
|
4
|
+
import { Popover } from 'react-aria-components';
|
|
5
|
+
import { useCloseOnTriggerScroll } from './hooks/useCloseOnTriggerScroll.js';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* `AriaPopover` that also closes when a scroll container around its trigger scrolls. Every popover
|
|
9
|
+
* this library renders inside a React Aria trigger uses it, so a nested scroller never strands one.
|
|
10
|
+
*/
|
|
11
|
+
const ScrollClosingPopover = (props) => {
|
|
12
|
+
// React Aria swaps to local state when `isOpen` or `defaultOpen` is set, which the trigger context cannot close; own that state instead so the scroll close reaches it.
|
|
13
|
+
const ownsState = props.isOpen != null || props.defaultOpen != null;
|
|
14
|
+
const [isOpen, setOpen] = useControlledState(props.isOpen, props.defaultOpen ?? false, props.onOpenChange);
|
|
15
|
+
const close = useCallback(() => setOpen(false), [setOpen]);
|
|
16
|
+
const ownState = useMemo(() => ({ isOpen, close }), [isOpen, close]);
|
|
17
|
+
useCloseOnTriggerScroll({ triggerRef: props.triggerRef, state: ownsState ? ownState : undefined, slot: props.slot });
|
|
18
|
+
if (!ownsState)
|
|
19
|
+
return jsx(Popover, { ...props });
|
|
20
|
+
return jsx(Popover, { ...props, isOpen: isOpen, onOpenChange: setOpen });
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { ScrollClosingPopover };
|
|
24
|
+
//# sourceMappingURL=ScrollClosingPopover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollClosingPopover.js","sources":["../../../../src/components/__internal__/popover/ScrollClosingPopover.tsx"],"sourcesContent":[null],"names":["_jsx","AriaPopover"],"mappings":";;;;;;AAQA;;;AAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,KAAuB,KAAI;;AAE9D,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,IAAI,KAAK,CAAC,WAAW,IAAI,IAAI;IACnE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;AAC1G,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEpE,uBAAuB,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;AAEpH,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAOA,GAAA,CAACC,OAAW,EAAA,EAAA,GAAK,KAAK,GAAI;AACjD,IAAA,OAAOD,GAAA,CAACC,OAAW,EAAA,EAAA,GAAK,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAI;AAC1E;;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var reactAriaComponents = require('react-aria-components');
|
|
5
|
+
var scroll_utils = require('../../../../utilities/__internal__/scrollUtils/scroll.utils.cjs');
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Closes the enclosing React Aria popover when a scroll container holding its trigger scrolls,
|
|
9
|
+
* the document included. A modal popover only locks the document, so inside a nested scroller it
|
|
10
|
+
* would otherwise stay put while its trigger moves away. Scrolls inside the popover are ignored.
|
|
11
|
+
*
|
|
12
|
+
* Call it from a component rendered inside the trigger (`MenuTrigger`, `Select`, `DatePicker`,
|
|
13
|
+
* `DialogTrigger`), which is where both contexts are provided.
|
|
14
|
+
*
|
|
15
|
+
* @param options Trigger, state and slot overrides, described on `UseCloseOnTriggerScrollOptions`.
|
|
16
|
+
*/
|
|
17
|
+
const useCloseOnTriggerScroll = (options = {}) => {
|
|
18
|
+
const contextState = React.useContext(reactAriaComponents.OverlayTriggerStateContext);
|
|
19
|
+
const popoverContext = reactAriaComponents.useSlottedContext(reactAriaComponents.PopoverContext, options.slot);
|
|
20
|
+
const state = options.state ?? contextState;
|
|
21
|
+
const resolvedTriggerRef = options.triggerRef ?? popoverContext?.triggerRef;
|
|
22
|
+
const isOpen = state?.isOpen ?? false;
|
|
23
|
+
const close = state?.close;
|
|
24
|
+
React.useEffect(() => {
|
|
25
|
+
const trigger = resolvedTriggerRef?.current;
|
|
26
|
+
if (!isOpen || !close || !trigger)
|
|
27
|
+
return;
|
|
28
|
+
return scroll_utils.subscribeToAncestorScroll(trigger, close);
|
|
29
|
+
}, [isOpen, close, resolvedTriggerRef]);
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
exports.useCloseOnTriggerScroll = useCloseOnTriggerScroll;
|
|
33
|
+
//# sourceMappingURL=useCloseOnTriggerScroll.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCloseOnTriggerScroll.cjs","sources":["../../../../../src/components/__internal__/popover/hooks/useCloseOnTriggerScroll.ts"],"sourcesContent":[null],"names":["useContext","OverlayTriggerStateContext","useSlottedContext","PopoverContext","useEffect","subscribeToAncestorScroll"],"mappings":";;;;;;AAeA;;;;;;;;;AASG;MACU,uBAAuB,GAAG,CAAC,OAAA,GAA0C,EAAE,KAAI;AACtF,IAAA,MAAM,YAAY,GAAGA,gBAAU,CAACC,8CAA0B,CAAC;IAC3D,MAAM,cAAc,GAAGC,qCAAiB,CAACC,kCAAc,EAAE,OAAO,CAAC,IAAI,CAAC;AACtE,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,YAAY;IAC3C,MAAM,kBAAkB,GAAG,OAAO,CAAC,UAAU,IAAI,cAAc,EAAE,UAAU;AAC3E,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE,MAAM,IAAI,KAAK;AACrC,IAAA,MAAM,KAAK,GAAG,KAAK,EAAE,KAAK;IAE1BC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,kBAAkB,EAAE,OAAO;AAC3C,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO;YAAE;AACnC,QAAA,OAAOC,sCAAyB,CAAC,OAAO,EAAE,KAAK,CAAC;IAClD,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC;AACzC;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type RefObject } from 'react';
|
|
2
|
+
import { type OverlayTriggerState } from 'react-aria-components';
|
|
3
|
+
export interface UseCloseOnTriggerScrollOptions {
|
|
4
|
+
/** Overrides the trigger from `PopoverContext`, for popovers given their own `triggerRef`. */
|
|
5
|
+
triggerRef?: RefObject<Element | null>;
|
|
6
|
+
/** Overrides the state from `OverlayTriggerStateContext`, for popovers that own their open state via `isOpen` or `defaultOpen`. */
|
|
7
|
+
state?: Pick<OverlayTriggerState, 'isOpen' | 'close'>;
|
|
8
|
+
/** The popover's `slot`, so a `PopoverContext` that only defines named slots resolves instead of throwing. */
|
|
9
|
+
slot?: string | null;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Closes the enclosing React Aria popover when a scroll container holding its trigger scrolls,
|
|
13
|
+
* the document included. A modal popover only locks the document, so inside a nested scroller it
|
|
14
|
+
* would otherwise stay put while its trigger moves away. Scrolls inside the popover are ignored.
|
|
15
|
+
*
|
|
16
|
+
* Call it from a component rendered inside the trigger (`MenuTrigger`, `Select`, `DatePicker`,
|
|
17
|
+
* `DialogTrigger`), which is where both contexts are provided.
|
|
18
|
+
*
|
|
19
|
+
* @param options Trigger, state and slot overrides, described on `UseCloseOnTriggerScrollOptions`.
|
|
20
|
+
*/
|
|
21
|
+
export declare const useCloseOnTriggerScroll: (options?: UseCloseOnTriggerScrollOptions) => void;
|
|
22
|
+
//# sourceMappingURL=useCloseOnTriggerScroll.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCloseOnTriggerScroll.d.ts","sourceRoot":"","sources":["../../../../../src/components/__internal__/popover/hooks/useCloseOnTriggerScroll.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,KAAK,mBAAmB,EAAiE,MAAM,uBAAuB,CAAC;AAGhI,MAAM,WAAW,8BAA8B;IAC7C,8FAA8F;IAC9F,UAAU,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACvC,mIAAmI;IACnI,KAAK,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;IACtD,8GAA8G;IAC9G,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB,GAAI,UAAS,8BAAmC,SAanF,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { useContext, useEffect } from 'react';
|
|
2
|
+
import { OverlayTriggerStateContext, useSlottedContext, PopoverContext } from 'react-aria-components';
|
|
3
|
+
import { subscribeToAncestorScroll } from '../../../../utilities/__internal__/scrollUtils/scroll.utils.js';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Closes the enclosing React Aria popover when a scroll container holding its trigger scrolls,
|
|
7
|
+
* the document included. A modal popover only locks the document, so inside a nested scroller it
|
|
8
|
+
* would otherwise stay put while its trigger moves away. Scrolls inside the popover are ignored.
|
|
9
|
+
*
|
|
10
|
+
* Call it from a component rendered inside the trigger (`MenuTrigger`, `Select`, `DatePicker`,
|
|
11
|
+
* `DialogTrigger`), which is where both contexts are provided.
|
|
12
|
+
*
|
|
13
|
+
* @param options Trigger, state and slot overrides, described on `UseCloseOnTriggerScrollOptions`.
|
|
14
|
+
*/
|
|
15
|
+
const useCloseOnTriggerScroll = (options = {}) => {
|
|
16
|
+
const contextState = useContext(OverlayTriggerStateContext);
|
|
17
|
+
const popoverContext = useSlottedContext(PopoverContext, options.slot);
|
|
18
|
+
const state = options.state ?? contextState;
|
|
19
|
+
const resolvedTriggerRef = options.triggerRef ?? popoverContext?.triggerRef;
|
|
20
|
+
const isOpen = state?.isOpen ?? false;
|
|
21
|
+
const close = state?.close;
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
const trigger = resolvedTriggerRef?.current;
|
|
24
|
+
if (!isOpen || !close || !trigger)
|
|
25
|
+
return;
|
|
26
|
+
return subscribeToAncestorScroll(trigger, close);
|
|
27
|
+
}, [isOpen, close, resolvedTriggerRef]);
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export { useCloseOnTriggerScroll };
|
|
31
|
+
//# sourceMappingURL=useCloseOnTriggerScroll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCloseOnTriggerScroll.js","sources":["../../../../../src/components/__internal__/popover/hooks/useCloseOnTriggerScroll.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAeA;;;;;;;;;AASG;MACU,uBAAuB,GAAG,CAAC,OAAA,GAA0C,EAAE,KAAI;AACtF,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,0BAA0B,CAAC;IAC3D,MAAM,cAAc,GAAG,iBAAiB,CAAC,cAAc,EAAE,OAAO,CAAC,IAAI,CAAC;AACtE,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,YAAY;IAC3C,MAAM,kBAAkB,GAAG,OAAO,CAAC,UAAU,IAAI,cAAc,EAAE,UAAU;AAC3E,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE,MAAM,IAAI,KAAK;AACrC,IAAA,MAAM,KAAK,GAAG,KAAK,EAAE,KAAK;IAE1B,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,kBAAkB,EAAE,OAAO;AAC3C,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO;YAAE;AACnC,QAAA,OAAO,yBAAyB,CAAC,OAAO,EAAE,KAAK,CAAC;IAClD,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC;AACzC;;"}
|
|
@@ -11,6 +11,7 @@ var cx = require('@flipdish/ui-library/utilities/cx');
|
|
|
11
11
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
12
12
|
var React = require('react');
|
|
13
13
|
var reactAriaComponents = require('react-aria-components');
|
|
14
|
+
var ScrollClosingPopover = require('../../__internal__/popover/ScrollClosingPopover.cjs');
|
|
14
15
|
|
|
15
16
|
const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = 'checkmark', 'data-testid': dataTestId, ...props }) => {
|
|
16
17
|
const prefix = testIdUtils.useTestIdPrefix();
|
|
@@ -48,7 +49,7 @@ const DropdownMenu = ({ 'data-testid': dataTestId, ...props }) => {
|
|
|
48
49
|
return (jsxRuntime.jsx(reactAriaComponents.Menu, { ...props, "data-testid": menuTestId, className: (state) => cx.cx('h-min overflow-y-auto py-1 outline-hidden select-none', typeof props.className === 'function' ? props.className(state) : props.className) }));
|
|
49
50
|
};
|
|
50
51
|
const DropdownPopover = (props) => {
|
|
51
|
-
return (jsxRuntime.jsx(
|
|
52
|
+
return (jsxRuntime.jsx(ScrollClosingPopover.ScrollClosingPopover, { placement: "bottom right", ...props, className: (state) => cx.cx('w-62 origin-(--trigger-anchor-point) overflow-auto rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt will-change-transform', state.isEntering &&
|
|
52
53
|
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
|
|
53
54
|
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5', typeof props.className === 'function' ? props.className(state) : props.className), children: props.children }));
|
|
54
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","slugifyTestId","joinTestId","useCallback","_jsx","Check","cx","CheckboxBase","RadioButtonBase","ToggleBase","AriaMenuItem","_jsxs","Avatar","ChevronRight","AriaMenu","
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","slugifyTestId","joinTestId","useCallback","_jsx","Check","cx","CheckboxBase","RadioButtonBase","ToggleBase","AriaMenuItem","_jsxs","Avatar","ChevronRight","AriaMenu","ScrollClosingPopover","AriaSeparator","useResolvedTestId","Button","DotsVertical","TestIdProvider","AriaMenuTrigger","AriaMenuSection","AriaHeader"],"mappings":"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"}
|
|
@@ -8,7 +8,8 @@ import { ToggleBase } from '@flipdish/ui-library/components/atoms/Toggle';
|
|
|
8
8
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
9
9
|
import { useResolvedTestId, useTestIdPrefix, slugifyTestId, joinTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
10
10
|
import { useCallback } from 'react';
|
|
11
|
-
import { Header, MenuSection, Separator, MenuItem, Menu,
|
|
11
|
+
import { Header, MenuSection, Separator, MenuItem, Menu, MenuTrigger } from 'react-aria-components';
|
|
12
|
+
import { ScrollClosingPopover } from '../../__internal__/popover/ScrollClosingPopover.js';
|
|
12
13
|
|
|
13
14
|
const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = 'checkmark', 'data-testid': dataTestId, ...props }) => {
|
|
14
15
|
const prefix = useTestIdPrefix();
|
|
@@ -46,7 +47,7 @@ const DropdownMenu = ({ 'data-testid': dataTestId, ...props }) => {
|
|
|
46
47
|
return (jsx(Menu, { ...props, "data-testid": menuTestId, className: (state) => cx('h-min overflow-y-auto py-1 outline-hidden select-none', typeof props.className === 'function' ? props.className(state) : props.className) }));
|
|
47
48
|
};
|
|
48
49
|
const DropdownPopover = (props) => {
|
|
49
|
-
return (jsx(
|
|
50
|
+
return (jsx(ScrollClosingPopover, { placement: "bottom right", ...props, className: (state) => cx('w-62 origin-(--trigger-anchor-point) overflow-auto rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt will-change-transform', state.isEntering &&
|
|
50
51
|
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
|
|
51
52
|
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5', typeof props.className === 'function' ? props.className(state) : props.className), children: props.children }));
|
|
52
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaMenuItem","_jsxs","AriaMenu","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaMenuItem","_jsxs","AriaMenu","AriaSeparator","AriaMenuTrigger","AriaMenuSection","AriaHeader"],"mappings":";;;;;;;;;;;;;AA8CA,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EAAE,IAAI,EACV,SAAS,EACT,QAAQ,EACR,kBAAkB,GAAG,WAAW,EAChC,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;AAChC,IAAA,MAAM,MAAM,GACV,KAAK,CAAC,EAAE,KAAK;UACT,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AAChC,UAAE,OAAO,KAAK,KAAK;AACjB,cAAE,aAAa,CAAC,KAAK;AACrB,cAAE,OAAO,QAAQ,KAAK;AACpB,kBAAE,aAAa,CAAC,QAAQ;kBACtB,MAAM;IAChB,MAAM,UAAU,GAAG,UAAU,KAAK,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAE,CAAC,GAAG,SAAS,CAAC;AAE5F,IAAA,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAmD,KAAI;AACtD,QAAA,IAAI,kBAAkB,KAAK,WAAW,EAAE;YACtC,QACEA,GAAA,CAAC,KAAK,EAAA,EAAA,aAAA,EACQ,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,CACzH;QAEN;AACA,QAAA,IAAI,kBAAkB,KAAK,UAAU,EAAE;AACrC,YAAA,QACEA,GAAA,CAAC,YAAY,IACX,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EACjD,eAAe,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EACrD,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,CAC1C;QAEN;AACA,QAAA,IAAI,kBAAkB,KAAK,OAAO,EAAE;YAClC,OAAOA,GAAA,CAAC,eAAe,EAAA,EAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI;QACtG;AACA,QAAA,IAAI,kBAAkB,KAAK,QAAQ,EAAE;YACnC,OAAOA,GAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAA,IAAA,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,CAAI;QAChH;AACA,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB;IAED,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAOA,GAAA,CAACC,QAAY,EAAA,EAAC,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAA,aAAA,EAAe,UAAU,EAAA,GAAM,KAAK,GAAI;IAC1F;IAEA,QACED,GAAA,CAACC,QAAY,EAAA,EAAA,GACP,KAAK,EAAA,aAAA,EACI,UAAU,EACvB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,wDAAwD,EACxD,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,QAAA,EAGF,CAAC,KAAK,MACLC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,CAAC,KAAK,CAAC,UAAU,IAAI,8BAA8B,EACnD,KAAK,CAAC,SAAS,IAAI,kBAAkB,EACrC,KAAK,CAAC,cAAc,IAAI,6BAA6B,EACrD,KAAK,CAAC,UAAU,IAAI,QAAQ,CAC7B,EAAA,QAAA,EAAA,CAEA,KAAK,CAAC,aAAa,KAAK,MAAM,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,IAAIF,GAAA,CAAC,kBAAkB,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAC,MAAM,EAAA,CAAG,EAE3G,SAAS,KACRA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAC3DA,GAAA,CAAC,MAAM,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CAClF,CACP,EAEA,IAAI,IAAIA,GAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,yDAAyD,EAAA,CAAG,EAExGA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,KAAK,CAAC,SAAS,IAAI,sBAAsB,CAAC,EAAA,QAAA,EACjH,KAAK,KAAK,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAA,CAClE,EAEN,KAAK,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,EAEhG,KAAK,CAAC,aAAa,KAAK,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,IAAIA,GAAA,CAAC,kBAAkB,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAC,MAAM,EAAA,CAAG,EAE3G,KAAK,CAAC,UAAU,IAAIA,GAAA,CAAC,YAAY,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,4DAA4D,EAAA,CAAG,CAAA,EAAA,CAC3H,CACP,EAAA,CACY;AAEnB,CAAC;AAOD,MAAM,YAAY,GAAG,CAAmB,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAwB,KAAI;AACvG,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;AAChC,IAAA,MAAM,UAAU,GAAG,UAAU,IAAI,MAAM;AAEvC,IAAA,QACEA,GAAA,CAACG,IAAQ,OACH,KAAK,EAAA,aAAA,EACI,UAAU,EACvB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CAAC,uDAAuD,EAAE,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,EAAA,CAE/I;AAEN,CAAC;AAID,MAAM,eAAe,GAAG,CAAC,KAA2B,KAAI;IACtD,QACEH,IAAC,oBAAoB,EAAA,EACnB,SAAS,EAAC,cAAc,EAAA,GACpB,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,oIAAoI,EACpI,KAAK,CAAC,UAAU;YACd,+JAA+J,EACjK,KAAK,CAAC,SAAS;AACb,YAAA,6JAA6J,EAC/J,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,QAAA,EAGF,KAAK,CAAC,QAAQ,EAAA,CACM;AAE3B,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,KAAyB,KAAI;AACtD,IAAA,OAAOA,IAACI,SAAa,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI;AAC7G,CAAC;AAcD,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,GAAG,WAAW,EAAE,IAAI,GAAG,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAA2B,KAAI;AAChI,IAAA,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IAE5H,OAAOJ,GAAA,CAAC,MAAM,EAAA,EAAA,YAAA,EAAY,WAAW,KAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAA,aAAA,EAAe,gBAAgB,EAAA,CAAI;AACzI,CAAC;AAUD,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAqB,KAAI;AAC5F,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AAEvG,IAAA,QACEA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BA,GAAA,CAACK,WAAe,OAAK,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAmB,EAAA,CACzC;AAErB,CAAC;AAED;;;;;;;;AAQG;AACI,MAAM,QAAQ,GAAG;AACtB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAEC,WAAe;AACxB,IAAA,aAAa,EAAEC,MAAU;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,SAAS,EAAE,iBAAiB;AAC5B,IAAA,UAAU,EAAE,kBAAkB;;;"}
|
|
@@ -9,6 +9,7 @@ var cx = require('@flipdish/ui-library/utilities/cx');
|
|
|
9
9
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
10
10
|
var React = require('react');
|
|
11
11
|
var reactAriaComponents = require('react-aria-components');
|
|
12
|
+
var ScrollClosingPopover = require('../../../__internal__/popover/ScrollClosingPopover.cjs');
|
|
12
13
|
var children_utils = require('../../../../utilities/__internal__/childrenUtils/children.utils.cjs');
|
|
13
14
|
var SelectItem = require('./SelectItem.cjs');
|
|
14
15
|
var SelectShared = require('./SelectShared.cjs');
|
|
@@ -83,7 +84,7 @@ const MultiSelectRoot = ({ items, children, size = 'md', selectedKeys, defaultSe
|
|
|
83
84
|
const handleClearSearch = React.useCallback(() => {
|
|
84
85
|
setSearchValue('');
|
|
85
86
|
}, []);
|
|
86
|
-
return (jsxRuntime.jsx(SelectShared.SelectContext.Provider, { value: { size, testIdPrefix: rootTestId }, children: jsxRuntime.jsxs("div", { ref: ref, "data-testid": rootTestId, className: cx.cx('flex flex-col gap-1.5', className), children: [label && (jsxRuntime.jsx(Input.Label, { isRequired: hideRequiredIndicator ? false : isRequired, isInvalid: isInvalid, tooltip: tooltip, children: label })), jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [jsxRuntime.jsx(reactAriaComponents.Button, { ref: triggerRef, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), isDisabled: isDisabled, "aria-label": label ? undefined : ariaLabel, "data-invalid": isInvalid || undefined, "data-required": isRequired || undefined, onClick: onResize, className: (state) => cx.cx('relative flex w-full cursor-pointer items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition duration-100 ease-linear ring-inset', (state.isFocusVisible || state.isPressed) && 'ring-2 ring-brand', state.isDisabled && 'cursor-not-allowed opacity-50'), children: jsxRuntime.jsxs("span", { className: cx.cx('flex w-full items-center truncate text-left', SelectShared.sizes[size].root, '*:data-icon:shrink-0 *:data-icon:text-fg-quaternary'), children: [hasSelection ? (jsxRuntime.jsxs("span", { className: cx.cx('flex items-center', SelectShared.sizes[size].textContainer), children: [jsxRuntime.jsx("span", { className: cx.cx('font-medium text-primary', SelectShared.sizes[size].text), children: selectedCountFormatter ? selectedCountFormatter(selectedCount) : `${selectedCount} selected` }), supportingText && jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', SelectShared.sizes[size].text), children: supportingText })] })) : (jsxRuntime.jsx("span", { className: cx.cx('text-placeholder', SelectShared.sizes[size].text), children: placeholder })), jsxRuntime.jsx(uiIcons.ChevronDown, { "aria-hidden": "true", className: cx.cx('ml-auto shrink-0 text-fg-quaternary', size === 'lg' ? 'size-5' : 'size-4 stroke-[2.25px]') })] }) }), jsxRuntime.jsx(
|
|
87
|
+
return (jsxRuntime.jsx(SelectShared.SelectContext.Provider, { value: { size, testIdPrefix: rootTestId }, children: jsxRuntime.jsxs("div", { ref: ref, "data-testid": rootTestId, className: cx.cx('flex flex-col gap-1.5', className), children: [label && (jsxRuntime.jsx(Input.Label, { isRequired: hideRequiredIndicator ? false : isRequired, isInvalid: isInvalid, tooltip: tooltip, children: label })), jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [jsxRuntime.jsx(reactAriaComponents.Button, { ref: triggerRef, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), isDisabled: isDisabled, "aria-label": label ? undefined : ariaLabel, "data-invalid": isInvalid || undefined, "data-required": isRequired || undefined, onClick: onResize, className: (state) => cx.cx('relative flex w-full cursor-pointer items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition duration-100 ease-linear ring-inset', (state.isFocusVisible || state.isPressed) && 'ring-2 ring-brand', state.isDisabled && 'cursor-not-allowed opacity-50'), children: jsxRuntime.jsxs("span", { className: cx.cx('flex w-full items-center truncate text-left', SelectShared.sizes[size].root, '*:data-icon:shrink-0 *:data-icon:text-fg-quaternary'), children: [hasSelection ? (jsxRuntime.jsxs("span", { className: cx.cx('flex items-center', SelectShared.sizes[size].textContainer), children: [jsxRuntime.jsx("span", { className: cx.cx('font-medium text-primary', SelectShared.sizes[size].text), children: selectedCountFormatter ? selectedCountFormatter(selectedCount) : `${selectedCount} selected` }), supportingText && jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', SelectShared.sizes[size].text), children: supportingText })] })) : (jsxRuntime.jsx("span", { className: cx.cx('text-placeholder', SelectShared.sizes[size].text), children: placeholder })), jsxRuntime.jsx(uiIcons.ChevronDown, { "aria-hidden": "true", className: cx.cx('ml-auto shrink-0 text-fg-quaternary', size === 'lg' ? 'size-5' : 'size-4 stroke-[2.25px]') })] }) }), jsxRuntime.jsx(ScrollClosingPopover.ScrollClosingPopover, { placement: "bottom", offset: 4, containerPadding: 0, style: { width: popoverWidth || undefined }, className: (state) => cx.cx('w-(--trigger-width) origin-(--trigger-anchor-point) overflow-hidden rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt outline-hidden',
|
|
87
88
|
// Only while animating: a resting `will-change: transform` stops iOS WebKit touch-scrolling the nested list.
|
|
88
89
|
(state.isEntering || state.isExiting) && 'will-change-transform', state.isEntering &&
|
|
89
90
|
'duration-150 ease-out animate-in fade-in placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.cjs","sources":["../../../../../src/components/molecules/Select/components/MultiSelect.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","Button","FeaturedIcon","SearchLg","useFilter","useState","useResolvedTestId","useRef","useCallback","flattenChildren","isValidElement","SelectContext","Label","AriaDialogTrigger","AriaButton","joinTestId","sizes","ChevronDown","
|
|
1
|
+
{"version":3,"file":"MultiSelect.cjs","sources":["../../../../../src/components/molecules/Select/components/MultiSelect.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","Button","FeaturedIcon","SearchLg","useFilter","useState","useResolvedTestId","useRef","useCallback","flattenChildren","isValidElement","SelectContext","Label","AriaDialogTrigger","AriaButton","joinTestId","sizes","ChevronDown","ScrollClosingPopover","AriaDialog","AriaAutocomplete","AriaSearchField","AriaInput","AriaListBox","HintText","SelectItem"],"mappings":"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"}
|
|
@@ -6,7 +6,8 @@ import { Label, HintText } from '@flipdish/ui-library/components/atoms/Input';
|
|
|
6
6
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
7
7
|
import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
8
8
|
import { useState, useRef, useCallback, isValidElement } from 'react';
|
|
9
|
-
import { useFilter, DialogTrigger, Button,
|
|
9
|
+
import { useFilter, DialogTrigger, Button, Dialog, Autocomplete, SearchField, Input, ListBox } from 'react-aria-components';
|
|
10
|
+
import { ScrollClosingPopover } from '../../../__internal__/popover/ScrollClosingPopover.js';
|
|
10
11
|
import { flattenChildren } from '../../../../utilities/__internal__/childrenUtils/children.utils.js';
|
|
11
12
|
import { SelectItem } from './SelectItem.js';
|
|
12
13
|
import { SelectContext, sizes } from './SelectShared.js';
|
|
@@ -81,7 +82,7 @@ const MultiSelectRoot = ({ items, children, size = 'md', selectedKeys, defaultSe
|
|
|
81
82
|
const handleClearSearch = useCallback(() => {
|
|
82
83
|
setSearchValue('');
|
|
83
84
|
}, []);
|
|
84
|
-
return (jsx(SelectContext.Provider, { value: { size, testIdPrefix: rootTestId }, children: jsxs("div", { ref: ref, "data-testid": rootTestId, className: cx('flex flex-col gap-1.5', className), children: [label && (jsx(Label, { isRequired: hideRequiredIndicator ? false : isRequired, isInvalid: isInvalid, tooltip: tooltip, children: label })), jsxs(DialogTrigger, { children: [jsx(Button, { ref: triggerRef, "data-testid": joinTestId(rootTestId, 'trigger'), isDisabled: isDisabled, "aria-label": label ? undefined : ariaLabel, "data-invalid": isInvalid || undefined, "data-required": isRequired || undefined, onClick: onResize, className: (state) => cx('relative flex w-full cursor-pointer items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition duration-100 ease-linear ring-inset', (state.isFocusVisible || state.isPressed) && 'ring-2 ring-brand', state.isDisabled && 'cursor-not-allowed opacity-50'), children: jsxs("span", { className: cx('flex w-full items-center truncate text-left', sizes[size].root, '*:data-icon:shrink-0 *:data-icon:text-fg-quaternary'), children: [hasSelection ? (jsxs("span", { className: cx('flex items-center', sizes[size].textContainer), children: [jsx("span", { className: cx('font-medium text-primary', sizes[size].text), children: selectedCountFormatter ? selectedCountFormatter(selectedCount) : `${selectedCount} selected` }), supportingText && jsx("span", { className: cx('text-tertiary', sizes[size].text), children: supportingText })] })) : (jsx("span", { className: cx('text-placeholder', sizes[size].text), children: placeholder })), jsx(ChevronDown, { "aria-hidden": "true", className: cx('ml-auto shrink-0 text-fg-quaternary', size === 'lg' ? 'size-5' : 'size-4 stroke-[2.25px]') })] }) }), jsx(
|
|
85
|
+
return (jsx(SelectContext.Provider, { value: { size, testIdPrefix: rootTestId }, children: jsxs("div", { ref: ref, "data-testid": rootTestId, className: cx('flex flex-col gap-1.5', className), children: [label && (jsx(Label, { isRequired: hideRequiredIndicator ? false : isRequired, isInvalid: isInvalid, tooltip: tooltip, children: label })), jsxs(DialogTrigger, { children: [jsx(Button, { ref: triggerRef, "data-testid": joinTestId(rootTestId, 'trigger'), isDisabled: isDisabled, "aria-label": label ? undefined : ariaLabel, "data-invalid": isInvalid || undefined, "data-required": isRequired || undefined, onClick: onResize, className: (state) => cx('relative flex w-full cursor-pointer items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition duration-100 ease-linear ring-inset', (state.isFocusVisible || state.isPressed) && 'ring-2 ring-brand', state.isDisabled && 'cursor-not-allowed opacity-50'), children: jsxs("span", { className: cx('flex w-full items-center truncate text-left', sizes[size].root, '*:data-icon:shrink-0 *:data-icon:text-fg-quaternary'), children: [hasSelection ? (jsxs("span", { className: cx('flex items-center', sizes[size].textContainer), children: [jsx("span", { className: cx('font-medium text-primary', sizes[size].text), children: selectedCountFormatter ? selectedCountFormatter(selectedCount) : `${selectedCount} selected` }), supportingText && jsx("span", { className: cx('text-tertiary', sizes[size].text), children: supportingText })] })) : (jsx("span", { className: cx('text-placeholder', sizes[size].text), children: placeholder })), jsx(ChevronDown, { "aria-hidden": "true", className: cx('ml-auto shrink-0 text-fg-quaternary', size === 'lg' ? 'size-5' : 'size-4 stroke-[2.25px]') })] }) }), jsx(ScrollClosingPopover, { placement: "bottom", offset: 4, containerPadding: 0, style: { width: popoverWidth || undefined }, className: (state) => cx('w-(--trigger-width) origin-(--trigger-anchor-point) overflow-hidden rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt outline-hidden',
|
|
85
86
|
// Only while animating: a resting `will-change: transform` stops iOS WebKit touch-scrolling the nested list.
|
|
86
87
|
(state.isEntering || state.isExiting) && 'will-change-transform', state.isEntering &&
|
|
87
88
|
'duration-150 ease-out animate-in fade-in placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","sources":["../../../../../src/components/molecules/Select/components/MultiSelect.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","Button","AriaDialogTrigger","AriaButton","
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sources":["../../../../../src/components/molecules/Select/components/MultiSelect.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","Button","AriaDialogTrigger","AriaButton","AriaDialog","AriaAutocomplete","AriaSearchField","AriaInput","AriaListBox"],"mappings":"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"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
|
-
var
|
|
5
|
+
var ScrollClosingPopover = require('../../../__internal__/popover/ScrollClosingPopover.cjs');
|
|
6
6
|
|
|
7
7
|
const Popover = (props) => {
|
|
8
|
-
return (jsxRuntime.jsx(
|
|
8
|
+
return (jsxRuntime.jsx(ScrollClosingPopover.ScrollClosingPopover, { placement: "bottom", containerPadding: 0, offset: 4, ...props, className: (state) => cx.cx('w-(--trigger-width) origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg bg-primary py-1 shadow-lg ring-1 ring-secondary_alt outline-hidden will-change-transform', state.isEntering &&
|
|
9
9
|
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
|
|
10
10
|
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5', props.size === 'sm' && 'max-h-56!', props.size === 'md' && 'max-h-64!', props.size === 'lg' && 'max-h-80!', typeof props.className === 'function' ? props.className(state) : props.className) }));
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.cjs","sources":["../../../../../src/components/molecules/Select/components/Popover.tsx"],"sourcesContent":[null],"names":["_jsx","
|
|
1
|
+
{"version":3,"file":"Popover.cjs","sources":["../../../../../src/components/molecules/Select/components/Popover.tsx"],"sourcesContent":[null],"names":["_jsx","ScrollClosingPopover","cx"],"mappings":";;;;;;AAWO,MAAM,OAAO,GAAG,CAAC,KAAmB,KAAI;AAC7C,IAAA,QACEA,cAAA,CAACC,yCAAoB,EAAA,EACnB,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAE,CAAC,EACnB,MAAM,EAAE,CAAC,EAAA,GACL,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACfC,KAAE,CACA,2LAA2L,EAE3L,KAAK,CAAC,UAAU;YACd,+JAA+J,EACjK,KAAK,CAAC,SAAS;YACb,6JAA6J,EAE/J,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAClC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAClC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAElC,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,CAEH;AAEN;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
3
|
-
import {
|
|
3
|
+
import { ScrollClosingPopover } from '../../../__internal__/popover/ScrollClosingPopover.js';
|
|
4
4
|
|
|
5
5
|
const Popover = (props) => {
|
|
6
|
-
return (jsx(
|
|
6
|
+
return (jsx(ScrollClosingPopover, { placement: "bottom", containerPadding: 0, offset: 4, ...props, className: (state) => cx('w-(--trigger-width) origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg bg-primary py-1 shadow-lg ring-1 ring-secondary_alt outline-hidden will-change-transform', state.isEntering &&
|
|
7
7
|
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
|
|
8
8
|
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5', props.size === 'sm' && 'max-h-56!', props.size === 'md' && 'max-h-64!', props.size === 'lg' && 'max-h-80!', typeof props.className === 'function' ? props.className(state) : props.className) }));
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../../../src/components/molecules/Select/components/Popover.tsx"],"sourcesContent":[null],"names":["_jsx"
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../../../src/components/molecules/Select/components/Popover.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAWO,MAAM,OAAO,GAAG,CAAC,KAAmB,KAAI;AAC7C,IAAA,QACEA,GAAA,CAAC,oBAAoB,EAAA,EACnB,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAE,CAAC,EACnB,MAAM,EAAE,CAAC,EAAA,GACL,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,2LAA2L,EAE3L,KAAK,CAAC,UAAU;YACd,+JAA+J,EACjK,KAAK,CAAC,SAAS;YACb,6JAA6J,EAE/J,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAClC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAClC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAElC,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,CAEH;AAEN;;"}
|
|
@@ -10,6 +10,7 @@ var i18n = require('@react-aria/i18n');
|
|
|
10
10
|
var utils = require('@react-stately/utils');
|
|
11
11
|
var React = require('react');
|
|
12
12
|
var reactAriaComponents = require('react-aria-components');
|
|
13
|
+
var ScrollClosingPopover = require('../../../__internal__/popover/ScrollClosingPopover.cjs');
|
|
13
14
|
var InputDate = require('./InputDate.cjs');
|
|
14
15
|
var RangeCalendar = require('./RangeCalendar.cjs');
|
|
15
16
|
|
|
@@ -82,7 +83,7 @@ const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, on
|
|
|
82
83
|
setFocusedValue(value?.start ?? null);
|
|
83
84
|
}
|
|
84
85
|
onOpenChange?.(isOpen);
|
|
85
|
-
}, "data-testid": rootTestId, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), children: !value ? jsxRuntime.jsx("span", { className: "text-placeholder", children: "Select dates" }) : `${formattedStartDate} – ${formattedEndDate}` }) }), jsxRuntime.jsx(
|
|
86
|
+
}, "data-testid": rootTestId, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), children: !value ? jsxRuntime.jsx("span", { className: "text-placeholder", children: "Select dates" }) : `${formattedStartDate} – ${formattedEndDate}` }) }), jsxRuntime.jsx(ScrollClosingPopover.ScrollClosingPopover, { placement: "bottom right", offset: 8, className: ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
|
|
86
87
|
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
|
|
87
88
|
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(reactAriaComponents.Dialog, { "aria-label": "Date range picker", "data-testid": testIdUtils.joinTestId(rootTestId, 'popover'), className: "flex rounded-2xl bg-primary shadow-xl ring ring-secondary_alt focus:outline-hidden", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden w-38 flex-col gap-0.5 border-r border-solid border-secondary p-3 lg:flex", children: Object.values(presets).map((preset) => (jsxRuntime.jsx(RangeCalendar.RangePresetButton, { value: preset.value, onClick: () => {
|
|
88
89
|
setDraftValue(preset.value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useLocale","useDateFormatter","useControlledState","useState","useMemo","startOfWeek","endOfWeek","startOfMonth","endOfMonth","useResolvedTestId","_jsx","TestIdProvider","_jsxs","AriaDateRangePicker","AriaGroup","Button","CalendarIcon","joinTestId","
|
|
1
|
+
{"version":3,"file":"DateRangePicker.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useLocale","useDateFormatter","useControlledState","useState","useMemo","startOfWeek","endOfWeek","startOfMonth","endOfMonth","useResolvedTestId","_jsx","TestIdProvider","_jsxs","AriaDateRangePicker","AriaGroup","Button","CalendarIcon","joinTestId","ScrollClosingPopover","cx","AriaDialog","_Fragment","RangePresetButton","RangeCalendar","InputDateBase"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAQhF,OAAO,KAAK,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAQhF,OAAO,KAAK,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAUzG,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,CAAC,SAAS,CAAC;IAC/E,sFAAsF;IACtF,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4HAA4H;IAC5H,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,0HAU7B,oBAAoB,gCAyKtB,CAAC"}
|
|
@@ -7,7 +7,8 @@ import { today, getLocalTimeZone, endOfMonth, startOfMonth, endOfWeek, startOfWe
|
|
|
7
7
|
import { useDateFormatter } from '@react-aria/i18n';
|
|
8
8
|
import { useControlledState } from '@react-stately/utils';
|
|
9
9
|
import { useState, useMemo } from 'react';
|
|
10
|
-
import { useLocale, DateRangePicker as DateRangePicker$1, Group,
|
|
10
|
+
import { useLocale, DateRangePicker as DateRangePicker$1, Group, Dialog } from 'react-aria-components';
|
|
11
|
+
import { ScrollClosingPopover } from '../../../__internal__/popover/ScrollClosingPopover.js';
|
|
11
12
|
import { InputDateBase } from './InputDate.js';
|
|
12
13
|
import { RangePresetButton, RangeCalendar } from './RangeCalendar.js';
|
|
13
14
|
|
|
@@ -80,7 +81,7 @@ const DateRangePicker = ({ value: valueProp, defaultValue, onChange, onApply, on
|
|
|
80
81
|
setFocusedValue(value?.start ?? null);
|
|
81
82
|
}
|
|
82
83
|
onOpenChange?.(isOpen);
|
|
83
|
-
}, "data-testid": rootTestId, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, "data-testid": joinTestId(rootTestId, 'trigger'), children: !value ? jsx("span", { className: "text-placeholder", children: "Select dates" }) : `${formattedStartDate} – ${formattedEndDate}` }) }), jsx(
|
|
84
|
+
}, "data-testid": rootTestId, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, "data-testid": joinTestId(rootTestId, 'trigger'), children: !value ? jsx("span", { className: "text-placeholder", children: "Select dates" }) : `${formattedStartDate} – ${formattedEndDate}` }) }), jsx(ScrollClosingPopover, { placement: "bottom right", offset: 8, className: ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
|
|
84
85
|
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
|
|
85
86
|
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(Dialog, { "aria-label": "Date range picker", "data-testid": joinTestId(rootTestId, 'popover'), className: "flex rounded-2xl bg-primary shadow-xl ring ring-secondary_alt focus:outline-hidden", children: ({ close }) => (jsxs(Fragment, { children: [jsx("div", { className: "hidden w-38 flex-col gap-0.5 border-r border-solid border-secondary p-3 lg:flex", children: Object.values(presets).map((preset) => (jsx(RangePresetButton, { value: preset.value, onClick: () => {
|
|
86
87
|
setDraftValue(preset.value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaDateRangePicker","AriaGroup","CalendarIcon","
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sources":["../../../../../src/components/organisms/DatePicker/components/DateRangePicker.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaDateRangePicker","AriaGroup","CalendarIcon","AriaDialog","_Fragment"],"mappings":"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"}
|
|
@@ -10,6 +10,7 @@ var i18n = require('@react-aria/i18n');
|
|
|
10
10
|
var utils = require('@react-stately/utils');
|
|
11
11
|
var React = require('react');
|
|
12
12
|
var reactAriaComponents = require('react-aria-components');
|
|
13
|
+
var ScrollClosingPopover = require('../../__internal__/popover/ScrollClosingPopover.cjs');
|
|
13
14
|
var Calendar = require('./components/Calendar.cjs');
|
|
14
15
|
var DateRangePicker = require('./components/DateRangePicker.cjs');
|
|
15
16
|
var RangeCalendar = require('./components/RangeCalendar.cjs');
|
|
@@ -43,7 +44,7 @@ const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCance
|
|
|
43
44
|
setDraftValue(value);
|
|
44
45
|
}
|
|
45
46
|
onOpenChange?.(isOpen);
|
|
46
|
-
}, "data-testid": rootTestId, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), children: formattedDate }) }), jsxRuntime.jsx(
|
|
47
|
+
}, "data-testid": rootTestId, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), children: formattedDate }) }), jsxRuntime.jsx(ScrollClosingPopover.ScrollClosingPopover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
|
|
47
48
|
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
|
|
48
49
|
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(reactAriaComponents.Dialog, { "aria-label": "Date picker", "data-testid": testIdUtils.joinTestId(rootTestId, 'popover'), className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "flex px-6 py-5", children: jsxRuntime.jsx(Calendar.Calendar, { highlightedDates: highlightedDates }) }), jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsxRuntime.jsx(Button.Button, { size: "md", color: "secondary", "data-testid": testIdUtils.joinTestId(rootTestId, 'cancel'), onClick: () => {
|
|
49
50
|
onCancel?.();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useDateFormatter","useControlledState","useState","useResolvedTestId","_jsx","TestIdProvider","_jsxs","AriaDatePicker","AriaGroup","Button","CalendarIcon","joinTestId","
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useDateFormatter","useControlledState","useState","useResolvedTestId","_jsx","TestIdProvider","_jsxs","AriaDatePicker","AriaGroup","Button","CalendarIcon","joinTestId","ScrollClosingPopover","cx","AriaDialog","_Fragment","Calendar"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAOxF,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAOxF,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAK/F,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIpF,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,SAAS,CAAC;IACrE,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,sHAAsH;IACtH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,0HAUxB,eAAe,gCAgGjB,CAAC"}
|
|
@@ -7,7 +7,8 @@ import { today, getLocalTimeZone } from '@internationalized/date';
|
|
|
7
7
|
import { useDateFormatter } from '@react-aria/i18n';
|
|
8
8
|
import { useControlledState } from '@react-stately/utils';
|
|
9
9
|
import { useState } from 'react';
|
|
10
|
-
import { DatePicker as DatePicker$1, Group,
|
|
10
|
+
import { DatePicker as DatePicker$1, Group, Dialog } from 'react-aria-components';
|
|
11
|
+
import { ScrollClosingPopover } from '../../__internal__/popover/ScrollClosingPopover.js';
|
|
11
12
|
import { Calendar as Calendar$1 } from './components/Calendar.js';
|
|
12
13
|
export { DateRangePicker } from './components/DateRangePicker.js';
|
|
13
14
|
export { RangeCalendar } from './components/RangeCalendar.js';
|
|
@@ -41,7 +42,7 @@ const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCance
|
|
|
41
42
|
setDraftValue(value);
|
|
42
43
|
}
|
|
43
44
|
onOpenChange?.(isOpen);
|
|
44
|
-
}, "data-testid": rootTestId, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, "data-testid": joinTestId(rootTestId, 'trigger'), children: formattedDate }) }), jsx(
|
|
45
|
+
}, "data-testid": rootTestId, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, "data-testid": joinTestId(rootTestId, 'trigger'), children: formattedDate }) }), jsx(ScrollClosingPopover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
|
|
45
46
|
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
|
|
46
47
|
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(Dialog, { "aria-label": "Date picker", "data-testid": joinTestId(rootTestId, 'popover'), className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxs(Fragment, { children: [jsx("div", { className: "flex px-6 py-5", children: jsx(Calendar$1, { highlightedDates: highlightedDates }) }), jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsx(Button, { size: "md", color: "secondary", "data-testid": joinTestId(rootTestId, 'cancel'), onClick: () => {
|
|
47
48
|
onCancel?.();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaDatePicker","AriaGroup","CalendarIcon","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaDatePicker","AriaGroup","CalendarIcon","AriaDialog","_Fragment","Calendar"],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ var Button = require('@flipdish/ui-library/components/atoms/Button');
|
|
|
6
6
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
7
7
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
8
8
|
var reactAriaComponents = require('react-aria-components');
|
|
9
|
+
var ScrollClosingPopover = require('../../../__internal__/popover/ScrollClosingPopover.cjs');
|
|
9
10
|
|
|
10
11
|
const FilterDialog = ({ children, onApply, onClearAll, className }) => {
|
|
11
12
|
const prefix = testIdUtils.useTestIdPrefix();
|
|
@@ -22,7 +23,7 @@ const FilterDropdown = ({ appliedCount, onApply, onClearAll, isDisabled, classNa
|
|
|
22
23
|
const hasApplied = appliedCount != null && appliedCount > 0;
|
|
23
24
|
const prefix = testIdUtils.useTestIdPrefix();
|
|
24
25
|
const triggerTestId = prefix ? testIdUtils.joinTestId(prefix, 'trigger') : undefined;
|
|
25
|
-
return (jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [trigger ?? (jsxRuntime.jsx(Button.Button, { color: "secondary", size: "sm", iconLeading: uiIcons.FilterLines, iconTrailing: uiIcons.ChevronDown, isDisabled: isDisabled, "data-testid": triggerTestId, className: cx.cx('max-h-9', hasApplied && 'bg-primary_hover', className), children: jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: ["Filters", hasApplied && jsxRuntime.jsx(CountBadge, { count: appliedCount })] }) })), jsxRuntime.jsx(
|
|
26
|
+
return (jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [trigger ?? (jsxRuntime.jsx(Button.Button, { color: "secondary", size: "sm", iconLeading: uiIcons.FilterLines, iconTrailing: uiIcons.ChevronDown, isDisabled: isDisabled, "data-testid": triggerTestId, className: cx.cx('max-h-9', hasApplied && 'bg-primary_hover', className), children: jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: ["Filters", hasApplied && jsxRuntime.jsx(CountBadge, { count: appliedCount })] }) })), jsxRuntime.jsx(ScrollClosingPopover.ScrollClosingPopover, { placement: placement, offset: 4, containerPadding: 0, className: (state) => cx.cx('origin-(--trigger-anchor-point) will-change-transform md:w-170', state.isEntering &&
|
|
26
27
|
'duration-150 ease-out animate-in fade-in placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
|
|
27
28
|
'duration-100 ease-in animate-out fade-out placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(FilterDialog, { onApply: onApply, onClearAll: onClearAll, children: children }) })] }));
|
|
28
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdownMenu.cjs","sources":["../../../../../src/components/organisms/FilterBar/components/FilterDropdownMenu.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","joinTestId","_jsx","AriaDialog","cx","_jsxs","_Fragment","Button","AriaDialogTrigger","FilterLines","ChevronDown","
|
|
1
|
+
{"version":3,"file":"FilterDropdownMenu.cjs","sources":["../../../../../src/components/organisms/FilterBar/components/FilterDropdownMenu.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","joinTestId","_jsx","AriaDialog","cx","_jsxs","_Fragment","Button","AriaDialogTrigger","FilterLines","ChevronDown","ScrollClosingPopover"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/FilterBar/components/FilterDropdownMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterDropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/FilterBar/components/FilterDropdownMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,iBAAiB;IAChC,6GAA6G;IAC7G,QAAQ,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oGAAoG;IACpG,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,8CAA8C,iBAAiB,gCAmC3F,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,oGAAoG;IACpG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;IACrD,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,GAAI,sBAAsB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gCASrF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,6FAS5B,mBAAmB,gCA4CrB,CAAC"}
|
|
@@ -3,7 +3,8 @@ import { ChevronDown, FilterLines } from '@flipdish/ui-icons';
|
|
|
3
3
|
import { Button } from '@flipdish/ui-library/components/atoms/Button';
|
|
4
4
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
5
5
|
import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
6
|
-
import { DialogTrigger,
|
|
6
|
+
import { DialogTrigger, Dialog } from 'react-aria-components';
|
|
7
|
+
import { ScrollClosingPopover } from '../../../__internal__/popover/ScrollClosingPopover.js';
|
|
7
8
|
|
|
8
9
|
const FilterDialog = ({ children, onApply, onClearAll, className }) => {
|
|
9
10
|
const prefix = useTestIdPrefix();
|
|
@@ -20,7 +21,7 @@ const FilterDropdown = ({ appliedCount, onApply, onClearAll, isDisabled, classNa
|
|
|
20
21
|
const hasApplied = appliedCount != null && appliedCount > 0;
|
|
21
22
|
const prefix = useTestIdPrefix();
|
|
22
23
|
const triggerTestId = prefix ? joinTestId(prefix, 'trigger') : undefined;
|
|
23
|
-
return (jsxs(DialogTrigger, { children: [trigger ?? (jsx(Button, { color: "secondary", size: "sm", iconLeading: FilterLines, iconTrailing: ChevronDown, isDisabled: isDisabled, "data-testid": triggerTestId, className: cx('max-h-9', hasApplied && 'bg-primary_hover', className), children: jsxs("span", { className: "flex items-center gap-1.5", children: ["Filters", hasApplied && jsx(CountBadge, { count: appliedCount })] }) })), jsx(
|
|
24
|
+
return (jsxs(DialogTrigger, { children: [trigger ?? (jsx(Button, { color: "secondary", size: "sm", iconLeading: FilterLines, iconTrailing: ChevronDown, isDisabled: isDisabled, "data-testid": triggerTestId, className: cx('max-h-9', hasApplied && 'bg-primary_hover', className), children: jsxs("span", { className: "flex items-center gap-1.5", children: ["Filters", hasApplied && jsx(CountBadge, { count: appliedCount })] }) })), jsx(ScrollClosingPopover, { placement: placement, offset: 4, containerPadding: 0, className: (state) => cx('origin-(--trigger-anchor-point) will-change-transform md:w-170', state.isEntering &&
|
|
24
25
|
'duration-150 ease-out animate-in fade-in placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
|
|
25
26
|
'duration-100 ease-in animate-out fade-out placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(FilterDialog, { onApply: onApply, onClearAll: onClearAll, children: children }) })] }));
|
|
26
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdownMenu.js","sources":["../../../../../src/components/organisms/FilterBar/components/FilterDropdownMenu.tsx"],"sourcesContent":[null],"names":["_jsx","AriaDialog","_jsxs","_Fragment","AriaDialogTrigger"
|
|
1
|
+
{"version":3,"file":"FilterDropdownMenu.js","sources":["../../../../../src/components/organisms/FilterBar/components/FilterDropdownMenu.tsx"],"sourcesContent":[null],"names":["_jsx","AriaDialog","_jsxs","_Fragment","AriaDialogTrigger"],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Subscribes to scroll events from any container that holds `target`, the document included, and
|
|
5
|
+
* ignores scrolls elsewhere such as a list inside a popover. Listens in the capture phase because
|
|
6
|
+
* scroll events do not bubble.
|
|
7
|
+
*
|
|
8
|
+
* @param target The element whose scroll ancestors are watched.
|
|
9
|
+
* @param onScroll Called once per qualifying scroll event.
|
|
10
|
+
* @returns Removes the subscription.
|
|
11
|
+
*/
|
|
12
|
+
const subscribeToAncestorScroll = (target, onScroll) => {
|
|
13
|
+
const handleScroll = (event) => {
|
|
14
|
+
if (!(event.target instanceof Node) || !event.target.contains(target))
|
|
15
|
+
return;
|
|
16
|
+
onScroll();
|
|
17
|
+
};
|
|
18
|
+
window.addEventListener('scroll', handleScroll, true);
|
|
19
|
+
return () => window.removeEventListener('scroll', handleScroll, true);
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
exports.subscribeToAncestorScroll = subscribeToAncestorScroll;
|
|
23
|
+
//# sourceMappingURL=scroll.utils.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll.utils.cjs","sources":["../../../../src/utilities/__internal__/scrollUtils/scroll.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;;;;;;AAQG;MACU,yBAAyB,GAAG,CAAC,MAAe,EAAE,QAAoB,KAAkB;AAC/F,IAAA,MAAM,YAAY,GAAG,CAAC,KAAY,KAAI;AACpC,QAAA,IAAI,EAAE,KAAK,CAAC,MAAM,YAAY,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE;AACvE,QAAA,QAAQ,EAAE;AACZ,IAAA,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC;AACrD,IAAA,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC;AACvE;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Subscribes to scroll events from any container that holds `target`, the document included, and
|
|
3
|
+
* ignores scrolls elsewhere such as a list inside a popover. Listens in the capture phase because
|
|
4
|
+
* scroll events do not bubble.
|
|
5
|
+
*
|
|
6
|
+
* @param target The element whose scroll ancestors are watched.
|
|
7
|
+
* @param onScroll Called once per qualifying scroll event.
|
|
8
|
+
* @returns Removes the subscription.
|
|
9
|
+
*/
|
|
10
|
+
export declare const subscribeToAncestorScroll: (target: Element, onScroll: () => void) => (() => void);
|
|
11
|
+
//# sourceMappingURL=scroll.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll.utils.d.ts","sourceRoot":"","sources":["../../../../src/utilities/__internal__/scrollUtils/scroll.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,GAAI,QAAQ,OAAO,EAAE,UAAU,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAQ5F,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Subscribes to scroll events from any container that holds `target`, the document included, and
|
|
3
|
+
* ignores scrolls elsewhere such as a list inside a popover. Listens in the capture phase because
|
|
4
|
+
* scroll events do not bubble.
|
|
5
|
+
*
|
|
6
|
+
* @param target The element whose scroll ancestors are watched.
|
|
7
|
+
* @param onScroll Called once per qualifying scroll event.
|
|
8
|
+
* @returns Removes the subscription.
|
|
9
|
+
*/
|
|
10
|
+
const subscribeToAncestorScroll = (target, onScroll) => {
|
|
11
|
+
const handleScroll = (event) => {
|
|
12
|
+
if (!(event.target instanceof Node) || !event.target.contains(target))
|
|
13
|
+
return;
|
|
14
|
+
onScroll();
|
|
15
|
+
};
|
|
16
|
+
window.addEventListener('scroll', handleScroll, true);
|
|
17
|
+
return () => window.removeEventListener('scroll', handleScroll, true);
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
export { subscribeToAncestorScroll };
|
|
21
|
+
//# sourceMappingURL=scroll.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll.utils.js","sources":["../../../../src/utilities/__internal__/scrollUtils/scroll.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;;AAQG;MACU,yBAAyB,GAAG,CAAC,MAAe,EAAE,QAAoB,KAAkB;AAC/F,IAAA,MAAM,YAAY,GAAG,CAAC,KAAY,KAAI;AACpC,QAAA,IAAI,EAAE,KAAK,CAAC,MAAM,YAAY,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE;AACvE,QAAA,QAAQ,EAAE;AACZ,IAAA,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC;AACrD,IAAA,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC;AACvE;;"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flipdish/ui-library",
|
|
3
|
-
"version": "0.34.
|
|
3
|
+
"version": "0.34.3",
|
|
4
4
|
"description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"imports": {
|
|
7
|
-
"#internal/components/*": "./src/components/__internal__
|
|
8
|
-
"#internal/hooks/*": "./src/hooks/__internal__
|
|
9
|
-
"#internal/utilities/*": "./src/utilities/__internal__
|
|
7
|
+
"#internal/components/*": "./src/components/__internal__/*",
|
|
8
|
+
"#internal/hooks/*": "./src/hooks/__internal__/*",
|
|
9
|
+
"#internal/utilities/*": "./src/utilities/__internal__/*"
|
|
10
10
|
},
|
|
11
11
|
"sideEffects": [
|
|
12
12
|
"*.css"
|