@amboss/design-system 4.2.2 → 4.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/Content/ContentList/ContentList.js +1 -1
- package/build/cjs/components/Content/DosageButton/DosageButton.js +1 -1
- package/build/cjs/components/Internal/LayoutFloat/LayoutFloat.d.ts +5 -3
- package/build/cjs/components/Internal/LayoutFloat/LayoutFloat.js +1 -1
- package/build/cjs/components/Internal/LayoutFloat/LayoutFloatDragHandle.d.ts +31 -0
- package/build/cjs/components/Internal/LayoutFloat/LayoutFloatDragHandle.js +1 -0
- package/build/cjs/components/Internal/LayoutFloat/LayoutFloatDragHandleGuard.d.ts +10 -0
- package/build/cjs/components/Internal/LayoutFloat/LayoutFloatDragHandleGuard.js +1 -0
- package/build/cjs/components/Internal/LayoutFloat/LayoutFloatDragProvider.d.ts +10 -0
- package/build/cjs/components/Internal/LayoutFloat/LayoutFloatDragProvider.js +1 -0
- package/build/cjs/components/Internal/LayoutFloat/useLayoutFloatDrag.d.ts +16 -0
- package/build/cjs/components/Internal/LayoutFloat/useLayoutFloatDrag.js +1 -0
- package/build/cjs/components/Internal/LayoutFloat/useLayoutFloatDragHandleContext.d.ts +22 -0
- package/build/cjs/components/Internal/LayoutFloat/useLayoutFloatDragHandleContext.js +1 -0
- package/build/cjs/components/Internal/Panel/Panel.d.ts +4 -0
- package/build/cjs/components/Internal/Panel/Panel.js +1 -1
- package/build/cjs/components/Internal/Sandwich/SandwichHeader.d.ts +1 -0
- package/build/cjs/components/Internal/Sandwich/SandwichHeader.js +1 -1
- package/build/cjs/components/Layout/-types.d.ts +96 -48
- package/build/cjs/components/Layout/Content/Content.d.ts +6 -2
- package/build/cjs/components/Layout/Content/Content.js +1 -1
- package/build/cjs/components/Layout/Content/ContentDocked.d.ts +12 -0
- package/build/cjs/components/Layout/Content/ContentDocked.js +1 -0
- package/build/cjs/components/Layout/Layout.js +1 -1
- package/build/cjs/components/Layout/RightPanel/RightPanel.d.ts +10 -8
- package/build/cjs/components/Layout/RightPanel/RightPanel.js +1 -1
- package/build/cjs/components/Layout/RightPanel/RightPanelDocked.d.ts +19 -0
- package/build/cjs/components/Layout/RightPanel/RightPanelDocked.js +1 -0
- package/build/cjs/components/Layout/RightPanel/RightPanelHeader.d.ts +14 -10
- package/build/cjs/components/Layout/RightPanel/RightPanelHeader.js +1 -1
- package/build/cjs/components/Layout/RightPanel/RightPanelSheet.d.ts +18 -0
- package/build/cjs/components/Layout/RightPanel/RightPanelSheet.js +1 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/ContentSplitBase.d.ts +13 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/ContentSplitBase.js +1 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/MobileSplitView.d.ts +11 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/MobileSplitView.js +1 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/StyledMobileSplitSlideLayer.d.ts +20 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/StyledMobileSplitSlideLayer.js +1 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/useMobileSplitStack.d.ts +20 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/useMobileSplitStack.js +1 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/useMobileSplitView.d.ts +27 -0
- package/build/cjs/components/Layout/Split/MobileSplitView/useMobileSplitView.js +1 -0
- package/build/cjs/components/Layout/Split/Split.d.ts +5 -4
- package/build/cjs/components/Layout/Split/Split.js +1 -1
- package/build/cjs/components/Layout/Split/SplitDocked.d.ts +9 -0
- package/build/cjs/components/Layout/Split/SplitDocked.js +1 -0
- package/build/cjs/components/Layout/index.d.ts +1 -0
- package/build/cjs/components/Layout/index.js +1 -1
- package/build/cjs/components/Layout/reducer.js +1 -1
- package/build/cjs/components/Layout/registry.d.ts +9 -1
- package/build/cjs/components/Layout/registry.js +1 -1
- package/build/cjs/components/Layout/useLayout.js +1 -1
- package/build/cjs/shared/useDragTransform.d.ts +39 -0
- package/build/cjs/shared/useDragTransform.js +1 -0
- package/build/cjs/web-tokens/_sizes.json +10 -0
- package/build/cjs/web-tokens/layout-vars.d.ts +2 -0
- package/build/cjs/web-tokens/layout-vars.js +1 -1
- package/build/cjs/web-tokens/layout-vars.ts +2 -0
- package/build/cjs/web-tokens/visualConfig.d.ts +9 -0
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Content/ContentList/ContentList.js +1 -1
- package/build/esm/components/Content/DosageButton/DosageButton.js +1 -1
- package/build/esm/components/Internal/LayoutFloat/LayoutFloat.d.ts +5 -3
- package/build/esm/components/Internal/LayoutFloat/LayoutFloat.js +1 -1
- package/build/esm/components/Internal/LayoutFloat/LayoutFloatDragHandle.d.ts +31 -0
- package/build/esm/components/Internal/LayoutFloat/LayoutFloatDragHandle.js +1 -0
- package/build/esm/components/Internal/LayoutFloat/LayoutFloatDragHandleGuard.d.ts +10 -0
- package/build/esm/components/Internal/LayoutFloat/LayoutFloatDragHandleGuard.js +1 -0
- package/build/esm/components/Internal/LayoutFloat/LayoutFloatDragProvider.d.ts +10 -0
- package/build/esm/components/Internal/LayoutFloat/LayoutFloatDragProvider.js +1 -0
- package/build/esm/components/Internal/LayoutFloat/useLayoutFloatDrag.d.ts +16 -0
- package/build/esm/components/Internal/LayoutFloat/useLayoutFloatDrag.js +1 -0
- package/build/esm/components/Internal/LayoutFloat/useLayoutFloatDragHandleContext.d.ts +22 -0
- package/build/esm/components/Internal/LayoutFloat/useLayoutFloatDragHandleContext.js +1 -0
- package/build/esm/components/Internal/Panel/Panel.d.ts +4 -0
- package/build/esm/components/Internal/Panel/Panel.js +1 -1
- package/build/esm/components/Internal/Sandwich/SandwichHeader.d.ts +1 -0
- package/build/esm/components/Internal/Sandwich/SandwichHeader.js +1 -1
- package/build/esm/components/Layout/-types.d.ts +96 -48
- package/build/esm/components/Layout/Content/Content.d.ts +6 -2
- package/build/esm/components/Layout/Content/Content.js +1 -1
- package/build/esm/components/Layout/Content/ContentDocked.d.ts +12 -0
- package/build/esm/components/Layout/Content/ContentDocked.js +1 -0
- package/build/esm/components/Layout/Layout.js +1 -1
- package/build/esm/components/Layout/RightPanel/RightPanel.d.ts +10 -8
- package/build/esm/components/Layout/RightPanel/RightPanel.js +1 -1
- package/build/esm/components/Layout/RightPanel/RightPanelDocked.d.ts +19 -0
- package/build/esm/components/Layout/RightPanel/RightPanelDocked.js +1 -0
- package/build/esm/components/Layout/RightPanel/RightPanelHeader.d.ts +14 -10
- package/build/esm/components/Layout/RightPanel/RightPanelHeader.js +1 -1
- package/build/esm/components/Layout/RightPanel/RightPanelSheet.d.ts +18 -0
- package/build/esm/components/Layout/RightPanel/RightPanelSheet.js +1 -0
- package/build/esm/components/Layout/Split/MobileSplitView/ContentSplitBase.d.ts +13 -0
- package/build/esm/components/Layout/Split/MobileSplitView/ContentSplitBase.js +1 -0
- package/build/esm/components/Layout/Split/MobileSplitView/MobileSplitView.d.ts +11 -0
- package/build/esm/components/Layout/Split/MobileSplitView/MobileSplitView.js +1 -0
- package/build/esm/components/Layout/Split/MobileSplitView/StyledMobileSplitSlideLayer.d.ts +20 -0
- package/build/esm/components/Layout/Split/MobileSplitView/StyledMobileSplitSlideLayer.js +1 -0
- package/build/esm/components/Layout/Split/MobileSplitView/useMobileSplitStack.d.ts +20 -0
- package/build/esm/components/Layout/Split/MobileSplitView/useMobileSplitStack.js +1 -0
- package/build/esm/components/Layout/Split/MobileSplitView/useMobileSplitView.d.ts +27 -0
- package/build/esm/components/Layout/Split/MobileSplitView/useMobileSplitView.js +1 -0
- package/build/esm/components/Layout/Split/Split.d.ts +5 -4
- package/build/esm/components/Layout/Split/Split.js +1 -1
- package/build/esm/components/Layout/Split/SplitDocked.d.ts +9 -0
- package/build/esm/components/Layout/Split/SplitDocked.js +1 -0
- package/build/esm/components/Layout/index.d.ts +1 -0
- package/build/esm/components/Layout/index.js +1 -1
- package/build/esm/components/Layout/reducer.js +1 -1
- package/build/esm/components/Layout/registry.d.ts +9 -1
- package/build/esm/components/Layout/registry.js +1 -1
- package/build/esm/components/Layout/useLayout.js +1 -1
- package/build/esm/shared/useDragTransform.d.ts +39 -0
- package/build/esm/shared/useDragTransform.js +1 -0
- package/build/esm/web-tokens/_sizes.json +10 -0
- package/build/esm/web-tokens/layout-vars.d.ts +2 -0
- package/build/esm/web-tokens/layout-vars.js +1 -1
- package/build/esm/web-tokens/layout-vars.ts +2 -0
- package/build/esm/web-tokens/visualConfig.d.ts +9 -0
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_layout.scss +4 -0
- package/build/scss/_variables.scss +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{Group,Panel as ResizablePanel,Separator,useDefaultLayout}from"react-resizable-panels";let CustomGroup=styled(Group,{target:"e1l3l34u0",label:"CustomGroup"})({height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvUGFuZWwvUGFuZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9QYW5lbC9QYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBHcm91cCxcbiAgUGFuZWwgYXMgUmVzaXphYmxlUGFuZWwsXG4gIFNlcGFyYXRvcixcbiAgdXNlRGVmYXVsdExheW91dCxcbn0gZnJvbSBcInJlYWN0LXJlc2l6YWJsZS1wYW5lbHNcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGF5b3V0U3RvcmFnZSxcbiAgUGFuZWxJbXBlcmF0aXZlSGFuZGxlLFxufSBmcm9tIFwicmVhY3QtcmVzaXphYmxlLXBhbmVsc1wiO1xuXG4vKiogQSBzaXplOiBwbGFpbiBudW1iZXIgPSBwaXhlbHM7IHVuaXRsZXNzIHN0cmluZyA9IHBlcmNlbnRhZ2UgKFwiMTAlXCIpLiAqL1xudHlwZSBTaXplID0gbnVtYmVyIHwgc3RyaW5nO1xuXG5jb25zdCBDdXN0b21Hcm91cCA9IHN0eWxlZChHcm91cCkoeyBoZWlnaHQ6IFwiMTAwJVwiLCB3aWR0aDogXCIxMDAlXCIgfSk7XG5cbi8vIEhvc3Qgbm9kZSDigJQgY29udGVudCBpcyBwb3J0YWxlZCBpbiBieSB0aGUgY29uc3VtZXIuIGByZWxhdGl2ZWAgc29cbi8vIGFic29sdXRlbHktcG9zaXRpb25lZCBjb250ZW50IHJlZmxvd3Mgd2l0aCB0aGUgcGFuZWwuXG5jb25zdCBTdHlsZWRQb3J0YWxDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCB0eXBlIFBhbmVsSXRlbSA9IHtcbiAgLyoqIFN0YWJsZSBpZCDigJQgdXNlZCBieSByZWFjdC1yZXNpemFibGUtcGFuZWxzIHRvIHRyYWNrIHRoZSBwYW5lbCBhbmQgcGVyc2lzdFxuICAgKiAgaXRzIHNpemUsIGFuZCBwYXNzZWQgYmFjayB0byBgaG9zdEZvcmAvYG9uUmVzaXplYC9gb25Db2xsYXBzZWAuICovXG4gIGlkOiBzdHJpbmc7XG4gIGRlZmF1bHRTaXplPzogU2l6ZTtcbiAgbWluU2l6ZT86IFNpemU7XG4gIG1heFNpemU/OiBTaXplO1xuICAvKiogQWxsb3cgZHJhZy10by1jb2xsYXBzZTsgY29sbGFwc2luZyBmaXJlcyBgb25Db2xsYXBzZShpZClgLiAqL1xuICBjb2xsYXBzaWJsZT86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBQYW5lbFByb3BzID0ge1xuICAvKiogVmlzaWJsZSBwYW5lbHMsIGxlZnQtdG8tcmlnaHQuIENvbmRpdGlvbmFsbHkgcmVuZGVyaW5nIGl0ZW1zIHRvZ2dsZXMgYVxuICAgKiAgcGFuZWwgV0lUSE9VVCByZW1vdW50aW5nIHRoZSBvdGhlcnMgKG5vIGBrZXlgIG9uIHRoZSBncm91cCkuICovXG4gIHBhbmVsczogUGFuZWxJdGVtW107XG4gIC8qKiBQZXJzaXN0IHNpemVzIChrZXllZCBieSBgcGVyc2lzdGVuY2VLZXlgICsgdGhlIGN1cnJlbnQgcGFuZWwtaWQgc2V0KS4gKi9cbiAgcGVyc2lzdGVuY2VLZXk/OiBzdHJpbmc7XG4gIHN0b3JhZ2U/OiBMYXlvdXRTdG9yYWdlO1xuICAvKiogUmVmIGNhbGxiYWNrIGZvciBhIHBhbmVsJ3MgY29udGVudCBob3N0IGA8ZGl2PmAgKGNvbnN1bWVyIHBvcnRhbHMgaW50byBpdCkuICovXG4gIGhvc3RGb3I6IChpZDogc3RyaW5nKSA9PiAoZWw6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4gdm9pZDtcbiAgLyoqIFJlcG9ydHMgYSBzZXR0bGVkIGRyYWctcmVzaXplIChzaXplIGFzIGEgXCIlXCIgc3RyaW5nKS4gKi9cbiAgb25SZXNpemU6IChpZDogc3RyaW5nLCBzaXplOiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKiBSZXBvcnRzIGEgZHJhZyBwYXN0IGBtaW5TaXplYCBvbiBhIGNvbGxhcHNpYmxlIHBhbmVsLiAqL1xuICBvbkNvbGxhcHNlOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqIFJlZiBjYWxsYmFjayBmb3IgYSBwYW5lbCdzIGltcGVyYXRpdmUgaGFuZGxlIChyZXNpemUvZ2V0U2l6ZSksIHVzZWQgdG9cbiAgICogIGFuaW1hdGUgYSBjb2x1bW4ncyBvcGVuL2Nsb3NlIHdpZHRoLiAqL1xuICBwYW5lbEhhbmRsZUZvcj86IChcbiAgICBpZDogc3RyaW5nXG4gICkgPT4gKGhhbmRsZTogUGFuZWxJbXBlcmF0aXZlSGFuZGxlIHwgbnVsbCkgPT4gdm9pZDtcbiAgLyoqIFJlZiBjYWxsYmFjayBmb3IgYSBwYW5lbCdzIGNvbHVtbiBET00gZWxlbWVudCwgdXNlZCB0byBzZXQgdGhlIHdpZHRoXG4gICAqICBzbGlkZSdzIGBmbGV4LWdyb3dgIHRyYW5zaXRpb24gaW1wZXJhdGl2ZWx5LiAqL1xuICBwYW5lbEVsZW1lbnRGb3I/OiAoaWQ6IHN0cmluZykgPT4gKGVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4gdm9pZDtcbiAgLyoqIFdoZW4gaXQgcmV0dXJucyBgdHJ1ZWAsIHRoZSBHcm91cCdzIGxheW91dCBjYWxsYmFja3MgKHJlc2l6ZS9jb2xsYXBzZVxuICAgKiAgcmVwb3J0aW5nIGFuZCBzaXplIHBlcnNpc3RlbmNlKSBhcmUgc2tpcHBlZCwgc28gYSBzbGlkZSdzIGludGVybWVkaWF0ZVxuICAgKiAgbGF5b3V0cyAtIHRoZSAwLXdpZHRoIHN0YXJ0IG9mIGFuIG9wZW4gZXNwZWNpYWxseSwgd2hpY2ggd291bGQgcmVhZCBhcyBhXG4gICAqICBkcmFnLXRvLWNvbGxhcHNlIC0gYXJlbid0IGFjdGVkIG9uLiBHUk9VUC1XSURFOiB3aGlsZSBBTlkgcGFuZWwgc2xpZGVzLFxuICAgKiAgcmVwb3J0aW5nIGlzIG11dGVkIGZvciB0aGUgd2hvbGUgcm93OyB0aGUgc2V0dGxlZCBsYXlvdXQgaXMgcmVwb3J0ZWQgb25jZVxuICAgKiAgaXQgbGlmdHMgKH4zMDBtcykuICovXG4gIHNob3VsZFN1cHByZXNzTGF5b3V0Q2FsbGJhY2s/OiAoKSA9PiBib29sZWFuO1xufTtcblxuLy8gZmxleEdyb3cgYXQvYmVsb3cgdGhpcyBpcyB0cmVhdGVkIGFzIGEgZHJhZy10by1jb2xsYXBzZSBnZXN0dXJlLlxuY29uc3QgQ09MTEFQU0VfRVBTSUxPTiA9IDAuNTtcblxuLy8gcmVhY3QtcmVzaXphYmxlLXBhbmVscyBwZXJzaXN0cyBub3RoaW5nIHdoZW4gZ2l2ZW4gYSBuby1vcCBzdG9yYWdlLlxuY29uc3QgTk9PUF9TVE9SQUdFOiBMYXlvdXRTdG9yYWdlID0geyBnZXRJdGVtOiAoKSA9PiBudWxsLCBzZXRJdGVtOiAoKSA9PiB7fSB9O1xuXG4vKipcbiAqIFN0b3JhZ2UgZm9yIHNpemUgcGVyc2lzdGVuY2U6IHJlYWwgb25seSB3aGVuIEJPVEggYSBgcGVyc2lzdGVuY2VLZXlgIGFuZCBhXG4gKiBgc3RvcmFnZWAgYXJlIHByb3ZpZGVkLiBObyBpbXBsaWNpdCBgd2luZG93LmxvY2FsU3RvcmFnZWAgZmFsbGJhY2sg4oCUXG4gKiBwZXJzaXN0ZW5jZSBpcyBzdHJpY3RseSBvcHQtaW4uXG4gKi9cbmZ1bmN0aW9uIHJlc29sdmVTaXplU3RvcmFnZShcbiAgcGVyc2lzdGVuY2VLZXk6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgc3RvcmFnZTogTGF5b3V0U3RvcmFnZSB8IHVuZGVmaW5lZFxuKTogTGF5b3V0U3RvcmFnZSB7XG4gIGlmICghcGVyc2lzdGVuY2VLZXkgfHwgIXN0b3JhZ2UpIHJldHVybiBOT09QX1NUT1JBR0U7XG4gIHJldHVybiBzdG9yYWdlO1xufVxuXG4vKipcbiAqIEludGVybmFsIHJlc2l6YWJsZSBwYW5lbCByb3cg4oCUIHRoZSBvbmx5IHdyYXBwZXIgYXJvdW5kIHJlYWN0LXJlc2l6YWJsZS1wYW5lbHMuXG4gKiBSZW5kZXJzIG9uZSBQYW5lbCBwZXIgaXRlbSB3aXRoIGEgY29udGVudCBob3N0IGA8ZGl2PmAgKHJlZidkIGJhY2sgdmlhXG4gKiBgaG9zdEZvcmApLCBwZXJzaXN0cyBzaXplcywgYW5kIHJlcG9ydHMgZHJhZy1yZXNpemUgLyBkcmFnLXRvLWNvbGxhcHNlLiBUaGVcbiAqIHB1YmxpYyBgTGF5b3V0YCBjb21wb25lbnQgaXMgdGhlIGludGVuZGVkIGNvbnN1bWVyLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUGFuZWwoe1xuICBwYW5lbHMsXG4gIHBlcnNpc3RlbmNlS2V5LFxuICBzdG9yYWdlLFxuICBob3N0Rm9yLFxuICBvblJlc2l6ZSxcbiAgb25Db2xsYXBzZSxcbiAgcGFuZWxIYW5kbGVGb3IsXG4gIHBhbmVsRWxlbWVudEZvcixcbiAgc2hvdWxkU3VwcHJlc3NMYXlvdXRDYWxsYmFjayxcbn06IFBhbmVsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IGRlZmF1bHRMYXlvdXQsIG9uTGF5b3V0Q2hhbmdlZDogcGVyc2lzdFNpemVzIH0gPSB1c2VEZWZhdWx0TGF5b3V0KHtcbiAgICBpZDogcGVyc2lzdGVuY2VLZXkgPz8gXCJkcy1sYXlvdXRcIixcbiAgICBwYW5lbElkczogcGFuZWxzLm1hcCgocCkgPT4gcC5pZCksXG4gICAgc3RvcmFnZTogcmVzb2x2ZVNpemVTdG9yYWdlKHBlcnNpc3RlbmNlS2V5LCBzdG9yYWdlKSxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q3VzdG9tR3JvdXBcbiAgICAgIG9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG4gICAgICBkZWZhdWx0TGF5b3V0PXtkZWZhdWx0TGF5b3V0fVxuICAgICAgb25MYXlvdXRDaGFuZ2VkPXsobGF5b3V0KSA9PiB7XG4gICAgICAgIC8vIE1pZC1zbGlkZSBsYXlvdXRzOiBkb24ndCByZXBvcnQgb3IgcGVyc2lzdC5cbiAgICAgICAgaWYgKHNob3VsZFN1cHByZXNzTGF5b3V0Q2FsbGJhY2s/LigpKSByZXR1cm47XG4gICAgICAgIHBlcnNpc3RTaXplcyhsYXlvdXQpOyAvLyBsaWJyYXJ5IHNhdmVzIHRoZSBzaXplc1xuICAgICAgICBwYW5lbHMuZm9yRWFjaCgoeyBpZCwgY29sbGFwc2libGUgfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IHBjdCA9IGxheW91dFtpZF07XG4gICAgICAgICAgaWYgKHR5cGVvZiBwY3QgIT09IFwibnVtYmVyXCIpIHJldHVybjtcbiAgICAgICAgICBpZiAoY29sbGFwc2libGUgJiYgcGN0IDwgQ09MTEFQU0VfRVBTSUxPTikge1xuICAgICAgICAgICAgb25Db2xsYXBzZShpZCk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgfVxuICAgICAgICAgIGlmIChwY3QgPj0gQ09MTEFQU0VfRVBTSUxPTikgb25SZXNpemUoaWQsIGAke3BjdH0lYCk7XG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7cGFuZWxzLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17aXRlbS5pZH0+XG4gICAgICAgICAge2luZGV4ID4gMCAmJiA8U2VwYXJhdG9yIC8+fVxuICAgICAgICAgIDxSZXNpemFibGVQYW5lbFxuICAgICAgICAgICAgaWQ9e2l0ZW0uaWR9XG4gICAgICAgICAgICBkZWZhdWx0U2l6ZT17aXRlbS5kZWZhdWx0U2l6ZX1cbiAgICAgICAgICAgIGNvbGxhcHNpYmxlPXtpdGVtLmNvbGxhcHNpYmxlfVxuICAgICAgICAgICAgbWluU2l6ZT17aXRlbS5taW5TaXplfVxuICAgICAgICAgICAgbWF4U2l6ZT17aXRlbS5tYXhTaXplfVxuICAgICAgICAgICAgcGFuZWxSZWY9e3BhbmVsSGFuZGxlRm9yPy4oaXRlbS5pZCl9XG4gICAgICAgICAgICBlbGVtZW50UmVmPXtwYW5lbEVsZW1lbnRGb3I/LihpdGVtLmlkKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3R5bGVkUG9ydGFsQ29udGFpbmVyIHJlZj17aG9zdEZvcihpdGVtLmlkKX0gLz5cbiAgICAgICAgICA8L1Jlc2l6YWJsZVBhbmVsPlxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgKSl9XG4gICAgPC9DdXN0b21Hcm91cD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9CIn0= */"),StyledPortalContainer=styled("div",{target:"e1l3l34u1",label:"StyledPortalContainer"})({position:"relative",height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvUGFuZWwvUGFuZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9QYW5lbC9QYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBHcm91cCxcbiAgUGFuZWwgYXMgUmVzaXphYmxlUGFuZWwsXG4gIFNlcGFyYXRvcixcbiAgdXNlRGVmYXVsdExheW91dCxcbn0gZnJvbSBcInJlYWN0LXJlc2l6YWJsZS1wYW5lbHNcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGF5b3V0U3RvcmFnZSxcbiAgUGFuZWxJbXBlcmF0aXZlSGFuZGxlLFxufSBmcm9tIFwicmVhY3QtcmVzaXphYmxlLXBhbmVsc1wiO1xuXG4vKiogQSBzaXplOiBwbGFpbiBudW1iZXIgPSBwaXhlbHM7IHVuaXRsZXNzIHN0cmluZyA9IHBlcmNlbnRhZ2UgKFwiMTAlXCIpLiAqL1xudHlwZSBTaXplID0gbnVtYmVyIHwgc3RyaW5nO1xuXG5jb25zdCBDdXN0b21Hcm91cCA9IHN0eWxlZChHcm91cCkoeyBoZWlnaHQ6IFwiMTAwJVwiLCB3aWR0aDogXCIxMDAlXCIgfSk7XG5cbi8vIEhvc3Qgbm9kZSDigJQgY29udGVudCBpcyBwb3J0YWxlZCBpbiBieSB0aGUgY29uc3VtZXIuIGByZWxhdGl2ZWAgc29cbi8vIGFic29sdXRlbHktcG9zaXRpb25lZCBjb250ZW50IHJlZmxvd3Mgd2l0aCB0aGUgcGFuZWwuXG5jb25zdCBTdHlsZWRQb3J0YWxDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCB0eXBlIFBhbmVsSXRlbSA9IHtcbiAgLyoqIFN0YWJsZSBpZCDigJQgdXNlZCBieSByZWFjdC1yZXNpemFibGUtcGFuZWxzIHRvIHRyYWNrIHRoZSBwYW5lbCBhbmQgcGVyc2lzdFxuICAgKiAgaXRzIHNpemUsIGFuZCBwYXNzZWQgYmFjayB0byBgaG9zdEZvcmAvYG9uUmVzaXplYC9gb25Db2xsYXBzZWAuICovXG4gIGlkOiBzdHJpbmc7XG4gIGRlZmF1bHRTaXplPzogU2l6ZTtcbiAgbWluU2l6ZT86IFNpemU7XG4gIG1heFNpemU/OiBTaXplO1xuICAvKiogQWxsb3cgZHJhZy10by1jb2xsYXBzZTsgY29sbGFwc2luZyBmaXJlcyBgb25Db2xsYXBzZShpZClgLiAqL1xuICBjb2xsYXBzaWJsZT86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBQYW5lbFByb3BzID0ge1xuICAvKiogVmlzaWJsZSBwYW5lbHMsIGxlZnQtdG8tcmlnaHQuIENvbmRpdGlvbmFsbHkgcmVuZGVyaW5nIGl0ZW1zIHRvZ2dsZXMgYVxuICAgKiAgcGFuZWwgV0lUSE9VVCByZW1vdW50aW5nIHRoZSBvdGhlcnMgKG5vIGBrZXlgIG9uIHRoZSBncm91cCkuICovXG4gIHBhbmVsczogUGFuZWxJdGVtW107XG4gIC8qKiBQZXJzaXN0IHNpemVzIChrZXllZCBieSBgcGVyc2lzdGVuY2VLZXlgICsgdGhlIGN1cnJlbnQgcGFuZWwtaWQgc2V0KS4gKi9cbiAgcGVyc2lzdGVuY2VLZXk/OiBzdHJpbmc7XG4gIHN0b3JhZ2U/OiBMYXlvdXRTdG9yYWdlO1xuICAvKiogUmVmIGNhbGxiYWNrIGZvciBhIHBhbmVsJ3MgY29udGVudCBob3N0IGA8ZGl2PmAgKGNvbnN1bWVyIHBvcnRhbHMgaW50byBpdCkuICovXG4gIGhvc3RGb3I6IChpZDogc3RyaW5nKSA9PiAoZWw6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4gdm9pZDtcbiAgLyoqIFJlcG9ydHMgYSBzZXR0bGVkIGRyYWctcmVzaXplIChzaXplIGFzIGEgXCIlXCIgc3RyaW5nKS4gKi9cbiAgb25SZXNpemU6IChpZDogc3RyaW5nLCBzaXplOiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKiBSZXBvcnRzIGEgZHJhZyBwYXN0IGBtaW5TaXplYCBvbiBhIGNvbGxhcHNpYmxlIHBhbmVsLiAqL1xuICBvbkNvbGxhcHNlOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqIFJlZiBjYWxsYmFjayBmb3IgYSBwYW5lbCdzIGltcGVyYXRpdmUgaGFuZGxlIChyZXNpemUvZ2V0U2l6ZSksIHVzZWQgdG9cbiAgICogIGFuaW1hdGUgYSBjb2x1bW4ncyBvcGVuL2Nsb3NlIHdpZHRoLiAqL1xuICBwYW5lbEhhbmRsZUZvcj86IChcbiAgICBpZDogc3RyaW5nXG4gICkgPT4gKGhhbmRsZTogUGFuZWxJbXBlcmF0aXZlSGFuZGxlIHwgbnVsbCkgPT4gdm9pZDtcbiAgLyoqIFJlZiBjYWxsYmFjayBmb3IgYSBwYW5lbCdzIGNvbHVtbiBET00gZWxlbWVudCwgdXNlZCB0byBzZXQgdGhlIHdpZHRoXG4gICAqICBzbGlkZSdzIGBmbGV4LWdyb3dgIHRyYW5zaXRpb24gaW1wZXJhdGl2ZWx5LiAqL1xuICBwYW5lbEVsZW1lbnRGb3I/OiAoaWQ6IHN0cmluZykgPT4gKGVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4gdm9pZDtcbiAgLyoqIFdoZW4gaXQgcmV0dXJucyBgdHJ1ZWAsIHRoZSBHcm91cCdzIGxheW91dCBjYWxsYmFja3MgKHJlc2l6ZS9jb2xsYXBzZVxuICAgKiAgcmVwb3J0aW5nIGFuZCBzaXplIHBlcnNpc3RlbmNlKSBhcmUgc2tpcHBlZCwgc28gYSBzbGlkZSdzIGludGVybWVkaWF0ZVxuICAgKiAgbGF5b3V0cyAtIHRoZSAwLXdpZHRoIHN0YXJ0IG9mIGFuIG9wZW4gZXNwZWNpYWxseSwgd2hpY2ggd291bGQgcmVhZCBhcyBhXG4gICAqICBkcmFnLXRvLWNvbGxhcHNlIC0gYXJlbid0IGFjdGVkIG9uLiBHUk9VUC1XSURFOiB3aGlsZSBBTlkgcGFuZWwgc2xpZGVzLFxuICAgKiAgcmVwb3J0aW5nIGlzIG11dGVkIGZvciB0aGUgd2hvbGUgcm93OyB0aGUgc2V0dGxlZCBsYXlvdXQgaXMgcmVwb3J0ZWQgb25jZVxuICAgKiAgaXQgbGlmdHMgKH4zMDBtcykuICovXG4gIHNob3VsZFN1cHByZXNzTGF5b3V0Q2FsbGJhY2s/OiAoKSA9PiBib29sZWFuO1xufTtcblxuLy8gZmxleEdyb3cgYXQvYmVsb3cgdGhpcyBpcyB0cmVhdGVkIGFzIGEgZHJhZy10by1jb2xsYXBzZSBnZXN0dXJlLlxuY29uc3QgQ09MTEFQU0VfRVBTSUxPTiA9IDAuNTtcblxuLy8gcmVhY3QtcmVzaXphYmxlLXBhbmVscyBwZXJzaXN0cyBub3RoaW5nIHdoZW4gZ2l2ZW4gYSBuby1vcCBzdG9yYWdlLlxuY29uc3QgTk9PUF9TVE9SQUdFOiBMYXlvdXRTdG9yYWdlID0geyBnZXRJdGVtOiAoKSA9PiBudWxsLCBzZXRJdGVtOiAoKSA9PiB7fSB9O1xuXG4vKipcbiAqIFN0b3JhZ2UgZm9yIHNpemUgcGVyc2lzdGVuY2U6IHJlYWwgb25seSB3aGVuIEJPVEggYSBgcGVyc2lzdGVuY2VLZXlgIGFuZCBhXG4gKiBgc3RvcmFnZWAgYXJlIHByb3ZpZGVkLiBObyBpbXBsaWNpdCBgd2luZG93LmxvY2FsU3RvcmFnZWAgZmFsbGJhY2sg4oCUXG4gKiBwZXJzaXN0ZW5jZSBpcyBzdHJpY3RseSBvcHQtaW4uXG4gKi9cbmZ1bmN0aW9uIHJlc29sdmVTaXplU3RvcmFnZShcbiAgcGVyc2lzdGVuY2VLZXk6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgc3RvcmFnZTogTGF5b3V0U3RvcmFnZSB8IHVuZGVmaW5lZFxuKTogTGF5b3V0U3RvcmFnZSB7XG4gIGlmICghcGVyc2lzdGVuY2VLZXkgfHwgIXN0b3JhZ2UpIHJldHVybiBOT09QX1NUT1JBR0U7XG4gIHJldHVybiBzdG9yYWdlO1xufVxuXG4vKipcbiAqIEludGVybmFsIHJlc2l6YWJsZSBwYW5lbCByb3cg4oCUIHRoZSBvbmx5IHdyYXBwZXIgYXJvdW5kIHJlYWN0LXJlc2l6YWJsZS1wYW5lbHMuXG4gKiBSZW5kZXJzIG9uZSBQYW5lbCBwZXIgaXRlbSB3aXRoIGEgY29udGVudCBob3N0IGA8ZGl2PmAgKHJlZidkIGJhY2sgdmlhXG4gKiBgaG9zdEZvcmApLCBwZXJzaXN0cyBzaXplcywgYW5kIHJlcG9ydHMgZHJhZy1yZXNpemUgLyBkcmFnLXRvLWNvbGxhcHNlLiBUaGVcbiAqIHB1YmxpYyBgTGF5b3V0YCBjb21wb25lbnQgaXMgdGhlIGludGVuZGVkIGNvbnN1bWVyLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUGFuZWwoe1xuICBwYW5lbHMsXG4gIHBlcnNpc3RlbmNlS2V5LFxuICBzdG9yYWdlLFxuICBob3N0Rm9yLFxuICBvblJlc2l6ZSxcbiAgb25Db2xsYXBzZSxcbiAgcGFuZWxIYW5kbGVGb3IsXG4gIHBhbmVsRWxlbWVudEZvcixcbiAgc2hvdWxkU3VwcHJlc3NMYXlvdXRDYWxsYmFjayxcbn06IFBhbmVsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IGRlZmF1bHRMYXlvdXQsIG9uTGF5b3V0Q2hhbmdlZDogcGVyc2lzdFNpemVzIH0gPSB1c2VEZWZhdWx0TGF5b3V0KHtcbiAgICBpZDogcGVyc2lzdGVuY2VLZXkgPz8gXCJkcy1sYXlvdXRcIixcbiAgICBwYW5lbElkczogcGFuZWxzLm1hcCgocCkgPT4gcC5pZCksXG4gICAgc3RvcmFnZTogcmVzb2x2ZVNpemVTdG9yYWdlKHBlcnNpc3RlbmNlS2V5LCBzdG9yYWdlKSxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q3VzdG9tR3JvdXBcbiAgICAgIG9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG4gICAgICBkZWZhdWx0TGF5b3V0PXtkZWZhdWx0TGF5b3V0fVxuICAgICAgb25MYXlvdXRDaGFuZ2VkPXsobGF5b3V0KSA9PiB7XG4gICAgICAgIC8vIE1pZC1zbGlkZSBsYXlvdXRzOiBkb24ndCByZXBvcnQgb3IgcGVyc2lzdC5cbiAgICAgICAgaWYgKHNob3VsZFN1cHByZXNzTGF5b3V0Q2FsbGJhY2s/LigpKSByZXR1cm47XG4gICAgICAgIHBlcnNpc3RTaXplcyhsYXlvdXQpOyAvLyBsaWJyYXJ5IHNhdmVzIHRoZSBzaXplc1xuICAgICAgICBwYW5lbHMuZm9yRWFjaCgoeyBpZCwgY29sbGFwc2libGUgfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IHBjdCA9IGxheW91dFtpZF07XG4gICAgICAgICAgaWYgKHR5cGVvZiBwY3QgIT09IFwibnVtYmVyXCIpIHJldHVybjtcbiAgICAgICAgICBpZiAoY29sbGFwc2libGUgJiYgcGN0IDwgQ09MTEFQU0VfRVBTSUxPTikge1xuICAgICAgICAgICAgb25Db2xsYXBzZShpZCk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgfVxuICAgICAgICAgIGlmIChwY3QgPj0gQ09MTEFQU0VfRVBTSUxPTikgb25SZXNpemUoaWQsIGAke3BjdH0lYCk7XG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7cGFuZWxzLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17aXRlbS5pZH0+XG4gICAgICAgICAge2luZGV4ID4gMCAmJiA8U2VwYXJhdG9yIC8+fVxuICAgICAgICAgIDxSZXNpemFibGVQYW5lbFxuICAgICAgICAgICAgaWQ9e2l0ZW0uaWR9XG4gICAgICAgICAgICBkZWZhdWx0U2l6ZT17aXRlbS5kZWZhdWx0U2l6ZX1cbiAgICAgICAgICAgIGNvbGxhcHNpYmxlPXtpdGVtLmNvbGxhcHNpYmxlfVxuICAgICAgICAgICAgbWluU2l6ZT17aXRlbS5taW5TaXplfVxuICAgICAgICAgICAgbWF4U2l6ZT17aXRlbS5tYXhTaXplfVxuICAgICAgICAgICAgcGFuZWxSZWY9e3BhbmVsSGFuZGxlRm9yPy4oaXRlbS5pZCl9XG4gICAgICAgICAgICBlbGVtZW50UmVmPXtwYW5lbEVsZW1lbnRGb3I/LihpdGVtLmlkKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8U3R5bGVkUG9ydGFsQ29udGFpbmVyIHJlZj17aG9zdEZvcihpdGVtLmlkKX0gLz5cbiAgICAgICAgICA8L1Jlc2l6YWJsZVBhbmVsPlxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgKSl9XG4gICAgPC9DdXN0b21Hcm91cD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhCIn0= */"),NOOP_STORAGE={getItem:()=>null,setItem:()=>{}};export function Panel({panels,persistenceKey,storage,hostFor,onResize,onCollapse,panelHandleFor,panelElementFor,shouldSuppressLayoutCallback}){let{defaultLayout,onLayoutChanged:persistSizes}=useDefaultLayout({id:persistenceKey??"ds-layout",panelIds:panels.map(p=>p.id),storage:persistenceKey&&storage?storage:NOOP_STORAGE});return React.createElement(CustomGroup,{orientation:"horizontal",defaultLayout:defaultLayout,onLayoutChanged:layout=>{shouldSuppressLayoutCallback?.()||(persistSizes(layout),panels.forEach(({id,collapsible})=>{let pct=layout[id];if("number"==typeof pct){if(collapsible&&pct<.5)return void onCollapse(id);pct>=.5&&onResize(id,`${pct}%`)}}))}},panels.map((item,index)=>React.createElement(React.Fragment,{key:item.id},index>0&&React.createElement(Separator,null),React.createElement(ResizablePanel,{id:item.id,defaultSize:item.defaultSize,collapsible:item.collapsible,minSize:item.minSize,maxSize:item.maxSize,panelRef:panelHandleFor?.(item.id),elementRef:panelElementFor?.(item.id)},React.createElement(StyledPortalContainer,{ref:hostFor(item.id)})))))}
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{Group,Panel as ResizablePanel,Separator,useDefaultLayout}from"react-resizable-panels";let CustomGroup=styled(Group,{target:"e17tfb560",label:"CustomGroup"})({height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvUGFuZWwvUGFuZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9QYW5lbC9QYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBHcm91cCxcbiAgUGFuZWwgYXMgUmVzaXphYmxlUGFuZWwsXG4gIFNlcGFyYXRvcixcbiAgdXNlRGVmYXVsdExheW91dCxcbn0gZnJvbSBcInJlYWN0LXJlc2l6YWJsZS1wYW5lbHNcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGF5b3V0U3RvcmFnZSxcbiAgUGFuZWxJbXBlcmF0aXZlSGFuZGxlLFxufSBmcm9tIFwicmVhY3QtcmVzaXphYmxlLXBhbmVsc1wiO1xuXG4vKiogQSBzaXplOiBwbGFpbiBudW1iZXIgPSBwaXhlbHM7IHVuaXRsZXNzIHN0cmluZyA9IHBlcmNlbnRhZ2UgKFwiMTAlXCIpLiAqL1xudHlwZSBTaXplID0gbnVtYmVyIHwgc3RyaW5nO1xuXG5jb25zdCBDdXN0b21Hcm91cCA9IHN0eWxlZChHcm91cCkoeyBoZWlnaHQ6IFwiMTAwJVwiLCB3aWR0aDogXCIxMDAlXCIgfSk7XG5cbi8vIEhvc3Qgbm9kZSDigJQgY29udGVudCBpcyBwb3J0YWxlZCBpbiBieSB0aGUgY29uc3VtZXIuIGByZWxhdGl2ZWAgc29cbi8vIGFic29sdXRlbHktcG9zaXRpb25lZCBjb250ZW50IHJlZmxvd3Mgd2l0aCB0aGUgcGFuZWwuXG5jb25zdCBTdHlsZWRQb3J0YWxDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCB0eXBlIFBhbmVsSXRlbSA9IHtcbiAgLyoqIFN0YWJsZSBpZCDigJQgdXNlZCBieSByZWFjdC1yZXNpemFibGUtcGFuZWxzIHRvIHRyYWNrIHRoZSBwYW5lbCBhbmQgcGVyc2lzdFxuICAgKiAgaXRzIHNpemUsIGFuZCBwYXNzZWQgYmFjayB0byBgaG9zdEZvcmAvYG9uUmVzaXplYC9gb25Db2xsYXBzZWAuICovXG4gIGlkOiBzdHJpbmc7XG4gIGRlZmF1bHRTaXplPzogU2l6ZTtcbiAgbWluU2l6ZT86IFNpemU7XG4gIG1heFNpemU/OiBTaXplO1xuICAvKiogQWxsb3cgZHJhZy10by1jb2xsYXBzZTsgY29sbGFwc2luZyBmaXJlcyBgb25Db2xsYXBzZShpZClgLiAqL1xuICBjb2xsYXBzaWJsZT86IGJvb2xlYW47XG4gIC8qKiBXaGVuIGBmYWxzZWAsIHRoaXMgcGFuZWwgaXMgZml4ZWQ6IGl0IGNhbid0IGJlIHJlc2l6ZWQgZGlyZWN0bHkgb3IgYnkgYVxuICAgKiAgbmVpZ2hib3VyLiBTZXBhcmF0b3JzIGJlc2lkZSBpdCBzdGF5IHVzYWJsZSBhcyBsb25nIGFzIGEgcmVzaXphYmxlIHBhbmVsXG4gICAqICByZW1haW5zIG9uIGVhY2ggb2YgdGhlaXIgc2lkZXMgLSB0aGUgZHJhZyBqdXN0IHBhc3NlcyB0aGlzIHBhbmVsIGJ5LiAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xufTtcblxuZXhwb3J0IHR5cGUgUGFuZWxQcm9wcyA9IHtcbiAgLyoqIFZpc2libGUgcGFuZWxzLCBsZWZ0LXRvLXJpZ2h0LiBDb25kaXRpb25hbGx5IHJlbmRlcmluZyBpdGVtcyB0b2dnbGVzIGFcbiAgICogIHBhbmVsIFdJVEhPVVQgcmVtb3VudGluZyB0aGUgb3RoZXJzIChubyBga2V5YCBvbiB0aGUgZ3JvdXApLiAqL1xuICBwYW5lbHM6IFBhbmVsSXRlbVtdO1xuICAvKiogUGVyc2lzdCBzaXplcyAoa2V5ZWQgYnkgYHBlcnNpc3RlbmNlS2V5YCArIHRoZSBjdXJyZW50IHBhbmVsLWlkIHNldCkuICovXG4gIHBlcnNpc3RlbmNlS2V5Pzogc3RyaW5nO1xuICBzdG9yYWdlPzogTGF5b3V0U3RvcmFnZTtcbiAgLyoqIFJlZiBjYWxsYmFjayBmb3IgYSBwYW5lbCdzIGNvbnRlbnQgaG9zdCBgPGRpdj5gIChjb25zdW1lciBwb3J0YWxzIGludG8gaXQpLiAqL1xuICBob3N0Rm9yOiAoaWQ6IHN0cmluZykgPT4gKGVsOiBIVE1MRWxlbWVudCB8IG51bGwpID0+IHZvaWQ7XG4gIC8qKiBSZXBvcnRzIGEgc2V0dGxlZCBkcmFnLXJlc2l6ZSAoc2l6ZSBhcyBhIFwiJVwiIHN0cmluZykuICovXG4gIG9uUmVzaXplOiAoaWQ6IHN0cmluZywgc2l6ZTogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogUmVwb3J0cyBhIGRyYWcgcGFzdCBgbWluU2l6ZWAgb24gYSBjb2xsYXBzaWJsZSBwYW5lbC4gKi9cbiAgb25Db2xsYXBzZTogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKiBSZWYgY2FsbGJhY2sgZm9yIGEgcGFuZWwncyBpbXBlcmF0aXZlIGhhbmRsZSAocmVzaXplL2dldFNpemUpLCB1c2VkIHRvXG4gICAqICBhbmltYXRlIGEgY29sdW1uJ3Mgb3Blbi9jbG9zZSB3aWR0aC4gKi9cbiAgcGFuZWxIYW5kbGVGb3I/OiAoXG4gICAgaWQ6IHN0cmluZ1xuICApID0+IChoYW5kbGU6IFBhbmVsSW1wZXJhdGl2ZUhhbmRsZSB8IG51bGwpID0+IHZvaWQ7XG4gIC8qKiBSZWYgY2FsbGJhY2sgZm9yIGEgcGFuZWwncyBjb2x1bW4gRE9NIGVsZW1lbnQsIHVzZWQgdG8gc2V0IHRoZSB3aWR0aFxuICAgKiAgc2xpZGUncyBgZmxleC1ncm93YCB0cmFuc2l0aW9uIGltcGVyYXRpdmVseS4gKi9cbiAgcGFuZWxFbGVtZW50Rm9yPzogKGlkOiBzdHJpbmcpID0+IChlbGVtZW50OiBIVE1MRGl2RWxlbWVudCB8IG51bGwpID0+IHZvaWQ7XG4gIC8qKiBXaGVuIGl0IHJldHVybnMgYHRydWVgLCB0aGUgR3JvdXAncyBsYXlvdXQgY2FsbGJhY2tzIChyZXNpemUvY29sbGFwc2VcbiAgICogIHJlcG9ydGluZyBhbmQgc2l6ZSBwZXJzaXN0ZW5jZSkgYXJlIHNraXBwZWQsIHNvIGEgc2xpZGUncyBpbnRlcm1lZGlhdGVcbiAgICogIGxheW91dHMgLSB0aGUgMC13aWR0aCBzdGFydCBvZiBhbiBvcGVuIGVzcGVjaWFsbHksIHdoaWNoIHdvdWxkIHJlYWQgYXMgYVxuICAgKiAgZHJhZy10by1jb2xsYXBzZSAtIGFyZW4ndCBhY3RlZCBvbi4gR1JPVVAtV0lERTogd2hpbGUgQU5ZIHBhbmVsIHNsaWRlcyxcbiAgICogIHJlcG9ydGluZyBpcyBtdXRlZCBmb3IgdGhlIHdob2xlIHJvdzsgdGhlIHNldHRsZWQgbGF5b3V0IGlzIHJlcG9ydGVkIG9uY2VcbiAgICogIGl0IGxpZnRzICh+MzAwbXMpLiAqL1xuICBzaG91bGRTdXBwcmVzc0xheW91dENhbGxiYWNrPzogKCkgPT4gYm9vbGVhbjtcbn07XG5cbi8vIGZsZXhHcm93IGF0L2JlbG93IHRoaXMgaXMgdHJlYXRlZCBhcyBhIGRyYWctdG8tY29sbGFwc2UgZ2VzdHVyZS5cbmNvbnN0IENPTExBUFNFX0VQU0lMT04gPSAwLjU7XG5cbi8vIHJlYWN0LXJlc2l6YWJsZS1wYW5lbHMgcGVyc2lzdHMgbm90aGluZyB3aGVuIGdpdmVuIGEgbm8tb3Agc3RvcmFnZS5cbmNvbnN0IE5PT1BfU1RPUkFHRTogTGF5b3V0U3RvcmFnZSA9IHsgZ2V0SXRlbTogKCkgPT4gbnVsbCwgc2V0SXRlbTogKCkgPT4ge30gfTtcblxuLyoqXG4gKiBTdG9yYWdlIGZvciBzaXplIHBlcnNpc3RlbmNlOiByZWFsIG9ubHkgd2hlbiBCT1RIIGEgYHBlcnNpc3RlbmNlS2V5YCBhbmQgYVxuICogYHN0b3JhZ2VgIGFyZSBwcm92aWRlZC4gTm8gaW1wbGljaXQgYHdpbmRvdy5sb2NhbFN0b3JhZ2VgIGZhbGxiYWNrIOKAlFxuICogcGVyc2lzdGVuY2UgaXMgc3RyaWN0bHkgb3B0LWluLlxuICovXG5mdW5jdGlvbiByZXNvbHZlU2l6ZVN0b3JhZ2UoXG4gIHBlcnNpc3RlbmNlS2V5OiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gIHN0b3JhZ2U6IExheW91dFN0b3JhZ2UgfCB1bmRlZmluZWRcbik6IExheW91dFN0b3JhZ2Uge1xuICBpZiAoIXBlcnNpc3RlbmNlS2V5IHx8ICFzdG9yYWdlKSByZXR1cm4gTk9PUF9TVE9SQUdFO1xuICByZXR1cm4gc3RvcmFnZTtcbn1cblxuY29uc3QgaXNSZXNpemFibGUgPSAoaXRlbTogUGFuZWxJdGVtKTogYm9vbGVhbiA9PiBpdGVtLnJlc2l6YWJsZSAhPT0gZmFsc2U7XG5cbnR5cGUgU2VwYXJhdG9yUmVzaXplQXJncyA9IHtcbiAgcGFuZWxzOiBQYW5lbEl0ZW1bXTtcbiAgLyoqIEluZGV4IG9mIHRoZSBwYW5lbCBvbiB0aGUgc2VwYXJhdG9yJ3MgcmlnaHQ7IHRoZSBzZXBhcmF0b3Igc2l0cyBiZWZvcmUgaXQuICovXG4gIGluZGV4OiBudW1iZXI7XG59O1xuXG4vKipcbiAqIFdoZXRoZXIgYSBzZXBhcmF0b3IgaGFzIGFueXRoaW5nIHRvIHJlc2l6ZTogYSBkcmFnIG5lZWRzIGEgcmVzaXphYmxlIHBhbmVsIG9uXG4gKiBCT1RIIHNpZGVzIOKAlCBvbmUgdG8gY2VkZSBzcGFjZSBhbmQgb25lIHRvIHRha2UgaXQuIEZpeGVkIHBhbmVscyBpbiBiZXR3ZWVuIGFyZVxuICogc2tpcHBlZCByYXRoZXIgdGhhbiB0cmVhdGVkIGFzIGJsb2NrZXJzLCBiZWNhdXNlIGBkaXNhYmxlZGAgb24gdGhlaXIgb3duXG4gKiBSZXNpemFibGVQYW5lbCBhbHJlYWR5IHN0b3BzIHRoZSBsaWJyYXJ5IGZyb20gcmVzaXppbmcgdGhlbSBcImVpdGhlciBkaXJlY3RseSBvclxuICogaW5kaXJlY3RseVwiLCBzbyB0aGUgZGVsdGEgcGFzc2VzIHRocm91Z2ggdG8gdGhlIG5lYXJlc3QgcmVzaXphYmxlIHBhbmVsLlxuICogRGlzYWJsaW5nIG9uIGEgbWVyZWx5IGZpeGVkIE5FSUdIQk9VUiB3b3VsZCBzdHJpcCB0aGUgb25seSBoYW5kbGUgb2YgYVxuICogcmVzaXphYmxlIHBhbmVsIGF0IHRoZSByb3cncyBlZGdlIChlLmcuIGEgZml4ZWQgU3BsaXQgYmVmb3JlIHRoZSBSaWdodFBhbmVsKS5cbiAqL1xuY29uc3QgY2FuU2VwYXJhdG9yUmVzaXplID0gKHsgcGFuZWxzLCBpbmRleCB9OiBTZXBhcmF0b3JSZXNpemVBcmdzKTogYm9vbGVhbiA9PlxuICBwYW5lbHMuc2xpY2UoMCwgaW5kZXgpLnNvbWUoaXNSZXNpemFibGUpICYmXG4gIHBhbmVscy5zbGljZShpbmRleCkuc29tZShpc1Jlc2l6YWJsZSk7XG5cbi8qKlxuICogSW50ZXJuYWwgcmVzaXphYmxlIHBhbmVsIHJvdyDigJQgdGhlIG9ubHkgd3JhcHBlciBhcm91bmQgcmVhY3QtcmVzaXphYmxlLXBhbmVscy5cbiAqIFJlbmRlcnMgb25lIFBhbmVsIHBlciBpdGVtIHdpdGggYSBjb250ZW50IGhvc3QgYDxkaXY+YCAocmVmJ2QgYmFjayB2aWFcbiAqIGBob3N0Rm9yYCksIHBlcnNpc3RzIHNpemVzLCBhbmQgcmVwb3J0cyBkcmFnLXJlc2l6ZSAvIGRyYWctdG8tY29sbGFwc2UuIFRoZVxuICogcHVibGljIGBMYXlvdXRgIGNvbXBvbmVudCBpcyB0aGUgaW50ZW5kZWQgY29uc3VtZXIuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBQYW5lbCh7XG4gIHBhbmVscyxcbiAgcGVyc2lzdGVuY2VLZXksXG4gIHN0b3JhZ2UsXG4gIGhvc3RGb3IsXG4gIG9uUmVzaXplLFxuICBvbkNvbGxhcHNlLFxuICBwYW5lbEhhbmRsZUZvcixcbiAgcGFuZWxFbGVtZW50Rm9yLFxuICBzaG91bGRTdXBwcmVzc0xheW91dENhbGxiYWNrLFxufTogUGFuZWxQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHsgZGVmYXVsdExheW91dCwgb25MYXlvdXRDaGFuZ2VkOiBwZXJzaXN0U2l6ZXMgfSA9IHVzZURlZmF1bHRMYXlvdXQoe1xuICAgIGlkOiBwZXJzaXN0ZW5jZUtleSA/PyBcImRzLWxheW91dFwiLFxuICAgIHBhbmVsSWRzOiBwYW5lbHMubWFwKChwKSA9PiBwLmlkKSxcbiAgICBzdG9yYWdlOiByZXNvbHZlU2l6ZVN0b3JhZ2UocGVyc2lzdGVuY2VLZXksIHN0b3JhZ2UpLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxDdXN0b21Hcm91cFxuICAgICAgb3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcbiAgICAgIGRlZmF1bHRMYXlvdXQ9e2RlZmF1bHRMYXlvdXR9XG4gICAgICBvbkxheW91dENoYW5nZWQ9eyhsYXlvdXQpID0+IHtcbiAgICAgICAgLy8gTWlkLXNsaWRlIGxheW91dHM6IGRvbid0IHJlcG9ydCBvciBwZXJzaXN0LlxuICAgICAgICBpZiAoc2hvdWxkU3VwcHJlc3NMYXlvdXRDYWxsYmFjaz8uKCkpIHJldHVybjtcbiAgICAgICAgcGVyc2lzdFNpemVzKGxheW91dCk7IC8vIGxpYnJhcnkgc2F2ZXMgdGhlIHNpemVzXG4gICAgICAgIHBhbmVscy5mb3JFYWNoKCh7IGlkLCBjb2xsYXBzaWJsZSB9KSA9PiB7XG4gICAgICAgICAgY29uc3QgcGN0ID0gbGF5b3V0W2lkXTtcbiAgICAgICAgICBpZiAodHlwZW9mIHBjdCAhPT0gXCJudW1iZXJcIikgcmV0dXJuO1xuICAgICAgICAgIGlmIChjb2xsYXBzaWJsZSAmJiBwY3QgPCBDT0xMQVBTRV9FUFNJTE9OKSB7XG4gICAgICAgICAgICBvbkNvbGxhcHNlKGlkKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICB9XG4gICAgICAgICAgaWYgKHBjdCA+PSBDT0xMQVBTRV9FUFNJTE9OKSBvblJlc2l6ZShpZCwgYCR7cGN0fSVgKTtcbiAgICAgICAgfSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIHtwYW5lbHMubWFwKChpdGVtLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBBIHNlcGFyYXRvciBzaXRzIGJldHdlZW4gdGhlIHByZXZpb3VzIHBhbmVsIGFuZCB0aGlzIG9uZTsgaXQncyBpbmVydFxuICAgICAgICAvLyBvbmx5IHdoZW4gbm8gcmVzaXphYmxlIHBhbmVsIHJlbWFpbnMgb24gb25lIG9mIGl0cyBzaWRlcy5cbiAgICAgICAgY29uc3QgaXNTZXBhcmF0b3JEaXNhYmxlZCA9ICFjYW5TZXBhcmF0b3JSZXNpemUoeyBwYW5lbHMsIGluZGV4IH0pO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2l0ZW0uaWR9PlxuICAgICAgICAgICAge2luZGV4ID4gMCAmJiA8U2VwYXJhdG9yIGRpc2FibGVkPXtpc1NlcGFyYXRvckRpc2FibGVkfSAvPn1cbiAgICAgICAgICAgIDxSZXNpemFibGVQYW5lbFxuICAgICAgICAgICAgICBpZD17aXRlbS5pZH1cbiAgICAgICAgICAgICAgZGVmYXVsdFNpemU9e2l0ZW0uZGVmYXVsdFNpemV9XG4gICAgICAgICAgICAgIGNvbGxhcHNpYmxlPXtpdGVtLmNvbGxhcHNpYmxlfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17aXRlbS5yZXNpemFibGUgPT09IGZhbHNlfVxuICAgICAgICAgICAgICBtaW5TaXplPXtpdGVtLm1pblNpemV9XG4gICAgICAgICAgICAgIG1heFNpemU9e2l0ZW0ubWF4U2l6ZX1cbiAgICAgICAgICAgICAgcGFuZWxSZWY9e3BhbmVsSGFuZGxlRm9yPy4oaXRlbS5pZCl9XG4gICAgICAgICAgICAgIGVsZW1lbnRSZWY9e3BhbmVsRWxlbWVudEZvcj8uKGl0ZW0uaWQpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8U3R5bGVkUG9ydGFsQ29udGFpbmVyIHJlZj17aG9zdEZvcihpdGVtLmlkKX0gLz5cbiAgICAgICAgICAgIDwvUmVzaXphYmxlUGFuZWw+XG4gICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvQ3VzdG9tR3JvdXA+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JvQiJ9 */"),StyledPortalContainer=styled("div",{target:"e17tfb561",label:"StyledPortalContainer"})({position:"relative",height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvUGFuZWwvUGFuZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9QYW5lbC9QYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBHcm91cCxcbiAgUGFuZWwgYXMgUmVzaXphYmxlUGFuZWwsXG4gIFNlcGFyYXRvcixcbiAgdXNlRGVmYXVsdExheW91dCxcbn0gZnJvbSBcInJlYWN0LXJlc2l6YWJsZS1wYW5lbHNcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGF5b3V0U3RvcmFnZSxcbiAgUGFuZWxJbXBlcmF0aXZlSGFuZGxlLFxufSBmcm9tIFwicmVhY3QtcmVzaXphYmxlLXBhbmVsc1wiO1xuXG4vKiogQSBzaXplOiBwbGFpbiBudW1iZXIgPSBwaXhlbHM7IHVuaXRsZXNzIHN0cmluZyA9IHBlcmNlbnRhZ2UgKFwiMTAlXCIpLiAqL1xudHlwZSBTaXplID0gbnVtYmVyIHwgc3RyaW5nO1xuXG5jb25zdCBDdXN0b21Hcm91cCA9IHN0eWxlZChHcm91cCkoeyBoZWlnaHQ6IFwiMTAwJVwiLCB3aWR0aDogXCIxMDAlXCIgfSk7XG5cbi8vIEhvc3Qgbm9kZSDigJQgY29udGVudCBpcyBwb3J0YWxlZCBpbiBieSB0aGUgY29uc3VtZXIuIGByZWxhdGl2ZWAgc29cbi8vIGFic29sdXRlbHktcG9zaXRpb25lZCBjb250ZW50IHJlZmxvd3Mgd2l0aCB0aGUgcGFuZWwuXG5jb25zdCBTdHlsZWRQb3J0YWxDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCB0eXBlIFBhbmVsSXRlbSA9IHtcbiAgLyoqIFN0YWJsZSBpZCDigJQgdXNlZCBieSByZWFjdC1yZXNpemFibGUtcGFuZWxzIHRvIHRyYWNrIHRoZSBwYW5lbCBhbmQgcGVyc2lzdFxuICAgKiAgaXRzIHNpemUsIGFuZCBwYXNzZWQgYmFjayB0byBgaG9zdEZvcmAvYG9uUmVzaXplYC9gb25Db2xsYXBzZWAuICovXG4gIGlkOiBzdHJpbmc7XG4gIGRlZmF1bHRTaXplPzogU2l6ZTtcbiAgbWluU2l6ZT86IFNpemU7XG4gIG1heFNpemU/OiBTaXplO1xuICAvKiogQWxsb3cgZHJhZy10by1jb2xsYXBzZTsgY29sbGFwc2luZyBmaXJlcyBgb25Db2xsYXBzZShpZClgLiAqL1xuICBjb2xsYXBzaWJsZT86IGJvb2xlYW47XG4gIC8qKiBXaGVuIGBmYWxzZWAsIHRoaXMgcGFuZWwgaXMgZml4ZWQ6IGl0IGNhbid0IGJlIHJlc2l6ZWQgZGlyZWN0bHkgb3IgYnkgYVxuICAgKiAgbmVpZ2hib3VyLiBTZXBhcmF0b3JzIGJlc2lkZSBpdCBzdGF5IHVzYWJsZSBhcyBsb25nIGFzIGEgcmVzaXphYmxlIHBhbmVsXG4gICAqICByZW1haW5zIG9uIGVhY2ggb2YgdGhlaXIgc2lkZXMgLSB0aGUgZHJhZyBqdXN0IHBhc3NlcyB0aGlzIHBhbmVsIGJ5LiAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xufTtcblxuZXhwb3J0IHR5cGUgUGFuZWxQcm9wcyA9IHtcbiAgLyoqIFZpc2libGUgcGFuZWxzLCBsZWZ0LXRvLXJpZ2h0LiBDb25kaXRpb25hbGx5IHJlbmRlcmluZyBpdGVtcyB0b2dnbGVzIGFcbiAgICogIHBhbmVsIFdJVEhPVVQgcmVtb3VudGluZyB0aGUgb3RoZXJzIChubyBga2V5YCBvbiB0aGUgZ3JvdXApLiAqL1xuICBwYW5lbHM6IFBhbmVsSXRlbVtdO1xuICAvKiogUGVyc2lzdCBzaXplcyAoa2V5ZWQgYnkgYHBlcnNpc3RlbmNlS2V5YCArIHRoZSBjdXJyZW50IHBhbmVsLWlkIHNldCkuICovXG4gIHBlcnNpc3RlbmNlS2V5Pzogc3RyaW5nO1xuICBzdG9yYWdlPzogTGF5b3V0U3RvcmFnZTtcbiAgLyoqIFJlZiBjYWxsYmFjayBmb3IgYSBwYW5lbCdzIGNvbnRlbnQgaG9zdCBgPGRpdj5gIChjb25zdW1lciBwb3J0YWxzIGludG8gaXQpLiAqL1xuICBob3N0Rm9yOiAoaWQ6IHN0cmluZykgPT4gKGVsOiBIVE1MRWxlbWVudCB8IG51bGwpID0+IHZvaWQ7XG4gIC8qKiBSZXBvcnRzIGEgc2V0dGxlZCBkcmFnLXJlc2l6ZSAoc2l6ZSBhcyBhIFwiJVwiIHN0cmluZykuICovXG4gIG9uUmVzaXplOiAoaWQ6IHN0cmluZywgc2l6ZTogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogUmVwb3J0cyBhIGRyYWcgcGFzdCBgbWluU2l6ZWAgb24gYSBjb2xsYXBzaWJsZSBwYW5lbC4gKi9cbiAgb25Db2xsYXBzZTogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKiBSZWYgY2FsbGJhY2sgZm9yIGEgcGFuZWwncyBpbXBlcmF0aXZlIGhhbmRsZSAocmVzaXplL2dldFNpemUpLCB1c2VkIHRvXG4gICAqICBhbmltYXRlIGEgY29sdW1uJ3Mgb3Blbi9jbG9zZSB3aWR0aC4gKi9cbiAgcGFuZWxIYW5kbGVGb3I/OiAoXG4gICAgaWQ6IHN0cmluZ1xuICApID0+IChoYW5kbGU6IFBhbmVsSW1wZXJhdGl2ZUhhbmRsZSB8IG51bGwpID0+IHZvaWQ7XG4gIC8qKiBSZWYgY2FsbGJhY2sgZm9yIGEgcGFuZWwncyBjb2x1bW4gRE9NIGVsZW1lbnQsIHVzZWQgdG8gc2V0IHRoZSB3aWR0aFxuICAgKiAgc2xpZGUncyBgZmxleC1ncm93YCB0cmFuc2l0aW9uIGltcGVyYXRpdmVseS4gKi9cbiAgcGFuZWxFbGVtZW50Rm9yPzogKGlkOiBzdHJpbmcpID0+IChlbGVtZW50OiBIVE1MRGl2RWxlbWVudCB8IG51bGwpID0+IHZvaWQ7XG4gIC8qKiBXaGVuIGl0IHJldHVybnMgYHRydWVgLCB0aGUgR3JvdXAncyBsYXlvdXQgY2FsbGJhY2tzIChyZXNpemUvY29sbGFwc2VcbiAgICogIHJlcG9ydGluZyBhbmQgc2l6ZSBwZXJzaXN0ZW5jZSkgYXJlIHNraXBwZWQsIHNvIGEgc2xpZGUncyBpbnRlcm1lZGlhdGVcbiAgICogIGxheW91dHMgLSB0aGUgMC13aWR0aCBzdGFydCBvZiBhbiBvcGVuIGVzcGVjaWFsbHksIHdoaWNoIHdvdWxkIHJlYWQgYXMgYVxuICAgKiAgZHJhZy10by1jb2xsYXBzZSAtIGFyZW4ndCBhY3RlZCBvbi4gR1JPVVAtV0lERTogd2hpbGUgQU5ZIHBhbmVsIHNsaWRlcyxcbiAgICogIHJlcG9ydGluZyBpcyBtdXRlZCBmb3IgdGhlIHdob2xlIHJvdzsgdGhlIHNldHRsZWQgbGF5b3V0IGlzIHJlcG9ydGVkIG9uY2VcbiAgICogIGl0IGxpZnRzICh+MzAwbXMpLiAqL1xuICBzaG91bGRTdXBwcmVzc0xheW91dENhbGxiYWNrPzogKCkgPT4gYm9vbGVhbjtcbn07XG5cbi8vIGZsZXhHcm93IGF0L2JlbG93IHRoaXMgaXMgdHJlYXRlZCBhcyBhIGRyYWctdG8tY29sbGFwc2UgZ2VzdHVyZS5cbmNvbnN0IENPTExBUFNFX0VQU0lMT04gPSAwLjU7XG5cbi8vIHJlYWN0LXJlc2l6YWJsZS1wYW5lbHMgcGVyc2lzdHMgbm90aGluZyB3aGVuIGdpdmVuIGEgbm8tb3Agc3RvcmFnZS5cbmNvbnN0IE5PT1BfU1RPUkFHRTogTGF5b3V0U3RvcmFnZSA9IHsgZ2V0SXRlbTogKCkgPT4gbnVsbCwgc2V0SXRlbTogKCkgPT4ge30gfTtcblxuLyoqXG4gKiBTdG9yYWdlIGZvciBzaXplIHBlcnNpc3RlbmNlOiByZWFsIG9ubHkgd2hlbiBCT1RIIGEgYHBlcnNpc3RlbmNlS2V5YCBhbmQgYVxuICogYHN0b3JhZ2VgIGFyZSBwcm92aWRlZC4gTm8gaW1wbGljaXQgYHdpbmRvdy5sb2NhbFN0b3JhZ2VgIGZhbGxiYWNrIOKAlFxuICogcGVyc2lzdGVuY2UgaXMgc3RyaWN0bHkgb3B0LWluLlxuICovXG5mdW5jdGlvbiByZXNvbHZlU2l6ZVN0b3JhZ2UoXG4gIHBlcnNpc3RlbmNlS2V5OiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gIHN0b3JhZ2U6IExheW91dFN0b3JhZ2UgfCB1bmRlZmluZWRcbik6IExheW91dFN0b3JhZ2Uge1xuICBpZiAoIXBlcnNpc3RlbmNlS2V5IHx8ICFzdG9yYWdlKSByZXR1cm4gTk9PUF9TVE9SQUdFO1xuICByZXR1cm4gc3RvcmFnZTtcbn1cblxuY29uc3QgaXNSZXNpemFibGUgPSAoaXRlbTogUGFuZWxJdGVtKTogYm9vbGVhbiA9PiBpdGVtLnJlc2l6YWJsZSAhPT0gZmFsc2U7XG5cbnR5cGUgU2VwYXJhdG9yUmVzaXplQXJncyA9IHtcbiAgcGFuZWxzOiBQYW5lbEl0ZW1bXTtcbiAgLyoqIEluZGV4IG9mIHRoZSBwYW5lbCBvbiB0aGUgc2VwYXJhdG9yJ3MgcmlnaHQ7IHRoZSBzZXBhcmF0b3Igc2l0cyBiZWZvcmUgaXQuICovXG4gIGluZGV4OiBudW1iZXI7XG59O1xuXG4vKipcbiAqIFdoZXRoZXIgYSBzZXBhcmF0b3IgaGFzIGFueXRoaW5nIHRvIHJlc2l6ZTogYSBkcmFnIG5lZWRzIGEgcmVzaXphYmxlIHBhbmVsIG9uXG4gKiBCT1RIIHNpZGVzIOKAlCBvbmUgdG8gY2VkZSBzcGFjZSBhbmQgb25lIHRvIHRha2UgaXQuIEZpeGVkIHBhbmVscyBpbiBiZXR3ZWVuIGFyZVxuICogc2tpcHBlZCByYXRoZXIgdGhhbiB0cmVhdGVkIGFzIGJsb2NrZXJzLCBiZWNhdXNlIGBkaXNhYmxlZGAgb24gdGhlaXIgb3duXG4gKiBSZXNpemFibGVQYW5lbCBhbHJlYWR5IHN0b3BzIHRoZSBsaWJyYXJ5IGZyb20gcmVzaXppbmcgdGhlbSBcImVpdGhlciBkaXJlY3RseSBvclxuICogaW5kaXJlY3RseVwiLCBzbyB0aGUgZGVsdGEgcGFzc2VzIHRocm91Z2ggdG8gdGhlIG5lYXJlc3QgcmVzaXphYmxlIHBhbmVsLlxuICogRGlzYWJsaW5nIG9uIGEgbWVyZWx5IGZpeGVkIE5FSUdIQk9VUiB3b3VsZCBzdHJpcCB0aGUgb25seSBoYW5kbGUgb2YgYVxuICogcmVzaXphYmxlIHBhbmVsIGF0IHRoZSByb3cncyBlZGdlIChlLmcuIGEgZml4ZWQgU3BsaXQgYmVmb3JlIHRoZSBSaWdodFBhbmVsKS5cbiAqL1xuY29uc3QgY2FuU2VwYXJhdG9yUmVzaXplID0gKHsgcGFuZWxzLCBpbmRleCB9OiBTZXBhcmF0b3JSZXNpemVBcmdzKTogYm9vbGVhbiA9PlxuICBwYW5lbHMuc2xpY2UoMCwgaW5kZXgpLnNvbWUoaXNSZXNpemFibGUpICYmXG4gIHBhbmVscy5zbGljZShpbmRleCkuc29tZShpc1Jlc2l6YWJsZSk7XG5cbi8qKlxuICogSW50ZXJuYWwgcmVzaXphYmxlIHBhbmVsIHJvdyDigJQgdGhlIG9ubHkgd3JhcHBlciBhcm91bmQgcmVhY3QtcmVzaXphYmxlLXBhbmVscy5cbiAqIFJlbmRlcnMgb25lIFBhbmVsIHBlciBpdGVtIHdpdGggYSBjb250ZW50IGhvc3QgYDxkaXY+YCAocmVmJ2QgYmFjayB2aWFcbiAqIGBob3N0Rm9yYCksIHBlcnNpc3RzIHNpemVzLCBhbmQgcmVwb3J0cyBkcmFnLXJlc2l6ZSAvIGRyYWctdG8tY29sbGFwc2UuIFRoZVxuICogcHVibGljIGBMYXlvdXRgIGNvbXBvbmVudCBpcyB0aGUgaW50ZW5kZWQgY29uc3VtZXIuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBQYW5lbCh7XG4gIHBhbmVscyxcbiAgcGVyc2lzdGVuY2VLZXksXG4gIHN0b3JhZ2UsXG4gIGhvc3RGb3IsXG4gIG9uUmVzaXplLFxuICBvbkNvbGxhcHNlLFxuICBwYW5lbEhhbmRsZUZvcixcbiAgcGFuZWxFbGVtZW50Rm9yLFxuICBzaG91bGRTdXBwcmVzc0xheW91dENhbGxiYWNrLFxufTogUGFuZWxQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHsgZGVmYXVsdExheW91dCwgb25MYXlvdXRDaGFuZ2VkOiBwZXJzaXN0U2l6ZXMgfSA9IHVzZURlZmF1bHRMYXlvdXQoe1xuICAgIGlkOiBwZXJzaXN0ZW5jZUtleSA/PyBcImRzLWxheW91dFwiLFxuICAgIHBhbmVsSWRzOiBwYW5lbHMubWFwKChwKSA9PiBwLmlkKSxcbiAgICBzdG9yYWdlOiByZXNvbHZlU2l6ZVN0b3JhZ2UocGVyc2lzdGVuY2VLZXksIHN0b3JhZ2UpLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxDdXN0b21Hcm91cFxuICAgICAgb3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcbiAgICAgIGRlZmF1bHRMYXlvdXQ9e2RlZmF1bHRMYXlvdXR9XG4gICAgICBvbkxheW91dENoYW5nZWQ9eyhsYXlvdXQpID0+IHtcbiAgICAgICAgLy8gTWlkLXNsaWRlIGxheW91dHM6IGRvbid0IHJlcG9ydCBvciBwZXJzaXN0LlxuICAgICAgICBpZiAoc2hvdWxkU3VwcHJlc3NMYXlvdXRDYWxsYmFjaz8uKCkpIHJldHVybjtcbiAgICAgICAgcGVyc2lzdFNpemVzKGxheW91dCk7IC8vIGxpYnJhcnkgc2F2ZXMgdGhlIHNpemVzXG4gICAgICAgIHBhbmVscy5mb3JFYWNoKCh7IGlkLCBjb2xsYXBzaWJsZSB9KSA9PiB7XG4gICAgICAgICAgY29uc3QgcGN0ID0gbGF5b3V0W2lkXTtcbiAgICAgICAgICBpZiAodHlwZW9mIHBjdCAhPT0gXCJudW1iZXJcIikgcmV0dXJuO1xuICAgICAgICAgIGlmIChjb2xsYXBzaWJsZSAmJiBwY3QgPCBDT0xMQVBTRV9FUFNJTE9OKSB7XG4gICAgICAgICAgICBvbkNvbGxhcHNlKGlkKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICB9XG4gICAgICAgICAgaWYgKHBjdCA+PSBDT0xMQVBTRV9FUFNJTE9OKSBvblJlc2l6ZShpZCwgYCR7cGN0fSVgKTtcbiAgICAgICAgfSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIHtwYW5lbHMubWFwKChpdGVtLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBBIHNlcGFyYXRvciBzaXRzIGJldHdlZW4gdGhlIHByZXZpb3VzIHBhbmVsIGFuZCB0aGlzIG9uZTsgaXQncyBpbmVydFxuICAgICAgICAvLyBvbmx5IHdoZW4gbm8gcmVzaXphYmxlIHBhbmVsIHJlbWFpbnMgb24gb25lIG9mIGl0cyBzaWRlcy5cbiAgICAgICAgY29uc3QgaXNTZXBhcmF0b3JEaXNhYmxlZCA9ICFjYW5TZXBhcmF0b3JSZXNpemUoeyBwYW5lbHMsIGluZGV4IH0pO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2l0ZW0uaWR9PlxuICAgICAgICAgICAge2luZGV4ID4gMCAmJiA8U2VwYXJhdG9yIGRpc2FibGVkPXtpc1NlcGFyYXRvckRpc2FibGVkfSAvPn1cbiAgICAgICAgICAgIDxSZXNpemFibGVQYW5lbFxuICAgICAgICAgICAgICBpZD17aXRlbS5pZH1cbiAgICAgICAgICAgICAgZGVmYXVsdFNpemU9e2l0ZW0uZGVmYXVsdFNpemV9XG4gICAgICAgICAgICAgIGNvbGxhcHNpYmxlPXtpdGVtLmNvbGxhcHNpYmxlfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17aXRlbS5yZXNpemFibGUgPT09IGZhbHNlfVxuICAgICAgICAgICAgICBtaW5TaXplPXtpdGVtLm1pblNpemV9XG4gICAgICAgICAgICAgIG1heFNpemU9e2l0ZW0ubWF4U2l6ZX1cbiAgICAgICAgICAgICAgcGFuZWxSZWY9e3BhbmVsSGFuZGxlRm9yPy4oaXRlbS5pZCl9XG4gICAgICAgICAgICAgIGVsZW1lbnRSZWY9e3BhbmVsRWxlbWVudEZvcj8uKGl0ZW0uaWQpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8U3R5bGVkUG9ydGFsQ29udGFpbmVyIHJlZj17aG9zdEZvcihpdGVtLmlkKX0gLz5cbiAgICAgICAgICAgIDwvUmVzaXphYmxlUGFuZWw+XG4gICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvQ3VzdG9tR3JvdXA+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4QiJ9 */"),NOOP_STORAGE={getItem:()=>null,setItem:()=>{}},isResizable=item=>!1!==item.resizable,canSeparatorResize=({panels,index})=>panels.slice(0,index).some(isResizable)&&panels.slice(index).some(isResizable);export function Panel({panels,persistenceKey,storage,hostFor,onResize,onCollapse,panelHandleFor,panelElementFor,shouldSuppressLayoutCallback}){let{defaultLayout,onLayoutChanged:persistSizes}=useDefaultLayout({id:persistenceKey??"ds-layout",panelIds:panels.map(p=>p.id),storage:persistenceKey&&storage?storage:NOOP_STORAGE});return React.createElement(CustomGroup,{orientation:"horizontal",defaultLayout:defaultLayout,onLayoutChanged:layout=>{shouldSuppressLayoutCallback?.()||(persistSizes(layout),panels.forEach(({id,collapsible})=>{let pct=layout[id];if("number"==typeof pct){if(collapsible&&pct<.5)return void onCollapse(id);pct>=.5&&onResize(id,`${pct}%`)}}))}},panels.map((item,index)=>{let isSeparatorDisabled=!canSeparatorResize({panels,index});return React.createElement(React.Fragment,{key:item.id},index>0&&React.createElement(Separator,{disabled:isSeparatorDisabled}),React.createElement(ResizablePanel,{id:item.id,defaultSize:item.defaultSize,collapsible:item.collapsible,disabled:!1===item.resizable,minSize:item.minSize,maxSize:item.maxSize,panelRef:panelHandleFor?.(item.id),elementRef:panelElementFor?.(item.id)},React.createElement(StyledPortalContainer,{ref:hostFor(item.id)})))}))}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { SandwichHeaderProps } from "./-types";
|
|
3
|
+
export declare const SANDWICH_HEADER_DS_ID = "SandwichHeader";
|
|
3
4
|
/**
|
|
4
5
|
* May be authored at any depth among the Sandwich's children - the content is
|
|
5
6
|
* PORTALED into the root's static header slot, above the scrollable body.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{createPortal}from"react-dom";import styled from"@emotion/styled";import{useSandwichContext}from"./useSandwichContext";let StyledHeader=styled("div",{shouldForwardProp:prop=>"showBorder"!==prop,target:"
|
|
1
|
+
import React from"react";import{createPortal}from"react-dom";import styled from"@emotion/styled";import{useSandwichContext}from"./useSandwichContext";export const SANDWICH_HEADER_DS_ID="SandwichHeader";let StyledHeader=styled("div",{shouldForwardProp:prop=>"showBorder"!==prop,target:"e17zdauu0",label:"StyledHeader"})(({theme,showBorder})=>({borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:showBorder?theme.values.color.border.secondary.default:"transparent",transition:"border-color 0.15s ease"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hIZWFkZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaEhlYWRlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFNhbmR3aWNoSGVhZGVyUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcbmltcG9ydCB7IHVzZVNhbmR3aWNoQ29udGV4dCB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuXG4vLyBFeHBvc2VkIHNvIGNvbnN1bWVycyAoZS5nLiBMYXlvdXRGbG9hdCkgY2FuIHRhcmdldCB0aGlzIGhlYWRlciB3aXRob3V0XG4vLyBkdXBsaWNhdGluZyB0aGUgbWFya2VyIHN0cmluZy5cbmV4cG9ydCBjb25zdCBTQU5EV0lDSF9IRUFERVJfRFNfSUQgPSBcIlNhbmR3aWNoSGVhZGVyXCI7XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZChcImRpdlwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCJzaG93Qm9yZGVyXCIsXG59KTx7IHNob3dCb3JkZXI6IGJvb2xlYW4gfT4oKHsgdGhlbWUsIHNob3dCb3JkZXIgfSkgPT4gKHtcbiAgLy8gUmVzZXJ2ZSB0aGUgYm9yZGVyIGJveCBhdCBhbGwgdGltZXM7IG9ubHkgdGhlIGNvbG9yIHRvZ2dsZXMgc28gdGhlIGRpdmlkZXJcbiAgLy8gYXBwZWFycyB3aXRob3V0IHNoaWZ0aW5nIGxheW91dC5cbiAgYm9yZGVyQm90dG9tV2lkdGg6IEJPUkRFUl9XSURUSCxcbiAgYm9yZGVyQm90dG9tU3R5bGU6IFwic29saWRcIixcbiAgYm9yZGVyQm90dG9tQ29sb3I6IHNob3dCb3JkZXJcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHRcbiAgICA6IFwidHJhbnNwYXJlbnRcIixcbiAgdHJhbnNpdGlvbjogXCJib3JkZXItY29sb3IgMC4xNXMgZWFzZVwiLFxufSkpO1xuXG4vKipcbiAqIE1heSBiZSBhdXRob3JlZCBhdCBhbnkgZGVwdGggYW1vbmcgdGhlIFNhbmR3aWNoJ3MgY2hpbGRyZW4gLSB0aGUgY29udGVudCBpc1xuICogUE9SVEFMRUQgaW50byB0aGUgcm9vdCdzIHN0YXRpYyBoZWFkZXIgc2xvdCwgYWJvdmUgdGhlIHNjcm9sbGFibGUgYm9keS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFNhbmR3aWNoSGVhZGVyKHtcbiAgY2hpbGRyZW4sXG4gIHNob3dTZXBhcmF0b3IgPSBcImF1dG9cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBTYW5kd2ljaEhlYWRlclByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgeyBhdFRvcCwgaGVhZGVyU2xvdE5vZGUgfSA9IHVzZVNhbmR3aWNoQ29udGV4dCgpO1xuICAvLyBEaXZpZGVyIG9uY2UgdGhlIHN0YXJ0IG9mIHRoZSBjb250ZW50IGlzIHNjcm9sbGVkIGF3YXkgKG9yIHBlciBgc2hvd1NlcGFyYXRvcmApLlxuICBjb25zdCBzaG93Qm9yZGVyID1cbiAgICBzaG93U2VwYXJhdG9yID09PSBcImFsd2F5c1wiIHx8IChzaG93U2VwYXJhdG9yID09PSBcImF1dG9cIiAmJiAhYXRUb3ApO1xuICBpZiAoIWhlYWRlclNsb3ROb2RlKSByZXR1cm4gbnVsbDtcbiAgcmV0dXJuIGNyZWF0ZVBvcnRhbChcbiAgICA8U3R5bGVkSGVhZGVyXG4gICAgICBzaG93Qm9yZGVyPXtzaG93Qm9yZGVyfVxuICAgICAgZGF0YS1kcy1pZD17U0FORFdJQ0hfSEVBREVSX0RTX0lEfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRIZWFkZXI+LFxuICAgIGhlYWRlclNsb3ROb2RlXG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXFCIn0= */");export function SandwichHeader({children,showSeparator="auto","data-e2e-test-id":dataE2eTestId}){let{atTop,headerSlotNode}=useSandwichContext();return headerSlotNode?createPortal(React.createElement(StyledHeader,{showBorder:"always"===showSeparator||"auto"===showSeparator&&!atTop,"data-ds-id":"SandwichHeader","data-e2e-test-id":dataE2eTestId},children),headerSlotNode):null}
|
|
@@ -18,29 +18,55 @@ export type Size = number | string;
|
|
|
18
18
|
* Currently treated like `sidebar` (renders in-flow); the overlay
|
|
19
19
|
* implementation lands in a later commit.
|
|
20
20
|
* - `float` - detached floating window pinned to the bottom-right viewport
|
|
21
|
-
* corner.
|
|
22
|
-
*
|
|
21
|
+
* corner.
|
|
22
|
+
*
|
|
23
|
+
* Only the right panel has a variant at all; the left panel renders one way, so
|
|
24
|
+
* it carries no variant state and none of these are representable on it.
|
|
23
25
|
*/
|
|
24
26
|
export type Variant = "sidebar" | "offcanvas" | "float";
|
|
25
|
-
/** Variants the left panel supports (`float` is right-panel only). */
|
|
26
|
-
export type LeftPanelVariant = Exclude<Variant, "float">;
|
|
27
27
|
/** Variants the right panel supports (all of them). */
|
|
28
28
|
export type RightPanelVariant = Variant;
|
|
29
29
|
export type { PanelKey, SidePanelKey, SlotKey };
|
|
30
|
-
|
|
30
|
+
/** Everything both side panels hold. `variant` is declared per slot below, so
|
|
31
|
+
* each panel's state only admits the variants it can actually render. */
|
|
32
|
+
export type SidePanelStateBase = {
|
|
31
33
|
kind: "sidePanel";
|
|
32
34
|
/** Shown vs hidden. */
|
|
33
35
|
visible: boolean;
|
|
34
36
|
/** Whether it can collapse at all. */
|
|
35
37
|
collapsible: boolean;
|
|
36
|
-
/** Render style. */
|
|
37
|
-
variant: Variant;
|
|
38
38
|
/** Current size (px number or "%" string). */
|
|
39
39
|
size?: Size;
|
|
40
40
|
/** Constraint from config (component prop overrides). */
|
|
41
41
|
minSize?: Size;
|
|
42
42
|
maxSize?: Size;
|
|
43
43
|
};
|
|
44
|
+
/** The left panel renders one way only (an in-flow column, or the mobile
|
|
45
|
+
* drawer), so it holds no `variant` at all - it gains one if `offcanvas` ever
|
|
46
|
+
* ships for it. */
|
|
47
|
+
export type LeftPanelState = SidePanelStateBase;
|
|
48
|
+
export type RightPanelState = SidePanelStateBase & {
|
|
49
|
+
/** Render style. Unset until the config or a `setVariant` provides one -
|
|
50
|
+
* readers resolve it against `RightPanel`'s `variant` prop (the initial
|
|
51
|
+
* presentation), falling back to `"sidebar"`. `useLayout` exposes the
|
|
52
|
+
* resolved value. */
|
|
53
|
+
variant?: RightPanelVariant;
|
|
54
|
+
};
|
|
55
|
+
/** Either side panel, for code that handles both. */
|
|
56
|
+
export type SidePanelState = LeftPanelState | RightPanelState;
|
|
57
|
+
/** Actions every slot handle exposes, whatever its state shape. */
|
|
58
|
+
export type PanelHandleActions = {
|
|
59
|
+
/** Whether the slot is currently shown. */
|
|
60
|
+
isVisible: boolean;
|
|
61
|
+
/** Show the slot. */
|
|
62
|
+
show: () => void;
|
|
63
|
+
/** Hide the slot. */
|
|
64
|
+
hide: () => void;
|
|
65
|
+
/** Set the slot size (number = px, unitless string = %). */
|
|
66
|
+
resize: (size: Size) => void;
|
|
67
|
+
/** Restore this slot to its config default (hides it for page panels). */
|
|
68
|
+
reset: () => void;
|
|
69
|
+
};
|
|
44
70
|
export type PanelState = {
|
|
45
71
|
kind: "panel";
|
|
46
72
|
/** content is always visible; splitview is toggleable. */
|
|
@@ -51,19 +77,23 @@ export type PanelState = {
|
|
|
51
77
|
maxSize?: Size;
|
|
52
78
|
};
|
|
53
79
|
export type LayoutState = {
|
|
54
|
-
leftPanel:
|
|
55
|
-
rightPanel:
|
|
80
|
+
leftPanel: LeftPanelState;
|
|
81
|
+
rightPanel: RightPanelState;
|
|
56
82
|
content: PanelState;
|
|
57
83
|
splitview: PanelState;
|
|
58
84
|
};
|
|
59
|
-
export type SidePanelConfig
|
|
85
|
+
export type SidePanelConfig = {
|
|
60
86
|
defaultVisible?: boolean;
|
|
61
87
|
collapsible?: boolean;
|
|
62
|
-
variant?: V;
|
|
63
88
|
defaultSize?: Size;
|
|
64
89
|
minSize?: Size;
|
|
65
90
|
maxSize?: Size;
|
|
66
91
|
};
|
|
92
|
+
export type RightPanelConfig = SidePanelConfig & {
|
|
93
|
+
/** Pins the panel's presentation up front, ahead of `RightPanel`'s own
|
|
94
|
+
* `variant` prop. */
|
|
95
|
+
variant?: RightPanelVariant;
|
|
96
|
+
};
|
|
67
97
|
export type PanelConfig = {
|
|
68
98
|
defaultVisible?: boolean;
|
|
69
99
|
defaultSize?: Size;
|
|
@@ -85,8 +115,8 @@ export type LayoutPanelsMode = boolean | "mobile";
|
|
|
85
115
|
export type LayoutConfig = {
|
|
86
116
|
/** See {@link LayoutPanelsMode}. Default `false`. */
|
|
87
117
|
enablePanels?: LayoutPanelsMode;
|
|
88
|
-
leftPanel?: SidePanelConfig
|
|
89
|
-
rightPanel?:
|
|
118
|
+
leftPanel?: SidePanelConfig;
|
|
119
|
+
rightPanel?: RightPanelConfig;
|
|
90
120
|
content?: PanelConfig;
|
|
91
121
|
splitview?: PanelConfig;
|
|
92
122
|
};
|
|
@@ -94,10 +124,12 @@ export type LayoutAction = {
|
|
|
94
124
|
type: "setVisible";
|
|
95
125
|
slot: SlotKey;
|
|
96
126
|
visible: boolean;
|
|
97
|
-
}
|
|
127
|
+
}
|
|
128
|
+
/** Right panel only - the left panel has no variant to switch. */
|
|
129
|
+
| {
|
|
98
130
|
type: "setVariant";
|
|
99
|
-
panel:
|
|
100
|
-
variant:
|
|
131
|
+
panel: "rightPanel";
|
|
132
|
+
variant: RightPanelVariant;
|
|
101
133
|
} | {
|
|
102
134
|
type: "resize";
|
|
103
135
|
slot: SlotKey;
|
|
@@ -126,46 +158,37 @@ export type LayoutStorage = {
|
|
|
126
158
|
getItem: (key: string) => string | null;
|
|
127
159
|
setItem: (key: string, value: string) => void;
|
|
128
160
|
};
|
|
129
|
-
export type
|
|
130
|
-
/** Live state for this slot (visibility, size
|
|
131
|
-
state:
|
|
132
|
-
/** Whether the slot is currently shown. */
|
|
133
|
-
isVisible: boolean;
|
|
134
|
-
/** Show the slot. */
|
|
135
|
-
show: () => void;
|
|
136
|
-
/** Hide the slot. */
|
|
137
|
-
hide: () => void;
|
|
138
|
-
/** Set the slot size (number = px, unitless string = %). */
|
|
139
|
-
resize: (size: Size) => void;
|
|
140
|
-
/** Switch render variant. The union is per-slot: `"float"` compiles only on
|
|
141
|
-
* the right panel; `offcanvas` stays reserved (not implemented). */
|
|
142
|
-
setVariant: (variant: V) => void;
|
|
143
|
-
/** Restore this slot to its config default (hides it for page panels). */
|
|
144
|
-
reset: () => void;
|
|
161
|
+
export type LeftPanelHandle = PanelHandleActions & {
|
|
162
|
+
/** Live state for this slot (visibility, size). */
|
|
163
|
+
state: LeftPanelState;
|
|
145
164
|
};
|
|
146
|
-
export type
|
|
165
|
+
export type RightPanelHandle = PanelHandleActions & {
|
|
166
|
+
/** Live state for this slot (visibility, size, variant), with `variant`
|
|
167
|
+
* already resolved - never `undefined` here. */
|
|
168
|
+
state: RightPanelState & {
|
|
169
|
+
variant: RightPanelVariant;
|
|
170
|
+
};
|
|
171
|
+
/** Switch render variant. `offcanvas` stays reserved (not implemented). */
|
|
172
|
+
setVariant: (variant: RightPanelVariant) => void;
|
|
173
|
+
};
|
|
174
|
+
/** Either side panel's handle, for code that handles both. */
|
|
175
|
+
export type SidePanelHandle = LeftPanelHandle | RightPanelHandle;
|
|
176
|
+
export type PanelHandle = PanelHandleActions & {
|
|
147
177
|
state: PanelState;
|
|
148
|
-
isVisible: boolean;
|
|
149
|
-
show: () => void;
|
|
150
|
-
hide: () => void;
|
|
151
|
-
resize: (size: Size) => void;
|
|
152
|
-
/** Restore this slot to its config default (hides it for page panels). */
|
|
153
|
-
reset: () => void;
|
|
154
178
|
};
|
|
155
179
|
export type LayoutValue = {
|
|
156
180
|
state: LayoutState;
|
|
157
|
-
leftPanel:
|
|
158
|
-
rightPanel:
|
|
181
|
+
leftPanel: LeftPanelHandle;
|
|
182
|
+
rightPanel: RightPanelHandle;
|
|
159
183
|
content: PanelHandle;
|
|
160
184
|
splitview: PanelHandle;
|
|
161
185
|
};
|
|
162
|
-
export type SidePanelProps
|
|
186
|
+
export type SidePanelProps = {
|
|
163
187
|
/** Panel content in source order. Header/footer components
|
|
164
188
|
* (e.g. `<Layout.LeftPanelHeader />`) stick to the edges; the rest scrolls. */
|
|
165
189
|
children: React.ReactNode;
|
|
166
190
|
/** Accessible name; when set, the panel renders as a `region` landmark. */
|
|
167
191
|
"aria-label"?: string;
|
|
168
|
-
variant?: V;
|
|
169
192
|
collapsible?: boolean;
|
|
170
193
|
/** Number = pixels, unitless string = percent (e.g. `"30%"`). */
|
|
171
194
|
defaultSize?: Size;
|
|
@@ -195,6 +218,17 @@ export type SplitProps = {
|
|
|
195
218
|
defaultSize?: Size;
|
|
196
219
|
minSize?: Size;
|
|
197
220
|
maxSize?: Size;
|
|
221
|
+
/** Desktop only: allow drag-resizing the column. Default `true`. When
|
|
222
|
+
* `false`, the column is fixed at `defaultSize` - it has no drag handle of
|
|
223
|
+
* its own and neighbours can't resize it, though they stay resizable against
|
|
224
|
+
* each other. No effect on mobile (a full-area view). */
|
|
225
|
+
resizable?: boolean;
|
|
226
|
+
};
|
|
227
|
+
/** Props of the internal mobile presentation of `Layout.Split`. */
|
|
228
|
+
export type MobileSplitViewProps = {
|
|
229
|
+
children: React.ReactNode;
|
|
230
|
+
/** Accessible name; when set, the view renders as a `region` landmark. */
|
|
231
|
+
"aria-label"?: string;
|
|
198
232
|
};
|
|
199
233
|
export type LayoutProviderProps = {
|
|
200
234
|
children: React.ReactNode;
|
|
@@ -246,13 +280,21 @@ export type RightPanelHeaderSlotProps = {
|
|
|
246
280
|
closeButton: {
|
|
247
281
|
"aria-label": string;
|
|
248
282
|
};
|
|
249
|
-
/** Props for the built-in variant-toggle button,
|
|
250
|
-
* button
|
|
251
|
-
*
|
|
252
|
-
|
|
283
|
+
/** Props for the built-in variant-toggle button, shown before the close
|
|
284
|
+
* button only when these are provided - supplying them is what opts the
|
|
285
|
+
* panel into floating. Docked it minimizes the panel into the floating
|
|
286
|
+
* window (`minimizeLabel`); floating it docks it back (`dockLabel`). */
|
|
287
|
+
variantButton?: {
|
|
253
288
|
minimizeLabel: string;
|
|
254
289
|
dockLabel: string;
|
|
255
290
|
};
|
|
291
|
+
/** Props for the drag handle exposed while the panel is floating: the header
|
|
292
|
+
* becomes movable via pointer and touch. Provide an `aria-label` naming the
|
|
293
|
+
* action for assistive tech to also enable keyboard (arrow-key) dragging -
|
|
294
|
+
* without it the handle stays out of tab order. */
|
|
295
|
+
dragHandle?: {
|
|
296
|
+
"aria-label"?: string;
|
|
297
|
+
};
|
|
256
298
|
};
|
|
257
299
|
export type RightPanelHeaderProps = PanelSlotHeaderProps & {
|
|
258
300
|
/** Title block (icon + heading), rendered after `leftSlot`. */
|
|
@@ -277,9 +319,12 @@ export type PanelContainerProps = {
|
|
|
277
319
|
showBorderLeft?: boolean;
|
|
278
320
|
"data-e2e-test-id"?: string;
|
|
279
321
|
};
|
|
280
|
-
export type RightPanelProps = SidePanelProps
|
|
322
|
+
export type RightPanelProps = SidePanelProps & {
|
|
281
323
|
/** Accessible name for the panel's `region` landmark. */
|
|
282
324
|
"aria-label": string;
|
|
325
|
+
/** Presentation the panel starts in on first load. Runtime state from then on
|
|
326
|
+
* (the header's toggle, `setVariant`). Default `"sidebar"`. */
|
|
327
|
+
variant?: RightPanelVariant;
|
|
283
328
|
/** Forwarded to the scrollable body element (scroll restoration etc.). */
|
|
284
329
|
scrollContainerRef?: React.Ref<HTMLDivElement>;
|
|
285
330
|
/** Forwarded to the scrollable body's scroll handler. */
|
|
@@ -287,4 +332,7 @@ export type RightPanelProps = SidePanelProps<RightPanelVariant> & {
|
|
|
287
332
|
/** Called whenever the panel's render variant changes (docked ↔ float),
|
|
288
333
|
* with the new value. Not called on initial mount. */
|
|
289
334
|
onVariantChange?: (variant: RightPanelVariant) => void;
|
|
335
|
+
/** Whether the panel can collapse at all. Only relevant while docked - a
|
|
336
|
+
* floating panel isn't part of the resizable row. */
|
|
337
|
+
collapsible?: boolean;
|
|
290
338
|
};
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import type { ContentProps } from "../-types";
|
|
3
3
|
/**
|
|
4
4
|
* Primary content panel. Always shown (never collapsible) and flexes to fill the
|
|
5
|
-
* space the side panels leave. Declares the `content` slot
|
|
5
|
+
* space the side panels leave. Declares the `content` slot, then picks its
|
|
6
|
+
* presentation: in-flow in the `content` slot ({@link ContentDocked}) normally,
|
|
7
|
+
* and the mobile split's sliding base layer ({@link ContentSplitBase}) when a
|
|
8
|
+
* `Layout.Split` is stacked over it - so the split pushes content aside instead
|
|
9
|
+
* of just covering it.
|
|
6
10
|
*/
|
|
7
11
|
export declare const Content: React.FC<ContentProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Slot}from"../-constants";import{useDeclarePanel
|
|
1
|
+
import React from"react";import{Slot}from"../-constants";import{useDeclarePanel}from"../registry";import{ContentSplitBase}from"../Split/MobileSplitView/ContentSplitBase";import{useMobileSplitStack}from"../Split/MobileSplitView/useMobileSplitStack";import{useMobileSplitViewEnabled}from"../Split/MobileSplitView/useMobileSplitView";import{ContentDocked}from"./ContentDocked";export const Content=({children,minSize,maxSize})=>{useDeclarePanel(Slot.content,{minSize,maxSize,collapsible:!1});let enabled=useMobileSplitViewEnabled(),{host,isSplitPresent}=useMobileSplitStack();return enabled&&isSplitPresent&&null!==host?React.createElement(ContentSplitBase,null,children):React.createElement(ContentDocked,null,children)};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
export type ContentDockedProps = {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* In-flow presentation of `Layout.Content`: portals its children into the
|
|
7
|
+
* `content` slot's host - the column that flexes to fill whatever the side
|
|
8
|
+
* panels leave. Used whenever the mobile split stack doesn't apply (desktop, or
|
|
9
|
+
* a layout without `Layout.Split`); the stacked presentation is
|
|
10
|
+
* {@link ContentSplitBase}, and `Content` picks between the two.
|
|
11
|
+
*/
|
|
12
|
+
export declare const ContentDocked: React.FC<ContentDockedProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Slot}from"../-constants";import{useLayoutPortal}from"../registry";export const ContentDocked=({children})=>useLayoutPortal(Slot.content,children);
|