@oracle/oraclejet-preact 20.0.0 → 20.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/amd/BaseCardView-16fda4c3.js +2 -0
- package/amd/{BaseCardView-b8119561.js.map → BaseCardView-16fda4c3.js.map} +1 -1
- package/amd/BaseTabBarItem-d7c2922b.js +2 -0
- package/amd/BaseTabBarItem-d7c2922b.js.map +1 -0
- package/amd/CardFlexView-d3eb7373.js +2 -0
- package/amd/{CardFlexView-aa2f3de8.js.map → CardFlexView-d3eb7373.js.map} +1 -1
- package/amd/CardGridView-842f70cd.js +2 -0
- package/amd/{CardGridView-85f90c75.js.map → CardGridView-842f70cd.js.map} +1 -1
- package/amd/CheckboxSetContext-2e486ea8.js +2 -0
- package/{cjs/CheckboxSetContext-c62db26d.js.map → amd/CheckboxSetContext-2e486ea8.js.map} +1 -1
- package/amd/{CollapsibleNavigationList-f0072c90.js → CollapsibleNavigationList-fdeccbfb.js} +2 -2
- package/amd/{CollapsibleNavigationList-f0072c90.js.map → CollapsibleNavigationList-fdeccbfb.js.map} +1 -1
- package/amd/{DatePicker-88c5bbcd.js → DatePicker-bf521b1c.js} +2 -2
- package/amd/{DatePicker-88c5bbcd.js.map → DatePicker-bf521b1c.js.map} +1 -1
- package/amd/ExpandableList-a9a86ad8.js +2 -0
- package/amd/{ExpandableList-233c279e.js.map → ExpandableList-a9a86ad8.js.map} +1 -1
- package/amd/{FlatTreeView-9ecf2be6.js → FlatTreeView-15edd439.js} +2 -2
- package/amd/{FlatTreeView-9ecf2be6.js.map → FlatTreeView-15edd439.js.map} +1 -1
- package/amd/{InlineSelectSingle-f4438110.js → InlineSelectSingle-7c1cc5b5.js} +2 -2
- package/amd/{InlineSelectSingle-f4438110.js.map → InlineSelectSingle-7c1cc5b5.js.map} +1 -1
- package/amd/InputDatePicker-7227a858.js +2 -0
- package/amd/{InputDatePicker-48633486.js.map → InputDatePicker-7227a858.js.map} +1 -1
- package/amd/ListView-6d21e8f9.js +2 -0
- package/amd/{ListView-2678b2af.js.map → ListView-6d21e8f9.js.map} +1 -1
- package/amd/{MonthView-ea883c49.js → MonthView-96fafba4.js} +2 -2
- package/amd/{MonthView-ea883c49.js.map → MonthView-96fafba4.js.map} +1 -1
- package/amd/{OverflowTabBar-b142f8d4.js → OverflowTabBar-5ff68da7.js} +2 -2
- package/amd/{OverflowTabBar-b142f8d4.js.map → OverflowTabBar-5ff68da7.js.map} +1 -1
- package/amd/{OverflowTabBarItem-49a82149.js → OverflowTabBarItem-926b0c8a.js} +2 -2
- package/amd/{OverflowTabBarItem-49a82149.js.map → OverflowTabBarItem-926b0c8a.js.map} +1 -1
- package/amd/PRIVATE_BaseCardView.js +1 -1
- package/amd/PRIVATE_CollapsibleNavigationList.js +1 -1
- package/amd/PRIVATE_MonthView.js +1 -1
- package/amd/PRIVATE_MonthYearGridView.js +1 -1
- package/amd/PRIVATE_SelectCommon.js +1 -1
- package/amd/PRIVATE_StyledDatePickerButton.js +1 -1
- package/amd/PRIVATE_TableList.js +1 -1
- package/amd/{RemovableTabBarItem-e1bee7fa.js → RemovableTabBarItem-9ae273fe.js} +2 -2
- package/amd/{RemovableTabBarItem-e1bee7fa.js.map → RemovableTabBarItem-9ae273fe.js.map} +1 -1
- package/amd/ReorderableTabBar-0c69bfd4.js +2 -0
- package/amd/{ReorderableTabBar-46683bcb.js.map → ReorderableTabBar-0c69bfd4.js.map} +1 -1
- package/amd/{SelectMobileFieldInput-83f56b22.js → SelectMobileFieldInput-d499ef86.js} +2 -2
- package/amd/{SelectMobileFieldInput-83f56b22.js.map → SelectMobileFieldInput-d499ef86.js.map} +1 -1
- package/amd/{SelectMultiple-cb5fdd20.js → SelectMultiple-cc9bffc6.js} +2 -2
- package/amd/{SelectMultiple-cb5fdd20.js.map → SelectMultiple-cc9bffc6.js.map} +1 -1
- package/amd/{SelectSingle-02e85b6e.js → SelectSingle-2bb35b67.js} +2 -2
- package/amd/{SelectSingle-02e85b6e.js.map → SelectSingle-2bb35b67.js.map} +1 -1
- package/amd/StyledDatePickerButton-bceb62e1.js +2 -0
- package/amd/StyledDatePickerButton-bceb62e1.js.map +1 -0
- package/amd/StyledDatePickerButtonStyles.styles.css +17 -0
- package/amd/TabBar-de723fbc.js +2 -0
- package/amd/{TabBar-fcebb560.js.map → TabBar-de723fbc.js.map} +1 -1
- package/amd/TabBarItem-a39c5de3.js +2 -0
- package/amd/{TabBarItem-224bc6b3.js.map → TabBarItem-a39c5de3.js.map} +1 -1
- package/amd/TabBarLinkItem-944b1e8d.js +2 -0
- package/amd/{TabBarLinkItem-57587dbd.js.map → TabBarLinkItem-944b1e8d.js.map} +1 -1
- package/amd/TabBarMixed-cfd346bf.js +2 -0
- package/amd/{TabBarMixed-8cc4b4ed.js.map → TabBarMixed-cfd346bf.js.map} +1 -1
- package/amd/Theme-redwood/theme.css +201 -201
- package/amd/Theme-stable/theme.css +218 -218
- 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_DatePicker.js +1 -1
- package/amd/UNSAFE_ExpandableList.js +1 -1
- package/amd/UNSAFE_FlatTreeView.js +1 -1
- package/amd/UNSAFE_InlineSelectSingle.js +1 -1
- package/amd/UNSAFE_InputDatePicker.js +1 -1
- package/amd/UNSAFE_ListView.js +1 -1
- package/amd/UNSAFE_OverflowTabBar.js +1 -1
- package/amd/UNSAFE_ReorderableTabBar.js +1 -1
- package/amd/UNSAFE_RichCheckboxSet.js +1 -1
- package/amd/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/amd/UNSAFE_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_VirtualizedListView.js +1 -1
- package/amd/VirtualizedListView-1ae7151d.js +2 -0
- package/amd/{VirtualizedListView-a0f338c2.js.map → VirtualizedListView-1ae7151d.js.map} +1 -1
- package/amd/{YearsGridView-4aa7bc66.js → YearsGridView-561c3074.js} +2 -2
- package/amd/{YearsGridView-4aa7bc66.js.map → YearsGridView-561c3074.js.map} +1 -1
- package/amd/{useDisplayValue-e70c76d8.js → useDisplayValue-0e90bf4c.js} +2 -2
- package/amd/{useDisplayValue-e70c76d8.js.map → useDisplayValue-0e90bf4c.js.map} +1 -1
- package/amd/useSelectCommon-a02ddf3c.js +2 -0
- package/amd/useSelectCommon-a02ddf3c.js.map +1 -0
- package/cjs/{Chart-13a198f3.js → Chart-966da017.js} +2 -2
- package/cjs/{Chart-13a198f3.js.map → Chart-966da017.js.map} +1 -1
- package/cjs/CheckboxSet-6865f4fd.js +55 -0
- package/{amd/CheckboxSet-f000e5c2.js.map → cjs/CheckboxSet-6865f4fd.js.map} +1 -1
- package/cjs/{ColorPalette-9f041744.js → ColorPalette-b14114d8.js} +2 -2
- package/cjs/{ColorPalette-9f041744.js.map → ColorPalette-b14114d8.js.map} +1 -1
- package/cjs/{ColorPicker-9af6707c.js → ColorPicker-8f0b6000.js} +2 -2
- package/cjs/{ColorPicker-9af6707c.js.map → ColorPicker-8f0b6000.js.map} +1 -1
- package/cjs/{DatePicker-48c602ff.js → DatePicker-b60f8a7e.js} +3 -3
- package/cjs/{DatePicker-48c602ff.js.map → DatePicker-b60f8a7e.js.map} +1 -1
- package/cjs/{MonthView-59452edc.js → MonthView-a2661a58.js} +2 -2
- package/cjs/{MonthView-59452edc.js.map → MonthView-a2661a58.js.map} +1 -1
- package/cjs/{OverflowTabBarItem-2c967a89.js → OverflowTabBarItem-abcd2327.js} +6 -3
- package/cjs/OverflowTabBarItem-abcd2327.js.map +1 -0
- package/cjs/PRIVATE_Chart.js +4 -4
- package/cjs/PRIVATE_MonthView.js +2 -3
- package/cjs/PRIVATE_MonthView.js.map +1 -1
- package/cjs/PRIVATE_MonthYearGridView.js +2 -3
- package/cjs/PRIVATE_MonthYearGridView.js.map +1 -1
- package/cjs/PRIVATE_SelectCommon.js +2 -2
- package/cjs/PRIVATE_StyledDatePickerButton.js +1 -2
- package/cjs/PRIVATE_StyledDatePickerButton.js.map +1 -1
- package/cjs/SegmentStyles.styles.css +12 -9
- package/cjs/SegmentStyles.styles2.css +9 -12
- package/cjs/{SelectMobileFieldInput-111a95a5.js → SelectMobileFieldInput-cbf57541.js} +2 -2
- package/cjs/{SelectMobileFieldInput-111a95a5.js.map → SelectMobileFieldInput-cbf57541.js.map} +1 -1
- package/cjs/{StyledDatePickerButton-cf4e4dc0.js → StyledDatePickerButton-becd2a7d.js} +2 -8
- package/cjs/StyledDatePickerButton-becd2a7d.js.map +1 -0
- package/cjs/StyledDatePickerButtonStyles.styles.css +17 -0
- package/cjs/{TabBarLinkItem-42785eb3.js → TabBarLinkItem-b0c4b100.js} +2 -2
- package/cjs/{TabBarLinkItem-42785eb3.js.map → TabBarLinkItem-b0c4b100.js.map} +1 -1
- package/cjs/Theme-redwood/theme.css +117 -117
- package/cjs/Theme-stable/theme.css +224 -224
- package/cjs/UNSAFE_BarChart.js +4 -4
- package/cjs/UNSAFE_CheckboxItem.js +117 -56
- package/cjs/UNSAFE_CheckboxItem.js.map +1 -1
- package/cjs/UNSAFE_CheckboxSet.js +21 -50
- package/cjs/UNSAFE_CheckboxSet.js.map +1 -1
- package/cjs/UNSAFE_ColorPalette.js +80 -80
- package/cjs/UNSAFE_ColorPicker.js +60 -60
- package/cjs/UNSAFE_ComboChart.js +4 -4
- package/cjs/UNSAFE_DatePicker.js +4 -4
- package/cjs/UNSAFE_InlineSelectSingle.js +2 -2
- package/cjs/UNSAFE_InputColor.js +11 -11
- package/cjs/UNSAFE_InputDatePicker.js +96 -96
- package/cjs/UNSAFE_LineAreaChart.js +4 -4
- package/cjs/UNSAFE_OverflowTabBar.js +2 -2
- package/cjs/UNSAFE_RichCheckboxSet.js +46 -42
- package/cjs/UNSAFE_RichCheckboxSet.js.map +1 -1
- package/cjs/UNSAFE_RichSelectionItem.js +154 -91
- package/cjs/UNSAFE_RichSelectionItem.js.map +1 -1
- package/cjs/UNSAFE_ScatterChart.js +4 -4
- package/cjs/UNSAFE_SelectMultiple.js +2 -2
- package/cjs/UNSAFE_SelectSingle.js +3 -3
- package/cjs/UNSAFE_TabBar.js +2 -2
- package/cjs/UNSAFE_TabBarCommon.js +4 -4
- package/cjs/UNSAFE_TabBarMixed.js +3 -3
- package/cjs/{YearsGridView-b56f7f42.js → YearsGridView-d0d4e8e1.js} +2 -2
- package/cjs/{YearsGridView-b56f7f42.js.map → YearsGridView-d0d4e8e1.js.map} +1 -1
- package/cjs/{useDisplayValue-60dbe1c3.js → useDisplayValue-4ace417c.js} +2 -2
- package/cjs/{useDisplayValue-60dbe1c3.js.map → useDisplayValue-4ace417c.js.map} +1 -1
- package/cjs/{useSelectCommon-b0d7feb3.js → useSelectCommon-27afecfa.js} +8 -3
- package/cjs/useSelectCommon-27afecfa.js.map +1 -0
- package/es/{BaseCardView-85b9a71e.js → BaseCardView-b3d8bae0.js} +4 -1
- package/es/{BaseCardView-85b9a71e.js.map → BaseCardView-b3d8bae0.js.map} +1 -1
- package/es/{DatePicker-2ab05fbe.js → DatePicker-7287f0f9.js} +3 -3
- package/es/{DatePicker-2ab05fbe.js.map → DatePicker-7287f0f9.js.map} +1 -1
- package/es/{MonthView-097171eb.js → MonthView-4b2b483a.js} +2 -2
- package/es/{MonthView-097171eb.js.map → MonthView-4b2b483a.js.map} +1 -1
- package/es/{NavigationListItem-dbd29973.js → NavigationListItem-340ab770.js} +19 -1
- package/es/{NavigationListItem-dbd29973.js.map → NavigationListItem-340ab770.js.map} +1 -1
- package/es/{OverflowTabBarItem-6966fbc7.js → OverflowTabBarItem-aa0ce915.js} +7 -4
- package/es/OverflowTabBarItem-aa0ce915.js.map +1 -0
- package/es/PRIVATE_BaseCardView.js +1 -1
- package/es/PRIVATE_CollapsibleNavigationList.js +25 -25
- package/es/PRIVATE_MonthView.js +2 -3
- package/es/PRIVATE_MonthView.js.map +1 -1
- package/es/PRIVATE_MonthYearGridView.js +2 -3
- package/es/PRIVATE_MonthYearGridView.js.map +1 -1
- package/es/PRIVATE_SelectCommon.js +2 -2
- package/es/PRIVATE_StyledDatePickerButton.js +1 -2
- package/es/PRIVATE_StyledDatePickerButton.js.map +1 -1
- package/es/PRIVATE_TableList.js +4 -4
- package/es/RadioIconVariants.styles.css +3 -3
- package/es/RadioIconVariants.styles2.css +3 -3
- package/es/SegmentStyles.styles.css +9 -12
- package/es/SegmentStyles.styles2.css +12 -9
- package/es/{SelectMobileFieldInput-0a7c968c.js → SelectMobileFieldInput-345c4d45.js} +2 -2
- package/es/{SelectMobileFieldInput-0a7c968c.js.map → SelectMobileFieldInput-345c4d45.js.map} +1 -1
- package/es/{StyledDatePickerButton-f3971567.js → StyledDatePickerButton-78f2f6e8.js} +2 -8
- package/es/StyledDatePickerButton-78f2f6e8.js.map +1 -0
- package/es/StyledDatePickerButtonStyles.styles.css +17 -0
- package/es/{TabBar-10488830.js → TabBar-67ca442c.js} +3 -1
- package/es/{TabBar-10488830.js.map → TabBar-67ca442c.js.map} +1 -1
- package/es/{TabBarLinkItem-a9c1072b.js → TabBarLinkItem-e7be54fa.js} +2 -2
- package/es/{TabBarLinkItem-a9c1072b.js.map → TabBarLinkItem-e7be54fa.js.map} +1 -1
- package/es/Theme-redwood/theme.css +442 -442
- package/es/Theme-stable/theme.css +507 -507
- package/es/TrainVariants.styles.css +6 -6
- package/es/TrainVariants.styles2.css +6 -6
- package/es/UNSAFE_CardFlexView.js +1 -1
- package/es/UNSAFE_CardGridView.js +1 -1
- package/es/UNSAFE_DatePicker.js +4 -4
- package/es/UNSAFE_FlatTreeView.js +14 -14
- package/es/UNSAFE_InlineSelectSingle.js +2 -2
- package/es/UNSAFE_InputDateMask/themes/SegmentStyles.css.js +1 -1
- package/es/UNSAFE_InputDateMask.js +1 -1
- package/es/UNSAFE_InputDatePicker.js +5 -5
- package/es/UNSAFE_InputTimeMask/themes/SegmentStyles.css.js +1 -1
- package/es/UNSAFE_InputTimeMask.js +1 -1
- package/es/UNSAFE_ListView.js +53 -53
- package/es/UNSAFE_NavigationList.js +13 -13
- package/es/UNSAFE_OverflowTabBar.js +13 -13
- package/es/UNSAFE_RadioItem/themes/redwood/RadioIconTheme.js +1 -1
- package/es/UNSAFE_RadioItem/themes/redwood/RadioIconVariants.css.js +1 -1
- package/es/UNSAFE_RadioItem/themes/stable/RadioIconTheme.js +1 -1
- package/es/UNSAFE_RadioItem/themes/stable/RadioIconVariants.css.js +1 -1
- package/es/UNSAFE_RadioItem.js +1 -1
- package/es/UNSAFE_ReorderableTabBar.js +12 -12
- package/es/UNSAFE_RichSelectionItem.js +1 -1
- package/es/UNSAFE_SelectMultiple.js +2 -2
- package/es/UNSAFE_SelectSingle.js +3 -3
- package/es/UNSAFE_TabBar.js +13 -13
- package/es/UNSAFE_TabBarCommon.js +5 -5
- package/es/UNSAFE_TabBarMixed.js +12 -12
- package/es/UNSAFE_TextArea.js +226 -106
- package/es/UNSAFE_TextArea.js.map +1 -1
- package/es/UNSAFE_TextAreaAutosize.js +1 -1
- package/es/UNSAFE_Train/themes/redwood/TrainTheme.js +1 -1
- package/es/UNSAFE_Train/themes/redwood/TrainVariants.css.js +1 -1
- package/es/UNSAFE_Train/themes/stable/TrainTheme.js +1 -1
- package/es/UNSAFE_Train/themes/stable/TrainVariants.css.js +1 -1
- package/es/UNSAFE_Train.js +1 -1
- package/es/{YearsGridView-cac4710a.js → YearsGridView-6c18094a.js} +2 -2
- package/es/{YearsGridView-cac4710a.js.map → YearsGridView-6c18094a.js.map} +1 -1
- package/es/{useDisplayValue-5bbf2830.js → useDisplayValue-65bbc74e.js} +2 -2
- package/es/{useDisplayValue-5bbf2830.js.map → useDisplayValue-65bbc74e.js.map} +1 -1
- package/es/{useSelectCommon-309d0f07.js → useSelectCommon-a3c69d60.js} +8 -3
- package/es/useSelectCommon-a3c69d60.js.map +1 -0
- package/es/useTextAreaAltEnter-ac460f4c.js +61 -0
- package/es/useTextAreaAltEnter-ac460f4c.js.map +1 -0
- package/package.json +2 -2
- package/amd/BaseCardView-b8119561.js +0 -2
- package/amd/BaseTabBarItem-03c91d3f.js +0 -2
- package/amd/BaseTabBarItem-03c91d3f.js.map +0 -1
- package/amd/CardFlexView-aa2f3de8.js +0 -2
- package/amd/CardGridView-85f90c75.js +0 -2
- package/amd/CheckboxSet-f000e5c2.js +0 -2
- package/amd/ExpandableList-233c279e.js +0 -2
- package/amd/InputDatePicker-48633486.js +0 -2
- package/amd/ListView-2678b2af.js +0 -2
- package/amd/ReorderableTabBar-46683bcb.js +0 -2
- package/amd/StyledDatePickerButton-b664f4f0.js +0 -2
- package/amd/StyledDatePickerButton-b664f4f0.js.map +0 -1
- package/amd/TabBar-fcebb560.js +0 -2
- package/amd/TabBarItem-224bc6b3.js +0 -2
- package/amd/TabBarLinkItem-57587dbd.js +0 -2
- package/amd/TabBarMixed-8cc4b4ed.js +0 -2
- package/amd/VirtualizedListView-a0f338c2.js +0 -2
- package/amd/useSelectCommon-28307b63.js +0 -2
- package/amd/useSelectCommon-28307b63.js.map +0 -1
- package/cjs/CheckboxSetContext-c62db26d.js +0 -12
- package/cjs/OverflowTabBarItem-2c967a89.js.map +0 -1
- package/cjs/StyledDatePickerButton-cf4e4dc0.js.map +0 -1
- package/cjs/useSelectCommon-b0d7feb3.js.map +0 -1
- package/es/OverflowTabBarItem-6966fbc7.js.map +0 -1
- package/es/StyledDatePickerButton-f3971567.js.map +0 -1
- package/es/TextArea-93ce78a7.js +0 -225
- package/es/TextArea-93ce78a7.js.map +0 -1
- package/es/useSelectCommon-309d0f07.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', './TabBarMixed-8cc4b4ed', './TabBarMixedSeparator-019d266b', './TabBarItem-224bc6b3', './RemovableTabBarItem-e1bee7fa', './OverflowTabBarItem-49a82149', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-0b288129', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-4b81b412', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-95c0c920', './boxalignment-8d80de7e', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', 'css!./BadgeStyles.styles.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './TabBarLayout-4eb6c732', './mergeProps-bcfa6a92', './BaseButton-5a0ad529', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './useColorScheme-097c31ff', './classNames-08d99695', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isObject-42bafc94', './clientHints-6d361eaa', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', 'module', './useComponentTheme-5aa41a8f', './BareButton-d02b4870', './useBareButton-0afa84c2', './usePress-949a0d03', './usePressClick-b5bf4243', './useTabbableMode-0a9ef009', './useId-c9578d26', './buttonUtils-cbbb0130', './id-c70ab33c', './useTestId-f4240cbd', './unsafeDomAccess-602c5dde', './ButtonLabelLayout-6464870c', './Text-31cabc49', './useButtonLabelLayoutTheme-a30f5d8a', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './Floating-c3558e44', './useFloating-5cb85d2b', './useUser-08901aba', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-e53a4b5a', './arrayUtils-6ee96a35', './Layer-1971eddb', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-cc05b0f0', './useScale-04a448c3', './theme-a8f3d819', './Theme-d945adae', './useDensity-8a10fc70', './useModal-536cb7ff', './utils-9a3f9606', './themeContract.css-b6ec3943', './colorUtils-b9dc1bd1', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-1d02491d', './Modal-95bf034f', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-d42db8bf', './WindowOverlay-11d88211', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './useAnimationStatus-0cae3dff', './useAnimation-d90c433f', './animationUtils-716a9aa6', './useTranslationBundle-e4dd341e', 'css!./OverflowTabBarItemStyles.styles.css', './clientUtils-f1eea2db', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', 'css!./TabBarMixedStyles.styles.css', './useTabBar-b05edef0', './collectionUtils-77dc5fa1', './keys-4755c121', './Selector-b38f6c0c', './BaseSelector-8252d4fc', './useFocus-4194fc59', './StyledCheckbox-368fed68', './Check-40a9a3e6', './Icon-234f9eb8', './size-114c63df', './useTooltip-3a2fd217', './useTooltipControlled-6449a7e9', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', './CheckboxOff-bf2be8d3', './CheckboxOn-0f83ba3d', './CheckboxMixed-7729bb05', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', 'css!./StyledCheckbox.styles.css', './PRIVATE_BaseSelector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './useCollectionInteractionContext-f345e8f7', './useCollectionFocusRing-ae19cd81', './useCurrentKey-5749e7fb', './useReorderableContext-a5453bd7', './ReorderableContext-6d10a1b7', './useContextMenuGesture-750ef2c6', './textSelectionUtils-3022f002', './TabBarContextMenu-6a167e27', './Menu-1b8fefc5', './Dropdown-7eca9554', './usePopupAnimation-dc282b02', './popupAnimationUtils-49b93365', './UNSAFE_Dropdown/themes/dropdownStyles.css', './useOutsideMousedown-cb88da60', './useEffectEvent-6aa4d559', './menuUtils-8e42385f', './MenuItem-85e4ffdc', './useInteractionStyle-15a2bdd0', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Skeleton-3e52c94a', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-dbefb95b', 'css!./LiveRegionStyles.styles.css', './SelectMenuGroupContext-67f24a8f', './Separator-181f7541', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './tabBarUtils-2b861222', './ConveyorBeltFocusContext-7d718341', './View-35699bb2', './colors-a9482873', './padding-bfa1d635', './aria-232c9168', './EnvironmentProvider-403bf554', './LayerManager-426c669d', './equals-e73adbe3', './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css', 'css!./TabBarMixedSeparator.styles.css', './BaseTabBarItem-03c91d3f', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css', 'css!./TabBarItemVariants.styles.css', './Badge-b28ef084', './UNSAFE_Badge/themes/redwood/BadgeTheme', './UNSAFE_Badge/themes/BadgeStyles.css', './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css', 'css!./BadgeVariants.styles.css', './useConveyorBeltItem-84d0e3e2', './useDetectTruncation-74f48ddc', './truncationUtils-84dea8ba', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './useBusyStateContext-26bb2acb', './WarningS-98a81abe', './ErrorS-d91c3db2', './InformationS-53490112', './SuccessS-eb8fd915', './useTabBarItemTooltip-a81da662', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './EmbeddedIconButton-d1472ac1', './Close-36cbae0d', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-9df5446c', './UNSAFE_NavigationList/themes/NavigationListStyles.css', 'css!./NavigationListStyles.styles.css', './NavigationListLinkItem-161049bb', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'css!./NavigationListItemStyles.styles2.css', './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListItemVariants.styles.css', './RemovableNavigationListItem-e298c5de', './index-055933ab', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', 'css!./TextStyles.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', 'css!./FlexStyles.styles.css', 'css!./flexitem.styles.css', 'css!./boxalignment.styles.css'], (function(e,s,t,a,o,n,l,c,d,r,i,m,b,S,y,u,h,B,T,F,N,U,f,A,_,E,w,x,C,g,I,L,p,v,M,k,O,V,W,R,D,H,P,j,z,G,K,q,J,Q,X,Y,Z,$,ee,se,te,ae,oe,ne,le,ce,de,re,ie,me,be,Se,ye,ue,he,Be,Te,Fe,Ne,Ue,fe,Ae,_e,Ee,we,xe,Ce,ge,Ie,Le,pe,ve,Me,ke,Oe,Ve,We,Re,De,He,Pe,je,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,as,os,ns,ls,cs,ds,rs,is,ms,bs,Ss,ys,us,hs,Bs,Ts,Fs,Ns,Us,fs,As,_s,Es,ws,xs,Cs,gs,Is,Ls,ps,vs,Ms,ks,Os,Vs,Ws,Rs,Ds,Hs,Ps,js,zs,Gs,Ks,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,at,ot,nt,lt,ct,dt,rt,it,mt,bt,St,yt,ut,ht,Bt,Tt,Ft,Nt,Ut,ft,At,_t,Et,wt,xt,Ct,gt,It,Lt,pt,vt,Mt,kt,Ot,Vt,Wt,Rt,Dt,Ht,Pt,jt,zt,Gt,Kt,qt,Jt,Qt,Xt,Yt,Zt,$t,ea,sa,ta,aa,oa,na,la,ca,da,ra,ia,ma,ba,Sa,ya,ua,ha,Ba,Ta,Fa,Na,Ua,fa,Aa,_a,Ea,wa,xa,Ca,ga,Ia,La,pa,va,Ma,ka,Oa,Va,Wa,Ra,Da,Ha,Pa,ja,za,Ga,Ka,qa,Ja,Qa,Xa,Ya,Za,$a,eo,so,to){"use strict";e.TabBarMixed=s.TabBarMixed,e.TabBarMixedSeparator=t.TabBarMixedSeparator,e.TabBarItem=a.TabBarItem,e.RemovableTabBarItem=o.RemovableTabBarItem,e.OverflowTabBarItem=n.OverflowTabBarItem,e.TabBarLayout=p.TabBarLayout,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
define(['exports', './TabBarMixed-cfd346bf', './TabBarMixedSeparator-019d266b', './TabBarItem-a39c5de3', './RemovableTabBarItem-9ae273fe', './OverflowTabBarItem-926b0c8a', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-0b288129', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-4b81b412', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-95c0c920', './boxalignment-8d80de7e', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', 'css!./BadgeStyles.styles.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', 'css!./HiddenAccessibleStyles.styles.css', './TabBarLayout-4eb6c732', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', './mergeProps-bcfa6a92', './HiddenAccessible-037ef42d', './BaseButton-5a0ad529', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './useColorScheme-097c31ff', './classNames-08d99695', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isObject-42bafc94', './clientHints-6d361eaa', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', 'module', './useComponentTheme-5aa41a8f', './BareButton-d02b4870', './useBareButton-0afa84c2', './usePress-949a0d03', './usePressClick-b5bf4243', './useTabbableMode-0a9ef009', './useId-c9578d26', './buttonUtils-cbbb0130', './id-c70ab33c', './useTestId-f4240cbd', './unsafeDomAccess-602c5dde', './ButtonLabelLayout-6464870c', './Text-31cabc49', './useButtonLabelLayoutTheme-a30f5d8a', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './Floating-c3558e44', './useFloating-5cb85d2b', './useUser-08901aba', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-e53a4b5a', './arrayUtils-6ee96a35', './Layer-1971eddb', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-cc05b0f0', './useScale-04a448c3', './theme-a8f3d819', './Theme-d945adae', './useDensity-8a10fc70', './useModal-536cb7ff', './utils-9a3f9606', './themeContract.css-b6ec3943', './colorUtils-b9dc1bd1', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', 'css!./dropdownStyles.styles.css', './Sheet-1d02491d', './Modal-95bf034f', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-d42db8bf', './WindowOverlay-11d88211', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './useAnimationStatus-0cae3dff', './useAnimation-d90c433f', './animationUtils-716a9aa6', './useTranslationBundle-e4dd341e', 'css!./OverflowTabBarItemStyles.styles.css', './clientUtils-f1eea2db', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', 'css!./TabBarMixedStyles.styles.css', './useTabBar-b05edef0', './collectionUtils-77dc5fa1', './keys-4755c121', './Selector-b38f6c0c', './BaseSelector-8252d4fc', './useFocus-4194fc59', './PRIVATE_BaseSelector/themes/SelectorStyles.css', './useCollectionInteractionContext-f345e8f7', './useCollectionFocusRing-ae19cd81', './useCurrentKey-5749e7fb', './useReorderableContext-a5453bd7', './ReorderableContext-6d10a1b7', './useContextMenuGesture-750ef2c6', './textSelectionUtils-3022f002', './TabBarContextMenu-6a167e27', './Menu-1b8fefc5', './Dropdown-7eca9554', './usePopupAnimation-dc282b02', './popupAnimationUtils-49b93365', './UNSAFE_Dropdown/themes/dropdownStyles.css', './useOutsideMousedown-cb88da60', './useEffectEvent-6aa4d559', './menuUtils-8e42385f', './MenuItem-85e4ffdc', './useInteractionStyle-15a2bdd0', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Skeleton-3e52c94a', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-dbefb95b', 'css!./LiveRegionStyles.styles.css', './SelectMenuGroupContext-67f24a8f', './Separator-181f7541', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './tabBarUtils-2b861222', './ConveyorBeltFocusContext-7d718341', './View-35699bb2', './colors-a9482873', './padding-bfa1d635', './size-114c63df', './aria-232c9168', './EnvironmentProvider-403bf554', './LayerManager-426c669d', './equals-e73adbe3', './UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css', 'css!./TabBarMixedSeparator.styles.css', './BaseTabBarItem-d7c2922b', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './UNSAFE_TabBarCommon/themes/TabBarItemStyles.css', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css', 'css!./TabBarItemVariants.styles.css', './Badge-b28ef084', './UNSAFE_Badge/themes/redwood/BadgeTheme', './UNSAFE_Badge/themes/BadgeStyles.css', './UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css', 'css!./BadgeVariants.styles.css', './useConveyorBeltItem-84d0e3e2', './useDetectTruncation-74f48ddc', './truncationUtils-84dea8ba', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './useBusyStateContext-26bb2acb', './WarningS-98a81abe', './Icon-234f9eb8', './useTooltip-3a2fd217', './useTooltipControlled-6449a7e9', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', './ErrorS-d91c3db2', './InformationS-53490112', './SuccessS-eb8fd915', './useTabBarItemTooltip-a81da662', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './EmbeddedIconButton-d1472ac1', './Close-36cbae0d', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-9df5446c', './UNSAFE_NavigationList/themes/NavigationListStyles.css', 'css!./NavigationListStyles.styles.css', './NavigationListLinkItem-161049bb', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'css!./NavigationListItemStyles.styles2.css', './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListItemVariants.styles.css', './RemovableNavigationListItem-e298c5de', './index-055933ab', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', 'css!./TextStyles.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', 'css!./FlexStyles.styles.css', 'css!./flexitem.styles.css', 'css!./boxalignment.styles.css', './Check-40a9a3e6', './CheckboxOff-bf2be8d3', './CheckboxOn-0f83ba3d', './CheckboxMixed-7729bb05', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', 'css!./StyledCheckbox.styles.css'], (function(e,s,t,a,o,n,l,c,d,r,i,m,b,S,y,u,h,B,T,F,N,U,f,A,_,E,w,x,C,g,I,L,p,v,M,k,O,V,W,R,D,H,P,j,z,G,K,q,J,Q,X,Y,Z,$,ee,se,te,ae,oe,ne,le,ce,de,re,ie,me,be,Se,ye,ue,he,Be,Te,Fe,Ne,Ue,fe,Ae,_e,Ee,we,xe,Ce,ge,Ie,Le,pe,ve,Me,ke,Oe,Ve,We,Re,De,He,Pe,je,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,as,os,ns,ls,cs,ds,rs,is,ms,bs,Ss,ys,us,hs,Bs,Ts,Fs,Ns,Us,fs,As,_s,Es,ws,xs,Cs,gs,Is,Ls,ps,vs,Ms,ks,Os,Vs,Ws,Rs,Ds,Hs,Ps,js,zs,Gs,Ks,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,at,ot,nt,lt,ct,dt,rt,it,mt,bt,St,yt,ut,ht,Bt,Tt,Ft,Nt,Ut,ft,At,_t,Et,wt,xt,Ct,gt,It,Lt,pt,vt,Mt,kt,Ot,Vt,Wt,Rt,Dt,Ht,Pt,jt,zt,Gt,Kt,qt,Jt,Qt,Xt,Yt,Zt,$t,ea,sa,ta,aa,oa,na,la,ca,da,ra,ia,ma,ba,Sa,ya,ua,ha,Ba,Ta,Fa,Na,Ua,fa,Aa,_a,Ea,wa,xa,Ca,ga,Ia,La,pa,va,Ma,ka,Oa,Va,Wa,Ra,Da,Ha,Pa,ja,za,Ga,Ka,qa,Ja,Qa,Xa,Ya,Za,$a,eo,so,to){"use strict";e.TabBarMixed=s.TabBarMixed,e.TabBarMixedSeparator=t.TabBarMixedSeparator,e.TabBarItem=a.TabBarItem,e.RemovableTabBarItem=o.RemovableTabBarItem,e.OverflowTabBarItem=n.OverflowTabBarItem,e.TabBarLayout=v.TabBarLayout,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=UNSAFE_TabBarMixed.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', './VirtualizedListView-
|
|
1
|
+
define(['exports', './VirtualizedListView-1ae7151d', 'preact/jsx-runtime', './List-daac1169', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-77dc5fa1', './clientHints-6d361eaa', './Selector-b38f6c0c', './BaseSelector-8252d4fc', './useActive-bb5dc069', './useToggle-a29f97af', './useFocus-4194fc59', './useTestId-f4240cbd', './LayerHost-0b288129', 'preact', './index-055933ab', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './useHover-8b8a1496', './StyledCheckbox-368fed68', './Check-40a9a3e6', './Icon-234f9eb8', './size-114c63df', './utils-9a3f9606', './themeContract.css-b6ec3943', './colorUtils-b9dc1bd1', './_curry1-df649359', './useTooltip-3a2fd217', './useTooltipControlled-6449a7e9', './useId-c9578d26', './useTouch-37489bb5', './useAnimation-d90c433f', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useThemeInterpolations-cc05b0f0', './useColorScheme-097c31ff', './useScale-04a448c3', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-8a10fc70', './unsafeDomAccess-602c5dde', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './tooltipUtils-2bb62284', './EnvironmentProvider-403bf554', './LayerManager-426c669d', './Floating-c3558e44', './useFloating-5cb85d2b', './useUser-08901aba', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-e53a4b5a', './arrayUtils-6ee96a35', './Layer-1971eddb', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOff-bf2be8d3', './CheckboxOn-0f83ba3d', './CheckboxMixed-7729bb05', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', 'css!./StyledCheckbox.styles.css', './PRIVATE_BaseSelector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', './LoadMoreCollection-895f1ed5', './Collection-121694cb', './useViewportIntersect-dbf8f6f0', './VirtualizedCollection-967c8e06', './FocusTrap-038b32c3', './tabbableUtils-f95361a6', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTracker-90de4e7f', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './useNavigation-4d87e7e6', './useCurrentKey-5749e7fb', './useReorderableContext-a5453bd7', './ReorderableContext-6d10a1b7', './useCollectionFocusRing-ae19cd81', './useTabbableModeSet-7cea851f', './useInteractionStyle-15a2bdd0', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './PRIVATE_List/themes/ListStyles.css', 'css!./ImageVars.styles.css', 'css!./ListStyles.styles.css', './Skeleton-3e52c94a', './dimensions-95c0c920', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './Flex-4b81b412', './boxalignment-8d80de7e', 'css!./boxalignment.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', 'css!./FlexStyles.styles.css', './ImageVars.css-17386400', './useTheme-da27e1d1', './useSelection-aecb6b23', './textSelectionUtils-3022f002', './useAdditiveSelection-4c04d01c', './useItemAction-3616efde', './Inset-36993577', './UNSAFE_Inset/themes/InsetStyles.css', 'css!./InsetStyles.styles.css', 'module', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', 'module'], (function(e,s,t,o,c,a,l,i,n,d,r,b,h,S,m,y,u,f,F,T,k,C,x,_,A,p,U,E,I,g,N,L,w,V,B,v,R,M,H,P,z,G,O,D,j,K,W,q,J,Q,X,Y,Z,$,ee,se,te,oe,ce,ae,le,ie,ne,de,re,be,he,Se,me,ye,ue,fe,Fe,Te,ke,Ce,xe,_e,Ae,pe,Ue,Ee,Ie,ge,Ne,Le,we,Ve,Be,ve,Re,Me,He,Pe,ze,Ge,Oe,De,je,Ke,We,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,cs,as,ls,is,ns,ds,rs,bs,hs,Ss,ms,ys,us,fs,Fs,Ts,ks,Cs,xs,_s,As,ps,Us,Es,Is,gs,Ns,Ls,ws,Vs,Bs,vs,Rs,Ms,Hs,Ps,zs,Gs,Os,Ds,js,Ks,Ws,qs,Js){"use strict";e.VirtualizedListView=s.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=UNSAFE_VirtualizedListView.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', './List-daac1169', 'preact/hooks', './TabbableModeContext-a9c97640', './logger-0f873e29', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'module', './Flex-4b81b412', './Skeleton-3e52c94a'], (function(e,s,t,i,r,o,d,c,l,a,n,u){"use strict";e.VirtualizedListView=function(e){return s.jsx(t.List,{isVirtualized:!0,...e,children:e.children})}}));
|
|
2
|
+
//# sourceMappingURL=VirtualizedListView-1ae7151d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedListView-
|
|
1
|
+
{"version":3,"file":"VirtualizedListView-1ae7151d.js","sources":["../../src/UNSAFE_VirtualizedListView/VirtualizedListView.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 */\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from '../UNSAFE_ListView/List.types';\n\n/**\n * Props for the VirtualizedListView Component\n */\nexport type Props<K, D> = Pick<\n ListProps<K, D>,\n | 'aria-label'\n | 'aria-labelledby'\n | 'children'\n | 'currentItemVariant'\n | 'currentItemOverride'\n | 'data'\n | 'gridlines'\n | 'onPersistCurrentItem'\n | 'onItemAction'\n | 'onLoadRange'\n | 'onSelectionChange'\n | 'selectedKeys'\n | 'selectionMode'\n | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\n\nexport function VirtualizedListView<K extends string | number, D>(props: Props<K, D>) {\n return (\n <List isVirtualized={true} {...props}>\n {props.children}\n </List>\n );\n}\n"],"names":["props","_jsx","List","isVirtualized","children"],"mappings":"maAoCM,SAA4DA,GAChE,OACEC,MAACC,EAAAA,KAAI,CAACC,eAAe,KAAUH,WAC5BA,EAAMI,UAGb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', './Grid-caac1c86', './StyledDatePickerButton-
|
|
2
|
-
//# sourceMappingURL=YearsGridView-
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', './Grid-caac1c86', './StyledDatePickerButton-bceb62e1', './useTranslationBundle-e4dd341e', './useUser-08901aba', './getFormatParse-918996fc', './logger-0f873e29', './maskUtils-339ed9b6', 'preact/compat', './useCellNavigation-fe5a7be7', './calendarDateUtils-ab83f6b1', './_curry2-86c52b86'], (function(e,t,r,o,a,n,s,i,l,c,u,d,p){"use strict";function g(e){return"[object Number]"===Object.prototype.toString.call(e)}var b=p._curry2((function(e,t){if(!g(e)||!g(t))throw new TypeError("Both arguments to range must be numbers");for(var r=[],o=e;o<t;)r.push(o),o+=1;return r}));const v=e=>{const{buttonProps:r}=(({isCurrent:e,isFocusable:t,isFocused:r,isSelected:o,month:s,onAction:i,onNavigation:d})=>{const{locale:p}=n.useUser(),g=c.useMemo((()=>({short:l.getMonthName(p,s,"*","short"),long:l.getMonthName(p,s,"*","long")})),[p,s]),b=a.useTranslationBundle("@oracle/oraclejet-preact"),v=`${g.long}${e?`, ${b.datePicker_currentDate()}`:""}${o?`, ${b.datePicker_selected()}`:""}`,m=u.useFocusableCell({isFocusable:t,isFocused:r}),h=u.useCellNavigation({navigationMap:{ArrowDown:"down",ArrowLeft:{ltr:"previous",rtl:"next"},ArrowRight:{ltr:"next",rtl:"previous"},ArrowUp:"up"},payload:{month:s},onAction:i,onNavigation:d});return{buttonProps:{"aria-label":v,isActivable:!0,label:g.short,isHoverable:!0,isSelected:o,isToday:e,variant:"month",...m,...h}}})(e);return t.jsx(o.StyledDatePickerButton,{...r})},m=b(1,13),h=e=>{const{buttonProps:r}=(({isCurrent:e,isFocusable:t,isFocused:r,isSelected:o,year:s,onAction:i,onNavigation:l})=>{const{locale:c}=n.useUser(),p=d.getNumericFormattedYear(c,s,1),g=a.useTranslationBundle("@oracle/oraclejet-preact");return{buttonProps:{"aria-label":`${p}${e?`, ${g.datePicker_currentDate()}`:""}${o?`, ${g.datePicker_selected()}`:""}`,isActivable:!0,label:p,isHoverable:!0,isSelected:o,isToday:e,variant:"year",...u.useFocusableCell({isFocusable:t,isFocused:r}),...u.useCellNavigation({navigationMap:{ArrowDown:"down",ArrowLeft:{ltr:"previous",rtl:"next"},ArrowRight:{ltr:"next",rtl:"previous"},ArrowUp:"up",PageDown:"previousDecade",PageUp:"nextDecade"},payload:{year:s},onAction:i,onNavigation:l})}}})(e);return t.jsx(o.StyledDatePickerButton,{...r})};e.MonthsGridView=({currentMonth:e,focusableMonth:o,isFocused:n=!1,selectedMonth:s,testId:i,onAction:l,onNavigation:c})=>{const u=a.useTranslationBundle("@oracle/oraclejet-preact").datePicker_months();return t.jsx(r.Grid,{role:"grid",gap:["13.5x","0x"],testId:i,"aria-label":u,children:[0,1,2].map((a=>t.jsx(r.Grid,{role:"row",gap:["0x","3x"],gridTemplateColumns:"repeat(4, 1fr)",children:[0,1,2,3].map((r=>{const i=m[4*a+r];return t.jsx("div",{role:"gridcell",children:t.jsx(v,{month:i,isCurrent:i===e,isFocusable:i===o,isFocused:i===o&&n,isSelected:i===s,onAction:l,onNavigation:c},`${i}`)})}))},a)))})},e.YearsGridView=({currentYear:e,focusableYear:o,isFocused:n=!1,selectedYear:s,testId:i,onAction:l,onNavigation:c})=>{const u=d.getClosestDecade(o),p=a.useTranslationBundle("@oracle/oraclejet-preact").datePicker_years();return t.jsx(r.Grid,{role:"grid",gap:["13.5x","0x"],testId:i,"aria-label":p,children:[0,1,2].map((a=>t.jsx(r.Grid,{role:"row",gap:["0x","3x"],gridTemplateColumns:"repeat(4, 1fr)",children:b(4*a,4*a+4).map((r=>{const a=u+r;return a<u+11?t.jsx("div",{role:"gridcell",children:t.jsx(h,{year:a,isCurrent:a===e,isFocusable:a===o,isFocused:a===o&&n,isSelected:a===s,onAction:l,onNavigation:c},`${a}`)}):null}))},a)))})}}));
|
|
2
|
+
//# sourceMappingURL=YearsGridView-561c3074.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YearsGridView-4aa7bc66.js","sources":["../../../../node_modules/ramda/es/internal/_isNumber.js","../../../../node_modules/ramda/es/range.js","../../src/PRIVATE_MonthYearGridView/useMonthCell.ts","../../src/PRIVATE_MonthYearGridView/MonthCell.tsx","../../src/PRIVATE_MonthYearGridView/MonthsGridView.tsx","../../src/PRIVATE_MonthYearGridView/YearCell.tsx","../../src/PRIVATE_MonthYearGridView/useYearCell.ts","../../src/PRIVATE_MonthYearGridView/YearsGridView.tsx"],"sourcesContent":["export default function _isNumber(x) {\n return Object.prototype.toString.call(x) === '[object Number]';\n}","import _curry2 from \"./internal/_curry2.js\";\nimport _isNumber from \"./internal/_isNumber.js\";\n/**\n * Returns a list of numbers from `from` (inclusive) to `to` (exclusive).\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Number -> Number -> [Number]\n * @param {Number} from The first number in the list.\n * @param {Number} to One more than the last number in the list.\n * @return {Array} The list of numbers in the set `[a, b)`.\n * @example\n *\n * R.range(1, 5); //=> [1, 2, 3, 4]\n * R.range(50, 53); //=> [50, 51, 52]\n */\n\nvar range =\n/*#__PURE__*/\n_curry2(function range(from, to) {\n if (!(_isNumber(from) && _isNumber(to))) {\n throw new TypeError('Both arguments to range must be numbers');\n }\n\n var result = [];\n var n = from;\n\n while (n < to) {\n result.push(n);\n n += 1;\n }\n\n return result;\n});\n\nexport default range;","/**\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getMonthName } from '#utils/PRIVATE_dayUtils';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useMemo } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseMonthCellProps = {\n /**\n * Specifies if this month is today's month.\n */\n isCurrent: boolean;\n\n /**\n * Specifies if this month should be focused first when\n * one tabs into the MonthsGridView.\n */\n isFocusable: boolean;\n\n /**\n * Specifies if this month is currently focused.\n */\n isFocused: boolean;\n\n /**\n * Specifies if this month is currently selected.\n */\n isSelected: boolean;\n\n /**\n * The month represented by this MonthCell.\n */\n month: IsoMonth;\n\n /**\n * A callback that will be invoked when a selection action is performed on this MonthCell.\n * @param payload The payload containing the month represented by this cell.\n */\n onAction: (payload: { month: IsoMonth }) => void;\n\n /**\n * A callback that will be invoked when a navigation action is performed on this MonthCell.\n * @param payload The payload specifying the direction of the navigation performed and the month.\n */\n onNavigation: (payload: {\n direction: 'up' | 'next' | 'down' | 'previous';\n month: IsoMonth;\n }) => void;\n};\n\n/**\n * A custom hook that adds functionalities to the MonthCell component and computes properties for the\n * StyledDatePickerButton.\n */\nexport const useMonthCell = ({\n isCurrent,\n isFocusable,\n isFocused,\n isSelected,\n month,\n onAction,\n onNavigation\n}: UseMonthCellProps) => {\n const { locale } = useUser();\n const monthText = useMemo(\n () => ({\n short: getMonthName(locale, month, '*', 'short') as string,\n long: getMonthName(locale, month, '*', 'long') as string\n }),\n [locale, month]\n );\n\n // custom aria label for selected and current month\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaLabel = `${monthText.long}${\n isCurrent ? `, ${translations.datePicker_currentDate()}` : ''\n }${isSelected ? `, ${translations.datePicker_selected()}` : ''}`;\n\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowDown: 'down',\n ArrowLeft: { ltr: 'previous', rtl: 'next' },\n ArrowRight: { ltr: 'next', rtl: 'previous' },\n ArrowUp: 'up'\n },\n payload: { month },\n onAction,\n onNavigation\n });\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n isActivable: true,\n label: monthText.short,\n isHoverable: true,\n isSelected,\n isToday: isCurrent,\n variant: 'month' as const,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseMonthCellProps, useMonthCell } from './useMonthCell';\n\ntype PickedUseMonthCellProps = Pick<\n UseMonthCellProps,\n 'isCurrent' | 'isFocusable' | 'isFocused' | 'isSelected' | 'month' | 'onAction' | 'onNavigation'\n>;\ntype Props = PickedUseMonthCellProps;\n\n/**\n * This component renders the individual month cell in the MonthsGridView.\n */\nexport const MonthCell = (props: Props) => {\n const { buttonProps } = useMonthCell(props);\n return <StyledDatePickerButton {...buttonProps} />;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { MonthCell } from './MonthCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\nconst MONTHS = range(1, 13) as IsoMonth[];\n\ntype PickedMonthCellProps = Pick<ComponentProps<typeof MonthCell>, 'onAction' | 'onNavigation'>;\ntype Props = PickedMonthCellProps &\n TestIdProps & {\n /**\n * Specifies the current month determined from the today's date.\n */\n currentMonth?: IsoMonth;\n\n /**\n * Specifies which month cell should be focused first when tabbing\n * into the MonthsGridView.\n */\n focusableMonth: IsoMonth;\n\n /**\n * Specifies if the focusableMonth month cell is currently focused.\n * @default false\n */\n isFocused?: boolean;\n\n /**\n * Specifies which month cell is currently selected.\n */\n selectedMonth?: IsoMonth;\n };\n\n/**\n * This component renders the Months Grid View for the DatePicker component.\n */\nexport const MonthsGridView = ({\n currentMonth,\n focusableMonth,\n isFocused = false,\n selectedMonth,\n testId,\n onAction,\n onNavigation\n}: Props) => {\n // Lay out the Months in a 3-row grid.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const monthsAriaLabel = translations.datePicker_months();\n\n return (\n <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={monthsAriaLabel}>\n {[0, 1, 2].map((rowIndex) => (\n <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n {[0, 1, 2, 3].map((cellIndex) => {\n const month = MONTHS[rowIndex * 4 + cellIndex];\n return (\n <div role=\"gridcell\">\n <MonthCell\n key={`${month}`}\n month={month}\n isCurrent={month === currentMonth}\n isFocusable={month === focusableMonth}\n isFocused={month === focusableMonth && isFocused}\n isSelected={month === selectedMonth}\n onAction={onAction}\n onNavigation={onNavigation}\n />\n </div>\n );\n })}\n </Grid>\n ))}\n </Grid>\n );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseYearCellProps, useYearCell } from './useYearCell';\n\ntype PickedUseYearCellProps = Pick<\n UseYearCellProps,\n 'isCurrent' | 'isFocusable' | 'isFocused' | 'isSelected' | 'year' | 'onAction' | 'onNavigation'\n>;\ntype Props = PickedUseYearCellProps;\n\n/**\n * This component renders the individual year cell in the YearsGridView.\n */\nexport const YearCell = (props: Props) => {\n const { buttonProps } = useYearCell(props);\n return <StyledDatePickerButton {...buttonProps} />;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getNumericFormattedYear } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseYearCellProps = {\n /**\n * Specifies if this year is today's year.\n */\n isCurrent: boolean;\n\n /**\n * Specifies if this year should be focused first when one\n * tabs into the YearsGridView.\n */\n isFocusable: boolean;\n\n /**\n * Specifies if this year is currently focused.\n */\n isFocused: boolean;\n\n /**\n * Specifies if this year is currently selected.\n */\n isSelected: boolean;\n\n /**\n * The year represented by this YearCell.\n */\n year: number;\n\n /**\n * A callback that will be invoked when a selection action is performed on this YearCell.\n * @param payload The payload containing the year represented by this cell.\n */\n onAction: (payload: { year: number }) => void;\n\n /**\n * A callback that will be invoked when a navigation action is performed on this YearCell.\n * @param payload The payload specifying the direction of the navigation performed and the year.\n */\n onNavigation: (payload: {\n direction: 'up' | 'next' | 'down' | 'previous' | 'previousDecade' | 'nextDecade';\n year: number;\n }) => void;\n};\n\n/**\n * A custom hook that adds functionalities to the YearCell component and computes properties for the\n * StyledDatePickerButton.\n */\nexport const useYearCell = ({\n isCurrent,\n isFocusable,\n isFocused,\n isSelected,\n year,\n onAction,\n onNavigation\n}: UseYearCellProps) => {\n const { locale } = useUser();\n const yearText = getNumericFormattedYear(locale, year, 1);\n // custom aria label for selected and current year\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaLabel = `${yearText}${isCurrent ? `, ${translations.datePicker_currentDate()}` : ''}${\n isSelected ? `, ${translations.datePicker_selected()}` : ''\n }`;\n\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowDown: 'down',\n ArrowLeft: { ltr: 'previous', rtl: 'next' },\n ArrowRight: { ltr: 'next', rtl: 'previous' },\n ArrowUp: 'up',\n PageDown: 'previousDecade',\n PageUp: 'nextDecade'\n },\n payload: { year },\n onAction,\n onNavigation\n });\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n isActivable: true,\n label: yearText,\n isHoverable: true,\n isSelected,\n isToday: isCurrent,\n variant: 'year' as const,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { getClosestDecade } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { YearCell } from './YearCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\n/**\n * Represents the total number of years rendered in the view\n */\nconst NUM_YEARS_IN_GRID = 11;\n\ntype PickedYearCellProps = Pick<ComponentProps<typeof YearCell>, 'onAction' | 'onNavigation'>;\ntype Props = PickedYearCellProps &\n TestIdProps & {\n /**\n * Specifies the current year determined from the today's date.\n */\n currentYear?: number;\n\n /**\n * Specifies which year cell should be focused first when tabbing\n * into the YearsGridView.\n */\n focusableYear: number;\n\n /**\n * Specifies if the focusableYear year cell is currently focused.\n * @default false\n */\n isFocused?: boolean;\n\n /**\n * Specifies which year is currently selected.\n */\n selectedYear?: number;\n };\n\n/**\n * This component renders the Years Grid View for the DatePicker component.\n */\nexport const YearsGridView = ({\n currentYear,\n focusableYear,\n isFocused = false,\n selectedYear,\n testId,\n onAction,\n onNavigation\n}: Props) => {\n const decade = getClosestDecade(focusableYear);\n // Lay out the 11 Years in a 3-row grid.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const yearsAriaLabel = translations.datePicker_years();\n\n return (\n <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={yearsAriaLabel}>\n {[0, 1, 2].map((rowIndex) => (\n <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n {range(rowIndex * 4, rowIndex * 4 + 4).map((index) => {\n const year = decade + index;\n if (year < decade + NUM_YEARS_IN_GRID) {\n return (\n <div role=\"gridcell\">\n <YearCell\n key={`${year}`}\n year={year}\n isCurrent={year === currentYear}\n isFocusable={year === focusableYear}\n isFocused={year === focusableYear && isFocused}\n isSelected={year === selectedYear}\n onAction={onAction}\n onNavigation={onNavigation}\n />\n </div>\n );\n }\n return null;\n })}\n </Grid>\n ))}\n </Grid>\n );\n};\n"],"names":["_isNumber","x","Object","prototype","toString","call","range$1","_curry2","from","to","TypeError","result","n","push","MonthCell","props","buttonProps","isCurrent","isFocusable","isFocused","isSelected","month","onAction","onNavigation","locale","useUser","monthText","useMemo","short","getMonthName","long","translations","useTranslationBundle","ariaLabel","datePicker_currentDate","datePicker_selected","useFocusableCell","buttonEventHandlers","useCellNavigation","navigationMap","ArrowDown","ArrowLeft","ltr","rtl","ArrowRight","ArrowUp","payload","isActivable","label","isHoverable","isToday","variant","useMonthCell","_jsx","jsx","StyledDatePickerButton","MONTHS","range","YearCell","year","yearText","getNumericFormattedYear","PageDown","PageUp","useYearCell","currentMonth","focusableMonth","selectedMonth","testId","monthsAriaLabel","datePicker_months","Grid","role","gap","children","map","rowIndex","gridTemplateColumns","cellIndex","currentYear","focusableYear","selectedYear","decade","getClosestDecade","yearsAriaLabel","datePicker_years","index"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"YearsGridView-561c3074.js","sources":["../../../../node_modules/ramda/es/internal/_isNumber.js","../../../../node_modules/ramda/es/range.js","../../src/PRIVATE_MonthYearGridView/useMonthCell.ts","../../src/PRIVATE_MonthYearGridView/MonthCell.tsx","../../src/PRIVATE_MonthYearGridView/MonthsGridView.tsx","../../src/PRIVATE_MonthYearGridView/YearCell.tsx","../../src/PRIVATE_MonthYearGridView/useYearCell.ts","../../src/PRIVATE_MonthYearGridView/YearsGridView.tsx"],"sourcesContent":["export default function _isNumber(x) {\n return Object.prototype.toString.call(x) === '[object Number]';\n}","import _curry2 from \"./internal/_curry2.js\";\nimport _isNumber from \"./internal/_isNumber.js\";\n/**\n * Returns a list of numbers from `from` (inclusive) to `to` (exclusive).\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Number -> Number -> [Number]\n * @param {Number} from The first number in the list.\n * @param {Number} to One more than the last number in the list.\n * @return {Array} The list of numbers in the set `[a, b)`.\n * @example\n *\n * R.range(1, 5); //=> [1, 2, 3, 4]\n * R.range(50, 53); //=> [50, 51, 52]\n */\n\nvar range =\n/*#__PURE__*/\n_curry2(function range(from, to) {\n if (!(_isNumber(from) && _isNumber(to))) {\n throw new TypeError('Both arguments to range must be numbers');\n }\n\n var result = [];\n var n = from;\n\n while (n < to) {\n result.push(n);\n n += 1;\n }\n\n return result;\n});\n\nexport default range;","/**\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getMonthName } from '#utils/PRIVATE_dayUtils';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useMemo } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseMonthCellProps = {\n /**\n * Specifies if this month is today's month.\n */\n isCurrent: boolean;\n\n /**\n * Specifies if this month should be focused first when\n * one tabs into the MonthsGridView.\n */\n isFocusable: boolean;\n\n /**\n * Specifies if this month is currently focused.\n */\n isFocused: boolean;\n\n /**\n * Specifies if this month is currently selected.\n */\n isSelected: boolean;\n\n /**\n * The month represented by this MonthCell.\n */\n month: IsoMonth;\n\n /**\n * A callback that will be invoked when a selection action is performed on this MonthCell.\n * @param payload The payload containing the month represented by this cell.\n */\n onAction: (payload: { month: IsoMonth }) => void;\n\n /**\n * A callback that will be invoked when a navigation action is performed on this MonthCell.\n * @param payload The payload specifying the direction of the navigation performed and the month.\n */\n onNavigation: (payload: {\n direction: 'up' | 'next' | 'down' | 'previous';\n month: IsoMonth;\n }) => void;\n};\n\n/**\n * A custom hook that adds functionalities to the MonthCell component and computes properties for the\n * StyledDatePickerButton.\n */\nexport const useMonthCell = ({\n isCurrent,\n isFocusable,\n isFocused,\n isSelected,\n month,\n onAction,\n onNavigation\n}: UseMonthCellProps) => {\n const { locale } = useUser();\n const monthText = useMemo(\n () => ({\n short: getMonthName(locale, month, '*', 'short') as string,\n long: getMonthName(locale, month, '*', 'long') as string\n }),\n [locale, month]\n );\n\n // custom aria label for selected and current month\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaLabel = `${monthText.long}${\n isCurrent ? `, ${translations.datePicker_currentDate()}` : ''\n }${isSelected ? `, ${translations.datePicker_selected()}` : ''}`;\n\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowDown: 'down',\n ArrowLeft: { ltr: 'previous', rtl: 'next' },\n ArrowRight: { ltr: 'next', rtl: 'previous' },\n ArrowUp: 'up'\n },\n payload: { month },\n onAction,\n onNavigation\n });\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n isActivable: true,\n label: monthText.short,\n isHoverable: true,\n isSelected,\n isToday: isCurrent,\n variant: 'month' as const,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseMonthCellProps, useMonthCell } from './useMonthCell';\n\ntype PickedUseMonthCellProps = Pick<\n UseMonthCellProps,\n 'isCurrent' | 'isFocusable' | 'isFocused' | 'isSelected' | 'month' | 'onAction' | 'onNavigation'\n>;\ntype Props = PickedUseMonthCellProps;\n\n/**\n * This component renders the individual month cell in the MonthsGridView.\n */\nexport const MonthCell = (props: Props) => {\n const { buttonProps } = useMonthCell(props);\n return <StyledDatePickerButton {...buttonProps} />;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { MonthCell } from './MonthCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\nconst MONTHS = range(1, 13) as IsoMonth[];\n\ntype PickedMonthCellProps = Pick<ComponentProps<typeof MonthCell>, 'onAction' | 'onNavigation'>;\ntype Props = PickedMonthCellProps &\n TestIdProps & {\n /**\n * Specifies the current month determined from the today's date.\n */\n currentMonth?: IsoMonth;\n\n /**\n * Specifies which month cell should be focused first when tabbing\n * into the MonthsGridView.\n */\n focusableMonth: IsoMonth;\n\n /**\n * Specifies if the focusableMonth month cell is currently focused.\n * @default false\n */\n isFocused?: boolean;\n\n /**\n * Specifies which month cell is currently selected.\n */\n selectedMonth?: IsoMonth;\n };\n\n/**\n * This component renders the Months Grid View for the DatePicker component.\n */\nexport const MonthsGridView = ({\n currentMonth,\n focusableMonth,\n isFocused = false,\n selectedMonth,\n testId,\n onAction,\n onNavigation\n}: Props) => {\n // Lay out the Months in a 3-row grid.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const monthsAriaLabel = translations.datePicker_months();\n\n return (\n <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={monthsAriaLabel}>\n {[0, 1, 2].map((rowIndex) => (\n <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n {[0, 1, 2, 3].map((cellIndex) => {\n const month = MONTHS[rowIndex * 4 + cellIndex];\n return (\n <div role=\"gridcell\">\n <MonthCell\n key={`${month}`}\n month={month}\n isCurrent={month === currentMonth}\n isFocusable={month === focusableMonth}\n isFocused={month === focusableMonth && isFocused}\n isSelected={month === selectedMonth}\n onAction={onAction}\n onNavigation={onNavigation}\n />\n </div>\n );\n })}\n </Grid>\n ))}\n </Grid>\n );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseYearCellProps, useYearCell } from './useYearCell';\n\ntype PickedUseYearCellProps = Pick<\n UseYearCellProps,\n 'isCurrent' | 'isFocusable' | 'isFocused' | 'isSelected' | 'year' | 'onAction' | 'onNavigation'\n>;\ntype Props = PickedUseYearCellProps;\n\n/**\n * This component renders the individual year cell in the YearsGridView.\n */\nexport const YearCell = (props: Props) => {\n const { buttonProps } = useYearCell(props);\n return <StyledDatePickerButton {...buttonProps} />;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getNumericFormattedYear } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseYearCellProps = {\n /**\n * Specifies if this year is today's year.\n */\n isCurrent: boolean;\n\n /**\n * Specifies if this year should be focused first when one\n * tabs into the YearsGridView.\n */\n isFocusable: boolean;\n\n /**\n * Specifies if this year is currently focused.\n */\n isFocused: boolean;\n\n /**\n * Specifies if this year is currently selected.\n */\n isSelected: boolean;\n\n /**\n * The year represented by this YearCell.\n */\n year: number;\n\n /**\n * A callback that will be invoked when a selection action is performed on this YearCell.\n * @param payload The payload containing the year represented by this cell.\n */\n onAction: (payload: { year: number }) => void;\n\n /**\n * A callback that will be invoked when a navigation action is performed on this YearCell.\n * @param payload The payload specifying the direction of the navigation performed and the year.\n */\n onNavigation: (payload: {\n direction: 'up' | 'next' | 'down' | 'previous' | 'previousDecade' | 'nextDecade';\n year: number;\n }) => void;\n};\n\n/**\n * A custom hook that adds functionalities to the YearCell component and computes properties for the\n * StyledDatePickerButton.\n */\nexport const useYearCell = ({\n isCurrent,\n isFocusable,\n isFocused,\n isSelected,\n year,\n onAction,\n onNavigation\n}: UseYearCellProps) => {\n const { locale } = useUser();\n const yearText = getNumericFormattedYear(locale, year, 1);\n // custom aria label for selected and current year\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaLabel = `${yearText}${isCurrent ? `, ${translations.datePicker_currentDate()}` : ''}${\n isSelected ? `, ${translations.datePicker_selected()}` : ''\n }`;\n\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowDown: 'down',\n ArrowLeft: { ltr: 'previous', rtl: 'next' },\n ArrowRight: { ltr: 'next', rtl: 'previous' },\n ArrowUp: 'up',\n PageDown: 'previousDecade',\n PageUp: 'nextDecade'\n },\n payload: { year },\n onAction,\n onNavigation\n });\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n isActivable: true,\n label: yearText,\n isHoverable: true,\n isSelected,\n isToday: isCurrent,\n variant: 'year' as const,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { getClosestDecade } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { YearCell } from './YearCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\n/**\n * Represents the total number of years rendered in the view\n */\nconst NUM_YEARS_IN_GRID = 11;\n\ntype PickedYearCellProps = Pick<ComponentProps<typeof YearCell>, 'onAction' | 'onNavigation'>;\ntype Props = PickedYearCellProps &\n TestIdProps & {\n /**\n * Specifies the current year determined from the today's date.\n */\n currentYear?: number;\n\n /**\n * Specifies which year cell should be focused first when tabbing\n * into the YearsGridView.\n */\n focusableYear: number;\n\n /**\n * Specifies if the focusableYear year cell is currently focused.\n * @default false\n */\n isFocused?: boolean;\n\n /**\n * Specifies which year is currently selected.\n */\n selectedYear?: number;\n };\n\n/**\n * This component renders the Years Grid View for the DatePicker component.\n */\nexport const YearsGridView = ({\n currentYear,\n focusableYear,\n isFocused = false,\n selectedYear,\n testId,\n onAction,\n onNavigation\n}: Props) => {\n const decade = getClosestDecade(focusableYear);\n // Lay out the 11 Years in a 3-row grid.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const yearsAriaLabel = translations.datePicker_years();\n\n return (\n <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={yearsAriaLabel}>\n {[0, 1, 2].map((rowIndex) => (\n <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n {range(rowIndex * 4, rowIndex * 4 + 4).map((index) => {\n const year = decade + index;\n if (year < decade + NUM_YEARS_IN_GRID) {\n return (\n <div role=\"gridcell\">\n <YearCell\n key={`${year}`}\n year={year}\n isCurrent={year === currentYear}\n isFocusable={year === focusableYear}\n isFocused={year === focusableYear && isFocused}\n isSelected={year === selectedYear}\n onAction={onAction}\n onNavigation={onNavigation}\n />\n </div>\n );\n }\n return null;\n })}\n </Grid>\n ))}\n </Grid>\n );\n};\n"],"names":["_isNumber","x","Object","prototype","toString","call","range$1","_curry2","from","to","TypeError","result","n","push","MonthCell","props","buttonProps","isCurrent","isFocusable","isFocused","isSelected","month","onAction","onNavigation","locale","useUser","monthText","useMemo","short","getMonthName","long","translations","useTranslationBundle","ariaLabel","datePicker_currentDate","datePicker_selected","useFocusableCell","buttonEventHandlers","useCellNavigation","navigationMap","ArrowDown","ArrowLeft","ltr","rtl","ArrowRight","ArrowUp","payload","isActivable","label","isHoverable","isToday","variant","useMonthCell","_jsx","jsx","StyledDatePickerButton","MONTHS","range","YearCell","year","yearText","getNumericFormattedYear","PageDown","PageUp","useYearCell","currentMonth","focusableMonth","selectedMonth","testId","monthsAriaLabel","datePicker_months","Grid","role","gap","children","map","rowIndex","gridTemplateColumns","cellIndex","currentYear","focusableYear","selectedYear","decade","getClosestDecade","yearsAriaLabel","datePicker_years","index"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(['exports', 'preact/jsx-runtime', './IconButton-dc1be00e', './NavLeft-d270ba82', 'preact/hooks', './keyboardUtils-fb6219eb', 'preact/compat', './TextFieldInput-f8635c62', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './useAccessibleContext-23e8a333', './logger-0f873e29', './FormContext-6b0879a0', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './TabbableModeContext-a9c97640', './useTranslationBundle-e4dd341e', './textAlign-ef924afd', 'css!./FormControlUtilsStyles.styles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './StyledTextField-2b62c81d', './TextField-c8c71735', 'css!./LiveRegionStyles.styles.css', './LayerHost-0b288129', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './useSelectCommon-
|
|
2
|
-
//# sourceMappingURL=useDisplayValue-
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', './IconButton-dc1be00e', './NavLeft-d270ba82', 'preact/hooks', './keyboardUtils-fb6219eb', 'preact/compat', './TextFieldInput-f8635c62', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './useAccessibleContext-23e8a333', './logger-0f873e29', './FormContext-6b0879a0', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './TabbableModeContext-a9c97640', './useTranslationBundle-e4dd341e', './textAlign-ef924afd', 'css!./FormControlUtilsStyles.styles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './StyledTextField-2b62c81d', './TextField-c8c71735', 'css!./LiveRegionStyles.styles.css', './LayerHost-0b288129', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './useSelectCommon-a02ddf3c', './LiveRegion-dbefb95b', 'css!./LabelValueLayoutStyles.styles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', './Flex-4b81b412', 'css!./LayoutStyles.styles.css', './InputGroupContext-372087af', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284'], (function(e,t,s,o,l,n,i,a,d,r,c,u,F,x,S,y,b,h,m,T,p,C,w,A,L,f,g,v,B,I,_,U,j,k,N,E,V,D,R,$,M,z,O,G,H){"use strict";e.SelectSingleField=function({children:e,hasInsideLabel:l,isBackButtonShown:n,isClearButtonShown:i,isDropdownArrowShown:a,onBackButtonClick:d,onClearButtonClick:r,onDropdownArrowClick:c,...u}){const F=y.useTranslationBundle("@oracle/oraclejet-preact"),{isDisabled:S,isLoading:b}=x.useFormFieldContext(),h=n?t.jsx(s.IconButton,{"aria-label":F.selectMultiple_back(),size:"xs",variant:"ghost",onAction:d,children:t.jsx(o.SvgNavLeft,{})}):null,m=b?void 0:t.jsxs(t.Fragment,{children:[i&&t.jsx(s.IconButton,{"aria-label":F.formControl_clear(),size:"sm",variant:"ghost",onAction:r,children:t.jsx(o.SvgCancelS,{})}),a&&t.jsx(_.DropdownArrow,{isDisabled:S,onClick:c,testId:`${u.testId}_dropdownarrow`})]});return t.jsx(C.TextField,{startContent:h,mainContent:e,endContent:m,...u})},e.SelectSingleFieldInput=function({displayValue:e,isAddToListShown:s,isAdvancedSearchShown:o,isUserFiltering:l,liveRegionText:n,userInput:i,virtualKeyboard:d,...r}){const c=y.useTranslationBundle("@oracle/oraclejet-preact"),u=c.select_addToListAvailable(),F=c.select_moreSearchOptionsAvailable(),x=`${n} ${s?u:""} ${o?F:""}`;return t.jsxs(t.Fragment,{children:[t.jsx(a.TextFieldInput,{...r,hasEndContent:!0,"aria-autocomplete":"list",autoComplete:"off",role:"combobox",spellcheck:!1,type:"auto"===d?"search":d,value:l?i:e}),t.jsx(U.LiveRegion,{children:x})]})},e.useDisplayValue=function(e,t,s="SelectSingle"){return l.useMemo((()=>void 0===t?"":_.renderItemText(t,e,s)??""),[t,e,s])}}));
|
|
2
|
+
//# sourceMappingURL=useDisplayValue-0e90bf4c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDisplayValue-
|
|
1
|
+
{"version":3,"file":"useDisplayValue-0e90bf4c.js","sources":["../../src/UNSAFE_SelectSingle/SelectSingleField.tsx","../../src/UNSAFE_SelectSingle/SelectSingleFieldInput.tsx","../../src/UNSAFE_SelectSingle/useDisplayValue.ts"],"sourcesContent":["import { DropdownArrow } from '#PRIVATE_SelectCommon';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { CancelS } from '#UNSAFE_RedwoodIcons/CancelS';\nimport { NavLeft } from '#UNSAFE_RedwoodIcons/NavLeft';\nimport { TextField } from '#UNSAFE_TextField';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps } from 'preact';\n\ntype PickedTextFieldProps = Pick<\n ComponentProps<typeof TextField>,\n | 'columnSpan'\n | 'compactUserAssistance'\n | 'contentVariant'\n | 'endContent'\n | 'hasZeroStartMargin'\n | 'id'\n | 'inlineUserAssistance'\n | 'label'\n | 'labelEdge'\n | 'labelStartWidth'\n | 'mainFieldRef'\n | 'onBlur'\n | 'onFocus'\n | 'onKeyDown'\n | 'onMouseDown'\n | 'onMouseEnter'\n | 'onMouseLeave'\n | 'resize'\n | 'rootRef'\n | 'startContent'\n | 'statusVariant'\n | 'styleVariant'\n | 'testId'\n> & {\n children: ComponentProps<typeof TextField>['mainContent'];\n};\n\ntype Props = PickedTextFieldProps & {\n hasInsideLabel?: boolean;\n isBackButtonShown?: boolean;\n isClearButtonShown?: boolean;\n isDropdownArrowShown?: boolean;\n onBackButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n onClearButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n onDropdownArrowClick?: ComponentProps<typeof DropdownArrow>['onClick'];\n};\n\nexport function SelectSingleField({\n children,\n hasInsideLabel,\n isBackButtonShown,\n isClearButtonShown,\n isDropdownArrowShown,\n onBackButtonClick,\n onClearButtonClick,\n onDropdownArrowClick,\n ...passThroughTextFieldProps\n}: Props) {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const { isDisabled, isLoading } = useFormFieldContext();\n\n const startContent = isBackButtonShown ? (\n <IconButton\n aria-label={translations.selectMultiple_back()}\n size=\"xs\"\n variant=\"ghost\"\n onAction={onBackButtonClick}>\n <NavLeft />\n </IconButton>\n ) : null;\n\n const endContent = isLoading ? undefined : (\n <>\n {isClearButtonShown && (\n <IconButton\n aria-label={translations.formControl_clear()}\n size=\"sm\"\n variant=\"ghost\"\n onAction={onClearButtonClick}>\n <CancelS />\n </IconButton>\n )}\n {isDropdownArrowShown && (\n <DropdownArrow\n isDisabled={isDisabled}\n onClick={onDropdownArrowClick}\n testId={`${passThroughTextFieldProps.testId}_dropdownarrow`}\n />\n )}\n </>\n );\n\n return (\n <TextField\n startContent={startContent}\n mainContent={children}\n endContent={endContent}\n {...passThroughTextFieldProps}\n />\n );\n}\n","import { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { TextFieldInput } from '#UNSAFE_TextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps, Ref } from 'preact';\n\ntype PickedTextFieldInputProps = Pick<\n ComponentProps<typeof TextFieldInput>,\n | 'aria-controls'\n | 'aria-describedby'\n | 'aria-expanded'\n | 'aria-invalid'\n | 'aria-label'\n | 'hasEmptyLabel'\n | 'hasInsideLabel'\n | 'id'\n | 'isRequired'\n | 'onBlur'\n | 'onFocus'\n | 'onInput'\n | 'onKeyDown'\n | 'onKeyUp'\n | 'placeholder'\n | 'textAlign'\n | 'variant'\n> & {\n inputRef?: Ref<HTMLInputElement>;\n};\n\ntype Props = PickedTextFieldInputProps & {\n displayValue: string;\n isAddToListShown: boolean;\n isAdvancedSearchShown: boolean;\n isUserFiltering: boolean;\n liveRegionText?: string;\n userInput?: string;\n virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n};\n\nexport function SelectSingleFieldInput({\n displayValue,\n isAddToListShown,\n isAdvancedSearchShown,\n isUserFiltering,\n liveRegionText,\n userInput,\n virtualKeyboard,\n ...passThroughTextFieldInputProps\n}: Props) {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const addToListAccText = translations.select_addToListAvailable();\n const advancedSearchAccText = translations.select_moreSearchOptionsAvailable();\n const combinedLiveRegionText = `${liveRegionText} ${isAddToListShown ? addToListAccText : ''} ${\n isAdvancedSearchShown ? advancedSearchAccText : ''\n }`;\n\n return (\n <>\n <TextFieldInput\n {...passThroughTextFieldInputProps}\n hasEndContent={true}\n aria-autocomplete=\"list\"\n autoComplete=\"off\"\n role=\"combobox\"\n spellcheck={false}\n type={virtualKeyboard === 'auto' ? 'search' : virtualKeyboard}\n value={isUserFiltering ? userInput : displayValue}\n />\n <LiveRegion>{combinedLiveRegionText}</LiveRegion>\n </>\n );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useMemo } from 'preact/hooks';\n\nimport { renderItemText } from '#PRIVATE_SelectCommon';\nimport { Item } from '#utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '#utils/UNSAFE_selectUtils';\n\nexport function useDisplayValue<K, D>(\n itemText: ItemTextType<K, D>,\n valueItem?: Item<K, D>,\n componentName: 'SelectSingle' | 'InlineSelectSingle' = 'SelectSingle'\n): string {\n // create the text displayed in the field from the selected value\n const displayValue = useMemo(() => {\n return valueItem === undefined ? '' : renderItemText(valueItem, itemText, componentName) ?? '';\n }, [valueItem, itemText, componentName]);\n\n return displayValue;\n}\n"],"names":["children","hasInsideLabel","isBackButtonShown","isClearButtonShown","isDropdownArrowShown","onBackButtonClick","onClearButtonClick","onDropdownArrowClick","passThroughTextFieldProps","translations","useTranslationBundle","isDisabled","isLoading","useFormFieldContext","startContent","_jsx","IconButton","selectMultiple_back","size","variant","onAction","NavLeft","endContent","undefined","_jsxs","jsxs","_Fragment","Fragment","formControl_clear","CancelS","SvgCancelS","DropdownArrow","onClick","testId","TextField","mainContent","displayValue","isAddToListShown","isAdvancedSearchShown","isUserFiltering","liveRegionText","userInput","virtualKeyboard","passThroughTextFieldInputProps","addToListAccText","select_addToListAvailable","advancedSearchAccText","select_moreSearchOptionsAvailable","combinedLiveRegionText","jsx","TextFieldInput","hasEndContent","autoComplete","role","spellcheck","type","value","LiveRegion","itemText","valueItem","componentName","useMemo","renderItemText"],"mappings":"+sDAiDM,UAA4BA,SAChCA,EAAQC,eACRA,EAAcC,kBACdA,EAAiBC,mBACjBA,EAAkBC,qBAClBA,EAAoBC,kBACpBA,EAAiBC,mBACjBA,EAAkBC,qBAClBA,KACGC,IAEH,MAAMC,EAAeC,uBAAiC,6BAChDC,WAAEA,EAAUC,UAAEA,GAAcC,EAAmBA,sBAE/CC,EAAeZ,EACnBa,EAAAA,IAACC,EAAUA,WAAA,CAAA,aACGP,EAAaQ,sBACzBC,KAAK,KACLC,QAAQ,QACRC,SAAUf,EACVL,SAAAe,MAACM,EAAAA,WAAO,CAAA,KAER,KAEEC,EAAaV,OAAYW,EAC7BC,EAAAC,KAAAC,EAAAC,SAAA,CAAA3B,SAAA,CACGG,GACCY,MAACC,EAAAA,WACa,CAAA,aAAAP,EAAamB,oBACzBV,KAAK,KACLC,QAAQ,QACRC,SAAUd,EAAkBN,SAC5Be,EAAAA,IAACc,EAAOC,WAAG,MAGd1B,GACCW,MAACgB,EAAAA,cAAa,CACZpB,WAAYA,EACZqB,QAASzB,EACT0B,OAAQ,GAAGzB,EAA0ByB,4BAM7C,OACElB,MAACmB,EAAAA,WACCpB,aAAcA,EACdqB,YAAanC,EACbsB,WAAYA,KACRd,GAGV,2BC/DM,UAAiC4B,aACrCA,EAAYC,iBACZA,EAAgBC,sBAChBA,EAAqBC,gBACrBA,EAAeC,eACfA,EAAcC,UACdA,EAASC,gBACTA,KACGC,IAEH,MAAMlC,EAAeC,uBAAiC,4BAChDkC,EAAmBnC,EAAaoC,4BAChCC,EAAwBrC,EAAasC,oCACrCC,EAAyB,GAAGR,KAAkBH,EAAmBO,EAAmB,MACxFN,EAAwBQ,EAAwB,KAGlD,OACEtB,EAAAA,KACEE,EAAAA,SAAA,CAAA1B,SAAA,CAAAe,EAAAkC,IAACC,EAAcA,eAAA,IACTP,EACJQ,eAAe,EAAI,oBACD,OAClBC,aAAa,MACbC,KAAK,WACLC,YAAY,EACZC,KAA0B,SAApBb,EAA6B,SAAWA,EAC9Cc,MAAOjB,EAAkBE,EAAYL,IAEvCrB,EAAAkC,IAACQ,aAAU,CAAAzD,SAAEgD,MAGnB,oBCzDM,SACJU,EACAC,EACAC,EAAuD,gBAOvD,OAJqBC,EAAAA,SAAQ,SACNtC,IAAdoC,EAA0B,GAAKG,EAAAA,eAAeH,EAAWD,EAAUE,IAAkB,IAC3F,CAACD,EAAWD,EAAUE,GAG3B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
define(['exports', 'preact/jsx-runtime', './List-daac1169', 'preact/hooks', './TabbableModeContext-a9c97640', './logger-0f873e29', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'module', './Flex-4b81b412', './Skeleton-3e52c94a', './HighlightText-ee76c447', './Grid-caac1c86', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-e9ce1931', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './usePress-949a0d03', './CaretDown-9961d246', './classNames-08d99695', './useComponentTheme-5aa41a8f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './useTestId-f4240cbd', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './CollectionInteractionContext-0b4ed98b', './Text-31cabc49', './useTranslationBundle-e4dd341e', './clientHints-6d361eaa', 'preact/compat', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6'], (function(e,t,n,s,a,o,r,l,i,c,d,u,p,m,h,y,b,w,f,S,C,v,x,T,D,g,K,k,I,L,E){"use strict";function R(e,t,n){if("string"!=typeof t)return t(e);{const s=e.data;if(null!=s&&Object.prototype.hasOwnProperty.call(s,t)){const e=s[t];return String(e)}o.error(`${n}: itemText specifies field that does not exist: ${t}`)}}const F=()=>{};const P=e=>0===e.button&&!e.ctrlKey,A=e=>{e.currentTarget===e.target&&e.preventDefault()},O=()=>{};e.DefaultList=function({"aria-label":e,componentName:a,currentItemVariant:o,currentKey:r,data:l,itemRenderer:i,itemText:c,onCurrentKeyChange:u,onItemAction:m,onLoadRange:h=F,onSelectionChange:w,searchText:f,selectedKeys:S,selectionMode:C}){const v=s.useCallback((e=>{const n={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:f,selectedKeys:S,onSelectionChange:({value:e})=>{w?.({value:e})}},s={data:e.data,key:e.metadata.key,metadata:e.metadata};return i?i(n):t.jsxs(d.Flex,{align:"center",children:[e.selector&&t.jsx("div",{class:b.dropdownStyles.selectorWrapper,children:e.selector()}),t.jsx("div",{class:"single"===C?b.dropdownStyles.singleSelectItem:b.dropdownStyles.multiSelectItem,children:t.jsx(y.ListItemText,{variant:"primary",children:t.jsx(p.HighlightText,{matchText:f,children:R(s,c,a)})})})]})}),[a,i,c,w,f,S,C]),x=s.useMemo((()=>({all:!1,keys:S??new Set})),[S]),T=s.useMemo((()=>void 0!==r?{rowKey:r}:void 0),[r]),D=s.useCallback((({context:{data:e,metadata:t}})=>{m?.({context:{data:e,key:t.key,metadata:t}})}),[m]),g=s.useCallback((({value:e})=>{w?.({value:new Set(e.keys?.values())})}),[w]);return t.jsx(n.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentItemOverride:T,data:l??null,onPersistCurrentItem:u,onItemAction:D,onLoadRange:h,onSelectionChange:g,role:"listbox",selectedKeys:x,selectionMode:C,children:e=>v(e)})},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,testId:a}){const{classes:o}=C.useComponentTheme(v.ButtonLabelLayoutRedwoodTheme,{size:"sm"}),{baseTheme:r}=C.useComponentTheme(T.BaseButtonRedwoodTheme),l=s.useCallback((e=>{e.preventDefault()}),[]),{pressProps:i}=w.usePress(n??O,{isDisabled:e}),c=S.classNames([o,r,b.dropdownStyles.arrow.base,e?b.dropdownStyles.arrow.disabled:b.dropdownStyles.arrow.enabled]),d=x.useTestId(a);return t.jsx("span",{"aria-hidden":"true",class:c,tabIndex:-1,onMouseDown:l,...d,...i,children:t.jsx(f.SvgCaretDown,{})})},e.DropdownList=function({children:e,id:n,dropdownListRef:s,hasTopGap:a=!0,hasBottomGap:o=!0,isLoading:r=!1,onKeyDown:l}){const i=S.classNames([b.dropdownStyles.list.base,a&&b.dropdownStyles.list.topGap,o&&b.dropdownStyles.list.bottomGap,r&&b.dropdownStyles.list.loading]);return t.jsx(D.CollectionInteractionContext.Provider,{value:"embedded",children:t.jsx("div",{ref:s,class:i,id:n,onMouseDown:A,onKeyDown:l,children:e})})},e.EmptyResults=function(){const e=K.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:b.dropdownStyles.results.extraItem,onMouseDown:A,children:t.jsx(g.Text,{variant:"primary",children:e.select_noMatchesFound()})})},e.createKeysFromValueItems=function(e){const t=e?.reduce(((e,t)=>(e.add(t.key),e)),new Set);return t},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isMobile=function(){const e=k.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===k.getClientHints().deviceType},e.isSearchClearedFirstTime=function(e,t){return void 0===e&&""===t},e.isSearchTextEmptyOrUndefined=function(e){return void 0===e||0===e.length},e.isSimpleClick=P,e.isTablet=function(){return"tablet"===k.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=A,e.renderItemText=R,e.useCollectionRenderer=function({currentKey:e,onCurrentKeyChange:t,onItemAction:n,onSelectedKeysChange:s,searchText:a,selectedKeys:o,selectedOnlyData:r}){return I.useMemo((()=>{const l={searchText:a,currentRowKeyOverride:e,onPersistCurrentRowKey:t,selected:o};return void 0!==n?{...l,onRowAction:n}:{...l,onSelectedChange:s,selectedOnlyData:r}}),[e,t,n,s,a,o,r])},e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:a}){const o=s.useRef(null),r=s.useRef(null),[l,i]=s.useState(!1),[c,d]=s.useState(!1),[u,p]=s.useState({rowKey:void 0}),m=s.useRef(),h=s.useCallback((e=>{m.current=e.rowKey,p(e)}),[]),[y,b]=s.useState(!1),[w,f]=s.useState(),[S,C]=s.useState(),[v,x]=s.useState(l),[T,D]=s.useState(n),[g,K]=s.useState(y),k=s.useCallback((e=>{!e.defaultPrevented&&P(e)&&(l||i(!0),setTimeout((function(){t.current?.focus()}),0))}),[t,l]),I=s.useCallback((()=>{i(!l),t.current?.focus()}),[t,l]),R=s.useCallback((e=>{if(l)switch(i(!1),e?.type){case"keydown":if(e.code===L.KEYS.ESC)t.current?.focus();break;case"mousedown":r.current?.contains(document.activeElement)&&t.current?.focus()}}),[t,l]),F=s.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),A=s.useCallback((()=>l&&r.current?E.allTabbableElements(r.current):void 0),[l]),O=s.useCallback((t=>{if(l){if(null!=e){const t=A();t?.[0]?.focus(),void 0===u.rowKey&&h({rowKey:e.data[0]?.metadata?.key})}}else i(!0);t.preventDefault()}),[u,e,A,l,h]),j=s.useCallback((e=>{if(!L.isControlOrFunctionKey(e))switch(e.code){case L.KEYS.PAGE_UP:case L.KEYS.PAGE_DOWN:return void e.preventDefault();case L.KEYS.UP:case L.KEYS.DOWN:e.preventDefault();break;case L.KEYS.ESC:l&&(i(!1),e.preventDefault(),e.stopPropagation())}}),[l]),M=s.useCallback((e=>{if(!L.isControlOrFunctionKey(e))switch(e.code){case L.KEYS.UP:case L.KEYS.DOWN:O(e)}}),[O]),B=s.useCallback((e=>{l||i(!0),b(!0),f(e.value);const t=e.value;C(t),a?.({searchText:t})}),[l,a]),U=s.useCallback((e=>{m.current=e.value}),[]),G=s.useCallback((()=>{b(!1),f(""),C(void 0)}),[]),N=s.useCallback((e=>{b(!0),f(e),C(e)}),[]);return v===l&&T===n&&g===y||l||n||!y||G(),s.useEffect((()=>{l&&!y&&a?.({searchText:void 0})}),[l,y,a]),v!==l&&(l||d(!1),x(l)),T!==n&&D(n),g!==y&&K(y),{currentRowKeyRef:m,currentRowOverride:u,dropdownRef:r,getDropdownTabbableElems:A,handleDropdownArrowClick:I,handleDropdownAutoDismiss:R,handleDropdownPosition:F,handleInput:B,handleMainFieldKeyDown:j,handleMainFieldKeyUp:M,handleUpDownArrowKeys:O,isDropdownAbove:c,isDropdownOpen:l,isFocused:n||l,isUserFiltering:y,mainFieldRef:o,onCurrentKeyChange:U,onMouseDown:k,searchText:S,setCurrentRowOverride:h,setDropdownOpen:i,setUserInput:f,stopFiltering:G,updateFiltering:N,userInput:w}}}));
|
|
2
|
+
//# sourceMappingURL=useSelectCommon-a02ddf3c.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSelectCommon-a02ddf3c.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/selectUtils.ts","../../src/PRIVATE_SelectCommon/useCollectionRenderer.ts","../../src/PRIVATE_SelectCommon/useSelectCommon.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 */\n\nimport { Item } from '#utils/UNSAFE_dataProvider';\nimport { error } from '#utils/UNSAFE_logger';\nimport { ItemTextFunctionType, ItemTextType } from '#utils/UNSAFE_selectUtils';\n\nexport type ComponentName = 'InlineSelectSingle' | 'SelectSingle' | 'SelectMultiple';\n\nexport function renderItemText<K, D>(\n item: Item<K, D>,\n itemText: ItemTextType<K, D>,\n componentName: ComponentName\n) {\n // if item-text is a string and the data has the specified field, return it;\n // otherwise log an error\n if (typeof itemText === 'string') {\n // JET-78134: in 26C rc0 preflight, line type is not editable in PRC\n // Some JS applications incorrectly pass {} as valueItem/value-item instead of null\n // or leaving it unset for the empty state. Older releases already handled that misconfiguration\n // by logging this custom error; keep that behavior and avoid throwing when item.data is missing.\n const itemData = item.data;\n if (itemData != null && Object.prototype.hasOwnProperty.call(itemData, itemText)) {\n const retData = itemData[itemText];\n return String(retData);\n }\n error(`${componentName}: itemText specifies field that does not exist: ${itemText}`);\n // return undefined if the field doesn't exist\n return undefined;\n }\n // if item-text is a function, call it to create a display label\n return (itemText as ItemTextFunctionType<K, D>)(item);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps } from 'preact';\n\nimport { List } from '#PRIVATE_List';\nimport type { DataState, ListItemRendererContext, Metadata } from '#UNSAFE_Collection';\nimport { Flex } from '#UNSAFE_Flex';\nimport { HighlightText } from '#UNSAFE_HighlightText';\nimport { ListItemText } from '#UNSAFE_ListItemLayout';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport type { Keys } from '#utils/UNSAFE_keys';\nimport type { ItemTextType } from '#utils/UNSAFE_selectUtils';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { type ComponentName, renderItemText } from './itemTextUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype ListProps<K extends string | number, D> = ComponentProps<typeof List<K, D>>;\ntype PickedPropsFromList = Pick<\n ComponentProps<typeof List>,\n 'aria-label' | 'currentItemVariant' | 'selectionMode'\n>;\n\n// pick the props from the ListItemContext instead of extending it directly so that we\n// don't automatically expose any new props that may be added to it\ntype PickedPropsFromListItemContext<K, D> = Pick<\n ListItemRendererContext<K, D>,\n 'data' | 'index' | 'selector'\n>;\ntype ItemRendererSelectionDetail<K> = {\n value: Set<K>;\n target: EventTarget | null;\n};\ntype ItemRendererMetadata<K> = Pick<Metadata<K>, 'key' | 'suggestion'>;\ntype ItemRendererProps<K, D> = PickedPropsFromListItemContext<K, D> & {\n metadata: ItemRendererMetadata<K>;\n searchText?: string;\n selectedKeys?: Set<K>;\n onSelectionChange: (detail: ItemRendererSelectionDetail<K>) => void;\n};\n\ntype DefaultListCurrentKeyDetail<K> = { value: K };\ntype DefaultListItemActionDetail<K, D> = { context: Item<K, D> };\ntype DefaultListSelectionDetail<K> = { value: Set<K> };\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\n itemRenderer?: (itemRendererProps: ItemRendererProps<K, D>) => ComponentChildren;\n itemText: ItemTextType<K, D>;\n // props from List that we constrain or unconstrain\n currentKey?: K;\n data?: DataState<K, D> | null;\n onCurrentKeyChange: (detail: DefaultListCurrentKeyDetail<K>) => void;\n onItemAction?: (detail: DefaultListItemActionDetail<K, D>) => void;\n onLoadRange?: ComponentProps<typeof List>['onLoadRange'];\n onSelectionChange?: (detail: DefaultListSelectionDetail<K>) => void;\n searchText?: string;\n selectedKeys?: Set<K>;\n // props for logging purposes\n componentName: ComponentName;\n};\n\nconst noOp = () => {};\n\nexport function DefaultList<K extends string | number, D extends Record<string, any>>({\n 'aria-label': ariaLabel,\n componentName,\n currentItemVariant,\n currentKey,\n data,\n itemRenderer,\n itemText,\n onCurrentKeyChange,\n onItemAction,\n onLoadRange = noOp,\n onSelectionChange,\n searchText,\n selectedKeys,\n selectionMode\n}: Props<K, D>) {\n const listItemRenderer = useCallback(\n (listItemContext: ListItemRendererContext<K, D>) => {\n // specify the listItemContext props that we want to expose individually instead of\n // spreading the whole object so that we don't automatically include any new props that\n // may be added to it\n const itemRendererProps: ItemRendererProps<K, D> = {\n data: listItemContext.data,\n index: listItemContext.index,\n metadata: listItemContext.metadata,\n selector: listItemContext.selector,\n searchText,\n selectedKeys,\n onSelectionChange: ({ value }) => {\n onSelectionChange?.({ value });\n }\n };\n const itemContext = {\n data: listItemContext.data,\n key: listItemContext.metadata.key,\n metadata: listItemContext.metadata\n };\n return itemRenderer ? (\n itemRenderer(itemRendererProps)\n ) : (\n <Flex align=\"center\">\n {listItemContext.selector && (\n <div class={dropdownStyles.selectorWrapper}>{listItemContext.selector()}</div>\n )}\n <div\n class={\n selectionMode === 'single'\n ? dropdownStyles.singleSelectItem\n : dropdownStyles.multiSelectItem\n }>\n <ListItemText variant=\"primary\">\n <HighlightText matchText={searchText}>\n {renderItemText(itemContext, itemText, componentName) as string}\n </HighlightText>\n </ListItemText>\n </div>\n </Flex>\n );\n },\n [\n componentName,\n itemRenderer,\n itemText,\n onSelectionChange,\n searchText,\n selectedKeys,\n selectionMode\n ]\n );\n\n const keys = useMemo(() => {\n return { all: false, keys: selectedKeys ?? new Set<K>() };\n }, [selectedKeys]) as Keys<K>;\n\n const currentItemOverride = useMemo(\n () => (currentKey !== undefined ? { rowKey: currentKey } : undefined),\n [currentKey]\n );\n const handleItemAction = useCallback<NonNullable<ListProps<K, D>['onItemAction']>>(\n ({ context: { data, metadata } }) => {\n onItemAction?.({ context: { data, key: metadata.key, metadata } });\n },\n [onItemAction]\n );\n const handleSelectionChange = useCallback<NonNullable<ListProps<K, D>['onSelectionChange']>>(\n ({ value }) => {\n onSelectionChange?.({ value: new Set(value.keys?.values()) });\n },\n [onSelectionChange]\n );\n\n return (\n <List<K, D>\n aria-label={ariaLabel}\n allowTabbableMode={false}\n currentItemVariant={currentItemVariant}\n currentItemOverride={currentItemOverride}\n data={data ?? null}\n onPersistCurrentItem={onCurrentKeyChange}\n onItemAction={handleItemAction}\n onLoadRange={onLoadRange}\n onSelectionChange={handleSelectionChange}\n role=\"listbox\"\n selectedKeys={keys}\n selectionMode={selectionMode}>\n {(context: ListItemRendererContext<K, D>) => listItemRenderer(context)}\n </List>\n );\n}\n","export const isSimpleClick = (event: MouseEvent) => {\n return event.button === 0 && !event.ctrlKey;\n};\n\nexport const preventDefault = (event: Event) => {\n event.preventDefault();\n};\n\nexport const preventDefaultForCurrentTarget = (event: MouseEvent) => {\n if (event.currentTarget === event.target) {\n event.preventDefault();\n }\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { DropdownArrowIcon } from '../PRIVATE_ThemedIcons/DropdownArrowIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ButtonLabelLayoutRedwoodTheme } from '#UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme';\nimport type { ButtonLabelLayoutVariantOptions } from '#UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { BaseButtonRedwoodTheme } from '#UNSAFE_BaseButton/themes/redwood/BaseButtonTheme';\n\ntype Props = TestIdProps & {\n isDisabled?: boolean;\n onClick?: () => void;\n};\n\nconst noop = () => {};\n\nexport function DropdownArrow({ isDisabled = false, onClick, testId }: Props) {\n const { classes } = useComponentTheme<ButtonLabelLayoutVariantOptions>(\n ButtonLabelLayoutRedwoodTheme,\n { size: 'sm' }\n );\n const { baseTheme } = useComponentTheme(BaseButtonRedwoodTheme);\n\n const preventDefault = useCallback((event: Event) => {\n event.preventDefault();\n }, []);\n const { pressProps } = usePress(onClick ?? noop, { isDisabled });\n\n // TODO: JET-67410 replace this with a icon button\n const styleClasses = classNames([\n classes,\n baseTheme,\n dropdownStyles.arrow.base,\n isDisabled ? dropdownStyles.arrow.disabled : dropdownStyles.arrow.enabled\n ]);\n\n const testIdProps = useTestId(testId);\n\n return (\n <span\n aria-hidden=\"true\"\n class={styleClasses}\n tabIndex={-1}\n onMouseDown={preventDefault}\n {...testIdProps}\n {...pressProps}>\n <DropdownArrowIcon />\n </span>\n );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, Ref } from 'preact';\n\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = Pick<ComponentProps<'div'>, 'id' | 'onKeyDown'> & {\n children?: ComponentChildren;\n dropdownListRef?: Ref<HTMLDivElement>;\n hasTopGap?: boolean;\n hasBottomGap?: boolean;\n isLoading?: boolean;\n};\n\nexport function DropdownList({\n children,\n id,\n dropdownListRef,\n hasTopGap = true,\n hasBottomGap = true,\n isLoading = false,\n onKeyDown\n}: Props) {\n const styleClasses = classNames([\n dropdownStyles.list.base,\n hasTopGap && dropdownStyles.list.topGap,\n hasBottomGap && dropdownStyles.list.bottomGap,\n isLoading && dropdownStyles.list.loading\n ]);\n return (\n <CollectionInteractionContext.Provider value={'embedded'}>\n <div\n ref={dropdownListRef}\n class={styleClasses}\n id={id}\n onMouseDown={preventDefaultForCurrentTarget}\n onKeyDown={onKeyDown}>\n {children}\n </div>\n </CollectionInteractionContext.Provider>\n );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Text } from '#UNSAFE_Text';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\nexport function EmptyResults() {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n // call preventDefault for mousedown on this div so that focus does not transfer from\n // the input\n return (\n <div class={dropdownStyles.results.extraItem} onMouseDown={preventDefaultForCurrentTarget}>\n <Text variant=\"primary\">{translations.select_noMatchesFound()}</Text>\n </div>\n );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { DataState } from '#UNSAFE_Collection';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nexport function isMobile() {\n const deviceType = getClientHints().deviceType;\n return deviceType === 'phone' || deviceType === 'tablet';\n}\n\n/**\n * Helper function to determine whether the current device is a phone\n * @returns true if running on a phone, false otherwise\n */\nexport function isPhone() {\n return getClientHints().deviceType === 'phone';\n}\n\n/**\n * Helper function to determine whether the current device is a tablet\n * @returns true if running on a tablet, false otherwise\n */\nexport function isTablet() {\n return getClientHints().deviceType === 'tablet';\n}\n\nexport function isBeforeDataFetch<K, D>(data: DataState<K, D>) {\n return data.sizePrecision === 'atLeast' && data.totalSize === 0;\n}\n\nexport function isSearchTextEmptyOrUndefined(searchText?: string) {\n return searchText === undefined || searchText.length === 0;\n}\n\nexport function isSearchClearedFirstTime(prevSearchText?: string, searchText?: string) {\n return prevSearchText === undefined && searchText === '';\n}\n\n/**\n * Extract keys from a value items array.\n *\n * @param valueItems The value items from which the keys are to be extracted\n * @returns The set of keys\n */\nexport function createKeysFromValueItems<K, D>(valueItems?: Item<K, D>[]) {\n const keys = valueItems?.reduce((accumKeys, currentItem) => {\n accumKeys.add(currentItem.key);\n return accumKeys;\n }, new Set<K>());\n return keys;\n}\n","import type { DataState } from '#UNSAFE_Collection';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport { useMemo } from 'preact/compat';\n\ntype Key = string | number;\ntype Data = Record<string, any>;\n\ntype UseCollectionRendererCommonParams<K> = {\n currentKey?: K;\n searchText?: string;\n selectedKeys?: Set<K>;\n onCurrentKeyChange: (detail: { value?: K }) => void;\n};\n\nexport type UseCollectionRendererSelectSingleParams<K, D> = UseCollectionRendererCommonParams<K> & {\n onItemAction: (detail: { context: Item<K, D> }) => void;\n onSelectedKeysChange?: never;\n selectedOnlyData?: never;\n};\n\nexport type UseCollectionRendererSelectMultipleParams<K, D> =\n UseCollectionRendererCommonParams<K> & {\n onItemAction?: never;\n onSelectedKeysChange: (detail: { value: Set<K> }) => void;\n selectedOnlyData?: DataState<K, D>;\n };\n\ntype UseCollectionRendererParams<K, D> =\n | UseCollectionRendererSelectSingleParams<K, D>\n | UseCollectionRendererSelectMultipleParams<K, D>;\n\ntype CommonCollectionRendererContext<K extends Key> = {\n searchText?: string;\n currentRowKeyOverride?: K;\n onPersistCurrentRowKey: (detail: { value?: K }) => void;\n selected?: Set<K>;\n};\n\nexport type SelectSingleCollectionRendererContext<\n K extends Key,\n D extends Data\n> = CommonCollectionRendererContext<K> & {\n onRowAction: (detail: { context: Item<K, D> }) => void;\n};\n\nexport type SelectMultipleCollectionRendererContext<\n K extends Key,\n D extends Data\n> = CommonCollectionRendererContext<K> & {\n onSelectedChange: (detail: { value: Set<K> }) => void;\n selectedOnlyData?: DataState<K, D>;\n};\n\ntype CollectionRendererContext<K extends Key, D extends Data> =\n | SelectSingleCollectionRendererContext<K, D>\n | SelectMultipleCollectionRendererContext<K, D>;\n\n// NOTE: We will using a single hook that constructs the collection renderer context for both select single and\n// select multiple. This is ok as they both share most of the properties and differ only in a few areas. So, we will\n// be using function overloading to determine which component is calling the hook (based on the args) and return the\n// correct context.\n\n/**\n * A custom hook that constructs the context for SelectSingle's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n params: UseCollectionRendererSelectSingleParams<K, D>\n): SelectSingleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectMultiple's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n params: UseCollectionRendererSelectMultipleParams<K, D>\n): SelectMultipleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectSingle/SelectMultiple's collectionRenderer.\n * @param param0 Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>({\n currentKey,\n onCurrentKeyChange,\n onItemAction,\n onSelectedKeysChange,\n searchText,\n selectedKeys,\n selectedOnlyData\n}: UseCollectionRendererParams<K, D>) {\n return useMemo<CollectionRendererContext<K, D>>(() => {\n const common = {\n searchText,\n currentRowKeyOverride: currentKey,\n onPersistCurrentRowKey: onCurrentKeyChange,\n selected: selectedKeys\n } satisfies CommonCollectionRendererContext<K>;\n\n // If onItemAction is present, then we are constructing context for SelectSingle. So,\n // return the context satisfying SelectSingleCollectionRendererContext type.\n if (onItemAction !== undefined)\n return {\n ...common,\n onRowAction: onItemAction\n } satisfies SelectSingleCollectionRendererContext<K, D>;\n\n // If onItemAction is not present, then we are constructing context for SelectMultiple. So,\n // return the context satisfying SelectMultipleCollectionRendererContext type.\n return {\n ...common,\n onSelectedChange: onSelectedKeysChange,\n selectedOnlyData\n } satisfies SelectMultipleCollectionRendererContext<K, D>;\n }, [\n currentKey,\n onCurrentKeyChange,\n onItemAction,\n onSelectedKeysChange,\n searchText,\n selectedKeys,\n selectedOnlyData\n ]);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport type { DataState } from '#UNSAFE_Collection';\nimport type { PositionData } from '#UNSAFE_Floating';\nimport { KEYS, isControlOrFunctionKey } from '#utils/PRIVATE_keyboardUtils';\nimport { allTabbableElements } from '#utils/PRIVATE_tabbableUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { isSimpleClick } from './eventUtils';\n\ntype UseSelectCommonProps<K, D> = {\n data?: DataState<K, D> | null;\n inputRef: RefObject<HTMLElement>;\n isFocused?: boolean;\n onFilter?: ({ searchText }: { searchText?: string }) => void;\n};\n\nexport type CurrentKeyDetail<K> = {\n value?: K;\n};\n\n/**\n * Hook that manages state and behavior for a Select* component. This hook creates state\n * variables and event listeners, returning properties to apply to components internally\n * rendered by a Select* component, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isFocused Specifies whether the component has focus.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n *\n * @returns Component state and event listeners.\n */\nexport function useSelectCommon<K, D>({\n data,\n inputRef,\n isFocused,\n onFilter\n}: UseSelectCommonProps<K, D>) {\n const mainFieldRef = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [isDropdownOpen, setDropdownOpen] = useState(false);\n const [isDropdownAbove, setDropdownAbove] = useState(false);\n\n // We only need to push currentRow when we need to override the\n // current row, like when the dropdown is opened and we want to set the initial\n // focused row or when filtering and we want to focus the first row.\n const [currentRowOverride, _setCurrentRowOverride] = useState<{ rowKey?: K }>({\n rowKey: undefined\n });\n // We still need information on what the current row actually is, but we do not need\n // to react to it until certain scenarios like pressing Tab from the dropdown. So, we\n // just store this in a ref.\n const currentRowKeyRef = useRef<K>();\n // When we want to update the currentRowOverride, we also want to keep the currentRowKeyRef\n // in sync as the collection will not call onChanged for this change.\n const setCurrentRowOverride = useCallback((currentRow: { rowKey?: K }) => {\n currentRowKeyRef.current = currentRow.rowKey;\n _setCurrentRowOverride(currentRow);\n }, []);\n const [isUserFiltering, setUserFiltering] = useState(false);\n const [userInput, setUserInput] = useState<string>();\n const [searchText, setSearchText] = useState<string>();\n\n const [prevIsDropdownOpen, setPrevIsDropdownOpen] = useState(isDropdownOpen);\n const [prevIsFocused, setPrevIsFocused] = useState(isFocused);\n const [prevIsUserFiltering, setPrevIsUserFiltering] = useState(isUserFiltering);\n\n const onMouseDown = useCallback(\n (event: MouseEvent) => {\n // const target = event.target as HTMLElement;\n if (event.defaultPrevented || !isSimpleClick(event)) {\n return;\n }\n if (!isDropdownOpen) {\n setDropdownOpen(true);\n }\n // this is needed to focus the input when clicking on the inside label when there is no\n // value; otherwise the component looks focused but doesn't actually have physical focus\n setTimeout(function () {\n inputRef.current?.focus();\n }, 0);\n },\n [inputRef, isDropdownOpen]\n );\n\n const handleDropdownArrowClick = useCallback(() => {\n setDropdownOpen(!isDropdownOpen);\n\n // focus the input so that if the user Tabs afterwards, it loses focus and the dropdown closes\n inputRef.current?.focus();\n }, [inputRef, isDropdownOpen]);\n\n const handleDropdownAutoDismiss = useCallback(\n (event?: Event) => {\n if (isDropdownOpen) {\n setDropdownOpen(false);\n\n switch (event?.type) {\n case 'keydown': {\n const keyboardEvent = event as KeyboardEvent;\n switch (keyboardEvent.code) {\n case KEYS.ESC:\n // focus the input when the user cancels out of the dropdown\n inputRef.current?.focus();\n break;\n default:\n break;\n }\n break;\n }\n case 'mousedown':\n // if focus is in the dropdown, focus the input before the dropdown is hidden so that\n // focus will transfer correctly when the target is not focusable;\n // otherwise the text cursor appears in the input again\n if (dropdownRef.current?.contains(document.activeElement)) {\n inputRef.current?.focus();\n }\n break;\n default:\n break;\n }\n }\n },\n [inputRef, isDropdownOpen]\n );\n\n const handleDropdownPosition = useCallback((data: PositionData) => {\n setDropdownAbove(data.placement.startsWith('top'));\n }, []);\n\n const getDropdownTabbableElems = useCallback(() => {\n return isDropdownOpen && dropdownRef.current\n ? allTabbableElements(dropdownRef.current)\n : undefined;\n }, [isDropdownOpen]);\n\n const handleUpDownArrowKeys = useCallback(\n (event: KeyboardEvent) => {\n if (!isDropdownOpen) {\n setDropdownOpen(true);\n } else {\n // JET-64909 - focus / 'current' dropped when arrow keying during loading\n // Transfer physical focus into the dropdown only if the data is present and the dropdown\n // has rendered the data. Otherwise, keep the focus in the field.\n if (data != null) {\n const tabbableElems = getDropdownTabbableElems();\n tabbableElems?.[0]?.focus();\n\n // if there is no current item set, make the first item current\n if (currentRowOverride.rowKey === undefined) {\n setCurrentRowOverride({ rowKey: data.data[0]?.metadata?.key });\n }\n }\n }\n\n // prevent the page from scrolling\n event.preventDefault();\n },\n [currentRowOverride, data, getDropdownTabbableElems, isDropdownOpen, setCurrentRowOverride]\n );\n\n const handleMainFieldKeyDown = useCallback(\n (event: KeyboardEvent) => {\n // const target = event.target as HTMLElement;\n // ignore control key and function key\n if (isControlOrFunctionKey(event)) {\n return;\n }\n\n switch (event.code) {\n case KEYS.PAGE_UP:\n case KEYS.PAGE_DOWN:\n // prevent the page from scrolling\n event.preventDefault();\n\n return;\n\n case KEYS.UP:\n case KEYS.DOWN:\n // prevent the page from scrolling\n event.preventDefault();\n break;\n\n case KEYS.ESC:\n if (isDropdownOpen) {\n setDropdownOpen(false);\n\n event.preventDefault();\n\n // JET-53183 - core pack compat: stop propagation of handled events\n // we don't want a parent collection component to stop editing the row when we close\n // the dropdown\n event.stopPropagation();\n }\n break;\n\n default:\n break;\n }\n },\n [isDropdownOpen]\n );\n\n const handleMainFieldKeyUp = useCallback(\n (event: KeyboardEvent) => {\n // ignore control key and function key\n if (isControlOrFunctionKey(event)) {\n return;\n }\n\n switch (event.code) {\n case KEYS.UP:\n case KEYS.DOWN:\n handleUpDownArrowKeys(event);\n break;\n\n default:\n break;\n }\n },\n [handleUpDownArrowKeys]\n );\n\n const handleInput = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n if (!isDropdownOpen) {\n setDropdownOpen(true);\n }\n setUserFiltering(true);\n setUserInput(detail.value);\n const str = detail.value;\n setSearchText(str);\n onFilter?.({ searchText: str });\n },\n [isDropdownOpen, onFilter]\n );\n\n const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K>) => {\n // when the collection changes the current key, we only want to store the information\n // and not do anything.\n currentRowKeyRef.current = detail.value;\n }, []);\n\n const stopFiltering = useCallback(() => {\n setUserFiltering(false);\n setUserInput('');\n // Set this to `undefined` as this represents the initial state.\n // We need to do this for select-single as we need to highlight different\n // rows based on whether it is the initial dropdown navigation or empty filter navigation.\n setSearchText(undefined);\n }, []);\n\n const updateFiltering = useCallback((value?: string) => {\n setUserFiltering(true);\n setUserInput(value);\n setSearchText(value);\n }, []);\n\n // the user is not actively filtering if the dropdown is closed and the component doesn't\n // have focus\n if (\n prevIsDropdownOpen !== isDropdownOpen ||\n prevIsFocused !== isFocused ||\n prevIsUserFiltering !== isUserFiltering\n ) {\n if (!isDropdownOpen && !isFocused && isUserFiltering) {\n stopFiltering();\n }\n }\n\n // need to call onFilter with undefined searchText when the dropdown opens and the\n // user is NOT filtering\n useEffect(() => {\n if (isDropdownOpen && !isUserFiltering) {\n onFilter?.({ searchText: undefined });\n }\n }, [isDropdownOpen, isUserFiltering, onFilter]);\n\n // when the dropdown closes, reset the isDropdownAbove flag\n if (prevIsDropdownOpen !== isDropdownOpen) {\n if (!isDropdownOpen) {\n setDropdownAbove(false);\n }\n setPrevIsDropdownOpen(isDropdownOpen);\n }\n\n if (prevIsFocused !== isFocused) {\n setPrevIsFocused(isFocused);\n }\n if (prevIsUserFiltering !== isUserFiltering) {\n setPrevIsUserFiltering(isUserFiltering);\n }\n\n return {\n currentRowKeyRef,\n currentRowOverride,\n dropdownRef,\n getDropdownTabbableElems,\n handleDropdownArrowClick,\n handleDropdownAutoDismiss,\n handleDropdownPosition,\n handleInput,\n handleMainFieldKeyDown,\n handleMainFieldKeyUp,\n handleUpDownArrowKeys,\n isDropdownAbove,\n isDropdownOpen,\n // the field should remain to look focused while the dropdown is open,\n // in case physical focus is in the dropdown\n isFocused: isFocused || isDropdownOpen,\n isUserFiltering,\n mainFieldRef,\n onCurrentKeyChange,\n onMouseDown,\n searchText,\n setCurrentRowOverride,\n setDropdownOpen,\n setUserInput,\n stopFiltering,\n updateFiltering,\n userInput\n };\n}\n"],"names":["renderItemText","item","itemText","componentName","itemData","data","Object","prototype","hasOwnProperty","call","retData","String","error","noOp","isSimpleClick","event","button","ctrlKey","preventDefaultForCurrentTarget","currentTarget","target","preventDefault","noop","ariaLabel","currentItemVariant","currentKey","itemRenderer","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","itemRendererProps","index","metadata","selector","value","itemContext","key","_jsxs","jsxs","Flex","align","children","_jsx","class","dropdownStyles","selectorWrapper","singleSelectItem","multiSelectItem","ListItemText","variant","jsx","HighlightText","matchText","keys","useMemo","all","Set","currentItemOverride","undefined","rowKey","handleItemAction","context","handleSelectionChange","values","List","allowTabbableMode","onPersistCurrentItem","role","isDisabled","onClick","testId","classes","useComponentTheme","ButtonLabelLayoutRedwoodTheme","size","baseTheme","BaseButtonRedwoodTheme","pressProps","usePress","styleClasses","classNames","arrow","base","disabled","enabled","testIdProps","useTestId","tabIndex","onMouseDown","DropdownArrowIcon","SvgCaretDown","id","dropdownListRef","hasTopGap","hasBottomGap","isLoading","onKeyDown","list","topGap","bottomGap","loading","CollectionInteractionContext","Provider","ref","translations","useTranslationBundle","results","extraItem","Text","select_noMatchesFound","valueItems","reduce","accumKeys","currentItem","add","sizePrecision","totalSize","deviceType","getClientHints","prevSearchText","length","onSelectedKeysChange","selectedOnlyData","common","currentRowKeyOverride","onPersistCurrentRowKey","selected","onRowAction","onSelectedChange","inputRef","isFocused","onFilter","mainFieldRef","useRef","dropdownRef","isDropdownOpen","setDropdownOpen","useState","isDropdownAbove","setDropdownAbove","currentRowOverride","_setCurrentRowOverride","currentRowKeyRef","setCurrentRowOverride","currentRow","current","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","prevIsDropdownOpen","setPrevIsDropdownOpen","prevIsFocused","setPrevIsFocused","prevIsUserFiltering","setPrevIsUserFiltering","defaultPrevented","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","type","code","KEYS","ESC","contains","document","activeElement","handleDropdownPosition","placement","startsWith","getDropdownTabbableElems","allTabbableElements","handleUpDownArrowKeys","tabbableElems","handleMainFieldKeyDown","isControlOrFunctionKey","PAGE_UP","PAGE_DOWN","UP","DOWN","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","stopFiltering","updateFiltering","useEffect"],"mappings":"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"}
|
|
@@ -17,6 +17,7 @@ var Axis = require('./Axis-a3a56403.js');
|
|
|
17
17
|
var useChartViewport = require('./useChartViewport-25f7d6db.js');
|
|
18
18
|
var useChartNav = require('./useChartNav-c69c817e.js');
|
|
19
19
|
var mergeProps = require('./mergeProps-e3da7237.js');
|
|
20
|
+
var ScrollBar = require('./ScrollBar-76e58249.js');
|
|
20
21
|
var useSelectDrill = require('./useSelectDrill-0b4b47ec.js');
|
|
21
22
|
var useTestId = require('./useTestId-4f53d561.js');
|
|
22
23
|
var cssUtils = require('./cssUtils-60d6bb40.js');
|
|
@@ -43,7 +44,6 @@ var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
|
|
|
43
44
|
var useChartDatatip = require('./useChartDatatip-1bceba5d.js');
|
|
44
45
|
var preact = require('preact');
|
|
45
46
|
var stringUtils = require('./stringUtils-3e19c8af.js');
|
|
46
|
-
var ScrollBar = require('./ScrollBar-76e58249.js');
|
|
47
47
|
|
|
48
48
|
/**
|
|
49
49
|
* @license
|
|
@@ -751,4 +751,4 @@ const Chart = compat.forwardRef(({ width, height, ...props }, ref = null) => {
|
|
|
751
751
|
});
|
|
752
752
|
|
|
753
753
|
exports.Chart = Chart;
|
|
754
|
-
//# sourceMappingURL=Chart-
|
|
754
|
+
//# sourceMappingURL=Chart-966da017.js.map
|