@perses-dev/components 0.19.0 → 0.21.0

package/dist/model/units/bytes.js

@@ -10,12 +10,14 @@
 // 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.
+import { DEFAULT_DECIMAL_PLACES } from './constants';
 const bytesUnitKinds = [
     'Bytes'
 ];
 export const BYTES_GROUP_CONFIG = {
     label: 'Bytes',
-    decimal_places: true
+    decimal_places: true,
+    abbreviate: true
 };
 export const BYTES_UNIT_CONFIG = {
     Bytes: {
@@ -23,13 +25,38 @@ export const BYTES_UNIT_CONFIG = {
         label: 'Bytes'
     }
 };
-// https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript/18650828#18650828
-export function formatBytes(bytes, decimals = 2) {
-    if (bytes === 0) return '0 Bytes';
+/**
+ * Format value as bytes, use abbreviate option for more readable sizes (KB, MB, GB, etc.)
+ * https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript/18650828#18650828
+ */ export function formatBytes(bytes, unitOptions) {
+    if (bytes === 0) return '0 bytes';
+    // default to full 'Bytes' formatting
+    const options = unitOptions.abbreviate === undefined ? {
+        ...unitOptions,
+        abbreviate: false
+    } : unitOptions;
+    var _decimal_places;
+    let decimals = (_decimal_places = options.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : DEFAULT_DECIMAL_PLACES;
+    // avoids minimumFractionDigits value is out of range error, possible values are 0 to 20
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumfractiondigits
+    if (decimals < 0) {
+        decimals = 0;
+    } else if (decimals > 20) {
+        decimals = 20;
+    }
+    const formatParams = {
+        style: 'decimal',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+        useGrouping: true
+    };
+    const formatter = new Intl.NumberFormat('en-US', formatParams);
+    if (options.abbreviate === false) {
+        return `${formatter.format(bytes)} bytes`;
+    }
     const k = 1024;
-    const dm = decimals < 0 ? 0 : decimals;
     const sizes = [
-        'Bytes',
+        'bytes',
         'KB',
         'MB',
         'GB',
@@ -42,7 +69,8 @@ export function formatBytes(bytes, decimals = 2) {
     // Math.max(0, ...) ensures that we don't return -1 as a value for the index.
     // Why? When the number of bytes are between -1 and 1, Math.floor(Math.log(bytes)/Math.log(1024)) returns -1.
     const i = Math.max(0, Math.floor(Math.log(bytes) / Math.log(k)));
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+    const abbreviatedValue = bytes / Math.pow(k, i);
+    return `${formatter.format(abbreviatedValue)} ${sizes[i]}`;
 }
 
 //# sourceMappingURL=bytes.js.map

package/dist/model/units/bytes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/model/units/bytes.ts"],"sourcesContent":["// Copyright 2022 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 { UnitGroupConfig, UnitConfig } from './types';\n\nconst bytesUnitKinds = ['Bytes'] as const;\ntype BytesUnitKind = typeof bytesUnitKinds[number];\nexport type BytesUnitOptions = {\n  kind: BytesUnitKind;\n  decimal_places?: number;\n};\nexport const BYTES_GROUP_CONFIG: UnitGroupConfig = {\n  label: 'Bytes',\n  decimal_places: true,\n};\nexport const BYTES_UNIT_CONFIG: Readonly<Record<BytesUnitKind, UnitConfig>> = {\n  Bytes: {\n    group: 'Bytes',\n    label: 'Bytes',\n  },\n};\n\n// https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript/18650828#18650828\nexport function formatBytes(bytes: number, decimals = 2) {\n  if (bytes === 0) return '0 Bytes';\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\n  // Math.max(0, ...) ensures that we don't return -1 as a value for the index.\n  // Why? When the number of bytes are between -1 and 1, Math.floor(Math.log(bytes)/Math.log(1024)) returns -1.\n  const i = Math.max(0, Math.floor(Math.log(bytes) / Math.log(k)));\n\n  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];\n}\n"],"names":["bytesUnitKinds","BYTES_GROUP_CONFIG","label","decimal_places","BYTES_UNIT_CONFIG","Bytes","group","formatBytes","bytes","decimals","k","dm","sizes","i","Math","max","floor","log","parseFloat","pow","toFixed"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,MAAMA,cAAc,GAAG;IAAC,OAAO;CAAC,AAAS,AAAC;AAM1C,OAAO,MAAMC,kBAAkB,GAAoB;IACjDC,KAAK,EAAE,OAAO;IACdC,cAAc,EAAE,IAAI;CACrB,CAAC;AACF,OAAO,MAAMC,iBAAiB,GAAgD;IAC5EC,KAAK,EAAE;QACLC,KAAK,EAAE,OAAO;QACdJ,KAAK,EAAE,OAAO;KACf;CACF,CAAC;AAEF,gIAAgI;AAChI,OAAO,SAASK,WAAW,CAACC,KAAa,EAAEC,QAAQ,GAAG,CAAC,EAAE;IACvD,IAAID,KAAK,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;IAElC,MAAME,CAAC,GAAG,IAAI,AAAC;IACf,MAAMC,EAAE,GAAGF,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ,AAAC;IACvC,MAAMG,KAAK,GAAG;QAAC,OAAO;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;KAAC,AAAC;IAExE,6EAA6E;IAC7E,6GAA6G;IAC7G,MAAMC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACF,IAAI,CAACG,GAAG,CAACT,KAAK,CAAC,GAAGM,IAAI,CAACG,GAAG,CAACP,CAAC,CAAC,CAAC,CAAC,AAAC;IAEjE,OAAOQ,UAAU,CAAC,AAACV,CAAAA,KAAK,GAAGM,IAAI,CAACK,GAAG,CAACT,CAAC,EAAEG,CAAC,CAAC,CAAA,CAAEO,OAAO,CAACT,EAAE,CAAC,CAAC,GAAG,GAAG,GAAGC,KAAK,CAACC,CAAC,CAAC,CAAC;AAC3E,CAAC"}
+{"version":3,"sources":["../../../src/model/units/bytes.ts"],"sourcesContent":["// Copyright 2022 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 { DEFAULT_DECIMAL_PLACES } from './constants';\nimport { UnitGroupConfig, UnitConfig } from './types';\n\nconst bytesUnitKinds = ['Bytes'] as const;\ntype BytesUnitKind = typeof bytesUnitKinds[number];\nexport type BytesUnitOptions = {\n  kind: BytesUnitKind;\n  decimal_places?: number;\n  abbreviate?: boolean;\n};\nexport const BYTES_GROUP_CONFIG: UnitGroupConfig = {\n  label: 'Bytes',\n  decimal_places: true,\n  abbreviate: true,\n};\nexport const BYTES_UNIT_CONFIG: Readonly<Record<BytesUnitKind, UnitConfig>> = {\n  Bytes: {\n    group: 'Bytes',\n    label: 'Bytes',\n  },\n};\n\n/**\n * Format value as bytes, use abbreviate option for more readable sizes (KB, MB, GB, etc.)\n * https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript/18650828#18650828\n */\nexport function formatBytes(bytes: number, unitOptions: BytesUnitOptions) {\n  if (bytes === 0) return '0 bytes';\n\n  // default to full 'Bytes' formatting\n  const options = unitOptions.abbreviate === undefined ? { ...unitOptions, abbreviate: false } : unitOptions;\n\n  let decimals = options.decimal_places ?? DEFAULT_DECIMAL_PLACES;\n  // avoids minimumFractionDigits value is out of range error, possible values are 0 to 20\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumfractiondigits\n  if (decimals < 0) {\n    decimals = 0;\n  } else if (decimals > 20) {\n    decimals = 20;\n  }\n\n  const formatParams: Intl.NumberFormatOptions = {\n    style: 'decimal',\n    minimumFractionDigits: decimals,\n    maximumFractionDigits: decimals,\n    useGrouping: true,\n  };\n  const formatter = new Intl.NumberFormat('en-US', formatParams);\n\n  if (options.abbreviate === false) {\n    return `${formatter.format(bytes)} bytes`;\n  }\n\n  const k = 1024;\n  const sizes = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\n  // Math.max(0, ...) ensures that we don't return -1 as a value for the index.\n  // Why? When the number of bytes are between -1 and 1, Math.floor(Math.log(bytes)/Math.log(1024)) returns -1.\n  const i = Math.max(0, Math.floor(Math.log(bytes) / Math.log(k)));\n  const abbreviatedValue = bytes / Math.pow(k, i);\n  return `${formatter.format(abbreviatedValue)} ${sizes[i]}`;\n}\n"],"names":["DEFAULT_DECIMAL_PLACES","bytesUnitKinds","BYTES_GROUP_CONFIG","label","decimal_places","abbreviate","BYTES_UNIT_CONFIG","Bytes","group","formatBytes","bytes","unitOptions","options","undefined","decimals","formatParams","style","minimumFractionDigits","maximumFractionDigits","useGrouping","formatter","Intl","NumberFormat","format","k","sizes","i","Math","max","floor","log","abbreviatedValue","pow"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,sBAAsB,QAAQ,aAAa,CAAC;AAGrD,MAAMC,cAAc,GAAG;IAAC,OAAO;CAAC,AAAS,AAAC;AAO1C,OAAO,MAAMC,kBAAkB,GAAoB;IACjDC,KAAK,EAAE,OAAO;IACdC,cAAc,EAAE,IAAI;IACpBC,UAAU,EAAE,IAAI;CACjB,CAAC;AACF,OAAO,MAAMC,iBAAiB,GAAgD;IAC5EC,KAAK,EAAE;QACLC,KAAK,EAAE,OAAO;QACdL,KAAK,EAAE,OAAO;KACf;CACF,CAAC;AAEF;;;CAGC,GACD,OAAO,SAASM,WAAW,CAACC,KAAa,EAAEC,WAA6B,EAAE;IACxE,IAAID,KAAK,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;IAElC,qCAAqC;IACrC,MAAME,OAAO,GAAGD,WAAW,CAACN,UAAU,KAAKQ,SAAS,GAAG;QAAE,GAAGF,WAAW;QAAEN,UAAU,EAAE,KAAK;KAAE,GAAGM,WAAW,AAAC;QAE5FC,eAAsB;IAArC,IAAIE,QAAQ,GAAGF,CAAAA,eAAsB,GAAtBA,OAAO,CAACR,cAAc,cAAtBQ,eAAsB,cAAtBA,eAAsB,GAAIZ,sBAAsB,AAAC;IAChE,wFAAwF;IACxF,wIAAwI;IACxI,IAAIc,QAAQ,GAAG,CAAC,EAAE;QAChBA,QAAQ,GAAG,CAAC,CAAC;IACf,OAAO,IAAIA,QAAQ,GAAG,EAAE,EAAE;QACxBA,QAAQ,GAAG,EAAE,CAAC;IAChB,CAAC;IAED,MAAMC,YAAY,GAA6B;QAC7CC,KAAK,EAAE,SAAS;QAChBC,qBAAqB,EAAEH,QAAQ;QAC/BI,qBAAqB,EAAEJ,QAAQ;QAC/BK,WAAW,EAAE,IAAI;KAClB,AAAC;IACF,MAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,YAAY,CAAC,OAAO,EAAEP,YAAY,CAAC,AAAC;IAE/D,IAAIH,OAAO,CAACP,UAAU,KAAK,KAAK,EAAE;QAChC,OAAO,CAAC,EAAEe,SAAS,CAACG,MAAM,CAACb,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,MAAMc,CAAC,GAAG,IAAI,AAAC;IACf,MAAMC,KAAK,GAAG;QAAC,OAAO;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;QAAE,IAAI;KAAC,AAAC;IAExE,6EAA6E;IAC7E,6GAA6G;IAC7G,MAAMC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACF,IAAI,CAACG,GAAG,CAACpB,KAAK,CAAC,GAAGiB,IAAI,CAACG,GAAG,CAACN,CAAC,CAAC,CAAC,CAAC,AAAC;IACjE,MAAMO,gBAAgB,GAAGrB,KAAK,GAAGiB,IAAI,CAACK,GAAG,CAACR,CAAC,EAAEE,CAAC,CAAC,AAAC;IAChD,OAAO,CAAC,EAAEN,SAAS,CAACG,MAAM,CAACQ,gBAAgB,CAAC,CAAC,CAAC,EAAEN,KAAK,CAACC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,CAAC"}

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

@@ -3,9 +3,20 @@ declare const timeUnitKinds: readonly ["Milliseconds", "Seconds", "Minutes", "Ho
 declare type TimeUnitKind = typeof timeUnitKinds[number];
 export declare type TimeUnitOptions = {
     kind: TimeUnitKind;
+    decimal_places?: number;
 };
 export declare const TIME_GROUP_CONFIG: UnitGroupConfig;
 export declare const TIME_UNIT_CONFIG: Readonly<Record<TimeUnitKind, UnitConfig>>;
+export declare enum TimeIntlDuration {
+    Milliseconds = "millisecond",
+    Seconds = "second",
+    Minutes = "minute",
+    Hours = "hour",
+    Days = "day",
+    Weeks = "week",
+    Months = "month",
+    Years = "year"
+}
 export declare function formatTime(value: number, unitOptions: TimeUnitOptions): string;
 export {};
 //# sourceMappingURL=time.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../src/model/units/time.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtD,QAAA,MAAM,aAAa,8FAA+F,CAAC;AACnH,aAAK,YAAY,GAAG,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;AACjD,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,eAE/B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAiCvE,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,GAAG,MAAM,CAmE9E"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../src/model/units/time.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtD,QAAA,MAAM,aAAa,8FAA+F,CAAC;AACnH,aAAK,YAAY,GAAG,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;AACjD,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,eAG/B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAiCvE,CAAC;AAIF,oBAAY,gBAAgB;IAC1B,YAAY,gBAAgB;IAC5B,OAAO,WAAW;IAClB,OAAO,WAAW;IAClB,KAAK,SAAS;IACd,IAAI,QAAQ;IACZ,KAAK,SAAS;IACd,MAAM,UAAU;IAChB,KAAK,SAAS;CACf;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,GAAG,MAAM,CAW9E"}

package/dist/model/units/time.js

@@ -10,7 +10,7 @@
 // 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.
-import { milliseconds } from 'date-fns';
+import { DEFAULT_DECIMAL_PLACES } from './constants';
 const timeUnitKinds = [
     'Milliseconds',
     'Seconds',
@@ -23,7 +23,8 @@ const timeUnitKinds = [
 ];
 const TIME_GROUP = 'Time';
 export const TIME_GROUP_CONFIG = {
-    label: 'Time'
+    label: 'Time',
+    decimal_places: true
 };
 export const TIME_UNIT_CONFIG = {
     Milliseconds: {
@@ -59,67 +60,29 @@ export const TIME_UNIT_CONFIG = {
         label: 'Years'
     }
 };
+export var TimeIntlDuration;
+(function(TimeIntlDuration) {
+    TimeIntlDuration["Milliseconds"] = 'millisecond';
+    TimeIntlDuration["Seconds"] = 'second';
+    TimeIntlDuration["Minutes"] = 'minute';
+    TimeIntlDuration["Hours"] = 'hour';
+    TimeIntlDuration["Days"] = 'day';
+    TimeIntlDuration["Weeks"] = 'week';
+    TimeIntlDuration["Months"] = 'month';
+    TimeIntlDuration["Years"] = 'year';
+})(TimeIntlDuration || (TimeIntlDuration = {}));
 export function formatTime(value, unitOptions) {
-    // Create a Duration from the value based on what time unit it is
-    const duration = {};
-    switch(unitOptions.kind){
-        case 'Milliseconds':
-            duration.seconds = value / 1000;
-            break;
-        case 'Seconds':
-            duration.seconds = value;
-            break;
-        case 'Minutes':
-            duration.minutes = value;
-            break;
-        case 'Hours':
-            duration.hours = value;
-            break;
-        case 'Days':
-            duration.days = value;
-            break;
-        case 'Weeks':
-            duration.weeks = value;
-            break;
-        case 'Months':
-            duration.months = value;
-            break;
-        case 'Years':
-            duration.years = value;
-            break;
-        default:
-            {
-                const exhaustive = unitOptions.kind;
-                throw new Error(`Unknown time unit type ${exhaustive}`);
-            }
-    }
-    // Find the largest whole time unit we can display the value in and use it
-    const ms = milliseconds(duration);
-    const seconds = ms / 1000;
-    if (seconds < 1) {
-        return `${ms.toFixed()} milliseconds`;
-    }
-    const minutes = seconds / 60;
-    if (minutes < 1) {
-        return `${seconds.toFixed()} seconds`;
-    }
-    const hours = minutes / 60;
-    if (hours < 1) {
-        return `${minutes.toFixed()} minutes`;
-    }
-    const days = hours / 24;
-    if (days < 1) {
-        return `${hours.toFixed()} hours`;
-    }
-    const weeks = days / 7;
-    if (weeks < 1) {
-        return `${days.toFixed()} days`;
-    }
-    const years = weeks / 52;
-    if (years < 1) {
-        return `${weeks.toFixed()} weeks`;
-    }
-    return `${years.toFixed()} years`;
+    var _decimal_places;
+    const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : DEFAULT_DECIMAL_PLACES;
+    const timeUnit = TimeIntlDuration[unitOptions.kind];
+    const formatter = new Intl.NumberFormat('en-US', {
+        style: 'unit',
+        unit: timeUnit,
+        unitDisplay: 'long',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals
+    });
+    return formatter.format(value);
 }
 
 //# sourceMappingURL=time.js.map

package/dist/model/units/time.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/model/units/time.ts"],"sourcesContent":["// Copyright 2022 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 { Duration, milliseconds } from 'date-fns';\nimport { UnitGroupConfig, UnitConfig } from './types';\n\nconst timeUnitKinds = ['Milliseconds', 'Seconds', 'Minutes', 'Hours', 'Days', 'Weeks', 'Months', 'Years'] as const;\ntype TimeUnitKind = typeof timeUnitKinds[number];\nexport type TimeUnitOptions = {\n  kind: TimeUnitKind;\n};\nconst TIME_GROUP = 'Time';\nexport const TIME_GROUP_CONFIG: UnitGroupConfig = {\n  label: 'Time',\n};\nexport const TIME_UNIT_CONFIG: Readonly<Record<TimeUnitKind, UnitConfig>> = {\n  Milliseconds: {\n    group: TIME_GROUP,\n    label: 'Milliseconds',\n  },\n  Seconds: {\n    group: TIME_GROUP,\n    label: 'Seconds',\n  },\n  Minutes: {\n    group: TIME_GROUP,\n    label: 'Minutes',\n  },\n  Hours: {\n    group: TIME_GROUP,\n    label: 'Hours',\n  },\n  Days: {\n    group: TIME_GROUP,\n    label: 'Days',\n  },\n  Weeks: {\n    group: TIME_GROUP,\n    label: 'Weeks',\n  },\n  Months: {\n    group: TIME_GROUP,\n    label: 'Months',\n  },\n  Years: {\n    group: TIME_GROUP,\n    label: 'Years',\n  },\n};\n\nexport function formatTime(value: number, unitOptions: TimeUnitOptions): string {\n  // Create a Duration from the value based on what time unit it is\n  const duration: Duration = {};\n  switch (unitOptions.kind) {\n    case 'Milliseconds':\n      duration.seconds = value / 1000;\n      break;\n    case 'Seconds':\n      duration.seconds = value;\n      break;\n    case 'Minutes':\n      duration.minutes = value;\n      break;\n    case 'Hours':\n      duration.hours = value;\n      break;\n    case 'Days':\n      duration.days = value;\n      break;\n    case 'Weeks':\n      duration.weeks = value;\n      break;\n    case 'Months':\n      duration.months = value;\n      break;\n    case 'Years':\n      duration.years = value;\n      break;\n    default: {\n      const exhaustive: never = unitOptions.kind;\n      throw new Error(`Unknown time unit type ${exhaustive}`);\n    }\n  }\n\n  // Find the largest whole time unit we can display the value in and use it\n  const ms = milliseconds(duration);\n  const seconds = ms / 1000;\n  if (seconds < 1) {\n    return `${ms.toFixed()} milliseconds`;\n  }\n\n  const minutes = seconds / 60;\n  if (minutes < 1) {\n    return `${seconds.toFixed()} seconds`;\n  }\n\n  const hours = minutes / 60;\n  if (hours < 1) {\n    return `${minutes.toFixed()} minutes`;\n  }\n\n  const days = hours / 24;\n  if (days < 1) {\n    return `${hours.toFixed()} hours`;\n  }\n\n  const weeks = days / 7;\n  if (weeks < 1) {\n    return `${days.toFixed()} days`;\n  }\n\n  const years = weeks / 52;\n  if (years < 1) {\n    return `${weeks.toFixed()} weeks`;\n  }\n\n  return `${years.toFixed()} years`;\n}\n"],"names":["milliseconds","timeUnitKinds","TIME_GROUP","TIME_GROUP_CONFIG","label","TIME_UNIT_CONFIG","Milliseconds","group","Seconds","Minutes","Hours","Days","Weeks","Months","Years","formatTime","value","unitOptions","duration","kind","seconds","minutes","hours","days","weeks","months","years","exhaustive","Error","ms","toFixed"],"mappings":"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"}
+{"version":3,"sources":["../../../src/model/units/time.ts"],"sourcesContent":["// Copyright 2022 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 { DEFAULT_DECIMAL_PLACES } from './constants';\nimport { UnitGroupConfig, UnitConfig } from './types';\n\nconst timeUnitKinds = ['Milliseconds', 'Seconds', 'Minutes', 'Hours', 'Days', 'Weeks', 'Months', 'Years'] as const;\ntype TimeUnitKind = typeof timeUnitKinds[number];\nexport type TimeUnitOptions = {\n  kind: TimeUnitKind;\n  decimal_places?: number;\n};\nconst TIME_GROUP = 'Time';\nexport const TIME_GROUP_CONFIG: UnitGroupConfig = {\n  label: 'Time',\n  decimal_places: true,\n};\nexport const TIME_UNIT_CONFIG: Readonly<Record<TimeUnitKind, UnitConfig>> = {\n  Milliseconds: {\n    group: TIME_GROUP,\n    label: 'Milliseconds',\n  },\n  Seconds: {\n    group: TIME_GROUP,\n    label: 'Seconds',\n  },\n  Minutes: {\n    group: TIME_GROUP,\n    label: 'Minutes',\n  },\n  Hours: {\n    group: TIME_GROUP,\n    label: 'Hours',\n  },\n  Days: {\n    group: TIME_GROUP,\n    label: 'Days',\n  },\n  Weeks: {\n    group: TIME_GROUP,\n    label: 'Weeks',\n  },\n  Months: {\n    group: TIME_GROUP,\n    label: 'Months',\n  },\n  Years: {\n    group: TIME_GROUP,\n    label: 'Years',\n  },\n};\n\n// Mapping of time units to what Intl.NumberFormat formatter expects\n// https://v8.dev/features/intl-numberformat#units\nexport enum TimeIntlDuration {\n  Milliseconds = 'millisecond',\n  Seconds = 'second',\n  Minutes = 'minute',\n  Hours = 'hour',\n  Days = 'day',\n  Weeks = 'week',\n  Months = 'month',\n  Years = 'year',\n}\n\nexport function formatTime(value: number, unitOptions: TimeUnitOptions): string {\n  const decimals = unitOptions.decimal_places ?? DEFAULT_DECIMAL_PLACES;\n  const timeUnit: string = TimeIntlDuration[unitOptions.kind];\n  const formatter = new Intl.NumberFormat('en-US', {\n    style: 'unit',\n    unit: timeUnit,\n    unitDisplay: 'long',\n    minimumFractionDigits: decimals,\n    maximumFractionDigits: decimals,\n  });\n  return formatter.format(value);\n}\n"],"names":["DEFAULT_DECIMAL_PLACES","timeUnitKinds","TIME_GROUP","TIME_GROUP_CONFIG","label","decimal_places","TIME_UNIT_CONFIG","Milliseconds","group","Seconds","Minutes","Hours","Days","Weeks","Months","Years","TimeIntlDuration","formatTime","value","unitOptions","decimals","timeUnit","kind","formatter","Intl","NumberFormat","style","unit","unitDisplay","minimumFractionDigits","maximumFractionDigits","format"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,sBAAsB,QAAQ,aAAa,CAAC;AAGrD,MAAMC,aAAa,GAAG;IAAC,cAAc;IAAE,SAAS;IAAE,SAAS;IAAE,OAAO;IAAE,MAAM;IAAE,OAAO;IAAE,QAAQ;IAAE,OAAO;CAAC,AAAS,AAAC;AAMnH,MAAMC,UAAU,GAAG,MAAM,AAAC;AAC1B,OAAO,MAAMC,iBAAiB,GAAoB;IAChDC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE,IAAI;CACrB,CAAC;AACF,OAAO,MAAMC,gBAAgB,GAA+C;IAC1EC,YAAY,EAAE;QACZC,KAAK,EAAEN,UAAU;QACjBE,KAAK,EAAE,cAAc;KACtB;IACDK,OAAO,EAAE;QACPD,KAAK,EAAEN,UAAU;QACjBE,KAAK,EAAE,SAAS;KACjB;IACDM,OAAO,EAAE;QACPF,KAAK,EAAEN,UAAU;QACjBE,KAAK,EAAE,SAAS;KACjB;IACDO,KAAK,EAAE;QACLH,KAAK,EAAEN,UAAU;QACjBE,KAAK,EAAE,OAAO;KACf;IACDQ,IAAI,EAAE;QACJJ,KAAK,EAAEN,UAAU;QACjBE,KAAK,EAAE,MAAM;KACd;IACDS,KAAK,EAAE;QACLL,KAAK,EAAEN,UAAU;QACjBE,KAAK,EAAE,OAAO;KACf;IACDU,MAAM,EAAE;QACNN,KAAK,EAAEN,UAAU;QACjBE,KAAK,EAAE,QAAQ;KAChB;IACDW,KAAK,EAAE;QACLP,KAAK,EAAEN,UAAU;QACjBE,KAAK,EAAE,OAAO;KACf;CACF,CAAC;WAIK,gBASN;UATWY,gBAAgB;IAAhBA,gBAAgB,CAC1BT,cAAY,IAAG,aAAa;IADlBS,gBAAgB,CAE1BP,SAAO,IAAG,QAAQ;IAFRO,gBAAgB,CAG1BN,SAAO,IAAG,QAAQ;IAHRM,gBAAgB,CAI1BL,OAAK,IAAG,MAAM;IAJJK,gBAAgB,CAK1BJ,MAAI,IAAG,KAAK;IALFI,gBAAgB,CAM1BH,OAAK,IAAG,MAAM;IANJG,gBAAgB,CAO1BF,QAAM,IAAG,OAAO;IAPNE,gBAAgB,CAQ1BD,OAAK,IAAG,MAAM;GARJC,gBAAgB,KAAhBA,gBAAgB;AAW5B,OAAO,SAASC,UAAU,CAACC,KAAa,EAAEC,WAA4B,EAAU;QAC7DA,eAA0B;IAA3C,MAAMC,QAAQ,GAAGD,CAAAA,eAA0B,GAA1BA,WAAW,CAACd,cAAc,cAA1Bc,eAA0B,cAA1BA,eAA0B,GAAInB,sBAAsB,AAAC;IACtE,MAAMqB,QAAQ,GAAWL,gBAAgB,CAACG,WAAW,CAACG,IAAI,CAAC,AAAC;IAC5D,MAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,YAAY,CAAC,OAAO,EAAE;QAC/CC,KAAK,EAAE,MAAM;QACbC,IAAI,EAAEN,QAAQ;QACdO,WAAW,EAAE,MAAM;QACnBC,qBAAqB,EAAET,QAAQ;QAC/BU,qBAAqB,EAAEV,QAAQ;KAChC,CAAC,AAAC;IACH,OAAOG,SAAS,CAACQ,MAAM,CAACb,KAAK,CAAC,CAAC;AACjC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"units.d.ts","sourceRoot":"","sources":["../../../src/model/units/units.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAsD,MAAM,SAAS,CAAC;AAE/F,OAAO,EAAE,kBAAkB,EAA4D,MAAM,WAAW,CAAC;AACzG,OAAO,EAAuC,kBAAkB,EAAuB,MAAM,WAAW,CAAC;AACzG,OAAO,EAAc,eAAe,EAAuC,MAAM,QAAQ,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjE,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,CAK1E,CAAC;AACF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;CAKd,CAAC;AAEX,oBAAY,WAAW,GAAG,eAAe,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,gBAAgB,CAAC;AAEvG,aAAK,gBAAgB,CAAC,OAAO,IAAI,OAAO,SAAS;IAAE,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,GAAG,KAAK,CAAC;AAC/F,aAAK,aAAa,CAAC,OAAO,IAAI,OAAO,SAAS;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,GAAG,KAAK,CAAC;AAEzF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAwB5E;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAEtE;AAED,wBAAgB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,SAAS,CAEhE;AAED,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,WAAW,GAAG,eAAe,CAG5E;AAGD,wBAAgB,UAAU,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,eAAe,CAEnF;AAED,wBAAgB,aAAa,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,kBAAkB,CAEzF;AAED,wBAAgB,aAAa,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,kBAAkB,CAEzF;AAED,wBAAgB,WAAW,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,gBAAgB,CAErF;AAED,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,gBAAgB,CAAC,WAAW,CAAC,CAI9G;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,aAAa,CAAC,WAAW,CAAC,CAIxG"}
+{"version":3,"file":"units.d.ts","sourceRoot":"","sources":["../../../src/model/units/units.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAsD,MAAM,SAAS,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAA4D,MAAM,WAAW,CAAC;AACzG,OAAO,EAAuC,kBAAkB,EAAuB,MAAM,WAAW,CAAC;AACzG,OAAO,EAAc,eAAe,EAAuC,MAAM,QAAQ,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjE,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,CAK1E,CAAC;AACF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;CAKd,CAAC;AAEX,oBAAY,WAAW,GAAG,eAAe,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,gBAAgB,CAAC;AAEvG,aAAK,gBAAgB,CAAC,OAAO,IAAI,OAAO,SAAS;IAAE,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,GAAG,KAAK,CAAC;AAC/F,aAAK,aAAa,CAAC,OAAO,IAAI,OAAO,SAAS;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,GAAG,KAAK,CAAC;AAEzF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAuB5E;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAEtE;AAED,wBAAgB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,SAAS,CAEhE;AAED,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,WAAW,GAAG,eAAe,CAG5E;AAGD,wBAAgB,UAAU,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,eAAe,CAEnF;AAED,wBAAgB,aAAa,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,kBAAkB,CAEzF;AAED,wBAAgB,aAAa,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,kBAAkB,CAEzF;AAED,wBAAgB,WAAW,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,gBAAgB,CAErF;AAED,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,gBAAgB,CAAC,WAAW,CAAC,CAI9G;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,aAAa,CAAC,WAAW,CAAC,CAIxG"}

package/dist/model/units/units.js

@@ -11,7 +11,6 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { BYTES_GROUP_CONFIG, BYTES_UNIT_CONFIG, formatBytes } from './bytes';
-import { DEFAULT_DECIMAL_PLACES } from './constants';
 import { DECIMAL_UNIT_CONFIG, formatDecimal, PERCENT_GROUP_CONFIG } from './decimal';
 import { DECIMAL_GROUP_CONFIG, formatPercent, PERCENT_UNIT_CONFIG } from './percent';
 import { formatTime, TIME_GROUP_CONFIG, TIME_UNIT_CONFIG } from './time';
@@ -41,9 +40,7 @@ export function formatValue(value, unitOptions) {
         return formatPercent(value, unitOptions);
     }
     if (isBytesUnit(unitOptions)) {
-        var _decimal_places;
-        const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : DEFAULT_DECIMAL_PLACES;
-        return formatBytes(value, decimals);
+        return formatBytes(value, unitOptions);
     }
     const exhaustive = unitOptions;
     throw new Error(`Unknown unit options ${exhaustive}`);

package/dist/model/units/units.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/model/units/units.ts"],"sourcesContent":["// Copyright 2022 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 { BytesUnitOptions, BYTES_GROUP_CONFIG, BYTES_UNIT_CONFIG, formatBytes } from './bytes';\nimport { DEFAULT_DECIMAL_PLACES } from './constants';\nimport { DecimalUnitOptions, DECIMAL_UNIT_CONFIG, formatDecimal, PERCENT_GROUP_CONFIG } from './decimal';\nimport { DECIMAL_GROUP_CONFIG, formatPercent, PercentUnitOptions, PERCENT_UNIT_CONFIG } from './percent';\nimport { formatTime, TimeUnitOptions, TIME_GROUP_CONFIG, TIME_UNIT_CONFIG } from './time';\nimport { UnitGroup, UnitGroupConfig, UnitConfig } from './types';\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};\nexport const UNIT_CONFIG = {\n  ...TIME_UNIT_CONFIG,\n  ...PERCENT_UNIT_CONFIG,\n  ...DECIMAL_UNIT_CONFIG,\n  ...BYTES_UNIT_CONFIG,\n} as const;\n\nexport type UnitOptions = TimeUnitOptions | PercentUnitOptions | DecimalUnitOptions | BytesUnitOptions;\n\ntype HasDecimalPlaces<UnitOpt> = UnitOpt extends { decimal_places?: number } ? UnitOpt : never;\ntype HasAbbreviate<UnitOpt> = UnitOpt extends { abbreviate?: boolean } ? UnitOpt : never;\n\nexport function formatValue(value: number, unitOptions?: UnitOptions): string {\n  if (unitOptions === undefined) {\n    return value.toString();\n  }\n\n  if (isDecimalUnit(unitOptions)) {\n    return formatDecimal(value, unitOptions);\n  }\n\n  if (isTimeUnit(unitOptions)) {\n    return formatTime(value, unitOptions);\n  }\n\n  if (isPercentUnit(unitOptions)) {\n    return formatPercent(value, unitOptions);\n  }\n\n  if (isBytesUnit(unitOptions)) {\n    const decimals = unitOptions.decimal_places ?? DEFAULT_DECIMAL_PLACES;\n    return formatBytes(value, decimals);\n  }\n\n  const exhaustive: never = unitOptions;\n  throw new Error(`Unknown unit options ${exhaustive}`);\n}\n\nexport function getUnitKindConfig(unitOptions: UnitOptions): UnitConfig {\n  return UNIT_CONFIG[unitOptions.kind];\n}\n\nexport function getUnitGroup(unitOptions: UnitOptions): UnitGroup {\n  return getUnitKindConfig(unitOptions).group;\n}\n\nexport function getUnitGroupConfig(unitOptions: UnitOptions): UnitGroupConfig {\n  const unitConfig = getUnitKindConfig(unitOptions);\n  return UNIT_GROUP_CONFIG[unitConfig.group];\n}\n\n// Type guards\nexport function isTimeUnit(unitOptions: UnitOptions): unitOptions is TimeUnitOptions {\n  return getUnitGroup(unitOptions) === 'Time';\n}\n\nexport function isPercentUnit(unitOptions: UnitOptions): unitOptions is PercentUnitOptions {\n  return getUnitGroup(unitOptions) === 'Percent';\n}\n\nexport function isDecimalUnit(unitOptions: UnitOptions): unitOptions is DecimalUnitOptions {\n  return getUnitGroup(unitOptions) === 'Decimal';\n}\n\nexport function isBytesUnit(unitOptions: UnitOptions): unitOptions is BytesUnitOptions {\n  return getUnitGroup(unitOptions) === 'Bytes';\n}\n\nexport function isUnitWithDecimalPlaces(unitOptions: UnitOptions): unitOptions is HasDecimalPlaces<UnitOptions> {\n  const groupConfig = getUnitGroupConfig(unitOptions);\n\n  return !!groupConfig.decimal_places;\n}\n\nexport function isUnitWithAbbreviate(unitOptions: UnitOptions): unitOptions is HasAbbreviate<UnitOptions> {\n  const groupConfig = getUnitGroupConfig(unitOptions);\n\n  return !!groupConfig.abbreviate;\n}\n"],"names":["BYTES_GROUP_CONFIG","BYTES_UNIT_CONFIG","formatBytes","DEFAULT_DECIMAL_PLACES","DECIMAL_UNIT_CONFIG","formatDecimal","PERCENT_GROUP_CONFIG","DECIMAL_GROUP_CONFIG","formatPercent","PERCENT_UNIT_CONFIG","formatTime","TIME_GROUP_CONFIG","TIME_UNIT_CONFIG","UNIT_GROUP_CONFIG","Time","Percent","Decimal","Bytes","UNIT_CONFIG","formatValue","value","unitOptions","undefined","toString","isDecimalUnit","isTimeUnit","isPercentUnit","isBytesUnit","decimals","decimal_places","exhaustive","Error","getUnitKindConfig","kind","getUnitGroup","group","getUnitGroupConfig","unitConfig","isUnitWithDecimalPlaces","groupConfig","isUnitWithAbbreviate","abbreviate"],"mappings":"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"}
+{"version":3,"sources":["../../../src/model/units/units.ts"],"sourcesContent":["// Copyright 2022 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 { BytesUnitOptions, BYTES_GROUP_CONFIG, BYTES_UNIT_CONFIG, formatBytes } from './bytes';\nimport { DecimalUnitOptions, DECIMAL_UNIT_CONFIG, formatDecimal, PERCENT_GROUP_CONFIG } from './decimal';\nimport { DECIMAL_GROUP_CONFIG, formatPercent, PercentUnitOptions, PERCENT_UNIT_CONFIG } from './percent';\nimport { formatTime, TimeUnitOptions, TIME_GROUP_CONFIG, TIME_UNIT_CONFIG } from './time';\nimport { UnitGroup, UnitGroupConfig, UnitConfig } from './types';\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};\nexport const UNIT_CONFIG = {\n  ...TIME_UNIT_CONFIG,\n  ...PERCENT_UNIT_CONFIG,\n  ...DECIMAL_UNIT_CONFIG,\n  ...BYTES_UNIT_CONFIG,\n} as const;\n\nexport type UnitOptions = TimeUnitOptions | PercentUnitOptions | DecimalUnitOptions | BytesUnitOptions;\n\ntype HasDecimalPlaces<UnitOpt> = UnitOpt extends { decimal_places?: number } ? UnitOpt : never;\ntype HasAbbreviate<UnitOpt> = UnitOpt extends { abbreviate?: boolean } ? UnitOpt : never;\n\nexport function formatValue(value: number, unitOptions?: UnitOptions): string {\n  if (unitOptions === undefined) {\n    return value.toString();\n  }\n\n  if (isDecimalUnit(unitOptions)) {\n    return formatDecimal(value, unitOptions);\n  }\n\n  if (isTimeUnit(unitOptions)) {\n    return formatTime(value, unitOptions);\n  }\n\n  if (isPercentUnit(unitOptions)) {\n    return formatPercent(value, unitOptions);\n  }\n\n  if (isBytesUnit(unitOptions)) {\n    return formatBytes(value, unitOptions);\n  }\n\n  const exhaustive: never = unitOptions;\n  throw new Error(`Unknown unit options ${exhaustive}`);\n}\n\nexport function getUnitKindConfig(unitOptions: UnitOptions): UnitConfig {\n  return UNIT_CONFIG[unitOptions.kind];\n}\n\nexport function getUnitGroup(unitOptions: UnitOptions): UnitGroup {\n  return getUnitKindConfig(unitOptions).group;\n}\n\nexport function getUnitGroupConfig(unitOptions: UnitOptions): UnitGroupConfig {\n  const unitConfig = getUnitKindConfig(unitOptions);\n  return UNIT_GROUP_CONFIG[unitConfig.group];\n}\n\n// Type guards\nexport function isTimeUnit(unitOptions: UnitOptions): unitOptions is TimeUnitOptions {\n  return getUnitGroup(unitOptions) === 'Time';\n}\n\nexport function isPercentUnit(unitOptions: UnitOptions): unitOptions is PercentUnitOptions {\n  return getUnitGroup(unitOptions) === 'Percent';\n}\n\nexport function isDecimalUnit(unitOptions: UnitOptions): unitOptions is DecimalUnitOptions {\n  return getUnitGroup(unitOptions) === 'Decimal';\n}\n\nexport function isBytesUnit(unitOptions: UnitOptions): unitOptions is BytesUnitOptions {\n  return getUnitGroup(unitOptions) === 'Bytes';\n}\n\nexport function isUnitWithDecimalPlaces(unitOptions: UnitOptions): unitOptions is HasDecimalPlaces<UnitOptions> {\n  const groupConfig = getUnitGroupConfig(unitOptions);\n\n  return !!groupConfig.decimal_places;\n}\n\nexport function isUnitWithAbbreviate(unitOptions: UnitOptions): unitOptions is HasAbbreviate<UnitOptions> {\n  const groupConfig = getUnitGroupConfig(unitOptions);\n\n  return !!groupConfig.abbreviate;\n}\n"],"names":["BYTES_GROUP_CONFIG","BYTES_UNIT_CONFIG","formatBytes","DECIMAL_UNIT_CONFIG","formatDecimal","PERCENT_GROUP_CONFIG","DECIMAL_GROUP_CONFIG","formatPercent","PERCENT_UNIT_CONFIG","formatTime","TIME_GROUP_CONFIG","TIME_UNIT_CONFIG","UNIT_GROUP_CONFIG","Time","Percent","Decimal","Bytes","UNIT_CONFIG","formatValue","value","unitOptions","undefined","toString","isDecimalUnit","isTimeUnit","isPercentUnit","isBytesUnit","exhaustive","Error","getUnitKindConfig","kind","getUnitGroup","group","getUnitGroupConfig","unitConfig","isUnitWithDecimalPlaces","groupConfig","decimal_places","isUnitWithAbbreviate","abbreviate"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=units.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"units.test.d.ts","sourceRoot":"","sources":["../../../src/model/units/units.test.ts"],"names":[],"mappings":""}

package/dist/model/units/units.test.js

@@ -0,0 +1,151 @@
+// Copyright 2022 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.
+import { formatValue } from './units';
+describe('formatValue()', ()=>{
+    const tests = [
+        {
+            value: 100000,
+            unit: {
+                kind: 'Decimal'
+            },
+            expected: '100,000.00'
+        },
+        {
+            value: 155900,
+            unit: {
+                kind: 'Decimal',
+                decimal_places: 4
+            },
+            expected: '155,900.0000'
+        },
+        {
+            value: 10,
+            unit: {
+                kind: 'Percent'
+            },
+            expected: '10.00%'
+        },
+        {
+            value: 50,
+            unit: {
+                kind: 'Percent',
+                decimal_places: 0
+            },
+            expected: '50%'
+        },
+        {
+            value: 0.1,
+            unit: {
+                kind: 'PercentDecimal'
+            },
+            expected: '10.00%'
+        },
+        {
+            value: 100,
+            unit: {
+                kind: 'Bytes',
+                decimal_places: 0,
+                abbreviate: false
+            },
+            expected: '100 bytes'
+        },
+        {
+            value: 100,
+            unit: {
+                kind: 'Bytes',
+                decimal_places: -1,
+                abbreviate: false
+            },
+            expected: '100 bytes'
+        },
+        {
+            value: 225000,
+            unit: {
+                kind: 'Bytes',
+                decimal_places: 0,
+                abbreviate: true
+            },
+            expected: '220 KB'
+        },
+        {
+            value: 505200,
+            unit: {
+                kind: 'Bytes'
+            },
+            expected: '505,200.00 bytes'
+        },
+        {
+            value: 8000,
+            unit: {
+                kind: 'Milliseconds'
+            },
+            expected: '8,000.00 milliseconds'
+        },
+        {
+            value: 200900,
+            unit: {
+                kind: 'Seconds'
+            },
+            expected: '200,900.00 seconds'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Minutes'
+            },
+            expected: '300.00 minutes'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Hours'
+            },
+            expected: '300.00 hours'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Days'
+            },
+            expected: '300.00 days'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Weeks'
+            },
+            expected: '300.00 weeks'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Months'
+            },
+            expected: '300.00 months'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Years'
+            },
+            expected: '300.00 years'
+        }
+    ];
+    tests.forEach(({ value , unit , expected  })=>{
+        it(`formats ${value} as ${JSON.stringify(unit)}`, ()=>{
+            expect(formatValue(value, unit)).toEqual(expected);
+        });
+    });
+});
+
+//# sourceMappingURL=units.test.js.map

package/dist/model/units/units.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/model/units/units.test.ts"],"sourcesContent":["// Copyright 2022 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 { formatValue, UnitOptions } from './units';\n\ndescribe('formatValue()', () => {\n  const tests = [\n    {\n      value: 100000,\n      unit: { kind: 'Decimal' },\n      expected: '100,000.00',\n    },\n    {\n      value: 155900,\n      unit: { kind: 'Decimal', decimal_places: 4 },\n      expected: '155,900.0000',\n    },\n    {\n      value: 10,\n      unit: { kind: 'Percent' },\n      expected: '10.00%',\n    },\n    {\n      value: 50,\n      unit: { kind: 'Percent', decimal_places: 0 },\n      expected: '50%',\n    },\n    {\n      value: 0.1,\n      unit: { kind: 'PercentDecimal' },\n      expected: '10.00%',\n    },\n    {\n      value: 100,\n      unit: { kind: 'Bytes', decimal_places: 0, abbreviate: false },\n      expected: '100 bytes',\n    },\n    {\n      value: 100,\n      unit: { kind: 'Bytes', decimal_places: -1, abbreviate: false },\n      expected: '100 bytes',\n    },\n    {\n      value: 225000,\n      unit: { kind: 'Bytes', decimal_places: 0, abbreviate: true },\n      expected: '220 KB',\n    },\n    {\n      value: 505200,\n      unit: { kind: 'Bytes' },\n      expected: '505,200.00 bytes',\n    },\n    {\n      value: 8000,\n      unit: { kind: 'Milliseconds' },\n      expected: '8,000.00 milliseconds',\n    },\n    {\n      value: 200900,\n      unit: { kind: 'Seconds' },\n      expected: '200,900.00 seconds',\n    },\n    {\n      value: 300,\n      unit: { kind: 'Minutes' },\n      expected: '300.00 minutes',\n    },\n    {\n      value: 300,\n      unit: { kind: 'Hours' },\n      expected: '300.00 hours',\n    },\n    {\n      value: 300,\n      unit: { kind: 'Days' },\n      expected: '300.00 days',\n    },\n    {\n      value: 300,\n      unit: { kind: 'Weeks' },\n      expected: '300.00 weeks',\n    },\n    {\n      value: 300,\n      unit: { kind: 'Months' },\n      expected: '300.00 months',\n    },\n    {\n      value: 300,\n      unit: { kind: 'Years' },\n      expected: '300.00 years',\n    },\n  ];\n\n  tests.forEach(({ value, unit, expected }) => {\n    it(`formats ${value} as ${JSON.stringify(unit)}`, () => {\n      expect(formatValue(value, unit as UnitOptions)).toEqual(expected);\n    });\n  });\n});\n"],"names":["formatValue","describe","tests","value","unit","kind","expected","decimal_places","abbreviate","forEach","it","JSON","stringify","expect","toEqual"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,WAAW,QAAqB,SAAS,CAAC;AAEnDC,QAAQ,CAAC,eAAe,EAAE,IAAM;IAC9B,MAAMC,KAAK,GAAG;QACZ;YACEC,KAAK,EAAE,MAAM;YACbC,IAAI,EAAE;gBAAEC,IAAI,EAAE,SAAS;aAAE;YACzBC,QAAQ,EAAE,YAAY;SACvB;QACD;YACEH,KAAK,EAAE,MAAM;YACbC,IAAI,EAAE;gBAAEC,IAAI,EAAE,SAAS;gBAAEE,cAAc,EAAE,CAAC;aAAE;YAC5CD,QAAQ,EAAE,cAAc;SACzB;QACD;YACEH,KAAK,EAAE,EAAE;YACTC,IAAI,EAAE;gBAAEC,IAAI,EAAE,SAAS;aAAE;YACzBC,QAAQ,EAAE,QAAQ;SACnB;QACD;YACEH,KAAK,EAAE,EAAE;YACTC,IAAI,EAAE;gBAAEC,IAAI,EAAE,SAAS;gBAAEE,cAAc,EAAE,CAAC;aAAE;YAC5CD,QAAQ,EAAE,KAAK;SAChB;QACD;YACEH,KAAK,EAAE,GAAG;YACVC,IAAI,EAAE;gBAAEC,IAAI,EAAE,gBAAgB;aAAE;YAChCC,QAAQ,EAAE,QAAQ;SACnB;QACD;YACEH,KAAK,EAAE,GAAG;YACVC,IAAI,EAAE;gBAAEC,IAAI,EAAE,OAAO;gBAAEE,cAAc,EAAE,CAAC;gBAAEC,UAAU,EAAE,KAAK;aAAE;YAC7DF,QAAQ,EAAE,WAAW;SACtB;QACD;YACEH,KAAK,EAAE,GAAG;YACVC,IAAI,EAAE;gBAAEC,IAAI,EAAE,OAAO;gBAAEE,cAAc,EAAE,CAAC,CAAC;gBAAEC,UAAU,EAAE,KAAK;aAAE;YAC9DF,QAAQ,EAAE,WAAW;SACtB;QACD;YACEH,KAAK,EAAE,MAAM;YACbC,IAAI,EAAE;gBAAEC,IAAI,EAAE,OAAO;gBAAEE,cAAc,EAAE,CAAC;gBAAEC,UAAU,EAAE,IAAI;aAAE;YAC5DF,QAAQ,EAAE,QAAQ;SACnB;QACD;YACEH,KAAK,EAAE,MAAM;YACbC,IAAI,EAAE;gBAAEC,IAAI,EAAE,OAAO;aAAE;YACvBC,QAAQ,EAAE,kBAAkB;SAC7B;QACD;YACEH,KAAK,EAAE,IAAI;YACXC,IAAI,EAAE;gBAAEC,IAAI,EAAE,cAAc;aAAE;YAC9BC,QAAQ,EAAE,uBAAuB;SAClC;QACD;YACEH,KAAK,EAAE,MAAM;YACbC,IAAI,EAAE;gBAAEC,IAAI,EAAE,SAAS;aAAE;YACzBC,QAAQ,EAAE,oBAAoB;SAC/B;QACD;YACEH,KAAK,EAAE,GAAG;YACVC,IAAI,EAAE;gBAAEC,IAAI,EAAE,SAAS;aAAE;YACzBC,QAAQ,EAAE,gBAAgB;SAC3B;QACD;YACEH,KAAK,EAAE,GAAG;YACVC,IAAI,EAAE;gBAAEC,IAAI,EAAE,OAAO;aAAE;YACvBC,QAAQ,EAAE,cAAc;SACzB;QACD;YACEH,KAAK,EAAE,GAAG;YACVC,IAAI,EAAE;gBAAEC,IAAI,EAAE,MAAM;aAAE;YACtBC,QAAQ,EAAE,aAAa;SACxB;QACD;YACEH,KAAK,EAAE,GAAG;YACVC,IAAI,EAAE;gBAAEC,IAAI,EAAE,OAAO;aAAE;YACvBC,QAAQ,EAAE,cAAc;SACzB;QACD;YACEH,KAAK,EAAE,GAAG;YACVC,IAAI,EAAE;gBAAEC,IAAI,EAAE,QAAQ;aAAE;YACxBC,QAAQ,EAAE,eAAe;SAC1B;QACD;YACEH,KAAK,EAAE,GAAG;YACVC,IAAI,EAAE;gBAAEC,IAAI,EAAE,OAAO;aAAE;YACvBC,QAAQ,EAAE,cAAc;SACzB;KACF,AAAC;IAEFJ,KAAK,CAACO,OAAO,CAAC,CAAC,EAAEN,KAAK,CAAA,EAAEC,IAAI,CAAA,EAAEE,QAAQ,CAAA,EAAE,GAAK;QAC3CI,EAAE,CAAC,CAAC,QAAQ,EAAEP,KAAK,CAAC,IAAI,EAAEQ,IAAI,CAACC,SAAS,CAACR,IAAI,CAAC,CAAC,CAAC,EAAE,IAAM;YACtDS,MAAM,CAACb,WAAW,CAACG,KAAK,EAAEC,IAAI,CAAgB,CAAC,CAACU,OAAO,CAACR,QAAQ,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/theme/theme.d.ts

@@ -1,4 +1,4 @@
-import { PaletteMode } from '@mui/material';
+import { PaletteMode, Theme } from '@mui/material';
 /**
  * Gets theme used by all components for the provided mode. For more details, see:
  *   - Base colors, typography, sizing - go/chrono-ui-theme
@@ -9,5 +9,5 @@ import { PaletteMode } from '@mui/material';
  * Need to reinstantiate the theme everytime to support switching between light and dark themes
  * https://github.com/mui-org/material-ui/issues/18831
  */
-export declare function getTheme(mode: PaletteMode): import("@mui/material").Theme;
+export declare function getTheme(mode: PaletteMode): Theme;
 //# sourceMappingURL=theme.d.ts.map

package/dist/theme/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAaA,OAAO,EAAe,WAAW,EAAgB,MAAM,eAAe,CAAC;AAIvE;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,iCAQzC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAaA,OAAO,EAAe,WAAW,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAiB9E;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,SAQzC"}

package/dist/theme/theme.js

@@ -13,6 +13,15 @@
 import { createTheme } from '@mui/material';
 import { getPaletteOptions } from './palette/palette-options';
 import { typography } from './typography';
+const getModalBackgroundStyle = ({ theme  })=>{
+    const backgroundStyle = theme.palette.mode === 'light' ? {} : {
+        backgroundImage: 'unset',
+        backgroundColor: theme.palette.designSystem.grey[800]
+    };
+    return {
+        ...backgroundStyle
+    };
+};
 /**
  * Gets theme used by all components for the provided mode. For more details, see:
  *   - Base colors, typography, sizing - go/chrono-ui-theme
@@ -42,6 +51,16 @@ const components = {
         defaultProps: {
             size: 'small'
         }
+    },
+    MuiDrawer: {
+        styleOverrides: {
+            paper: getModalBackgroundStyle
+        }
+    },
+    MuiDialog: {
+        styleOverrides: {
+            paper: getModalBackgroundStyle
+        }
     }
 };
 

package/dist/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/theme.ts"],"sourcesContent":["// Copyright 2022 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 { createTheme, PaletteMode, ThemeOptions } from '@mui/material';\nimport { getPaletteOptions } from './palette/palette-options';\nimport { typography } from './typography';\n\n/**\n * Gets theme used by all components for the provided mode. For more details, see:\n *   - Base colors, typography, sizing - go/chrono-ui-theme\n *   - Material UI defaults: https://material-ui.com/customization/default-theme/\n *   - Material UI variables: https://material-ui.com/customization/theming/#theme-configuration-variables\n *   - Material UI global overrides and default props: https://material-ui.com/customization/globals/#css\n *\n * Need to reinstantiate the theme everytime to support switching between light and dark themes\n * https://github.com/mui-org/material-ui/issues/18831\n */\nexport function getTheme(mode: PaletteMode) {\n  const theme = createTheme({\n    palette: getPaletteOptions(mode),\n    typography,\n    mixins: {},\n    components,\n  });\n  return theme;\n}\n\n// Overrides for component default prop values and styles go here\nconst components: ThemeOptions['components'] = {\n  MuiFormControl: {\n    defaultProps: {\n      size: 'small',\n    },\n  },\n  MuiTextField: {\n    defaultProps: {\n      size: 'small',\n    },\n  },\n};\n"],"names":["createTheme","getPaletteOptions","typography","getTheme","mode","theme","palette","mixins","components","MuiFormControl","defaultProps","size","MuiTextField"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,WAAW,QAAmC,eAAe,CAAC;AACvE,SAASC,iBAAiB,QAAQ,2BAA2B,CAAC;AAC9D,SAASC,UAAU,QAAQ,cAAc,CAAC;AAE1C;;;;;;;;;CASC,GACD,OAAO,SAASC,QAAQ,CAACC,IAAiB,EAAE;IAC1C,MAAMC,KAAK,GAAGL,WAAW,CAAC;QACxBM,OAAO,EAAEL,iBAAiB,CAACG,IAAI,CAAC;QAChCF,UAAU;QACVK,MAAM,EAAE,EAAE;QACVC,UAAU;KACX,CAAC,AAAC;IACH,OAAOH,KAAK,CAAC;AACf,CAAC;AAED,iEAAiE;AACjE,MAAMG,UAAU,GAA+B;IAC7CC,cAAc,EAAE;QACdC,YAAY,EAAE;YACZC,IAAI,EAAE,OAAO;SACd;KACF;IACDC,YAAY,EAAE;QACZF,YAAY,EAAE;YACZC,IAAI,EAAE,OAAO;SACd;KACF;CACF,AAAC"}
+{"version":3,"sources":["../../src/theme/theme.ts"],"sourcesContent":["// Copyright 2022 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 { createTheme, PaletteMode, ThemeOptions, Theme } from '@mui/material';\nimport { getPaletteOptions } from './palette/palette-options';\nimport { typography } from './typography';\n\nconst getModalBackgroundStyle = ({ theme }: { theme: Omit<Theme, 'components'> }) => {\n  const backgroundStyle =\n    theme.palette.mode === 'light'\n      ? {}\n      : {\n          backgroundImage: 'unset',\n          backgroundColor: theme.palette.designSystem.grey[800],\n        };\n  return {\n    ...backgroundStyle,\n  };\n};\n\n/**\n * Gets theme used by all components for the provided mode. For more details, see:\n *   - Base colors, typography, sizing - go/chrono-ui-theme\n *   - Material UI defaults: https://material-ui.com/customization/default-theme/\n *   - Material UI variables: https://material-ui.com/customization/theming/#theme-configuration-variables\n *   - Material UI global overrides and default props: https://material-ui.com/customization/globals/#css\n *\n * Need to reinstantiate the theme everytime to support switching between light and dark themes\n * https://github.com/mui-org/material-ui/issues/18831\n */\nexport function getTheme(mode: PaletteMode) {\n  const theme = createTheme({\n    palette: getPaletteOptions(mode),\n    typography,\n    mixins: {},\n    components,\n  });\n  return theme;\n}\n\n// Overrides for component default prop values and styles go here\nconst components: ThemeOptions['components'] = {\n  MuiFormControl: {\n    defaultProps: {\n      size: 'small',\n    },\n  },\n  MuiTextField: {\n    defaultProps: {\n      size: 'small',\n    },\n  },\n  MuiDrawer: {\n    styleOverrides: {\n      paper: getModalBackgroundStyle,\n    },\n  },\n  MuiDialog: {\n    styleOverrides: {\n      paper: getModalBackgroundStyle,\n    },\n  },\n};\n"],"names":["createTheme","getPaletteOptions","typography","getModalBackgroundStyle","theme","backgroundStyle","palette","mode","backgroundImage","backgroundColor","designSystem","grey","getTheme","mixins","components","MuiFormControl","defaultProps","size","MuiTextField","MuiDrawer","styleOverrides","paper","MuiDialog"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,WAAW,QAA0C,eAAe,CAAC;AAC9E,SAASC,iBAAiB,QAAQ,2BAA2B,CAAC;AAC9D,SAASC,UAAU,QAAQ,cAAc,CAAC;AAE1C,MAAMC,uBAAuB,GAAG,CAAC,EAAEC,KAAK,CAAA,EAAwC,GAAK;IACnF,MAAMC,eAAe,GACnBD,KAAK,CAACE,OAAO,CAACC,IAAI,KAAK,OAAO,GAC1B,EAAE,GACF;QACEC,eAAe,EAAE,OAAO;QACxBC,eAAe,EAAEL,KAAK,CAACE,OAAO,CAACI,YAAY,CAACC,IAAI,CAAC,GAAG,CAAC;KACtD,AAAC;IACR,OAAO;QACL,GAAGN,eAAe;KACnB,CAAC;AACJ,CAAC,AAAC;AAEF;;;;;;;;;CASC,GACD,OAAO,SAASO,QAAQ,CAACL,IAAiB,EAAE;IAC1C,MAAMH,KAAK,GAAGJ,WAAW,CAAC;QACxBM,OAAO,EAAEL,iBAAiB,CAACM,IAAI,CAAC;QAChCL,UAAU;QACVW,MAAM,EAAE,EAAE;QACVC,UAAU;KACX,CAAC,AAAC;IACH,OAAOV,KAAK,CAAC;AACf,CAAC;AAED,iEAAiE;AACjE,MAAMU,UAAU,GAA+B;IAC7CC,cAAc,EAAE;QACdC,YAAY,EAAE;YACZC,IAAI,EAAE,OAAO;SACd;KACF;IACDC,YAAY,EAAE;QACZF,YAAY,EAAE;YACZC,IAAI,EAAE,OAAO;SACd;KACF;IACDE,SAAS,EAAE;QACTC,cAAc,EAAE;YACdC,KAAK,EAAElB,uBAAuB;SAC/B;KACF;IACDmB,SAAS,EAAE;QACTF,cAAc,EAAE;YACdC,KAAK,EAAElB,uBAAuB;SAC/B;KACF;CACF,AAAC"}

package/dist/utils/format.d.ts

@@ -0,0 +1,3 @@
+export declare function dateFormatOptionsWithTimeZone(dateFormatOptions: Intl.DateTimeFormatOptions, timeZone?: string): Intl.DateTimeFormatOptions;
+export declare function formatWithTimeZone(date: Date, formatString: string, timeZone?: string): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"AAgBA,wBAAgB,6BAA6B,CAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,EAAE,MAAM,8BAgB7G;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,UAYrF"}