npm - @oracle/oraclejet-preact - Versions diffs - 17.0.2 → 17.0.3 - Mend

@oracle/oraclejet-preact 17.0.2 → 17.0.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.

Files changed (1019) hide show

package/cjs/RemovableTabBarItem-df8144f5.js CHANGED Viewed

@@ -5,12 +5,12 @@ var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var useHover = require('./useHover-910b8e32.js');
 var Close = require('./Close-2adc0f0f.js');
-var Flex = require('./Flex-fbba4ad6.js');
+var Flex = require('./Flex-6529d995.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
-var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
+var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
 var EmbeddedIconButton = require('./EmbeddedIconButton-cadadca0.js');
 function RemovableTabBarItem({ itemKey, label, icon, badge, metadata, severity, 'aria-controls': ariaControls }) {

package/cjs/{ReorderableTabBar-025a0d71.js → ReorderableTabBar-30351716.js} RENAMED Viewed

@@ -5,12 +5,12 @@ var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var hooks = require('preact/hooks');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var LiveRegion = require('./LiveRegion-1315adeb.js');
-var TabBar = require('./TabBar-e77706d0.js');
+var LiveRegion = require('./LiveRegion-fcb0bb37.js');
+var TabBar = require('./TabBar-87b790cc.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
 var collectionUtils = require('./collectionUtils-1535080e.js');
-require('./LayerHost-46e4d858.js');
+require('./LayerHost-a6007465.js');
 require('preact/compat');
 var useReorderableItem = require('./useReorderableItem-02ed8243.js');
 var UNSAFE_ReorderableTabBar_themes_ReorderableTabBarItemStyles_css = require('./UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css.js');
@@ -78,4 +78,4 @@ function ReorderableTabBar({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLab
 }
 exports.ReorderableTabBar = ReorderableTabBar;
-//# sourceMappingURL=ReorderableTabBar-025a0d71.js.map
+//# sourceMappingURL=ReorderableTabBar-30351716.js.map

package/cjs/{ReorderableTabBar-025a0d71.js.map → ReorderableTabBar-30351716.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReorderableTabBar-~~025a0d71~~.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { useTabBarContext } from '../UNSAFE_TabBar';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string \| number> = ReorderableItemProps<K> & {\n layout: 'stretch' \| 'condense' \| undefined;\n};\n\n/*\n A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n /\nexport function ReorderableTabBarItem<K extends string \| number>({\n children,\n dragKey,\n setDragKey,\n onReorder,\n layout,\n rootRef\n}: ReorderableTabBarItem<K>) {\n const tabBarItemRef = useRef<HTMLDivElement \| null>(null);\n const getItem = useCallback(\n () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n []\n );\n const setTransferData = useCallback(\n (event: DragEvent) => {\n event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n },\n [getItem]\n );\n\n const { currentKey } = useTabBarContext();\n const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n useReorderableItem({\n currentKey: currentKey as K,\n isDisabled: onReorder ? false : true,\n draggable: onReorder ? true : false,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n ref: tabBarItemRef,\n getItem,\n setTransferData,\n itemStyles: styles,\n itemSelector: ITEM_SELECTOR\n });\n\n //instead of specifying flex: '1 0 auto' in style\n const styleInterpolations = mergeInterpolations<FlexitemProps>([\n ...Object.values(flexitemInterpolations)\n ]);\n const flexDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n });\n\n return (\n <div {...rootProps} style={flexDimensions}>\n {children}\n {!isDragged && dragKey && (\n <>\n <div {...overlayZoneBeforeProps}></div>\n <div {...overlayZoneAfterProps}></div>\n </>\n )}\n </div>\n );\n}\n","import { toChildArray } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\n\nexport type ReorderableTabBarProps<K extends string \| number> = Omit<\n TabBarProps<K>,\n 'aria-describedby'\n> &\n ReorderProps<K> &\n TestIdProps;\n\n/\n A component that allows reordering of tabs within a TabBar.\n */\nexport function ReorderableTabBar<K extends string \| number>({\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n onReorder,\n testId\n}: ReorderableTabBarProps<K>) {\n const rootRef = useRef<HTMLDivElement>(null);\n const [dragKey, setDragKey] = useState<K \| undefined>(undefined);\n\n const displayStackProps = {\n display: display\n };\n const displayNonStackProps = {\n display: display,\n size: size\n };\n const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n const {\n reorderProps,\n reorderContext,\n reorderInstructionsId,\n reorderStatus,\n reorderInstructions\n } = useReorderable({\n onReorder,\n rootRef,\n itemSelector: ITEM_SELECTOR\n });\n\n return (\n <div ref={rootRef} {...reorderProps}>\n <ReorderableContext.Provider value={reorderContext}>\n <TabBar\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n layout={layout}\n edge={edge}\n selection={selection}\n onSelect={onSelect}\n onRemove={onRemove}\n testId={testId}\n {...displayProps}\n aria-describedby={reorderInstructionsId}>\n {toChildArray(children).map((child) => {\n return (\n <ReorderableTabBarItem\n dragKey={dragKey}\n setDragKey={setDragKey}\n onReorder={onReorder}\n layout={layout}\n rootRef={rootRef}>\n {child}\n </ReorderableTabBarItem>\n );\n })}\n </TabBar>\n </ReorderableContext.Provider>\n <span id={reorderInstructionsId}>\n <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n </span>\n <LiveRegion>{reorderStatus}</LiveRegion>\n </div>\n );\n}\n"],"names":["useRef","useCallback","getKey","useTabBarContext","useReorderableItem","styles","mergeInterpolations","flexitemInterpolations","_jsxs","_Fragment","_jsx","useState","useReorderable","ReorderableContext","TabBar","toChildArray","HiddenAccessible","LiveRegion"],"mappings":"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"}
1	+ {"version":3,"file":"ReorderableTabBar-30351716.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { useTabBarContext } from '../UNSAFE_TabBar';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string \| number> = ReorderableItemProps<K> & {\n layout: 'stretch' \| 'condense' \| undefined;\n};\n\n/*\n A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n /\nexport function ReorderableTabBarItem<K extends string \| number>({\n children,\n dragKey,\n setDragKey,\n onReorder,\n layout,\n rootRef\n}: ReorderableTabBarItem<K>) {\n const tabBarItemRef = useRef<HTMLDivElement \| null>(null);\n const getItem = useCallback(\n () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n []\n );\n const setTransferData = useCallback(\n (event: DragEvent) => {\n event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n },\n [getItem]\n );\n\n const { currentKey } = useTabBarContext();\n const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n useReorderableItem({\n currentKey: currentKey as K,\n isDisabled: onReorder ? false : true,\n draggable: onReorder ? true : false,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n ref: tabBarItemRef,\n getItem,\n setTransferData,\n itemStyles: styles,\n itemSelector: ITEM_SELECTOR\n });\n\n //instead of specifying flex: '1 0 auto' in style\n const styleInterpolations = mergeInterpolations<FlexitemProps>([\n ...Object.values(flexitemInterpolations)\n ]);\n const flexDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n });\n\n return (\n <div {...rootProps} style={flexDimensions}>\n {children}\n {!isDragged && dragKey && (\n <>\n <div {...overlayZoneBeforeProps}></div>\n <div {...overlayZoneAfterProps}></div>\n </>\n )}\n </div>\n );\n}\n","import { toChildArray } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\n\nexport type ReorderableTabBarProps<K extends string \| number> = Omit<\n TabBarProps<K>,\n 'aria-describedby'\n> &\n ReorderProps<K> &\n TestIdProps;\n\n/\n A component that allows reordering of tabs within a TabBar.\n */\nexport function ReorderableTabBar<K extends string \| number>({\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n onReorder,\n testId\n}: ReorderableTabBarProps<K>) {\n const rootRef = useRef<HTMLDivElement>(null);\n const [dragKey, setDragKey] = useState<K \| undefined>(undefined);\n\n const displayStackProps = {\n display: display\n };\n const displayNonStackProps = {\n display: display,\n size: size\n };\n const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n const {\n reorderProps,\n reorderContext,\n reorderInstructionsId,\n reorderStatus,\n reorderInstructions\n } = useReorderable({\n onReorder,\n rootRef,\n itemSelector: ITEM_SELECTOR\n });\n\n return (\n <div ref={rootRef} {...reorderProps}>\n <ReorderableContext.Provider value={reorderContext}>\n <TabBar\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n layout={layout}\n edge={edge}\n selection={selection}\n onSelect={onSelect}\n onRemove={onRemove}\n testId={testId}\n {...displayProps}\n aria-describedby={reorderInstructionsId}>\n {toChildArray(children).map((child) => {\n return (\n <ReorderableTabBarItem\n dragKey={dragKey}\n setDragKey={setDragKey}\n onReorder={onReorder}\n layout={layout}\n rootRef={rootRef}>\n {child}\n </ReorderableTabBarItem>\n );\n })}\n </TabBar>\n </ReorderableContext.Provider>\n <span id={reorderInstructionsId}>\n <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n </span>\n <LiveRegion>{reorderStatus}</LiveRegion>\n </div>\n );\n}\n"],"names":["useRef","useCallback","getKey","useTabBarContext","useReorderableItem","styles","mergeInterpolations","flexitemInterpolations","_jsxs","_Fragment","_jsx","useState","useReorderable","ReorderableContext","TabBar","toChildArray","HiddenAccessible","LiveRegion"],"mappings":"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"}

package/cjs/RevealToggleIcon-b5738e5e.js CHANGED Viewed

@@ -4,7 +4,7 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var ViewHide = require('./ViewHide-28d21a7a.js');
 var View = require('./View-02f558de.js');
-var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
+var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
 var IconSwitchButton = require('./IconSwitchButton-094ace3a.js');
 /**

package/cjs/SectionalLegend-959d7977.js CHANGED Viewed

@@ -3,16 +3,16 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var useVisEvents = require('./useVisEvents-3d806e47.js');
+var useVisEvents = require('./useVisEvents-b000a96f.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var layoutUtils = require('./layoutUtils-56b6111c.js');
 var useLegendContextMenu = require('./useLegendContextMenu-a10bd2fc.js');
 var useItemFocus = require('./useItemFocus-0c5fbee7.js');
-var Flex = require('./Flex-fbba4ad6.js');
+var Flex = require('./Flex-6529d995.js');
 var UNSAFE_Legend_themes_LegendStyles_css = require('./UNSAFE_Legend/themes/LegendStyles.css.js');
-var useCssVars = require('./useCssVars-4f061513.js');
+var useCssVars = require('./useCssVars-839ce507.js');
 var classNames = require('./classNames-c14c6ef3.js');
-var useTestId = require('./useTestId-8234ec1e.js');
+var useTestId = require('./useTestId-71c3de70.js');
 var useVisTouchResponse = require('./useVisTouchResponse-fb9c4e8f.js');
 var stringUtils = require('./stringUtils-4e4a6b2b.js');

package/cjs/{SectionedContent-0c0f96fb.js → SectionedContent-5e956228.js} RENAMED Viewed

@@ -3,12 +3,12 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Dropdown = require('./Dropdown-820dc3fe.js');
-var Flex = require('./Flex-fbba4ad6.js');
+var Dropdown = require('./Dropdown-7baf2926.js');
+var Flex = require('./Flex-6529d995.js');
 var FocusTrap = require('./FocusTrap-0a03f5a2.js');
 var keyboardUtils = require('./keyboardUtils-f835e1ee.js');
-var useTestId = require('./useTestId-8234ec1e.js');
-var View = require('./View-011404a7.js');
+var useTestId = require('./useTestId-71c3de70.js');
+var View = require('./View-8f49d970.js');
 const DEFAULT_PLACEMENT = 'bottom-start';
 /**
@@ -64,4 +64,4 @@ const SectionedContent = ({ 'aria-label': ariaLabel, contentRef: propRef, gap, f
 exports.SectionedContent = SectionedContent;
 exports.StickyPositioningDropdown = StickyPositioningDropdown;
-//# sourceMappingURL=SectionedContent-0c0f96fb.js.map
+//# sourceMappingURL=SectionedContent-5e956228.js.map

package/cjs/{SectionedContent-0c0f96fb.js.map → SectionedContent-5e956228.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionedContent-~~0c0f96fb~~.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n DropdownProps,\n \| 'anchorRef'\n \| 'children'\n \| 'flipOptions'\n \| 'id'\n \| 'initialFocus'\n \| 'isOpen'\n \| 'minWidth'\n \| 'offset'\n \| 'onClose'\n \| 'onPosition'\n \| 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/\n StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n /\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n\n // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n // initially open in the previous position and then move to the default position on the\n // rerender after the state is updated\n if (!isOpen) {\n setPlacement(DEFAULT_PLACEMENT);\n }\n }\n const handlePosition = useCallback(\n (positionData: PositionData) => {\n // update the placement so that the dropdown stays where it is until there is a collision,\n // i.e. it no longer fits, instead of letting it try to move back to the default position\n // on every render\n setPlacement(positionData.placement);\n\n // call the callback that was passed in through props\n onPosition?.(positionData);\n },\n [onPosition, setPlacement]\n );\n\n return (\n <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n {children}\n </Dropdown>\n );\n};\n\nexport { StickyPositioningDropdown };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n AriaAttributesSignalExcluded,\n HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n /\n An accessible label that describes the content.\n /\n 'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n /\n A ref to the content container.\n /\n contentRef?: RefObject<HTMLDivElement>;\n\n /\n Child content in the footer section.\n /\n footer?: ComponentChildren;\n\n /\n The spacing between the sections.\n /\n gap?: FlexProps['gap'];\n\n /\n True if the tab key should cycle focus within the content.\n * @default false\n /\n hasFocusTrap?: boolean;\n\n /\n Child content in the header section.\n /\n header?: ComponentChildren;\n\n /\n Child content in the main section.\n /\n main?: ComponentChildren;\n\n /\n The padding between the footer or bottom edge and the main content.\n * @default '4x'\n /\n paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n /\n The padding between the header or top edge and the main content.\n * @default '4x'\n /\n paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n /\n The padding between the right edge and the main content.\n * @default '4x'\n /\n paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n /\n The padding between the left edge and the main content.\n * @default '4x'\n /\n paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n /\n The aria role applied to the content container. For example, if the \"launcher\" element\n * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n * it controls an element with a role such as listbox or grid.\n /\n role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/\n The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n 'aria-label': ariaLabel,\n contentRef: propRef,\n gap,\n footer,\n hasFocusTrap = false,\n header,\n main,\n paddingBlockEnd = '4x',\n paddingBlockStart = '4x',\n paddingInlineEnd = '4x',\n paddingInlineStart = '4x',\n role,\n testId\n}: Props) => {\n const testIdProps = useTestId(testId);\n\n const cRef = useRef<HTMLDivElement>(null);\n const contentRef = propRef ?? cRef;\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (event.code === KEYS.TAB) {\n event.stopPropagation();\n }\n }, []);\n\n const sections = (\n <Flex direction=\"column\" gap={gap}>\n {header}\n <View\n paddingBlockEnd={paddingBlockEnd}\n paddingBlockStart={paddingBlockStart}\n paddingInlineEnd={paddingInlineEnd}\n paddingInlineStart={paddingInlineStart}>\n {main}\n </View>\n {footer}\n </Flex>\n );\n\n // Use a FocusTrap around the content if hasFocusTrap is true.\n const childContent = hasFocusTrap ? (\n <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n ) : (\n { sections }\n );\n\n return (\n <div\n aria-label={ariaLabel}\n onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n ref={contentRef}\n role={role}\n {...testIdProps}>\n {childContent}\n </div>\n );\n};\n"],"names":["useState","useCallback","_jsx","Dropdown","useTestId","useRef","KEYS","_jsxs","Flex","View","FocusTrap"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEC,eAACC,iBAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAGJ,iBAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAKK,kBAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,gBAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPN,cAAA,CAACO,SAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BP,cAAA,CAACQ,mBAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACER,cAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;;"}
1	+ {"version":3,"file":"SectionedContent-5e956228.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n DropdownProps,\n \| 'anchorRef'\n \| 'children'\n \| 'flipOptions'\n \| 'id'\n \| 'initialFocus'\n \| 'isOpen'\n \| 'minWidth'\n \| 'offset'\n \| 'onClose'\n \| 'onPosition'\n \| 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/\n StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n /\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n\n // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n // initially open in the previous position and then move to the default position on the\n // rerender after the state is updated\n if (!isOpen) {\n setPlacement(DEFAULT_PLACEMENT);\n }\n }\n const handlePosition = useCallback(\n (positionData: PositionData) => {\n // update the placement so that the dropdown stays where it is until there is a collision,\n // i.e. it no longer fits, instead of letting it try to move back to the default position\n // on every render\n setPlacement(positionData.placement);\n\n // call the callback that was passed in through props\n onPosition?.(positionData);\n },\n [onPosition, setPlacement]\n );\n\n return (\n <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n {children}\n </Dropdown>\n );\n};\n\nexport { StickyPositioningDropdown };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n AriaAttributesSignalExcluded,\n HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n /\n An accessible label that describes the content.\n /\n 'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n /\n A ref to the content container.\n /\n contentRef?: RefObject<HTMLDivElement>;\n\n /\n Child content in the footer section.\n /\n footer?: ComponentChildren;\n\n /\n The spacing between the sections.\n /\n gap?: FlexProps['gap'];\n\n /\n True if the tab key should cycle focus within the content.\n * @default false\n /\n hasFocusTrap?: boolean;\n\n /\n Child content in the header section.\n /\n header?: ComponentChildren;\n\n /\n Child content in the main section.\n /\n main?: ComponentChildren;\n\n /\n The padding between the footer or bottom edge and the main content.\n * @default '4x'\n /\n paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n /\n The padding between the header or top edge and the main content.\n * @default '4x'\n /\n paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n /\n The padding between the right edge and the main content.\n * @default '4x'\n /\n paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n /\n The padding between the left edge and the main content.\n * @default '4x'\n /\n paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n /\n The aria role applied to the content container. For example, if the \"launcher\" element\n * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n * it controls an element with a role such as listbox or grid.\n /\n role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/\n The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n 'aria-label': ariaLabel,\n contentRef: propRef,\n gap,\n footer,\n hasFocusTrap = false,\n header,\n main,\n paddingBlockEnd = '4x',\n paddingBlockStart = '4x',\n paddingInlineEnd = '4x',\n paddingInlineStart = '4x',\n role,\n testId\n}: Props) => {\n const testIdProps = useTestId(testId);\n\n const cRef = useRef<HTMLDivElement>(null);\n const contentRef = propRef ?? cRef;\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (event.code === KEYS.TAB) {\n event.stopPropagation();\n }\n }, []);\n\n const sections = (\n <Flex direction=\"column\" gap={gap}>\n {header}\n <View\n paddingBlockEnd={paddingBlockEnd}\n paddingBlockStart={paddingBlockStart}\n paddingInlineEnd={paddingInlineEnd}\n paddingInlineStart={paddingInlineStart}>\n {main}\n </View>\n {footer}\n </Flex>\n );\n\n // Use a FocusTrap around the content if hasFocusTrap is true.\n const childContent = hasFocusTrap ? (\n <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n ) : (\n { sections }\n );\n\n return (\n <div\n aria-label={ariaLabel}\n onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n ref={contentRef}\n role={role}\n {...testIdProps}>\n {childContent}\n </div>\n );\n};\n"],"names":["useState","useCallback","_jsx","Dropdown","useTestId","useRef","KEYS","_jsxs","Flex","View","FocusTrap"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEC,eAACC,iBAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAGJ,iBAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAKK,kBAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,gBAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPN,cAAA,CAACO,SAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BP,cAAA,CAACQ,mBAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACER,cAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;;"}

package/cjs/SelectMultiple-3af44d48.js CHANGED Viewed

@@ -9,7 +9,7 @@ var TextFieldInput = require('./TextFieldInput-4904c227.js');
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-fb7ffa5e.js');
 var StyledTextField = require('./StyledTextField-351ea57e.js');
-var Flex = require('./Flex-fbba4ad6.js');
+var Flex = require('./Flex-6529d995.js');
 require('./FormContext-9452bd30.js');
 var useFormContext = require('./useFormContext-4c3091dc.js');
 var FormFieldContext = require('./FormFieldContext-8418dc68.js');
@@ -33,8 +33,8 @@ require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./LayerHost-46e4d858.js');
-var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
+require('./LayerHost-a6007465.js');
+var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
@@ -42,10 +42,10 @@ var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-ad3fa8cc.js');
 var CompactUserAssistance = require('./CompactUserAssistance-f88519f9.js');
-require('./useTooltipControlled-706a3651.js');
+require('./useTooltipControlled-a907e06c.js');
 var preact = require('preact');
-require('./Popup-881aae20.js');
+require('./Popup-a793c4a2.js');
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
@@ -64,7 +64,7 @@ var Chip = require('./Chip-a24817e0.js');
 var IconButton = require('./IconButton-94f8ca5c.js');
 var CancelS = require('./CancelS-54815d5d.js');
 var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
-var useUser = require('./useUser-a6d15333.js');
+var useUser = require('./useUser-c8e9a94a.js');
 var keyboardUtils = require('./keyboardUtils-f835e1ee.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var dimensions = require('./dimensions-b48bf1ab.js');
@@ -75,8 +75,8 @@ var Close = require('./Close-2adc0f0f.js');
 var useId = require('./useId-6c0eeb27.js');
 var UNSAFE_SelectMultiple_themes_TextTagStyles_css = require('./UNSAFE_SelectMultiple/themes/TextTagStyles.css.js');
 var UNSAFE_SelectMultiple_themes_TextTagListStyles_css = require('./UNSAFE_SelectMultiple/themes/TextTagListStyles.css.js');
-var LiveRegion = require('./LiveRegion-1315adeb.js');
-var View = require('./View-011404a7.js');
+var LiveRegion = require('./LiveRegion-fcb0bb37.js');
+var View = require('./View-8f49d970.js');
 var UNSAFE_SelectMultiple_themes_MobileDropdownFooterStyles_css = require('./UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css.js');
 var Button = require('./Button-b5af1b23.js');
 var useEffectEvent = require('./useEffectEvent-9bf8acf6.js');

package/cjs/SelectSingle-315c9871.js CHANGED Viewed

@@ -9,7 +9,7 @@ var TextFieldInput = require('./TextFieldInput-4904c227.js');
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-fb7ffa5e.js');
 var StyledTextField = require('./StyledTextField-351ea57e.js');
-require('./Flex-fbba4ad6.js');
+require('./Flex-6529d995.js');
 require('./FormContext-9452bd30.js');
 var useFormContext = require('./useFormContext-4c3091dc.js');
 var FormFieldContext = require('./FormFieldContext-8418dc68.js');
@@ -33,8 +33,8 @@ require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./LayerHost-46e4d858.js');
-var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
+require('./LayerHost-a6007465.js');
+var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
@@ -42,10 +42,10 @@ var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-ad3fa8cc.js');
 var CompactUserAssistance = require('./CompactUserAssistance-f88519f9.js');
-require('./useTooltipControlled-706a3651.js');
+require('./useTooltipControlled-a907e06c.js');
 var preact = require('preact');
-require('./Popup-881aae20.js');
+require('./Popup-a793c4a2.js');
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
@@ -62,8 +62,8 @@ var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
 require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js');
 var TextField = require('./TextField-0f4e945f.js');
-var LiveRegion = require('./LiveRegion-1315adeb.js');
-var View = require('./View-011404a7.js');
+var LiveRegion = require('./LiveRegion-fcb0bb37.js');
+var View = require('./View-8f49d970.js');
 var useEffectEvent = require('./useEffectEvent-9bf8acf6.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var keyboardUtils = require('./keyboardUtils-f835e1ee.js');

package/cjs/{SelectionCard-aa300118.js → SelectionCard-9a4f325f.js} RENAMED Viewed

@@ -8,7 +8,7 @@ var padding = require('./padding-b9ee87ac.js');
 var colors = require('./colors-ac3041c6.js');
 var aria = require('./aria-889aedd0.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var useTestId = require('./useTestId-8234ec1e.js');
+var useTestId = require('./useTestId-71c3de70.js');
 var UNSAFE_SelectionCard_themes_SelectionCardStyles_css = require('./UNSAFE_SelectionCard/themes/SelectionCardStyles.css.js');
 var useHover = require('./useHover-910b8e32.js');
@@ -37,4 +37,4 @@ const SelectionCard = ({ children, isSelected = false, testId, ...rest }) => {
 };
 exports.SelectionCard = SelectionCard;
-//# sourceMappingURL=SelectionCard-aa300118.js.map
+//# sourceMappingURL=SelectionCard-9a4f325f.js.map

package/cjs/{SelectionCard-aa300118.js.map → SelectionCard-9a4f325f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionCard-~~aa300118~~.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { PaddingProps, paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport { ColorProps, colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n baseStyle,\n hoverStyle,\n selectedStyle,\n selectedHoverStyle\n} from './themes/SelectionCardStyles.css';\nimport { useHover } from '../hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n\n /\n This flag marks this card as selected within a collection.\n /\n isSelected?: boolean;\n };\n\nconst interpolations = [\n ...Object.values(dimensionInterpolations),\n ...Object.values(colorInterpolations),\n ...Object.values(ariaInterpolations),\n ...Object.values(paddingInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/\n A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n const { hoverProps, isHover } = useHover();\n\n const { class: mergedClasses, ...mergedStyles } = mergedInterpolations(rest);\n const selectionStyles = classNames([\n baseStyle,\n mergedClasses,\n isHover && hoverStyle,\n isSelected && (isHover ? selectedHoverStyle : selectedStyle)\n ]);\n const testIdProps = useTestId(testId);\n return (\n <div\n role=\"region\"\n {...hoverProps}\n class={selectionStyles}\n style={mergedStyles}\n {...testIdProps}>\n {children}\n </div>\n );\n};\n"],"names":["dimensionInterpolations","colorInterpolations","ariaInterpolations","paddingInterpolations","mergeInterpolations","useHover","classNames","baseStyle","hoverStyle","selectedHoverStyle","selectedStyle","useTestId","_jsx"],"mappings":";;;;;;;;;;;;;;AAmCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAACA,kCAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,0BAAmB,CAAC;AACrC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,uBAAkB,CAAC;AACpC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,6BAAqB,CAAC;CACxC,CAAC;AAEF,MAAM,oBAAoB,GAAGC,uCAAmB,CAAQ,cAAc,CAAC,CAAC;AAExE;;;AAGG;AACU,MAAA,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAS,KAAI;IACxF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,iBAAQ,EAAE,CAAC;AAE3C,IAAA,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,eAAe,GAAGC,qBAAU,CAAC;QACjCC,6DAAS;QACT,aAAa;AACb,QAAA,OAAO,IAAIC,8DAAU;QACrB,UAAU,KAAK,OAAO,GAAGC,sEAAkB,GAAGC,iEAAa,CAAC;AAC7D,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;IACtC,QACEC,wBACE,IAAI,EAAC,QAAQ,EACT,GAAA,UAAU,EACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,YAAY,EAAA,GACf,WAAW,EACd,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"SelectionCard-9a4f325f.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { PaddingProps, paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport { ColorProps, colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n baseStyle,\n hoverStyle,\n selectedStyle,\n selectedHoverStyle\n} from './themes/SelectionCardStyles.css';\nimport { useHover } from '../hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n\n /\n This flag marks this card as selected within a collection.\n /\n isSelected?: boolean;\n };\n\nconst interpolations = [\n ...Object.values(dimensionInterpolations),\n ...Object.values(colorInterpolations),\n ...Object.values(ariaInterpolations),\n ...Object.values(paddingInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/\n A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n const { hoverProps, isHover } = useHover();\n\n const { class: mergedClasses, ...mergedStyles } = mergedInterpolations(rest);\n const selectionStyles = classNames([\n baseStyle,\n mergedClasses,\n isHover && hoverStyle,\n isSelected && (isHover ? selectedHoverStyle : selectedStyle)\n ]);\n const testIdProps = useTestId(testId);\n return (\n <div\n role=\"region\"\n {...hoverProps}\n class={selectionStyles}\n style={mergedStyles}\n {...testIdProps}>\n {children}\n </div>\n );\n};\n"],"names":["dimensionInterpolations","colorInterpolations","ariaInterpolations","paddingInterpolations","mergeInterpolations","useHover","classNames","baseStyle","hoverStyle","selectedHoverStyle","selectedStyle","useTestId","_jsx"],"mappings":";;;;;;;;;;;;;;AAmCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAACA,kCAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,0BAAmB,CAAC;AACrC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,uBAAkB,CAAC;AACpC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,6BAAqB,CAAC;CACxC,CAAC;AAEF,MAAM,oBAAoB,GAAGC,uCAAmB,CAAQ,cAAc,CAAC,CAAC;AAExE;;;AAGG;AACU,MAAA,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAS,KAAI;IACxF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,iBAAQ,EAAE,CAAC;AAE3C,IAAA,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,eAAe,GAAGC,qBAAU,CAAC;QACjCC,6DAAS;QACT,aAAa;AACb,QAAA,OAAO,IAAIC,8DAAU;QACrB,UAAU,KAAK,OAAO,GAAGC,sEAAkB,GAAGC,iEAAa,CAAC;AAC7D,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;IACtC,QACEC,wBACE,IAAI,EAAC,QAAQ,EACT,GAAA,UAAU,EACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,YAAY,EAAA,GACf,WAAW,EACd,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}

package/cjs/Selector-cc35dbb1.js CHANGED Viewed

@@ -8,7 +8,7 @@ var UNSAFE_Selector_themes_SelectorStyles_css = require('./UNSAFE_Selector/theme
 var StyledCheckbox = require('./StyledCheckbox-7576d44a.js');
 var useActive = require('./useActive-b15c9e7e.js');
 var useFocus = require('./useFocus-1b288fb9.js');
-var useTestId = require('./useTestId-8234ec1e.js');
+var useTestId = require('./useTestId-71c3de70.js');
 var useHover = require('./useHover-910b8e32.js');
 /**

package/cjs/SelectorAll-d8d3cb7b.js CHANGED Viewed

@@ -3,17 +3,17 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Flex = require('./Flex-fbba4ad6.js');
+var Flex = require('./Flex-6529d995.js');
 var usePress = require('./usePress-00deca01.js');
 var UNSAFE_Selector_themes_SelectorStyles_css = require('./UNSAFE_Selector/themes/SelectorStyles.css.js');
 var StyledCheckbox = require('./StyledCheckbox-7576d44a.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var useActive = require('./useActive-b15c9e7e.js');
 var useFocus = require('./useFocus-1b288fb9.js');
-var useTestId = require('./useTestId-8234ec1e.js');
-var useTooltip = require('./useTooltip-468c1c92.js');
-require('./useTooltipControlled-706a3651.js');
-var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
+var useTestId = require('./useTestId-71c3de70.js');
+var useTooltip = require('./useTooltip-29b90247.js');
+require('./useTooltipControlled-a907e06c.js');
+var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
 var useHover = require('./useHover-910b8e32.js');
 /**

package/cjs/{Sheet-a6267b5f.js → Sheet-c3a675fc.js} RENAMED Viewed

@@ -3,8 +3,8 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Modal = require('./Modal-52fa4530.js');
-var WindowOverlay = require('./WindowOverlay-d255542f.js');
+var Modal = require('./Modal-fd178291.js');
+var WindowOverlay = require('./WindowOverlay-bb51c0ee.js');
 var tabbableUtils = require('./tabbableUtils-b49673af.js');
 var UNSAFE_Sheet_themes_SheetStyles_css = require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
 var refUtils = require('./refUtils-915b985d.js');
@@ -158,4 +158,4 @@ const TOP_OFFSET = 96;
 exports.Sheet = Sheet;
 exports.useSheetSwipe = useSheetSwipe;
-//# sourceMappingURL=Sheet-a6267b5f.js.map
+//# sourceMappingURL=Sheet-c3a675fc.js.map

package/cjs/{Sheet-a6267b5f.js.map → Sheet-c3a675fc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sheet-a6267b5f.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/\n threshold: Minimal threshold required before recognizing\n tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n This allows the swipe gesture to be triggered more easily since a User might not move their finger\n in a straight line.\n/\ntype SwipeOptions = {\n threshold?: number;\n maximumTime?: number;\n tolerance?: number;\n isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n direction: 'down';\n};\n\ntype SwipeState = {\n pointerDownId: number \| null;\n startTime: number \| null;\n prevpageX: number;\n prevpageY: number;\n elementScrollTop: number;\n};\n/This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n/\nexport function useSheetSwipe(\n onSwipe: (e: SwipeInfo) => void,\n { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n threshold: 10,\n maximumTime: 300,\n tolerance: 50,\n isDisabled: false\n }\n): { swipeProps: Record<string, any> } {\n const ref = useRef<SwipeState>({\n pointerDownId: 0,\n startTime: null,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n });\n\n const clearSwipe = useCallback(() => {\n ref.current = {\n pointerDownId: null,\n startTime: 0,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n };\n }, []);\n\n const onTouchStart = useCallback(\n (e: TouchEvent) => {\n const touchobj = e.changedTouches[0];\n if (!ref.current.pointerDownId) {\n ref.current = {\n pointerDownId: touchobj.identifier,\n startTime: e.timeStamp,\n prevpageX: touchobj.pageX,\n prevpageY: touchobj.pageY,\n elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n };\n } else {\n clearSwipe();\n }\n },\n [clearSwipe]\n );\n\n const onTouchEnd = useCallback(\n (ev: TouchEvent) => {\n const touchobj = ev.changedTouches[0];\n if (touchobj.identifier === ref.current.pointerDownId) {\n if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n if (\n touchobj.pageY - ref.current.prevpageY > threshold &&\n Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n ref.current.elementScrollTop === 0\n ) {\n onSwipe?.({ direction: 'down' });\n }\n }\n }\n // state would be reset to its original state whether swipe is completed or cancelled\n clearSwipe();\n },\n [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n );\n\n const swipeProps = isDisabled\n ? {}\n : {\n /* event handlers to spread on the target element. /\n onTouchStart,\n onTouchEnd,\n ontouchcancel: clearSwipe\n };\n\n return {\n swipeProps\n };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetMenuStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\n\n/\n pointerDismissed: Swipedown and tapScrim\n keyboardDismissed: \"Escape\" \| \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' \| 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n onClose?: (detail: CloseDetail) => void;\n isOpen?: boolean;\n initialFocus?: 'none' \| 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n opening: {\n ...SLIDE_UP_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n },\n closing: {\n ...SLIDE_DOWN_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n const sheetRef = useRef<HTMLDivElement>(null);\n\n // Initial focus going to be set after animation once opening animation is added\n useEffect(() => {\n if (isOpen && initialFocus === 'firstFocusable') {\n const sheetElement = sheetRef.current;\n if (sheetElement) {\n focusWithin(sheetElement);\n }\n }\n }, [isOpen, initialFocus]);\n const handlePointerDismissed = useCallback(() => {\n onClose?.({ reason: 'pointerDismissed' });\n }, [onClose]);\n\n // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n // will stop having its own implementation\n const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n switch (event.code) {\n case 'Tab':\n case 'Escape':\n onClose?.({ reason: 'keyboardDismissed' });\n default:\n break;\n }\n },\n [onClose]\n );\n const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n isOpen,\n isAnimatedOnMount: false,\n animationStates\n });\n\n useEffect(() => {\n if (status === 'opening') {\n if (initialFocus === 'firstFocusable') {\n const dropdownElement = sheetRef.current;\n if (dropdownElement) {\n focusWithin(dropdownElement);\n }\n }\n }\n }, [status, initialFocus]);\n\n const stableRef = useMemo(\n () => mergeRefs(setAnimationElementRef, sheetRef),\n [setAnimationElementRef]\n );\n\n const isMounted = status !== 'unmounted';\n\n return (\n <>\n {isMounted ? (\n <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n <WindowOverlay placement=\"bottom\">\n <div\n {...swipeProps}\n ref={stableRef}\n class={sheetMenuStyles.sheetMenuContainerWrapper}\n style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n onKeyDown={handleKeyDown}>\n {children}\n </div>\n </WindowOverlay>\n </Modal>\n ) : null}\n </>\n );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["useRef","useCallback","SLIDE_UP_XLARGE","DURATION_LARGE","SLIDE_DOWN_XLARGE","useEffect","focusWithin","useAnimationStatus","useMemo","mergeRefs","_jsx","_Fragment","Modal","WindowOverlay","sheetMenuStyles"],"mappings":"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"}
1	+ {"version":3,"file":"Sheet-c3a675fc.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/\n threshold: Minimal threshold required before recognizing\n tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n This allows the swipe gesture to be triggered more easily since a User might not move their finger\n in a straight line.\n/\ntype SwipeOptions = {\n threshold?: number;\n maximumTime?: number;\n tolerance?: number;\n isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n direction: 'down';\n};\n\ntype SwipeState = {\n pointerDownId: number \| null;\n startTime: number \| null;\n prevpageX: number;\n prevpageY: number;\n elementScrollTop: number;\n};\n/This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n/\nexport function useSheetSwipe(\n onSwipe: (e: SwipeInfo) => void,\n { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n threshold: 10,\n maximumTime: 300,\n tolerance: 50,\n isDisabled: false\n }\n): { swipeProps: Record<string, any> } {\n const ref = useRef<SwipeState>({\n pointerDownId: 0,\n startTime: null,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n });\n\n const clearSwipe = useCallback(() => {\n ref.current = {\n pointerDownId: null,\n startTime: 0,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n };\n }, []);\n\n const onTouchStart = useCallback(\n (e: TouchEvent) => {\n const touchobj = e.changedTouches[0];\n if (!ref.current.pointerDownId) {\n ref.current = {\n pointerDownId: touchobj.identifier,\n startTime: e.timeStamp,\n prevpageX: touchobj.pageX,\n prevpageY: touchobj.pageY,\n elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n };\n } else {\n clearSwipe();\n }\n },\n [clearSwipe]\n );\n\n const onTouchEnd = useCallback(\n (ev: TouchEvent) => {\n const touchobj = ev.changedTouches[0];\n if (touchobj.identifier === ref.current.pointerDownId) {\n if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n if (\n touchobj.pageY - ref.current.prevpageY > threshold &&\n Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n ref.current.elementScrollTop === 0\n ) {\n onSwipe?.({ direction: 'down' });\n }\n }\n }\n // state would be reset to its original state whether swipe is completed or cancelled\n clearSwipe();\n },\n [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n );\n\n const swipeProps = isDisabled\n ? {}\n : {\n /* event handlers to spread on the target element. /\n onTouchStart,\n onTouchEnd,\n ontouchcancel: clearSwipe\n };\n\n return {\n swipeProps\n };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetMenuStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\n\n/\n pointerDismissed: Swipedown and tapScrim\n keyboardDismissed: \"Escape\" \| \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' \| 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n onClose?: (detail: CloseDetail) => void;\n isOpen?: boolean;\n initialFocus?: 'none' \| 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n opening: {\n ...SLIDE_UP_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n },\n closing: {\n ...SLIDE_DOWN_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n const sheetRef = useRef<HTMLDivElement>(null);\n\n // Initial focus going to be set after animation once opening animation is added\n useEffect(() => {\n if (isOpen && initialFocus === 'firstFocusable') {\n const sheetElement = sheetRef.current;\n if (sheetElement) {\n focusWithin(sheetElement);\n }\n }\n }, [isOpen, initialFocus]);\n const handlePointerDismissed = useCallback(() => {\n onClose?.({ reason: 'pointerDismissed' });\n }, [onClose]);\n\n // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n // will stop having its own implementation\n const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n switch (event.code) {\n case 'Tab':\n case 'Escape':\n onClose?.({ reason: 'keyboardDismissed' });\n default:\n break;\n }\n },\n [onClose]\n );\n const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n isOpen,\n isAnimatedOnMount: false,\n animationStates\n });\n\n useEffect(() => {\n if (status === 'opening') {\n if (initialFocus === 'firstFocusable') {\n const dropdownElement = sheetRef.current;\n if (dropdownElement) {\n focusWithin(dropdownElement);\n }\n }\n }\n }, [status, initialFocus]);\n\n const stableRef = useMemo(\n () => mergeRefs(setAnimationElementRef, sheetRef),\n [setAnimationElementRef]\n );\n\n const isMounted = status !== 'unmounted';\n\n return (\n <>\n {isMounted ? (\n <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n <WindowOverlay placement=\"bottom\">\n <div\n {...swipeProps}\n ref={stableRef}\n class={sheetMenuStyles.sheetMenuContainerWrapper}\n style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n onKeyDown={handleKeyDown}>\n {children}\n </div>\n </WindowOverlay>\n </Modal>\n ) : null}\n </>\n );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["useRef","useCallback","SLIDE_UP_XLARGE","DURATION_LARGE","SLIDE_DOWN_XLARGE","useEffect","focusWithin","useAnimationStatus","useMemo","mergeRefs","_jsx","_Fragment","Modal","WindowOverlay","sheetMenuStyles"],"mappings":";;;;;;;;;;;;;AAAA;;;;;;AAMG;AA4BH;;;;;;;;;;AAUE;AACI,SAAU,aAAa,CAC3B,OAA+B,EAC/B,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,GAAG,GAAG,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,GAAG,KAAK,EAAmB,GAAA;AACxF,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,UAAU,EAAE,KAAK;AAClB,CAAA,EAAA;IAED,MAAM,GAAG,GAAGA,YAAM,CAAa;AAC7B,QAAA,aAAa,EAAE,CAAC;AAChB,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,gBAAgB,EAAE,CAAC;AACpB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,UAAU,GAAGC,iBAAW,CAAC,MAAK;QAClC,GAAG,CAAC,OAAO,GAAG;AACZ,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,gBAAgB,EAAE,CAAC;SACpB,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,YAAY,GAAGA,iBAAW,CAC9B,CAAC,CAAa,KAAI;QAChB,MAAM,QAAQ,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AACrC,QAAA,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE;YAC9B,GAAG,CAAC,OAAO,GAAG;gBACZ,aAAa,EAAE,QAAQ,CAAC,UAAU;gBAClC,SAAS,EAAE,CAAC,CAAC,SAAS;gBACtB,SAAS,EAAE,QAAQ,CAAC,KAAK;gBACzB,SAAS,EAAE,QAAQ,CAAC,KAAK;AACzB,gBAAA,gBAAgB,EAAG,CAAC,CAAC,aAA6B,CAAC,SAAS;aAC7D,CAAC;SACH;aAAM;AACL,YAAA,UAAU,EAAE,CAAC;SACd;AACH,KAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;AAEF,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAC5B,CAAC,EAAc,KAAI;QACjB,MAAM,QAAQ,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,QAAQ,CAAC,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE;AACrD,YAAA,IAAI,GAAG,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,EAAE;gBAC/E,IACE,QAAQ,CAAC,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS;AAClD,oBAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS;AAC7D,oBAAA,GAAG,CAAC,OAAO,CAAC,gBAAgB,KAAK,CAAC,EAClC;oBACA,OAAO,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;iBAClC;aACF;SACF;;AAED,QAAA,UAAU,EAAE,CAAC;AACf,KAAC,EACD,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,CACzD,CAAC;IAEF,MAAM,UAAU,GAAG,UAAU;AAC3B,UAAE,EAAE;AACJ,UAAE;;YAEE,YAAY;YACZ,UAAU;AACV,YAAA,aAAa,EAAE,UAAU;SAC1B,CAAC;IAEN,OAAO;QACL,UAAU;KACX,CAAC;AACJ;;AC9FA,MAAM,eAAe,GAAoB;AACvC,IAAA,OAAO,EAAE;AACP,QAAA,GAAGC,8BAAe;AAClB,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAEC,6BAAc;AACzB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAGC,gCAAiB;AACpB,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAED,6BAAc;AACzB,SAAA;AACF,KAAA;CACF,CAAC;AAEW,MAAA,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,YAAY,GAAG,MAAM,EAAc,KAAI;AAChG,IAAA,MAAM,QAAQ,GAAGH,YAAM,CAAiB,IAAI,CAAC,CAAC;;IAG9CK,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,IAAI,YAAY,KAAK,gBAAgB,EAAE;AAC/C,YAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;YACtC,IAAI,YAAY,EAAE;gBAChBC,yBAAW,CAAC,YAAY,CAAC,CAAC;aAC3B;SACF;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAC3B,IAAA,MAAM,sBAAsB,GAAGL,iBAAW,CAAC,MAAK;QAC9C,OAAO,GAAG,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;AAC5C,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;IAKd,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,sBAAsB,CAAC,CAAC;AAE7D,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAC/B,CAAC,KAAoB,KAAI;AACvB,QAAA,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAO;SACR;AACD,QAAA,QAAQ,KAAK,CAAC,IAAI;AAChB,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,QAAQ;gBACX,OAAO,GAAG,EAAE,MAAM,EAAE,mBAAmB,EAAE,CAAC,CAAC;SAG9C;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AACF,IAAA,MAAM,EAAE,sBAAsB,EAAE,MAAM,EAAE,GAAGM,qCAAkB,CAAc;QACzE,MAAM;AACN,QAAA,iBAAiB,EAAE,KAAK;QACxB,eAAe;AAChB,KAAA,CAAC,CAAC;IAEHF,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,KAAK,SAAS,EAAE;AACxB,YAAA,IAAI,YAAY,KAAK,gBAAgB,EAAE;AACrC,gBAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC;gBACzC,IAAI,eAAe,EAAE;oBACnBC,yBAAW,CAAC,eAAe,CAAC,CAAC;iBAC9B;aACF;SACF;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAE3B,IAAA,MAAM,SAAS,GAAGE,aAAO,CACvB,MAAMC,kBAAS,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EACjD,CAAC,sBAAsB,CAAC,CACzB,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,MAAM,KAAK,WAAW,CAAC;AAEzC,IAAA,QACEC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EACG,SAAS,IACRD,cAAA,CAACE,WAAK,EAAA,EAAC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,sBAAsB,EAAA,QAAA,EAC/DF,cAAC,CAAAG,2BAAa,EAAC,EAAA,SAAS,EAAC,QAAQ,EAC/B,QAAA,EAAAH,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,UAAU,EACd,GAAG,EAAE,SAAS,EACd,KAAK,EAAEI,mDAAe,CAAC,yBAAyB,EAChD,KAAK,EAAE,EAAE,SAAS,EAAE,CAAgB,aAAA,EAAA,UAAU,KAAK,EAAE,EACrD,SAAS,EAAE,aAAa,EAAA,QAAA,EACvB,QAAQ,EAAA,CACL,EACQ,CAAA,EAAA,CACV,IACN,IAAI,EAAA,CACP,EACH;AACJ,EAAE;AAEF,MAAM,UAAU,GAAG,EAAE;;;;;"}

package/cjs/SplitMenuButton-336bb8d6.js CHANGED Viewed

@@ -4,11 +4,11 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var ButtonLabelLayout = require('./ButtonLabelLayout-3399b9e1.js');
 var ChevronDown = require('./ChevronDown-ec558844.js');
-var Menu = require('./Menu-7f8ca235.js');
+var Menu = require('./Menu-afcc3db8.js');
 require('./MenuItem-9a73694f.js');
 var hooks = require('preact/hooks');
 require('preact');
-require('./useTooltipControlled-706a3651.js');
+require('./useTooltipControlled-a907e06c.js');
 require('./SelectMenuGroupContext-bbb4f7e0.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
@@ -18,7 +18,7 @@ require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 require('./UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js');
 var compat = require('preact/compat');
-require('./LayerHost-46e4d858.js');
+require('./LayerHost-a6007465.js');
 var Text = require('./Text-aaacb6a0.js');
 var BaseButton = require('./BaseButton-ff6f39f2.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');

package/cjs/StyledTextField-351ea57e.js CHANGED Viewed

@@ -6,7 +6,7 @@ var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redw
 var LabelValueLayout = require('./LabelValueLayout-24937fa5.js');
 var UNSAFE_Skeleton_themes_redwood_SkeletonTheme = require('./UNSAFE_Skeleton/themes/redwood/SkeletonTheme.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var useTestId = require('./useTestId-8234ec1e.js');
+var useTestId = require('./useTestId-71c3de70.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var LayoutStyles_css = require('./LayoutStyles.css-8af668b9.js');
 var compat = require('preact/compat');
@@ -14,10 +14,10 @@ require('./FormContext-9452bd30.js');
 var useFormContext = require('./useFormContext-4c3091dc.js');
 require('./FormFieldContext-8418dc68.js');
 var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
-var Flex = require('./Flex-fbba4ad6.js');
+var Flex = require('./Flex-6529d995.js');
 require('./InputGroupContext-05f2a46f.js');
 var useInputGroupContext = require('./useInputGroupContext-4c10bd57.js');
-var useUser = require('./useUser-a6d15333.js');
+var useUser = require('./useUser-c8e9a94a.js');
 var UNSAFE_TextField_themes_redwood_TextFieldTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldTheme.js');
 var UNSAFE_TextField_themes_redwood_ReadonlyTextFieldTheme = require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js');
 var UNSAFE_TextField_themes_redwood_FormLayoutTheme = require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');

package/cjs/Submenu-b7daab71.js CHANGED Viewed

@@ -6,7 +6,7 @@ var compat = require('preact/compat');
 var DirectionalExpandArrowIcon = require('./DirectionalExpandArrowIcon-adf981f6.js');
 var useId = require('./useId-6c0eeb27.js');
 var MenuItem = require('./MenuItem-9a73694f.js');
-var Menu = require('./Menu-7f8ca235.js');
+var Menu = require('./Menu-afcc3db8.js');
 var hooks = require('preact/hooks');
 var DirectionalCollapseArrowIcon = require('./DirectionalCollapseArrowIcon-d2b24ac3.js');

package/cjs/{TabBar-e77706d0.js → TabBar-87b790cc.js} RENAMED Viewed

@@ -3,10 +3,10 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-require('./LayerHost-46e4d858.js');
+require('./LayerHost-a6007465.js');
 var compat = require('preact/compat');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
-require('./Flex-fbba4ad6.js');
+require('./Flex-6529d995.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 require('./flexitem-fee13e26.js');
 require('./dimensions-b48bf1ab.js');
@@ -17,23 +17,13 @@ require('./logger-2b636482.js');
 require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css.js');
 require('./ConveyorBeltContext-bfe84b44.js');
 require('preact');
-require('./useTooltipControlled-706a3651.js');
+require('./useTooltipControlled-a907e06c.js');
-require('./NavigationList-5218562e.js');
-require('./useNavigationListItem-74009187.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-require('./Floating-1280c2ce.js');
-require('./keyboardUtils-f835e1ee.js');
-require('./tabbableUtils-b49673af.js');
-require('./Sheet-a6267b5f.js');
+require('./Sheet-c3a675fc.js');
 var TabBarLayout = require('./TabBarLayout-c2efbeb3.js');
 var UNSAFE_TabBar_themes_TabBarStyles_css = require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
-var useTabBar = require('./useTabBar-35edcdb1.js');
+var useTabBar = require('./useTabBar-8bd94c1b.js');
 /**
  * A tab bar allows navigation between different content sections.
@@ -67,4 +57,4 @@ const TabBar = compat.forwardRef(({ children, layout = 'stretch', display = 'sta
 });
 exports.TabBar = TabBar;
-//# sourceMappingURL=TabBar-e77706d0.js.map
+//# sourceMappingURL=TabBar-87b790cc.js.map

package/cjs/{TabBar-e77706d0.js.map → TabBar-87b790cc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabBar-~~e77706d0~~.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import { ComponentChildren, Ref } from 'preact';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nexport {\n TabBarItem,\n RemovableTabBarItem,\n OverflowTabBarItem,\n TabBarContext,\n useTabBarContext,\n TabBarLayout\n} from '../UNSAFE_TabBarCommon';\n\nexport type FocusableHandle = {\n focus: () => void;\n blur: () => void;\n};\n\n/*\n type for payload of current key change event handler\n /\nexport type CurrentKeyDetail<K> = {\n value: K;\n};\n\n/\n type for payload of selection change event handler\n /\ntype SelectionDetail<K> = {\n value: K;\n};\n\n/\n type for payload of remove event handler\n /\ntype RemoveDetail<K> = {\n value: K;\n};\n\ntype DisplayProps =\n \| {\n /\n Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n 'icons' hides the label,\n /\n display?: 'standard' \| 'icons';\n /*\n The size indicates how tall the TabBarItem is rendered.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n /\n size?: 'md' \| 'lg';\n }\n \| {\n /\n 'stacked' stacks the icon on top of the label.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n /\n display?: 'stacked';\n size?: 'never';\n };\n\nexport type TabBarProps<K extends string \| number> = DisplayProps & {\n /\n A set of TabBarItem(s) that TabBar will hold\n /\n children: ComponentChildren;\n /\n Whether to stretch the tab bar items to occupy available space or to condense items\n /\n layout?: 'stretch' \| 'condense';\n /\n The position of the TabBar. Valid Values: top and bottom.\n * 'top' is used when TabBar is placed on top of content section and the selection\n * indicator would be placed below the TabBarItem.\n * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n * indicator would be placed above the TabBarItem.\n /\n edge?: 'top' \| 'bottom';\n /\n Key of the selected item.\n /\n selection?: K;\n /\n Callback function to handle when user selects a tab.\n * The callback is also invoked when a user selects a tab that is already selected.\n /\n onSelect?: <K extends string \| number>(detail: SelectionDetail<K>) => void;\n /\n Callback function to handle remove\n /\n onRemove?: <K extends string \| number>(detail: RemoveDetail<K>) => void;\n /\n Accepts the ID of an element that provides instructions for interaction with the TabBar.\n /\n 'aria-describedby'?: string;\n /\n An aria-label which defines a string value that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n /\n 'aria-label'?: string;\n\n /\n An aria-labelledby which identifies the element(s) that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n /\n 'aria-labelledby'?: string;\n};\n/\n A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n <K extends string \| number>(\n {\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby\n }: TabBarProps<K> & TestIdProps,\n ref?: Ref<FocusableHandle>\n ) => {\n const rootRef = useRef<HTMLDivElement>(null);\n\n //Allows to call focus on rootRef without having to expose it\n useImperativeHandle(ref!, () => ({\n focus: () => {\n if (rootRef.current) {\n rootRef.current.focus();\n }\n },\n blur: () => {\n if (rootRef.current) {\n rootRef.current.focus();\n }\n }\n }));\n\n const { rootProps, tabBarContext } = useTabBar({\n class: styles.tabBarBase,\n edge: edge,\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children\n });\n return (\n <TabBarContext.Provider value={tabBarContext}>\n <div\n {...rootProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedBy}>\n <TabBarLayout layout={layout} display={display}>\n {children}\n </TabBarLayout>\n </div>\n </TabBarContext.Provider>\n );\n }\n);\n"],"names":["forwardRef","useRef","useImperativeHandle","useTabBar","styles","_jsx","TabBarContext","TabBarLayout"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA8GA;;AAEG;MACU,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACJ,EAC/B,GAA0B,KACxB;AACF,IAAA,MAAM,OAAO,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;;AAG7C,IAAAC,yBAAmB,CAAC,GAAI,EAAE,OAAO;QAC/B,KAAK,EAAE,MAAK;AACV,YAAA,IAAI,OAAO,CAAC,OAAO,EAAE;AACnB,gBAAA,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aACzB;SACF;QACD,IAAI,EAAE,MAAK;AACT,YAAA,IAAI,OAAO,CAAC,OAAO,EAAE;AACnB,gBAAA,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aACzB;SACF;AACF,KAAA,CAAC,CAAC,CAAC;AAEJ,IAAA,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAGC,mBAAS,CAAC;QAC7C,KAAK,EAAEC,4CAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;AACT,KAAA,CAAC,CAAC;AACH,IAAA,QACEC,cAAA,CAACC,8BAAa,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,aAAa,YAC1CD,cACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,EACD,YAAA,EAAA,SAAS,qBACJ,cAAc,EAAA,kBAAA,EACb,eAAe,EAAA,QAAA,EACjCA,eAACE,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YAC3C,QAAQ,EAAA,CACI,EACX,CAAA,EAAA,CACiB,EACzB;AACJ,CAAC;;;;"}
1	+ {"version":3,"file":"TabBar-87b790cc.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import { ComponentChildren, Ref } from 'preact';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nexport {\n TabBarItem,\n RemovableTabBarItem,\n OverflowTabBarItem,\n TabBarContext,\n useTabBarContext,\n TabBarLayout\n} from '../UNSAFE_TabBarCommon';\n\nexport type FocusableHandle = {\n focus: () => void;\n blur: () => void;\n};\n\n/*\n type for payload of current key change event handler\n /\nexport type CurrentKeyDetail<K> = {\n value: K;\n};\n\n/\n type for payload of selection change event handler\n /\ntype SelectionDetail<K> = {\n value: K;\n};\n\n/\n type for payload of remove event handler\n /\ntype RemoveDetail<K> = {\n value: K;\n};\n\ntype DisplayProps =\n \| {\n /\n Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n 'icons' hides the label,\n /\n display?: 'standard' \| 'icons';\n /*\n The size indicates how tall the TabBarItem is rendered.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n /\n size?: 'md' \| 'lg';\n }\n \| {\n /\n 'stacked' stacks the icon on top of the label.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n /\n display?: 'stacked';\n size?: 'never';\n };\n\nexport type TabBarProps<K extends string \| number> = DisplayProps & {\n /\n A set of TabBarItem(s) that TabBar will hold\n /\n children: ComponentChildren;\n /\n Whether to stretch the tab bar items to occupy available space or to condense items\n /\n layout?: 'stretch' \| 'condense';\n /\n The position of the TabBar. Valid Values: top and bottom.\n * 'top' is used when TabBar is placed on top of content section and the selection\n * indicator would be placed below the TabBarItem.\n * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n * indicator would be placed above the TabBarItem.\n /\n edge?: 'top' \| 'bottom';\n /\n Key of the selected item.\n /\n selection?: K;\n /\n Callback function to handle when user selects a tab.\n * The callback is also invoked when a user selects a tab that is already selected.\n /\n onSelect?: <K extends string \| number>(detail: SelectionDetail<K>) => void;\n /\n Callback function to handle remove\n /\n onRemove?: <K extends string \| number>(detail: RemoveDetail<K>) => void;\n /\n Accepts the ID of an element that provides instructions for interaction with the TabBar.\n /\n 'aria-describedby'?: string;\n /\n An aria-label which defines a string value that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n /\n 'aria-label'?: string;\n\n /\n An aria-labelledby which identifies the element(s) that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n /\n 'aria-labelledby'?: string;\n};\n/\n A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n <K extends string \| number>(\n {\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby\n }: TabBarProps<K> & TestIdProps,\n ref?: Ref<FocusableHandle>\n ) => {\n const rootRef = useRef<HTMLDivElement>(null);\n\n //Allows to call focus on rootRef without having to expose it\n useImperativeHandle(ref!, () => ({\n focus: () => {\n if (rootRef.current) {\n rootRef.current.focus();\n }\n },\n blur: () => {\n if (rootRef.current) {\n rootRef.current.focus();\n }\n }\n }));\n\n const { rootProps, tabBarContext } = useTabBar({\n class: styles.tabBarBase,\n edge: edge,\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children\n });\n return (\n <TabBarContext.Provider value={tabBarContext}>\n <div\n {...rootProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedBy}>\n <TabBarLayout layout={layout} display={display}>\n {children}\n </TabBarLayout>\n </div>\n </TabBarContext.Provider>\n );\n }\n);\n"],"names":["forwardRef","useRef","useImperativeHandle","useTabBar","styles","_jsx","TabBarContext","TabBarLayout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA;;AAEG;MACU,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACJ,EAC/B,GAA0B,KACxB;AACF,IAAA,MAAM,OAAO,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;;AAG7C,IAAAC,yBAAmB,CAAC,GAAI,EAAE,OAAO;QAC/B,KAAK,EAAE,MAAK;AACV,YAAA,IAAI,OAAO,CAAC,OAAO,EAAE;AACnB,gBAAA,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aACzB;SACF;QACD,IAAI,EAAE,MAAK;AACT,YAAA,IAAI,OAAO,CAAC,OAAO,EAAE;AACnB,gBAAA,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aACzB;SACF;AACF,KAAA,CAAC,CAAC,CAAC;AAEJ,IAAA,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAGC,mBAAS,CAAC;QAC7C,KAAK,EAAEC,4CAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;AACT,KAAA,CAAC,CAAC;AACH,IAAA,QACEC,cAAA,CAACC,8BAAa,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,aAAa,YAC1CD,cACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,EACD,YAAA,EAAA,SAAS,qBACJ,cAAc,EAAA,kBAAA,EACb,eAAe,EAAA,QAAA,EACjCA,eAACE,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YAC3C,QAAQ,EAAA,CACI,EACX,CAAA,EAAA,CACiB,EACzB;AACJ,CAAC;;;;"}

package/cjs/TabBarItem-2b3039aa.js CHANGED Viewed

@@ -5,9 +5,9 @@ var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var classNames = require('./classNames-c14c6ef3.js');
 var usePress = require('./usePress-00deca01.js');
-var useUser = require('./useUser-a6d15333.js');
+var useUser = require('./useUser-c8e9a94a.js');
 var Text = require('./Text-aaacb6a0.js');
-var Flex = require('./Flex-fbba4ad6.js');
+var Flex = require('./Flex-6529d995.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
@@ -21,7 +21,7 @@ var ErrorS = require('./ErrorS-bfe081e3.js');
 var InformationS = require('./InformationS-5bf32f4c.js');
 var SuccessS = require('./SuccessS-862e9e4b.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-var useTooltipControlled = require('./useTooltipControlled-706a3651.js');
+var useTooltipControlled = require('./useTooltipControlled-a907e06c.js');
 var UNSAFE_TabBarCommon_themes_TabBarItemContract_css = require('./UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js');
 var Badge = require('./Badge-0e522f12.js');