@shipfox/react-ui 0.0.1

package/dist/utils/format/date.js

@@ -0,0 +1,57 @@
+import { getYear } from 'date-fns';
+import { isEndOfDay, isStartOfDay } from '../../utils/date.js';
+const defaultOptions = {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric',
+    hour: 'numeric',
+    minute: '2-digit'
+};
+function getDateTimeFormatter({ locale, ...options } = {}) {
+    return new Intl.DateTimeFormat(locale, {
+        ...defaultOptions,
+        ...options
+    });
+}
+function areCurrentYear({ start, end }) {
+    const now = new Date();
+    return getYear(end) === getYear(now) && getYear(start) === getYear(now);
+}
+export function formatDateTime(date, options) {
+    const formatter = getDateTimeFormatter(options);
+    return formatter.format(date);
+}
+export function formatDateTimeRelativeToInterval(date, interval, options) {
+    const formatter = getDateTimeFormatter({
+        year: areCurrentYear(interval) ? undefined : defaultOptions.year,
+        ...options
+    });
+    return formatter.format(date);
+}
+export function formatDateTimeRange(interval, options) {
+    const { start, end } = interval;
+    const areFullDays = isStartOfDay(start) && isEndOfDay(end);
+    const formatter = getDateTimeFormatter({
+        year: areCurrentYear(interval) ? undefined : defaultOptions.year,
+        hour: areFullDays ? undefined : defaultOptions.hour,
+        minute: areFullDays ? undefined : defaultOptions.minute,
+        ...options
+    });
+    return formatter.formatRange(start, end);
+}
+export function formatTimeSeriesTick(date, { locale, ...options } = {}) {
+    const tickOptions = isStartOfDay(date) ? {
+        month: 'short',
+        day: 'numeric'
+    } : {
+        hour: 'numeric',
+        minute: '2-digit'
+    };
+    const formatter = new Intl.DateTimeFormat(locale, {
+        ...tickOptions,
+        ...options
+    });
+    return formatter.format(date);
+}
+
+//# sourceMappingURL=date.js.map

