{"version":3,"sources":["../../../../src/components/Tree/TreeItem/useTreeItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { ArrowLeft } from '@fluentui/keyboard-keys';\nimport {\n useTreeContext_unstable,\n useTreeItem_unstable,\n useTreeItemContext_unstable,\n useTreeItemContextValues_unstable,\n} from '@fluentui/react-tree';\nimport { useEventCallback, useTimeout } from '@fluentui/react-utilities';\n\nimport type { TreeItemContextValues, TreeItemProps, TreeItemState } from './TreeItem.types';\nimport { toDataAttributeValue } from '../../../utils';\n\n/**\n * Returns the state for a TreeItem component, given its props and ref.\n * The returned state can be modified with hooks before being passed to `renderTreeItem`.\n */\nexport const useTreeItem = (props: TreeItemProps, ref: React.Ref): TreeItemState => {\n const state: TreeItemState = useTreeItem_unstable(props, ref);\n const navigationMode = useTreeContext_unstable(ctx => ctx.navigationMode ?? 'tree');\n const requestTreeResponse = useTreeContext_unstable(ctx => ctx.requestTreeResponse);\n const parentValue = useTreeItemContext_unstable(ctx => props.parentValue ?? ctx.value);\n const [setActionsNavigationTimeout] = useTimeout();\n\n // Set data attributes for the item type, open and checked states to simplify styling of these states.\n // eslint-disable-next-line react-hooks/immutability\n state.root['data-item-type'] = state.itemType;\n // eslint-disable-next-line react-hooks/immutability\n state.root['data-open'] = toDataAttributeValue(state.itemType === 'branch' && state.open);\n // eslint-disable-next-line react-hooks/immutability\n state.root['data-checked'] = toDataAttributeValue(state.checked);\n\n // In a treegrid, ArrowLeft on an action first lets the actions focusgroup move focus to the preceding action,\n // in the reading direction. Focus only returns to the tree item when the focusgroup did not move it.\n const { onKeyDown: handleTreeItemKeyDown } = state.root;\n // eslint-disable-next-line react-hooks/immutability\n state.root.onKeyDown = useEventCallback((event: React.KeyboardEvent) => {\n const { actionsRef } = state;\n const actions = actionsRef && 'current' in actionsRef ? actionsRef.current : null;\n if (\n navigationMode !== 'treegrid' ||\n event.key !== ArrowLeft ||\n event.altKey ||\n !actions?.contains(event.target as Node)\n ) {\n handleTreeItemKeyDown?.(event);\n return;\n }\n\n props.onKeyDown?.(event);\n if (event.isDefaultPrevented()) {\n return;\n }\n const target = event.currentTarget;\n // The document or the shadow root containing the tree, whose active element is the focused action\n const root = (event.target as Node).getRootNode() as Document | ShadowRoot;\n const { activeElement } = root;\n // The focusgroup moves focus as the default action of the event, after it is dispatched\n setActionsNavigationTimeout(() => {\n if (root.activeElement !== activeElement || !actions.contains(activeElement)) {\n return;\n }\n if (root !== target.ownerDocument) {\n // Tree navigation only sees the shadow host as the active element of the document,\n // so focus is returned to the tree item directly.\n target.focus();\n return;\n }\n requestTreeResponse({\n requestType: 'navigate',\n event,\n value: state.value,\n itemType: state.itemType,\n parentValue,\n type: ArrowLeft,\n target,\n });\n }, 0);\n });\n\n return state;\n};\n\n/**\n * Returns a value from the context of the closest tree item, such as its value, open or checked state.\n */\nexport { useTreeItemContext_unstable as useTreeItemContext } from '@fluentui/react-tree';\n\n/**\n * Maps the state of the tree item to the values that are passed through context to its layout and subtree.\n */\nexport const useTreeItemContextValues: (state: TreeItemState) => TreeItemContextValues =\n useTreeItemContextValues_unstable;\n"],"names":["useTreeItem","useTreeItemContext","useTreeItemContext_unstable","useTreeItemContextValues","props","ref","state","useTreeItem_unstable","navigationMode","useTreeContext_unstable","ctx","requestTreeResponse","parentValue","value","setActionsNavigationTimeout","useTimeout","root","itemType","toDataAttributeValue","open","checked","onKeyDown","handleTreeItemKeyDown","useEventCallback","event","actionsRef","actions","current","key","ArrowLeft","altKey","contains","target","isDefaultPrevented","currentTarget","getRootNode","activeElement","ownerDocument","focus","requestType","type","useTreeItemContextValues_unstable"],"mappings":"AAAA;;;;;;;;;;;;QAmBaA;eAAAA;;QAqE2BC;eAA/BC,sCAA2B;;QAKvBC;eAAAA;;;8BA1Fa;2BAMnB;gCACsC;uBAGR;AAM9B,MAAMH,cAAc,CAACI,OAAsBC;IAChD,MAAMC,QAAuBC,IAAAA,+BAAoB,EAACH,OAAOC;IACzD,MAAMG,iBAAiBC,IAAAA,kCAAuB,EAACC,CAAAA,MAAOA,IAAIF,cAAc,IAAI;IAC5E,MAAMG,sBAAsBF,IAAAA,kCAAuB,EAACC,CAAAA,MAAOA,IAAIC,mBAAmB;IAClF,MAAMC,cAAcV,IAAAA,sCAA2B,EAACQ,CAAAA,MAAON,MAAMQ,WAAW,IAAIF,IAAIG,KAAK;IACrF,MAAM,CAACC,4BAA4B,GAAGC,IAAAA,0BAAU;IAEhD,sGAAsG;IACtG,oDAAoD;IACpDT,MAAMU,IAAI,CAAC,iBAAiB,GAAGV,MAAMW,QAAQ;IAC7C,oDAAoD;IACpDX,MAAMU,IAAI,CAAC,YAAY,GAAGE,IAAAA,2BAAoB,EAACZ,MAAMW,QAAQ,KAAK,YAAYX,MAAMa,IAAI;IACxF,oDAAoD;IACpDb,MAAMU,IAAI,CAAC,eAAe,GAAGE,IAAAA,2BAAoB,EAACZ,MAAMc,OAAO;IAE/D,8GAA8G;IAC9G,qGAAqG;IACrG,MAAM,EAAEC,WAAWC,qBAAqB,EAAE,GAAGhB,MAAMU,IAAI;IACvD,oDAAoD;IACpDV,MAAMU,IAAI,CAACK,SAAS,GAAGE,IAAAA,gCAAgB,EAAC,CAACC;QACvC,MAAM,EAAEC,UAAU,EAAE,GAAGnB;QACvB,MAAMoB,UAAUD,cAAc,aAAaA,aAAaA,WAAWE,OAAO,GAAG;QAC7E,IACEnB,mBAAmB,cACnBgB,MAAMI,GAAG,KAAKC,uBAAS,IACvBL,MAAMM,MAAM,IACZ,CAACJ,SAASK,SAASP,MAAMQ,MAAM,GAC/B;YACAV,wBAAwBE;YACxB;QACF;QAEApB,MAAMiB,SAAS,GAAGG;QAClB,IAAIA,MAAMS,kBAAkB,IAAI;YAC9B;QACF;QACA,MAAMD,SAASR,MAAMU,aAAa;QAClC,kGAAkG;QAClG,MAAMlB,OAAO,AAACQ,MAAMQ,MAAM,CAAUG,WAAW;QAC/C,MAAM,EAAEC,aAAa,EAAE,GAAGpB;QAC1B,wFAAwF;QACxFF,4BAA4B;YAC1B,IAAIE,KAAKoB,aAAa,KAAKA,iBAAiB,CAACV,QAAQK,QAAQ,CAACK,gBAAgB;gBAC5E;YACF;YACA,IAAIpB,SAASgB,OAAOK,aAAa,EAAE;gBACjC,mFAAmF;gBACnF,kDAAkD;gBAClDL,OAAOM,KAAK;gBACZ;YACF;YACA3B,oBAAoB;gBAClB4B,aAAa;gBACbf;gBACAX,OAAOP,MAAMO,KAAK;gBAClBI,UAAUX,MAAMW,QAAQ;gBACxBL;gBACA4B,MAAMX,uBAAS;gBACfG;YACF;QACF,GAAG;IACL;IAEA,OAAO1B;AACT;AAUO,MAAMH,2BACXsC,4CAAiC"}