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

package/esm/Bubble/Bubble.js

@@ -1,8 +1,7 @@
 // (C) 2020-2025 GoodData Corporation
-import React from "react";
+import React, { memo, useState, useMemo, useCallback } from "react";
 import keys from "lodash/keys.js";
 import cloneDeep from "lodash/cloneDeep.js";
-import isEqual from "lodash/isEqual.js";
 import isReactEqual from "react-fast-compare";
 import result from "lodash/result.js";
 import noop from "lodash/noop.js";
@@ -36,92 +35,90 @@ const ARROW_OFFSETS = {
     ".. bl": [-Y_SHIFT, -X_SHIFT],
     ".. br": [Y_SHIFT, -X_SHIFT],
 };
+const defaultProps = {
+    alignPoints: [
+        {
+            align: "bl tl",
+        },
+    ],
+    alignTo: "body",
+    arrowOffsets: {},
+    arrowDirections: {},
+    arrowStyle: {},
+    className: "bubble-primary",
+    closeOnOutsideClick: false,
+    closeOnParentScroll: true,
+    closeOnEscape: false,
+    onClose: noop,
+    onMouseEnter: noop,
+    onMouseLeave: noop,
+    overlayClassName: "",
+};
 /**
  * @internal
  */
-export class Bubble extends React.Component {
-    static defaultProps = {
-        alignPoints: [
-            {
-                align: "bl tl",
-            },
-        ],
-        alignTo: "body",
-        arrowOffsets: {},
-        arrowDirections: {},
-        arrowStyle: {},
-        className: "bubble-primary",
-        closeOnOutsideClick: false,
-        closeOnParentScroll: true,
-        closeOnEscape: false,
-        onClose: noop,
-        onMouseEnter: noop,
-        onMouseLeave: noop,
-        overlayClassName: "",
-    };
-    // identifier for BubbleTrigger
-    static identifier = "Bubble";
-    arrowOffsets;
-    arrowDirections;
-    constructor(props) {
-        super(props);
-        this.arrowOffsets = { ...props.arrowOffsets, ...ARROW_OFFSETS };
-        this.arrowDirections = { ...props.arrowDirections, ...ARROW_DIRECTIONS };
-        const alignPoints = this.addOffsetToAlignPoints(cloneDeep(props.alignPoints));
-        this.state = {
-            alignPoints,
-            optimalAlignPoints: props.alignPoints[0].align,
-        };
-    }
-    shouldComponentUpdate(nextProps, nextState) {
-        const propsChanged = !isReactEqual(this.props, nextProps);
-        const alignmentChanged = !isEqual(this.state.optimalAlignPoints, nextState.optimalAlignPoints);
-        return propsChanged || alignmentChanged;
-    }
-    onAlign = (alignment) => {
-        this.setState({ optimalAlignPoints: alignment.align });
-    };
-    getClassnames() {
-        return cx({
-            [this.props.className]: !!this.props.className,
-            [this.getArrowsClassname(this.state.optimalAlignPoints)]: true,
-            "gd-bubble": true,
-            bubble: true,
-        });
-    }
-    getArrowsClassname(alignPoints) {
-        const myAlignPoint = alignPoints.split(" ")[1];
-        const direction = this.getArrowDirection(alignPoints);
-        return `arrow-${direction}-direction arrow-${myAlignPoint}`;
-    }
-    getArrowDirection(alignPoints) {
-        const key = keys(this.arrowDirections).find((arrowDirection) => alignPoints.match(arrowDirection));
-        return this.arrowDirections[key] || "none";
-    }
-    addOffsetToAlignPoints(alignPoints) {
-        const { arrowOffsets } = this;
+export const Bubble = memo(function Bubble(props) {
+    const { id, alignPoints: alignPointsProp, alignTo, arrowOffsets: arrowOffsetsProp, arrowDirections: arrowDirectionsProp, arrowStyle: arrowStyleProp, className, closeOnOutsideClick, closeOnParentScroll, closeOnEscape, ignoreClicksOn, ignoreClicksOnByClass, onClose, onMouseEnter, onMouseLeave, onKeyDown, overlayClassName, children, overlayPositionType, ensureVisibility, } = { ...defaultProps, ...props };
+    const arrowOffsets = useMemo(() => ({
+        ...arrowOffsetsProp,
+        ...ARROW_OFFSETS,
+    }), [arrowOffsetsProp]);
+    const arrowDirections = useMemo(() => ({
+        ...arrowDirectionsProp,
+        ...ARROW_DIRECTIONS,
+    }), [arrowDirectionsProp]);
+    const addOffsetToAlignPoints = useCallback((alignPoints) => {
         const arrowOffsetsKeys = keys(arrowOffsets);
         const getKey = (align, re) => {
             return align.match(re) !== null;
         };
         return alignPoints.map((item) => {
-            const key = arrowOffsetsKeys.find(getKey.bind(this, item.align));
-            item.offset = item.offset || { x: 0, y: 0 };
-            item.offset.x += arrowOffsets[key][0];
-            item.offset.y += arrowOffsets[key][1];
-            return item;
-        }, this);
-    }
-    render() {
-        const arrowStyle = result(this.props, "arrowStyle", {});
-        return (React.createElement(ZoomAwareOverlay, { id: this.props.id, className: this.props.overlayClassName, alignTo: this.props.alignTo, onAlign: this.onAlign, alignPoints: this.state.alignPoints, closeOnParentScroll: this.props.closeOnParentScroll, closeOnMouseDrag: true, closeOnOutsideClick: this.props.closeOnOutsideClick, ignoreClicksOn: this.props.ignoreClicksOn, ignoreClicksOnByClass: this.props.ignoreClicksOnByClass, onClose: this.props.onClose, closeOnEscape: this.props.closeOnEscape, positionType: this.props.overlayPositionType, ensureVisibility: this.props.ensureVisibility },
-            React.createElement("div", { onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave, onKeyDown: this.props.onKeyDown, className: this.getClassnames() },
-                React.createElement("div", { className: "bubble-content" },
-                    React.createElement("div", { className: "helper" }),
-                    React.createElement("div", { className: "arrow-position", style: arrowStyle },
-                        React.createElement("div", { className: "arrow-border" }),
-                        React.createElement("div", { className: "arrow" })),
-                    React.createElement("div", { className: "content" }, this.props.children)))));
-    }
-}
+            const key = arrowOffsetsKeys.find(getKey.bind(null, item.align));
+            const existingOffset = item.offset || { x: 0, y: 0 };
+            return {
+                ...item,
+                offset: {
+                    x: existingOffset.x + arrowOffsets[key][0],
+                    y: existingOffset.y + arrowOffsets[key][1],
+                },
+            };
+        });
+    }, [arrowOffsets]);
+    const initialAlignPoints = useMemo(() => addOffsetToAlignPoints(cloneDeep(alignPointsProp)), [addOffsetToAlignPoints, alignPointsProp]);
+    const [alignPoints] = useState(initialAlignPoints);
+    const [optimalAlignPoints, setOptimalAlignPoints] = useState(alignPointsProp[0].align);
+    const onAlign = useCallback((alignment) => {
+        setOptimalAlignPoints(alignment.align);
+    }, []);
+    const getArrowDirection = useCallback((alignPoints) => {
+        const key = keys(arrowDirections).find((arrowDirection) => alignPoints.match(arrowDirection));
+        return arrowDirections[key] || "none";
+    }, [arrowDirections]);
+    const getArrowsClassname = useCallback((alignPoints) => {
+        const myAlignPoint = alignPoints.split(" ")[1];
+        const direction = getArrowDirection(alignPoints);
+        return `arrow-${direction}-direction arrow-${myAlignPoint}`;
+    }, [getArrowDirection]);
+    const classNames = useMemo(() => {
+        return cx({
+            [className]: !!className,
+            [getArrowsClassname(optimalAlignPoints)]: true,
+            "gd-bubble": true,
+            bubble: true,
+        });
+    }, [className, getArrowsClassname, optimalAlignPoints]);
+    const arrowStyle = useMemo(() => result({ arrowStyle: arrowStyleProp }, "arrowStyle", {}), [arrowStyleProp]);
+    return (React.createElement(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 },
+        React.createElement("div", { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onKeyDown: onKeyDown, className: classNames },
+            React.createElement("div", { className: "bubble-content" },
+                React.createElement("div", { className: "helper" }),
+                React.createElement("div", { className: "arrow-position", style: arrowStyle },
+                    React.createElement("div", { className: "arrow-border" }),
+                    React.createElement("div", { className: "arrow" })),
+                React.createElement("div", { className: "content" }, children)))));
+}, (prevProps, nextProps) => {
+    return isReactEqual(prevProps, nextProps);
+});
+// identifier for BubbleTrigger
+Bubble.identifier = "Bubble";
 //# sourceMappingURL=Bubble.js.map

