@oracle/oraclejet-preact 18.0.3 → 18.0.5
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/{BaseCardView-ab799b69.js → BaseCardView-70b177ed.js} +2 -2
- package/amd/{BaseCardView-ab799b69.js.map → BaseCardView-70b177ed.js.map} +1 -1
- package/amd/CardFlexView-bb5c4369.js +2 -0
- package/amd/{CardFlexView-296f97f5.js.map → CardFlexView-bb5c4369.js.map} +1 -1
- package/amd/{CardGridView-054ffc3f.js → CardGridView-c28ff2f7.js} +2 -2
- package/amd/{CardGridView-054ffc3f.js.map → CardGridView-c28ff2f7.js.map} +1 -1
- package/amd/CheckboxSetContext-2e486ea8.js +2 -0
- package/amd/CheckboxSetContext-2e486ea8.js.map +1 -0
- package/amd/ExpandableList-dd3a05b4.js +1 -1
- package/amd/GroupLoadingIndicator-6b2ab709.js +1 -1
- package/amd/{Indexer-1531dbc3.js → Indexer-357554c4.js} +2 -2
- package/amd/{Indexer-1531dbc3.js.map → Indexer-357554c4.js.map} +1 -1
- package/amd/{LineAreaChart-2f4be408.js → LineAreaChart-b4acee62.js} +2 -2
- package/amd/{LineAreaChart-2f4be408.js.map → LineAreaChart-b4acee62.js.map} +1 -1
- package/amd/List-04c4fed0.js +2 -0
- package/amd/{List-0b764e84.js.map → List-04c4fed0.js.map} +1 -1
- package/amd/{ListView-5bb45f81.js → ListView-bf740071.js} +2 -2
- package/amd/{ListView-5bb45f81.js.map → ListView-bf740071.js.map} +1 -1
- package/amd/LoadMoreCollection-a6adbc3f.js +2 -0
- package/amd/{LoadMoreCollection-83413a59.js.map → LoadMoreCollection-a6adbc3f.js.map} +1 -1
- package/amd/NavigationListItem-021b2d58.js +2 -0
- package/amd/{NavigationListItem-044a79fd.js.map → NavigationListItem-021b2d58.js.map} +1 -1
- package/amd/{OverflowTabBar-339f34cf.js → OverflowTabBar-ea3a4742.js} +2 -2
- package/amd/{OverflowTabBar-339f34cf.js.map → OverflowTabBar-ea3a4742.js.map} +1 -1
- package/amd/{OverflowTabBarItem-c59db4a2.js → OverflowTabBarItem-763773c9.js} +2 -2
- package/amd/{OverflowTabBarItem-c59db4a2.js.map → OverflowTabBarItem-763773c9.js.map} +1 -1
- package/amd/PRIVATE_BaseCardView.js +1 -1
- package/amd/PRIVATE_List.js +1 -1
- package/amd/PRIVATE_LoadMoreCollection.js +1 -1
- package/amd/PRIVATE_SelectCommon.js +1 -1
- package/amd/PRIVATE_Table.js +1 -1
- package/amd/PRIVATE_VirtualizedCollection.js +1 -1
- package/amd/{SelectMultiple-7e9bd455.js → SelectMultiple-e3a6732b.js} +2 -2
- package/amd/{SelectMultiple-7e9bd455.js.map → SelectMultiple-e3a6732b.js.map} +1 -1
- package/amd/{SelectSingle-466bcd67.js → SelectSingle-9d0dca8f.js} +2 -2
- package/amd/{SelectSingle-466bcd67.js.map → SelectSingle-9d0dca8f.js.map} +1 -1
- package/amd/{Table-87f7e3c4.js → Table-31cc83c6.js} +2 -2
- package/amd/{Table-87f7e3c4.js.map → Table-31cc83c6.js.map} +1 -1
- package/amd/{TableView-2b884e2c.js → TableView-ab5d0c12.js} +2 -2
- package/amd/{TableView-2b884e2c.js.map → TableView-ab5d0c12.js.map} +1 -1
- package/amd/TextArea-a7a3d82f.js +2 -0
- package/amd/TextArea-a7a3d82f.js.map +1 -0
- package/amd/TextAreaAutosize-9cd2c1e8.js +2 -0
- package/amd/{TextAreaAutosize-81449e46.js.map → TextAreaAutosize-9cd2c1e8.js.map} +1 -1
- package/amd/Theme-redwood/theme.css +225 -225
- package/amd/Theme-stable/theme.css +161 -161
- package/amd/UNSAFE_CardFlexView.js +1 -1
- package/amd/UNSAFE_CardGridView.js +1 -1
- package/amd/UNSAFE_CheckboxItem.js +1 -1
- package/amd/UNSAFE_CheckboxItem.js.map +1 -1
- package/amd/UNSAFE_CheckboxSet.js +1 -1
- package/amd/UNSAFE_CheckboxSet.js.map +1 -1
- package/amd/UNSAFE_ExpandableList.js +1 -1
- package/amd/UNSAFE_Indexer.js +1 -1
- package/amd/UNSAFE_LineAreaChart.js +1 -1
- package/amd/UNSAFE_ListView.js +1 -1
- package/amd/UNSAFE_NavigationList.js +1 -1
- package/amd/UNSAFE_OverflowTabBar.js +1 -1
- package/amd/UNSAFE_RichCheckboxSet.js +1 -1
- package/amd/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/amd/UNSAFE_RichSelectionItem.js +1 -1
- package/amd/UNSAFE_RichSelectionItem.js.map +1 -1
- package/amd/UNSAFE_SelectMultiple.js +1 -1
- package/amd/UNSAFE_SelectSingle.js +1 -1
- package/amd/UNSAFE_TabBar.js +1 -1
- package/amd/UNSAFE_TabBarCommon.js +1 -1
- package/amd/UNSAFE_TabBarMixed.js +1 -1
- package/amd/UNSAFE_TableView.js +1 -1
- package/amd/UNSAFE_TextArea.js +1 -1
- package/amd/UNSAFE_TextAreaAutosize.js +1 -1
- package/amd/UNSAFE_VirtualizedListView.js +1 -1
- package/amd/{VirtualizedCollection-897516a5.js → VirtualizedCollection-63223f5e.js} +2 -2
- package/amd/{VirtualizedCollection-897516a5.js.map → VirtualizedCollection-63223f5e.js.map} +1 -1
- package/amd/{VirtualizedListView-cbe87ec2.js → VirtualizedListView-554eaee6.js} +2 -2
- package/amd/{VirtualizedListView-cbe87ec2.js.map → VirtualizedListView-554eaee6.js.map} +1 -1
- package/amd/{useSelectCommon-d9c4a7bd.js → useSelectCommon-e7f123ce.js} +2 -2
- package/amd/{useSelectCommon-d9c4a7bd.js.map → useSelectCommon-e7f123ce.js.map} +1 -1
- package/cjs/{BarChart-93a3813c.js → BarChart-ca7f8ed5.js} +2 -2
- package/cjs/{BarChart-93a3813c.js.map → BarChart-ca7f8ed5.js.map} +1 -1
- package/cjs/{Chart-40d95d14.js → Chart-fbbd3329.js} +2 -2
- package/cjs/{Chart-40d95d14.js.map → Chart-fbbd3329.js.map} +1 -1
- package/cjs/{ComboChart-cffd0759.js → ComboChart-95863e7a.js} +2 -2
- package/cjs/{ComboChart-cffd0759.js.map → ComboChart-95863e7a.js.map} +1 -1
- package/cjs/{InputDatePicker-4d36637f.js → InputDatePicker-bc2c534a.js} +2 -2
- package/cjs/{InputDatePicker-4d36637f.js.map → InputDatePicker-bc2c534a.js.map} +1 -1
- package/cjs/{LineAreaChart-53aa461c.js → LineAreaChart-506308c1.js} +3 -3
- package/cjs/{LineAreaChart-53aa461c.js.map → LineAreaChart-506308c1.js.map} +1 -1
- package/cjs/{NavigationListItem-7947af0e.js → NavigationListItem-4c4e804d.js} +14 -1
- package/cjs/{NavigationListItem-7947af0e.js.map → NavigationListItem-4c4e804d.js.map} +1 -1
- package/cjs/{OverflowTabBar-27ad6d1f.js → OverflowTabBar-428798a0.js} +2 -2
- package/cjs/{OverflowTabBar-27ad6d1f.js.map → OverflowTabBar-428798a0.js.map} +1 -1
- package/cjs/{OverflowTabBarItem-57537ebe.js → OverflowTabBarItem-3c7adb01.js} +2 -2
- package/cjs/{OverflowTabBarItem-57537ebe.js.map → OverflowTabBarItem-3c7adb01.js.map} +1 -1
- package/cjs/PRIVATE_Chart.js +4 -4
- package/cjs/{ScatterChart-9c748a81.js → ScatterChart-80ef4bee.js} +2 -2
- package/cjs/{ScatterChart-9c748a81.js.map → ScatterChart-80ef4bee.js.map} +1 -1
- package/cjs/{TextArea-e7f98e9f.js → TextArea-4c8f0284.js} +22 -4
- package/cjs/TextArea-4c8f0284.js.map +1 -0
- package/cjs/{TextAreaAutosize-d96c7038.js → TextAreaAutosize-466a21cc.js} +3 -3
- package/cjs/{TextAreaAutosize-d96c7038.js.map → TextAreaAutosize-466a21cc.js.map} +1 -1
- package/cjs/Theme-redwood/theme.css +163 -163
- package/cjs/Theme-stable/theme.css +149 -149
- package/cjs/UNSAFE_BarChart/__test__/BarChart.spec.js +5 -5
- package/cjs/UNSAFE_BarChart.js +5 -5
- package/cjs/UNSAFE_ComboChart.js +5 -5
- package/cjs/UNSAFE_InputDatePicker.js +90 -90
- package/cjs/UNSAFE_LineAreaChart.js +5 -5
- package/cjs/UNSAFE_NavigationList.js +4 -4
- package/cjs/UNSAFE_OverflowTabBar.js +3 -3
- package/cjs/UNSAFE_ScatterChart.js +5 -5
- package/cjs/UNSAFE_TabBar.js +2 -2
- package/cjs/UNSAFE_TabBarCommon.js +2 -2
- package/cjs/UNSAFE_TabBarMixed.js +2 -2
- package/cjs/UNSAFE_TextArea.js +3 -4
- package/cjs/UNSAFE_TextArea.js.map +1 -1
- package/cjs/UNSAFE_TextAreaAutosize.js +3 -3
- package/es/ActionCard-e64b1771.js +1 -1
- package/es/AvatarVariants.styles.css +25 -25
- package/es/AvatarVariants.styles2.css +25 -25
- package/es/BarChart-a3209793.js +1 -1
- package/es/BarGroup-740cd159.js +1 -1
- package/es/BaseButton-3ce1f027.js +2 -2
- package/es/BaseCardView-c5a8ee6a.js +7 -7
- package/es/{BaseCardViewSelectionTest-cf72be09.js → BaseCardViewSelectionTest-1a6585af.js} +7 -7
- package/es/{BaseCardViewSelectionTest-cf72be09.js.map → BaseCardViewSelectionTest-1a6585af.js.map} +1 -1
- package/es/BaseNavigationListItem-530bc3df.js +1 -1
- package/es/BaseRichSelection-9fa49816.js +8 -8
- package/es/ButtonSet-51dcff96.js +2 -2
- package/es/ButtonSetIconButton-536c1045.js +3 -3
- package/es/{Card-de0aef24.js → Card-44b7de2f.js} +2 -2
- package/es/{Card-de0aef24.js.map → Card-44b7de2f.js.map} +1 -1
- package/es/{Center-9f355d44.js → Center-8b48ab02.js} +2 -2
- package/es/{Center-9f355d44.js.map → Center-8b48ab02.js.map} +1 -1
- package/es/Chart-b97e00f1.js +8 -8
- package/es/CheckboxControl-ee327a6d.js +6 -6
- package/es/CheckboxRadioField-a4db2c10.js +6 -6
- package/es/Chip-8554d3ff.js +1 -1
- package/es/ClearIcon-95064ad6.js +1 -1
- package/es/CollapseIcon-4e943f42.js +1 -1
- package/es/Collapsible-cb2ba356.js +2 -2
- package/es/ComboChart-b8c2be4d.js +2 -2
- package/es/CompactHelpSource-9c0d4cb4.js +2 -2
- package/es/{CompactLabelAssistance-7912767d.js → CompactLabelAssistance-6a627bbb.js} +5 -5
- package/es/{CompactLabelAssistance-7912767d.js.map → CompactLabelAssistance-6a627bbb.js.map} +1 -1
- package/es/CompactUserAssistance-12950e48.js +4 -4
- package/es/ComponentMessageContainer-f2837e7f.js +4 -4
- package/es/ConveyorBeltItem-188fcaf0.js +2 -2
- package/es/{DatePicker-38a71007.js → DatePicker-d4c3ec06.js} +6 -6
- package/es/{DatePicker-38a71007.js.map → DatePicker-d4c3ec06.js.map} +1 -1
- package/es/DatePickerHeader-5806fbea.js +3 -3
- package/es/{Diagram-ee9ec4a9.js → Diagram-a6348a41.js} +5 -5
- package/es/{Diagram-ee9ec4a9.js.map → Diagram-a6348a41.js.map} +1 -1
- package/es/{Dialog-2248109e.js → Dialog-d64dd573.js} +8 -8
- package/es/{Dialog-2248109e.js.map → Dialog-d64dd573.js.map} +1 -1
- package/es/DirectionalCollapseArrowIcon-daafb64c.js +1 -1
- package/es/DirectionalExpandArrowIcon-35def552.js +1 -1
- package/es/{DragHandle-5cba8c4b.js → DragHandle-d3a739f5.js} +2 -2
- package/es/{DragHandle-5cba8c4b.js.map → DragHandle-d3a739f5.js.map} +1 -1
- package/es/{Dropdown-f7fbfa81.js → Dropdown-f0cdaeae.js} +5 -5
- package/es/{Dropdown-f7fbfa81.js.map → Dropdown-f0cdaeae.js.map} +1 -1
- package/es/{EnvironmentProvider-a3819bde.js → EnvironmentProvider-0fc2fd0c.js} +3 -3
- package/es/{EnvironmentProvider-a3819bde.js.map → EnvironmentProvider-0fc2fd0c.js.map} +1 -1
- package/es/ExpandableList-478db30a.js +3 -3
- package/es/FilePicker-ecfad7d4.js +2 -2
- package/es/{Flex-2d51e914.js → Flex-8696b27b.js} +2 -2
- package/es/{Flex-2d51e914.js.map → Flex-8696b27b.js.map} +1 -1
- package/es/{Floating-c13f9f62.js → Floating-9bf456f9.js} +4 -4
- package/es/{Floating-c13f9f62.js.map → Floating-9bf456f9.js.map} +1 -1
- package/es/FormLayout-2efb00f6.js +1 -1
- package/es/Gantt-0adf9527.js +9 -9
- package/es/{Grid-c2385b22.js → Grid-7fd29a9e.js} +2 -2
- package/es/{Grid-c2385b22.js.map → Grid-7fd29a9e.js.map} +1 -1
- package/es/{Gridlines-89b5506f.js → Gridlines-5ac89a84.js} +2 -2
- package/es/{Gridlines-89b5506f.js.map → Gridlines-5ac89a84.js.map} +1 -1
- package/es/GroupLoadingIndicator-63035d08.js +1 -1
- package/es/{HighlightText-d505bf35.js → HighlightText-cc043982.js} +2 -2
- package/es/{HighlightText-d505bf35.js.map → HighlightText-cc043982.js.map} +1 -1
- package/es/Icon-bdd49f29.js +3 -3
- package/es/IconButton-62cd1cf9.js +3 -3
- package/es/IconMenuButton-242dc102.js +3 -3
- package/es/IconProgressButton-193d58bf.js +3 -3
- package/es/IconSwitchButton-a92911d0.js +3 -3
- package/es/IconToggleButton-fb7ccce9.js +3 -3
- package/es/{IconUserAssistance-2b494a2e.js → IconUserAssistance-627f9d18.js} +3 -3
- package/es/{IconUserAssistance-2b494a2e.js.map → IconUserAssistance-627f9d18.js.map} +1 -1
- package/es/Indexer-ba2c7593.js +4 -4
- package/es/InlineHelpSource-fcdcd122.js +1 -1
- package/es/InlineUserAssistance-04cce83e.js +5 -5
- package/es/InputDateMask-23aef570.js +7 -7
- package/es/{InputDatePicker-59bbd31d.js → InputDatePicker-dd3b6c89.js} +10 -10
- package/es/{InputDatePicker-59bbd31d.js.map → InputDatePicker-dd3b6c89.js.map} +1 -1
- package/es/InputPassword-2c87ceb9.js +4 -4
- package/es/InputText-3701adf8.js +6 -6
- package/es/Label-6d90e627.js +5 -5
- package/es/LabelValueLayout-bcf482be.js +1 -1
- package/es/{Layer-7497a324.js → Layer-12a734d1.js} +3 -3
- package/es/{Layer-7497a324.js.map → Layer-12a734d1.js.map} +1 -1
- package/es/{LayerHost-7a2149f5.js → LayerHost-15b42a3e.js} +2 -2
- package/es/{LayerHost-7a2149f5.js.map → LayerHost-15b42a3e.js.map} +1 -1
- package/es/{LayerManager-be34be40.js → LayerManager-af39e736.js} +2 -2
- package/es/{LayerManager-be34be40.js.map → LayerManager-af39e736.js.map} +1 -1
- package/es/Legend-588633b2.js +3 -3
- package/es/{LineAreaChart-d4ed8c0d.js → LineAreaChart-94387b8b.js} +4 -4
- package/es/{LineAreaChart-d4ed8c0d.js.map → LineAreaChart-94387b8b.js.map} +1 -1
- package/es/{LineSeries-00fa2ab7.js → LineSeries-ca5836e7.js} +2 -2
- package/es/{LineSeries-00fa2ab7.js.map → LineSeries-ca5836e7.js.map} +1 -1
- package/es/Link-9f8b5c41.js +1 -1
- package/es/List-97b7be70.js +5 -5
- package/es/{ListItemLayout-b3d899d6.js → ListItemLayout-e87958e3.js} +2 -2
- package/es/{ListItemLayout-b3d899d6.js.map → ListItemLayout-e87958e3.js.map} +1 -1
- package/es/ListView-936d8a4f.js +3 -3
- package/es/{LiveRegion-5302331c.js → LiveRegion-cb4f8a54.js} +2 -2
- package/es/{LiveRegion-5302331c.js.map → LiveRegion-cb4f8a54.js.map} +1 -1
- package/es/{MaxLengthLiveRegion-9b386b63.js → MaxLengthLiveRegion-59087064.js} +3 -3
- package/es/{MaxLengthLiveRegion-9b386b63.js.map → MaxLengthLiveRegion-59087064.js.map} +1 -1
- package/es/Menu-a37635b8.js +6 -6
- package/es/MenuButton-422a74de.js +2 -2
- package/es/MenuItem-831dfd05.js +1 -1
- package/es/Message-9d1504b6.js +2 -2
- package/es/{MessageLayer-9ea7cf82.js → MessageLayer-8bed437a.js} +6 -6
- package/es/{MessageLayer-9ea7cf82.js.map → MessageLayer-8bed437a.js.map} +1 -1
- package/es/MessageToast-7058b181.js +8 -8
- package/es/MessagesManager-9dd3eb3d.js +3 -3
- package/es/MeterBar-551d32db.js +5 -5
- package/es/MeterCircle-5e2ee267.js +5 -5
- package/es/{Modal-1710fdd2.js → Modal-103da2aa.js} +3 -3
- package/es/{Modal-1710fdd2.js.map → Modal-103da2aa.js.map} +1 -1
- package/es/{MonthView-9c0b40f1.js → MonthView-3f86e858.js} +4 -4
- package/es/{MonthView-9c0b40f1.js.map → MonthView-3f86e858.js.map} +1 -1
- package/es/NavigationListItem-5b25b2f5.js +5 -5
- package/es/NumberInputText-58e80ab7.js +6 -6
- package/es/OverflowTabBarItem-08625093.js +3 -3
- package/es/PRIVATE_BaseCardView.js +22 -22
- package/es/PRIVATE_Chart.js +31 -31
- package/es/PRIVATE_CheckboxControl.js +23 -23
- package/es/PRIVATE_CheckboxRadioField.js +24 -24
- package/es/PRIVATE_ClearIcon.js +18 -18
- package/es/PRIVATE_DatePickerHeader.js +19 -19
- 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 +16 -16
- package/es/PRIVATE_Icons/CheckboxMixed.js +16 -16
- package/es/PRIVATE_Icons/CheckboxOff.js +16 -16
- package/es/PRIVATE_Icons/CheckboxOn.js +16 -16
- package/es/PRIVATE_Icons/DragV.js +16 -16
- package/es/PRIVATE_Icons/WarningS.js +16 -16
- package/es/PRIVATE_List.js +20 -20
- package/es/PRIVATE_Message.js +19 -19
- 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 +25 -25
- package/es/PRIVATE_SelectCommon.js +28 -28
- package/es/PRIVATE_StyledCard.js +4 -4
- package/es/PRIVATE_StyledCheckbox.js +16 -16
- package/es/PRIVATE_Table.js +24 -24
- package/es/PRIVATE_ThemedIcons/CalendarIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/ChartMarqueeSelectIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/ChartPanIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/ChartZoomIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/CheckIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/CheckboxMixedIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/CheckboxOffIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/CheckboxOnIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/CloseIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/CollapseIcon.js +17 -17
- package/es/PRIVATE_ThemedIcons/CollapseUpIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/DecrementIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/DeleteIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon.js +17 -17
- package/es/PRIVATE_ThemedIcons/DirectionalExpandArrowIcon.js +17 -17
- package/es/PRIVATE_ThemedIcons/DragHandleIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/DropdownArrowIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/ExpandIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/HelpIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/IncrementIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/MenuButtonDropdownIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/MessageConfirmationIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/MessageErrorIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/MessageInfoIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/MessageWarningIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/MinusIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/NavDownIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/OverviewHorizontalDragHandleIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/PlusIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/RadioOffIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/RadioOnIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/SortAscendingIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/SortDescendingIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/ViewHideIcon.js +16 -16
- package/es/PRIVATE_ThemedIcons/ViewIcon.js +16 -16
- package/es/PRIVATE_TimeComponent.js +18 -18
- package/es/PRIVATE_VisOverview.js +16 -16
- package/es/PRIVATE_VisTabularDatatip.js +4 -4
- package/es/PictoChart-3f059ad1.js +6 -6
- package/es/PieChart-ca02932e.js +6 -6
- package/es/{Popup-a4be2769.js → Popup-6c3f0839.js} +9 -9
- package/es/{Popup-a4be2769.js.map → Popup-6c3f0839.js.map} +1 -1
- package/es/{ProgressBar-4fbb27ab.js → ProgressBar-95461222.js} +3 -3
- package/es/{ProgressBar-4fbb27ab.js.map → ProgressBar-95461222.js.map} +1 -1
- package/es/ProgressButton-2497c81b.js +3 -3
- package/es/ProgressButtonLabelLayout-bfc7c805.js +3 -3
- package/es/{ProgressCircle-2d3833fa.js → ProgressCircle-93c309cb.js} +2 -2
- package/es/{ProgressCircle-2d3833fa.js.map → ProgressCircle-93c309cb.js.map} +1 -1
- package/es/RadioItem-35f68420.js +6 -6
- package/es/RatingGauge-5346d0bf.js +7 -7
- package/es/ReadonlyTextFieldInput-a15badb6.js +1 -1
- package/es/RemovableNavigationListItem-29fdaddc.js +1 -1
- package/es/RemovableTabBarItem-1cc7a0ca.js +2 -2
- package/es/ReorderableTabBar-b9019d0a.js +3 -3
- package/es/RevealToggleIcon-51514e37.js +1 -1
- package/es/{ScatterChart-d26d4ea9.js → ScatterChart-739a9ec0.js} +3 -3
- package/es/{ScatterChart-d26d4ea9.js.map → ScatterChart-739a9ec0.js.map} +1 -1
- package/es/SectionalLegend-c71d48a3.js +4 -4
- package/es/{SectionedContent-2d0a744d.js → SectionedContent-3fd063af.js} +5 -5
- package/es/{SectionedContent-2d0a744d.js.map → SectionedContent-3fd063af.js.map} +1 -1
- package/es/SegmentStyles.styles.css +8 -8
- package/es/SegmentStyles.styles2.css +8 -8
- package/es/SelectMultiple-ad8fc99a.js +8 -8
- package/es/SelectSingle-abaf271c.js +7 -7
- package/es/{SelectionCard-792c249d.js → SelectionCard-1f8585cb.js} +2 -2
- package/es/{SelectionCard-792c249d.js.map → SelectionCard-1f8585cb.js.map} +1 -1
- package/es/Selector-5892544f.js +1 -1
- package/es/{SelectorAll-ab748274.js → SelectorAll-e833da6d.js} +7 -7
- package/es/{SelectorAll-ab748274.js.map → SelectorAll-e833da6d.js.map} +1 -1
- package/es/{Sheet-31e6970c.js → Sheet-0861fcc0.js} +3 -3
- package/es/{Sheet-31e6970c.js.map → Sheet-0861fcc0.js.map} +1 -1
- package/es/SplitMenuButton-3dbd83b7.js +2 -2
- package/es/{StyledCard-6913b45c.js → StyledCard-f5965d6d.js} +2 -2
- package/es/{StyledCard-6913b45c.js.map → StyledCard-f5965d6d.js.map} +1 -1
- package/es/StyledTextField-ebb5409d.js +3 -3
- package/es/TabBar-fb7f97d2.js +5 -5
- package/es/TabBarItem-252cba76.js +3 -3
- package/es/TabBarLayout-8caaa060.js +1 -1
- package/es/TabBarMixed-f60c2c7a.js +5 -5
- package/es/{TabBarMixedSeparator-16c88691.js → TabBarMixedSeparator-da56f4c0.js} +2 -2
- package/es/{TabBarMixedSeparator-16c88691.js.map → TabBarMixedSeparator-da56f4c0.js.map} +1 -1
- package/es/Table-1ba124ec.js +9 -9
- package/es/TagCloud-f7e50ac4.js +8 -8
- package/es/{TextArea-7230675f.js → TextArea-64b4e972.js} +30 -13
- package/es/TextArea-64b4e972.js.map +1 -0
- package/es/{TextAreaAutosize-0d293016.js → TextAreaAutosize-4e0f60ef.js} +7 -7
- package/es/{TextAreaAutosize-0d293016.js.map → TextAreaAutosize-4e0f60ef.js.map} +1 -1
- package/es/TextField-cb494638.js +3 -3
- package/es/TextFieldInput-3c2e920d.js +1 -1
- package/es/Theme-redwood/theme.css +472 -472
- package/es/Theme-stable/theme.css +370 -370
- package/es/TimeComponentCanvas2D-2a4a0c94.js +5 -5
- package/es/Toolbar-7676795b.js +1 -1
- package/es/{TruncatingBadge-0f04b894.js → TruncatingBadge-b69c1ceb.js} +4 -4
- package/es/{TruncatingBadge-0f04b894.js.map → TruncatingBadge-b69c1ceb.js.map} +1 -1
- package/es/{TruncatingText-ccad557f.js → TruncatingText-68acfafd.js} +4 -4
- package/es/{TruncatingText-ccad557f.js.map → TruncatingText-68acfafd.js.map} +1 -1
- package/es/UNSAFE_ActionCard.js +3 -3
- package/es/UNSAFE_Avatar/themes/redwood/AvatarTheme.js +1 -1
- package/es/UNSAFE_Avatar/themes/redwood/AvatarVariants.css.js +1 -1
- package/es/UNSAFE_Avatar/themes/stable/AvatarTheme.js +1 -1
- package/es/UNSAFE_Avatar/themes/stable/AvatarVariants.css.js +1 -1
- package/es/UNSAFE_Avatar.js +1 -1
- package/es/UNSAFE_BarChart/__test__/BarChart.spec.js +31 -31
- package/es/UNSAFE_BarChart.js +31 -31
- package/es/UNSAFE_BaseButton.js +3 -3
- package/es/UNSAFE_Button.js +3 -3
- package/es/UNSAFE_ButtonLayout/tests/ButtonLayout.spec.js +21 -21
- package/es/UNSAFE_ButtonSet.js +4 -4
- package/es/UNSAFE_ButtonSetButton.js +3 -3
- package/es/UNSAFE_ButtonSetIconButton.js +16 -16
- package/es/UNSAFE_ButtonSetItem.js +16 -16
- 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 +22 -22
- package/es/UNSAFE_CardGridView.js +22 -22
- package/es/UNSAFE_Center.js +5 -5
- package/es/UNSAFE_ChartWithLegend.js +4 -4
- package/es/UNSAFE_Checkbox.js +23 -23
- package/es/UNSAFE_CheckboxItem.js +23 -23
- package/es/UNSAFE_CheckboxSet.js +23 -23
- package/es/UNSAFE_Chip.js +2 -2
- package/es/UNSAFE_Collapsible.js +18 -18
- package/es/UNSAFE_ComboChart.js +33 -33
- package/es/UNSAFE_ComponentMessage.js +19 -19
- package/es/UNSAFE_ConveyorBelt.js +16 -16
- package/es/UNSAFE_DatePicker.js +24 -24
- package/es/UNSAFE_Diagram.js +21 -21
- package/es/UNSAFE_Dialog.js +21 -21
- package/es/UNSAFE_DragHandle.js +18 -18
- package/es/UNSAFE_DrawerLayout.js +12 -12
- package/es/UNSAFE_DrawerPopup.js +11 -11
- package/es/UNSAFE_Dropdown.js +13 -13
- package/es/UNSAFE_Environment.js +4 -4
- package/es/UNSAFE_ExpandableList.js +23 -23
- 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 +23 -23
- package/es/UNSAFE_Grid.js +4 -4
- package/es/UNSAFE_HighlightText.js +4 -4
- package/es/UNSAFE_Icon.js +16 -16
- package/es/UNSAFE_IconButton.js +16 -16
- package/es/UNSAFE_IconMenuButton.js +21 -21
- package/es/UNSAFE_IconProgressButton.js +19 -19
- package/es/UNSAFE_IconToggleButton.js +16 -16
- package/es/UNSAFE_Indexer.js +6 -6
- package/es/UNSAFE_InputDateMask/themes/SegmentStyles.css.js +1 -1
- package/es/UNSAFE_InputDateMask.js +25 -25
- package/es/UNSAFE_InputDatePicker.js +114 -114
- package/es/UNSAFE_InputPassword.js +23 -23
- package/es/UNSAFE_InputSensitiveText.js +25 -25
- package/es/UNSAFE_InputText.js +26 -26
- package/es/UNSAFE_InputTimeMask/themes/SegmentStyles.css.js +1 -1
- 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 +24 -24
- package/es/UNSAFE_Layer.js +8 -8
- package/es/UNSAFE_Legend.js +24 -24
- package/es/UNSAFE_LineAreaChart.js +34 -34
- 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 +19 -19
- package/es/UNSAFE_MessageToast.js +22 -22
- package/es/UNSAFE_MeterBar.js +16 -16
- package/es/UNSAFE_MeterCircle.js +17 -17
- package/es/UNSAFE_Modal.js +8 -8
- package/es/UNSAFE_NavigationList.js +20 -20
- package/es/UNSAFE_NavigationListCommon.js +18 -18
- package/es/UNSAFE_NumberInputText.js +25 -25
- package/es/UNSAFE_OverflowTabBar.js +24 -24
- package/es/UNSAFE_PictoChart.js +14 -14
- package/es/UNSAFE_PieChart/__test__/PieChart.spec.js +21 -21
- package/es/UNSAFE_PieChart.js +21 -21
- package/es/UNSAFE_Popup.js +16 -16
- package/es/UNSAFE_ProgressBar.js +5 -5
- package/es/UNSAFE_ProgressButton.js +19 -19
- 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 +23 -23
- package/es/UNSAFE_RatingGauge.js +17 -17
- package/es/UNSAFE_ReorderableTabBar.js +24 -24
- package/es/UNSAFE_RichCheckboxSet.js +25 -25
- package/es/UNSAFE_RichRadioSet.js +25 -25
- package/es/UNSAFE_RichSelectionItem.js +22 -22
- package/es/UNSAFE_ScatterChart.js +34 -34
- package/es/UNSAFE_SectionalLegend.js +25 -25
- package/es/UNSAFE_SelectMultiple.js +30 -30
- package/es/UNSAFE_SelectSingle.js +30 -30
- package/es/UNSAFE_SelectionCard.js +5 -5
- package/es/UNSAFE_Selector.js +16 -16
- package/es/UNSAFE_SelectorAll.js +20 -20
- package/es/UNSAFE_Sheet/__test__/Sheet.spec.js +14 -14
- package/es/UNSAFE_Sheet.js +11 -11
- package/es/UNSAFE_SplitMenuButton.js +21 -21
- package/es/UNSAFE_TabBar.js +25 -25
- package/es/UNSAFE_TabBarCommon.js +25 -25
- package/es/UNSAFE_TabBarMixed.js +26 -26
- package/es/UNSAFE_TableView.js +24 -24
- package/es/UNSAFE_TagCloud.js +23 -23
- package/es/UNSAFE_TextArea.js +27 -28
- package/es/UNSAFE_TextArea.js.map +1 -1
- package/es/UNSAFE_TextAreaAutosize.js +28 -28
- package/es/UNSAFE_TextField.js +7 -7
- package/es/UNSAFE_ToggleButton.js +3 -3
- package/es/UNSAFE_Toolbar/tests/Toolbar.spec.js +23 -23
- package/es/UNSAFE_Toolbar.js +4 -4
- package/es/UNSAFE_Train.js +17 -17
- package/es/UNSAFE_TruncatingBadge.js +18 -18
- package/es/UNSAFE_TruncatingText.js +17 -17
- package/es/UNSAFE_UserAssistance.js +24 -24
- package/es/UNSAFE_View.js +7 -7
- package/es/UNSAFE_VirtualizedListView.js +20 -20
- 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-a8a64eb1.js → View-63980a9b.js} +5 -5
- package/es/{View-a8a64eb1.js.map → View-63980a9b.js.map} +1 -1
- package/es/{VisNoData-794ddc21.js → VisNoData-02cab8f6.js} +3 -3
- package/es/{VisNoData-794ddc21.js.map → VisNoData-02cab8f6.js.map} +1 -1
- package/es/{VisProgressiveLoader-66dde1ff.js → VisProgressiveLoader-2b2103c8.js} +3 -3
- package/es/{VisProgressiveLoader-66dde1ff.js.map → VisProgressiveLoader-2b2103c8.js.map} +1 -1
- package/es/{VisTabularDatatip-6aa607bb.js → VisTabularDatatip-2ae7ee48.js} +2 -2
- package/es/{VisTabularDatatip-6aa607bb.js.map → VisTabularDatatip-2ae7ee48.js.map} +1 -1
- package/es/{WindowOverlay-de5d0819.js → WindowOverlay-9b43e658.js} +2 -2
- package/es/{WindowOverlay-de5d0819.js.map → WindowOverlay-9b43e658.js.map} +1 -1
- package/es/{YearsGridView-cb510d1e.js → YearsGridView-cc0574f2.js} +4 -4
- package/es/{YearsGridView-cb510d1e.js.map → YearsGridView-cc0574f2.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 +20 -20
- package/es/hooks/PRIVATE_useChartDatatip.js +14 -14
- package/es/hooks/PRIVATE_useChartEvents.js +18 -18
- package/es/hooks/PRIVATE_useChartMarquee.js +18 -18
- 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_useVisContextMenu.js +20 -20
- package/es/hooks/PRIVATE_useVisDragModeControls.js +18 -18
- 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 +17 -17
- package/es/hooks/UNSAFE_useTranslationBundle.js +3 -3
- package/es/hooks/UNSAFE_useUser.js +3 -3
- package/es/{index-f4c1d6de.js → index-20f848bc.js} +2 -2
- package/es/index-20f848bc.js.map +1 -0
- package/es/listViewSelectionTests-79aa17b2.js +3 -3
- package/es/{render-9dce082a.js → render-2b908d4f.js} +3 -3
- package/es/{render-9dce082a.js.map → render-2b908d4f.js.map} +1 -1
- package/es/{tabbableUtils-93a7cd6f.js → tabbableUtils-20bbaf8d.js} +3 -3
- package/es/{tabbableUtils-93a7cd6f.js.map → tabbableUtils-20bbaf8d.js.map} +1 -1
- package/es/{testData-a9ced8ec.js → testData-70bebfae.js} +3 -3
- package/es/{testData-a9ced8ec.js.map → testData-70bebfae.js.map} +1 -1
- package/es/{tooltipUtils-fcfd7dbb.js → tooltipUtils-38192add.js} +5 -5
- package/es/{tooltipUtils-fcfd7dbb.js.map → tooltipUtils-38192add.js.map} +1 -1
- package/es/useCellNavigation-00d575ca.js +1 -1
- package/es/useChartContextMenu-121a5f6d.js +2 -2
- package/es/{useChartDatatip-c929f857.js → useChartDatatip-977bc33d.js} +4 -4
- package/es/{useChartDatatip-c929f857.js.map → useChartDatatip-977bc33d.js.map} +1 -1
- package/es/{useColorScheme-f69d53b5.js → useColorScheme-d8a80e2b.js} +2 -2
- package/es/{useColorScheme-f69d53b5.js.map → useColorScheme-d8a80e2b.js.map} +1 -1
- package/es/useContextMenu-8c47333e.js +2 -2
- package/es/{useCssVars-48595cd2.js → useCssVars-8e6932f8.js} +5 -5
- package/es/{useCssVars-48595cd2.js.map → useCssVars-8e6932f8.js.map} +1 -1
- package/es/{useCurrentBgColor-894d059b.js → useCurrentBgColor-5418492b.js} +2 -2
- package/es/{useCurrentBgColor-894d059b.js.map → useCurrentBgColor-5418492b.js.map} +1 -1
- package/es/{useCurrentKey-aa75ec92.js → useCurrentKey-63f6afcc.js} +2 -2
- package/es/{useCurrentKey-aa75ec92.js.map → useCurrentKey-63f6afcc.js.map} +1 -1
- package/es/{useDatatip-40475371.js → useDatatip-bce558e2.js} +4 -4
- package/es/{useDatatip-40475371.js.map → useDatatip-bce558e2.js.map} +1 -1
- package/es/{useDensity-04a01caf.js → useDensity-64ecb649.js} +2 -2
- package/es/{useDensity-04a01caf.js.map → useDensity-64ecb649.js.map} +1 -1
- package/es/{useFloating-dad3f791.js → useFloating-41d21e7d.js} +2 -2
- package/es/{useFloating-dad3f791.js.map → useFloating-41d21e7d.js.map} +1 -1
- package/es/{useKeyboardEvents-b02e5fda.js → useKeyboardEvents-5c311766.js} +2 -2
- package/es/{useKeyboardEvents-b02e5fda.js.map → useKeyboardEvents-5c311766.js.map} +1 -1
- package/es/useLegendContextMenu-1043d63c.js +4 -4
- package/es/{useMeterDatatip-4adf64f2.js → useMeterDatatip-5268869e.js} +3 -3
- package/es/{useMeterDatatip-4adf64f2.js.map → useMeterDatatip-5268869e.js.map} +1 -1
- package/es/{useOutsideClick-c19a8d7f.js → useOutsideClick-8a582d08.js} +2 -2
- package/es/{useOutsideClick-c19a8d7f.js.map → useOutsideClick-8a582d08.js.map} +1 -1
- package/es/{usePopupAnimation-267b444c.js → usePopupAnimation-e2e6a2ca.js} +2 -2
- package/es/{usePopupAnimation-267b444c.js.map → usePopupAnimation-e2e6a2ca.js.map} +1 -1
- package/es/{usePrefixSuffix-995d4cda.js → usePrefixSuffix-435a9c59.js} +2 -2
- package/es/{usePrefixSuffix-995d4cda.js.map → usePrefixSuffix-435a9c59.js.map} +1 -1
- package/es/{useReorderableItem-7f7c13b5.js → useReorderableItem-96616318.js} +3 -3
- package/es/{useReorderableItem-7f7c13b5.js.map → useReorderableItem-96616318.js.map} +1 -1
- package/es/{useRovingTabIndexContainer-7ec9f36f.js → useRovingTabIndexContainer-9afe3ee0.js} +2 -2
- package/es/{useRovingTabIndexContainer-7ec9f36f.js.map → useRovingTabIndexContainer-9afe3ee0.js.map} +1 -1
- package/es/{useScale-3b323ab2.js → useScale-c86ecc6e.js} +2 -2
- package/es/{useScale-3b323ab2.js.map → useScale-c86ecc6e.js.map} +1 -1
- package/es/useSelectCommon-1dafa6f9.js +11 -11
- package/es/{useSelectDrill-232b571c.js → useSelectDrill-24264e6b.js} +3 -3
- package/es/{useSelectDrill-232b571c.js.map → useSelectDrill-24264e6b.js.map} +1 -1
- package/es/{useSelection-bbd2320f.js → useSelection-1b256f77.js} +5 -5
- package/es/{useSelection-bbd2320f.js.map → useSelection-1b256f77.js.map} +1 -1
- package/es/{useSelection-c46ba985.js → useSelection-879c64aa.js} +2 -2
- package/es/{useSelection-c46ba985.js.map → useSelection-879c64aa.js.map} +1 -1
- package/es/useTabBar-efad9075.js +1 -1
- package/es/{useTestId-af32a9eb.js → useTestId-3bc3958c.js} +2 -2
- package/es/{useTestId-af32a9eb.js.map → useTestId-3bc3958c.js.map} +1 -1
- package/es/{useTheme-73aca0e4.js → useTheme-4b0f211c.js} +2 -2
- package/es/{useTheme-73aca0e4.js.map → useTheme-4b0f211c.js.map} +1 -1
- package/es/{useThemeInterpolations-242b30ed.js → useThemeInterpolations-8bee52ac.js} +5 -5
- package/es/{useThemeInterpolations-242b30ed.js.map → useThemeInterpolations-8bee52ac.js.map} +1 -1
- package/es/{useTooltip-72f5cf2e.js → useTooltip-98b6d3b5.js} +2 -2
- package/es/{useTooltip-72f5cf2e.js.map → useTooltip-98b6d3b5.js.map} +1 -1
- package/es/{useTooltipControlled-97142fd1.js → useTooltipControlled-b565c75b.js} +5 -5
- package/es/{useTooltipControlled-97142fd1.js.map → useTooltipControlled-b565c75b.js.map} +1 -1
- package/es/{useTranslationBundle-6da03e52.js → useTranslationBundle-98df6291.js} +2 -2
- package/es/{useTranslationBundle-6da03e52.js.map → useTranslationBundle-98df6291.js.map} +1 -1
- package/es/{useUser-bca8cf2d.js → useUser-a15426fc.js} +2 -2
- package/es/{useUser-bca8cf2d.js.map → useUser-a15426fc.js.map} +1 -1
- package/es/useVisDragModeControls-4d8d8a3b.js +1 -1
- package/es/{useVisEvents-37c78cfe.js → useVisEvents-7d4753c4.js} +2 -2
- package/es/{useVisEvents-37c78cfe.js.map → useVisEvents-7d4753c4.js.map} +1 -1
- package/es/utils/PRIVATE_tooltipUtils.js +14 -14
- package/es/utils/PRIVATE_visTestUtils.js +6 -6
- package/es/{withDirectionIcon-389870a2.js → withDirectionIcon-90d7c798.js} +2 -2
- package/es/{withDirectionIcon-389870a2.js.map → withDirectionIcon-90d7c798.js.map} +1 -1
- package/es/withThemeProps-6545df54.js +2 -2
- package/package.json +2 -2
- package/amd/CardFlexView-296f97f5.js +0 -2
- package/amd/CheckboxSet-4582f29e.js +0 -2
- package/amd/CheckboxSet-4582f29e.js.map +0 -1
- package/amd/List-0b764e84.js +0 -2
- package/amd/LoadMoreCollection-83413a59.js +0 -2
- package/amd/MaxLengthCounter-9a95922c.js +0 -2
- package/amd/MaxLengthCounter-9a95922c.js.map +0 -1
- package/amd/NavigationListItem-044a79fd.js +0 -2
- package/amd/TextArea-89b9ed65.js +0 -2
- package/amd/TextArea-89b9ed65.js.map +0 -1
- package/amd/TextAreaAutosize-81449e46.js +0 -2
- package/cjs/MaxLengthCounter-9ab3f74b.js +0 -27
- package/cjs/MaxLengthCounter-9ab3f74b.js.map +0 -1
- package/cjs/TextArea-e7f98e9f.js.map +0 -1
- package/es/MaxLengthCounter-181b4fc9.js +0 -25
- package/es/MaxLengthCounter-181b4fc9.js.map +0 -1
- package/es/TextArea-7230675f.js.map +0 -1
- package/es/index-f4c1d6de.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTranslationBundle-
|
|
1
|
+
{"version":3,"file":"useTranslationBundle-98df6291.js","sources":["../../src/hooks/UNSAFE_useTranslationBundle/useTranslationBundle.ts"],"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 */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport type { TranslationBundle } from '../../UNSAFE_Environment';\n\n/**\n * useTranslationBundle is a hook to get a translation bundle from the EnvironmentProvider\n * @param bundleId\n * @returns a translation bundle of type T\n */\nexport function useTranslationBundle<T extends TranslationBundle>(bundleId: string) {\n const translations = useContext(EnvironmentContext).translations;\n const bundle = translations?.[bundleId];\n if (!bundle) {\n throw new Error(`Translation bundle ${bundleId} is not loaded.`);\n }\n return bundle as T;\n}\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;AAKH;;;;AAIG;AACG,SAAU,oBAAoB,CAA8B,QAAgB,EAAA;IAChF,MAAM,YAAY,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC,YAAY,CAAC;AACjE,IAAA,MAAM,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAC;IACxC,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,MAAM,IAAI,KAAK,CAAC,sBAAsB,QAAQ,CAAA,eAAA,CAAiB,CAAC,CAAC;KAClE;AACD,IAAA,OAAO,MAAW,CAAC;AACrB;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
2
|
import { useContext } from 'preact/hooks';
|
|
3
|
-
import { E as EnvironmentContext } from './LayerHost-
|
|
3
|
+
import { E as EnvironmentContext } from './LayerHost-15b42a3e.js';
|
|
4
4
|
import 'preact/jsx-runtime';
|
|
5
5
|
import 'preact/compat';
|
|
6
6
|
|
|
@@ -16,4 +16,4 @@ function useUser() {
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
export { useUser as u };
|
|
19
|
-
//# sourceMappingURL=useUser-
|
|
19
|
+
//# sourceMappingURL=useUser-a15426fc.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUser-
|
|
1
|
+
{"version":3,"file":"useUser-a15426fc.js","sources":["../../src/hooks/UNSAFE_useUser/useUser.ts"],"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 */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useUser() {\n return useContext(EnvironmentContext).user;\n}\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;SAIa,OAAO,GAAA;AACrB,IAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC;AAC7C;;;;"}
|
|
@@ -4,7 +4,7 @@ import { useRef, useEffect, useState } from 'preact/hooks';
|
|
|
4
4
|
import { S as SvgButton } from './Button-7be7e573.js';
|
|
5
5
|
import { S as SvgMove } from './Move-5b84e4f4.js';
|
|
6
6
|
import { styles } from './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css.js';
|
|
7
|
-
import { u as useTranslationBundle } from './useTranslationBundle-
|
|
7
|
+
import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
|
|
8
8
|
import { S as SvgZoomAlt } from './ZoomAlt-0f3a3994.js';
|
|
9
9
|
import { B as ButtonSetSingle } from './ButtonSetSingle-df9b4b00.js';
|
|
10
10
|
import { B as ButtonSetItem } from './ButtonSetItem-5de226e8.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
2
|
import { useRef, useState } from 'preact/hooks';
|
|
3
|
-
import { u as useUser } from './useUser-
|
|
3
|
+
import { u as useUser } from './useUser-a15426fc.js';
|
|
4
4
|
import { g as getRandomId } from './layoutUtils-6725789c.js';
|
|
5
5
|
import { c as cancelEvent } from './eventsUtils-e5fc62d5.js';
|
|
6
6
|
import { u as useVisHover } from './useVisHover-d7a0b2f3.js';
|
|
@@ -150,4 +150,4 @@ function useVisEvent(touchResponse, isInteractive, isItemActionable, getKeyUpHan
|
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
export { useVisEvent as u };
|
|
153
|
-
//# sourceMappingURL=useVisEvents-
|
|
153
|
+
//# sourceMappingURL=useVisEvents-7d4753c4.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useVisEvents-37c78cfe.js","sources":["../../src/hooks/PRIVATE_useVisEvents/useVisEvents.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype ItemInfo = { isCurrent?: boolean; isFocusVisible?: boolean };\n\ntype EventDetail<D> = { data?: D };\n\nexport function useVisEvent<\n I extends ItemInfo,\n J extends EventDetail<D>,\n L extends EventDetail<D>,\n D\n>(\n touchResponse: 'touchStart' | 'touchHold',\n isInteractive: boolean,\n isItemActionable: (itemInfo: I) => boolean,\n getKeyUpHandler: (\n triggerOnAction: () => void,\n updatefocusedItemInfo: (itemInfo: I) => void,\n focusedItemInfo: I,\n isHideShow?: boolean\n ) => (event: KeyboardEvent) => void,\n getDetailFromInfo: (info?: I) => J | L,\n getPrevItemInfo: (info: I) => I,\n getNextItemInfo: (info: I) => I,\n onItemAction: ((detail: J) => void) | undefined,\n onItemHover: ((detail: L) => void) | undefined,\n onItemFocus: ((detail: L) => void) | undefined,\n isEqualItem: (item1?: I, item2?: I) => boolean,\n getItemInfo: (element: HTMLElement) => I | undefined,\n initItemInfo: I,\n isHideShow?: boolean\n) {\n const activeIdRef = useRef<string>();\n\n const [focusedItemInfo, setfocusedItemInfo] = useState<I>(initItemInfo);\n const [hoveredItemInfo, sethoveredItemInfo] = useState<I>();\n\n const onHover = (event: PointerEvent) => {\n const itemInfo = getItemInfo(event.target as HTMLElement);\n if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n activeIdRef.current = getRandomId();\n if (isInteractive) {\n focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';\n onItemHover?.(getDetailFromInfo(itemInfo) as L);\n }\n }\n };\n\n const onHoverLeave = () => {\n sethoveredItemInfo(undefined);\n activeIdRef.current = undefined;\n if (isInteractive) {\n onItemHover?.(getDetailFromInfo() as L);\n }\n };\n\n const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n const { direction } = useUser();\n const isRtl = direction === 'rtl';\n if (!isInteractive) {\n return {\n isInteractive: false,\n focusedItemInfo,\n hoveredItemInfo,\n // include relevant hover handlers for datatip\n eventsProps: hoverHandlers\n };\n }\n\n const updatefocusedItemInfo = (itemInfo: I) => {\n onItemFocus?.(getDetailFromInfo(itemInfo) as L);\n activeIdRef.current = getRandomId();\n setfocusedItemInfo(itemInfo);\n };\n\n const handleKeyboardInput = (item: I) => {\n if (!isEqualItem(item, focusedItemInfo)) {\n item.isCurrent = true;\n item.isFocusVisible = true;\n if (hoveredItemInfo) {\n sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n }\n updatefocusedItemInfo(item);\n }\n };\n\n const triggerOnAction = () => {\n const detail = getDetailFromInfo(focusedItemInfo) as J;\n if (detail && detail.data && isItemActionable(focusedItemInfo)) {\n onItemAction?.(detail);\n activeIdRef.current = getRandomId();\n }\n };\n\n const onPointerUp = (event: PointerEvent) => {\n const itemInfo = getItemInfo(event.target as HTMLElement);\n if (itemInfo != null && isItemActionable(itemInfo)) {\n setfocusedItemInfo(itemInfo);\n const detail = getDetailFromInfo(itemInfo);\n if (detail && isItemActionable(itemInfo)) {\n onItemAction?.(detail as J);\n activeIdRef.current = getRandomId();\n }\n }\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n const key = event.key;\n switch (key) {\n case 'Tab':\n return;\n case 'ArrowDown': {\n const nextItemInfo = getNextItemInfo(focusedItemInfo);\n handleKeyboardInput(nextItemInfo);\n cancelEvent(event);\n break;\n }\n case 'ArrowUp': {\n const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n handleKeyboardInput(nextItemInfo);\n cancelEvent(event);\n break;\n }\n case 'ArrowRight': {\n const nextItemInfo = isRtl\n ? getPrevItemInfo(focusedItemInfo)\n : getNextItemInfo(focusedItemInfo);\n handleKeyboardInput(nextItemInfo);\n cancelEvent(event);\n break;\n }\n case 'ArrowLeft': {\n const nextItemInfo = isRtl\n ? getNextItemInfo(focusedItemInfo)\n : getPrevItemInfo(focusedItemInfo);\n handleKeyboardInput(nextItemInfo);\n cancelEvent(event);\n break;\n }\n }\n };\n\n const onKeyUp = getKeyUpHandler(\n triggerOnAction,\n updatefocusedItemInfo,\n focusedItemInfo,\n isHideShow\n );\n\n const onContextMenuDismissed = (gesture: gestureTypes) => {\n if (gesture === 'keyboard') {\n updatefocusedItemInfo({\n ...focusedItemInfo,\n isCurrent: true,\n isFocusVisible: true\n });\n }\n };\n\n const onBlur = () => {\n const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false } as I;\n if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n onItemFocus?.(getDetailFromInfo(undefined) as L);\n }\n setfocusedItemInfo(itemInfo);\n };\n\n return {\n isInteractive: true,\n focusedItemInfo,\n hoveredItemInfo,\n activeId: activeIdRef.current,\n triggerOnAction,\n updatefocusedItemInfo,\n onContextMenuDismissed,\n eventsProps: mergeProps(hoverHandlers, {\n onPointerUp,\n onKeyUp,\n onKeyDown,\n onBlur\n })\n };\n}\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;AAMG;AAca,SAAA,WAAW,CAMzB,aAAyC,EACzC,aAAsB,EACtB,gBAA0C,EAC1C,eAKmC,EACnC,iBAAsC,EACtC,eAA+B,EAC/B,eAA+B,EAC/B,YAA+C,EAC/C,WAA8C,EAC9C,WAA8C,EAC9C,WAA8C,EAC9C,WAAoD,EACpD,YAAe,EACf,UAAoB,EAAA;AAEpB,IAAA,MAAM,WAAW,GAAG,MAAM,EAAU,CAAC;IAErC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;IACxE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAK,CAAC;AAE5D,IAAA,MAAM,OAAO,GAAG,CAAC,KAAmB,KAAI;QACtC,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;QAC1D,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,eAAe,CAAC,EAAE;AAC3C,YAAA,kBAAkB,CAAC,QAAQ,IAAI,EAAE,GAAG,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AACjE,YAAA,WAAW,CAAC,OAAO,GAAG,WAAW,EAAE,CAAC;YACpC,IAAI,aAAa,EAAE;AACjB,gBAAA,eAAe,GAAG,kBAAkB,CAAC,EAAE,GAAG,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC;AACpF,gBAAA,WAAW,GAAG,iBAAiB,CAAC,QAAQ,CAAM,CAAC,CAAC;aACjD;SACF;AACH,KAAC,CAAC;IAEF,MAAM,YAAY,GAAG,MAAK;QACxB,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAC9B,QAAA,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC;QAChC,IAAI,aAAa,EAAE;AACjB,YAAA,WAAW,GAAG,iBAAiB,EAAO,CAAC,CAAC;SACzC;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC;AAEnF,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;IAClC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;AACL,YAAA,aAAa,EAAE,KAAK;YACpB,eAAe;YACf,eAAe;;AAEf,YAAA,WAAW,EAAE,aAAa;SAC3B,CAAC;KACH;AAED,IAAA,MAAM,qBAAqB,GAAG,CAAC,QAAW,KAAI;AAC5C,QAAA,WAAW,GAAG,iBAAiB,CAAC,QAAQ,CAAM,CAAC,CAAC;AAChD,QAAA,WAAW,CAAC,OAAO,GAAG,WAAW,EAAE,CAAC;QACpC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAC/B,KAAC,CAAC;AAEF,IAAA,MAAM,mBAAmB,GAAG,CAAC,IAAO,KAAI;QACtC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE;AACvC,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;AACtB,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,IAAI,eAAe,EAAE;gBACnB,kBAAkB,CAAC,EAAE,GAAG,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;aAC9D;YACD,qBAAqB,CAAC,IAAI,CAAC,CAAC;SAC7B;AACH,KAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,MAAM,MAAM,GAAG,iBAAiB,CAAC,eAAe,CAAM,CAAC;QACvD,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,IAAI,gBAAgB,CAAC,eAAe,CAAC,EAAE;AAC9D,YAAA,YAAY,GAAG,MAAM,CAAC,CAAC;AACvB,YAAA,WAAW,CAAC,OAAO,GAAG,WAAW,EAAE,CAAC;SACrC;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,CAAC,KAAmB,KAAI;QAC1C,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;QAC1D,IAAI,QAAQ,IAAI,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,EAAE;YAClD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAC7B,YAAA,MAAM,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAC3C,YAAA,IAAI,MAAM,IAAI,gBAAgB,CAAC,QAAQ,CAAC,EAAE;AACxC,gBAAA,YAAY,GAAG,MAAW,CAAC,CAAC;AAC5B,gBAAA,WAAW,CAAC,OAAO,GAAG,WAAW,EAAE,CAAC;aACrC;SACF;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,CAAC,KAAoB,KAAI;AACzC,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACtB,QAAQ,GAAG;AACT,YAAA,KAAK,KAAK;gBACR,OAAO;YACT,KAAK,WAAW,EAAE;AAChB,gBAAA,MAAM,YAAY,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;gBACtD,mBAAmB,CAAC,YAAY,CAAC,CAAC;gBAClC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,SAAS,EAAE;AACd,gBAAA,MAAM,YAAY,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;gBACtD,mBAAmB,CAAC,YAAY,CAAC,CAAC;gBAClC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,YAAY,EAAE;gBACjB,MAAM,YAAY,GAAG,KAAK;AACxB,sBAAE,eAAe,CAAC,eAAe,CAAC;AAClC,sBAAE,eAAe,CAAC,eAAe,CAAC,CAAC;gBACrC,mBAAmB,CAAC,YAAY,CAAC,CAAC;gBAClC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,WAAW,EAAE;gBAChB,MAAM,YAAY,GAAG,KAAK;AACxB,sBAAE,eAAe,CAAC,eAAe,CAAC;AAClC,sBAAE,eAAe,CAAC,eAAe,CAAC,CAAC;gBACrC,mBAAmB,CAAC,YAAY,CAAC,CAAC;gBAClC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;aACP;SACF;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,OAAO,GAAG,eAAe,CAC7B,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,UAAU,CACX,CAAC;AAEF,IAAA,MAAM,sBAAsB,GAAG,CAAC,OAAqB,KAAI;AACvD,QAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,YAAA,qBAAqB,CAAC;AACpB,gBAAA,GAAG,eAAe;AAClB,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,cAAc,EAAE,IAAI;AACrB,aAAA,CAAC,CAAC;SACJ;AACH,KAAC,CAAC;IAEF,MAAM,MAAM,GAAG,MAAK;AAClB,QAAA,MAAM,QAAQ,GAAG,EAAE,GAAG,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAO,CAAC;QACtF,IAAI,eAAe,IAAI,IAAI,IAAI,eAAe,CAAC,SAAS,EAAE;AACxD,YAAA,WAAW,GAAG,iBAAiB,CAAC,SAAS,CAAM,CAAC,CAAC;SAClD;QACD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAC/B,KAAC,CAAC;IAEF,OAAO;AACL,QAAA,aAAa,EAAE,IAAI;QACnB,eAAe;QACf,eAAe;QACf,QAAQ,EAAE,WAAW,CAAC,OAAO;QAC7B,eAAe;QACf,qBAAqB;QACrB,sBAAsB;AACtB,QAAA,WAAW,EAAE,UAAU,CAAC,aAAa,EAAE;YACrC,WAAW;YACX,OAAO;YACP,SAAS;YACT,MAAM;SACP,CAAC;KACH,CAAC;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"useVisEvents-7d4753c4.js","sources":["../../src/hooks/PRIVATE_useVisEvents/useVisEvents.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype ItemInfo = { isCurrent?: boolean; isFocusVisible?: boolean };\n\ntype EventDetail<D> = { data?: D };\n\nexport function useVisEvent<\n I extends ItemInfo,\n J extends EventDetail<D>,\n L extends EventDetail<D>,\n D\n>(\n touchResponse: 'touchStart' | 'touchHold',\n isInteractive: boolean,\n isItemActionable: (itemInfo: I) => boolean,\n getKeyUpHandler: (\n triggerOnAction: () => void,\n updatefocusedItemInfo: (itemInfo: I) => void,\n focusedItemInfo: I,\n isHideShow?: boolean\n ) => (event: KeyboardEvent) => void,\n getDetailFromInfo: (info?: I) => J | L,\n getPrevItemInfo: (info: I) => I,\n getNextItemInfo: (info: I) => I,\n onItemAction: ((detail: J) => void) | undefined,\n onItemHover: ((detail: L) => void) | undefined,\n onItemFocus: ((detail: L) => void) | undefined,\n isEqualItem: (item1?: I, item2?: I) => boolean,\n getItemInfo: (element: HTMLElement) => I | undefined,\n initItemInfo: I,\n isHideShow?: boolean\n) {\n const activeIdRef = useRef<string>();\n\n const [focusedItemInfo, setfocusedItemInfo] = useState<I>(initItemInfo);\n const [hoveredItemInfo, sethoveredItemInfo] = useState<I>();\n\n const onHover = (event: PointerEvent) => {\n const itemInfo = getItemInfo(event.target as HTMLElement);\n if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n activeIdRef.current = getRandomId();\n if (isInteractive) {\n focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';\n onItemHover?.(getDetailFromInfo(itemInfo) as L);\n }\n }\n };\n\n const onHoverLeave = () => {\n sethoveredItemInfo(undefined);\n activeIdRef.current = undefined;\n if (isInteractive) {\n onItemHover?.(getDetailFromInfo() as L);\n }\n };\n\n const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n const { direction } = useUser();\n const isRtl = direction === 'rtl';\n if (!isInteractive) {\n return {\n isInteractive: false,\n focusedItemInfo,\n hoveredItemInfo,\n // include relevant hover handlers for datatip\n eventsProps: hoverHandlers\n };\n }\n\n const updatefocusedItemInfo = (itemInfo: I) => {\n onItemFocus?.(getDetailFromInfo(itemInfo) as L);\n activeIdRef.current = getRandomId();\n setfocusedItemInfo(itemInfo);\n };\n\n const handleKeyboardInput = (item: I) => {\n if (!isEqualItem(item, focusedItemInfo)) {\n item.isCurrent = true;\n item.isFocusVisible = true;\n if (hoveredItemInfo) {\n sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n }\n updatefocusedItemInfo(item);\n }\n };\n\n const triggerOnAction = () => {\n const detail = getDetailFromInfo(focusedItemInfo) as J;\n if (detail && detail.data && isItemActionable(focusedItemInfo)) {\n onItemAction?.(detail);\n activeIdRef.current = getRandomId();\n }\n };\n\n const onPointerUp = (event: PointerEvent) => {\n const itemInfo = getItemInfo(event.target as HTMLElement);\n if (itemInfo != null && isItemActionable(itemInfo)) {\n setfocusedItemInfo(itemInfo);\n const detail = getDetailFromInfo(itemInfo);\n if (detail && isItemActionable(itemInfo)) {\n onItemAction?.(detail as J);\n activeIdRef.current = getRandomId();\n }\n }\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n const key = event.key;\n switch (key) {\n case 'Tab':\n return;\n case 'ArrowDown': {\n const nextItemInfo = getNextItemInfo(focusedItemInfo);\n handleKeyboardInput(nextItemInfo);\n cancelEvent(event);\n break;\n }\n case 'ArrowUp': {\n const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n handleKeyboardInput(nextItemInfo);\n cancelEvent(event);\n break;\n }\n case 'ArrowRight': {\n const nextItemInfo = isRtl\n ? getPrevItemInfo(focusedItemInfo)\n : getNextItemInfo(focusedItemInfo);\n handleKeyboardInput(nextItemInfo);\n cancelEvent(event);\n break;\n }\n case 'ArrowLeft': {\n const nextItemInfo = isRtl\n ? getNextItemInfo(focusedItemInfo)\n : getPrevItemInfo(focusedItemInfo);\n handleKeyboardInput(nextItemInfo);\n cancelEvent(event);\n break;\n }\n }\n };\n\n const onKeyUp = getKeyUpHandler(\n triggerOnAction,\n updatefocusedItemInfo,\n focusedItemInfo,\n isHideShow\n );\n\n const onContextMenuDismissed = (gesture: gestureTypes) => {\n if (gesture === 'keyboard') {\n updatefocusedItemInfo({\n ...focusedItemInfo,\n isCurrent: true,\n isFocusVisible: true\n });\n }\n };\n\n const onBlur = () => {\n const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false } as I;\n if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n onItemFocus?.(getDetailFromInfo(undefined) as L);\n }\n setfocusedItemInfo(itemInfo);\n };\n\n return {\n isInteractive: true,\n focusedItemInfo,\n hoveredItemInfo,\n activeId: activeIdRef.current,\n triggerOnAction,\n updatefocusedItemInfo,\n onContextMenuDismissed,\n eventsProps: mergeProps(hoverHandlers, {\n onPointerUp,\n onKeyUp,\n onKeyDown,\n onBlur\n })\n };\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
export { H as HIDE_TOOLTIP_DELAY, S as SHOW_TOOLTIP_DELAY, a as getGlobalTooltipManager, g as getWrappedTooltipContent } from '../tooltipUtils-
|
|
2
|
+
export { H as HIDE_TOOLTIP_DELAY, S as SHOW_TOOLTIP_DELAY, a as getGlobalTooltipManager, g as getWrappedTooltipContent } from '../tooltipUtils-38192add.js';
|
|
3
3
|
import 'preact/jsx-runtime';
|
|
4
|
-
import '../LayerHost-
|
|
5
|
-
import 'preact';
|
|
4
|
+
import '../LayerHost-15b42a3e.js';
|
|
6
5
|
import '../Common/themes/redwood/theme.js';
|
|
7
6
|
import '../Common/themes/themeContract.css.js';
|
|
7
|
+
import 'preact';
|
|
8
8
|
import 'preact/compat';
|
|
9
|
-
import '../EnvironmentProvider-
|
|
9
|
+
import '../EnvironmentProvider-0fc2fd0c.js';
|
|
10
10
|
import 'preact/hooks';
|
|
11
|
-
import '../LayerManager-
|
|
12
|
-
import '../Floating-
|
|
13
|
-
import '../useFloating-
|
|
14
|
-
import '../useUser-
|
|
11
|
+
import '../LayerManager-af39e736.js';
|
|
12
|
+
import '../Floating-9bf456f9.js';
|
|
13
|
+
import '../useFloating-41d21e7d.js';
|
|
14
|
+
import '../useUser-a15426fc.js';
|
|
15
15
|
import '../positionUtils-f26caad9.js';
|
|
16
16
|
import '../refUtils-b9d8d91a.js';
|
|
17
|
-
import '../useOutsideClick-
|
|
17
|
+
import '../useOutsideClick-8a582d08.js';
|
|
18
18
|
import '../arrayUtils-35a58161.js';
|
|
19
|
-
import '../Layer-
|
|
19
|
+
import '../Layer-12a734d1.js';
|
|
20
20
|
import '../classNames-4e12b00d.js';
|
|
21
21
|
import '../UNSAFE_Layer/themes/LayerStyles.css.js';
|
|
22
22
|
import './../LayerStyles.styles.css';
|
|
23
|
-
import '../useThemeInterpolations-
|
|
24
|
-
import '../useColorScheme-
|
|
25
|
-
import '../useScale-
|
|
23
|
+
import '../useThemeInterpolations-8bee52ac.js';
|
|
24
|
+
import '../useColorScheme-d8a80e2b.js';
|
|
25
|
+
import '../useScale-c86ecc6e.js';
|
|
26
26
|
import '../theme-63551f30.js';
|
|
27
27
|
import '../Theme-e6dec6db.js';
|
|
28
28
|
import '../mergeInterpolations-e2db2a66.js';
|
|
@@ -31,7 +31,7 @@ import '../_curry3-0b4222d7.js';
|
|
|
31
31
|
import '../_curry1-25297e59.js';
|
|
32
32
|
import '../_curry2-34316bcf.js';
|
|
33
33
|
import '../_isObject-1fab0f5b.js';
|
|
34
|
-
import '../useDensity-
|
|
34
|
+
import '../useDensity-64ecb649.js';
|
|
35
35
|
import '../useModal-953082f2.js';
|
|
36
36
|
import '../useComponentTheme-d2f9e47f.js';
|
|
37
37
|
import '../logger-c92f309c.js';
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
import { s as setupTabbableComponent } from '../tabbableUtils-
|
|
3
|
-
export { s as default } from '../tabbableUtils-
|
|
2
|
+
import { s as setupTabbableComponent } from '../tabbableUtils-20bbaf8d.js';
|
|
3
|
+
export { s as default } from '../tabbableUtils-20bbaf8d.js';
|
|
4
4
|
export { c as checkTooltipText, a as queryAllBy, q as queryById } from '../domUtil-90e55ab7.js';
|
|
5
5
|
export { m as mockMouseEventPageXYOffsetXY, r as restoreMouseEventPageXYOffsetXY } from '../eventUtils-447f1bf1.js';
|
|
6
6
|
import 'preact/jsx-runtime';
|
|
7
7
|
import '@testing-library/preact';
|
|
8
8
|
import '../matchTranslationBundle-d9e64706.js';
|
|
9
|
-
import '../LayerHost-
|
|
10
|
-
import 'preact';
|
|
9
|
+
import '../LayerHost-15b42a3e.js';
|
|
11
10
|
import '../Common/themes/redwood/theme.js';
|
|
12
11
|
import '../Common/themes/themeContract.css.js';
|
|
12
|
+
import 'preact';
|
|
13
13
|
import 'preact/compat';
|
|
14
|
-
import '../EnvironmentProvider-
|
|
14
|
+
import '../EnvironmentProvider-0fc2fd0c.js';
|
|
15
15
|
import 'preact/hooks';
|
|
16
|
-
import '../LayerManager-
|
|
16
|
+
import '../LayerManager-af39e736.js';
|
|
17
17
|
import '../TabbableModeContext-7d8ad946.js';
|
|
18
18
|
import 'chai';
|
|
19
19
|
//# sourceMappingURL=PRIVATE_visTestUtils.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
2
|
import { jsx } from 'preact/jsx-runtime';
|
|
3
|
-
import { u as useUser } from './useUser-
|
|
3
|
+
import { u as useUser } from './useUser-a15426fc.js';
|
|
4
4
|
|
|
5
5
|
// Returns a component that renders one of the given icon components based on reading direction
|
|
6
6
|
const withDirectionIcon = (LtrIcon, RtlIcon) => {
|
|
@@ -11,4 +11,4 @@ const withDirectionIcon = (LtrIcon, RtlIcon) => {
|
|
|
11
11
|
};
|
|
12
12
|
|
|
13
13
|
export { withDirectionIcon as w };
|
|
14
|
-
//# sourceMappingURL=withDirectionIcon-
|
|
14
|
+
//# sourceMappingURL=withDirectionIcon-90d7c798.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withDirectionIcon-
|
|
1
|
+
{"version":3,"file":"withDirectionIcon-90d7c798.js","sources":["../../src/hoc/PRIVATE_withDirectionIcon/withDirectionIcon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { Icon } from '#UNSAFE_Icon/Icon';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n return (props: Props) => {\n const { direction } = useUser();\n return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n };\n};\n"],"names":["_jsx"],"mappings":";;;;AAaA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;IAC9E,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGA,IAAC,OAAO,EAAA,EAAA,GAAK,KAAK,EAAI,CAAA,GAAGA,GAAA,CAAC,OAAO,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsx } from 'preact/jsx-runtime';
|
|
3
3
|
import { createRef } from 'preact';
|
|
4
4
|
import { forwardRef, useEffect } from 'preact/compat';
|
|
5
|
-
import './LayerHost-
|
|
6
|
-
import { E as EnvironmentProvider } from './EnvironmentProvider-
|
|
5
|
+
import './LayerHost-15b42a3e.js';
|
|
6
|
+
import { E as EnvironmentProvider } from './EnvironmentProvider-0fc2fd0c.js';
|
|
7
7
|
import { D as DARK_CLASS, I as INVERT_CLASS, L as LIGHT_CLASS, C as COLORSCHEME_DEPENDENT_CLASS, S as SCALE_SM_CLASS, a as SCALE_MD_CLASS, b as SCALE_LG_CLASS, c as SCALE_DEPENDENT_CLASS, d as DENSITY_COMPACT_CLASS, e as DENSITY_STANDARD_CLASS, f as DENSITY_DEPENDENT_CLASS } from './Theme-e6dec6db.js';
|
|
8
8
|
|
|
9
9
|
/**
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"scripts": {},
|
|
6
6
|
"devDependencies": {},
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@oracle/oraclejet-testing": "18.0.
|
|
8
|
+
"@oracle/oraclejet-testing": "18.0.5",
|
|
9
9
|
"csstype": "3.1.1"
|
|
10
10
|
},
|
|
11
11
|
"peerDependencies": {
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
]
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
|
-
"version": "18.0.
|
|
41
|
+
"version": "18.0.5"
|
|
42
42
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useResizeObserver-275c3e83', './BaseCardView-ab799b69'], (function(e,t,i,r,a){"use strict";e.CardFlexView=function(e){const c=i.useRef(null),[s,n]=i.useState({}),d=i.useCallback((e=>{const t=e.contentRect.width;s.containerWidth!==t&&n((e=>({...e,containerWidth:t})))}),[s]);r.useResizeObserver(c,d);const o=a.gutterSizeToPX[e.gutterSize||"sm"],u=a.getColCount(o,s.cardWidth,s.containerWidth),h={width:s.cardWidth,height:s.cardHeight};return t.jsx(a.BaseCardView,{...e,ref:c,layout:"flex",columns:u,cardSize:h,updateCardSize:(e,t)=>{n((i=>({...i,cardWidth:e,cardHeight:t})))}})}}));
|
|
2
|
-
//# sourceMappingURL=CardFlexView-296f97f5.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContextProps-4e36b4c3', 'css!./CheckboxSetStyles.styles.css', './useId-c9578d26', './CheckboxRadioField-9733dd24'], (function(e,s,t,i,o,a,l,r,d,n,c,u){"use strict";const x=t.createContext({});var b="CheckboxSetStyles_styles_ul__68p6630";const h=o.forwardRef((({"aria-describedby":e,assistiveText:o,columnSpan:a,direction:n="column",helpSourceLink:h,helpSourceText:m,isDisabled:C,isReadonly:p,isRequired:S=!1,label:y,labelEdge:F,labelStartWidth:k,messages:v,onCommit:R,userAssistanceDensity:D,value:f,children:g,testId:j},I)=>{const A=void 0!==f&&f.size>0,P=c.useId(),{isDisabled:T,isReadonly:_,labelEdge:E,labelStartWidth:V,userAssistanceDensity:W}=l.useFormContext(),q=C??T,L=p??_,w=F??E,z=k??V,B=D??W,M=d.useFormFieldContextProps({hasValue:A,isDisabled:q,isReadonly:L}),N=i.useMemo((()=>({name:P,value:f,onCommit:R})),[P,R,f]),G=t.toChildArray(g).filter(Boolean).map((e=>s.jsx("li",{children:e})));return s.jsx(r.FormFieldContext.Provider,{value:M,children:s.jsx(u.CheckboxRadioField,{"aria-describedby":e,assistiveText:o,baseId:P,columnSpan:a,direction:n,helpSourceLink:h,helpSourceText:m,isDisabled:q,isReadonly:L,isRequired:S,label:y,labelEdge:w,labelStartWidth:z,parentComponentVariant:"checkboxSet",messages:v,userAssistanceDensity:B,hasValue:A,role:"group",testId:j,ref:I,children:s.jsx(x.Provider,{value:N,children:s.jsx("ul",{className:b,children:G})})})})}));e.CheckboxSet=h,e.CheckboxSetContext=x,e.useCheckboxSetContext=()=>i.useContext(x)}));
|
|
2
|
-
//# sourceMappingURL=CheckboxSet-4582f29e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxSet-4582f29e.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n name: string;\n value?: Set<string | number>;\n onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n /**\n * The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n */\n 'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n /**\n * Text to provide guidance to help the user understand what data to enter.\n */\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /**\n * set of CheckboxItems\n */\n children: ComponentChildren;\n /**\n * Specifies how many columns to span in a FormLayout with direction === 'row'\n */\n columnSpan?: LayoutColumnSpan;\n /**\n * layout direction of the children elements\n */\n direction?: FlexboxProps['direction'];\n /**\n * Help source URL associated with the component.\n */\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /**\n * Custom text to be rendered for the <code>helpSourceLink</code>.\n */\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /**\n * Specifies whether the checkbox set requires a selection to be made.\n */\n isRequired?: boolean;\n /**\n * Specifies if the checkbox set is read-only.\n */\n isReadonly?: boolean;\n /**\n * Specifies if the checkbox set is disabled.\n */\n isDisabled?: boolean;\n /**\n * Label text for the group of checkbox items.\n */\n label: string;\n /**\n * Specifies where the label is positioned relative to the field.\n */\n labelEdge?: 'none' | 'top' | 'start' | 'inside';\n /**\n * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n */\n labelStartWidth?: Size;\n /**\n * Messages to show on screen that are associated with the component.\n */\n messages?: InlineUserAssistanceProps['messages'];\n /**\n * Callback invoked each time the user changes selected option.\n */\n onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n /**\n * Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * </ul>\n */\n userAssistanceDensity?: UserAssistanceDensityType;\n /**\n * Value of the selected checkbox option.\n */\n value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n assistiveText,\n columnSpan,\n direction = 'column',\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n messages,\n onCommit,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n children,\n testId\n }: Props,\n ref?: Ref<FocusableHandle>\n ) => {\n const hasValue = value !== undefined ? value.size > 0 : false;\n const baseId = useId();\n\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n const formFieldContext = useFormFieldContextProps({\n hasValue,\n isDisabled,\n isReadonly\n });\n\n const checkboxSetContext = useMemo(\n () => ({\n name: baseId,\n value,\n onCommit\n }),\n [baseId, onCommit, value]\n );\n\n // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n const childrenArray = toChildArray(children).filter(Boolean);\n const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <CheckboxRadioField\n aria-describedby={ariaDescribedBy}\n assistiveText={assistiveText}\n baseId={baseId}\n columnSpan={columnSpan}\n direction={direction}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isRequired={isRequired}\n label={label}\n labelEdge={labelEdge}\n labelStartWidth={labelStartWidth}\n parentComponentVariant=\"checkboxSet\"\n messages={messages}\n userAssistanceDensity={userAssistanceDensity}\n hasValue={hasValue}\n role=\"group\"\n testId={testId}\n ref={ref}>\n <CheckboxSetContext.Provider value={checkboxSetContext}>\n <ul className={styles.ul}>{wrappedChildren}</ul>\n </CheckboxSetContext.Provider>\n </CheckboxRadioField>\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["CheckboxSetContext","createContext","CheckboxSet","forwardRef","ariaDescribedBy","assistiveText","columnSpan","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","children","testId","ref","hasValue","undefined","size","baseId","useId","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","checkboxSetContext","useMemo","name","wrappedChildren","toChildArray","filter","Boolean","map","item","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","jsx","className","styles","useContext"],"mappings":"6UAWA,MAAMA,EAAqBC,EAAaA,cAA0B,iDC4F3D,MAAMC,EAAcC,EAAUA,YACnC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,sBAAuBC,EACvBC,QACAC,WACAC,UAEFC,KAEA,MAAMC,OAAqBC,IAAVL,GAAsBA,EAAMM,KAAO,EAC9CC,EAASC,EAAAA,SAGbtB,WAAYuB,EACZrB,WAAYsB,EACZlB,UAAWmB,EACXjB,gBAAiBkB,EACjBd,sBAAuBe,GACrBC,EAAcA,iBAGZ5B,EAAaC,GAAkBsB,EAC/BrB,EAAaC,GAAkBqB,EAC/BlB,EAAYC,GAAiBkB,EAC7BjB,EAAkBC,GAAuBiB,EACzCd,EAAwBC,GAA6Bc,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDZ,WACAlB,aACAE,eAGI6B,EAAqBC,EAAAA,SACzB,KAAO,CACLC,KAAMZ,EACNP,QACAH,cAEF,CAACU,EAAQV,EAAUG,IAKfoB,EADgBC,EAAAA,aAAapB,GAAUqB,OAAOC,SACdC,KAAKC,GAASC,MAAA,KAAA,CAAAzB,SAAKwB,MAEzD,OACEC,EAAAA,IAACC,EAAAA,iBAAiBC,UAAS5B,MAAOe,EAAgBd,SAChDyB,EAAAA,IAACG,EAAAA,uCACmBjD,EAClBC,cAAeA,EACf0B,OAAQA,EACRzB,WAAYA,EACZC,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjBoC,uBAAuB,cACvBlC,SAAUA,EACVE,sBAAuBA,EACvBM,SAAUA,EACV2B,KAAK,QACL7B,OAAQA,EACRC,IAAKA,EACLF,SAAAyB,EAAAM,IAACxD,EAAmBoD,SAAQ,CAAC5B,MAAOiB,EAAkBhB,SACpDyB,EAAAA,UAAIO,UAAWC,EAASjC,SAAGmB,SAIjC,mEDpLwB,IAAMe,EAAAA,WAAW3D"}
|
package/amd/List-0b764e84.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-4755c121', './LoadMoreCollection-83413a59', './VirtualizedCollection-897516a5', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-60520575', './useInteractionStyle-76a64325', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './collectionUtils-17f5cc64', './Skeleton-5839404b', './Flex-56ecdf4c', './Selector-2b0c34a7', './ImageVars.css-17386400', './useTheme-ac980f9a', './useTestId-3a316499', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', 'preact', './useSelection-f0c7d74d', './useDropDownSelection-c946783d', './useCurrentKey-31c18053', './useCollectionFocusRing-66a6fc12', './useItemAction-821d1b6e', './useTabbableModeSet-dc176f1d', './useReorderableContext-a5453bd7', './Inset-a34e9c57', 'module'], (function(e,t,n,i,s,r,o,l,a,c,d,u,g,f,m,b,y,p,v,h,x,S,k,C,I,w,K,P,T,R,V,j,A,E,F){"use strict";const M=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}},L="[data-oj-key]";function D({children:e,context:s,itemDepth:r,isFocused:o,isFocusRingVisible:l,isActive:a,isGridlineVisible:y,isSelected:p,isTopGridlineVisible:v=!1,isTabbable:h=!1,role:x,selectionMode:S,suggestion:k,currentItemVariant:C,padding:I}){const w=n.useRef(null),K=n.useMemo((()=>M(x)),[x]),P=s.metadata.key,T=s.index,R="option"===K.cell?{role:K.cell,"aria-posinset":T+1,"aria-setsize":-1}:{role:K.cell},{interactionProps:V,applyActiveStyle:j,applyHoverStyle:A,applyPseudoHoverStyle:E}=g.useInteractionStyle(),F=b.listItemMultiVariantStyles({selectable:H(S,p)?"isSelectable":"notSelectable",selected:p?"isSelected":"notSelected",selectedSingle:p&&"single"===S?"isSelectedSingle":"notSelectedSingle",needsEventsHover:A?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:E?"isPseudoHover":"notPseudoHover",active:j||a?"isActive":"notActive",focusHighlight:"highlight"===C&&o?"isFocusHighlight":"notFocusHighlight",focusRingVisible:l&&o?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:v?"visible":"hidden",gridlineBottom:!y&&("end"!==k||y||p&&"single"===S)?"hidden":"visible"}),L=[];I&&("enabled"===I?L.push(b.paddingStyles.allPadding):"disabled"!==I&&("enabled"===I.top&&L.push(b.paddingStyles.topItemPadding),"enabled"===I.bottom&&L.push(b.paddingStyles.bottomItemPadding),"enabled"===I.start&&L.push(b.paddingStyles.startItemPadding),"enabled"===I.end&&L.push(b.paddingStyles.endItemPadding)));const D=i.classNames([F,...L]),z=f.mergeInterpolations([...Object.values(m.flexitemInterpolations)]),{class:N,...O}=z({flex:"1 1 auto",alignSelf:"center"}),G=i.classNames([N,"multiple"===S&&b.listItemStyles.checkboxContainer]);return t.jsx("div",{"aria-rowindex":"grid"===x?T+1:void 0,"aria-level":r,"data-oj-key":P,class:D,ref:w,role:K.item,...k&&{"data-oj-suggestion":!0},..."number"==typeof P&&{"data-oj-key-type":"number"},...V,children:t.jsx("div",{id:d.useId(),style:O,class:G,"aria-posinset":"grid"===x?void 0:T+1,"aria-setsize":"grid"===x?void 0:-1,onKeyDown:e=>{!h||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":"grid"===x?1:void 0,"aria-selected":"none"!==S?p:void 0,...R,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:h},children:t.jsx(u.FocusTrap,{isDisabled:!h,restoreFocusRef:!1,children:e(s)})})})})}const H=(e,t)=>"none"!==e&&("multiple"===e||!t),z=a.memo(D,((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.isTabbable===t.isTabbable&&e.isActive===t.isActive&&e.suggestion===t.suggestion&&e.isGridlineVisible===t.isGridlineVisible&&e.isTopGridlineVisible===t.isTopGridlineVisible&&e.padding===t.padding&&y.compareListItemContext(e.context,t.context))));function N({children:e,minimumCount:s=1}){const[r,o]=n.useState(!1);n.useEffect((()=>{setTimeout((()=>{o(!0)}),50)}),[]);const l=i.classNames([b.skeletonStyles.container]);return r&&e?t.jsx("div",{class:l,role:"presentation",children:[...Array(s)].map(((t,n)=>e(n)))}):null}const O="oj-collection-sparkle";function G({sparkleHeight:e}){const{name:n}=S.useTheme();if(e<=0)return null;const s=e+"px",r=i.classNames([b.sparkleStyles.base]),o=i.classNames([b.sparkleStyles.container,O,"redwood"===n&&x.globalImages]);return t.jsx("div",{class:o,children:t.jsx("div",{class:r,style:{height:s}})},"sparkle")}const B=(e,t)=>{if(0===t)return null;return e.slice(0,t).reduce(((e,n,i)=>{const s=n.metadata.key;return i===t-1?e.set(s,"end"):e.set(s,!0),e}),new Map)},_=(e,t,n)=>{if(e&&t&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),n>0)){const i=t.getBoundingClientRect(),s=e.getBoundingClientRect(),r=i.top+n-s.top;r>0&&(t.scrollTop=t.scrollTop-r)}},U=(e,t)=>{const n=t.data.map((e=>e.metadata.key)),i=n.indexOf(e.value.start),s=n.indexOf(e.value.end),r=Math.min(i,s),o=Math.max(i,s);return-1===r?{offset:0,count:t.totalSize}:n.slice(r,o+1)},q=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander"));const Y=(e,t)=>t??{scroller:()=>e.current},$={all:!1,keys:new Set},J=t.jsx(N,{minimumCount:25,children:()=>t.jsx(E.Inset,{variant:"listview",children:t.jsx(v.Flex,{height:"6x",align:"center",children:t.jsx(p.Skeleton,{height:"4x"})})})}),Q=t.jsx("div",{class:o.LOADMORE_STYLE_CLASS,children:t.jsx(N,{minimumCount:3,children:()=>t.jsx(E.Inset,{variant:"listview",children:t.jsx(v.Flex,{height:"6x",align:"center",children:t.jsx(p.Skeleton,{height:"4x"})})})})}),W=(e,t)=>{if(t){const n=Math.min(t.offset,e.offset+e.totalSize),i=n-e.offset;i>0&&(e={offset:n,data:e.data.slice(i,i+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({"aria-label":e,"aria-labelledby":a,allowTabbableMode:c=!0,children:d,data:u,gridlines:g,loadingIndicator:f=J,currentItemOverride:m,onPersistCurrentItem:p,onLoadRange:v,onSelectionChange:x,onItemAction:S,rangeExtractor:C,role:w="grid",selectedKeys:E=$,selectionMode:F="none",viewportConfig:H,currentItemVariant:N,promotedSection:O,isVirtualized:X=!1,customItemRenderer:Z,scrollToVisibleOffset:ee,testId:te,scrollerRef:ne,reorderProps:ie,contextMenuTriggerProps:se,itemPadding:re,...oe}){const le=n.useRef(null),ae=n.useRef(!1),ce=n.useRef(),[de,ue]=n.useState(!1),ge="none"===F?void 0:"multiple"===F,fe=null===u?void 0:"exact"===u.sizePrecision?u.totalSize:-1,me=i.classNames([b.listStyles.base]),be="embedded"===I.useCollectionInteractionContext(),ye=void 0!==N?N:be?"highlight":"none",pe=n.useCallback(((e,t)=>{u&&(ce.current={detail:e,range:{offset:u.offset,count:u.data.length}},v(t))}),[u,v]),ve=n.useRef({offset:0,count:0}),he=n.useCallback((e=>{ae.current&&ve.current.offset===e.offset&&ve.current.count===e.count||(ae.current=!0,ve.current=e,v(e))}),[ae,v]);n.useEffect((()=>{ae.current=!1}),[u]);const{currentKey:xe,onCurrentKeyChange:Se,isCurrentItemOverridden:ke}=((e,t)=>{const[i,s]=n.useState(),r=n.useRef(),o=n.useRef(!1),l=A.useReorderableContext(),a=n.useMemo((()=>e=>{const n=e.value;s({rowKey:n}),t?.(e),null!=l?.currentItemKey&&(l.currentItemKey.current=n)}),[t,l?.currentItemKey]);return r.current!==e&&(r.current=e,i?.rowKey!==e?.rowKey&&(o.current=!0,a({value:e?.rowKey}))),n.useEffect((()=>{o.current=!1})),{currentKey:i?.rowKey,onCurrentKeyChange:a,isCurrentItemOverridden:o.current}})(m,p),{eventProps:Ce,showFocusRing:Ie,handleSelectionChange:we}=((e,t,i="none",o,l,a,c,d,u="grid",g,f,m,b,p)=>{const v=n.useMemo((()=>M(u)),[u]),h=n.useRef(),{currentKeyProps:x}=T.useCurrentKey((e=>y.keyExtractor(e,L)),"multiple"!==i||p,y.getPrevNextKey(f.current,e,!0,L),y.getPrevNextKey(f.current,e,!1,L),void 0,void 0,e,o),[S,k]=R.useCollectionFocusRing(f,["ArrowUp","ArrowDown"]);n.useEffect((()=>{if(null!=e&&f.current){const t=y.findElementByKey(f.current,e,L);if(t){const e=f.current.getAttribute("aria-activedescendant"),n=t.querySelector(`[role=${v.cell}]`);if(n&&e!==n.id){f.current.setAttribute("aria-activedescendant",n.id);const e=f.current?.contains(document.activeElement);if(!b&&e||p){const e=d?.scroller(),n=g?g(f.current):0;_(t,null!=e?e:f.current,n)}}}}}),[e,c,v.cell,d,g,f,b,p]);const C=n.useCallback((e=>{l&&(!1===e.value.all&&e.value.keys.size>0&&(h.current=Array.from(e.value.keys.values()).pop()),l(e))}),[h,l]),I=n.useCallback((e=>{if(c&&l){const n=U(e,c);if(Array.isArray(n))if("shiftSpace"===e.eventType?h.current=e.value.start:h.current=e.value.end,p){const e=r.addKeys(t,n);l({value:e,target:null})}else l({value:{all:!1,keys:new Set(n)},target:null});else m(e,n)}}),[c,p,t,l,m]),{selectionProps:w}=K.useSelection((t=>t===f.current?void 0===e?null:e:y.keyExtractor(t,L)),t,p?"none":i,!1,"replace",C,h.current,e,((e,t)=>y.getPrevNextKey(f.current,e,t,L)),void 0,(e=>{if(f.current){const t=y.findElementByKey(f.current,e,L);if(t){const e=d?.scroller(),n=g?g(f.current):0;_(t,null!=e?e:f.current,n)}}}),I),{dropDownSelectionProps:j}=P.useDropDownSelection((t=>t===f.current?void 0===e?null:e:y.keyExtractor(t,L)),t,p?i:"none",!1,(e=>c?c.data.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>c?c.data.map((e=>e.metadata.key)).slice(e,t):[]),((e,t)=>y.getPrevNextKey(f.current,e,t,L)),e,C,I),A=V.useItemAction(e,c,a,L,p);return{eventProps:s.mergeProps(x,k,w,A,j),showFocusRing:S,handleSelectionChange:C}})(xe,E,F,Se,x,S,u,H,w,ee,le,pe,ke,be),{eventProps:Ke,isCurrentTabbableKey:Pe}=((e,t,i,o,l,a)=>{const c=n.useRef(),d=n.useRef(!0),[u,g]=j.useTabbableModeSet(o,(e=>q(e)?null:y.keyExtractor(e,L)),e,t),f=n.useCallback((()=>{if(o.current&&t&&(!i||u(void 0))){const e=c.current||y.getFirstVisibleKey(o.current,L);r.isKeyDefined(e)&&t({value:e})}}),[o,t,i,u]),m=n.useCallback((n=>{if(q(n.target)){o.current?.focus();const e=y.keyExtractor(n.target,L);t&&r.isKeyDefined(e)&&t({value:e})}else if(r.isKeyDefined(e)){if(o.current){const n=y.findElementByKey(o.current,e,L);if(n){if(d.current){const e=l?.scroller(),t=a?a(o.current):0;_(n,null!=e?e:o.current,t)}d.current=!0}else t&&f()}}else t&&f()}),[e,f,t,a,l,o]),b=n.useCallback((t=>{const n=y.keyExtractor(t.target,L);r.isKeyDefined(n)&&(c.current=n,n!==e&&(d.current=!1))}),[e]);return{eventProps:s.mergeProps(i?g:{},{onFocus:m,onPointerDown:b}),isCurrentTabbableKey:u}})(xe,Se,c,le,H,ee);if(u&&void 0!==ce.current&&x){const e=U(ce.current.detail,u);if(Array.isArray(e))if(be){x({value:r.addKeys(E,e),target:null})}else x({value:{all:!1,keys:new Set(e)},target:null});const t=ce.current?ce.current.range:{offset:u.offset,count:u.data.length};u=W(u,t),ce.current=void 0,v(t)}const{sparkleHeight:Te,suggestions:Re}=((e,t,i)=>{const[s,r]=n.useState(0),o=n.useMemo((()=>e&&t&&B(e.data,t.count)),[e,t]);return n.useEffect((()=>{if(o){const e=i.current?.querySelector("."+l.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const n=i.current?.querySelectorAll("[data-oj-suggestion]");n?.forEach((e=>t+=e.offsetHeight)),r(t)}}),[i,o]),{sparkleHeight:s,suggestions:o}})(u,O,le),Ve=t.jsx(G,{sparkleHeight:Te}),je=n.useCallback((e=>{const n=e.data,i="multiple"===F?()=>t.jsx(h.Selector,{onChange:we,rowKey:n.metadata.key,selectedKeys:E}):void 0;return{index:e.index,data:n.data,metadata:n.metadata,selector:i}}),[F,E,we]),Ae=X?D:z,Ee=e=>{const n=je(e),i=Re?.get(n.metadata.key),s=c&&Pe(n.metadata.key),o=xe===n.metadata.key&&!s,l=o&&de,a=r.containsKey(E,n.metadata.key),f=o&&Ie,m=(e,s)=>{return t.jsx(Ae,{context:e,isFocused:o,isFocusRingVisible:f,isActive:l,isGridlineVisible:(r=n.index,"visible"===g?.item&&(r+1!==u?.totalSize||"visible"===g?.bottom)),isSelected:a,isTabbable:c&&Pe(n.metadata.key),role:w,selectionMode:F,currentItemVariant:ye,padding:re,...i&&{suggestion:i},...0===n.index&&{isTopGridlineVisible:"visible"===g?.item&&"visible"===g?.top},...s,children:d},n.metadata.key);var r};if(Z){return Z({listItemContext:n,isFocused:o,isFocusRingVisible:f,isSelected:a,isTabbable:s,isActive:l,defaultListItem:m})}return m(n)};H=Y(le,H);const Fe=n.useCallback((e=>{" "===e.key&&r.isKeyDefined(xe)&&"none"!==F&&ue(!0)}),[xe,F,ue]),Me=n.useCallback((()=>{ue(!1)}),[ue]);n.useImperativeHandle(ne,(()=>le.current));const Le=k.useTestId(te);return t.jsx("div",{...s.mergeProps(Ce,Ke,se||{},ie||{},{onKeyDown:Fe,onKeyUp:Me},oe),...Le,role:w,"aria-rowcount":"grid"===w?fe:void 0,"aria-colcount":"grid"===w?1:void 0,ref:le,class:me,tabIndex:0,"aria-label":e,"aria-labelledby":a,"aria-multiselectable":ge,children:null==u?f:X?t.jsx(l.VirtualizedCollection,{data:u,itemSelector:L,loadMoreIndicator:Q,onLoadRange:v,rangeExtractor:C,suggestions:Ve,viewportConfig:H,children:Ee}):t.jsx(o.LoadMoreCollection,{data:u.data,loadMoreIndicator:Q,hasMore:"atLeast"===u.sizePrecision&&u.data.length<=u.totalSize,onLoadMore:()=>{u&&he({offset:0,count:u.data.length+25})},suggestions:Ve,viewportConfig:H,children:Ee})})},e.SkeletonContainer=N,e.excludeGroup=(e,t)=>{if(!t.all){const n=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),i=Array.from(t.keys.values()).filter((e=>!n.includes(e)));return{...t,keys:new Set(i)}}return t},e.scrollToVisible=_}));
|
|
2
|
-
//# sourceMappingURL=List-0b764e84.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact', './Collection-46cfa244', './useViewportIntersect-b2d47a4b'], (function(e,o,t,r,n){"use strict";const i="oj-collection-loadmore",s=`.${i}`;e.LOADMORE_STYLE_CLASS=i,e.LoadMoreCollection=function({data:e,children:i,viewportConfig:c,hasMore:a,onLoadMore:l,loadMoreIndicator:d,suggestions:u,loadMoreThreshold:h=1}){return n.useViewportIntersect(c,Math.max(h,1),0,s,(()=>{e&&l()})),e?o.jsxs(t.Fragment,{children:[u,o.jsx(r.Collection,{items:e,children:i}),a&&d]}):o.jsx("div",{})}}));
|
|
2
|
-
//# sourceMappingURL=LoadMoreCollection-83413a59.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-949a0d03', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', 'css!./MaxLengthCounterStyles.styles.css'], (function(s,e,n,t,a,r,l,c){"use strict";var o="MaxLengthCounterStyles_spanStyles__7dy9j72";const u=()=>{};s.MaxLengthCounter=function({maxLength:s,valueLength:r=0,onClick:c}){const{isFocused:d}=l.useFormFieldContext(),i=n.useCallback((s=>s.preventDefault()),[]),x=t.classNames([!d&&"MaxLengthCounterStyles_hide__7dy9j71"]),{pressProps:h}=a.usePress(c??u);return e.jsx("div",{class:"MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70",onMouseDown:i,...h,children:e.jsxs("span",{class:x,children:[e.jsx("span",{class:o,children:r}),e.jsx("span",{class:o,children:"/"}),e.jsx("span",{class:o,children:s})]})})}}));
|
|
2
|
-
//# sourceMappingURL=MaxLengthCounter-9a95922c.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MaxLengthCounter-9a95922c.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n maxLength: number;\n valueLength?: number;\n onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n const { isFocused } = useFormFieldContext();\n // We don't want mousedown on this component to do anything, so prevent the default behavior.\n const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n const textClasses = classNames([!isFocused && hide]);\n const { pressProps } = usePress(onClick ?? noop);\n return (\n <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n <span class={textClasses}>\n <span class={spanStyles}>{valueLength}</span>\n <span class={spanStyles}>/</span>\n <span class={spanStyles}>{maxLength}</span>\n </span>\n </div>\n );\n}\n"],"names":["noop","maxLength","valueLength","onClick","isFocused","useFormFieldContext","killEvent","useCallback","event","preventDefault","textClasses","classNames","pressProps","usePress","_jsx","jsx","class","onMouseDown","_jsxs","jsxs","children","spanStyles"],"mappings":"qSAaA,MAAMA,EAAO,0BAEP,UAA2BC,UAAEA,EAASC,YAAEA,EAAc,EAACC,QAAEA,IAC7D,MAAMC,UAAEA,GAAcC,EAAAA,sBAEhBC,EAAYC,EAAAA,aAAaC,GAAiBA,EAAMC,kBAAkB,IAClEC,EAAcC,EAAAA,WAAW,EAAEP,6CAC3BQ,WAAEA,GAAeC,EAAQA,SAACV,GAAWH,GAC3C,OACEc,EAAKC,IAAA,MAAA,CAAAC,6DAA6BC,YAAaX,KAAeM,WAC5DM,EAAMC,KAAA,OAAA,CAAAH,MAAON,EAAWU,SAAA,CACtBN,cAAME,MAAOK,EAAUD,SAAGlB,IAC1BY,EAAAA,YAAME,MAAOK,EAAoBD,SAAA,MACjCN,cAAME,MAAOK,EAAaD,SAAAnB,QAIlC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-17f5cc64', './useCollectionFocusRing-66a6fc12', './useCurrentKey-31c18053', 'preact/compat', './useTestId-3a316499', './UNSAFE_Text/themes/TextStyles.css', './BaseNavigationListItem-fe9cb691', './Flex-56ecdf4c', './logger-0f873e29', 'preact', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css'], (function(e,t,n,o,s,r,i,a,c,l,u,d,y,g,f,m,v,h,N,b,C,S,I,K,x,p){"use strict";const w=(e,t,n)=>{const o=e.closest(t),s=e.closest(n);return o?.contains(s)?null:a.keyExtractor(e,t)},L=(e,t,n)=>{const o=n.indexOf(e);if(o>0){const e=n[o===n.length-1?o-1:o+1];if(-1!==t.indexOf(e))return e}return t[0]},k=u.forwardRef((({children:e,selection:y,onSelectionChange:f,onRemove:m,"aria-label":v,"aria-labelledby":h,testId:N},b)=>{const C=n.useRef(null),{showFocusRing:S,currentKey:I,onCurrentKeyChange:K,containerHandlers:x,onKeyDown:p}=function({containerRef:e,selection:t,onRemove:s,onSelectionChange:r,children:i}){const u='[role="tab"]',[d,y]=n.useState(t),g=n.useCallback((e=>{y(e.value)}),[]),{currentKeyProps:f}=l.useCurrentKey((e=>s?w(e,u,"[data-oj-navigationlist-item-remove-icon]"):a.keyExtractor(e,u)),!1,a.getPrevNextKeyUsingRef(e,d,!0,u),a.getPrevNextKeyUsingRef(e,d,!1,u),void 0,void 0,d,g),[m,v]=c.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),h={onFocus:n.useCallback((()=>{if(e.current&&void 0===d){const t=a.getFirstVisibleKey(e.current,u);t&&y(t)}}),[d,e])},N=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(u),(e=>a.getKey(e)));if(null!=d&&-1!==t.indexOf(d)){const t=a.findElementByKey(e.current,d,u);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else d&&-1===t.indexOf(d)&&(N.current?y(L(d,t,N.current)):y(t[0])),N.current=t}}),[i,d,e]);const b=n.useCallback((t=>{if(("Home"===t.key||"End"===t.key)&&e.current&&d){const n=Array.from(e.current.querySelectorAll(u),(e=>a.getKey(e)));g?.({value:n["Home"===t.key?0:n.length-1]})}!d||"Enter"!==t.key&&" "!==t.key||r?.({value:d,reason:"keyboard"}),d&&"Delete"===t.key&&s?.({value:d})}),[d,r,s,g,e]);return{showFocusRing:m,currentKey:d,onCurrentKeyChange:g,onKeyDown:b,containerHandlers:o.mergeProps(v,f,h)}}({containerRef:C,selection:y,onRemove:m,onSelectionChange:f,children:e}),k={onKeyDown:p},R=s.classNames([i.navigationListStyles.uListStyle]),F=r.useId()+"_",E=d.useTestId(N);return u.useImperativeHandle(b,(()=>({focus:()=>{C.current&&C.current.focus()},blur:()=>{C.current&&C.current.focus()}}))),t.jsx("ul",{"aria-label":v,"aria-labelledby":h,role:"tablist",ref:C,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":I?F+I:"",...o.mergeProps(k,x),...E,class:R,children:t.jsx(g.NavigationListContext.Provider,{value:{selection:y,onSelectionChange:f,onCurrentKeyChange:K,currentKey:I,showFocusRing:S,navigationListItemPrefix:F,onRemove:m},children:e})})}));e.NavigationList=k,e.NavigationListItem=function({itemKey:e,label:n,badge:o,metadata:s,severity:r}){return t.jsx(g.BaseNavigationListItem,{itemKey:e,label:n,badge:o,metadata:s,severity:r})}}));
|
|
2
|
-
//# sourceMappingURL=NavigationListItem-044a79fd.js.map
|
package/amd/TextArea-89b9ed65.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFocusableTextField-8b755b15', './Label-3912beb2', './keyboardUtils-fbb389f8', './TextFieldInput-ba4e508c', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-b4278437', './TextField-1021f00b', './MaxLengthLiveRegion-8954fc30', './useTextField-e6877c79', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-516b1b83', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', './CompactUserAssistance-3370a318', './mergeProps-bcfa6a92', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'preact', 'css!./IconStyle.styles.css', './Popup-d51bf3f4', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useLengthFilter-ed8959a4', './MaxLengthCounter-9a95922c', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,a,n,i,o,l,r,d,c,u,m,p,x,b,h,F,f,y,g,A,L,v,C,T,R,S,I,U,E,j,w,P,_,k,D,V,N,B,M,H,q,z,W,$){"use strict";const G=t.forwardRef((({"aria-describedby":e,assistiveText:a,autoComplete:o="off",autoFocus:d=!1,columnSpan:u,helpSourceLink:F,helpSourceText:f,isDisabled:A,isReadonly:L,isRequired:v=!1,isRequiredShown:S,label:I,labelEdge:U,labelStartWidth:E,maxLength:j,maxLengthCounter:w="remaining",maxLengthUnit:P,messages:_,placeholder:k,resize:D,role:V,rows:N,textAlign:M,userAssistanceDensity:H,value:G,variant:O="default",onInput:X,onCommit:J,testId:K},Q)=>{const Y=g.useTranslationBundle("@oracle/oraclejet-preact"),Z=j?Y.formControl_limitReached({CHARACTER_LIMIT:j}):"",{currentCommitValue:ee,dispatch:se}=W.useCurrentValueReducer({value:G}),te=t.useCallback((e=>{se({type:"input",payload:e.value}),X?.(e)}),[X,se]),ae=t.useCallback((e=>{se({type:"commit",payload:e.value}),J?.(e)}),[J,se]),{isDisabled:ne,isReadonly:ie,labelEdge:oe,labelStartWidth:le,textAlign:re,userAssistanceDensity:de}=n.useFormContext(),ce=A??ne,ue=L??ie,me=U??oe,pe=E??le,xe=M??re,be=H??de,he=t.useRef(y.useId()),Fe=e?`${e} ${he.current}`:he.current,fe=t.useRef(null),ye=t.useRef(null),{focusProps:ge,isFocused:Ae,methods:Le}=l.useFocusableTextField({isDisabled:ce,isReadonly:ue,enabledElementRef:fe,readonlyElementRef:ye}),{methods:ve}=$.useSelectableTextField(fe);t.useImperativeHandle(Q,(()=>R.mergeProps(Le,ve)),[Le,ve]);const{isMaxLengthReached:Ce,valueLength:Te,onFilteredInput:Re}=q.useLengthFilter({maxLength:j,maxLengthUnit:P,value:G,onInput:te,onCommit:ae}),Se=[..._??[],...Ce?[{detail:Z,severity:"info"}]:[]],{formFieldContext:Ie,inputProps:Ue,labelProps:Ee,textFieldProps:je,userAssistanceProps:we}=h.useTextField({ariaDescribedBy:ue||ce?e:Fe,contentVariant:"textarea",helpSourceLink:F,helpSourceText:f,isDisabled:ce,isFocused:Ae,isReadonly:ue,isRequiredShown:S,labelEdge:me,messages:Se,styleVariant:O,userAssistanceDensity:be,value:G}),Pe=t.useCallback((()=>{const e=fe.current,s=e?e.value.length:null;fe.current?.setSelectionRange(s,s),fe.current?.focus()}),[fe]),_e="none"!==me?s.jsx(r.Label,{...Ee,children:I}):void 0,ke={label:"none"!==me?_e:void 0,labelEdge:"none"!==me?me:void 0,labelStartWidth:"none"!==me?pe:void 0},De="none"===me?I:void 0,Ve="efficient"===be||"reflow"===be?ce||ue?"efficient"!==be?void 0:s.jsx(C.InlineUserAssistance,{userAssistanceDensity:be,...we}):s.jsx(C.InlineUserAssistance,{assistiveText:a,fieldLabel:I,helpSourceLink:F,helpSourceText:f,messages:Se,isRequiredShown:S,userAssistanceDensity:be,...we}):void 0,Ne=t.useRef(null),Be="compact"===be?s.jsx(T.CompactUserAssistance,{anchorRef:Ne,messages:Se,assistiveText:a,...we}):void 0;if(ue){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":Ue["aria-describedby"],"aria-label":De,"aria-labelledby":Ee.id,as:"textarea",elementRef:ye,rows:N,autoFocus:d,textAlign:xe,value:G,variant:"textarea",hasEmptyLabel:""===I&&"none"===me,hasInsideLabel:void 0!==I&&"inside"===me});return s.jsx(i.FormFieldContext.Provider,{value:Ie,children:s.jsx(p.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:Be,inlineUserAssistance:Ve,ref:Ne,testId:K,variant:"textarea",mainContent:e,resize:D,...ke})})}const Me=void 0!==j,He=s.jsxs(s.Fragment,{children:[s.jsx(c.TextFieldInput,{as:"textarea","aria-label":De,autoComplete:o,autoFocus:d,currentCommitValue:ee,hasEmptyLabel:""===I&&"none"===me,hasInsideLabel:void 0!==_e&&"inside"===me,isRequired:v,inputRef:fe,onCommit:ae,onInput:Re,placeholder:k,role:V,rows:N,textAlign:xe,value:G,...Ue}),"remaining"===w&&Me&&s.jsx(z.MaxLengthCounter,{maxLength:j,valueLength:Te,onClick:Pe}),Me&&s.jsx(B.HiddenAccessible,{id:he.current,isHidden:!0,children:Y.formControl_maxLength({MAX_LENGTH:`${j}`})}),Me&&Ae&&s.jsx(b.MaxLengthLiveRegion,{maxLength:j,valueLength:Te,testId:K+"_remainingChars"})]});return s.jsx(i.FormFieldContext.Provider,{value:Ie,children:s.jsx(x.TextField,{mainContent:He,columnSpan:u,compactUserAssistance:Be,inlineUserAssistance:Ve,onBlur:ge?.onFocusOut,onFocus:ge?.onFocusIn,mainFieldRef:Ne,resize:D,testId:K,...je,...ke})})}));e.TextArea=G}));
|
|
2
|
-
//# sourceMappingURL=TextArea-89b9ed65.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea-89b9ed65.js","sources":["../../src/UNSAFE_TextArea/TextArea.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, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport {\n CompactUserAssistance,\n InlineUserAssistance,\n UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { MaxLengthCounter } from './MaxLengthCounter';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n /**\n * The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n */\n 'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n /**\n * Text to provide guidance to help the user understand what to enter.\n */\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /**\n * Dictates component's autocomplete state.\n * This attribute indicates whether the value of the control can be automatically completed by the browser.\n * The common values are \"on\" and \"off\".\n */\n autoComplete?: TextFieldInputProps['autoComplete'];\n /**\n * Autofocus specifies whether the component will get focus when the page is loaded.\n * If it is set to true then the associated component will get input focus when the page is loaded.\n * Setting this property doesn't set the focus to the component; it tells the browser to focus\n * to it when the element is inserted in the document.\n */\n autoFocus?: TextFieldInputProps['autoFocus'];\n /**\n * Specifies how many columns to span in a FormLayout with direction === 'row'\n */\n columnSpan?: LayoutColumnSpan;\n /**\n * Help source URL associated with the component.\n */\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /**\n * Custom text to be rendered for the <code>helpSourceLink</code>.\n */\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /**\n * Specifies whether the component is disabled.\n */\n isDisabled?: boolean;\n /**\n * Specifies whether the component is readonly.\n */\n isReadonly?: boolean;\n /**\n * Specifies for accessibility purposes whether a value is required.\n *\n * Setting this property to <code>false</code> means that a value is not required to be\n * committed by the user. Setting this property to <code>true</code> means that a value\n * is required to be committed by the user.\n */\n isRequired?: TextFieldInputProps['isRequired'];\n /**\n * Specifies whether to show an indicator on screen that a value is required, for example\n * before the user has committed a value.\n */\n isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n /**\n * Specifies the label associated with the field.\n */\n label: string;\n /**\n * Specifies where the label is positioned relative to the field.\n */\n labelEdge?: 'inside' | 'start' | 'top' | 'none';\n /**\n * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n */\n labelStartWidth?: Size;\n /**\n * Specifies the maximum number of characters that can be entered in the input field.\n */\n maxLength?: number;\n /**\n * Determines whether the remaining number of characters that can be entered is shown or not.\n */\n maxLengthCounter?: 'none' | 'remaining';\n /**\n * Specifies how the input text characters are to be counted when maxLength is specified.\n */\n maxLengthUnit?: CountUnit;\n /**\n * Messages to show on screen that are associated with the component.\n */\n messages?: InlineUserAssistanceProps['messages'];\n /**\n * A short hint to display before the user enters a value.\n */\n placeholder?: TextFieldInputProps['placeholder'];\n /**\n * Specifies how the user is allowed to manually resize the TextArea component.\n */\n resize?: TextFieldProps['resize'];\n /**\n * Specifies the ARIA role type.\n */\n role?: TextFieldInputProps['role'];\n /**\n * Specifies the number of rows to display\n */\n rows?: TextFieldInputProps['rows'];\n /**\n * Specifies how to align text within the field.\n */\n textAlign?: TextFieldInputProps['textAlign'];\n /**\n * Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n * </ul>\n */\n userAssistanceDensity?: UserAssistanceDensityType;\n /**\n * The current display value of the component.\n */\n value?: TextFieldInputProps['value'];\n /**\n * The style variant of the component.\n */\n variant?: TextFieldInputProps['variant'];\n /**\n * Callback invoked when the user commits the entered value by blurring out of the field.\n */\n onCommit?: TextFieldInputProps['onCommit'];\n /**\n * Callback invoked each time the user changes the value of the field. For example, if the user\n * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n * respectively.\n */\n onInput: TextFieldInputProps['onInput'];\n};\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/**\n * A text area displays a field that allows a user to enter a multi-line text value.\n */\nexport const TextArea = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n assistiveText,\n autoComplete = 'off',\n autoFocus = false,\n columnSpan,\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n isRequiredShown,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n maxLength,\n maxLengthCounter = 'remaining',\n maxLengthUnit,\n messages,\n placeholder,\n resize,\n role,\n rows,\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n onInput,\n onCommit,\n testId\n }: Props,\n ref?: Ref<FocusSelectHandle>\n ) => {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const formControl_limitReached = maxLength\n ? translations.formControl_limitReached({\n CHARACTER_LIMIT: maxLength\n })\n : '';\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n const maxLengthDescribedByIdRef = useRef<string>(useId());\n // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n const enabledAriaDescribedBy = ariaDescribedBy\n ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n : maxLengthDescribedByIdRef.current;\n\n const enabledElementRef = useRef<HTMLTextAreaElement>(null);\n const readonlyElementRef = useRef<HTMLTextAreaElement>(null);\n\n const {\n focusProps,\n isFocused,\n methods: focusMethods\n } = useFocusableTextField<HTMLTextAreaElement, HTMLTextAreaElement>({\n isDisabled,\n isReadonly,\n enabledElementRef,\n readonlyElementRef\n });\n\n const { methods: selectMethods } =\n useSelectableTextField<HTMLTextAreaElement>(enabledElementRef);\n\n useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n focusMethods,\n selectMethods\n ]);\n\n // Handle length filter for user-typed inputs and controlled inputs\n const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n maxLength,\n maxLengthUnit,\n value,\n onInput: onInputAndDispatch,\n onCommit: onCommitAndDispatch\n });\n\n const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n const allMessages = [\n ...(messages ?? []),\n ...(isMaxLengthReached ? limitMessage : [])\n ] as ComponentMessageItem[];\n\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n contentVariant: 'textarea',\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages: allMessages,\n styleVariant: variant,\n userAssistanceDensity,\n value\n });\n\n const onClickCounter = useCallback(() => {\n const elm = enabledElementRef.current;\n // for setSelectionRange(), len needs to be a number or null.\n const len = elm ? elm.value.length : null;\n // Since the counter element is after the text, clicking in this\n // should put the selection at the end of the text\n enabledElementRef.current?.setSelectionRange(len, len);\n // Clicking the counter should put the focus on the input field\n enabledElementRef.current?.focus();\n }, [enabledElementRef]);\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled || isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={allMessages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const compactUserAssistance =\n userAssistanceDensity === 'compact' ? (\n <CompactUserAssistance\n anchorRef={anchorRef}\n messages={allMessages}\n assistiveText={assistiveText}\n {...userAssistanceProps}\n />\n ) : undefined;\n\n if (isReadonly) {\n const mainContent = (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n as=\"textarea\"\n elementRef={readonlyElementRef}\n rows={rows}\n autoFocus={autoFocus}\n textAlign={textAlign}\n value={value}\n variant=\"textarea\"\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n />\n );\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n ref={anchorRef}\n testId={testId}\n variant=\"textarea\"\n mainContent={mainContent}\n resize={resize}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n const hasMaxLength = maxLength !== undefined;\n const mainContent = (\n <>\n <TextFieldInput\n as=\"textarea\"\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n isRequired={isRequired}\n inputRef={enabledElementRef}\n onCommit={onCommitAndDispatch}\n onInput={onFilteredInput}\n placeholder={placeholder}\n role={role}\n rows={rows}\n textAlign={textAlign}\n value={value}\n {...inputProps}\n />\n {maxLengthCounter === 'remaining' && hasMaxLength && (\n <MaxLengthCounter\n maxLength={maxLength}\n valueLength={valueLength}\n onClick={onClickCounter}\n />\n )}\n {hasMaxLength && (\n <HiddenAccessible id={maxLengthDescribedByIdRef.current} isHidden={true}>\n {translations.formControl_maxLength({\n MAX_LENGTH: `${maxLength}`\n })}\n </HiddenAccessible>\n )}\n {hasMaxLength && isFocused && (\n <MaxLengthLiveRegion\n maxLength={maxLength}\n valueLength={valueLength}\n testId={testId + '_remainingChars'}\n />\n )}\n </>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n mainContent={mainContent}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps?.onFocusOut}\n onFocus={focusProps?.onFocusIn}\n mainFieldRef={anchorRef}\n resize={resize}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}></TextField>\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["TextArea","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","columnSpan","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthCounter","maxLengthUnit","messages","placeholder","resize","role","rows","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","testId","ref","translations","useTranslationBundle","formControl_limitReached","CHARACTER_LIMIT","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","maxLengthDescribedByIdRef","useRef","useId","enabledAriaDescribedBy","current","enabledElementRef","readonlyElementRef","focusProps","isFocused","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","isMaxLengthReached","valueLength","onFilteredInput","useLengthFilter","allMessages","severity","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","contentVariant","styleVariant","onClickCounter","elm","len","length","setSelectionRange","focus","labelComp","_jsx","jsx","Label","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","hasEmptyLabel","hasInsideLabel","FormFieldContext","Provider","children","ReadonlyTextField","hasMaxLength","_jsxs","_Fragment","Fragment","TextFieldInput","inputRef","MaxLengthCounter","onClick","HiddenAccessible","isHidden","formControl_maxLength","MAX_LENGTH","MaxLengthLiveRegion","TextField","onBlur","onFocusOut","onFocus","onFocusIn","mainFieldRef"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFocusableTextField-8b755b15', './Label-3912beb2', './keyboardUtils-fbb389f8', './TextFieldInput-ba4e508c', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-b4278437', './TextField-1021f00b', './MaxLengthLiveRegion-8954fc30', './useTextField-e6877c79', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-516b1b83', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', './CompactUserAssistance-3370a318', './mergeProps-bcfa6a92', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'preact', 'css!./IconStyle.styles.css', './Popup-d51bf3f4', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useLengthFilter-ed8959a4', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './MaxLengthCounter-9a95922c'], (function(e,s,t,a,n,o,i,l,r,d,u,c,m,p,h,x,b,f,g,F,y,R,v,L,T,A,C,S,I,U,w,E,j,P,H,_,k,D,B,V,M,N,q,W,$,z){"use strict";const G=({isReadonly:e,enabledElementRef:s,readonlyElementRef:t,minRows:a=2,maxRows:n,value:o})=>{i.useLayoutEffect((()=>{const o=e?t:s;if(null===o.current)return;if(o.current instanceof HTMLDivElement)return;const i=o.current,l=(e=>{const s=window.getComputedStyle(e),t=s.lineHeight;if("normal"===t)return 1.2*parseFloat(s.fontSize);return parseFloat(t)})(i);i.style.height="0";const{paddingHeight:r,borderHeight:d}=(e=>{const s=window.getComputedStyle(e);return{paddingHeight:parseFloat(s.paddingTop)+parseFloat(s.paddingBottom),borderHeight:parseFloat(s.borderTop)+parseFloat(s.borderBottom)}})(i),u=l*a+r+d,c=i.scrollHeight+d;let m=0;if(void 0===n)m=c<u?u:c;else if(n>a){const e=l*n+r+d;m=c>e?e:c<u?u:c}else m=u;i.style.height=m+.5+"px"}),[o,a,n,e,s,t])},O=t.forwardRef((({"aria-describedby":e,assistiveText:a,autoComplete:i="off",autoFocus:d=!1,columnSpan:c,helpSourceLink:f,helpSourceText:g,isDisabled:R,isReadonly:v,isRequired:L=!1,isRequiredShown:S,label:I,labelEdge:U,labelStartWidth:w,maxLength:E,maxLengthCounter:j="remaining",maxLengthUnit:P,maxRows:H,messages:_,minRows:k=2,placeholder:D,role:B,textAlign:M,userAssistanceDensity:N,value:O,variant:X="default",onInput:J,onCommit:K,testId:Q},Y)=>{const Z=y.useTranslationBundle("@oracle/oraclejet-preact"),ee=E?Z.formControl_limitReached({CHARACTER_LIMIT:E}):"",{currentCommitValue:se,dispatch:te}=W.useCurrentValueReducer({value:O}),ae=t.useCallback((e=>{te({type:"input",payload:e.value}),J?.(e)}),[J,te]),ne=t.useCallback((e=>{te({type:"commit",payload:e.value}),K?.(e)}),[K,te]),{isDisabled:oe,isReadonly:ie,labelEdge:le,labelStartWidth:re,textAlign:de,userAssistanceDensity:ue}=n.useFormContext(),ce=R??oe,me=v??ie,pe=U??le,he=w??re,xe=M??de,be=N??ue,fe=t.useRef(F.useId()),ge=e?`${e} ${fe.current}`:fe.current,Fe=t.useRef(null),ye=t.useRef(null),{focusProps:Re,isFocused:ve,methods:Le}=l.useFocusableTextField({isDisabled:ce,isReadonly:me,enabledElementRef:Fe,readonlyElementRef:ye}),{methods:Te}=$.useSelectableTextField(Fe);t.useImperativeHandle(Y,(()=>C.mergeProps(Le,Te)),[Le,Te]);const{isMaxLengthReached:Ae,valueLength:Ce,onFilteredInput:Se}=q.useLengthFilter({maxLength:E,maxLengthUnit:P,value:O,onInput:ae,onCommit:ne}),Ie=[..._??[],...Ae?[{detail:ee,severity:"info"}]:[]],{formFieldContext:Ue,inputProps:we,labelProps:Ee,textFieldProps:je,userAssistanceProps:Pe}=b.useTextField({ariaDescribedBy:me||ce?e:ge,contentVariant:"textarea",helpSourceLink:f,helpSourceText:g,isDisabled:ce,isFocused:ve,isReadonly:me,isRequiredShown:S,labelEdge:pe,messages:Ie,styleVariant:X,userAssistanceDensity:be,value:O}),He=t.useCallback((()=>{const e=Fe.current,s=e?e.value.length:null;Fe.current?.setSelectionRange(s,s),Fe.current?.focus()}),[Fe]),_e="none"!==pe?s.jsx(r.Label,{...Ee,children:I}):void 0,ke={label:"none"!==pe?_e:void 0,labelEdge:"none"!==pe?pe:void 0,labelStartWidth:"none"!==pe?he:void 0},De="none"===pe?I:void 0,Be="efficient"===be||"reflow"===be?ce||me?"efficient"!==be?void 0:s.jsx(T.InlineUserAssistance,{userAssistanceDensity:be,...Pe}):s.jsx(T.InlineUserAssistance,{assistiveText:a,fieldLabel:I,helpSourceLink:f,helpSourceText:g,messages:Ie,isRequiredShown:S,userAssistanceDensity:be,...Pe}):void 0,Ve=t.useRef(null),Me="compact"===be?s.jsx(A.CompactUserAssistance,{anchorRef:Ve,messages:Ie,assistiveText:a,...Pe}):void 0;if(G({isReadonly:me,enabledElementRef:Fe,readonlyElementRef:ye,minRows:k,maxRows:H,value:O}),me){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":we["aria-describedby"],"aria-label":De,"aria-labelledby":Ee.id,elementRef:ye,...H?{as:"textarea",rows:k}:{as:"div"},autoFocus:d,textAlign:xe,value:O,variant:"textarea",hasEmptyLabel:""===I&&"none"===pe,hasInsideLabel:void 0!==I&&"inside"===pe});return s.jsx(o.FormFieldContext.Provider,{value:Ue,children:s.jsx(p.ReadonlyTextField,{role:"presentation",columnSpan:c,compactUserAssistance:Me,inlineUserAssistance:Be,variant:"textarea",mainContent:e,ref:Ve,testId:Q,...ke})})}const Ne=void 0!==E,qe=s.jsxs(s.Fragment,{children:[s.jsx(u.TextFieldInput,{as:"textarea","aria-label":De,autoComplete:i,autoFocus:d,currentCommitValue:se,hasEmptyLabel:""===I&&"none"===pe,hasInsideLabel:void 0!==_e&&"inside"===pe,isRequired:L,inputRef:Fe,onCommit:ne,onInput:Se,placeholder:D,role:B,rows:k,textAlign:xe,value:O,...we}),"remaining"===j&&Ne&&s.jsx(z.MaxLengthCounter,{maxLength:E,valueLength:Ce,onClick:He}),Ne&&s.jsx(V.HiddenAccessible,{id:fe.current,children:Z.formControl_maxLength({MAX_LENGTH:`${E}`})}),Ne&&ve&&s.jsx(x.MaxLengthLiveRegion,{maxLength:E,valueLength:Ce,testId:Q+"_remainingChars"})]});return s.jsx(o.FormFieldContext.Provider,{value:Ue,children:s.jsx(h.TextField,{mainContent:qe,columnSpan:c,compactUserAssistance:Me,inlineUserAssistance:Be,onBlur:Re?.onFocusOut,onFocus:Re?.onFocusIn,mainFieldRef:Ve,testId:Q,...je,...ke})})}));e.TextAreaAutosize=O}));
|
|
2
|
-
//# sourceMappingURL=TextAreaAutosize-81449e46.js.map
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('preact/jsx-runtime');
|
|
5
|
-
var hooks = require('preact/hooks');
|
|
6
|
-
var classNames = require('./classNames-c14c6ef3.js');
|
|
7
|
-
var usePress = require('./usePress-886180e4.js');
|
|
8
|
-
require('./FormFieldContext-8418dc68.js');
|
|
9
|
-
var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var hide = 'MaxLengthCounterStyles_hide__7dy9j71';
|
|
13
|
-
var maxLengthCounterBase = 'MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70';
|
|
14
|
-
var spanStyles = 'MaxLengthCounterStyles_spanStyles__7dy9j72';
|
|
15
|
-
|
|
16
|
-
const noop = () => { };
|
|
17
|
-
function MaxLengthCounter({ maxLength, valueLength = 0, onClick }) {
|
|
18
|
-
const { isFocused } = useFormFieldContext.useFormFieldContext();
|
|
19
|
-
// We don't want mousedown on this component to do anything, so prevent the default behavior.
|
|
20
|
-
const killEvent = hooks.useCallback((event) => event.preventDefault(), []);
|
|
21
|
-
const textClasses = classNames.classNames([!isFocused && hide]);
|
|
22
|
-
const { pressProps } = usePress.usePress(onClick ?? noop);
|
|
23
|
-
return (jsxRuntime.jsx("div", { class: maxLengthCounterBase, onMouseDown: killEvent, ...pressProps, children: jsxRuntime.jsxs("span", { class: textClasses, children: [jsxRuntime.jsx("span", { class: spanStyles, children: valueLength }), jsxRuntime.jsx("span", { class: spanStyles, children: "/" }), jsxRuntime.jsx("span", { class: spanStyles, children: maxLength })] }) }));
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
exports.MaxLengthCounter = MaxLengthCounter;
|
|
27
|
-
//# sourceMappingURL=MaxLengthCounter-9ab3f74b.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MaxLengthCounter-9ab3f74b.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n maxLength: number;\n valueLength?: number;\n onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n const { isFocused } = useFormFieldContext();\n // We don't want mousedown on this component to do anything, so prevent the default behavior.\n const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n const textClasses = classNames([!isFocused && hide]);\n const { pressProps } = usePress(onClick ?? noop);\n return (\n <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n <span class={textClasses}>\n <span class={spanStyles}>{valueLength}</span>\n <span class={spanStyles}>/</span>\n <span class={spanStyles}>{maxLength}</span>\n </span>\n </div>\n );\n}\n"],"names":["useFormFieldContext","useCallback","classNames","usePress","_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AAEhB,SAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAA;AAC7E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,uCAAmB,EAAE,CAAC;;AAE5C,IAAA,MAAM,SAAS,GAAGC,iBAAW,CAAC,CAAC,KAAY,KAAK,KAAK,CAAC,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAGC,qBAAU,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,GAAGC,iBAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;AACjD,IAAA,QACEC,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAM,GAAA,UAAU,YACtEC,eAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,WAAW,EAAA,QAAA,EAAA,CACtBD,yBAAM,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,EAAQ,CAAA,EAC7CA,yBAAM,KAAK,EAAE,UAAU,EAAU,QAAA,EAAA,GAAA,EAAA,CAAA,EACjCA,yBAAM,KAAK,EAAE,UAAU,EAAG,QAAA,EAAA,SAAS,GAAQ,CACtC,EAAA,CAAA,EAAA,CACH,EACN;AACJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea-e7f98e9f.js","sources":["../../src/UNSAFE_TextArea/TextArea.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, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport {\n CompactUserAssistance,\n InlineUserAssistance,\n UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { MaxLengthCounter } from './MaxLengthCounter';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n /**\n * The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n */\n 'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n /**\n * Text to provide guidance to help the user understand what to enter.\n */\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /**\n * Dictates component's autocomplete state.\n * This attribute indicates whether the value of the control can be automatically completed by the browser.\n * The common values are \"on\" and \"off\".\n */\n autoComplete?: TextFieldInputProps['autoComplete'];\n /**\n * Autofocus specifies whether the component will get focus when the page is loaded.\n * If it is set to true then the associated component will get input focus when the page is loaded.\n * Setting this property doesn't set the focus to the component; it tells the browser to focus\n * to it when the element is inserted in the document.\n */\n autoFocus?: TextFieldInputProps['autoFocus'];\n /**\n * Specifies how many columns to span in a FormLayout with direction === 'row'\n */\n columnSpan?: LayoutColumnSpan;\n /**\n * Help source URL associated with the component.\n */\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /**\n * Custom text to be rendered for the <code>helpSourceLink</code>.\n */\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /**\n * Specifies whether the component is disabled.\n */\n isDisabled?: boolean;\n /**\n * Specifies whether the component is readonly.\n */\n isReadonly?: boolean;\n /**\n * Specifies for accessibility purposes whether a value is required.\n *\n * Setting this property to <code>false</code> means that a value is not required to be\n * committed by the user. Setting this property to <code>true</code> means that a value\n * is required to be committed by the user.\n */\n isRequired?: TextFieldInputProps['isRequired'];\n /**\n * Specifies whether to show an indicator on screen that a value is required, for example\n * before the user has committed a value.\n */\n isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n /**\n * Specifies the label associated with the field.\n */\n label: string;\n /**\n * Specifies where the label is positioned relative to the field.\n */\n labelEdge?: 'inside' | 'start' | 'top' | 'none';\n /**\n * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n */\n labelStartWidth?: Size;\n /**\n * Specifies the maximum number of characters that can be entered in the input field.\n */\n maxLength?: number;\n /**\n * Determines whether the remaining number of characters that can be entered is shown or not.\n */\n maxLengthCounter?: 'none' | 'remaining';\n /**\n * Specifies how the input text characters are to be counted when maxLength is specified.\n */\n maxLengthUnit?: CountUnit;\n /**\n * Messages to show on screen that are associated with the component.\n */\n messages?: InlineUserAssistanceProps['messages'];\n /**\n * A short hint to display before the user enters a value.\n */\n placeholder?: TextFieldInputProps['placeholder'];\n /**\n * Specifies how the user is allowed to manually resize the TextArea component.\n */\n resize?: TextFieldProps['resize'];\n /**\n * Specifies the ARIA role type.\n */\n role?: TextFieldInputProps['role'];\n /**\n * Specifies the number of rows to display\n */\n rows?: TextFieldInputProps['rows'];\n /**\n * Specifies how to align text within the field.\n */\n textAlign?: TextFieldInputProps['textAlign'];\n /**\n * Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n * </ul>\n */\n userAssistanceDensity?: UserAssistanceDensityType;\n /**\n * The current display value of the component.\n */\n value?: TextFieldInputProps['value'];\n /**\n * The style variant of the component.\n */\n variant?: TextFieldInputProps['variant'];\n /**\n * Callback invoked when the user commits the entered value by blurring out of the field.\n */\n onCommit?: TextFieldInputProps['onCommit'];\n /**\n * Callback invoked each time the user changes the value of the field. For example, if the user\n * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n * respectively.\n */\n onInput: TextFieldInputProps['onInput'];\n};\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/**\n * A text area displays a field that allows a user to enter a multi-line text value.\n */\nexport const TextArea = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n assistiveText,\n autoComplete = 'off',\n autoFocus = false,\n columnSpan,\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n isRequiredShown,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n maxLength,\n maxLengthCounter = 'remaining',\n maxLengthUnit,\n messages,\n placeholder,\n resize,\n role,\n rows,\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n onInput,\n onCommit,\n testId\n }: Props,\n ref?: Ref<FocusSelectHandle>\n ) => {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const formControl_limitReached = maxLength\n ? translations.formControl_limitReached({\n CHARACTER_LIMIT: maxLength\n })\n : '';\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n const maxLengthDescribedByIdRef = useRef<string>(useId());\n // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n const enabledAriaDescribedBy = ariaDescribedBy\n ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n : maxLengthDescribedByIdRef.current;\n\n const enabledElementRef = useRef<HTMLTextAreaElement>(null);\n const readonlyElementRef = useRef<HTMLTextAreaElement>(null);\n\n const {\n focusProps,\n isFocused,\n methods: focusMethods\n } = useFocusableTextField<HTMLTextAreaElement, HTMLTextAreaElement>({\n isDisabled,\n isReadonly,\n enabledElementRef,\n readonlyElementRef\n });\n\n const { methods: selectMethods } =\n useSelectableTextField<HTMLTextAreaElement>(enabledElementRef);\n\n useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n focusMethods,\n selectMethods\n ]);\n\n // Handle length filter for user-typed inputs and controlled inputs\n const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n maxLength,\n maxLengthUnit,\n value,\n onInput: onInputAndDispatch,\n onCommit: onCommitAndDispatch\n });\n\n const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n const allMessages = [\n ...(messages ?? []),\n ...(isMaxLengthReached ? limitMessage : [])\n ] as ComponentMessageItem[];\n\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n contentVariant: 'textarea',\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages: allMessages,\n styleVariant: variant,\n userAssistanceDensity,\n value\n });\n\n const onClickCounter = useCallback(() => {\n const elm = enabledElementRef.current;\n // for setSelectionRange(), len needs to be a number or null.\n const len = elm ? elm.value.length : null;\n // Since the counter element is after the text, clicking in this\n // should put the selection at the end of the text\n enabledElementRef.current?.setSelectionRange(len, len);\n // Clicking the counter should put the focus on the input field\n enabledElementRef.current?.focus();\n }, [enabledElementRef]);\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled || isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={allMessages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const compactUserAssistance =\n userAssistanceDensity === 'compact' ? (\n <CompactUserAssistance\n anchorRef={anchorRef}\n messages={allMessages}\n assistiveText={assistiveText}\n {...userAssistanceProps}\n />\n ) : undefined;\n\n if (isReadonly) {\n const mainContent = (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n as=\"textarea\"\n elementRef={readonlyElementRef}\n rows={rows}\n autoFocus={autoFocus}\n textAlign={textAlign}\n value={value}\n variant=\"textarea\"\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n />\n );\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n ref={anchorRef}\n testId={testId}\n variant=\"textarea\"\n mainContent={mainContent}\n resize={resize}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n const hasMaxLength = maxLength !== undefined;\n const mainContent = (\n <>\n <TextFieldInput\n as=\"textarea\"\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n isRequired={isRequired}\n inputRef={enabledElementRef}\n onCommit={onCommitAndDispatch}\n onInput={onFilteredInput}\n placeholder={placeholder}\n role={role}\n rows={rows}\n textAlign={textAlign}\n value={value}\n {...inputProps}\n />\n {maxLengthCounter === 'remaining' && hasMaxLength && (\n <MaxLengthCounter\n maxLength={maxLength}\n valueLength={valueLength}\n onClick={onClickCounter}\n />\n )}\n {hasMaxLength && (\n <HiddenAccessible id={maxLengthDescribedByIdRef.current} isHidden={true}>\n {translations.formControl_maxLength({\n MAX_LENGTH: `${maxLength}`\n })}\n </HiddenAccessible>\n )}\n {hasMaxLength && isFocused && (\n <MaxLengthLiveRegion\n maxLength={maxLength}\n valueLength={valueLength}\n testId={testId + '_remainingChars'}\n />\n )}\n </>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n mainContent={mainContent}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps?.onFocusOut}\n onFocus={focusProps?.onFocusIn}\n mainFieldRef={anchorRef}\n resize={resize}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}></TextField>\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["forwardRef","useTranslationBundle","useCurrentValueReducer","useCallback","useFormContext","useRef","useId","useFocusableTextField","useSelectableTextField","useImperativeHandle","mergeProps","useLengthFilter","useTextField","_jsx","Label","InlineUserAssistance","CompactUserAssistance","ReadonlyTextFieldInput","FormFieldContext","ReadonlyTextField","_jsxs","_Fragment","TextFieldInput","MaxLengthCounter","HiddenAccessible","MaxLengthLiveRegion","TextField"],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
import { jsx, jsxs } from 'preact/jsx-runtime';
|
|
3
|
-
import { useCallback } from 'preact/hooks';
|
|
4
|
-
import { c as classNames } from './classNames-4e12b00d.js';
|
|
5
|
-
import { u as usePress } from './usePress-051f5adb.js';
|
|
6
|
-
import './FormFieldContext-68eb5946.js';
|
|
7
|
-
import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
|
|
8
|
-
import './MaxLengthCounterStyles.styles.css';
|
|
9
|
-
|
|
10
|
-
var hide = 'MaxLengthCounterStyles_hide__7dy9j71';
|
|
11
|
-
var maxLengthCounterBase = 'MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70';
|
|
12
|
-
var spanStyles = 'MaxLengthCounterStyles_spanStyles__7dy9j72';
|
|
13
|
-
|
|
14
|
-
const noop = () => { };
|
|
15
|
-
function MaxLengthCounter({ maxLength, valueLength = 0, onClick }) {
|
|
16
|
-
const { isFocused } = useFormFieldContext();
|
|
17
|
-
// We don't want mousedown on this component to do anything, so prevent the default behavior.
|
|
18
|
-
const killEvent = useCallback((event) => event.preventDefault(), []);
|
|
19
|
-
const textClasses = classNames([!isFocused && hide]);
|
|
20
|
-
const { pressProps } = usePress(onClick ?? noop);
|
|
21
|
-
return (jsx("div", { class: maxLengthCounterBase, onMouseDown: killEvent, ...pressProps, children: jsxs("span", { class: textClasses, children: [jsx("span", { class: spanStyles, children: valueLength }), jsx("span", { class: spanStyles, children: "/" }), jsx("span", { class: spanStyles, children: maxLength })] }) }));
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export { MaxLengthCounter as M };
|
|
25
|
-
//# sourceMappingURL=MaxLengthCounter-181b4fc9.js.map
|