@vitus-labs/elements 1.0.0-alpha.4 → 1.0.0-alpha.5
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/lib/analysis/vitus-labs-elements.module.js.html +1 -1
- package/lib/analysis/vitus-labs-elements.native.js.html +1 -1
- package/lib/index.d.ts +13 -2
- package/lib/types/Overlay/useOverlay.d.ts +13 -2
- package/lib/types/Overlay/useOverlay.d.ts.map +1 -1
- package/lib/vitus-labs-elements.module.js +20 -4
- package/lib/vitus-labs-elements.module.js.map +1 -1
- package/lib/vitus-labs-elements.native.js +20 -4
- package/lib/vitus-labs-elements.native.js.map +1 -1
- package/package.json +5 -5
|
@@ -5285,7 +5285,7 @@ var drawChart = (function (exports) {
|
|
|
5285
5285
|
</script>
|
|
5286
5286
|
<script>
|
|
5287
5287
|
/*<!--*/
|
|
5288
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.module.js","children":[{"name":"src","children":[{"uid":"1b67-1","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"1b67-3","name":"constants.ts"},{"uid":"1b67-5","name":"utils.ts"},{"uid":"1b67-7","name":"styled.ts"},{"uid":"1b67-9","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"1b67-11","name":"styled.ts"},{"uid":"1b67-13","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"1b67-23"}]},{"name":"Element","children":[{"uid":"1b67-15","name":"constants.ts"},{"uid":"1b67-17","name":"utils.ts"},{"uid":"1b67-19","name":"component.tsx"},{"uid":"1b67-21","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"1b67-25","name":"component.tsx"},{"uid":"1b67-27","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"1b67-29"},{"name":"Overlay","children":[{"uid":"1b67-31","name":"context.tsx"},{"uid":"1b67-33","name":"useOverlay.tsx"},{"uid":"1b67-35","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"1b67-37","name":"styled.ts"},{"uid":"1b67-39","name":"component.tsx"}]},{"name":"Util/component.tsx","uid":"1b67-41"},{"uid":"1b67-43","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"1b67-1":{"renderedLength":40,"gzipLength":60,"brotliLength":0,"metaUid":"1b67-0"},"1b67-3":{"renderedLength":242,"gzipLength":206,"brotliLength":0,"metaUid":"1b67-2"},"1b67-5":{"renderedLength":173,"gzipLength":159,"brotliLength":0,"metaUid":"1b67-4"},"1b67-7":{"renderedLength":1097,"gzipLength":506,"brotliLength":0,"metaUid":"1b67-6"},"1b67-9":{"renderedLength":1350,"gzipLength":539,"brotliLength":0,"metaUid":"1b67-8"},"1b67-11":{"renderedLength":1646,"gzipLength":655,"brotliLength":0,"metaUid":"1b67-10"},"1b67-13":{"renderedLength":648,"gzipLength":325,"brotliLength":0,"metaUid":"1b67-12"},"1b67-15":{"renderedLength":796,"gzipLength":262,"brotliLength":0,"metaUid":"1b67-14"},"1b67-17":{"renderedLength":231,"gzipLength":142,"brotliLength":0,"metaUid":"1b67-16"},"1b67-19":{"renderedLength":4393,"gzipLength":1106,"brotliLength":0,"metaUid":"1b67-18"},"1b67-21":{"renderedLength":1898,"gzipLength":591,"brotliLength":0,"metaUid":"1b67-20"},"1b67-23":{"renderedLength":6842,"gzipLength":1421,"brotliLength":0,"metaUid":"1b67-22"},"1b67-25":{"renderedLength":502,"gzipLength":286,"brotliLength":0,"metaUid":"1b67-24"},"1b67-27":{"renderedLength":4761,"gzipLength":1156,"brotliLength":0,"metaUid":"1b67-26"},"1b67-29":{"renderedLength":822,"gzipLength":376,"brotliLength":0,"metaUid":"1b67-28"},"1b67-31":{"renderedLength":402,"gzipLength":224,"brotliLength":0,"metaUid":"1b67-30"},"1b67-33":{"renderedLength":16769,"gzipLength":3114,"brotliLength":0,"metaUid":"1b67-32"},"1b67-35":{"renderedLength":1272,"gzipLength":523,"brotliLength":0,"metaUid":"1b67-34"},"1b67-37":{"renderedLength":331,"gzipLength":225,"brotliLength":0,"metaUid":"1b67-36"},"1b67-39":{"renderedLength":716,"gzipLength":370,"brotliLength":0,"metaUid":"1b67-38"},"1b67-41":{"renderedLength":493,"gzipLength":276,"brotliLength":0,"metaUid":"1b67-40"},"1b67-43":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"1b67-42"}},"nodeMetas":{"1b67-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-1"},"imported":[],"importedBy":[{"uid":"1b67-18"},{"uid":"1b67-24"},{"uid":"1b67-34"},{"uid":"1b67-28"},{"uid":"1b67-38"},{"uid":"1b67-40"}]},"1b67-2":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-3"},"imported":[],"importedBy":[{"uid":"1b67-4"}]},"1b67-4":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-5"},"imported":[{"uid":"1b67-2"}],"importedBy":[{"uid":"1b67-8"}]},"1b67-6":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-7"},"imported":[{"uid":"1b67-52"},{"uid":"1b67-44"}],"importedBy":[{"uid":"1b67-8"}]},"1b67-8":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-9"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-4"},{"uid":"1b67-6"}],"importedBy":[{"uid":"1b67-56"}]},"1b67-10":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-11"},"imported":[{"uid":"1b67-52"},{"uid":"1b67-44"}],"importedBy":[{"uid":"1b67-12"}]},"1b67-12":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-13"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-10"}],"importedBy":[{"uid":"1b67-57"}]},"1b67-14":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-15"},"imported":[],"importedBy":[{"uid":"1b67-16"}]},"1b67-16":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-17"},"imported":[{"uid":"1b67-14"}],"importedBy":[{"uid":"1b67-18"}]},"1b67-18":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-19"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-52"},{"uid":"1b67-0"},{"uid":"1b67-53"},{"uid":"1b67-16"}],"importedBy":[{"uid":"1b67-45"}]},"1b67-20":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-21"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-52"}],"importedBy":[{"uid":"1b67-45"}]},"1b67-22":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-23"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-58"},{"uid":"1b67-52"}],"importedBy":[{"uid":"1b67-54"}]},"1b67-24":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-25"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-52"},{"uid":"1b67-0"},{"uid":"1b67-45"},{"uid":"1b67-54"}],"importedBy":[{"uid":"1b67-46"}]},"1b67-26":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-27"},"imported":[{"uid":"1b67-51"}],"importedBy":[{"uid":"1b67-46"}]},"1b67-28":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-29"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-55"},{"uid":"1b67-0"}],"importedBy":[{"uid":"1b67-48"}]},"1b67-30":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-31"},"imported":[{"uid":"1b67-51"}],"importedBy":[{"uid":"1b67-47"},{"uid":"1b67-32"}]},"1b67-32":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-33"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-52"},{"uid":"1b67-44"},{"uid":"1b67-30"}],"importedBy":[{"uid":"1b67-47"},{"uid":"1b67-34"}]},"1b67-34":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-35"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-52"},{"uid":"1b67-0"},{"uid":"1b67-48"},{"uid":"1b67-32"}],"importedBy":[{"uid":"1b67-47"}]},"1b67-36":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-37"},"imported":[{"uid":"1b67-52"},{"uid":"1b67-44"}],"importedBy":[{"uid":"1b67-38"}]},"1b67-38":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-39"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-0"},{"uid":"1b67-36"}],"importedBy":[{"uid":"1b67-49"}]},"1b67-40":{"id":"/src/Util/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"1b67-41"},"imported":[{"uid":"1b67-51"},{"uid":"1b67-52"},{"uid":"1b67-0"}],"importedBy":[{"uid":"1b67-50"}]},"1b67-42":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.module.js":"1b67-43"},"imported":[{"uid":"1b67-44"},{"uid":"1b67-45"},{"uid":"1b67-46"},{"uid":"1b67-47"},{"uid":"1b67-48"},{"uid":"1b67-49"},{"uid":"1b67-50"}],"importedBy":[],"isEntry":true},"1b67-44":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"1b67-42"},{"uid":"1b67-32"},{"uid":"1b67-36"},{"uid":"1b67-6"},{"uid":"1b67-10"}],"isExternal":true},"1b67-45":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"1b67-18"},{"uid":"1b67-20"}],"importedBy":[{"uid":"1b67-42"},{"uid":"1b67-24"}]},"1b67-46":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"1b67-24"},{"uid":"1b67-26"}],"importedBy":[{"uid":"1b67-42"}]},"1b67-47":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"1b67-34"},{"uid":"1b67-32"},{"uid":"1b67-30"}],"importedBy":[{"uid":"1b67-42"}]},"1b67-48":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"1b67-28"}],"importedBy":[{"uid":"1b67-42"},{"uid":"1b67-34"}]},"1b67-49":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"1b67-38"}],"importedBy":[{"uid":"1b67-42"}]},"1b67-50":{"id":"/src/Util/index.ts","moduleParts":{},"imported":[{"uid":"1b67-40"}],"importedBy":[{"uid":"1b67-42"}]},"1b67-51":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"1b67-18"},{"uid":"1b67-20"},{"uid":"1b67-24"},{"uid":"1b67-26"},{"uid":"1b67-34"},{"uid":"1b67-32"},{"uid":"1b67-30"},{"uid":"1b67-28"},{"uid":"1b67-38"},{"uid":"1b67-40"},{"uid":"1b67-22"},{"uid":"1b67-8"},{"uid":"1b67-12"}],"isExternal":true},"1b67-52":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"1b67-18"},{"uid":"1b67-20"},{"uid":"1b67-24"},{"uid":"1b67-34"},{"uid":"1b67-32"},{"uid":"1b67-40"},{"uid":"1b67-36"},{"uid":"1b67-22"},{"uid":"1b67-6"},{"uid":"1b67-10"}],"isExternal":true},"1b67-53":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"1b67-56"},{"uid":"1b67-57"}],"importedBy":[{"uid":"1b67-18"}]},"1b67-54":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"1b67-22"}],"importedBy":[{"uid":"1b67-24"}]},"1b67-55":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"1b67-28"}],"isExternal":true},"1b67-56":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"1b67-8"}],"importedBy":[{"uid":"1b67-53"}]},"1b67-57":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"1b67-12"}],"importedBy":[{"uid":"1b67-53"}]},"1b67-58":{"id":"react-is","moduleParts":{},"imported":[],"importedBy":[{"uid":"1b67-22"}],"isExternal":true}},"env":{"rollup":"3.26.3"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
5288
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.module.js","children":[{"name":"src","children":[{"uid":"a2f5-1","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"a2f5-3","name":"constants.ts"},{"uid":"a2f5-5","name":"utils.ts"},{"uid":"a2f5-7","name":"styled.ts"},{"uid":"a2f5-9","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"a2f5-11","name":"styled.ts"},{"uid":"a2f5-13","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"a2f5-23"}]},{"name":"Element","children":[{"uid":"a2f5-15","name":"constants.ts"},{"uid":"a2f5-17","name":"utils.ts"},{"uid":"a2f5-19","name":"component.tsx"},{"uid":"a2f5-21","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"a2f5-25","name":"component.tsx"},{"uid":"a2f5-27","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"a2f5-29"},{"name":"Overlay","children":[{"uid":"a2f5-31","name":"context.tsx"},{"uid":"a2f5-33","name":"useOverlay.tsx"},{"uid":"a2f5-35","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"a2f5-37","name":"styled.ts"},{"uid":"a2f5-39","name":"component.tsx"}]},{"name":"Util/component.tsx","uid":"a2f5-41"},{"uid":"a2f5-43","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"a2f5-1":{"renderedLength":40,"gzipLength":60,"brotliLength":0,"metaUid":"a2f5-0"},"a2f5-3":{"renderedLength":242,"gzipLength":206,"brotliLength":0,"metaUid":"a2f5-2"},"a2f5-5":{"renderedLength":173,"gzipLength":159,"brotliLength":0,"metaUid":"a2f5-4"},"a2f5-7":{"renderedLength":1097,"gzipLength":506,"brotliLength":0,"metaUid":"a2f5-6"},"a2f5-9":{"renderedLength":1350,"gzipLength":539,"brotliLength":0,"metaUid":"a2f5-8"},"a2f5-11":{"renderedLength":1646,"gzipLength":655,"brotliLength":0,"metaUid":"a2f5-10"},"a2f5-13":{"renderedLength":648,"gzipLength":325,"brotliLength":0,"metaUid":"a2f5-12"},"a2f5-15":{"renderedLength":796,"gzipLength":262,"brotliLength":0,"metaUid":"a2f5-14"},"a2f5-17":{"renderedLength":231,"gzipLength":142,"brotliLength":0,"metaUid":"a2f5-16"},"a2f5-19":{"renderedLength":4393,"gzipLength":1106,"brotliLength":0,"metaUid":"a2f5-18"},"a2f5-21":{"renderedLength":1898,"gzipLength":591,"brotliLength":0,"metaUid":"a2f5-20"},"a2f5-23":{"renderedLength":6842,"gzipLength":1421,"brotliLength":0,"metaUid":"a2f5-22"},"a2f5-25":{"renderedLength":502,"gzipLength":286,"brotliLength":0,"metaUid":"a2f5-24"},"a2f5-27":{"renderedLength":4761,"gzipLength":1156,"brotliLength":0,"metaUid":"a2f5-26"},"a2f5-29":{"renderedLength":822,"gzipLength":376,"brotliLength":0,"metaUid":"a2f5-28"},"a2f5-31":{"renderedLength":402,"gzipLength":224,"brotliLength":0,"metaUid":"a2f5-30"},"a2f5-33":{"renderedLength":17557,"gzipLength":3207,"brotliLength":0,"metaUid":"a2f5-32"},"a2f5-35":{"renderedLength":1272,"gzipLength":523,"brotliLength":0,"metaUid":"a2f5-34"},"a2f5-37":{"renderedLength":331,"gzipLength":225,"brotliLength":0,"metaUid":"a2f5-36"},"a2f5-39":{"renderedLength":716,"gzipLength":370,"brotliLength":0,"metaUid":"a2f5-38"},"a2f5-41":{"renderedLength":493,"gzipLength":276,"brotliLength":0,"metaUid":"a2f5-40"},"a2f5-43":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"a2f5-42"}},"nodeMetas":{"a2f5-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-1"},"imported":[],"importedBy":[{"uid":"a2f5-18"},{"uid":"a2f5-24"},{"uid":"a2f5-34"},{"uid":"a2f5-28"},{"uid":"a2f5-38"},{"uid":"a2f5-40"}]},"a2f5-2":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-3"},"imported":[],"importedBy":[{"uid":"a2f5-4"}]},"a2f5-4":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-5"},"imported":[{"uid":"a2f5-2"}],"importedBy":[{"uid":"a2f5-8"}]},"a2f5-6":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-7"},"imported":[{"uid":"a2f5-52"},{"uid":"a2f5-44"}],"importedBy":[{"uid":"a2f5-8"}]},"a2f5-8":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-9"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-4"},{"uid":"a2f5-6"}],"importedBy":[{"uid":"a2f5-56"}]},"a2f5-10":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-11"},"imported":[{"uid":"a2f5-52"},{"uid":"a2f5-44"}],"importedBy":[{"uid":"a2f5-12"}]},"a2f5-12":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-13"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-10"}],"importedBy":[{"uid":"a2f5-57"}]},"a2f5-14":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-15"},"imported":[],"importedBy":[{"uid":"a2f5-16"}]},"a2f5-16":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-17"},"imported":[{"uid":"a2f5-14"}],"importedBy":[{"uid":"a2f5-18"}]},"a2f5-18":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-19"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-52"},{"uid":"a2f5-0"},{"uid":"a2f5-53"},{"uid":"a2f5-16"}],"importedBy":[{"uid":"a2f5-45"}]},"a2f5-20":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-21"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-52"}],"importedBy":[{"uid":"a2f5-45"}]},"a2f5-22":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-23"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-58"},{"uid":"a2f5-52"}],"importedBy":[{"uid":"a2f5-54"}]},"a2f5-24":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-25"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-52"},{"uid":"a2f5-0"},{"uid":"a2f5-45"},{"uid":"a2f5-54"}],"importedBy":[{"uid":"a2f5-46"}]},"a2f5-26":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-27"},"imported":[{"uid":"a2f5-51"}],"importedBy":[{"uid":"a2f5-46"}]},"a2f5-28":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-29"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-55"},{"uid":"a2f5-0"}],"importedBy":[{"uid":"a2f5-48"}]},"a2f5-30":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-31"},"imported":[{"uid":"a2f5-51"}],"importedBy":[{"uid":"a2f5-47"},{"uid":"a2f5-32"}]},"a2f5-32":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-33"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-52"},{"uid":"a2f5-44"},{"uid":"a2f5-30"}],"importedBy":[{"uid":"a2f5-47"},{"uid":"a2f5-34"}]},"a2f5-34":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-35"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-52"},{"uid":"a2f5-0"},{"uid":"a2f5-48"},{"uid":"a2f5-32"}],"importedBy":[{"uid":"a2f5-47"}]},"a2f5-36":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-37"},"imported":[{"uid":"a2f5-52"},{"uid":"a2f5-44"}],"importedBy":[{"uid":"a2f5-38"}]},"a2f5-38":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-39"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-0"},{"uid":"a2f5-36"}],"importedBy":[{"uid":"a2f5-49"}]},"a2f5-40":{"id":"/src/Util/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"a2f5-41"},"imported":[{"uid":"a2f5-51"},{"uid":"a2f5-52"},{"uid":"a2f5-0"}],"importedBy":[{"uid":"a2f5-50"}]},"a2f5-42":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.module.js":"a2f5-43"},"imported":[{"uid":"a2f5-44"},{"uid":"a2f5-45"},{"uid":"a2f5-46"},{"uid":"a2f5-47"},{"uid":"a2f5-48"},{"uid":"a2f5-49"},{"uid":"a2f5-50"}],"importedBy":[],"isEntry":true},"a2f5-44":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-42"},{"uid":"a2f5-32"},{"uid":"a2f5-36"},{"uid":"a2f5-6"},{"uid":"a2f5-10"}],"isExternal":true},"a2f5-45":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-18"},{"uid":"a2f5-20"}],"importedBy":[{"uid":"a2f5-42"},{"uid":"a2f5-24"}]},"a2f5-46":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-24"},{"uid":"a2f5-26"}],"importedBy":[{"uid":"a2f5-42"}]},"a2f5-47":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-34"},{"uid":"a2f5-32"},{"uid":"a2f5-30"}],"importedBy":[{"uid":"a2f5-42"}]},"a2f5-48":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-28"}],"importedBy":[{"uid":"a2f5-42"},{"uid":"a2f5-34"}]},"a2f5-49":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-38"}],"importedBy":[{"uid":"a2f5-42"}]},"a2f5-50":{"id":"/src/Util/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-40"}],"importedBy":[{"uid":"a2f5-42"}]},"a2f5-51":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-18"},{"uid":"a2f5-20"},{"uid":"a2f5-24"},{"uid":"a2f5-26"},{"uid":"a2f5-34"},{"uid":"a2f5-32"},{"uid":"a2f5-30"},{"uid":"a2f5-28"},{"uid":"a2f5-38"},{"uid":"a2f5-40"},{"uid":"a2f5-22"},{"uid":"a2f5-8"},{"uid":"a2f5-12"}],"isExternal":true},"a2f5-52":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-18"},{"uid":"a2f5-20"},{"uid":"a2f5-24"},{"uid":"a2f5-34"},{"uid":"a2f5-32"},{"uid":"a2f5-40"},{"uid":"a2f5-36"},{"uid":"a2f5-22"},{"uid":"a2f5-6"},{"uid":"a2f5-10"}],"isExternal":true},"a2f5-53":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-56"},{"uid":"a2f5-57"}],"importedBy":[{"uid":"a2f5-18"}]},"a2f5-54":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-22"}],"importedBy":[{"uid":"a2f5-24"}]},"a2f5-55":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-28"}],"isExternal":true},"a2f5-56":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-8"}],"importedBy":[{"uid":"a2f5-53"}]},"a2f5-57":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-12"}],"importedBy":[{"uid":"a2f5-53"}]},"a2f5-58":{"id":"react-is","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-22"}],"isExternal":true}},"env":{"rollup":"3.26.3"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
5289
5289
|
|
|
5290
5290
|
const run = () => {
|
|
5291
5291
|
const width = window.innerWidth;
|
|
@@ -5285,7 +5285,7 @@ var drawChart = (function (exports) {
|
|
|
5285
5285
|
</script>
|
|
5286
5286
|
<script>
|
|
5287
5287
|
/*<!--*/
|
|
5288
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.native.js","children":[{"name":"src","children":[{"uid":"
|
|
5288
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.native.js","children":[{"name":"src","children":[{"uid":"a2f5-60","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"a2f5-62","name":"styled.ts"},{"uid":"a2f5-64","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"a2f5-66","name":"styled.ts"},{"uid":"a2f5-68","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"a2f5-74"}]},{"name":"Element","children":[{"uid":"a2f5-70","name":"component.tsx"},{"uid":"a2f5-72","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"a2f5-76","name":"component.tsx"},{"uid":"a2f5-78","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"a2f5-80"},{"name":"Overlay","children":[{"uid":"a2f5-82","name":"context.tsx"},{"uid":"a2f5-84","name":"useOverlay.tsx"},{"uid":"a2f5-86","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"a2f5-88","name":"styled.ts"},{"uid":"a2f5-90","name":"component.tsx"}]},{"name":"Util/component.tsx","uid":"a2f5-92"},{"uid":"a2f5-94","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"a2f5-60":{"renderedLength":40,"gzipLength":60,"brotliLength":0,"metaUid":"a2f5-59"},"a2f5-62":{"renderedLength":759,"gzipLength":378,"brotliLength":0,"metaUid":"a2f5-61"},"a2f5-64":{"renderedLength":716,"gzipLength":373,"brotliLength":0,"metaUid":"a2f5-63"},"a2f5-66":{"renderedLength":1622,"gzipLength":636,"brotliLength":0,"metaUid":"a2f5-65"},"a2f5-68":{"renderedLength":648,"gzipLength":325,"brotliLength":0,"metaUid":"a2f5-67"},"a2f5-70":{"renderedLength":4336,"gzipLength":1086,"brotliLength":0,"metaUid":"a2f5-69"},"a2f5-72":{"renderedLength":1898,"gzipLength":591,"brotliLength":0,"metaUid":"a2f5-71"},"a2f5-74":{"renderedLength":6842,"gzipLength":1421,"brotliLength":0,"metaUid":"a2f5-73"},"a2f5-76":{"renderedLength":502,"gzipLength":286,"brotliLength":0,"metaUid":"a2f5-75"},"a2f5-78":{"renderedLength":4761,"gzipLength":1156,"brotliLength":0,"metaUid":"a2f5-77"},"a2f5-80":{"renderedLength":822,"gzipLength":376,"brotliLength":0,"metaUid":"a2f5-79"},"a2f5-82":{"renderedLength":402,"gzipLength":224,"brotliLength":0,"metaUid":"a2f5-81"},"a2f5-84":{"renderedLength":17557,"gzipLength":3207,"brotliLength":0,"metaUid":"a2f5-83"},"a2f5-86":{"renderedLength":1272,"gzipLength":523,"brotliLength":0,"metaUid":"a2f5-85"},"a2f5-88":{"renderedLength":331,"gzipLength":225,"brotliLength":0,"metaUid":"a2f5-87"},"a2f5-90":{"renderedLength":600,"gzipLength":333,"brotliLength":0,"metaUid":"a2f5-89"},"a2f5-92":{"renderedLength":493,"gzipLength":276,"brotliLength":0,"metaUid":"a2f5-91"},"a2f5-94":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"a2f5-93"}},"nodeMetas":{"a2f5-59":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.native.js":"a2f5-60"},"imported":[],"importedBy":[{"uid":"a2f5-69"},{"uid":"a2f5-75"},{"uid":"a2f5-85"},{"uid":"a2f5-79"},{"uid":"a2f5-89"},{"uid":"a2f5-91"}]},"a2f5-61":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"a2f5-62"},"imported":[{"uid":"a2f5-103"},{"uid":"a2f5-95"}],"importedBy":[{"uid":"a2f5-63"}]},"a2f5-63":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-64"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-112"},{"uid":"a2f5-61"}],"importedBy":[{"uid":"a2f5-108"}]},"a2f5-65":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"a2f5-66"},"imported":[{"uid":"a2f5-103"},{"uid":"a2f5-95"}],"importedBy":[{"uid":"a2f5-67"}]},"a2f5-67":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-68"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-65"}],"importedBy":[{"uid":"a2f5-109"}]},"a2f5-69":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-70"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-103"},{"uid":"a2f5-59"},{"uid":"a2f5-104"},{"uid":"a2f5-105"}],"importedBy":[{"uid":"a2f5-96"}]},"a2f5-71":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-72"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-103"}],"importedBy":[{"uid":"a2f5-96"}]},"a2f5-73":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-74"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-111"},{"uid":"a2f5-103"}],"importedBy":[{"uid":"a2f5-106"}]},"a2f5-75":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-76"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-103"},{"uid":"a2f5-59"},{"uid":"a2f5-96"},{"uid":"a2f5-106"}],"importedBy":[{"uid":"a2f5-97"}]},"a2f5-77":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-78"},"imported":[{"uid":"a2f5-102"}],"importedBy":[{"uid":"a2f5-97"}]},"a2f5-79":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.native.js":"a2f5-80"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-107"},{"uid":"a2f5-59"}],"importedBy":[{"uid":"a2f5-99"}]},"a2f5-81":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-82"},"imported":[{"uid":"a2f5-102"}],"importedBy":[{"uid":"a2f5-98"},{"uid":"a2f5-83"}]},"a2f5-83":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-84"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-103"},{"uid":"a2f5-95"},{"uid":"a2f5-81"}],"importedBy":[{"uid":"a2f5-98"},{"uid":"a2f5-85"}]},"a2f5-85":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-86"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-103"},{"uid":"a2f5-59"},{"uid":"a2f5-99"},{"uid":"a2f5-83"}],"importedBy":[{"uid":"a2f5-98"}]},"a2f5-87":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"a2f5-88"},"imported":[{"uid":"a2f5-103"},{"uid":"a2f5-95"}],"importedBy":[{"uid":"a2f5-89"}]},"a2f5-89":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-90"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-59"},{"uid":"a2f5-87"}],"importedBy":[{"uid":"a2f5-100"}]},"a2f5-91":{"id":"/src/Util/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"a2f5-92"},"imported":[{"uid":"a2f5-102"},{"uid":"a2f5-103"},{"uid":"a2f5-59"}],"importedBy":[{"uid":"a2f5-101"}]},"a2f5-93":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.native.js":"a2f5-94"},"imported":[{"uid":"a2f5-95"},{"uid":"a2f5-96"},{"uid":"a2f5-97"},{"uid":"a2f5-98"},{"uid":"a2f5-99"},{"uid":"a2f5-100"},{"uid":"a2f5-101"}],"importedBy":[],"isEntry":true},"a2f5-95":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-93"},{"uid":"a2f5-83"},{"uid":"a2f5-87"},{"uid":"a2f5-61"},{"uid":"a2f5-65"}],"isExternal":true},"a2f5-96":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-69"},{"uid":"a2f5-71"}],"importedBy":[{"uid":"a2f5-93"},{"uid":"a2f5-75"}]},"a2f5-97":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-75"},{"uid":"a2f5-77"}],"importedBy":[{"uid":"a2f5-93"}]},"a2f5-98":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-85"},{"uid":"a2f5-83"},{"uid":"a2f5-81"}],"importedBy":[{"uid":"a2f5-93"}]},"a2f5-99":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-79"}],"importedBy":[{"uid":"a2f5-93"},{"uid":"a2f5-85"}]},"a2f5-100":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-89"}],"importedBy":[{"uid":"a2f5-93"}]},"a2f5-101":{"id":"/src/Util/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-91"}],"importedBy":[{"uid":"a2f5-93"}]},"a2f5-102":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-69"},{"uid":"a2f5-71"},{"uid":"a2f5-75"},{"uid":"a2f5-77"},{"uid":"a2f5-85"},{"uid":"a2f5-83"},{"uid":"a2f5-81"},{"uid":"a2f5-79"},{"uid":"a2f5-89"},{"uid":"a2f5-91"},{"uid":"a2f5-73"},{"uid":"a2f5-63"},{"uid":"a2f5-67"}],"isExternal":true},"a2f5-103":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-69"},{"uid":"a2f5-71"},{"uid":"a2f5-75"},{"uid":"a2f5-85"},{"uid":"a2f5-83"},{"uid":"a2f5-91"},{"uid":"a2f5-87"},{"uid":"a2f5-73"},{"uid":"a2f5-61"},{"uid":"a2f5-65"}],"isExternal":true},"a2f5-104":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-108"},{"uid":"a2f5-109"}],"importedBy":[{"uid":"a2f5-69"}]},"a2f5-105":{"id":"/src/Element/utils.ts","moduleParts":{},"imported":[{"uid":"a2f5-110"}],"importedBy":[{"uid":"a2f5-69"}]},"a2f5-106":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-73"}],"importedBy":[{"uid":"a2f5-75"}]},"a2f5-107":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-79"}],"isExternal":true},"a2f5-108":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-63"}],"importedBy":[{"uid":"a2f5-104"}]},"a2f5-109":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"a2f5-67"}],"importedBy":[{"uid":"a2f5-104"}]},"a2f5-110":{"id":"/src/Element/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-105"}]},"a2f5-111":{"id":"react-is","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-73"}],"isExternal":true},"a2f5-112":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{},"imported":[{"uid":"a2f5-113"}],"importedBy":[{"uid":"a2f5-63"}]},"a2f5-113":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2f5-112"}]}},"env":{"rollup":"3.26.3"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
5289
5289
|
|
|
5290
5290
|
const run = () => {
|
|
5291
5291
|
const width = window.innerWidth;
|
package/lib/index.d.ts
CHANGED
|
@@ -718,52 +718,62 @@ export declare const useOverlay: ({ isOpen, openOn, closeOn, type, position, ali
|
|
|
718
718
|
export declare type UseOverlayProps = Partial<{
|
|
719
719
|
/**
|
|
720
720
|
* Defines default state whather **Overlay** component should be active.
|
|
721
|
-
*
|
|
721
|
+
* @defaultValue `false`
|
|
722
722
|
*/
|
|
723
723
|
isOpen: boolean;
|
|
724
724
|
/**
|
|
725
725
|
* Defines `event` when **Overlay** is supposed to be open.
|
|
726
726
|
*
|
|
727
727
|
* When `manual` is set, callbacks needs to be applied to make it working.
|
|
728
|
+
* @defaultValue `click`
|
|
728
729
|
*/
|
|
729
730
|
openOn: 'click' | 'hover' | 'manual';
|
|
730
731
|
/**
|
|
731
732
|
* Defines `event` when **Overlay** is supposed to be closed.
|
|
733
|
+
* @defaultValue `click`
|
|
732
734
|
*/
|
|
733
735
|
closeOn: 'click' | 'clickOnTrigger' | 'clickOutsideContent' | 'hover' | 'manual';
|
|
734
736
|
/**
|
|
735
737
|
* Defines what type of **Overlay** will be created. Type `modal`
|
|
736
738
|
* has different positioning calculations than others.
|
|
739
|
+
* @defaultValue `dropdown`
|
|
737
740
|
*/
|
|
738
|
-
type: 'dropdown' | 'tooltip' | 'popover' | 'modal';
|
|
741
|
+
type: 'dropdown' | 'tooltip' | 'popover' | 'modal' | 'custom';
|
|
739
742
|
/**
|
|
740
743
|
* Defines how `content` is treated regarding CSS positioning.
|
|
744
|
+
* @defaultValue `fixed`
|
|
741
745
|
*/
|
|
742
746
|
position: 'absolute' | 'fixed' | 'relative' | 'static';
|
|
743
747
|
/**
|
|
744
748
|
* Defines from which side is `content` aligned to `trigger` (top, left, bottom, right).
|
|
745
749
|
* For more specific alignment configuration can be used `alignX` and/or `alignY` prop.
|
|
750
|
+
* @defaultValue `bottom`
|
|
746
751
|
*/
|
|
747
752
|
align: Align;
|
|
748
753
|
/**
|
|
749
754
|
* Defines how `content` is aligned to `trigger` on axis X
|
|
755
|
+
* @defaultValue `left`
|
|
750
756
|
*/
|
|
751
757
|
alignX: AlignX_2;
|
|
752
758
|
/**
|
|
753
759
|
* Defines how `content` is aligned to `trigger` on axis Y
|
|
760
|
+
* @defaultValue `bottom`
|
|
754
761
|
*/
|
|
755
762
|
alignY: AlignY_2;
|
|
756
763
|
/**
|
|
757
764
|
* Defines `margin` from trigger on axis X.
|
|
765
|
+
* @defaultValue `0`
|
|
758
766
|
*/
|
|
759
767
|
offsetX: number;
|
|
760
768
|
/**
|
|
761
769
|
* Defines `margin` from trigger on axis Y.
|
|
770
|
+
* @defaultValue `0`
|
|
762
771
|
*/
|
|
763
772
|
offsetY: number;
|
|
764
773
|
/**
|
|
765
774
|
* Performance helper. Value defined in miliseconds for `throttling`
|
|
766
775
|
* recalculations
|
|
776
|
+
* @defaultValue `200`
|
|
767
777
|
*/
|
|
768
778
|
throttleDelay: number;
|
|
769
779
|
/**
|
|
@@ -774,6 +784,7 @@ export declare type UseOverlayProps = Partial<{
|
|
|
774
784
|
/**
|
|
775
785
|
* Defines wheather active **Overlay** is supposed to be closed on pressing
|
|
776
786
|
* `ESC` key.
|
|
787
|
+
* @defaultValue `true`
|
|
777
788
|
*/
|
|
778
789
|
closeOnEsc: boolean;
|
|
779
790
|
/**
|
|
@@ -5,52 +5,62 @@ type AlignY = 'bottom' | 'top' | 'center';
|
|
|
5
5
|
export type UseOverlayProps = Partial<{
|
|
6
6
|
/**
|
|
7
7
|
* Defines default state whather **Overlay** component should be active.
|
|
8
|
-
*
|
|
8
|
+
* @defaultValue `false`
|
|
9
9
|
*/
|
|
10
10
|
isOpen: boolean;
|
|
11
11
|
/**
|
|
12
12
|
* Defines `event` when **Overlay** is supposed to be open.
|
|
13
13
|
*
|
|
14
14
|
* When `manual` is set, callbacks needs to be applied to make it working.
|
|
15
|
+
* @defaultValue `click`
|
|
15
16
|
*/
|
|
16
17
|
openOn: 'click' | 'hover' | 'manual';
|
|
17
18
|
/**
|
|
18
19
|
* Defines `event` when **Overlay** is supposed to be closed.
|
|
20
|
+
* @defaultValue `click`
|
|
19
21
|
*/
|
|
20
22
|
closeOn: 'click' | 'clickOnTrigger' | 'clickOutsideContent' | 'hover' | 'manual';
|
|
21
23
|
/**
|
|
22
24
|
* Defines what type of **Overlay** will be created. Type `modal`
|
|
23
25
|
* has different positioning calculations than others.
|
|
26
|
+
* @defaultValue `dropdown`
|
|
24
27
|
*/
|
|
25
|
-
type: 'dropdown' | 'tooltip' | 'popover' | 'modal';
|
|
28
|
+
type: 'dropdown' | 'tooltip' | 'popover' | 'modal' | 'custom';
|
|
26
29
|
/**
|
|
27
30
|
* Defines how `content` is treated regarding CSS positioning.
|
|
31
|
+
* @defaultValue `fixed`
|
|
28
32
|
*/
|
|
29
33
|
position: 'absolute' | 'fixed' | 'relative' | 'static';
|
|
30
34
|
/**
|
|
31
35
|
* Defines from which side is `content` aligned to `trigger` (top, left, bottom, right).
|
|
32
36
|
* For more specific alignment configuration can be used `alignX` and/or `alignY` prop.
|
|
37
|
+
* @defaultValue `bottom`
|
|
33
38
|
*/
|
|
34
39
|
align: Align;
|
|
35
40
|
/**
|
|
36
41
|
* Defines how `content` is aligned to `trigger` on axis X
|
|
42
|
+
* @defaultValue `left`
|
|
37
43
|
*/
|
|
38
44
|
alignX: AlignX;
|
|
39
45
|
/**
|
|
40
46
|
* Defines how `content` is aligned to `trigger` on axis Y
|
|
47
|
+
* @defaultValue `bottom`
|
|
41
48
|
*/
|
|
42
49
|
alignY: AlignY;
|
|
43
50
|
/**
|
|
44
51
|
* Defines `margin` from trigger on axis X.
|
|
52
|
+
* @defaultValue `0`
|
|
45
53
|
*/
|
|
46
54
|
offsetX: number;
|
|
47
55
|
/**
|
|
48
56
|
* Defines `margin` from trigger on axis Y.
|
|
57
|
+
* @defaultValue `0`
|
|
49
58
|
*/
|
|
50
59
|
offsetY: number;
|
|
51
60
|
/**
|
|
52
61
|
* Performance helper. Value defined in miliseconds for `throttling`
|
|
53
62
|
* recalculations
|
|
63
|
+
* @defaultValue `200`
|
|
54
64
|
*/
|
|
55
65
|
throttleDelay: number;
|
|
56
66
|
/**
|
|
@@ -61,6 +71,7 @@ export type UseOverlayProps = Partial<{
|
|
|
61
71
|
/**
|
|
62
72
|
* Defines wheather active **Overlay** is supposed to be closed on pressing
|
|
63
73
|
* `ESC` key.
|
|
74
|
+
* @defaultValue `true`
|
|
64
75
|
*/
|
|
65
76
|
closeOnEsc: boolean;
|
|
66
77
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOverlay.d.ts","sourceRoot":"","sources":["../../../src/Overlay/useOverlay.tsx"],"names":[],"mappings":";AAaA,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAChD,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AACzC,KAAK,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEzC,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAA;IACf
|
|
1
|
+
{"version":3,"file":"useOverlay.d.ts","sourceRoot":"","sources":["../../../src/Overlay/useOverlay.tsx"],"names":[],"mappings":";AAaA,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAChD,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AACzC,KAAK,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEzC,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;;;;OAKG;IACH,MAAM,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IACpC;;;OAGG;IACH,OAAO,EACH,OAAO,GACP,gBAAgB,GAChB,qBAAqB,GACrB,OAAO,GACP,QAAQ,CAAA;IAEZ;;;;OAIG;IACH,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC7D;;;OAGG;IACH,QAAQ,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;IACtD;;;;OAIG;IACH,KAAK,EAAE,KAAK,CAAA;IACZ;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;;;OAIG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,eAAe,EAAE,WAAW,GAAG,IAAI,CAAA;IACnC;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC,CAAA;AAEF,QAAA,MAAM,UAAU,kKAiBb,QAAQ,eAAe,CAAC;;uBA2eqB,WAAW;;;;;;;;;;;;;CAqB1D,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -764,15 +764,22 @@ offsetX = 0, offsetY = 0, throttleDelay = 200, parentContainer, closeOnEsc = tru
|
|
|
764
764
|
const overlayPosition = {};
|
|
765
765
|
if (!active || !isContentLoaded)
|
|
766
766
|
return overlayPosition;
|
|
767
|
-
if (
|
|
767
|
+
if (type === 'modal' && !contentRef.current) {
|
|
768
768
|
if (process.env.NODE_ENV === 'development') {
|
|
769
|
-
console.warn('Cannot access `ref` of
|
|
769
|
+
console.warn('Cannot access `ref` of `content` component.');
|
|
770
770
|
}
|
|
771
771
|
return overlayPosition;
|
|
772
772
|
}
|
|
773
|
-
const t = triggerRef.current.getBoundingClientRect();
|
|
774
|
-
const c = contentRef.current.getBoundingClientRect();
|
|
775
773
|
if (['dropdown', 'tooltip', 'popover'].includes(type)) {
|
|
774
|
+
// return empty object when refs are not available
|
|
775
|
+
if (!triggerRef.current || !contentRef.current) {
|
|
776
|
+
if (process.env.NODE_ENV === 'development') {
|
|
777
|
+
console.warn('Cannot access `ref` of trigger or content component.');
|
|
778
|
+
}
|
|
779
|
+
return overlayPosition;
|
|
780
|
+
}
|
|
781
|
+
const c = contentRef.current.getBoundingClientRect();
|
|
782
|
+
const t = triggerRef.current.getBoundingClientRect();
|
|
776
783
|
// align is top or bottom
|
|
777
784
|
if (['top', 'bottom'].includes(align)) {
|
|
778
785
|
// axe Y position
|
|
@@ -881,6 +888,15 @@ offsetX = 0, offsetY = 0, throttleDelay = 200, parentContainer, closeOnEsc = tru
|
|
|
881
888
|
}
|
|
882
889
|
// modal type
|
|
883
890
|
else if (type === 'modal') {
|
|
891
|
+
// return empty object when ref is not available
|
|
892
|
+
// triggerRef is not needed in this case
|
|
893
|
+
if (!contentRef.current) {
|
|
894
|
+
if (process.env.NODE_ENV === 'development') {
|
|
895
|
+
console.warn('Cannot access `ref` of trigger or content component.');
|
|
896
|
+
}
|
|
897
|
+
return overlayPosition;
|
|
898
|
+
}
|
|
899
|
+
const c = contentRef.current.getBoundingClientRect();
|
|
884
900
|
switch (alignX) {
|
|
885
901
|
case 'right':
|
|
886
902
|
overlayPosition.right = offsetX;
|