@perses-dev/components 0.55.0-rc.1 → 0.56.0-beta.0

package/dist/FormatControls/FormatControls.js

@@ -11,6 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 import { Switch, TextField } from "@mui/material";
 import { isUnitWithDecimalPlaces, isUnitWithShortValues, shouldShortenValues, supportsCustomLabel } from "../model/index.js";
 import { OptionsEditorControl } from "../OptionsEditorLayout/index.js";
@@ -18,132 +19,278 @@ import { SettingsAutocomplete } from "../SettingsAutocomplete/index.js";
 import { UnitSelector } from "./UnitSelector.js";
 const DECIMAL_PLACES_OPTIONS = [
     {
-        id: 'default',
-        label: 'Default',
+        id: "default",
+        label: "Default",
         decimalPlaces: undefined
     },
     {
-        id: '0',
-        label: '0',
+        id: "0",
+        label: "0",
         decimalPlaces: 0
     },
     {
-        id: '1',
-        label: '1',
+        id: "1",
+        label: "1",
         decimalPlaces: 1
     },
     {
-        id: '2',
-        label: '2',
+        id: "2",
+        label: "2",
         decimalPlaces: 2
     },
     {
-        id: '3',
-        label: '3',
+        id: "3",
+        label: "3",
         decimalPlaces: 3
     },
     {
-        id: '4',
-        label: '4',
+        id: "4",
+        label: "4",
         decimalPlaces: 4
     }
 ];
 function getOptionByDecimalPlaces(decimalPlaces) {
     return DECIMAL_PLACES_OPTIONS.find((o)=>o.decimalPlaces === decimalPlaces);
 }