package/dist/utils/format/date.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/format/date.ts"],"sourcesContent":["import {getYear, type NormalizedInterval} from 'date-fns';\nimport {isEndOfDay, isStartOfDay} from 'utils/date';\n\ninterface DateTimeFormatOptions extends Intl.DateTimeFormatOptions {\n  locale?: string;\n}\n\nconst defaultOptions: DateTimeFormatOptions = {\n  year: 'numeric',\n  month: 'short',\n  day: 'numeric',\n  hour: 'numeric',\n  minute: '2-digit',\n};\n\nfunction getDateTimeFormatter({\n  locale,\n  ...options\n}: DateTimeFormatOptions = {}): Intl.DateTimeFormat {\n  return new Intl.DateTimeFormat(locale, {\n    ...defaultOptions,\n    ...options,\n  });\n}\n\nfunction areCurrentYear({start, end}: NormalizedInterval): boolean {\n  const now = new Date();\n  return getYear(end) === getYear(now) && getYear(start) === getYear(now);\n}\n\nexport function formatDateTime(date: Date, options?: DateTimeFormatOptions): string {\n  const formatter = getDateTimeFormatter(options);\n  return formatter.format(date);\n}\n\nexport function formatDateTimeRelativeToInterval(\n  date: Date,\n  interval: NormalizedInterval,\n  options?: DateTimeFormatOptions,\n) {\n  const formatter = getDateTimeFormatter({\n    year: areCurrentYear(interval) ? undefined : defaultOptions.year,\n    ...options,\n  });\n  return formatter.format(date);\n}\n\nexport function formatDateTimeRange(\n  interval: NormalizedInterval,\n  options?: DateTimeFormatOptions,\n): string {\n  const {start, end} = interval;\n  const areFullDays = isStartOfDay(start) && isEndOfDay(end);\n  const formatter = getDateTimeFormatter({\n    year: areCurrentYear(interval) ? undefined : defaultOptions.year,\n    hour: areFullDays ? undefined : defaultOptions.hour,\n    minute: areFullDays ? undefined : defaultOptions.minute,\n    ...options,\n  });\n  return formatter.formatRange(start, end);\n}\n\nexport function formatTimeSeriesTick(\n  date: Date,\n  {locale, ...options}: DateTimeFormatOptions = {},\n): string {\n  const tickOptions: DateTimeFormatOptions = isStartOfDay(date)\n    ? {month: 'short', day: 'numeric'}\n    : {hour: 'numeric', minute: '2-digit'};\n  const formatter = new Intl.DateTimeFormat(locale, {\n    ...tickOptions,\n    ...options,\n  });\n  return formatter.format(date);\n}\n"],"names":["getYear","isEndOfDay","isStartOfDay","defaultOptions","year","month","day","hour","minute","getDateTimeFormatter","locale","options","Intl","DateTimeFormat","areCurrentYear","start","end","now","Date","formatDateTime","date","formatter","format","formatDateTimeRelativeToInterval","interval","undefined","formatDateTimeRange","areFullDays","formatRange","formatTimeSeriesTick","tickOptions"],"mappings":"AAAA,SAAQA,OAAO,QAAgC,WAAW;AAC1D,SAAQC,UAAU,EAAEC,YAAY,QAAO,aAAa;AAMpD,MAAMC,iBAAwC;IAC5CC,MAAM;IACNC,OAAO;IACPC,KAAK;IACLC,MAAM;IACNC,QAAQ;AACV;AAEA,SAASC,qBAAqB,EAC5BC,MAAM,EACN,GAAGC,SACmB,GAAG,CAAC,CAAC;IAC3B,OAAO,IAAIC,KAAKC,cAAc,CAACH,QAAQ;QACrC,GAAGP,cAAc;QACjB,GAAGQ,OAAO;IACZ;AACF;AAEA,SAASG,eAAe,EAACC,KAAK,EAAEC,GAAG,EAAqB;IACtD,MAAMC,MAAM,IAAIC;IAChB,OAAOlB,QAAQgB,SAAShB,QAAQiB,QAAQjB,QAAQe,WAAWf,QAAQiB;AACrE;AAEA,OAAO,SAASE,eAAeC,IAAU,EAAET,OAA+B;IACxE,MAAMU,YAAYZ,qBAAqBE;IACvC,OAAOU,UAAUC,MAAM,CAACF;AAC1B;AAEA,OAAO,SAASG,iCACdH,IAAU,EACVI,QAA4B,EAC5Bb,OAA+B;IAE/B,MAAMU,YAAYZ,qBAAqB;QACrCL,MAAMU,eAAeU,YAAYC,YAAYtB,eAAeC,IAAI;QAChE,GAAGO,OAAO;IACZ;IACA,OAAOU,UAAUC,MAAM,CAACF;AAC1B;AAEA,OAAO,SAASM,oBACdF,QAA4B,EAC5Bb,OAA+B;IAE/B,MAAM,EAACI,KAAK,EAAEC,GAAG,EAAC,GAAGQ;IACrB,MAAMG,cAAczB,aAAaa,UAAUd,WAAWe;IACtD,MAAMK,YAAYZ,qBAAqB;QACrCL,MAAMU,eAAeU,YAAYC,YAAYtB,eAAeC,IAAI;QAChEG,MAAMoB,cAAcF,YAAYtB,eAAeI,IAAI;QACnDC,QAAQmB,cAAcF,YAAYtB,eAAeK,MAAM;QACvD,GAAGG,OAAO;IACZ;IACA,OAAOU,UAAUO,WAAW,CAACb,OAAOC;AACtC;AAEA,OAAO,SAASa,qBACdT,IAAU,EACV,EAACV,MAAM,EAAE,GAAGC,SAA+B,GAAG,CAAC,CAAC;IAEhD,MAAMmB,cAAqC5B,aAAakB,QACpD;QAACf,OAAO;QAASC,KAAK;IAAS,IAC/B;QAACC,MAAM;QAAWC,QAAQ;IAAS;IACvC,MAAMa,YAAY,IAAIT,KAAKC,cAAc,CAACH,QAAQ;QAChD,GAAGoB,WAAW;QACd,GAAGnB,OAAO;IACZ;IACA,OAAOU,UAAUC,MAAM,CAACF;AAC1B"}

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

