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

package/esm/measureNumberFormat/customFormatDialog/previewSection/Preview.js

@@ -1,26 +1,22 @@
-// (C) 2020-2022 GoodData Corporation
-import React from "react";
+// (C) 2020-2025 GoodData Corporation
+import React, { memo, useState, useCallback } from "react";
 import { injectIntl } from "react-intl";
 import { InputWithNumberFormat } from "../../../Form/index.js";
 import { ExtendedPreview } from "./ExtendedPreview.js";
 import { FormattedPreview } from "../shared/FormattedPreview.js";
 const DEFAULT_PREVIEW_VALUE = -1234.5678;
-export class Preview extends React.PureComponent {
-    state = {
-        preview: DEFAULT_PREVIEW_VALUE,
-    };
-    render() {
-        const { format, separators, intl } = this.props;
-        return (React.createElement("div", { className: "gd-measure-custom-format-dialog-section gd-measure-custom-format-dialog-section-preview" },
-            React.createElement("span", { className: "gd-measure-custom-format-dialog-section-title" }, intl.formatMessage({ id: "measureNumberCustomFormatDialog.preview" })),
-            React.createElement("div", { className: "gd-measure-custom-format-dialog-preview" },
-                React.createElement(InputWithNumberFormat, { className: "s-custom-format-dialog-preview-input gd-measure-custom-format-dialog-preview-input", value: this.state.preview, isSmall: true, autofocus: false, onChange: this.onPreviewChange, separators: separators }),
-                React.createElement(FormattedPreview, { previewNumber: this.state.preview, format: format, separators: separators, className: "s-custom-format-dialog-preview-formatted gd-measure-custom-format-dialog-preview-string" })),
-            React.createElement(ExtendedPreview, { format: format, separators: separators })));
-    }
-    onPreviewChange = (value) => {
-        this.setState({ preview: value });
-    };
-}
+export const Preview = memo(function Preview(props) {
+    const [preview, setPreview] = useState(DEFAULT_PREVIEW_VALUE);
+    const { format, separators, intl } = props;
+    const onPreviewChange = useCallback((value) => {
+        setPreview(value);
+    }, []);
+    return (React.createElement("div", { className: "gd-measure-custom-format-dialog-section gd-measure-custom-format-dialog-section-preview" },
+        React.createElement("span", { className: "gd-measure-custom-format-dialog-section-title" }, intl.formatMessage({ id: "measureNumberCustomFormatDialog.preview" })),
+        React.createElement("div", { className: "gd-measure-custom-format-dialog-preview" },
+            React.createElement(InputWithNumberFormat, { className: "s-custom-format-dialog-preview-input gd-measure-custom-format-dialog-preview-input", value: preview, isSmall: true, autofocus: false, onChange: onPreviewChange, separators: separators }),
+            React.createElement(FormattedPreview, { previewNumber: preview, format: format, separators: separators, className: "s-custom-format-dialog-preview-formatted gd-measure-custom-format-dialog-preview-string" })),
+        React.createElement(ExtendedPreview, { format: format, separators: separators })));
+});
 export default injectIntl(Preview);
 //# sourceMappingURL=Preview.js.map

package/esm/measureNumberFormat/customFormatDialog/previewSection/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../../src/measureNumberFormat/customFormatDialog/previewSection/Preview.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,qBAAqB,GAAG,CAAC,SAAS,CAAC;AAazC,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,aAAmE;IAClF,KAAK,GAAwC;QACzD,OAAO,EAAE,qBAAqB;KACjC,CAAC;IAEK,MAAM;QACT,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEhD,OAAO,CACH,6BACI,SAAS,EACL,yFAAyF;YAG7F,8BAAM,SAAS,EAAE,+CAA+C,IAC3D,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,yCAAyC,EAAE,CAAC,CACnE;YACP,6BAAK,SAAS,EAAE,yCAAyC;gBACrD,oBAAC,qBAAqB,IAClB,SAAS,EAAC,oFAAoF,EAC9F,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EACzB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,IAAI,CAAC,eAAe,EAC9B,UAAU,EAAE,UAAU,GACxB;gBACF,oBAAC,gBAAgB,IACb,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EACjC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,yFAAyF,GACrG,CACA;YACN,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAI,CACzD,CACT,CAAC;IACN,CAAC;IAEO,eAAe,GAAG,CAAC,KAAa,EAAQ,EAAE;QAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IACtC,CAAC,CAAC;CACL;AAED,eAAe,UAAU,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../../src/measureNumberFormat/customFormatDialog/previewSection/Preview.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,qBAAqB,GAAG,CAAC,SAAS,CAAC;AASzC,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,OAAO,CAAC,KAAgC;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAS,qBAAqB,CAAC,CAAC;IAEtE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAa,EAAQ,EAAE;QACxD,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,6BACI,SAAS,EACL,yFAAyF;QAG7F,8BAAM,SAAS,EAAE,+CAA+C,IAC3D,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,yCAAyC,EAAE,CAAC,CACnE;QACP,6BAAK,SAAS,EAAE,yCAAyC;YACrD,oBAAC,qBAAqB,IAClB,SAAS,EAAC,oFAAoF,EAC9F,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,eAAe,EACzB,UAAU,EAAE,UAAU,GACxB;YACF,oBAAC,gBAAgB,IACb,aAAa,EAAE,OAAO,EACtB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,yFAAyF,GACrG,CACA;QACN,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAI,CACzD,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC,OAAO,CAAC,CAAC"}

