@gooddata/sdk-ui-kit 10.38.0 → 10.39.0-alpha.2

package/esm/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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"}

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

@@ -1,10 +1,8 @@
-import { PureComponent, ReactNode } from "react";
+import React from "react";
 import { ColorFormats } from "tinycolor2";
 export interface IColorPickerMatrixProps {
     initColor: ColorFormats.HSL;
     onColorSelected: (color: ColorFormats.HSL) => void;
 }
-export declare class ColorPickerMatrix extends PureComponent<IColorPickerMatrixProps> {
-    render(): ReactNode;
-}
+export declare const ColorPickerMatrix: React.NamedExoticComponent<IColorPickerMatrixProps>;
 //# 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":"AACA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI1C,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,KAAK,IAAI,CAAC;CACtD;AAED,qBAAa,iBAAkB,SAAQ,aAAa,CAAC,uBAAuB,CAAC;IACzE,MAAM,IAAI,SAAS;CAqBtB"}
+{"version":3,"file":"ColorPickerMatrix.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorPickerMatrix.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI1C,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,qDAoB5B,CAAC"}

package/esm/ColorPicker/components/ColorPickerMatrix.js

@@ -1,28 +1,30 @@
-// (C) 2007-2022 GoodData Corporation
-import React, { PureComponent } from "react";
+// (C) 2007-2025 GoodData Corporation
+import React, { memo, useCallback, useMemo } from "react";
 import cx from "classnames";
 import { getColorStyle, SATURATION_ARRAY } from "../utils.js";
-export class ColorPickerMatrix extends PureComponent {
-    render() {
-        return (React.createElement("div", { className: "color-picker-component" },
-            React.createElement(ColorPickerRow, { lightness: 0.7, initColor: this.props.initColor, onColorSelected: this.props.onColorSelected }),
-            React.createElement(ColorPickerRow, { lightness: 0.5, initColor: this.props.initColor, onColorSelected: this.props.onColorSelected }),
-            React.createElement(ColorPickerRow, { lightness: 0.3, initColor: this.props.initColor, onColorSelected: this.props.onColorSelected })));
-    }
-}
-class ColorPickerRow extends PureComponent {
-    getCellClassNames(hslColor) {
+export const ColorPickerMatrix = memo(function ColorPickerMatrix(props) {
+    return (React.createElement("div", { className: "color-picker-component" },
+        React.createElement(ColorPickerRow, { lightness: 0.7, initColor: props.initColor, onColorSelected: props.onColorSelected }),
+        React.createElement(ColorPickerRow, { lightness: 0.5, initColor: props.initColor, onColorSelected: props.onColorSelected }),
+        React.createElement(ColorPickerRow, { lightness: 0.3, initColor: props.initColor, onColorSelected: props.onColorSelected })));
+});
+const ColorPickerRow = memo(function ColorPickerRow({ onColorSelected, initColor, lightness, }) {
+    const getCellClassNames = useCallback((hslColor) => {
         return cx("color-picker-cell", `s-color-${Math.floor(hslColor.h + (hslColor.s + hslColor.l) * 100)}`);
-    }
-    render() {
-        return (React.createElement("div", { className: "color-picker-row" }, SATURATION_ARRAY.map((saturation) => {
+    }, []);
+    const handleColorClick = useCallback((color) => () => {
+        onColorSelected(color);
+    }, [onColorSelected]);
+    const colorCells = useMemo(() => {
+        return SATURATION_ARRAY.map((saturation) => {
             const newColor = {
-                h: this.props.initColor.h,
+                h: initColor.h,
                 s: saturation,
-                l: this.props.lightness,
+                l: lightness,
             };
-            return (React.createElement("div", { role: "color", tabIndex: -1, key: this.props.lightness + saturation, className: this.getCellClassNames(newColor), style: getColorStyle(newColor), onClick: () => this.props.onColorSelected(newColor) }));
-        })));
-    }
-}
+            return (React.createElement("div", { role: "color", tabIndex: -1, key: lightness + saturation, className: getCellClassNames(newColor), style: getColorStyle(newColor), onClick: handleColorClick(newColor) }));
+        });
+    }, [initColor.h, lightness, getCellClassNames, handleColorClick]);
+    return React.createElement("div", { className: "color-picker-row" }, colorCells);
+});
 //# sourceMappingURL=ColorPickerMatrix.js.map