@@ -0,0 +1,9 @@
+import type { Duration as BaseDuration } from 'date-fns';
+export interface Duration extends BaseDuration {
+    milliseconds?: number | bigint;
+    microseconds?: number | bigint;
+    nanoseconds?: number | bigint;
+}
+/** Format a duration in nanoseconds to a human readable string */
+export declare function formatDuration(duration: Duration): string;
+//# sourceMappingURL=duration.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"duration.d.ts","sourceRoot":"","sources":["../../../src/utils/format/duration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,QAAQ,IAAI,YAAY,EAAC,MAAM,UAAU,CAAC;AAGvD,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AA6DD,kEAAkE;AAClE,wBAAgB,cAAc,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAYzD"}

package/dist/utils/format/duration.js

@@ -0,0 +1,71 @@
+import { formatNumber } from './number.js';
+const units = [
+    {
+        key: 'years',
+        symbol: 'y',
+        ns: 365 * 24 * 60 * 60 * 1000 * 1000 * 1000
+    },
+    {
+        key: 'months',
+        symbol: 'mo',
+        ns: 30 * 24 * 60 * 60 * 1000 * 1000 * 1000
+    },
+    {
+        key: 'weeks',
+        symbol: 'w',
+        ns: 7 * 24 * 60 * 60 * 1000 * 1000 * 1000
+    },
+    {
+        key: 'days',
+        symbol: 'd',
+        ns: 24 * 60 * 60 * 1000 * 1000 * 1000
+    },
+    {
+        key: 'hours',
+        symbol: 'h',
+        ns: 60 * 60 * 1000 * 1000 * 1000
+    },
+    {
+        key: 'minutes',
+        symbol: 'min',
+        ns: 60 * 1000 * 1000 * 1000
+    },
+    {
+        key: 'seconds',
+        symbol: 's',
+        ns: 1000 * 1000 * 1000
+    },
+    {
+        key: 'milliseconds',
+        symbol: 'ms',
+        ns: 1000 * 1000
+    },
+    {
+        key: 'microseconds',
+        symbol: 'μs',
+        ns: 1000
+    },
+    {
+        key: 'nanoseconds',
+        symbol: 'ns',
+        ns: 1
+    }
+];
+/** Format a duration in nanoseconds to a human readable string */ export function formatDuration(duration) {
+    const nanoseconds = Object.entries(duration).reduce((acc, [key, value])=>{
+        const unit = units.find((u)=>u.key === key);
+        if (!unit) throw new Error(`Received unknown duration unit: ${key}`);
+        return acc + Number(value) * unit.ns;
+    }, 0);
+    for (const unit of units){
+        const value = nanoseconds / unit.ns;
+        if (value >= 1) return `${formatNumber(value, {
+            maximumFractionDigits: 1
+        })} ${unit.symbol}`;
+    }
+    return `${formatNumber(nanoseconds, {
+        maximumFractionDigits: 1
+    })} ns`;
+}
+
+//# sourceMappingURL=duration.js.map

