@gooddata/sdk-ui-semantic-search 10.10.0-alpha.9 → 10.11.0-alpha.0

package/styles/css/main.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 .gd-semantic-search__results-item {
   display: flex;
   flex-direction: row;
@@ -9,7 +8,7 @@
   height: 50px;
   text-decoration: none;
 }
-.gd-semantic-search__results-item:hover {
+.gd-semantic-search__results-item:hover, .gd-semantic-search__results-item:focus, .gd-semantic-search__results-item:active, .gd-semantic-search__results-item:visited {
   text-decoration: none;
 }
 .gd-semantic-search__results-item--active {
@@ -17,63 +16,38 @@
   background: var(--gd-palette-complementary-2, #ebeff4);
 }
 .gd-semantic-search__results-item__icon {
-  width: 32px;
-  height: 32px;
+  width: 26px;
+  height: 26px;
   display: flex;
   align-items: center;
 }
 .gd-semantic-search__results-item__icon > svg {
-  width: 32px;
-  height: 32px;
-}
-.gd-semantic-search__results-item__icon--history {
-  width: 17px;
-  height: 17px;
-  display: flex;
-  align-items: center;
-}
-.gd-semantic-search__results-item__icon--history > svg {
-  width: 17px;
-  height: 17px;
+  width: 26px;
+  height: 26px;
 }
 .gd-semantic-search__results-item__text {
-  flex-grow: 1;
-  font-weight: 400;
-  color: var(--gd-palette-complementary-8, #464e56);
-  font-size: 14px;
-}
-.gd-semantic-search__results-item__text--history {
+  flex: 1;
   min-width: 0;
-  line-height: 1.4rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.gd-semantic-search__results-item__text--result {
   display: flex;
   flex-direction: column;
+  font-weight: 400;
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-size: 14px;
+  line-height: 20px;
 }
-.gd-semantic-search__results-item__text__1 {
+.gd-semantic-search__results-item__text__row {
   display: flex;
   flex-direction: row;
-  align-items: center;
-  gap: 0.3em;
-  min-width: 0;
-  line-height: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  gap: 5px;
 }
-.gd-semantic-search__results-item__text__2 {
-  min-width: 0;
-  line-height: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.gd-semantic-search__results-item__text__row:not(:first-child) {
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
-.gd-semantic-search__results-item__text__lock-icon {
-  width: 14px;
+.gd-semantic-search__results-item__text__ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 1;
 }
 .gd-semantic-search__results-item__details {
   width: 16px;
@@ -113,15 +87,11 @@
   text-transform: none;
   font-size: 12px;
 }
-.gd-semantic-search__results-item__annotation:after {
-  content: " • ";
-}
-.gd-semantic-search__results-item__annotation:last-child:after {
-  content: "";
-}
-
 .gd-semantic-search__bubble.bubble.bubble-light {
   background: var(--gd-palette-complementary-0, #fff);
 }
+.gd-semantic-search__bubble_trigger {
+  display: flex;
+}
 
 /*# sourceMappingURL=main.css.map */

package/styles/css/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":";AA4BI;EAGI;EACA;EACA;EACA;EACA;EACA;EACA,QARc;EASd;;AAEA;EACI;;AAGJ;EACI,OCTI;EDUJ,YC+DY;;AD5DhB;EA1CJ,OA2CsB;EA1CtB,QA0CsB;EAzCtB;EACA;;AAEA;EAEI,OAoCkB;EAnClB,QAmCkB;;AAEd;EA7CR,OA8C0B;EA7C1B,QA6C0B;EA5C1B;EACA;;AAEA;EAEI,OAuCsB;EAtCtB,QAsCsB;;AAItB;EACI;EACA;EACA,OC9BI;ED+BJ;;AAEA;EA3CR;EACA,aA2C8B;EA1C9B;EACA;EACA;;AA2CQ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EAxDZ;EACA,aAwD8B;EAvD9B;EACA;EACA;;AAwDQ;EA5DR;EACA,aA4D8B;EA3D9B;EACA;EACA;EA0DY,OC3DO;;AD8DX;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OCjGG;;ADoGP;EACI;EACA;EACA;;AAIA;EACI;EACA;;AAOZ;EACI;;AAGJ;EACI;;;AAMhB;EACI,YCtIa","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAoBI;EAGI;EACA;EACA;EACA;EACA;EACA;EACA,QARc;EASd;;AAEA;EAII;;AAGJ;EACI,OCJI;EDKJ,YCoEY;;ADjEhB;EArCJ,OAsCsB;EArCtB,QAqCsB;EApCtB;EACA;;AAEA;EAEI,OA+BkB;EA9BlB,QA8BkB;;AAGlB;EACI;EACA;EACA;EACA;EACA;EACA,OCxBI;EDyBJ;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI,OCzCG;;AD6CX;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OCnFG;;ADsFP;EACI;EACA;EACA;;AAIA;EACI;EACA;;AAOpB;EACI,YC7GS;;ADgHb;EACI","file":"main.css"}

package/styles/scss/internal.scss

@@ -4,18 +4,20 @@
 @use "sass:meta";
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 @use "@gooddata/sdk-ui-kit/styles/scss/mixins" as kit-mixins;
-@use "./main.scss";
+@use "./main.scss" as main;
 
 .gd-semantic-search {
     &__overlay {
         background: kit-variables.$gd-color-white;
         margin: 10px 0;
 
-        &--fixed {
+        // Desktop view
+        .gd-header-search-dropdown & {
             width: 440px;
         }
 
-        &--mobile {
+        // Mobile view
+        .gd-header-menu-search & {
             .gd-semantic-search__overlay-input {
                 margin-bottom: 10px;
             }
@@ -41,74 +43,27 @@
     &__overlay-no-results {
         height: 100px;
     }
-}
-
-.gd-header-search {
-    height: 100%;
-    margin: 0;
-    line-height: 42px;
-    opacity: 0.8;
-    cursor: pointer;
-    transition: all 0.2s;
-    font-size: 14px;
-    font-weight: 400;
-    position: relative;
-    box-sizing: border-box;
-    padding: 0 34px 2px 13px;
-
-    @include kit-mixins.text-overflow;
-
-    &:hover,
-    &.is-open {
-        opacity: 1;
-    }
-
-    &::after {
-        content: "\e612";
-        position: absolute;
-        top: 0;
-        right: 11px;
-        margin-left: 11px;
-        width: 12px;
-        opacity: 0.5;
-        text-align: center;
-        font-family: kit-variables.$gd-font-indigo;
-        font-size: 18px;
-        font-weight: 700;
-    }
-
-    &.is-open::after {
-        content: "\e613";
-    }
 
-    &:hover {
-        background: rgba(255, 255, 255, 0.3);
-    }
-
-    &.is-open {
-        background-color: rgba(255, 255, 255, 0.3);
-    }
+    &__results-item {
+        &--history &__icon {
+            @include main.icon(17px);
+        }
 
-    &-dropdown {
-        overflow: hidden;
+        &__text {
+            &__lock-icon {
+                width: 14px;
 
-        .gd-list {
-            min-width: 210px;
+                & svg {
+                    width: 14px;
+                    height: 14px;
+                }
+            }
 
-            .gd-list-item {
-                font-family: kit-variables.$gd-font-primary;
-                font-weight: 400;
+            &__row:not(:first-child) {
+                :not(:first-child):before {
+                    content: "•\0000a0";
+                }
             }
         }
     }
 }
-
-.gd-icon-header-search-button {
-    vertical-align: middle;
-    opacity: 0.8;
-    margin-right: 6px;
-
-    &::before {
-        content: "\e62b";
-    }
-}

package/styles/scss/main.scss

@@ -17,14 +17,6 @@
     }
 }
 
-@mixin ellipsis($line-height) {
-    min-width: 0; // A hack to make ellipsis work in flexbox
-    line-height: $line-height;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
 .gd-semantic-search {
     &__results-item {
         $line-height: 50px;
@@ -38,7 +30,10 @@
         height: $line-height;
         text-decoration: none;
 
-        &:hover {
+        &:hover,
+        &:focus,
+        &:active,
+        &:visited {
             text-decoration: none;
         }
 
@@ -48,43 +43,34 @@
         }
 
         &__icon {
-            @include icon(32px);
-
-            &--history {
-                @include icon(17px);
-            }
+            @include icon(26px);
         }
 
         &__text {
-            flex-grow: 1;
+            flex: 1;
+            min-width: 0; // A hack to make ellipsis work in flexbox
+            display: flex;
+            flex-direction: column;
             font-weight: 400;
             color: kit-variables.$gd-color-text;
             font-size: 14px;
+            line-height: 20px;
 
-            &--history {
-                @include ellipsis(1.4rem);
-            }
-
-            &--result {
-                display: flex;
-                flex-direction: column;
-            }
-
-            &__1 {
+            &__row {
                 display: flex;
                 flex-direction: row;
-                align-items: center;
-                gap: 0.3em;
-                @include ellipsis(20px);
-            }
+                gap: 5px;
 
-            &__2 {
-                @include ellipsis(20px);
-                color: kit-variables.$gd-color-state-blank;
+                &:not(:first-child) {
+                    color: kit-variables.$gd-color-state-blank;
+                }
             }
 
-            &__lock-icon {
-                width: 14px;
+            &__ellipsis {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                flex-shrink: 1;
             }
         }
 
@@ -135,19 +121,13 @@
                 }
             }
         }
+    }
 
-        &__annotation {
-            &:after {
-                content: "\0000a0•\0000a0";
-            }
-
-            &:last-child:after {
-                content: "";
-            }
-        }
+    &__bubble.bubble.bubble-light {
+        background: kit-variables.$gd-color-white;
     }
-}
 
-.gd-semantic-search__bubble.bubble.bubble-light {
-    background: kit-variables.$gd-color-white;
+    &__bubble_trigger {
+        display: flex;
+    }
 }

package/esm/internal/HeaderMobileSearch.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { HeaderSearchButtonProps } from "./HeaderSearchButton.js";
-/**
- * A version of the search overlay that is optimized for mobile devices.
- * @internal
- */
-export declare const HeaderMobileSearch: ({ locale, ...props }: HeaderSearchButtonProps) => React.JSX.Element;
-//# sourceMappingURL=HeaderMobileSearch.d.ts.map

package/esm/internal/HeaderMobileSearch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderMobileSearch.d.ts","sourceRoot":"","sources":["../../src/internal/HeaderMobileSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA+B,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAwB/F;;;GAGG;AACH,eAAO,MAAM,kBAAkB,yBAA0B,uBAAuB,sBAI/E,CAAC"}

package/esm/internal/HeaderMobileSearch.js

@@ -1,18 +0,0 @@
-// (C) 2007-2024 GoodData Corporation
-import * as React from "react";
-import { SearchOverlay } from "./SearchOverlay.js";
-import { MetadataTimezoneProvider } from "./metadataTimezoneContext.js";
-import { injectIntl } from "react-intl";
-import { IntlWrapper } from "@gooddata/sdk-ui";
-const HeaderMobileSearchCore = ({ onSelect, metadataTimezone, ...overlayProps }) => {
-    return (React.createElement(MetadataTimezoneProvider, { value: metadataTimezone },
-        React.createElement(SearchOverlay, { onSelect: onSelect, className: "gd-semantic-search__overlay--mobile", ...overlayProps })));
-};
-const HeaderMobileSearchWithIntl = injectIntl(HeaderMobileSearchCore);
-/**
- * A version of the search overlay that is optimized for mobile devices.
- * @internal
- */
-export const HeaderMobileSearch = ({ locale, ...props }) => (React.createElement(IntlWrapper, { locale: locale },
-    React.createElement(HeaderMobileSearchWithIntl, { ...props })));
-//# sourceMappingURL=HeaderMobileSearch.js.map

package/esm/internal/HeaderMobileSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderMobileSearch.js","sourceRoot":"","sources":["../../src/internal/HeaderMobileSearch.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,sBAAsB,GAA0C,CAAC,EACnE,QAAQ,EACR,gBAAgB,EAChB,GAAG,YAAY,EAClB,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,wBAAwB,IAAC,KAAK,EAAE,gBAAgB;QAC7C,oBAAC,aAAa,IACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,qCAAqC,KAC3C,YAAY,GAClB,CACqB,CAC9B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAEtE;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CACjF,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM;IACvB,oBAAC,0BAA0B,OAAK,KAAK,GAAI,CAC/B,CACjB,CAAC"}

package/esm/internal/HeaderSearchButton.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import { SearchOverlayProps } from "./SearchOverlay.js";
-import { ISemanticSearchResultItem } from "@gooddata/sdk-model";
-import { IIntlWrapperProps } from "@gooddata/sdk-ui";
-/**
- * Props for the HeaderSearchButton component.
- * @internal
- */
-export type HeaderSearchButtonCoreProps = SearchOverlayProps & {
-    /**
-     * Callback to be called when an item is selected.
-     * @param item - the selected item
-     * @param e - the event that triggered the selection
-     * @param itemUrl - the URL of the selected item, if available
-     */
-    onSelect: (item: ISemanticSearchResultItem, e: MouseEvent | KeyboardEvent, itemUrl?: string) => void;
-    /**
-     * Timezone in which metadata created and updated dates are saved.
-     * It's used to convert the date to the user's local timezone for display.
-     */
-    metadataTimezone?: string;
-};
-export type HeaderSearchButtonProps = Omit<HeaderSearchButtonCoreProps, "intl"> & Pick<IIntlWrapperProps, "locale">;
-/**
- * A search button / drop down trigger for the Header menu
- * @internal
- */
-export declare const HeaderSearchButton: ({ locale, ...props }: Omit<HeaderSearchButtonProps, "intl"> & {
-    locale?: string | undefined;
-}) => React.JSX.Element;
-//# sourceMappingURL=HeaderSearchButton.d.ts.map

package/esm/internal/HeaderSearchButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderSearchButton.d.ts","sourceRoot":"","sources":["../../src/internal/HeaderSearchButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAiB,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAe,MAAM,kBAAkB,CAAC;AAIlE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,GAAG;IAC3D;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,yBAAyB,EAAE,CAAC,EAAE,UAAU,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrG;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AA2EF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,2BAA2B,EAAE,MAAM,CAAC,GAC3E,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;AAEtC;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;uBAS9B,CAAC"}

package/esm/internal/HeaderSearchButton.js

@@ -1,50 +0,0 @@
-// (C) 2007-2024 GoodData Corporation
-import React from "react";
-import cx from "classnames";
-import { FormattedMessage, injectIntl } from "react-intl";
-import { Button, Overlay } from "@gooddata/sdk-ui-kit";
-import { SearchOverlay } from "./SearchOverlay.js";
-import { MetadataTimezoneProvider } from "./metadataTimezoneContext.js";
-import { IntlWrapper } from "@gooddata/sdk-ui";
-const ALIGN_POINTS = [{ align: "br tr" }];
-const HeaderSearchButtonCore = ({ onSelect, metadataTimezone, ...overlayProps }) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const classNames = cx("gd-header-measure", "gd-header-button", "gd-header-search", { "is-open": isOpen });
-    // Handle Cmd+K and Ctrl+K shortcuts
-    React.useEffect(() => {
-        const shortcutHandler = (event) => {
-            if (event.key === "k" && (event.ctrlKey || event.metaKey)) {
-                setIsOpen(true);
-            }
-        };
-        if (!isOpen) {
-            document.addEventListener("keydown", shortcutHandler);
-        }
-        return () => {
-            document.removeEventListener("keydown", shortcutHandler);
-        };
-    }, [isOpen]);
-    // Inject dialog closing into a callback
-    const handleSelect = React.useCallback((item, e, url) => {
-        setIsOpen(false);
-        return onSelect(item, e, url);
-    }, [onSelect, setIsOpen]);
-    return (React.createElement(Button, { title: overlayProps.intl.formatMessage({ id: "gs.header.search" }), className: classNames, onClick: () => setIsOpen(true) },
-        React.createElement("span", { className: "gd-icon-header-search-button" }),
-        React.createElement("span", { className: "gd-header-search-label" },
-            React.createElement(FormattedMessage, { id: "gs.header.search" })),
-        isOpen ? (React.createElement(Overlay, { isModal: false, alignTo: ".gd-header-search", alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: () => setIsOpen(false), ignoreClicksOnByClass: [".gd-bubble", ".gd-semantic-search__results-item"] },
-            React.createElement(MetadataTimezoneProvider, { value: metadataTimezone },
-                React.createElement("div", { className: "gd-dialog gd-dropdown overlay gd-header-search-dropdown" },
-                    React.createElement(SearchOverlay, { onSelect: handleSelect, className: "gd-semantic-search__overlay--fixed", ...overlayProps }))))) : null));
-};
-const HeaderSearchButtonWithIntl = injectIntl(HeaderSearchButtonCore);
-/**
- * A search button / drop down trigger for the Header menu
- * @internal
- */
-export const HeaderSearchButton = ({ locale, ...props }) => {
-    return (React.createElement(IntlWrapper, { locale: locale },
-        React.createElement(HeaderSearchButtonWithIntl, { ...props })));
-};
-//# sourceMappingURL=HeaderSearchButton.js.map

package/esm/internal/HeaderSearchButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderSearchButton.js","sourceRoot":"","sources":["../../src/internal/HeaderSearchButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAsB,MAAM,oBAAoB,CAAC;AAEvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAqB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAqB1C,MAAM,sBAAsB,GAA0C,CAAC,EACnE,QAAQ,EACR,gBAAgB,EAChB,GAAG,YAAY,EAClB,EAAE,EAAE;IACD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,EAAE,CAAC,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;IAE1G,oCAAoC;IACpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,eAAe,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxD,SAAS,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;QACL,CAAC,CAAC;QAEF,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QAC1D,CAAC;QAED,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,wCAAwC;IACxC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,IAA+B,EAAE,CAA6B,EAAE,GAAY,EAAE,EAAE;QAC7E,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,IACH,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,EAClE,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAE9B,8BAAM,SAAS,EAAC,8BAA8B,GAAQ;QACtD,8BAAM,SAAS,EAAC,wBAAwB;YACpC,oBAAC,gBAAgB,IAAC,EAAE,EAAC,kBAAkB,GAAG,CACvC;QACN,MAAM,CAAC,CAAC,CAAC,CACN,oBAAC,OAAO,IACJ,OAAO,EAAE,KAAK,EACd,OAAO,EAAC,mBAAmB,EAC3B,WAAW,EAAE,YAAY,EACzB,aAAa,QACb,mBAAmB,QACnB,mBAAmB,EAAE,KAAK,EAC1B,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,qBAAqB,EAAE,CAAC,YAAY,EAAE,mCAAmC,CAAC;YAE1E,oBAAC,wBAAwB,IAAC,KAAK,EAAE,gBAAgB;gBAC7C,6BAAK,SAAS,EAAC,yDAAyD;oBACpE,oBAAC,aAAa,IACV,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,oCAAoC,KAC1C,YAAY,GAClB,CACA,CACiB,CACrB,CACb,CAAC,CAAC,CAAC,IAAI,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAKtE;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAC/B,MAAM,EACN,GAAG,KAAK,EACkD,EAAE,EAAE;IAC9D,OAAO,CACH,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM;QACvB,oBAAC,0BAA0B,OAAK,KAAK,GAAI,CAC/B,CACjB,CAAC;AACN,CAAC,CAAC"}

package/esm/utils/renderLoack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderLoack.d.ts","sourceRoot":"","sources":["../../src/utils/renderLoack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,UAAU,aAAc,SAAS,yBAAyB,CAAC,6BAIvE,CAAC"}

package/esm/utils/renderLoack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderLoack.js","sourceRoot":"","sources":["../../src/utils/renderLoack.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAA6C,EAAE,EAAE;IACxE,IAAI,CAAC,QAAQ,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,oBAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,mDAAmD,GAAG,CAAC;AACvF,CAAC,CAAC"}