@oracle/oraclejet-preact 20.0.2 → 20.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/amd/BaseCardView-b8119561.js +2 -0
- package/amd/{BaseCardView-16fda4c3.js.map → BaseCardView-b8119561.js.map} +1 -1
- package/amd/CardFlexView-aa2f3de8.js +2 -0
- package/amd/{CardFlexView-d3eb7373.js.map → CardFlexView-aa2f3de8.js.map} +1 -1
- package/amd/CardGridView-85f90c75.js +2 -0
- package/amd/{CardGridView-842f70cd.js.map → CardGridView-85f90c75.js.map} +1 -1
- package/amd/CheckboxSet-f000e5c2.js +2 -0
- package/amd/CheckboxSet-f000e5c2.js.map +1 -0
- package/amd/ExpandableList-233c279e.js +2 -0
- package/amd/{ExpandableList-a9a86ad8.js.map → ExpandableList-233c279e.js.map} +1 -1
- package/amd/{InlineSelectSingle-7c1cc5b5.js → InlineSelectSingle-87bc8a45.js} +2 -2
- package/amd/{InlineSelectSingle-7c1cc5b5.js.map → InlineSelectSingle-87bc8a45.js.map} +1 -1
- package/amd/ListView-2678b2af.js +2 -0
- package/amd/{ListView-6d21e8f9.js.map → ListView-2678b2af.js.map} +1 -1
- package/amd/NavigationList-a6bb123d.js +2 -0
- package/amd/NavigationList-a6bb123d.js.map +1 -0
- package/amd/NavigationListItem-10bf6656.js +2 -0
- package/amd/NavigationListItem-10bf6656.js.map +1 -0
- package/amd/NavigationListLinkItem-df1826e6.js +2 -0
- package/amd/NavigationListLinkItem-df1826e6.js.map +1 -0
- package/amd/{OverflowTabBar-5ff68da7.js → OverflowTabBar-f8bf9356.js} +2 -2
- package/amd/{OverflowTabBar-5ff68da7.js.map → OverflowTabBar-f8bf9356.js.map} +1 -1
- package/amd/OverflowTabBarItem-0aa39512.js +2 -0
- package/amd/{OverflowTabBarItem-926b0c8a.js.map → OverflowTabBarItem-0aa39512.js.map} +1 -1
- package/amd/PRIVATE_BaseCardView.js +1 -1
- package/amd/PRIVATE_SelectCommon.js +1 -1
- package/amd/PRIVATE_TableList.js +1 -1
- package/amd/RemovableNavigationListItem-60593d4c.js +2 -0
- package/amd/{RemovableNavigationListItem-e298c5de.js.map → RemovableNavigationListItem-60593d4c.js.map} +1 -1
- package/amd/ReorderableTabBar-19a503c7.js +2 -0
- package/amd/{ReorderableTabBar-0c69bfd4.js.map → ReorderableTabBar-19a503c7.js.map} +1 -1
- package/amd/{SelectMobileFieldInput-d499ef86.js → SelectMobileFieldInput-4795a794.js} +2 -2
- package/amd/{SelectMobileFieldInput-d499ef86.js.map → SelectMobileFieldInput-4795a794.js.map} +1 -1
- package/amd/{SelectMultiple-cc9bffc6.js → SelectMultiple-e216b16c.js} +2 -2
- package/amd/{SelectMultiple-cc9bffc6.js.map → SelectMultiple-e216b16c.js.map} +1 -1
- package/amd/{SelectSingle-2bb35b67.js → SelectSingle-d53cf202.js} +2 -2
- package/amd/{SelectSingle-2bb35b67.js.map → SelectSingle-d53cf202.js.map} +1 -1
- package/amd/TabBar-92bac52f.js +2 -0
- package/amd/{TabBar-de723fbc.js.map → TabBar-92bac52f.js.map} +1 -1
- package/amd/TabBarMixed-5b5a5047.js +2 -0
- package/amd/{TabBarMixed-cfd346bf.js.map → TabBarMixed-5b5a5047.js.map} +1 -1
- package/amd/TextArea-345f89d4.js +2 -0
- package/amd/TextArea-345f89d4.js.map +1 -0
- package/amd/TextAreaAutosize-01dfd98e.js +2 -0
- package/amd/{TextAreaAutosize-3a13ebb2.js.map → TextAreaAutosize-01dfd98e.js.map} +1 -1
- package/amd/Theme-redwood/theme.css +122 -122
- package/amd/Theme-stable/theme.css +174 -174
- package/amd/UNSAFE_CardFlexView.js +1 -1
- package/amd/UNSAFE_CardGridView.js +1 -1
- package/amd/UNSAFE_CheckboxItem.js +1 -1
- package/amd/UNSAFE_CheckboxItem.js.map +1 -1
- package/amd/UNSAFE_CheckboxSet.js +1 -1
- package/amd/UNSAFE_CheckboxSet.js.map +1 -1
- package/amd/UNSAFE_ExpandableList.js +1 -1
- package/amd/UNSAFE_InlineSelectSingle.js +1 -1
- package/amd/UNSAFE_ListView.js +1 -1
- package/amd/UNSAFE_NavigationList.js +1 -1
- package/amd/UNSAFE_NavigationListCommon.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_TextArea.js +1 -1
- package/amd/UNSAFE_TextAreaAutosize.js +1 -1
- package/amd/UNSAFE_VirtualizedListView.js +1 -1
- package/amd/VirtualizedListView-a0f338c2.js +2 -0
- package/amd/{VirtualizedListView-1ae7151d.js.map → VirtualizedListView-a0f338c2.js.map} +1 -1
- package/amd/{useDisplayValue-0e90bf4c.js → useDisplayValue-9b671893.js} +2 -2
- package/amd/{useDisplayValue-0e90bf4c.js.map → useDisplayValue-9b671893.js.map} +1 -1
- package/amd/useNavigationListItem-582f5564.js +2 -0
- package/amd/useNavigationListItem-582f5564.js.map +1 -0
- package/amd/useSelectCommon-f33709d2.js +2 -0
- package/amd/{useSelectCommon-a02ddf3c.js.map → useSelectCommon-f33709d2.js.map} +1 -1
- package/cjs/{BaseCardView-c0909427.js → BaseCardView-ba63723a.js} +4 -1
- package/cjs/{BaseCardView-c0909427.js.map → BaseCardView-ba63723a.js.map} +1 -1
- package/cjs/{NavigationListItem-3b9eb0fb.js → NavigationList-d0d74565.js} +21 -8
- package/cjs/NavigationList-d0d74565.js.map +1 -0
- package/cjs/NavigationListItem-b0b03089.js +12 -0
- package/cjs/NavigationListItem-b0b03089.js.map +1 -0
- package/cjs/{NavigationListLinkItem-62c3912e.js → NavigationListLinkItem-317a5200.js} +8 -99
- package/cjs/NavigationListLinkItem-317a5200.js.map +1 -0
- package/cjs/{OverflowTabBarItem-abcd2327.js → OverflowTabBarItem-19ad4971.js} +6 -4
- package/cjs/{OverflowTabBarItem-abcd2327.js.map → OverflowTabBarItem-19ad4971.js.map} +1 -1
- package/cjs/PRIVATE_BaseCardView.js +1 -1
- package/cjs/PRIVATE_TableList.js +4 -4
- package/cjs/SegmentStyles.styles.css +9 -12
- package/cjs/SegmentStyles.styles2.css +12 -9
- package/cjs/{TabBar-27ae2c21.js → TabBar-d84e222e.js} +9 -1
- package/cjs/{TabBar-27ae2c21.js.map → TabBar-d84e222e.js.map} +1 -1
- package/cjs/{TabBarLinkItem-b0c4b100.js → TabBarLinkItem-e924f83b.js} +2 -2
- package/cjs/{TabBarLinkItem-b0c4b100.js.map → TabBarLinkItem-e924f83b.js.map} +1 -1
- package/cjs/Theme-redwood/theme.css +131 -131
- package/cjs/Theme-stable/theme.css +233 -233
- package/cjs/UNSAFE_CardFlexView.js +1 -1
- package/cjs/UNSAFE_CardGridView.js +1 -1
- package/cjs/UNSAFE_ListView.js +53 -53
- package/cjs/UNSAFE_NavigationList.js +17 -15
- package/cjs/UNSAFE_NavigationList.js.map +1 -1
- package/cjs/UNSAFE_NavigationListCommon.js +14 -13
- package/cjs/UNSAFE_NavigationListCommon.js.map +1 -1
- package/cjs/UNSAFE_OverflowTabBar.js +56 -53
- package/cjs/UNSAFE_OverflowTabBar.js.map +1 -1
- package/cjs/UNSAFE_ReorderableTabBar.js +43 -30
- package/cjs/UNSAFE_ReorderableTabBar.js.map +1 -1
- package/cjs/UNSAFE_TabBar.js +57 -54
- package/cjs/UNSAFE_TabBar.js.map +1 -1
- package/cjs/UNSAFE_TabBarCommon.js +78 -75
- package/cjs/UNSAFE_TabBarCommon.js.map +1 -1
- package/cjs/UNSAFE_TabBarMixed.js +38 -35
- package/cjs/UNSAFE_TabBarMixed.js.map +1 -1
- package/cjs/useNavigationListItem-b97e76d5.js +104 -0
- package/cjs/useNavigationListItem-b97e76d5.js.map +1 -0
- package/es/{Chart-b866a74c.js → Chart-8c63da28.js} +2 -2
- package/es/{Chart-b866a74c.js.map → Chart-8c63da28.js.map} +1 -1
- package/es/PRIVATE_Chart.js +4 -4
- package/es/TextArea-93ce78a7.js +225 -0
- package/es/TextArea-93ce78a7.js.map +1 -0
- package/es/Theme-redwood/theme.css +427 -427
- package/es/Theme-stable/theme.css +583 -583
- package/es/UNSAFE_BarChart.js +4 -4
- package/es/UNSAFE_ComboChart.js +4 -4
- package/es/UNSAFE_LineAreaChart.js +4 -4
- package/es/UNSAFE_ScatterChart.js +4 -4
- package/es/UNSAFE_TextArea.js +106 -226
- package/es/UNSAFE_TextArea.js.map +1 -1
- package/es/UNSAFE_TextAreaAutosize.js +1 -1
- package/package.json +2 -2
- package/amd/BaseCardView-16fda4c3.js +0 -2
- package/amd/CardFlexView-d3eb7373.js +0 -2
- package/amd/CardGridView-842f70cd.js +0 -2
- package/amd/CheckboxSetContext-2e486ea8.js +0 -2
- package/amd/CheckboxSetContext-2e486ea8.js.map +0 -1
- package/amd/ExpandableList-a9a86ad8.js +0 -2
- package/amd/ListView-6d21e8f9.js +0 -2
- package/amd/NavigationListItem-9df5446c.js +0 -2
- package/amd/NavigationListItem-9df5446c.js.map +0 -1
- package/amd/NavigationListLinkItem-161049bb.js +0 -2
- package/amd/NavigationListLinkItem-161049bb.js.map +0 -1
- package/amd/OverflowTabBarItem-926b0c8a.js +0 -2
- package/amd/RemovableNavigationListItem-e298c5de.js +0 -2
- package/amd/ReorderableTabBar-0c69bfd4.js +0 -2
- package/amd/TabBar-de723fbc.js +0 -2
- package/amd/TabBarMixed-cfd346bf.js +0 -2
- package/amd/TextArea-4a3b8b56.js +0 -2
- package/amd/TextArea-4a3b8b56.js.map +0 -1
- package/amd/TextAreaAutosize-3a13ebb2.js +0 -2
- package/amd/VirtualizedListView-1ae7151d.js +0 -2
- package/amd/useSelectCommon-a02ddf3c.js +0 -2
- package/amd/useTextAreaAltEnter-32272da6.js +0 -2
- package/amd/useTextAreaAltEnter-32272da6.js.map +0 -1
- package/cjs/NavigationListItem-3b9eb0fb.js.map +0 -1
- package/cjs/NavigationListLinkItem-62c3912e.js.map +0 -1
- package/es/useTextAreaAltEnter-ac460f4c.js +0 -61
- package/es/useTextAreaAltEnter-ac460f4c.js.map +0 -1
package/es/UNSAFE_BarChart.js
CHANGED
|
@@ -5,7 +5,7 @@ import { u as useUser } from './useUser-06d34d19.js';
|
|
|
5
5
|
import { B as BarGroup, g as getBarPosition, a as getSeriesOffsetAndWidth, b as getBarCenterCoordinate } from './BarGroup-3c121a3c.js';
|
|
6
6
|
import { g as getNextItemInSeries, a as getPrevItemInSeries, b as getNextItemInGroup, c as getPrevItemInGroup, d as getItemColor } from './dataStyleUtils-82159c06.js';
|
|
7
7
|
import { forwardRef } from 'preact/compat';
|
|
8
|
-
import { C as Chart } from './Chart-
|
|
8
|
+
import { C as Chart } from './Chart-8c63da28.js';
|
|
9
9
|
import './themeContract.css-1ffed3bf.js';
|
|
10
10
|
import './utils-b1eb54f9.js';
|
|
11
11
|
import './colorUtils-b3804ee8.js';
|
|
@@ -71,6 +71,9 @@ import './mergeProps-88ea8306.js';
|
|
|
71
71
|
import './useChartNav-49b52017.js';
|
|
72
72
|
import './layoutUtils-ec5be703.js';
|
|
73
73
|
import './useVisHover-d7a0b2f3.js';
|
|
74
|
+
import './ScrollBar-c7a5d361.js';
|
|
75
|
+
import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
|
|
76
|
+
import './ScrollBarStyles.styles.css';
|
|
74
77
|
import './useSelectDrill-f669e729.js';
|
|
75
78
|
import './useChartDataCursor-f79f98ec.js';
|
|
76
79
|
import './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
|
|
@@ -279,9 +282,6 @@ import './OverviewSlidingWindow-a8a4c9ef.js';
|
|
|
279
282
|
import './PRIVATE_VisOverview/themes/VisOverview.css.js';
|
|
280
283
|
import './VisOverview.styles.css';
|
|
281
284
|
import './DragH-3ab8136b.js';
|
|
282
|
-
import './ScrollBar-c7a5d361.js';
|
|
283
|
-
import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
|
|
284
|
-
import './ScrollBarStyles.styles.css';
|
|
285
285
|
|
|
286
286
|
/**
|
|
287
287
|
* @license
|
package/es/UNSAFE_ComboChart.js
CHANGED
|
@@ -11,7 +11,7 @@ import { c as colorSchemeVars } from './themeContract.css-1ffed3bf.js';
|
|
|
11
11
|
import { B as BarGroup, g as getBarPosition } from './BarGroup-3c121a3c.js';
|
|
12
12
|
import { g as getLineAreaChartItemPosition } from './chartUtils-edefe22f.js';
|
|
13
13
|
import { forwardRef } from 'preact/compat';
|
|
14
|
-
import { C as Chart } from './Chart-
|
|
14
|
+
import { C as Chart } from './Chart-8c63da28.js';
|
|
15
15
|
import './utils-b1eb54f9.js';
|
|
16
16
|
import './colorUtils-b3804ee8.js';
|
|
17
17
|
import './_curry1-63949a9b.js';
|
|
@@ -75,6 +75,9 @@ import './mergeProps-88ea8306.js';
|
|
|
75
75
|
import './useChartNav-49b52017.js';
|
|
76
76
|
import './layoutUtils-ec5be703.js';
|
|
77
77
|
import './useVisHover-d7a0b2f3.js';
|
|
78
|
+
import './ScrollBar-c7a5d361.js';
|
|
79
|
+
import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
|
|
80
|
+
import './ScrollBarStyles.styles.css';
|
|
78
81
|
import './useSelectDrill-f669e729.js';
|
|
79
82
|
import './useChartDataCursor-f79f98ec.js';
|
|
80
83
|
import './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
|
|
@@ -281,9 +284,6 @@ import './OverviewSlidingWindow-a8a4c9ef.js';
|
|
|
281
284
|
import './PRIVATE_VisOverview/themes/VisOverview.css.js';
|
|
282
285
|
import './VisOverview.styles.css';
|
|
283
286
|
import './DragH-3ab8136b.js';
|
|
284
|
-
import './ScrollBar-c7a5d361.js';
|
|
285
|
-
import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
|
|
286
|
-
import './ScrollBarStyles.styles.css';
|
|
287
287
|
|
|
288
288
|
const LINE_WITH_AREA_OPACITY = 0.2;
|
|
289
289
|
/**
|
|
@@ -10,7 +10,7 @@ import './accUtils-9d5183c4.js';
|
|
|
10
10
|
import { c as colorSchemeVars } from './themeContract.css-1ffed3bf.js';
|
|
11
11
|
import { g as getLineAreaChartItemPosition } from './chartUtils-edefe22f.js';
|
|
12
12
|
import { forwardRef } from 'preact/compat';
|
|
13
|
-
import { C as Chart } from './Chart-
|
|
13
|
+
import { C as Chart } from './Chart-8c63da28.js';
|
|
14
14
|
import './utils-b1eb54f9.js';
|
|
15
15
|
import './colorUtils-b3804ee8.js';
|
|
16
16
|
import './_curry1-63949a9b.js';
|
|
@@ -74,6 +74,9 @@ import './mergeProps-88ea8306.js';
|
|
|
74
74
|
import './useChartNav-49b52017.js';
|
|
75
75
|
import './layoutUtils-ec5be703.js';
|
|
76
76
|
import './useVisHover-d7a0b2f3.js';
|
|
77
|
+
import './ScrollBar-c7a5d361.js';
|
|
78
|
+
import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
|
|
79
|
+
import './ScrollBarStyles.styles.css';
|
|
77
80
|
import './useSelectDrill-f669e729.js';
|
|
78
81
|
import './useChartDataCursor-f79f98ec.js';
|
|
79
82
|
import './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
|
|
@@ -280,9 +283,6 @@ import './OverviewSlidingWindow-a8a4c9ef.js';
|
|
|
280
283
|
import './PRIVATE_VisOverview/themes/VisOverview.css.js';
|
|
281
284
|
import './VisOverview.styles.css';
|
|
282
285
|
import './DragH-3ab8136b.js';
|
|
283
|
-
import './ScrollBar-c7a5d361.js';
|
|
284
|
-
import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
|
|
285
|
-
import './ScrollBarStyles.styles.css';
|
|
286
286
|
|
|
287
287
|
const LINE_WITH_AREA_OPACITY = 0.2;
|
|
288
288
|
/**
|
|
@@ -8,7 +8,7 @@ import { g as getColorRamp } from './colorUtils-77b8874f.js';
|
|
|
8
8
|
import './accUtils-9d5183c4.js';
|
|
9
9
|
import { L as LineSeries } from './ReferenceLineArea-53129f72.js';
|
|
10
10
|
import { forwardRef } from 'preact/compat';
|
|
11
|
-
import { C as Chart } from './Chart-
|
|
11
|
+
import { C as Chart } from './Chart-8c63da28.js';
|
|
12
12
|
import './themeContract.css-1ffed3bf.js';
|
|
13
13
|
import './utils-b1eb54f9.js';
|
|
14
14
|
import './colorUtils-b3804ee8.js';
|
|
@@ -73,6 +73,9 @@ import './mergeProps-88ea8306.js';
|
|
|
73
73
|
import './useChartNav-49b52017.js';
|
|
74
74
|
import './layoutUtils-ec5be703.js';
|
|
75
75
|
import './useVisHover-d7a0b2f3.js';
|
|
76
|
+
import './ScrollBar-c7a5d361.js';
|
|
77
|
+
import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
|
|
78
|
+
import './ScrollBarStyles.styles.css';
|
|
76
79
|
import './useSelectDrill-f669e729.js';
|
|
77
80
|
import './useChartDataCursor-f79f98ec.js';
|
|
78
81
|
import './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
|
|
@@ -279,9 +282,6 @@ import './OverviewSlidingWindow-a8a4c9ef.js';
|
|
|
279
282
|
import './PRIVATE_VisOverview/themes/VisOverview.css.js';
|
|
280
283
|
import './VisOverview.styles.css';
|
|
281
284
|
import './DragH-3ab8136b.js';
|
|
282
|
-
import './ScrollBar-c7a5d361.js';
|
|
283
|
-
import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
|
|
284
|
-
import './ScrollBarStyles.styles.css';
|
|
285
285
|
|
|
286
286
|
/**
|
|
287
287
|
* Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.
|
package/es/UNSAFE_TextArea.js
CHANGED
|
@@ -1,66 +1,41 @@
|
|
|
1
1
|
/* @oracle/oraclejet-preact: undefined */
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import './FormContext-55fb8000.js';
|
|
7
|
-
import { u as useFormContext } from './useFormContext-bb9dc478.js';
|
|
8
|
-
import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
|
|
2
|
+
export { M as MaxLengthCounter, T as TextArea } from './TextArea-93ce78a7.js';
|
|
3
|
+
import 'preact/jsx-runtime';
|
|
4
|
+
import 'preact/compat';
|
|
5
|
+
import './useCurrentValueReducer-bdf796fa.js';
|
|
9
6
|
import 'preact/hooks';
|
|
10
|
-
import
|
|
11
|
-
import { u as useLengthFilter } from './useLengthFilter-955a0ad5.js';
|
|
12
|
-
import { u as useSelectableTextField } from './useSelectableTextField-949184a5.js';
|
|
13
|
-
import { u as useTextField } from './useTextField-eb9db737.js';
|
|
14
|
-
import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
|
|
15
|
-
import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
|
|
16
|
-
import { L as Label } from './Label-5d1ae8d7.js';
|
|
17
|
-
import './keyboardUtils-986fe923.js';
|
|
18
|
-
import { R as ReadonlyTextField, T as TextFieldInput } from './StyledTextField-7605d76a.js';
|
|
19
|
-
import './ObfuscatedTextFieldInputStyles.styles.css';
|
|
20
|
-
import { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-106ce959.js';
|
|
21
|
-
import { T as TextField } from './TextField-7884fcd7.js';
|
|
22
|
-
import { M as MaxLengthLiveRegion } from './MaxLengthLiveRegion-8099fde5.js';
|
|
23
|
-
import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
|
|
24
|
-
import './SkeletonStyles.styles.css';
|
|
25
|
-
import './TextFieldLoadingStyles.styles.css';
|
|
26
|
-
import './TextFieldStyles.styles.css';
|
|
27
|
-
import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
|
|
28
|
-
import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
|
|
29
|
-
import './logger-c92f309c.js';
|
|
30
|
-
import './TabbableModeContext-7d8ad946.js';
|
|
31
|
-
import './UserAssistanceStyles.styles.css';
|
|
32
|
-
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
|
|
33
|
-
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
|
|
34
|
-
import { a as InlineUserAssistance } from './InlineUserAssistance-890293dd.js';
|
|
35
|
-
import { C as CompactUserAssistance } from './CompactUserAssistance-6aa8894b.js';
|
|
36
|
-
import { m as mergeProps } from './mergeProps-88ea8306.js';
|
|
37
|
-
import './LayerHost-7931b424.js';
|
|
38
|
-
import './TooltipContentStyles.styles.css';
|
|
39
|
-
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
|
|
40
|
-
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
|
|
41
|
-
import './tooltipUtils-af0abd38.js';
|
|
42
|
-
import 'preact';
|
|
43
|
-
import './IconStyle.styles.css';
|
|
44
|
-
import './Popup-992b6c27.js';
|
|
45
|
-
import './LabelStyles.styles.css';
|
|
46
|
-
import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
|
|
47
|
-
import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
|
|
48
|
-
import './InputGroupContext-20bdbd6e.js';
|
|
49
|
-
import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
|
|
50
|
-
import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
|
|
51
|
-
import { d as defaultTextAlignForVariant } from './formControlUtils-84e2af0e.js';
|
|
52
|
-
import { u as useTextAreaAltEnter, M as MaxLengthCounter } from './useTextAreaAltEnter-ac460f4c.js';
|
|
53
|
-
export { M as MaxLengthCounter } from './useTextAreaAltEnter-ac460f4c.js';
|
|
7
|
+
import './useFocusableTextField-8fe41cd4.js';
|
|
54
8
|
import './useFocusWithin-30b1e2d8.js';
|
|
9
|
+
import './FormContext-55fb8000.js';
|
|
10
|
+
import 'preact';
|
|
11
|
+
import './useFormContext-bb9dc478.js';
|
|
12
|
+
import './FormFieldContext-47ca0c20.js';
|
|
13
|
+
import './useId-03dbfdf0.js';
|
|
14
|
+
import './useLengthFilter-955a0ad5.js';
|
|
55
15
|
import './lengthFilter-1b2aeddb.js';
|
|
16
|
+
import './useSelectableTextField-949184a5.js';
|
|
17
|
+
import './useTextField-eb9db737.js';
|
|
56
18
|
import './stringUtils-0fe25200.js';
|
|
57
19
|
import './truncationUtils-e37f95ee.js';
|
|
58
20
|
import './useMessageSeverity-65295e8f.js';
|
|
59
21
|
import './useFormFieldContextProps-31bbc12f.js';
|
|
22
|
+
import './useTranslationBundle-4822502f.js';
|
|
23
|
+
import './LayerHost-7931b424.js';
|
|
24
|
+
import './index-aec1cc7f.js';
|
|
25
|
+
import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
|
|
26
|
+
import './LayerHostStyles.styles.css';
|
|
27
|
+
import './HiddenAccessible-61197e7c.js';
|
|
60
28
|
import './HiddenAccessibleStyles.styles.css';
|
|
29
|
+
import './Label-5d1ae8d7.js';
|
|
61
30
|
import './useFormFieldContext-daf7a676.js';
|
|
62
31
|
import './classNames-4e12b00d.js';
|
|
63
32
|
import './useComponentTheme-d2f9e47f.js';
|
|
33
|
+
import './logger-c92f309c.js';
|
|
34
|
+
import './TabbableModeContext-7d8ad946.js';
|
|
35
|
+
import './UserAssistanceStyles.styles.css';
|
|
36
|
+
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
|
|
37
|
+
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
|
|
38
|
+
import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
64
39
|
import './Flex-03129963.js';
|
|
65
40
|
import './useTestId-f24ac480.js';
|
|
66
41
|
import './boxalignment-8980856d.js';
|
|
@@ -87,13 +62,13 @@ import './MessageBannerStyles.styles.css';
|
|
|
87
62
|
import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
|
|
88
63
|
import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
|
|
89
64
|
import './MessageBannerVariants.styles.css';
|
|
90
|
-
import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
|
|
91
65
|
import './useTooltip-94af94d4.js';
|
|
92
66
|
import './useTooltipControlled-f2cfa454.js';
|
|
93
67
|
import './useHover-85077adb.js';
|
|
94
68
|
import './useToggle-8b7fcefe.js';
|
|
95
69
|
import './useFocus-38c95977.js';
|
|
96
70
|
import './useTouch-4828df25.js';
|
|
71
|
+
import './mergeProps-88ea8306.js';
|
|
97
72
|
import './useAnimation-fe39685e.js';
|
|
98
73
|
import './useThemeInterpolations-e144e8ec.js';
|
|
99
74
|
import './useColorScheme-c4f6caab.js';
|
|
@@ -104,8 +79,34 @@ import './useDensity-1acb0153.js';
|
|
|
104
79
|
import './unsafeDomAccess-453eb74e.js';
|
|
105
80
|
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
|
|
106
81
|
import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
|
|
82
|
+
import './TooltipContentStyles.styles.css';
|
|
107
83
|
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
|
|
84
|
+
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
|
|
85
|
+
import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
|
|
108
86
|
import './TooltipContentVariants.styles.css';
|
|
87
|
+
import './tooltipUtils-af0abd38.js';
|
|
88
|
+
import './EnvironmentProvider-6a0a8212.js';
|
|
89
|
+
import './LayerManager-52a26c55.js';
|
|
90
|
+
import './Floating-4a82db94.js';
|
|
91
|
+
import './useFloating-b9d680f7.js';
|
|
92
|
+
import './useUser-06d34d19.js';
|
|
93
|
+
import './positionUtils-f26caad9.js';
|
|
94
|
+
import './refUtils-76275c69.js';
|
|
95
|
+
import './useOutsideClick-b777a43e.js';
|
|
96
|
+
import './Layer-535577b5.js';
|
|
97
|
+
import './UNSAFE_Layer/themes/LayerStyles.css.js';
|
|
98
|
+
import './LayerStyles.styles.css';
|
|
99
|
+
import './useModal-953082f2.js';
|
|
100
|
+
import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
|
|
101
|
+
import './UNSAFE_Floating/themes/FloatingStyles.css.js';
|
|
102
|
+
import './FloatingStyles.styles.css';
|
|
103
|
+
import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
|
|
104
|
+
import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
|
|
105
|
+
import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
|
|
106
|
+
import './vanilla-extract-dynamic.esm-c909758c.js';
|
|
107
|
+
import './UNSAFE_Floating/themes/FloatingContract.css.js';
|
|
108
|
+
import './useUnsafeDomElementRef-32290273.js';
|
|
109
|
+
import './IconStyle.styles.css';
|
|
109
110
|
import './clientHints-a42b510c.js';
|
|
110
111
|
import './IconButton-7f91481c.js';
|
|
111
112
|
import './BaseButton-41068c85.js';
|
|
@@ -142,6 +143,41 @@ import './MessagesContext-76544845.js';
|
|
|
142
143
|
import './ComponentMessageStyles.styles.css';
|
|
143
144
|
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
|
|
144
145
|
import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
|
|
146
|
+
import './InputGroupContext-20bdbd6e.js';
|
|
147
|
+
import './Popup-992b6c27.js';
|
|
148
|
+
import './tabbableUtils-c8311ec6.js';
|
|
149
|
+
import './head-8f89fe66.js';
|
|
150
|
+
import './_arity-be492b9e.js';
|
|
151
|
+
import './_isArray-694cc52d.js';
|
|
152
|
+
import './_isString-675f1de9.js';
|
|
153
|
+
import './FocusTrap-b59d5752.js';
|
|
154
|
+
import './FocusTracker-70300f1c.js';
|
|
155
|
+
import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
|
|
156
|
+
import './FocusTrackerStyles.styles.css';
|
|
157
|
+
import './Modal-c0f730b8.js';
|
|
158
|
+
import './UNSAFE_Modal/themes/ModalStyles.css.js';
|
|
159
|
+
import './ModalStyles.styles.css';
|
|
160
|
+
import './popupUtils-51366a29.js';
|
|
161
|
+
import './WindowOverlay-7264c44a.js';
|
|
162
|
+
import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
|
|
163
|
+
import './WindowOverlayStyles.styles.css';
|
|
164
|
+
import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
|
|
165
|
+
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
|
|
166
|
+
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
|
|
167
|
+
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
|
|
168
|
+
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
|
|
169
|
+
import './usePopupAnimation-96d2bc83.js';
|
|
170
|
+
import './useAnimationStatus-b881f39a.js';
|
|
171
|
+
import './popupAnimationUtils-175151d9.js';
|
|
172
|
+
import './LiveRegion-cebac18d.js';
|
|
173
|
+
import './LiveRegionStyles.styles.css';
|
|
174
|
+
import './UNSAFE_Popup/themes/PopupContract.css.js';
|
|
175
|
+
import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
|
|
176
|
+
import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js';
|
|
177
|
+
import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
|
|
178
|
+
import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
|
|
179
|
+
import './PopupStyles.styles.css';
|
|
180
|
+
import './colors-03807160.js';
|
|
145
181
|
import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
|
|
146
182
|
import './SeparatorStyles.styles.css';
|
|
147
183
|
import './CompactLabelAssistance-e2fcfcab.js';
|
|
@@ -151,12 +187,24 @@ import './UNSAFE_Icon/themes/IconStyle.css.js';
|
|
|
151
187
|
import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
|
|
152
188
|
import './UNSAFE_Label/themes/redwood/LabelTheme.js';
|
|
153
189
|
import './UNSAFE_Label/themes/LabelStyles.css.js';
|
|
190
|
+
import './LabelStyles.styles.css';
|
|
154
191
|
import './UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js';
|
|
192
|
+
import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
|
|
193
|
+
import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
|
|
155
194
|
import './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
|
|
195
|
+
import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
|
|
196
|
+
import './SkeletonStyles.styles.css';
|
|
197
|
+
import './TextFieldLoadingStyles.styles.css';
|
|
198
|
+
import './TextFieldStyles.styles.css';
|
|
156
199
|
import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js';
|
|
200
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
|
|
201
|
+
import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
|
|
157
202
|
import './TextFieldVariants.styles.css';
|
|
203
|
+
import './keyboardUtils-986fe923.js';
|
|
204
|
+
import './StyledTextField-7605d76a.js';
|
|
158
205
|
import './useAccessibleContext-5744de8b.js';
|
|
159
206
|
import './useTextFieldInputHandlers-8122048f.js';
|
|
207
|
+
import './formControlUtils-84e2af0e.js';
|
|
160
208
|
import './textAlign-ad252afa.js';
|
|
161
209
|
import './text.styles.css';
|
|
162
210
|
import './TextFieldUtils-8232bca7.js';
|
|
@@ -183,19 +231,21 @@ import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css.js';
|
|
|
183
231
|
import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css';
|
|
184
232
|
import './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js';
|
|
185
233
|
import './useInputGroupContext-1d19411e.js';
|
|
186
|
-
import './useUser-06d34d19.js';
|
|
187
234
|
import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
|
|
188
235
|
import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
|
|
189
236
|
import './ReadonlyTextFieldStyles.styles.css';
|
|
190
237
|
import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
|
|
191
238
|
import './ReadonlyTextFieldVariants.styles.css';
|
|
239
|
+
import './ObfuscatedTextFieldInputStyles.styles.css';
|
|
240
|
+
import './ReadonlyTextFieldInput-106ce959.js';
|
|
192
241
|
import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js';
|
|
193
242
|
import './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css.js';
|
|
194
243
|
import './ReadonlyTextFieldInputStyles.styles.css';
|
|
195
244
|
import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js';
|
|
245
|
+
import './TextField-7884fcd7.js';
|
|
246
|
+
import './MaxLengthLiveRegion-8099fde5.js';
|
|
196
247
|
import './useDebounce-fa5a80e9.js';
|
|
197
|
-
import './
|
|
198
|
-
import './LiveRegionStyles.styles.css';
|
|
248
|
+
import './InlineUserAssistance-890293dd.js';
|
|
199
249
|
import './ComponentMessageContainer-d16c8b1f.js';
|
|
200
250
|
import './MessagesManager-47000438.js';
|
|
201
251
|
import './SuccessS-b5192d40.js';
|
|
@@ -212,177 +262,7 @@ import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.j
|
|
|
212
262
|
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
|
|
213
263
|
import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
|
|
214
264
|
import './InlineHelp-9eaac91c.js';
|
|
265
|
+
import './CompactUserAssistance-6aa8894b.js';
|
|
215
266
|
import './Separator-93c70737.js';
|
|
216
|
-
import './index-aec1cc7f.js';
|
|
217
|
-
import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
|
|
218
|
-
import './LayerHostStyles.styles.css';
|
|
219
|
-
import './EnvironmentProvider-6a0a8212.js';
|
|
220
|
-
import './LayerManager-52a26c55.js';
|
|
221
|
-
import './Floating-4a82db94.js';
|
|
222
|
-
import './useFloating-b9d680f7.js';
|
|
223
|
-
import './positionUtils-f26caad9.js';
|
|
224
|
-
import './refUtils-76275c69.js';
|
|
225
|
-
import './useOutsideClick-b777a43e.js';
|
|
226
|
-
import './Layer-535577b5.js';
|
|
227
|
-
import './UNSAFE_Layer/themes/LayerStyles.css.js';
|
|
228
|
-
import './LayerStyles.styles.css';
|
|
229
|
-
import './useModal-953082f2.js';
|
|
230
|
-
import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
|
|
231
|
-
import './UNSAFE_Floating/themes/FloatingStyles.css.js';
|
|
232
|
-
import './FloatingStyles.styles.css';
|
|
233
|
-
import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
|
|
234
|
-
import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
|
|
235
|
-
import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
|
|
236
|
-
import './vanilla-extract-dynamic.esm-c909758c.js';
|
|
237
|
-
import './UNSAFE_Floating/themes/FloatingContract.css.js';
|
|
238
|
-
import './useUnsafeDomElementRef-32290273.js';
|
|
239
|
-
import './tabbableUtils-c8311ec6.js';
|
|
240
|
-
import './head-8f89fe66.js';
|
|
241
|
-
import './_arity-be492b9e.js';
|
|
242
|
-
import './_isArray-694cc52d.js';
|
|
243
|
-
import './_isString-675f1de9.js';
|
|
244
|
-
import './FocusTrap-b59d5752.js';
|
|
245
|
-
import './FocusTracker-70300f1c.js';
|
|
246
|
-
import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
|
|
247
|
-
import './FocusTrackerStyles.styles.css';
|
|
248
|
-
import './Modal-c0f730b8.js';
|
|
249
|
-
import './UNSAFE_Modal/themes/ModalStyles.css.js';
|
|
250
|
-
import './ModalStyles.styles.css';
|
|
251
|
-
import './popupUtils-51366a29.js';
|
|
252
|
-
import './WindowOverlay-7264c44a.js';
|
|
253
|
-
import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
|
|
254
|
-
import './WindowOverlayStyles.styles.css';
|
|
255
|
-
import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
|
|
256
|
-
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
|
|
257
|
-
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
|
|
258
|
-
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
|
|
259
|
-
import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
|
|
260
|
-
import './usePopupAnimation-96d2bc83.js';
|
|
261
|
-
import './useAnimationStatus-b881f39a.js';
|
|
262
|
-
import './popupAnimationUtils-175151d9.js';
|
|
263
|
-
import './UNSAFE_Popup/themes/PopupContract.css.js';
|
|
264
|
-
import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
|
|
265
|
-
import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js';
|
|
266
|
-
import './PopupStyles.styles.css';
|
|
267
|
-
import './colors-03807160.js';
|
|
268
267
|
import './MaxLengthCounterStyles.styles.css';
|
|
269
|
-
|
|
270
|
-
/**
|
|
271
|
-
* A text area displays a field that allows a user to enter a multi-line text value.
|
|
272
|
-
*/
|
|
273
|
-
const TextArea = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, autoComplete = 'off', autoFocus = false, columnSpan, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, maxLength, maxLengthCounter = 'remaining', maxLengthUnit, messages, placeholder, resize, role, rows, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', onInput, onCommit, testId }, ref) => {
|
|
274
|
-
const translations = useTranslationBundle('@oracle/oraclejet-preact');
|
|
275
|
-
const formControl_limitReached = maxLength
|
|
276
|
-
? translations.formControl_limitReached({
|
|
277
|
-
CHARACTER_LIMIT: maxLength
|
|
278
|
-
})
|
|
279
|
-
: '';
|
|
280
|
-
const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });
|
|
281
|
-
const onInputAndDispatch = useCallback((detail) => {
|
|
282
|
-
// Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
|
|
283
|
-
dispatch({ type: 'input', payload: detail.value });
|
|
284
|
-
onInput?.(detail);
|
|
285
|
-
}, [onInput, dispatch]);
|
|
286
|
-
const onCommitAndDispatch = useCallback((detail) => {
|
|
287
|
-
// Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
|
|
288
|
-
dispatch({ type: 'commit', payload: detail.value });
|
|
289
|
-
onCommit?.(detail);
|
|
290
|
-
}, [onCommit, dispatch]);
|
|
291
|
-
const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();
|
|
292
|
-
// default to FormContext values if component properties are not specified
|
|
293
|
-
const isDisabled = propIsDisabled ?? isFormDisabled;
|
|
294
|
-
const isReadonly = propIsReadonly ?? isFormReadonly;
|
|
295
|
-
const labelEdge = propLabelEdge ?? formLabelEdge;
|
|
296
|
-
const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
|
|
297
|
-
const textAlign = propTextAlign ?? formTextAlign ?? defaultTextAlignForVariant(variant);
|
|
298
|
-
const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
|
|
299
|
-
const maxLengthDescribedByIdRef = useRef(useId());
|
|
300
|
-
// The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.
|
|
301
|
-
// We don't need to announce the max length message for readonly, as it only applies when editing the value.
|
|
302
|
-
const enabledAriaDescribedBy = ariaDescribedBy
|
|
303
|
-
? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`
|
|
304
|
-
: maxLengthDescribedByIdRef.current;
|
|
305
|
-
const enabledElementRef = useRef(null);
|
|
306
|
-
const readonlyElementRef = useRef(null);
|
|
307
|
-
// We want to have alt/option+Enter to insert a newline like Enter does.
|
|
308
|
-
const { handleKeyDown } = useTextAreaAltEnter({
|
|
309
|
-
onInput: onInputAndDispatch,
|
|
310
|
-
textAreaRef: enabledElementRef
|
|
311
|
-
});
|
|
312
|
-
const { focusProps, isFocused, methods: focusMethods } = useFocusableTextField({
|
|
313
|
-
isDisabled,
|
|
314
|
-
isReadonly,
|
|
315
|
-
enabledElementRef,
|
|
316
|
-
readonlyElementRef
|
|
317
|
-
});
|
|
318
|
-
const { methods: selectMethods } = useSelectableTextField(enabledElementRef);
|
|
319
|
-
useImperativeHandle(ref, () => mergeProps(focusMethods, selectMethods), [
|
|
320
|
-
focusMethods,
|
|
321
|
-
selectMethods
|
|
322
|
-
]);
|
|
323
|
-
// Handle length filter for user-typed inputs and controlled inputs
|
|
324
|
-
const { isMaxLengthExceeded, isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({
|
|
325
|
-
maxLength,
|
|
326
|
-
maxLengthUnit,
|
|
327
|
-
value,
|
|
328
|
-
onInput: onInputAndDispatch,
|
|
329
|
-
onCommit: onCommitAndDispatch
|
|
330
|
-
});
|
|
331
|
-
const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];
|
|
332
|
-
const allMessages = [
|
|
333
|
-
...(messages ?? []),
|
|
334
|
-
...(isMaxLengthReached ? limitMessage : [])
|
|
335
|
-
];
|
|
336
|
-
const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = useTextField({
|
|
337
|
-
ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,
|
|
338
|
-
contentVariant: 'textarea',
|
|
339
|
-
helpSourceLink,
|
|
340
|
-
helpSourceText,
|
|
341
|
-
isDisabled,
|
|
342
|
-
isFocused,
|
|
343
|
-
isReadonly,
|
|
344
|
-
isRequiredShown,
|
|
345
|
-
labelEdge,
|
|
346
|
-
messages: allMessages,
|
|
347
|
-
styleVariant: variant,
|
|
348
|
-
userAssistanceDensity,
|
|
349
|
-
value
|
|
350
|
-
});
|
|
351
|
-
const onClickCounter = useCallback(() => {
|
|
352
|
-
const elm = enabledElementRef.current;
|
|
353
|
-
// for setSelectionRange(), len needs to be a number or null.
|
|
354
|
-
const len = elm ? elm.value.length : null;
|
|
355
|
-
// Since the counter element is after the text, clicking in this
|
|
356
|
-
// should put the selection at the end of the text
|
|
357
|
-
enabledElementRef.current?.setSelectionRange(len, len);
|
|
358
|
-
// Clicking the counter should put the focus on the input field
|
|
359
|
-
enabledElementRef.current?.focus();
|
|
360
|
-
}, [enabledElementRef]);
|
|
361
|
-
const labelComp = labelEdge !== 'none' ? jsx(Label, { ...labelProps, children: label }) : undefined;
|
|
362
|
-
const fieldLabelProps = {
|
|
363
|
-
label: labelEdge !== 'none' ? labelComp : undefined,
|
|
364
|
-
labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
|
|
365
|
-
labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined,
|
|
366
|
-
labelText: labelEdge === 'inside' && !isDisabled ? label : undefined
|
|
367
|
-
};
|
|
368
|
-
const ariaLabel = labelEdge === 'none' ? label : undefined;
|
|
369
|
-
const isInlineDensity = userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';
|
|
370
|
-
const inlineUserAssistance = isInlineDensity ? (isDisabled ? (
|
|
371
|
-
// save space for user assistance if density is 'efficient', even though we don't
|
|
372
|
-
// render user assistance for disabled fields
|
|
373
|
-
userAssistanceDensity !== 'efficient' ? undefined : (jsx(InlineUserAssistance, { userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : isReadonly ? (jsx(InlineUserAssistance, { fieldLabel: label, messages: messages, userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps })) : (jsx(InlineUserAssistance, { assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: allMessages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity, ...userAssistanceProps }))) : undefined;
|
|
374
|
-
const anchorRef = useRef(null);
|
|
375
|
-
const compactUserAssistance = userAssistanceDensity === 'compact' ? (jsx(CompactUserAssistance, { anchorRef: anchorRef, messages: allMessages, assistiveText: assistiveText, ...userAssistanceProps })) : undefined;
|
|
376
|
-
if (isReadonly) {
|
|
377
|
-
const mainContent = (jsx(ReadonlyTextFieldInput, { "aria-describedby": inputProps['aria-describedby'], "aria-label": ariaLabel, "aria-labelledby": labelProps.id, as: "textarea", elementRef: readonlyElementRef, formVariant: variant, rows: rows, autoFocus: autoFocus, textAlign: textAlign, value: value, variant: "textarea", hasEmptyLabel: label === '' && labelEdge === 'none', hasInsideLabel: label !== undefined && labelEdge === 'inside', onBlur: inputProps.onBlur, onFocus: inputProps.onFocus }));
|
|
378
|
-
return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(ReadonlyTextField, { role: "presentation", columnSpan: columnSpan, compactUserAssistance: compactUserAssistance, inlineUserAssistance: inlineUserAssistance, ref: anchorRef, testId: testId, variant: "textarea", mainContent: mainContent, resize: resize, ...fieldLabelProps }) }));
|
|
379
|
-
}
|
|
380
|
-
const hasMaxLength = maxLength !== undefined;
|
|
381
|
-
const mainContent = (jsxs(Fragment, { children: [jsx(TextFieldInput, { as: "textarea", "aria-label": ariaLabel, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasEmptyLabel: label === '' && labelEdge === 'none', hasInsideLabel: labelComp !== undefined && labelEdge === 'inside', isRequired: isRequired, inputRef: enabledElementRef, onCommit: onCommitAndDispatch, onInput: onFilteredInput, onKeyDown: handleKeyDown, placeholder: placeholder, role: role, rows: rows, textAlign: textAlign, value: value, ...inputProps }), maxLengthCounter === 'remaining' && hasMaxLength && (jsx(MaxLengthCounter, { maxLength: maxLength, valueLength: valueLength, onClick: onClickCounter })), hasMaxLength && (jsx(HiddenAccessible, { id: maxLengthDescribedByIdRef.current, isHidden: true, children: translations.formControl_maxLength({
|
|
382
|
-
MAX_LENGTH: `${maxLength}`
|
|
383
|
-
}) })), hasMaxLength && isFocused && (jsx(MaxLengthLiveRegion, { isMaxLengthExceeded: isMaxLengthExceeded, maxLength: maxLength, valueLength: valueLength, testId: testId ? testId + '_maxLength' : undefined }))] }));
|
|
384
|
-
return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(TextField, { mainContent: mainContent, columnSpan: columnSpan, compactUserAssistance: compactUserAssistance, inlineUserAssistance: inlineUserAssistance, onBlur: focusProps?.onFocusOut, onFocus: focusProps?.onFocusIn, mainFieldRef: anchorRef, resize: resize, testId: testId, ...textFieldProps, ...fieldLabelProps }) }));
|
|
385
|
-
});
|
|
386
|
-
|
|
387
|
-
export { TextArea };
|
|
388
268
|
//# sourceMappingURL=UNSAFE_TextArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UNSAFE_TextArea.js","sources":["../../src/UNSAFE_TextArea/TextArea.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { useCurrentValueReducer } from '#hooks/UNSAFE_useCurrentValueReducer';\nimport { FocusableHandle, useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { CountUnit, useLengthFilter } from '#hooks/UNSAFE_useLengthFilter';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentMessageItem } from '#UNSAFE_ComponentMessage';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { Label } from '#UNSAFE_Label';\nimport {\n MaxLengthLiveRegion,\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '#UNSAFE_TextField';\nimport {\n CompactUserAssistance,\n InlineUserAssistance,\n UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { defaultTextAlignForVariant } from '#utils/PRIVATE_formControlUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { Size } from '#utils/UNSAFE_size';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { MaxLengthCounter } from './MaxLengthCounter';\nimport { useTextAreaAltEnter } from './useTextAreaAltEnter';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n /**\n * The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n */\n 'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n /**\n * Text to provide guidance to help the user understand what to enter.\n */\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /**\n * Dictates component's autocomplete state.\n * This attribute indicates whether the value of the control can be automatically completed by the browser.\n * The common values are \"on\" and \"off\".\n */\n autoComplete?: TextFieldInputProps['autoComplete'];\n /**\n * Autofocus specifies whether the component will get focus when the page is loaded.\n * If it is set to true then the associated component will get input focus when the page is loaded.\n * Setting this property doesn't set the focus to the component; it tells the browser to focus\n * to it when the element is inserted in the document.\n */\n autoFocus?: TextFieldInputProps['autoFocus'];\n /**\n * Specifies how many columns to span in a FormLayout with direction === 'row'\n */\n columnSpan?: LayoutColumnSpan;\n /**\n * Help source URL associated with the component.\n */\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /**\n * Custom text to be rendered for the <code>helpSourceLink</code>.\n */\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /**\n * Specifies whether the component is disabled.\n */\n isDisabled?: boolean;\n /**\n * Specifies whether the component is readonly.\n */\n isReadonly?: boolean;\n /**\n * Specifies for accessibility purposes whether a value is required.\n *\n * Setting this property to <code>false</code> means that a value is not required to be\n * committed by the user. Setting this property to <code>true</code> means that a value\n * is required to be committed by the user.\n */\n isRequired?: TextFieldInputProps['isRequired'];\n /**\n * Specifies whether to show an indicator on screen that a value is required, for example\n * before the user has committed a value.\n */\n isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n /**\n * Specifies the label associated with the field.\n */\n label: string;\n /**\n * Specifies where the label is positioned relative to the field.\n */\n labelEdge?: 'inside' | 'start' | 'top' | 'none';\n /**\n * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n */\n labelStartWidth?: Size;\n /**\n * Specifies the maximum number of characters that can be entered in the input field.\n */\n maxLength?: number;\n /**\n * Determines whether the remaining number of characters that can be entered is shown or not.\n */\n maxLengthCounter?: 'none' | 'remaining';\n /**\n * Specifies how the input text characters are to be counted when maxLength is specified.\n */\n maxLengthUnit?: CountUnit;\n /**\n * Messages to show on screen that are associated with the component.\n */\n messages?: InlineUserAssistanceProps['messages'];\n /**\n * A short hint to display before the user enters a value.\n */\n placeholder?: TextFieldInputProps['placeholder'];\n /**\n * Specifies how the user is allowed to manually resize the TextArea component.\n */\n resize?: TextFieldProps['resize'];\n /**\n * Specifies the ARIA role type.\n */\n role?: TextFieldInputProps['role'];\n /**\n * Specifies the number of rows to display\n */\n rows?: TextFieldInputProps['rows'];\n /**\n * Specifies how to align text within the field.\n */\n textAlign?: TextFieldInputProps['textAlign'];\n /**\n * Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n * </ul>\n */\n userAssistanceDensity?: UserAssistanceDensityType;\n /**\n * The current display value of the component.\n */\n value?: TextFieldInputProps['value'];\n /**\n * The style variant of the component.\n */\n variant?: TextFieldInputProps['variant'];\n /**\n * Callback invoked when the user commits the entered value by blurring out of the field.\n */\n onCommit?: TextFieldInputProps['onCommit'];\n /**\n * Callback invoked each time the user changes the value of the field. For example, if the user\n * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n * respectively.\n */\n onInput: TextFieldInputProps['onInput'];\n};\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/**\n * A text area displays a field that allows a user to enter a multi-line text value.\n */\nexport const TextArea = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n assistiveText,\n autoComplete = 'off',\n autoFocus = false,\n columnSpan,\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n isRequiredShown,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n maxLength,\n maxLengthCounter = 'remaining',\n maxLengthUnit,\n messages,\n placeholder,\n resize,\n role,\n rows,\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n onInput,\n onCommit,\n testId\n }: Props,\n ref?: Ref<FocusSelectHandle>\n ) => {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const formControl_limitReached = maxLength\n ? translations.formControl_limitReached({\n CHARACTER_LIMIT: maxLength\n })\n : '';\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign ?? defaultTextAlignForVariant(variant);\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n const maxLengthDescribedByIdRef = useRef<string>(useId());\n // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n const enabledAriaDescribedBy = ariaDescribedBy\n ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n : maxLengthDescribedByIdRef.current;\n\n const enabledElementRef = useRef<HTMLTextAreaElement>(null);\n const readonlyElementRef = useRef<HTMLTextAreaElement>(null);\n\n // We want to have alt/option+Enter to insert a newline like Enter does.\n const { handleKeyDown } = useTextAreaAltEnter({\n onInput: onInputAndDispatch,\n textAreaRef: enabledElementRef\n });\n\n const {\n focusProps,\n isFocused,\n methods: focusMethods\n } = useFocusableTextField<HTMLTextAreaElement, HTMLTextAreaElement>({\n isDisabled,\n isReadonly,\n enabledElementRef,\n readonlyElementRef\n });\n\n const { methods: selectMethods } =\n useSelectableTextField<HTMLTextAreaElement>(enabledElementRef);\n\n useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n focusMethods,\n selectMethods\n ]);\n\n // Handle length filter for user-typed inputs and controlled inputs\n const { isMaxLengthExceeded, isMaxLengthReached, valueLength, onFilteredInput } =\n useLengthFilter({\n maxLength,\n maxLengthUnit,\n value,\n onInput: onInputAndDispatch,\n onCommit: onCommitAndDispatch\n });\n\n const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n const allMessages = [\n ...(messages ?? []),\n ...(isMaxLengthReached ? limitMessage : [])\n ] as ComponentMessageItem[];\n\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n contentVariant: 'textarea',\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages: allMessages,\n styleVariant: variant,\n userAssistanceDensity,\n value\n });\n\n const onClickCounter = useCallback(() => {\n const elm = enabledElementRef.current;\n // for setSelectionRange(), len needs to be a number or null.\n const len = elm ? elm.value.length : null;\n // Since the counter element is after the text, clicking in this\n // should put the selection at the end of the text\n enabledElementRef.current?.setSelectionRange(len, len);\n // Clicking the counter should put the focus on the input field\n enabledElementRef.current?.focus();\n }, [enabledElementRef]);\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined,\n labelText: labelEdge === 'inside' && !isDisabled ? label : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : isReadonly ? (\n <InlineUserAssistance\n fieldLabel={label}\n messages={messages}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={allMessages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const compactUserAssistance =\n userAssistanceDensity === 'compact' ? (\n <CompactUserAssistance\n anchorRef={anchorRef}\n messages={allMessages}\n assistiveText={assistiveText}\n {...userAssistanceProps}\n />\n ) : undefined;\n\n if (isReadonly) {\n const mainContent = (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n as=\"textarea\"\n elementRef={readonlyElementRef}\n formVariant={variant}\n rows={rows}\n autoFocus={autoFocus}\n textAlign={textAlign}\n value={value}\n variant=\"textarea\"\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n onBlur={inputProps.onBlur}\n onFocus={inputProps.onFocus}\n />\n );\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n ref={anchorRef}\n testId={testId}\n variant=\"textarea\"\n mainContent={mainContent}\n resize={resize}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n const hasMaxLength = maxLength !== undefined;\n const mainContent = (\n <>\n <TextFieldInput\n as=\"textarea\"\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n isRequired={isRequired}\n inputRef={enabledElementRef}\n onCommit={onCommitAndDispatch}\n onInput={onFilteredInput}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n role={role}\n rows={rows}\n textAlign={textAlign}\n value={value}\n {...inputProps}\n />\n {maxLengthCounter === 'remaining' && hasMaxLength && (\n <MaxLengthCounter\n maxLength={maxLength}\n valueLength={valueLength}\n onClick={onClickCounter}\n />\n )}\n {hasMaxLength && (\n <HiddenAccessible id={maxLengthDescribedByIdRef.current} isHidden={true}>\n {translations.formControl_maxLength({\n MAX_LENGTH: `${maxLength}`\n })}\n </HiddenAccessible>\n )}\n {hasMaxLength && isFocused && (\n <MaxLengthLiveRegion\n isMaxLengthExceeded={isMaxLengthExceeded}\n maxLength={maxLength}\n valueLength={valueLength}\n testId={testId ? testId + '_maxLength' : undefined}\n />\n )}\n </>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n mainContent={mainContent}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps?.onFocusOut}\n onFocus={focusProps?.onFocusIn}\n mainFieldRef={anchorRef}\n resize={resize}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}></TextField>\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"UNSAFE_TextArea.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -14,7 +14,7 @@ import { u as useTextField } from './useTextField-eb9db737.js';
|
|
|
14
14
|
import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
|
|
15
15
|
import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
|
|
16
16
|
import { L as Label } from './Label-5d1ae8d7.js';
|
|
17
|
-
import { u as useTextAreaAltEnter, M as MaxLengthCounter } from './
|
|
17
|
+
import { u as useTextAreaAltEnter, M as MaxLengthCounter } from './TextArea-93ce78a7.js';
|
|
18
18
|
import './keyboardUtils-986fe923.js';
|
|
19
19
|
import { R as ReadonlyTextField, T as TextFieldInput } from './StyledTextField-7605d76a.js';
|
|
20
20
|
import './ObfuscatedTextFieldInputStyles.styles.css';
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"scripts": {},
|
|
6
6
|
"devDependencies": {},
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@oracle/oraclejet-testing": "20.0.
|
|
8
|
+
"@oracle/oraclejet-testing": "20.0.3",
|
|
9
9
|
"csstype": "3.1.1"
|
|
10
10
|
},
|
|
11
11
|
"peerDependencies": {
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
]
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
|
-
"version": "20.0.
|
|
52
|
+
"version": "20.0.3"
|
|
53
53
|
}
|