@perses-dev/components 0.55.0-beta.11 → 0.55.0-beta.13

package/dist/FormatControls/FormatControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormatControls.d.ts","sourceRoot":"","sources":["../../src/FormatControls/FormatControls.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAM9C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiBD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,mBAAmB,GAAG,YAAY,CA+DvG"}
+{"version":3,"file":"FormatControls.d.ts","sourceRoot":"","sources":["../../src/FormatControls/FormatControls.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAM9C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiBD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,mBAAmB,GAAG,YAAY,CAkGvG"}

package/dist/FormatControls/FormatControls.js

@@ -11,8 +11,8 @@
 // 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 { Switch } from "@mui/material";
-import { isUnitWithDecimalPlaces, isUnitWithShortValues, shouldShortenValues } from "../model/index.js";
+import { Switch, TextField } from "@mui/material";
+import { isUnitWithDecimalPlaces, isUnitWithShortValues, shouldShortenValues, supportsCustomLabel } from "../model/index.js";
 import { OptionsEditorControl } from "../OptionsEditorLayout/index.js";
 import { SettingsAutocomplete } from "../SettingsAutocomplete/index.js";
 import { UnitSelector } from "./UnitSelector.js";
@@ -55,10 +55,21 @@ export function FormatControls({ value, onChange, disabled = false }) {
     const hasDecimalPlaces = isUnitWithDecimalPlaces(value);
     const hasShortValues = isUnitWithShortValues(value);
     const handleUnitChange = (newValue)=>{
-        onChange(newValue || {
+        const next = newValue || {
             unit: 'decimal'
-        }); // Fallback to 'decimal' if undefined
+        };
+        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({
@@ -75,6 +86,18 @@ export function FormatControls({ value, onChange, disabled = false }) {
             });
         }
     };
+    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
+        });
+    };
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsx(OptionsEditorControl, {
@@ -93,6 +116,21 @@ export function FormatControls({ value, onChange, disabled = false }) {
                     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, {

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 } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport type { FormatOptions } from '../model';\nimport { isUnitWithDecimalPlaces, isUnitWithShortValues, shouldShortenValues } 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    onChange(newValue || { unit: 'decimal' }); // Fallback to 'decimal' if undefined\n  };\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  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      <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","isUnitWithDecimalPlaces","isUnitWithShortValues","shouldShortenValues","OptionsEditorControl","SettingsAutocomplete","UnitSelector","DECIMAL_PLACES_OPTIONS","id","label","decimalPlaces","undefined","getOptionByDecimalPlaces","find","o","FormatControls","value","onChange","disabled","hasDecimalPlaces","hasShortValues","handleUnitChange","newValue","unit","handleDecimalPlacesChange","handleShortValuesChange","_","checked","shortValues","control","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,QAAQ,gBAAgB;AAIvC,SAASC,uBAAuB,EAAEC,qBAAqB,EAAEC,mBAAmB,QAAQ,oBAAW;AAC/F,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,mBAAmBlB,wBAAwBe;IACjD,MAAMI,iBAAiBlB,sBAAsBc;IAE7C,MAAMK,mBAAmB,CAACC;QACxBL,SAASK,YAAY;YAAEC,MAAM;QAAU,IAAI,qCAAqC;IAClF;IAEA,MAAMC,4BAA4B,CAAC,EACjCd,aAAa,EAKd;QACC,IAAIS,kBAAkB;YACpBF,SAAS;gBACP,GAAGD,KAAK;gBACRN,eAAeA;YACjB;QACF;IACF;IAEA,MAAMe,0BAAmD,CAACC,GAAYC;QACpE,IAAIP,gBAAgB;YAClBH,SAAS;gBACP,GAAGD,KAAK;gBACRY,aAAaD;YACf;QACF;IACF;IAEA,qBACE;;0BACE,KAACvB;gBACCK,OAAM;gBACNoB,uBACE,KAAC7B;oBACC2B,SAASP,iBAAiBjB,oBAAoBa,MAAMY,WAAW,IAAI;oBACnEX,UAAUQ;oBACVP,UAAU,CAACE;;;0BAIjB,KAAChB;gBACCK,OAAM;gBACNoB,uBAAS,KAACvB;oBAAaU,OAAOA;oBAAOC,UAAUI;oBAAkBH,UAAUA;;;0BAE7E,KAACd;gBACCK,OAAM;gBACNoB,uBACE,KAACxB;oBACCW,OAAOJ,yBAAyBI,MAAMN,aAAa;oBACnDoB,SAASvB;oBACTwB,gBAAgB,CAACjB,IAAMA,EAAEL,KAAK;oBAC9BQ,UAAU,CAACS,GAAGV,QAAUQ,0BAA0BR;oBAClDE,UAAU,CAACC;oBACXa,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","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":"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"}

package/dist/FormatControls/UnitSelector.js

@@ -27,11 +27,11 @@ export function UnitSelector({ value, onChange, disabled = false, ...otherProps
     const handleChange = (_, newValue)=>{
         if (newValue === null) {
             onChange(undefined);
-        } else {
-            onChange({
-                unit: newValue.id
-            });
+            return;
         }
+        onChange({
+            unit: newValue.id
+        });
     };
     return /*#__PURE__*/ _jsx(SettingsAutocomplete, {
         value: {

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    } else {\n      onChange({ unit: newValue.id } as FormatOptions);\n    }\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;QACX,OAAO;YACLR,SAAS;gBAAEI,MAAMG,SAASd,EAAE;YAAC;QAC/B;IACF;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","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"}

package/dist/model/custom.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Optional display override on standard formats.
+ * `unit` remains the stable key (multi-axis, maps, UI config);
+ * `customLabel` only changes the text shown after the scaled quantity.
+ *
+ * Data sizes (bytes/bits): keep SI/IEC scale (Ki, Mi, K, M, …) and replace the
+ * base unit — e.g. "1.46 KiB" + "prout" → "1.46 Ki prout" (not "gigaprout").
+ * Dates stay untouched (structured timestamps).
+ */
+export type WithCustomLabel = {
+    customLabel?: string;
+};
+/**
+ * Whether FormatControls / formatValue should honor customLabel for this unit key.
+ */
+export declare function supportsCustomLabel(unit?: string): boolean;
+/**
+ * If customLabel is set and the unit is supported, replace the standard unit text
+ * with the display label. Dates leave `formatted` unchanged.
+ */
+export declare function applyCustomLabel(formatted: string, customLabel?: string, unit?: string): string;
+//# sourceMappingURL=custom.d.ts.map

package/dist/model/custom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../src/model/custom.ts"],"names":[],"mappings":"AAaA;;;;;;;;GAQG;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAgEF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAK1D;AAKD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAwD/F"}

package/dist/model/custom.js

@@ -0,0 +1,243 @@
+// 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.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+/**
+ * Optional display override on standard formats.
+ * `unit` remains the stable key (multi-axis, maps, UI config);
+ * `customLabel` only changes the text shown after the scaled quantity.
+ *
+ * Data sizes (bytes/bits): keep SI/IEC scale (Ki, Mi, K, M, …) and replace the
+ * base unit — e.g. "1.46 KiB" + "prout" → "1.46 Ki prout" (not "gigaprout").
+ * Dates stay untouched (structured timestamps).
+ */ /** Units where customLabel is not applied (unstructured / identity formats). */ const CUSTOM_LABEL_EXCLUDED_UNITS = new Set([
+    'datetime-iso',
+    'datetime-us',
+    'datetime-local',
+    'date-iso',
+    'date-us',
+    'date-local',
+    'time-local',
+    'time-iso',
+    'time-us',
+    'relative-time',
+    'unix-timestamp',
+    'unix-timestamp-ms'
+]);
+const DATA_SIZE_UNITS = new Set([
+    'bytes',
+    'decbytes',
+    'bits',
+    'decbits',
+    'bytes/sec',
+    'decbytes/sec',
+    'bits/sec',
+    'decbits/sec'
+]);
+const CURRENCY_UNITS = new Set([
+    'usd',
+    'eur',
+    'gbp',
+    'jpy',
+    'cny',
+    'cad',
+    'aud',
+    'chf',
+    'hkd',
+    'sgd',
+    'sek',
+    'krw',
+    'nok',
+    'nzd',
+    'inr',
+    'mxn',
+    'twd',
+    'zar',
+    'brl',
+    'dkk',
+    'pln',
+    'thb',
+    'ils',
+    'czk',
+    'clp',
+    'php',
+    'aed',
+    'cop',
+    'sar',
+    'myr',
+    'ron',
+    'afn'
+]);
+/**
+ * Whether FormatControls / formatValue should honor customLabel for this unit key.
+ */ export function supportsCustomLabel(unit) {
+    if (!unit) {
+        return true;
+    }
+    return !CUSTOM_LABEL_EXCLUDED_UNITS.has(unit);
+}
+/** Sign + number (grouped / scientific). */ const LEADING_NUMBER = /^[+-]?(?:\d{1,3}(?:,\d{3})*|\d+)(?:\.\d+)?(?:[eE][+-]?\d+)?/;
+/**
+ * If customLabel is set and the unit is supported, replace the standard unit text
+ * with the display label. Dates leave `formatted` unchanged.
+ */ export function applyCustomLabel(formatted, customLabel, unit) {
+    const label = customLabel?.trim();
+    if (!label) {
+        return formatted;
+    }
+    if (!supportsCustomLabel(unit)) {
+        return formatted;
+    }
+    if (unit && DATA_SIZE_UNITS.has(unit)) {
+        return applyDataSizeCustomLabel(formatted, label);
+    }
+    if (unit && CURRENCY_UNITS.has(unit)) {
+        return applyCurrencyCustomLabel(formatted, label);
+    }
+    // formatTime zero sentinel
+    if (formatted === '0s') {
+        return `0 ${label}`;
+    }
+    // Percent: "12.3%" → "12.3 load"
+    if (unit === 'percent' || unit === 'percent-decimal') {
+        if (formatted.endsWith('%')) {
+            return `${formatted.slice(0, -1).trimEnd()} ${label}`;
+        }
+    }
+    // Temperature: "11°C" / "52°F"
+    if (unit === 'celsius' && formatted.endsWith('°C')) {
+        return `${formatted.slice(0, -2).trimEnd()} ${label}`;
+    }
+    if (unit === 'fahrenheit' && formatted.endsWith('°F')) {
+        return `${formatted.slice(0, -2).trimEnd()} ${label}`;
+    }
+    // Exact unit-key suffix: "10 ops/sec", "1.5K ops/sec"
+    if (unit && formatted.endsWith(` ${unit}`)) {
+        return `${formatted.slice(0, -(unit.length + 1))} ${label}`;
+    }
+    // Time units: Intl narrow often glues the suffix ("1ms", "1μs") with no space — the
+    // generic leadingQuantity path can leave "ms" if a consumer re-appends a label, and
+    // the bare append fallback would yield "1ms prout". Strip known time tokens first.
+    if (unit && TIME_FORMAT_UNITS.has(unit)) {
+        return applyTimeCustomLabel(formatted, label);
+    }
+    // Decimal / throughput fallback: keep leading quantity only
+    const qty = leadingQuantity(formatted);
+    if (qty !== null) {
+        return `${qty} ${label}`;
+    }
+    return `${formatted} ${label}`;
+}
+/** Time format unit keys (formatTime / Intl unit style). */ const TIME_FORMAT_UNITS = new Set([
+    'nanoseconds',
+    'microseconds',
+    'milliseconds',
+    'seconds',
+    'minutes',
+    'hours',
+    'days',
+    'weeks',
+    'months',
+    'years'
+]);
+/**
+ * Replace formatTime output with custom label.
+ * Handles glued narrow units (1ms, 500µs), spaced long forms (1 month), and
+ * multi-part strings (1d255ms) by keeping only the leading quantity (+ compact K/M/B/T).
+ */ function applyTimeCustomLabel(formatted, label) {
+    const body = formatted.trim();
+    if (body === '0s' || body === '0') {
+        return `0 ${label}`;
+    }
+    // Strip trailing time tokens (repeat for compound "1d 2h", "1d255ms").
+    // Long names → multi-letter narrow (ms before m|s) → single-letter. One µ only (not µs|μs).
+    let stripped = body.replace(/\u03bc/g, '\u00b5'); // Greek μ → micro sign µ (Intl variants)
+    const timeToken = /(?:\s*)(?:milliseconds?|microseconds?|nanoseconds?|seconds?|minutes?|hours?|days?|weeks?|months?|years?|ms|us|ns|µs|[ywdhms])$/i;
+    let guard = 0;
+    while(timeToken.test(stripped) && guard++ < 8){
+        stripped = stripped.replace(timeToken, '').trimEnd();
+    }
+    if (stripped !== '' && stripped !== body) {
+        // Prefer full numeric head (incl. decimals / compact) from stripped body
+        const qty = leadingQuantity(stripped) ?? stripped;
+        return `${qty} ${label}`;
+    }
+    const qty = leadingQuantity(body);
+    if (qty !== null) {
+        return `${qty} ${label}`;
+    }
+    return `${body} ${label}`;
+}
+/**
+ * Bytes/bits (+ optional /s|/sec): keep scale (Ki, Mi, K, M, …), replace base unit.
+ * "1.46 KiB" + prout → "1.46 Ki prout"
+ * "1.5 KB/s" + wire → "1.5 K wire/s"
+ * "500 bytes" + prout → "500 prout"
+ */ function applyDataSizeCustomLabel(formatted, label) {
+    let rate = '';
+    let body = formatted.trim();
+    const rateM = body.match(/(\/s(?:ec)?)$/i);
+    if (rateM?.[1]) {
+        rate = rateM[1];
+        body = body.slice(0, -rate.length).trimEnd();
+    }
+    // Long form: "500 bytes", "1,500 bits"
+    const long = body.match(/^(.+?)\s+(bytes?|bits?)$/i);
+    if (long?.[1]) {
+        return `${long[1].trim()} ${label}${rate}`;
+    }
+    // Short form: "1.46 KiB", "1.5 KB", "1.46 Kib", "1.5 Kb" (optional space before scale)
+    const short = body.match(/^(.+?)\s*([KMGTPE]i?)\s*([Bb])$/);
+    if (short?.[1] && short[2]) {
+        return `${short[1].trim()} ${short[2]} ${label}${rate}`;
+    }
+    const qty = leadingQuantity(body);
+    if (qty !== null) {
+        return `${qty} ${label}${rate}`;
+    }
+    return `${formatted} ${label}`;
+}
+/**
+ * Currency: drop symbol/code, keep amount + custom label.
+ * "$1,500" + credits → "1,500 credits"
+ */ function applyCurrencyCustomLabel(formatted, label) {
+    // Strip common leading/trailing currency symbols and ISO codes.
+    // Keep optional leading sign so "-$1.23" → "-1.23 credits" (not "-$1.23 credits").
+    let body = formatted.trim();
+    body = body.replace(/^([+-]?)\s*[^\d\s+-]+/, '$1'); // -$1.23 / $1.23 / €12.3
+    body = body.replace(/\s*[A-Z]{3}$/, ''); // trailing USD
+    body = body.trim();
+    const qty = leadingQuantity(body);
+    if (qty !== null) {
+        return `${body} ${label}`;
+    }
+    return `${body} ${label}`;
+}
+/**
+ * Numeric prefix of a formatted value, keeping SI compact (1.5K)
+ * but not unit letters glued to the number (500ms → 500, not 500m).
+ */ function leadingQuantity(formatted) {
+    const s = formatted.trimStart();
+    const num = s.match(LEADING_NUMBER);
+    if (!num?.[0]) {
+        return null;
+    }
+    const head = num[0];
+    const rest = s.slice(head.length);
+    // Compact decimal suffix K/M/B/T only when not starting a longer unit word (ms, min, …).
+    const compact = rest.match(/^([KMBT])(?=\s|$)/i);
+    if (compact) {
+        return head + compact[1];
+    }
+    return head;
+}
+
+//# sourceMappingURL=custom.js.map

package/dist/model/custom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/model/custom.ts"],"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\n/**\n * Optional display override on standard formats.\n * `unit` remains the stable key (multi-axis, maps, UI config);\n * `customLabel` only changes the text shown after the scaled quantity.\n *\n * Data sizes (bytes/bits): keep SI/IEC scale (Ki, Mi, K, M, …) and replace the\n * base unit — e.g. \"1.46 KiB\" + \"prout\" → \"1.46 Ki prout\" (not \"gigaprout\").\n * Dates stay untouched (structured timestamps).\n */\n\nexport type WithCustomLabel = {\n  customLabel?: string;\n};\n\n/** Units where customLabel is not applied (unstructured / identity formats). */\nconst CUSTOM_LABEL_EXCLUDED_UNITS = new Set([\n  'datetime-iso',\n  'datetime-us',\n  'datetime-local',\n  'date-iso',\n  'date-us',\n  'date-local',\n  'time-local',\n  'time-iso',\n  'time-us',\n  'relative-time',\n  'unix-timestamp',\n  'unix-timestamp-ms',\n]);\n\nconst DATA_SIZE_UNITS = new Set([\n  'bytes',\n  'decbytes',\n  'bits',\n  'decbits',\n  'bytes/sec',\n  'decbytes/sec',\n  'bits/sec',\n  'decbits/sec',\n]);\n\nconst CURRENCY_UNITS = new Set([\n  'usd',\n  'eur',\n  'gbp',\n  'jpy',\n  'cny',\n  'cad',\n  'aud',\n  'chf',\n  'hkd',\n  'sgd',\n  'sek',\n  'krw',\n  'nok',\n  'nzd',\n  'inr',\n  'mxn',\n  'twd',\n  'zar',\n  'brl',\n  'dkk',\n  'pln',\n  'thb',\n  'ils',\n  'czk',\n  'clp',\n  'php',\n  'aed',\n  'cop',\n  'sar',\n  'myr',\n  'ron',\n  'afn',\n]);\n\n/**\n * Whether FormatControls / formatValue should honor customLabel for this unit key.\n */\nexport function supportsCustomLabel(unit?: string): boolean {\n  if (!unit) {\n    return true;\n  }\n  return !CUSTOM_LABEL_EXCLUDED_UNITS.has(unit);\n}\n\n/** Sign + number (grouped / scientific). */\nconst LEADING_NUMBER = /^[+-]?(?:\\d{1,3}(?:,\\d{3})*|\\d+)(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/;\n\n/**\n * If customLabel is set and the unit is supported, replace the standard unit text\n * with the display label. Dates leave `formatted` unchanged.\n */\nexport function applyCustomLabel(formatted: string, customLabel?: string, unit?: string): string {\n  const label = customLabel?.trim();\n  if (!label) {\n    return formatted;\n  }\n  if (!supportsCustomLabel(unit)) {\n    return formatted;\n  }\n\n  if (unit && DATA_SIZE_UNITS.has(unit)) {\n    return applyDataSizeCustomLabel(formatted, label);\n  }\n\n  if (unit && CURRENCY_UNITS.has(unit)) {\n    return applyCurrencyCustomLabel(formatted, label);\n  }\n\n  // formatTime zero sentinel\n  if (formatted === '0s') {\n    return `0 ${label}`;\n  }\n\n  // Percent: \"12.3%\" → \"12.3 load\"\n  if (unit === 'percent' || unit === 'percent-decimal') {\n    if (formatted.endsWith('%')) {\n      return `${formatted.slice(0, -1).trimEnd()} ${label}`;\n    }\n  }\n\n  // Temperature: \"11°C\" / \"52°F\"\n  if (unit === 'celsius' && formatted.endsWith('°C')) {\n    return `${formatted.slice(0, -2).trimEnd()} ${label}`;\n  }\n  if (unit === 'fahrenheit' && formatted.endsWith('°F')) {\n    return `${formatted.slice(0, -2).trimEnd()} ${label}`;\n  }\n\n  // Exact unit-key suffix: \"10 ops/sec\", \"1.5K ops/sec\"\n  if (unit && formatted.endsWith(` ${unit}`)) {\n    return `${formatted.slice(0, -(unit.length + 1))} ${label}`;\n  }\n\n  // Time units: Intl narrow often glues the suffix (\"1ms\", \"1μs\") with no space — the\n  // generic leadingQuantity path can leave \"ms\" if a consumer re-appends a label, and\n  // the bare append fallback would yield \"1ms prout\". Strip known time tokens first.\n  if (unit && TIME_FORMAT_UNITS.has(unit)) {\n    return applyTimeCustomLabel(formatted, label);\n  }\n\n  // Decimal / throughput fallback: keep leading quantity only\n  const qty = leadingQuantity(formatted);\n  if (qty !== null) {\n    return `${qty} ${label}`;\n  }\n\n  return `${formatted} ${label}`;\n}\n\n/** Time format unit keys (formatTime / Intl unit style). */\nconst TIME_FORMAT_UNITS = new Set([\n  'nanoseconds',\n  'microseconds',\n  'milliseconds',\n  'seconds',\n  'minutes',\n  'hours',\n  'days',\n  'weeks',\n  'months',\n  'years',\n]);\n\n/**\n * Replace formatTime output with custom label.\n * Handles glued narrow units (1ms, 500µs), spaced long forms (1 month), and\n * multi-part strings (1d255ms) by keeping only the leading quantity (+ compact K/M/B/T).\n */\nfunction applyTimeCustomLabel(formatted: string, label: string): string {\n  const body = formatted.trim();\n  if (body === '0s' || body === '0') {\n    return `0 ${label}`;\n  }\n\n  // Strip trailing time tokens (repeat for compound \"1d 2h\", \"1d255ms\").\n  // Long names → multi-letter narrow (ms before m|s) → single-letter. One µ only (not µs|μs).\n  let stripped = body.replace(/\\u03bc/g, '\\u00b5'); // Greek μ → micro sign µ (Intl variants)\n  const timeToken =\n    /(?:\\s*)(?:milliseconds?|microseconds?|nanoseconds?|seconds?|minutes?|hours?|days?|weeks?|months?|years?|ms|us|ns|µs|[ywdhms])$/i;\n  let guard = 0;\n  while (timeToken.test(stripped) && guard++ < 8) {\n    stripped = stripped.replace(timeToken, '').trimEnd();\n  }\n  if (stripped !== '' && stripped !== body) {\n    // Prefer full numeric head (incl. decimals / compact) from stripped body\n    const qty = leadingQuantity(stripped) ?? stripped;\n    return `${qty} ${label}`;\n  }\n\n  const qty = leadingQuantity(body);\n  if (qty !== null) {\n    return `${qty} ${label}`;\n  }\n  return `${body} ${label}`;\n}\n\n/**\n * Bytes/bits (+ optional /s|/sec): keep scale (Ki, Mi, K, M, …), replace base unit.\n * \"1.46 KiB\" + prout → \"1.46 Ki prout\"\n * \"1.5 KB/s\" + wire → \"1.5 K wire/s\"\n * \"500 bytes\" + prout → \"500 prout\"\n */\nfunction applyDataSizeCustomLabel(formatted: string, label: string): string {\n  let rate = '';\n  let body = formatted.trim();\n  const rateM = body.match(/(\\/s(?:ec)?)$/i);\n  if (rateM?.[1]) {\n    rate = rateM[1];\n    body = body.slice(0, -rate.length).trimEnd();\n  }\n\n  // Long form: \"500 bytes\", \"1,500 bits\"\n  const long = body.match(/^(.+?)\\s+(bytes?|bits?)$/i);\n  if (long?.[1]) {\n    return `${long[1].trim()} ${label}${rate}`;\n  }\n\n  // Short form: \"1.46 KiB\", \"1.5 KB\", \"1.46 Kib\", \"1.5 Kb\" (optional space before scale)\n  const short = body.match(/^(.+?)\\s*([KMGTPE]i?)\\s*([Bb])$/);\n  if (short?.[1] && short[2]) {\n    return `${short[1].trim()} ${short[2]} ${label}${rate}`;\n  }\n\n  const qty = leadingQuantity(body);\n  if (qty !== null) {\n    return `${qty} ${label}${rate}`;\n  }\n  return `${formatted} ${label}`;\n}\n\n/**\n * Currency: drop symbol/code, keep amount + custom label.\n * \"$1,500\" + credits → \"1,500 credits\"\n */\nfunction applyCurrencyCustomLabel(formatted: string, label: string): string {\n  // Strip common leading/trailing currency symbols and ISO codes.\n  // Keep optional leading sign so \"-$1.23\" → \"-1.23 credits\" (not \"-$1.23 credits\").\n  let body = formatted.trim();\n  body = body.replace(/^([+-]?)\\s*[^\\d\\s+-]+/, '$1'); // -$1.23 / $1.23 / €12.3\n  body = body.replace(/\\s*[A-Z]{3}$/, ''); // trailing USD\n  body = body.trim();\n  const qty = leadingQuantity(body);\n  if (qty !== null) {\n    return `${body} ${label}`;\n  }\n  return `${body} ${label}`;\n}\n\n/**\n * Numeric prefix of a formatted value, keeping SI compact (1.5K)\n * but not unit letters glued to the number (500ms → 500, not 500m).\n */\nfunction leadingQuantity(formatted: string): string | null {\n  const s = formatted.trimStart();\n  const num = s.match(LEADING_NUMBER);\n  if (!num?.[0]) {\n    return null;\n  }\n  const head = num[0];\n  const rest = s.slice(head.length);\n\n  // Compact decimal suffix K/M/B/T only when not starting a longer unit word (ms, min, …).\n  const compact = rest.match(/^([KMBT])(?=\\s|$)/i);\n  if (compact) {\n    return head + compact[1];\n  }\n\n  return head;\n}\n"],"names":["CUSTOM_LABEL_EXCLUDED_UNITS","Set","DATA_SIZE_UNITS","CURRENCY_UNITS","supportsCustomLabel","unit","has","LEADING_NUMBER","applyCustomLabel","formatted","customLabel","label","trim","applyDataSizeCustomLabel","applyCurrencyCustomLabel","endsWith","slice","trimEnd","length","TIME_FORMAT_UNITS","applyTimeCustomLabel","qty","leadingQuantity","body","stripped","replace","timeToken","guard","test","rate","rateM","match","long","short","s","trimStart","num","head","rest","compact"],"mappings":"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"}

package/dist/model/index.d.ts

@@ -12,6 +12,7 @@ export * from './percent';
 export * from './temperature';
 export * from './decimal';
 export * from './throughput';
+export * from './custom';
 export * from './formatterCache';
 export * from './units';
 export * from './utils';

package/dist/model/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}

package/dist/model/index.js

@@ -24,6 +24,7 @@ export * from "./percent.js";
 export * from "./temperature.js";
 export * from "./decimal.js";
 export * from "./throughput.js";
+export * from "./custom.js";
 export * from "./formatterCache.js";
 export * from "./units.js";
 export * from "./utils.js";

package/dist/model/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/index.ts"],"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\nexport * from './graph';\nexport * from './theme';\nexport * from './timeOption';\nexport * from './timeZoneOption';\nexport * from './action';\nexport * from './legend';\nexport * from './time';\nexport * from './bits';\nexport * from './bytes';\nexport * from './currency';\nexport * from './percent';\nexport * from './temperature';\nexport * from './decimal';\nexport * from './throughput';\nexport * from './formatterCache';\nexport * from './units';\nexport * from './utils';\nexport * from './types';\nexport * from './thresholds';\nexport * from './transforms';\nexport * from './value-mapping';\n"],"names":[],"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,cAAc,aAAU;AACxB,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,sBAAmB;AACjC,cAAc,cAAW;AACzB,cAAc,cAAW;AACzB,cAAc,YAAS;AACvB,cAAc,YAAS;AACvB,cAAc,aAAU;AACxB,cAAc,gBAAa;AAC3B,cAAc,eAAY;AAC1B,cAAc,mBAAgB;AAC9B,cAAc,eAAY;AAC1B,cAAc,kBAAe;AAC7B,cAAc,sBAAmB;AACjC,cAAc,aAAU;AACxB,cAAc,aAAU;AACxB,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,kBAAe;AAC7B,cAAc,qBAAkB"}
+{"version":3,"sources":["../../src/model/index.ts"],"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\nexport * from './graph';\nexport * from './theme';\nexport * from './timeOption';\nexport * from './timeZoneOption';\nexport * from './action';\nexport * from './legend';\nexport * from './time';\nexport * from './bits';\nexport * from './bytes';\nexport * from './currency';\nexport * from './percent';\nexport * from './temperature';\nexport * from './decimal';\nexport * from './throughput';\nexport * from './custom';\nexport * from './formatterCache';\nexport * from './units';\nexport * from './utils';\nexport * from './types';\nexport * from './thresholds';\nexport * from './transforms';\nexport * from './value-mapping';\n"],"names":[],"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,cAAc,aAAU;AACxB,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,sBAAmB;AACjC,cAAc,cAAW;AACzB,cAAc,cAAW;AACzB,cAAc,YAAS;AACvB,cAAc,YAAS;AACvB,cAAc,aAAU;AACxB,cAAc,gBAAa;AAC3B,cAAc,eAAY;AAC1B,cAAc,mBAAgB;AAC9B,cAAc,eAAY;AAC1B,cAAc,kBAAe;AAC7B,cAAc,cAAW;AACzB,cAAc,sBAAmB;AACjC,cAAc,aAAU;AACxB,cAAc,aAAU;AACxB,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,kBAAe;AAC7B,cAAc,qBAAkB"}

package/dist/model/units.d.ts

@@ -1,6 +1,7 @@
 import type { BitsFormatOptions } from './bits';
 import type { BytesFormatOptions } from './bytes';
 import type { CurrencyFormatOptions } from './currency';
+import type { WithCustomLabel } from './custom';
 import type { DateFormatOptions } from './date';
 import type { DecimalFormatOptions } from './decimal';
 import type { PercentFormatOptions } from './percent';
@@ -79,7 +80,8 @@ export declare const UNIT_CONFIG: {
     readonly "writes/sec": UnitConfig;
     readonly years: UnitConfig;
 };
-export type FormatOptions = TimeFormatOptions | PercentFormatOptions | DecimalFormatOptions | BytesFormatOptions | BitsFormatOptions | ThroughputFormatOptions | CurrencyFormatOptions | TemperatureFormatOptions | DateFormatOptions;
+/** Standard unit options plus optional display override (customLabel). */
+export type FormatOptions = (TimeFormatOptions | PercentFormatOptions | DecimalFormatOptions | BytesFormatOptions | BitsFormatOptions | ThroughputFormatOptions | CurrencyFormatOptions | TemperatureFormatOptions | DateFormatOptions) & WithCustomLabel;
 type HasDecimalPlaces<UnitOpt> = UnitOpt extends {
     decimalPlaces?: number;
 } ? UnitOpt : never;
@@ -90,16 +92,16 @@ export declare function formatValue(value: number, formatOptions?: FormatOptions
 export declare function getUnitConfig(formatOptions: FormatOptions): UnitConfig;
 export declare function getUnitGroup(formatOptions: FormatOptions): UnitGroup;
 export declare function getUnitGroupConfig(formatOptions: FormatOptions): UnitGroupConfig;
-export declare function isTimeUnit(formatOptions: FormatOptions): formatOptions is TimeFormatOptions;
-export declare function isPercentUnit(formatOptions: FormatOptions): formatOptions is PercentFormatOptions;
-export declare function isDecimalUnit(formatOptions: FormatOptions): formatOptions is DecimalFormatOptions;
-export declare function isBytesUnit(formatOptions: FormatOptions): formatOptions is BytesFormatOptions;
-export declare function isBitsUnit(formatOptions: FormatOptions): formatOptions is BitsFormatOptions;
+export declare function isTimeUnit(formatOptions: FormatOptions): formatOptions is TimeFormatOptions & WithCustomLabel;
+export declare function isPercentUnit(formatOptions: FormatOptions): formatOptions is PercentFormatOptions & WithCustomLabel;
+export declare function isDecimalUnit(formatOptions: FormatOptions): formatOptions is DecimalFormatOptions & WithCustomLabel;
+export declare function isBytesUnit(formatOptions: FormatOptions): formatOptions is BytesFormatOptions & WithCustomLabel;
+export declare function isBitsUnit(formatOptions: FormatOptions): formatOptions is BitsFormatOptions & WithCustomLabel;
 export declare function isUnitWithDecimalPlaces(formatOptions: FormatOptions): formatOptions is HasDecimalPlaces<FormatOptions>;
 export declare function isUnitWithShortValues(formatOptions: FormatOptions): formatOptions is HasShortValues<FormatOptions>;
-export declare function isThroughputUnit(formatOptions: FormatOptions): formatOptions is ThroughputFormatOptions;
-export declare function isCurrencyUnit(formatOptions: FormatOptions): formatOptions is CurrencyFormatOptions;
-export declare function isDateUnit(formatOptions: FormatOptions): formatOptions is DateFormatOptions;
-export declare function isTemperatureUnit(formatOptions: FormatOptions): formatOptions is TemperatureFormatOptions;
+export declare function isThroughputUnit(formatOptions: FormatOptions): formatOptions is ThroughputFormatOptions & WithCustomLabel;
+export declare function isCurrencyUnit(formatOptions: FormatOptions): formatOptions is CurrencyFormatOptions & WithCustomLabel;
+export declare function isDateUnit(formatOptions: FormatOptions): formatOptions is DateFormatOptions & WithCustomLabel;
+export declare function isTemperatureUnit(formatOptions: FormatOptions): formatOptions is TemperatureFormatOptions & WithCustomLabel;
 export {};
 //# sourceMappingURL=units.d.ts.map

package/dist/model/units.d.ts.map

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

package/dist/model/units.js

@@ -13,6 +13,7 @@
 import { formatBits, BITS_GROUP_CONFIG, BITS_UNIT_CONFIG } from "./bits.js";
 import { formatBytes, BYTES_GROUP_CONFIG, BYTES_UNIT_CONFIG } from "./bytes.js";
 import { formatCurrency, CURRENCY_GROUP_CONFIG, CURRENCY_UNIT_CONFIG } from "./currency.js";
+import { applyCustomLabel, supportsCustomLabel } from "./custom.js";
 import { formatDate, DATE_GROUP_CONFIG, DATE_UNIT_CONFIG } from "./date.js";
 import { formatDecimal, DECIMAL_GROUP_CONFIG, DECIMAL_UNIT_CONFIG } from "./decimal.js";
 import { formatPercent, PERCENT_GROUP_CONFIG, PERCENT_UNIT_CONFIG } from "./percent.js";
@@ -51,39 +52,43 @@ export function formatValue(value, formatOptions) {
     if (!formatOptions) {
         return value.toString();
     }
+    let formatted;
     if (isBytesUnit(formatOptions)) {
-        return formatBytes(value, formatOptions);
+        formatted = formatBytes(value, formatOptions);
+    } else if (isBitsUnit(formatOptions)) {
+        formatted = formatBits(value, formatOptions);
+    } else if (isDecimalUnit(formatOptions)) {
+        formatted = formatDecimal(value, formatOptions);
+    } else if (isPercentUnit(formatOptions)) {
+        formatted = formatPercent(value, formatOptions);
+    } else if (isTimeUnit(formatOptions)) {
+        formatted = formatTime(value, formatOptions);
+    } else if (isThroughputUnit(formatOptions)) {
+        formatted = formatThroughput(value, formatOptions);
+    } else if (isCurrencyUnit(formatOptions)) {
+        formatted = formatCurrency(value, formatOptions);
+    } else if (isDateUnit(formatOptions)) {
+        formatted = formatDate(value, formatOptions);
+    } else if (isTemperatureUnit(formatOptions)) {
+        formatted = formatTemperature(value, formatOptions);
+    } else {
+        const exhaustive = formatOptions;
+        throw new Error(`Unknown unit options ${exhaustive}`);
     }
-    if (isBitsUnit(formatOptions)) {
-        return formatBits(value, formatOptions);
-    }
-    if (isDecimalUnit(formatOptions)) {
-        return formatDecimal(value, formatOptions);
-    }
-    if (isPercentUnit(formatOptions)) {
-        return formatPercent(value, formatOptions);
-    }
-    if (isTimeUnit(formatOptions)) {
-        return formatTime(value, formatOptions);
-    }
-    if (isThroughputUnit(formatOptions)) {
-        return formatThroughput(value, formatOptions);
-    }
-    if (isCurrencyUnit(formatOptions)) {
-        return formatCurrency(value, formatOptions);
-    }
-    if (isDateUnit(formatOptions)) {
-        return formatDate(value, formatOptions);
-    }
-    if (isTemperatureUnit(formatOptions)) {
-        return formatTemperature(value, formatOptions);
-    }
-    const exhaustive = formatOptions;
-    throw new Error(`Unknown unit options ${exhaustive}`);
+    return applyCustomLabel(formatted, formatOptions.customLabel, formatOptions.unit);
 }
 export function getUnitConfig(formatOptions) {
     const unit = formatOptions.unit ?? 'decimal';
-    return UNIT_CONFIG[unit];
+    const config = UNIT_CONFIG[unit];
+    const customLabel = formatOptions.customLabel?.trim();
+    // Only override display name when customLabel is supported for this unit key.
+    if (customLabel && supportsCustomLabel(unit)) {
+        return {
+            ...config,
+            label: customLabel
+        };
+    }
+    return config;
 }
 export function getUnitGroup(formatOptions) {
     return getUnitConfig(formatOptions).group ?? 'Decimal';

package/dist/model/units.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/units.ts"],"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 type { BitsFormatOptions } from './bits';\nimport { formatBits, BITS_GROUP_CONFIG, BITS_UNIT_CONFIG } from './bits';\nimport type { BytesFormatOptions } from './bytes';\nimport { formatBytes, BYTES_GROUP_CONFIG, BYTES_UNIT_CONFIG } from './bytes';\nimport type { CurrencyFormatOptions } from './currency';\nimport { formatCurrency, CURRENCY_GROUP_CONFIG, CURRENCY_UNIT_CONFIG } from './currency';\nimport type { DateFormatOptions } from './date';\nimport { formatDate, DATE_GROUP_CONFIG, DATE_UNIT_CONFIG } from './date';\nimport type { DecimalFormatOptions } from './decimal';\nimport { formatDecimal, DECIMAL_GROUP_CONFIG, DECIMAL_UNIT_CONFIG } from './decimal';\nimport type { PercentFormatOptions } from './percent';\nimport { formatPercent, PERCENT_GROUP_CONFIG, PERCENT_UNIT_CONFIG } from './percent';\nimport type { TemperatureFormatOptions } from './temperature';\nimport { TEMPERATURE_GROUP_CONFIG, formatTemperature, TEMPERATURE_UNIT_CONFIG } from './temperature';\nimport type { ThroughputFormatOptions } from './throughput';\nimport { formatThroughput, THROUGHPUT_GROUP_CONFIG, THROUGHPUT_UNIT_CONFIG } from './throughput';\nimport type { TimeFormatOptions } from './time';\nimport { formatTime, TIME_GROUP_CONFIG, TIME_UNIT_CONFIG } from './time';\nimport type { UnitGroup, UnitGroupConfig, UnitConfig } from './types';\n\n/**\n * Most of the number formatting is based on Intl.NumberFormat, which is built into JavaScript.\n * Prefer Intl.NumbeFormat because it covers most use cases and will continue to be supported with time.\n *\n * To format bytes, we also make use of the `numbro` package,\n * because it can handle adding units like KB, MB, GB, etc. correctly.\n */\n\nexport const UNIT_GROUP_CONFIG: Readonly<Record<UnitGroup, UnitGroupConfig>> = {\n  Time: TIME_GROUP_CONFIG,\n  Percent: PERCENT_GROUP_CONFIG,\n  Decimal: DECIMAL_GROUP_CONFIG,\n  Bytes: BYTES_GROUP_CONFIG,\n  Bits: BITS_GROUP_CONFIG,\n  Throughput: THROUGHPUT_GROUP_CONFIG,\n  Currency: CURRENCY_GROUP_CONFIG,\n  Temperature: TEMPERATURE_GROUP_CONFIG,\n  Date: DATE_GROUP_CONFIG,\n};\nexport const UNIT_CONFIG = {\n  ...TIME_UNIT_CONFIG,\n  ...PERCENT_UNIT_CONFIG,\n  ...DECIMAL_UNIT_CONFIG,\n  ...BYTES_UNIT_CONFIG,\n  ...BITS_UNIT_CONFIG,\n  ...THROUGHPUT_UNIT_CONFIG,\n  ...CURRENCY_UNIT_CONFIG,\n  ...TEMPERATURE_UNIT_CONFIG,\n  ...DATE_UNIT_CONFIG,\n} as const;\n\nexport type FormatOptions =\n  | TimeFormatOptions\n  | PercentFormatOptions\n  | DecimalFormatOptions\n  | BytesFormatOptions\n  | BitsFormatOptions\n  | ThroughputFormatOptions\n  | CurrencyFormatOptions\n  | TemperatureFormatOptions\n  | DateFormatOptions;\n\ntype HasDecimalPlaces<UnitOpt> = UnitOpt extends { decimalPlaces?: number } ? UnitOpt : never;\ntype HasShortValues<UnitOpt> = UnitOpt extends { shortValues?: boolean } ? UnitOpt : never;\n\nexport function formatValue(value: number, formatOptions?: FormatOptions): string {\n  if (!formatOptions) {\n    return value.toString();\n  }\n\n  if (isBytesUnit(formatOptions)) {\n    return formatBytes(value, formatOptions);\n  }\n\n  if (isBitsUnit(formatOptions)) {\n    return formatBits(value, formatOptions);\n  }\n\n  if (isDecimalUnit(formatOptions)) {\n    return formatDecimal(value, formatOptions);\n  }\n\n  if (isPercentUnit(formatOptions)) {\n    return formatPercent(value, formatOptions);\n  }\n\n  if (isTimeUnit(formatOptions)) {\n    return formatTime(value, formatOptions);\n  }\n\n  if (isThroughputUnit(formatOptions)) {\n    return formatThroughput(value, formatOptions);\n  }\n\n  if (isCurrencyUnit(formatOptions)) {\n    return formatCurrency(value, formatOptions);\n  }\n\n  if (isDateUnit(formatOptions)) {\n    return formatDate(value, formatOptions);\n  }\n\n  if (isTemperatureUnit(formatOptions)) {\n    return formatTemperature(value, formatOptions);\n  }\n\n  const exhaustive: never = formatOptions;\n  throw new Error(`Unknown unit options ${exhaustive}`);\n}\n\nexport function getUnitConfig(formatOptions: FormatOptions): UnitConfig {\n  const unit = formatOptions.unit ?? 'decimal';\n  return UNIT_CONFIG[unit];\n}\n\nexport function getUnitGroup(formatOptions: FormatOptions): UnitGroup {\n  return getUnitConfig(formatOptions).group ?? 'Decimal';\n}\n\nexport function getUnitGroupConfig(formatOptions: FormatOptions): UnitGroupConfig {\n  const unitConfig = getUnitConfig(formatOptions);\n  return UNIT_GROUP_CONFIG[unitConfig.group ?? 'Decimal'];\n}\n\n// Type guards\nexport function isTimeUnit(formatOptions: FormatOptions): formatOptions is TimeFormatOptions {\n  return getUnitGroup(formatOptions) === 'Time';\n}\n\nexport function isPercentUnit(formatOptions: FormatOptions): formatOptions is PercentFormatOptions {\n  return getUnitGroup(formatOptions) === 'Percent';\n}\n\nexport function isDecimalUnit(formatOptions: FormatOptions): formatOptions is DecimalFormatOptions {\n  return getUnitGroup(formatOptions) === 'Decimal';\n}\n\nexport function isBytesUnit(formatOptions: FormatOptions): formatOptions is BytesFormatOptions {\n  return getUnitGroup(formatOptions) === 'Bytes';\n}\n\nexport function isBitsUnit(formatOptions: FormatOptions): formatOptions is BitsFormatOptions {\n  return getUnitGroup(formatOptions) === 'Bits';\n}\n\nexport function isUnitWithDecimalPlaces(\n  formatOptions: FormatOptions,\n): formatOptions is HasDecimalPlaces<FormatOptions> {\n  const groupConfig = getUnitGroupConfig(formatOptions);\n\n  return !!groupConfig.decimalPlaces;\n}\n\nexport function isUnitWithShortValues(formatOptions: FormatOptions): formatOptions is HasShortValues<FormatOptions> {\n  const groupConfig = getUnitGroupConfig(formatOptions);\n\n  return !!groupConfig.shortValues;\n}\n\nexport function isThroughputUnit(formatOptions: FormatOptions): formatOptions is ThroughputFormatOptions {\n  return getUnitGroup(formatOptions) === 'Throughput';\n}\n\nexport function isCurrencyUnit(formatOptions: FormatOptions): formatOptions is CurrencyFormatOptions {\n  return getUnitGroup(formatOptions) === 'Currency';\n}\n\nexport function isDateUnit(formatOptions: FormatOptions): formatOptions is DateFormatOptions {\n  return getUnitGroup(formatOptions) === 'Date';\n}\n\nexport function isTemperatureUnit(formatOptions: FormatOptions): formatOptions is TemperatureFormatOptions {\n  return getUnitGroup(formatOptions) === 'Temperature';\n}\n"],"names":["formatBits","BITS_GROUP_CONFIG","BITS_UNIT_CONFIG","formatBytes","BYTES_GROUP_CONFIG","BYTES_UNIT_CONFIG","formatCurrency","CURRENCY_GROUP_CONFIG","CURRENCY_UNIT_CONFIG","formatDate","DATE_GROUP_CONFIG","DATE_UNIT_CONFIG","formatDecimal","DECIMAL_GROUP_CONFIG","DECIMAL_UNIT_CONFIG","formatPercent","PERCENT_GROUP_CONFIG","PERCENT_UNIT_CONFIG","TEMPERATURE_GROUP_CONFIG","formatTemperature","TEMPERATURE_UNIT_CONFIG","formatThroughput","THROUGHPUT_GROUP_CONFIG","THROUGHPUT_UNIT_CONFIG","formatTime","TIME_GROUP_CONFIG","TIME_UNIT_CONFIG","UNIT_GROUP_CONFIG","Time","Percent","Decimal","Bytes","Bits","Throughput","Currency","Temperature","Date","UNIT_CONFIG","formatValue","value","formatOptions","toString","isBytesUnit","isBitsUnit","isDecimalUnit","isPercentUnit","isTimeUnit","isThroughputUnit","isCurrencyUnit","isDateUnit","isTemperatureUnit","exhaustive","Error","getUnitConfig","unit","getUnitGroup","group","getUnitGroupConfig","unitConfig","isUnitWithDecimalPlaces","groupConfig","decimalPlaces","isUnitWithShortValues","shortValues"],"mappings":"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"}
+{"version":3,"sources":["../../src/model/units.ts"],"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 type { BitsFormatOptions } from './bits';\nimport { formatBits, BITS_GROUP_CONFIG, BITS_UNIT_CONFIG } from './bits';\nimport type { BytesFormatOptions } from './bytes';\nimport { formatBytes, BYTES_GROUP_CONFIG, BYTES_UNIT_CONFIG } from './bytes';\nimport type { CurrencyFormatOptions } from './currency';\nimport { formatCurrency, CURRENCY_GROUP_CONFIG, CURRENCY_UNIT_CONFIG } from './currency';\nimport type { WithCustomLabel } from './custom';\nimport { applyCustomLabel, supportsCustomLabel } from './custom';\nimport type { DateFormatOptions } from './date';\nimport { formatDate, DATE_GROUP_CONFIG, DATE_UNIT_CONFIG } from './date';\nimport type { DecimalFormatOptions } from './decimal';\nimport { formatDecimal, DECIMAL_GROUP_CONFIG, DECIMAL_UNIT_CONFIG } from './decimal';\nimport type { PercentFormatOptions } from './percent';\nimport { formatPercent, PERCENT_GROUP_CONFIG, PERCENT_UNIT_CONFIG } from './percent';\nimport type { TemperatureFormatOptions } from './temperature';\nimport { TEMPERATURE_GROUP_CONFIG, formatTemperature, TEMPERATURE_UNIT_CONFIG } from './temperature';\nimport type { ThroughputFormatOptions } from './throughput';\nimport { formatThroughput, THROUGHPUT_GROUP_CONFIG, THROUGHPUT_UNIT_CONFIG } from './throughput';\nimport type { TimeFormatOptions } from './time';\nimport { formatTime, TIME_GROUP_CONFIG, TIME_UNIT_CONFIG } from './time';\nimport type { UnitGroup, UnitGroupConfig, UnitConfig } from './types';\n\n/**\n * Most of the number formatting is based on Intl.NumberFormat, which is built into JavaScript.\n * Prefer Intl.NumbeFormat because it covers most use cases and will continue to be supported with time.\n *\n * To format bytes, we also make use of the `numbro` package,\n * because it can handle adding units like KB, MB, GB, etc. correctly.\n */\n\nexport const UNIT_GROUP_CONFIG: Readonly<Record<UnitGroup, UnitGroupConfig>> = {\n  Time: TIME_GROUP_CONFIG,\n  Percent: PERCENT_GROUP_CONFIG,\n  Decimal: DECIMAL_GROUP_CONFIG,\n  Bytes: BYTES_GROUP_CONFIG,\n  Bits: BITS_GROUP_CONFIG,\n  Throughput: THROUGHPUT_GROUP_CONFIG,\n  Currency: CURRENCY_GROUP_CONFIG,\n  Temperature: TEMPERATURE_GROUP_CONFIG,\n  Date: DATE_GROUP_CONFIG,\n};\nexport const UNIT_CONFIG = {\n  ...TIME_UNIT_CONFIG,\n  ...PERCENT_UNIT_CONFIG,\n  ...DECIMAL_UNIT_CONFIG,\n  ...BYTES_UNIT_CONFIG,\n  ...BITS_UNIT_CONFIG,\n  ...THROUGHPUT_UNIT_CONFIG,\n  ...CURRENCY_UNIT_CONFIG,\n  ...TEMPERATURE_UNIT_CONFIG,\n  ...DATE_UNIT_CONFIG,\n} as const;\n\n/** Standard unit options plus optional display override (customLabel). */\nexport type FormatOptions = (\n  | TimeFormatOptions\n  | PercentFormatOptions\n  | DecimalFormatOptions\n  | BytesFormatOptions\n  | BitsFormatOptions\n  | ThroughputFormatOptions\n  | CurrencyFormatOptions\n  | TemperatureFormatOptions\n  | DateFormatOptions\n) &\n  WithCustomLabel;\n\ntype HasDecimalPlaces<UnitOpt> = UnitOpt extends { decimalPlaces?: number } ? UnitOpt : never;\ntype HasShortValues<UnitOpt> = UnitOpt extends { shortValues?: boolean } ? UnitOpt : never;\n\nexport function formatValue(value: number, formatOptions?: FormatOptions): string {\n  if (!formatOptions) {\n    return value.toString();\n  }\n\n  let formatted: string;\n  if (isBytesUnit(formatOptions)) {\n    formatted = formatBytes(value, formatOptions);\n  } else if (isBitsUnit(formatOptions)) {\n    formatted = formatBits(value, formatOptions);\n  } else if (isDecimalUnit(formatOptions)) {\n    formatted = formatDecimal(value, formatOptions);\n  } else if (isPercentUnit(formatOptions)) {\n    formatted = formatPercent(value, formatOptions);\n  } else if (isTimeUnit(formatOptions)) {\n    formatted = formatTime(value, formatOptions);\n  } else if (isThroughputUnit(formatOptions)) {\n    formatted = formatThroughput(value, formatOptions);\n  } else if (isCurrencyUnit(formatOptions)) {\n    formatted = formatCurrency(value, formatOptions);\n  } else if (isDateUnit(formatOptions)) {\n    formatted = formatDate(value, formatOptions);\n  } else if (isTemperatureUnit(formatOptions)) {\n    formatted = formatTemperature(value, formatOptions);\n  } else {\n    const exhaustive: never = formatOptions;\n    throw new Error(`Unknown unit options ${exhaustive}`);\n  }\n\n  return applyCustomLabel(formatted, formatOptions.customLabel, formatOptions.unit);\n}\n\nexport function getUnitConfig(formatOptions: FormatOptions): UnitConfig {\n  const unit = formatOptions.unit ?? 'decimal';\n  const config = UNIT_CONFIG[unit];\n  const customLabel = formatOptions.customLabel?.trim();\n  // Only override display name when customLabel is supported for this unit key.\n  if (customLabel && supportsCustomLabel(unit)) {\n    return { ...config, label: customLabel };\n  }\n  return config;\n}\n\nexport function getUnitGroup(formatOptions: FormatOptions): UnitGroup {\n  return getUnitConfig(formatOptions).group ?? 'Decimal';\n}\n\nexport function getUnitGroupConfig(formatOptions: FormatOptions): UnitGroupConfig {\n  const unitConfig = getUnitConfig(formatOptions);\n  return UNIT_GROUP_CONFIG[unitConfig.group ?? 'Decimal'];\n}\n\n// Type guards\nexport function isTimeUnit(formatOptions: FormatOptions): formatOptions is TimeFormatOptions & WithCustomLabel {\n  return getUnitGroup(formatOptions) === 'Time';\n}\n\nexport function isPercentUnit(formatOptions: FormatOptions): formatOptions is PercentFormatOptions & WithCustomLabel {\n  return getUnitGroup(formatOptions) === 'Percent';\n}\n\nexport function isDecimalUnit(formatOptions: FormatOptions): formatOptions is DecimalFormatOptions & WithCustomLabel {\n  return getUnitGroup(formatOptions) === 'Decimal';\n}\n\nexport function isBytesUnit(formatOptions: FormatOptions): formatOptions is BytesFormatOptions & WithCustomLabel {\n  return getUnitGroup(formatOptions) === 'Bytes';\n}\n\nexport function isBitsUnit(formatOptions: FormatOptions): formatOptions is BitsFormatOptions & WithCustomLabel {\n  return getUnitGroup(formatOptions) === 'Bits';\n}\n\nexport function isUnitWithDecimalPlaces(\n  formatOptions: FormatOptions,\n): formatOptions is HasDecimalPlaces<FormatOptions> {\n  const groupConfig = getUnitGroupConfig(formatOptions);\n\n  return !!groupConfig.decimalPlaces;\n}\n\nexport function isUnitWithShortValues(formatOptions: FormatOptions): formatOptions is HasShortValues<FormatOptions> {\n  const groupConfig = getUnitGroupConfig(formatOptions);\n\n  return !!groupConfig.shortValues;\n}\n\nexport function isThroughputUnit(\n  formatOptions: FormatOptions,\n): formatOptions is ThroughputFormatOptions & WithCustomLabel {\n  return getUnitGroup(formatOptions) === 'Throughput';\n}\n\nexport function isCurrencyUnit(formatOptions: FormatOptions): formatOptions is CurrencyFormatOptions & WithCustomLabel {\n  return getUnitGroup(formatOptions) === 'Currency';\n}\n\nexport function isDateUnit(formatOptions: FormatOptions): formatOptions is DateFormatOptions & WithCustomLabel {\n  return getUnitGroup(formatOptions) === 'Date';\n}\n\nexport function isTemperatureUnit(\n  formatOptions: FormatOptions,\n): formatOptions is TemperatureFormatOptions & WithCustomLabel {\n  return getUnitGroup(formatOptions) === 'Temperature';\n}\n"],"names":["formatBits","BITS_GROUP_CONFIG","BITS_UNIT_CONFIG","formatBytes","BYTES_GROUP_CONFIG","BYTES_UNIT_CONFIG","formatCurrency","CURRENCY_GROUP_CONFIG","CURRENCY_UNIT_CONFIG","applyCustomLabel","supportsCustomLabel","formatDate","DATE_GROUP_CONFIG","DATE_UNIT_CONFIG","formatDecimal","DECIMAL_GROUP_CONFIG","DECIMAL_UNIT_CONFIG","formatPercent","PERCENT_GROUP_CONFIG","PERCENT_UNIT_CONFIG","TEMPERATURE_GROUP_CONFIG","formatTemperature","TEMPERATURE_UNIT_CONFIG","formatThroughput","THROUGHPUT_GROUP_CONFIG","THROUGHPUT_UNIT_CONFIG","formatTime","TIME_GROUP_CONFIG","TIME_UNIT_CONFIG","UNIT_GROUP_CONFIG","Time","Percent","Decimal","Bytes","Bits","Throughput","Currency","Temperature","Date","UNIT_CONFIG","formatValue","value","formatOptions","toString","formatted","isBytesUnit","isBitsUnit","isDecimalUnit","isPercentUnit","isTimeUnit","isThroughputUnit","isCurrencyUnit","isDateUnit","isTemperatureUnit","exhaustive","Error","customLabel","unit","getUnitConfig","config","trim","label","getUnitGroup","group","getUnitGroupConfig","unitConfig","isUnitWithDecimalPlaces","groupConfig","decimalPlaces","isUnitWithShortValues","shortValues"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/components",
-  "version": "0.55.0-beta.11",
+  "version": "0.55.0-beta.13",
   "description": "Common UI components used across Perses features",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -34,8 +34,8 @@
     "@date-fns/tz": "^1.4.1",
     "@fontsource/inter": "^5.0.0",
     "@mui/x-date-pickers": "^7.23.1",
-    "@perses-dev/spec": "0.3.0-beta.8",
-    "@perses-dev/client": "0.55.0-beta.11",
+    "@perses-dev/spec": "0.3.0-beta.9",
+    "@perses-dev/client": "0.55.0-beta.13",
     "numbro": "^2.3.6",
     "@tanstack/match-sorter-utils": "^8.19.4",
     "@tanstack/react-table": "^8.20.5",