@flipdish/ui-library 0.42.0 → 0.43.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/LoadingIndicator/index.cjs +5 -0
- package/dist/components/atoms/LoadingIndicator/index.cjs.map +1 -1
- package/dist/components/atoms/LoadingIndicator/index.d.ts +1 -1
- package/dist/components/atoms/LoadingIndicator/index.d.ts.map +1 -1
- package/dist/components/atoms/LoadingIndicator/index.js +5 -0
- package/dist/components/atoms/LoadingIndicator/index.js.map +1 -1
- package/dist/components/atoms/SearchInput/index.cjs +28 -2
- package/dist/components/atoms/SearchInput/index.cjs.map +1 -1
- package/dist/components/atoms/SearchInput/index.d.ts +8 -1
- package/dist/components/atoms/SearchInput/index.d.ts.map +1 -1
- package/dist/components/atoms/SearchInput/index.js +28 -2
- package/dist/components/atoms/SearchInput/index.js.map +1 -1
- package/dist/components/atoms/SocialButton/index.cjs +11 -7
- package/dist/components/atoms/SocialButton/index.cjs.map +1 -1
- package/dist/components/atoms/SocialButton/index.d.ts.map +1 -1
- package/dist/components/atoms/SocialButton/index.js +11 -7
- package/dist/components/atoms/SocialButton/index.js.map +1 -1
- package/dist/components/atoms/Tooltip/index.cjs +8 -1
- package/dist/components/atoms/Tooltip/index.cjs.map +1 -1
- package/dist/components/atoms/Tooltip/index.d.ts.map +1 -1
- package/dist/components/atoms/Tooltip/index.js +8 -1
- package/dist/components/atoms/Tooltip/index.js.map +1 -1
- package/dist/components/atoms/UtilityButton/index.cjs.map +1 -1
- package/dist/components/atoms/UtilityButton/index.d.ts +2 -0
- package/dist/components/atoms/UtilityButton/index.d.ts.map +1 -1
- package/dist/components/atoms/UtilityButton/index.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/components/BreadcrumbItem.cjs +16 -4
- package/dist/components/molecules/Breadcrumbs/components/BreadcrumbItem.cjs.map +1 -1
- package/dist/components/molecules/Breadcrumbs/components/BreadcrumbItem.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumbs/components/BreadcrumbItem.js +17 -5
- package/dist/components/molecules/Breadcrumbs/components/BreadcrumbItem.js.map +1 -1
- package/dist/components/molecules/ButtonGroup/index.cjs +8 -1
- package/dist/components/molecules/ButtonGroup/index.cjs.map +1 -1
- package/dist/components/molecules/ButtonGroup/index.d.ts.map +1 -1
- package/dist/components/molecules/ButtonGroup/index.js +9 -2
- package/dist/components/molecules/ButtonGroup/index.js.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.cjs +8 -1
- package/dist/components/molecules/CodeSnippet/index.cjs.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.d.ts.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.js +8 -1
- package/dist/components/molecules/CodeSnippet/index.js.map +1 -1
- package/dist/components/molecules/Dropdown/index.cjs +10 -7
- package/dist/components/molecules/Dropdown/index.cjs.map +1 -1
- package/dist/components/molecules/Dropdown/index.d.ts.map +1 -1
- package/dist/components/molecules/Dropdown/index.js +11 -8
- package/dist/components/molecules/Dropdown/index.js.map +1 -1
- package/dist/components/molecules/EmptyState/index.cjs +3 -2
- package/dist/components/molecules/EmptyState/index.cjs.map +1 -1
- package/dist/components/molecules/EmptyState/index.d.ts.map +1 -1
- package/dist/components/molecules/EmptyState/index.js +3 -2
- package/dist/components/molecules/EmptyState/index.js.map +1 -1
- package/dist/components/molecules/Select/components/Combobox.cjs +8 -1
- package/dist/components/molecules/Select/components/Combobox.cjs.map +1 -1
- package/dist/components/molecules/Select/components/Combobox.js +8 -1
- package/dist/components/molecules/Select/components/Combobox.js.map +1 -1
- package/dist/components/molecules/Select/components/SelectItem.cjs +10 -1
- package/dist/components/molecules/Select/components/SelectItem.cjs.map +1 -1
- package/dist/components/molecules/Select/components/SelectItem.d.ts.map +1 -1
- package/dist/components/molecules/Select/components/SelectItem.js +10 -1
- package/dist/components/molecules/Select/components/SelectItem.js.map +1 -1
- package/dist/components/molecules/Select/index.cjs +11 -1
- package/dist/components/molecules/Select/index.cjs.map +1 -1
- package/dist/components/molecules/Select/index.d.ts.map +1 -1
- package/dist/components/molecules/Select/index.js +11 -1
- package/dist/components/molecules/Select/index.js.map +1 -1
- package/dist/components/molecules/Select/multiSelect.utils.cjs +5 -1
- package/dist/components/molecules/Select/multiSelect.utils.cjs.map +1 -1
- package/dist/components/molecules/Select/multiSelect.utils.d.ts.map +1 -1
- package/dist/components/molecules/Select/multiSelect.utils.js +5 -1
- package/dist/components/molecules/Select/multiSelect.utils.js.map +1 -1
- package/dist/components/molecules/Tabs/index.cjs +14 -9
- package/dist/components/molecules/Tabs/index.cjs.map +1 -1
- package/dist/components/molecules/Tabs/index.d.ts +5 -3
- package/dist/components/molecules/Tabs/index.d.ts.map +1 -1
- package/dist/components/molecules/Tabs/index.js +15 -10
- package/dist/components/molecules/Tabs/index.js.map +1 -1
- package/dist/components/molecules/Tags/index.cjs +8 -1
- package/dist/components/molecules/Tags/index.cjs.map +1 -1
- package/dist/components/molecules/Tags/index.d.ts.map +1 -1
- package/dist/components/molecules/Tags/index.js +8 -1
- package/dist/components/molecules/Tags/index.js.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.cjs +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.cjs.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.js +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.js.map +1 -1
- package/dist/components/organisms/ApplicationHeader/index.cjs +4 -1
- package/dist/components/organisms/ApplicationHeader/index.cjs.map +1 -1
- package/dist/components/organisms/ApplicationHeader/index.d.ts.map +1 -1
- package/dist/components/organisms/ApplicationHeader/index.js +4 -1
- package/dist/components/organisms/ApplicationHeader/index.js.map +1 -1
- package/dist/components/organisms/Calendar/calendar.utils.cjs +14 -0
- package/dist/components/organisms/Calendar/calendar.utils.cjs.map +1 -1
- package/dist/components/organisms/Calendar/calendar.utils.d.ts +7 -0
- package/dist/components/organisms/Calendar/calendar.utils.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/calendar.utils.js +14 -1
- package/dist/components/organisms/Calendar/calendar.utils.js.map +1 -1
- package/dist/components/organisms/Calendar/components/CalendarDayView.cjs +1 -1
- package/dist/components/organisms/Calendar/components/CalendarDayView.cjs.map +1 -1
- package/dist/components/organisms/Calendar/components/CalendarDayView.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/components/CalendarDayView.js +2 -2
- package/dist/components/organisms/Calendar/components/CalendarDayView.js.map +1 -1
- package/dist/components/organisms/Calendar/components/CalendarMonthView.cjs +12 -5
- package/dist/components/organisms/Calendar/components/CalendarMonthView.cjs.map +1 -1
- package/dist/components/organisms/Calendar/components/CalendarMonthView.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/components/CalendarMonthView.js +13 -6
- package/dist/components/organisms/Calendar/components/CalendarMonthView.js.map +1 -1
- package/dist/components/organisms/Calendar/components/CalendarWeekView.cjs +1 -1
- package/dist/components/organisms/Calendar/components/CalendarWeekView.cjs.map +1 -1
- package/dist/components/organisms/Calendar/components/CalendarWeekView.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/components/CalendarWeekView.js +2 -2
- package/dist/components/organisms/Calendar/components/CalendarWeekView.js.map +1 -1
- package/dist/components/organisms/Charts/components/ChartsBase.cjs +28 -13
- package/dist/components/organisms/Charts/components/ChartsBase.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/ChartsBase.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/ChartsBase.js +28 -13
- package/dist/components/organisms/Charts/components/ChartsBase.js.map +1 -1
- package/dist/components/organisms/Charts/components/Metrics.cjs +1 -1
- package/dist/components/organisms/Charts/components/Metrics.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/Metrics.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/Metrics.js +1 -1
- package/dist/components/organisms/Charts/components/Metrics.js.map +1 -1
- package/dist/components/organisms/ColorPicker/index.cjs +8 -5
- package/dist/components/organisms/ColorPicker/index.cjs.map +1 -1
- package/dist/components/organisms/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/organisms/ColorPicker/index.js +8 -5
- package/dist/components/organisms/ColorPicker/index.js.map +1 -1
- package/dist/components/organisms/Messaging/index.cjs +23 -5
- package/dist/components/organisms/Messaging/index.cjs.map +1 -1
- package/dist/components/organisms/Messaging/index.d.ts.map +1 -1
- package/dist/components/organisms/Messaging/index.js +24 -6
- package/dist/components/organisms/Messaging/index.js.map +1 -1
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.cjs +7 -2
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.cjs.map +1 -1
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.d.ts +3 -1
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.d.ts.map +1 -1
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.js +8 -3
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierKeyboard.cjs +5 -3
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierKeyboard.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierKeyboard.d.ts +7 -3
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierKeyboard.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierKeyboard.js +5 -3
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierKeyboard.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierReveal.cjs +5 -3
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierReveal.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierReveal.d.ts +5 -3
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierReveal.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierReveal.js +5 -3
- package/dist/components/organisms/SidebarNavigation/hooks/useDualTierReveal.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.cjs +11 -3
- package/dist/components/organisms/SidebarNavigation/index.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.js +12 -4
- package/dist/components/organisms/SidebarNavigation/index.js.map +1 -1
- package/dist/components/organisms/SlideoutMenu/components/SlideoutShell.cjs +121 -0
- package/dist/components/organisms/SlideoutMenu/components/SlideoutShell.cjs.map +1 -0
- package/dist/components/organisms/SlideoutMenu/components/SlideoutShell.d.ts +30 -0
- package/dist/components/organisms/SlideoutMenu/components/SlideoutShell.d.ts.map +1 -0
- package/dist/components/organisms/SlideoutMenu/components/SlideoutShell.js +119 -0
- package/dist/components/organisms/SlideoutMenu/components/SlideoutShell.js.map +1 -0
- package/dist/components/organisms/SlideoutMenu/hooks/useSlideoutState.cjs +39 -0
- package/dist/components/organisms/SlideoutMenu/hooks/useSlideoutState.cjs.map +1 -0
- package/dist/components/organisms/SlideoutMenu/hooks/useSlideoutState.d.ts +23 -0
- package/dist/components/organisms/SlideoutMenu/hooks/useSlideoutState.d.ts.map +1 -0
- package/dist/components/organisms/SlideoutMenu/hooks/useSlideoutState.js +37 -0
- package/dist/components/organisms/SlideoutMenu/hooks/useSlideoutState.js.map +1 -0
- package/dist/components/organisms/SlideoutMenu/index.cjs +34 -37
- package/dist/components/organisms/SlideoutMenu/index.cjs.map +1 -1
- package/dist/components/organisms/SlideoutMenu/index.d.ts +52 -41
- package/dist/components/organisms/SlideoutMenu/index.d.ts.map +1 -1
- package/dist/components/organisms/SlideoutMenu/index.js +35 -38
- package/dist/components/organisms/SlideoutMenu/index.js.map +1 -1
- package/dist/components/organisms/SlideoutMenu/providers/OverlayBounds.context.cjs +13 -0
- package/dist/components/organisms/SlideoutMenu/providers/OverlayBounds.context.cjs.map +1 -0
- package/dist/components/organisms/SlideoutMenu/providers/OverlayBounds.context.d.ts +14 -0
- package/dist/components/organisms/SlideoutMenu/providers/OverlayBounds.context.d.ts.map +1 -0
- package/dist/components/organisms/SlideoutMenu/providers/OverlayBounds.context.js +11 -0
- package/dist/components/organisms/SlideoutMenu/providers/OverlayBounds.context.js.map +1 -0
- package/dist/components/organisms/SlideoutMenu/providers/SlideoutMenu.context.cjs +9 -0
- package/dist/components/organisms/SlideoutMenu/providers/SlideoutMenu.context.cjs.map +1 -0
- package/dist/components/organisms/SlideoutMenu/providers/SlideoutMenu.context.d.ts +13 -0
- package/dist/components/organisms/SlideoutMenu/providers/SlideoutMenu.context.d.ts.map +1 -0
- package/dist/components/organisms/SlideoutMenu/providers/SlideoutMenu.context.js +7 -0
- package/dist/components/organisms/SlideoutMenu/providers/SlideoutMenu.context.js.map +1 -0
- package/dist/components/organisms/SlideoutMenu/utilities/slideoutMenu.utils.cjs +52 -0
- package/dist/components/organisms/SlideoutMenu/utilities/slideoutMenu.utils.cjs.map +1 -0
- package/dist/components/organisms/SlideoutMenu/utilities/slideoutMenu.utils.d.ts +26 -0
- package/dist/components/organisms/SlideoutMenu/utilities/slideoutMenu.utils.d.ts.map +1 -0
- package/dist/components/organisms/SlideoutMenu/utilities/slideoutMenu.utils.js +47 -0
- package/dist/components/organisms/SlideoutMenu/utilities/slideoutMenu.utils.js.map +1 -0
- package/dist/components/organisms/Table/index.cjs +35 -5
- package/dist/components/organisms/Table/index.cjs.map +1 -1
- package/dist/components/organisms/Table/index.d.ts +8 -2
- package/dist/components/organisms/Table/index.d.ts.map +1 -1
- package/dist/components/organisms/Table/index.js +36 -6
- package/dist/components/organisms/Table/index.js.map +1 -1
- package/dist/components/organisms/Table/table.utils.cjs +37 -0
- package/dist/components/organisms/Table/table.utils.cjs.map +1 -0
- package/dist/components/organisms/Table/table.utils.d.ts +22 -0
- package/dist/components/organisms/Table/table.utils.d.ts.map +1 -0
- package/dist/components/organisms/Table/table.utils.js +33 -0
- package/dist/components/organisms/Table/table.utils.js.map +1 -0
- package/dist/components/organisms/TreeView/index.cjs +14 -7
- package/dist/components/organisms/TreeView/index.cjs.map +1 -1
- package/dist/components/organisms/TreeView/index.d.ts.map +1 -1
- package/dist/components/organisms/TreeView/index.js +14 -7
- package/dist/components/organisms/TreeView/index.js.map +1 -1
- package/dist/components/organisms/TreeView/treeView.utils.cjs +4 -1
- package/dist/components/organisms/TreeView/treeView.utils.cjs.map +1 -1
- package/dist/components/organisms/TreeView/treeView.utils.d.ts.map +1 -1
- package/dist/components/organisms/TreeView/treeView.utils.js +4 -1
- package/dist/components/organisms/TreeView/treeView.utils.js.map +1 -1
- package/dist/components/templates/AppShell/hooks/usePageAreaBounds.cjs +43 -0
- package/dist/components/templates/AppShell/hooks/usePageAreaBounds.cjs.map +1 -0
- package/dist/components/templates/AppShell/hooks/usePageAreaBounds.d.ts +12 -0
- package/dist/components/templates/AppShell/hooks/usePageAreaBounds.d.ts.map +1 -0
- package/dist/components/templates/AppShell/hooks/usePageAreaBounds.js +41 -0
- package/dist/components/templates/AppShell/hooks/usePageAreaBounds.js.map +1 -0
- package/dist/components/templates/AppShell/index.cjs +10 -6
- package/dist/components/templates/AppShell/index.cjs.map +1 -1
- package/dist/components/templates/AppShell/index.d.ts +1 -1
- package/dist/components/templates/AppShell/index.d.ts.map +1 -1
- package/dist/components/templates/AppShell/index.js +11 -7
- package/dist/components/templates/AppShell/index.js.map +1 -1
- package/dist/hooks/__internal__/useDebouncedSearch/useDebouncedSearch.cjs +56 -0
- package/dist/hooks/__internal__/useDebouncedSearch/useDebouncedSearch.cjs.map +1 -0
- package/dist/hooks/__internal__/useDebouncedSearch/useDebouncedSearch.d.ts +26 -0
- package/dist/hooks/__internal__/useDebouncedSearch/useDebouncedSearch.d.ts.map +1 -0
- package/dist/hooks/__internal__/useDebouncedSearch/useDebouncedSearch.js +54 -0
- package/dist/hooks/__internal__/useDebouncedSearch/useDebouncedSearch.js.map +1 -0
- package/dist/hooks/useDebouncedCallback/index.cjs +45 -0
- package/dist/hooks/useDebouncedCallback/index.cjs.map +1 -0
- package/dist/hooks/useDebouncedCallback/index.d.ts +18 -0
- package/dist/hooks/useDebouncedCallback/index.d.ts.map +1 -0
- package/dist/hooks/useDebouncedCallback/index.js +43 -0
- package/dist/hooks/useDebouncedCallback/index.js.map +1 -0
- package/dist/native/components/atoms/Checkbox/index.d.ts.map +1 -1
- package/dist/native/components/atoms/Checkbox/index.js +1 -1
- package/dist/native/components/atoms/Checkbox/index.js.map +1 -1
- package/dist/native/components/molecules/Tags/index.d.ts.map +1 -1
- package/dist/native/components/molecules/Tags/index.js +8 -1
- package/dist/native/components/molecules/Tags/index.js.map +1 -1
- package/dist/native/hooks/useDebouncedCallback/index.d.ts +18 -0
- package/dist/native/hooks/useDebouncedCallback/index.d.ts.map +1 -0
- package/dist/native/hooks/useDebouncedCallback/index.js +43 -0
- package/dist/native/hooks/useDebouncedCallback/index.js.map +1 -0
- package/dist/native/utilities/searchParamsUtils/index.d.ts +12 -0
- package/dist/providers/UIProvider/hooks/usePortalAnchor.cjs +10 -9
- package/dist/providers/UIProvider/hooks/usePortalAnchor.cjs.map +1 -1
- package/dist/providers/UIProvider/hooks/usePortalAnchor.d.ts +5 -4
- package/dist/providers/UIProvider/hooks/usePortalAnchor.d.ts.map +1 -1
- package/dist/providers/UIProvider/hooks/usePortalAnchor.js +10 -9
- package/dist/providers/UIProvider/hooks/usePortalAnchor.js.map +1 -1
- package/dist/utilities/searchParamsUtils/index.cjs +71 -0
- package/dist/utilities/searchParamsUtils/index.cjs.map +1 -0
- package/dist/utilities/searchParamsUtils/index.d.ts +61 -0
- package/dist/utilities/searchParamsUtils/index.d.ts.map +1 -0
- package/dist/utilities/searchParamsUtils/index.js +64 -0
- package/dist/utilities/searchParamsUtils/index.js.map +1 -0
- package/package.json +3 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/TreeView/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAGL,aAAa,IAAI,iBAAiB,EAIlC,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,SAAS,IAAI,aAAa,EAGhC,MAAM,uBAAuB,CAAC;AA4C/B,oEAAoE;AACpE,QAAA,MAAM,qBAAqB,GAAI,OAAO;IAAE,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;CAAE,gCAKlG,CAAC;AAEF,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC3E,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,oEAAoE;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE;YAAE,GAAG,EAAE,GAAG,CAAC;YAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3G,wEAAwE;IACxE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE;YAAE,GAAG,EAAE,GAAG,CAAC;YAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACxG;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,EAAE,mSAcrC,iBAAiB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/TreeView/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAGL,aAAa,IAAI,iBAAiB,EAIlC,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,SAAS,IAAI,aAAa,EAGhC,MAAM,uBAAuB,CAAC;AA4C/B,oEAAoE;AACpE,QAAA,MAAM,qBAAqB,GAAI,OAAO;IAAE,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;CAAE,gCAKlG,CAAC;AAEF,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC3E,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,oEAAoE;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE;YAAE,GAAG,EAAE,GAAG,CAAC;YAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3G,wEAAwE;IACxE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE;YAAE,GAAG,EAAE,GAAG,CAAC;YAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACxG;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,EAAE,mSAcrC,iBAAiB,CAAC,CAAC,CAAC,gCA4HtB,CAAC;AAEF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;AAE3C,QAAA,MAAM,YAAY,GAAI,yBAAyB,iBAAiB,gCAW/D,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,mGAAmG;IACnG,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,kEAAkE;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,GAAI,6CAA6C,wBAAwB,gCAwHjG,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,QAAQ,EAAmB,OAAO,YAAY,GAAG;IACrD,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,WAAW,EAAE,OAAO,mBAAmB,CAAC;IACxC,aAAa,EAAE,OAAO,qBAAqB,CAAC;CAC7C,CAAC;AAKF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -24,11 +24,11 @@ const TreeViewRoot = ({ size = 'sm', showConnectors = false, draggable = false,
|
|
|
24
24
|
const treeRef = useRef(null);
|
|
25
25
|
const collectionRef = useRef(null);
|
|
26
26
|
/* Cascading selection state */
|
|
27
|
-
const [internalSelectedKeys, setInternalSelectedKeys] = useState(() =>
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
27
|
+
const [internalSelectedKeys, setInternalSelectedKeys] = useState(() => {
|
|
28
|
+
if (defaultSelectedKeys === 'all')
|
|
29
|
+
return 'all';
|
|
30
|
+
return new Set(defaultSelectedKeys ?? []);
|
|
31
|
+
});
|
|
32
32
|
/*
|
|
33
33
|
* Tracks the previous selection so we can diff against it in handleSelectionChange.
|
|
34
34
|
* React Aria's onSelectionChange provides the full new selection set, not a diff.
|
|
@@ -119,6 +119,14 @@ const TreeViewItem = ({ className, ...props }) => {
|
|
|
119
119
|
const TreeViewItemContent = ({ icon: Icon, action, children, className }) => {
|
|
120
120
|
const { size, showConnectors, selectedKeys: ctxSelectedKeys, collectionRef } = useContext(TreeViewContext);
|
|
121
121
|
const prefix = useTestIdPrefix();
|
|
122
|
+
// Only a component or an element renders; a falsy non-element such as a `0` from `count && <Icon />` renders nothing, not "0".
|
|
123
|
+
const renderIcon = () => {
|
|
124
|
+
if (isReactComponent(Icon))
|
|
125
|
+
return jsx(Icon, { className: cx('shrink-0 text-fg-quaternary', size === 'sm' ? 'size-4' : 'size-5') });
|
|
126
|
+
if (isValidElement(Icon))
|
|
127
|
+
return Icon;
|
|
128
|
+
return null;
|
|
129
|
+
};
|
|
122
130
|
return (jsx(TreeItemContent, { children: (state) => {
|
|
123
131
|
const { id: itemKey, state: itemState, hasChildItems, isExpanded, isSelected, isDisabled, selectionMode, isFocusVisible, allowsDragging, isDropTarget, level, } = state;
|
|
124
132
|
const collection = itemState.collection;
|
|
@@ -148,8 +156,7 @@ const TreeViewItemContent = ({ icon: Icon, action, children, className }) => {
|
|
|
148
156
|
? getTreeConnectors(itemKey, level, collection).map(({ depth, type }) => jsx(Connector, { size: size, type: type }, depth))
|
|
149
157
|
: [];
|
|
150
158
|
const paddingLeft = showConnectors && level > 1 ? BASE_PADDING : BASE_PADDING + (level - 1) * INDENT_SIZE;
|
|
151
|
-
return (jsxs("div", { className: cx('flex w-full cursor-pointer items-center gap-2 rounded-sm -outline-offset-2 outline-focus-ring transition duration-100 ease-linear', size === 'sm' ? 'py-1.5 pr-2' : 'py-2 pr-2', isDropTarget && 'bg-secondary_hover outline-2', !isDropTarget && (isSelected || isIndeterminate) && 'bg-secondary hover:bg-secondary_hover', !isDropTarget && !isSelected && !isIndeterminate && 'hover:bg-primary_hover', isDisabled && 'cursor-not-allowed opacity-50', isFocusVisible && 'outline-2', className), style: { paddingLeft }, children: [connectors, hasChildItems && (jsx(Button, { slot: "chevron", "data-testid": chevronTestId, className: "flex shrink-0 items-center justify-center outline-hidden", children: isExpanded ? jsx(ChevronDown, { className: "size-4 text-fg-quaternary" }) : jsx(ChevronRight, { className: "size-4 text-fg-quaternary" }) })), selectionMode !== 'none' && (jsx(Checkbox, { slot: "selection", "data-testid": checkboxTestId, className: "flex shrink-0 items-center justify-center outline-hidden", children: ({ isSelected: checkSelected, isDisabled: checkDisabled, isFocusVisible: checkFocus }) => (jsx(CheckboxBase, { size: "sm", isSelected: checkSelected || isIndeterminate, isIndeterminate: isIndeterminate, isDisabled: checkDisabled, isFocusVisible: checkFocus })) })), jsxs("div", { className: cx('flex min-w-0 flex-1 items-center', size === 'sm' ? 'gap-1.5' : 'gap-2'), children: [
|
|
152
|
-
(isReactComponent(Icon) ? (jsx(Icon, { className: cx('shrink-0 text-fg-quaternary', size === 'sm' ? 'size-4' : 'size-5') })) : isValidElement(Icon) ? (Icon) : null), jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-tertiary", children: children }), action && (jsx("span", { "data-testid": actionTestId, className: "contents", children: action })), allowsDragging && (jsx(Button, { slot: "drag", "data-testid": dragTestId, className: cx('shrink-0 cursor-grab outline-hidden', !isSelected && 'hidden'), children: jsx(DotsGrid, { className: "size-4 text-fg-quaternary" }) }))] })] }));
|
|
159
|
+
return (jsxs("div", { className: cx('flex w-full cursor-pointer items-center gap-2 rounded-sm -outline-offset-2 outline-focus-ring transition duration-100 ease-linear', size === 'sm' ? 'py-1.5 pr-2' : 'py-2 pr-2', isDropTarget && 'bg-secondary_hover outline-2', !isDropTarget && (isSelected || isIndeterminate) && 'bg-secondary hover:bg-secondary_hover', !isDropTarget && !isSelected && !isIndeterminate && 'hover:bg-primary_hover', isDisabled && 'cursor-not-allowed opacity-50', isFocusVisible && 'outline-2', className), style: { paddingLeft }, children: [connectors, hasChildItems && (jsx(Button, { slot: "chevron", "data-testid": chevronTestId, className: "flex shrink-0 items-center justify-center outline-hidden", children: isExpanded ? jsx(ChevronDown, { className: "size-4 text-fg-quaternary" }) : jsx(ChevronRight, { className: "size-4 text-fg-quaternary" }) })), selectionMode !== 'none' && (jsx(Checkbox, { slot: "selection", "data-testid": checkboxTestId, className: "flex shrink-0 items-center justify-center outline-hidden", children: ({ isSelected: checkSelected, isDisabled: checkDisabled, isFocusVisible: checkFocus }) => (jsx(CheckboxBase, { size: "sm", isSelected: checkSelected || isIndeterminate, isIndeterminate: isIndeterminate, isDisabled: checkDisabled, isFocusVisible: checkFocus })) })), jsxs("div", { className: cx('flex min-w-0 flex-1 items-center', size === 'sm' ? 'gap-1.5' : 'gap-2'), children: [renderIcon(), jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-tertiary", children: children }), action && (jsx("span", { "data-testid": actionTestId, className: "contents", children: action })), allowsDragging && (jsx(Button, { slot: "drag", "data-testid": dragTestId, className: cx('shrink-0 cursor-grab outline-hidden', !isSelected && 'hidden'), children: jsx(DotsGrid, { className: "size-4 text-fg-quaternary" }) }))] })] }));
|
|
153
160
|
} }));
|
|
154
161
|
};
|
|
155
162
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/TreeView/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","AriaDropIndicator","AriaTree","AriaTreeItem","AriaTreeItemContent","AriaButton","AriaCheckbox"],"mappings":";;;;;;;;;;AA+BA,MAAM,eAAe,GAAG,aAAa,CAAsB;AACzD,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,cAAc,EAAE,KAAK;IACrB,YAAY,EAAE,IAAI,GAAG,EAAE;AACvB,IAAA,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACjC,CAAA,CAAC;AAEF,MAAM,WAAW,GAAG,EAAE;AACtB,MAAM,YAAY,GAAG,CAAC;AAEtB,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAwD,MACrFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,0CACtC,IAAI,KAAK,MAAM,KACdC,aACE,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,IAAI,KAAK,IAAI,GAAG,UAAU,GAAG,UAAU,CACxC,EAAA,CACD,CACH,EACA,IAAI,KAAK,KAAK,KACbA,aAAK,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,IAAI,KAAK,IAAI,GAAG,UAAU,GAAG,UAAU,CAAC,EAAA,QAAA,EAC7GA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,IAAI,KAAK,IAAI,GAAG,oCAAoC,GAAG,oCAAoC,CAC5F,GACD,EAAA,CACE,CACP,CAAA,EAAA,CACG,CACP;AAED;AACA,MAAM,qBAAqB,GAAG,CAAC,KAAoE,MACjGA,GAAA,CAACC,aAAiB,EAAA,EAAA,GACZ,KAAK,EACT,SAAS,EAAC,gJAAgJ,EAAA,CAC1J,CACH;AAqBD,MAAM,YAAY,GAAG,CAAmB,EACtC,IAAI,GAAG,IAAI,EACX,cAAc,GAAG,KAAK,EACtB,SAAS,GAAG,KAAK,EACjB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,YAAY,EAAE,sBAAsB,EACpC,mBAAmB,EACnB,iBAAiB,EAAE,qBAAqB,EACxC,aAAa,EACb,gBAAgB,EAAE,wBAAwB,EAC1C,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACa,KAAI;AACzB,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AAEzG,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC5C,IAAA,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/TreeView/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","AriaDropIndicator","AriaTree","AriaTreeItem","AriaTreeItemContent","AriaButton","AriaCheckbox"],"mappings":"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"}
|
|
@@ -98,7 +98,10 @@ const getTreeConnectors = (itemKey, level, collection) => {
|
|
|
98
98
|
break;
|
|
99
99
|
const siblings = [...(collection.getChildren?.(node.parentKey) ?? [])];
|
|
100
100
|
const isLast = siblings[siblings.length - 1]?.key === key;
|
|
101
|
-
|
|
101
|
+
let type = 'line';
|
|
102
|
+
if (isLast)
|
|
103
|
+
type = depth === 0 ? 'end' : 'none';
|
|
104
|
+
connectors.unshift({ depth, type });
|
|
102
105
|
key = node.parentKey;
|
|
103
106
|
}
|
|
104
107
|
return connectors;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"treeView.utils.cjs","sources":["../../../../src/components/organisms/TreeView/treeView.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"treeView.utils.cjs","sources":["../../../../src/components/organisms/TreeView/treeView.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"treeView.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/TreeView/treeView.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvD,4EAA4E;AAC5E,eAAO,MAAM,cAAc,GAAI,KAAK,GAAG,EAAE,YAAY,cAAc,KAAG,GAAG,EAcxE,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,YAAY,GAAI,KAAK,GAAG,EAAE,YAAY,cAAc,KAAG,GAAG,EAQtE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,GAAG,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE,YAAY,cAAc,KAAG,GAAG,CAAC,GAAG,CA6C3G,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,GAAG,EAAE,OAAO,MAAM,EAAE,YAAY,cAAc,KAAG,aAAa,
|
|
1
|
+
{"version":3,"file":"treeView.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/TreeView/treeView.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvD,4EAA4E;AAC5E,eAAO,MAAM,cAAc,GAAI,KAAK,GAAG,EAAE,YAAY,cAAc,KAAG,GAAG,EAcxE,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,YAAY,GAAI,KAAK,GAAG,EAAE,YAAY,cAAc,KAAG,GAAG,EAQtE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,GAAG,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE,YAAY,cAAc,KAAG,GAAG,CAAC,GAAG,CA6C3G,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,GAAG,EAAE,OAAO,MAAM,EAAE,YAAY,cAAc,KAAG,aAAa,EAiBxG,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,oEAAoE;IACpE,OAAO,EAAE,GAAG,GAAG,IAAI,CAAC;IACpB,sDAAsD;IACtD,UAAU,EAAE,cAAc,CAAC;IAC3B,qEAAqE;IACrE,YAAY,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,iGAAiG;IACjG,UAAU,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,kFAOrC,4BAA4B,KAAG,OASjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,WAAW,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,KAAG,WAmDvE,CAAC"}
|
|
@@ -96,7 +96,10 @@ const getTreeConnectors = (itemKey, level, collection) => {
|
|
|
96
96
|
break;
|
|
97
97
|
const siblings = [...(collection.getChildren?.(node.parentKey) ?? [])];
|
|
98
98
|
const isLast = siblings[siblings.length - 1]?.key === key;
|
|
99
|
-
|
|
99
|
+
let type = 'line';
|
|
100
|
+
if (isLast)
|
|
101
|
+
type = depth === 0 ? 'end' : 'none';
|
|
102
|
+
connectors.unshift({ depth, type });
|
|
100
103
|
key = node.parentKey;
|
|
101
104
|
}
|
|
102
105
|
return connectors;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"treeView.utils.js","sources":["../../../../src/components/organisms/TreeView/treeView.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAIA;MACa,cAAc,GAAG,CAAC,GAAQ,EAAE,UAA0B,KAAW;IAC5E,MAAM,MAAM,GAAU,EAAE;AACxB,IAAA,MAAM,KAAK,GAAU,CAAC,GAAG,CAAC;AAC1B,IAAA,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACvB,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,EAAE;QAC3B,IAAI,OAAO,KAAK,SAAS;YAAE;QAC3B,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,GAAG,OAAO,CAAC;AAClD,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;AAC5B,YAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AACtB,YAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QACvB;IACF;AACA,IAAA,OAAO,MAAM;AACf;AAEA;MACa,YAAY,GAAG,CAAC,GAAQ,EAAE,UAA0B,KAAW;IAC1E,MAAM,MAAM,GAAU,EAAE;IACxB,IAAI,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC;AAClC,IAAA,OAAO,IAAI,EAAE,SAAS,IAAI,IAAI,EAAE;AAC9B,QAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QAC3B,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;IAC3C;AACA,IAAA,OAAO,MAAM;AACf;AAEA;;;;;;AAMG;AACI,MAAM,gBAAgB,GAAG,CAAC,OAAiB,EAAE,QAAkB,EAAE,UAA0B,KAAc;AAC9G,IAAA,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC;AAE/B,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,EAAO;AAC5B,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,EAAO;AAC9B,IAAA,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE;AACvB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAAE,YAAA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACpC;AACA,IAAA,KAAK,MAAM,CAAC,IAAI,QAAQ,EAAE;AACxB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AAAE,YAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACrC;;AAGA,IAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;QACvB,KAAK,MAAM,IAAI,IAAI,cAAc,CAAC,GAAG,EAAE,UAAU,CAAC;AAAE,YAAA,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;IACtE;AACA,IAAA,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;QACzB,KAAK,MAAM,IAAI,IAAI,cAAc,CAAC,GAAG,EAAE,UAAU,CAAC;AAAE,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;IACzE;;AAGA,IAAA,MAAM,cAAc,GAAG,IAAI,GAAG,EAAO;IACrC,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC,EAAE;QACxC,KAAK,MAAM,QAAQ,IAAI,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC;AAAE,YAAA,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC;IACpF;AAEA,IAAA,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AAC/C,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;AAChD,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;QAChD,OAAO,MAAM,GAAG,MAAM;AACxB,IAAA,CAAC,CAAC;AAEF,IAAA,KAAK,MAAM,SAAS,IAAI,MAAM,EAAE;QAC9B,MAAM,cAAc,GAAG,cAAc,CAAC,SAAS,EAAE,UAAU,CAAC;AAC5D,QAAA,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC;YAAE;QAEjC,MAAM,aAAa,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM;AACxE,QAAA,IAAI,aAAa,KAAK,cAAc,CAAC,MAAM,EAAE;AAC3C,YAAA,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC;QACvB;aAAO;AACL,YAAA,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;QAC1B;IACF;AAEA,IAAA,OAAO,MAAM;AACf;AAWA;;;;;;;AAOG;AACI,MAAM,iBAAiB,GAAG,CAAC,OAAY,EAAE,KAAa,EAAE,UAA0B,KAAqB;IAC5G,MAAM,UAAU,GAAoB,EAAE;IACtC,IAAI,GAAG,GAAQ,OAAO;AAEtB,IAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;QAC9C,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC;QACpC,IAAI,CAAC,IAAI,EAAE,SAAS;YAAE;AAEtB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;AACtE,QAAA,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"treeView.utils.js","sources":["../../../../src/components/organisms/TreeView/treeView.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var useResizeObserver = require('@flipdish/ui-library/hooks/useResizeObserver');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
const EMPTY = { top: 0, left: 0, width: 0, height: 0 };
|
|
7
|
+
const isSame = (a, b) => a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;
|
|
8
|
+
/**
|
|
9
|
+
* Measures the page area so a floating panel can cover exactly that box. Observed rather than read once:
|
|
10
|
+
* the area moves and resizes as the sidebar collapses, a side panel docks, the header wraps or the
|
|
11
|
+
* viewport changes, and it moves without resizing when an ancestor scrolls, as on a docs page.
|
|
12
|
+
*
|
|
13
|
+
* @param ref The page area element, the scroll area the shell renders.
|
|
14
|
+
* @returns Its position and size in the viewport, in whole pixels; zeros until measured.
|
|
15
|
+
*/
|
|
16
|
+
const usePageAreaBounds = (ref) => {
|
|
17
|
+
const [bounds, setBounds] = React.useState(EMPTY);
|
|
18
|
+
const measure = React.useCallback(() => {
|
|
19
|
+
const rect = ref.current?.getBoundingClientRect();
|
|
20
|
+
const next = rect
|
|
21
|
+
? { top: Math.round(rect.top), left: Math.round(rect.left), width: Math.round(rect.width), height: Math.round(rect.height) }
|
|
22
|
+
: EMPTY;
|
|
23
|
+
setBounds((current) => (isSame(current, next) ? current : next));
|
|
24
|
+
}, [ref]);
|
|
25
|
+
// Before paint, so a panel open on the first render never jumps into place.
|
|
26
|
+
React.useLayoutEffect(measure, [measure]);
|
|
27
|
+
useResizeObserver.useResizeObserver({ ref, onResize: measure });
|
|
28
|
+
React.useEffect(() => {
|
|
29
|
+
// Capture phase, since scroll events do not bubble and any ancestor may be the one scrolling. The page area's own scrolling,
|
|
30
|
+
// and anything inside it, never moves its box, so those events are skipped rather than measured on every frame.
|
|
31
|
+
const onScroll = (event) => {
|
|
32
|
+
if (event.target instanceof Node && ref.current?.contains(event.target))
|
|
33
|
+
return;
|
|
34
|
+
measure();
|
|
35
|
+
};
|
|
36
|
+
document.addEventListener('scroll', onScroll, true);
|
|
37
|
+
return () => document.removeEventListener('scroll', onScroll, true);
|
|
38
|
+
}, [ref, measure]);
|
|
39
|
+
return bounds;
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
exports.usePageAreaBounds = usePageAreaBounds;
|
|
43
|
+
//# sourceMappingURL=usePageAreaBounds.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePageAreaBounds.cjs","sources":["../../../../../src/components/templates/AppShell/hooks/usePageAreaBounds.ts"],"sourcesContent":[null],"names":["useState","useCallback","useLayoutEffect","useResizeObserver","useEffect"],"mappings":";;;;;AAOA,MAAM,KAAK,GAAkB,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AAErE,MAAM,MAAM,GAAG,CAAC,CAAgB,EAAE,CAAgB,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;AAE3I;;;;;;;AAOG;AACI,MAAM,iBAAiB,GAAG,CAAC,GAAkC,KAAmB;IACrF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAgB,KAAK,CAAC;AAE1D,IAAA,MAAM,OAAO,GAAGC,iBAAW,CAAC,MAAK;QAC/B,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE;QACjD,MAAM,IAAI,GAAG;cACT,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;cACxH,KAAK;QACT,SAAS,CAAC,CAAC,OAAO,MAAM,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;AAClE,IAAA,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;;AAGT,IAAAC,qBAAe,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;IACnCC,mCAAiB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAC7CC,eAAS,CAAC,MAAK;;;AAGb,QAAA,MAAM,QAAQ,GAAG,CAAC,KAAY,KAAI;AAChC,YAAA,IAAI,KAAK,CAAC,MAAM,YAAY,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBAAE;AACzE,YAAA,OAAO,EAAE;AACX,QAAA,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC;AACnD,QAAA,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC;AACrE,IAAA,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAElB,IAAA,OAAO,MAAM;AACf;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { RefObject } from 'react';
|
|
2
|
+
import type { OverlayBounds } from '../../../organisms/SlideoutMenu/providers/OverlayBounds.context';
|
|
3
|
+
/**
|
|
4
|
+
* Measures the page area so a floating panel can cover exactly that box. Observed rather than read once:
|
|
5
|
+
* the area moves and resizes as the sidebar collapses, a side panel docks, the header wraps or the
|
|
6
|
+
* viewport changes, and it moves without resizing when an ancestor scrolls, as on a docs page.
|
|
7
|
+
*
|
|
8
|
+
* @param ref The page area element, the scroll area the shell renders.
|
|
9
|
+
* @returns Its position and size in the viewport, in whole pixels; zeros until measured.
|
|
10
|
+
*/
|
|
11
|
+
export declare const usePageAreaBounds: (ref: RefObject<HTMLElement | null>) => OverlayBounds;
|
|
12
|
+
//# sourceMappingURL=usePageAreaBounds.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePageAreaBounds.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/AppShell/hooks/usePageAreaBounds.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iEAAiE,CAAC;AAMrG;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,KAAG,aA0BtE,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { useResizeObserver } from '@flipdish/ui-library/hooks/useResizeObserver';
|
|
2
|
+
import { useState, useCallback, useLayoutEffect, useEffect } from 'react';
|
|
3
|
+
|
|
4
|
+
const EMPTY = { top: 0, left: 0, width: 0, height: 0 };
|
|
5
|
+
const isSame = (a, b) => a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;
|
|
6
|
+
/**
|
|
7
|
+
* Measures the page area so a floating panel can cover exactly that box. Observed rather than read once:
|
|
8
|
+
* the area moves and resizes as the sidebar collapses, a side panel docks, the header wraps or the
|
|
9
|
+
* viewport changes, and it moves without resizing when an ancestor scrolls, as on a docs page.
|
|
10
|
+
*
|
|
11
|
+
* @param ref The page area element, the scroll area the shell renders.
|
|
12
|
+
* @returns Its position and size in the viewport, in whole pixels; zeros until measured.
|
|
13
|
+
*/
|
|
14
|
+
const usePageAreaBounds = (ref) => {
|
|
15
|
+
const [bounds, setBounds] = useState(EMPTY);
|
|
16
|
+
const measure = useCallback(() => {
|
|
17
|
+
const rect = ref.current?.getBoundingClientRect();
|
|
18
|
+
const next = rect
|
|
19
|
+
? { top: Math.round(rect.top), left: Math.round(rect.left), width: Math.round(rect.width), height: Math.round(rect.height) }
|
|
20
|
+
: EMPTY;
|
|
21
|
+
setBounds((current) => (isSame(current, next) ? current : next));
|
|
22
|
+
}, [ref]);
|
|
23
|
+
// Before paint, so a panel open on the first render never jumps into place.
|
|
24
|
+
useLayoutEffect(measure, [measure]);
|
|
25
|
+
useResizeObserver({ ref, onResize: measure });
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
// Capture phase, since scroll events do not bubble and any ancestor may be the one scrolling. The page area's own scrolling,
|
|
28
|
+
// and anything inside it, never moves its box, so those events are skipped rather than measured on every frame.
|
|
29
|
+
const onScroll = (event) => {
|
|
30
|
+
if (event.target instanceof Node && ref.current?.contains(event.target))
|
|
31
|
+
return;
|
|
32
|
+
measure();
|
|
33
|
+
};
|
|
34
|
+
document.addEventListener('scroll', onScroll, true);
|
|
35
|
+
return () => document.removeEventListener('scroll', onScroll, true);
|
|
36
|
+
}, [ref, measure]);
|
|
37
|
+
return bounds;
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
export { usePageAreaBounds };
|
|
41
|
+
//# sourceMappingURL=usePageAreaBounds.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePageAreaBounds.js","sources":["../../../../../src/components/templates/AppShell/hooks/usePageAreaBounds.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAOA,MAAM,KAAK,GAAkB,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AAErE,MAAM,MAAM,GAAG,CAAC,CAAgB,EAAE,CAAgB,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;AAE3I;;;;;;;AAOG;AACI,MAAM,iBAAiB,GAAG,CAAC,GAAkC,KAAmB;IACrF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,KAAK,CAAC;AAE1D,IAAA,MAAM,OAAO,GAAG,WAAW,CAAC,MAAK;QAC/B,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE;QACjD,MAAM,IAAI,GAAG;cACT,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;cACxH,KAAK;QACT,SAAS,CAAC,CAAC,OAAO,MAAM,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;AAClE,IAAA,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;;AAGT,IAAA,eAAe,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAC7C,SAAS,CAAC,MAAK;;;AAGb,QAAA,MAAM,QAAQ,GAAG,CAAC,KAAY,KAAI;AAChC,YAAA,IAAI,KAAK,CAAC,MAAM,YAAY,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBAAE;AACzE,YAAA,OAAO,EAAE;AACX,QAAA,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC;AACnD,QAAA,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC;AACrE,IAAA,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAElB,IAAA,OAAO,MAAM;AACf;;"}
|
|
@@ -4,6 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
5
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
6
6
|
var PageCover_context = require('../../organisms/SidePanel/providers/PageCover.context.cjs');
|
|
7
|
+
var OverlayBounds_context = require('../../organisms/SlideoutMenu/providers/OverlayBounds.context.cjs');
|
|
8
|
+
var usePageAreaBounds = require('./hooks/usePageAreaBounds.cjs');
|
|
7
9
|
var usePageCover = require('./hooks/usePageCover.cjs');
|
|
8
10
|
|
|
9
11
|
/**
|
|
@@ -18,14 +20,16 @@ const AppShell = ({ sidebar, header, panel, children, scrollAreaProps, className
|
|
|
18
20
|
const appShellTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'app-shell', rootName: 'app-shell' });
|
|
19
21
|
// A `SidePanel` in the `panel` slot calls the setter while it covers the page area below `lg`.
|
|
20
22
|
const { scrollAreaRef, setPageCovered } = usePageCover.usePageCover(scrollAreaProps?.ref);
|
|
23
|
+
// A `SlideoutMenu` anywhere in the shell reads the page area so it covers that box and nothing else.
|
|
24
|
+
const pageAreaBounds = usePageAreaBounds.usePageAreaBounds(scrollAreaRef);
|
|
21
25
|
return (
|
|
22
26
|
// A column below `lg`, so a navigation that renders its own mobile top bar stacks above the content.
|
|
23
|
-
jsxRuntime.
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
jsxRuntime.jsx("div", { "data-testid": appShellTestId, className: cx.cx('flex h-dvh w-full flex-col overflow-hidden bg-primary lg:flex-row', className), children: jsxRuntime.jsxs(OverlayBounds_context.OverlayBoundsContext.Provider, { value: pageAreaBounds, children: [sidebar, jsxRuntime.jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [header, jsxRuntime.jsxs("div", { className: "relative flex min-h-0 flex-1 overflow-clip", children: [jsxRuntime.jsx("div", { id: scrollAreaProps?.id, ref: scrollAreaRef, "data-testid": scrollAreaProps?.['data-testid'] ?? testIdUtils.joinTestId(appShellTestId, 'scroll-area'),
|
|
28
|
+
// Focusable so keyboard users can scroll a page that has no focusable content of its own (axe: scrollable-region-focusable).
|
|
29
|
+
// biome-ignore lint/a11y/noNoninteractiveTabindex: a scrollable region must be reachable by keyboard
|
|
30
|
+
tabIndex: 0,
|
|
31
|
+
// isolate keeps the page's own stacked content (sticky headers) under a panel that covers it.
|
|
32
|
+
className: "isolate flex min-w-0 flex-1 flex-col overflow-y-auto outline-focus-ring focus-visible:outline-2 focus-visible:-outline-offset-2", children: children }), jsxRuntime.jsx(PageCover_context.PageCoverContext.Provider, { value: setPageCovered, children: panel })] })] })] }) }));
|
|
29
33
|
};
|
|
30
34
|
|
|
31
35
|
exports.AppShell = AppShell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/templates/AppShell/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","usePageCover","
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/templates/AppShell/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","usePageCover","usePageAreaBounds","_jsx","cx","_jsxs","OverlayBoundsContext","joinTestId","PageCoverContext"],"mappings":";;;;;;;;;;AAwCA;;;;;;;AAOG;MACU,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAiB,KAAe;AAChJ,IAAA,MAAM,cAAc,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;;AAE7G,IAAA,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAGC,yBAAY,CAAC,eAAe,EAAE,GAAG,CAAC;;AAE5E,IAAA,MAAM,cAAc,GAAGC,mCAAiB,CAAC,aAAa,CAAC;IAEvD;;IAEEC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,cAAc,EAAE,SAAS,EAAEC,KAAE,CAAC,mEAAmE,EAAE,SAAS,CAAC,EAAA,QAAA,EAC7HC,eAAA,CAACC,0CAAoB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,cAAc,EAAA,QAAA,EAAA,CACjD,OAAO,EAGRD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAClD,MAAM,EAGPA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,EAAA,QAAA,EAAA,CACzDF,cAAA,CAAA,KAAA,EAAA,EACE,EAAE,EAAE,eAAe,EAAE,EAAE,EACvB,GAAG,EAAE,aAAa,EAAA,aAAA,EACL,eAAe,GAAG,aAAa,CAAC,IAAII,sBAAU,CAAC,cAAc,EAAE,aAAa,CAAC;;;AAG1F,oCAAA,QAAQ,EAAE,CAAC;;oCAEX,SAAS,EAAC,iIAAiI,EAAA,QAAA,EAE1I,QAAQ,GACL,EAENJ,cAAA,CAACK,kCAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,cAAc,YAAG,KAAK,EAAA,CAA6B,IACjF,CAAA,EAAA,CACF,CAAA,EAAA,CACwB,EAAA,CAC5B;AAEV;;"}
|
|
@@ -10,7 +10,7 @@ export interface AppShellScrollAreaProps {
|
|
|
10
10
|
export interface AppShellProps {
|
|
11
11
|
/** Primary navigation, rendered first beside the content column. Compose `<SidebarNavigation>` here. */
|
|
12
12
|
sidebar?: ReactNode;
|
|
13
|
-
/** Top bar, rendered at the top of the content column. It stays in place while the page area scrolls. Compose `<ApplicationHeader>` here. */
|
|
13
|
+
/** Top bar, rendered at the top of the content column. It stays in place while the page area scrolls, outside the box a `SlideoutMenu` covers. Compose `<ApplicationHeader>` here. */
|
|
14
14
|
header?: ReactNode;
|
|
15
15
|
/**
|
|
16
16
|
* Side panel rendered under the header. From `lg` it sits beside the page area, which narrows to make
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/AppShell/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/AppShell/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,WAAW,uBAAuB;IACtC,wFAAwF;IACxF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yGAAyG;IACzG,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,2FAA2F;IAC3F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,wGAAwG;IACxG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sLAAsL;IACtL,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,QAAQ,EAAE,SAAS,CAAC;IACpB,sGAAsG;IACtG,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,6FAA6F,aAAa,KAAG,SAsCrI,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
3
3
|
import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
4
4
|
import { PageCoverContext } from '../../organisms/SidePanel/providers/PageCover.context.js';
|
|
5
|
+
import { OverlayBoundsContext } from '../../organisms/SlideoutMenu/providers/OverlayBounds.context.js';
|
|
6
|
+
import { usePageAreaBounds } from './hooks/usePageAreaBounds.js';
|
|
5
7
|
import { usePageCover } from './hooks/usePageCover.js';
|
|
6
8
|
|
|
7
9
|
/**
|
|
@@ -16,14 +18,16 @@ const AppShell = ({ sidebar, header, panel, children, scrollAreaProps, className
|
|
|
16
18
|
const appShellTestId = useResolvedTestId({ testId: dataTestId, segment: 'app-shell', rootName: 'app-shell' });
|
|
17
19
|
// A `SidePanel` in the `panel` slot calls the setter while it covers the page area below `lg`.
|
|
18
20
|
const { scrollAreaRef, setPageCovered } = usePageCover(scrollAreaProps?.ref);
|
|
21
|
+
// A `SlideoutMenu` anywhere in the shell reads the page area so it covers that box and nothing else.
|
|
22
|
+
const pageAreaBounds = usePageAreaBounds(scrollAreaRef);
|
|
19
23
|
return (
|
|
20
24
|
// A column below `lg`, so a navigation that renders its own mobile top bar stacks above the content.
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
jsx("div", { "data-testid": appShellTestId, className: cx('flex h-dvh w-full flex-col overflow-hidden bg-primary lg:flex-row', className), children: jsxs(OverlayBoundsContext.Provider, { value: pageAreaBounds, children: [sidebar, jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [header, jsxs("div", { className: "relative flex min-h-0 flex-1 overflow-clip", children: [jsx("div", { id: scrollAreaProps?.id, ref: scrollAreaRef, "data-testid": scrollAreaProps?.['data-testid'] ?? joinTestId(appShellTestId, 'scroll-area'),
|
|
26
|
+
// Focusable so keyboard users can scroll a page that has no focusable content of its own (axe: scrollable-region-focusable).
|
|
27
|
+
// biome-ignore lint/a11y/noNoninteractiveTabindex: a scrollable region must be reachable by keyboard
|
|
28
|
+
tabIndex: 0,
|
|
29
|
+
// isolate keeps the page's own stacked content (sticky headers) under a panel that covers it.
|
|
30
|
+
className: "isolate flex min-w-0 flex-1 flex-col overflow-y-auto outline-focus-ring focus-visible:outline-2 focus-visible:-outline-offset-2", children: children }), jsx(PageCoverContext.Provider, { value: setPageCovered, children: panel })] })] })] }) }));
|
|
27
31
|
};
|
|
28
32
|
|
|
29
33
|
export { AppShell };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/templates/AppShell/index.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/templates/AppShell/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAwCA;;;;;;;AAOG;MACU,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAiB,KAAe;AAChJ,IAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;;AAE7G,IAAA,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,eAAe,EAAE,GAAG,CAAC;;AAE5E,IAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,aAAa,CAAC;IAEvD;;IAEEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,cAAc,EAAE,SAAS,EAAE,EAAE,CAAC,mEAAmE,EAAE,SAAS,CAAC,EAAA,QAAA,EAC7HC,IAAA,CAAC,oBAAoB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,cAAc,EAAA,QAAA,EAAA,CACjD,OAAO,EAGRA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAClD,MAAM,EAGPA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,EAAA,QAAA,EAAA,CACzDD,GAAA,CAAA,KAAA,EAAA,EACE,EAAE,EAAE,eAAe,EAAE,EAAE,EACvB,GAAG,EAAE,aAAa,EAAA,aAAA,EACL,eAAe,GAAG,aAAa,CAAC,IAAI,UAAU,CAAC,cAAc,EAAE,aAAa,CAAC;;;AAG1F,oCAAA,QAAQ,EAAE,CAAC;;oCAEX,SAAS,EAAC,iIAAiI,EAAA,QAAA,EAE1I,QAAQ,GACL,EAENA,GAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,cAAc,YAAG,KAAK,EAAA,CAA6B,IACjF,CAAA,EAAA,CACF,CAAA,EAAA,CACwB,EAAA,CAC5B;AAEV;;"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var useDebouncedCallback = require('@flipdish/ui-library/hooks/useDebouncedCallback');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Keeps a search box's own draft so typing stays instant, and commits it to the owner once typing pauses, on submit, or on
|
|
8
|
+
* clear. A `value` changed elsewhere, by Back or a reset, replaces the draft; the box's own commits coming back from the owner
|
|
9
|
+
* leave it alone, so typing carries on while a router applies a navigation as a transition.
|
|
10
|
+
*
|
|
11
|
+
* @param options The committed value, what the draft starts as, where to send commits, and the pause to wait for.
|
|
12
|
+
* @returns The draft to show, with `change` for every keystroke, `submit` to commit at once and `clear` to commit an empty search.
|
|
13
|
+
*/
|
|
14
|
+
const useDebouncedSearch = ({ value, initialValue, onChange, delay }) => {
|
|
15
|
+
const [draft, setDraft] = React.useState(initialValue ?? value);
|
|
16
|
+
// The last `value` reconciled, so only a change to it is acted on and the initial draft is never overwritten.
|
|
17
|
+
const committed = React.useRef(value);
|
|
18
|
+
// What has been sent and not yet seen come back; an array, since two commits can be in flight at once.
|
|
19
|
+
const sent = React.useRef([]);
|
|
20
|
+
const send = (next) => {
|
|
21
|
+
sent.current.push(next);
|
|
22
|
+
onChange(next);
|
|
23
|
+
};
|
|
24
|
+
const commit = useDebouncedCallback.useDebouncedCallback(send, delay);
|
|
25
|
+
// An effect, not the render body: a render React discards would still have moved the refs and dropped a pending commit.
|
|
26
|
+
// Layout timing so a reset lands before the old draft is painted.
|
|
27
|
+
React.useLayoutEffect(() => {
|
|
28
|
+
if (value === committed.current)
|
|
29
|
+
return;
|
|
30
|
+
committed.current = value;
|
|
31
|
+
const acknowledged = sent.current.indexOf(value);
|
|
32
|
+
if (acknowledged >= 0) {
|
|
33
|
+
// The box's own commit: the draft already shows it, or something newer typed since.
|
|
34
|
+
sent.current.splice(0, acknowledged + 1);
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
// Changed elsewhere: a commit still pending from typing would overwrite it.
|
|
38
|
+
commit.cancel();
|
|
39
|
+
sent.current = [];
|
|
40
|
+
setDraft(value);
|
|
41
|
+
}, [value, commit]);
|
|
42
|
+
const change = (next) => {
|
|
43
|
+
setDraft(next);
|
|
44
|
+
commit(next);
|
|
45
|
+
};
|
|
46
|
+
const submit = () => commit.flush();
|
|
47
|
+
const clear = () => {
|
|
48
|
+
commit.cancel();
|
|
49
|
+
setDraft('');
|
|
50
|
+
send('');
|
|
51
|
+
};
|
|
52
|
+
return { draft, change, submit, clear };
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
exports.useDebouncedSearch = useDebouncedSearch;
|
|
56
|
+
//# sourceMappingURL=useDebouncedSearch.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebouncedSearch.cjs","sources":["../../../../src/hooks/__internal__/useDebouncedSearch/useDebouncedSearch.ts"],"sourcesContent":[null],"names":["useState","useRef","useDebouncedCallback","useLayoutEffect"],"mappings":";;;;;AAcA;;;;;;;AAOG;AACI,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAA6B,KAAI;AACxG,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAS,YAAY,IAAI,KAAK,CAAC;;AAEjE,IAAA,MAAM,SAAS,GAAGC,YAAM,CAAS,KAAK,CAAC;;AAEvC,IAAA,MAAM,IAAI,GAAGA,YAAM,CAAW,EAAE,CAAC;AACjC,IAAA,MAAM,IAAI,GAAG,CAAC,IAAY,KAAI;AAC5B,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,QAAQ,CAAC,IAAI,CAAC;AAChB,IAAA,CAAC;IACD,MAAM,MAAM,GAAGC,yCAAoB,CAAC,IAAI,EAAE,KAAK,CAAC;;;IAIhDC,qBAAe,CAAC,MAAK;AACnB,QAAA,IAAI,KAAK,KAAK,SAAS,CAAC,OAAO;YAAE;AACjC,QAAA,SAAS,CAAC,OAAO,GAAG,KAAK;QACzB,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;AAChD,QAAA,IAAI,YAAY,IAAI,CAAC,EAAE;;YAErB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC;YACxC;QACF;;QAEA,MAAM,CAAC,MAAM,EAAE;AACf,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;QACjB,QAAQ,CAAC,KAAK,CAAC;AACjB,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAEnB,IAAA,MAAM,MAAM,GAAG,CAAC,IAAY,KAAI;QAC9B,QAAQ,CAAC,IAAI,CAAC;QACd,MAAM,CAAC,IAAI,CAAC;AACd,IAAA,CAAC;IACD,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,KAAK,EAAE;IACnC,MAAM,KAAK,GAAG,MAAK;QACjB,MAAM,CAAC,MAAM,EAAE;QACf,QAAQ,CAAC,EAAE,CAAC;QACZ,IAAI,CAAC,EAAE,CAAC;AACV,IAAA,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;AACzC;;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
interface UseDebouncedSearchOptions {
|
|
2
|
+
/** The committed value the owner holds, such as the search in the URL. */
|
|
3
|
+
value: string;
|
|
4
|
+
/** What the draft shows before the user types when that is not `value`, such as an uncontrolled field's `defaultValue`. */
|
|
5
|
+
initialValue?: string;
|
|
6
|
+
/** Receives the draft once typing pauses, on submit, and on clear. */
|
|
7
|
+
onChange: (value: string) => void;
|
|
8
|
+
/** How long typing must pause before the draft is committed, in milliseconds. */
|
|
9
|
+
delay: number;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Keeps a search box's own draft so typing stays instant, and commits it to the owner once typing pauses, on submit, or on
|
|
13
|
+
* clear. A `value` changed elsewhere, by Back or a reset, replaces the draft; the box's own commits coming back from the owner
|
|
14
|
+
* leave it alone, so typing carries on while a router applies a navigation as a transition.
|
|
15
|
+
*
|
|
16
|
+
* @param options The committed value, what the draft starts as, where to send commits, and the pause to wait for.
|
|
17
|
+
* @returns The draft to show, with `change` for every keystroke, `submit` to commit at once and `clear` to commit an empty search.
|
|
18
|
+
*/
|
|
19
|
+
export declare const useDebouncedSearch: ({ value, initialValue, onChange, delay }: UseDebouncedSearchOptions) => {
|
|
20
|
+
draft: string;
|
|
21
|
+
change: (next: string) => void;
|
|
22
|
+
submit: () => void;
|
|
23
|
+
clear: () => void;
|
|
24
|
+
};
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=useDebouncedSearch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebouncedSearch.d.ts","sourceRoot":"","sources":["../../../../src/hooks/__internal__/useDebouncedSearch/useDebouncedSearch.ts"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,2HAA2H;IAC3H,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,GAAI,0CAA0C,yBAAyB;;mBA6B9E,MAAM;;;CAY7B,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { useDebouncedCallback } from '@flipdish/ui-library/hooks/useDebouncedCallback';
|
|
2
|
+
import { useState, useRef, useLayoutEffect } from 'react';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Keeps a search box's own draft so typing stays instant, and commits it to the owner once typing pauses, on submit, or on
|
|
6
|
+
* clear. A `value` changed elsewhere, by Back or a reset, replaces the draft; the box's own commits coming back from the owner
|
|
7
|
+
* leave it alone, so typing carries on while a router applies a navigation as a transition.
|
|
8
|
+
*
|
|
9
|
+
* @param options The committed value, what the draft starts as, where to send commits, and the pause to wait for.
|
|
10
|
+
* @returns The draft to show, with `change` for every keystroke, `submit` to commit at once and `clear` to commit an empty search.
|
|
11
|
+
*/
|
|
12
|
+
const useDebouncedSearch = ({ value, initialValue, onChange, delay }) => {
|
|
13
|
+
const [draft, setDraft] = useState(initialValue ?? value);
|
|
14
|
+
// The last `value` reconciled, so only a change to it is acted on and the initial draft is never overwritten.
|
|
15
|
+
const committed = useRef(value);
|
|
16
|
+
// What has been sent and not yet seen come back; an array, since two commits can be in flight at once.
|
|
17
|
+
const sent = useRef([]);
|
|
18
|
+
const send = (next) => {
|
|
19
|
+
sent.current.push(next);
|
|
20
|
+
onChange(next);
|
|
21
|
+
};
|
|
22
|
+
const commit = useDebouncedCallback(send, delay);
|
|
23
|
+
// An effect, not the render body: a render React discards would still have moved the refs and dropped a pending commit.
|
|
24
|
+
// Layout timing so a reset lands before the old draft is painted.
|
|
25
|
+
useLayoutEffect(() => {
|
|
26
|
+
if (value === committed.current)
|
|
27
|
+
return;
|
|
28
|
+
committed.current = value;
|
|
29
|
+
const acknowledged = sent.current.indexOf(value);
|
|
30
|
+
if (acknowledged >= 0) {
|
|
31
|
+
// The box's own commit: the draft already shows it, or something newer typed since.
|
|
32
|
+
sent.current.splice(0, acknowledged + 1);
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
// Changed elsewhere: a commit still pending from typing would overwrite it.
|
|
36
|
+
commit.cancel();
|
|
37
|
+
sent.current = [];
|
|
38
|
+
setDraft(value);
|
|
39
|
+
}, [value, commit]);
|
|
40
|
+
const change = (next) => {
|
|
41
|
+
setDraft(next);
|
|
42
|
+
commit(next);
|
|
43
|
+
};
|
|
44
|
+
const submit = () => commit.flush();
|
|
45
|
+
const clear = () => {
|
|
46
|
+
commit.cancel();
|
|
47
|
+
setDraft('');
|
|
48
|
+
send('');
|
|
49
|
+
};
|
|
50
|
+
return { draft, change, submit, clear };
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
export { useDebouncedSearch };
|
|
54
|
+
//# sourceMappingURL=useDebouncedSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebouncedSearch.js","sources":["../../../../src/hooks/__internal__/useDebouncedSearch/useDebouncedSearch.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAcA;;;;;;;AAOG;AACI,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAA6B,KAAI;AACxG,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,YAAY,IAAI,KAAK,CAAC;;AAEjE,IAAA,MAAM,SAAS,GAAG,MAAM,CAAS,KAAK,CAAC;;AAEvC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAW,EAAE,CAAC;AACjC,IAAA,MAAM,IAAI,GAAG,CAAC,IAAY,KAAI;AAC5B,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,QAAQ,CAAC,IAAI,CAAC;AAChB,IAAA,CAAC;IACD,MAAM,MAAM,GAAG,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC;;;IAIhD,eAAe,CAAC,MAAK;AACnB,QAAA,IAAI,KAAK,KAAK,SAAS,CAAC,OAAO;YAAE;AACjC,QAAA,SAAS,CAAC,OAAO,GAAG,KAAK;QACzB,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;AAChD,QAAA,IAAI,YAAY,IAAI,CAAC,EAAE;;YAErB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC;YACxC;QACF;;QAEA,MAAM,CAAC,MAAM,EAAE;AACf,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;QACjB,QAAQ,CAAC,KAAK,CAAC;AACjB,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAEnB,IAAA,MAAM,MAAM,GAAG,CAAC,IAAY,KAAI;QAC9B,QAAQ,CAAC,IAAI,CAAC;QACd,MAAM,CAAC,IAAI,CAAC;AACd,IAAA,CAAC;IACD,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,KAAK,EAAE;IACnC,MAAM,KAAK,GAAG,MAAK;QACjB,MAAM,CAAC,MAAM,EAAE;QACf,QAAQ,CAAC,EAAE,CAAC;QACZ,IAAI,CAAC,EAAE,CAAC;AACV,IAAA,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;AACzC;;"}
|