package/esm/Bubble/Bubble.js.map

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

package/esm/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAiB5C;;GAEG;AACH,eAAO,MAAM,MAAM,kFAiGjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAkB5C;;GAEG;AACH,eAAO,MAAM,MAAM,kFA4GjB,CAAC"}

package/esm/Button/Button.js

@@ -3,6 +3,7 @@ import React from "react";
 import cx from "classnames";
 import { stringUtils } from "@gooddata/util";
 import noop from "lodash/noop.js";
+import { ValidationContextStore } from "@gooddata/sdk-ui";
 const getGeneratedTestId = (effectiveValue, title, ariaLabel) => {
     if (effectiveValue && typeof effectiveValue === "string") {
         return `${stringUtils.simplifyText(effectiveValue)}`;
@@ -18,8 +19,8 @@ const Icon = ({ icon }) => {
 /**
  * @internal
  */
-export const Button = React.forwardRef(function Button({ className, disabled = false, onClick = noop, tabIndex = 0, tagName = "button", type = "button", id, title, iconLeft, iconRight, accessibilityConfig, dataId, dataTestId, intent, size, variant, value, children, }, ref) {
-    const { isExpanded, popupId, ariaLabel, ariaLabelledBy, ariaDescribedBy, popupType, role = "button", } = accessibilityConfig ?? {};
+export const Button = React.forwardRef(function Button({ className, describedByFromValidation: isDescribedByFromValidation = false, disabled = false, onClick = noop, tabIndex = 0, tagName = "button", type = "button", id, title, iconLeft, iconRight, accessibilityConfig, dataId, dataTestId, intent, size, variant, value, children, }, ref) {
+    const { isExpanded, popupId, ariaLabel, ariaLabelledBy, ariaDescribedBy: ariaDescribedByFromConfig, popupType, role = "button", } = accessibilityConfig ?? {};
     const ariaDropdownProps = {
         ...(popupId && isExpanded ? { "aria-controls": popupId } : {}),
         ...(popupId ? { "aria-haspopup": popupType ?? !!popupId } : {}),
@@ -31,6 +32,13 @@ export const Button = React.forwardRef(function Button({ className, disabled = f
         }
         onClick(e);
     }, [disabled, onClick]);
+    const describedByFromValidation = ValidationContextStore.useContextStoreOptional((ctx) => ctx
+        .getInvalidDatapoints({ recursive: true })
+        .map((datapoint) => datapoint.id)
+        .join(" "));
+    const ariaDescribedBy = isDescribedByFromValidation
+        ? `${describedByFromValidation ?? ""} ${ariaDescribedByFromConfig ?? ""}`
+        : ariaDescribedByFromConfig;
     const effectiveValue = React.useMemo(() => value ?? children, [children, value]);
     const testId = dataTestId ? dataTestId : getGeneratedTestId(effectiveValue, title, ariaLabel);
     const classNames = React.useMemo(() => {

package/esm/Button/Button.js.map

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

package/esm/Button/typings.d.ts

@@ -35,5 +35,6 @@ export interface IButtonProps {
     intent?: "action" | "positive" | "negative";
     size?: "small" | "medium" | "large";
     accessibilityConfig?: IButtonAccessibilityConfig;
+    describedByFromValidation?: boolean;
 }
 //# sourceMappingURL=typings.d.ts.map

package/esm/Button/typings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typings.d.ts","sourceRoot":"","sources":["../../src/Button/typings.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE;;GAEG;AACH,MAAM,WAAW,kCAAkC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,0BACb,SAAQ,wBAAwB,EAC5B,kCAAkC;CAAG;AAE7C;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;CACpD"}
+{"version":3,"file":"typings.d.ts","sourceRoot":"","sources":["../../src/Button/typings.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE;;GAEG;AACH,MAAM,WAAW,kCAAkC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,0BACb,SAAQ,wBAAwB,EAC5B,kCAAkC;CAAG;AAE7C;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;IACjD,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAU/D,OAAO,EAAE,iBAAiB,EAAqB,MAAM,cAAc,CAAC;AAiFpE;;GAEG;AACH,eAAO,MAAM,WAAW;;CAAiC,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAU/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAgEjD;;GAEG;AACH,eAAO,MAAM,WAAW;;CAAiC,CAAC"}

package/esm/ColorPicker/ColorPicker.js

@@ -1,5 +1,5 @@
-// (C) 2007-2022 GoodData Corporation
-import React, { Component } from "react";
+// (C) 2007-2025 GoodData Corporation
+import React, { useState, useCallback } from "react";
 import isEqual from "lodash/isEqual.js";
 import { injectIntl } from "react-intl";
 import { Button } from "../Button/index.js";
@@ -8,47 +8,37 @@ import { HexColorInput } from "./components/HexColorInput.js";
 import { HueColorPicker } from "./components/HueColorPicker.js";
 import { ColorsPreview } from "./components/ColorsPreview.js";
 import { getRgbFromHslColor, getHslFromRgbColor, isHslColorBlackOrWhite } from "./utils.js";
-class WrappedColorPicker extends Component {
-    constructor(props) {
-        super(props);
-        const currentHslColor = getHslFromRgbColor(this.props.initialRgbColor);
-        this.state = {
-            draftHslColor: currentHslColor,
-        };
-        this.onColorSelected = this.onColorSelected.bind(this);
-        this.onHexInputColorSelected = this.onHexInputColorSelected.bind(this);
-    }
-    onColorSelected(selectedColor) {
-        this.setState({
-            draftHslColor: selectedColor,
-        });
-    }
-    onHexInputColorSelected(selectedColor) {
+function WrappedColorPicker(props) {
+    const currentHslColor = getHslFromRgbColor(props.initialRgbColor);
+    const [draftHslColor, setDraftHslColor] = useState(currentHslColor);
+    const onColorSelected = useCallback((selectedColor) => {
+        setDraftHslColor(selectedColor);
+    }, []);
+    const onHexInputColorSelected = useCallback((selectedColor) => {
         if (isHslColorBlackOrWhite(selectedColor)) {
-            this.setState({
-                draftHslColor: {
-                    ...selectedColor,
-                    h: this.state.draftHslColor.h,
-                },
-            });
+            setDraftHslColor((prevColor) => ({
+                ...selectedColor,
+                h: prevColor.h,
+            }));
         }
         else {
-            this.onColorSelected(selectedColor);
+            setDraftHslColor(selectedColor);
         }
-    }
-    render() {
-        const currentHslColor = getHslFromRgbColor(this.props.initialRgbColor);
-        const { intl } = this.props;
-        return (React.createElement("div", { className: "color-picker-container", "aria-label": "Color picker" },
-            React.createElement(ColorPickerMatrix, { initColor: this.state.draftHslColor, onColorSelected: this.onColorSelected }),
-            React.createElement("div", { className: "color-picker-control-wrapper" },
-                React.createElement(HueColorPicker, { initColor: this.state.draftHslColor, onChange: this.onColorSelected }),
-                React.createElement(HexColorInput, { initColor: this.state.draftHslColor, onInputChanged: this.onHexInputColorSelected, placeholder: intl.formatMessage({ id: "gs.color-picker.inputPlaceholder" }), label: intl.formatMessage({ id: "gs.color-picker.hex" }) }),
-                React.createElement(ColorsPreview, { currentHslColor: currentHslColor, draftHslColor: this.state.draftHslColor, currentTextLabel: intl.formatMessage({ id: "gs.color-picker.currentColor" }), draftTextLabel: intl.formatMessage({ id: "gs.color-picker.newColor" }) }),
-                React.createElement("div", { className: "color-picker-buttons-wrapper" },
-                    React.createElement(Button, { value: intl.formatMessage({ id: "gs.color-picker.cancelButton" }), className: "gd-button-secondary gd-button color-picker-button", onClick: this.props.onCancel }),
-                    React.createElement(Button, { value: intl.formatMessage({ id: "gs.color-picker.okButton" }), disabled: isEqual(this.props.initialRgbColor, getRgbFromHslColor(this.state.draftHslColor)), className: "gd-button-action gd-button color-picker-ok-button", onClick: () => this.props.onSubmit(getRgbFromHslColor(this.state.draftHslColor)) })))));
-    }
+    }, []);
+    const handleSubmit = useCallback(() => {
+        props.onSubmit(getRgbFromHslColor(draftHslColor));
+    }, [props, draftHslColor]);
+    const currentHslColorForPreview = getHslFromRgbColor(props.initialRgbColor);
+    const { intl } = props;
+    return (React.createElement("div", { className: "color-picker-container", "aria-label": "Color picker" },
+        React.createElement(ColorPickerMatrix, { initColor: draftHslColor, onColorSelected: onColorSelected }),
+        React.createElement("div", { className: "color-picker-control-wrapper" },
+            React.createElement(HueColorPicker, { initColor: draftHslColor, onChange: onColorSelected }),
+            React.createElement(HexColorInput, { initColor: draftHslColor, onInputChanged: onHexInputColorSelected, placeholder: intl.formatMessage({ id: "gs.color-picker.inputPlaceholder" }), label: intl.formatMessage({ id: "gs.color-picker.hex" }), key: `${draftHslColor.h}-${draftHslColor.s}-${draftHslColor.l}` }),
+            React.createElement(ColorsPreview, { currentHslColor: currentHslColorForPreview, draftHslColor: draftHslColor, currentTextLabel: intl.formatMessage({ id: "gs.color-picker.currentColor" }), draftTextLabel: intl.formatMessage({ id: "gs.color-picker.newColor" }) }),
+            React.createElement("div", { className: "color-picker-buttons-wrapper" },
+                React.createElement(Button, { value: intl.formatMessage({ id: "gs.color-picker.cancelButton" }), className: "gd-button-secondary gd-button color-picker-button", onClick: props.onCancel }),
+                React.createElement(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 })))));
 }
 /**
  * @internal

package/esm/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAC;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAG5F,MAAM,kBAAmB,SAAQ,SAAuE;IACpG,YAAY,KAAgD;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAEvE,IAAI,CAAC,KAAK,GAAG;YACT,aAAa,EAAE,eAAe;SACjC,CAAC;QAEF,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3E,CAAC;IAED,eAAe,CAAC,aAA+B;QAC3C,IAAI,CAAC,QAAQ,CAAC;YACV,aAAa,EAAE,aAAa;SAC/B,CAAC,CAAC;IACP,CAAC;IAED,uBAAuB,CAAC,aAA+B;QACnD,IAAI,sBAAsB,CAAC,aAAa,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC;gBACV,aAAa,EAAE;oBACX,GAAG,aAAa;oBAChB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;iBAChC;aACJ,CAAC,CAAC;QACP,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QACxC,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACvE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5B,OAAO,CACH,6BAAK,SAAS,EAAC,wBAAwB,gBAAY,cAAc;YAC7D,oBAAC,iBAAiB,IACd,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACnC,eAAe,EAAE,IAAI,CAAC,eAAe,GACvC;YACF,6BAAK,SAAS,EAAC,8BAA8B;gBACzC,oBAAC,cAAc,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,GAAI;gBACvF,oBAAC,aAAa,IACV,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACnC,cAAc,EAAE,IAAI,CAAC,uBAAuB,EAC5C,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,kCAAkC,EAAE,CAAC,EAC3E,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,qBAAqB,EAAE,CAAC,GAC1D;gBACF,oBAAC,aAAa,IACV,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACvC,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,8BAA8B,EAAE,CAAC,EAC5E,cAAc,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,0BAA0B,EAAE,CAAC,GACxE;gBACF,6BAAK,SAAS,EAAC,8BAA8B;oBACzC,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,8BAA8B,EAAE,CAAC,EACjE,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAC9B;oBACF,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,0BAA0B,EAAE,CAAC,EAC7D,QAAQ,EAAE,OAAO,CACb,IAAI,CAAC,KAAK,CAAC,eAAe,EAC1B,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAC/C,EACD,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,GAClF,CACA,CACJ,CACJ,CACT,CAAC;IACN,CAAC;CACJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC"}
+{"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"}