@oracle/oraclejet-preact 20.1.1 → 20.1.2
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/amd/AccordionItemMultiple-7cfecf03.js +1 -1
- package/amd/AccordionItemSingle-6c70951e.js +1 -1
- package/amd/BarChart-379e0e10.js +1 -1
- package/amd/{BaseButton-9bf908ec.js → BaseButton-5a0ad529.js} +2 -2
- package/amd/{BaseButton-9bf908ec.js.map → BaseButton-5a0ad529.js.map} +1 -1
- package/amd/BaseCardView-825b1327.js +1 -1
- package/amd/{BaseCardViewSelectionTest-ac780d4f.js → BaseCardViewSelectionTest-66f166ce.js} +2 -2
- package/amd/{BaseCardViewSelectionTest-ac780d4f.js.map → BaseCardViewSelectionTest-66f166ce.js.map} +1 -1
- package/amd/BaseDiagram-7757c344.js +1 -1
- package/amd/BaseRichSelection-57e02c2d.js +1 -1
- package/amd/BaseSelector-3c7b8b87.js +1 -1
- package/amd/BaseSwatchView-2c401b4d.js +1 -1
- package/amd/BaseTabBarItem-6e22fcbc.js +1 -1
- package/amd/Button-e5d7c0e3.js +2 -0
- package/amd/{Button-d541cd67.js.map → Button-e5d7c0e3.js.map} +1 -1
- package/amd/ButtonSet-9f26cc51.js +1 -1
- package/amd/ButtonSetButton-ded680bb.js +1 -1
- package/amd/ButtonSetIconButton-b64b0830.js +1 -1
- package/amd/{Center-27a71002.js → Center-17925696.js} +2 -2
- package/amd/{Center-27a71002.js.map → Center-17925696.js.map} +1 -1
- package/amd/Chart-57d1c518.js +1 -1
- package/amd/Checkbox-3e80f017.js +1 -1
- package/amd/CheckboxControl-0746682f.js +1 -1
- package/amd/CheckboxRadioField-03179844.js +1 -1
- package/amd/CheckboxRadioLabelValueLayout-b728e6ec.js +1 -1
- package/amd/CheckboxSetContext-2e486ea8.js +2 -0
- package/{es/CheckboxSetContext-1be56556.js.map → amd/CheckboxSetContext-2e486ea8.js.map} +1 -1
- package/amd/Chip-8280de2e.js +1 -1
- package/amd/ClearIcon-a066df59.js +1 -1
- package/amd/CollapseIcon-a62fd41c.js +1 -1
- package/amd/Collapsible-0bf0c371.js +1 -1
- package/amd/CollapsibleNavigationList-91858994.js +1 -1
- package/amd/ColorPalette-43ffde6d.js +2 -0
- package/amd/{ColorPalette-f05a9dad.js.map → ColorPalette-43ffde6d.js.map} +1 -1
- package/amd/ColorPicker-3b4180e9.js +2 -0
- package/amd/{ColorPicker-236d84f0.js.map → ColorPicker-3b4180e9.js.map} +1 -1
- package/amd/ColorSwatch-52a06d25.js +1 -1
- package/amd/ComboChart-9cc157af.js +1 -1
- package/amd/CompactHelpSource-09ac9fe1.js +1 -1
- package/amd/CompactLabelAssistance-65c63769.js +2 -0
- package/amd/{CompactLabelAssistance-7bb76228.js.map → CompactLabelAssistance-65c63769.js.map} +1 -1
- package/amd/CompactUserAssistance-2fc90192.js +1 -1
- package/amd/ComponentMessageContainer-d5d70f71.js +1 -1
- package/amd/ConveyorBelt-e54ce1f7.js +1 -1
- package/amd/{DatePicker-89255880.js → DatePicker-ed971798.js} +2 -2
- package/amd/{DatePicker-89255880.js.map → DatePicker-ed971798.js.map} +1 -1
- package/amd/DatePickerHeader-b75e4c72.js +1 -1
- package/amd/{Dialog-ed9c4105.js → Dialog-9a4dbe57.js} +2 -2
- package/amd/{Dialog-ed9c4105.js.map → Dialog-9a4dbe57.js.map} +1 -1
- package/amd/DirectionalCollapseArrowIcon-ddc18f4b.js +1 -1
- package/amd/DirectionalExpandArrowIcon-9c710193.js +1 -1
- package/amd/DragHandle-29eba15d.js +2 -0
- package/amd/{DragHandle-652ffa0f.js.map → DragHandle-29eba15d.js.map} +1 -1
- package/amd/{DrawerPopup-ff31d785.js → DrawerPopup-c9e6374e.js} +2 -2
- package/amd/{DrawerPopup-ff31d785.js.map → DrawerPopup-c9e6374e.js.map} +1 -1
- package/amd/{Dropdown-d1438b58.js → Dropdown-9eed614a.js} +2 -2
- package/amd/{Dropdown-d1438b58.js.map → Dropdown-9eed614a.js.map} +1 -1
- package/amd/EmbeddedIconButton-d1472ac1.js +2 -0
- package/amd/{EmbeddedIconButton-c3cb14c0.js.map → EmbeddedIconButton-d1472ac1.js.map} +1 -1
- package/amd/{EnvironmentProvider-75ba928e.js → EnvironmentProvider-403bf554.js} +2 -2
- package/amd/{EnvironmentProvider-75ba928e.js.map → EnvironmentProvider-403bf554.js.map} +1 -1
- package/amd/ExpandableList-d7b3d65c.js +1 -1
- package/amd/Expander-683df228.js +1 -1
- package/amd/FilePicker-9e24c421.js +1 -1
- package/amd/FlatTreeView-5de96ffd.js +1 -1
- package/amd/Flex-4b81b412.js +2 -0
- package/amd/{Flex-71f83c12.js.map → Flex-4b81b412.js.map} +1 -1
- package/amd/{Floating-08c98ebd.js → Floating-9d6ab071.js} +2 -2
- package/amd/{Floating-08c98ebd.js.map → Floating-9d6ab071.js.map} +1 -1
- package/amd/FormLayout-023ab8de.js +1 -1
- package/amd/Gantt-cdd9d3cb.js +1 -1
- package/amd/{Grid-5324e17b.js → Grid-caac1c86.js} +2 -2
- package/amd/{Grid-5324e17b.js.map → Grid-caac1c86.js.map} +1 -1
- package/amd/GroupLoadingIndicator-4daed099.js +1 -1
- package/amd/HighlightText-ee76c447.js +2 -0
- package/amd/{HighlightText-365ba020.js.map → HighlightText-ee76c447.js.map} +1 -1
- package/amd/Icon-b9a01da9.js +1 -1
- package/amd/IconButton-d78fe636.js +1 -1
- package/amd/IconMenuButton-74b41e62.js +1 -1
- package/amd/IconProgressButton-28f72faa.js +1 -1
- package/amd/IconSwitchButton-22893e1f.js +1 -1
- package/amd/IconToggleButton-9f1c8265.js +1 -1
- package/amd/{IconUserAssistance-e80bf779.js → IconUserAssistance-682b85a2.js} +2 -2
- package/amd/{IconUserAssistance-e80bf779.js.map → IconUserAssistance-682b85a2.js.map} +1 -1
- package/amd/Indexer-27340b0e.js +1 -1
- package/amd/InlineHelpSource-8d8b6a8b.js +1 -1
- package/amd/InlineSelectSingle-4e6a631c.js +1 -1
- package/amd/InlineUserAssistance-91f9ace1.js +1 -1
- package/amd/InputColor-3eca248b.js +2 -0
- package/amd/{InputColor-a1fcd3b3.js.map → InputColor-3eca248b.js.map} +1 -1
- package/amd/InputDateMask-acdfc589.js +1 -1
- package/amd/InputDatePicker-22518a24.js +2 -0
- package/amd/{InputDatePicker-b16a1592.js.map → InputDatePicker-22518a24.js.map} +1 -1
- package/amd/InputPassword-9a1d268d.js +1 -1
- package/amd/InputSensitiveText-e6519508.js +1 -1
- package/amd/InputText-8712623e.js +1 -1
- package/amd/Label-286bacb8.js +1 -1
- package/amd/LabelValueLayout-36bc12e2.js +1 -1
- package/amd/{Layer-64bf71ad.js → Layer-1971eddb.js} +2 -2
- package/amd/{Layer-64bf71ad.js.map → Layer-1971eddb.js.map} +1 -1
- package/amd/{LayerHost-1a734852.js → LayerHost-0b288129.js} +2 -2
- package/amd/{LayerHost-1a734852.js.map → LayerHost-0b288129.js.map} +1 -1
- package/amd/LayerManager-426c669d.js +2 -0
- package/amd/{LayerManager-5ba8e6ed.js.map → LayerManager-426c669d.js.map} +1 -1
- package/amd/Legend-e09a1733.js +1 -1
- package/amd/LineAreaChart-08247f99.js +1 -1
- package/amd/Link-20f7e72d.js +1 -1
- package/amd/List-8d95a024.js +1 -1
- package/amd/{ListItemLayout-23390b90.js → ListItemLayout-2dbba38a.js} +2 -2
- package/amd/{ListItemLayout-23390b90.js.map → ListItemLayout-2dbba38a.js.map} +1 -1
- package/amd/ListView-fe5d340a.js +1 -1
- package/amd/LiveRegion-dbefb95b.js +2 -0
- package/amd/{LiveRegion-1553833d.js.map → LiveRegion-dbefb95b.js.map} +1 -1
- package/amd/{MaxLengthLiveRegion-5172c87a.js → MaxLengthLiveRegion-8f9f7247.js} +2 -2
- package/amd/{MaxLengthLiveRegion-5172c87a.js.map → MaxLengthLiveRegion-8f9f7247.js.map} +1 -1
- package/amd/Menu-4b445ba5.js +1 -1
- package/amd/MenuButton-8428a792.js +1 -1
- package/amd/MenuItem-f3de5e35.js +1 -1
- package/amd/Message-bbea21c4.js +1 -1
- package/amd/MessageBanner-5c18f23c.js +1 -1
- package/amd/MessageLayer-cb7cbb34.js +2 -0
- package/amd/{MessageLayer-24870def.js.map → MessageLayer-cb7cbb34.js.map} +1 -1
- package/amd/MessageToast-9e27adaa.js +1 -1
- package/amd/MessagesManager-4d5f6217.js +1 -1
- package/amd/MeterBar-e8e95881.js +1 -1
- package/amd/MeterCircle-46d479de.js +1 -1
- package/amd/Modal-95bf034f.js +1 -1
- package/amd/{MonthView-15e7e2cc.js → MonthView-93a866a6.js} +2 -2
- package/amd/{MonthView-15e7e2cc.js.map → MonthView-93a866a6.js.map} +1 -1
- package/amd/NavigationListItem-dea4c9e9.js +1 -1
- package/amd/NavigationListLinkItem-e376a039.js +1 -1
- package/amd/NumberInputText-4a58ed41.js +1 -1
- package/amd/OverflowTabBarItem-f23d35fd.js +1 -1
- package/amd/PRIVATE_BaseCardView.js +1 -1
- package/amd/PRIVATE_BaseDiagram.js +1 -1
- package/amd/PRIVATE_BaseSelector.js +1 -1
- package/amd/PRIVATE_BaseSwatchView.js +1 -1
- package/amd/PRIVATE_Chart.js +1 -1
- package/amd/PRIVATE_CheckboxControl.js +1 -1
- package/amd/PRIVATE_CheckboxRadioField.js +1 -1
- package/amd/PRIVATE_ClearIcon.js +1 -1
- package/amd/PRIVATE_CollapsibleNavigationList.js +1 -1
- package/amd/PRIVATE_DatePickerHeader.js +1 -1
- package/amd/PRIVATE_DatePickerLayout.js +1 -1
- package/amd/PRIVATE_EmbeddedIconButton.js +1 -1
- package/amd/PRIVATE_Expander.js +1 -1
- package/amd/PRIVATE_FormControls.js +1 -1
- package/amd/PRIVATE_IconSwitchButton.js +1 -1
- package/amd/PRIVATE_Icons/CheckboxCrossed.js +1 -1
- package/amd/PRIVATE_Icons/CheckboxMixed.js +1 -1
- package/amd/PRIVATE_Icons/CheckboxOff.js +1 -1
- package/amd/PRIVATE_Icons/CheckboxOn.js +1 -1
- package/amd/PRIVATE_Icons/DragV.js +1 -1
- package/amd/PRIVATE_Icons/None.js +1 -1
- package/amd/PRIVATE_List.js +1 -1
- package/amd/PRIVATE_Message.js +1 -1
- package/amd/PRIVATE_MessageLayer.js +1 -1
- package/amd/PRIVATE_MonthView.js +1 -1
- package/amd/PRIVATE_MonthYearGridView.js +1 -1
- package/amd/PRIVATE_PlotArea.js +1 -1
- package/amd/PRIVATE_RevealToggleIcon.js +1 -1
- package/amd/PRIVATE_RichSelectionCommon.js +1 -1
- package/amd/PRIVATE_SelectCommon.js +1 -1
- package/amd/PRIVATE_StyledCard.js +1 -1
- package/amd/PRIVATE_StyledCheckbox.js +1 -1
- package/amd/PRIVATE_StyledSwitch.js +1 -1
- package/amd/PRIVATE_SwatchFlexView.js +1 -1
- package/amd/PRIVATE_Table.js +1 -1
- package/amd/PRIVATE_TableDisplay.js +1 -1
- package/amd/PRIVATE_TableList.js +1 -1
- package/amd/PRIVATE_ThemedIcons/CalendarIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/ChartMarqueeSelectIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/ChartPanIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/ChartZoomIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/CheckIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/CheckboxCrossedIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/CheckboxMixedIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/CheckboxOffIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/CheckboxOnIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/CloseIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/CollapseIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/CollapseUpIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/DecrementIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/DeleteIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/DirectionalExpandArrowIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/DragHandleIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/DropdownArrowIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/ExpandIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/HelpIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/IncrementIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/MenuButtonDropdownIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/MessageConfirmationIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/MessageErrorIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/MessageInfoIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/MessageWarningIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/MinusIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/NavDownIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/None.js +1 -1
- package/amd/PRIVATE_ThemedIcons/OverviewHorizontalDragHandleIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/PlusIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/RadioOffIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/RadioOnIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/SortAscendingIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/SortDescendingIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/ViewHideIcon.js +1 -1
- package/amd/PRIVATE_ThemedIcons/ViewIcon.js +1 -1
- package/amd/PRIVATE_TimeComponent.js +1 -1
- package/amd/PRIVATE_TruncatingLink.js +1 -1
- package/amd/PRIVATE_VisOverview.js +1 -1
- package/amd/PRIVATE_VisStatusMessage.js +1 -1
- package/amd/PRIVATE_VisTabularDatatip.js +1 -1
- package/amd/PictoChart-1262b65e.js +1 -1
- package/amd/PieChart-0e4eacd7.js +1 -1
- package/amd/{Popup-575d49f7.js → Popup-feb5bf60.js} +2 -2
- package/amd/{Popup-575d49f7.js.map → Popup-feb5bf60.js.map} +1 -1
- package/amd/{ProgressBar-4074bb67.js → ProgressBar-d7aa356a.js} +2 -2
- package/amd/{ProgressBar-4074bb67.js.map → ProgressBar-d7aa356a.js.map} +1 -1
- package/amd/ProgressButton-71c1dda9.js +1 -1
- package/amd/ProgressButtonLabelLayout-4f7aa87d.js +1 -1
- package/amd/{ProgressCircle-df7641ef.js → ProgressCircle-8a94e670.js} +2 -2
- package/amd/{ProgressCircle-df7641ef.js.map → ProgressCircle-8a94e670.js.map} +1 -1
- package/amd/RadioItem-c5f0676c.js +1 -1
- package/amd/RadioSet-c3ad77d7.js +1 -1
- package/amd/RatingGauge-d0e95f46.js +1 -1
- package/amd/ReadonlyTextFieldInput-41384d7e.js +1 -1
- package/amd/{ReferenceLineArea-27698a8f.js → ReferenceLineArea-450530dd.js} +2 -2
- package/amd/{ReferenceLineArea-27698a8f.js.map → ReferenceLineArea-450530dd.js.map} +1 -1
- package/amd/RemovableNavigationListItem-5e5a9068.js +1 -1
- package/amd/RemovableTabBarItem-ce314e8b.js +1 -1
- package/amd/ReorderableTabBar-3ff37ba7.js +1 -1
- package/amd/RevealToggleIcon-bd35b257.js +1 -1
- package/amd/ScatterChart-af0d8118.js +1 -1
- package/amd/SectionalLegend-aa7254ff.js +1 -1
- package/amd/{SectionedContent-32ec078e.js → SectionedContent-a89bafc6.js} +2 -2
- package/amd/{SectionedContent-32ec078e.js.map → SectionedContent-a89bafc6.js.map} +1 -1
- package/amd/SegmentStyles.styles.css +12 -9
- package/amd/SegmentStyles.styles2.css +9 -12
- package/amd/SelectMobileFieldInput-b1524b1e.js +1 -1
- package/amd/SelectMultiple-f70618cf.js +1 -1
- package/amd/SelectSingle-971886ab.js +1 -1
- package/amd/{SelectorAll-e9acae58.js → SelectorAll-6652fd3f.js} +2 -2
- package/amd/{SelectorAll-e9acae58.js.map → SelectorAll-6652fd3f.js.map} +1 -1
- package/amd/Sheet-1d02491d.js +1 -1
- package/amd/SortControl-ec2db600.js +1 -1
- package/amd/SplitMenuButton-bf59897c.js +1 -1
- package/amd/StyledCard-4baafee3.js +1 -1
- package/amd/{StyledLabelValueLayout-16ac9a5e.js → StyledLabelValueLayout-907bc2d3.js} +2 -2
- package/amd/{StyledLabelValueLayout-16ac9a5e.js.map → StyledLabelValueLayout-907bc2d3.js.map} +1 -1
- package/amd/StyledSwitch-0881e505.js +1 -1
- package/amd/StyledTextField-f533c9e9.js +1 -1
- package/amd/Submenu-99c05da1.js +1 -1
- package/amd/TabBar-8ab0fd0d.js +1 -1
- package/amd/TabBarContextMenu-06f7beb2.js +1 -1
- package/amd/TabBarLayout-4eb6c732.js +1 -1
- package/amd/TabBarMixed-41258b80.js +1 -1
- package/amd/{TabBarMixedSeparator-c77d8e96.js → TabBarMixedSeparator-019d266b.js} +2 -2
- package/amd/{TabBarMixedSeparator-c77d8e96.js.map → TabBarMixedSeparator-019d266b.js.map} +1 -1
- package/amd/Table-2d35f829.js +1 -1
- package/amd/TableColGroup-30abc1ce.js +1 -1
- package/amd/TableDisplay-e3a86f26.js +1 -1
- package/amd/TagCloud-4970d243.js +1 -1
- package/amd/TextArea-6b324b42.js +1 -1
- package/amd/TextAreaAutosize-5d9bf2b2.js +1 -1
- package/amd/TextField-1da09ebc.js +1 -1
- package/amd/TextFieldInput-f8635c62.js +1 -1
- package/amd/Theme-redwood/theme.css +147 -147
- package/amd/Theme-stable/theme.css +255 -255
- package/amd/TimeComponentCanvas2D-a17f51f1.js +1 -1
- package/amd/ToggleButton-c9e433d4.js +1 -1
- package/amd/Toolbar-663b9254.js +1 -1
- package/amd/TruncatingBadge-80a8c903.js +1 -1
- package/amd/TruncatingLink-aa577ffc.js +1 -1
- package/amd/TruncatingText-bdbdd4d4.js +1 -1
- package/amd/UNSAFE_AccordionItemMultiple.js +1 -1
- package/amd/UNSAFE_AccordionItemSingle.js +1 -1
- package/amd/UNSAFE_ActionCard.js +1 -1
- package/amd/UNSAFE_BarChart/__test__/BarChart.spec.js +1 -1
- package/amd/UNSAFE_BarChart.js +1 -1
- package/amd/UNSAFE_BareButton.js +1 -1
- package/amd/UNSAFE_BaseButton.js +1 -1
- package/amd/UNSAFE_Button.js +1 -1
- package/amd/UNSAFE_ButtonLayout/tests/ButtonLayout.spec.js +1 -1
- package/amd/UNSAFE_ButtonSet.js +1 -1
- package/amd/UNSAFE_ButtonSetButton.js +1 -1
- package/amd/UNSAFE_ButtonSetIconButton.js +1 -1
- package/amd/UNSAFE_ButtonSetItem.js +1 -1
- package/amd/UNSAFE_ButtonSetMultiple.js +1 -1
- package/amd/UNSAFE_ButtonSetSingle.js +1 -1
- package/amd/UNSAFE_Card.js +1 -1
- package/amd/UNSAFE_CardFlexView.js +1 -1
- package/amd/UNSAFE_CardGridView.js +1 -1
- package/amd/UNSAFE_Center.js +1 -1
- package/amd/UNSAFE_Checkbox.js +1 -1
- package/amd/UNSAFE_CheckboxItem.js +1 -1
- package/amd/UNSAFE_CheckboxItem.js.map +1 -1
- package/amd/UNSAFE_CheckboxRadioField.js +1 -1
- package/amd/UNSAFE_CheckboxSet.js +1 -1
- package/amd/UNSAFE_CheckboxSet.js.map +1 -1
- package/amd/UNSAFE_Chip.js +1 -1
- package/amd/UNSAFE_Collapsible.js +1 -1
- package/amd/UNSAFE_ColorPalette.js +1 -1
- package/amd/UNSAFE_ColorPicker.js +1 -1
- package/amd/UNSAFE_ColorSwatch.js +1 -1
- package/amd/UNSAFE_ComboChart.js +1 -1
- package/amd/UNSAFE_ComponentMessage.js +1 -1
- package/amd/UNSAFE_ContainerDiagram.js +1 -1
- package/amd/UNSAFE_ConveyorBelt.js +1 -1
- package/amd/UNSAFE_DatePicker.js +1 -1
- package/amd/UNSAFE_Diagram.js +1 -1
- package/amd/UNSAFE_Dialog.js +1 -1
- package/amd/UNSAFE_DragHandle.js +1 -1
- package/amd/UNSAFE_DrawerLayout.js +1 -1
- package/amd/UNSAFE_DrawerPopup.js +1 -1
- package/amd/UNSAFE_Dropdown.js +1 -1
- package/amd/UNSAFE_Environment.js +1 -1
- package/amd/UNSAFE_ExpandableList.js +1 -1
- package/amd/UNSAFE_FilePicker.js +1 -1
- package/amd/UNSAFE_FlatTreeView.js +1 -1
- package/amd/UNSAFE_Flex.js +1 -1
- package/amd/UNSAFE_Floating.js +1 -1
- package/amd/UNSAFE_FormLayout.js +1 -1
- package/amd/UNSAFE_Gantt.js +1 -1
- package/amd/UNSAFE_Grid.js +1 -1
- package/amd/UNSAFE_HighlightText.js +1 -1
- package/amd/UNSAFE_Icon.js +1 -1
- package/amd/UNSAFE_IconButton.js +1 -1
- package/amd/UNSAFE_IconMenuButton.js +1 -1
- package/amd/UNSAFE_IconProgressButton.js +1 -1
- package/amd/UNSAFE_IconToggleButton.js +1 -1
- package/amd/UNSAFE_Indexer.js +1 -1
- package/amd/UNSAFE_InlineSelectSingle.js +1 -1
- package/amd/UNSAFE_InputColor.js +1 -1
- package/amd/UNSAFE_InputDateMask/themes/SegmentStyles.css.js +1 -1
- package/amd/UNSAFE_InputDateMask.js +1 -1
- package/amd/UNSAFE_InputDatePicker.js +1 -1
- package/amd/UNSAFE_InputPassword.js +1 -1
- package/amd/UNSAFE_InputSensitiveText.js +1 -1
- package/amd/UNSAFE_InputText.js +1 -1
- package/amd/UNSAFE_InputTimeMask/themes/SegmentStyles.css.js +1 -1
- package/amd/UNSAFE_InputTimeMask.js +1 -1
- package/amd/UNSAFE_InputTimeMask.js.map +1 -1
- package/amd/UNSAFE_Label.js +1 -1
- package/amd/UNSAFE_LabelValueLayout.js +1 -1
- package/amd/UNSAFE_LabelledLink.js +1 -1
- package/amd/UNSAFE_Layer.js +1 -1
- package/amd/UNSAFE_Legend.js +1 -1
- package/amd/UNSAFE_LineAreaChart.js +1 -1
- package/amd/UNSAFE_Link.js +1 -1
- package/amd/UNSAFE_ListItemLayout.js +1 -1
- package/amd/UNSAFE_ListView.js +1 -1
- package/amd/UNSAFE_LiveRegion.js +1 -1
- package/amd/UNSAFE_Menu.js +1 -1
- package/amd/UNSAFE_MenuButton.js +1 -1
- package/amd/UNSAFE_MessageBanner.js +1 -1
- package/amd/UNSAFE_MessageToast.js +1 -1
- package/amd/UNSAFE_MeterBar.js +1 -1
- package/amd/UNSAFE_MeterCircle.js +1 -1
- package/amd/UNSAFE_Modal.js +1 -1
- package/amd/UNSAFE_NavigationList.js +1 -1
- package/amd/UNSAFE_NavigationListCommon.js +1 -1
- package/amd/UNSAFE_NumberInputText.js +1 -1
- package/amd/UNSAFE_OverflowTabBar.js +1 -1
- package/amd/UNSAFE_PictoChart.js +1 -1
- package/amd/UNSAFE_PieChart/__test__/PieChart.spec.js +1 -1
- package/amd/UNSAFE_PieChart.js +1 -1
- package/amd/UNSAFE_Popup.js +1 -1
- package/amd/UNSAFE_ProgressBar.js +1 -1
- package/amd/UNSAFE_ProgressButton.js +1 -1
- package/amd/UNSAFE_ProgressButtonLabelLayout.js +1 -1
- package/amd/UNSAFE_ProgressCircle.js +1 -1
- package/amd/UNSAFE_RadioItem.js +1 -1
- package/amd/UNSAFE_RadioSet.js +1 -1
- package/amd/UNSAFE_RatingGauge.js +1 -1
- package/amd/UNSAFE_ReorderableTabBar.js +1 -1
- package/amd/UNSAFE_RichCheckboxSet.js +1 -1
- package/amd/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/amd/UNSAFE_RichRadioSet.js +1 -1
- package/amd/UNSAFE_RichSelectionItem.js +1 -1
- package/amd/UNSAFE_RichSelectionItem.js.map +1 -1
- package/amd/UNSAFE_ScatterChart.js +1 -1
- package/amd/UNSAFE_SectionalLegend.js +1 -1
- package/amd/UNSAFE_SelectMultiple.js +1 -1
- package/amd/UNSAFE_SelectSingle.js +1 -1
- package/amd/UNSAFE_SelectionCard.js +1 -1
- package/amd/UNSAFE_Selector.js +1 -1
- package/amd/UNSAFE_SelectorAll.js +1 -1
- package/amd/UNSAFE_Sheet/__test__/Sheet.spec.js +1 -1
- package/amd/UNSAFE_Sheet.js +1 -1
- package/amd/UNSAFE_SortControl.js +1 -1
- package/amd/UNSAFE_SplitMenuButton.js +1 -1
- package/amd/UNSAFE_Switch.js +1 -1
- package/amd/UNSAFE_TabBar.js +1 -1
- package/amd/UNSAFE_TabBarCommon.js +1 -1
- package/amd/UNSAFE_TabBarMixed.js +1 -1
- package/amd/UNSAFE_TableView.js +1 -1
- package/amd/UNSAFE_TagCloud.js +1 -1
- package/amd/UNSAFE_TextArea.js +1 -1
- package/amd/UNSAFE_TextAreaAutosize.js +1 -1
- package/amd/UNSAFE_TextField.js +1 -1
- package/amd/UNSAFE_ToggleButton.js +1 -1
- package/amd/UNSAFE_Toolbar/tests/Toolbar.spec.js +1 -1
- package/amd/UNSAFE_Toolbar.js +1 -1
- package/amd/UNSAFE_Train.js +1 -1
- package/amd/UNSAFE_TruncatingBadge.js +1 -1
- package/amd/UNSAFE_TruncatingText.js +1 -1
- package/amd/UNSAFE_UserAssistance.js +1 -1
- package/amd/UNSAFE_View.js +1 -1
- package/amd/UNSAFE_VirtualizedListView.js +1 -1
- package/amd/UNSAFE_VisInvalidDataMessage.js +1 -1
- package/amd/UNSAFE_VisNoDataMessage.js +1 -1
- package/amd/UNSAFE_VisProgressiveLoader/__test__/VisProgressiveLoader.spec.js +1 -1
- package/amd/UNSAFE_VisProgressiveLoader.js +1 -1
- package/amd/UNSAFE_WindowOverlay.js +1 -1
- package/amd/{View-215ec211.js → View-35699bb2.js} +2 -2
- package/amd/{View-215ec211.js.map → View-35699bb2.js.map} +1 -1
- package/amd/{VisInvalidDataMessage-139a0bf8.js → VisInvalidDataMessage-8e7534a7.js} +2 -2
- package/amd/{VisInvalidDataMessage-139a0bf8.js.map → VisInvalidDataMessage-8e7534a7.js.map} +1 -1
- package/amd/VisNoDataMessage-fc41dae3.js +2 -0
- package/amd/{VisNoDataMessage-e4eb08f6.js.map → VisNoDataMessage-fc41dae3.js.map} +1 -1
- package/amd/{VisPlaceholder-a7cac338.js → VisPlaceholder-1bbfb2f0.js} +2 -2
- package/amd/{VisPlaceholder-a7cac338.js.map → VisPlaceholder-1bbfb2f0.js.map} +1 -1
- package/amd/{VisProgressiveLoader-10192b41.js → VisProgressiveLoader-eeac2e00.js} +2 -2
- package/amd/{VisProgressiveLoader-10192b41.js.map → VisProgressiveLoader-eeac2e00.js.map} +1 -1
- package/amd/{VisStatusMessage-307f20e9.js → VisStatusMessage-ac3a90aa.js} +2 -2
- package/amd/{VisStatusMessage-307f20e9.js.map → VisStatusMessage-ac3a90aa.js.map} +1 -1
- package/amd/{VisTabularDatatip-d6b9f28f.js → VisTabularDatatip-93d56ae8.js} +2 -2
- package/amd/{VisTabularDatatip-d6b9f28f.js.map → VisTabularDatatip-93d56ae8.js.map} +1 -1
- package/amd/{WindowOverlay-55232139.js → WindowOverlay-11d88211.js} +2 -2
- package/amd/{WindowOverlay-55232139.js.map → WindowOverlay-11d88211.js.map} +1 -1
- package/amd/{YearsGridView-ef191926.js → YearsGridView-09b45b4e.js} +2 -2
- package/amd/{YearsGridView-ef191926.js.map → YearsGridView-09b45b4e.js.map} +1 -1
- package/amd/hoc/PRIVATE_withDirectionIcon.js +1 -1
- package/amd/hoc/PRIVATE_withThemeIcon.js +1 -1
- package/amd/hoc/UNSAFE_withThemeProps.js +1 -1
- package/amd/hooks/PRIVATE_useChartContextMenu.js +1 -1
- package/amd/hooks/PRIVATE_useChartDatatip.js +1 -1
- package/amd/hooks/PRIVATE_useChartEvents.js +1 -1
- package/amd/hooks/PRIVATE_useChartMarquee.js +1 -1
- package/amd/hooks/PRIVATE_useCollectionFocusRing.js +1 -1
- package/amd/hooks/PRIVATE_useCssVars.js +1 -1
- package/amd/hooks/PRIVATE_useCurrentKey.js +1 -1
- package/amd/hooks/PRIVATE_useDatatip.js +1 -1
- package/amd/hooks/PRIVATE_useDetectHorizontalOverflow.js +1 -1
- package/amd/hooks/PRIVATE_useFloating.js +1 -1
- package/amd/hooks/PRIVATE_useItemAction.js +1 -1
- package/amd/hooks/PRIVATE_useListCommon.js +1 -1
- package/amd/hooks/PRIVATE_useOutsideMousedown.js +1 -1
- package/amd/hooks/PRIVATE_useRadioFocusManager.js +1 -1
- package/amd/hooks/PRIVATE_useReorderable.js +1 -1
- package/amd/hooks/PRIVATE_useRovingTabIndexContainer.js +1 -1
- package/amd/hooks/PRIVATE_useSelection.js +1 -1
- package/amd/hooks/PRIVATE_useTabBar.js +1 -1
- package/amd/hooks/PRIVATE_useTabbableModeSet.js +1 -1
- package/amd/hooks/PRIVATE_useTooltipOnTruncation.js +1 -1
- package/amd/hooks/PRIVATE_useVisContextMenu.js +1 -1
- package/amd/hooks/PRIVATE_useVisDragModeControls.js +1 -1
- package/amd/hooks/PRIVATE_useVisEvents.js +1 -1
- package/amd/hooks/PRIVATE_useVisMeterEvents.js +1 -1
- package/amd/hooks/PRIVATE_useVisSelection.js +1 -1
- package/amd/hooks/UNSAFE_useBareButton.js +1 -1
- package/amd/hooks/UNSAFE_useColorScheme.js +1 -1
- package/amd/hooks/UNSAFE_useCurrentBgColor.js +1 -1
- package/amd/hooks/UNSAFE_useDensity.js +1 -1
- package/amd/hooks/UNSAFE_useHiddenTestMethod.js +1 -1
- package/amd/hooks/UNSAFE_useOutsideClick.js +1 -1
- package/amd/hooks/UNSAFE_usePrefixSuffix.js +1 -1
- package/amd/hooks/UNSAFE_useScale.js +1 -1
- package/amd/hooks/UNSAFE_useTestId.js +1 -1
- package/amd/hooks/UNSAFE_useTheme.js +1 -1
- package/amd/hooks/UNSAFE_useThemeInterpolations.js +1 -1
- package/amd/hooks/UNSAFE_useTooltip.js +1 -1
- package/amd/hooks/UNSAFE_useTranslationBundle.js +1 -1
- package/amd/hooks/UNSAFE_useUser.js +1 -1
- package/amd/{index-4f562976.js → index-5899fd61.js} +2 -2
- package/amd/index-5899fd61.js.map +1 -0
- package/amd/listViewSelectionTests-c5492828.js +1 -1
- package/amd/popupUtils-d42db8bf.js +2 -0
- package/amd/{popupUtils-71ea5dd1.js.map → popupUtils-d42db8bf.js.map} +1 -1
- package/amd/render-0e124b25.js +2 -0
- package/amd/{render-40923005.js.map → render-0e124b25.js.map} +1 -1
- package/amd/{tabbableUtils-7fa099af.js → tabbableUtils-0f5a148a.js} +2 -2
- package/amd/{tabbableUtils-7fa099af.js.map → tabbableUtils-0f5a148a.js.map} +1 -1
- package/amd/{testData-db08ddc1.js → testData-0ee09770.js} +2 -2
- package/amd/{testData-db08ddc1.js.map → testData-0ee09770.js.map} +1 -1
- package/amd/{testData-d92d6bdb.js → testData-c84b4335.js} +2 -2
- package/amd/{testData-d92d6bdb.js.map → testData-c84b4335.js.map} +1 -1
- package/amd/{tooltipUtils-0761844d.js → tooltipUtils-66f3844a.js} +2 -2
- package/amd/{tooltipUtils-0761844d.js.map → tooltipUtils-66f3844a.js.map} +1 -1
- package/amd/useBareButton-0afa84c2.js +1 -1
- package/amd/useCellNavigation-fe5a7be7.js +1 -1
- package/amd/useChartContextMenu-1490ade6.js +1 -1
- package/amd/{useChartDatatip-1255260f.js → useChartDatatip-1dc977ae.js} +2 -2
- package/amd/{useChartDatatip-1255260f.js.map → useChartDatatip-1dc977ae.js.map} +1 -1
- package/amd/{useColorScheme-6cb3a3b7.js → useColorScheme-097c31ff.js} +2 -2
- package/amd/{useColorScheme-6cb3a3b7.js.map → useColorScheme-097c31ff.js.map} +1 -1
- package/amd/useContextMenu-c4fc924d.js +1 -1
- package/amd/{useCssVars-d0c0bfa2.js → useCssVars-3194b2f6.js} +2 -2
- package/amd/{useCssVars-d0c0bfa2.js.map → useCssVars-3194b2f6.js.map} +1 -1
- package/amd/{useCurrentBgColor-3044b50a.js → useCurrentBgColor-6f440613.js} +2 -2
- package/amd/{useCurrentBgColor-3044b50a.js.map → useCurrentBgColor-6f440613.js.map} +1 -1
- package/amd/useCurrentKey-5749e7fb.js +2 -0
- package/amd/{useCurrentKey-05038cac.js.map → useCurrentKey-5749e7fb.js.map} +1 -1
- package/amd/{useDatatip-656c8df6.js → useDatatip-df022581.js} +2 -2
- package/amd/{useDatatip-656c8df6.js.map → useDatatip-df022581.js.map} +1 -1
- package/amd/{useDensity-622a2d34.js → useDensity-8a10fc70.js} +2 -2
- package/amd/{useDensity-622a2d34.js.map → useDensity-8a10fc70.js.map} +1 -1
- package/amd/useDisplayValue-a15b1a34.js +1 -1
- package/amd/{useExpandCollapse-d8799966.js → useExpandCollapse-41860b2a.js} +2 -2
- package/amd/{useExpandCollapse-d8799966.js.map → useExpandCollapse-41860b2a.js.map} +1 -1
- package/amd/{useFloating-0bdf9133.js → useFloating-5cb85d2b.js} +2 -2
- package/amd/{useFloating-0bdf9133.js.map → useFloating-5cb85d2b.js.map} +1 -1
- package/amd/{useHiddenTestMethod-6bbe8a43.js → useHiddenTestMethod-8321d341.js} +2 -2
- package/amd/{useHiddenTestMethod-6bbe8a43.js.map → useHiddenTestMethod-8321d341.js.map} +1 -1
- package/amd/useKeyboardEvents-f0419128.js +2 -0
- package/amd/{useKeyboardEvents-191a444a.js.map → useKeyboardEvents-f0419128.js.map} +1 -1
- package/amd/useLegendContextMenu-9b6f6083.js +1 -1
- package/amd/useMeterDatatip-5598534c.js +2 -0
- package/amd/{useMeterDatatip-d6977d41.js.map → useMeterDatatip-5598534c.js.map} +1 -1
- package/amd/useNavigation-8d7dae30.js +1 -1
- package/amd/{useOutsideClick-ace4f686.js → useOutsideClick-b9b661a4.js} +2 -2
- package/amd/{useOutsideClick-ace4f686.js.map → useOutsideClick-b9b661a4.js.map} +1 -1
- package/amd/{useOutsideMousedown-62fa309c.js → useOutsideMousedown-cb88da60.js} +2 -2
- package/amd/{useOutsideMousedown-62fa309c.js.map → useOutsideMousedown-cb88da60.js.map} +1 -1
- package/amd/usePopupAnimation-dc282b02.js +2 -0
- package/amd/{usePopupAnimation-389749fc.js.map → usePopupAnimation-dc282b02.js.map} +1 -1
- package/amd/usePrefixSuffix-dd2cae55.js +2 -0
- package/amd/{usePrefixSuffix-7371ec52.js.map → usePrefixSuffix-dd2cae55.js.map} +1 -1
- package/amd/useRadioFocusManager-462e28eb.js +2 -0
- package/amd/{useRadioFocusManager-c613d2fc.js.map → useRadioFocusManager-462e28eb.js.map} +1 -1
- package/amd/{useReorderableItem-6ab59e42.js → useReorderableItem-0f9d7742.js} +2 -2
- package/amd/{useReorderableItem-6ab59e42.js.map → useReorderableItem-0f9d7742.js.map} +1 -1
- package/amd/{useRovingTabIndexContainer-a8b8ab8f.js → useRovingTabIndexContainer-9aa2fbcf.js} +2 -2
- package/amd/{useRovingTabIndexContainer-a8b8ab8f.js.map → useRovingTabIndexContainer-9aa2fbcf.js.map} +1 -1
- package/amd/{useScale-404175fb.js → useScale-04a448c3.js} +2 -2
- package/amd/{useScale-404175fb.js.map → useScale-04a448c3.js.map} +1 -1
- package/amd/useSelectCommon-be138f8d.js +1 -1
- package/amd/{useSelectDrill-a749b7f8.js → useSelectDrill-2a3c2b81.js} +2 -2
- package/amd/{useSelectDrill-a749b7f8.js.map → useSelectDrill-2a3c2b81.js.map} +1 -1
- package/amd/{useSelection-8f66e2ab.js → useSelection-00add7e4.js} +2 -2
- package/amd/{useSelection-8f66e2ab.js.map → useSelection-00add7e4.js.map} +1 -1
- package/amd/{useSelection-48cb7bdf.js → useSelection-aecb6b23.js} +2 -2
- package/amd/{useSelection-48cb7bdf.js.map → useSelection-aecb6b23.js.map} +1 -1
- package/amd/useTabBar-50c4da2d.js +1 -1
- package/amd/{useTabBarItemTooltip-0c13e9b4.js → useTabBarItemTooltip-fac844e2.js} +2 -2
- package/amd/{useTabBarItemTooltip-0c13e9b4.js.map → useTabBarItemTooltip-fac844e2.js.map} +1 -1
- package/amd/{useTestId-6160e7a2.js → useTestId-f4240cbd.js} +2 -2
- package/amd/{useTestId-6160e7a2.js.map → useTestId-f4240cbd.js.map} +1 -1
- package/amd/{useTheme-59bafcbb.js → useTheme-da27e1d1.js} +2 -2
- package/amd/{useTheme-59bafcbb.js.map → useTheme-da27e1d1.js.map} +1 -1
- package/amd/useThemeInterpolations-cc05b0f0.js +2 -0
- package/amd/{useThemeInterpolations-53e9343f.js.map → useThemeInterpolations-cc05b0f0.js.map} +1 -1
- package/amd/useTooltip-c8aaf38a.js +2 -0
- package/amd/{useTooltip-5615359f.js.map → useTooltip-c8aaf38a.js.map} +1 -1
- package/amd/{useTooltipControlled-0e181f1a.js → useTooltipControlled-af5409d4.js} +2 -2
- package/amd/{useTooltipControlled-0e181f1a.js.map → useTooltipControlled-af5409d4.js.map} +1 -1
- package/amd/useTooltipOnTruncation-129d7663.js +2 -0
- package/amd/{useTooltipOnTruncation-5c26fe42.js.map → useTooltipOnTruncation-129d7663.js.map} +1 -1
- package/amd/{useTranslationBundle-db326955.js → useTranslationBundle-e4dd341e.js} +2 -2
- package/amd/{useTranslationBundle-db326955.js.map → useTranslationBundle-e4dd341e.js.map} +1 -1
- package/amd/{useUser-e0677e8d.js → useUser-08901aba.js} +2 -2
- package/amd/{useUser-e0677e8d.js.map → useUser-08901aba.js.map} +1 -1
- package/amd/useVisDragModeControls-47a4f754.js +1 -1
- package/amd/{useVisEvents-4860cd24.js → useVisEvents-5f18ab46.js} +2 -2
- package/amd/{useVisEvents-4860cd24.js.map → useVisEvents-5f18ab46.js.map} +1 -1
- package/amd/utils/PRIVATE_collectionUtils.js +1 -1
- package/amd/utils/PRIVATE_tabBarUtils.js +1 -1
- package/amd/utils/PRIVATE_tooltipUtils.js +1 -1
- package/amd/utils/PRIVATE_visTestUtils.js +1 -1
- package/amd/utils/UNSAFE_popupUtils.js +1 -1
- package/amd/{withDirectionIcon-07d1a4ee.js → withDirectionIcon-cea07c6e.js} +2 -2
- package/amd/{withDirectionIcon-07d1a4ee.js.map → withDirectionIcon-cea07c6e.js.map} +1 -1
- package/amd/withThemeProps-88ad9dea.js +1 -1
- package/cjs/{BaseCardView-b34fe51b.js → BaseCardView-5690e60a.js} +1 -4
- package/cjs/{BaseCardView-b34fe51b.js.map → BaseCardView-5690e60a.js.map} +1 -1
- package/cjs/{ColorPicker-24ef1a81.js → ColorPicker-3e500453.js} +2 -2
- package/cjs/{ColorPicker-24ef1a81.js.map → ColorPicker-3e500453.js.map} +1 -1
- package/cjs/PRIVATE_BaseCardView.js +1 -1
- package/cjs/PRIVATE_TableList.js +4 -4
- package/cjs/{TabBar-ab270d09.js → TabBar-a6629ef8.js} +1 -3
- package/cjs/{TabBar-ab270d09.js.map → TabBar-a6629ef8.js.map} +1 -1
- package/cjs/Theme-redwood/theme.css +152 -152
- package/cjs/Theme-stable/theme.css +164 -164
- package/cjs/UNSAFE_CardFlexView.js +1 -1
- package/cjs/UNSAFE_CardGridView.js +1 -1
- package/cjs/UNSAFE_ColorPicker.js +25 -25
- package/cjs/UNSAFE_InputColor.js +2 -2
- package/cjs/UNSAFE_ListView.js +53 -53
- package/cjs/UNSAFE_OverflowTabBar.js +10 -10
- package/cjs/UNSAFE_ReorderableTabBar.js +12 -12
- package/cjs/UNSAFE_TabBar.js +10 -10
- package/cjs/UNSAFE_TabBarMixed.js +8 -8
- package/es/{Chart-c9ad6478.js → Chart-ec6a48d2.js} +2 -2
- package/es/{Chart-c9ad6478.js.map → Chart-ec6a48d2.js.map} +1 -1
- package/es/CheckboxSet-ac2fc1ca.js +51 -0
- package/{amd/CheckboxSet-2242fd14.js.map → es/CheckboxSet-ac2fc1ca.js.map} +1 -1
- package/es/FormLayoutVariants.styles.css +14 -14
- package/es/FormLayoutVariants.styles2.css +14 -14
- package/es/PRIVATE_Chart.js +4 -4
- package/es/Theme-redwood/theme.css +435 -435
- package/es/Theme-stable/theme.css +552 -552
- package/es/UNSAFE_BarChart.js +4 -4
- package/es/UNSAFE_CheckboxItem.js +122 -61
- package/es/UNSAFE_CheckboxItem.js.map +1 -1
- package/es/UNSAFE_CheckboxSet.js +15 -49
- package/es/UNSAFE_CheckboxSet.js.map +1 -1
- package/es/UNSAFE_ComboChart.js +4 -4
- package/es/UNSAFE_FormLayout/themes/redwood/FormLayoutTheme.js +1 -1
- package/es/UNSAFE_FormLayout/themes/redwood/FormLayoutVariants.css.js +1 -1
- package/es/UNSAFE_FormLayout/themes/stable/FormLayoutTheme.js +1 -1
- package/es/UNSAFE_FormLayout/themes/stable/FormLayoutVariants.css.js +1 -1
- package/es/UNSAFE_FormLayout.js +1 -1
- package/es/UNSAFE_InputDatePicker.js +92 -92
- package/es/UNSAFE_LineAreaChart.js +4 -4
- package/es/UNSAFE_RichCheckboxSet.js +46 -42
- package/es/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/es/UNSAFE_RichSelectionItem.js +152 -89
- package/es/UNSAFE_RichSelectionItem.js.map +1 -1
- package/es/UNSAFE_ScatterChart.js +4 -4
- package/es/UNSAFE_TextArea.js +226 -106
- package/es/UNSAFE_TextArea.js.map +1 -1
- package/es/UNSAFE_TextAreaAutosize.js +1 -1
- package/es/useTextAreaAltEnter-ac460f4c.js +61 -0
- package/es/useTextAreaAltEnter-ac460f4c.js.map +1 -0
- package/package.json +2 -2
- package/amd/Button-d541cd67.js +0 -2
- package/amd/CheckboxSet-2242fd14.js +0 -2
- package/amd/ColorPalette-f05a9dad.js +0 -2
- package/amd/ColorPicker-236d84f0.js +0 -2
- package/amd/CompactLabelAssistance-7bb76228.js +0 -2
- package/amd/DragHandle-652ffa0f.js +0 -2
- package/amd/EmbeddedIconButton-c3cb14c0.js +0 -2
- package/amd/Flex-71f83c12.js +0 -2
- package/amd/HighlightText-365ba020.js +0 -2
- package/amd/InputColor-a1fcd3b3.js +0 -2
- package/amd/InputDatePicker-b16a1592.js +0 -2
- package/amd/LayerManager-5ba8e6ed.js +0 -2
- package/amd/LiveRegion-1553833d.js +0 -2
- package/amd/MessageLayer-24870def.js +0 -2
- package/amd/VisNoDataMessage-e4eb08f6.js +0 -2
- package/amd/index-4f562976.js.map +0 -1
- package/amd/popupUtils-71ea5dd1.js +0 -2
- package/amd/render-40923005.js +0 -2
- package/amd/useCurrentKey-05038cac.js +0 -2
- package/amd/useKeyboardEvents-191a444a.js +0 -2
- package/amd/useMeterDatatip-d6977d41.js +0 -2
- package/amd/usePopupAnimation-389749fc.js +0 -2
- package/amd/usePrefixSuffix-7371ec52.js +0 -2
- package/amd/useRadioFocusManager-c613d2fc.js +0 -2
- package/amd/useThemeInterpolations-53e9343f.js +0 -2
- package/amd/useTooltip-5615359f.js +0 -2
- package/amd/useTooltipOnTruncation-5c26fe42.js +0 -2
- package/es/CheckboxSetContext-1be56556.js +0 -9
- package/es/TextArea-72682112.js +0 -225
- package/es/TextArea-72682112.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Collapsible-0bf0c371', './useTestId-
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Collapsible-0bf0c371', './useTestId-f4240cbd', './AccordionItemStylingContext-3db85a07'], (function(e,n,t,i,r,a){"use strict";const l=(e,n)=>{if(!e||!n)return!1;if(e.length!==n.length)return!1;const t=[...e].sort(),i=[...n].sort();return t.every(((e,n)=>e===i[n]))},s=(e,n,t,i)=>{if(i){i({value:o(n,t)??[],target:e.target})}},o=(e,n)=>n?.includes(e)?n.filter((n=>n!==e)):[...n??[],e];e.AccordionItemMultiple=function({"aria-label":e,"aria-labelledby":o,children:c,isDisabled:d,header:u,iconPosition:b,itemKey:f,expandedKeys:g,onChange:h,onTransitionEnd:x,testId:p}){const y=t.useRef(g),C=t.useRef();l(y.current,g)||(C.current=y.current,y.current=g);const v=t.useCallback((e=>{s(e,f,g,h)}),[f,g,h]),m=t.useCallback((e=>{v(e)}),[v]),I=t.useCallback((()=>{x?.({value:{from:C.current,to:g||[]}})}),[x,g]),T=g?.includes(f),j=r.useTestId(p);return n.jsx("div",{...j,children:n.jsx(a.AccordionItemStylingContext.Provider,{value:{stylingVariant:"accordion"},children:n.jsx(i.Collapsible,{"aria-label":e,"aria-labelledby":o,isDisabled:d,isExpanded:T,header:u,iconPosition:b,variant:"basic",onToggle:m,onTransitionEnd:I,children:c})})})}}));
|
|
2
2
|
//# sourceMappingURL=AccordionItemMultiple-7cfecf03.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Collapsible-0bf0c371', './useTestId-
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Collapsible-0bf0c371', './useTestId-f4240cbd', './equals-e73adbe3', './AccordionItemStylingContext-3db85a07'], (function(e,n,a,i,l,t,r){"use strict";const o=(e,n,a,i)=>{if(i){i({value:0==t.equals(n,a)?n:null,target:e.target})}};e.AccordionItemSingle=function({"aria-label":e,"aria-labelledby":s,children:c,isDisabled:d,header:u,iconPosition:b,itemKey:f,expandedKey:g,onChange:x,onTransitionEnd:h,testId:C}){const p=a.useRef(),v=a.useRef();p.current!==g&&(v.current=p.current,p.current=g);const y=a.useCallback((e=>{o(e,f,g,x)}),[f,g,x]),m=a.useCallback((e=>{y(e)}),[y]),I=a.useCallback((()=>{h?.({value:{from:v.current??void 0,to:g||null}})}),[h,g]),T=t.equals(g,f),j=l.useTestId(C);return n.jsx("div",{...j,children:n.jsx(r.AccordionItemStylingContext.Provider,{value:{stylingVariant:"accordion"},children:n.jsx(i.Collapsible,{"aria-label":e,"aria-labelledby":s,isDisabled:d,isExpanded:T,header:u,iconPosition:b,variant:"basic",onToggle:m,onTransitionEnd:I,children:c})})})}}));
|
|
2
2
|
//# sourceMappingURL=AccordionItemSingle-6c70951e.js.map
|
package/amd/BarChart-379e0e10.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './useUser-
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './useUser-08901aba', './BarGroup-6f67e7ca', './dataStyleUtils-1a157bd8', 'preact/compat', './Chart-57d1c518'], (function(e,t,r,n,o,i,s,a){"use strict";function d(e,t,r,n,o,i){const s=Array.isArray(n)&&n.length>1,a=t?t.map((e=>{const t=o(e)??"default",r=n.indexOf(t);return r>=0?r:0})):new Array(r).fill(0),d=n.map((()=>[]));for(let e=0;e<r;e++){const t=a[e]??0;d[t]&&d[t].push(e)}const l=(t,r)=>{const n=e(t,r);return n?.value},g=(e,t)=>{const r=l(e,t),n=null==(o=r)||0===o?0:o>0?1:-1;var o;const i=a[e],s=d[i]||[];let g=0;for(let r=0;r<s.length;r++){const o=s[r],i=l(o,t);if(n>0?(i??0)>0&&(g+=i):(i??0)<0&&(g+=i),o===e)break}return g};return{hasMultipleStacks:s,moveWithinStack:(e,t)=>{const n=e.groupIndex,o=(s=n,Array.from({length:r},((e,t)=>({s:t,pos:g(t,s)}))).sort(((e,t)=>e.pos===t.pos?e.s-t.s:e.pos-t.pos)).map((e=>e.s)));var s;const a=o.indexOf(e.seriesIndex);if(-1===a)return;const d="next"===t?1:-1;for(let e=a+d;e>=0&&e<o.length;e+=d){const t=o[e];if(i(t,n))return{seriesIndex:t,groupIndex:n}}}}}function l(e,t,r,n){const o=i.getNextItemInGroup(e,r,n);if(o)return o;if(e.groupIndex<t){let o={seriesIndex:0,groupIndex:e.groupIndex+1};if(n(o.seriesIndex,o.groupIndex))return o;if(o=l(o,t,r,n),o)return o}}function g(e,t,r,n){const o=i.getPrevItemInGroup(e,n);if(o)return o;if(e.groupIndex>t){let o={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(n(o.seriesIndex,o.groupIndex))return o;if(o=g(o,t,r,n),o)return o}return e}function u(e){return t.jsx(c,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const c=s.forwardRef((({width:e,height:s,selectedIds:c=[],hiddenIds:p=[],highlightedIds:f,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:h,xAxis:A,y2Axis:m,series:S,groups:w,stacking:v="off",getDataItem:y,selectionMode:k="none",drilling:b="off",dataItemGaps:D=.5,...R},G)=>{const{direction:L}=n.useUser(),P="rtl"===L,j=new Set(p),B="horizontal"===x,C=A?.timeAxisType,M=new Set(c),T=new Set(f),U="off"!=v,N="string"==typeof v?void 0:v.stackLabelStyle,O="string"!=typeof v?v.getStackGroup:()=>"default",E="object"==typeof v&&v.getStackLabel?v.getStackLabel:void 0,W="number"==typeof m?.split;return t.jsx(a.Chart,{ref:G,width:e,height:s,yAxis:h,xAxis:A,y2Axis:m,selectedIds:M,hiddenIds:p,hideAndShowBehavior:I,orientation:x,series:S,groups:w,isStacked:U,getDataItem:y,stackLabelStyle:N,selectionMode:k,getStackGroup:O,drilling:b,renderGridLinesInFront:!1,findNearest:(e,t,n,i,s,a)=>{const d=o.getSeriesOffsetAndWidth(i,s,S,y,a,D,U,P,B);return r.findNearestDataPoint(S,w,e,t,y,U,d,o.getBarCenterCoordinate,"log"===h?.scale,D,j,C,n)},getDataItemPos:(e,t,r,n,i,s)=>o.getBarPosition(S,w,y,e,t,r,j,D,n,i,s,"log"===h?.scale,U,P,B,W,O,C),getNavUtil:(e,t)=>{const r=U?Array.from(new Set(S.map((e=>O(e)||"default")))):[];return function(e,t,r,n,o,s,a,u,c,p){const f=(t,r)=>{const n=e(t,r);return Boolean(n)};return(I,x)=>{if(!s&&(("ArrowDown"===x||"ArrowUp"===x)&&!u||("ArrowLeft"===x||"ArrowRight"===x)&&u))return I;let h;const A={groupIndex:I.groupIndex,seriesIndex:I.seriesIndex};if(A.groupIndex<n)return A.groupIndex=n,A;if(A.groupIndex>o)return A.groupIndex=o,A;if(s){const{moveWithinStack:s}=d(e,t,r,c,p,f);"ArrowLeft"===x&&!u||"ArrowUp"===x&&u?h=a&&!u?i.getNextItemInSeries(A,o,f):i.getPrevItemInSeries(A,n,f):"ArrowRight"===x&&!u||"ArrowDown"===x&&u?h=a&&!u?i.getPrevItemInSeries(A,n,f):i.getNextItemInSeries(A,o,f):"ArrowDown"===x&&!u||"ArrowLeft"===x&&u?h=s(A,a&&u?"next":"prev"):("ArrowUp"===x&&!u||"ArrowRight"===x&&u)&&(h=s(A,a&&u?"prev":"next"))}else u?"ArrowDown"===x?h=l(A,o,r,f):"ArrowUp"===x&&(h=g(A,n,r,f)):"ArrowRight"===x?h=a?g(A,n,r,f):l(A,o,r,f):"ArrowLeft"===x&&(h=a?l(A,o,r,f):g(A,n,r,f));return h||A}}(y,S,S.length,e,t,U,P,B,r,O)},getGapRatio:(e,t)=>r.getBarGapRatio(U,e,t),getMarkerInfo:(e,t)=>({color:i.getItemColor(e,t,S,y),type:"circle"}),isRtl:P,getStartAndEndAxesOffset:e=>r.getStartAndEndAxesOffset(!1,!1,B,e,!0),defaultOverviewContentRenderer:()=>t.jsx(u,{series:S,groups:w,getDataItem:y}),...R,children:({groupsInfo:e,xStartIndex:r,xEndIndex:n,xScale:i,yScale:s,y2Scale:a,gapRatio:d,activeId:l,focusedItemInfo:g,hoveredItemInfo:u,axisStepWidth:c,averageGroupZ:p,isPointInsideMarquee:I,getTextDimensions:m,defaultFontSize:w,resolvedColors:v,getItemAriaLabel:R,plotAreaClipPathId:G})=>t.jsx("g",{clipPath:`url(#${G})`,children:e.slice(r,n+1).map((({item:e},n)=>t.jsx(o.BarGroup,{yScale:s,splitDualY:W,y2Scale:a,xScale:i,groupIndex:n+r,selectedIds:M,hiddenIds:j,highlightedIds:f?T:f,isDrillEnabled:"on"===b,series:S,barGapRatio:d,dataItemGaps:D,isPointInsideMarquee:I,isStacked:U,axisStepWidth:c,averageGroupZ:p,group:e,timeAxisType:A?.timeAxisType,colors:v,activeId:l,isLog:"log"===h?.scale,orientation:x,getDataItem:y,isSelectionEnabled:"none"!=k,isRtl:P,focusedItemInfo:g,hoveredItemInfo:u,getTextDimensions:m,defaultFontSize:w,getStackGroup:O,getStackLabel:E,getItemAriaLabel:R})))})})}));e.BarChart=c}));
|
|
2
2
|
//# sourceMappingURL=BarChart-379e0e10.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/compat', './useHover-8b8a1496', './useActive-bb5dc069', './useColorScheme-
|
|
2
|
-
//# sourceMappingURL=BaseButton-
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', 'preact/compat', './useHover-8b8a1496', './useActive-bb5dc069', './useColorScheme-097c31ff', './classNames-08d99695', './dimensions-95c0c920', './mergeInterpolations-9ede4cf7', './clientHints-6d361eaa', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useComponentTheme-5aa41a8f', './BareButton-d02b4870', './buttonUtils-cbbb0130'], (function(e,t,o,n,i,s,r,a,d,l,c,u,m,S,b){"use strict";const v=[...Object.values(a.dimensionInterpolations)],B=d.mergeInterpolations(v),p="ios"===l.getClientHints().platform?{ontouchstart:function(){}}:{},h="events"===l.getClientHints().hoverSupport,f=o.forwardRef((({variant:e,isReadOnly:o=!1,isDisabled:a=!1,isRepeat:d=!1,isClick:l,size:v,onAction:f,elementDetails:y={type:"button",buttonType:"button"},styling:g=["default"],edge:A="none",testId:N,...E},H)=>{const C=e=>g.indexOf(e)>-1,{globalEventProps:I,ariaProps:R}=b.processGlobals(E),{hoverProps:w,isHover:x}=n.useHover({isDisabled:!h}),{activeProps:D,isActive:U}=i.useActive({isDisabled:o}),{class:T,...k}=B({...E,...I}),P="span"==y.type,q=s.useColorScheme(),{variantClasses:W}=m.useComponentTheme(u.BaseButtonRedwoodTheme,{size:v,variant:e,unstyled:C("unstyled")?"isUnstyled":"notUnstyled",embedded:C("embedded")?"isEmbedded":"notEmbedded",container:C("container")?"isContainer":"notContainer",noBorderRadiusStart:C("noBorderRadiusStart")?"isNoBorderRadiusStart":"notNoBorderRadiusStart",noBorderRadiusEnd:C("noBorderRadiusEnd")?"isNoBorderRadiusEnd":"notNoBorderRadiusEnd",noBorderStart:C("noBorderStart")?"isNoBorderStart":"notNoBorderStart",noBorderEnd:C("noBorderEnd")?"isNoBorderEnd":"notNoBorderEnd",activeStyle:C("active")?"isActiveStyle":"notActiveStyle",selectedStyle:C("selected")?"isSelectedStyle":"notSelectedStyle",buttonSetItem:C("buttonSetItem")?"isButtonSetItem":"notButtonSetItem",trailingItem:C("trailingItem")?"isTrailingItem":"notTrailingItem",fill:C("fill")?"isFill":"notFill",min:C("min")?"isMin":"notMin",disabled:a?"isDisabled":"notDisabled",edge:A,hybrid:h?"isHybrid":"notHybrid",active:U?"isActive":"notActive",hover:x?"isHover":"notHover",span:P?"isSpan":"notSpan",widthEqual:C("widthEqual")?"isWidthEqual":"notWidthEqual",widthAuto:C("widthAuto")?"isWidthAuto":"notWidthAuto",hiddenLabel:C("hiddenLabel")?"isHidden":"notHidden",noHoverActive:C("noHoverActive")?"isNoHoverActive":"notNoHoverActive",newStackingContext:C("newStackingContext")?"isNewStackingContext":"notNewStackingContext",noUserSelect:C("noUserSelect")?"notUserSelect":"isUserSelect",colorScheme:q}),j={autofocus:E.autofocus,title:E.title},F=c.mergeProps(p,R,w,C("container")?{}:D,I,j),O=r.classNames([T,W]);return t.jsx(S.BareButton,{ref:H,isDisabled:a||o,isClick:l,classNames:O,style:k,testId:N,onAction:f,autofocus:E.autofocus,elementDetails:y,isRepeat:d,...R,...F,children:E.children})}));f.displayName="BaseButton",e.BaseButton=f}));
|
|
2
|
+
//# sourceMappingURL=BaseButton-5a0ad529.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton-9bf908ec.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BareButton } from '#/UNSAFE_BareButton';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\n\ntype BaseButtonElementDetails =\n | {\n type: 'button';\n buttonType?: 'button' | 'submit';\n isFocusable?: never;\n isLabel?: never;\n isSwitch?: boolean;\n }\n | {\n type: 'a';\n buttonType?: never;\n href: string;\n target?: string;\n rel?: string;\n isFocusable?: never;\n isLabel?: never;\n isSwitch?: never;\n }\n | {\n type: 'span';\n buttonType?: never;\n isFocusable?: boolean;\n isLabel?: boolean;\n isSwitch?: boolean;\n };\n\nexport type StylingOptions =\n | 'default'\n | 'min'\n | 'embedded'\n | 'container'\n | 'unstyled'\n | 'fill'\n | 'noBorderRadiusEnd'\n | 'noBorderRadiusStart'\n | 'noBorderEnd'\n | 'noBorderStart'\n | 'active'\n | 'selected'\n | 'buttonSetItem'\n | 'trailingItem'\n | 'widthEqual'\n | 'hiddenLabel'\n | 'noHoverActive'\n | 'widthAuto'\n | 'newStackingContext'\n | 'noUserSelect';\n\nexport type Props = ButtonIntrinsicProps &\n ButtonIntrinsicAriaProps &\n DimensionProps &\n TestIdProps & {\n /**\n *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n */\n children?: ComponentChildren;\n\n /**\n * Specifies that the button be read-only.\n */\n isReadOnly?: boolean;\n\n /**\n * Specifies that the button element should be disabled.\n */\n isDisabled?: boolean;\n\n /**\n * Specifies if repeated events are dispatched for key or pointer held down\n */\n isRepeat?: boolean;\n\n /**\n * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n */\n isClick?: boolean;\n\n /**\n *\n * Indicates in what states the button has chrome (background and border).\n * \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n * useful for performing low-priority tasks, such as manipulating the UI.\",\n * \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n * buttons are useful for supplemental actions that require minimal emphasis.\",\n * \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n * solid buttons. Outlined buttons are useful for secondary actions.\",\n * \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n * most important actions in the UI.\",\n * \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n * complete the action that is the main goal of the page or page section. There\n * should only be one CTA button on a page at any given time.\",\n * \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n */\n variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n /**\n * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n */\n size?: 'xs' | 'sm' | 'md' | 'lg';\n\n /**\n * Edge can be used to specify that the button is intended to go at the bottom of\n * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n */\n edge?: 'none' | 'bottom';\n\n /**\n * Styling can be used for customizing buttons by removing label padding (\"min\") or\n * removing all styling (\"unstyled\").\n */\n styling?: StylingOptions[];\n\n /**\n * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n */\n onAction?: ComponentProps<typeof BareButton>['onAction'];\n\n /**\n * Indicate element type and associated details\n */\n elementDetails?: BaseButtonElementDetails;\n };\n\ntype ButtonHandle = ElementRef<typeof BareButton>;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport const BaseButton = forwardRef(\n (\n {\n variant,\n isReadOnly = false,\n isDisabled = false,\n isRepeat = false,\n isClick,\n size,\n onAction,\n elementDetails = { type: 'button', buttonType: 'button' },\n styling = ['default'],\n edge = 'none',\n testId,\n ...props\n }: Props,\n ref: Ref<ButtonHandle>\n ) => {\n const isStyled = (name: StylingOptions) => {\n return styling.indexOf(name) > -1;\n };\n const { globalEventProps, ariaProps } = processGlobals(props);\n const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n const { class: cls, ...styles } = styleInterpolations({\n ...props,\n ...globalEventProps\n });\n\n const ElementType = elementDetails.type;\n const isSpan = ElementType == 'span';\n const colorScheme = useColorScheme();\n\n const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n size,\n variant,\n unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n container: isStyled('container') ? 'isContainer' : 'notContainer',\n noBorderRadiusStart: isStyled('noBorderRadiusStart')\n ? 'isNoBorderRadiusStart'\n : 'notNoBorderRadiusStart',\n noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n ? 'isNoBorderRadiusEnd'\n : 'notNoBorderRadiusEnd',\n noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n fill: isStyled('fill') ? 'isFill' : 'notFill',\n min: isStyled('min') ? 'isMin' : 'notMin',\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n edge,\n hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n active: isActive ? 'isActive' : 'notActive',\n hover: isHover ? 'isHover' : 'notHover',\n span: isSpan ? 'isSpan' : 'notSpan',\n widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n newStackingContext: isStyled('newStackingContext')\n ? 'isNewStackingContext'\n : 'notNewStackingContext',\n noUserSelect: isStyled('noUserSelect') ? 'notUserSelect' : 'isUserSelect',\n colorScheme\n });\n\n const legacyGlobals = {\n autofocus: props.autofocus,\n title: props.title\n };\n\n const mergedProps = mergeProps(\n iosProps,\n ariaProps,\n hoverProps,\n isStyled('container') ? {} : activeProps,\n globalEventProps,\n legacyGlobals\n );\n\n const wrapperClasses = classNames([cls, variantClasses]);\n\n return (\n <BareButton\n ref={ref}\n isDisabled={isDisabled || isReadOnly}\n isClick={isClick}\n classNames={wrapperClasses}\n style={styles}\n testId={testId}\n onAction={onAction}\n autofocus={props['autofocus']}\n elementDetails={elementDetails}\n isRepeat={isRepeat}\n {...ariaProps}\n {...mergedProps}>\n {props.children}\n </BareButton>\n );\n }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","iosProps","getClientHints","platform","ontouchstart","isHybrid","hoverSupport","BaseButton","forwardRef","variant","isReadOnly","isDisabled","isRepeat","isClick","size","onAction","elementDetails","type","buttonType","styling","edge","testId","props","ref","isStyled","name","indexOf","globalEventProps","ariaProps","processGlobals","hoverProps","isHover","useHover","activeProps","isActive","useActive","class","cls","styles","isSpan","colorScheme","useColorScheme","variantClasses","useComponentTheme","BaseButtonRedwoodTheme","unstyled","embedded","container","noBorderRadiusStart","noBorderRadiusEnd","noBorderStart","noBorderEnd","activeStyle","selectedStyle","buttonSetItem","trailingItem","fill","min","disabled","hybrid","active","hover","span","widthEqual","widthAuto","hiddenLabel","noHoverActive","newStackingContext","noUserSelect","legacyGlobals","autofocus","title","mergedProps","mergeProps","wrapperClasses","classNames","_jsx","BareButton","style","children","displayName"],"mappings":"8bAuJA,MAAMA,EAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,EAAsBC,EAAAA,oBAA2BL,GAIjDM,EAAoC,QAFtBC,EAAcA,iBAELC,SAAqB,CAAEC,aAAc,cAAmB,GAC/EC,EAA6C,WAAlCH,EAAcA,iBAAGI,aAErBC,EAAaC,EAAAA,YACxB,EAEIC,UACAC,cAAa,EACbC,cAAa,EACbC,YAAW,EACXC,UACAC,OACAC,WACAC,iBAAiB,CAAEC,KAAM,SAAUC,WAAY,UAC/CC,UAAU,CAAC,WACXC,OAAO,OACPC,YACGC,GAELC,KAEA,MAAMC,EAAYC,GACTN,EAAQO,QAAQD,IAAS,GAE5BE,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAcA,eAACP,IACjDQ,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,SAAS,CAAErB,YAAaN,KAClD4B,YAAEA,EAAWC,SAAEA,GAAaC,EAASA,UAAC,CAAExB,WAAYD,KAClD0B,MAAOC,KAAQC,GAAWvC,EAAoB,IACjDuB,KACAK,IAICY,EAAwB,QADVvB,EAAeC,KAE7BuB,EAAcC,EAAAA,kBAEdC,eAAEA,GAAmBC,EAAiBA,kBAA2BC,yBAAwB,CAC7F9B,OACAL,UACAoC,SAAUrB,EAAS,YAAc,aAAe,cAChDsB,SAAUtB,EAAS,YAAc,aAAe,cAChDuB,UAAWvB,EAAS,aAAe,cAAgB,eACnDwB,oBAAqBxB,EAAS,uBAC1B,wBACA,yBACJyB,kBAAmBzB,EAAS,qBACxB,sBACA,uBACJ0B,cAAe1B,EAAS,iBAAmB,kBAAoB,mBAC/D2B,YAAa3B,EAAS,eAAiB,gBAAkB,iBACzD4B,YAAa5B,EAAS,UAAY,gBAAkB,iBACpD6B,cAAe7B,EAAS,YAAc,kBAAoB,mBAC1D8B,cAAe9B,EAAS,iBAAmB,kBAAoB,mBAC/D+B,aAAc/B,EAAS,gBAAkB,iBAAmB,kBAC5DgC,KAAMhC,EAAS,QAAU,SAAW,UACpCiC,IAAKjC,EAAS,OAAS,QAAU,SACjCkC,SAAU/C,EAAa,aAAe,cACtCS,OACAuC,OAAQtD,EAAW,WAAa,YAChCuD,OAAQ1B,EAAW,WAAa,YAChC2B,MAAO9B,EAAU,UAAY,WAC7B+B,KAAMvB,EAAS,SAAW,UAC1BwB,WAAYvC,EAAS,cAAgB,eAAiB,gBACtDwC,UAAWxC,EAAS,aAAe,cAAgB,eACnDyC,YAAazC,EAAS,eAAiB,WAAa,YACpD0C,cAAe1C,EAAS,iBAAmB,kBAAoB,mBAC/D2C,mBAAoB3C,EAAS,sBACzB,uBACA,wBACJ4C,aAAc5C,EAAS,gBAAkB,gBAAkB,eAC3DgB,gBAGI6B,EAAgB,CACpBC,UAAWhD,EAAMgD,UACjBC,MAAOjD,EAAMiD,OAGTC,EAAcC,EAAUA,WAC5BxE,EACA2B,EACAE,EACAN,EAAS,aAAe,CAAA,EAAKS,EAC7BN,EACA0C,GAGIK,EAAiBC,EAAUA,WAAC,CAACtC,EAAKK,IAExC,OACEkC,EAAAA,IAACC,EAAAA,WACC,CAAAtD,IAAKA,EACLZ,WAAYA,GAAcD,EAC1BG,QAASA,EACT8D,WAAYD,EACZI,MAAOxC,EACPjB,OAAQA,EACRN,SAAUA,EACVuD,UAAWhD,EAAiB,UAC5BN,eAAgBA,EAChBJ,SAAUA,KACNgB,KACA4C,EACHO,SAAAzD,EAAMyD,UAET,IAINxE,EAAWyE,YAAc"}
|
|
1
|
+
{"version":3,"file":"BaseButton-5a0ad529.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BareButton } from '#/UNSAFE_BareButton';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\n\ntype BaseButtonElementDetails =\n | {\n type: 'button';\n buttonType?: 'button' | 'submit';\n isFocusable?: never;\n isLabel?: never;\n isSwitch?: boolean;\n }\n | {\n type: 'a';\n buttonType?: never;\n href: string;\n target?: string;\n rel?: string;\n isFocusable?: never;\n isLabel?: never;\n isSwitch?: never;\n }\n | {\n type: 'span';\n buttonType?: never;\n isFocusable?: boolean;\n isLabel?: boolean;\n isSwitch?: boolean;\n };\n\nexport type StylingOptions =\n | 'default'\n | 'min'\n | 'embedded'\n | 'container'\n | 'unstyled'\n | 'fill'\n | 'noBorderRadiusEnd'\n | 'noBorderRadiusStart'\n | 'noBorderEnd'\n | 'noBorderStart'\n | 'active'\n | 'selected'\n | 'buttonSetItem'\n | 'trailingItem'\n | 'widthEqual'\n | 'hiddenLabel'\n | 'noHoverActive'\n | 'widthAuto'\n | 'newStackingContext'\n | 'noUserSelect';\n\nexport type Props = ButtonIntrinsicProps &\n ButtonIntrinsicAriaProps &\n DimensionProps &\n TestIdProps & {\n /**\n *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n */\n children?: ComponentChildren;\n\n /**\n * Specifies that the button be read-only.\n */\n isReadOnly?: boolean;\n\n /**\n * Specifies that the button element should be disabled.\n */\n isDisabled?: boolean;\n\n /**\n * Specifies if repeated events are dispatched for key or pointer held down\n */\n isRepeat?: boolean;\n\n /**\n * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n */\n isClick?: boolean;\n\n /**\n *\n * Indicates in what states the button has chrome (background and border).\n * \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n * useful for performing low-priority tasks, such as manipulating the UI.\",\n * \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n * buttons are useful for supplemental actions that require minimal emphasis.\",\n * \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n * solid buttons. Outlined buttons are useful for secondary actions.\",\n * \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n * most important actions in the UI.\",\n * \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n * complete the action that is the main goal of the page or page section. There\n * should only be one CTA button on a page at any given time.\",\n * \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n */\n variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n /**\n * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n */\n size?: 'xs' | 'sm' | 'md' | 'lg';\n\n /**\n * Edge can be used to specify that the button is intended to go at the bottom of\n * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n */\n edge?: 'none' | 'bottom';\n\n /**\n * Styling can be used for customizing buttons by removing label padding (\"min\") or\n * removing all styling (\"unstyled\").\n */\n styling?: StylingOptions[];\n\n /**\n * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n */\n onAction?: ComponentProps<typeof BareButton>['onAction'];\n\n /**\n * Indicate element type and associated details\n */\n elementDetails?: BaseButtonElementDetails;\n };\n\ntype ButtonHandle = ElementRef<typeof BareButton>;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport const BaseButton = forwardRef(\n (\n {\n variant,\n isReadOnly = false,\n isDisabled = false,\n isRepeat = false,\n isClick,\n size,\n onAction,\n elementDetails = { type: 'button', buttonType: 'button' },\n styling = ['default'],\n edge = 'none',\n testId,\n ...props\n }: Props,\n ref: Ref<ButtonHandle>\n ) => {\n const isStyled = (name: StylingOptions) => {\n return styling.indexOf(name) > -1;\n };\n const { globalEventProps, ariaProps } = processGlobals(props);\n const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n const { class: cls, ...styles } = styleInterpolations({\n ...props,\n ...globalEventProps\n });\n\n const ElementType = elementDetails.type;\n const isSpan = ElementType == 'span';\n const colorScheme = useColorScheme();\n\n const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n size,\n variant,\n unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n container: isStyled('container') ? 'isContainer' : 'notContainer',\n noBorderRadiusStart: isStyled('noBorderRadiusStart')\n ? 'isNoBorderRadiusStart'\n : 'notNoBorderRadiusStart',\n noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n ? 'isNoBorderRadiusEnd'\n : 'notNoBorderRadiusEnd',\n noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n fill: isStyled('fill') ? 'isFill' : 'notFill',\n min: isStyled('min') ? 'isMin' : 'notMin',\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n edge,\n hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n active: isActive ? 'isActive' : 'notActive',\n hover: isHover ? 'isHover' : 'notHover',\n span: isSpan ? 'isSpan' : 'notSpan',\n widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n newStackingContext: isStyled('newStackingContext')\n ? 'isNewStackingContext'\n : 'notNewStackingContext',\n noUserSelect: isStyled('noUserSelect') ? 'notUserSelect' : 'isUserSelect',\n colorScheme\n });\n\n const legacyGlobals = {\n autofocus: props.autofocus,\n title: props.title\n };\n\n const mergedProps = mergeProps(\n iosProps,\n ariaProps,\n hoverProps,\n isStyled('container') ? {} : activeProps,\n globalEventProps,\n legacyGlobals\n );\n\n const wrapperClasses = classNames([cls, variantClasses]);\n\n return (\n <BareButton\n ref={ref}\n isDisabled={isDisabled || isReadOnly}\n isClick={isClick}\n classNames={wrapperClasses}\n style={styles}\n testId={testId}\n onAction={onAction}\n autofocus={props['autofocus']}\n elementDetails={elementDetails}\n isRepeat={isRepeat}\n {...ariaProps}\n {...mergedProps}>\n {props.children}\n </BareButton>\n );\n }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","iosProps","getClientHints","platform","ontouchstart","isHybrid","hoverSupport","BaseButton","forwardRef","variant","isReadOnly","isDisabled","isRepeat","isClick","size","onAction","elementDetails","type","buttonType","styling","edge","testId","props","ref","isStyled","name","indexOf","globalEventProps","ariaProps","processGlobals","hoverProps","isHover","useHover","activeProps","isActive","useActive","class","cls","styles","isSpan","colorScheme","useColorScheme","variantClasses","useComponentTheme","BaseButtonRedwoodTheme","unstyled","embedded","container","noBorderRadiusStart","noBorderRadiusEnd","noBorderStart","noBorderEnd","activeStyle","selectedStyle","buttonSetItem","trailingItem","fill","min","disabled","hybrid","active","hover","span","widthEqual","widthAuto","hiddenLabel","noHoverActive","newStackingContext","noUserSelect","legacyGlobals","autofocus","title","mergedProps","mergeProps","wrapperClasses","classNames","_jsx","BareButton","style","children","displayName"],"mappings":"8bAuJA,MAAMA,EAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,EAAsBC,EAAAA,oBAA2BL,GAIjDM,EAAoC,QAFtBC,EAAcA,iBAELC,SAAqB,CAAEC,aAAc,cAAmB,GAC/EC,EAA6C,WAAlCH,EAAcA,iBAAGI,aAErBC,EAAaC,EAAAA,YACxB,EAEIC,UACAC,cAAa,EACbC,cAAa,EACbC,YAAW,EACXC,UACAC,OACAC,WACAC,iBAAiB,CAAEC,KAAM,SAAUC,WAAY,UAC/CC,UAAU,CAAC,WACXC,OAAO,OACPC,YACGC,GAELC,KAEA,MAAMC,EAAYC,GACTN,EAAQO,QAAQD,IAAS,GAE5BE,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAcA,eAACP,IACjDQ,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,SAAS,CAAErB,YAAaN,KAClD4B,YAAEA,EAAWC,SAAEA,GAAaC,EAASA,UAAC,CAAExB,WAAYD,KAClD0B,MAAOC,KAAQC,GAAWvC,EAAoB,IACjDuB,KACAK,IAICY,EAAwB,QADVvB,EAAeC,KAE7BuB,EAAcC,EAAAA,kBAEdC,eAAEA,GAAmBC,EAAiBA,kBAA2BC,yBAAwB,CAC7F9B,OACAL,UACAoC,SAAUrB,EAAS,YAAc,aAAe,cAChDsB,SAAUtB,EAAS,YAAc,aAAe,cAChDuB,UAAWvB,EAAS,aAAe,cAAgB,eACnDwB,oBAAqBxB,EAAS,uBAC1B,wBACA,yBACJyB,kBAAmBzB,EAAS,qBACxB,sBACA,uBACJ0B,cAAe1B,EAAS,iBAAmB,kBAAoB,mBAC/D2B,YAAa3B,EAAS,eAAiB,gBAAkB,iBACzD4B,YAAa5B,EAAS,UAAY,gBAAkB,iBACpD6B,cAAe7B,EAAS,YAAc,kBAAoB,mBAC1D8B,cAAe9B,EAAS,iBAAmB,kBAAoB,mBAC/D+B,aAAc/B,EAAS,gBAAkB,iBAAmB,kBAC5DgC,KAAMhC,EAAS,QAAU,SAAW,UACpCiC,IAAKjC,EAAS,OAAS,QAAU,SACjCkC,SAAU/C,EAAa,aAAe,cACtCS,OACAuC,OAAQtD,EAAW,WAAa,YAChCuD,OAAQ1B,EAAW,WAAa,YAChC2B,MAAO9B,EAAU,UAAY,WAC7B+B,KAAMvB,EAAS,SAAW,UAC1BwB,WAAYvC,EAAS,cAAgB,eAAiB,gBACtDwC,UAAWxC,EAAS,aAAe,cAAgB,eACnDyC,YAAazC,EAAS,eAAiB,WAAa,YACpD0C,cAAe1C,EAAS,iBAAmB,kBAAoB,mBAC/D2C,mBAAoB3C,EAAS,sBACzB,uBACA,wBACJ4C,aAAc5C,EAAS,gBAAkB,gBAAkB,eAC3DgB,gBAGI6B,EAAgB,CACpBC,UAAWhD,EAAMgD,UACjBC,MAAOjD,EAAMiD,OAGTC,EAAcC,EAAUA,WAC5BxE,EACA2B,EACAE,EACAN,EAAS,aAAe,CAAA,EAAKS,EAC7BN,EACA0C,GAGIK,EAAiBC,EAAUA,WAAC,CAACtC,EAAKK,IAExC,OACEkC,EAAAA,IAACC,EAAAA,WACC,CAAAtD,IAAKA,EACLZ,WAAYA,GAAcD,EAC1BG,QAASA,EACT8D,WAAYD,EACZI,MAAOxC,EACPjB,OAAQA,EACRN,SAAUA,EACVuD,UAAWhD,EAAiB,UAC5BN,eAAgBA,EAChBJ,SAAUA,KACNgB,KACA4C,EACHO,SAAAzD,EAAMyD,UAET,IAINxE,EAAWyE,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-3951928f', './ReorderableContext-6d10a1b7', './useNavigation-8d7dae30', './LayerHost-1a734852', './useSelection-48cb7bdf', './clientHints-6d361eaa', './classNames-08d99695', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './HiddenAccessible-037ef42d', './LoadMoreCollection-895f1ed5', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', './refUtils-77e97004', './logger-0f873e29', './tabbableUtils-f95361a6', './useId-c9578d26', './useAnimation-d90c433f', './useResizeObserver-25032462', './TabbableModeContext-a9c97640', './FocusTrap-038b32c3', './useUser-e0677e8d', './keys-4755c121', './StyledCheckbox-76fc99f0', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', './useReorderableItem-6ab59e42', './useReorderableContext-a5453bd7', './Grid-5324e17b', './Flex-71f83c12', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-3e52c94a', 'module', './useAddBusyState-8ed5cc58'], (function(e,t,r,n,o,s,i,a,l,c,d,u,y,m,h,g,f,x,p,C,b,S,R,v,A,I,w,K,j,B,k,E,T,D,L,P,O,V,F){"use strict";const M="[data-oj-card-item]",z={all:!1,keys:new Set},N={xs:12,sm:16,md:24,lg:48,xl:64};function _({children:e,itemKey:r,itemIndex:n,isCurrentKey:s,dragKey:i,setDragKey:a,onReorder:l,rootRef:c,gutterSize:d,columns:u}){const m=o.useRef(null),h=1===u,g=n%u==0,f=n%u==u-1,p=x.multiVariantStyles({itemOverlayFront:d}),C=x.multiVariantStyles({itemOverlayFrontVertical:d}),b={itemOverlayFront:h?C:p,itemOverlayRear:h?x.styles.itemOverlayRearVertical:x.styles.itemOverlayRear,itemDragger:x.styles.itemDragger},S=o.useCallback((()=>m?.current?.closest(M)),[]),R=o.useCallback((e=>{e.dataTransfer?.setData("text/cardview-items-key",JSON.stringify(r))}),[r]),{rootProps:v,isDragged:A,overlayZoneBeforeProps:I,overlayZoneAfterProps:j}=E.useReorderableItem({isDisabled:!l,dragKey:i,setDragKey:a,onReorder:l,rootRef:c,ref:m,getItem:S,setTransferData:R,itemStyles:b,itemSelector:M,isVertical:h}),{currentItemKey:B}=T.useReorderableContext();o.useEffect((()=>{s&&(B.current=r)}),[s,r,B]);const{direction:k}=w.useUser(),D="rtl"===k,L=y.classNames([I?.class,!h&&!D&&g&&x.styles.itemOverlayFrontEdge,!h&&D&&f&&x.styles.itemOverlayFrontEdge]),P=y.classNames([j?.class,!h&&!D&&f&&x.styles.itemOverlayRearEdge,!h&&D&&g&&x.styles.itemOverlayRearEdge]);return t.jsxs("div",{...v,children:[e,!A&&K.isKeyDefined(i)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...I,class:L}),t.jsx("div",{...j,class:P})]})]})}const H=e=>({animationStates:{slideUp:{from:{translateY:"50px"},to:{translateY:"0px"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}},slideDown:{from:{translateY:"-50px"},to:{translateY:"0"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}}},isAnimatedOnMount:!0}),U=(e,t,r)=>({animationStates:{opacity:{from:{opacity:0},to:{opacity:1},options:{duration:150,delay:50*e,easing:"linear"}}},isAnimatedOnMount:!0,onAnimationEnd:()=>{r?.(),t.current&&clearTimeout(t.current)}}),Y=n.memo((function({children:e,itemKey:r,itemData:n,itemIndex:s,isTabbable:a,isCurrentKey:l,isFocused:c,isFocusRingVisible:d,selectedKeys:u,selectionMode:m,onSelectionChange:h,focusBehavior:g,setIsFocusBehaviorValid:f,initialAnimation:w,isGridLayout:j,updateCardSize:B,reorderItemProps:k,onAnimationBusyStart:E,onAnimationBusyEnd:T}){const D=o.useRef(null),L=o.useRef(),P=c&&d,O=x.multiVariantStyles({itemFocused:"card"===g&&P?"isItemFocused":"isNotItemFocused",itemInitialOpacity:w?"isTransparent":"isNotTransparent",itemInGridLayout:j?"isInGridLayout":"isNotInGridLayout"}),V=y.classNames([x.styles.itemStyle,O]),F=o.useCallback((e=>{B?.(e.contentRect.width,e.contentRect.height)}),[B]),M=o.useRef(null);v.useResizeObserver(B?D:M,F),o.useLayoutEffect((()=>{if("content"===g&&P){const e=D.current?.firstElementChild?.firstElementChild,t=b.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(C.warn(`${t.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`),f?.(!1)):t[0].focus()}}),[g,P,f]);const{nodeRef:z,controller:N}=R.useAnimation(w||"none",H(s)),{nodeRef:Y,controller:G}=R.useAnimation(w?"opacity":"none",U(s,L,T));w&&E?.(),o.useEffect((()=>{void 0!==w&&(L.current=setTimeout((()=>{N.cancel(),G.cancel(),D.current&&(D.current.style.opacity="1"),T?.()}),1e3))}),[G,N,w,T]);const $=o.useMemo((()=>void 0===w?p.mergeRefs(D):p.mergeRefs(D,z,Y)),[D,z,Y,w]),W=i.getItemContext({data:{data:n,metadata:{key:r}},index:s},u,"multiple"===m,h),Z=k?t.jsx(_,{...k,itemKey:r,itemIndex:s,isCurrentKey:l,children:e(W)}):e(W);return t.jsx("div",{id:S.useId(),ref:$,class:V,role:"gridcell","data-oj-card-item":"","data-oj-key":r,onKeyDown:e=>{"card"!==g||!a||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},"aria-selected":"none"===m?void 0:K.containsKey(u,r),..."number"==typeof r&&{"data-oj-key-type":"number"},children:t.jsx(A.TabbableModeContext.Provider,{value:{isTabbable:a},children:t.jsx(I.FocusTrap,{isDisabled:!a,restoreFocusRef:!1,children:Z})})})}),((e,t)=>{return!(!e||!t)&&(e.children===t.children&&e.itemKey===t.itemKey&&e.itemData===t.itemData&&e.itemIndex===t.itemIndex&&e.isTabbable===t.isTabbable&&e.isCurrentKey===t.isCurrentKey&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.initialAnimation===t.initialAnimation&&e.focusBehavior===t.focusBehavior&&K.isSameKey(e.selectedKeys,t.selectedKeys)&&e.selectionMode===t.selectionMode&&e.onSelectionChange===t.onSelectionChange&&e.setIsFocusBehaviorValid===t.setIsFocusBehaviorValid&&e.isGridLayout===t.isGridLayout&&e.updateCardSize===t.updateCardSize&&e.onAnimationBusyStart===t.onAnimationBusyStart&&e.onAnimationBusyEnd===t.onAnimationBusyEnd&&(r=e.reorderItemProps,n=t.reorderItemProps,r?.dragKey===n?.dragKey&&r?.setDragKey===n?.setDragKey&&r?.columns===n?.columns&&r?.gutterSize===n?.gutterSize&&r?.rootRef===n?.rootRef));var r,n}));function G({children:e,layout:r,gutterSize:n,columns:o}){const s=P.cardViewVars.gutterSize[n];return"grid"===r?o<1?null:t.jsx(D.Grid,{gridTemplateColumns:`repeat(${o}, 1fr)`,gap:s,children:e}):t.jsx(L.Flex,{wrap:"wrap",gap:s,children:e})}function $({children:e}){const[n,s]=o.useState(!1);return o.useEffect((()=>{setTimeout((()=>{s(!0)}),50)}),[]),n?t.jsx(r.Fragment,{children:e}):t.jsx("div",{class:f.LOADMORE_STYLE_CLASS})}const W=(e,r=25,n,o,s=!0)=>{const i=n||("flex"===e?"80x":"100%"),a=o||"85x";return[...Array(r)].map(((e,r)=>t.jsx(O.Skeleton,{width:i,height:a,borderRadius:"6px"},s&&`${r}${(new Date).getTime()}`)))},Z=e=>t.jsx($,{children:W(e.layout)}),J=e=>{const r=[t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:W(e.layout,1)}),...W(e.layout,24)];return t.jsx($,{children:r})},X=()=>t.jsx("div",{class:f.LOADMORE_STYLE_CLASS}),q=e=>{if(e.colCount<1||null==e.cardWidth||null==e.cardHeight)return t.jsx(X,{});{const r=[],n=e.colCount-e.totalCount%e.colCount,o=n===e.colCount,s=`calc(${e.cardWidth}px)`,i=e.cardHeight?`calc(${e.cardHeight}px)`:"85x",a="flex"===e.layout?s:"100%",l="flex"===e.layout||o?i:"100%",c=t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:W(e.layout,1,a,l)});return r.push(c),r.push(W(e.layout,n-1,a,l)),o||r.push(W(e.layout,e.colCount,a,i)),t.jsx($,{children:r})}},Q=e=>t.jsx($,{children:te({loadingStatus:"initial"},25,e.skeletonRenderer)}),ee=e=>{const r=[];if(e.isRenderAsInitial){const n={loadingStatus:"initial"};r.push(t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:e.skeletonRenderer(n)})),r.push(te(n,24,e.skeletonRenderer))}else{if(0===e.colCount)return null;const n=`calc(${e.cardWidth}px)`,o=`calc(${e.cardHeight}px)`,s=e.colCount-e.totalCount%e.colCount,i=s===e.colCount,a={loadingStatus:"loadMore",height:"flex"===e.layout||i?o:"100%",width:"flex"===e.layout?n:"100%"};r.push(t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:e.skeletonRenderer(a)})),r.push(Array(te(a,s-1,e.skeletonRenderer))),i||r.push(te(a,e.colCount,e.skeletonRenderer))}return t.jsx($,{children:r})},te=(e,t,r)=>Array(t).fill(r(e)),re=n.forwardRef((({children:e,data:n,onLoadMore:c=()=>{},hasMore:m=!1,getRowKey:h,currentItemOverride:p,onPersistCurrentItem:C,selectionMode:b="none",selectedKeys:S=z,onSelectionChange:R,onReorder:v,viewportConfig:A,focusBehavior:I="card","aria-label":w,"aria-labelledby":K,"aria-describedby":j,initialAnimation:B="slideUp",gutterSize:k="sm",columns:T,layout:D,cardSize:L,updateCardSize:P,skeletonRenderer:O},V)=>{const _=o.useRef(null);o.useImperativeHandle(V,(()=>_.current),[_]);const H=o.useRef(),U=N[k],$={layout:D,columns:T,gutterSize:k},{onBusyStart:W,onBusyEnd:X}=F.useAddBusyState("handling initial animation"),te=o.useRef(!0);o.useEffect((()=>{null!=L.height&&null!=L.width&&(te.current=!1)}),[L]);const re="none"===b?void 0:"multiple"===b,oe=n?n.length:-1,[se,ie]=o.useState(!0),ae=se?I:"card",le=o.useRef(!1),ce=null!=v,de=o.useRef(!1),ue={ArrowUp:e=>i.getPrevNextKeyByCount(n,h,e,-T),ArrowDown:e=>i.getPrevNextKeyByCount(n,h,e,T),ArrowLeft:e=>i.getPrevNextKeyByCount(n,h,e,-1),ArrowRight:e=>i.getPrevNextKeyByCount(n,h,e,1)},{navigationProps:ye,currentKey:me,isCurrentItemOverridden:he,showFocusRing:ge,isCurrentTabbableKey:fe}=l.useNavigation(n,_,ne,M,ue,p,C,A,void 0,"multiple"!==b,"card"===ae,"card"===ae,!1),xe=o.useCallback((e=>{R&&(!1===e.value.all&&e.value.keys.size>0&&(H.current=Array.from(e.value.keys.values()).pop()),R(e))}),[H,R]),pe=o.useCallback((e=>{if(n&&R){const t=i.handleSelectionRange(e,n,h);Array.isArray(t)&&("shiftSpace"===e.eventType?H.current=e.value.start:H.current=e.value.end,R({value:{all:!1,keys:new Set(t)},target:null}))}}),[n,R,h]),{selectionProps:Ce}=d.useSelection((e=>e===_.current?void 0===me?null:me:i.keyExtractor(e,M)),S,b,!1,"toggle",xe,H.current,me,((e,t)=>i.getPrevNextKeyByCount(n,h,e,t?-T:T)),((e,t)=>i.getPrevNextKeyByCount(n,h,e,t?-1:1)),(e=>{if(_.current){const t=i.findElementByKey(_.current,e,M);t&&t.scrollIntoView({block:"nearest"})}}),pe),{reorderProps:be,reorderItemProps:Se,reorderContext:Re,reorderInstructionsId:ve,reorderInstructions:Ae}=(({onReorder:e,gutterSize:t,columns:r,rootRef:n,scrollCurrItemIntoView:s})=>{const a=null!=e,[l,c]=o.useState(void 0),{reorderProps:d,reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}=E.useReorderable({onReorder:e,rootRef:n,itemSelector:M,isDisabled:!a,columns:r});return a?{reorderProps:{...d,onDragOver:e=>{i.dragToScroll(e,void 0!==l,n.current),s.current=!1}},reorderItemProps:{dragKey:l,setDragKey:c,onReorder:e,rootRef:n,gutterSize:t,columns:r},reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}:{reorderProps:d,reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}})({onReorder:v,gutterSize:k,columns:T,rootRef:_,scrollCurrItemIntoView:le}),Ie=ce&&t.jsx(t.Fragment,{children:t.jsx("span",{id:ve,children:t.jsx(g.HiddenAccessible,{children:Ae})})});o.useEffect((()=>{if(ce&&null!=me&&_.current){const e=i.findElementByKey(_.current,me,M);e&&le.current&&!he&&(e.scrollIntoView({block:"nearest"}),le.current=!1)}}),[me,n,ce,he]);const we=o.useCallback((()=>{de.current||(de.current=!0,c())}),[de,c]);o.useEffect((()=>{de.current=!1}),[n,m]);const Ke=n?!n.length&&m?O?t.jsx(ee,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height,isRenderAsInitial:!0,skeletonRenderer:O}):t.jsx(J,{layout:D}):O?t.jsx(ee,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height,isRenderAsInitial:!1,skeletonRenderer:O}):t.jsx(q,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height}):null;A=i.getViewportConfig(_,A);const je=t.jsx("div",{role:"row",children:t.jsx(G,{...$,children:t.jsx(f.LoadMoreCollection,{data:n,hasMore:m,onLoadMore:we,loadMoreIndicator:Ke,loadMoreThreshold:U+4,viewportConfig:A,children:r=>{const o=h(r.data),s=fe(o),i=me===o&&!s,a=i&&ge,l=!!n&&r.index===n.length-1;return t.jsx(Y,{itemKey:o,isCurrentKey:me===o,itemData:r.data,itemIndex:r.index,isTabbable:s,isFocused:i,isFocusRingVisible:a,isGridLayout:"grid"===D,selectedKeys:S,selectionMode:b,onSelectionChange:R,focusBehavior:ae,...0===r.index&&te.current&&{onAnimationBusyStart:W},...l&&te.current&&{onAnimationBusyEnd:X},..."content"===I&&{setIsFocusBehaviorValid:ie},...te.current&&{initialAnimation:B},...0===r.index&&!L.width&&{updateCardSize:P},...ce&&{reorderItemProps:Se},children:e},o)}})})}),Be=t.jsx(G,{...$,children:O?t.jsx(Q,{skeletonRenderer:O}):t.jsx(Z,{layout:D})}),ke=!("ios"===u.getClientHints().platform||"android"===u.getClientHints().platform),Ee=[x.styles.baseStyle];ke||Ee.push(x.styles.userSelect);const Te=y.classNames(Ee);return t.jsxs("div",{...s.mergeProps(ye,Ce,be,{onKeyDown:e=>{"content"===ae&&"Tab"===e.key&&_.current?.focus({preventScroll:!0});ce&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(le.current=!0)}}),ref:_,role:"grid",class:Te,tabIndex:0,"aria-label":w,"aria-labelledby":K,"aria-describedby":ce?ve+" "+j:j,"aria-multiselectable":re,"aria-rowcount":1,"aria-colcount":oe,children:[t.jsx(a.ReorderableContext.Provider,{value:Re,children:n?n.length||m?je:t.jsx(r.Fragment,{}):Be}),Ie]})})),ne=e=>e.id,oe=re;e.BaseCardView=oe,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const n=Math.floor((r+e)/(e+t));return Math.max(1,n)},e.gutterSizeToPX=N}));
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-3951928f', './ReorderableContext-6d10a1b7', './useNavigation-8d7dae30', './LayerHost-0b288129', './useSelection-aecb6b23', './clientHints-6d361eaa', './classNames-08d99695', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './HiddenAccessible-037ef42d', './LoadMoreCollection-895f1ed5', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', './refUtils-77e97004', './logger-0f873e29', './tabbableUtils-f95361a6', './useId-c9578d26', './useAnimation-d90c433f', './useResizeObserver-25032462', './TabbableModeContext-a9c97640', './FocusTrap-038b32c3', './useUser-08901aba', './keys-4755c121', './StyledCheckbox-76fc99f0', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', './useReorderableItem-0f9d7742', './useReorderableContext-a5453bd7', './Grid-caac1c86', './Flex-4b81b412', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-3e52c94a', 'module', './useAddBusyState-8ed5cc58'], (function(e,t,r,n,o,s,i,a,l,c,d,u,y,m,h,g,f,x,p,C,b,S,R,v,A,I,w,K,j,B,k,E,T,D,L,P,O,V,F){"use strict";const M="[data-oj-card-item]",z={all:!1,keys:new Set},N={xs:12,sm:16,md:24,lg:48,xl:64};function _({children:e,itemKey:r,itemIndex:n,isCurrentKey:s,dragKey:i,setDragKey:a,onReorder:l,rootRef:c,gutterSize:d,columns:u}){const m=o.useRef(null),h=1===u,g=n%u==0,f=n%u==u-1,p=x.multiVariantStyles({itemOverlayFront:d}),C=x.multiVariantStyles({itemOverlayFrontVertical:d}),b={itemOverlayFront:h?C:p,itemOverlayRear:h?x.styles.itemOverlayRearVertical:x.styles.itemOverlayRear,itemDragger:x.styles.itemDragger},S=o.useCallback((()=>m?.current?.closest(M)),[]),R=o.useCallback((e=>{e.dataTransfer?.setData("text/cardview-items-key",JSON.stringify(r))}),[r]),{rootProps:v,isDragged:A,overlayZoneBeforeProps:I,overlayZoneAfterProps:j}=E.useReorderableItem({isDisabled:!l,dragKey:i,setDragKey:a,onReorder:l,rootRef:c,ref:m,getItem:S,setTransferData:R,itemStyles:b,itemSelector:M,isVertical:h}),{currentItemKey:B}=T.useReorderableContext();o.useEffect((()=>{s&&(B.current=r)}),[s,r,B]);const{direction:k}=w.useUser(),D="rtl"===k,L=y.classNames([I?.class,!h&&!D&&g&&x.styles.itemOverlayFrontEdge,!h&&D&&f&&x.styles.itemOverlayFrontEdge]),P=y.classNames([j?.class,!h&&!D&&f&&x.styles.itemOverlayRearEdge,!h&&D&&g&&x.styles.itemOverlayRearEdge]);return t.jsxs("div",{...v,children:[e,!A&&K.isKeyDefined(i)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...I,class:L}),t.jsx("div",{...j,class:P})]})]})}const H=e=>({animationStates:{slideUp:{from:{translateY:"50px"},to:{translateY:"0px"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}},slideDown:{from:{translateY:"-50px"},to:{translateY:"0"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}}},isAnimatedOnMount:!0}),U=(e,t,r)=>({animationStates:{opacity:{from:{opacity:0},to:{opacity:1},options:{duration:150,delay:50*e,easing:"linear"}}},isAnimatedOnMount:!0,onAnimationEnd:()=>{r?.(),t.current&&clearTimeout(t.current)}}),Y=n.memo((function({children:e,itemKey:r,itemData:n,itemIndex:s,isTabbable:a,isCurrentKey:l,isFocused:c,isFocusRingVisible:d,selectedKeys:u,selectionMode:m,onSelectionChange:h,focusBehavior:g,setIsFocusBehaviorValid:f,initialAnimation:w,isGridLayout:j,updateCardSize:B,reorderItemProps:k,onAnimationBusyStart:E,onAnimationBusyEnd:T}){const D=o.useRef(null),L=o.useRef(),P=c&&d,O=x.multiVariantStyles({itemFocused:"card"===g&&P?"isItemFocused":"isNotItemFocused",itemInitialOpacity:w?"isTransparent":"isNotTransparent",itemInGridLayout:j?"isInGridLayout":"isNotInGridLayout"}),V=y.classNames([x.styles.itemStyle,O]),F=o.useCallback((e=>{B?.(e.contentRect.width,e.contentRect.height)}),[B]),M=o.useRef(null);v.useResizeObserver(B?D:M,F),o.useLayoutEffect((()=>{if("content"===g&&P){const e=D.current?.firstElementChild?.firstElementChild,t=b.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(C.warn(`${t.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`),f?.(!1)):t[0].focus()}}),[g,P,f]);const{nodeRef:z,controller:N}=R.useAnimation(w||"none",H(s)),{nodeRef:Y,controller:G}=R.useAnimation(w?"opacity":"none",U(s,L,T));w&&E?.(),o.useEffect((()=>{void 0!==w&&(L.current=setTimeout((()=>{N.cancel(),G.cancel(),D.current&&(D.current.style.opacity="1"),T?.()}),1e3))}),[G,N,w,T]);const $=o.useMemo((()=>void 0===w?p.mergeRefs(D):p.mergeRefs(D,z,Y)),[D,z,Y,w]),W=i.getItemContext({data:{data:n,metadata:{key:r}},index:s},u,"multiple"===m,h),Z=k?t.jsx(_,{...k,itemKey:r,itemIndex:s,isCurrentKey:l,children:e(W)}):e(W);return t.jsx("div",{id:S.useId(),ref:$,class:V,role:"gridcell","data-oj-card-item":"","data-oj-key":r,onKeyDown:e=>{"card"!==g||!a||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},"aria-selected":"none"===m?void 0:K.containsKey(u,r),..."number"==typeof r&&{"data-oj-key-type":"number"},children:t.jsx(A.TabbableModeContext.Provider,{value:{isTabbable:a},children:t.jsx(I.FocusTrap,{isDisabled:!a,restoreFocusRef:!1,children:Z})})})}),((e,t)=>{return!(!e||!t)&&(e.children===t.children&&e.itemKey===t.itemKey&&e.itemData===t.itemData&&e.itemIndex===t.itemIndex&&e.isTabbable===t.isTabbable&&e.isCurrentKey===t.isCurrentKey&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.initialAnimation===t.initialAnimation&&e.focusBehavior===t.focusBehavior&&K.isSameKey(e.selectedKeys,t.selectedKeys)&&e.selectionMode===t.selectionMode&&e.onSelectionChange===t.onSelectionChange&&e.setIsFocusBehaviorValid===t.setIsFocusBehaviorValid&&e.isGridLayout===t.isGridLayout&&e.updateCardSize===t.updateCardSize&&e.onAnimationBusyStart===t.onAnimationBusyStart&&e.onAnimationBusyEnd===t.onAnimationBusyEnd&&(r=e.reorderItemProps,n=t.reorderItemProps,r?.dragKey===n?.dragKey&&r?.setDragKey===n?.setDragKey&&r?.columns===n?.columns&&r?.gutterSize===n?.gutterSize&&r?.rootRef===n?.rootRef));var r,n}));function G({children:e,layout:r,gutterSize:n,columns:o}){const s=P.cardViewVars.gutterSize[n];return"grid"===r?o<1?null:t.jsx(D.Grid,{gridTemplateColumns:`repeat(${o}, 1fr)`,gap:s,children:e}):t.jsx(L.Flex,{wrap:"wrap",gap:s,children:e})}function $({children:e}){const[n,s]=o.useState(!1);return o.useEffect((()=>{setTimeout((()=>{s(!0)}),50)}),[]),n?t.jsx(r.Fragment,{children:e}):t.jsx("div",{class:f.LOADMORE_STYLE_CLASS})}const W=(e,r=25,n,o,s=!0)=>{const i=n||("flex"===e?"80x":"100%"),a=o||"85x";return[...Array(r)].map(((e,r)=>t.jsx(O.Skeleton,{width:i,height:a,borderRadius:"6px"},s&&`${r}${(new Date).getTime()}`)))},Z=e=>t.jsx($,{children:W(e.layout)}),J=e=>{const r=[t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:W(e.layout,1)}),...W(e.layout,24)];return t.jsx($,{children:r})},X=()=>t.jsx("div",{class:f.LOADMORE_STYLE_CLASS}),q=e=>{if(e.colCount<1||null==e.cardWidth||null==e.cardHeight)return t.jsx(X,{});{const r=[],n=e.colCount-e.totalCount%e.colCount,o=n===e.colCount,s=`calc(${e.cardWidth}px)`,i=e.cardHeight?`calc(${e.cardHeight}px)`:"85x",a="flex"===e.layout?s:"100%",l="flex"===e.layout||o?i:"100%",c=t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:W(e.layout,1,a,l)});return r.push(c),r.push(W(e.layout,n-1,a,l)),o||r.push(W(e.layout,e.colCount,a,i)),t.jsx($,{children:r})}},Q=e=>t.jsx($,{children:te({loadingStatus:"initial"},25,e.skeletonRenderer)}),ee=e=>{const r=[];if(e.isRenderAsInitial){const n={loadingStatus:"initial"};r.push(t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:e.skeletonRenderer(n)})),r.push(te(n,24,e.skeletonRenderer))}else{if(0===e.colCount)return null;const n=`calc(${e.cardWidth}px)`,o=`calc(${e.cardHeight}px)`,s=e.colCount-e.totalCount%e.colCount,i=s===e.colCount,a={loadingStatus:"loadMore",height:"flex"===e.layout||i?o:"100%",width:"flex"===e.layout?n:"100%"};r.push(t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:e.skeletonRenderer(a)})),r.push(Array(te(a,s-1,e.skeletonRenderer))),i||r.push(te(a,e.colCount,e.skeletonRenderer))}return t.jsx($,{children:r})},te=(e,t,r)=>Array(t).fill(r(e)),re=n.forwardRef((({children:e,data:n,onLoadMore:c=()=>{},hasMore:m=!1,getRowKey:h,currentItemOverride:p,onPersistCurrentItem:C,selectionMode:b="none",selectedKeys:S=z,onSelectionChange:R,onReorder:v,viewportConfig:A,focusBehavior:I="card","aria-label":w,"aria-labelledby":K,"aria-describedby":j,initialAnimation:B="slideUp",gutterSize:k="sm",columns:T,layout:D,cardSize:L,updateCardSize:P,skeletonRenderer:O},V)=>{const _=o.useRef(null);o.useImperativeHandle(V,(()=>_.current),[_]);const H=o.useRef(),U=N[k],$={layout:D,columns:T,gutterSize:k},{onBusyStart:W,onBusyEnd:X}=F.useAddBusyState("handling initial animation"),te=o.useRef(!0);o.useEffect((()=>{null!=L.height&&null!=L.width&&(te.current=!1)}),[L]);const re="none"===b?void 0:"multiple"===b,oe=n?n.length:-1,[se,ie]=o.useState(!0),ae=se?I:"card",le=o.useRef(!1),ce=null!=v,de=o.useRef(!1),ue={ArrowUp:e=>i.getPrevNextKeyByCount(n,h,e,-T),ArrowDown:e=>i.getPrevNextKeyByCount(n,h,e,T),ArrowLeft:e=>i.getPrevNextKeyByCount(n,h,e,-1),ArrowRight:e=>i.getPrevNextKeyByCount(n,h,e,1)},{navigationProps:ye,currentKey:me,isCurrentItemOverridden:he,showFocusRing:ge,isCurrentTabbableKey:fe}=l.useNavigation(n,_,ne,M,ue,p,C,A,void 0,"multiple"!==b,"card"===ae,"card"===ae,!1),xe=o.useCallback((e=>{R&&(!1===e.value.all&&e.value.keys.size>0&&(H.current=Array.from(e.value.keys.values()).pop()),R(e))}),[H,R]),pe=o.useCallback((e=>{if(n&&R){const t=i.handleSelectionRange(e,n,h);Array.isArray(t)&&("shiftSpace"===e.eventType?H.current=e.value.start:H.current=e.value.end,R({value:{all:!1,keys:new Set(t)},target:null}))}}),[n,R,h]),{selectionProps:Ce}=d.useSelection((e=>e===_.current?void 0===me?null:me:i.keyExtractor(e,M)),S,b,!1,"toggle",xe,H.current,me,((e,t)=>i.getPrevNextKeyByCount(n,h,e,t?-T:T)),((e,t)=>i.getPrevNextKeyByCount(n,h,e,t?-1:1)),(e=>{if(_.current){const t=i.findElementByKey(_.current,e,M);t&&t.scrollIntoView({block:"nearest"})}}),pe),{reorderProps:be,reorderItemProps:Se,reorderContext:Re,reorderInstructionsId:ve,reorderInstructions:Ae}=(({onReorder:e,gutterSize:t,columns:r,rootRef:n,scrollCurrItemIntoView:s})=>{const a=null!=e,[l,c]=o.useState(void 0),{reorderProps:d,reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}=E.useReorderable({onReorder:e,rootRef:n,itemSelector:M,isDisabled:!a,columns:r});return a?{reorderProps:{...d,onDragOver:e=>{i.dragToScroll(e,void 0!==l,n.current),s.current=!1}},reorderItemProps:{dragKey:l,setDragKey:c,onReorder:e,rootRef:n,gutterSize:t,columns:r},reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}:{reorderProps:d,reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}})({onReorder:v,gutterSize:k,columns:T,rootRef:_,scrollCurrItemIntoView:le}),Ie=ce&&t.jsx(t.Fragment,{children:t.jsx("span",{id:ve,children:t.jsx(g.HiddenAccessible,{children:Ae})})});o.useEffect((()=>{if(ce&&null!=me&&_.current){const e=i.findElementByKey(_.current,me,M);e&&le.current&&!he&&(e.scrollIntoView({block:"nearest"}),le.current=!1)}}),[me,n,ce,he]);const we=o.useCallback((()=>{de.current||(de.current=!0,c())}),[de,c]);o.useEffect((()=>{de.current=!1}),[n,m]);const Ke=n?!n.length&&m?O?t.jsx(ee,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height,isRenderAsInitial:!0,skeletonRenderer:O}):t.jsx(J,{layout:D}):O?t.jsx(ee,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height,isRenderAsInitial:!1,skeletonRenderer:O}):t.jsx(q,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height}):null;A=i.getViewportConfig(_,A);const je=t.jsx("div",{role:"row",children:t.jsx(G,{...$,children:t.jsx(f.LoadMoreCollection,{data:n,hasMore:m,onLoadMore:we,loadMoreIndicator:Ke,loadMoreThreshold:U+4,viewportConfig:A,children:r=>{const o=h(r.data),s=fe(o),i=me===o&&!s,a=i&&ge,l=!!n&&r.index===n.length-1;return t.jsx(Y,{itemKey:o,isCurrentKey:me===o,itemData:r.data,itemIndex:r.index,isTabbable:s,isFocused:i,isFocusRingVisible:a,isGridLayout:"grid"===D,selectedKeys:S,selectionMode:b,onSelectionChange:R,focusBehavior:ae,...0===r.index&&te.current&&{onAnimationBusyStart:W},...l&&te.current&&{onAnimationBusyEnd:X},..."content"===I&&{setIsFocusBehaviorValid:ie},...te.current&&{initialAnimation:B},...0===r.index&&!L.width&&{updateCardSize:P},...ce&&{reorderItemProps:Se},children:e},o)}})})}),Be=t.jsx(G,{...$,children:O?t.jsx(Q,{skeletonRenderer:O}):t.jsx(Z,{layout:D})}),ke=!("ios"===u.getClientHints().platform||"android"===u.getClientHints().platform),Ee=[x.styles.baseStyle];ke||Ee.push(x.styles.userSelect);const Te=y.classNames(Ee);return t.jsxs("div",{...s.mergeProps(ye,Ce,be,{onKeyDown:e=>{"content"===ae&&"Tab"===e.key&&_.current?.focus({preventScroll:!0});ce&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(le.current=!0)}}),ref:_,role:"grid",class:Te,tabIndex:0,"aria-label":w,"aria-labelledby":K,"aria-describedby":ce?ve+" "+j:j,"aria-multiselectable":re,"aria-rowcount":1,"aria-colcount":oe,children:[t.jsx(a.ReorderableContext.Provider,{value:Re,children:n?n.length||m?je:t.jsx(r.Fragment,{}):Be}),Ie]})})),ne=e=>e.id,oe=re;e.BaseCardView=oe,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const n=Math.floor((r+e)/(e+t));return Math.max(1,n)},e.gutterSizeToPX=N}));
|
|
2
2
|
//# sourceMappingURL=BaseCardView-825b1327.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-6d361eaa', './Button-d541cd67', './Text-31cabc49', './View-215ec211', './Flex-71f83c12', './LayerHost-1a734852', './EnvironmentProvider-75ba928e', './Center-27a71002', './DragHandle-652ffa0f', './Avatar-27526b67'], (function(e,t,a,i,r,c,s,n,l,d,o,u,p,x,g,f){"use strict";function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=b(i);const w=(e,t)=>[...Array(e)].map(((e,a)=>({id:t?a:`${a}`,name:`Employee ${a}`,title:`Employee title ${a}`,initials:`E${a}`}))),q=async()=>a.screen.findByRole("grid"),A=async(e="row")=>a.screen.findAllByRole(e),h=async(e="gridcell")=>a.screen.findAllByRole(e),k=(e,t)=>{a.fireEvent.click(e,t)},m=(e,t)=>{a.fireEvent.dragStart(e),a.fireEvent.dragEnter(t),a.fireEvent.drop(t),a.fireEvent.dragEnd(e)},v=(e,t)=>{a.fireEvent.keyDown(e,{key:t,code:t,shiftKey:!0,metaKey:!0})};e.CardContent=({context:e,showButton:a,isReorderEnabled:i})=>{const r=i&&t.jsx(p.RootEnvironmentProvider,{environment:{mode:"test"},children:t.jsx(x.Center,{children:t.jsx(g.DragHandle,{testId:`drag-icon-${e.metadata.key}`})})}),c=a&&t.jsx(d.View,{paddingBlockStart:"1x",children:t.jsxs(o.Flex,{direction:"row",wrap:"wrap",gap:"1x",width:"100%",children:[t.jsx(n.Button,{variant:"outlined",size:"md",label:"A"}),t.jsx(n.Button,{variant:"outlined",size:"md",label:"B"})]})});return t.jsxs(d.View,{padding:"6px",children:[r,t.jsxs(d.View,{padding:"10px",paddingBlockEnd:0,children:[t.jsx(f.Avatar,{initials:e.data.initials,size:"xl"}),t.jsxs(d.View,{paddingBlockStart:"2x",children:[t.jsx(l.Text,{variant:"primary",size:"md",lineClamp:1,children:e.data.name}),t.jsx(l.Text,{variant:"secondary",size:"md",lineClamp:1,children:e.data.title})]})]}),t.jsxs(d.View,{padding:"10px",paddingBlockStart:0,children:[c,e.selector?.()]})]})},e.getItems=A,e.getRoot=q,e.keyboardReorder=v,e.mouseItemSelection=k,e.populateData=w,e.testRender=({GenericCardGrid:e,ActionCardGrid:i,SelectionCardGrid:n,ContentUpdatableCardGrid:l})=>{it("initial render",(async function(){const i=w(100);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c.length).eq(25)})),it("checking key type - string key",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(void 0===c[0].dataset.ojKeyType).eq(!0),r.expect(void 0===c[1].dataset.ojKeyType).eq(!0),r.expect(void 0===c[2].dataset.ojKeyType).eq(!0)})),it("checking key type - numeric key",(async()=>{const i=w(3,!0);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c[0].dataset.ojKeyType).eq("number"),r.expect(c[1].dataset.ojKeyType).eq("number"),r.expect(c[2].dataset.ojKeyType).eq("number")})),it("aria attributes - multiselectable and selected, selectionMode is none",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq(null),r.expect(i[0].getAttribute("aria-selected")).eq(null),r.expect(i[1].getAttribute("aria-selected")).eq(null)})),it("aria attributes - multiselectable and selected, selectionMode is single",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e,selectionMode:"single",selectedKeys:new Set(["1"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("false"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true")})),it("aria attributes - multiselectable and selected, selectionMode is multiple",(async()=>{const e=w(3);a.render(t.jsx(n,{data:e,selectionMode:"multiple",selectedKeys:new Set(["1","2"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("true"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true"),r.expect(i[2].getAttribute("aria-selected")).eq("true")})),"undefined"==typeof jest&&(it("aria attributes - rowcount and colcount, all items are loaded",(async()=>{const i=w(15);a.render(t.jsx(e,{data:i}));const c=await q();r.expect(c.getAttribute("aria-rowcount")).eq("1"),r.expect(c.getAttribute("aria-colcount")).eq("15")})),it("aria attributes - rowcount and colcount, some items are loaded",(async()=>{const i=w(30);a.render(t.jsx(e,{data:i}));const c=await q();r.expect(c.getAttribute("aria-rowcount")).eq("1"),r.expect(c.getAttribute("aria-colcount")).eq("25")}))),"undefined"==typeof jest&&(it("content focusBehavior - valid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e}));const c=await A("gridcell");await y.default.tab(),await a.waitFor((()=>{r.expect(c[0].matches(":focus-within")).to.be.true}))})),it("content focusBehavior - invalid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e,showButton:!0}));const c=await q();await y.default.tab(),await a.waitFor((()=>{r.expect(c.matches(":focus")).to.be.true}))}))),it("memoization - update memoized children",(async()=>{const e=w(3),{queryByTestId:i}=a.render(t.jsx(l,{data:e})),c=i(e[0].id),s=i(e[1].id),n=i(e[2].id);r.expect(c?.innerHTML,"the 1st item initial count should be 0").eq("0"),r.expect(s?.innerHTML,"the 2nd item initial count should be 0").eq("0"),r.expect(n?.innerHTML,"the 3rd item initial count should be 0").eq("0");const d=i("mybutton");await y.default.click(d),r.expect(c?.innerHTML,"the 1st item new count should be 1").eq("1"),r.expect(s?.innerHTML,"the 2nd item new count should be 1").eq("1"),r.expect(n?.innerHTML,"the 3rd item new count should be 1").eq("1")})),it("reorder - fire Drag and Drop Event",(async()=>{const i=w(5),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - fire Drag and Drop Event when id is number and start at 0",(async()=>{const i=w(5,!0),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the first item to right using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[0];k(l),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[0];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the last item to left using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[s.length-1];k(l),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-2];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-3];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),"undefined"==typeof jest&&it("reorder - instruction text should exist when reorder is enabled",(async()=>{const{deviceType:i,platform:n}=s.getClientHints(),l="windows"===n?c.default.accControlKey():c.default.accCommandKey(),d="phone"===i||"tablet"===i?"":c.default.accReorderInstructions({keyPressed:l}),o=w(3),{rerender:u}=a.render(t.jsx(e,{data:o,isReorderEnabled:!0}));let p=a.screen.queryByText(d);r.expect(p).not.to.be.null,u(t.jsx(e,{data:o})),p=a.screen.queryByText(d),r.expect(p).to.be.null})),"undefined"==typeof jest&&it("scroll into view - when cardview regains focus",(async()=>{const i=w(10);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[9].id}}));const c=await q();await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(0)})),c.focus(),await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(450)}))})),"undefined"==typeof jest&&it("load more on scroll - should fetch data once during keyboard navigation",(async()=>{const i=w(21);a.render(t.jsx(e,{data:i,fetchSize:7}));let c=await A("gridcell");const s=c[3];await y.default.click(s);const n=await q();r.expect(n.matches(":focus")).to.be.true,a.fireEvent.keyDown(n,{key:"ArrowDown"}),await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(14)}));try{await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(21)}))}catch(e){r.expect(e).not.null}}),6e3),it("click an item different than currentItem should not scroll the currentItem back into view",(async()=>{const i=w(20);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[2].id}}));const c=await q(),s=await A();await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(0)})),c.scrollTop=450,await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)})),await y.default.click(s[19]),await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)}))}))},e.testSelectionRender=({SelectionCardGrid:e})=>{it("multiple selection - multiple selected items can be preserved",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),k(c[1]),await a.waitFor((()=>{r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true")}))})),it("range selection - space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[0]),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - space and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),k(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("false"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),k(c[2],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click item",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+arrow items",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+arrow ",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+arrow",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")}))})),it("range selection - from current item to shift+space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection - deselect selected item by shift+space",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),a.fireEvent.keyUp(c[1],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),a.fireEvent.keyUp(c[0],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("false"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+click and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),k(c[0],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+arrow and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[2]),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),r.expect(s[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[4],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true"),r.expect(s[4].getAttribute("aria-selected")).eq("true")}))}}));
|
|
2
|
-
//# sourceMappingURL=BaseCardViewSelectionTest-
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-6d361eaa', './Button-e5d7c0e3', './Text-31cabc49', './View-35699bb2', './Flex-4b81b412', './LayerHost-0b288129', './EnvironmentProvider-403bf554', './Center-17925696', './DragHandle-29eba15d', './Avatar-27526b67'], (function(e,t,a,i,r,c,s,n,l,d,o,u,p,x,g,f){"use strict";function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=b(i);const w=(e,t)=>[...Array(e)].map(((e,a)=>({id:t?a:`${a}`,name:`Employee ${a}`,title:`Employee title ${a}`,initials:`E${a}`}))),q=async()=>a.screen.findByRole("grid"),A=async(e="row")=>a.screen.findAllByRole(e),h=async(e="gridcell")=>a.screen.findAllByRole(e),k=(e,t)=>{a.fireEvent.click(e,t)},m=(e,t)=>{a.fireEvent.dragStart(e),a.fireEvent.dragEnter(t),a.fireEvent.drop(t),a.fireEvent.dragEnd(e)},v=(e,t)=>{a.fireEvent.keyDown(e,{key:t,code:t,shiftKey:!0,metaKey:!0})};e.CardContent=({context:e,showButton:a,isReorderEnabled:i})=>{const r=i&&t.jsx(p.RootEnvironmentProvider,{environment:{mode:"test"},children:t.jsx(x.Center,{children:t.jsx(g.DragHandle,{testId:`drag-icon-${e.metadata.key}`})})}),c=a&&t.jsx(d.View,{paddingBlockStart:"1x",children:t.jsxs(o.Flex,{direction:"row",wrap:"wrap",gap:"1x",width:"100%",children:[t.jsx(n.Button,{variant:"outlined",size:"md",label:"A"}),t.jsx(n.Button,{variant:"outlined",size:"md",label:"B"})]})});return t.jsxs(d.View,{padding:"6px",children:[r,t.jsxs(d.View,{padding:"10px",paddingBlockEnd:0,children:[t.jsx(f.Avatar,{initials:e.data.initials,size:"xl"}),t.jsxs(d.View,{paddingBlockStart:"2x",children:[t.jsx(l.Text,{variant:"primary",size:"md",lineClamp:1,children:e.data.name}),t.jsx(l.Text,{variant:"secondary",size:"md",lineClamp:1,children:e.data.title})]})]}),t.jsxs(d.View,{padding:"10px",paddingBlockStart:0,children:[c,e.selector?.()]})]})},e.getItems=A,e.getRoot=q,e.keyboardReorder=v,e.mouseItemSelection=k,e.populateData=w,e.testRender=({GenericCardGrid:e,ActionCardGrid:i,SelectionCardGrid:n,ContentUpdatableCardGrid:l})=>{it("initial render",(async function(){const i=w(100);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c.length).eq(25)})),it("checking key type - string key",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(void 0===c[0].dataset.ojKeyType).eq(!0),r.expect(void 0===c[1].dataset.ojKeyType).eq(!0),r.expect(void 0===c[2].dataset.ojKeyType).eq(!0)})),it("checking key type - numeric key",(async()=>{const i=w(3,!0);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c[0].dataset.ojKeyType).eq("number"),r.expect(c[1].dataset.ojKeyType).eq("number"),r.expect(c[2].dataset.ojKeyType).eq("number")})),it("aria attributes - multiselectable and selected, selectionMode is none",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq(null),r.expect(i[0].getAttribute("aria-selected")).eq(null),r.expect(i[1].getAttribute("aria-selected")).eq(null)})),it("aria attributes - multiselectable and selected, selectionMode is single",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e,selectionMode:"single",selectedKeys:new Set(["1"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("false"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true")})),it("aria attributes - multiselectable and selected, selectionMode is multiple",(async()=>{const e=w(3);a.render(t.jsx(n,{data:e,selectionMode:"multiple",selectedKeys:new Set(["1","2"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("true"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true"),r.expect(i[2].getAttribute("aria-selected")).eq("true")})),"undefined"==typeof jest&&(it("aria attributes - rowcount and colcount, all items are loaded",(async()=>{const i=w(15);a.render(t.jsx(e,{data:i}));const c=await q();r.expect(c.getAttribute("aria-rowcount")).eq("1"),r.expect(c.getAttribute("aria-colcount")).eq("15")})),it("aria attributes - rowcount and colcount, some items are loaded",(async()=>{const i=w(30);a.render(t.jsx(e,{data:i}));const c=await q();r.expect(c.getAttribute("aria-rowcount")).eq("1"),r.expect(c.getAttribute("aria-colcount")).eq("25")}))),"undefined"==typeof jest&&(it("content focusBehavior - valid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e}));const c=await A("gridcell");await y.default.tab(),await a.waitFor((()=>{r.expect(c[0].matches(":focus-within")).to.be.true}))})),it("content focusBehavior - invalid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e,showButton:!0}));const c=await q();await y.default.tab(),await a.waitFor((()=>{r.expect(c.matches(":focus")).to.be.true}))}))),it("memoization - update memoized children",(async()=>{const e=w(3),{queryByTestId:i}=a.render(t.jsx(l,{data:e})),c=i(e[0].id),s=i(e[1].id),n=i(e[2].id);r.expect(c?.innerHTML,"the 1st item initial count should be 0").eq("0"),r.expect(s?.innerHTML,"the 2nd item initial count should be 0").eq("0"),r.expect(n?.innerHTML,"the 3rd item initial count should be 0").eq("0");const d=i("mybutton");await y.default.click(d),r.expect(c?.innerHTML,"the 1st item new count should be 1").eq("1"),r.expect(s?.innerHTML,"the 2nd item new count should be 1").eq("1"),r.expect(n?.innerHTML,"the 3rd item new count should be 1").eq("1")})),it("reorder - fire Drag and Drop Event",(async()=>{const i=w(5),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - fire Drag and Drop Event when id is number and start at 0",(async()=>{const i=w(5,!0),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the first item to right using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[0];k(l),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[0];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the last item to left using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[s.length-1];k(l),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-2];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-3];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),"undefined"==typeof jest&&it("reorder - instruction text should exist when reorder is enabled",(async()=>{const{deviceType:i,platform:n}=s.getClientHints(),l="windows"===n?c.default.accControlKey():c.default.accCommandKey(),d="phone"===i||"tablet"===i?"":c.default.accReorderInstructions({keyPressed:l}),o=w(3),{rerender:u}=a.render(t.jsx(e,{data:o,isReorderEnabled:!0}));let p=a.screen.queryByText(d);r.expect(p).not.to.be.null,u(t.jsx(e,{data:o})),p=a.screen.queryByText(d),r.expect(p).to.be.null})),"undefined"==typeof jest&&it("scroll into view - when cardview regains focus",(async()=>{const i=w(10);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[9].id}}));const c=await q();await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(0)})),c.focus(),await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(450)}))})),"undefined"==typeof jest&&it("load more on scroll - should fetch data once during keyboard navigation",(async()=>{const i=w(21);a.render(t.jsx(e,{data:i,fetchSize:7}));let c=await A("gridcell");const s=c[3];await y.default.click(s);const n=await q();r.expect(n.matches(":focus")).to.be.true,a.fireEvent.keyDown(n,{key:"ArrowDown"}),await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(14)}));try{await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(21)}))}catch(e){r.expect(e).not.null}}),6e3),it("click an item different than currentItem should not scroll the currentItem back into view",(async()=>{const i=w(20);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[2].id}}));const c=await q(),s=await A();await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(0)})),c.scrollTop=450,await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)})),await y.default.click(s[19]),await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)}))}))},e.testSelectionRender=({SelectionCardGrid:e})=>{it("multiple selection - multiple selected items can be preserved",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),k(c[1]),await a.waitFor((()=>{r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true")}))})),it("range selection - space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[0]),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - space and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),k(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("false"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),k(c[2],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click item",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+arrow items",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+arrow ",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+arrow",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")}))})),it("range selection - from current item to shift+space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection - deselect selected item by shift+space",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),a.fireEvent.keyUp(c[1],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),a.fireEvent.keyUp(c[0],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("false"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+click and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),k(c[0],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+arrow and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[2]),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),r.expect(s[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[4],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true"),r.expect(s[4].getAttribute("aria-selected")).eq("true")}))}}));
|
|
2
|
+
//# sourceMappingURL=BaseCardViewSelectionTest-66f166ce.js.map
|