npm - @oracle/oraclejet-preact - Versions diffs - 18.0.8 → 18.0.10 - Mend

@oracle/oraclejet-preact 18.0.8 → 18.0.10

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.

Files changed (240) hide show

package/amd/{ReorderableTabBar-462d357c.js.map → ReorderableTabBar-b92a434e.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReorderableTabBar-~~462d357c~~.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string \| number> = ReorderableItemProps<K> & {\n layout: 'stretch' \| 'condense' \| undefined;\n};\n\n/*\n A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n /\nexport function ReorderableTabBarItem<K extends string \| number>({\n children,\n dragKey,\n setDragKey,\n onReorder,\n layout,\n rootRef\n}: ReorderableTabBarItem<K>) {\n const tabBarItemRef = useRef<HTMLDivElement \| null>(null);\n const getItem = useCallback(\n () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n []\n );\n const setTransferData = useCallback(\n (event: DragEvent) => {\n event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n },\n [getItem]\n );\n\n const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n useReorderableItem({\n isDisabled: onReorder ? false : true,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n ref: tabBarItemRef,\n getItem,\n setTransferData,\n itemStyles: styles,\n itemSelector: ITEM_SELECTOR\n });\n\n //instead of specifying flex: '1 0 auto' in style\n const styleInterpolations = mergeInterpolations<FlexitemProps>([\n ...Object.values(flexitemInterpolations)\n ]);\n const flexDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n });\n\n return (\n <div {...rootProps} draggable={onReorder ? true : false} style={flexDimensions}>\n {children}\n {!isDragged && isKeyDefined(dragKey) && (\n <>\n <div {...overlayZoneBeforeProps}></div>\n <div {...overlayZoneAfterProps}></div>\n </>\n )}\n </div>\n );\n}\n","import { toChildArray, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\n\nexport type ReorderableTabBarProps<K extends string \| number> = Omit<\n TabBarProps<K>,\n 'aria-describedby'\n> &\n ReorderProps<K> &\n TestIdProps;\n\n/\n A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n <K extends string \| number>(\n {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n onReorder,\n testId\n }: ReorderableTabBarProps<K>,\n ref: Ref<HTMLDivElement>\n ) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const [dragKey, setDragKey] = useState<K \| undefined>(undefined);\n\n const displayStackProps = {\n display: display\n };\n const displayNonStackProps = {\n display: display,\n size: size\n };\n const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n const {\n reorderProps,\n reorderContext,\n reorderInstructionsId,\n reorderStatus,\n reorderInstructions\n } = useReorderable({\n onReorder,\n rootRef,\n itemSelector: ITEM_SELECTOR\n });\n\n return (\n <div ref={rootRef} {...reorderProps}>\n <ReorderableContext.Provider value={reorderContext}>\n <TabBar\n ref={ref}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n layout={layout}\n edge={edge}\n selection={selection}\n onSelect={onSelect}\n onRemove={onRemove}\n testId={testId}\n {...displayProps}\n aria-describedby={reorderInstructionsId}>\n {toChildArray(children).map((child) => {\n return (\n <ReorderableTabBarItem\n dragKey={dragKey}\n setDragKey={setDragKey}\n onReorder={onReorder}\n layout={layout}\n rootRef={rootRef}>\n {child}\n </ReorderableTabBarItem>\n );\n })}\n </TabBar>\n </ReorderableContext.Provider>\n <span id={reorderInstructionsId}>\n <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n </span>\n <LiveRegion>{reorderStatus}</LiveRegion>\n </div>\n );\n }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","styles","itemSelector","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","_jsxs","draggable","style","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","testId","useState","undefined","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","jsx","ReorderableContext","Provider","value","TabBar","toChildArray","map","child","id","HiddenAccessible","LiveRegion"],"mappings":"6hBAUO,MAAMA,EAAgB,eASb,SAAAC,GAAiDC,SAC/DA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,UACVA,EAASC,OACTA,EAAMC,QACNA,IAEA,MAAMC,EAAgBC,SAA8B,MAC9CC,EAAUC,EAAWA,aACzB,IAAMH,GAAeI,SAASC,cAAcb,IAC5C,IAEIc,EAAkBH,eACrBI,IACCA,EAAMC,cAAcC,QAAQ,uBAAwBC,EAAMA,OAACR,KAAa,GAAG,GAE7E,CAACA,KAGGS,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAYnB,EACZF,UACAC,aACAC,YACAE,UACAkB,IAAKjB,EACLE,UACAI,kBACAY,WAAYC,EAAMA,OAClBC,aAAc5B,IAOZ6B,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAX7B,EAAuB,WAAa,aAG5C,OACE8B,EAAAA,KAAS,MAAA,IAAAjB,EAAWkB,YAAWhC,EAA0BiC,MAAOT,EAC7D3B,SAAA,CAAAA,GACCkB,GAAamB,EAAYA,aAACpC,IAC1BiC,EACEI,KAAAC,EAAAC,SAAA,CAAAxC,SAAA,CAAAyC,EAAAA,IAAA,MAAA,IAAStB,IACTsB,gBAASrB,SAKnB,CCnDa,MAAAsB,EAAoBC,EAAUA,YACzC,EAEI,aAAcC,EACd,kBAAmBC,EACnB7C,WACAI,SAAS,UACT0C,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACAhD,YACAiD,UAEF7B,KAEA,MAAMlB,EAAUE,SAAuB,OAChCN,EAASC,GAAcmD,EAAQA,cAAgBC,GAShDC,EAA2B,YAAZT,EAPK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,IAIFS,aACJA,EAAYC,eACZA,EAAcC,sBACdA,EAAqBC,cACrBA,EAAaC,oBACbA,GACEC,iBAAe,CACjB1D,YACAE,UACAqB,aAAc5B,IAGhB,OACEoC,EAAAI,KAAA,MAAA,CAAKf,IAAKlB,KAAamD,EAAYxD,SAAA,CACjCyC,EAACqB,IAAAC,qBAAmBC,UAASC,MAAOR,EAAczD,SAChDyC,MAACyB,EAAAA,OACC,CAAA3C,IAAKA,EAAG,aACIqB,EAAS,kBACJC,EACjBzC,OAAQA,EACR4C,KAAMA,EACNC,UAAWA,EACXC,SAAUA,EACVC,SAAUA,EACVC,OAAQA,KACJG,EAAY,mBACEG,EAAqB1D,SACtCmE,EAAYA,aAACnE,GAAUoE,KAAKC,GAEzB5B,EAAAA,IAAC1C,EACC,CAAAE,QAASA,EACTC,WAAYA,EACZC,UAAWA,EACXC,OAAQA,EACRC,QAASA,EACRL,SAAAqE,UAMX5B,cAAM6B,GAAIZ,EAAqB1D,SAC7ByC,EAAAA,IAAC8B,EAAgBA,2BAAEX,MAErBnB,MAAC+B,EAAAA,qBAAYb,MAEf"}
1	+ {"version":3,"file":"ReorderableTabBar-b92a434e.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string \| number> = ReorderableItemProps<K> & {\n layout: 'stretch' \| 'condense' \| undefined;\n};\n\n/*\n A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n /\nexport function ReorderableTabBarItem<K extends string \| number>({\n children,\n dragKey,\n setDragKey,\n onReorder,\n layout,\n rootRef\n}: ReorderableTabBarItem<K>) {\n const tabBarItemRef = useRef<HTMLDivElement \| null>(null);\n const getItem = useCallback(\n () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n []\n );\n const setTransferData = useCallback(\n (event: DragEvent) => {\n event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n },\n [getItem]\n );\n\n const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n useReorderableItem({\n isDisabled: onReorder ? false : true,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n ref: tabBarItemRef,\n getItem,\n setTransferData,\n itemStyles: styles,\n itemSelector: ITEM_SELECTOR\n });\n\n //instead of specifying flex: '1 0 auto' in style\n const styleInterpolations = mergeInterpolations<FlexitemProps>([\n ...Object.values(flexitemInterpolations)\n ]);\n const flexDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n });\n\n return (\n <div {...rootProps} draggable={onReorder ? true : false} style={flexDimensions}>\n {children}\n {!isDragged && isKeyDefined(dragKey) && (\n <>\n <div {...overlayZoneBeforeProps}></div>\n <div {...overlayZoneAfterProps}></div>\n </>\n )}\n </div>\n );\n}\n","import { toChildArray, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\n\nexport type ReorderableTabBarProps<K extends string \| number> = Omit<\n TabBarProps<K>,\n 'aria-describedby'\n> &\n ReorderProps<K> &\n TestIdProps;\n\n/\n A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n <K extends string \| number>(\n {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n onReorder,\n testId\n }: ReorderableTabBarProps<K>,\n ref: Ref<HTMLDivElement>\n ) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const [dragKey, setDragKey] = useState<K \| undefined>(undefined);\n\n const displayStackProps = {\n display: display\n };\n const displayNonStackProps = {\n display: display,\n size: size\n };\n const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n const {\n reorderProps,\n reorderContext,\n reorderInstructionsId,\n reorderStatus,\n reorderInstructions\n } = useReorderable({\n onReorder,\n rootRef,\n itemSelector: ITEM_SELECTOR\n });\n\n return (\n <div ref={rootRef} {...reorderProps}>\n <ReorderableContext.Provider value={reorderContext}>\n <TabBar\n ref={ref}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n layout={layout}\n edge={edge}\n selection={selection}\n onSelect={onSelect}\n onRemove={onRemove}\n testId={testId}\n {...displayProps}\n aria-describedby={reorderInstructionsId}>\n {toChildArray(children).map((child) => {\n return (\n <ReorderableTabBarItem\n dragKey={dragKey}\n setDragKey={setDragKey}\n onReorder={onReorder}\n layout={layout}\n rootRef={rootRef}>\n {child}\n </ReorderableTabBarItem>\n );\n })}\n </TabBar>\n </ReorderableContext.Provider>\n <span id={reorderInstructionsId}>\n <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n </span>\n <LiveRegion>{reorderStatus}</LiveRegion>\n </div>\n );\n }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","styles","itemSelector","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","_jsxs","draggable","style","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","testId","useState","undefined","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","jsx","ReorderableContext","Provider","value","TabBar","toChildArray","map","child","id","HiddenAccessible","LiveRegion"],"mappings":"6hBAUO,MAAMA,EAAgB,eASb,SAAAC,GAAiDC,SAC/DA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,UACVA,EAASC,OACTA,EAAMC,QACNA,IAEA,MAAMC,EAAgBC,SAA8B,MAC9CC,EAAUC,EAAWA,aACzB,IAAMH,GAAeI,SAASC,cAAcb,IAC5C,IAEIc,EAAkBH,eACrBI,IACCA,EAAMC,cAAcC,QAAQ,uBAAwBC,EAAMA,OAACR,KAAa,GAAG,GAE7E,CAACA,KAGGS,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAYnB,EACZF,UACAC,aACAC,YACAE,UACAkB,IAAKjB,EACLE,UACAI,kBACAY,WAAYC,EAAMA,OAClBC,aAAc5B,IAOZ6B,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAX7B,EAAuB,WAAa,aAG5C,OACE8B,EAAAA,KAAS,MAAA,IAAAjB,EAAWkB,YAAWhC,EAA0BiC,MAAOT,EAC7D3B,SAAA,CAAAA,GACCkB,GAAamB,EAAYA,aAACpC,IAC1BiC,EACEI,KAAAC,EAAAC,SAAA,CAAAxC,SAAA,CAAAyC,EAAAA,IAAA,MAAA,IAAStB,IACTsB,gBAASrB,SAKnB,CCnDa,MAAAsB,EAAoBC,EAAUA,YACzC,EAEI,aAAcC,EACd,kBAAmBC,EACnB7C,WACAI,SAAS,UACT0C,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACAhD,YACAiD,UAEF7B,KAEA,MAAMlB,EAAUE,SAAuB,OAChCN,EAASC,GAAcmD,EAAQA,cAAgBC,GAShDC,EAA2B,YAAZT,EAPK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,IAIFS,aACJA,EAAYC,eACZA,EAAcC,sBACdA,EAAqBC,cACrBA,EAAaC,oBACbA,GACEC,iBAAe,CACjB1D,YACAE,UACAqB,aAAc5B,IAGhB,OACEoC,EAAAI,KAAA,MAAA,CAAKf,IAAKlB,KAAamD,EAAYxD,SAAA,CACjCyC,EAACqB,IAAAC,qBAAmBC,UAASC,MAAOR,EAAczD,SAChDyC,MAACyB,EAAAA,OACC,CAAA3C,IAAKA,EAAG,aACIqB,EAAS,kBACJC,EACjBzC,OAAQA,EACR4C,KAAMA,EACNC,UAAWA,EACXC,SAAUA,EACVC,SAAUA,EACVC,OAAQA,KACJG,EAAY,mBACEG,EAAqB1D,SACtCmE,EAAYA,aAACnE,GAAUoE,KAAKC,GAEzB5B,EAAAA,IAAC1C,EACC,CAAAE,QAASA,EACTC,WAAYA,EACZC,UAAWA,EACXC,OAAQA,EACRC,QAASA,EACRL,SAAAqE,UAMX5B,cAAM6B,GAAIZ,EAAqB1D,SAC7ByC,EAAAA,IAAC8B,EAAgBA,2BAAEX,MAErBnB,MAAC+B,EAAAA,qBAAYb,MAEf"}

package/amd/TabBar-93811d2c.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-e95c5f30', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-56ecdf4c', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-60420dbb', './boxalignment-905057dc', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './VisBusyStateContext-63467849', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './NavigationList-f1b80e54', './useNavigationListItem-17b77626', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './Floating-1ec5ec2a', 'css!./LayerStyles.styles.css', './keyboardUtils-fbb389f8', './tabbableUtils-85aa6918', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-46782f99', 'css!./OverflowTabBarItemStyles.styles.css', './TabBarLayout-685ac295', './UNSAFE_TabBar/themes/TabBarStyles.css', './useTabBar-2c4573fe', './Menu-5d447084', './MenuItem-87cd59b8', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css'], (function(e,t,s,a,o,n,r,i,l,c,d,b,m,u,y,S,x,h,T,p,B,f,C,g,N,F,M,v,U,L,A,E,_,w,I,j,R,V,k,P,z,O,G,H,q,D){"use strict";function J({contextMenuConfig:e,contextMenuContext:s,...a}){const o=e.accessibleLabel;return null==e.itemsRenderer(s)?null:t.jsx(t.Fragment,{children:t.jsx(P.Menu,{...a,...o&&{"aria-label":o},children:a.isOpen&&e.itemsRenderer(s)})})}const K=o.forwardRef((({children:e,layout:s="stretch",display:a="standard",size:o="md",edge:n="top",selection:r,onSelect:l,onRemove:c,"aria-describedby":d,"aria-label":b,"aria-labelledby":m,contextMenuConfig:u},y)=>{const S=y,{rootProps:x,tabBarContext:h,menuProps:T,contextMenuContext:p}=k.useTabBar({class:V.styles.tabBarBase,edge:n,onRemove:c,onSelect:l,ref:S,selection:r,size:o,children:e,contextMenuConfig:u});return t.jsxs(t.Fragment,{children:[t.jsx(i.TabBarContext.Provider,{value:h,children:t.jsx("div",{...x,"aria-label":b,"aria-labelledby":m,"aria-describedby":d,children:t.jsx(R.TabBarLayout,{layout:s,display:a,children:e})})}),u&&t.jsx(J,{...T,contextMenuConfig:u,contextMenuContext:p})]})}));e.TabBar=K}));
2	+ //# sourceMappingURL=TabBar-93811d2c.js.map

package/amd/{TabBar-d8890a47.js.map → TabBar-93811d2c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabBar-~~d8890a47~~.js","sources":["../../src/UNSAFE_TabBar/TabBarContextMenu.tsx","../../src/UNSAFE_TabBar/TabBar.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 { ComponentProps } from 'preact';\nimport { Menu } from '../UNSAFE_Menu';\nimport { TabBarContextMenuConfig, TabBarItemContext } from '#UNSAFE_TabBarCommon';\n\nexport type Props<K extends string \| number> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n contextMenuConfig: TabBarContextMenuConfig<K>;\n} & { contextMenuContext: TabBarItemContext<K> };\n\n/\n The internal component used to render a custom context menu\n /\nexport function TabBarContextMenu<K extends string \| number>({\n contextMenuConfig,\n contextMenuContext,\n ...menuProps\n}: Props<K>) {\n const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n const menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n if (menuItems == null) {\n return null;\n }\n return (\n <>\n <Menu\n {...menuProps}\n {...(accessibleLabel && {\n 'aria-label': accessibleLabel\n })}>\n {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n </Menu>\n </>\n );\n}\n","import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n TabBarItem,\n RemovableTabBarItem,\n OverflowTabBarItem,\n TabBarContext,\n useTabBarContext,\n TabBarLayout,\n useProgressiveTruncation,\n TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/\n type for payload of current key change event handler\n /\nexport type CurrentKeyDetail<K> = {\n value: K;\n};\n\n/\n type for payload of selection change event handler\n /\ntype SelectionDetail<K> = {\n value: K;\n};\n\n/\n type for payload of remove event handler\n /\ntype RemoveDetail<K> = {\n value: K;\n};\n\ntype DisplayProps =\n \| {\n /\n Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n 'icons' hides the label,\n /\n display?: 'standard' \| 'icons';\n /*\n The size indicates how tall the TabBarItem is rendered.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n /\n size?: 'md' \| 'lg';\n }\n \| {\n /\n 'stacked' stacks the icon on top of the label.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n /\n display?: 'stacked';\n size?: 'never';\n };\n\nexport type TabBarProps<K extends string \| number> = DisplayProps & {\n /\n A set of TabBarItem(s) that TabBar will hold\n /\n children: ComponentChildren;\n /\n Whether to stretch the tab bar items to occupy available space or to condense items\n /\n layout?: 'stretch' \| 'condense';\n /\n The position of the TabBar. Valid Values: top and bottom.\n * 'top' is used when TabBar is placed on top of content section and the selection\n * indicator would be placed below the TabBarItem.\n * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n * indicator would be placed above the TabBarItem.\n /\n edge?: 'top' \| 'bottom';\n /\n Key of the selected item.\n /\n selection?: K;\n /\n Callback function to handle when user selects a tab.\n * The callback is also invoked when a user selects a tab that is already selected.\n /\n onSelect?: <K extends string \| number>(detail: SelectionDetail<K>) => void;\n /\n Callback function to handle remove\n /\n onRemove?: <K extends string \| number>(detail: RemoveDetail<K>) => void;\n /\n Accepts the ID of an element that provides instructions for interaction with the TabBar.\n /\n 'aria-describedby'?: string;\n /\n An aria-label which defines a string value that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n /\n 'aria-label'?: string;\n\n /\n An aria-labelledby which identifies the element(s) that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n /\n 'aria-labelledby'?: string;\n\n /\n Configuration used to specify a context menu.\n /\n contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/\n A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n <K extends string \| number>(\n {\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n contextMenuConfig\n }: TabBarProps<K> & TestIdProps,\n ref?: Ref<HTMLDivElement>\n ) => {\n const rootRef = ref as RefObject<HTMLDivElement>;\n\n const { rootProps, tabBarContext, menuProps, contextMenuContext } = useTabBar({\n class: styles.tabBarBase,\n edge: edge,\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children,\n contextMenuConfig\n });\n\n return (\n <>\n <TabBarContext.Provider value={tabBarContext}>\n <div\n {...rootProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedBy}>\n <TabBarLayout layout={layout} display={display}>\n {children}\n </TabBarLayout>\n </div>\n </TabBarContext.Provider>\n {contextMenuConfig && (\n <TabBarContextMenu\n {...menuProps}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext!}\n />\n )}\n </>\n );\n }\n);\n"],"names":["TabBarContextMenu","contextMenuConfig","contextMenuContext","menuProps","accessibleLabel","itemsRenderer","_jsx","Menu","children","isOpen","TabBar","forwardRef","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","ref","rootRef","rootProps","tabBarContext","useTabBar","class","styles","tabBarBase","_jsxs","jsxs","_Fragment","TabBarContext","Provider","value","jsx","TabBarLayout"],"mappings":"~~k7CAkBM~~,SAAUA,GAA6CC,kBAC3DA,EAAiBC,mBACjBA,KACGC,IAEH,MAAMC,EAAkBH,EAAkBG,gBAG1C,OAAiB,MADCH,EAAkBI,cAAcH,GAEzC,KAGPI,2BACEA,EAAAA,IAACC,EAAAA,SACKJ,KACCC,GAAmB,CACtB,aAAcA,GAEfI,SAAAL,EAAUM,QAAUR,EAAkBI,cAAcH,MAI7D,CC2Ea,MAAAQ,EAASC,EAAUA,YAC9B,EAEIH,WACAI,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBpB,qBAEFqB,KAEA,MAAMC,EAAUD,GAEVE,UAAEA,EAASC,cAAEA,EAAatB,UAAEA,EAASD,mBAAEA,GAAuBwB,EAAAA,UAAU,CAC5EC,MAAOC,EAAMA,OAACC,WACdd,KAAMA,EACNG,WACAD,WACAK,IAAKC,EACLP,YACAF,OACAN,WACAP,sBAGF,OACE6B,EACEC,KAAAC,WAAA,CAAAxB,SAAA,CAAAF,MAAC2B,EAAAA,cAAcC,SAAS,CAAAC,MAAOV,EAC7BjB,SAAAF,EAAA8B,IAAA,MAAA,IACMZ,EACQ,aAAAJ,EACK,kBAAAC,EACC,mBAAAF,EAClBX,SAAAF,EAAAA,IAAC+B,EAAAA,aAAY,CAACzB,OAAQA,EAAQC,QAASA,EACpCL,SAAAA,QAINP,GACCK,EAAA8B,IAACpC,EAAiB,IACZG,EACJF,kBAAmBA,EACnBC,mBAAoBA,MAI1B"}
1	+ {"version":3,"file":"TabBar-93811d2c.js","sources":["../../src/UNSAFE_TabBar/TabBarContextMenu.tsx","../../src/UNSAFE_TabBar/TabBar.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 { ComponentProps } from 'preact';\nimport { Menu } from '../UNSAFE_Menu';\nimport { TabBarContextMenuConfig, TabBarItemContext } from '#UNSAFE_TabBarCommon';\n\nexport type Props<K extends string \| number> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n contextMenuConfig: TabBarContextMenuConfig<K>;\n} & { contextMenuContext: TabBarItemContext<K> };\n\n/\n The internal component used to render a custom context menu\n /\nexport function TabBarContextMenu<K extends string \| number>({\n contextMenuConfig,\n contextMenuContext,\n ...menuProps\n}: Props<K>) {\n const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n const menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n if (menuItems == null) {\n return null;\n }\n return (\n <>\n <Menu\n {...menuProps}\n {...(accessibleLabel && {\n 'aria-label': accessibleLabel\n })}>\n {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n </Menu>\n </>\n );\n}\n","import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n TabBarItem,\n RemovableTabBarItem,\n OverflowTabBarItem,\n TabBarContext,\n useTabBarContext,\n TabBarLayout,\n useProgressiveTruncation,\n TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/\n type for payload of current key change event handler\n /\nexport type CurrentKeyDetail<K> = {\n value: K;\n};\n\n/\n type for payload of selection change event handler\n /\ntype SelectionDetail<K> = {\n value: K;\n};\n\n/\n type for payload of remove event handler\n /\ntype RemoveDetail<K> = {\n value: K;\n};\n\ntype DisplayProps =\n \| {\n /\n Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n 'icons' hides the label,\n /\n display?: 'standard' \| 'icons';\n /*\n The size indicates how tall the TabBarItem is rendered.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n /\n size?: 'md' \| 'lg';\n }\n \| {\n /\n 'stacked' stacks the icon on top of the label.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n /\n display?: 'stacked';\n size?: 'never';\n };\n\nexport type TabBarProps<K extends string \| number> = DisplayProps & {\n /\n A set of TabBarItem(s) that TabBar will hold\n /\n children: ComponentChildren;\n /\n Whether to stretch the tab bar items to occupy available space or to condense items\n /\n layout?: 'stretch' \| 'condense';\n /\n The position of the TabBar. Valid Values: top and bottom.\n * 'top' is used when TabBar is placed on top of content section and the selection\n * indicator would be placed below the TabBarItem.\n * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n * indicator would be placed above the TabBarItem.\n /\n edge?: 'top' \| 'bottom';\n /\n Key of the selected item.\n /\n selection?: K;\n /\n Callback function to handle when user selects a tab.\n * The callback is also invoked when a user selects a tab that is already selected.\n /\n onSelect?: <K extends string \| number>(detail: SelectionDetail<K>) => void;\n /\n Callback function to handle remove\n /\n onRemove?: <K extends string \| number>(detail: RemoveDetail<K>) => void;\n /\n Accepts the ID of an element that provides instructions for interaction with the TabBar.\n /\n 'aria-describedby'?: string;\n /\n An aria-label which defines a string value that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n /\n 'aria-label'?: string;\n\n /\n An aria-labelledby which identifies the element(s) that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n /\n 'aria-labelledby'?: string;\n\n /\n Configuration used to specify a context menu.\n /\n contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/\n A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n <K extends string \| number>(\n {\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n contextMenuConfig\n }: TabBarProps<K> & TestIdProps,\n ref?: Ref<HTMLDivElement>\n ) => {\n const rootRef = ref as RefObject<HTMLDivElement>;\n\n const { rootProps, tabBarContext, menuProps, contextMenuContext } = useTabBar({\n class: styles.tabBarBase,\n edge: edge,\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children,\n contextMenuConfig\n });\n\n return (\n <>\n <TabBarContext.Provider value={tabBarContext}>\n <div\n {...rootProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedBy}>\n <TabBarLayout layout={layout} display={display}>\n {children}\n </TabBarLayout>\n </div>\n </TabBarContext.Provider>\n {contextMenuConfig && (\n <TabBarContextMenu\n {...menuProps}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext!}\n />\n )}\n </>\n );\n }\n);\n"],"names":["TabBarContextMenu","contextMenuConfig","contextMenuContext","menuProps","accessibleLabel","itemsRenderer","_jsx","Menu","children","isOpen","TabBar","forwardRef","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","ref","rootRef","rootProps","tabBarContext","useTabBar","class","styles","tabBarBase","_jsxs","jsxs","_Fragment","TabBarContext","Provider","value","jsx","TabBarLayout"],"mappings":"itDAkBM,SAAUA,GAA6CC,kBAC3DA,EAAiBC,mBACjBA,KACGC,IAEH,MAAMC,EAAkBH,EAAkBG,gBAG1C,OAAiB,MADCH,EAAkBI,cAAcH,GAEzC,KAGPI,2BACEA,EAAAA,IAACC,EAAAA,SACKJ,KACCC,GAAmB,CACtB,aAAcA,GAEfI,SAAAL,EAAUM,QAAUR,EAAkBI,cAAcH,MAI7D,CC2Ea,MAAAQ,EAASC,EAAUA,YAC9B,EAEIH,WACAI,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBpB,qBAEFqB,KAEA,MAAMC,EAAUD,GAEVE,UAAEA,EAASC,cAAEA,EAAatB,UAAEA,EAASD,mBAAEA,GAAuBwB,EAAAA,UAAU,CAC5EC,MAAOC,EAAMA,OAACC,WACdd,KAAMA,EACNG,WACAD,WACAK,IAAKC,EACLP,YACAF,OACAN,WACAP,sBAGF,OACE6B,EACEC,KAAAC,WAAA,CAAAxB,SAAA,CAAAF,MAAC2B,EAAAA,cAAcC,SAAS,CAAAC,MAAOV,EAC7BjB,SAAAF,EAAA8B,IAAA,MAAA,IACMZ,EACQ,aAAAJ,EACK,kBAAAC,EACC,mBAAAF,EAClBX,SAAAF,EAAAA,IAAC+B,EAAAA,aAAY,CAACzB,OAAQA,EAAQC,QAASA,EACpCL,SAAAA,QAINP,GACCK,EAAA8B,IAACpC,EAAiB,IACZG,EACJF,kBAAmBA,EACnBC,mBAAoBA,MAI1B"}

package/amd/TabBarMixed-ad59654b.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './LayerHost-e95c5f30', './UNSAFE_Text/themes/TextStyles.css', './Flex-56ecdf4c', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-60420dbb', './boxalignment-905057dc', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './VisBusyStateContext-63467849', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './NavigationList-f1b80e54', './useNavigationListItem-17b77626', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './Floating-1ec5ec2a', 'css!./LayerStyles.styles.css', './keyboardUtils-fbb389f8', './tabbableUtils-85aa6918', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-46782f99', 'css!./OverflowTabBarItemStyles.styles.css', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', './useTabBar-2c4573fe'], (function(e,t,s,a,o,r,i,l,n,c,b,d,m,y,u,T,S,B,h,f,x,v,N,p,g,C,U,F,I,L,w,A,E,_,k,R,V,j){"use strict";const M=a.forwardRef(((e,o)=>{const{children:r,onRemove:i,onSelect:n,selection:c,size:b,"aria-label":d,"aria-labelledby":m}=e,y=s.useRef(null),{rootProps:u,tabBarContext:T}=(S={class:V.styles.tabBarBase,edge:"bottom",onRemove:i,onSelect:n,ref:y,selection:c,size:b,children:r},j.useTabBar(S));var S;return a.useImperativeHandle(o,(()=>({focus:()=>{y.current&&y.current.focus()},blur:()=>{y.current&&y.current.blur()}}))),t.jsx(l.TabBarContext.Provider,{value:T,children:t.jsx("div",{"aria-label":d,"aria-labelledby":m,...u,children:r})})}));e.TabBarMixed=M}));
2	+ //# sourceMappingURL=TabBarMixed-ad59654b.js.map

package/amd/{TabBarMixed-a75796a6.js.map → TabBarMixed-ad59654b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabBarMixed-~~a75796a6~~.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/*\n Component props expected to be pased to TabBarMixed.\n \n @see {@link TabBarMixed}\n /\ntype TabBarMixedProps<K extends string \| number> = {\n /\n Component children that will be rendered within the TabBarMixed\n * root element.\n \n It is expected that TabBarLayout and ConveyorBelt elements are\n * provided. The same TabBarItem, RemovableTabBarItem,\n * and OverflowTabBarItem elements should also be used.\n /\n children?: ComponentChildren;\n /\n Callback fired when a tab item is removed.\n /\n onRemove?: UseTabBarOptions['onRemove'];\n /\n Callback fired when a tab item is selected.\n /\n onSelect?: UseTabBarOptions['onSelect'];\n /\n The item key of the selected tab item.\n /\n selection?: K;\n /\n The height of the the tab bar.\n \n @default \"md\"\n /\n size?: UseTabBarOptions['size'];\n /\n An aria-label which defines a string value that labels this TabBarMixed.\n * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n /\n 'aria-label'?: string;\n\n /\n An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n /\n 'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n focus: () => void;\n blur: () => void;\n};\n\n/\n A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n \n @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n /\nexport const TabBarMixed = forwardRef(\n <K extends string \| number>(\n props: TabBarMixedProps<K>,\n focusHandleRef?: Ref<FocusableHandle>\n ) => {\n const {\n children,\n onRemove,\n onSelect,\n selection,\n size,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby\n } = props;\n\n const rootRef = useRef<HTMLDivElement>(null);\n\n const { rootProps, tabBarContext } = useTabBar({\n class: styles.tabBarBase,\n edge: 'bottom',\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children\n });\n\n //Allows to call focus on rootRef without having to expose it\n useImperativeHandle(focusHandleRef!, () => ({\n focus: () => {\n if (rootRef.current) {\n rootRef.current.focus();\n }\n },\n blur: () => {\n if (rootRef.current) {\n rootRef.current.blur();\n }\n }\n }));\n\n return (\n <TabBarContext.Provider value={tabBarContext}>\n <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...rootProps}>\n {children}\n </div>\n </TabBarContext.Provider>\n );\n }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\n\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n class?: string;\n display?: TabBarContextValue['display'];\n edge?: 'bottom' \| 'top';\n onRemove?: TabBarContextValue['onRemove'];\n onSelect?: TabBarContextValue['onSelect'];\n ref?: RefObject<HTMLDivElement>;\n selection?: TabBarContextValue['selection'];\n size?: TabBarContextValue['size'];\n children?: ComponentProps<typeof TabBarLayout>['children'];\n};\n\n/\n A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n return useTabBar(options);\n}\n"],"names":["TabBarMixed","forwardRef","props","focusHandleRef","children","onRemove","onSelect","selection","size","ariaLabel","ariaLabelledby","rootRef","useRef","rootProps","tabBarContext","options","class","styles","tabBarBase","edge","ref","useTabBar","useImperativeHandle","focus","current","blur","_jsx","TabBarContext","Provider","value"],"mappings":"~~ynCAmEa~~,MAAAA,EAAcC,EAAUA,YACnC,CACEC,EACAC,KAEA,MAAMC,SACJA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,KACTA,EACA,aAAcC,EACd,kBAAmBC,GACjBR,EAEES,EAAUC,SAAuB,OAEjCC,UAAEA,EAASC,cAAEA,IC9DQC,ED8DoB,CAC7CC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNd,WACAC,WACAc,IAAKT,EACLJ,YACAC,OACAJ,YCrEGiB,EAAAA,UAAUN,IADb,IAAyBA,EDuF3B,OAbAO,EAAmBA,oBAACnB,GAAiB,KAAO,CAC1CoB,MAAO,KACDZ,EAAQa,SACVb,EAAQa,QAAQD,OACjB,EAEHE,KAAM,KACAd,EAAQa,SACVb,EAAQa,QAAQC,MACjB,MAKHC,MAACC,EAAaA,cAACC,SAAS,CAAAC,MAAOf,EAAaV,SAC1CsB,EAAAA,wBAAiBjB,EAAS,kBAAmBC,KAAoBG,WAC9DT,KAGL"}
1	+ {"version":3,"file":"TabBarMixed-ad59654b.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/*\n Component props expected to be pased to TabBarMixed.\n \n @see {@link TabBarMixed}\n /\ntype TabBarMixedProps<K extends string \| number> = {\n /\n Component children that will be rendered within the TabBarMixed\n * root element.\n \n It is expected that TabBarLayout and ConveyorBelt elements are\n * provided. The same TabBarItem, RemovableTabBarItem,\n * and OverflowTabBarItem elements should also be used.\n /\n children?: ComponentChildren;\n /\n Callback fired when a tab item is removed.\n /\n onRemove?: UseTabBarOptions['onRemove'];\n /\n Callback fired when a tab item is selected.\n /\n onSelect?: UseTabBarOptions['onSelect'];\n /\n The item key of the selected tab item.\n /\n selection?: K;\n /\n The height of the the tab bar.\n \n @default \"md\"\n /\n size?: UseTabBarOptions['size'];\n /\n An aria-label which defines a string value that labels this TabBarMixed.\n * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n /\n 'aria-label'?: string;\n\n /\n An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n /\n 'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n focus: () => void;\n blur: () => void;\n};\n\n/\n A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n \n @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n /\nexport const TabBarMixed = forwardRef(\n <K extends string \| number>(\n props: TabBarMixedProps<K>,\n focusHandleRef?: Ref<FocusableHandle>\n ) => {\n const {\n children,\n onRemove,\n onSelect,\n selection,\n size,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby\n } = props;\n\n const rootRef = useRef<HTMLDivElement>(null);\n\n const { rootProps, tabBarContext } = useTabBar({\n class: styles.tabBarBase,\n edge: 'bottom',\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children\n });\n\n //Allows to call focus on rootRef without having to expose it\n useImperativeHandle(focusHandleRef!, () => ({\n focus: () => {\n if (rootRef.current) {\n rootRef.current.focus();\n }\n },\n blur: () => {\n if (rootRef.current) {\n rootRef.current.blur();\n }\n }\n }));\n\n return (\n <TabBarContext.Provider value={tabBarContext}>\n <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...rootProps}>\n {children}\n </div>\n </TabBarContext.Provider>\n );\n }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\n\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n class?: string;\n display?: TabBarContextValue['display'];\n edge?: 'bottom' \| 'top';\n onRemove?: TabBarContextValue['onRemove'];\n onSelect?: TabBarContextValue['onSelect'];\n ref?: RefObject<HTMLDivElement>;\n selection?: TabBarContextValue['selection'];\n size?: TabBarContextValue['size'];\n children?: ComponentProps<typeof TabBarLayout>['children'];\n};\n\n/\n A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n return useTabBar(options);\n}\n"],"names":["TabBarMixed","forwardRef","props","focusHandleRef","children","onRemove","onSelect","selection","size","ariaLabel","ariaLabelledby","rootRef","useRef","rootProps","tabBarContext","options","class","styles","tabBarBase","edge","ref","useTabBar","useImperativeHandle","focus","current","blur","_jsx","TabBarContext","Provider","value"],"mappings":"w5CAmEa,MAAAA,EAAcC,EAAUA,YACnC,CACEC,EACAC,KAEA,MAAMC,SACJA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,KACTA,EACA,aAAcC,EACd,kBAAmBC,GACjBR,EAEES,EAAUC,SAAuB,OAEjCC,UAAEA,EAASC,cAAEA,IC9DQC,ED8DoB,CAC7CC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNd,WACAC,WACAc,IAAKT,EACLJ,YACAC,OACAJ,YCrEGiB,EAAAA,UAAUN,IADb,IAAyBA,EDuF3B,OAbAO,EAAmBA,oBAACnB,GAAiB,KAAO,CAC1CoB,MAAO,KACDZ,EAAQa,SACVb,EAAQa,QAAQD,OACjB,EAEHE,KAAM,KACAd,EAAQa,SACVb,EAAQa,QAAQC,MACjB,MAKHC,MAACC,EAAaA,cAACC,SAAS,CAAAC,MAAOf,EAAaV,SAC1CsB,EAAAA,wBAAiBjB,EAAS,kBAAmBC,KAAoBG,WAC9DT,KAGL"}

package/amd/TextArea-89b9ed65.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFocusableTextField-8b755b15', './Label-3912beb2', './keyboardUtils-fbb389f8', './TextFieldInput-ba4e508c', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-b4278437', './TextField-1021f00b', './MaxLengthLiveRegion-8954fc30', './useTextField-e6877c79', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-516b1b83', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', './CompactUserAssistance-3370a318', './mergeProps-bcfa6a92', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'preact', 'css!./IconStyle.styles.css', './Popup-d51bf3f4', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useLengthFilter-ed8959a4', './MaxLengthCounter-9a95922c', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,a,n,i,o,l,r,d,c,u,m,p,x,b,h,F,f,y,g,A,L,v,C,T,R,S,I,U,E,j,w,P,_,k,D,V,N,B,M,H,q,z,W,$){"use strict";const G=t.forwardRef((({"aria-describedby":e,assistiveText:a,autoComplete:o="off",autoFocus:d=!1,columnSpan:u,helpSourceLink:F,helpSourceText:f,isDisabled:A,isReadonly:L,isRequired:v=!1,isRequiredShown:S,label:I,labelEdge:U,labelStartWidth:E,maxLength:j,maxLengthCounter:w="remaining",maxLengthUnit:P,messages:_,placeholder:k,resize:D,role:V,rows:N,textAlign:M,userAssistanceDensity:H,value:G,variant:O="default",onInput:X,onCommit:J,testId:K},Q)=>{const Y=g.useTranslationBundle("@oracle/oraclejet-preact"),Z=j?Y.formControl_limitReached({CHARACTER_LIMIT:j}):"",{currentCommitValue:ee,dispatch:se}=W.useCurrentValueReducer({value:G}),te=t.useCallback((e=>{se({type:"input",payload:e.value}),X?.(e)}),[X,se]),ae=t.useCallback((e=>{se({type:"commit",payload:e.value}),J?.(e)}),[J,se]),{isDisabled:ne,isReadonly:ie,labelEdge:oe,labelStartWidth:le,textAlign:re,userAssistanceDensity:de}=n.useFormContext(),ce=A??ne,ue=L??ie,me=U??oe,pe=E??le,xe=M??re,be=H??de,he=t.useRef(y.useId()),Fe=e?`${e} ${he.current}`:he.current,fe=t.useRef(null),ye=t.useRef(null),{focusProps:ge,isFocused:Ae,methods:Le}=l.useFocusableTextField({isDisabled:ce,isReadonly:ue,enabledElementRef:fe,readonlyElementRef:ye}),{methods:ve}=$.useSelectableTextField(fe);t.useImperativeHandle(Q,(()=>R.mergeProps(Le,ve)),[Le,ve]);const{isMaxLengthReached:Ce,valueLength:Te,onFilteredInput:Re}=q.useLengthFilter({maxLength:j,maxLengthUnit:P,value:G,onInput:te,onCommit:ae}),Se=[..._??[],...Ce?[{detail:Z,severity:"info"}]:[]],{formFieldContext:Ie,inputProps:Ue,labelProps:Ee,textFieldProps:je,userAssistanceProps:we}=h.useTextField({ariaDescribedBy:ue\|\|ce?e:Fe,contentVariant:"textarea",helpSourceLink:F,helpSourceText:f,isDisabled:ce,isFocused:Ae,isReadonly:ue,isRequiredShown:S,labelEdge:me,messages:Se,styleVariant:O,userAssistanceDensity:be,value:G}),Pe=t.useCallback((()=>{const e=fe.current,s=e?e.value.length:null;fe.current?.setSelectionRange(s,s),fe.current?.focus()}),[fe]),_e="none"!==me?s.jsx(r.Label,{...Ee,children:I}):void 0,ke={label:"none"!==me?_e:void 0,labelEdge:"none"!==me?me:void 0,labelStartWidth:"none"!==me?pe:void 0},De="none"===me?I:void 0,Ve="efficient"===be\|\|"reflow"===be?ce\|\|ue?"efficient"!==be?void 0:s.jsx(C.InlineUserAssistance,{userAssistanceDensity:be,...we}):s.jsx(C.InlineUserAssistance,{assistiveText:a,fieldLabel:I,helpSourceLink:F,helpSourceText:f,messages:Se,isRequiredShown:S,userAssistanceDensity:be,...we}):void 0,Ne=t.useRef(null),Be="compact"===be?s.jsx(T.CompactUserAssistance,{anchorRef:Ne,messages:Se,assistiveText:a,...we}):void 0;if(ue){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":Ue["aria-describedby"],"aria-label":De,"aria-labelledby":Ee.id,as:"textarea",elementRef:ye,rows:N,autoFocus:d,textAlign:xe,value:G,variant:"textarea",hasEmptyLabel:""===I&&"none"===me,hasInsideLabel:void 0!==I&&"inside"===me});return s.jsx(i.FormFieldContext.Provider,{value:Ie,children:s.jsx(p.ReadonlyTextField,{role:"presentation",columnSpan:u,compactUserAssistance:Be,inlineUserAssistance:Ve,ref:Ne,testId:K,variant:"textarea",mainContent:e,resize:D,...ke})})}const Me=void 0!==j,He=s.jsxs(s.Fragment,{children:[s.jsx(c.TextFieldInput,{as:"textarea","aria-label":De,autoComplete:o,autoFocus:d,currentCommitValue:ee,hasEmptyLabel:""===I&&"none"===me,hasInsideLabel:void 0!==_e&&"inside"===me,isRequired:v,inputRef:fe,onCommit:ae,onInput:Re,placeholder:k,role:V,rows:N,textAlign:xe,value:G,...Ue}),"remaining"===w&&Me&&s.jsx(z.MaxLengthCounter,{maxLength:j,valueLength:Te,onClick:Pe}),Me&&s.jsx(B.HiddenAccessible,{id:he.current,isHidden:!0,children:Y.formControl_maxLength({MAX_LENGTH:`${j}`})}),Me&&Ae&&s.jsx(b.MaxLengthLiveRegion,{maxLength:j,valueLength:Te,testId:K+"_remainingChars"})]});return s.jsx(i.FormFieldContext.Provider,{value:Ie,children:s.jsx(x.TextField,{mainContent:He,columnSpan:u,compactUserAssistance:Be,inlineUserAssistance:Ve,onBlur:ge?.onFocusOut,onFocus:ge?.onFocusIn,mainFieldRef:Ne,resize:D,testId:K,...je,...ke})})}));e.TextArea=G}));
2	+ //# sourceMappingURL=TextArea-89b9ed65.js.map

package/{es/TextArea-7230675f.js.map → amd/TextArea-89b9ed65.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea-7230675f.js","sources":["../../src/UNSAFE_TextArea/TextArea.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport {\n CompactUserAssistance,\n InlineUserAssistance,\n UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { MaxLengthCounter } from './MaxLengthCounter';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n /\n The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n /\n 'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n /\n Text to provide guidance to help the user understand what to enter.\n /\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /\n Dictates component's autocomplete state.\n * This attribute indicates whether the value of the control can be automatically completed by the browser.\n * The common values are \"on\" and \"off\".\n /\n autoComplete?: TextFieldInputProps['autoComplete'];\n /\n Autofocus specifies whether the component will get focus when the page is loaded.\n * If it is set to true then the associated component will get input focus when the page is loaded.\n * Setting this property doesn't set the focus to the component; it tells the browser to focus\n * to it when the element is inserted in the document.\n /\n autoFocus?: TextFieldInputProps['autoFocus'];\n /\n Specifies how many columns to span in a FormLayout with direction === 'row'\n /\n columnSpan?: LayoutColumnSpan;\n /\n Help source URL associated with the component.\n /\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /\n Custom text to be rendered for the <code>helpSourceLink</code>.\n /\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /\n Specifies whether the component is disabled.\n /\n isDisabled?: boolean;\n /\n Specifies whether the component is readonly.\n /\n isReadonly?: boolean;\n /\n Specifies for accessibility purposes whether a value is required.\n \n Setting this property to <code>false</code> means that a value is not required to be\n * committed by the user. Setting this property to <code>true</code> means that a value\n * is required to be committed by the user.\n /\n isRequired?: TextFieldInputProps['isRequired'];\n /\n Specifies whether to show an indicator on screen that a value is required, for example\n * before the user has committed a value.\n /\n isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n /\n Specifies the label associated with the field.\n /\n label: string;\n /\n Specifies where the label is positioned relative to the field.\n /\n labelEdge?: 'inside' \| 'start' \| 'top' \| 'none';\n /\n Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n /\n labelStartWidth?: Size;\n /\n Specifies the maximum number of characters that can be entered in the input field.\n /\n maxLength?: number;\n /\n Determines whether the remaining number of characters that can be entered is shown or not.\n /\n maxLengthCounter?: 'none' \| 'remaining';\n /\n Specifies how the input text characters are to be counted when maxLength is specified.\n /\n maxLengthUnit?: CountUnit;\n /\n Messages to show on screen that are associated with the component.\n /\n messages?: InlineUserAssistanceProps['messages'];\n /\n A short hint to display before the user enters a value.\n /\n placeholder?: TextFieldInputProps['placeholder'];\n /\n Specifies how the user is allowed to manually resize the TextArea component.\n /\n resize?: TextFieldProps['resize'];\n /\n Specifies the ARIA role type.\n /\n role?: TextFieldInputProps['role'];\n /\n Specifies the number of rows to display\n /\n rows?: TextFieldInputProps['rows'];\n /\n Specifies how to align text within the field.\n /\n textAlign?: TextFieldInputProps['textAlign'];\n /\n Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n * </ul>\n /\n userAssistanceDensity?: UserAssistanceDensityType;\n /\n The current display value of the component.\n /\n value?: TextFieldInputProps['value'];\n /\n The style variant of the component.\n /\n variant?: TextFieldInputProps['variant'];\n /\n Callback invoked when the user commits the entered value by blurring out of the field.\n /\n onCommit?: TextFieldInputProps['onCommit'];\n /\n Callback invoked each time the user changes the value of the field. For example, if the user\n * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n * respectively.\n /\n onInput: TextFieldInputProps['onInput'];\n};\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/\n A text area displays a field that allows a user to enter a multi-line text value.\n */\nexport const TextArea = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n assistiveText,\n autoComplete = 'off',\n autoFocus = false,\n columnSpan,\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n isRequiredShown,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n maxLength,\n maxLengthCounter = 'remaining',\n maxLengthUnit,\n messages,\n placeholder,\n resize,\n role,\n rows,\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n onInput,\n onCommit,\n testId\n }: Props,\n ref?: Ref<FocusSelectHandle>\n ) => {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const formControl_limitReached = maxLength\n ? translations.formControl_limitReached({\n CHARACTER_LIMIT: maxLength\n })\n : '';\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n const maxLengthDescribedByIdRef = useRef<string>(useId());\n // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n const enabledAriaDescribedBy = ariaDescribedBy\n ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n : maxLengthDescribedByIdRef.current;\n\n const enabledElementRef = useRef<HTMLTextAreaElement>(null);\n const readonlyElementRef = useRef<HTMLTextAreaElement>(null);\n\n const {\n focusProps,\n isFocused,\n methods: focusMethods\n } = useFocusableTextField<HTMLTextAreaElement, HTMLTextAreaElement>({\n isDisabled,\n isReadonly,\n enabledElementRef,\n readonlyElementRef\n });\n\n const { methods: selectMethods } =\n useSelectableTextField<HTMLTextAreaElement>(enabledElementRef);\n\n useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n focusMethods,\n selectMethods\n ]);\n\n // Handle length filter for user-typed inputs and controlled inputs\n const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n maxLength,\n maxLengthUnit,\n value,\n onInput: onInputAndDispatch,\n onCommit: onCommitAndDispatch\n });\n\n const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n const allMessages = [\n ...(messages ?? []),\n ...(isMaxLengthReached ? limitMessage : [])\n ] as ComponentMessageItem[];\n\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy: isReadonly \|\| isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n contentVariant: 'textarea',\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages: allMessages,\n styleVariant: variant,\n userAssistanceDensity,\n value\n });\n\n const onClickCounter = useCallback(() => {\n const elm = enabledElementRef.current;\n // for setSelectionRange(), len needs to be a number or null.\n const len = elm ? elm.value.length : null;\n // Since the counter element is after the text, clicking in this\n // should put the selection at the end of the text\n enabledElementRef.current?.setSelectionRange(len, len);\n // Clicking the counter should put the focus on the input field\n enabledElementRef.current?.focus();\n }, [enabledElementRef]);\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled \|\| isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={allMessages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const compactUserAssistance =\n userAssistanceDensity === 'compact' ? (\n <CompactUserAssistance\n anchorRef={anchorRef}\n messages={allMessages}\n assistiveText={assistiveText}\n {...userAssistanceProps}\n />\n ) : undefined;\n\n if (isReadonly) {\n const mainContent = (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n as=\"textarea\"\n elementRef={readonlyElementRef}\n rows={rows}\n autoFocus={autoFocus}\n textAlign={textAlign}\n value={value}\n variant=\"textarea\"\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n />\n );\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n ref={anchorRef}\n testId={testId}\n variant=\"textarea\"\n mainContent={mainContent}\n resize={resize}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n const hasMaxLength = maxLength !== undefined;\n const mainContent = (\n <>\n <TextFieldInput\n as=\"textarea\"\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n isRequired={isRequired}\n inputRef={enabledElementRef}\n onCommit={onCommitAndDispatch}\n onInput={onFilteredInput}\n placeholder={placeholder}\n role={role}\n rows={rows}\n textAlign={textAlign}\n value={value}\n {...inputProps}\n />\n {maxLengthCounter === 'remaining' && hasMaxLength && (\n <MaxLengthCounter\n maxLength={maxLength}\n valueLength={valueLength}\n onClick={onClickCounter}\n />\n )}\n {hasMaxLength && (\n <HiddenAccessible id={maxLengthDescribedByIdRef.current} isHidden={true}>\n {translations.formControl_maxLength({\n MAX_LENGTH: `${maxLength}`\n })}\n </HiddenAccessible>\n )}\n {hasMaxLength && isFocused && (\n <MaxLengthLiveRegion\n maxLength={maxLength}\n valueLength={valueLength}\n testId={testId + '_remainingChars'}\n />\n )}\n </>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n mainContent={mainContent}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps?.onFocusOut}\n onFocus={focusProps?.onFocusIn}\n mainFieldRef={anchorRef}\n resize={resize}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}></TextField>\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"TextArea-89b9ed65.js","sources":["../../src/UNSAFE_TextArea/TextArea.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport {\n CompactUserAssistance,\n InlineUserAssistance,\n UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { MaxLengthCounter } from './MaxLengthCounter';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n /\n The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n /\n 'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n /\n Text to provide guidance to help the user understand what to enter.\n /\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n /\n Dictates component's autocomplete state.\n * This attribute indicates whether the value of the control can be automatically completed by the browser.\n * The common values are \"on\" and \"off\".\n /\n autoComplete?: TextFieldInputProps['autoComplete'];\n /\n Autofocus specifies whether the component will get focus when the page is loaded.\n * If it is set to true then the associated component will get input focus when the page is loaded.\n * Setting this property doesn't set the focus to the component; it tells the browser to focus\n * to it when the element is inserted in the document.\n /\n autoFocus?: TextFieldInputProps['autoFocus'];\n /\n Specifies how many columns to span in a FormLayout with direction === 'row'\n /\n columnSpan?: LayoutColumnSpan;\n /\n Help source URL associated with the component.\n /\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n /\n Custom text to be rendered for the <code>helpSourceLink</code>.\n /\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n /\n Specifies whether the component is disabled.\n /\n isDisabled?: boolean;\n /\n Specifies whether the component is readonly.\n /\n isReadonly?: boolean;\n /\n Specifies for accessibility purposes whether a value is required.\n \n Setting this property to <code>false</code> means that a value is not required to be\n * committed by the user. Setting this property to <code>true</code> means that a value\n * is required to be committed by the user.\n /\n isRequired?: TextFieldInputProps['isRequired'];\n /\n Specifies whether to show an indicator on screen that a value is required, for example\n * before the user has committed a value.\n /\n isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n /\n Specifies the label associated with the field.\n /\n label: string;\n /\n Specifies where the label is positioned relative to the field.\n /\n labelEdge?: 'inside' \| 'start' \| 'top' \| 'none';\n /\n Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n /\n labelStartWidth?: Size;\n /\n Specifies the maximum number of characters that can be entered in the input field.\n /\n maxLength?: number;\n /\n Determines whether the remaining number of characters that can be entered is shown or not.\n /\n maxLengthCounter?: 'none' \| 'remaining';\n /\n Specifies how the input text characters are to be counted when maxLength is specified.\n /\n maxLengthUnit?: CountUnit;\n /\n Messages to show on screen that are associated with the component.\n /\n messages?: InlineUserAssistanceProps['messages'];\n /\n A short hint to display before the user enters a value.\n /\n placeholder?: TextFieldInputProps['placeholder'];\n /\n Specifies how the user is allowed to manually resize the TextArea component.\n /\n resize?: TextFieldProps['resize'];\n /\n Specifies the ARIA role type.\n /\n role?: TextFieldInputProps['role'];\n /\n Specifies the number of rows to display\n /\n rows?: TextFieldInputProps['rows'];\n /\n Specifies how to align text within the field.\n /\n textAlign?: TextFieldInputProps['textAlign'];\n /\n Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n * </ul>\n /\n userAssistanceDensity?: UserAssistanceDensityType;\n /\n The current display value of the component.\n /\n value?: TextFieldInputProps['value'];\n /\n The style variant of the component.\n /\n variant?: TextFieldInputProps['variant'];\n /\n Callback invoked when the user commits the entered value by blurring out of the field.\n /\n onCommit?: TextFieldInputProps['onCommit'];\n /\n Callback invoked each time the user changes the value of the field. For example, if the user\n * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n * respectively.\n /\n onInput: TextFieldInputProps['onInput'];\n};\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/\n A text area displays a field that allows a user to enter a multi-line text value.\n */\nexport const TextArea = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n assistiveText,\n autoComplete = 'off',\n autoFocus = false,\n columnSpan,\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n isRequiredShown,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n maxLength,\n maxLengthCounter = 'remaining',\n maxLengthUnit,\n messages,\n placeholder,\n resize,\n role,\n rows,\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n onInput,\n onCommit,\n testId\n }: Props,\n ref?: Ref<FocusSelectHandle>\n ) => {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const formControl_limitReached = maxLength\n ? translations.formControl_limitReached({\n CHARACTER_LIMIT: maxLength\n })\n : '';\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n const maxLengthDescribedByIdRef = useRef<string>(useId());\n // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n const enabledAriaDescribedBy = ariaDescribedBy\n ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n : maxLengthDescribedByIdRef.current;\n\n const enabledElementRef = useRef<HTMLTextAreaElement>(null);\n const readonlyElementRef = useRef<HTMLTextAreaElement>(null);\n\n const {\n focusProps,\n isFocused,\n methods: focusMethods\n } = useFocusableTextField<HTMLTextAreaElement, HTMLTextAreaElement>({\n isDisabled,\n isReadonly,\n enabledElementRef,\n readonlyElementRef\n });\n\n const { methods: selectMethods } =\n useSelectableTextField<HTMLTextAreaElement>(enabledElementRef);\n\n useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n focusMethods,\n selectMethods\n ]);\n\n // Handle length filter for user-typed inputs and controlled inputs\n const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n maxLength,\n maxLengthUnit,\n value,\n onInput: onInputAndDispatch,\n onCommit: onCommitAndDispatch\n });\n\n const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n const allMessages = [\n ...(messages ?? []),\n ...(isMaxLengthReached ? limitMessage : [])\n ] as ComponentMessageItem[];\n\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy: isReadonly \|\| isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n contentVariant: 'textarea',\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages: allMessages,\n styleVariant: variant,\n userAssistanceDensity,\n value\n });\n\n const onClickCounter = useCallback(() => {\n const elm = enabledElementRef.current;\n // for setSelectionRange(), len needs to be a number or null.\n const len = elm ? elm.value.length : null;\n // Since the counter element is after the text, clicking in this\n // should put the selection at the end of the text\n enabledElementRef.current?.setSelectionRange(len, len);\n // Clicking the counter should put the focus on the input field\n enabledElementRef.current?.focus();\n }, [enabledElementRef]);\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled \|\| isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={allMessages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const compactUserAssistance =\n userAssistanceDensity === 'compact' ? (\n <CompactUserAssistance\n anchorRef={anchorRef}\n messages={allMessages}\n assistiveText={assistiveText}\n {...userAssistanceProps}\n />\n ) : undefined;\n\n if (isReadonly) {\n const mainContent = (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n as=\"textarea\"\n elementRef={readonlyElementRef}\n rows={rows}\n autoFocus={autoFocus}\n textAlign={textAlign}\n value={value}\n variant=\"textarea\"\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n />\n );\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n ref={anchorRef}\n testId={testId}\n variant=\"textarea\"\n mainContent={mainContent}\n resize={resize}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n const hasMaxLength = maxLength !== undefined;\n const mainContent = (\n <>\n <TextFieldInput\n as=\"textarea\"\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n isRequired={isRequired}\n inputRef={enabledElementRef}\n onCommit={onCommitAndDispatch}\n onInput={onFilteredInput}\n placeholder={placeholder}\n role={role}\n rows={rows}\n textAlign={textAlign}\n value={value}\n {...inputProps}\n />\n {maxLengthCounter === 'remaining' && hasMaxLength && (\n <MaxLengthCounter\n maxLength={maxLength}\n valueLength={valueLength}\n onClick={onClickCounter}\n />\n )}\n {hasMaxLength && (\n <HiddenAccessible id={maxLengthDescribedByIdRef.current} isHidden={true}>\n {translations.formControl_maxLength({\n MAX_LENGTH: `${maxLength}`\n })}\n </HiddenAccessible>\n )}\n {hasMaxLength && isFocused && (\n <MaxLengthLiveRegion\n maxLength={maxLength}\n valueLength={valueLength}\n testId={testId + '_remainingChars'}\n />\n )}\n </>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n mainContent={mainContent}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps?.onFocusOut}\n onFocus={focusProps?.onFocusIn}\n mainFieldRef={anchorRef}\n resize={resize}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}></TextField>\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["TextArea","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","columnSpan","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthCounter","maxLengthUnit","messages","placeholder","resize","role","rows","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","testId","ref","translations","useTranslationBundle","formControl_limitReached","CHARACTER_LIMIT","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","maxLengthDescribedByIdRef","useRef","useId","enabledAriaDescribedBy","current","enabledElementRef","readonlyElementRef","focusProps","isFocused","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","isMaxLengthReached","valueLength","onFilteredInput","useLengthFilter","allMessages","severity","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","contentVariant","styleVariant","onClickCounter","elm","len","length","setSelectionRange","focus","labelComp","_jsx","jsx","Label","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","hasEmptyLabel","hasInsideLabel","FormFieldContext","Provider","children","ReadonlyTextField","hasMaxLength","_jsxs","_Fragment","Fragment","TextFieldInput","inputRef","MaxLengthCounter","onClick","HiddenAccessible","isHidden","formControl_maxLength","MAX_LENGTH","MaxLengthLiveRegion","TextField","onBlur","onFocusOut","onFocus","onFocusIn","mainFieldRef"],"mappings":"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"}

package/amd/TextAreaAutosize-81449e46.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFocusableTextField-8b755b15', './Label-3912beb2', './keyboardUtils-fbb389f8', './TextFieldInput-ba4e508c', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-b4278437', './TextField-1021f00b', './MaxLengthLiveRegion-8954fc30', './useTextField-e6877c79', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-516b1b83', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', './CompactUserAssistance-3370a318', './mergeProps-bcfa6a92', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'preact', 'css!./IconStyle.styles.css', './Popup-d51bf3f4', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useLengthFilter-ed8959a4', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './MaxLengthCounter-9a95922c'], (function(e,s,t,a,n,o,i,l,r,d,u,c,m,p,h,x,b,f,g,F,y,R,v,L,T,A,C,S,I,U,w,E,j,P,H,_,k,D,B,V,M,N,q,W,$,z){"use strict";const G=({isReadonly:e,enabledElementRef:s,readonlyElementRef:t,minRows:a=2,maxRows:n,value:o})=>{i.useLayoutEffect((()=>{const o=e?t:s;if(null===o.current)return;if(o.current instanceof HTMLDivElement)return;const i=o.current,l=(e=>{const s=window.getComputedStyle(e),t=s.lineHeight;if("normal"===t)return 1.2parseFloat(s.fontSize);return parseFloat(t)})(i);i.style.height="0";const{paddingHeight:r,borderHeight:d}=(e=>{const s=window.getComputedStyle(e);return{paddingHeight:parseFloat(s.paddingTop)+parseFloat(s.paddingBottom),borderHeight:parseFloat(s.borderTop)+parseFloat(s.borderBottom)}})(i),u=la+r+d,c=i.scrollHeight+d;let m=0;if(void 0===n)m=c<u?u:c;else if(n>a){const e=l*n+r+d;m=c>e?e:c<u?u:c}else m=u;i.style.height=m+.5+"px"}),[o,a,n,e,s,t])},O=t.forwardRef((({"aria-describedby":e,assistiveText:a,autoComplete:i="off",autoFocus:d=!1,columnSpan:c,helpSourceLink:f,helpSourceText:g,isDisabled:R,isReadonly:v,isRequired:L=!1,isRequiredShown:S,label:I,labelEdge:U,labelStartWidth:w,maxLength:E,maxLengthCounter:j="remaining",maxLengthUnit:P,maxRows:H,messages:_,minRows:k=2,placeholder:D,role:B,textAlign:M,userAssistanceDensity:N,value:O,variant:X="default",onInput:J,onCommit:K,testId:Q},Y)=>{const Z=y.useTranslationBundle("@oracle/oraclejet-preact"),ee=E?Z.formControl_limitReached({CHARACTER_LIMIT:E}):"",{currentCommitValue:se,dispatch:te}=W.useCurrentValueReducer({value:O}),ae=t.useCallback((e=>{te({type:"input",payload:e.value}),J?.(e)}),[J,te]),ne=t.useCallback((e=>{te({type:"commit",payload:e.value}),K?.(e)}),[K,te]),{isDisabled:oe,isReadonly:ie,labelEdge:le,labelStartWidth:re,textAlign:de,userAssistanceDensity:ue}=n.useFormContext(),ce=R??oe,me=v??ie,pe=U??le,he=w??re,xe=M??de,be=N??ue,fe=t.useRef(F.useId()),ge=e?`${e} ${fe.current}`:fe.current,Fe=t.useRef(null),ye=t.useRef(null),{focusProps:Re,isFocused:ve,methods:Le}=l.useFocusableTextField({isDisabled:ce,isReadonly:me,enabledElementRef:Fe,readonlyElementRef:ye}),{methods:Te}=$.useSelectableTextField(Fe);t.useImperativeHandle(Y,(()=>C.mergeProps(Le,Te)),[Le,Te]);const{isMaxLengthReached:Ae,valueLength:Ce,onFilteredInput:Se}=q.useLengthFilter({maxLength:E,maxLengthUnit:P,value:O,onInput:ae,onCommit:ne}),Ie=[..._??[],...Ae?[{detail:ee,severity:"info"}]:[]],{formFieldContext:Ue,inputProps:we,labelProps:Ee,textFieldProps:je,userAssistanceProps:Pe}=b.useTextField({ariaDescribedBy:me\|\|ce?e:ge,contentVariant:"textarea",helpSourceLink:f,helpSourceText:g,isDisabled:ce,isFocused:ve,isReadonly:me,isRequiredShown:S,labelEdge:pe,messages:Ie,styleVariant:X,userAssistanceDensity:be,value:O}),He=t.useCallback((()=>{const e=Fe.current,s=e?e.value.length:null;Fe.current?.setSelectionRange(s,s),Fe.current?.focus()}),[Fe]),_e="none"!==pe?s.jsx(r.Label,{...Ee,children:I}):void 0,ke={label:"none"!==pe?_e:void 0,labelEdge:"none"!==pe?pe:void 0,labelStartWidth:"none"!==pe?he:void 0},De="none"===pe?I:void 0,Be="efficient"===be\|\|"reflow"===be?ce\|\|me?"efficient"!==be?void 0:s.jsx(T.InlineUserAssistance,{userAssistanceDensity:be,...Pe}):s.jsx(T.InlineUserAssistance,{assistiveText:a,fieldLabel:I,helpSourceLink:f,helpSourceText:g,messages:Ie,isRequiredShown:S,userAssistanceDensity:be,...Pe}):void 0,Ve=t.useRef(null),Me="compact"===be?s.jsx(A.CompactUserAssistance,{anchorRef:Ve,messages:Ie,assistiveText:a,...Pe}):void 0;if(G({isReadonly:me,enabledElementRef:Fe,readonlyElementRef:ye,minRows:k,maxRows:H,value:O}),me){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":we["aria-describedby"],"aria-label":De,"aria-labelledby":Ee.id,elementRef:ye,...H?{as:"textarea",rows:k}:{as:"div"},autoFocus:d,textAlign:xe,value:O,variant:"textarea",hasEmptyLabel:""===I&&"none"===pe,hasInsideLabel:void 0!==I&&"inside"===pe});return s.jsx(o.FormFieldContext.Provider,{value:Ue,children:s.jsx(p.ReadonlyTextField,{role:"presentation",columnSpan:c,compactUserAssistance:Me,inlineUserAssistance:Be,variant:"textarea",mainContent:e,ref:Ve,testId:Q,...ke})})}const Ne=void 0!==E,qe=s.jsxs(s.Fragment,{children:[s.jsx(u.TextFieldInput,{as:"textarea","aria-label":De,autoComplete:i,autoFocus:d,currentCommitValue:se,hasEmptyLabel:""===I&&"none"===pe,hasInsideLabel:void 0!==_e&&"inside"===pe,isRequired:L,inputRef:Fe,onCommit:ne,onInput:Se,placeholder:D,role:B,rows:k,textAlign:xe,value:O,...we}),"remaining"===j&&Ne&&s.jsx(z.MaxLengthCounter,{maxLength:E,valueLength:Ce,onClick:He}),Ne&&s.jsx(V.HiddenAccessible,{id:fe.current,children:Z.formControl_maxLength({MAX_LENGTH:`${E}`})}),Ne&&ve&&s.jsx(x.MaxLengthLiveRegion,{maxLength:E,valueLength:Ce,testId:Q+"_remainingChars"})]});return s.jsx(o.FormFieldContext.Provider,{value:Ue,children:s.jsx(h.TextField,{mainContent:qe,columnSpan:c,compactUserAssistance:Me,inlineUserAssistance:Be,onBlur:Re?.onFocusOut,onFocus:Re?.onFocusIn,mainFieldRef:Ve,testId:Q,...je,...ke})})}));e.TextAreaAutosize=O}));
2	+ //# sourceMappingURL=TextAreaAutosize-81449e46.js.map

package/amd/{TextAreaAutosize-9cd2c1e8.js.map → TextAreaAutosize-81449e46.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextAreaAutosize-9cd2c1e8.js","sources":["../../src/UNSAFE_TextAreaAutosize/ScrollHeightUtils.tsx","../../src/UNSAFE_TextAreaAutosize/useTextAreaAutosizing.tsx","../../src/UNSAFE_TextAreaAutosize/TextAreaAutosize.tsx"],"sourcesContent":["// returns the lineHeight as a number of pixels.\nexport const calculateLineHeight = (textarea: HTMLTextAreaElement): number => {\n const computedStyle = window.getComputedStyle(textarea);\n const computedlineHeight = computedStyle.lineHeight;\n if (computedlineHeight === 'normal') {\n // We get 'normal' for values 'initial', 'inherit', 'unset' and 'normal'\n // TODO: Unclear if we need this.\n // getComputedStyle always return fontSize in pixels. Not likely a float, but since it's legal\n // we use parseFloat()\n const fontSize = parseFloat(computedStyle.fontSize);\n return 1.2 * fontSize;\n }\n return parseFloat(computedlineHeight);\n};\nexport const getStylingHeight = (textarea: HTMLTextAreaElement) => {\n const cssStyle = window.getComputedStyle(textarea);\n const paddingTop = parseFloat(cssStyle.paddingTop);\n const paddingBottom = parseFloat(cssStyle.paddingBottom);\n const borderTop = parseFloat(cssStyle.borderTop);\n const borderBottom = parseFloat(cssStyle.borderBottom);\n return { paddingHeight: paddingTop + paddingBottom, borderHeight: borderTop + borderBottom };\n};\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useLayoutEffect } from 'preact/hooks';\nimport { calculateLineHeight, getStylingHeight } from './ScrollHeightUtils';\nimport { TextAreaAutosize } from './TextAreaAutosize';\n\ntype PickedPropsFromTextAreaAutosize = Pick<\n ComponentProps<typeof TextAreaAutosize>,\n 'minRows' \| 'maxRows' \| 'value'\n>;\ntype Props = PickedPropsFromTextAreaAutosize & {\n isReadonly?: boolean;\n enabledElementRef: RefObject<HTMLTextAreaElement>;\n readonlyElementRef: RefObject<HTMLTextAreaElement \| HTMLDivElement>;\n};\n\n// TODO: Make this fire when the container resizes - JET-50840\nexport const useTextAreaAutosizing = ({\n isReadonly,\n enabledElementRef,\n readonlyElementRef,\n minRows = 2,\n maxRows,\n value\n}: Props) => {\n useLayoutEffect(() => {\n const textareaRef = isReadonly ? readonlyElementRef : enabledElementRef;\n if (textareaRef.current === null) return;\n if (textareaRef.current instanceof HTMLDivElement) return; // We don't need to do anything if the readonlyElement is a DIV.\n const textarea = textareaRef.current;\n const lineHeight = calculateLineHeight(textarea);\n textarea.style.height = '0';\n const { paddingHeight, borderHeight } = getStylingHeight(textarea);\n const heightForMinRows = lineHeight * minRows + paddingHeight + borderHeight;\n const scrollHeight = textarea.scrollHeight + borderHeight;\n let resizedHeight = 0;\n // if maxRows is -1 the textarea will grow or shrink to fit all the content.\n // it won't shrink any less than rows.\n if (maxRows === undefined) {\n // we want to fit the entire scrollHeight, but we don't want\n // to shrink smaller than the height for rows.\n if (scrollHeight < heightForMinRows) {\n resizedHeight = heightForMinRows;\n } else {\n resizedHeight = scrollHeight;\n }\n } else if (maxRows > minRows) {\n // if maxRows is positive and greater than rows, the textarea will grow to fit the content\n // up to maxrows, or shrink to fit the content and down to rows.\n const heightForMaxRows = lineHeight * maxRows + paddingHeight + borderHeight;\n if (scrollHeight > heightForMaxRows) {\n resizedHeight = heightForMaxRows;\n } else if (scrollHeight < heightForMinRows) {\n resizedHeight = heightForMinRows;\n } else {\n resizedHeight = scrollHeight;\n }\n } else {\n resizedHeight = heightForMinRows;\n }\n // The 0.5 gaurantees that the clientHeight will be bigger than the scrollHeight, so no scrollbar appears.\n textarea.style.height = resizedHeight + 0.5 + 'px';\n }, [value, minRows, maxRows, isReadonly, enabledElementRef, readonlyElementRef]);\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 { ComponentProps, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport {\n CompactUserAssistance,\n InlineUserAssistance,\n UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { useTextAreaAutosizing } from './useTextAreaAutosizing';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { MaxLengthCounter } from '../UNSAFE_TextArea';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype 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 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 Specifies the maximum number of rows that the TextAreaAutosize is allowed to grow to.\n * If maxRows is less than minRows, it is ignored.\n /\n maxRows?: number;\n /\n Messages to show on screen that are associated with the component.\n /\n messages?: InlineUserAssistanceProps['messages'];\n /\n Specifies the minimum number of rows that the TextAreaAutosize is allowed to shrink to.\n /\n minRows?: number;\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 role?: TextFieldInputProps['role'];\n /\n Specifies the number of rows to display\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 /\n onCommit?: TextFieldInputProps['onCommit'];\n\n /*\n Callback invoked when the user inputs a value.\n \n /\n onInput: TextFieldInputProps['onInput'];\n};\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n/*\n A text area auto size displays a field that allows a user to enter a multi-line text value, and will adjust its height based on its content.\n */\nexport const TextAreaAutosize = 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 maxRows,\n messages,\n minRows = 2,\n placeholder,\n role,\n //TODO: Add counter to show the length remaining - JET-50752\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n onInput,\n onCommit,\n testId\n }: Props,\n ref?: Ref<FocusSelectHandle>\n ) => {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const formControl_limitReached = maxLength\n ? translations.formControl_limitReached({\n CHARACTER_LIMIT: maxLength\n })\n : '';\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n const maxLengthDescribedByIdRef = useRef<string>(useId());\n // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n const enabledAriaDescribedBy = ariaDescribedBy\n ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n : maxLengthDescribedByIdRef.current;\n\n const enabledElementRef = useRef<HTMLTextAreaElement>(null);\n const readonlyElementRef = useRef<HTMLTextAreaElement \| HTMLDivElement>(null);\n\n const {\n focusProps,\n isFocused,\n methods: focusMethods\n } = useFocusableTextField<HTMLTextAreaElement, HTMLTextAreaElement \| HTMLDivElement>({\n isDisabled,\n isReadonly,\n enabledElementRef,\n readonlyElementRef\n });\n\n const { methods: selectMethods } =\n useSelectableTextField<HTMLTextAreaElement>(enabledElementRef);\n\n useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n focusMethods,\n selectMethods\n ]);\n\n // Handle length filter for user-typed inputs and controlled inputs\n const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n maxLength,\n maxLengthUnit,\n value,\n onInput: onInputAndDispatch,\n onCommit: onCommitAndDispatch\n });\n\n const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n const allMessages = [\n ...(messages ?? []),\n ...(isMaxLengthReached ? limitMessage : [])\n ] as ComponentMessageItem[];\n\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy: isReadonly \|\| isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n contentVariant: 'textarea',\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages: allMessages,\n styleVariant: variant,\n userAssistanceDensity,\n value\n });\n\n const onClickCounter = useCallback(() => {\n const elm = enabledElementRef.current;\n // for setSelectionRange(), len needs to be a number or null.\n const len = elm ? elm.value.length : null;\n // Since the counter element is after the text, clicking in this\n // should put the selection at the end of the text\n enabledElementRef.current?.setSelectionRange(len, len);\n // Clicking the counter should put the focus on the input field\n enabledElementRef.current?.focus();\n }, [enabledElementRef]);\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled \|\| isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={allMessages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const compactUserAssistance =\n userAssistanceDensity === 'compact' ? (\n <CompactUserAssistance\n anchorRef={anchorRef}\n messages={allMessages}\n assistiveText={assistiveText}\n {...userAssistanceProps}\n />\n ) : undefined;\n\n useTextAreaAutosizing({\n isReadonly,\n enabledElementRef,\n readonlyElementRef,\n minRows,\n maxRows,\n value\n });\n\n if (isReadonly) {\n // TODO: should be able to configure whether start/end content is shown when readonly\n // JET-49916 - Preact InputText: show start/end content when readonly\n const mainContent = (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n elementRef={readonlyElementRef}\n {...(maxRows ? { as: 'textarea', rows: minRows } : { as: 'div' })}\n autoFocus={autoFocus}\n textAlign={textAlign}\n value={value}\n variant=\"textarea\"\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n />\n );\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n variant=\"textarea\"\n mainContent={mainContent}\n ref={anchorRef}\n testId={testId}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n const hasMaxLength = maxLength !== undefined;\n const mainContent = (\n <>\n <TextFieldInput\n as=\"textarea\"\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n isRequired={isRequired}\n inputRef={enabledElementRef}\n onCommit={onCommitAndDispatch}\n onInput={onFilteredInput}\n placeholder={placeholder}\n role={role}\n rows={minRows}\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}>\n {translations.formControl_maxLength({\n MAX_LENGTH: `${maxLength}`\n })}\n </HiddenAccessible>\n )}\n {hasMaxLength && isFocused && (\n <MaxLengthLiveRegion\n maxLength={maxLength}\n valueLength={valueLength}\n testId={testId + '_remainingChars'}\n />\n )}\n </>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n mainContent={mainContent}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps?.onFocusOut}\n onFocus={focusProps?.onFocusIn}\n mainFieldRef={anchorRef}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["useTextAreaAutosizing","isReadonly","enabledElementRef","readonlyElementRef","minRows","maxRows","value","useLayoutEffect","textareaRef","current","HTMLDivElement","textarea","lineHeight","computedStyle","window","getComputedStyle","computedlineHeight","parseFloat","fontSize","calculateLineHeight","style","height","paddingHeight","borderHeight","cssStyle","paddingTop","paddingBottom","borderTop","borderBottom","getStylingHeight","heightForMinRows","scrollHeight","resizedHeight","undefined","heightForMaxRows","TextAreaAutosize","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","columnSpan","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthCounter","maxLengthUnit","messages","placeholder","role","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","variant","onInput","onCommit","testId","ref","translations","useTranslationBundle","formControl_limitReached","CHARACTER_LIMIT","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","maxLengthDescribedByIdRef","useRef","useId","enabledAriaDescribedBy","focusProps","isFocused","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","isMaxLengthReached","valueLength","onFilteredInput","useLengthFilter","allMessages","severity","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","contentVariant","styleVariant","onClickCounter","elm","len","length","setSelectionRange","focus","labelComp","_jsx","jsx","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","elementRef","as","rows","hasEmptyLabel","hasInsideLabel","FormFieldContext","Provider","children","ReadonlyTextField","hasMaxLength","_jsxs","_Fragment","Fragment","TextFieldInput","inputRef","MaxLengthCounter","onClick","HiddenAccessible","formControl_maxLength","MAX_LENGTH","MaxLengthLiveRegion","TextField","onBlur","onFocusOut","onFocus","onFocusIn","mainFieldRef"],"mappings":"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"}
1	+ {"version":3,"file":"TextAreaAutosize-81449e46.js","sources":["../../src/UNSAFE_TextAreaAutosize/ScrollHeightUtils.tsx","../../src/UNSAFE_TextAreaAutosize/useTextAreaAutosizing.tsx","../../src/UNSAFE_TextAreaAutosize/TextAreaAutosize.tsx"],"sourcesContent":["// returns the lineHeight as a number of pixels.\nexport const calculateLineHeight = (textarea: HTMLTextAreaElement): number => {\n const computedStyle = window.getComputedStyle(textarea);\n const computedlineHeight = computedStyle.lineHeight;\n if (computedlineHeight === 'normal') {\n // We get 'normal' for values 'initial', 'inherit', 'unset' and 'normal'\n // TODO: Unclear if we need this.\n // getComputedStyle always return fontSize in pixels. Not likely a float, but since it's legal\n // we use parseFloat()\n const fontSize = parseFloat(computedStyle.fontSize);\n return 1.2 * fontSize;\n }\n return parseFloat(computedlineHeight);\n};\nexport const getStylingHeight = (textarea: HTMLTextAreaElement) => {\n const cssStyle = window.getComputedStyle(textarea);\n const paddingTop = parseFloat(cssStyle.paddingTop);\n const paddingBottom = parseFloat(cssStyle.paddingBottom);\n const borderTop = parseFloat(cssStyle.borderTop);\n const borderBottom = parseFloat(cssStyle.borderBottom);\n return { paddingHeight: paddingTop + paddingBottom, borderHeight: borderTop + borderBottom };\n};\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useLayoutEffect } from 'preact/hooks';\nimport { calculateLineHeight, getStylingHeight } from './ScrollHeightUtils';\nimport { TextAreaAutosize } from './TextAreaAutosize';\n\ntype PickedPropsFromTextAreaAutosize = Pick<\n ComponentProps<typeof TextAreaAutosize>,\n 'minRows' \| 'maxRows' \| 'value'\n>;\ntype Props = PickedPropsFromTextAreaAutosize & {\n isReadonly?: boolean;\n enabledElementRef: RefObject<HTMLTextAreaElement>;\n readonlyElementRef: RefObject<HTMLTextAreaElement \| HTMLDivElement>;\n};\n\n// TODO: Make this fire when the container resizes - JET-50840\nexport const useTextAreaAutosizing = ({\n isReadonly,\n enabledElementRef,\n readonlyElementRef,\n minRows = 2,\n maxRows,\n value\n}: Props) => {\n useLayoutEffect(() => {\n const textareaRef = isReadonly ? readonlyElementRef : enabledElementRef;\n if (textareaRef.current === null) return;\n if (textareaRef.current instanceof HTMLDivElement) return; // We don't need to do anything if the readonlyElement is a DIV.\n const textarea = textareaRef.current;\n const lineHeight = calculateLineHeight(textarea);\n textarea.style.height = '0';\n const { paddingHeight, borderHeight } = getStylingHeight(textarea);\n const heightForMinRows = lineHeight * minRows + paddingHeight + borderHeight;\n const scrollHeight = textarea.scrollHeight + borderHeight;\n let resizedHeight = 0;\n // if maxRows is -1 the textarea will grow or shrink to fit all the content.\n // it won't shrink any less than rows.\n if (maxRows === undefined) {\n // we want to fit the entire scrollHeight, but we don't want\n // to shrink smaller than the height for rows.\n if (scrollHeight < heightForMinRows) {\n resizedHeight = heightForMinRows;\n } else {\n resizedHeight = scrollHeight;\n }\n } else if (maxRows > minRows) {\n // if maxRows is positive and greater than rows, the textarea will grow to fit the content\n // up to maxrows, or shrink to fit the content and down to rows.\n const heightForMaxRows = lineHeight * maxRows + paddingHeight + borderHeight;\n if (scrollHeight > heightForMaxRows) {\n resizedHeight = heightForMaxRows;\n } else if (scrollHeight < heightForMinRows) {\n resizedHeight = heightForMinRows;\n } else {\n resizedHeight = scrollHeight;\n }\n } else {\n resizedHeight = heightForMinRows;\n }\n // The 0.5 gaurantees that the clientHeight will be bigger than the scrollHeight, so no scrollbar appears.\n textarea.style.height = resizedHeight + 0.5 + 'px';\n }, [value, minRows, maxRows, isReadonly, enabledElementRef, readonlyElementRef]);\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 { ComponentProps, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport {\n CompactUserAssistance,\n InlineUserAssistance,\n UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { useTextAreaAutosizing } from './useTextAreaAutosizing';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { MaxLengthCounter } from '../UNSAFE_TextArea';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype 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 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 Specifies the maximum number of rows that the TextAreaAutosize is allowed to grow to.\n * If maxRows is less than minRows, it is ignored.\n /\n maxRows?: number;\n /\n Messages to show on screen that are associated with the component.\n /\n messages?: InlineUserAssistanceProps['messages'];\n /\n Specifies the minimum number of rows that the TextAreaAutosize is allowed to shrink to.\n /\n minRows?: number;\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 role?: TextFieldInputProps['role'];\n /\n Specifies the number of rows to display\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 /\n onCommit?: TextFieldInputProps['onCommit'];\n\n /*\n Callback invoked when the user inputs a value.\n \n /\n onInput: TextFieldInputProps['onInput'];\n};\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n/*\n A text area auto size displays a field that allows a user to enter a multi-line text value, and will adjust its height based on its content.\n */\nexport const TextAreaAutosize = 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 maxRows,\n messages,\n minRows = 2,\n placeholder,\n role,\n //TODO: Add counter to show the length remaining - JET-50752\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n onInput,\n onCommit,\n testId\n }: Props,\n ref?: Ref<FocusSelectHandle>\n ) => {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const formControl_limitReached = maxLength\n ? translations.formControl_limitReached({\n CHARACTER_LIMIT: maxLength\n })\n : '';\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n const maxLengthDescribedByIdRef = useRef<string>(useId());\n // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n const enabledAriaDescribedBy = ariaDescribedBy\n ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n : maxLengthDescribedByIdRef.current;\n\n const enabledElementRef = useRef<HTMLTextAreaElement>(null);\n const readonlyElementRef = useRef<HTMLTextAreaElement \| HTMLDivElement>(null);\n\n const {\n focusProps,\n isFocused,\n methods: focusMethods\n } = useFocusableTextField<HTMLTextAreaElement, HTMLTextAreaElement \| HTMLDivElement>({\n isDisabled,\n isReadonly,\n enabledElementRef,\n readonlyElementRef\n });\n\n const { methods: selectMethods } =\n useSelectableTextField<HTMLTextAreaElement>(enabledElementRef);\n\n useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n focusMethods,\n selectMethods\n ]);\n\n // Handle length filter for user-typed inputs and controlled inputs\n const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n maxLength,\n maxLengthUnit,\n value,\n onInput: onInputAndDispatch,\n onCommit: onCommitAndDispatch\n });\n\n const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n const allMessages = [\n ...(messages ?? []),\n ...(isMaxLengthReached ? limitMessage : [])\n ] as ComponentMessageItem[];\n\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy: isReadonly \|\| isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n contentVariant: 'textarea',\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages: allMessages,\n styleVariant: variant,\n userAssistanceDensity,\n value\n });\n\n const onClickCounter = useCallback(() => {\n const elm = enabledElementRef.current;\n // for setSelectionRange(), len needs to be a number or null.\n const len = elm ? elm.value.length : null;\n // Since the counter element is after the text, clicking in this\n // should put the selection at the end of the text\n enabledElementRef.current?.setSelectionRange(len, len);\n // Clicking the counter should put the focus on the input field\n enabledElementRef.current?.focus();\n }, [enabledElementRef]);\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled \|\| isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={allMessages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const anchorRef = useRef<HTMLDivElement>(null);\n\n const compactUserAssistance =\n userAssistanceDensity === 'compact' ? (\n <CompactUserAssistance\n anchorRef={anchorRef}\n messages={allMessages}\n assistiveText={assistiveText}\n {...userAssistanceProps}\n />\n ) : undefined;\n\n useTextAreaAutosizing({\n isReadonly,\n enabledElementRef,\n readonlyElementRef,\n minRows,\n maxRows,\n value\n });\n\n if (isReadonly) {\n // TODO: should be able to configure whether start/end content is shown when readonly\n // JET-49916 - Preact InputText: show start/end content when readonly\n const mainContent = (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n elementRef={readonlyElementRef}\n {...(maxRows ? { as: 'textarea', rows: minRows } : { as: 'div' })}\n autoFocus={autoFocus}\n textAlign={textAlign}\n value={value}\n variant=\"textarea\"\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n />\n );\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n variant=\"textarea\"\n mainContent={mainContent}\n ref={anchorRef}\n testId={testId}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n const hasMaxLength = maxLength !== undefined;\n const mainContent = (\n <>\n <TextFieldInput\n as=\"textarea\"\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n isRequired={isRequired}\n inputRef={enabledElementRef}\n onCommit={onCommitAndDispatch}\n onInput={onFilteredInput}\n placeholder={placeholder}\n role={role}\n rows={minRows}\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}>\n {translations.formControl_maxLength({\n MAX_LENGTH: `${maxLength}`\n })}\n </HiddenAccessible>\n )}\n {hasMaxLength && isFocused && (\n <MaxLengthLiveRegion\n maxLength={maxLength}\n valueLength={valueLength}\n testId={testId + '_remainingChars'}\n />\n )}\n </>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n mainContent={mainContent}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps?.onFocusOut}\n onFocus={focusProps?.onFocusIn}\n mainFieldRef={anchorRef}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}\n />\n </FormFieldContext.Provider>\n );\n }\n);\n"],"names":["useTextAreaAutosizing","isReadonly","enabledElementRef","readonlyElementRef","minRows","maxRows","value","useLayoutEffect","textareaRef","current","HTMLDivElement","textarea","lineHeight","computedStyle","window","getComputedStyle","computedlineHeight","parseFloat","fontSize","calculateLineHeight","style","height","paddingHeight","borderHeight","cssStyle","paddingTop","paddingBottom","borderTop","borderBottom","getStylingHeight","heightForMinRows","scrollHeight","resizedHeight","undefined","heightForMaxRows","TextAreaAutosize","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","columnSpan","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthCounter","maxLengthUnit","messages","placeholder","role","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","variant","onInput","onCommit","testId","ref","translations","useTranslationBundle","formControl_limitReached","CHARACTER_LIMIT","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","maxLengthDescribedByIdRef","useRef","useId","enabledAriaDescribedBy","focusProps","isFocused","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","isMaxLengthReached","valueLength","onFilteredInput","useLengthFilter","allMessages","severity","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","contentVariant","styleVariant","onClickCounter","elm","len","length","setSelectionRange","focus","labelComp","_jsx","jsx","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","elementRef","as","rows","hasEmptyLabel","hasInsideLabel","FormFieldContext","Provider","children","ReadonlyTextField","hasMaxLength","_jsxs","_Fragment","Fragment","TextFieldInput","inputRef","MaxLengthCounter","onClick","HiddenAccessible","formControl_maxLength","MAX_LENGTH","MaxLengthLiveRegion","TextField","onBlur","onFocusOut","onFocus","onFocusIn","mainFieldRef"],"mappings":"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"}