@oracle/oraclejet-preact 18.1.3 → 18.1.4
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/{BarChart-9d847986.js → BarChart-1be56919.js} +2 -2
- package/amd/{BarChart-9d847986.js.map → BarChart-1be56919.js.map} +1 -1
- package/amd/{Chart-a87c90a6.js → Chart-0a3205dd.js} +2 -2
- package/amd/{Chart-a87c90a6.js.map → Chart-0a3205dd.js.map} +1 -1
- package/amd/{ComboChart-44aabcb0.js → ComboChart-5dba7db4.js} +2 -2
- package/amd/{ComboChart-44aabcb0.js.map → ComboChart-5dba7db4.js.map} +1 -1
- package/amd/InputDatePicker-cf7e7ea3.js +2 -0
- package/amd/{InputDatePicker-ecd4a7ce.js.map → InputDatePicker-cf7e7ea3.js.map} +1 -1
- package/amd/{LineAreaChart-7ff3a1dd.js → LineAreaChart-190b3d46.js} +2 -2
- package/amd/{LineAreaChart-7ff3a1dd.js.map → LineAreaChart-190b3d46.js.map} +1 -1
- package/amd/PRIVATE_Chart.js +1 -1
- package/amd/{ScatterChart-d28951d9.js → ScatterChart-3f6024a2.js} +2 -2
- package/amd/{ScatterChart-d28951d9.js.map → ScatterChart-3f6024a2.js.map} +1 -1
- package/amd/Theme-redwood/theme.css +155 -155
- package/amd/Theme-stable/theme.css +246 -246
- package/amd/UNSAFE_BarChart/__test__/BarChart.spec.js +1 -1
- package/amd/UNSAFE_BarChart.js +1 -1
- package/amd/UNSAFE_ComboChart.js +1 -1
- package/amd/UNSAFE_InputDatePicker.js +1 -1
- package/amd/UNSAFE_LineAreaChart.js +1 -1
- package/amd/UNSAFE_ScatterChart.js +1 -1
- package/cjs/ActionCard-77ff45d9.js +1 -1
- package/cjs/BarChart-fae84003.js +1 -1
- package/cjs/BarGroup-022d6009.js +1 -1
- package/cjs/BaseButton-97ec7696.js +2 -2
- package/cjs/BaseCardView-0be36db0.js +7 -7
- package/cjs/{BaseCardViewSelectionTest-42b1923f.js → BaseCardViewSelectionTest-d91b3015.js} +7 -7
- package/cjs/{BaseCardViewSelectionTest-42b1923f.js.map → BaseCardViewSelectionTest-d91b3015.js.map} +1 -1
- package/cjs/BaseNavigationListItem-709591de.js +1 -1
- package/cjs/BaseRichSelection-e2a38380.js +9 -9
- package/cjs/ButtonSet-9ba7b760.js +2 -2
- package/cjs/ButtonSetIconButton-8645f3a5.js +3 -3
- package/cjs/{Card-21a0b079.js → Card-cdb1becd.js} +2 -2
- package/cjs/{Card-21a0b079.js.map → Card-cdb1becd.js.map} +1 -1
- package/cjs/{Center-269b4172.js → Center-22231ea7.js} +2 -2
- package/cjs/{Center-269b4172.js.map → Center-22231ea7.js.map} +1 -1
- package/cjs/Chart-b79289a8.js +8 -8
- package/cjs/Checkbox-5bfd221f.js +4 -4
- package/cjs/CheckboxControl-3be46530.js +6 -6
- package/cjs/CheckboxRadioField-037cddb9.js +7 -7
- package/cjs/CheckboxSet-abbf7a03.js +53 -0
- package/{es/CheckboxSet-28953b25.js.map → cjs/CheckboxSet-abbf7a03.js.map} +1 -1
- package/cjs/Chip-f376df81.js +1 -1
- package/cjs/ClearIcon-02e093be.js +1 -1
- package/cjs/CollapseIcon-dae29332.js +1 -1
- package/cjs/Collapsible-43b8b228.js +2 -2
- package/cjs/ComboChart-e17d5863.js +2 -2
- package/cjs/CompactHelpSource-e8f7d4ab.js +2 -2
- package/cjs/{CompactLabelAssistance-2d1e9b41.js → CompactLabelAssistance-d0290426.js} +5 -5
- package/cjs/{CompactLabelAssistance-2d1e9b41.js.map → CompactLabelAssistance-d0290426.js.map} +1 -1
- package/cjs/CompactUserAssistance-b3c3929e.js +4 -4
- package/cjs/ComponentMessageContainer-1cea67f6.js +4 -4
- package/cjs/ConveyorBeltItem-2577c86d.js +2 -2
- package/cjs/{DatePicker-0d849370.js → DatePicker-c770df48.js} +6 -6
- package/cjs/{DatePicker-0d849370.js.map → DatePicker-c770df48.js.map} +1 -1
- package/cjs/DatePickerHeader-da8173f7.js +3 -3
- package/cjs/{Diagram-68ce4f71.js → Diagram-c4064fd7.js} +5 -5
- package/cjs/{Diagram-68ce4f71.js.map → Diagram-c4064fd7.js.map} +1 -1
- package/cjs/{Dialog-1c6c9a70.js → Dialog-c6c8024c.js} +8 -8
- package/cjs/{Dialog-1c6c9a70.js.map → Dialog-c6c8024c.js.map} +1 -1
- package/cjs/DirectionalCollapseArrowIcon-bf371f0c.js +1 -1
- package/cjs/DirectionalExpandArrowIcon-523cb952.js +1 -1
- package/cjs/{DragHandle-636fb438.js → DragHandle-d5fb5905.js} +2 -2
- package/cjs/{DragHandle-636fb438.js.map → DragHandle-d5fb5905.js.map} +1 -1
- package/cjs/{DrawerPopup-2d34b341.js → DrawerPopup-bfda88b2.js} +7 -7
- package/cjs/{DrawerPopup-2d34b341.js.map → DrawerPopup-bfda88b2.js.map} +1 -1
- package/cjs/{Dropdown-f12a07c1.js → Dropdown-5f2b1927.js} +5 -5
- package/cjs/{Dropdown-f12a07c1.js.map → Dropdown-5f2b1927.js.map} +1 -1
- package/cjs/{EnvironmentProvider-753342f1.js → EnvironmentProvider-2e3ce052.js} +3 -3
- package/cjs/{EnvironmentProvider-753342f1.js.map → EnvironmentProvider-2e3ce052.js.map} +1 -1
- package/cjs/ExpandableList-d1823448.js +3 -3
- package/cjs/FilePicker-4df0ff29.js +2 -2
- package/cjs/{Flex-da9f223a.js → Flex-1784952c.js} +2 -2
- package/cjs/{Flex-da9f223a.js.map → Flex-1784952c.js.map} +1 -1
- package/cjs/{Floating-dd6667de.js → Floating-182ac2fe.js} +4 -4
- package/cjs/{Floating-dd6667de.js.map → Floating-182ac2fe.js.map} +1 -1
- package/cjs/FormLayout-04a48d51.js +1 -1
- package/cjs/Gantt-674a89f8.js +9 -9
- package/cjs/{Grid-2579fce6.js → Grid-fc707583.js} +2 -2
- package/cjs/{Grid-2579fce6.js.map → Grid-fc707583.js.map} +1 -1
- package/cjs/{Gridlines-a64f52a4.js → Gridlines-2b411cf3.js} +2 -2
- package/cjs/{Gridlines-a64f52a4.js.map → Gridlines-2b411cf3.js.map} +1 -1
- package/cjs/GroupLoadingIndicator-824d658f.js +1 -1
- package/cjs/{HighlightText-180547bc.js → HighlightText-1ce21104.js} +2 -2
- package/cjs/{HighlightText-180547bc.js.map → HighlightText-1ce21104.js.map} +1 -1
- package/cjs/Icon-6baa1a6f.js +3 -3
- package/cjs/IconButton-e7a68b4b.js +3 -3
- package/cjs/IconMenuButton-3e540f38.js +3 -3
- package/cjs/IconProgressButton-3aa70c31.js +3 -3
- package/cjs/IconSwitchButton-6bab813f.js +3 -3
- package/cjs/IconToggleButton-7ec8c084.js +3 -3
- package/cjs/{IconUserAssistance-f247ab50.js → IconUserAssistance-11dc4c4f.js} +3 -3
- package/cjs/{IconUserAssistance-f247ab50.js.map → IconUserAssistance-11dc4c4f.js.map} +1 -1
- package/cjs/Indexer-099ecbad.js +4 -4
- package/cjs/InlineHelpSource-d60cde6f.js +1 -1
- package/cjs/InlineUserAssistance-5d6bac7a.js +5 -5
- package/cjs/InputDateMask-946f6dfa.js +7 -7
- package/cjs/InputDatePicker-6c8cbbf7.js +8 -8
- package/cjs/InputPassword-564260d2.js +4 -4
- package/cjs/InputText-a9d46813.js +6 -6
- package/cjs/Label-2e05c87f.js +5 -5
- package/cjs/LabelValueLayout-6b9232f5.js +1 -1
- package/cjs/{Layer-2352de5e.js → Layer-e2da85e2.js} +3 -3
- package/cjs/{Layer-2352de5e.js.map → Layer-e2da85e2.js.map} +1 -1
- package/cjs/{LayerHost-8ec73638.js → LayerHost-e7422109.js} +2 -2
- package/cjs/{LayerHost-8ec73638.js.map → LayerHost-e7422109.js.map} +1 -1
- package/cjs/{LayerManager-4857dbaf.js → LayerManager-7fafa4ef.js} +2 -2
- package/cjs/{LayerManager-4857dbaf.js.map → LayerManager-7fafa4ef.js.map} +1 -1
- package/cjs/Legend-743ebb76.js +3 -3
- package/cjs/{LineAreaChart-d5b33fc5.js → LineAreaChart-523ae108.js} +3 -3
- package/cjs/{LineAreaChart-d5b33fc5.js.map → LineAreaChart-523ae108.js.map} +1 -1
- package/cjs/{LineSeries-a658f2b0.js → LineSeries-e66c1f73.js} +2 -2
- package/cjs/{LineSeries-a658f2b0.js.map → LineSeries-e66c1f73.js.map} +1 -1
- package/cjs/Link-a829e7f1.js +1 -1
- package/cjs/List-24abb3df.js +5 -5
- package/cjs/{ListItemLayout-65dc2d2f.js → ListItemLayout-4a68e847.js} +2 -2
- package/cjs/{ListItemLayout-65dc2d2f.js.map → ListItemLayout-4a68e847.js.map} +1 -1
- package/cjs/ListView-7e894199.js +3 -3
- package/cjs/{LiveRegion-e3c8541c.js → LiveRegion-e68b3027.js} +2 -2
- package/cjs/{LiveRegion-e3c8541c.js.map → LiveRegion-e68b3027.js.map} +1 -1
- package/cjs/{MaxLengthLiveRegion-19583398.js → MaxLengthLiveRegion-fdcfe20c.js} +3 -3
- package/cjs/{MaxLengthLiveRegion-19583398.js.map → MaxLengthLiveRegion-fdcfe20c.js.map} +1 -1
- package/cjs/Menu-77687523.js +6 -6
- package/cjs/MenuButton-b811e5e4.js +2 -2
- package/cjs/MenuItem-1878e08e.js +1 -1
- package/cjs/Message-d1d5538e.js +2 -2
- package/cjs/{MessageLayer-5887f05d.js → MessageLayer-d90f7c1f.js} +6 -6
- package/cjs/{MessageLayer-5887f05d.js.map → MessageLayer-d90f7c1f.js.map} +1 -1
- package/cjs/MessageToast-9154f05f.js +8 -8
- package/cjs/MessagesManager-62fc84b8.js +3 -3
- package/cjs/MeterBar-1ae1adde.js +5 -5
- package/cjs/MeterCircle-7d18b5f3.js +5 -5
- package/cjs/{Modal-64a0608b.js → Modal-4e259a60.js} +4 -4
- package/cjs/{Modal-64a0608b.js.map → Modal-4e259a60.js.map} +1 -1
- package/cjs/{MonthView-10b18937.js → MonthView-35623a0e.js} +4 -4
- package/cjs/{MonthView-10b18937.js.map → MonthView-35623a0e.js.map} +1 -1
- package/cjs/{NavigationListItem-0a49d6b5.js → NavigationListItem-9b3d3258.js} +3 -16
- package/cjs/{NavigationListItem-0a49d6b5.js.map → NavigationListItem-9b3d3258.js.map} +1 -1
- package/cjs/NumberInputText-6032717d.js +6 -6
- package/cjs/{OverflowTabBar-dce9f48f.js → OverflowTabBar-794b4c93.js} +2 -2
- package/cjs/{OverflowTabBar-dce9f48f.js.map → OverflowTabBar-794b4c93.js.map} +1 -1
- package/cjs/{OverflowTabBarItem-fcc35377.js → OverflowTabBarItem-43956479.js} +5 -5
- package/cjs/{OverflowTabBarItem-fcc35377.js.map → OverflowTabBarItem-43956479.js.map} +1 -1
- package/cjs/PRIVATE_BaseCardView.js +21 -21
- package/cjs/PRIVATE_Chart.js +31 -31
- package/cjs/PRIVATE_CheckboxControl.js +23 -23
- package/cjs/PRIVATE_CheckboxRadioField.js +25 -25
- package/cjs/PRIVATE_ClearIcon.js +17 -17
- package/cjs/PRIVATE_DatePickerHeader.js +18 -18
- package/cjs/PRIVATE_DatePickerLayout.js +4 -4
- package/cjs/PRIVATE_EmbeddedIconButton.js +3 -3
- package/cjs/PRIVATE_FormControls.js +19 -19
- package/cjs/PRIVATE_IconSwitchButton.js +15 -15
- package/cjs/PRIVATE_Icons/CheckboxMixed.js +15 -15
- package/cjs/PRIVATE_Icons/CheckboxOff.js +15 -15
- package/cjs/PRIVATE_Icons/CheckboxOn.js +15 -15
- package/cjs/PRIVATE_Icons/DragV.js +15 -15
- package/cjs/PRIVATE_Icons/WarningS.js +15 -15
- package/cjs/PRIVATE_List.js +19 -19
- package/cjs/PRIVATE_Message.js +18 -18
- package/cjs/PRIVATE_MessageLayer.js +12 -12
- package/cjs/PRIVATE_MonthView.js +7 -7
- package/cjs/PRIVATE_MonthYearGridView.js +7 -7
- package/cjs/PRIVATE_PlotArea.js +4 -4
- package/cjs/PRIVATE_RevealToggleIcon.js +16 -16
- package/cjs/PRIVATE_RichSelectionCommon.js +26 -26
- package/cjs/PRIVATE_SelectCommon.js +28 -28
- package/cjs/PRIVATE_StyledCard.js +4 -4
- package/cjs/PRIVATE_StyledCheckbox.js +15 -15
- package/cjs/PRIVATE_Table.js +24 -24
- package/cjs/PRIVATE_ThemedIcons/CalendarIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/ChartMarqueeSelectIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/ChartPanIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/ChartZoomIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/CheckIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/CheckboxMixedIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/CheckboxOffIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/CheckboxOnIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/CloseIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/CollapseIcon.js +16 -16
- package/cjs/PRIVATE_ThemedIcons/CollapseUpIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/DecrementIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/DeleteIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon.js +16 -16
- package/cjs/PRIVATE_ThemedIcons/DirectionalExpandArrowIcon.js +16 -16
- package/cjs/PRIVATE_ThemedIcons/DragHandleIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/DropdownArrowIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/ExpandIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/HelpIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/IncrementIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/MenuButtonDropdownIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/MessageConfirmationIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/MessageErrorIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/MessageInfoIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/MessageWarningIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/MinusIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/NavDownIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/OverviewHorizontalDragHandleIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/PlusIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/RadioOffIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/RadioOnIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/SortAscendingIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/SortDescendingIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/ViewHideIcon.js +15 -15
- package/cjs/PRIVATE_ThemedIcons/ViewIcon.js +15 -15
- package/cjs/PRIVATE_TimeComponent.js +17 -17
- package/cjs/PRIVATE_VisOverview.js +15 -15
- package/cjs/PRIVATE_VisTabularDatatip.js +4 -4
- package/cjs/PictoChart-b650c050.js +6 -6
- package/cjs/PieChart-4ad1a50d.js +6 -6
- package/cjs/{Popup-17440baa.js → Popup-75881ab5.js} +9 -9
- package/cjs/{Popup-17440baa.js.map → Popup-75881ab5.js.map} +1 -1
- package/cjs/{ProgressBar-06d15d77.js → ProgressBar-17a9e768.js} +3 -3
- package/cjs/{ProgressBar-06d15d77.js.map → ProgressBar-17a9e768.js.map} +1 -1
- package/cjs/ProgressButton-1a01d49b.js +3 -3
- package/cjs/ProgressButtonLabelLayout-b47ca0c8.js +3 -3
- package/cjs/{ProgressCircle-b3e0fbca.js → ProgressCircle-d67a420b.js} +2 -2
- package/cjs/{ProgressCircle-b3e0fbca.js.map → ProgressCircle-d67a420b.js.map} +1 -1
- package/cjs/RadioItem-68304596.js +6 -6
- package/cjs/RatingGauge-75a971eb.js +8 -8
- package/cjs/ReadonlyTextFieldInput-9a0101dd.js +1 -1
- package/cjs/RemovableNavigationListItem-b13b3516.js +1 -1
- package/cjs/RemovableTabBarItem-e71b7be3.js +2 -2
- package/cjs/ReorderableTabBar-0a94441d.js +3 -3
- package/cjs/RevealToggleIcon-06b0b035.js +1 -1
- package/cjs/{ScatterChart-4f2b7c71.js → ScatterChart-bd2e0ebb.js} +3 -3
- package/cjs/{ScatterChart-4f2b7c71.js.map → ScatterChart-bd2e0ebb.js.map} +1 -1
- package/cjs/SectionalLegend-ea2ac46d.js +4 -4
- package/cjs/{SectionedContent-265246da.js → SectionedContent-7047a981.js} +5 -5
- package/cjs/{SectionedContent-265246da.js.map → SectionedContent-7047a981.js.map} +1 -1
- package/cjs/SelectMultiple-0d809f25.js +8 -8
- package/cjs/SelectSingle-f5dd375a.js +7 -7
- package/cjs/{SelectionCard-ddefd698.js → SelectionCard-1800ef8c.js} +2 -2
- package/cjs/{SelectionCard-ddefd698.js.map → SelectionCard-1800ef8c.js.map} +1 -1
- package/cjs/Selector-1625dc85.js +1 -1
- package/cjs/{SelectorAll-e0989aef.js → SelectorAll-89585d10.js} +7 -7
- package/cjs/{SelectorAll-e0989aef.js.map → SelectorAll-89585d10.js.map} +1 -1
- package/cjs/{Sheet-78113d87.js → Sheet-6a7643e6.js} +3 -3
- package/cjs/{Sheet-78113d87.js.map → Sheet-6a7643e6.js.map} +1 -1
- package/cjs/SplitMenuButton-e7fd9b79.js +2 -2
- package/cjs/{StyledCard-67d90e2e.js → StyledCard-f06e0971.js} +2 -2
- package/cjs/{StyledCard-67d90e2e.js.map → StyledCard-f06e0971.js.map} +1 -1
- package/cjs/{StyledLabelValueLayout-5198483a.js → StyledLabelValueLayout-98aa97cc.js} +2 -2
- package/cjs/{StyledLabelValueLayout-5198483a.js.map → StyledLabelValueLayout-98aa97cc.js.map} +1 -1
- package/cjs/StyledTextField-4b29d77a.js +3 -3
- package/cjs/TabBar-ae497b21.js +5 -5
- package/cjs/TabBarItem-868455a3.js +3 -3
- package/cjs/TabBarLayout-5cf3939d.js +1 -1
- package/cjs/TabBarMixed-d6b512da.js +5 -5
- package/cjs/{TabBarMixedSeparator-2b8893d7.js → TabBarMixedSeparator-a280a0d4.js} +2 -2
- package/cjs/{TabBarMixedSeparator-2b8893d7.js.map → TabBarMixedSeparator-a280a0d4.js.map} +1 -1
- package/cjs/Table-65e94df9.js +9 -9
- package/cjs/TagCloud-0aee2c72.js +8 -8
- package/cjs/TextArea-f4a84aab.js +5 -5
- package/cjs/TextAreaAutosize-08ca17cf.js +5 -5
- package/cjs/TextField-ea5d00e0.js +3 -3
- package/cjs/TextFieldInput-e803efee.js +1 -1
- package/cjs/Theme-redwood/theme.css +213 -213
- package/cjs/Theme-stable/theme.css +192 -192
- package/cjs/TimeComponentCanvas2D-e6be22d4.js +5 -5
- package/cjs/Toolbar-412dd092.js +1 -1
- package/cjs/TruncatingBadge-9c25bfc6.js +1 -1
- package/cjs/TruncatingText-c6b19242.js +1 -1
- package/cjs/UNSAFE_ActionCard.js +3 -3
- package/cjs/UNSAFE_BarChart/__test__/BarChart.spec.js +31 -31
- package/cjs/UNSAFE_BarChart.js +31 -31
- package/cjs/UNSAFE_BaseButton.js +3 -3
- package/cjs/UNSAFE_Button.js +3 -3
- package/cjs/UNSAFE_ButtonLayout/tests/ButtonLayout.spec.js +21 -21
- package/cjs/UNSAFE_ButtonSet.js +4 -4
- package/cjs/UNSAFE_ButtonSetButton.js +3 -3
- package/cjs/UNSAFE_ButtonSetIconButton.js +15 -15
- package/cjs/UNSAFE_ButtonSetItem.js +15 -15
- package/cjs/UNSAFE_ButtonSetMultiple.js +4 -4
- package/cjs/UNSAFE_ButtonSetSingle.js +4 -4
- package/cjs/UNSAFE_Card.js +5 -5
- package/cjs/UNSAFE_CardFlexView.js +21 -21
- package/cjs/UNSAFE_CardGridView.js +21 -21
- package/cjs/UNSAFE_Center.js +5 -5
- package/cjs/UNSAFE_Checkbox.js +23 -23
- package/cjs/UNSAFE_CheckboxItem.js +104 -52
- package/cjs/UNSAFE_CheckboxItem.js.map +1 -1
- package/cjs/UNSAFE_CheckboxSet.js +42 -71
- package/cjs/UNSAFE_CheckboxSet.js.map +1 -1
- package/cjs/UNSAFE_Chip.js +2 -2
- package/cjs/UNSAFE_Collapsible.js +17 -17
- package/cjs/UNSAFE_ComboChart.js +33 -33
- package/cjs/UNSAFE_ComponentMessage.js +18 -18
- package/cjs/UNSAFE_ConveyorBelt.js +15 -15
- package/cjs/UNSAFE_DatePicker.js +23 -23
- package/cjs/UNSAFE_Diagram.js +20 -20
- package/cjs/UNSAFE_Dialog.js +21 -21
- package/cjs/UNSAFE_DragHandle.js +17 -17
- package/cjs/UNSAFE_DrawerLayout.js +12 -12
- package/cjs/UNSAFE_DrawerPopup.js +13 -13
- package/cjs/UNSAFE_Dropdown.js +13 -13
- package/cjs/UNSAFE_Environment.js +4 -4
- package/cjs/UNSAFE_ExpandableList.js +22 -22
- package/cjs/UNSAFE_FilePicker.js +4 -4
- package/cjs/UNSAFE_Flex.js +4 -4
- package/cjs/UNSAFE_Floating.js +11 -11
- package/cjs/UNSAFE_FormLayout.js +2 -2
- package/cjs/UNSAFE_Gantt.js +22 -22
- package/cjs/UNSAFE_Grid.js +4 -4
- package/cjs/UNSAFE_HighlightText.js +4 -4
- package/cjs/UNSAFE_Icon.js +15 -15
- package/cjs/UNSAFE_IconButton.js +15 -15
- package/cjs/UNSAFE_IconMenuButton.js +21 -21
- package/cjs/UNSAFE_IconProgressButton.js +18 -18
- package/cjs/UNSAFE_IconToggleButton.js +15 -15
- package/cjs/UNSAFE_Indexer.js +6 -6
- package/cjs/UNSAFE_InputDateMask.js +25 -25
- package/cjs/UNSAFE_InputDatePicker.js +33 -33
- package/cjs/UNSAFE_InputPassword.js +24 -24
- package/cjs/UNSAFE_InputSensitiveText.js +26 -26
- package/cjs/UNSAFE_InputText.js +27 -27
- package/cjs/UNSAFE_InputTimeMask.js +25 -25
- package/cjs/UNSAFE_Label.js +23 -23
- package/cjs/UNSAFE_LabelValueLayout.js +4 -4
- package/cjs/UNSAFE_LabelledLink.js +25 -25
- package/cjs/UNSAFE_Layer.js +8 -8
- package/cjs/UNSAFE_Legend.js +25 -25
- package/cjs/UNSAFE_LineAreaChart.js +34 -34
- package/cjs/UNSAFE_Link.js +2 -2
- package/cjs/UNSAFE_ListItemLayout.js +5 -5
- package/cjs/UNSAFE_ListView.js +28 -28
- package/cjs/UNSAFE_LiveRegion.js +4 -4
- package/cjs/UNSAFE_Menu.js +23 -23
- package/cjs/UNSAFE_MenuButton.js +21 -21
- package/cjs/UNSAFE_MessageBanner.js +18 -18
- package/cjs/UNSAFE_MessageToast.js +21 -21
- package/cjs/UNSAFE_MeterBar.js +16 -16
- package/cjs/UNSAFE_MeterCircle.js +17 -17
- package/cjs/UNSAFE_Modal.js +9 -9
- package/cjs/UNSAFE_NavigationList.js +23 -23
- package/cjs/UNSAFE_NavigationListCommon.js +17 -17
- package/cjs/UNSAFE_NumberInputText.js +26 -26
- package/cjs/UNSAFE_OverflowTabBar.js +27 -27
- package/cjs/UNSAFE_PictoChart.js +14 -14
- package/cjs/UNSAFE_PieChart/__test__/PieChart.spec.js +22 -22
- package/cjs/UNSAFE_PieChart.js +22 -22
- package/cjs/UNSAFE_Popup.js +17 -17
- package/cjs/UNSAFE_ProgressBar.js +5 -5
- package/cjs/UNSAFE_ProgressButton.js +18 -18
- package/cjs/UNSAFE_ProgressButtonLabelLayout.js +10 -10
- package/cjs/UNSAFE_ProgressCircle.js +4 -4
- package/cjs/UNSAFE_RadioItem.js +23 -23
- package/cjs/UNSAFE_RadioSet.js +24 -24
- package/cjs/UNSAFE_RatingGauge.js +17 -17
- package/cjs/UNSAFE_ReorderableTabBar.js +25 -25
- package/cjs/UNSAFE_RichCheckboxSet.js +51 -48
- package/cjs/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/cjs/UNSAFE_RichRadioSet.js +26 -26
- package/cjs/UNSAFE_RichSelectionItem.js +198 -60
- package/cjs/UNSAFE_RichSelectionItem.js.map +1 -1
- package/cjs/UNSAFE_ScatterChart.js +34 -34
- package/cjs/UNSAFE_SectionalLegend.js +26 -26
- package/cjs/UNSAFE_SelectMultiple.js +31 -31
- package/cjs/UNSAFE_SelectSingle.js +31 -31
- package/cjs/UNSAFE_SelectionCard.js +5 -5
- package/cjs/UNSAFE_Selector.js +15 -15
- package/cjs/UNSAFE_SelectorAll.js +19 -19
- package/cjs/UNSAFE_Sheet/__test__/Sheet.spec.js +15 -15
- package/cjs/UNSAFE_Sheet.js +12 -12
- package/cjs/UNSAFE_SplitMenuButton.js +21 -21
- package/cjs/UNSAFE_TabBar.js +27 -27
- package/cjs/UNSAFE_TabBarCommon.js +27 -27
- package/cjs/UNSAFE_TabBarMixed.js +28 -28
- package/cjs/UNSAFE_TableView.js +24 -24
- package/cjs/UNSAFE_TagCloud.js +24 -24
- package/cjs/UNSAFE_TextArea.js +26 -26
- package/cjs/UNSAFE_TextAreaAutosize.js +26 -26
- package/cjs/UNSAFE_TextField.js +8 -8
- package/cjs/UNSAFE_ToggleButton.js +3 -3
- package/cjs/UNSAFE_Toolbar/tests/Toolbar.spec.js +23 -23
- package/cjs/UNSAFE_Toolbar.js +4 -4
- package/cjs/UNSAFE_Train.js +16 -16
- package/cjs/UNSAFE_TruncatingBadge.js +16 -16
- package/cjs/UNSAFE_TruncatingText.js +16 -16
- package/cjs/UNSAFE_UserAssistance.js +24 -24
- package/cjs/UNSAFE_View.js +7 -7
- package/cjs/UNSAFE_VirtualizedListView.js +19 -19
- package/cjs/UNSAFE_VisProgressiveLoader/__test__/VisProgressiveLoader.spec.js +8 -8
- package/cjs/UNSAFE_VisProgressiveLoader.js +6 -6
- package/cjs/UNSAFE_VisStatusMessage.js +6 -6
- package/cjs/UNSAFE_WindowOverlay.js +4 -4
- package/cjs/{View-216e5184.js → View-d1f755d6.js} +5 -5
- package/cjs/{View-216e5184.js.map → View-d1f755d6.js.map} +1 -1
- package/cjs/{VisNoData-cb7e51db.js → VisNoData-42b0a337.js} +3 -3
- package/cjs/{VisNoData-cb7e51db.js.map → VisNoData-42b0a337.js.map} +1 -1
- package/cjs/{VisProgressiveLoader-a23d091a.js → VisProgressiveLoader-9df623f7.js} +3 -3
- package/cjs/{VisProgressiveLoader-a23d091a.js.map → VisProgressiveLoader-9df623f7.js.map} +1 -1
- package/cjs/{VisTabularDatatip-275aecb1.js → VisTabularDatatip-45ad4745.js} +2 -2
- package/cjs/{VisTabularDatatip-275aecb1.js.map → VisTabularDatatip-45ad4745.js.map} +1 -1
- package/cjs/{WindowOverlay-7ef8a86f.js → WindowOverlay-7c4308eb.js} +2 -2
- package/cjs/{WindowOverlay-7ef8a86f.js.map → WindowOverlay-7c4308eb.js.map} +1 -1
- package/cjs/{YearsGridView-ba0de420.js → YearsGridView-83c7e684.js} +4 -4
- package/cjs/{YearsGridView-ba0de420.js.map → YearsGridView-83c7e684.js.map} +1 -1
- package/cjs/hoc/PRIVATE_withDirectionIcon.js +4 -4
- package/cjs/hoc/PRIVATE_withThemeIcon.js +3 -3
- package/cjs/hoc/UNSAFE_withThemeProps.js +3 -3
- package/cjs/hooks/PRIVATE_useChartContextMenu.js +21 -21
- package/cjs/hooks/PRIVATE_useChartDatatip.js +14 -14
- package/cjs/hooks/PRIVATE_useChartEvents.js +18 -18
- package/cjs/hooks/PRIVATE_useChartMarquee.js +17 -17
- package/cjs/hooks/PRIVATE_useCssVars.js +7 -7
- package/cjs/hooks/PRIVATE_useCurrentKey.js +4 -4
- package/cjs/hooks/PRIVATE_useDatatip.js +12 -12
- package/cjs/hooks/PRIVATE_useFloating.js +4 -4
- package/cjs/hooks/PRIVATE_useReorderable.js +5 -5
- package/cjs/hooks/PRIVATE_useRovingTabIndexContainer.js +4 -4
- package/cjs/hooks/PRIVATE_useSelection.js +4 -4
- package/cjs/hooks/PRIVATE_useTabBar.js +4 -4
- package/cjs/hooks/PRIVATE_useTooltipOnTruncation.js +16 -16
- package/cjs/hooks/PRIVATE_useVisContextMenu.js +21 -21
- package/cjs/hooks/PRIVATE_useVisDragModeControls.js +17 -17
- package/cjs/hooks/PRIVATE_useVisEvents.js +4 -4
- package/cjs/hooks/PRIVATE_useVisMeterEvents.js +14 -14
- package/cjs/hooks/PRIVATE_useVisSelection.js +13 -13
- package/cjs/hooks/UNSAFE_useColorScheme.js +3 -3
- package/cjs/hooks/UNSAFE_useCurrentBgColor.js +3 -3
- package/cjs/hooks/UNSAFE_useDensity.js +3 -3
- package/cjs/hooks/UNSAFE_useOutsideClick.js +8 -8
- package/cjs/hooks/UNSAFE_usePrefixSuffix.js +4 -4
- package/cjs/hooks/UNSAFE_useScale.js +3 -3
- package/cjs/hooks/UNSAFE_useTestId.js +3 -3
- package/cjs/hooks/UNSAFE_useTheme.js +3 -3
- package/cjs/hooks/UNSAFE_useThemeInterpolations.js +6 -6
- package/cjs/hooks/UNSAFE_useTooltip.js +16 -16
- package/cjs/hooks/UNSAFE_useTranslationBundle.js +3 -3
- package/cjs/hooks/UNSAFE_useUser.js +3 -3
- package/cjs/{index-2f29df43.js → index-91cbbc8f.js} +2 -2
- package/cjs/index-91cbbc8f.js.map +1 -0
- package/cjs/listViewSelectionTests-dd1cb645.js +3 -3
- package/cjs/{popupUtils-79b1d484.js → popupUtils-06257231.js} +2 -2
- package/cjs/{popupUtils-79b1d484.js.map → popupUtils-06257231.js.map} +1 -1
- package/cjs/{render-c0edd1df.js → render-bbb56123.js} +3 -3
- package/cjs/{render-c0edd1df.js.map → render-bbb56123.js.map} +1 -1
- package/cjs/{tabbableUtils-79cc438a.js → tabbableUtils-bf2872af.js} +3 -3
- package/cjs/{tabbableUtils-79cc438a.js.map → tabbableUtils-bf2872af.js.map} +1 -1
- package/cjs/{testData-37f37783.js → testData-e9f1958f.js} +3 -3
- package/cjs/{testData-37f37783.js.map → testData-e9f1958f.js.map} +1 -1
- package/cjs/{tooltipUtils-d461919d.js → tooltipUtils-de8fb707.js} +5 -5
- package/cjs/{tooltipUtils-d461919d.js.map → tooltipUtils-de8fb707.js.map} +1 -1
- package/cjs/useCellNavigation-7a24d0c0.js +1 -1
- package/cjs/useChartContextMenu-deb506be.js +2 -2
- package/cjs/{useChartDatatip-8ac215db.js → useChartDatatip-cdf6b355.js} +4 -4
- package/cjs/{useChartDatatip-8ac215db.js.map → useChartDatatip-cdf6b355.js.map} +1 -1
- package/cjs/{useColorScheme-b4de9e67.js → useColorScheme-608bfb12.js} +2 -2
- package/cjs/{useColorScheme-b4de9e67.js.map → useColorScheme-608bfb12.js.map} +1 -1
- package/cjs/useContextMenu-24530094.js +2 -2
- package/cjs/{useCssVars-99ce6e96.js → useCssVars-5f04a6a7.js} +5 -5
- package/cjs/{useCssVars-99ce6e96.js.map → useCssVars-5f04a6a7.js.map} +1 -1
- package/cjs/{useCurrentBgColor-c7fc57f9.js → useCurrentBgColor-71248657.js} +2 -2
- package/cjs/{useCurrentBgColor-c7fc57f9.js.map → useCurrentBgColor-71248657.js.map} +1 -1
- package/cjs/{useCurrentKey-a667c275.js → useCurrentKey-186268c7.js} +2 -2
- package/cjs/{useCurrentKey-a667c275.js.map → useCurrentKey-186268c7.js.map} +1 -1
- package/cjs/{useDatatip-14e6aeb0.js → useDatatip-b826df26.js} +4 -4
- package/cjs/{useDatatip-14e6aeb0.js.map → useDatatip-b826df26.js.map} +1 -1
- package/cjs/{useDensity-301606ec.js → useDensity-90bf4230.js} +2 -2
- package/cjs/{useDensity-301606ec.js.map → useDensity-90bf4230.js.map} +1 -1
- package/cjs/{useFloating-c64ecd7f.js → useFloating-adaff3c2.js} +2 -2
- package/cjs/{useFloating-c64ecd7f.js.map → useFloating-adaff3c2.js.map} +1 -1
- package/cjs/{useKeyboardEvents-01439376.js → useKeyboardEvents-37b75506.js} +2 -2
- package/cjs/{useKeyboardEvents-01439376.js.map → useKeyboardEvents-37b75506.js.map} +1 -1
- package/cjs/useLegendContextMenu-d8d7169f.js +4 -4
- package/cjs/{useMeterDatatip-cd934c90.js → useMeterDatatip-5fec5498.js} +3 -3
- package/cjs/{useMeterDatatip-cd934c90.js.map → useMeterDatatip-5fec5498.js.map} +1 -1
- package/cjs/{useOutsideClick-8e9209c6.js → useOutsideClick-0a44efb7.js} +2 -2
- package/cjs/{useOutsideClick-8e9209c6.js.map → useOutsideClick-0a44efb7.js.map} +1 -1
- package/cjs/{usePopupAnimation-be93af25.js → usePopupAnimation-8feebb14.js} +2 -2
- package/cjs/{usePopupAnimation-be93af25.js.map → usePopupAnimation-8feebb14.js.map} +1 -1
- package/cjs/{usePrefixSuffix-6b098390.js → usePrefixSuffix-cf0928b7.js} +2 -2
- package/cjs/{usePrefixSuffix-6b098390.js.map → usePrefixSuffix-cf0928b7.js.map} +1 -1
- package/cjs/{useReorderableItem-72595ee3.js → useReorderableItem-395fb94f.js} +3 -3
- package/cjs/{useReorderableItem-72595ee3.js.map → useReorderableItem-395fb94f.js.map} +1 -1
- package/cjs/{useRovingTabIndexContainer-a94dee6f.js → useRovingTabIndexContainer-c7777956.js} +2 -2
- package/cjs/{useRovingTabIndexContainer-a94dee6f.js.map → useRovingTabIndexContainer-c7777956.js.map} +1 -1
- package/cjs/{useScale-779458a9.js → useScale-789866f5.js} +2 -2
- package/cjs/{useScale-779458a9.js.map → useScale-789866f5.js.map} +1 -1
- package/cjs/useSelectCommon-d593ef26.js +11 -11
- package/cjs/{useSelectDrill-a97113b9.js → useSelectDrill-ddca7003.js} +3 -3
- package/cjs/{useSelectDrill-a97113b9.js.map → useSelectDrill-ddca7003.js.map} +1 -1
- package/cjs/{useSelection-fc1ebcfc.js → useSelection-2c02e7f5.js} +2 -2
- package/cjs/{useSelection-fc1ebcfc.js.map → useSelection-2c02e7f5.js.map} +1 -1
- package/cjs/{useSelection-f033fe98.js → useSelection-810ecdc6.js} +5 -5
- package/cjs/{useSelection-f033fe98.js.map → useSelection-810ecdc6.js.map} +1 -1
- package/cjs/useTabBar-697db61c.js +1 -1
- package/cjs/{useTestId-32c35bff.js → useTestId-1fac9baa.js} +2 -2
- package/cjs/{useTestId-32c35bff.js.map → useTestId-1fac9baa.js.map} +1 -1
- package/cjs/{useTheme-b256f71f.js → useTheme-08782a3b.js} +2 -2
- package/cjs/{useTheme-b256f71f.js.map → useTheme-08782a3b.js.map} +1 -1
- package/cjs/{useThemeInterpolations-e3c7807c.js → useThemeInterpolations-d1968de3.js} +5 -5
- package/cjs/{useThemeInterpolations-e3c7807c.js.map → useThemeInterpolations-d1968de3.js.map} +1 -1
- package/cjs/{useTooltip-cf4a15f3.js → useTooltip-8542c678.js} +5 -5
- package/cjs/{useTooltip-cf4a15f3.js.map → useTooltip-8542c678.js.map} +1 -1
- package/cjs/{useTooltipOnTruncation-cea31e18.js → useTooltipOnTruncation-2884dbf2.js} +4 -4
- package/cjs/{useTooltipOnTruncation-cea31e18.js.map → useTooltipOnTruncation-2884dbf2.js.map} +1 -1
- package/cjs/{useTranslationBundle-38c0edae.js → useTranslationBundle-40fa4c27.js} +2 -2
- package/cjs/{useTranslationBundle-38c0edae.js.map → useTranslationBundle-40fa4c27.js.map} +1 -1
- package/cjs/{useUser-c85f9587.js → useUser-3175822e.js} +2 -2
- package/cjs/{useUser-c85f9587.js.map → useUser-3175822e.js.map} +1 -1
- package/cjs/useVisDragModeControls-388926ea.js +1 -1
- package/cjs/{useVisEvents-eb36d5e5.js → useVisEvents-58b584ab.js} +2 -2
- package/cjs/{useVisEvents-eb36d5e5.js.map → useVisEvents-58b584ab.js.map} +1 -1
- package/cjs/utils/PRIVATE_tooltipUtils.js +14 -14
- package/cjs/utils/PRIVATE_visTestUtils.js +5 -5
- package/cjs/utils/UNSAFE_popupUtils.js +8 -8
- package/cjs/{withDirectionIcon-8c57ce02.js → withDirectionIcon-92109463.js} +2 -2
- package/cjs/{withDirectionIcon-8c57ce02.js.map → withDirectionIcon-92109463.js.map} +1 -1
- package/cjs/withThemeProps-c4127d27.js +2 -2
- package/es/ActionCard-bac27bb9.js +1 -1
- package/es/{BarChart-442889db.js → BarChart-bbc688ef.js} +3 -3
- package/es/{BarChart-442889db.js.map → BarChart-bbc688ef.js.map} +1 -1
- package/es/BarGroup-dbf70e2c.js +1 -1
- package/es/BaseButton-a0534b4d.js +2 -2
- package/es/BaseCardView-724422f3.js +7 -7
- package/es/{BaseCardViewSelectionTest-0c4515d8.js → BaseCardViewSelectionTest-2e5f019a.js} +7 -7
- package/es/{BaseCardViewSelectionTest-0c4515d8.js.map → BaseCardViewSelectionTest-2e5f019a.js.map} +1 -1
- package/es/BaseNavigationListItem-af84a9ee.js +1 -1
- package/es/BaseRichSelection-9f2f2b59.js +9 -9
- package/es/ButtonSet-9b2c41be.js +2 -2
- package/es/ButtonSetIconButton-2a046c9c.js +3 -3
- package/es/{Card-31dc8dc2.js → Card-f3b7c723.js} +2 -2
- package/es/{Card-31dc8dc2.js.map → Card-f3b7c723.js.map} +1 -1
- package/es/{Center-2be68188.js → Center-76b761ea.js} +2 -2
- package/es/{Center-2be68188.js.map → Center-76b761ea.js.map} +1 -1
- package/es/{Chart-03c09382.js → Chart-6291ad48.js} +10 -10
- package/es/{Chart-03c09382.js.map → Chart-6291ad48.js.map} +1 -1
- package/es/Checkbox-34816a7d.js +4 -4
- package/es/CheckboxControl-a9d4d9d5.js +6 -6
- package/es/CheckboxRadioField-922ab9ff.js +7 -7
- package/es/CheckboxSetContext-1be56556.js +9 -0
- package/{cjs/CheckboxSetContext-c62db26d.js.map → es/CheckboxSetContext-1be56556.js.map} +1 -1
- package/es/Chip-8fd813ce.js +1 -1
- package/es/ClearIcon-29781882.js +1 -1
- package/es/CollapseIcon-152e59b4.js +1 -1
- package/es/Collapsible-4dddc4f7.js +2 -2
- package/es/{ComboChart-1438d5dc.js → ComboChart-4738f936.js} +4 -4
- package/es/{ComboChart-1438d5dc.js.map → ComboChart-4738f936.js.map} +1 -1
- package/es/CompactHelpSource-c3044924.js +2 -2
- package/es/{CompactLabelAssistance-0d70fceb.js → CompactLabelAssistance-fd3fb481.js} +5 -5
- package/es/{CompactLabelAssistance-0d70fceb.js.map → CompactLabelAssistance-fd3fb481.js.map} +1 -1
- package/es/CompactUserAssistance-bd24e31a.js +4 -4
- package/es/ComponentMessageContainer-6c106a09.js +4 -4
- package/es/ConveyorBeltItem-ce67a451.js +2 -2
- package/es/{DatePicker-f5c3de38.js → DatePicker-e7f2ef3c.js} +6 -6
- package/es/{DatePicker-f5c3de38.js.map → DatePicker-e7f2ef3c.js.map} +1 -1
- package/es/DatePickerHeader-9c0d4332.js +3 -3
- package/es/{Diagram-3c3eb394.js → Diagram-b1f6a590.js} +5 -5
- package/es/{Diagram-3c3eb394.js.map → Diagram-b1f6a590.js.map} +1 -1
- package/es/{Dialog-5f3ec760.js → Dialog-0ca362cc.js} +8 -8
- package/es/{Dialog-5f3ec760.js.map → Dialog-0ca362cc.js.map} +1 -1
- package/es/DirectionalCollapseArrowIcon-e1b04846.js +1 -1
- package/es/DirectionalExpandArrowIcon-c9218fa7.js +1 -1
- package/es/{DragHandle-198c3118.js → DragHandle-99d4c921.js} +2 -2
- package/es/{DragHandle-198c3118.js.map → DragHandle-99d4c921.js.map} +1 -1
- package/es/{DrawerPopup-5292bdfc.js → DrawerPopup-9cdb203a.js} +7 -7
- package/es/{DrawerPopup-5292bdfc.js.map → DrawerPopup-9cdb203a.js.map} +1 -1
- package/es/{Dropdown-698afbc6.js → Dropdown-60833900.js} +5 -5
- package/es/{Dropdown-698afbc6.js.map → Dropdown-60833900.js.map} +1 -1
- package/es/{EnvironmentProvider-713d0dec.js → EnvironmentProvider-bada8909.js} +3 -3
- package/es/{EnvironmentProvider-713d0dec.js.map → EnvironmentProvider-bada8909.js.map} +1 -1
- package/es/ExpandableList-cbf9ae2c.js +3 -3
- package/es/FilePicker-c3f06d6f.js +2 -2
- package/es/{Flex-2d9ebee9.js → Flex-ce31b351.js} +2 -2
- package/es/{Flex-2d9ebee9.js.map → Flex-ce31b351.js.map} +1 -1
- package/es/{Floating-5191a9e6.js → Floating-f02677ba.js} +4 -4
- package/es/{Floating-5191a9e6.js.map → Floating-f02677ba.js.map} +1 -1
- package/es/FormLayout-b2993e0c.js +1 -1
- package/es/Gantt-5a395647.js +9 -9
- package/es/{Grid-238d8757.js → Grid-421eb560.js} +2 -2
- package/es/{Grid-238d8757.js.map → Grid-421eb560.js.map} +1 -1
- package/es/{Gridlines-d37f55d2.js → Gridlines-6098cb5b.js} +2 -2
- package/es/{Gridlines-d37f55d2.js.map → Gridlines-6098cb5b.js.map} +1 -1
- package/es/GroupLoadingIndicator-93bcf33f.js +1 -1
- package/es/{HighlightText-fef35694.js → HighlightText-86d92552.js} +2 -2
- package/es/{HighlightText-fef35694.js.map → HighlightText-86d92552.js.map} +1 -1
- package/es/Icon-030b6dd4.js +3 -3
- package/es/IconButton-f3f7af21.js +3 -3
- package/es/IconMenuButton-48909b85.js +3 -3
- package/es/IconProgressButton-1c4d65c3.js +3 -3
- package/es/IconSwitchButton-5db4ae26.js +3 -3
- package/es/IconToggleButton-be6c0ba1.js +3 -3
- package/es/{IconUserAssistance-d9bc82d4.js → IconUserAssistance-92be9618.js} +3 -3
- package/es/{IconUserAssistance-d9bc82d4.js.map → IconUserAssistance-92be9618.js.map} +1 -1
- package/es/Indexer-18ec7af3.js +4 -4
- package/es/InlineHelpSource-5ed4bb7d.js +1 -1
- package/es/InlineUserAssistance-2677a1eb.js +5 -5
- package/es/InputDateMask-76493bee.js +7 -7
- package/es/InputDatePicker-836ee6f7.js +8 -8
- package/es/InputPassword-fa63ac17.js +5 -5
- package/es/InputText-ce2272a8.js +6 -6
- package/es/Label-56ca049f.js +5 -5
- package/es/LabelValueLayout-1db91391.js +1 -1
- package/es/{Layer-1eb18747.js → Layer-446bf21e.js} +3 -3
- package/es/{Layer-1eb18747.js.map → Layer-446bf21e.js.map} +1 -1
- package/es/{LayerHost-8b98d97d.js → LayerHost-e6402730.js} +2 -2
- package/es/{LayerHost-8b98d97d.js.map → LayerHost-e6402730.js.map} +1 -1
- package/es/{LayerManager-221afe20.js → LayerManager-fa745cec.js} +2 -2
- package/es/{LayerManager-221afe20.js.map → LayerManager-fa745cec.js.map} +1 -1
- package/es/Legend-a60126aa.js +3 -3
- package/es/{LineAreaChart-420526d1.js → LineAreaChart-d3586935.js} +4 -4
- package/es/{LineAreaChart-420526d1.js.map → LineAreaChart-d3586935.js.map} +1 -1
- package/es/{LineSeries-139bda1a.js → LineSeries-fc167ea2.js} +2 -2
- package/es/{LineSeries-139bda1a.js.map → LineSeries-fc167ea2.js.map} +1 -1
- package/es/Link-98742013.js +1 -1
- package/es/List-58b8d3c9.js +5 -5
- package/es/{ListItemLayout-af86b17d.js → ListItemLayout-e9854821.js} +2 -2
- package/es/{ListItemLayout-af86b17d.js.map → ListItemLayout-e9854821.js.map} +1 -1
- package/es/ListView-be2e2736.js +3 -3
- package/es/{LiveRegion-c7bf2f21.js → LiveRegion-b56a1aa2.js} +2 -2
- package/es/{LiveRegion-c7bf2f21.js.map → LiveRegion-b56a1aa2.js.map} +1 -1
- package/es/{MaxLengthLiveRegion-d790e55c.js → MaxLengthLiveRegion-2f3d34cf.js} +3 -3
- package/es/{MaxLengthLiveRegion-d790e55c.js.map → MaxLengthLiveRegion-2f3d34cf.js.map} +1 -1
- package/es/Menu-a5bf756f.js +6 -6
- package/es/MenuButton-c00e269e.js +2 -2
- package/es/MenuItem-54015ca3.js +1 -1
- package/es/Message-b9e16c1c.js +2 -2
- package/es/{MessageLayer-d9129e22.js → MessageLayer-7e3184aa.js} +6 -6
- package/es/{MessageLayer-d9129e22.js.map → MessageLayer-7e3184aa.js.map} +1 -1
- package/es/MessageToast-f9b0a234.js +8 -8
- package/es/MessagesManager-91ade5dc.js +3 -3
- package/es/MeterBar-732e3b2c.js +5 -5
- package/es/MeterCircle-2156d7ff.js +5 -5
- package/es/{Modal-9980f6d1.js → Modal-24a0bf4b.js} +4 -4
- package/es/{Modal-9980f6d1.js.map → Modal-24a0bf4b.js.map} +1 -1
- package/es/{MonthView-77379313.js → MonthView-5e633194.js} +4 -4
- package/es/{MonthView-77379313.js.map → MonthView-5e633194.js.map} +1 -1
- package/es/NavigationListItem-07f041e6.js +5 -5
- package/es/NavigationListItemVariants.styles.css +5 -5
- package/es/NavigationListItemVariants.styles2.css +5 -5
- package/es/NumberInputText-f5d01daa.js +6 -6
- package/es/OverflowTabBarItem-ccfa49a3.js +3 -3
- package/es/PRIVATE_BaseCardView.js +21 -21
- package/es/PRIVATE_Chart.js +35 -35
- package/es/PRIVATE_CheckboxControl.js +23 -23
- package/es/PRIVATE_CheckboxRadioField.js +25 -25
- package/es/PRIVATE_ClearIcon.js +17 -17
- package/es/PRIVATE_DatePickerHeader.js +18 -18
- package/es/PRIVATE_DatePickerLayout.js +4 -4
- package/es/PRIVATE_EmbeddedIconButton.js +3 -3
- package/es/PRIVATE_FormControls.js +19 -19
- package/es/PRIVATE_IconSwitchButton.js +15 -15
- package/es/PRIVATE_Icons/CheckboxMixed.js +15 -15
- package/es/PRIVATE_Icons/CheckboxOff.js +15 -15
- package/es/PRIVATE_Icons/CheckboxOn.js +15 -15
- package/es/PRIVATE_Icons/DragV.js +15 -15
- package/es/PRIVATE_Icons/WarningS.js +15 -15
- package/es/PRIVATE_List.js +19 -19
- package/es/PRIVATE_Message.js +18 -18
- package/es/PRIVATE_MessageLayer.js +12 -12
- package/es/PRIVATE_MonthView.js +7 -7
- package/es/PRIVATE_MonthYearGridView.js +7 -7
- package/es/PRIVATE_PlotArea.js +4 -4
- package/es/PRIVATE_RevealToggleIcon.js +17 -17
- package/es/PRIVATE_RichSelectionCommon.js +26 -26
- package/es/PRIVATE_SelectCommon.js +28 -28
- package/es/PRIVATE_StyledCard.js +4 -4
- package/es/PRIVATE_StyledCheckbox.js +15 -15
- package/es/PRIVATE_Table.js +24 -24
- package/es/PRIVATE_ThemedIcons/CalendarIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/ChartMarqueeSelectIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/ChartPanIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/ChartZoomIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/CheckIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/CheckboxMixedIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/CheckboxOffIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/CheckboxOnIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/CloseIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/CollapseIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/CollapseUpIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/DecrementIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/DeleteIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/DirectionalExpandArrowIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/DragHandleIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/DropdownArrowIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/ExpandIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/HelpIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/IncrementIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/MenuButtonDropdownIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/MessageConfirmationIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/MessageErrorIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/MessageInfoIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/MessageWarningIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/MinusIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/NavDownIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/OverviewHorizontalDragHandleIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/PlusIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/RadioOffIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/RadioOnIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/SortAscendingIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/SortDescendingIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/ViewHideIcon.js +15 -15
- package/es/PRIVATE_ThemedIcons/ViewIcon.js +15 -15
- package/es/PRIVATE_TimeComponent.js +17 -17
- package/es/PRIVATE_VisOverview.js +15 -15
- package/es/PRIVATE_VisTabularDatatip.js +4 -4
- package/es/PictoChart-5b71908b.js +6 -6
- package/es/PieChart-87a2913f.js +6 -6
- package/es/{Popup-f6774b40.js → Popup-d8bf7f4d.js} +9 -9
- package/es/{Popup-f6774b40.js.map → Popup-d8bf7f4d.js.map} +1 -1
- package/es/{ProgressBar-6d816723.js → ProgressBar-2fa99d6f.js} +3 -3
- package/es/{ProgressBar-6d816723.js.map → ProgressBar-2fa99d6f.js.map} +1 -1
- package/es/ProgressButton-9390070e.js +3 -3
- package/es/ProgressButtonLabelLayout-f1d097d6.js +3 -3
- package/es/{ProgressCircle-bbcf67fd.js → ProgressCircle-faf79b79.js} +2 -2
- package/es/{ProgressCircle-bbcf67fd.js.map → ProgressCircle-faf79b79.js.map} +1 -1
- package/es/RadioItem-96cbf0ed.js +6 -6
- package/es/RatingGauge-5e1e75b4.js +8 -8
- package/es/ReadonlyTextFieldInput-f407b86c.js +1 -1
- package/es/RemovableNavigationListItem-517d59b0.js +1 -1
- package/es/RemovableTabBarItem-87ba87ca.js +2 -2
- package/es/ReorderableTabBar-fc76a33b.js +3 -3
- package/es/{RevealToggleIcon-35baaadf.js → RevealToggleIcon-2f49fd19.js} +2 -2
- package/es/{RevealToggleIcon-35baaadf.js.map → RevealToggleIcon-2f49fd19.js.map} +1 -1
- package/es/{ScatterChart-35145b8f.js → ScatterChart-449ec029.js} +4 -4
- package/es/{ScatterChart-35145b8f.js.map → ScatterChart-449ec029.js.map} +1 -1
- package/es/SectionalLegend-64670096.js +4 -4
- package/es/{SectionedContent-48fa242f.js → SectionedContent-3274d8f9.js} +5 -5
- package/es/{SectionedContent-48fa242f.js.map → SectionedContent-3274d8f9.js.map} +1 -1
- package/es/SelectMultiple-50995ef7.js +8 -8
- package/es/SelectSingle-dcf0e9b1.js +7 -7
- package/es/{SelectionCard-ce3012e8.js → SelectionCard-1ed9cf08.js} +2 -2
- package/es/{SelectionCard-ce3012e8.js.map → SelectionCard-1ed9cf08.js.map} +1 -1
- package/es/Selector-41618991.js +1 -1
- package/es/{SelectorAll-27744634.js → SelectorAll-f52550a6.js} +7 -7
- package/es/{SelectorAll-27744634.js.map → SelectorAll-f52550a6.js.map} +1 -1
- package/es/{Sheet-924cfdab.js → Sheet-da412baf.js} +3 -3
- package/es/{Sheet-924cfdab.js.map → Sheet-da412baf.js.map} +1 -1
- package/es/SplitMenuButton-f44064de.js +2 -2
- package/es/SplitMenuButtonTheme.styles.css +4 -4
- package/es/SplitMenuButtonTheme.styles2.css +4 -4
- package/es/{StyledCard-c8d9836f.js → StyledCard-362bd74b.js} +2 -2
- package/es/{StyledCard-c8d9836f.js.map → StyledCard-362bd74b.js.map} +1 -1
- package/es/{StyledLabelValueLayout-5b9a731a.js → StyledLabelValueLayout-d4881d3b.js} +2 -2
- package/es/{StyledLabelValueLayout-5b9a731a.js.map → StyledLabelValueLayout-d4881d3b.js.map} +1 -1
- package/es/StyledTextField-6d6dd43e.js +3 -3
- package/es/TabBar-2858ff9c.js +5 -5
- package/es/TabBarItem-b97091e4.js +3 -3
- package/es/TabBarLayout-bb3f9f69.js +1 -1
- package/es/TabBarMixed-a4beabce.js +5 -5
- package/es/{TabBarMixedSeparator-7669e2f0.js → TabBarMixedSeparator-51c518a1.js} +2 -2
- package/es/{TabBarMixedSeparator-7669e2f0.js.map → TabBarMixedSeparator-51c518a1.js.map} +1 -1
- package/es/Table-9919625b.js +9 -9
- package/es/TagCloud-3f81d651.js +8 -8
- package/es/{TextArea-2eb362ec.js → TextArea-d7eb6b00.js} +30 -13
- package/es/TextArea-d7eb6b00.js.map +1 -0
- package/es/{TextAreaAutosize-35a923c3.js → TextAreaAutosize-301eb2b7.js} +7 -7
- package/es/{TextAreaAutosize-35a923c3.js.map → TextAreaAutosize-301eb2b7.js.map} +1 -1
- package/es/TextField-500c0227.js +3 -3
- package/es/TextFieldInput-cb551f4e.js +1 -1
- package/es/Theme-redwood/theme.css +353 -353
- package/es/Theme-stable/theme.css +495 -495
- package/es/TimeComponentCanvas2D-9fd1f811.js +5 -5
- package/es/Toolbar-35426a1b.js +1 -1
- package/es/TruncatingBadge-69621d89.js +1 -1
- package/es/TruncatingText-fd66e0e0.js +1 -1
- package/es/UNSAFE_ActionCard.js +3 -3
- package/es/UNSAFE_BarChart/__test__/BarChart.spec.js +36 -36
- package/es/UNSAFE_BarChart.js +36 -36
- package/es/UNSAFE_BaseButton.js +3 -3
- package/es/UNSAFE_Button.js +3 -3
- package/es/UNSAFE_ButtonLayout/tests/ButtonLayout.spec.js +22 -22
- package/es/UNSAFE_ButtonSet.js +4 -4
- package/es/UNSAFE_ButtonSetButton.js +3 -3
- package/es/UNSAFE_ButtonSetIconButton.js +15 -15
- package/es/UNSAFE_ButtonSetItem.js +15 -15
- package/es/UNSAFE_ButtonSetMultiple.js +4 -4
- package/es/UNSAFE_ButtonSetSingle.js +4 -4
- package/es/UNSAFE_Card.js +5 -5
- package/es/UNSAFE_CardFlexView.js +21 -21
- package/es/UNSAFE_CardGridView.js +21 -21
- package/es/UNSAFE_Center.js +5 -5
- package/es/UNSAFE_Checkbox.js +23 -23
- package/es/UNSAFE_CheckboxItem.js +52 -104
- package/es/UNSAFE_CheckboxItem.js.map +1 -1
- package/es/UNSAFE_CheckboxSet.js +68 -34
- package/es/UNSAFE_CheckboxSet.js.map +1 -1
- package/es/UNSAFE_Chip.js +2 -2
- package/es/UNSAFE_Collapsible.js +17 -17
- package/es/UNSAFE_ComboChart.js +38 -38
- package/es/UNSAFE_ComponentMessage.js +18 -18
- package/es/UNSAFE_ConveyorBelt.js +15 -15
- package/es/UNSAFE_DatePicker.js +23 -23
- package/es/UNSAFE_Diagram.js +20 -20
- package/es/UNSAFE_Dialog.js +21 -21
- package/es/UNSAFE_DragHandle.js +17 -17
- package/es/UNSAFE_DrawerLayout.js +12 -12
- package/es/UNSAFE_DrawerPopup.js +13 -13
- package/es/UNSAFE_Dropdown.js +13 -13
- package/es/UNSAFE_Environment.js +4 -4
- package/es/UNSAFE_ExpandableList.js +22 -22
- package/es/UNSAFE_FilePicker.js +4 -4
- package/es/UNSAFE_Flex.js +4 -4
- package/es/UNSAFE_Floating.js +11 -11
- package/es/UNSAFE_FormLayout.js +2 -2
- package/es/UNSAFE_Gantt.js +22 -22
- package/es/UNSAFE_Grid.js +4 -4
- package/es/UNSAFE_HighlightText.js +4 -4
- package/es/UNSAFE_Icon.js +15 -15
- package/es/UNSAFE_IconButton.js +15 -15
- package/es/UNSAFE_IconMenuButton.js +21 -21
- package/es/UNSAFE_IconProgressButton.js +18 -18
- package/es/UNSAFE_IconToggleButton.js +15 -15
- package/es/UNSAFE_Indexer.js +6 -6
- package/es/UNSAFE_InputDateMask.js +25 -25
- package/es/UNSAFE_InputDatePicker.js +33 -33
- package/es/UNSAFE_InputPassword.js +25 -25
- package/es/UNSAFE_InputSensitiveText.js +27 -27
- package/es/UNSAFE_InputText.js +27 -27
- package/es/UNSAFE_InputTimeMask.js +25 -25
- package/es/UNSAFE_Label.js +23 -23
- package/es/UNSAFE_LabelValueLayout.js +4 -4
- package/es/UNSAFE_LabelledLink.js +25 -25
- package/es/UNSAFE_Layer.js +8 -8
- package/es/UNSAFE_Legend.js +25 -25
- package/es/UNSAFE_LineAreaChart.js +38 -38
- package/es/UNSAFE_Link.js +2 -2
- package/es/UNSAFE_ListItemLayout.js +5 -5
- package/es/UNSAFE_ListView.js +28 -28
- package/es/UNSAFE_LiveRegion.js +4 -4
- package/es/UNSAFE_Menu.js +23 -23
- package/es/UNSAFE_MenuButton.js +21 -21
- package/es/UNSAFE_MessageBanner.js +18 -18
- package/es/UNSAFE_MessageToast.js +21 -21
- package/es/UNSAFE_MeterBar.js +16 -16
- package/es/UNSAFE_MeterCircle.js +17 -17
- package/es/UNSAFE_Modal.js +9 -9
- package/es/UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js +1 -1
- package/es/UNSAFE_NavigationList/themes/stable/NavigationListItemTheme.js +1 -1
- package/es/UNSAFE_NavigationList/themes/stable/NavigationListItemVariants.css.js +1 -1
- package/es/UNSAFE_NavigationList.js +20 -20
- package/es/UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js +1 -1
- package/es/UNSAFE_NavigationListCommon.js +18 -18
- package/es/UNSAFE_NumberInputText.js +26 -26
- package/es/UNSAFE_OverflowTabBar.js +25 -25
- package/es/UNSAFE_PictoChart.js +14 -14
- package/es/UNSAFE_PieChart/__test__/PieChart.spec.js +22 -22
- package/es/UNSAFE_PieChart.js +22 -22
- package/es/UNSAFE_Popup.js +17 -17
- package/es/UNSAFE_ProgressBar.js +5 -5
- package/es/UNSAFE_ProgressButton.js +18 -18
- package/es/UNSAFE_ProgressButtonLabelLayout.js +10 -10
- package/es/UNSAFE_ProgressCircle.js +4 -4
- package/es/UNSAFE_RadioItem.js +23 -23
- package/es/UNSAFE_RadioSet.js +24 -24
- package/es/UNSAFE_RatingGauge.js +17 -17
- package/es/UNSAFE_ReorderableTabBar.js +25 -25
- package/es/UNSAFE_RichCheckboxSet.js +47 -50
- package/es/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/es/UNSAFE_RichRadioSet.js +26 -26
- package/es/UNSAFE_RichSelectionItem.js +58 -196
- package/es/UNSAFE_RichSelectionItem.js.map +1 -1
- package/es/UNSAFE_ScatterChart.js +38 -38
- package/es/UNSAFE_SectionalLegend.js +26 -26
- package/es/UNSAFE_SelectMultiple.js +31 -31
- package/es/UNSAFE_SelectSingle.js +31 -31
- package/es/UNSAFE_SelectionCard.js +5 -5
- package/es/UNSAFE_Selector.js +15 -15
- package/es/UNSAFE_SelectorAll.js +19 -19
- package/es/UNSAFE_Sheet/__test__/Sheet.spec.js +15 -15
- package/es/UNSAFE_Sheet.js +12 -12
- package/es/UNSAFE_SplitMenuButton/themes/redwood/SplitMenuButtonTheme.css.js +1 -1
- package/es/UNSAFE_SplitMenuButton/themes/stable/SplitMenuButtonTheme.css.js +1 -1
- package/es/UNSAFE_SplitMenuButton.js +22 -22
- package/es/UNSAFE_TabBar.js +26 -26
- package/es/UNSAFE_TabBarCommon.js +26 -26
- package/es/UNSAFE_TabBarMixed.js +27 -27
- package/es/UNSAFE_TableView.js +24 -24
- package/es/UNSAFE_TagCloud.js +24 -24
- package/es/UNSAFE_TextArea.js +28 -29
- package/es/UNSAFE_TextArea.js.map +1 -1
- package/es/UNSAFE_TextAreaAutosize.js +29 -29
- package/es/UNSAFE_TextField.js +8 -8
- package/es/UNSAFE_ToggleButton.js +3 -3
- package/es/UNSAFE_Toolbar/tests/Toolbar.spec.js +24 -24
- package/es/UNSAFE_Toolbar.js +4 -4
- package/es/UNSAFE_Train.js +16 -16
- package/es/UNSAFE_TruncatingBadge.js +16 -16
- package/es/UNSAFE_TruncatingText.js +16 -16
- package/es/UNSAFE_UserAssistance.js +24 -24
- package/es/UNSAFE_View.js +7 -7
- package/es/UNSAFE_VirtualizedListView.js +19 -19
- package/es/UNSAFE_VisProgressiveLoader/__test__/VisProgressiveLoader.spec.js +8 -8
- package/es/UNSAFE_VisProgressiveLoader.js +6 -6
- package/es/UNSAFE_VisStatusMessage.js +6 -6
- package/es/UNSAFE_WindowOverlay.js +4 -4
- package/es/{View-cf6dfd8e.js → View-afe98b65.js} +5 -5
- package/es/{View-cf6dfd8e.js.map → View-afe98b65.js.map} +1 -1
- package/es/{VisNoData-d6e475d8.js → VisNoData-9ceb58f4.js} +3 -3
- package/es/{VisNoData-d6e475d8.js.map → VisNoData-9ceb58f4.js.map} +1 -1
- package/es/{VisProgressiveLoader-36053d5a.js → VisProgressiveLoader-36c728ac.js} +3 -3
- package/es/{VisProgressiveLoader-36053d5a.js.map → VisProgressiveLoader-36c728ac.js.map} +1 -1
- package/es/{VisTabularDatatip-3497f5ff.js → VisTabularDatatip-59629377.js} +2 -2
- package/es/{VisTabularDatatip-3497f5ff.js.map → VisTabularDatatip-59629377.js.map} +1 -1
- package/es/{WindowOverlay-ca2baa48.js → WindowOverlay-a07b2e24.js} +2 -2
- package/es/{WindowOverlay-ca2baa48.js.map → WindowOverlay-a07b2e24.js.map} +1 -1
- package/es/{YearsGridView-5478fefc.js → YearsGridView-d859edba.js} +4 -4
- package/es/{YearsGridView-5478fefc.js.map → YearsGridView-d859edba.js.map} +1 -1
- package/es/hoc/PRIVATE_withDirectionIcon.js +4 -4
- package/es/hoc/PRIVATE_withThemeIcon.js +3 -3
- package/es/hoc/UNSAFE_withThemeProps.js +3 -3
- package/es/hooks/PRIVATE_useChartContextMenu.js +21 -21
- package/es/hooks/PRIVATE_useChartDatatip.js +14 -14
- package/es/hooks/PRIVATE_useChartEvents.js +18 -18
- package/es/hooks/PRIVATE_useChartMarquee.js +17 -17
- package/es/hooks/PRIVATE_useCssVars.js +7 -7
- package/es/hooks/PRIVATE_useCurrentKey.js +4 -4
- package/es/hooks/PRIVATE_useDatatip.js +12 -12
- package/es/hooks/PRIVATE_useFloating.js +4 -4
- package/es/hooks/PRIVATE_useReorderable.js +5 -5
- package/es/hooks/PRIVATE_useRovingTabIndexContainer.js +4 -4
- package/es/hooks/PRIVATE_useSelection.js +4 -4
- package/es/hooks/PRIVATE_useTabBar.js +4 -4
- package/es/hooks/PRIVATE_useTooltipOnTruncation.js +16 -16
- package/es/hooks/PRIVATE_useVisContextMenu.js +21 -21
- package/es/hooks/PRIVATE_useVisDragModeControls.js +17 -17
- package/es/hooks/PRIVATE_useVisEvents.js +4 -4
- package/es/hooks/PRIVATE_useVisMeterEvents.js +14 -14
- package/es/hooks/PRIVATE_useVisSelection.js +13 -13
- package/es/hooks/UNSAFE_useColorScheme.js +3 -3
- package/es/hooks/UNSAFE_useCurrentBgColor.js +3 -3
- package/es/hooks/UNSAFE_useDensity.js +3 -3
- package/es/hooks/UNSAFE_useOutsideClick.js +8 -8
- package/es/hooks/UNSAFE_usePrefixSuffix.js +4 -4
- package/es/hooks/UNSAFE_useScale.js +3 -3
- package/es/hooks/UNSAFE_useTestId.js +3 -3
- package/es/hooks/UNSAFE_useTheme.js +3 -3
- package/es/hooks/UNSAFE_useThemeInterpolations.js +6 -6
- package/es/hooks/UNSAFE_useTooltip.js +16 -16
- package/es/hooks/UNSAFE_useTranslationBundle.js +3 -3
- package/es/hooks/UNSAFE_useUser.js +3 -3
- package/es/{index-3fdaba9a.js → index-e33bcd96.js} +2 -2
- package/es/index-e33bcd96.js.map +1 -0
- package/es/listViewSelectionTests-d1f64e6f.js +3 -3
- package/es/{popupUtils-24a723a0.js → popupUtils-58411a98.js} +2 -2
- package/es/{popupUtils-24a723a0.js.map → popupUtils-58411a98.js.map} +1 -1
- package/es/{render-4d96f0d2.js → render-343557e9.js} +3 -3
- package/es/{render-4d96f0d2.js.map → render-343557e9.js.map} +1 -1
- package/es/{tabbableUtils-070beeed.js → tabbableUtils-d6485f5e.js} +3 -3
- package/es/{tabbableUtils-070beeed.js.map → tabbableUtils-d6485f5e.js.map} +1 -1
- package/es/{testData-e1df8616.js → testData-d5181e9f.js} +3 -3
- package/es/{testData-e1df8616.js.map → testData-d5181e9f.js.map} +1 -1
- package/es/{tooltipUtils-35655bd6.js → tooltipUtils-768450a7.js} +5 -5
- package/es/{tooltipUtils-35655bd6.js.map → tooltipUtils-768450a7.js.map} +1 -1
- package/es/useCellNavigation-88a1754f.js +1 -1
- package/es/useChartContextMenu-61fe46b8.js +2 -2
- package/es/{useChartDatatip-b0d35cfe.js → useChartDatatip-d6a6c5e1.js} +4 -4
- package/es/{useChartDatatip-b0d35cfe.js.map → useChartDatatip-d6a6c5e1.js.map} +1 -1
- package/es/{useColorScheme-8e5e458d.js → useColorScheme-c4e237ad.js} +2 -2
- package/es/{useColorScheme-8e5e458d.js.map → useColorScheme-c4e237ad.js.map} +1 -1
- package/es/useContextMenu-3c62d9eb.js +2 -2
- package/es/{useCssVars-608cb842.js → useCssVars-d72a8439.js} +5 -5
- package/es/{useCssVars-608cb842.js.map → useCssVars-d72a8439.js.map} +1 -1
- package/es/{useCurrentBgColor-ee671513.js → useCurrentBgColor-14745af3.js} +2 -2
- package/es/{useCurrentBgColor-ee671513.js.map → useCurrentBgColor-14745af3.js.map} +1 -1
- package/es/{useCurrentKey-b8e62707.js → useCurrentKey-7287061f.js} +2 -2
- package/es/{useCurrentKey-b8e62707.js.map → useCurrentKey-7287061f.js.map} +1 -1
- package/es/{useDatatip-daec4346.js → useDatatip-9635bc2f.js} +4 -4
- package/es/{useDatatip-daec4346.js.map → useDatatip-9635bc2f.js.map} +1 -1
- package/es/{useDensity-556ca8b2.js → useDensity-c17603b2.js} +2 -2
- package/es/{useDensity-556ca8b2.js.map → useDensity-c17603b2.js.map} +1 -1
- package/es/{useFloating-abfd69eb.js → useFloating-953362cf.js} +2 -2
- package/es/{useFloating-abfd69eb.js.map → useFloating-953362cf.js.map} +1 -1
- package/es/{useKeyboardEvents-7202253d.js → useKeyboardEvents-2378a650.js} +2 -2
- package/es/{useKeyboardEvents-7202253d.js.map → useKeyboardEvents-2378a650.js.map} +1 -1
- package/es/useLegendContextMenu-66d6eb7e.js +4 -4
- package/es/{useMeterDatatip-dcd2a05e.js → useMeterDatatip-834e67e1.js} +3 -3
- package/es/{useMeterDatatip-dcd2a05e.js.map → useMeterDatatip-834e67e1.js.map} +1 -1
- package/es/{useOutsideClick-817bf098.js → useOutsideClick-fd9ad806.js} +2 -2
- package/es/{useOutsideClick-817bf098.js.map → useOutsideClick-fd9ad806.js.map} +1 -1
- package/es/{usePopupAnimation-6e0781b5.js → usePopupAnimation-f017bc43.js} +2 -2
- package/es/{usePopupAnimation-6e0781b5.js.map → usePopupAnimation-f017bc43.js.map} +1 -1
- package/es/{usePrefixSuffix-0874343c.js → usePrefixSuffix-5a74f2c4.js} +2 -2
- package/es/{usePrefixSuffix-0874343c.js.map → usePrefixSuffix-5a74f2c4.js.map} +1 -1
- package/es/{useReorderableItem-99a9dbce.js → useReorderableItem-22ea4c46.js} +3 -3
- package/es/{useReorderableItem-99a9dbce.js.map → useReorderableItem-22ea4c46.js.map} +1 -1
- package/es/{useRovingTabIndexContainer-f7972085.js → useRovingTabIndexContainer-bc7ae447.js} +2 -2
- package/es/{useRovingTabIndexContainer-f7972085.js.map → useRovingTabIndexContainer-bc7ae447.js.map} +1 -1
- package/es/{useScale-1cdb639e.js → useScale-83881775.js} +2 -2
- package/es/{useScale-1cdb639e.js.map → useScale-83881775.js.map} +1 -1
- package/es/useSelectCommon-34645d9a.js +11 -11
- package/es/{useSelectDrill-d60e88a3.js → useSelectDrill-88337c1a.js} +3 -3
- package/es/{useSelectDrill-d60e88a3.js.map → useSelectDrill-88337c1a.js.map} +1 -1
- package/es/{useSelection-d755e74f.js → useSelection-01b28be6.js} +5 -5
- package/es/{useSelection-d755e74f.js.map → useSelection-01b28be6.js.map} +1 -1
- package/es/{useSelection-2d26ab04.js → useSelection-649fd4f1.js} +2 -2
- package/es/{useSelection-2d26ab04.js.map → useSelection-649fd4f1.js.map} +1 -1
- package/es/useTabBar-cbac0c2e.js +1 -1
- package/es/{useTestId-474ac6ca.js → useTestId-9b504481.js} +2 -2
- package/es/{useTestId-474ac6ca.js.map → useTestId-9b504481.js.map} +1 -1
- package/es/{useTheme-5aa36f52.js → useTheme-93c07059.js} +2 -2
- package/es/{useTheme-5aa36f52.js.map → useTheme-93c07059.js.map} +1 -1
- package/es/{useThemeInterpolations-05e58770.js → useThemeInterpolations-8dd8029f.js} +5 -5
- package/es/{useThemeInterpolations-05e58770.js.map → useThemeInterpolations-8dd8029f.js.map} +1 -1
- package/es/{useTooltip-138c94ee.js → useTooltip-89ca3f3e.js} +5 -5
- package/es/{useTooltip-138c94ee.js.map → useTooltip-89ca3f3e.js.map} +1 -1
- package/es/{useTooltipOnTruncation-a97211b6.js → useTooltipOnTruncation-175bf8a6.js} +4 -4
- package/es/{useTooltipOnTruncation-a97211b6.js.map → useTooltipOnTruncation-175bf8a6.js.map} +1 -1
- package/es/{useTranslationBundle-2df40edf.js → useTranslationBundle-09302c20.js} +2 -2
- package/es/{useTranslationBundle-2df40edf.js.map → useTranslationBundle-09302c20.js.map} +1 -1
- package/es/{useUser-6b2e271a.js → useUser-1cd223a9.js} +2 -2
- package/es/{useUser-6b2e271a.js.map → useUser-1cd223a9.js.map} +1 -1
- package/es/useVisDragModeControls-40fc83b5.js +1 -1
- package/es/{useVisEvents-d8652100.js → useVisEvents-8877743b.js} +2 -2
- package/es/{useVisEvents-d8652100.js.map → useVisEvents-8877743b.js.map} +1 -1
- package/es/utils/PRIVATE_tooltipUtils.js +14 -14
- package/es/utils/PRIVATE_visTestUtils.js +6 -6
- package/es/utils/UNSAFE_popupUtils.js +8 -8
- package/es/{withDirectionIcon-fe0b69a7.js → withDirectionIcon-19a1d777.js} +2 -2
- package/es/{withDirectionIcon-fe0b69a7.js.map → withDirectionIcon-19a1d777.js.map} +1 -1
- package/es/withThemeProps-1621f692.js +2 -2
- package/package.json +2 -2
- package/amd/InputDatePicker-ecd4a7ce.js +0 -2
- package/cjs/CheckboxSetContext-c62db26d.js +0 -12
- package/cjs/index-2f29df43.js.map +0 -1
- package/es/CheckboxSet-28953b25.js +0 -49
- package/es/MaxLengthCounter-181b4fc9.js +0 -25
- package/es/MaxLengthCounter-181b4fc9.js.map +0 -1
- package/es/TextArea-2eb362ec.js.map +0 -1
- package/es/index-3fdaba9a.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-0e2eb66f', './InputDateMask-55fcbf50', './HiddenAccessible-037ef42d', './IconButton-05c6b793', './clientHints-fff66be9', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-7c40cb58', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-3d3e72a9', './Flex-590160eb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-3e2566da', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-404b38fa', './DatePicker-b907fb97', './SectionedContent-ef1f844c', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-3d7186b3', './maskUtils-9370948f', './calendarDateUtils-5e25297c'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,b,C,D,S,k,x,A,v,g,F,T,V,I,w,P,U,M,R,j,_,B,H,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee){"use strict";const se=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:l,isOpen:c,isReadonly:u,label:p,onClose:h,onCommit:y,max:b,messages:C,min:D,monthAndYearPicker:S,testId:k,todayButton:x,todayTimeZone:A,userAssistanceDensity:v,value:g,weekDisplay:F})=>{const[T,V]=a.useState(!1),[I,w]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(w(c),c||V(!1));const U=te(),{datePicker_label:M}=m.useTranslationBundle("@oracle/oraclejet-preact"),R=M(),j=s.jsx(z.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:U?void 0:"auto",onCommit:y,max:b,min:D,maxWidth:U?"100%":void 0,width:"100%",monthAndYearPicker:S,testId:k,todayTimeZone:A,todayButton:x,value:g,weekDisplay:F}),_=!c||T&&!U||l||u||!(t||r||C&&C.length>0)||"efficient"!==v&&"reflow"!==v?void 0:s.jsx(d.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Z.userAssistanceStyles,children:s.jsx(f.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:v})})}),B=k?k+(U?"_sheet":"_dropdown"):void 0,H=s.jsx("div",{class:Z.dropdownStyles,children:s.jsx(G.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})});return U?s.jsx(W.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(G.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})}):s.jsx(G.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:H})},te=()=>"phone"===l.getClientHints().deviceType,ae=e=>e&&ee.isCompleteCalendarDate(e)?e:void 0,ne=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:ae(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:ae(s.data),dateValue:s.data};default:return e}},oe=({onCommit:e,onInput:s,value:t})=>{const[n,o]=a.useState(!1),r=a.useRef(null),i=a.useRef(null),l=a.useRef(!1),d=a.useRef(),c=a.useRef(t),u=a.useRef(t),m=a.useRef(t),p=a.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=a.useReducer(ne,{completeDateValue:ae(e),dateValue:e});return{state:s,dispatch:t}})({value:t});$.calendarDatesAreDifferent(m.current,t)&&(m.current=t,$.calendarDatesAreDifferent(t,h.dateValue)&&(y({type:"reset",data:t}),u.current=t,c.current=t)),a.useEffect((()=>{$.calendarDatesAreDifferent(h.dateValue,u.current)&&(s({previousValue:u.current,value:h.dateValue}),u.current=h.dateValue),p.current&&$.calendarDatesAreDifferent(h.dateValue,c.current)&&(e?.({previousValue:c.current,value:h.dateValue}),c.current=h.dateValue,p.current=!1)}),[e,s,h.dateValue]);const f=a.useCallback((e=>{y({type:"dateChanged",data:e.value})}),[y]),b=a.useCallback((()=>{$.calendarDatesAreDifferent(c.current,h.dateValue)&&(e?.({value:h.dateValue,previousValue:c.current}),c.current=h.dateValue)}),[e,h.dateValue]),C=a.useCallback((()=>{l.current||o((e=>!e)),l.current=!1}),[]),D=a.useCallback((e=>{"outsideMousedown"===e.reason?(l.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{l.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),o(!1)}),[]);return{calendarIconActionHandler:C,datePickerCommitHandler:a.useCallback((e=>{r.current?.focus(),p.current=!0,y({type:"dateSelected",data:e.value}),o(!1)}),[y]),dropdownCloseHandler:D,completeDateValue:h.completeDateValue,dateValue:h.dateValue,iconRef:r,isOpen:n,maskCommitHandler:b,maskInputHandler:f,maskRef:i}},re=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:l,daysOutsideMonth:d,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,label:y,max:f,messages:b,min:C,monthAndYearPicker:D,todayTimeZone:S,todayButton:k,value:x,onCommit:A,onInput:v,testId:g,userAssistanceDensity:F,weekDisplay:T,...V},I)=>{const{calendarIconActionHandler:w,datePickerCommitHandler:P,completeDateValue:U,dateValue:M,dropdownCloseHandler:R,iconRef:j,isOpen:_,maskCommitHandler:B,maskInputHandler:H,maskRef:E}=oe({onCommit:A,onInput:v,value:x}),N=a.useRef(null),{inputDatePicker_selectDate:L,inputDatePicker_instruction:O}=m.useTranslationBundle("@oracle/oraclejet-preact"),Y=L(),{userAssistanceDensity:Z}=K.useFormContext(),W=F??Z;a.useImperativeHandle(I,(()=>({focus:()=>{E.current?.focus()},blur:()=>{E.current?.blur()}})));const z=Q.useId(),G=O(),J=p||h?void 0:s.jsx(r.HiddenAccessible,{id:z,isHidden:!0,children:G}),X=p||h?e:q.merge([e,z]),$=s.jsx(i.IconButton,{"aria-haspopup":"dialog","aria-label":Y,isDisabled:p,ref:j,size:"sm",testId:g?g+"_calendarIcon":void 0,variant:"ghost",onAction:w,children:s.jsx(n.SvgCalendar,{})}),ee=_;return s.jsxs(s.Fragment,{children:[s.jsx(o.InputDateMaskContext.Provider,{value:{isDropdownOpen:_,isInputDatePickerParent:!0},children:s.jsx(o.InputDateMask,{"aria-describedby":X,assistiveText:t,endContent:$,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,label:y,onCommit:B,onInput:H,mainFieldRef:N,messages:b,testId:g,ref:E,userAssistanceDensity:F,value:M,...V})}),J,ee&&s.jsx(se,{anchorRef:N,assistiveText:t,dayFormatter:l,daysOutsideMonth:d,helpSourceLink:c,helpSourceText:u,isDisabled:p,isReadonly:h,isOpen:_,label:y,onClose:R,onCommit:P,max:f,messages:b,min:C,monthAndYearPicker:D,testId:g?g+"_datePicker":void 0,todayTimeZone:S,todayButton:k,userAssistanceDensity:W,value:U,weekDisplay:T})]})}));e.InputDatePicker=re}));
|
|
2
|
+
//# sourceMappingURL=InputDatePicker-cf7e7ea3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDatePicker-ecd4a7ce.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating'; \n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n InputDatePickerProps,\n | 'assistiveText'\n | 'dayFormatter'\n | 'daysOutsideMonth'\n | 'helpSourceLink'\n | 'helpSourceText'\n | 'isDisabled'\n | 'isReadonly'\n | 'label'\n | 'messages'\n | 'min'\n | 'max'\n | 'monthAndYearPicker'\n | 'todayButton'\n | 'todayTimeZone'\n | 'userAssistanceDensity'\n | 'value'\n | 'weekDisplay'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n PickedPropsFromInputDatePicker &\n PickedPropsFromDropdown &\n TestIdProps & {\n /**\n * Called when the dropdown or sheet is supposed to be closed.\n */\n onClose?: (detail: CloseDetail) => void;\n };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n anchorRef,\n assistiveText,\n dayFormatter,\n daysOutsideMonth,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isOpen,\n isReadonly,\n label,\n onClose,\n onCommit,\n max,\n messages,\n min,\n monthAndYearPicker,\n testId,\n todayButton,\n todayTimeZone,\n userAssistanceDensity,\n value,\n weekDisplay\n}: Props) => {\n // If the dropdown opens above the component, we don't want to show UA or messages.\n const [isDropdownAbove, setDropdownAbove] = useState(false);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n const handleDropdownPosition = useCallback<\n NonNullable<StickyPositioningDropdownProps['onPosition']>\n >((data: PositionData) => {\n setDropdownAbove(data.placement.startsWith('top'));\n }, []);\n // Reset the flag when the dropdown is closed.\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n if (!isOpen) {\n setDropdownAbove(false);\n }\n }\n\n const sizeOptions: SizeOptions = {\n isMaxWidthAdjusted: false,\n isMaxHeightAdjusted: true\n };\n\n // On mobile phones, the dropdown becomes a sheet.\n const shouldShowSheet = isPhone();\n\n const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const datePickerAriaLabel = datePicker_label();\n\n const datePickerMainContent = (\n <DatePicker\n dayFormatter={dayFormatter}\n daysOutsideMonth={daysOutsideMonth}\n height={!shouldShowSheet ? 'auto' : undefined}\n onCommit={onCommit}\n max={max}\n min={min}\n // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n maxWidth={shouldShowSheet ? '100%' : undefined}\n width=\"100%\"\n monthAndYearPicker={monthAndYearPicker}\n testId={testId}\n todayTimeZone={todayTimeZone}\n todayButton={todayButton}\n value={value}\n weekDisplay={weekDisplay}\n />\n );\n\n const inlineUserAssistanceFooter =\n isOpen &&\n (!isDropdownAbove || shouldShowSheet) &&\n !isDisabled &&\n !isReadonly &&\n (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n <FormFieldContext.Provider value={{ isFocused: true }}>\n <div class={userAssistanceStyles}>\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n userAssistanceDensity={userAssistanceDensity}\n />\n </div>\n </FormFieldContext.Provider>\n ) : undefined;\n\n const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n // Add styling to the dropdown to enforce a fixed width.\n const dropdownContent = (\n <div class={dropdownStyles}>\n <SectionedContent\n aria-label={datePickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={datePickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </div>\n );\n\n const dropdown = shouldShowSheet ? (\n <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n <SectionedContent\n aria-label={datePickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={datePickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </Sheet>\n ) : (\n <StickyPositioningDropdown\n anchorRef={anchorRef}\n initialFocus=\"firstFocusable\"\n isOpen={isOpen}\n onClose={onClose}\n onPosition={handleDropdownPosition}\n sizeOptions={sizeOptions}>\n {dropdownContent}\n </StickyPositioningDropdown>\n );\n\n return dropdown;\n};\n\nconst isPhone = () => {\n return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n /**\n * If dateValue is a complete date, then completeDateValue is the same as dateValue\n * otherwise is is undefined. We need to maintain separate states because\n * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n * If the user types a partial date then opens the picker, we treat that as\n * no selection. The picker opens to the current month showing today.\n */\n completeDateValue?: CalendarDateRequired;\n\n /**\n * Represents the current date value of the component. The user either selected\n * the date in the picker, or typed it into the date field.\n */\n dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction | DateResetAction | DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n return !dateVal || !isCompleteCalendarDate(dateVal)\n ? undefined\n : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n state: InputDatePickerState,\n action: InputDatePickerReducerAction\n): InputDatePickerState => {\n switch (action.type) {\n case 'dateChanged': {\n return {\n ...state,\n dateValue: action.data,\n completeDateValue: convertToCalendarDateRequired(action.data)\n };\n }\n case 'dateSelected': {\n return { ...state, dateValue: action.data, completeDateValue: action.data };\n }\n case 'reset': {\n return {\n completeDateValue: convertToCalendarDateRequired(action.data),\n dateValue: action.data\n };\n }\n default:\n return state;\n }\n};\n\ntype Props = {\n /**\n * The value of the InputDatePicker, or undefined.\n */\n value?: CalendarDate;\n};\n\n/**\n * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputDatePickerState = ({ value }: Props) => {\n const [state, dispatch] = useReducer(inputDatePickerReducer, {\n completeDateValue: convertToCalendarDateRequired(value),\n dateValue: value\n });\n\n return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype Props = {\n onCommit: InputDatePickerProps['onCommit'];\n onInput: InputDatePickerProps['onInput'];\n value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({ onCommit, onInput, value: currentValue }: Props) => {\n // Whether the dropdown is open.\n const [isOpen, setIsOpen] = useState(false);\n\n // Ref to the calendar icon button.\n const iconRef: RefObject<HTMLButtonElement> = useRef<HTMLButtonElement>(null);\n\n // Ref to the InputDateMask component.\n const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n const outsideMousedownRef = useRef<boolean>(false);\n const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n // Keep track of the last date values passed to onInput and onCommit.\n const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n\n // Keep track of whether a date was selected in the date picker.\n const dateSelectedRef = useRef<boolean>(false);\n\n const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n // If a new value is being pushed from the parent, and that value differs from\n // the current value of the reducer, then this is a programmatic update\n // and we need to call 'reset' to update the reducer state. Otherwise, the only\n // time the reducer state is updated from the value is on mount.\n if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n lastValueFromParentRef.current = currentValue;\n if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n dispatch({ type: 'reset', data: currentValue });\n lastDateRef.current = currentValue;\n lastCommittedDateRef.current = currentValue;\n }\n }\n\n // Reducer updates are async, so wait until the state updates and then call our callbacks.\n useEffect(() => {\n if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n lastDateRef.current = state.dateValue;\n }\n if (\n dateSelectedRef.current &&\n calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n ) {\n onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n lastCommittedDateRef.current = state.dateValue;\n dateSelectedRef.current = false;\n }\n }, [onCommit, onInput, state.dateValue]);\n\n // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n // We wait for the state to update before calling onInput.\n const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n (detail: ValueUpdateDetail<CalendarDate>) => {\n dispatch({ type: 'dateChanged', data: detail.value });\n },\n [dispatch]\n );\n\n // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(() => {\n // If the current date value differs from the last committed value, then call onCommit.\n if (calendarDatesAreDifferent(lastCommittedDateRef.current, state.dateValue)) {\n onCommit?.({ value: state.dateValue, previousValue: lastCommittedDateRef.current });\n lastCommittedDateRef.current = state.dateValue;\n }\n }, [onCommit, state.dateValue]);\n\n // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n if (!outsideMousedownRef.current) {\n setIsOpen((prevIsOpen) => !prevIsOpen);\n }\n outsideMousedownRef.current = false;\n }, []);\n\n const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n (detail: CloseDetail) => {\n // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n if (detail.reason === 'outsideMousedown') {\n outsideMousedownRef.current = true;\n clearTimeout(outsideMousedownTimerRef.current);\n\n // Clear the flag after a short delay to ensure the dropdown can be opened again.\n outsideMousedownTimerRef.current = setTimeout(() => {\n outsideMousedownRef.current = false;\n }, 200);\n } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n // Focus the calendar icon when the dropdown is closed.\n iconRef.current?.focus();\n }\n setIsOpen(false);\n },\n []\n );\n\n // Handle date selection in the picker.\n // - Updates the value in state.\n // - Closes the dropdown.\n // - Sets focus to the date field.\n const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n // Set focus to the calendar icon when a date is selected.\n iconRef.current?.focus();\n\n // Set a ref indicating a date was selected.\n dateSelectedRef.current = true;\n dispatch({ type: 'dateSelected', data: detail.value });\n setIsOpen(false);\n },\n [dispatch]\n );\n\n return {\n calendarIconActionHandler,\n datePickerCommitHandler,\n dropdownCloseHandler,\n completeDateValue: state.completeDateValue,\n dateValue: state.dateValue,\n iconRef,\n isOpen,\n maskCommitHandler,\n maskInputHandler,\n maskRef\n };\n};\n\nexport { useInputDatePicker };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n CalendarDate,\n CalendarDatePlaceholders,\n InputDateMask,\n InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n InputDateMaskProps,\n | 'aria-describedby'\n | 'assistiveText'\n | 'columnSpan'\n | 'helpSourceLink'\n | 'helpSourceText'\n | 'isDisabled'\n | 'isReadonly'\n | 'isRequired'\n | 'isRequiredShown'\n | 'label'\n | 'labelEdge'\n | 'labelStartWidth'\n | 'messages'\n | 'textAlign'\n | 'testId'\n | 'userAssistanceDensity'\n | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n DatePickerProps,\n | 'dayFormatter'\n | 'daysOutsideMonth'\n | 'max'\n | 'min'\n | 'monthAndYearPicker'\n | 'todayTimeZone'\n | 'todayButton'\n | 'weekDisplay'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n PickedPropsFromDatePicker & {\n /**\n * If specified, overrides the locale specific order of the individual date segments\n * in the date field as well as the locale specific separator. The value of each placeholder\n * is only used when the type is 'literal', otherwise it is replaced with a translated\n * placeholder for month, day, or year. The placeholders must include month, day, and year.\n */\n masks?: CalendarDatePlaceholders;\n\n /**\n * The current display value of the component.\n * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n * the user may type the month, day, and year separately. If a selection is made in the date\n * picker, then the value is a complete date.\n */\n value?: CalendarDate;\n\n /**\n * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n * It is also called when a selection is made in the date picker.\n */\n onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n /**\n * Callback invoked each time the user changes the value of a segment. For example, if the user\n * types '12' into the month segment, this callback will be called twice to change the month\n * first to '1' and then '12'.\n */\n onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n (\n {\n 'aria-describedby': propDescribedBy,\n assistiveText,\n dayFormatter,\n daysOutsideMonth,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isReadonly,\n label,\n max,\n messages,\n min,\n monthAndYearPicker,\n todayTimeZone,\n todayButton,\n value,\n onCommit,\n onInput,\n testId,\n userAssistanceDensity: propUserAssistanceDensity,\n weekDisplay,\n ...dateMaskProps\n }: Props,\n ref?: Ref<FocusableHandle>\n ) => {\n const {\n calendarIconActionHandler,\n datePickerCommitHandler,\n completeDateValue,\n dateValue,\n dropdownCloseHandler,\n iconRef,\n isOpen,\n maskCommitHandler,\n maskInputHandler,\n maskRef\n } = useInputDatePicker({\n onCommit,\n onInput,\n value\n });\n\n const mainFieldRef = useRef<HTMLDivElement>(null);\n const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n // We need this to determine if UA/messaging should be shown in the dropdown.\n const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n useImperativeHandle(ref!, () => ({\n focus: () => {\n maskRef.current?.focus();\n },\n blur: () => {\n maskRef.current?.blur();\n }\n }));\n\n const maskFieldInstructionId = useId();\n const maskFieldInstructionText = inputDatePicker_instruction();\n const maskFieldInstruction =\n !isDisabled && !isReadonly ? (\n <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n {maskFieldInstructionText}\n </HiddenAccessible>\n ) : undefined;\n const ariaDescribedBy =\n !isDisabled && !isReadonly\n ? merge([propDescribedBy, maskFieldInstructionId])\n : propDescribedBy;\n\n const endContent = (\n <IconButton\n aria-haspopup=\"dialog\"\n aria-label={calendarIconAriaLabel}\n isDisabled={isDisabled}\n ref={iconRef}\n size=\"sm\"\n testId={testId ? testId + '_calendarIcon' : undefined}\n variant=\"ghost\"\n onAction={calendarIconActionHandler}>\n <CalendarIcon />\n </IconButton>\n );\n\n const shouldShowDropdown = isOpen as boolean;\n\n return (\n <>\n <InputDateMaskContext.Provider\n value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n <InputDateMask\n aria-describedby={ariaDescribedBy}\n assistiveText={assistiveText}\n endContent={endContent}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n label={label}\n onCommit={maskCommitHandler}\n onInput={maskInputHandler}\n mainFieldRef={mainFieldRef}\n messages={messages}\n testId={testId}\n ref={maskRef}\n userAssistanceDensity={propUserAssistanceDensity}\n value={dateValue}\n {...dateMaskProps}\n />\n </InputDateMaskContext.Provider>\n\n {maskFieldInstruction}\n\n {shouldShowDropdown && (\n <InputDatePickerDropdown\n anchorRef={mainFieldRef}\n assistiveText={assistiveText}\n dayFormatter={dayFormatter}\n daysOutsideMonth={daysOutsideMonth}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isOpen={isOpen}\n label={label}\n onClose={dropdownCloseHandler}\n onCommit={datePickerCommitHandler}\n max={max}\n messages={messages}\n min={min}\n monthAndYearPicker={monthAndYearPicker}\n testId={testId ? testId + '_datePicker' : undefined}\n todayTimeZone={todayTimeZone}\n todayButton={todayButton}\n userAssistanceDensity={userAssistanceDensity}\n value={completeDateValue}\n weekDisplay={weekDisplay}\n />\n )}\n </>\n );\n }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InputDatePicker-cf7e7ea3.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating'; \n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n InputDatePickerProps,\n | 'assistiveText'\n | 'dayFormatter'\n | 'daysOutsideMonth'\n | 'helpSourceLink'\n | 'helpSourceText'\n | 'isDisabled'\n | 'isReadonly'\n | 'label'\n | 'messages'\n | 'min'\n | 'max'\n | 'monthAndYearPicker'\n | 'todayButton'\n | 'todayTimeZone'\n | 'userAssistanceDensity'\n | 'value'\n | 'weekDisplay'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n PickedPropsFromInputDatePicker &\n PickedPropsFromDropdown &\n TestIdProps & {\n /**\n * Called when the dropdown or sheet is supposed to be closed.\n */\n onClose?: (detail: CloseDetail) => void;\n };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n anchorRef,\n assistiveText,\n dayFormatter,\n daysOutsideMonth,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isOpen,\n isReadonly,\n label,\n onClose,\n onCommit,\n max,\n messages,\n min,\n monthAndYearPicker,\n testId,\n todayButton,\n todayTimeZone,\n userAssistanceDensity,\n value,\n weekDisplay\n}: Props) => {\n // If the dropdown opens above the component, we don't want to show UA or messages.\n const [isDropdownAbove, setDropdownAbove] = useState(false);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n const handleDropdownPosition = useCallback<\n NonNullable<StickyPositioningDropdownProps['onPosition']>\n >((data: PositionData) => {\n setDropdownAbove(data.placement.startsWith('top'));\n }, []);\n // Reset the flag when the dropdown is closed.\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n if (!isOpen) {\n setDropdownAbove(false);\n }\n }\n\n const sizeOptions: SizeOptions = {\n isMaxWidthAdjusted: false,\n isMaxHeightAdjusted: true\n };\n\n // On mobile phones, the dropdown becomes a sheet.\n const shouldShowSheet = isPhone();\n\n const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const datePickerAriaLabel = datePicker_label();\n\n const datePickerMainContent = (\n <DatePicker\n dayFormatter={dayFormatter}\n daysOutsideMonth={daysOutsideMonth}\n height={!shouldShowSheet ? 'auto' : undefined}\n onCommit={onCommit}\n max={max}\n min={min}\n // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n maxWidth={shouldShowSheet ? '100%' : undefined}\n width=\"100%\"\n monthAndYearPicker={monthAndYearPicker}\n testId={testId}\n todayTimeZone={todayTimeZone}\n todayButton={todayButton}\n value={value}\n weekDisplay={weekDisplay}\n />\n );\n\n const inlineUserAssistanceFooter =\n isOpen &&\n (!isDropdownAbove || shouldShowSheet) &&\n !isDisabled &&\n !isReadonly &&\n (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n <FormFieldContext.Provider value={{ isFocused: true }}>\n <div class={userAssistanceStyles}>\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n userAssistanceDensity={userAssistanceDensity}\n />\n </div>\n </FormFieldContext.Provider>\n ) : undefined;\n\n const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n // Add styling to the dropdown to enforce a fixed width.\n const dropdownContent = (\n <div class={dropdownStyles}>\n <SectionedContent\n aria-label={datePickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={datePickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </div>\n );\n\n const dropdown = shouldShowSheet ? (\n <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n <SectionedContent\n aria-label={datePickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={datePickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </Sheet>\n ) : (\n <StickyPositioningDropdown\n anchorRef={anchorRef}\n initialFocus=\"firstFocusable\"\n isOpen={isOpen}\n onClose={onClose}\n onPosition={handleDropdownPosition}\n sizeOptions={sizeOptions}>\n {dropdownContent}\n </StickyPositioningDropdown>\n );\n\n return dropdown;\n};\n\nconst isPhone = () => {\n return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n /**\n * If dateValue is a complete date, then completeDateValue is the same as dateValue\n * otherwise is is undefined. We need to maintain separate states because\n * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n * If the user types a partial date then opens the picker, we treat that as\n * no selection. The picker opens to the current month showing today.\n */\n completeDateValue?: CalendarDateRequired;\n\n /**\n * Represents the current date value of the component. The user either selected\n * the date in the picker, or typed it into the date field.\n */\n dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction | DateResetAction | DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n return !dateVal || !isCompleteCalendarDate(dateVal)\n ? undefined\n : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n state: InputDatePickerState,\n action: InputDatePickerReducerAction\n): InputDatePickerState => {\n switch (action.type) {\n case 'dateChanged': {\n return {\n ...state,\n dateValue: action.data,\n completeDateValue: convertToCalendarDateRequired(action.data)\n };\n }\n case 'dateSelected': {\n return { ...state, dateValue: action.data, completeDateValue: action.data };\n }\n case 'reset': {\n return {\n completeDateValue: convertToCalendarDateRequired(action.data),\n dateValue: action.data\n };\n }\n default:\n return state;\n }\n};\n\ntype Props = {\n /**\n * The value of the InputDatePicker, or undefined.\n */\n value?: CalendarDate;\n};\n\n/**\n * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputDatePickerState = ({ value }: Props) => {\n const [state, dispatch] = useReducer(inputDatePickerReducer, {\n completeDateValue: convertToCalendarDateRequired(value),\n dateValue: value\n });\n\n return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype Props = {\n onCommit: InputDatePickerProps['onCommit'];\n onInput: InputDatePickerProps['onInput'];\n value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({ onCommit, onInput, value: currentValue }: Props) => {\n // Whether the dropdown is open.\n const [isOpen, setIsOpen] = useState(false);\n\n // Ref to the calendar icon button.\n const iconRef: RefObject<HTMLButtonElement> = useRef<HTMLButtonElement>(null);\n\n // Ref to the InputDateMask component.\n const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n const outsideMousedownRef = useRef<boolean>(false);\n const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n // Keep track of the last date values passed to onInput and onCommit.\n const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n\n // Keep track of whether a date was selected in the date picker.\n const dateSelectedRef = useRef<boolean>(false);\n\n const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n // If a new value is being pushed from the parent, and that value differs from\n // the current value of the reducer, then this is a programmatic update\n // and we need to call 'reset' to update the reducer state. Otherwise, the only\n // time the reducer state is updated from the value is on mount.\n if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n lastValueFromParentRef.current = currentValue;\n if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n dispatch({ type: 'reset', data: currentValue });\n lastDateRef.current = currentValue;\n lastCommittedDateRef.current = currentValue;\n }\n }\n\n // Reducer updates are async, so wait until the state updates and then call our callbacks.\n useEffect(() => {\n if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n lastDateRef.current = state.dateValue;\n }\n if (\n dateSelectedRef.current &&\n calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n ) {\n onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n lastCommittedDateRef.current = state.dateValue;\n dateSelectedRef.current = false;\n }\n }, [onCommit, onInput, state.dateValue]);\n\n // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n // We wait for the state to update before calling onInput.\n const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n (detail: ValueUpdateDetail<CalendarDate>) => {\n dispatch({ type: 'dateChanged', data: detail.value });\n },\n [dispatch]\n );\n\n // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(() => {\n // If the current date value differs from the last committed value, then call onCommit.\n if (calendarDatesAreDifferent(lastCommittedDateRef.current, state.dateValue)) {\n onCommit?.({ value: state.dateValue, previousValue: lastCommittedDateRef.current });\n lastCommittedDateRef.current = state.dateValue;\n }\n }, [onCommit, state.dateValue]);\n\n // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n if (!outsideMousedownRef.current) {\n setIsOpen((prevIsOpen) => !prevIsOpen);\n }\n outsideMousedownRef.current = false;\n }, []);\n\n const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n (detail: CloseDetail) => {\n // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n if (detail.reason === 'outsideMousedown') {\n outsideMousedownRef.current = true;\n clearTimeout(outsideMousedownTimerRef.current);\n\n // Clear the flag after a short delay to ensure the dropdown can be opened again.\n outsideMousedownTimerRef.current = setTimeout(() => {\n outsideMousedownRef.current = false;\n }, 200);\n } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n // Focus the calendar icon when the dropdown is closed.\n iconRef.current?.focus();\n }\n setIsOpen(false);\n },\n []\n );\n\n // Handle date selection in the picker.\n // - Updates the value in state.\n // - Closes the dropdown.\n // - Sets focus to the date field.\n const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n // Set focus to the calendar icon when a date is selected.\n iconRef.current?.focus();\n\n // Set a ref indicating a date was selected.\n dateSelectedRef.current = true;\n dispatch({ type: 'dateSelected', data: detail.value });\n setIsOpen(false);\n },\n [dispatch]\n );\n\n return {\n calendarIconActionHandler,\n datePickerCommitHandler,\n dropdownCloseHandler,\n completeDateValue: state.completeDateValue,\n dateValue: state.dateValue,\n iconRef,\n isOpen,\n maskCommitHandler,\n maskInputHandler,\n maskRef\n };\n};\n\nexport { useInputDatePicker };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n CalendarDate,\n CalendarDatePlaceholders,\n InputDateMask,\n InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n InputDateMaskProps,\n | 'aria-describedby'\n | 'assistiveText'\n | 'columnSpan'\n | 'helpSourceLink'\n | 'helpSourceText'\n | 'isDisabled'\n | 'isReadonly'\n | 'isRequired'\n | 'isRequiredShown'\n | 'label'\n | 'labelEdge'\n | 'labelStartWidth'\n | 'messages'\n | 'textAlign'\n | 'testId'\n | 'userAssistanceDensity'\n | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n DatePickerProps,\n | 'dayFormatter'\n | 'daysOutsideMonth'\n | 'max'\n | 'min'\n | 'monthAndYearPicker'\n | 'todayTimeZone'\n | 'todayButton'\n | 'weekDisplay'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n PickedPropsFromDatePicker & {\n /**\n * If specified, overrides the locale specific order of the individual date segments\n * in the date field as well as the locale specific separator. The value of each placeholder\n * is only used when the type is 'literal', otherwise it is replaced with a translated\n * placeholder for month, day, or year. The placeholders must include month, day, and year.\n */\n masks?: CalendarDatePlaceholders;\n\n /**\n * The current display value of the component.\n * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n * the user may type the month, day, and year separately. If a selection is made in the date\n * picker, then the value is a complete date.\n */\n value?: CalendarDate;\n\n /**\n * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n * It is also called when a selection is made in the date picker.\n */\n onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n /**\n * Callback invoked each time the user changes the value of a segment. For example, if the user\n * types '12' into the month segment, this callback will be called twice to change the month\n * first to '1' and then '12'.\n */\n onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n (\n {\n 'aria-describedby': propDescribedBy,\n assistiveText,\n dayFormatter,\n daysOutsideMonth,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isReadonly,\n label,\n max,\n messages,\n min,\n monthAndYearPicker,\n todayTimeZone,\n todayButton,\n value,\n onCommit,\n onInput,\n testId,\n userAssistanceDensity: propUserAssistanceDensity,\n weekDisplay,\n ...dateMaskProps\n }: Props,\n ref?: Ref<FocusableHandle>\n ) => {\n const {\n calendarIconActionHandler,\n datePickerCommitHandler,\n completeDateValue,\n dateValue,\n dropdownCloseHandler,\n iconRef,\n isOpen,\n maskCommitHandler,\n maskInputHandler,\n maskRef\n } = useInputDatePicker({\n onCommit,\n onInput,\n value\n });\n\n const mainFieldRef = useRef<HTMLDivElement>(null);\n const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n // We need this to determine if UA/messaging should be shown in the dropdown.\n const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n useImperativeHandle(ref!, () => ({\n focus: () => {\n maskRef.current?.focus();\n },\n blur: () => {\n maskRef.current?.blur();\n }\n }));\n\n const maskFieldInstructionId = useId();\n const maskFieldInstructionText = inputDatePicker_instruction();\n const maskFieldInstruction =\n !isDisabled && !isReadonly ? (\n <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n {maskFieldInstructionText}\n </HiddenAccessible>\n ) : undefined;\n const ariaDescribedBy =\n !isDisabled && !isReadonly\n ? merge([propDescribedBy, maskFieldInstructionId])\n : propDescribedBy;\n\n const endContent = (\n <IconButton\n aria-haspopup=\"dialog\"\n aria-label={calendarIconAriaLabel}\n isDisabled={isDisabled}\n ref={iconRef}\n size=\"sm\"\n testId={testId ? testId + '_calendarIcon' : undefined}\n variant=\"ghost\"\n onAction={calendarIconActionHandler}>\n <CalendarIcon />\n </IconButton>\n );\n\n const shouldShowDropdown = isOpen as boolean;\n\n return (\n <>\n <InputDateMaskContext.Provider\n value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n <InputDateMask\n aria-describedby={ariaDescribedBy}\n assistiveText={assistiveText}\n endContent={endContent}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n label={label}\n onCommit={maskCommitHandler}\n onInput={maskInputHandler}\n mainFieldRef={mainFieldRef}\n messages={messages}\n testId={testId}\n ref={maskRef}\n userAssistanceDensity={propUserAssistanceDensity}\n value={dateValue}\n {...dateMaskProps}\n />\n </InputDateMaskContext.Provider>\n\n {maskFieldInstruction}\n\n {shouldShowDropdown && (\n <InputDatePickerDropdown\n anchorRef={mainFieldRef}\n assistiveText={assistiveText}\n dayFormatter={dayFormatter}\n daysOutsideMonth={daysOutsideMonth}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isOpen={isOpen}\n label={label}\n onClose={dropdownCloseHandler}\n onCommit={datePickerCommitHandler}\n max={max}\n messages={messages}\n min={min}\n monthAndYearPicker={monthAndYearPicker}\n testId={testId ? testId + '_datePicker' : undefined}\n todayTimeZone={todayTimeZone}\n todayButton={todayButton}\n userAssistanceDensity={userAssistanceDensity}\n value={completeDateValue}\n weekDisplay={weekDisplay}\n />\n )}\n </>\n );\n }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', './layoutUtils-4304ffe4', './chartUtils-a85dd8f3', './useChartDnd-44674b7d', './LineSeries-ce197af6', './dataStyleUtils-a0ecedd5', './useUser-797287de', './colorUtils-bc5b1d84', './accUtils-93ee6f16', './Common/themes/themeContract.css', './Chart-
|
|
2
|
-
//# sourceMappingURL=LineAreaChart-
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', './layoutUtils-4304ffe4', './chartUtils-a85dd8f3', './useChartDnd-44674b7d', './LineSeries-ce197af6', './dataStyleUtils-a0ecedd5', './useUser-797287de', './colorUtils-bc5b1d84', './accUtils-93ee6f16', './Common/themes/themeContract.css', './Chart-0a3205dd'], (function(e,t,i,n,s,r,o,a,l,d,g,c){"use strict";function h(e){return t.jsx(u,{datatip:()=>({content:""}),zoomAndScroll:"off",overview:"off",plotArea:{yMajorTick:{isRendered:!1}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},type:e.type})}const I=.2,x=.2;function u({width:e,height:d,selectedIds:u=[],hiddenIds:m=[],highlightedIds:f,hideAndShowBehavior:p="none",orientation:v="vertical",yAxis:S,series:y,groups:C,isStacked:A=!1,getDataItem:b,selectionMode:D="none",drilling:L="off",type:T="line",overview:k="off",dataLabelEffect:M="outline",...j}){const{direction:w,forcedColors:E}=a.useUser(),U="active"===E,F=void 0!==j.testId,R="rtl"===w,z="log"===S?.scale,W=j.xAxis?.timeAxisType,H=new Set(m),P=new Set(u),N=new Set(f),q="horizontal"===v,B=l.getColorRamp(),V=A?s.getCumulativeSeries(y.length,C.length,b,H,z):s.getSeriesData(y?.length,C?.length,b,H,z),G=(e,t)=>A?{...b(e,t),value:V[e][t]}:b(e,t),O=s.getMarkers(),J="lineWithArea"===T?x:1,K="area"===T||"lineWithArea"===T,Q="area"===T,X=[];return t.jsx(c.Chart,{width:e,height:d,selectedIds:P,hiddenIds:m,hideAndShowBehavior:p,orientation:v,yAxis:S,series:y,groups:C,selectionMode:D,drilling:L,isStacked:A,getDataItem:b,findNearest:(e,t)=>i.findNearestDataPoint(y,C,e,t,G,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),z,0,H,W),getDataItemPos:(e,t)=>(i,s)=>n.getLineAreaChartItemPosition(i,s,V,b,C,q,e,t,W),getMarkerInfo:(e,t)=>({color:o.getItemColor(e,t,y,b),type:o.getMarkerType(e,t,b)}),renderGridLinesInFront:K,getNavUtil:(e,t)=>o.getLineAreaChartNavUtil(b,y.length,e,t,A,R,q),getGapRatio:()=>1,offset:I,isRtl:R,overview:k,defaultOverviewContentRenderer:()=>t.jsx(h,{series:y,groups:C,getDataItem:b,type:T}),...j,children:({xStartIndex:e,xEndIndex:i,xScale:o,yScale:a,activeId:l,focusedItemInfo:d,hoveredItemInfo:c,isPointInsideMarquee:h,defaultFontSize:I,getTextDimensions:x})=>t.jsxs(t.Fragment,{children:[V.map(((u,m)=>{if(0===u.length)return;const p=y[m],S=s.getLineAreaSegments(a,o,u,e,i,q,z,C,m,G,W);X[m]=S[0];const T="curved"===p.lineType&&A&&V.length>1&&m>0,k=void 0===f||0===f.length||N.has(p.id),w=A&&0!=m?X.reduce(((e,t,i)=>i>=m?e:t.length>0?i:e),0):void 0;return t.jsxs(t.Fragment,{children:[K&&t.jsx(n.AreaSeries,{yScale:a,lineType:p.lineType,color:p.areaColor||B[m%B.length],isHorizontal:q,areaColorOpacity:J,isBottomSegmentCurved:T,bottomCoords:void 0!==w&&X[w].some((e=>null!=e))?X[w]:void 0,lineSegments:S,isLog:z,isHighlighted:k,seriesIndex:m}),t.jsx(r.LineSeries,{lineType:p.lineType,lineColor:Q?g.colorSchemeVars.dvt.contrastLine:p.lineColor,lineWidth:Q?A?2.5:1.25:p.lineWidth,lineStyle:p.lineStyle,color:p.lineColor||B[m%B.length],lineSegmentCoords:S,isHorizontal:q,isHighlighted:k,seriesIndex:m}),!A&&t.jsx(r.MarkersWithLabel,{yScale:a,xScale:o,groups:C,series:p,timeAxisType:W,color:p.lineColor||p.areaColor||B[m%B.length],seriesIndex:m,startIndex:e,endIndex:i,markerType:O[m%O.length],orientation:v,isLog:z,activeId:l,getDataItem:b,isPointInsideMarquee:h,selectedIds:P,highlightedIds:void 0!==f?N:void 0,focusedItemIndex:d.seriesIndex!==m||!d.isFocusVisible||j.isDataCursorEnabled&&j.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:c?.isCurrent&&c.seriesIndex===m?c.groupIndex:void 0,isSelectionEnabled:"single"===D||"multiple"===D,isDrillEnabled:"on"===L,defaultFontSize:I,dataLabelEffect:M,isHighContrast:U,isTestEnv:F,getTextDimensions:x})]})})),A&&V.map(((n,s)=>{if(0===n.length)return;const g=y[s];return t.jsx(r.MarkersWithLabel,{yScale:a,series:y[s],xScale:o,groups:C,timeAxisType:W,color:g.lineColor||g.areaColor||B[s%B.length],seriesIndex:s,isPointInsideMarquee:h,startIndex:e,endIndex:i,markerType:O[s%O.length],orientation:v,isLog:z,activeId:l,getDataItem:G,selectedIds:P,focusedItemIndex:d.seriesIndex===s&&d.isFocusVisible?d.groupIndex:void 0,hoveredItemIndex:c?.isCurrent&&c.seriesIndex===s?c.groupIndex:void 0,isSelectionEnabled:"single"===D||"multiple"===D,isDrillEnabled:"on"===L,defaultFontSize:I,dataLabelEffect:M,isHighContrast:U,isTestEnv:F,getTextDimensions:x})}))]})})}e.LineAreaChart=u}));
|
|
2
|
+
//# sourceMappingURL=LineAreaChart-190b3d46.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineAreaChart-7ff3a1dd.js","sources":["../../src/UNSAFE_LineAreaChart/OverviewLineWithAreaChart.tsx","../../src/UNSAFE_LineAreaChart/LineAreaChart.tsx"],"sourcesContent":["import { LineAreaChart } from './LineAreaChart';\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\n\nexport function OverviewLineAreaChart<K extends string | number, D extends LineAreaItem<K>>(\n props: LineAreaChartProps<K, D>\n) {\n return (\n <LineAreaChart\n datatip={() => ({ content: '' })}\n zoomAndScroll=\"off\"\n overview=\"off\"\n plotArea={{\n yMajorTick: {\n isRendered: false\n }\n }}\n xAxis={{\n tickLabel: {\n autoRotate: false,\n // @ts-ignore\n isRendered: props.xAxis?.timeAxisType ? true : false\n }\n }}\n series={props.series}\n groups={props.groups}\n getDataItem={props.getDataItem}\n yAxis={{\n tickLabel: {\n isRendered: false\n }\n }}\n type={props.type}\n />\n );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '#Common/themes/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { OverviewLineAreaChart } from './OverviewLineWithAreaChart';\n\nconst AXIS_OFFSET = 0.2;\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport function LineAreaChart<K extends string | number, D extends LineAreaItem<K>>({\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n isStacked = false,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n type = 'line',\n overview = 'off',\n dataLabelEffect = 'outline',\n ...props\n}: LineAreaChartProps<K, D>) {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = isStacked\n ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n return {\n ...getDataItem(seriesIndex, groupIndex),\n value: renderedSeries[seriesIndex][groupIndex]\n } as D;\n };\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71332\n //@ts-ignore\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n isStacked,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n return getLineAreaChartItemPosition(\n seriesIndex,\n groupIndex,\n renderedSeries,\n getDataItem,\n groups,\n isHoriz,\n xScale,\n yScale,\n timeAxisType\n );\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n isStacked,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n const isAreaRendered = type === 'area' || type === 'lineWithArea';\n const isContrastLineNeeded = type === 'area';\n const allLineSegmentCoords: Point[][] = [];\n return (\n <Chart\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n selectionMode={selectionMode}\n drilling={drilling}\n isStacked={isStacked}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={isAreaRendered}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n offset={AXIS_OFFSET}\n isRtl={isRtl}\n overview={overview}\n defaultOverviewContentRenderer={() => {\n return (\n <OverviewLineAreaChart\n series={series}\n groups={groups}\n getDataItem={getDataItem}\n type={type}\n />\n );\n }}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n /* TODO: need a better way to handle when a series is hidden. */\n return;\n }\n const seriesItem = series[index];\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isHoriz,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType\n );\n allLineSegmentCoords[index] = lineSegmentCoords[0];\n const isBottomSegmentCurved =\n seriesItem.lineType === 'curved' &&\n isStacked &&\n renderedSeries.length > 1 &&\n index > 0;\n\n const isHighlighted =\n highlightedIds === undefined ||\n highlightedIds.length === 0 ||\n highlightedSet.has(seriesItem.id);\n\n const prevCoords =\n isStacked && index != 0\n ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n // find the index i such that i < index, and series i has at least\n // one or more data item unhidden. Only such series will can be\n // used as bottomCoord for current series. Otherwise we have to use\n // baseline coord\n if (j >= index) {\n return prevValue;\n }\n if (newValue.length > 0) {\n return j;\n }\n return prevValue;\n }, 0)\n : undefined;\n\n return (\n <>\n {isAreaRendered && (\n <AreaSeries\n yScale={yScale}\n lineType={seriesItem.lineType}\n color={seriesItem.areaColor || colors[index % colors.length]}\n isHorizontal={isHoriz}\n areaColorOpacity={areaOpacity}\n isBottomSegmentCurved={isBottomSegmentCurved}\n bottomCoords={\n prevCoords !== undefined &&\n allLineSegmentCoords[prevCoords].some((value) => value != null)\n ? allLineSegmentCoords[prevCoords]\n : undefined\n }\n lineSegments={lineSegmentCoords}\n isLog={isLog}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n )}\n <LineSeries\n lineType={seriesItem.lineType}\n /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy.*/\n lineColor={\n isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor\n }\n /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n */\n lineWidth={\n isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n }\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor || colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n {\n /*for non stacked charts, markers should render in the order of series.\n some markers might get hidden behind area but this preserves the legacy behavior. */\n !isStacked && (\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor ||\n seriesItem.areaColor ||\n colors[\n index % colors.length\n ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={\n selectionMode === 'single' || selectionMode === 'multiple'\n }\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n getTextDimensions={getTextDimensions}\n />\n )\n }\n </>\n );\n })}\n {isStacked &&\n renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n /* TODO: need a better way to handle when a series is hidden.*/\n return;\n }\n const seriesItem = series[index];\n return (\n <MarkersWithLabel\n yScale={yScale}\n series={series[index]}\n xScale={xScale}\n groups={groups}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n }\n seriesIndex={index}\n isPointInsideMarquee={isPointInsideMarquee}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={renderedGetDataItem}\n selectedIds={selectedSet}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n getTextDimensions={getTextDimensions}\n />\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n"],"names":["OverviewLineAreaChart","props","_jsx","jsx","LineAreaChart","datatip","content","zoomAndScroll","overview","plotArea","yMajorTick","isRendered","xAxis","tickLabel","autoRotate","timeAxisType","series","groups","getDataItem","yAxis","type","AXIS_OFFSET","LINE_WITH_AREA_OPACITY","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","isStacked","selectionMode","drilling","dataLabelEffect","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","Chart","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","defaultOverviewContentRenderer","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","_jsxs","jsxs","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","lineType","isHighlighted","has","id","prevCoords","reduce","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"LineAreaChart-190b3d46.js","sources":["../../src/UNSAFE_LineAreaChart/OverviewLineWithAreaChart.tsx","../../src/UNSAFE_LineAreaChart/LineAreaChart.tsx"],"sourcesContent":["import { LineAreaChart } from './LineAreaChart';\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\n\nexport function OverviewLineAreaChart<K extends string | number, D extends LineAreaItem<K>>(\n props: LineAreaChartProps<K, D>\n) {\n return (\n <LineAreaChart\n datatip={() => ({ content: '' })}\n zoomAndScroll=\"off\"\n overview=\"off\"\n plotArea={{\n yMajorTick: {\n isRendered: false\n }\n }}\n xAxis={{\n tickLabel: {\n autoRotate: false,\n // @ts-ignore\n isRendered: props.xAxis?.timeAxisType ? true : false\n }\n }}\n series={props.series}\n groups={props.groups}\n getDataItem={props.getDataItem}\n yAxis={{\n tickLabel: {\n isRendered: false\n }\n }}\n type={props.type}\n />\n );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '#Common/themes/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { OverviewLineAreaChart } from './OverviewLineWithAreaChart';\n\nconst AXIS_OFFSET = 0.2;\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport function LineAreaChart<K extends string | number, D extends LineAreaItem<K>>({\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n isStacked = false,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n type = 'line',\n overview = 'off',\n dataLabelEffect = 'outline',\n ...props\n}: LineAreaChartProps<K, D>) {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = isStacked\n ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n return {\n ...getDataItem(seriesIndex, groupIndex),\n value: renderedSeries[seriesIndex][groupIndex]\n } as D;\n };\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71332\n //@ts-ignore\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n isStacked,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n return getLineAreaChartItemPosition(\n seriesIndex,\n groupIndex,\n renderedSeries,\n getDataItem,\n groups,\n isHoriz,\n xScale,\n yScale,\n timeAxisType\n );\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n isStacked,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n const isAreaRendered = type === 'area' || type === 'lineWithArea';\n const isContrastLineNeeded = type === 'area';\n const allLineSegmentCoords: Point[][] = [];\n return (\n <Chart\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n selectionMode={selectionMode}\n drilling={drilling}\n isStacked={isStacked}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={isAreaRendered}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n offset={AXIS_OFFSET}\n isRtl={isRtl}\n overview={overview}\n defaultOverviewContentRenderer={() => {\n return (\n <OverviewLineAreaChart\n series={series}\n groups={groups}\n getDataItem={getDataItem}\n type={type}\n />\n );\n }}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n /* TODO: need a better way to handle when a series is hidden. */\n return;\n }\n const seriesItem = series[index];\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isHoriz,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType\n );\n allLineSegmentCoords[index] = lineSegmentCoords[0];\n const isBottomSegmentCurved =\n seriesItem.lineType === 'curved' &&\n isStacked &&\n renderedSeries.length > 1 &&\n index > 0;\n\n const isHighlighted =\n highlightedIds === undefined ||\n highlightedIds.length === 0 ||\n highlightedSet.has(seriesItem.id);\n\n const prevCoords =\n isStacked && index != 0\n ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n // find the index i such that i < index, and series i has at least\n // one or more data item unhidden. Only such series will can be\n // used as bottomCoord for current series. Otherwise we have to use\n // baseline coord\n if (j >= index) {\n return prevValue;\n }\n if (newValue.length > 0) {\n return j;\n }\n return prevValue;\n }, 0)\n : undefined;\n\n return (\n <>\n {isAreaRendered && (\n <AreaSeries\n yScale={yScale}\n lineType={seriesItem.lineType}\n color={seriesItem.areaColor || colors[index % colors.length]}\n isHorizontal={isHoriz}\n areaColorOpacity={areaOpacity}\n isBottomSegmentCurved={isBottomSegmentCurved}\n bottomCoords={\n prevCoords !== undefined &&\n allLineSegmentCoords[prevCoords].some((value) => value != null)\n ? allLineSegmentCoords[prevCoords]\n : undefined\n }\n lineSegments={lineSegmentCoords}\n isLog={isLog}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n )}\n <LineSeries\n lineType={seriesItem.lineType}\n /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy.*/\n lineColor={\n isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor\n }\n /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n */\n lineWidth={\n isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n }\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor || colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n {\n /*for non stacked charts, markers should render in the order of series.\n some markers might get hidden behind area but this preserves the legacy behavior. */\n !isStacked && (\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor ||\n seriesItem.areaColor ||\n colors[\n index % colors.length\n ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={\n selectionMode === 'single' || selectionMode === 'multiple'\n }\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n getTextDimensions={getTextDimensions}\n />\n )\n }\n </>\n );\n })}\n {isStacked &&\n renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n /* TODO: need a better way to handle when a series is hidden.*/\n return;\n }\n const seriesItem = series[index];\n return (\n <MarkersWithLabel\n yScale={yScale}\n series={series[index]}\n xScale={xScale}\n groups={groups}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n }\n seriesIndex={index}\n isPointInsideMarquee={isPointInsideMarquee}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={renderedGetDataItem}\n selectedIds={selectedSet}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n getTextDimensions={getTextDimensions}\n />\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n"],"names":["OverviewLineAreaChart","props","_jsx","jsx","LineAreaChart","datatip","content","zoomAndScroll","overview","plotArea","yMajorTick","isRendered","xAxis","tickLabel","autoRotate","timeAxisType","series","groups","getDataItem","yAxis","type","AXIS_OFFSET","LINE_WITH_AREA_OPACITY","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","isStacked","selectionMode","drilling","dataLabelEffect","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","Chart","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","defaultOverviewContentRenderer","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","_jsxs","jsxs","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","lineType","isHighlighted","has","id","prevCoords","reduce","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
|
package/amd/PRIVATE_Chart.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', './Chart-
|
|
1
|
+
define(['exports', './Chart-0a3205dd', 'preact/jsx-runtime', './PRIVATE_Chart/themes/ChartStyles.css', 'css!./ChartStyles.styles.css', './TrackResizeContainer-c6b5de04', 'preact/hooks', './useSize-3adb635a', './useResizeObserver-275c3e83', './useVisAddBusyState-2d2ccb92', './VisBusyStateContext-63467849', 'preact', './useVisBusyStateContext-7b0606e7', './size-f0e638ec', './utils-32e81a13', './Common/themes/themeContract.css', './colorUtils-7c069766', './_curry1-df649359', './useTextDimensions-030c6dbd', './clientHints-fff66be9', './useCssVars-cc825c54', './useUser-797287de', './LayerHost-733ade2f', './Common/themes/redwood/theme', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './useTheme-9c1f6f33', './useColorScheme-6b864d5c', './useScale-716d3432', './Gridlines-8894882d', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', 'css!./PlotAreaStyles.styles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', 'css!./VisDndStyles.styles.css', './classNames-08d99695', './useId-c9578d26', './Axis-56371b34', './PRIVATE_Axis/themes/AxisStyles.css', 'css!./AxisStyles.styles.css', './MultilineText-880bf22f', './datatipUtils-72a1fe48', './clientUtils-8c0e90ff', './labelUtils-a8faaf5a', './textUtils-ae0a246c', './accUtils-93ee6f16', './utils-84eb8f5e', './dimensionUtils-61978138', './PRIVATE_Axis/themes/redwood/AxisTheme', './PRIVATE_Axis/themes/redwood/AxisBaseTheme.css', 'module', './PRIVATE_Axis/themes/redwood/AxisVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useChartViewport-b6aa68eb', './eventsUtils-edf8f4e5', './usePinch-fc8ed928', './usePointerGesture-1c1dd806', './mergeProps-bcfa6a92', './layoutUtils-4304ffe4', './scale-3ae48ed5', './getLocale-ae79e654', './stringUtils-0ae982c2', './useChartNav-a9d203a5', './layoutUtils-ba7693df', './useVisHover-28319fef', './useSelectDrill-332195a7', './useChartDataCursor-da191930', './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css', 'css!./DataCursorStyles.styles.css', './Marker-a5694092', 'css!./SvgShapesStyles.styles.css', './useChartDatatip-b75883b6', './useDatatip-be9b251b', './Layer-139c23c4', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-f8cbec71', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-27fffd88', './Floating-ae9845d4', './useFloating-f9bd3c51', './positionUtils-6e4daa31', './refUtils-d354a169', './useOutsideClick-43ce7043', './arrayUtils-6ee96a35', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', 'css!./useDatatip.styles.css', './VisTabularDatatip-0b630f9d', './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css', 'css!./VisTabularDatatipStyles.styles.css', './colorUtils-bc5b1d84', './useChartDrill-adc49ac4', './useVisDrill-af6f9469', './useDoubleTap-b6bf5458', './useSelection-04d131fa', './BaseButton-771c5db8', './usePress-949a0d03', './usePressClick-b7b38da2', './useHover-7964884c', './useToggle-a29f97af', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './dimensions-fda85d6b', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './useTestId-c286f212', './Text-0609bf4d', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useTranslationBundle-7c40cb58', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', 'css!./ClearSelection.styles.css', './cssUtils-19c17965', './useChartContextMenu-59a5f8c0', './useContextMenu-dacffeb2', './Menu-bb715ef5', './Dropdown-73238fd5', './keyboardUtils-71bc5d84', './tabbableUtils-428c264e', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './usePopupAnimation-65dec4e2', './useAnimationStatus-86746674', './useAnimation-5a74955f', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-73d5a78a', './animationUtils-716a9aa6', './MenuItem-1a324975', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './useInteractionStyle-ee1dc0c0', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Sheet-404b38fa', './Modal-9eaf8cd9', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-97c14340', './WindowOverlay-c390f525', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './UNSAFE_Menu/themes/SheetMenuStyles.css', 'css!./SheetMenuStyles.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-30886397', './EnvironmentProvider-806b8f3a', './LayerManager-9a628ce3', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useContextMenuGesture-754ead1b', './textSelectionUtils-06c7855d', './useChartDnd-44674b7d', './utils-a2a190fa', './pathUtils-ec75f879', './useDnd-33ec1cdf', './useTooltip-7b915f4c', './useFocus-4194fc59', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './useChartMarquee-8ce16d57', './useVisDragModeControls-69001c64', './Button-61b6e03b', './Icon-383a68bb', './UNSAFE_Icon/themes/IconStyle.css', './Move-15268298', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', 'css!./useVisDragModeControls.styles.css', './ZoomAlt-a3c788fd', './ButtonSetSingle-b326cac1', './useButtonSetContext-dffdaea3', './ButtonSet-7a7a63e8', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', 'css!./ButtonSetStyles.styles.css', './ButtonSetPositionContext-fd98cc11', './toggleButtonUtils-0ebe4c56', './useRovingTabIndexContainer-cfc9aacb', './buttonUtils-97878e90', './id-c70ab33c', './ButtonSetItem-1d88a72d', './ButtonSetButton-00612cdd', './ToggleButtonLabel-2f0e4f18', './ButtonLabelLayout-ce54dfdc', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './ButtonSetIconButton-d0684966', './useButtonSetPositionContext-b8534679', './IconToggleButton-d5112634', './useToggleAction-59741954', './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css', 'css!./useChartMarquee.styles.css', './useVisTouchResponse-88a7bb09', './useOverviewContext-dd00c487', './OverviewSlidingWindow-0029380e', './PRIVATE_VisOverview/themes/VisOverview.css', 'css!./VisOverview.styles.css', './DragH-a8ee11ca', './ScrollBar-4046f84f', './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css', 'css!./ScrollBarStyles.styles.css'], (function(e,s,t,a,o,l,n,c,i,r,u,d,y,S,h,m,b,A,f,T,B,U,_,p,E,F,C,w,M,V,N,g,x,v,L,I,D,P,O,R,k,W,H,q,z,G,j,K,Z,J,Q,X,Y,$,ee,se,te,ae,oe,le,ne,ce,ie,re,ue,de,ye,Se,he,me,be,Ae,fe,Te,Be,Ue,_e,pe,Ee,Fe,Ce,we,Me,Ve,Ne,ge,xe,ve,Le,Ie,De,Pe,Oe,Re,ke,We,He,qe,ze,Ge,je,Ke,Ze,Je,Qe,Xe,Ye,$e,es,ss,ts,as,os,ls,ns,cs,is,rs,us,ds,ys,Ss,hs,ms,bs,As,fs,Ts,Bs,Us,_s,ps,Es,Fs,Cs,ws,Ms,Vs,Ns,gs,xs,vs,Ls,Is,Ds,Ps,Os,Rs,ks,Ws,Hs,qs,zs,Gs,js,Ks,Zs,Js,Qs,Xs,Ys,$s,et,st,tt,at,ot,lt,nt,ct,it,rt,ut,dt,yt,St,ht,mt,bt,At,ft,Tt,Bt,Ut,_t,pt,Et,Ft,Ct,wt,Mt,Vt,Nt,gt,xt,vt,Lt,It,Dt,Pt,Ot,Rt,kt,Wt,Ht,qt,zt,Gt,jt,Kt,Zt,Jt,Qt,Xt,Yt,$t,ea,sa,ta,aa,oa,la,na,ca,ia,ra,ua,da,ya,Sa,ha,ma,ba,Aa,fa,Ta,Ba,Ua,_a,pa,Ea,Fa,Ca,wa,Ma,Va,Na,ga,xa,va,La,Ia,Da,Pa,Oa,Ra,ka,Wa,Ha,qa){"use strict";e.Chart=s.Chart,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=PRIVATE_Chart.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', './layoutUtils-4304ffe4', './useChartDnd-44674b7d', './LineSeries-ce197af6', './dataStyleUtils-a0ecedd5', './useUser-797287de', './colorUtils-bc5b1d84', './accUtils-93ee6f16', './Chart-
|
|
2
|
-
//# sourceMappingURL=ScatterChart-
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', './layoutUtils-4304ffe4', './useChartDnd-44674b7d', './LineSeries-ce197af6', './dataStyleUtils-a0ecedd5', './useUser-797287de', './colorUtils-bc5b1d84', './accUtils-93ee6f16', './Chart-0a3205dd'], (function(e,t,i,n,r,s,o,a,d,l){"use strict";e.ScatterChart=function({width:e,height:d,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:f,series:u,groups:m,getDataItem:S,selectionMode:v="none",drilling:y="off",dataLabelEffect:p="outline",lineType:C="none",...D}){const{direction:A,forcedColors:b}=o.useUser(),w="active"===b,L=void 0!==D.testId,M="rtl"===A,T="log"===f?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===x,z=a.getColorRamp(),N=n.getSeriesData(u?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(l.Chart,{width:e,height:d,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:x,yAxis:f,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:v,drilling:y,getDataItem:S,findNearest:(e,t)=>i.findNearestDataPoint(u,m,e,t,P,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),T,0,E,U),getDataItemPos:(e,t)=>(i,n)=>{const r=N[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,u,S),type:s.getMarkerType(e,t,S)}),renderGridLinesInFront:!0,isDataXAxis:!0,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(S,u.length,e,t,!1,M,F),getGapRatio:()=>1,offset:.2,isRtl:M,...D,children:({xStartIndex:e,xEndIndex:i,xScale:s,yScale:o,activeId:a,focusedItemInfo:d,hoveredItemInfo:l,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((f,A)=>{if(0===f.length)return;const b=u[A],M="none"!==C,E=n.getLineAreaSegments(o,s,f,e,i,F,T,m,A,P,U,!0),N=void 0===c||0===c.length||k.has(b.id);return t.jsxs(t.Fragment,{children:[M&&t.jsx(r.LineSeries,{lineType:C,lineColor:b.lineColor,lineWidth:b.lineWidth,lineStyle:b.lineStyle,color:b.lineColor||z[A%z.length],lineSegmentCoords:E,isHorizontal:F,isHighlighted:N,seriesIndex:A}),t.jsx(r.MarkersWithLabel,{yScale:o,xScale:s,groups:m,series:b,timeAxisType:U,color:b.lineColor||z[A%z.length],seriesIndex:A,startIndex:e,endIndex:i,markerType:R[A%R.length],orientation:x,isLog:T,activeId:a,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:d.seriesIndex!==A||!d.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:l?.isCurrent&&l.seriesIndex===A?l.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===y,defaultFontSize:g,dataLabelEffect:p,isHighContrast:w,isTestEnv:L,isDataXAxis:!0,getTextDimensions:I})]})}))})})}}));
|
|
2
|
+
//# sourceMappingURL=ScatterChart-3f6024a2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterChart-d28951d9.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n dataLabelEffect = 'outline',\n lineType = 'none',\n ...props\n}: ScatterChartProps<K, D>) {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = getSeriesData<K, D>(\n series?.length,\n groups?.length,\n getDataItem,\n hiddenSet,\n isLog\n );\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n getDataItem(seriesIndex, groupIndex);\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71301\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n false,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n // TODO: JET-71332\n const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n if (item?.x == null && item?.y) {\n return;\n }\n const x = xScale.transform(item?.x!);\n const y = yScale.transform(item?.y!);\n return { x, y, height: 0, width: 0 };\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n false,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n return (\n <Chart\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n overview=\"off\"\n defaultOverviewContentRenderer={() => null}\n selectionMode={selectionMode}\n drilling={drilling}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={true}\n isDataXAxis={true}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n offset={AXIS_OFFSET}\n isRtl={isRtl}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n /* TODO: need a better way to handle when a series is hidden. */\n return;\n }\n const seriesItem = series[index];\n const isLineRendered = lineType !== 'none';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isHoriz,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType,\n true\n );\n\n const isHighlighted =\n highlightedIds === undefined ||\n highlightedIds.length === 0 ||\n highlightedSet.has(seriesItem.id);\n\n return (\n <>\n {isLineRendered && (\n <LineSeries\n lineType={lineType}\n /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy.*/\n lineColor={seriesItem.lineColor}\n /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n */\n lineWidth={seriesItem.lineWidth}\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor || colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n )}\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor ||\n colors[\n index % colors.length\n ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n isDataXAxis={true}\n getTextDimensions={getTextDimensions}\n />\n </>\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","lineType","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"+RA2BM,UAA4EA,MAChFA,EAAKC,OACLA,EAAMC,YACNA,EAAc,GAAEC,UAChBA,EAAY,GAAEC,eACdA,EAAcC,oBACdA,EAAsB,OAAMC,YAC5BA,EAAc,WAAUC,MACxBA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,YACNA,EAAWC,cACXA,EAAgB,OAAMC,SACtBA,EAAW,MAAKC,gBAChBA,EAAkB,UAASC,SAC3BA,EAAW,UACRC,IAEH,MAAMC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkC,WAAjBF,EACjBG,OAA6BC,IAAjBN,EAAMO,OAClBC,EAAsB,QAAdP,EACRQ,EAAyB,QAAjBjB,GAAOkB,MACfC,EAAgBX,EAAMY,OAAyBD,aAC/CE,EAAY,IAAIC,IAAI1B,GACpB2B,EAAc,IAAID,IAAI3B,GACtB6B,EAAiB,IAAIF,IAAIzB,GACzB4B,EAA0B,eAAhB1B,EACV2B,EAASC,EAAAA,eACTC,EAAiBC,gBACrB5B,GAAQ6B,OACR5B,GAAQ4B,OACR3B,EACAkB,EACAJ,GAGIc,EAAsB,CAACC,EAAqBC,IAChD9B,EAAY6B,EAAaC,GAmErBC,EAAUC,EAAAA,aAChB,OACEC,EAAAA,IAACC,EAAAA,MAAK,CACJ5C,MAAOA,EACPC,OAAQA,EACRC,YAAa4B,EACb3B,UAAWA,EACXE,oBAAqBA,EACrBC,YAAaA,EACbC,MAAOA,EACPC,OAAQA,EACRC,OAAQA,EACRoC,SAAS,MACTC,+BAAgC,IAAM,KACtCnC,cAAeA,EACfC,SAAUA,EACVF,YAAaA,EACbqC,YA5CgB,CAACC,EAAeC,IAY3BC,EAAoBA,qBACzB1C,EACAC,EACAuC,EACAC,EACAX,GACA,GAjBwB,KACjB,CACLa,OAAQ,EACRC,UAAW,MAIG,CAACC,EAAeJ,IACzBA,EAAOK,UAAUD,IAYxB7B,EACA,EACAI,EACAF,GAqBA6B,eAlEmB,CAACP,EAAeC,IAC9B,CAACV,EAAqBC,KAG3B,MAAMgB,EAAOrB,EAAeI,GAAaC,GACzC,GAAe,MAAXgB,GAAMC,GAAaD,GAAME,EAC3B,OAIF,MAAO,CAAED,EAFCT,EAAOM,UAAUE,GAAMC,GAErBC,EADFT,EAAOK,UAAUE,GAAME,GAClBzD,OAAQ,EAAGD,MAAO,EAAG,EAyDpC2D,cArD0B,CAACpB,EAAqBC,KAC3C,CACLoB,MAAOC,EAAAA,aAAatB,EAAaC,EAAYhC,EAAQE,GACrDoD,KAAMC,EAAaA,cAACxB,EAAaC,EAAY9B,KAmD7CsD,wBAAwB,EACxBC,aAAa,EACbC,WAnFyB,CAACC,EAAoBC,IAEzCC,EAAuBA,wBAC5B3D,EACAF,EAAO6B,OACP8B,EACAC,GACA,EACA7C,EACAS,GA2EAsC,YAxFgB,IACX,EAwFLnB,OAtIc,GAuId5B,MAAOA,KACHR,EACHwD,SAAA,EACCC,cACAC,YACAzB,SACAC,SACAyB,WACAC,kBACAC,kBACAC,uBACAC,kBACAC,uBAGEpC,EACGqC,IAAAC,EAAAC,SAAA,CAAAX,SAAApC,EAAegD,KAAI,CAACC,EAAgBC,KACnC,GAA8B,IAA1BD,EAAe/C,OAEjB,OAEF,MAAMiD,EAAa9E,EAAO6E,GACpBE,EAA8B,SAAbzE,EACjB0E,EAA+BC,EAAAA,oBACnCxC,EACAD,EACAoC,EACAZ,EACAC,EACAzC,EACAR,EACAf,EACA4E,EACA/C,EACAZ,GACA,GAGIgE,OACerE,IAAnBjB,GAC0B,IAA1BA,EAAeiC,QACfN,EAAe4D,IAAIL,EAAWM,IAEhC,OACEC,EACGC,KAAAb,WAAA,CAAAV,SAAA,CAAAgB,GACC5C,MAACoD,EAAAA,WAAU,CACTjF,SAAUA,EAGVkF,UAAWV,EAAWU,UAMtBC,UAAWX,EAAWW,UACtBC,UAAWZ,EAAWY,UACtBtC,MAAO0B,EAAWU,WAAa/D,EAAOoD,EAAQpD,EAAOI,QACrDmD,kBAAmBA,EACnBW,aAAcnE,EACd0D,cAAeA,EACfnD,YAAa8C,IAGjB1C,EAAAA,IAACyD,EAAAA,kBACCnD,OAAQA,EACRD,OAAQA,EACRvC,OAAQA,EACRD,OAAQ8E,EACR5D,aAAcA,EACdkC,MACE0B,EAAWU,WACX/D,EACEoD,EAAQpD,EAAOI,QAGnBE,YAAa8C,EACblB,WAAYK,EACZJ,SAAUK,EACV4B,WAAY5D,EAAQ4C,EAAQ5C,EAAQJ,QACpC/B,YAAaA,EACbkB,MAAOA,EACPkD,SAAUA,EACVhE,YAAaA,EACbmE,qBAAsBA,EACtB3E,YAAa4B,EACb1B,oBAAmCiB,IAAnBjB,EAA+B2B,OAAiBV,EAChEiF,iBACE3B,EAAgBpC,cAAgB8C,IAChCV,EAAgB4B,gBACdxF,EAAMyF,qBAAuBzF,EAAM0F,iBAAiBC,uBAElDrF,EADAsD,EAAgBnC,WAGtBmE,iBACE/B,GAAiBgC,WAAahC,EAAgBrC,cAAgB8C,EAC1DT,EAAgBpC,gBAChBnB,EAENwF,mBAAsC,WAAlBlG,GAAgD,aAAlBA,EAClDmG,eAA6B,OAAblG,EAChBkE,gBAAiBA,EACjBjE,gBAAiBA,EACjBM,eAAgBA,EAChBC,UAAWA,EACX6C,aAAa,EACbc,kBAAmBA,MAGvB,OAOhB"}
|
|
1
|
+
{"version":3,"file":"ScatterChart-3f6024a2.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n dataLabelEffect = 'outline',\n lineType = 'none',\n ...props\n}: ScatterChartProps<K, D>) {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = getSeriesData<K, D>(\n series?.length,\n groups?.length,\n getDataItem,\n hiddenSet,\n isLog\n );\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n getDataItem(seriesIndex, groupIndex);\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71301\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n false,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n // TODO: JET-71332\n const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n if (item?.x == null && item?.y) {\n return;\n }\n const x = xScale.transform(item?.x!);\n const y = yScale.transform(item?.y!);\n return { x, y, height: 0, width: 0 };\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n false,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n return (\n <Chart\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n overview=\"off\"\n defaultOverviewContentRenderer={() => null}\n selectionMode={selectionMode}\n drilling={drilling}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={true}\n isDataXAxis={true}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n offset={AXIS_OFFSET}\n isRtl={isRtl}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n /* TODO: need a better way to handle when a series is hidden. */\n return;\n }\n const seriesItem = series[index];\n const isLineRendered = lineType !== 'none';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isHoriz,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType,\n true\n );\n\n const isHighlighted =\n highlightedIds === undefined ||\n highlightedIds.length === 0 ||\n highlightedSet.has(seriesItem.id);\n\n return (\n <>\n {isLineRendered && (\n <LineSeries\n lineType={lineType}\n /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy.*/\n lineColor={seriesItem.lineColor}\n /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n */\n lineWidth={seriesItem.lineWidth}\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor || colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n )}\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor ||\n colors[\n index % colors.length\n ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n isDataXAxis={true}\n getTextDimensions={getTextDimensions}\n />\n </>\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","lineType","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
|