package/esm/ColorPicker/components/ColorPickerMatrix.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerMatrix.js","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorPickerMatrix.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAO9D,MAAM,OAAO,iBAAkB,SAAQ,aAAsC;IACzE,MAAM;QACF,OAAO,CACH,6BAAK,SAAS,EAAC,wBAAwB;YACnC,oBAAC,cAAc,IACX,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,GAC7C;YACF,oBAAC,cAAc,IACX,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,GAC7C;YACF,oBAAC,cAAc,IACX,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,GAC7C,CACA,CACT,CAAC;IACN,CAAC;CACJ;AAMD,MAAM,cAAe,SAAQ,aAAmC;IAC5D,iBAAiB,CAAC,QAA0B;QACxC,OAAO,EAAE,CAAC,mBAAmB,EAAE,WAAW,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;IAC1G,CAAC;IAED,MAAM;QACF,OAAO,CACH,6BAAK,SAAS,EAAC,kBAAkB,IAC5B,gBAAgB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YACjC,MAAM,QAAQ,GAAG;gBACb,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBACzB,CAAC,EAAE,UAAU;gBACb,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;aAC1B,CAAC;YAEF,OAAO,CACH,6BACI,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,EACtC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAC3C,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,GACrD,CACL,CAAC;QACN,CAAC,CAAC,CACA,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"ColorPickerMatrix.js","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorPickerMatrix.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAa,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAO9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,iBAAiB,CAAC,KAA8B;IAC3F,OAAO,CACH,6BAAK,SAAS,EAAC,wBAAwB;QACnC,oBAAC,cAAc,IACX,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,KAAK,CAAC,eAAe,GACxC;QACF,oBAAC,cAAc,IACX,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,KAAK,CAAC,eAAe,GACxC;QACF,oBAAC,cAAc,IACX,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,KAAK,CAAC,eAAe,GACxC,CACA,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAMH,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,cAAc,CAAC,EAChD,eAAe,EACf,SAAS,EACT,SAAS,GACU;IACnB,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,QAA0B,EAAE,EAAE;QACjE,OAAO,EAAE,CAAC,mBAAmB,EAAE,WAAW,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;IAC1G,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAChC,CAAC,KAAuB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC9B,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,gBAAgB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YACvC,MAAM,QAAQ,GAAG;gBACb,CAAC,EAAE,SAAS,CAAC,CAAC;gBACd,CAAC,EAAE,UAAU;gBACb,CAAC,EAAE,SAAS;aACf,CAAC;YAEF,OAAO,CACH,6BACI,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,SAAS,GAAG,UAAU,EAC3B,SAAS,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EACtC,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC9B,OAAO,EAAE,gBAAgB,CAAC,QAAQ,CAAC,GACrC,CACL,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAElE,OAAO,6BAAK,SAAS,EAAC,kBAAkB,IAAE,UAAU,CAAO,CAAC;AAChE,CAAC,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode } from "react";
+import React from "react";
 import { ColorFormats } from "tinycolor2";
 export interface IColorsPreviewProps {
     currentHslColor: ColorFormats.HSL;
@@ -6,8 +6,5 @@ export interface IColorsPreviewProps {
     currentTextLabel?: string;
     draftTextLabel?: string;
 }
-export declare class ColorsPreview extends PureComponent<IColorsPreviewProps> {
-    static defaultProps: Pick<IColorsPreviewProps, "currentTextLabel" | "draftTextLabel">;
-    render(): ReactNode;
-}
+export declare const ColorsPreview: React.NamedExoticComponent<IColorsPreviewProps>;
 //# 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":"AACA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI1C,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,qBAAa,aAAc,SAAQ,aAAa,CAAC,mBAAmB,CAAC;IACjE,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,CAGnF;IAEF,MAAM,IAAI,SAAS;CAgBtB"}
+{"version":3,"file":"ColorsPreview.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorsPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI1C,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,iDAYxB,CAAC"}

package/esm/ColorPicker/components/ColorsPreview.js

@@ -1,22 +1,14 @@
-// (C) 2007-2022 GoodData Corporation
-import React, { PureComponent } from "react";
+// (C) 2007-2025 GoodData Corporation
+import React, { memo } from "react";
 import { getColorStyle } from "../utils.js";
-export class ColorsPreview extends PureComponent {
-    static defaultProps = {
-        currentTextLabel: "current",
-        draftTextLabel: "new",
-    };
-    render() {
-        return (React.createElement("div", { className: "color-picker-preview" },
-            React.createElement(ColorItem, { id: "current-color", hslColor: this.props.currentHslColor, textLabel: this.props.currentTextLabel }),
-            React.createElement(ColorItem, { id: "new-color", hslColor: this.props.draftHslColor, textLabel: this.props.draftTextLabel })));
-    }
-}
-class ColorItem extends PureComponent {
-    render() {
-        return (React.createElement("div", { className: "color-picker-value-wrapper" },
-            React.createElement("div", { "aria-label": this.props.id, className: `color-value s-${this.props.id}`, style: getColorStyle(this.props.hslColor) }),
-            React.createElement("span", null, this.props.textLabel)));
-    }
-}
+export const ColorsPreview = memo(function ColorsPreview({ currentHslColor, draftHslColor, currentTextLabel = "current", draftTextLabel = "new", }) {
+    return (React.createElement("div", { className: "color-picker-preview" },
+        React.createElement(ColorItem, { id: "current-color", hslColor: currentHslColor, textLabel: currentTextLabel }),
+        React.createElement(ColorItem, { id: "new-color", hslColor: draftHslColor, textLabel: draftTextLabel })));
+});
+const ColorItem = memo(function ColorItem({ id, hslColor, textLabel }) {
+    return (React.createElement("div", { className: "color-picker-value-wrapper" },
+        React.createElement("div", { "aria-label": id, className: `color-value s-${id}`, style: getColorStyle(hslColor) }),
+        React.createElement("span", null, textLabel)));
+});
 //# sourceMappingURL=ColorsPreview.js.map

package/esm/ColorPicker/components/ColorsPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorsPreview.js","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorsPreview.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAS5C,MAAM,OAAO,aAAc,SAAQ,aAAkC;IACjE,MAAM,CAAC,YAAY,GAAqE;QACpF,gBAAgB,EAAE,SAAS;QAC3B,cAAc,EAAE,KAAK;KACxB,CAAC;IAEF,MAAM;QACF,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,SAAS,IACN,EAAE,EAAC,eAAe,EAClB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EACpC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,GACxC;YACF,oBAAC,SAAS,IACN,EAAE,EAAC,WAAW,EACd,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAClC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACtC,CACA,CACT,CAAC;IACN,CAAC;;AASL,MAAM,SAAU,SAAQ,aAA8B;IAClD,MAAM;QACF,OAAO,CACH,6BAAK,SAAS,EAAC,4BAA4B;YACvC,2CACgB,IAAI,CAAC,KAAK,CAAC,EAAE,EACzB,SAAS,EAAE,iBAAiB,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAC3C,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAC3C;YACF,kCAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAQ,CACjC,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"ColorsPreview.js","sourceRoot":"","sources":["../../../src/ColorPicker/components/ColorsPreview.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAa,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAS5C,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,aAAa,CAAC,EACrD,eAAe,EACf,aAAa,EACb,gBAAgB,GAAG,SAAS,EAC5B,cAAc,GAAG,KAAK,GACJ;IAClB,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB;QACjC,oBAAC,SAAS,IAAC,EAAE,EAAC,eAAe,EAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,gBAAgB,GAAI;QACxF,oBAAC,SAAS,IAAC,EAAE,EAAC,WAAW,EAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,GAAI,CAC9E,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAQH,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAmB;IAClF,OAAO,CACH,6BAAK,SAAS,EAAC,4BAA4B;QACvC,2CAAiB,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAI;QACzF,kCAAO,SAAS,CAAQ,CACtB,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode } from "react";
+import React from "react";
 import { ColorFormats } from "tinycolor2";
 export interface IHexColorInputProps {
     initColor: ColorFormats.HSL;
@@ -6,9 +6,5 @@ export interface IHexColorInputProps {
     placeholder?: string;
     label?: string;
 }
-export declare class HexColorInput extends PureComponent<IHexColorInputProps> {
-    static defaultProps: Pick<IHexColorInputProps, "label" | "placeholder">;
-    onInputChange: (value: string) => void;
-    render(): ReactNode;
-}
+export declare const HexColorInput: React.NamedExoticComponent<IHexColorInputProps>;
 //# 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":"AACA,OAAc,EAAE,aAAa,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAK1C,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,qBAAa,aAAc,SAAQ,aAAa,CAAC,mBAAmB,CAAC;IACjE,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,aAAa,CAAC,CAGrE;IAEF,aAAa,GAAI,OAAO,MAAM,KAAG,IAAI,CAKnC;IAEF,MAAM,IAAI,SAAS;CAetB"}
+{"version":3,"file":"HexColorInput.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/HexColorInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAK1C,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,iDA0BxB,CAAC"}

package/esm/ColorPicker/components/HexColorInput.js

@@ -1,23 +1,18 @@
-// (C) 2007-2020 GoodData Corporation
-import React, { PureComponent, Fragment } from "react";
+// (C) 2007-2025 GoodData Corporation
+import React, { memo, Fragment, useCallback } from "react";
 import { getHslFromHexColor, getHexFromHslColor, isHexColorValid } from "../utils.js";
 import { Input } from "../../Form/index.js";
-export class HexColorInput extends PureComponent {
-    static defaultProps = {
-        placeholder: "",
-        label: "",
-    };
-    onInputChange = (value) => {
+export const HexColorInput = memo(function HexColorInput(props) {
+    const { initColor, onInputChanged, placeholder = "", label = "" } = props;
+    const onInputChange = useCallback((value) => {
         if (isHexColorValid(value)) {
             const newHsl = getHslFromHexColor(value);
-            this.props.onInputChanged(newHsl);
+            onInputChanged(newHsl);
         }
-    };
-    render() {
-        const hexValue = getHexFromHslColor(this.props.initColor);
-        return (React.createElement(Fragment, null,
-            React.createElement(Input, { className: "s-color-picker-hex", value: hexValue, onChange: this.onInputChange, placeholder: this.props.placeholder }),
-            React.createElement("p", null, this.props.label)));
-    }
-}
+    }, [onInputChanged]);
+    const hexValue = getHexFromHslColor(initColor);
+    return (React.createElement(Fragment, null,
+        React.createElement(Input, { className: "s-color-picker-hex", value: hexValue, onChange: onInputChange, placeholder: placeholder }),
+        React.createElement("p", null, label)));
+});
 //# sourceMappingURL=HexColorInput.js.map

package/esm/ColorPicker/components/HexColorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"HexColorInput.js","sourceRoot":"","sources":["../../../src/ColorPicker/components/HexColorInput.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAS5C,MAAM,OAAO,aAAc,SAAQ,aAAkC;IACjE,MAAM,CAAC,YAAY,GAAuD;QACtE,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,EAAE;KACZ,CAAC;IAEF,aAAa,GAAG,CAAC,KAAa,EAAQ,EAAE;QACpC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;YACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM;QACF,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAE1D,OAAO,CACH,oBAAC,QAAQ;YACL,oBAAC,KAAK,IACF,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GACrC;YACF,+BAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAK,CAClB,CACd,CAAC;IACN,CAAC"}
+{"version":3,"file":"HexColorInput.js","sourceRoot":"","sources":["../../../src/ColorPicker/components/HexColorInput.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAS5C,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,aAAa,CAAC,KAA0B;IAC/E,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAE1E,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAa,EAAQ,EAAE;QACpB,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;YACzC,cAAc,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,EACD,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,MAAM,QAAQ,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAE/C,OAAO,CACH,oBAAC,QAAQ;QACL,oBAAC,KAAK,IACF,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,WAAW,GAC1B;QACF,+BAAI,KAAK,CAAK,CACP,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -2,23 +2,11 @@
  * Copyright (c) 2015 Case Sandberg
  * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
  */
-import React, { PureComponent, ReactNode, CSSProperties } from "react";
+import React from "react";
 import { ColorFormats } from "tinycolor2";
 export interface IHueColorPickerProps {
     initColor: ColorFormats.HSL;
     onChange: (color: ColorFormats.HSL) => void;
 }
-export declare class HueColorPicker extends PureComponent<IHueColorPickerProps> {
-    private readonly hueContainer;
-    constructor(props: IHueColorPickerProps);
-    componentWillUnmount(): void;
-    getPointerStyle(): CSSProperties;
-    handleChange: (e: TouchEvent | MouseEvent) => void;
-    handleTouchChange: (e: React.TouchEvent) => void;
-    handleMouseDown: (e: React.MouseEvent) => void;
-    handleMouseUp: () => void;
-    bindEventListeners(): void;
-    unbindEventListeners(): void;
-    render(): ReactNode;
-}
+export declare const HueColorPicker: React.NamedExoticComponent<IHueColorPickerProps>;
 //# 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":"AACA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI1C,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,qBAAa,cAAe,SAAQ,aAAa,CAAC,oBAAoB,CAAC;IACnE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA4B;gBAE7C,KAAK,EAAE,oBAAoB;IAKvC,oBAAoB,IAAI,IAAI;IAI5B,eAAe,IAAI,aAAa;IAOhC,YAAY,GAAI,GAAG,UAAU,GAAG,UAAU,KAAG,IAAI,CAK/C;IAEF,iBAAiB,GAAI,GAAG,KAAK,CAAC,UAAU,KAAG,IAAI,CAE7C;IAEF,eAAe,GAAI,GAAG,KAAK,CAAC,UAAU,KAAG,IAAI,CAG3C;IAEF,aAAa,QAAO,IAAI,CAEtB;IAEF,kBAAkB,IAAI,IAAI;IAK1B,oBAAoB,IAAI,IAAI;IAK5B,MAAM,IAAI,SAAS;CAiBtB"}
+{"version":3,"file":"HueColorPicker.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/components/HueColorPicker.tsx"],"names":[],"mappings":"AACA;;;GAGG;AACH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI1C,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,kDAoEzB,CAAC"}

package/esm/ColorPicker/components/HueColorPicker.js

@@ -1,53 +1,45 @@
-// (C) 2007-2022 GoodData Corporation
+// (C) 2007-2025 GoodData Corporation
 /**
  * Copyright (c) 2015 Case Sandberg
  * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
  */
-import React, { PureComponent } from "react";
+import React, { memo, useRef, useEffect, useCallback, useMemo } from "react";
 import { calculateHueChange } from "../utils.js";
-export class HueColorPicker extends PureComponent {
-    hueContainer;
-    constructor(props) {
-        super(props);
-        this.hueContainer = React.createRef();
-    }
-    componentWillUnmount() {
-        this.unbindEventListeners();
-    }
-    getPointerStyle() {
-        return {
-            position: "absolute",
-            left: `${(this.props.initColor.h * 100) / 360}%`,
-        };
-    }
-    handleChange = (e) => {
-        const change = calculateHueChange(e, this.props.initColor.h, this.hueContainer.current);
-        if (change && this.props.onChange) {
-            this.props.onChange(change);
+export const HueColorPicker = memo(function HueColorPicker({ initColor, onChange }) {
+    const hueContainer = useRef(null);
+    const pointerStyle = useMemo(() => ({
+        position: "absolute",
+        left: `${(initColor.h * 100) / 360}%`,
+    }), [initColor.h]);
+    const handleChange = useCallback((e) => {
+        const change = calculateHueChange(e, initColor.h, hueContainer.current);
+        if (change && onChange) {
+            onChange(change);
         }
-    };
-    handleTouchChange = (e) => {
-        this.handleChange(e.nativeEvent);
-    };
-    handleMouseDown = (e) => {
-        this.bindEventListeners();
-        this.handleChange(e.nativeEvent);
-    };
-    handleMouseUp = () => {
-        this.unbindEventListeners();
-    };
-    bindEventListeners() {
-        window.addEventListener("mousemove", this.handleChange);
-        window.addEventListener("mouseup", this.handleMouseUp);
-    }
-    unbindEventListeners() {
-        window.removeEventListener("mousemove", this.handleChange);
-        window.removeEventListener("mouseup", this.handleMouseUp);
-    }
-    render() {
-        return (React.createElement("div", { role: "hue-picker", className: "hue-picker hue-horizontal s-hue-picker", ref: this.hueContainer, onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onTouchMove: this.handleTouchChange, onTouchStart: this.handleTouchChange },
-            React.createElement("div", { style: this.getPointerStyle() },
-                React.createElement("div", { className: "color-picker-pointer s-color-picker-pointer" }))));
-    }
-}
+    }, [initColor.h, onChange]);
+    const handleMouseUp = useCallback(() => {
+        window.removeEventListener("mousemove", handleChange);
+        window.removeEventListener("mouseup", handleMouseUp);
+    }, [handleChange]);
+    const bindEventListeners = useCallback(() => {
+        window.addEventListener("mousemove", handleChange);
+        window.addEventListener("mouseup", handleMouseUp);
+    }, [handleChange, handleMouseUp]);
+    const handleTouchChange = useCallback((e) => {
+        handleChange(e.nativeEvent);
+    }, [handleChange]);
+    const handleMouseDown = useCallback((e) => {
+        bindEventListeners();
+        handleChange(e.nativeEvent);
+    }, [bindEventListeners, handleChange]);
+    useEffect(() => {
+        return () => {
+            window.removeEventListener("mousemove", handleChange);
+            window.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [handleChange, handleMouseUp]);
+    return (React.createElement("div", { role: "hue-picker", className: "hue-picker hue-horizontal s-hue-picker", ref: hueContainer, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onTouchMove: handleTouchChange, onTouchStart: handleTouchChange },
+        React.createElement("div", { style: pointerStyle },
+            React.createElement("div", { className: "color-picker-pointer s-color-picker-pointer" }))));
+});
 //# sourceMappingURL=HueColorPicker.js.map

package/esm/ColorPicker/components/HueColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"HueColorPicker.js","sourceRoot":"","sources":["../../../src/ColorPicker/components/HueColorPicker.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,aAAa,EAAuC,MAAM,OAAO,CAAC;AAGlF,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAOjD,MAAM,OAAO,cAAe,SAAQ,aAAmC;IAClD,YAAY,CAA4B;IAEzD,YAAY,KAA2B;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC1C,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAED,eAAe;QACX,OAAO;YACH,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG;SACnD,CAAC;IACN,CAAC;IAED,YAAY,GAAG,CAAC,CAA0B,EAAQ,EAAE;QAChD,MAAM,MAAM,GAAG,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACxF,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAChC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,CAAC;IAEF,iBAAiB,GAAG,CAAC,CAAmB,EAAQ,EAAE;QAC9C,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,eAAe,GAAG,CAAC,CAAmB,EAAQ,EAAE;QAC5C,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,aAAa,GAAG,GAAS,EAAE;QACvB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,kBAAkB;QACd,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC3D,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3D,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC9D,CAAC;IAED,MAAM;QACF,OAAO,CACH,6BACI,IAAI,EAAC,YAAY,EACjB,SAAS,EAAC,wCAAwC,EAClD,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,WAAW,EAAE,IAAI,CAAC,iBAAiB,EACnC,YAAY,EAAE,IAAI,CAAC,iBAAiB;YAEpC,6BAAK,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;gBAC9B,6BAAK,SAAS,EAAC,6CAA6C,GAAG,CAC7D,CACJ,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"HueColorPicker.js","sourceRoot":"","sources":["../../../src/ColorPicker/components/HueColorPicker.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AAG5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAOjD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAwB;IACpG,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC;QACH,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG;KACxC,CAAC,EACF,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,CAA0B,EAAQ,EAAE;QACjC,MAAM,MAAM,GAAG,kBAAkB,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QACxE,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;YACrB,QAAQ,CAAC,MAAM,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,EACD,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAC1B,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QACzC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QACtD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAS,EAAE;QAC9C,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QACnD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,MAAM,iBAAiB,GAAG,WAAW,CACjC,CAAC,CAAmB,EAAQ,EAAE;QAC1B,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,CAAmB,EAAQ,EAAE;QAC1B,kBAAkB,EAAE,CAAC;QACrB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,kBAAkB,EAAE,YAAY,CAAC,CACrC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;YACtD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,6BACI,IAAI,EAAC,YAAY,EACjB,SAAS,EAAC,wCAAwC,EAClD,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,iBAAiB;QAE/B,6BAAK,KAAK,EAAE,YAAY;YACpB,6BAAK,SAAS,EAAC,6CAA6C,GAAG,CAC7D,CACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/esm/Dialog/ConfirmDialog.d.ts

@@ -1,9 +1,7 @@
-import { PureComponent, ReactElement } from "react";
+import React from "react";
 import { IConfirmDialogBaseProps } from "./typings.js";
 /**
  * @internal
  */
-export declare class ConfirmDialog extends PureComponent<IConfirmDialogBaseProps> {
-    render(): ReactElement;
-}
+export declare const ConfirmDialog: React.NamedExoticComponent<IConfirmDialogBaseProps>;
 //# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialog.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAEvD;;GAEG;AACH,qBAAa,aAAc,SAAQ,aAAa,CAAC,uBAAuB,CAAC;IAC9D,MAAM,IAAI,YAAY;CAkBhC"}
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,aAAa,qDAkBxB,CAAC"}

package/esm/Dialog/ConfirmDialog.js

@@ -1,19 +1,16 @@
 // (C) 2020-2025 GoodData Corporation
-import React, { PureComponent } from "react";
+import React, { memo } from "react";
 import { Overlay } from "../Overlay/index.js";
 import { ConfirmDialogBase } from "./ConfirmDialogBase.js";
 /**
  * @internal
  */
-export class ConfirmDialog extends PureComponent {
-    render() {
-        const { containerClassName, ...dialogProps } = this.props;
-        return (React.createElement(Overlay, { alignPoints: [
-                {
-                    align: "cc cc",
-                },
-            ], isModal: true, positionType: "fixed", containerClassName: containerClassName },
-            React.createElement(ConfirmDialogBase, { ...dialogProps })));
-    }
-}
+export const ConfirmDialog = memo(function ConfirmDialog({ containerClassName, ...dialogProps }) {
+    return (React.createElement(Overlay, { alignPoints: [
+            {
+                align: "cc cc",
+            },
+        ], isModal: true, positionType: "fixed", containerClassName: containerClassName },
+        React.createElement(ConfirmDialogBase, { ...dialogProps })));
+});
 //# sourceMappingURL=ConfirmDialog.js.map

package/esm/Dialog/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAgB,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,aAAsC;IAC9D,MAAM;QACT,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1D,OAAO,CACH,oBAAC,OAAO,IACJ,WAAW,EAAE;gBACT;oBACI,KAAK,EAAE,OAAO;iBACjB;aACJ,EACD,OAAO,QACP,YAAY,EAAC,OAAO,EACpB,kBAAkB,EAAE,kBAAkB;YAEtC,oBAAC,iBAAiB,OAAK,WAAW,GAAI,CAChC,CACb,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,aAAa,CAAC,EACrD,kBAAkB,EAClB,GAAG,WAAW,EACQ;IACtB,OAAO,CACH,oBAAC,OAAO,IACJ,WAAW,EAAE;YACT;gBACI,KAAK,EAAE,OAAO;aACjB;SACJ,EACD,OAAO,QACP,YAAY,EAAC,OAAO,EACpB,kBAAkB,EAAE,kBAAkB;QAEtC,oBAAC,iBAAiB,OAAK,WAAW,GAAI,CAChC,CACb,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAMvD;;GAEG;AACH,eAAO,MAAM,iBAAiB,qDA8G5B,CAAC"}
+{"version":3,"file":"ConfirmDialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAMvD;;GAEG;AACH,eAAO,MAAM,iBAAiB,qDA+G5B,CAAC"}

package/esm/Dialog/ConfirmDialogBase.js

@@ -44,7 +44,7 @@ export const ConfirmDialogBase = React.memo(function ConfirmDialogBase({ display
             showProgressIndicator ? React.createElement(LoadingSpinner, { className: "gd-dialog-spinner small" }) : null,
             React.createElement(Button, { onClick: dialogBaseProps.onCancel, className: "gd-button-secondary s-dialog-cancel-button", value: cancelButtonText, disabled: isCancelDisabled }),
             submitButtonText && !hideSubmitButton ? (React.createElement(BubbleHoverTrigger, { className: "gd-button", showDelay: 0, hideDelay: 0 },
-                React.createElement(Button, { id: CONFIRM_DIALOG_BASE_ID, onClick: dialogBaseProps.onSubmit, className: submitButtonClasses, value: submitButtonText, disabled: isSubmitDisabled }),
+                React.createElement(Button, { id: CONFIRM_DIALOG_BASE_ID, onClick: dialogBaseProps.onSubmit, className: submitButtonClasses, value: submitButtonText, disabled: isSubmitDisabled, describedByFromValidation: true }),
                 submitButtonTooltipText ? (React.createElement(Bubble, { className: "bubble-primary", alignPoints: submitButtonTooltipAlignPoints || [{ align: "bc tc" }], arrowOffsets: submitButtonTooltipArrowOffsets || { "bc tc": [0, 15] } }, submitButtonTooltipText)) : null)) : null)));
 });
 //# sourceMappingURL=ConfirmDialogBase.js.map

package/esm/Dialog/ConfirmDialogBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialogBase.js","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialogBase.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfirmDialogBase.js","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialogBase.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAgBhD;;GAEG;AACH,eAAO,MAAM,UAAU,8CAgErB,CAAC"}
+{"version":3,"file":"DialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAiBhD;;GAEG;AACH,eAAO,MAAM,UAAU,8CAkErB,CAAC"}

package/esm/Dialog/DialogBase.js

@@ -4,6 +4,7 @@ import cx from "classnames";
 import { DialogCloseButton } from "./DialogCloseButton.js";
 import { isElementSubmitButton, isElementTextInput } from "../utils/domUtilities.js";
 import { UiFocusManager } from "../@ui/UiFocusManager/UiFocusManager.js";
+import { defaultFocusCheckFn } from "../@ui/UiFocusManager/utils.js";
 const checkKeyHandler = (event, key, handler) => {
     if (event.key !== key || !handler) {
         return;
@@ -15,7 +16,7 @@ const checkKeyHandler = (event, key, handler) => {
 /**
  * @internal
  */
-export const DialogBase = React.memo(function DialogBase({ submitOnEnterKey, onCancel, onSubmit, displayCloseButton, onClose, accessibilityConfig, className, autofocusOnOpen = true, children, CloseButton = DialogCloseButton, initialFocus, returnFocusTo, shouldCloseOnEscape = false, returnFocusAfterClose = false, isModal = true, }) {
+export const DialogBase = React.memo(function DialogBase({ submitOnEnterKey, onCancel, onSubmit, displayCloseButton, onClose, accessibilityConfig, className, autofocusOnOpen = true, children, CloseButton = DialogCloseButton, initialFocus, returnFocusTo, shouldCloseOnEscape = false, returnFocusAfterClose = false, isModal = true, focusCheckFn = defaultFocusCheckFn, }) {
     const handleKeyDown = React.useCallback((event) => {
         // don't call onSubmit when pressing enter key on input fields
         const isEnterKeyDownOnInputField = event.key === "Enter" && isElementTextInput(event.target);
@@ -29,7 +30,7 @@ export const DialogBase = React.memo(function DialogBase({ submitOnEnterKey, onC
         checkKeyHandler(event, "Escape", shouldCloseOnEscape ? onClose : onCancel);
     }, [onCancel, onSubmit, onClose, submitOnEnterKey, shouldCloseOnEscape]);
     const dialogClasses = cx("overlay", "gd-dialog", className);
-    return (React.createElement(UiFocusManager, { enableFocusTrap: isModal, enableAutofocus: !!isModal && autofocusOnOpen ? { initialFocus } : false, enableReturnFocusOnUnmount: !!isModal && returnFocusAfterClose ? { returnFocusTo } : false },
+    return (React.createElement(UiFocusManager, { enableFocusTrap: isModal, enableAutofocus: !!isModal && autofocusOnOpen ? { initialFocus } : false, enableReturnFocusOnUnmount: !!isModal && returnFocusAfterClose ? { returnFocusTo } : false, focusCheckFn: focusCheckFn },
         React.createElement("div", { onKeyDown: handleKeyDown, role: "dialog", "aria-modal": accessibilityConfig?.isModal, "aria-label": accessibilityConfig?.title, "aria-labelledby": accessibilityConfig?.titleElementId, "aria-describedby": accessibilityConfig?.descriptionElementId },
             React.createElement("div", { className: dialogClasses },
                 displayCloseButton ? (React.createElement(CloseButton, { onClose: onClose ?? onCancel, accessibilityConfig: accessibilityConfig })) : null,

package/esm/Dialog/DialogBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogBase.js","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DialogBase.js","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"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"}

package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddGranteeButton.d.ts","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAGnD;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2ChE,CAAC"}
+{"version":3,"file":"AddGranteeButton.d.ts","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAKnD;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiDhE,CAAC"}

package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.js

@@ -2,8 +2,9 @@
 import React, { useCallback } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import cx from "classnames";
-import { BubbleHoverTrigger, Bubble } from "../../../Bubble/index.js";
 import { ADD_GRANTEE_ID } from "./utils.js";
+import { UiTooltip } from "../../../@ui/UiTooltip/UiTooltip.js";
+import { useIdPrefixed } from "../../../utils/useId.js";
 /**
  * @internal
  */
@@ -20,11 +21,9 @@ export const AddUserOrGroupButton = (props) => {
         }
         onClick();
     }, [isDisabled, onClick]);
+    const addGranteeTooltipId = useIdPrefixed("add-grantee-tooltip");
     return (React.createElement("div", null,
-        React.createElement(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0 },
-            React.createElement("button", { id: ADD_GRANTEE_ID, className: buttonClassNames, onClick: handleClick, "aria-label": intl.formatMessage({ id: "shareDialog.share.grantee.addLabel" }) },
-                React.createElement(FormattedMessage, { id: "shareDialog.share.grantee.add" })),
-            React.createElement(Bubble, { className: "bubble-primary", alignPoints: [{ align: "cr cl" }] },
-                React.createElement(FormattedMessage, { id: "shareDialog.share.grantee.add.info" })))));
+        React.createElement(UiTooltip, { id: addGranteeTooltipId, arrowPlacement: "left", triggerBy: ["hover", "focus"], content: React.createElement(FormattedMessage, { id: "shareDialog.share.grantee.add.info" }), anchor: React.createElement("button", { id: ADD_GRANTEE_ID, className: buttonClassNames, onClick: handleClick, "aria-label": intl.formatMessage({ id: "shareDialog.share.grantee.addLabel" }), "aria-describedby": addGranteeTooltipId },
+                React.createElement(FormattedMessage, { id: "shareDialog.share.grantee.add" })) })));
 };
 //# sourceMappingURL=AddGranteeButton.js.map

package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddGranteeButton.js","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,gBAAgB,GAAG,EAAE,CACvB;QACI,QAAQ,EAAE,UAAU;KACvB,EACD,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,uBAAuB,CAC1B,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,UAAU,EAAE,CAAC;YACb,OAAO;QACX,CAAC;QACD,OAAO,EAAE,CAAC;IACd,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACxB,CAAC;IAEF,OAAO,CACH;QACI,oBAAC,kBAAkB,IAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;YAC1C,gCACI,EAAE,EAAE,cAAc,EAClB,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,WAAW,gBACR,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,oCAAoC,EAAE,CAAC;gBAE5E,oBAAC,gBAAgB,IAAC,EAAE,EAAC,+BAA+B,GAAG,CAClD;YACT,oBAAC,MAAM,IAAC,SAAS,EAAC,gBAAgB,EAAC,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;gBAChE,oBAAC,gBAAgB,IAAC,EAAE,EAAE,oCAAoC,GAAI,CACzD,CACQ,CACnB,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"AddGranteeButton.js","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,gBAAgB,GAAG,EAAE,CACvB;QACI,QAAQ,EAAE,UAAU;KACvB,EACD,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,uBAAuB,CAC1B,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,UAAU,EAAE,CAAC;YACb,OAAO;QACX,CAAC;QACD,OAAO,EAAE,CAAC;IACd,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACxB,CAAC;IAEF,MAAM,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAEjE,OAAO,CACH;QACI,oBAAC,SAAS,IACN,EAAE,EAAE,mBAAmB,EACvB,cAAc,EAAC,MAAM,EACrB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,OAAO,EAAE,oBAAC,gBAAgB,IAAC,EAAE,EAAE,oCAAoC,GAAI,EACvE,MAAM,EACF,gCACI,EAAE,EAAE,cAAc,EAClB,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,WAAW,gBACR,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,oCAAoC,EAAE,CAAC,sBAC1D,mBAAmB;gBAErC,oBAAC,gBAAgB,IAAC,EAAE,EAAC,+BAA+B,GAAG,CAClD,GAEf,CACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/Dialog/typings.d.ts

@@ -39,6 +39,11 @@ export interface IDialogBaseProps {
     initialFocus?: React.RefObject<HTMLElement> | string;
     returnFocusTo?: React.RefObject<HTMLElement> | string;
     returnFocusAfterClose?: boolean;
+    /**
+     * customize if you know that dialog content has some custom focusIn logic which modifies focused element, eg. table which shifts its focus from table wrapper to first table cell
+     * default is check if active element is exactly focused element.
+     */
+    focusCheckFn?: (element: HTMLElement) => boolean;
 }
 /**
  * @internal