@gooddata/sdk-ui-kit 11.56.0-alpha.0 → 11.56.0-alpha.1

package/esm/@ui/hooks/useScopedId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScopedId.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useScopedId.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC;;;;;;CAatC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,EAAE,MAAM,UAI1D;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,EAAE,MAAM,sBAKlE;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC9D,WAAW,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,+DAA2D,CAAC"}
+{"version":3,"file":"useScopedId.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useScopedId.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM;kCAI7C;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;;CAS5D,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,EAAE,MAAM,UAI1D;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,EAAE,MAAM,sBAKlE;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC9D,WAAW,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,+DAA2D,CAAC"}

package/esm/@ui/hooks/useVirtualizerRectObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualizerRectObserver.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useVirtualizerRectObserver.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItE;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CAAC,cAAc,SAAS,OAAO,EACrE,gBAAgB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAClD,cAAc,EAAE,MAAM,2GA2BzB"}
+{"version":3,"file":"useVirtualizerRectObserver.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useVirtualizerRectObserver.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItE;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CAAC,cAAc,SAAS,OAAO,EACrE,gBAAgB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAClD,cAAc,EAAE,MAAM,eAKN,WAAW,CAAC,cAAc,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,8BAsBjF"}

package/esm/AddButton/AddButton.js

@@ -23,7 +23,5 @@ export function AddButton({ title, isDisabled, onClick, tooltip, tooltipAlignPoi
     if (!tooltip) {
         return (_jsx(Button, { className: buttonClassNames, onClick: handleClick, children: title }));
     }
-    return (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [
-            _jsx(Button, { className: buttonClassNames, onClick: handleClick, children: title }), _jsx(Bubble, { className: "bubble-primary", alignPoints: tooltipAlignPoints, children: tooltip })
-        ] }));
+    return (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [_jsx(Button, { className: buttonClassNames, onClick: handleClick, children: title }), _jsx(Bubble, { className: "bubble-primary", alignPoints: tooltipAlignPoints, children: tooltip })] }));
 }

package/esm/Bubble/Bubble.js

@@ -108,11 +108,7 @@ export const Bubble = memo(function Bubble(props) {
         });
     }, [className, getArrowsClassname, optimalAlignPoints]);
     const arrowStyle = useMemo(() => result({ arrowStyle: arrowStyleProp }, "arrowStyle", {}), [arrowStyleProp]);
-    return (_jsx(ZoomAwareOverlay, { id: id, className: overlayClassName, alignTo: alignTo, onAlign: onAlign, alignPoints: alignPoints, closeOnParentScroll: closeOnParentScroll, closeOnMouseDrag: true, closeOnOutsideClick: closeOnOutsideClick, ignoreClicksOn: ignoreClicksOn, ignoreClicksOnByClass: ignoreClicksOnByClass, onClose: onClose, closeOnEscape: closeOnEscape, positionType: overlayPositionType, ensureVisibility: ensureVisibility, children: _jsx("div", { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onKeyDown: onKeyDown, className: classNames, role: role, "aria-labelledby": ariaLabelledBy, children: _jsxs("div", { className: "bubble-content", children: [
-                    _jsx("div", { className: "helper" }), _jsxs("div", { className: "arrow-position", style: arrowStyle, children: [
-                            _jsx("div", { className: "arrow-border" }), _jsx("div", { className: "arrow" })
-                        ] }), _jsx("div", { className: "content", children: children })
-                ] }) }) }));
+    return (_jsx(ZoomAwareOverlay, { id: id, className: overlayClassName, alignTo: alignTo, onAlign: onAlign, alignPoints: alignPoints, closeOnParentScroll: closeOnParentScroll, closeOnMouseDrag: true, closeOnOutsideClick: closeOnOutsideClick, ignoreClicksOn: ignoreClicksOn, ignoreClicksOnByClass: ignoreClicksOnByClass, onClose: onClose, closeOnEscape: closeOnEscape, positionType: overlayPositionType, ensureVisibility: ensureVisibility, children: _jsx("div", { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onKeyDown: onKeyDown, className: classNames, role: role, "aria-labelledby": ariaLabelledBy, children: _jsxs("div", { className: "bubble-content", children: [_jsx("div", { className: "helper" }), _jsxs("div", { className: "arrow-position", style: arrowStyle, children: [_jsx("div", { className: "arrow-border" }), _jsx("div", { className: "arrow" })] }), _jsx("div", { className: "content", children: children })] }) }) }));
 }, (prevProps, nextProps) => {
     return isReactEqual(prevProps, nextProps);
 });

package/esm/Bubble/BubbleTrigger.js

@@ -61,7 +61,6 @@ export class BubbleTrigger extends PureComponent {
             onClose: this.onClose,
         };
         const BubbleOverlay = this.state.isBubbleVisible && BubbleElement ? cloneElement(BubbleElement, bubbleProps) : "";
-        return (_jsxs(Fragment, { children: [
-                _jsx(TagName, { ...dataAttributes, ...this.eventListeners(), className: classNames, children: WrappedTrigger }), BubbleOverlay] }));
+        return (_jsxs(Fragment, { children: [_jsx(TagName, { ...dataAttributes, ...this.eventListeners(), className: classNames, children: WrappedTrigger }), BubbleOverlay] }));
     }
 }

package/esm/Bubble/withBubble.js

@@ -15,9 +15,7 @@ export function withBubble(WrappedComponent) {
             return _jsx(WrappedComponent, { ...props, ref: ref });
         }
         const bubbleText = intl.formatMessage({ id: bubbleTextId }, { strong: (chunks) => _jsx("strong", { children: chunks }) });