package/dist/utils/format/duration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/format/duration.ts"],"sourcesContent":["import type {Duration as BaseDuration} from 'date-fns';\nimport {formatNumber} from './number';\n\nexport interface Duration extends BaseDuration {\n  milliseconds?: number | bigint;\n  microseconds?: number | bigint;\n  nanoseconds?: number | bigint;\n}\n\ninterface Unit {\n  key: keyof Duration;\n  symbol: string;\n  ns: number;\n}\n\nconst units: Unit[] = [\n  {\n    key: 'years',\n    symbol: 'y',\n    ns: 365 * 24 * 60 * 60 * 1000 * 1000 * 1000,\n  },\n  {\n    key: 'months',\n    symbol: 'mo',\n    ns: 30 * 24 * 60 * 60 * 1000 * 1000 * 1000,\n  },\n  {\n    key: 'weeks',\n    symbol: 'w',\n    ns: 7 * 24 * 60 * 60 * 1000 * 1000 * 1000,\n  },\n  {\n    key: 'days',\n    symbol: 'd',\n    ns: 24 * 60 * 60 * 1000 * 1000 * 1000,\n  },\n  {\n    key: 'hours',\n    symbol: 'h',\n    ns: 60 * 60 * 1000 * 1000 * 1000,\n  },\n  {\n    key: 'minutes',\n    symbol: 'min',\n    ns: 60 * 1000 * 1000 * 1000,\n  },\n  {\n    key: 'seconds',\n    symbol: 's',\n    ns: 1000 * 1000 * 1000,\n  },\n  {\n    key: 'milliseconds',\n    symbol: 'ms',\n    ns: 1000 * 1000,\n  },\n  {\n    key: 'microseconds',\n    symbol: 'μs',\n    ns: 1000,\n  },\n  {\n    key: 'nanoseconds',\n    symbol: 'ns',\n    ns: 1,\n  },\n];\n\n/** Format a duration in nanoseconds to a human readable string */\nexport function formatDuration(duration: Duration): string {\n  const nanoseconds = Object.entries(duration).reduce((acc, [key, value]) => {\n    const unit = units.find((u) => u.key === key);\n    if (!unit) throw new Error(`Received unknown duration unit: ${key}`);\n    return acc + Number(value) * unit.ns;\n  }, 0);\n\n  for (const unit of units) {\n    const value = nanoseconds / unit.ns;\n    if (value >= 1) return `${formatNumber(value, {maximumFractionDigits: 1})} ${unit.symbol}`;\n  }\n  return `${formatNumber(nanoseconds, {maximumFractionDigits: 1})} ns`;\n}\n"],"names":["formatNumber","units","key","symbol","ns","formatDuration","duration","nanoseconds","Object","entries","reduce","acc","value","unit","find","u","Error","Number","maximumFractionDigits"],"mappings":"AACA,SAAQA,YAAY,QAAO,WAAW;AActC,MAAMC,QAAgB;IACpB;QACEC,KAAK;QACLC,QAAQ;QACRC,IAAI,MAAM,KAAK,KAAK,KAAK,OAAO,OAAO;IACzC;IACA;QACEF,KAAK;QACLC,QAAQ;QACRC,IAAI,KAAK,KAAK,KAAK,KAAK,OAAO,OAAO;IACxC;IACA;QACEF,KAAK;QACLC,QAAQ;QACRC,IAAI,IAAI,KAAK,KAAK,KAAK,OAAO,OAAO;IACvC;IACA;QACEF,KAAK;QACLC,QAAQ;QACRC,IAAI,KAAK,KAAK,KAAK,OAAO,OAAO;IACnC;IACA;QACEF,KAAK;QACLC,QAAQ;QACRC,IAAI,KAAK,KAAK,OAAO,OAAO;IAC9B;IACA;QACEF,KAAK;QACLC,QAAQ;QACRC,IAAI,KAAK,OAAO,OAAO;IACzB;IACA;QACEF,KAAK;QACLC,QAAQ;QACRC,IAAI,OAAO,OAAO;IACpB;IACA;QACEF,KAAK;QACLC,QAAQ;QACRC,IAAI,OAAO;IACb;IACA;QACEF,KAAK;QACLC,QAAQ;QACRC,IAAI;IACN;IACA;QACEF,KAAK;QACLC,QAAQ;QACRC,IAAI;IACN;CACD;AAED,gEAAgE,GAChE,OAAO,SAASC,eAAeC,QAAkB;IAC/C,MAAMC,cAAcC,OAAOC,OAAO,CAACH,UAAUI,MAAM,CAAC,CAACC,KAAK,CAACT,KAAKU,MAAM;QACpE,MAAMC,OAAOZ,MAAMa,IAAI,CAAC,CAACC,IAAMA,EAAEb,GAAG,KAAKA;QACzC,IAAI,CAACW,MAAM,MAAM,IAAIG,MAAM,CAAC,gCAAgC,EAAEd,KAAK;QACnE,OAAOS,MAAMM,OAAOL,SAASC,KAAKT,EAAE;IACtC,GAAG;IAEH,KAAK,MAAMS,QAAQZ,MAAO;QACxB,MAAMW,QAAQL,cAAcM,KAAKT,EAAE;QACnC,IAAIQ,SAAS,GAAG,OAAO,GAAGZ,aAAaY,OAAO;YAACM,uBAAuB;QAAC,GAAG,CAAC,EAAEL,KAAKV,MAAM,EAAE;IAC5F;IACA,OAAO,GAAGH,aAAaO,aAAa;QAACW,uBAAuB;IAAC,GAAG,GAAG,CAAC;AACtE"}

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

@@ -0,0 +1,5 @@
+export * from './chart';
+export * from './date';
+export * from './duration';
+export * from './number';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/format/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC"}

package/dist/utils/format/index.js

@@ -0,0 +1,6 @@
+export * from './chart.js';
+export * from './date.js';
+export * from './duration.js';
+export * from './number.js';
+
+//# sourceMappingURL=index.js.map