-export function FormatControls({ value, onChange, disabled = false }) {
-    const hasDecimalPlaces = isUnitWithDecimalPlaces(value);
-    const hasShortValues = isUnitWithShortValues(value);
-    const handleUnitChange = (newValue)=>{
-        const next = newValue || {
-            unit: 'decimal'
+export function FormatControls(t0) {
+    const $ = _c(49);
+    const { value, onChange, disabled: t1 } = t0;
+    const disabled = t1 === undefined ? false : t1;
+    let t2;
+    if ($[0] !== value) {
+        t2 = isUnitWithDecimalPlaces(value);
+        $[0] = value;
+        $[1] = t2;
+    } else {
+        t2 = $[1];
+    }
+    const hasDecimalPlaces = t2;
+    let t3;
+    if ($[2] !== value) {
+        t3 = isUnitWithShortValues(value);
+        $[2] = value;
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    const hasShortValues = t3;
+    let t4;
+    if ($[4] !== onChange || $[5] !== value.customLabel) {
+        t4 = (newValue)=>{
+            const next = newValue || {
+                unit: "decimal"
+            };
+            const customLabel = value.customLabel?.trim();
+            if (customLabel && supportsCustomLabel(next.unit)) {
+                onChange({
+                    ...next,
+                    customLabel: value.customLabel
+                });
+                return;
+            }
+            onChange(next);
         };
-        const customLabel = value.customLabel?.trim();
-        // Keep label only when the new unit supports customLabel (whitelist).
-        if (customLabel && supportsCustomLabel(next.unit)) {
-            onChange({
-                ...next,
-                customLabel: value.customLabel
-            });
-            return;
-        }
-        onChange(next);
-    };
-    const showCustomLabel = supportsCustomLabel(value.unit);
-    const handleDecimalPlacesChange = ({ decimalPlaces })=>{
-        if (hasDecimalPlaces) {
-            onChange({
-                ...value,
-                decimalPlaces: decimalPlaces
-            });
-        }
-    };
-    const handleShortValuesChange = (_, checked)=>{
-        if (hasShortValues) {
+        $[4] = onChange;
+        $[5] = value.customLabel;
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    const handleUnitChange = t4;
+    let t5;
+    if ($[7] !== value.unit) {
+        t5 = supportsCustomLabel(value.unit);
+        $[7] = value.unit;
+        $[8] = t5;
+    } else {
+        t5 = $[8];
+    }
+    const showCustomLabel = t5;
+    let t6;
+    if ($[9] !== hasDecimalPlaces || $[10] !== onChange || $[11] !== value) {
+        t6 = (t7)=>{
+            const { decimalPlaces } = t7;
+            if (hasDecimalPlaces) {
+                onChange({
+                    ...value,
+                    decimalPlaces
+                });
+            }
+        };
+        $[9] = hasDecimalPlaces;
+        $[10] = onChange;
+        $[11] = value;
+        $[12] = t6;
+    } else {
+        t6 = $[12];
+    }
+    const handleDecimalPlacesChange = t6;
+    let t7;
+    if ($[13] !== hasShortValues || $[14] !== onChange || $[15] !== value) {
+        t7 = (_, checked)=>{
+            if (hasShortValues) {
+                onChange({
+                    ...value,
+                    shortValues: checked
+                });
+            }
+        };
+        $[13] = hasShortValues;
+        $[14] = onChange;
+        $[15] = value;
+        $[16] = t7;
+    } else {
+        t7 = $[16];
+    }
+    const handleShortValuesChange = t7;
+    let t8;
+    if ($[17] !== onChange || $[18] !== value) {
+        t8 = (raw)=>{
+            if (raw === "") {
+                const { customLabel: _removed, ...rest } = value;
+                onChange(rest);
+                return;
+            }
             onChange({
                 ...value,
-                shortValues: checked
+                customLabel: raw
             });
-        }
-    };
-    const handleCustomLabelChange = (raw)=>{
-        // Keep raw input while typing (spaces allowed). Trim only when clearing / display.
-        if (raw === '') {
-            const { customLabel: _removed, ...rest } = value;
-            onChange(rest);
-            return;
-        }
-        onChange({
-            ...value,
-            customLabel: raw
+        };
+        $[17] = onChange;
+        $[18] = value;
+        $[19] = t8;
+    } else {
+        t8 = $[19];
+    }
+    const handleCustomLabelChange = t8;
+    let t9;
+    if ($[20] !== hasShortValues || $[21] !== value.shortValues) {
+        t9 = hasShortValues ? shouldShortenValues(value.shortValues) : false;
+        $[20] = hasShortValues;
+        $[21] = value.shortValues;
+        $[22] = t9;
+    } else {
+        t9 = $[22];
+    }
+    const t10 = !hasShortValues;
+    let t11;
+    if ($[23] !== handleShortValuesChange || $[24] !== t10 || $[25] !== t9) {
+        t11 = /*#__PURE__*/ _jsx(OptionsEditorControl, {
+            label: "Short values",
+            control: /*#__PURE__*/ _jsx(Switch, {
+                checked: t9,
+                onChange: handleShortValuesChange,
+                disabled: t10
+            })
+        });
+        $[23] = handleShortValuesChange;
+        $[24] = t10;
+        $[25] = t9;
+        $[26] = t11;
+    } else {
+        t11 = $[26];
+    }
+    let t12;
+    if ($[27] !== disabled || $[28] !== handleUnitChange || $[29] !== value) {
+        t12 = /*#__PURE__*/ _jsx(OptionsEditorControl, {
+            label: "Unit",
+            control: /*#__PURE__*/ _jsx(UnitSelector, {
+                value: value,
+                onChange: handleUnitChange,
+                disabled: disabled
+            })
         });
-    };
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(OptionsEditorControl, {
-                label: "Short values",
-                control: /*#__PURE__*/ _jsx(Switch, {
-                    checked: hasShortValues ? shouldShortenValues(value.shortValues) : false,
-                    onChange: handleShortValuesChange,
-                    disabled: !hasShortValues
-                })
-            }),
-            /*#__PURE__*/ _jsx(OptionsEditorControl, {
-                label: "Unit",
-                control: /*#__PURE__*/ _jsx(UnitSelector, {
-                    value: value,
-                    onChange: handleUnitChange,
-                    disabled: disabled
-                })
-            }),
-            showCustomLabel && /*#__PURE__*/ _jsx(OptionsEditorControl, {
-                label: "Custom label",
-                control: /*#__PURE__*/ _jsx(TextField, {
-                    size: "small",
-                    fullWidth: true,
-                    value: value.customLabel ?? '',
-                    onChange: (e)=>handleCustomLabelChange(e.target.value),
-                    placeholder: "Optional display override (e.g. pnr/mn)",
-                    disabled: disabled,
-                    inputProps: {
-                        'aria-label': 'custom unit label',
-                        maxLength: 32
-                    }
-                })
-            }),
-            /*#__PURE__*/ _jsx(OptionsEditorControl, {
-                label: "Decimals",
-                control: /*#__PURE__*/ _jsx(SettingsAutocomplete, {
-                    value: getOptionByDecimalPlaces(value.decimalPlaces),
-                    options: DECIMAL_PLACES_OPTIONS,
-                    getOptionLabel: (o)=>o.label,
-                    onChange: (_, value)=>handleDecimalPlacesChange(value),
-                    disabled: !hasDecimalPlaces,
-                    disableClearable: true
-                })
+        $[27] = disabled;
+        $[28] = handleUnitChange;
+        $[29] = value;
+        $[30] = t12;
+    } else {
+        t12 = $[30];
+    }
+    let t13;
+    if ($[31] !== disabled || $[32] !== handleCustomLabelChange || $[33] !== showCustomLabel || $[34] !== value.customLabel) {
+        t13 = showCustomLabel && /*#__PURE__*/ _jsx(OptionsEditorControl, {
+            label: "Custom label",
+            control: /*#__PURE__*/ _jsx(TextField, {
+                size: "small",
+                fullWidth: true,
+                value: value.customLabel ?? "",
+                onChange: (e)=>handleCustomLabelChange(e.target.value),
+                placeholder: "Optional display override (e.g. pnr/mn)",
+                disabled: disabled,
+                inputProps: {
+                    "aria-label": "custom unit label",
+                    maxLength: 32
+                }
             })
-        ]
-    });
+        });
+        $[31] = disabled;
+        $[32] = handleCustomLabelChange;
+        $[33] = showCustomLabel;
+        $[34] = value.customLabel;
+        $[35] = t13;
+    } else {
+        t13 = $[35];
+    }
+    let t14;
+    if ($[36] !== value.decimalPlaces) {
+        t14 = getOptionByDecimalPlaces(value.decimalPlaces);
+        $[36] = value.decimalPlaces;
+        $[37] = t14;
+    } else {
+        t14 = $[37];
+    }
+    let t15;
+    if ($[38] !== handleDecimalPlacesChange) {
+        t15 = (__0, value_0)=>handleDecimalPlacesChange(value_0);
+        $[38] = handleDecimalPlacesChange;
+        $[39] = t15;
+    } else {
+        t15 = $[39];
+    }
+    const t16 = !hasDecimalPlaces;
+    let t17;
+    if ($[40] !== t14 || $[41] !== t15 || $[42] !== t16) {
+        t17 = /*#__PURE__*/ _jsx(OptionsEditorControl, {
+            label: "Decimals",
+            control: /*#__PURE__*/ _jsx(SettingsAutocomplete, {
+                value: t14,
+                options: DECIMAL_PLACES_OPTIONS,
+                getOptionLabel: _temp,
+                onChange: t15,
+                disabled: t16,
+                disableClearable: true
+            })
+        });
+        $[40] = t14;
+        $[41] = t15;
+        $[42] = t16;
+        $[43] = t17;
+    } else {
+        t17 = $[43];
+    }
+    let t18;
+    if ($[44] !== t11 || $[45] !== t12 || $[46] !== t13 || $[47] !== t17) {
+        t18 = /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                t11,
+                t12,
+                t13,
+                t17
+            ]
+        });
+        $[44] = t11;
+        $[45] = t12;
+        $[46] = t13;
+        $[47] = t17;
+        $[48] = t18;
+    } else {
+        t18 = $[48];
+    }
+    return t18;
+}
+function _temp(o) {
+    return o.label;
 }
 
 //# sourceMappingURL=FormatControls.js.map

package/dist/FormatControls/FormatControls.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/FormatControls/FormatControls.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport type { SwitchProps } from '@mui/material';\nimport { Switch, TextField } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport type { FormatOptions } from '../model';\nimport { isUnitWithDecimalPlaces, isUnitWithShortValues, shouldShortenValues, supportsCustomLabel } from '../model';\nimport { OptionsEditorControl } from '../OptionsEditorLayout';\nimport { SettingsAutocomplete } from '../SettingsAutocomplete';\nimport { UnitSelector } from './UnitSelector';\n\nexport interface FormatControlsProps {\n  value: FormatOptions;\n  onChange: (unit: FormatOptions) => void;\n  disabled?: boolean;\n}\n\nconst DECIMAL_PLACES_OPTIONS: Array<{ id: string; label: string; decimalPlaces?: number }> = [\n  { id: 'default', label: 'Default', decimalPlaces: undefined },\n  { id: '0', label: '0', decimalPlaces: 0 },\n  { id: '1', label: '1', decimalPlaces: 1 },\n  { id: '2', label: '2', decimalPlaces: 2 },\n  { id: '3', label: '3', decimalPlaces: 3 },\n  { id: '4', label: '4', decimalPlaces: 4 },\n];\n\nfunction getOptionByDecimalPlaces(\n  decimalPlaces?: number,\n): { id: string; label: string; decimalPlaces?: number } | undefined {\n  return DECIMAL_PLACES_OPTIONS.find((o) => o.decimalPlaces === decimalPlaces);\n}\n\nexport function FormatControls({ value, onChange, disabled = false }: FormatControlsProps): ReactElement {\n  const hasDecimalPlaces = isUnitWithDecimalPlaces(value);\n  const hasShortValues = isUnitWithShortValues(value);\n\n  const handleUnitChange = (newValue: FormatOptions | undefined): void => {\n    const next = newValue || { unit: 'decimal' };\n    const customLabel = value.customLabel?.trim();\n    // Keep label only when the new unit supports customLabel (whitelist).\n    if (customLabel && supportsCustomLabel(next.unit)) {\n      onChange({ ...next, customLabel: value.customLabel });\n      return;\n    }\n    onChange(next);\n  };\n\n  const showCustomLabel = supportsCustomLabel(value.unit);\n\n  const handleDecimalPlacesChange = ({\n    decimalPlaces,\n  }: {\n    id: string;\n    label: string;\n    decimalPlaces?: number;\n  }): void => {\n    if (hasDecimalPlaces) {\n      onChange({\n        ...value,\n        decimalPlaces: decimalPlaces,\n      });\n    }\n  };\n\n  const handleShortValuesChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    if (hasShortValues) {\n      onChange({\n        ...value,\n        shortValues: checked,\n      });\n    }\n  };\n\n  const handleCustomLabelChange = (raw: string): void => {\n    // Keep raw input while typing (spaces allowed). Trim only when clearing / display.\n    if (raw === '') {\n      const { customLabel: _removed, ...rest } = value;\n      onChange(rest as FormatOptions);\n      return;\n    }\n    onChange({ ...value, customLabel: raw });\n  };\n\n  return (\n    <>\n      <OptionsEditorControl\n        label=\"Short values\"\n        control={\n          <Switch\n            checked={hasShortValues ? shouldShortenValues(value.shortValues) : false}\n            onChange={handleShortValuesChange}\n            disabled={!hasShortValues}\n          />\n        }\n      />\n      <OptionsEditorControl\n        label=\"Unit\"\n        control={<UnitSelector value={value} onChange={handleUnitChange} disabled={disabled} />}\n      />\n      {showCustomLabel && (\n        <OptionsEditorControl\n          label=\"Custom label\"\n          control={\n            <TextField\n              size=\"small\"\n              fullWidth\n              value={value.customLabel ?? ''}\n              onChange={(e) => handleCustomLabelChange(e.target.value)}\n              placeholder=\"Optional display override (e.g. pnr/mn)\"\n              disabled={disabled}\n              inputProps={{ 'aria-label': 'custom unit label', maxLength: 32 }}\n            />\n          }\n        />\n      )}\n      <OptionsEditorControl\n        label=\"Decimals\"\n        control={\n          <SettingsAutocomplete\n            value={getOptionByDecimalPlaces(value.decimalPlaces)}\n            options={DECIMAL_PLACES_OPTIONS}\n            getOptionLabel={(o) => o.label}\n            onChange={(_, value) => handleDecimalPlacesChange(value)}\n            disabled={!hasDecimalPlaces}\n            disableClearable\n          />\n        }\n      />\n    </>\n  );\n}\n"],"names":["Switch","TextField","isUnitWithDecimalPlaces","isUnitWithShortValues","shouldShortenValues","supportsCustomLabel","OptionsEditorControl","SettingsAutocomplete","UnitSelector","DECIMAL_PLACES_OPTIONS","id","label","decimalPlaces","undefined","getOptionByDecimalPlaces","find","o","FormatControls","value","onChange","disabled","hasDecimalPlaces","hasShortValues","handleUnitChange","newValue","next","unit","customLabel","trim","showCustomLabel","handleDecimalPlacesChange","handleShortValuesChange","_","checked","shortValues","handleCustomLabelChange","raw","_removed","rest","control","size","fullWidth","e","target","placeholder","inputProps","maxLength","options","getOptionLabel","disableClearable"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,MAAM,EAAEC,SAAS,QAAQ,gBAAgB;AAIlD,SAASC,uBAAuB,EAAEC,qBAAqB,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ,oBAAW;AACpH,SAASC,oBAAoB,QAAQ,kCAAyB;AAC9D,SAASC,oBAAoB,QAAQ,mCAA0B;AAC/D,SAASC,YAAY,QAAQ,oBAAiB;AAQ9C,MAAMC,yBAAuF;IAC3F;QAAEC,IAAI;QAAWC,OAAO;QAAWC,eAAeC;IAAU;IAC5D;QAAEH,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;IACxC;QAAEF,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;IACxC;QAAEF,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;IACxC;QAAEF,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;IACxC;QAAEF,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;CACzC;AAED,SAASE,yBACPF,aAAsB;IAEtB,OAAOH,uBAAuBM,IAAI,CAAC,CAACC,IAAMA,EAAEJ,aAAa,KAAKA;AAChE;AAEA,OAAO,SAASK,eAAe,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,WAAW,KAAK,EAAuB;IACvF,MAAMC,mBAAmBnB,wBAAwBgB;IACjD,MAAMI,iBAAiBnB,sBAAsBe;IAE7C,MAAMK,mBAAmB,CAACC;QACxB,MAAMC,OAAOD,YAAY;YAAEE,MAAM;QAAU;QAC3C,MAAMC,cAAcT,MAAMS,WAAW,EAAEC;QACvC,sEAAsE;QACtE,IAAID,eAAetB,oBAAoBoB,KAAKC,IAAI,GAAG;YACjDP,SAAS;gBAAE,GAAGM,IAAI;gBAAEE,aAAaT,MAAMS,WAAW;YAAC;YACnD;QACF;QACAR,SAASM;IACX;IAEA,MAAMI,kBAAkBxB,oBAAoBa,MAAMQ,IAAI;IAEtD,MAAMI,4BAA4B,CAAC,EACjClB,aAAa,EAKd;QACC,IAAIS,kBAAkB;YACpBF,SAAS;gBACP,GAAGD,KAAK;gBACRN,eAAeA;YACjB;QACF;IACF;IAEA,MAAMmB,0BAAmD,CAACC,GAAYC;QACpE,IAAIX,gBAAgB;YAClBH,SAAS;gBACP,GAAGD,KAAK;gBACRgB,aAAaD;YACf;QACF;IACF;IAEA,MAAME,0BAA0B,CAACC;QAC/B,mFAAmF;QACnF,IAAIA,QAAQ,IAAI;YACd,MAAM,EAAET,aAAaU,QAAQ,EAAE,GAAGC,MAAM,GAAGpB;YAC3CC,SAASmB;YACT;QACF;QACAnB,SAAS;YAAE,GAAGD,KAAK;YAAES,aAAaS;QAAI;IACxC;IAEA,qBACE;;0BACE,KAAC9B;gBACCK,OAAM;gBACN4B,uBACE,KAACvC;oBACCiC,SAASX,iBAAiBlB,oBAAoBc,MAAMgB,WAAW,IAAI;oBACnEf,UAAUY;oBACVX,UAAU,CAACE;;;0BAIjB,KAAChB;gBACCK,OAAM;gBACN4B,uBAAS,KAAC/B;oBAAaU,OAAOA;oBAAOC,UAAUI;oBAAkBH,UAAUA;;;YAE5ES,iCACC,KAACvB;gBACCK,OAAM;gBACN4B,uBACE,KAACtC;oBACCuC,MAAK;oBACLC,SAAS;oBACTvB,OAAOA,MAAMS,WAAW,IAAI;oBAC5BR,UAAU,CAACuB,IAAMP,wBAAwBO,EAAEC,MAAM,CAACzB,KAAK;oBACvD0B,aAAY;oBACZxB,UAAUA;oBACVyB,YAAY;wBAAE,cAAc;wBAAqBC,WAAW;oBAAG;;;0BAKvE,KAACxC;gBACCK,OAAM;gBACN4B,uBACE,KAAChC;oBACCW,OAAOJ,yBAAyBI,MAAMN,aAAa;oBACnDmC,SAAStC;oBACTuC,gBAAgB,CAAChC,IAAMA,EAAEL,KAAK;oBAC9BQ,UAAU,CAACa,GAAGd,QAAUY,0BAA0BZ;oBAClDE,UAAU,CAACC;oBACX4B,gBAAgB;;;;;AAM5B"}
+{"version":3,"sources":["../../src/FormatControls/FormatControls.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport type { SwitchProps } from '@mui/material';\nimport { Switch, TextField } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport type { FormatOptions } from '../model';\nimport { isUnitWithDecimalPlaces, isUnitWithShortValues, shouldShortenValues, supportsCustomLabel } from '../model';\nimport { OptionsEditorControl } from '../OptionsEditorLayout';\nimport { SettingsAutocomplete } from '../SettingsAutocomplete';\nimport { UnitSelector } from './UnitSelector';\n\nexport interface FormatControlsProps {\n  value: FormatOptions;\n  onChange: (unit: FormatOptions) => void;\n  disabled?: boolean;\n}\n\nconst DECIMAL_PLACES_OPTIONS: Array<{ id: string; label: string; decimalPlaces?: number }> = [\n  { id: 'default', label: 'Default', decimalPlaces: undefined },\n  { id: '0', label: '0', decimalPlaces: 0 },\n  { id: '1', label: '1', decimalPlaces: 1 },\n  { id: '2', label: '2', decimalPlaces: 2 },\n  { id: '3', label: '3', decimalPlaces: 3 },\n  { id: '4', label: '4', decimalPlaces: 4 },\n];\n\nfunction getOptionByDecimalPlaces(\n  decimalPlaces?: number,\n): { id: string; label: string; decimalPlaces?: number } | undefined {\n  return DECIMAL_PLACES_OPTIONS.find((o) => o.decimalPlaces === decimalPlaces);\n}\n\nexport function FormatControls({ value, onChange, disabled = false }: FormatControlsProps): ReactElement {\n  const hasDecimalPlaces = isUnitWithDecimalPlaces(value);\n  const hasShortValues = isUnitWithShortValues(value);\n\n  const handleUnitChange = (newValue: FormatOptions | undefined): void => {\n    const next = newValue || { unit: 'decimal' };\n    const customLabel = value.customLabel?.trim();\n    // Keep label only when the new unit supports customLabel (whitelist).\n    if (customLabel && supportsCustomLabel(next.unit)) {\n      onChange({ ...next, customLabel: value.customLabel });\n      return;\n    }\n    onChange(next);\n  };\n\n  const showCustomLabel = supportsCustomLabel(value.unit);\n\n  const handleDecimalPlacesChange = ({\n    decimalPlaces,\n  }: {\n    id: string;\n    label: string;\n    decimalPlaces?: number;\n  }): void => {\n    if (hasDecimalPlaces) {\n      onChange({\n        ...value,\n        decimalPlaces: decimalPlaces,\n      });\n    }\n  };\n\n  const handleShortValuesChange: SwitchProps['onChange'] = (_: unknown, checked: boolean) => {\n    if (hasShortValues) {\n      onChange({\n        ...value,\n        shortValues: checked,\n      });\n    }\n  };\n\n  const handleCustomLabelChange = (raw: string): void => {\n    // Keep raw input while typing (spaces allowed). Trim only when clearing / display.\n    if (raw === '') {\n      const { customLabel: _removed, ...rest } = value;\n      onChange(rest as FormatOptions);\n      return;\n    }\n    onChange({ ...value, customLabel: raw });\n  };\n\n  return (\n    <>\n      <OptionsEditorControl\n        label=\"Short values\"\n        control={\n          <Switch\n            checked={hasShortValues ? shouldShortenValues(value.shortValues) : false}\n            onChange={handleShortValuesChange}\n            disabled={!hasShortValues}\n          />\n        }\n      />\n      <OptionsEditorControl\n        label=\"Unit\"\n        control={<UnitSelector value={value} onChange={handleUnitChange} disabled={disabled} />}\n      />\n      {showCustomLabel && (\n        <OptionsEditorControl\n          label=\"Custom label\"\n          control={\n            <TextField\n              size=\"small\"\n              fullWidth\n              value={value.customLabel ?? ''}\n              onChange={(e) => handleCustomLabelChange(e.target.value)}\n              placeholder=\"Optional display override (e.g. pnr/mn)\"\n              disabled={disabled}\n              inputProps={{ 'aria-label': 'custom unit label', maxLength: 32 }}\n            />\n          }\n        />\n      )}\n      <OptionsEditorControl\n        label=\"Decimals\"\n        control={\n          <SettingsAutocomplete\n            value={getOptionByDecimalPlaces(value.decimalPlaces)}\n            options={DECIMAL_PLACES_OPTIONS}\n            getOptionLabel={(o) => o.label}\n            onChange={(_, value) => handleDecimalPlacesChange(value)}\n            disabled={!hasDecimalPlaces}\n            disableClearable\n          />\n        }\n      />\n    </>\n  );\n}\n"],"names":["Switch","TextField","isUnitWithDecimalPlaces","isUnitWithShortValues","shouldShortenValues","supportsCustomLabel","OptionsEditorControl","SettingsAutocomplete","UnitSelector","DECIMAL_PLACES_OPTIONS","id","label","decimalPlaces","undefined","getOptionByDecimalPlaces","find","o"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;;AAEjC,SAASA,MAAM,EAAEC,SAAS,QAAQ,gBAAgB;AAIlD,SAASC,uBAAuB,EAAEC,qBAAqB,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ,oBAAW;AACpH,SAASC,oBAAoB,QAAQ,kCAAyB;AAC9D,SAASC,oBAAoB,QAAQ,mCAA0B;AAC/D,SAASC,YAAY,QAAQ,oBAAiB;AAQ9C,MAAMC,yBAAuF;IAC3F;QAAEC,IAAI;QAAWC,OAAO;QAAWC,eAAeC;IAAU;IAC5D;QAAEH,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;IACxC;QAAEF,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;IACxC;QAAEF,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;IACxC;QAAEF,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;IACxC;QAAEF,IAAI;QAAKC,OAAO;QAAKC,eAAe;IAAE;CACzC;AAED,SAASE,yBACPF,aAAa;IAEb,OAAOH,uBAAuBM,IAAI,CAAC,CAACC,IAAMA,EAAEJ,aAAa,KAAKA;AAChE;AAEA,OAAO"}

package/dist/FormatControls/UnitSelector.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -19,31 +20,65 @@ const KIND_OPTIONS = Object.entries(UNIT_CONFIG).map(([id, config])=>{
     return {
         ...config,
         id: id,
-        group: config.group || 'Decimal'
+        group: config.group || "Decimal"
     };
 }).filter((config)=>!config.disableSelectorOption);
-export function UnitSelector({ value, onChange, disabled = false, ...otherProps }) {
-    const unitConfig = UNIT_CONFIG[value?.unit || 'decimal'];
-    const handleChange = (_, newValue)=>{
-        if (newValue === null) {
-            onChange(undefined);
-            return;
-        }
-        onChange({
-            unit: newValue.id
-        });
-    };
-    return /*#__PURE__*/ _jsx(SettingsAutocomplete, {
-        value: {
-            id: value?.unit || 'decimal',
+export function UnitSelector(t0) {
+    const $ = _c(19);
+    let onChange;
+    let otherProps;
+    let t1;
+    let value;
+    if ($[0] !== t0) {
+        ({ value, onChange, disabled: t1, ...otherProps } = t0);
+        $[0] = t0;
+        $[1] = onChange;
+        $[2] = otherProps;
+        $[3] = t1;
+        $[4] = value;
+    } else {
+        onChange = $[1];
+        otherProps = $[2];
+        t1 = $[3];
+        value = $[4];
+    }
+    const disabled = t1 === undefined ? false : t1;
+    const unitConfig = UNIT_CONFIG[value?.unit || "decimal"];
+    let t2;
+    if ($[5] !== onChange) {
+        t2 = (_, newValue)=>{
+            if (newValue === null) {
+                onChange(undefined);
+                return;
+            }
+            onChange({
+                unit: newValue.id
+            });
+        };
+        $[5] = onChange;
+        $[6] = t2;
+    } else {
+        t2 = $[6];
+    }
+    const handleChange = t2;
+    const t3 = value?.unit || "decimal";
+    let t4;
+    if ($[7] !== t3 || $[8] !== unitConfig) {
+        t4 = {
+            id: t3,
             ...unitConfig
-        },
-        options: KIND_OPTIONS,
-        groupBy: (option)=>option.group ?? 'Decimal',
-        onChange: handleChange,
-        disabled: disabled,
-        disableClearable: true,
-        renderInput: ({ InputProps, ...params })=>/*#__PURE__*/ _jsx(TextField, {
+        };
+        $[7] = t3;
+        $[8] = unitConfig;
+        $[9] = t4;
+    } else {
+        t4 = $[9];
+    }
+    let t5;
+    if ($[10] !== disabled || $[11] !== onChange) {
+        t5 = (t6)=>{
+            const { InputProps, ...params } = t6;
+            return /*#__PURE__*/ _jsx(TextField, {
                 ...params,
                 slotProps: {
                     input: {
@@ -68,9 +103,39 @@ export function UnitSelector({ value, onChange, disabled = false, ...otherProps
                         })
                     }
                 }
-            }),
-        ...otherProps
-    });
+            });
+        };
+        $[10] = disabled;
+        $[11] = onChange;
+        $[12] = t5;
+    } else {
+        t5 = $[12];
+    }
+    let t6;
+    if ($[13] !== disabled || $[14] !== handleChange || $[15] !== otherProps || $[16] !== t4 || $[17] !== t5) {
+        t6 = /*#__PURE__*/ _jsx(SettingsAutocomplete, {
+            value: t4,
+            options: KIND_OPTIONS,
+            groupBy: _temp,
+            onChange: handleChange,
+            disabled: disabled,
+            disableClearable: true,
+            renderInput: t5,
+            ...otherProps
+        });
+        $[13] = disabled;
+        $[14] = handleChange;
+        $[15] = otherProps;
+        $[16] = t4;
+        $[17] = t5;
+        $[18] = t6;
+    } else {
+        t6 = $[18];
+    }
+    return t6;
+}
+function _temp(option) {
+    return option.group ?? "Decimal";
 }
 
 //# sourceMappingURL=UnitSelector.js.map

package/dist/FormatControls/UnitSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/FormatControls/UnitSelector.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { IconButton, InputAdornment, TextField } from '@mui/material';\nimport ClearIcon from 'mdi-material-ui/Close';\nimport type { ReactElement } from 'react';\n\nimport type { FormatOptions, UnitConfig } from '../model';\nimport { UNIT_CONFIG } from '../model';\nimport { SettingsAutocomplete } from '../SettingsAutocomplete';\n\nexport interface UnitSelectorProps {\n  value?: FormatOptions;\n  onChange: (format: FormatOptions | undefined) => void;\n  disabled?: boolean;\n}\n\ntype AutocompleteUnitOption = UnitConfig & {\n  id: NonNullable<FormatOptions['unit']>;\n};\n\nconst KIND_OPTIONS: readonly AutocompleteUnitOption[] = Object.entries(UNIT_CONFIG)\n  .map<AutocompleteUnitOption>(([id, config]) => {\n    return {\n      ...config,\n      id: id as AutocompleteUnitOption['id'],\n      group: config.group || 'Decimal',\n    };\n  })\n  .filter((config) => !config.disableSelectorOption);\n\nexport function UnitSelector({ value, onChange, disabled = false, ...otherProps }: UnitSelectorProps): ReactElement {\n  const unitConfig = UNIT_CONFIG[value?.unit || 'decimal'];\n\n  const handleChange = (_: unknown, newValue: AutocompleteUnitOption | null): void => {\n    if (newValue === null) {\n      onChange(undefined);\n      return;\n    }\n    onChange({ unit: newValue.id } as FormatOptions);\n  };\n\n  return (\n    <SettingsAutocomplete<AutocompleteUnitOption, false, true>\n      value={{ id: value?.unit || 'decimal', ...unitConfig }}\n      options={KIND_OPTIONS}\n      groupBy={(option) => option.group ?? 'Decimal'}\n      onChange={handleChange}\n      disabled={disabled}\n      disableClearable\n      renderInput={({ InputProps, ...params }) => (\n        <TextField\n          {...params}\n          slotProps={{\n            input: {\n              ...InputProps,\n              endAdornment: (\n                <>\n                  {InputProps.endAdornment}\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      size=\"small\"\n                      aria-label=\"clear unit\"\n                      onClick={() => onChange(undefined)}\n                      disabled={disabled}\n                      tabIndex={-1}\n                    >\n                      <ClearIcon fontSize=\"small\" />\n                    </IconButton>\n                  </InputAdornment>\n                </>\n              ),\n            },\n          }}\n        />\n      )}\n      {...otherProps}\n    />\n  );\n}\n"],"names":["IconButton","InputAdornment","TextField","ClearIcon","UNIT_CONFIG","SettingsAutocomplete","KIND_OPTIONS","Object","entries","map","id","config","group","filter","disableSelectorOption","UnitSelector","value","onChange","disabled","otherProps","unitConfig","unit","handleChange","_","newValue","undefined","options","groupBy","option","disableClearable","renderInput","InputProps","params","slotProps","input","endAdornment","position","size","aria-label","onClick","tabIndex","fontSize"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,UAAU,EAAEC,cAAc,EAAEC,SAAS,QAAQ,gBAAgB;AACtE,OAAOC,eAAe,wBAAwB;AAI9C,SAASC,WAAW,QAAQ,oBAAW;AACvC,SAASC,oBAAoB,QAAQ,mCAA0B;AAY/D,MAAMC,eAAkDC,OAAOC,OAAO,CAACJ,aACpEK,GAAG,CAAyB,CAAC,CAACC,IAAIC,OAAO;IACxC,OAAO;QACL,GAAGA,MAAM;QACTD,IAAIA;QACJE,OAAOD,OAAOC,KAAK,IAAI;IACzB;AACF,GACCC,MAAM,CAAC,CAACF,SAAW,CAACA,OAAOG,qBAAqB;AAEnD,OAAO,SAASC,aAAa,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,WAAW,KAAK,EAAE,GAAGC,YAA+B;IAClG,MAAMC,aAAahB,WAAW,CAACY,OAAOK,QAAQ,UAAU;IAExD,MAAMC,eAAe,CAACC,GAAYC;QAChC,IAAIA,aAAa,MAAM;YACrBP,SAASQ;YACT;QACF;QACAR,SAAS;YAAEI,MAAMG,SAASd,EAAE;QAAC;IAC/B;IAEA,qBACE,KAACL;QACCW,OAAO;YAAEN,IAAIM,OAAOK,QAAQ;YAAW,GAAGD,UAAU;QAAC;QACrDM,SAASpB;QACTqB,SAAS,CAACC,SAAWA,OAAOhB,KAAK,IAAI;QACrCK,UAAUK;QACVJ,UAAUA;QACVW,gBAAgB;QAChBC,aAAa,CAAC,EAAEC,UAAU,EAAE,GAAGC,QAAQ,iBACrC,KAAC9B;gBACE,GAAG8B,MAAM;gBACVC,WAAW;oBACTC,OAAO;wBACL,GAAGH,UAAU;wBACbI,4BACE;;gCACGJ,WAAWI,YAAY;8CACxB,KAAClC;oCAAemC,UAAS;8CACvB,cAAA,KAACpC;wCACCqC,MAAK;wCACLC,cAAW;wCACXC,SAAS,IAAMtB,SAASQ;wCACxBP,UAAUA;wCACVsB,UAAU,CAAC;kDAEX,cAAA,KAACrC;4CAAUsC,UAAS;;;;;;oBAK9B;gBACF;;QAGH,GAAGtB,UAAU;;AAGpB"}
+{"version":3,"sources":["../../src/FormatControls/UnitSelector.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { IconButton, InputAdornment, TextField } from '@mui/material';\nimport ClearIcon from 'mdi-material-ui/Close';\nimport type { ReactElement } from 'react';\n\nimport type { FormatOptions, UnitConfig } from '../model';\nimport { UNIT_CONFIG } from '../model';\nimport { SettingsAutocomplete } from '../SettingsAutocomplete';\n\nexport interface UnitSelectorProps {\n  value?: FormatOptions;\n  onChange: (format: FormatOptions | undefined) => void;\n  disabled?: boolean;\n}\n\ntype AutocompleteUnitOption = UnitConfig & {\n  id: NonNullable<FormatOptions['unit']>;\n};\n\nconst KIND_OPTIONS: readonly AutocompleteUnitOption[] = Object.entries(UNIT_CONFIG)\n  .map<AutocompleteUnitOption>(([id, config]) => {\n    return {\n      ...config,\n      id: id as AutocompleteUnitOption['id'],\n      group: config.group || 'Decimal',\n    };\n  })\n  .filter((config) => !config.disableSelectorOption);\n\nexport function UnitSelector({ value, onChange, disabled = false, ...otherProps }: UnitSelectorProps): ReactElement {\n  const unitConfig = UNIT_CONFIG[value?.unit || 'decimal'];\n\n  const handleChange = (_: unknown, newValue: AutocompleteUnitOption | null): void => {\n    if (newValue === null) {\n      onChange(undefined);\n      return;\n    }\n    onChange({ unit: newValue.id } as FormatOptions);\n  };\n\n  return (\n    <SettingsAutocomplete<AutocompleteUnitOption, false, true>\n      value={{ id: value?.unit || 'decimal', ...unitConfig }}\n      options={KIND_OPTIONS}\n      groupBy={(option) => option.group ?? 'Decimal'}\n      onChange={handleChange}\n      disabled={disabled}\n      disableClearable\n      renderInput={({ InputProps, ...params }) => (\n        <TextField\n          {...params}\n          slotProps={{\n            input: {\n              ...InputProps,\n              endAdornment: (\n                <>\n                  {InputProps.endAdornment}\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      size=\"small\"\n                      aria-label=\"clear unit\"\n                      onClick={() => onChange(undefined)}\n                      disabled={disabled}\n                      tabIndex={-1}\n                    >\n                      <ClearIcon fontSize=\"small\" />\n                    </IconButton>\n                  </InputAdornment>\n                </>\n              ),\n            },\n          }}\n        />\n      )}\n      {...otherProps}\n    />\n  );\n}\n"],"names":["IconButton","InputAdornment","TextField","ClearIcon","UNIT_CONFIG","SettingsAutocomplete","KIND_OPTIONS","Object","entries","map","id","config","group","filter","disableSelectorOption"],"mappings":";;AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,UAAU,EAAEC,cAAc,EAAEC,SAAS,QAAQ,gBAAgB;AACtE,OAAOC,eAAe,wBAAwB;AAI9C,SAASC,WAAW,QAAQ,oBAAW;AACvC,SAASC,oBAAoB,QAAQ,mCAA0B;AAY/D,MAAMC,eAAkDC,OAAOC,OAAO,CAACJ,aACpEK,GAAG,CAAyB,CAAC,CAACC,IAAIC,OAAO;IACxC,OAAO;QACL,GAAGA,MAAM;QACTD,IAAIA;QACJE,OAAOD,OAAOC,KAAK,IAAI;IACzB;AACF,GACCC,MAAM,CAAC,CAACF,SAAW,CAACA,OAAOG,qBAAqB;AAEnD,OAAO"}