-        return (_jsxs(BubbleHoverTrigger, { className: triggerClassName, children: [
-                _jsx(WrappedComponent, { ...wrappedComponentProps, ref: ref }), _jsx(Bubble, { alignPoints: alignPoints, children: _jsx("div", { children: bubbleText }) })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { className: triggerClassName, children: [_jsx(WrappedComponent, { ...wrappedComponentProps, ref: ref }), _jsx(Bubble, { alignPoints: alignPoints, children: _jsx("div", { children: bubbleText }) })] }));
     });
     ResultComponent.displayName = `withBubble(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
     return ResultComponent;

package/esm/Button/Button.js

@@ -63,7 +63,5 @@ export const Button = forwardRef(function Button({ className, describedByFromVal
         ]);
     }, [className, disabled, effectiveValue, intent, size, variant]);
     const TagName = tagName;
-    return (_jsxs(TagName, { id: id, "data-id": dataId, "data-testid": testId, ref: ref, title: title, className: classNames, type: type, onClick: handleClick, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-pressed": ariaPressed, ...ariaDropdownAttributesFromConfig, ...(tagName === "button" ? {} : { tabIndex }), ...(tagName !== "button" || role !== "button" ? { role } : {}), children: [
-            _jsx(Icon, { icon: iconLeft }), effectiveValue ? _jsx("span", { className: "gd-button-text", children: effectiveValue }) : null, _jsx(Icon, { icon: iconRight })
-        ] }));
+    return (_jsxs(TagName, { id: id, "data-id": dataId, "data-testid": testId, ref: ref, title: title, className: classNames, type: type, onClick: handleClick, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-pressed": ariaPressed, ...ariaDropdownAttributesFromConfig, ...(tagName === "button" ? {} : { tabIndex }), ...(tagName !== "button" || role !== "button" ? { role } : {}), children: [_jsx(Icon, { icon: iconLeft }), effectiveValue ? _jsx("span", { className: "gd-button-text", children: effectiveValue }) : null, _jsx(Icon, { icon: iconRight })] }));
 });

package/esm/CatalogItemPicker/CatalogItemPickerBody.js

@@ -15,7 +15,5 @@ const { b, e } = bem("gd-ui-kit-catalog-item-picker");
  */
 export function CatalogItemPickerBody({ controller, maxListHeight, onClose, header, }) {
     const { variant, selectionMode, isLoading, searchString, handleSearchChange, handleSearchEscKeyPress, labels, showTabs, resolvedItemTypes, effectiveType, handleTabChange, listboxItems, isMultiSelect, listboxId, shouldShowEmptyStateMessage, emptyMessage, handleListboxSelect, isAddDisabled, handleAdd, } = controller;
-    return (_jsxs("div", { className: b({ variant, selectionMode }), "data-testid": testIds.root, children: [header, _jsx("div", { className: e("content", { variant }), children: isLoading ? (_jsx("div", { className: e("loading", { variant }), children: _jsx(LoadingSpinner, { className: "small" }) })) : (_jsxs(_Fragment, { children: [
-                        _jsx(CatalogItemPickerSearch, { variant: variant, value: searchString, onChange: handleSearchChange, onEscKeyPress: handleSearchEscKeyPress, placeholder: labels.searchPlaceholder, ariaLabel: labels.searchAriaLabel }), showTabs ? (_jsx(CatalogItemPickerTabs, { variant: variant, itemTypes: resolvedItemTypes, effectiveType: effectiveType, onChange: handleTabChange, getAriaLabel: (type) => labels.tabLabels?.[type] ?? labels.title })) : null, _jsx(CatalogItemPickerList, { variant: variant, listboxItems: listboxItems, isMultiSelect: isMultiSelect, maxListHeight: maxListHeight, listboxId: listboxId, ariaLabel: labels.title, shouldShowEmptyStateMessage: shouldShowEmptyStateMessage, emptyMessage: emptyMessage, onSelect: handleListboxSelect })
-                    ] })) }), isMultiSelect ? (_jsx(CatalogItemPickerFooter, { variant: variant, isAddDisabled: isAddDisabled, onClose: onClose, onAdd: handleAdd, cancelLabel: labels.cancelLabel, addLabel: labels.addLabel ?? "", addTooltip: labels.addTooltip })) : null] }));
+    return (_jsxs("div", { className: b({ variant, selectionMode }), "data-testid": testIds.root, children: [header, _jsx("div", { className: e("content", { variant }), children: isLoading ? (_jsx("div", { className: e("loading", { variant }), children: _jsx(LoadingSpinner, { className: "small" }) })) : (_jsxs(_Fragment, { children: [_jsx(CatalogItemPickerSearch, { variant: variant, value: searchString, onChange: handleSearchChange, onEscKeyPress: handleSearchEscKeyPress, placeholder: labels.searchPlaceholder, ariaLabel: labels.searchAriaLabel }), showTabs ? (_jsx(CatalogItemPickerTabs, { variant: variant, itemTypes: resolvedItemTypes, effectiveType: effectiveType, onChange: handleTabChange, getAriaLabel: (type) => labels.tabLabels?.[type] ?? labels.title })) : null, _jsx(CatalogItemPickerList, { variant: variant, listboxItems: listboxItems, isMultiSelect: isMultiSelect, maxListHeight: maxListHeight, listboxId: listboxId, ariaLabel: labels.title, shouldShowEmptyStateMessage: shouldShowEmptyStateMessage, emptyMessage: emptyMessage, onSelect: handleListboxSelect })] })) }), isMultiSelect ? (_jsx(CatalogItemPickerFooter, { variant: variant, isAddDisabled: isAddDisabled, onClose: onClose, onAdd: handleAdd, cancelLabel: labels.cancelLabel, addLabel: labels.addLabel ?? "", addTooltip: labels.addTooltip })) : null] }));
 }

package/esm/CatalogItemPicker/CatalogItemPickerParts.js

@@ -52,8 +52,7 @@ function CatalogItemPickerItemComponent({ item, isFocused, isCompact, onSelect,
     return (_jsxs("div", { className: cx("gd-ui-kit-listbox__item", e("item", { isSelected, variant }), {
             "gd-ui-kit-listbox__item--isFocused": isFocused,
             "gd-ui-kit-listbox__item--isCompact": isCompact,
-        }), onClick: onSelect, children: [
-            _jsx("span", { className: e("item-checkbox"), onClick: (event) => {
+        }), onClick: onSelect, children: [_jsx("span", { className: e("item-checkbox"), onClick: (event) => {
                     event.stopPropagation();
                 }, children: _jsx(UiCheckbox, { checked: isSelected, tabIndex: -1, stopPropagation: true, onChange: (event) => {
                         onSelect(event);
@@ -64,8 +63,7 @@ function CatalogItemPickerSingleSelectItem({ item, isFocused, isCompact, onSelec
     return (_jsxs("div", { className: cx("gd-ui-kit-listbox__item", e("item", { isSelected: false, variant }), {
             "gd-ui-kit-listbox__item--isFocused": isFocused,
             "gd-ui-kit-listbox__item--isCompact": isCompact,
-        }), onClick: onSelect, children: [
-            _jsx("span", { className: e("type-icon-wrapper", { type: item.data.item.type }), children: _jsx(UiIcon, { type: icon, size: 16, color: "currentColor" }) }), _jsx("span", { className: e("item-title"), children: item.data.item.title }), item.data.item.sequenceNumber ? (_jsx("span", { className: e("item-sequence"), children: item.data.item.sequenceNumber })) : null] }));
+        }), onClick: onSelect, children: [_jsx("span", { className: e("type-icon-wrapper", { type: item.data.item.type }), children: _jsx(UiIcon, { type: icon, size: 16, color: "currentColor" }) }), _jsx("span", { className: e("item-title"), children: item.data.item.title }), item.data.item.sequenceNumber ? (_jsx("span", { className: e("item-sequence"), children: item.data.item.sequenceNumber })) : null] }));
 }
 export function CatalogItemPickerList({ variant, listboxItems, isMultiSelect, maxListHeight, listboxId, ariaLabel, shouldShowEmptyStateMessage, emptyMessage, onSelect, }) {
     const InteractiveItemComponent = useMemo(() => {
@@ -79,7 +77,5 @@ export function CatalogItemPickerList({ variant, listboxItems, isMultiSelect, ma
             }, dataTestId: testIds.list })) }));
 }
 export function CatalogItemPickerFooter({ variant, isAddDisabled, onClose, onAdd, cancelLabel, addLabel, addTooltip, }) {
-    return (_jsxs("div", { className: e("footer", { variant }), children: [
-            _jsx(UiButton, { label: cancelLabel, variant: "secondary", size: "small", onClick: onClose, dataTestId: testIds.cancel }), _jsx(UiTooltip, { content: addTooltip ?? "", disabled: !isAddDisabled, triggerBy: ["hover", "focus"], anchor: _jsx("span", { className: e("add-button"), children: _jsx(UiButton, { label: addLabel, variant: "primary", size: "small", onClick: onAdd, isDisabled: isAddDisabled, dataTestId: testIds.add }) }) })
-        ] }));
+    return (_jsxs("div", { className: e("footer", { variant }), children: [_jsx(UiButton, { label: cancelLabel, variant: "secondary", size: "small", onClick: onClose, dataTestId: testIds.cancel }), _jsx(UiTooltip, { content: addTooltip ?? "", disabled: !isAddDisabled, triggerBy: ["hover", "focus"], anchor: _jsx("span", { className: e("add-button"), children: _jsx(UiButton, { label: addLabel, variant: "primary", size: "small", onClick: onAdd, isDisabled: isAddDisabled, dataTestId: testIds.add }) }) })] }));
 }

package/esm/CatalogItemPicker/DateDatasetPickerItem.js

@@ -9,11 +9,9 @@ const { e } = bem("gd-ui-kit-catalog-item-picker");
 export function DateDatasetPickerItem({ dateDatasetOptions, selectedDateDatasetKey, isDropdownOpen, onSelect, onToggleDropdown, listboxId, dateAsLabel, }) {
     const buttonRef = useRef(null);
     const selectedDatasetTitle = dateDatasetOptions.find((o) => o.key === selectedDateDatasetKey)?.title ?? "";
-    return (_jsxs("div", { className: e("date-dataset"), children: [
-            _jsx("div", { className: e("date-dataset-label"), children: dateAsLabel }), _jsxs("div", { className: e("date-dataset-control"), ref: buttonRef, onMouseDown: (event) => {
+    return (_jsxs("div", { className: e("date-dataset"), children: [_jsx("div", { className: e("date-dataset-label"), children: dateAsLabel }), _jsxs("div", { className: e("date-dataset-control"), ref: buttonRef, onMouseDown: (event) => {
                     event.preventDefault();
-                }, children: [
-                    _jsx(UiButton, { variant: "secondary", size: "small", label: selectedDatasetTitle, iconAfter: isDropdownOpen ? "navigateUp" : "navigateDown", onClick: onToggleDropdown, dataTestId: "s-catalog-item-picker-date-dataset-button" }), isDropdownOpen && buttonRef.current ? (_jsx(Overlay, { alignTo: buttonRef.current, alignPoints: [
+                }, children: [_jsx(UiButton, { variant: "secondary", size: "small", label: selectedDatasetTitle, iconAfter: isDropdownOpen ? "navigateUp" : "navigateDown", onClick: onToggleDropdown, dataTestId: "s-catalog-item-picker-date-dataset-button" }), isDropdownOpen && buttonRef.current ? (_jsx(Overlay, { alignTo: buttonRef.current, alignPoints: [
                             { align: "bl tl", offset: { x: 0, y: 4 } },
                             { align: "tl bl", offset: { x: 0, y: -4 } },
                         ], closeOnOutsideClick: true, closeOnEscape: true, onClose: onToggleDropdown, children: _jsx("div", { className: e("date-dataset-dropdown"), children: _jsx(UiListbox, { isCompact: true, items: dateDatasetOptions.map((o) => ({
@@ -26,6 +24,5 @@ export function DateDatasetPickerItem({ dateDatasetOptions, selectedDateDatasetK
                                 }, shouldCloseOnSelect: false, ariaAttributes: {
                                     id: `${listboxId}-date-dataset`,
                                     "aria-label": dateAsLabel,
-                                }, dataTestId: "s-catalog-item-picker-date-dataset-list" }) }) })) : null] })
-        ] }));
+                                }, dataTestId: "s-catalog-item-picker-date-dataset-list" }) }) })) : null] })] }));
 }

package/esm/CatalogItemPicker/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/messages.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;CAOzB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa5B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;CAQtB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/messages.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;QACb,EAAE;;;QACK,EAAE;;;QACD,EAAE;;;QACC,EAAE;;;QACJ,EAAE;;;QACH,EAAE;;CACtB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;QACR,EAAE;;;QACJ,EAAE;;;QACG,EAAE;;;QACV,EAAE;;;QACC,EAAE;;;QACL,EAAE;;;QACJ,EAAE;;;QACK,EAAE;;;QACL,EAAE;;;QACJ,EAAE;;;QACQ,EAAE;;;QACL,EAAE;;CACxB,CAAC;AAEH,eAAO,MAAM,WAAW;;QACX,EAAE;;;QACO,EAAE;;;QACJ,EAAE;;;QACG,EAAE;;;QACR,EAAE;;;QACD,EAAE;;;QACP,EAAE;;CACf,CAAC;AAEH,eAAO,MAAM,OAAO;IAChB,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,GAAG;IACH,MAAM;IACN,UAAU;IACV,GAAG;IACH,iBAAiB;IACjB,eAAe;CAClB,CAAC"}

package/esm/CatalogItemPicker/useCatalogItemPicker.d.ts

@@ -13,13 +13,13 @@ export declare function useCatalogItemPicker<TAttributePayload = unknown, TMetri
     labels: import("./useCatalogItemPickerListboxItems.js").ICatalogItemPickerLabels;
     searchString: string;
     handleSearchChange: (value: string | number) => void;
-    handleSearchEscKeyPress: (e: import("react").KeyboardEvent<Element>) => void;
+    handleSearchEscKeyPress: (e: import("react").KeyboardEvent) => void;
     showTabs: boolean;
     effectiveType: import("./types.js").CatalogItemPickerType;
     resolvedItemTypes: import("./types.js").CatalogItemPickerType[];
     handleTabChange: (type: import("./types.js").CatalogItemPickerType) => void;
     listboxItems: import("./listboxItemBuilders.js").CatalogItemListboxItem[];
-    handleListboxSelect: (item: import("../index.js").IUiListboxInteractiveItem<import("./listboxItemBuilders.js").ICatalogItemPickerListItemData<unknown>>) => void;
+    handleListboxSelect: (item: import("../index.js").IUiListboxInteractiveItem<import("./listboxItemBuilders.js").ICatalogItemPickerListItemData>) => void;
     isMultiSelect: boolean;
     isAddDisabled: boolean;
     handleAdd: () => void;

package/esm/CatalogItemPicker/useCatalogItemPickerState.d.ts

@@ -16,7 +16,7 @@ export declare function useCatalogItemPickerState({ isOpen, selectionMode, itemT
     setSelectedIds: import("react").Dispatch<import("react").SetStateAction<Set<string>>>;
     handleItemSelect: (id: string) => void;
     handleSearchChange: (value: string | number) => void;
-    handleSearchEscKeyPress: (e: KeyboardEvent<Element>) => void;
+    handleSearchEscKeyPress: (e: KeyboardEvent) => void;
     resetSelection: () => void;
 };
 export {};

package/esm/CatalogItemPicker/useCatalogItemPickerState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCatalogItemPickerState.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/useCatalogItemPickerState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAoC,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,KAAK,8BAA8B,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE7F,UAAU,gCAAgC;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,8BAA8B,CAAC;IAC9C,SAAS,EAAE,qBAAqB,EAAE,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACtC,MAAM,EACN,aAAa,EACb,SAAS,EACZ,EAAE,gCAAgC;;;;;;;;;;EAgElC"}
+{"version":3,"file":"useCatalogItemPickerState.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/useCatalogItemPickerState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAoC,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,KAAK,8BAA8B,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE7F,UAAU,gCAAgC;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,8BAA8B,CAAC;IAC9C,SAAS,EAAE,qBAAqB,EAAE,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACtC,MAAM,EACN,aAAa,EACb,SAAS,EACZ,EAAE,gCAAgC;;;;;;2BAmBtB,MAAM;gCAiBgC,MAAM,GAAG,MAAM;iCAKtD,aAAa;;EAuBxB"}

package/esm/CatalogItemPicker/utils.d.ts

@@ -1,10 +1,10 @@
 import { type ICatalogGroup, type ICatalogItemPickerItem } from "./types.js";
-export declare const getDateDatasetOptions: (items: ICatalogItemPickerItem<unknown>[]) => {
+export declare const getDateDatasetOptions: (items: ICatalogItemPickerItem[]) => {
     key: string;
     title: string;
 }[];
-export declare const groupMetricCatalogItems: (items: ICatalogItemPickerItem<unknown>[], groups: ICatalogGroup[] | undefined, ungroupedTitle: string) => {
+export declare const groupMetricCatalogItems: (items: ICatalogItemPickerItem[], groups: ICatalogGroup[] | undefined, ungroupedTitle: string) => {
     title: string;
-    items: ICatalogItemPickerItem<unknown>[];
+    items: ICatalogItemPickerItem[];
 }[];
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAE7E,eAAO,MAAM,qBAAqB;;;GAWjC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;GAwCnC,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAE7E,eAAO,MAAM,qBAAqB,UAAW,sBAAsB,EAAE;;;GAWpE,CAAC;AAEF,eAAO,MAAM,uBAAuB,UACzB,sBAAsB,EAAE,UACvB,aAAa,EAAE,GAAG,SAAS,kBACnB,MAAM;WAyBc,MAAM;WAAS,sBAAsB,EAAE;GAY9E,CAAC"}

package/esm/ChartSorting/ChartSorting.js

@@ -17,11 +17,7 @@ function ChartSorting({ currentSort, availableSorts, bucketItems, buttonNode, on
         setCurrentSort(item);
     };
     const isApplyEnabled = useMemo(() => !isEqual(currentSort, currentSelectedSort), [currentSort, currentSelectedSort]);
-    return (_jsxs(ChartSortingDropdownBody, { buttonNode: buttonNode, onClose: onCancel, children: [
-            _jsx("div", { className: "gd-sort-charting-dropdown-header s-sort-charting-dropdown-header", children: _jsx(FormattedMessage, { id: "sorting.dropdown.header" }) }), _jsx("div", { className: "gd-sort-charting-body gd-sort-charting-dropdown", children: _jsx(ChartSortingDropdown, { currentSort: currentSelectedSort, availableSorts: availableSorts, bucketItems: bucketItems, intl: intl, onSelect: onSelect }) }), _jsxs("div", { className: "gd-chart-sorting-dropdown-footer", children: [
-                    _jsx(Button, { className: "gd-button-secondary gd-button-small s-sorting-dropdown-cancel", value: intl.formatMessage({ id: "cancel" }), onClick: onCancel }), _jsx(Button, { className: "gd-button-action gd-button-small s-sorting-dropdown-apply", value: intl.formatMessage({ id: "apply" }), onClick: handleApply, disabled: !isApplyEnabled })
-                ] })
-        ] }));
+    return (_jsxs(ChartSortingDropdownBody, { buttonNode: buttonNode, onClose: onCancel, children: [_jsx("div", { className: "gd-sort-charting-dropdown-header s-sort-charting-dropdown-header", children: _jsx(FormattedMessage, { id: "sorting.dropdown.header" }) }), _jsx("div", { className: "gd-sort-charting-body gd-sort-charting-dropdown", children: _jsx(ChartSortingDropdown, { currentSort: currentSelectedSort, availableSorts: availableSorts, bucketItems: bucketItems, intl: intl, onSelect: onSelect }) }), _jsxs("div", { className: "gd-chart-sorting-dropdown-footer", children: [_jsx(Button, { className: "gd-button-secondary gd-button-small s-sorting-dropdown-cancel", value: intl.formatMessage({ id: "cancel" }), onClick: onCancel }), _jsx(Button, { className: "gd-button-action gd-button-small s-sorting-dropdown-apply", value: intl.formatMessage({ id: "apply" }), onClick: handleApply, disabled: !isApplyEnabled })] })] }));
 }
 /**
  * @internal

package/esm/ChartSorting/ChartSortingDropdown.js

@@ -17,7 +17,6 @@ export function ChartSortingDropdown({ currentSort, availableSorts, bucketItems,
             }
             return (_jsxs("div", { "aria-label": `sort-attribute-${index}`, className: `gd-sort-attribute-item s-sort-attribute-item-${index}`, children: [availableSorts.length > 1 && (_jsx("div", { className: "attribute-sorting-title", children: getAttributeName(bucketItems, availableSort) })), _jsx(AttributeDropdown, { index: index, currentSortItem: currentSortItem, availableSorts: availableSort, bucketItems: bucketItems, intl: intl, onSelect: (newSort) => {
                             onSortChanged(newSort, index);
-                        } })
-                ] }, index));
+                        } })] }, index));
         }) }));
 }

package/esm/ChartSorting/MeasureDropdown/MeasureDropdown.js

@@ -94,9 +94,7 @@ export function MeasureDropdown({ currentItem, availableSorts, bucketItems, intl
             onSelect(newMeasureSort(item.localIdentifier, direction));
         }
     }, [currentItem, onSelect, areaSortEnabled]);
-    return (_jsxs("div", { className: "sort-measure-section", children: [
-            _jsx("span", { className: "select-label", children: _jsx("span", { children: intl.formatMessage({ id: "sorting.by" }) }) }), _jsx("div", { className: "measure-sorting-dropdown", children: disableDropdown ? (_jsxs(BubbleHoverTrigger, { children: [
-                        _jsx(DropdownButton, { className: "s-inner-aggregation-disabled-button s-measure-dropdown-button", value: measureName, disabled: true, iconLeft: getMeasureIconClassNameBySelected(buttonValue.id) }), disabledExplanationTooltip ? (_jsx(Bubble, { alignPoints: [{ align: "cr cl" }, { align: "cl cr" }] })) : null] })) : (_jsx(Dropdown, { className: "gd-measure-sorting-dropdown-body s-measure-sorting-dropdown-body", closeOnMouseDrag: true, closeOnParentScroll: true, renderButton: ({ isOpen, toggleDropdown }) => (_jsx("div", { ref: buttonRef, children: _jsx(DropdownButton, { className: `s-sort-type-measure-button s-measure-dropdown-button-${index}`, value: measureName, isOpen: isOpen, disabled: disableDropdown, onClick: toggleDropdown, iconLeft: getMeasureIconClassNameBySelected(buttonValue.id) }) })), renderBody: ({ closeDropdown }) => (_jsx(DropdownList, { width: width, items: items, className: "gd-measure-sorting-dropdown-body s-measure-sorting-dropdown-body", renderItem: ({ item, rowIndex }) => {
+    return (_jsxs("div", { className: "sort-measure-section", children: [_jsx("span", { className: "select-label", children: _jsx("span", { children: intl.formatMessage({ id: "sorting.by" }) }) }), _jsx("div", { className: "measure-sorting-dropdown", children: disableDropdown ? (_jsxs(BubbleHoverTrigger, { children: [_jsx(DropdownButton, { className: "s-inner-aggregation-disabled-button s-measure-dropdown-button", value: measureName, disabled: true, iconLeft: getMeasureIconClassNameBySelected(buttonValue.id) }), disabledExplanationTooltip ? (_jsx(Bubble, { alignPoints: [{ align: "cr cl" }, { align: "cl cr" }] })) : null] })) : (_jsx(Dropdown, { className: "gd-measure-sorting-dropdown-body s-measure-sorting-dropdown-body", closeOnMouseDrag: true, closeOnParentScroll: true, renderButton: ({ isOpen, toggleDropdown }) => (_jsx("div", { ref: buttonRef, children: _jsx(DropdownButton, { className: `s-sort-type-measure-button s-measure-dropdown-button-${index}`, value: measureName, isOpen: isOpen, disabled: disableDropdown, onClick: toggleDropdown, iconLeft: getMeasureIconClassNameBySelected(buttonValue.id) }) })), renderBody: ({ closeDropdown }) => (_jsx(DropdownList, { width: width, items: items, className: "gd-measure-sorting-dropdown-body s-measure-sorting-dropdown-body", renderItem: ({ item, rowIndex }) => {
                             const isSelected = item.title === buttonValue.title &&
                                 item.sequenceNumber === buttonValue.sequenceNumber;
                             const className = cx("gd-list-item", "gd-list-item-shortened", "gd-sorting-measure", "gd-button-link", getMeasureIconClassNameBySelected(item.id), {
@@ -107,8 +105,6 @@ export function MeasureDropdown({ currentItem, availableSorts, bucketItems, intl
                             return (_jsx("div", { className: "gd-measure-dropdown-list", style: { height: 28 }, children: _jsxs("button", { className: className, onClick: () => {
                                         onMeasureSelectHandler(item);
                                         closeDropdown();
-                                    }, title: item.title, children: [
-                                        _jsx("span", { className: "gd-sorting-measure-title", children: item.title }), item.sequenceNumber ? (_jsx("span", { className: "gd-sorting-sequence-number", children: item.sequenceNumber })) : null] }) }));
-                        } })) })) })
-        ] }));
+                                    }, title: item.title, children: [_jsx("span", { className: "gd-sorting-measure-title", children: item.title }), item.sequenceNumber ? (_jsx("span", { className: "gd-sorting-sequence-number", children: item.sequenceNumber })) : null] }) }));
+                        } })) })) })] }));
 }

package/esm/ChartSorting/types.js

@@ -1,8 +1,7 @@
-export { SORT_TARGET_TYPE };
 /**
  * @internal
  */
-var SORT_TARGET_TYPE;
+export var SORT_TARGET_TYPE;
 (function (SORT_TARGET_TYPE) {
     SORT_TARGET_TYPE["ALPHABETICAL_ASC"] = "alphabetical-asc";
     SORT_TARGET_TYPE["ALPHABETICAL_DESC"] = "alphabetical-desc";

package/esm/ColorPicker/ColorPicker.js

@@ -34,11 +34,5 @@ export function ColorPicker(props) {
         props.onSubmit(getRgbFromHslColor(draftHslColor));
     }, [props, draftHslColor]);
     const currentHslColorForPreview = getHslFromRgbColor(props.initialRgbColor);
-    return (_jsxs("div", { className: "color-picker-container", "aria-label": "Color picker", children: [
-            _jsx(ColorPickerMatrix, { initColor: draftHslColor, onColorSelected: onColorSelected }), _jsxs("div", { className: "color-picker-control-wrapper", children: [
-                    _jsx(HueColorPicker, { initColor: draftHslColor, onChange: onColorSelected }), _jsx(HexColorInput, { initColor: draftHslColor, onInputChanged: onHexInputColorSelected, placeholder: intl.formatMessage({ id: "gs.color-picker.inputPlaceholder" }), label: intl.formatMessage({ id: "gs.color-picker.hex" }) }, `${draftHslColor.h}-${draftHslColor.s}-${draftHslColor.l}`), _jsx(ColorsPreview, { currentHslColor: currentHslColorForPreview, draftHslColor: draftHslColor, currentTextLabel: intl.formatMessage({ id: "gs.color-picker.currentColor" }), draftTextLabel: intl.formatMessage({ id: "gs.color-picker.newColor" }) }), _jsxs("div", { className: "color-picker-buttons-wrapper", children: [
-                            _jsx(Button, { value: intl.formatMessage({ id: "gs.color-picker.cancelButton" }), className: "gd-button-secondary gd-button color-picker-button", onClick: props.onCancel }), _jsx(Button, { value: intl.formatMessage({ id: "gs.color-picker.okButton" }), disabled: isEqual(props.initialRgbColor, getRgbFromHslColor(draftHslColor)), className: "gd-button-action gd-button color-picker-ok-button", onClick: handleSubmit })
-                        ] })
-                ] })
-        ] }));
+    return (_jsxs("div", { className: "color-picker-container", "aria-label": "Color picker", children: [_jsx(ColorPickerMatrix, { initColor: draftHslColor, onColorSelected: onColorSelected }), _jsxs("div", { className: "color-picker-control-wrapper", children: [_jsx(HueColorPicker, { initColor: draftHslColor, onChange: onColorSelected }), _jsx(HexColorInput, { initColor: draftHslColor, onInputChanged: onHexInputColorSelected, placeholder: intl.formatMessage({ id: "gs.color-picker.inputPlaceholder" }), label: intl.formatMessage({ id: "gs.color-picker.hex" }) }, `${draftHslColor.h}-${draftHslColor.s}-${draftHslColor.l}`), _jsx(ColorsPreview, { currentHslColor: currentHslColorForPreview, draftHslColor: draftHslColor, currentTextLabel: intl.formatMessage({ id: "gs.color-picker.currentColor" }), draftTextLabel: intl.formatMessage({ id: "gs.color-picker.newColor" }) }), _jsxs("div", { className: "color-picker-buttons-wrapper", children: [_jsx(Button, { value: intl.formatMessage({ id: "gs.color-picker.cancelButton" }), className: "gd-button-secondary gd-button color-picker-button", onClick: props.onCancel }), _jsx(Button, { value: intl.formatMessage({ id: "gs.color-picker.okButton" }), disabled: isEqual(props.initialRgbColor, getRgbFromHslColor(draftHslColor)), className: "gd-button-action gd-button color-picker-ok-button", onClick: handleSubmit })] })] })] }));
 }

package/esm/ColorPicker/components/ColorPickerMatrix.d.ts

@@ -1,7 +1,8 @@
+import { type ReactNode } from "react";
 import { type ColorFormats } from "tinycolor2";
 export interface IColorPickerMatrixProps {
     initColor: ColorFormats.HSL;
     onColorSelected: (color: ColorFormats.HSL) => void;
 }
-export declare const ColorPickerMatrix: import("react").NamedExoticComponent<IColorPickerMatrixProps>;
+export declare const ColorPickerMatrix: import("react").MemoExoticComponent<(props: IColorPickerMatrixProps) => ReactNode>;
 //# sourceMappingURL=ColorPickerMatrix.d.ts.map

package/esm/ColorPicker/components/ColorPickerMatrix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerMatrix.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorPickerMatrix.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,iBAAiB,+DAoB5B,CAAC"}
+{"version":3,"file":"ColorPickerMatrix.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorPickerMatrix.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA8B,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,iBAAiB,8CAA0C,uBAAuB,KAAG,SAAS,CAoBzG,CAAC"}

package/esm/ColorPicker/components/ColorPickerMatrix.js

@@ -4,9 +4,7 @@ import { memo, useCallback, useMemo } from "react";
 import cx from "classnames";
 import { SATURATION_ARRAY, getColorStyle } from "../utils.js";
 export const ColorPickerMatrix = memo(function ColorPickerMatrix(props) {
-    return (_jsxs("div", { className: "color-picker-component", children: [
-            _jsx(ColorPickerRow, { lightness: 0.7, initColor: props.initColor, onColorSelected: props.onColorSelected }), _jsx(ColorPickerRow, { lightness: 0.5, initColor: props.initColor, onColorSelected: props.onColorSelected }), _jsx(ColorPickerRow, { lightness: 0.3, initColor: props.initColor, onColorSelected: props.onColorSelected })
-        ] }));
+    return (_jsxs("div", { className: "color-picker-component", children: [_jsx(ColorPickerRow, { lightness: 0.7, initColor: props.initColor, onColorSelected: props.onColorSelected }), _jsx(ColorPickerRow, { lightness: 0.5, initColor: props.initColor, onColorSelected: props.onColorSelected }), _jsx(ColorPickerRow, { lightness: 0.3, initColor: props.initColor, onColorSelected: props.onColorSelected })] }));
 });
 const ColorPickerRow = memo(function ColorPickerRow({ onColorSelected, initColor, lightness, }) {
     const getCellClassNames = useCallback((hslColor) => {

package/esm/ColorPicker/components/ColorsPreview.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from "react";
 import { type ColorFormats } from "tinycolor2";
 export interface IColorsPreviewProps {
     currentHslColor: ColorFormats.HSL;
@@ -5,5 +6,5 @@ export interface IColorsPreviewProps {
     currentTextLabel?: string;
     draftTextLabel?: string;
 }
-export declare const ColorsPreview: import("react").NamedExoticComponent<IColorsPreviewProps>;
+export declare const ColorsPreview: import("react").MemoExoticComponent<({ currentHslColor, draftHslColor, currentTextLabel, draftTextLabel, }: IColorsPreviewProps) => ReactNode>;
 //# sourceMappingURL=ColorsPreview.d.ts.map

package/esm/ColorPicker/components/ColorsPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorsPreview.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorsPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,WAAW,mBAAmB;IAChC,eAAe,EAAE,YAAY,CAAC,GAAG,CAAC;IAClC,aAAa,EAAE,YAAY,CAAC,GAAG,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,2DAYxB,CAAC"}
+{"version":3,"file":"ColorsPreview.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorsPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,WAAW,mBAAmB;IAChC,eAAe,EAAE,YAAY,CAAC,GAAG,CAAC;IAClC,aAAa,EAAE,YAAY,CAAC,GAAG,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,8GAKvB,mBAAmB,KAAG,SAAS,CAOhC,CAAC"}

package/esm/ColorPicker/components/ColorsPreview.js

@@ -3,12 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { getColorStyle } from "../utils.js";
 export const ColorsPreview = memo(function ColorsPreview({ currentHslColor, draftHslColor, currentTextLabel = "current", draftTextLabel = "new", }) {
-    return (_jsxs("div", { className: "color-picker-preview", children: [
-            _jsx(ColorItem, { id: "current-color", hslColor: currentHslColor, textLabel: currentTextLabel }), _jsx(ColorItem, { id: "new-color", hslColor: draftHslColor, textLabel: draftTextLabel })
-        ] }));
+    return (_jsxs("div", { className: "color-picker-preview", children: [_jsx(ColorItem, { id: "current-color", hslColor: currentHslColor, textLabel: currentTextLabel }), _jsx(ColorItem, { id: "new-color", hslColor: draftHslColor, textLabel: draftTextLabel })] }));
 });
 const ColorItem = memo(function ColorItem({ id, hslColor, textLabel }) {
-    return (_jsxs("div", { className: "color-picker-value-wrapper", children: [
-            _jsx("div", { "aria-label": id, className: `color-value s-${id}`, style: getColorStyle(hslColor) }), _jsx("span", { children: textLabel })
-        ] }));
+    return (_jsxs("div", { className: "color-picker-value-wrapper", children: [_jsx("div", { "aria-label": id, className: `color-value s-${id}`, style: getColorStyle(hslColor) }), _jsx("span", { children: textLabel })] }));
 });

package/esm/ColorPicker/components/HexColorInput.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from "react";
 import { type ColorFormats } from "tinycolor2";
 export interface IHexColorInputProps {
     initColor: ColorFormats.HSL;
@@ -5,5 +6,5 @@ export interface IHexColorInputProps {
     placeholder?: string;
     label?: string;
 }
-export declare const HexColorInput: import("react").NamedExoticComponent<IHexColorInputProps>;
+export declare const HexColorInput: import("react").MemoExoticComponent<(props: IHexColorInputProps) => ReactNode>;
 //# sourceMappingURL=HexColorInput.d.ts.map

package/esm/ColorPicker/components/HexColorInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HexColorInput.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/HexColorInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAK/C,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,2DA2BxB,CAAC"}
+{"version":3,"file":"HexColorInput.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/HexColorInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAK/C,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,8CAAsC,mBAAmB,KAAG,SAAS,CA2B7F,CAAC"}

package/esm/ColorPicker/components/HexColorInput.js

@@ -13,7 +13,5 @@ export const HexColorInput = memo(function HexColorInput(props) {
         }
     }, [onInputChanged]);
     const hexValue = getHexFromHslColor(initColor);
-    return (_jsxs(Fragment, { children: [
-            _jsx(Input, { className: "s-color-picker-hex", value: hexValue, onChange: onInputChange, placeholder: placeholder }), _jsx("p", { children: label })
-        ] }));
+    return (_jsxs(Fragment, { children: [_jsx(Input, { className: "s-color-picker-hex", value: hexValue, onChange: onInputChange, placeholder: placeholder }), _jsx("p", { children: label })] }));
 });

package/esm/ColorPicker/components/HueColorPicker.d.ts

@@ -3,5 +3,5 @@ export interface IHueColorPickerProps {
     initColor: ColorFormats.HSL;
     onChange: (color: ColorFormats.HSL) => void;
 }
-export declare const HueColorPicker: import("react").NamedExoticComponent<IHueColorPickerProps>;
+export declare const HueColorPicker: import("react").MemoExoticComponent<({ initColor, onChange }: IHueColorPickerProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=HueColorPicker.d.ts.map

package/esm/ColorPicker/components/HueColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HueColorPicker.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/HueColorPicker.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,WAAW,oBAAoB;IACjC,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,4DAuEzB,CAAC"}
+{"version":3,"file":"HueColorPicker.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/HueColorPicker.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,WAAW,oBAAoB;IACjC,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,gEAAyD,oBAAoB,6CAuEtG,CAAC"}

package/esm/DateDatasets/dateDatasets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateDatasets.d.ts","sourceRoot":"","sources":["../../src/DateDatasets/dateDatasets.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,mBAAmB,6CAE/B,CAAC;AA4BF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,kBAGzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,kBAG3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,kBAG7B,CAAC;AAaF;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI,CAMtF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAoB3G;AASD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,YAAY,EACvD,YAAY,EAAE,CAAC,EAAE,EACjB,eAAe,EAAE,CAAC,GACnB,KAAK,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAQ/B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,EACnD,YAAY,EAAE,CAAC,EAAE,EACjB,eAAe,CAAC,EAAE,CAAC,EACnB,aAAa,CAAC,EAAE,CAAC,GAClB,KAAK,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAS/B"}
+{"version":3,"file":"dateDatasets.d.ts","sourceRoot":"","sources":["../../src/DateDatasets/dateDatasets.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,mBAAmB,QAAS,OAAO,KAAG,GAAG,IAAI,kBAEzD,CAAC;AA4BF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,kBAGzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,kBAG3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,kBAG7B,CAAC;AAaF;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI,CAMtF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAoB3G;AASD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,YAAY,EACvD,YAAY,EAAE,CAAC,EAAE,EACjB,eAAe,EAAE,CAAC,GACnB,KAAK,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAQ/B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,EACnD,YAAY,EAAE,CAAC,EAAE,EACjB,eAAe,CAAC,EAAE,CAAC,EACnB,aAAa,CAAC,EAAE,CAAC,GAClB,KAAK,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAS/B"}

package/esm/Datepicker/Datepicker.js

@@ -243,10 +243,8 @@ function WrappedDatePickerCore({ accessibilityConfig, date: dateProp, className
     }, [align]);
     const componentClasses = classNames("gd-datepicker", className, size, "gd-datepicker-input", isOpen ? "gd-datepicker-focused" : "");
     const inputClasses = classNames("input-text", "small-12", size, `gd-datepicker-input-${datePickerId}`);
-    return (_jsxs("div", { "data-testid": "datepicker", className: componentClasses, ref: rootRef, onClick: handleWrapperClick, children: [
-            _jsx("input", { autoComplete: "off", "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-label": accessibilityConfig?.ariaLabel ||
-                    intl.formatMessage({ id: "datePicker.accessibility.label" }), "aria-describedby": accessibilityConfig?.ariaDescribedBy, onKeyDown: handleKeyDown, tabIndex: tabIndex, onClick: handleInputClick, ref: inputRef, value: inputValue, className: inputClasses, placeholder: placeholder, onChange: handleInputChanged, onBlur: handleInputBlur }), isOpen ? (_jsx("div", { id: `datepicker-popup-${datePickerId}`, role: "dialog", ref: datePickerContainerRef, children: _jsx(DayPicker, { classNames: dayPickerClassNames, locale: convertLocale(intl.locale), showOutsideDays: true, mode: "single", selected: selectedDate, month: monthDate, onMonthChange: handleMonthChanged, weekStartsOn: convertWeekStart(weekStart), onDayClick: handleCustomDayClick }) })) : null, _jsx("span", { className: "gd-datepicker-icon gd-icon-calendar" })
-        ] }));
+    return (_jsxs("div", { "data-testid": "datepicker", className: componentClasses, ref: rootRef, onClick: handleWrapperClick, children: [_jsx("input", { autoComplete: "off", "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-label": accessibilityConfig?.ariaLabel ||
+                    intl.formatMessage({ id: "datePicker.accessibility.label" }), "aria-describedby": accessibilityConfig?.ariaDescribedBy, onKeyDown: handleKeyDown, tabIndex: tabIndex, onClick: handleInputClick, ref: inputRef, value: inputValue, className: inputClasses, placeholder: placeholder, onChange: handleInputChanged, onBlur: handleInputBlur }), isOpen ? (_jsx("div", { id: `datepicker-popup-${datePickerId}`, role: "dialog", ref: datePickerContainerRef, children: _jsx(DayPicker, { classNames: dayPickerClassNames, locale: convertLocale(intl.locale), showOutsideDays: true, mode: "single", selected: selectedDate, month: monthDate, onMonthChange: handleMonthChanged, weekStartsOn: convertWeekStart(weekStart), onDayClick: handleCustomDayClick }) })) : null, _jsx("span", { className: "gd-datepicker-icon gd-icon-calendar" })] }));
 }
 export const WrappedDatePicker = memo(WrappedDatePickerCore);
 WrappedDatePicker.displayName = "WrappedDatePicker";

package/esm/DescriptionPanel/DescriptionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionPanel.d.ts","sourceRoot":"","sources":["../../src/DescriptionPanel/DescriptionPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAM5F,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKzD;;GAEG;AACH,eAAO,MAAM,8BAA8B;;GAgB1C,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;CAgB3C,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AAEH,MAAM,WAAW,sBAAsB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAM7D;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,2CAMpE;AACD;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAgBtE"}
+{"version":3,"file":"DescriptionPanel.d.ts","sourceRoot":"","sources":["../../src/DescriptionPanel/DescriptionPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAM5F,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKzD;;GAEG;AACH,eAAO,MAAM,8BAA8B;;GAgB1C,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,+BAA+B;IACxC,OAAO;IACP,OAAO;IACP,OAAO;IAEP,OAAO;IACP,OAAO;IACP,OAAO;IAEP,OAAO;IACP,OAAO;IACP,OAAO;IAEP,OAAO;IACP,OAAO;IACP,OAAO;CACV,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AAEH,MAAM,WAAW,sBAAsB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAM7D;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,2CAMpE;AACD;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAgBtE"}

package/esm/DescriptionPanel/DescriptionPanel.js

@@ -66,9 +66,7 @@ export function DescriptionIcon({ className }) {
 }
 function DescriptionPanelCore(props) {
     const { arrowOffsets = DESCRIPTION_PANEL_ARROW_OFFSETS } = props;
-    return (_jsxs(BubbleHoverTrigger, { onBubbleOpen: props.onBubbleOpen, showDelay: 0, eventsOnBubble: true, children: [
-            _jsx(DescriptionIcon, { className: props.className }), _jsx(Bubble, { className: "bubble-light gd-description-panel-bubble", alignPoints: DESCRIPTION_PANEL_ALIGN_POINTS, arrowOffsets: arrowOffsets, arrowStyle: { display: "none" }, ensureVisibility: true, children: _jsx(DescriptionPanelContentCore, { ...props }) })
-        ] }));
+    return (_jsxs(BubbleHoverTrigger, { onBubbleOpen: props.onBubbleOpen, showDelay: 0, eventsOnBubble: true, children: [_jsx(DescriptionIcon, { className: props.className }), _jsx(Bubble, { className: "bubble-light gd-description-panel-bubble", alignPoints: DESCRIPTION_PANEL_ALIGN_POINTS, arrowOffsets: arrowOffsets, arrowStyle: { display: "none" }, ensureVisibility: true, children: _jsx(DescriptionPanelContentCore, { ...props }) })] }));
 }
 function DescriptionPanelContentCore({ title, description, isLocked, useReferences = false, LoadingComponent, filters, separators, execConfig, id, }) {
     const isZoomed = useIsZoomed(ZOOM_THRESHOLD); // ignore slight zoom in

package/esm/DescriptionPanel/EllipsisText.js

@@ -42,10 +42,7 @@ export function EllipsisText({ text, maxLines = LINE_NUMBER }) {
         }
         return null;
     }, [text, maxLines]);
-    return (_jsxs("div", { className: "gd-ellipsis-text", children: [
-            _jsx("div", { className: cx("gd-ellipsis-text-content", { "gd-ellipsis-text-fixed": overflowIndex }), children: overflowIndex && collapsed ? (_jsxs(_Fragment, { children: [
-                        _jsx("span", { children: text.slice(0, overflowIndex - 1) }), _jsx("span", { style: { userSelect: "none" }, children: "\u2026" })
-                    ] })) : (_jsx("span", { children: text })) }), overflowIndex ? (_jsx("button", { className: "gd-ellipsis-text-button", onClick: () => setCollapsed((isCollapsed) => !isCollapsed), children: collapsed
+    return (_jsxs("div", { className: "gd-ellipsis-text", children: [_jsx("div", { className: cx("gd-ellipsis-text-content", { "gd-ellipsis-text-fixed": overflowIndex }), children: overflowIndex && collapsed ? (_jsxs(_Fragment, { children: [_jsx("span", { children: text.slice(0, overflowIndex - 1) }), _jsx("span", { style: { userSelect: "none" }, children: "\u2026" })] })) : (_jsx("span", { children: text })) }), overflowIndex ? (_jsx("button", { className: "gd-ellipsis-text-button", onClick: () => setCollapsed((isCollapsed) => !isCollapsed), children: collapsed
                     ? intl.formatMessage({ id: "descriptionPanel.button.more" })
                     : intl.formatMessage({ id: "descriptionPanel.button.less" }) })) : null] }));
 }

package/esm/DescriptionPanel/MetadataList.js

@@ -14,8 +14,5 @@ const ALIGN_POINTS = [{ align: "cr cl" }, { align: "tc bc" }, { align: "bc tc" }
  * @internal
  */
 export function MetadataList({ title, list }) {
-    return (_jsxs("div", { className: "gd-metadata-list", children: [title ? _jsx("div", { className: "gd-metadata-list-title", children: title }) : null, list?.map((element, index) => (_jsxs("div", { className: "gd-metadata-list-element", children: [
-                    _jsx("span", { title: element.title, children: element.title }), !isEmpty(element.description) && (_jsxs(BubbleHoverTrigger, { className: "gd-metadata-list-icon", showDelay: 0, hideDelay: 0, children: [
-                            _jsx("div", { className: "gd-icon-circle-question" }), _jsx(Bubble, { className: "bubble-primary", arrowOffsets: ARROW_OFFSETS, alignPoints: ALIGN_POINTS, children: element.description })
-                        ] }))] }, index)))] }));
+    return (_jsxs("div", { className: "gd-metadata-list", children: [title ? _jsx("div", { className: "gd-metadata-list-title", children: title }) : null, list?.map((element, index) => (_jsxs("div", { className: "gd-metadata-list-element", children: [_jsx("span", { title: element.title, children: element.title }), !isEmpty(element.description) && (_jsxs(BubbleHoverTrigger, { className: "gd-metadata-list-icon", showDelay: 0, hideDelay: 0, children: [_jsx("div", { className: "gd-icon-circle-question" }), _jsx(Bubble, { className: "bubble-primary", arrowOffsets: ARROW_OFFSETS, alignPoints: ALIGN_POINTS, children: element.description })] }))] }, index)))] }));
 }

package/esm/Dialog/CommunityEditionDialog.js

@@ -9,7 +9,5 @@ import { Dialog } from "./Dialog.js";
  */
 export function CommunityEditionDialog({ headerText, infoText, copyrightText, links, onClose, closeButtonText, }) {
     const titleId = useId();
-    return (_jsxs(Dialog, { onClose: onClose, displayCloseButton: true, className: "gd-community-dialog", accessibilityConfig: { titleElementId: titleId }, children: [
-            _jsx("h3", { className: "gd-community-dialog-header", id: titleId, children: headerText }), _jsx(Message, { type: "progress", className: "gd-community-dialog-info", children: infoText }), _jsx("div", { className: "gd-community-dialog-copyright", children: copyrightText }), links.length > 0 ? (_jsx("ul", { className: "gd-community-dialog-links", children: links.map((link) => (_jsx("li", { children: _jsx("a", { href: link.uri, target: "_blank", rel: "noreferrer noopener", children: link.text }) }, link.uri))) })) : null, _jsx("div", { className: "gd-dialog-footer", children: _jsx(Button, { className: "gd-community-button gd-button-secondary", onClick: onClose, value: closeButtonText, title: closeButtonText }) })
-        ] }));
+    return (_jsxs(Dialog, { onClose: onClose, displayCloseButton: true, className: "gd-community-dialog", accessibilityConfig: { titleElementId: titleId }, children: [_jsx("h3", { className: "gd-community-dialog-header", id: titleId, children: headerText }), _jsx(Message, { type: "progress", className: "gd-community-dialog-info", children: infoText }), _jsx("div", { className: "gd-community-dialog-copyright", children: copyrightText }), links.length > 0 ? (_jsx("ul", { className: "gd-community-dialog-links", children: links.map((link) => (_jsx("li", { children: _jsx("a", { href: link.uri, target: "_blank", rel: "noreferrer noopener", children: link.text }) }, link.uri))) })) : null, _jsx("div", { className: "gd-dialog-footer", children: _jsx(Button, { className: "gd-community-button gd-button-secondary", onClick: onClose, value: closeButtonText, title: closeButtonText }) })] }));
 }

package/esm/Dialog/ConfirmDialogBase.js

@@ -25,7 +25,5 @@ export const ConfirmDialogBase = memo(function ConfirmDialogBase({ displayCloseB
         };
     }, [dialogBaseProps.accessibilityConfig, headline, titleElementIdWhenNotSet]);
     const guardedOnSubmit = isSubmitDisabled ? undefined : dialogBaseProps.onSubmit;
-    return (_jsxs(DialogBase, { ...dialogBaseProps, onSubmit: guardedOnSubmit, className: dialogClasses, displayCloseButton: displayCloseButton, accessibilityConfig: accessibilityConfig, initialFocus: initialFocus, returnFocusTo: returnFocusTo, returnFocusAfterClose: returnFocusAfterClose, children: [
-            _jsxs("div", { className: "gd-dialog-header-wrapper", children: [headerLeftButtonRenderer?.(), _jsxs("div", { className: headerClassNames, children: [headline ? (_jsx(Typography, { tagName: "h3", className: "gd-dialog-header-title", id: accessibilityConfig.titleElementId, children: headline })) : null, titleRightIconRenderer?.()] })
-                ] }), !!warning && _jsx("div", { className: "gd-dialog-warning", children: warning }), _jsx("div", { className: "gd-dialog-content", children: dialogBaseProps.children }), footerRenderer ? (footerRenderer()) : (_jsx(ConfirmDialogFooter, { footerLeft: footerLeftRenderer?.(), showProgressIndicator: showProgressIndicator, cancelButtonText: cancelButtonText, onCancel: dialogBaseProps.onCancel, isCancelDisabled: isCancelDisabled, submitButtonText: submitButtonText, onSubmit: dialogBaseProps.onSubmit, isSubmitDisabled: isSubmitDisabled, submitButtonTooltipText: submitButtonTooltipText, submitButtonTooltipAlignPoints: submitButtonTooltipAlignPoints, submitButtonTooltipArrowOffsets: submitButtonTooltipArrowOffsets, hideSubmitButton: hideSubmitButton, isPositive: isPositive }))] }));
+    return (_jsxs(DialogBase, { ...dialogBaseProps, onSubmit: guardedOnSubmit, className: dialogClasses, displayCloseButton: displayCloseButton, accessibilityConfig: accessibilityConfig, initialFocus: initialFocus, returnFocusTo: returnFocusTo, returnFocusAfterClose: returnFocusAfterClose, children: [_jsxs("div", { className: "gd-dialog-header-wrapper", children: [headerLeftButtonRenderer?.(), _jsxs("div", { className: headerClassNames, children: [headline ? (_jsx(Typography, { tagName: "h3", className: "gd-dialog-header-title", id: accessibilityConfig.titleElementId, children: headline })) : null, titleRightIconRenderer?.()] })] }), !!warning && _jsx("div", { className: "gd-dialog-warning", children: warning }), _jsx("div", { className: "gd-dialog-content", children: dialogBaseProps.children }), footerRenderer ? (footerRenderer()) : (_jsx(ConfirmDialogFooter, { footerLeft: footerLeftRenderer?.(), showProgressIndicator: showProgressIndicator, cancelButtonText: cancelButtonText, onCancel: dialogBaseProps.onCancel, isCancelDisabled: isCancelDisabled, submitButtonText: submitButtonText, onSubmit: dialogBaseProps.onSubmit, isSubmitDisabled: isSubmitDisabled, submitButtonTooltipText: submitButtonTooltipText, submitButtonTooltipAlignPoints: submitButtonTooltipAlignPoints, submitButtonTooltipArrowOffsets: submitButtonTooltipArrowOffsets, hideSubmitButton: hideSubmitButton, isPositive: isPositive }))] }));
 });

package/esm/Dialog/ConfirmDialogFooter.js

@@ -20,6 +20,5 @@ export function ConfirmDialogFooter({ footerLeft, showProgressIndicator, cancelB
         "gd-button-action": isPositive,
         "gd-button-negative": !isPositive,
     });
-    return (_jsxs("div", { className: "gd-dialog-footer", children: [footerLeft, showProgressIndicator ? _jsx(LoadingSpinner, { className: "gd-dialog-spinner small" }) : null, _jsx(Button, { onClick: onCancel, className: "gd-button-secondary s-dialog-cancel-button", value: cancelButtonText, disabled: isCancelDisabled }), submitButtonText && !hideSubmitButton ? (_jsxs(BubbleHoverTrigger, { className: "gd-button", showDelay: 0, hideDelay: 0, children: [
-                    _jsx(Button, { id: CONFIRM_DIALOG_BASE_ID, onClick: onSubmit, className: submitButtonClasses, value: submitButtonText, disabled: isSubmitDisabled, describedByFromValidation: true }), submitButtonTooltipText ? (_jsx(Bubble, { className: "bubble-primary", alignPoints: submitButtonTooltipAlignPoints || [{ align: "bc tc" }], arrowOffsets: submitButtonTooltipArrowOffsets || { "bc tc": [0, 15] }, children: submitButtonTooltipText })) : null] })) : null] }));
+    return (_jsxs("div", { className: "gd-dialog-footer", children: [footerLeft, showProgressIndicator ? _jsx(LoadingSpinner, { className: "gd-dialog-spinner small" }) : null, _jsx(Button, { onClick: onCancel, className: "gd-button-secondary s-dialog-cancel-button", value: cancelButtonText, disabled: isCancelDisabled }), submitButtonText && !hideSubmitButton ? (_jsxs(BubbleHoverTrigger, { className: "gd-button", showDelay: 0, hideDelay: 0, children: [_jsx(Button, { id: CONFIRM_DIALOG_BASE_ID, onClick: onSubmit, className: submitButtonClasses, value: submitButtonText, disabled: isSubmitDisabled, describedByFromValidation: true }), submitButtonTooltipText ? (_jsx(Bubble, { className: "bubble-primary", alignPoints: submitButtonTooltipAlignPoints || [{ align: "bc tc" }], arrowOffsets: submitButtonTooltipArrowOffsets || { "bc tc": [0, 15] }, children: submitButtonTooltipText })) : null] })) : null] }));
 }

package/esm/Dialog/CsvDelimiterPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CsvDelimiterPicker.d.ts","sourceRoot":"","sources":["../../src/Dialog/CsvDelimiterPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEH,KAAK,kBAAkB,EAEvB,KAAK,2BAA2B,EAEnC,MAAM,qBAAqB,CAAC;AA8G7B;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,cAAc,EAAE,kBAAkB,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,oGAAkG;IAClG,KAAK,EAAE,wBAAwB,CAAC;IAChC,yEAAyE;IACzE,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACpD,0DAA0D;IAC1D,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,kGAAgG;IAChG,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,eAAe,EACf,MAAiB,EACjB,WAAmB,EACtB,EAAE,wBAAwB,2CAwI1B"}
+{"version":3,"file":"CsvDelimiterPicker.d.ts","sourceRoot":"","sources":["../../src/Dialog/CsvDelimiterPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEH,KAAK,kBAAkB,EAEvB,KAAK,2BAA2B,EAEnC,MAAM,qBAAqB,CAAC;AA8G7B;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,cAAc,EAAE,kBAAkB,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,kGAAkG;IAClG,KAAK,EAAE,wBAAwB,CAAC;IAChC,yEAAyE;IACzE,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACpD,0DAA0D;IAC1D,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,gGAAgG;IAChG,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,eAAe,EACf,MAAiB,EACjB,WAAmB,EACtB,EAAE,wBAAwB,2CAwI1B"}

package/esm/Dialog/CsvDelimiterPicker.js

@@ -71,8 +71,7 @@ function CsvDelimiterMenuItem({ item, isFocused }) {
     return (_jsx("div", { className: cx("gd-ui-kit-menu__item", {
             "gd-ui-kit-menu__item--isFocused": isFocused,
             "gd-ui-kit-menu__item--isSelected": !!item.isSelected,
-        }), children: _jsxs("span", { className: "gd-csv-delimiter-picker-label", children: [
-                _jsx("span", { children: item.stringTitle }), preset ? (_jsxs("span", { className: "gd-csv-delimiter-picker-preview", "aria-hidden": "true", children: [" (", _jsx("span", { className: "gd-csv-delimiter-picker-preview-char", children: preset.previewSymbol }), ")"] })) : null] }) }));
+        }), children: _jsxs("span", { className: "gd-csv-delimiter-picker-label", children: [_jsx("span", { children: item.stringTitle }), preset ? (_jsxs("span", { className: "gd-csv-delimiter-picker-preview", "aria-hidden": "true", children: [" (", _jsx("span", { className: "gd-csv-delimiter-picker-preview-char", children: preset.previewSymbol }), ")"] })) : null] }) }));
 }
 /**
  * Reusable CSV delimiter preset picker with dropdown, custom input, and validation.
@@ -134,8 +133,7 @@ export function CsvDelimiterPicker({ value, onChange, validationError, label, on
                             }, minWidth: DEFAULT_MENU_MIN_WIDTH })), autofocusOnOpen: true, fullWidthButton: layout === "column", closeOnEscape: true, accessibilityConfig: {
                             triggerRole: "button",
                             popupRole: "listbox",
-                        } }), selectedPreset === "custom" ? (_jsxs("div", { className: "gd-csv-delimiter-picker-custom-field", children: [
-                            _jsx(Input, { className: "gd-csv-delimiter-picker-custom-input s-csv-delimiter-custom-input", isSmall: true, value: customDelimiter, onChange: (value) => {
+                        } }), selectedPreset === "custom" ? (_jsxs("div", { className: "gd-csv-delimiter-picker-custom-field", children: [_jsx(Input, { className: "gd-csv-delimiter-picker-custom-input s-csv-delimiter-custom-input", isSmall: true, value: customDelimiter, onChange: (value) => {
                                     setIsCustomInputDirty(true);
                                     onChange({ selectedPreset, customDelimiter: String(value) });
                                 }, hasError: showInlineError, autocomplete: "off", onEnterKeyPress: onEnterKeyPress, accessibilityConfig: {
@@ -144,6 +142,5 @@ export function CsvDelimiterPicker({ value, onChange, validationError, label, on
                                     ariaDescribedBy: showInlineError ? errorId : undefined,
                                 } }), validationErrorMessage ? (_jsxs("div", { id: errorId, className: cx("gd-csv-delimiter-picker-error", {
                                     "sr-only": !showInlineError,
-                                }), children: [errorPrefix, " ", validationErrorMessage] })) : null] })) : null] })
-        ] }));
+                                }), children: [errorPrefix, " ", validationErrorMessage] })) : null] })) : null] })] }));
 }

package/esm/Dialog/DialogBase.js

@@ -32,7 +32,5 @@ export const DialogBase = memo(function DialogBase({ submitOnEnterKey, onCancel,
         checkKeyHandler(event, "Escape", shouldCloseOnEscape ? onClose : onCancel);
     }, [onCancel, onSubmit, onClose, submitOnEnterKey, shouldCloseOnEscape]);
     const dialogClasses = cx("overlay", "gd-dialog", className);
-    return (_jsx(UiFocusManager, { enableFocusTrap: isModal, enableAutofocus: autofocusOnOpen ? { initialFocus, refocusKey } : false, enableReturnFocusOnUnmount: returnFocusAfterClose ? { returnFocusTo } : false, focusCheckFn: focusCheckFn, children: _jsxs("div", { id: accessibilityConfig?.dialogId, onKeyDown: handleKeyDown, "data-testid": dataTestId, role: "dialog", "aria-modal": accessibilityConfig?.isModal, "aria-label": accessibilityConfig?.title, "aria-labelledby": accessibilityConfig?.titleElementId, "aria-describedby": accessibilityConfig?.descriptionElementId, children: [
-                _jsx(ScreenReaderToast, {}), _jsxs("div", { className: dialogClasses, children: [displayCloseButton ? (_jsx(CloseButton, { onClose: onClose ?? onCancel, accessibilityConfig: accessibilityConfig })) : null, children] })
-            ] }) }));
+    return (_jsx(UiFocusManager, { enableFocusTrap: isModal, enableAutofocus: autofocusOnOpen ? { initialFocus, refocusKey } : false, enableReturnFocusOnUnmount: returnFocusAfterClose ? { returnFocusTo } : false, focusCheckFn: focusCheckFn, children: _jsxs("div", { id: accessibilityConfig?.dialogId, onKeyDown: handleKeyDown, "data-testid": dataTestId, role: "dialog", "aria-modal": accessibilityConfig?.isModal, "aria-label": accessibilityConfig?.title, "aria-labelledby": accessibilityConfig?.titleElementId, "aria-describedby": accessibilityConfig?.descriptionElementId, children: [_jsx(ScreenReaderToast, {}), _jsxs("div", { className: dialogClasses, children: [displayCloseButton ? (_jsx(CloseButton, { onClose: onClose ?? onCancel, accessibilityConfig: accessibilityConfig })) : null, children] })] }) }));
 });