@amboss/design-system 3.48.6-canary.0 → 3.48.7
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/ChatMessage/ChatMessage.d.ts +46 -0
- package/build/cjs/components/ChatMessage/ChatMessage.js +1 -0
- package/build/cjs/components/ChatMessage/index.d.ts +2 -0
- package/build/cjs/components/ChatMessage/index.js +1 -0
- package/build/cjs/components/ChatResponse/ChatResponse.d.ts +50 -0
- package/build/cjs/components/ChatResponse/ChatResponse.js +1 -0
- package/build/cjs/components/ChatResponse/constants.d.ts +7 -0
- package/build/cjs/components/ChatResponse/constants.js +1 -0
- package/build/cjs/components/ChatResponse/index.d.ts +2 -0
- package/build/cjs/components/ChatResponse/index.js +1 -0
- package/build/cjs/components/Patterns/EmptyState/EmptyState.d.ts +1 -1
- package/build/cjs/components/Patterns/EmptyState/EmptyState.js +1 -1
- package/build/cjs/components/Utilities/FloatingPosition/useFloatingPosition.d.ts +52 -0
- package/build/cjs/components/Utilities/FloatingPosition/useFloatingPosition.js +1 -0
- package/build/cjs/components/Utilities/FloatingPosition/utils.d.ts +26 -0
- package/build/cjs/components/Utilities/FloatingPosition/utils.js +1 -0
- package/build/cjs/index.d.ts +2 -1
- package/build/cjs/index.js +1 -1
- package/build/cjs/web-tokens/_sizes.json +51 -51
- package/build/cjs/web-tokens/assets/icons.json +1 -1
- package/build/esm/components/ChatMessage/ChatMessage.d.ts +46 -0
- package/build/esm/components/ChatMessage/ChatMessage.js +1 -0
- package/build/esm/components/ChatMessage/index.d.ts +2 -0
- package/build/esm/components/ChatMessage/index.js +1 -0
- package/build/esm/components/ChatResponse/ChatResponse.d.ts +50 -0
- package/build/esm/components/ChatResponse/ChatResponse.js +1 -0
- package/build/esm/components/ChatResponse/constants.d.ts +7 -0
- package/build/esm/components/ChatResponse/constants.js +1 -0
- package/build/esm/components/ChatResponse/index.d.ts +2 -0
- package/build/esm/components/ChatResponse/index.js +1 -0
- package/build/esm/components/Patterns/EmptyState/EmptyState.d.ts +1 -1
- package/build/esm/components/Patterns/EmptyState/EmptyState.js +1 -1
- package/build/esm/components/Utilities/FloatingPosition/useFloatingPosition.d.ts +52 -0
- package/build/esm/components/Utilities/FloatingPosition/useFloatingPosition.js +1 -0
- package/build/esm/components/Utilities/FloatingPosition/utils.d.ts +26 -0
- package/build/esm/components/Utilities/FloatingPosition/utils.js +1 -0
- package/build/esm/index.d.ts +2 -1
- package/build/esm/index.js +1 -1
- package/build/esm/web-tokens/_sizes.json +51 -51
- package/build/esm/web-tokens/assets/icons.json +1 -1
- package/package.json +2 -2
- package/build/cjs/components/Internal/LayoutManager/-constants.d.ts +0 -9
- package/build/cjs/components/Internal/LayoutManager/-constants.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/-types.d.ts +0 -181
- package/build/cjs/components/Internal/LayoutManager/-types.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/Layout.d.ts +0 -28
- package/build/cjs/components/Internal/LayoutManager/Layout.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/LayoutProvider.d.ts +0 -9
- package/build/cjs/components/Internal/LayoutManager/LayoutProvider.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/context.d.ts +0 -12
- package/build/cjs/components/Internal/LayoutManager/context.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/index.d.ts +0 -7
- package/build/cjs/components/Internal/LayoutManager/index.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/persistence.d.ts +0 -6
- package/build/cjs/components/Internal/LayoutManager/persistence.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/reconcile.d.ts +0 -2
- package/build/cjs/components/Internal/LayoutManager/reconcile.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/reducer.d.ts +0 -5
- package/build/cjs/components/Internal/LayoutManager/reducer.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/store.d.ts +0 -10
- package/build/cjs/components/Internal/LayoutManager/store.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/useHostNodes.d.ts +0 -9
- package/build/cjs/components/Internal/LayoutManager/useHostNodes.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/useIsMobile.d.ts +0 -5
- package/build/cjs/components/Internal/LayoutManager/useIsMobile.js +0 -1
- package/build/cjs/components/Internal/LayoutManager/useLayout.d.ts +0 -7
- package/build/cjs/components/Internal/LayoutManager/useLayout.js +0 -1
- package/build/esm/components/Internal/LayoutManager/-constants.d.ts +0 -9
- package/build/esm/components/Internal/LayoutManager/-constants.js +0 -1
- package/build/esm/components/Internal/LayoutManager/-types.d.ts +0 -181
- package/build/esm/components/Internal/LayoutManager/-types.js +0 -1
- package/build/esm/components/Internal/LayoutManager/Layout.d.ts +0 -28
- package/build/esm/components/Internal/LayoutManager/Layout.js +0 -1
- package/build/esm/components/Internal/LayoutManager/LayoutProvider.d.ts +0 -9
- package/build/esm/components/Internal/LayoutManager/LayoutProvider.js +0 -1
- package/build/esm/components/Internal/LayoutManager/context.d.ts +0 -12
- package/build/esm/components/Internal/LayoutManager/context.js +0 -1
- package/build/esm/components/Internal/LayoutManager/index.d.ts +0 -7
- package/build/esm/components/Internal/LayoutManager/index.js +0 -1
- package/build/esm/components/Internal/LayoutManager/persistence.d.ts +0 -6
- package/build/esm/components/Internal/LayoutManager/persistence.js +0 -1
- package/build/esm/components/Internal/LayoutManager/reconcile.d.ts +0 -2
- package/build/esm/components/Internal/LayoutManager/reconcile.js +0 -1
- package/build/esm/components/Internal/LayoutManager/reducer.d.ts +0 -5
- package/build/esm/components/Internal/LayoutManager/reducer.js +0 -1
- package/build/esm/components/Internal/LayoutManager/store.d.ts +0 -10
- package/build/esm/components/Internal/LayoutManager/store.js +0 -1
- package/build/esm/components/Internal/LayoutManager/useHostNodes.d.ts +0 -9
- package/build/esm/components/Internal/LayoutManager/useHostNodes.js +0 -1
- package/build/esm/components/Internal/LayoutManager/useIsMobile.d.ts +0 -5
- package/build/esm/components/Internal/LayoutManager/useIsMobile.js +0 -1
- package/build/esm/components/Internal/LayoutManager/useLayout.d.ts +0 -7
- package/build/esm/components/Internal/LayoutManager/useLayout.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{Avatar}from"../Avatar/Avatar";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text/Text";import{TextSkeleton}from"../Typography/Text/TextSkeleton";import{PictogramButton}from"../PictogramButton/PictogramButton";import{BinaryFeedback}from"../BinaryFeedback/BinaryFeedback";import{DropdownMenu}from"../DropdownMenu/DropdownMenu";import{Inline}from"../Inline/Inline";import{Box}from"../Box/Box";import{Stack}from"../Stack/Stack";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import breakpoints from"../../web-tokens/_breakpoints.json";import{CHAT_CONTENT_FLUID_WIDTH,CHAT_CONTENT_WIDTH_MAX,MAX_VISIBLE_ACTION_BUTTONS}from"./constants";let StyledLoadingContainer=styled("div",{target:"e14oojho0",label:"StyledLoadingContainer"})(()=>({minWidth:`min(${CHAT_CONTENT_FLUID_WIDTH}%, ${CHAT_CONTENT_WIDTH_MAX}px)`,maxWidth:`min(${CHAT_CONTENT_FLUID_WIDTH}%, ${CHAT_CONTENT_WIDTH_MAX}px)`,[`@media (min-width: ${breakpoints.s.value}px)`]:{minWidth:`${breakpoints.s.value}px`,maxWidth:`${breakpoints.s.value}px`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ2hhdFJlc3BvbnNlL0NoYXRSZXNwb25zZS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NoYXRSZXNwb25zZS9DaGF0UmVzcG9uc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIFJlYWN0Tm9kZSwgdHlwZSBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQXZhdGFyIH0gZnJvbSBcIi4uL0F2YXRhci9BdmF0YXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBUZXh0U2tlbGV0b24gfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRTa2VsZXRvblwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJpbmFyeUZlZWRiYWNrIH0gZnJvbSBcIi4uL0JpbmFyeUZlZWRiYWNrL0JpbmFyeUZlZWRiYWNrXCI7XG5pbXBvcnQgdHlwZSB7IEJpbmFyeUZlZWRiYWNrT3B0aW9uIH0gZnJvbSBcIi4uL0JpbmFyeUZlZWRiYWNrLy10eXBlc1wiO1xuaW1wb3J0IHsgRHJvcGRvd25NZW51IH0gZnJvbSBcIi4uL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnVcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBTdWJUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBTbG90UHJvcHMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3Nsb3RQcm9wc1wiO1xuaW1wb3J0IGJyZWFrcG9pbnRzIGZyb20gXCIuLi8uLi93ZWItdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5pbXBvcnQge1xuICBDSEFUX0NPTlRFTlRfRkxVSURfV0lEVEgsXG4gIENIQVRfQ09OVEVOVF9XSURUSF9NQVgsXG4gIE1BWF9WSVNJQkxFX0FDVElPTl9CVVRUT05TLFxufSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB0eXBlIHsgUGljdG9ncmFtQnV0dG9uQWN0aW9uIH0gZnJvbSBcIi4uL0NoYXRNZXNzYWdlL0NoYXRNZXNzYWdlXCI7XG5cbi8qKlxuICogQW4gYWN0aW9uIHJlbmRlcmVkIGFzIGEgQmluYXJ5RmVlZGJhY2sgKHRodW1icyB1cC9kb3duKSBpbiBDaGF0UmVzcG9uc2UuXG4gKiBXaGVuIGluY2x1ZGVkIGluIHRoZSBhY3Rpb25zIGFycmF5LCBmZWVkYmFjayBidXR0b25zIGFyZSByZW5kZXJlZCBpbmxpbmUgd2l0aCBvdGhlciBhY3Rpb25zLlxuICovXG5leHBvcnQgdHlwZSBCaW5hcnlGZWVkYmFja0FjdGlvbiA9IHtcbiAgLyoqIFRoZSBjb21wb25lbnQgdG8gcmVuZGVyIGZvciB0aGlzIGFjdGlvbiAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBjb21wb25lbnQ6IFJlYWN0LkNvbXBvbmVudFR5cGU8YW55PjtcbiAgLyoqIENhbGxlZCB3aGVuIHRoZSB1c2VyIHNlbGVjdHMgYSBmZWVkYmFjayBvcHRpb24gKi9cbiAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogQ3VycmVudCBmZWVkYmFjayB2YWx1ZSAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqIEN1c3RvbSBwb3NpdGl2ZSBvcHRpb24gY29uZmlnICovXG4gIHBvc2l0aXZlT3B0aW9uPzogQmluYXJ5RmVlZGJhY2tPcHRpb247XG4gIC8qKiBDdXN0b20gbmVnYXRpdmUgb3B0aW9uIGNvbmZpZyAqL1xuICBuZWdhdGl2ZU9wdGlvbj86IEJpbmFyeUZlZWRiYWNrT3B0aW9uO1xufTtcblxuLyoqIFVuaW9uIG9mIGFsbCBhY3Rpb24gdHlwZXMgc3VwcG9ydGVkIGJ5IENoYXRSZXNwb25zZSAqL1xuZXhwb3J0IHR5cGUgQ2hhdFJlc3BvbnNlQWN0aW9uID0gUGljdG9ncmFtQnV0dG9uQWN0aW9uIHwgQmluYXJ5RmVlZGJhY2tBY3Rpb247XG5cbmV4cG9ydCB0eXBlIENoYXRSZXNwb25zZVNsb3RQcm9wcyA9IFJlcXVpcmVkPFxuICBTbG90UHJvcHM8e1xuICAgIC8qKiBQcm9wcyBmb3J3YXJkZWQgdG8gdGhlIG92ZXJmbG93IERyb3Bkb3duTWVudSB0cmlnZ2VyIChzaG93biB3aGVuIGFjdGlvbnMgZXhjZWVkIHRoZSB2aXNpYmxlIGxpbWl0KSAqL1xuICAgIGRyb3Bkb3duTWVudToge1xuICAgICAgLyoqIEFjY2Vzc2libGUgbGFiZWwgZm9yIHRoZSBkcm9wZG93biB0cmlnZ2VyIGJ1dHRvbiAqL1xuICAgICAgXCJhcmlhLWxhYmVsXCI6IHN0cmluZztcbiAgICB9O1xuICB9PlxuPjtcblxuZXhwb3J0IHR5cGUgQ2hhdFJlc3BvbnNlUHJvcHMgPSB7XG4gIC8qKiBOYW1lIGZvciB0aGUgYXZhdGFyIChlLmcuLCBcIkFJIE1vZGVcIikgKi9cbiAgYXZhdGFyTmFtZTogc3RyaW5nO1xuICAvKiogSWNvbiBmb3IgdGhlIEFJIGF2YXRhciAoZS5nLiwgXCJhaS1zcGFya2xlXCIpICovXG4gIGF2YXRhckljb24/OiBJY29uTmFtZTtcbiAgLyoqIFNob3cgbG9hZGluZyBza2VsZXRvbiBpbnN0ZWFkIG9mIGNoaWxkcmVuICovXG4gIGlzTG9hZGluZz86IGJvb2xlYW47XG4gIC8qKiBEaXNwbGF5cyBtZXNzYWdlIGluIGVycm9yIHN0YXRlIHdpdGggYW4gYWxlcnQgaWNvbiAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKiBDdXN0b20gZXJyb3IgbWVzc2FnZSB0ZXh0IChlLmcuLCBmb3IgaTE4bikgKi9cbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nO1xuXG4gIC8qKiBBY3Rpb25zIHJlbmRlcmVkIGluIHRoZSBhY3Rpb25zIGJhci4gU3VwcG9ydHMgYEJpbmFyeUZlZWRiYWNrYCBhbmQgYFBpY3RvZ3JhbUJ1dHRvbmAgYWN0aW9uIHR5cGVzLiBVcCB0byA1IHRvdGFsIHZpc2libGUgc2xvdHM7IG92ZXJmbG93IFBpY3RvZ3JhbUJ1dHRvbiBhY3Rpb25zIGFyZSBwbGFjZWQgaW4gYSBkcm9wZG93biBtZW51IGF1dG9tYXRpY2FsbHkuIEFjdGlvbnMgcmVuZGVyIGluIHRoZSBvcmRlciBwcm92aWRlZC4gKi9cbiAgYWN0aW9ucz86IENoYXRSZXNwb25zZUFjdGlvbltdO1xuICAvKiogUHJvcHMgZm9yd2FyZGVkIHRvIGludGVybmFsIGludGVyYWN0aXZlIGVsZW1lbnRzICovXG4gIHNsb3RQcm9wczogQ2hhdFJlc3BvbnNlU2xvdFByb3BzO1xuXG4gIC8qKiBUaGUgQUkgcmVzcG9uc2UgY29udGVudCB0byByZW5kZXIgaW5zaWRlIHRoZSBtZXNzYWdlIGJ1YmJsZS4gKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgU3R5bGVkTG9hZGluZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgbWluV2lkdGg6IGBtaW4oJHtDSEFUX0NPTlRFTlRfRkxVSURfV0lEVEh9JSwgJHtDSEFUX0NPTlRFTlRfV0lEVEhfTUFYfXB4KWAsXG4gIG1heFdpZHRoOiBgbWluKCR7Q0hBVF9DT05URU5UX0ZMVUlEX1dJRFRIfSUsICR7Q0hBVF9DT05URU5UX1dJRFRIX01BWH1weClgLFxuXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMucy52YWx1ZX1weClgXToge1xuICAgIG1pbldpZHRoOiBgJHticmVha3BvaW50cy5zLnZhbHVlfXB4YCxcbiAgICBtYXhXaWR0aDogYCR7YnJlYWtwb2ludHMucy52YWx1ZX1weGAsXG4gIH0sXG59KSk7XG5cbi8qKlxuICogQWN0aW9ucyBiYXIg4oCUIHJlbmRlcnMgYWN0aW9uIGJ1dHRvbnMgKEJpbmFyeUZlZWRiYWNrIGFuZCBQaWN0b2dyYW1CdXR0b24pXG4gKiBpbiB0aGUgb3JkZXIgcHJvdmlkZWQsIHdpdGggb3ZlcmZsb3cgUGljdG9ncmFtQnV0dG9uIGFjdGlvbnMgaW4gYSBkcm9wZG93biBtZW51LlxuICovXG5jb25zdCBBY3Rpb25zQmFyID0gKHtcbiAgYWN0aW9ucyA9IFtdLFxuICBzbG90UHJvcHMsXG59OiB7XG4gIGFjdGlvbnM/OiBDaGF0UmVzcG9uc2VBY3Rpb25bXTtcbiAgc2xvdFByb3BzOiBDaGF0UmVzcG9uc2VTbG90UHJvcHM7XG59KSA9PiB7XG4gIGlmIChhY3Rpb25zLmxlbmd0aCA9PT0gMCkgcmV0dXJuIG51bGw7XG5cbiAgLy8gUHJvY2VzcyBhY3Rpb25zIGluIG9yZGVyOiBCaW5hcnlGZWVkYmFjayBhbHdheXMgdmlzaWJsZSwgUGljdG9ncmFtQnV0dG9uIGNhbiBvdmVyZmxvd1xuICBsZXQgc2xvdHNVc2VkID0gMDtcbiAgY29uc3QgdmlzaWJsZUFjdGlvbnM6IENoYXRSZXNwb25zZUFjdGlvbltdID0gW107XG4gIGNvbnN0IG92ZXJmbG93QWN0aW9uczogUGljdG9ncmFtQnV0dG9uQWN0aW9uW10gPSBbXTtcblxuICBmb3IgKGNvbnN0IGFjdGlvbiBvZiBhY3Rpb25zKSB7XG4gICAgaWYgKGFjdGlvbi5jb21wb25lbnQgPT09IEJpbmFyeUZlZWRiYWNrKSB7XG4gICAgICB2aXNpYmxlQWN0aW9ucy5wdXNoKGFjdGlvbik7XG4gICAgICBzbG90c1VzZWQgKz0gMTtcbiAgICB9IGVsc2UgaWYgKHNsb3RzVXNlZCA8IE1BWF9WSVNJQkxFX0FDVElPTl9CVVRUT05TKSB7XG4gICAgICB2aXNpYmxlQWN0aW9ucy5wdXNoKGFjdGlvbik7XG4gICAgICBzbG90c1VzZWQgKz0gMTtcbiAgICB9IGVsc2Uge1xuICAgICAgb3ZlcmZsb3dBY3Rpb25zLnB1c2goYWN0aW9uIGFzIFBpY3RvZ3JhbUJ1dHRvbkFjdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IHNwYWNlPVwiemVyb1wiIGxTcGFjZT1cImxcIj5cbiAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgbFNwYWNlPVwieHhzXCI+XG4gICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ4eHhzXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7dmlzaWJsZUFjdGlvbnMubWFwKFxuICAgICAgICAgICAgKHsgY29tcG9uZW50OiBBY3Rpb25Db21wb25lbnQsIC4uLnJlc3RBY3Rpb25Qcm9wcyB9KSA9PiB7XG4gICAgICAgICAgICAgIGxldCBkZWZhdWx0QWN0aW9uUHJvcHM6IFJlY29yZDxzdHJpbmcsIHVua25vd24+ID0ge307XG5cbiAgICAgICAgICAgICAgaWYgKEFjdGlvbkNvbXBvbmVudCA9PT0gQmluYXJ5RmVlZGJhY2spIHtcbiAgICAgICAgICAgICAgICBjb25zdCBmZWVkYmFja1Byb3BzID0gcmVzdEFjdGlvblByb3BzIGFzIHVua25vd24gYXMgT21pdDxcbiAgICAgICAgICAgICAgICAgIEJpbmFyeUZlZWRiYWNrQWN0aW9uLFxuICAgICAgICAgICAgICAgICAgXCJjb21wb25lbnRcIlxuICAgICAgICAgICAgICAgID47XG4gICAgICAgICAgICAgICAgZGVmYXVsdEFjdGlvblByb3BzID0ge1xuICAgICAgICAgICAgICAgICAga2V5OiBgYWN0aW9uLWZlZWRiYWNrLSR7XG4gICAgICAgICAgICAgICAgICAgIGZlZWRiYWNrUHJvcHMucG9zaXRpdmVPcHRpb24/LnZhbHVlID8/IFwicG9zaXRpdmVcIlxuICAgICAgICAgICAgICAgICAgfS0ke2ZlZWRiYWNrUHJvcHMubmVnYXRpdmVPcHRpb24/LnZhbHVlID8/IFwibmVnYXRpdmVcIn1gLFxuICAgICAgICAgICAgICAgICAgcG9zaXRpdmVPcHRpb246IGZlZWRiYWNrUHJvcHMucG9zaXRpdmVPcHRpb24gPz8ge1xuICAgICAgICAgICAgICAgICAgICBsYWJlbDogXCJQb3NpdGl2ZVwiLFxuICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJwb3NpdGl2ZVwiLFxuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIG5lZ2F0aXZlT3B0aW9uOiBmZWVkYmFja1Byb3BzLm5lZ2F0aXZlT3B0aW9uID8/IHtcbiAgICAgICAgICAgICAgICAgICAgbGFiZWw6IFwiTmVnYXRpdmVcIixcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwibmVnYXRpdmVcIixcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICBpY29uT25seTogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgIHNpemU6IFwieHNcIixcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgaWYgKEFjdGlvbkNvbXBvbmVudCA9PT0gUGljdG9ncmFtQnV0dG9uKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgYnV0dG9uUHJvcHMgPSByZXN0QWN0aW9uUHJvcHMgYXMgdW5rbm93biBhcyBPbWl0PFxuICAgICAgICAgICAgICAgICAgUGljdG9ncmFtQnV0dG9uQWN0aW9uLFxuICAgICAgICAgICAgICAgICAgXCJjb21wb25lbnRcIlxuICAgICAgICAgICAgICAgID47XG4gICAgICAgICAgICAgICAgZGVmYXVsdEFjdGlvblByb3BzID0ge1xuICAgICAgICAgICAgICAgICAga2V5OiBgYWN0aW9uLSR7YnV0dG9uUHJvcHMubGFiZWx9YCxcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ6IFwicXVhdGVybmFyeVwiLFxuICAgICAgICAgICAgICAgICAgc2l6ZTogXCJ4c1wiLFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxBY3Rpb25Db21wb25lbnQgey4uLnJlc3RBY3Rpb25Qcm9wc30gey4uLmRlZmF1bHRBY3Rpb25Qcm9wc30gLz5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICApfVxuXG4gICAgICAgICAge292ZXJmbG93QWN0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgIDxEcm9wZG93bk1lbnVcbiAgICAgICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICAgICAgaWNvbk5hbWU9XCJtb3JlLWhvcml6b250YWxcIlxuICAgICAgICAgICAgICBtZW51SXRlbXM9e292ZXJmbG93QWN0aW9ucy5tYXAoKHsgbGFiZWwsIGljb24sIG9uQ2xpY2sgfSkgPT4gKHtcbiAgICAgICAgICAgICAgICBsYWJlbCxcbiAgICAgICAgICAgICAgICBpY29uLFxuICAgICAgICAgICAgICAgIG9uU2VsZWN0OiBvbkNsaWNrLFxuICAgICAgICAgICAgICB9KSl9XG4gICAgICAgICAgICAgIHRyaWdnZXJBcmlhTGFiZWw9e3Nsb3RQcm9wcy5kcm9wZG93bk1lbnVbXCJhcmlhLWxhYmVsXCJdfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoYXRSZXNwb25zZSh7XG4gIGF2YXRhck5hbWUsXG4gIGF2YXRhckljb24sXG4gIGlzTG9hZGluZyA9IGZhbHNlLFxuICBoYXNFcnJvciA9IGZhbHNlLFxuICBlcnJvck1lc3NhZ2UsXG4gIGFjdGlvbnMsXG4gIHNsb3RQcm9wcyxcbiAgY2hpbGRyZW4sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogQ2hhdFJlc3BvbnNlUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBoYXNBY3Rpb25zID0gYWN0aW9ucyAmJiBhY3Rpb25zLmxlbmd0aCA+IDA7XG4gIGNvbnN0IHNob3dBY3Rpb25zID0gaGFzQWN0aW9ucyAmJiAhaXNMb2FkaW5nO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrXG4gICAgICBzcGFjZT1cInNcIlxuICAgICAgZnVsbFdpZHRoXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNoYXRSZXNwb25zZVwiXG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAgPElubGluZT5cbiAgICAgICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT1cImFpXCI+XG4gICAgICAgICAgPEF2YXRhclxuICAgICAgICAgICAgbGFiZWw9e2F2YXRhck5hbWV9XG4gICAgICAgICAgICBpY29uPXthdmF0YXJJY29ufVxuICAgICAgICAgICAgY29sb3I9XCJwdXJwbGVcIlxuICAgICAgICAgICAgaGlkZVRvb2x0aXBcbiAgICAgICAgICAvPlxuICAgICAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHNpemU9XCJtXCIgd2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgIHthdmF0YXJOYW1lfVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L0lubGluZT5cblxuICAgICAge2lzTG9hZGluZyAmJiAoXG4gICAgICAgIDxTdHlsZWRMb2FkaW5nQ29udGFpbmVyPlxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgbFNwYWNlPVwieGxcIj5cbiAgICAgICAgICAgIDxUZXh0U2tlbGV0b24gbGluZXM9ezJ9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkTG9hZGluZ0NvbnRhaW5lcj5cbiAgICAgICl9XG5cbiAgICAgIHshaXNMb2FkaW5nICYmIChcbiAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBsU3BhY2U9XCJ4bFwiPlxuICAgICAgICAgIHtoYXNFcnJvciA/IChcbiAgICAgICAgICAgIDxJbmxpbmUgcm9sZT1cImFsZXJ0XCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJhbGVydC10cmlhbmdsZVwiIGNvbG9yPVwiZXJyb3JcIiBzaXplPVwic1wiIC8+XG4gICAgICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHNpemU9XCJtXCIgY29sb3I9XCJlcnJvclwiPlxuICAgICAgICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICl9XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cblxuICAgICAge3Nob3dBY3Rpb25zICYmIDxBY3Rpb25zQmFyIGFjdGlvbnM9e2FjdGlvbnN9IHNsb3RQcm9wcz17c2xvdFByb3BzfSAvPn1cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFK0IifQ== */"),ActionsBar=({actions=[],slotProps})=>{if(0===actions.length)return null;let slotsUsed=0,visibleActions=[],overflowActions=[];for(let action of actions)action.component===BinaryFeedback||slotsUsed<MAX_VISIBLE_ACTION_BUTTONS?(visibleActions.push(action),slotsUsed+=1):overflowActions.push(action);return React.createElement(Box,{space:"zero",lSpace:"l"},React.createElement(Box,{space:"zero",lSpace:"xxs"},React.createElement(Inline,{space:"xxxs",vAlignItems:"center"},visibleActions.map(({component:ActionComponent,...restActionProps})=>{let defaultActionProps={};return ActionComponent===BinaryFeedback&&(defaultActionProps={key:`action-feedback-${restActionProps.positiveOption?.value??"positive"}-${restActionProps.negativeOption?.value??"negative"}`,positiveOption:restActionProps.positiveOption??{label:"Positive",value:"positive"},negativeOption:restActionProps.negativeOption??{label:"Negative",value:"negative"},iconOnly:!0,size:"xs"}),ActionComponent===PictogramButton&&(defaultActionProps={key:`action-${restActionProps.label}`,variant:"quaternary",size:"xs"}),React.createElement(ActionComponent,{...restActionProps,...defaultActionProps})}),overflowActions.length>0&&React.createElement(DropdownMenu,{size:"xs",iconName:"more-horizontal",menuItems:overflowActions.map(({label,icon,onClick})=>({label,icon,onSelect:onClick})),triggerAriaLabel:slotProps.dropdownMenu["aria-label"]}))))};export function ChatResponse({avatarName,avatarIcon,isLoading=!1,hasError=!1,errorMessage,actions,slotProps,children,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let hasActions=actions&&actions.length>0;return React.createElement(Stack,{space:"s",fullWidth:!0,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ChatResponse",...ariaAttributes},React.createElement(Inline,null,React.createElement(SubThemeProvider,{name:"ai"},React.createElement(Avatar,{label:avatarName,icon:avatarIcon,color:"purple",hideTooltip:!0})),React.createElement(Text,{as:"span",size:"m",weight:"bold"},avatarName)),isLoading&&React.createElement(StyledLoadingContainer,null,React.createElement(Box,{space:"zero",lSpace:"xl"},React.createElement(TextSkeleton,{lines:2}))),!isLoading&&React.createElement(Box,{space:"zero",lSpace:"xl"},hasError?React.createElement(Inline,{role:"alert",vAlignItems:"center",space:"xs"},React.createElement(Icon,{name:"alert-triangle",color:"error",size:"s"}),React.createElement(Text,{as:"span",size:"m",color:"error"},errorMessage)):children),hasActions&&!isLoading&&React.createElement(ActionsBar,{actions:actions,slotProps:slotProps}))}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const CHAT_CONTENT_FLUID_WIDTH = 80;
|
|
2
|
+
export declare const CHAT_CONTENT_WIDTH_MAX = 448;
|
|
3
|
+
/**
|
|
4
|
+
* Maximum number of visible action buttons (including built-in defaults)
|
|
5
|
+
* before overflow actions are rendered inside a dropdown menu.
|
|
6
|
+
*/
|
|
7
|
+
export declare const MAX_VISIBLE_ACTION_BUTTONS = 5;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const CHAT_CONTENT_FLUID_WIDTH=80;export const CHAT_CONTENT_WIDTH_MAX=448;export const MAX_VISIBLE_ACTION_BUTTONS=5;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{ChatResponse}from"./ChatResponse";
|
|
@@ -11,7 +11,7 @@ export type EmptyStateProps = {
|
|
|
11
11
|
/** Optional descriptive text below the title */
|
|
12
12
|
description?: string;
|
|
13
13
|
/** Visual style variant that determines default icon and color scheme */
|
|
14
|
-
variant?: "brand" | "warning" | "error" | "neutral";
|
|
14
|
+
variant?: "brand" | "warning" | "error" | "neutral" | "ai";
|
|
15
15
|
/** Custom icon to override the default for the type */
|
|
16
16
|
icon?: IconName;
|
|
17
17
|
/** Optional action element: either EmptyState.ButtonGroup or EmptyState.Link */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{mergeAriaDescribedBy}from"../../../shared/ariaAttributes";import{IconTile}from"../../IconTile/IconTile";import{Link}from"../../Link/Link";import{Stack}from"../../Stack/Stack";import{H3}from"../../Typography/Header";import{Text}from"../../Typography/Text";import{ButtonGroup}from"../ButtonGroup/ButtonGroup";let DEFAULT_ICONS_BY_VARIANT={brand:"face-happy",warning:"alert-circle",error:"alert-triangle",neutral:"info"},ICON_COLORS={brand:"brand",warning:"yellow",error:"red",neutral:"gray"};export function EmptyState({title,titleAs="p",description,variant,icon,children,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let reactId=React.useId(),descriptionId=description&&React.isValidElement(children)?`${reactId}-description`:void 0,action=descriptionId&&React.isValidElement(children)?React.cloneElement(children,{"aria-describedby":mergeAriaDescribedBy(children.props["aria-describedby"],descriptionId)}):children;return React.createElement(Stack,{alignItems:"center",space:"s","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EmptyState",...ariaAttributes},variant&&React.createElement(IconTile,{icon:icon??DEFAULT_ICONS_BY_VARIANT[variant],color:ICON_COLORS[variant],"aria-hidden":!0}),React.createElement(Stack,{space:"zero",alignItems:"center"},React.createElement(H3,{as:titleAs},title),description&&React.createElement(Text,{id:descriptionId,align:"center",size:"s",color:"tertiary"},description)),action)}EmptyState.ButtonGroup=function({...rest}){return React.createElement(ButtonGroup,{...rest,buttonSize:"s"})},EmptyState.Link=function({children,...rest}){return React.createElement(Link,{...rest,size:"s",color:"accent",weight:"bold",inline:!1},children)};
|
|
1
|
+
import React from"react";import{mergeAriaDescribedBy}from"../../../shared/ariaAttributes";import{IconTile}from"../../IconTile/IconTile";import{Link}from"../../Link/Link";import{Stack}from"../../Stack/Stack";import{H3}from"../../Typography/Header";import{Text}from"../../Typography/Text";import{ButtonGroup}from"../ButtonGroup/ButtonGroup";let DEFAULT_ICONS_BY_VARIANT={brand:"face-happy",warning:"alert-circle",error:"alert-triangle",neutral:"info",ai:"ai-sparkle"},ICON_COLORS={brand:"brand",warning:"yellow",error:"red",neutral:"gray",ai:"purple"};export function EmptyState({title,titleAs="p",description,variant,icon,children,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let reactId=React.useId(),descriptionId=description&&React.isValidElement(children)?`${reactId}-description`:void 0,action=descriptionId&&React.isValidElement(children)?React.cloneElement(children,{"aria-describedby":mergeAriaDescribedBy(children.props["aria-describedby"],descriptionId)}):children;return React.createElement(Stack,{alignItems:"center",space:"s","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EmptyState",...ariaAttributes},variant&&React.createElement(IconTile,{icon:icon??DEFAULT_ICONS_BY_VARIANT[variant],color:ICON_COLORS[variant],"aria-hidden":!0}),React.createElement(Stack,{space:"zero",alignItems:"center"},React.createElement(H3,{as:titleAs},title),description&&React.createElement(Text,{id:descriptionId,align:"center",size:"s",color:"tertiary"},description)),action)}EmptyState.ButtonGroup=function({...rest}){return React.createElement(ButtonGroup,{...rest,buttonSize:"s"})},EmptyState.Link=function({children,...rest}){return React.createElement(Link,{...rest,size:"s",color:"accent",weight:"bold",inline:!1},children)};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { CSSProperties, RefObject } from "react";
|
|
2
|
+
import type { OffsetOptions, Placement, Strategy } from "@floating-ui/react-dom";
|
|
3
|
+
import type { ViewportPlacement } from "./utils";
|
|
4
|
+
export type { ViewportPlacement } from "./utils";
|
|
5
|
+
export type { Placement } from "@floating-ui/react-dom";
|
|
6
|
+
/** Position relative to an anchor element. */
|
|
7
|
+
type AnchorModeProps = {
|
|
8
|
+
mode?: "anchor";
|
|
9
|
+
/** The element to position the floating element against. */
|
|
10
|
+
anchorRef: RefObject<HTMLElement | null>;
|
|
11
|
+
/** Side (and optional alignment) to place the element on. Default `"bottom"`. */
|
|
12
|
+
placement?: Placement;
|
|
13
|
+
/** Gap between the anchor and the floating element. Default `0`. */
|
|
14
|
+
offset?: OffsetOptions;
|
|
15
|
+
/** Flip to the opposite side when it would overflow. Default `true`. */
|
|
16
|
+
flip?: boolean;
|
|
17
|
+
/** Slide along the axis to stay in view near edges. Default `true`. */
|
|
18
|
+
shift?: boolean;
|
|
19
|
+
};
|
|
20
|
+
/** Pin to a spot in the viewport, regardless of scroll. */
|
|
21
|
+
type ViewportModeProps = {
|
|
22
|
+
mode: "viewport";
|
|
23
|
+
/** Viewport spot to pin the element to. Default `"bottom"`. */
|
|
24
|
+
placement?: ViewportPlacement;
|
|
25
|
+
/** Inset from the viewport edge(s), in px. Default `0`. */
|
|
26
|
+
offset?: number;
|
|
27
|
+
};
|
|
28
|
+
export type UseFloatingPositionProps = (AnchorModeProps | ViewportModeProps) & {
|
|
29
|
+
/** Position listeners run only while open. Default `true`. */
|
|
30
|
+
isOpen?: boolean;
|
|
31
|
+
};
|
|
32
|
+
export type UseFloatingPositionReturn = {
|
|
33
|
+
/** Attach to the floating element: `ref={setFloating}`. */
|
|
34
|
+
setFloating: (node: HTMLElement | null) => void;
|
|
35
|
+
/** Positioning styles to spread onto the floating element. */
|
|
36
|
+
floatingStyles: CSSProperties;
|
|
37
|
+
/** The resolved placement (may differ from the requested one after `flip`). */
|
|
38
|
+
placement: Placement;
|
|
39
|
+
/** The CSS positioning strategy in use (`"absolute"` or `"fixed"`). */
|
|
40
|
+
strategy: Strategy;
|
|
41
|
+
/** `false` until the element has been measured — gate visibility on this to avoid a flash. */
|
|
42
|
+
isPositioned: boolean;
|
|
43
|
+
/** Imperatively recompute the position. */
|
|
44
|
+
update: () => void;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Headless positioning primitive built on floating-ui. Positions a floating
|
|
48
|
+
* element against either an anchor element (`mode: "anchor"`) or a spot in the
|
|
49
|
+
* viewport (`mode: "viewport"`). Returns positioning data only — the caller
|
|
50
|
+
* renders and portals the element. See `README.md`.
|
|
51
|
+
*/
|
|
52
|
+
export declare function useFloatingPosition(props: UseFloatingPositionProps): UseFloatingPositionReturn;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useLayoutEffect,useMemo}from"react";import{useFloating,autoUpdate,offset as offsetMiddleware,flip as flipMiddleware,shift as shiftMiddleware}from"@floating-ui/react-dom";import{useWindow}from"../../../shared/useWindow";import{useDocument}from"../../../shared/useDocument";import{getViewportReferenceRect,viewportToFloatingPlacement}from"./utils";export function useFloatingPosition(props){let{isOpen=!0}=props,isViewportMode="viewport"===props.mode,window=useWindow(),document=useDocument(),{anchorPlacement,viewportPlacement,anchorOffset,viewportOffset,flipEnabled,shiftEnabled,anchorRef}="viewport"===props.mode?{anchorPlacement:void 0,viewportPlacement:props.placement??"bottom",anchorOffset:0,viewportOffset:props.offset??0,flipEnabled:!1,shiftEnabled:!1,anchorRef:null}:{anchorPlacement:props.placement??"bottom",viewportPlacement:void 0,anchorOffset:props.offset??0,viewportOffset:0,flipEnabled:!1!==props.flip,shiftEnabled:!1!==props.shift,anchorRef:props.anchorRef??null},middleware=useMemo(()=>isViewportMode?[]:[offsetMiddleware(anchorOffset),...flipEnabled?[flipMiddleware()]:[],...shiftEnabled?[shiftMiddleware({padding:8})]:[]],[isViewportMode,anchorOffset,flipEnabled,shiftEnabled]),virtualReference=useMemo(()=>viewportPlacement?{getBoundingClientRect:()=>getViewportReferenceRect(viewportPlacement,document&&document.documentElement.clientWidth||window&&window.innerWidth||0,window&&window.innerHeight||document&&document.documentElement.clientHeight||0,viewportOffset)}:null,[viewportPlacement,viewportOffset,window,document]),{refs,floatingStyles,placement,strategy,isPositioned,update}=useFloating({open:isOpen,strategy:isViewportMode?"fixed":"absolute",placement:viewportPlacement?viewportToFloatingPlacement(viewportPlacement):anchorPlacement,middleware,whileElementsMounted:isOpen?autoUpdate:void 0});return useLayoutEffect(()=>{virtualReference?refs.setReference(virtualReference):anchorRef&&refs.setReference(anchorRef.current)},[virtualReference,anchorRef,refs,isOpen]),{setFloating:refs.setFloating,floatingStyles,placement,strategy,isPositioned,update}}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { Placement } from "@floating-ui/react-dom";
|
|
2
|
+
/**
|
|
3
|
+
* Viewport-mode placements — the spot in the viewport the element is pinned to.
|
|
4
|
+
* Derived from floating-ui's `Placement`, minus the redundant left/right corner
|
|
5
|
+
* spellings (`left-start` is the same corner as `top-start`, etc.). `"center"`
|
|
6
|
+
* is not a `Placement` and is intentionally not supported yet, could be added later if needed.
|
|
7
|
+
*/
|
|
8
|
+
export type ViewportPlacement = Exclude<Placement, "left-start" | "left-end" | "right-start" | "right-end">;
|
|
9
|
+
/** Shape returned by a viewport virtual reference's `getBoundingClientRect`. */
|
|
10
|
+
export type ViewportRect = {
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
width: number;
|
|
14
|
+
height: number;
|
|
15
|
+
top: number;
|
|
16
|
+
left: number;
|
|
17
|
+
right: number;
|
|
18
|
+
bottom: number;
|
|
19
|
+
};
|
|
20
|
+
/** The floating-ui placement that pins the element to a given viewport spot. */
|
|
21
|
+
export declare function viewportToFloatingPlacement(placement: ViewportPlacement): Placement;
|
|
22
|
+
/**
|
|
23
|
+
* Builds the (zero-size) reference rect for a viewport spot, in viewport
|
|
24
|
+
* coordinates — used by the virtual element under `strategy: "fixed"`.
|
|
25
|
+
*/
|
|
26
|
+
export declare function getViewportReferenceRect(placement: ViewportPlacement, viewportWidth: number, viewportHeight: number, offset: number): ViewportRect;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let VIEWPORT_PLACEMENTS={top:{placement:"bottom",point:(viewportWidth,_viewportHeight,offset)=>({x:viewportWidth/2,y:offset})},bottom:{placement:"top",point:(viewportWidth,viewportHeight,offset)=>({x:viewportWidth/2,y:viewportHeight-offset})},left:{placement:"right",point:(_viewportWidth,viewportHeight,offset)=>({x:offset,y:viewportHeight/2})},right:{placement:"left",point:(viewportWidth,viewportHeight,offset)=>({x:viewportWidth-offset,y:viewportHeight/2})},"top-start":{placement:"bottom-start",point:(_viewportWidth,_viewportHeight,offset)=>({x:offset,y:offset})},"top-end":{placement:"bottom-end",point:(viewportWidth,_viewportHeight,offset)=>({x:viewportWidth-offset,y:offset})},"bottom-start":{placement:"top-start",point:(_viewportWidth,viewportHeight,offset)=>({x:offset,y:viewportHeight-offset})},"bottom-end":{placement:"top-end",point:(viewportWidth,viewportHeight,offset)=>({x:viewportWidth-offset,y:viewportHeight-offset})}};export function viewportToFloatingPlacement(placement){return VIEWPORT_PLACEMENTS[placement].placement}export function getViewportReferenceRect(placement,viewportWidth,viewportHeight,offset){let{x,y}=VIEWPORT_PLACEMENTS[placement].point(viewportWidth,viewportHeight,offset);return{x,y,width:0,height:0,top:y,left:x,right:x,bottom:y}}
|
package/build/esm/index.d.ts
CHANGED
|
@@ -15,6 +15,8 @@ export * from "./components/Callout/Callout";
|
|
|
15
15
|
export * from "./components/Card/Card";
|
|
16
16
|
export * from "./components/Card/CardBox";
|
|
17
17
|
export * from "./components/CatalogCard/CatalogCard";
|
|
18
|
+
export * from "./components/ChatMessage";
|
|
19
|
+
export * from "./components/ChatResponse";
|
|
18
20
|
export * from "./components/CheckboxCard/CheckboxCard";
|
|
19
21
|
export * from "./components/Collapsible/Collapsible";
|
|
20
22
|
export * from "./components/ColorIndicator/ColorIndicator";
|
|
@@ -110,4 +112,3 @@ export * from "./components/Content/ContentTableModal/ContentTableModal";
|
|
|
110
112
|
export * from "./components/Content/DosageButton";
|
|
111
113
|
export * from "./components/Content/ReferenceButton";
|
|
112
114
|
export * from "./components/AIButton/AIButton";
|
|
113
|
-
export * from "./components/Internal/LayoutManager";
|
package/build/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptButton/PromptButton";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/useAnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentCheckbox/ContentCheckbox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/ContentList";export*from"./components/Content/ContentTable";export*from"./components/Content/ContentTableModal/ContentTableModal";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";export*from"./components/AIButton/AIButton";
|
|
1
|
+
import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/ChatMessage";export*from"./components/ChatResponse";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptButton/PromptButton";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/useAnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentCheckbox/ContentCheckbox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/ContentList";export*from"./components/Content/ContentTable";export*from"./components/Content/ContentTableModal/ContentTableModal";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";export*from"./components/AIButton/AIButton";
|