package/dist/utils/format/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/format/index.ts"],"sourcesContent":["export * from './chart';\nexport * from './date';\nexport * from './duration';\nexport * from './number';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,WAAW"}

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

@@ -0,0 +1,7 @@
+export interface NumberFormatOptions extends Intl.NumberFormatOptions {
+    locale?: string;
+}
+export declare function formatNumber(value: number | bigint, { locale, ...options }?: NumberFormatOptions): string;
+export declare function formatNumberCompact(value: number | bigint, options?: NumberFormatOptions): string;
+export declare function formatPercent(value: number, { locale, ...options }?: NumberFormatOptions): string;
+//# sourceMappingURL=number.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../../src/utils/format/number.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,EAAC,MAAM,EAAE,GAAG,OAAO,EAAC,GAAE,mBAAwB,GAC7C,MAAM,CAGR;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,OAAO,GAAE,mBAAwB,GAChC,MAAM,CAOR;AAED,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,EAAC,MAAM,EAAE,GAAG,OAAO,EAAC,GAAE,mBAAwB,GAC7C,MAAM,CAKR"}

package/dist/utils/format/number.js

@@ -0,0 +1,20 @@
+export function formatNumber(value, { locale, ...options } = {}) {
+    const formatter = new Intl.NumberFormat(locale, options);
+    return formatter.format(value);
+}
+export function formatNumberCompact(value, options = {}) {
+    return formatNumber(value, {
+        ...options,
+        style: 'decimal',
+        notation: 'compact',
+        compactDisplay: 'short'
+    });
+}
+export function formatPercent(value, { locale, ...options } = {}) {
+    return formatNumber(value, {
+        ...options,
+        style: 'percent'
+    });
+}
+
+//# sourceMappingURL=number.js.map

package/dist/utils/format/number.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/format/number.ts"],"sourcesContent":["export interface NumberFormatOptions extends Intl.NumberFormatOptions {\n  locale?: string;\n}\n\nexport function formatNumber(\n  value: number | bigint,\n  {locale, ...options}: NumberFormatOptions = {},\n): string {\n  const formatter = new Intl.NumberFormat(locale, options);\n  return formatter.format(value);\n}\n\nexport function formatNumberCompact(\n  value: number | bigint,\n  options: NumberFormatOptions = {},\n): string {\n  return formatNumber(value, {\n    ...options,\n    style: 'decimal',\n    notation: 'compact',\n    compactDisplay: 'short',\n  });\n}\n\nexport function formatPercent(\n  value: number,\n  {locale, ...options}: NumberFormatOptions = {},\n): string {\n  return formatNumber(value, {\n    ...options,\n    style: 'percent',\n  });\n}\n"],"names":["formatNumber","value","locale","options","formatter","Intl","NumberFormat","format","formatNumberCompact","style","notation","compactDisplay","formatPercent"],"mappings":"AAIA,OAAO,SAASA,aACdC,KAAsB,EACtB,EAACC,MAAM,EAAE,GAAGC,SAA6B,GAAG,CAAC,CAAC;IAE9C,MAAMC,YAAY,IAAIC,KAAKC,YAAY,CAACJ,QAAQC;IAChD,OAAOC,UAAUG,MAAM,CAACN;AAC1B;AAEA,OAAO,SAASO,oBACdP,KAAsB,EACtBE,UAA+B,CAAC,CAAC;IAEjC,OAAOH,aAAaC,OAAO;QACzB,GAAGE,OAAO;QACVM,OAAO;QACPC,UAAU;QACVC,gBAAgB;IAClB;AACF;AAEA,OAAO,SAASC,cACdX,KAAa,EACb,EAACC,MAAM,EAAE,GAAGC,SAA6B,GAAG,CAAC,CAAC;IAE9C,OAAOH,aAAaC,OAAO;QACzB,GAAGE,OAAO;QACVM,OAAO;IACT;AACF"}

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './clipboard';
+export * from './cn';
+export * from './date';
+export * from './format';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,MAAM,CAAC;AACrB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,6 @@
+export * from './clipboard.js';
+export * from './cn.js';
+export * from './date.js';
+export * from './format/index.js';
+
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './clipboard';\nexport * from './cn';\nexport * from './date';\nexport * from './format';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,WAAW"}