package/esm/measureNumberFormat/presetsDropdown/PresetsDropdown.d.ts

@@ -14,11 +14,6 @@ interface IMeasureNumberFormatDropdownOwnProps {
     positioning?: IPositioning[];
 }
 type IMeasureNumberFormatDropdownProps = IMeasureNumberFormatDropdownOwnProps & WrappedComponentProps;
-export declare class PresetsDropdown extends React.PureComponent<IMeasureNumberFormatDropdownProps> {
-    static defaultProps: Pick<IMeasureNumberFormatDropdownProps, "positioning">;
-    render(): React.JSX.Element;
-    private renderPresetOption;
-    private renderCustomFormatItem;
-}
+export declare const PresetsDropdown: React.NamedExoticComponent<IMeasureNumberFormatDropdownProps>;
 export {};
 //# sourceMappingURL=PresetsDropdown.d.ts.map

package/esm/measureNumberFormat/presetsDropdown/PresetsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PresetsDropdown.d.ts","sourceRoot":"","sources":["../../../src/measureNumberFormat/presetsDropdown/PresetsDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAa,MAAM,8BAA8B,CAAC;AAIvE,UAAU,oCAAoC;IAC1C,OAAO,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACtC,YAAY,EAAE,aAAa,CAAC;IAC5B,cAAc,EAAE,aAAa,CAAC;IAC9B,UAAU,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,CAAC,cAAc,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAChC,WAAW,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED,KAAK,iCAAiC,GAAG,oCAAoC,GAAG,qBAAqB,CAAC;AAEtG,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAAC,iCAAiC,CAAC;IACvF,OAAc,YAAY,EAAE,IAAI,CAAC,iCAAiC,EAAE,aAAa,CAAC,CAKhF;IAEK,MAAM;IAsBb,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,sBAAsB;CAIjC"}
+{"version":3,"file":"PresetsDropdown.d.ts","sourceRoot":"","sources":["../../../src/measureNumberFormat/presetsDropdown/PresetsDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAa,MAAM,8BAA8B,CAAC;AAIvE,UAAU,oCAAoC;IAC1C,OAAO,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACtC,YAAY,EAAE,aAAa,CAAC;IAC5B,cAAc,EAAE,aAAa,CAAC;IAC9B,UAAU,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,CAAC,cAAc,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAChC,WAAW,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED,KAAK,iCAAiC,GAAG,oCAAoC,GAAG,qBAAqB,CAAC;AAEtG,eAAO,MAAM,eAAe,+DAmD1B,CAAC"}

package/esm/measureNumberFormat/presetsDropdown/PresetsDropdown.js

@@ -1,32 +1,26 @@
-// (C) 2020-2022 GoodData Corporation
-import React from "react";
+// (C) 2020-2025 GoodData Corporation
+import React, { memo, useCallback, useMemo } from "react";
 import { PresetsDropdownItem } from "./PresetsDropdownItem.js";
 import { SnapPoint } from "../../typings/positioning.js";
 import { positioningToAlignPoints } from "../../utils/positioning.js";
 import { Overlay } from "../../Overlay/index.js";
-export class PresetsDropdown extends React.PureComponent {
-    static defaultProps = {
-        positioning: [
-            { snapPoints: { parent: SnapPoint.BottomLeft, child: SnapPoint.TopLeft } },
-            { snapPoints: { parent: SnapPoint.TopLeft, child: SnapPoint.BottomLeft } },
-        ],
-    };
-    render() {
-        const { presets, anchorEl, onClose, positioning } = this.props;
-        return (React.createElement(Overlay, { closeOnOutsideClick: true, closeOnParentScroll: true, closeOnMouseDrag: true, alignTo: anchorEl, alignPoints: positioningToAlignPoints(positioning), onClose: onClose },
-            React.createElement("div", { className: "gd-dropdown overlay" },
-                React.createElement("div", { className: "gd-measure-number-format-dropdown-body s-measure-number-format-dropdown-body" },
-                    presets.map((preset, index) => this.renderPresetOption(preset, index)),
-                    this.renderCustomFormatItem()))));
-    }
-    renderPresetOption(preset, index) {
-        const { selectedPreset, separators, onSelect } = this.props;
+export const PresetsDropdown = memo(function PresetsDropdown(props) {
+    const { presets, anchorEl, onClose, positioning = defaultPositioning, selectedPreset, separators, onSelect, customPreset, } = props;
+    const renderPresetOption = useCallback((preset, index) => {
         const isPresetItemSelected = selectedPreset && preset.localIdentifier === selectedPreset.localIdentifier;
         return (React.createElement(PresetsDropdownItem, { key: `${preset.localIdentifier}_${index}`, preset: preset, separators: separators, onClick: onSelect, isSelected: isPresetItemSelected }));
-    }
-    renderCustomFormatItem() {
-        const { customPreset, presets } = this.props;
-        return this.renderPresetOption(customPreset, presets.length);
-    }
-}
+    }, [selectedPreset, separators, onSelect]);
+    const renderCustomFormatItem = useCallback(() => {
+        return renderPresetOption(customPreset, presets.length);
+    }, [renderPresetOption, customPreset, presets.length]);
+    return (React.createElement(Overlay, { closeOnOutsideClick: true, closeOnParentScroll: true, closeOnMouseDrag: true, alignTo: anchorEl, alignPoints: useMemo(() => positioningToAlignPoints(positioning), [positioning]), onClose: onClose },
+        React.createElement("div", { className: "gd-dropdown overlay" },
+            React.createElement("div", { className: "gd-measure-number-format-dropdown-body s-measure-number-format-dropdown-body" },
+                presets.map((preset, index) => renderPresetOption(preset, index)),
+                renderCustomFormatItem()))));
+});
+const defaultPositioning = [
+    { snapPoints: { parent: SnapPoint.BottomLeft, child: SnapPoint.TopLeft } },
+    { snapPoints: { parent: SnapPoint.TopLeft, child: SnapPoint.BottomLeft } },
+];
 //# sourceMappingURL=PresetsDropdown.js.map

package/esm/measureNumberFormat/presetsDropdown/PresetsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetsDropdown.js","sourceRoot":"","sources":["../../../src/measureNumberFormat/presetsDropdown/PresetsDropdown.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAgB,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAejD,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,aAAgD;IAChF,MAAM,CAAC,YAAY,GAA2D;QACjF,WAAW,EAAE;YACT,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,EAAE;YAC1E,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,UAAU,EAAE,EAAE;SAC7E;KACJ,CAAC;IAEK,MAAM;QACT,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE/D,OAAO,CACH,oBAAC,OAAO,IACJ,mBAAmB,EAAE,IAAI,EACzB,mBAAmB,EAAE,IAAI,EACzB,gBAAgB,EAAE,IAAI,EACtB,OAAO,EAAE,QAAQ,EACjB,WAAW,EAAE,wBAAwB,CAAC,WAAY,CAAC,EACnD,OAAO,EAAE,OAAO;YAEhB,6BAAK,SAAS,EAAC,qBAAqB;gBAChC,6BAAK,SAAS,EAAC,8EAA8E;oBACxF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBACtE,IAAI,CAAC,sBAAsB,EAAE,CAC5B,CACJ,CACA,CACb,CAAC;IACN,CAAC;IAEO,kBAAkB,CAAC,MAAqB,EAAE,KAAc;QAC5D,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5D,MAAM,oBAAoB,GACtB,cAAc,IAAI,MAAM,CAAC,eAAe,KAAK,cAAc,CAAC,eAAe,CAAC;QAEhF,OAAO,CACH,oBAAC,mBAAmB,IAChB,GAAG,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,KAAK,EAAE,EACzC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,oBAAoB,GAClC,CACL,CAAC;IACN,CAAC;IAEO,sBAAsB;QAC1B,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7C,OAAO,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACjE,CAAC"}
+{"version":3,"file":"PresetsDropdown.js","sourceRoot":"","sources":["../../../src/measureNumberFormat/presetsDropdown/PresetsDropdown.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAK1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAgB,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAejD,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,eAAe,CAAC,KAAwC;IACjG,MAAM,EACF,OAAO,EACP,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,kBAAkB,EAChC,cAAc,EACd,UAAU,EACV,QAAQ,EACR,YAAY,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,kBAAkB,GAAG,WAAW,CAClC,CAAC,MAAqB,EAAE,KAAc,EAAE,EAAE;QACtC,MAAM,oBAAoB,GACtB,cAAc,IAAI,MAAM,CAAC,eAAe,KAAK,cAAc,CAAC,eAAe,CAAC;QAEhF,OAAO,CACH,oBAAC,mBAAmB,IAChB,GAAG,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,KAAK,EAAE,EACzC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,oBAAoB,GAClC,CACL,CAAC;IACN,CAAC,EACD,CAAC,cAAc,EAAE,UAAU,EAAE,QAAQ,CAAC,CACzC,CAAC;IAEF,MAAM,sBAAsB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,OAAO,kBAAkB,CAAC,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,kBAAkB,EAAE,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAEvD,OAAO,CACH,oBAAC,OAAO,IACJ,mBAAmB,EAAE,IAAI,EACzB,mBAAmB,EAAE,IAAI,EACzB,gBAAgB,EAAE,IAAI,EACtB,OAAO,EAAE,QAAQ,EACjB,WAAW,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,WAAY,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,EACjF,OAAO,EAAE,OAAO;QAEhB,6BAAK,SAAS,EAAC,qBAAqB;YAChC,6BAAK,SAAS,EAAC,8EAA8E;gBACxF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;gBACjE,sBAAsB,EAAE,CACvB,CACJ,CACA,CACb,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAmB;IACvC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,EAAE;IAC1E,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,UAAU,EAAE,EAAE;CAC7E,CAAC"}

package/esm/measureNumberFormat/presetsDropdown/PresetsDropdownItem.d.ts

@@ -7,10 +7,6 @@ interface IMeasureNumberFormatDropdownItemProps {
     onClick: (selectedPreset: IFormatPreset) => void;
     isSelected?: boolean;
 }
-export declare class PresetsDropdownItem extends React.PureComponent<IMeasureNumberFormatDropdownItemProps> {
-    static defaultProps: Pick<IMeasureNumberFormatDropdownItemProps, "isSelected">;
-    render(): React.JSX.Element;
-    private handleOnClick;
-}
+export declare const PresetsDropdownItem: React.NamedExoticComponent<IMeasureNumberFormatDropdownItemProps>;
 export {};
 //# sourceMappingURL=PresetsDropdownItem.d.ts.map

package/esm/measureNumberFormat/presetsDropdown/PresetsDropdownItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PresetsDropdownItem.d.ts","sourceRoot":"","sources":["../../../src/measureNumberFormat/presetsDropdown/PresetsDropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG9C,UAAU,qCAAqC;IAC3C,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,WAAW,CAAC;IACxB,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAAC,qCAAqC,CAAC;IAC/F,OAAc,YAAY,EAAE,IAAI,CAAC,qCAAqC,EAAE,YAAY,CAAC,CAEnF;IAEK,MAAM;IAgCb,OAAO,CAAC,aAAa,CAInB;CACL"}
+{"version":3,"file":"PresetsDropdownItem.d.ts","sourceRoot":"","sources":["../../../src/measureNumberFormat/presetsDropdown/PresetsDropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG9C,UAAU,qCAAqC;IAC3C,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,WAAW,CAAC;IACxB,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,mEA8C9B,CAAC"}

package/esm/measureNumberFormat/presetsDropdown/PresetsDropdownItem.js

@@ -1,26 +1,19 @@
-// (C) 2020-2022 GoodData Corporation
-import React from "react";
+// (C) 2020-2025 GoodData Corporation
+import React, { memo, useCallback, useMemo } from "react";
 import cx from "classnames";
 import { stringUtils } from "@gooddata/util";
 import { FormattedPreview } from "../customFormatDialog/shared/FormattedPreview.js";
-export class PresetsDropdownItem extends React.PureComponent {
-    static defaultProps = {
-        isSelected: false,
-    };
-    render() {
-        const { preset, separators, isSelected } = this.props;
-        const { localIdentifier, name, previewNumber, format } = preset;
-        const className = cx("gd-list-item", "gd-format-preset", `s-format-preset-${localIdentifier}`, `s-format-preset-name-${stringUtils.simplifyText(name)}`, {
-            "is-selected": isSelected,
-        });
-        return (React.createElement("div", { className: className, onClick: this.handleOnClick },
-            React.createElement("span", { title: name, className: "gd-format-preset-name gd-list-item-shortened" }, name),
-            previewNumber !== null && format !== null && (React.createElement(FormattedPreview, { previewNumber: previewNumber, format: format, separators: separators, colors: false, className: "gd-format-preset-preview" }))));
-    }
-    handleOnClick = (e) => {
-        const { preset, onClick } = this.props;
+export const PresetsDropdownItem = memo(function PresetsDropdownItem({ preset, separators, onClick, isSelected = false, }) {
+    const { localIdentifier, name, previewNumber, format } = preset;
+    const className = useMemo(() => cx("gd-list-item", "gd-format-preset", `s-format-preset-${localIdentifier}`, `s-format-preset-name-${stringUtils.simplifyText(name)}`, {
+        "is-selected": isSelected,
+    }), [localIdentifier, name, isSelected]);
+    const handleOnClick = useCallback((e) => {
         onClick(preset);
         e.preventDefault();
-    };
-}
+    }, [onClick, preset]);
+    return (React.createElement("div", { className: className, onClick: handleOnClick },
+        React.createElement("span", { title: name, className: "gd-format-preset-name gd-list-item-shortened" }, name),
+        previewNumber !== null && format !== null && (React.createElement(FormattedPreview, { previewNumber: previewNumber, format: format, separators: separators, colors: false, className: "gd-format-preset-preview" }))));
+});
 //# sourceMappingURL=PresetsDropdownItem.js.map

package/esm/measureNumberFormat/presetsDropdown/PresetsDropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetsDropdownItem.js","sourceRoot":"","sources":["../../../src/measureNumberFormat/presetsDropdown/PresetsDropdownItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AASpF,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,aAAoD;IACxF,MAAM,CAAC,YAAY,GAA8D;QACpF,UAAU,EAAE,KAAK;KACpB,CAAC;IAEK,MAAM;QACT,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtD,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QAEhE,MAAM,SAAS,GAAG,EAAE,CAChB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,eAAe,EAAE,EACpC,wBAAwB,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EACxD;YACI,aAAa,EAAE,UAAU;SAC5B,CACJ,CAAC;QAEF,OAAO,CACH,6BAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa;YAClD,8BAAM,KAAK,EAAE,IAAI,EAAE,SAAS,EAAC,8CAA8C,IACtE,IAAI,CACF;YACN,aAAa,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,CAC1C,oBAAC,gBAAgB,IACb,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,0BAA0B,GACvC,CACL,CACC,CACT,CAAC;IACN,CAAC;IAEO,aAAa,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC5D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,OAAO,CAAC,MAAM,CAAC,CAAC;QAChB,CAAC,CAAC,cAAc,EAAE,CAAC;IACvB,CAAC,CAAC"}
+{"version":3,"file":"PresetsDropdownItem.js","sourceRoot":"","sources":["../../../src/measureNumberFormat/presetsDropdown/PresetsDropdownItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AASpF,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,mBAAmB,CAAC,EACjE,MAAM,EACN,UAAU,EACV,OAAO,EACP,UAAU,GAAG,KAAK,GACkB;IACpC,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAEhE,MAAM,SAAS,GAAG,OAAO,CACrB,GAAG,EAAE,CACD,EAAE,CACE,cAAc,EACd,kBAAkB,EAClB,mBAAmB,eAAe,EAAE,EACpC,wBAAwB,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EACxD;QACI,aAAa,EAAE,UAAU;KAC5B,CACJ,EACL,CAAC,eAAe,EAAE,IAAI,EAAE,UAAU,CAAC,CACtC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,CAAmC,EAAE,EAAE;QACpC,OAAO,CAAC,MAAM,CAAC,CAAC;QAChB,CAAC,CAAC,cAAc,EAAE,CAAC;IACvB,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa;QAC7C,8BAAM,KAAK,EAAE,IAAI,EAAE,SAAS,EAAC,8CAA8C,IACtE,IAAI,CACF;QACN,aAAa,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,CAC1C,oBAAC,gBAAgB,IACb,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,0BAA0B,GACvC,CACL,CACC,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}