@veritone-ce/design-system 2.9.0-next.2 → 2.9.0-next.3

package/dist/cjs/unstable/extras/chart/Chart.js

@@ -0,0 +1,100 @@
+'use strict';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var embed = require('../../../bundled_modules/vega-embed/build/embed.js');
+require('../../../styles/defaultThemeOptions.js');
+require('@capsizecss/core');
+require('color2k');
+require('../../../styles/defaultTheme.js');
+var useTheme = require('../../../styles/useTheme.js');
+require('../../../styles/css-vars.js');
+require('../../../styles/provider.client.js');
+
+const Chart = (props) => {
+  const containerRef = React.useRef(null);
+  const theme = useTheme.default();
+  React.useEffect(() => {
+    if (!containerRef.current)
+      return;
+    const bgColor = theme.palette.background.primary;
+    const isDark = bgColor === "#121212" || bgColor.startsWith("rgb(18");
+    const themeConfig = isDark ? {
+      background: theme.palette.background.primary,
+      title: { color: "#ffffff" },
+      style: {
+        "guide-label": {
+          fill: "#ffffff"
+        },
+        "guide-title": {
+          fill: "#ffffff"
+        }
+      },
+      axis: {
+        domainColor: "rgba(255, 255, 255, 0.3)",
+        gridColor: "rgba(255, 255, 255, 0.1)",
+        tickColor: "rgba(255, 255, 255, 0.3)",
+        labelColor: "#ffffff",
+        titleColor: "#ffffff"
+      },
+      axisBand: {
+        grid: false
+      },
+      legend: {
+        labelColor: "#ffffff",
+        titleColor: "#ffffff"
+      },
+      text: {
+        fill: "#ffffff"
+      }
+    } : {
+      background: theme.palette.background.primary
+    };
+    const spec = {
+      ...props.spec,
+      ...props.width && { width: props.width },
+      ...props.height && { height: props.height },
+      config: {
+        ...props.spec.config || {},
+        ...themeConfig
+      }
+    };
+    if (props.data) {
+      const dataValues = Object.entries(props.data).map(([name, values]) => ({
+        name,
+        values
+      }));
+      const replaceDataReferences = (obj) => {
+        if (!obj || typeof obj !== "object")
+          return;
+        if (obj.data && "name" in obj.data) {
+          const dataName = obj.data.name;
+          const matchingData = dataValues.find((d) => d.name === dataName);
+          if (matchingData) {
+            obj.data = { values: matchingData.values };
+          }
+        }
+        if (Array.isArray(obj.layer)) {
+          obj.layer.forEach((layer) => replaceDataReferences(layer));
+        }
+        if (Array.isArray(obj.vconcat)) {
+          obj.vconcat.forEach((view) => replaceDataReferences(view));
+        }
+        if (Array.isArray(obj.hconcat)) {
+          obj.hconcat.forEach((view) => replaceDataReferences(view));
+        }
+      };
+      replaceDataReferences(spec);
+    }
+    embed.default(containerRef.current, spec, {
+      actions: false,
+      theme: isDark ? "dark" : void 0
+    });
+  }, [props.spec, props.data, props.width, props.height, theme]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: props.className, style: props.style });
+};
+
+exports.default = Chart;

package/dist/cjs/unstable/extras/chart/DistributionChart.js

@@ -0,0 +1,84 @@
+'use strict';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Chart = require('./Chart.js');
+
+function DistributionChart(props) {
+  const datasetField = props.datasetField ?? "Dataset";
+  const lowerField = props.lowerField ?? "lower";
+  const q1Field = props.q1Field ?? "q1";
+  const medianField = props.medianField ?? "median";
+  const q3Field = props.q3Field ?? "q3";
+  const upperField = props.upperField ?? "upper";
+  const outlierValueField = props.outlierValueField ?? "outlier_value";
+  const spec = {
+    $schema: "https://vega.github.io/schema/vega-lite/v6.json",
+    description: "Distribution",
+    data: { name: "values" },
+    encoding: {
+      y: { field: datasetField, type: "nominal", title: null }
+    },
+    resolve: {
+      scale: {
+        x: "shared"
+      }
+    },
+    layer: [
+      {
+        mark: {
+          type: "rule",
+          strokeWidth: 2
+        },
+        encoding: {
+          x: { field: lowerField, type: "quantitative", title: null },
+          x2: { field: upperField }
+        }
+      },
+      {
+        mark: {
+          type: "bar",
+          size: 14
+        },
+        encoding: {
+          x: { field: q1Field, type: "quantitative" },
+          x2: { field: q3Field },
+          color: { field: datasetField, type: "nominal", legend: null }
+        }
+      },
+      {
+        mark: {
+          type: "tick",
+          size: 14
+        },
+        encoding: {
+          x: { field: medianField, type: "quantitative" }
+        }
+      },
+      {
+        data: { name: "outliers" },
+        mark: {
+          type: "point",
+          size: 60
+        },
+        encoding: {
+          x: { field: outlierValueField, type: "quantitative" },
+          y: { field: datasetField, type: "nominal" }
+        }
+      }
+    ]
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Chart.default,
+    {
+      spec,
+      data: { values: props.data, outliers: props.outliers ?? [] },
+      width: props.width,
+      height: props.height,
+      className: props.className,
+      style: props.style
+    }
+  );
+}
+
+exports.DistributionChart = DistributionChart;

package/dist/cjs/unstable/extras/chart/DonutChart.js

@@ -0,0 +1,43 @@
+'use strict';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Chart = require('./Chart.js');
+
+function DonutChart(props) {
+  const thetaField = props.thetaField ?? "value";
+  const colorField = props.colorField ?? "category";
+  const spec = {
+    $schema: "https://vega.github.io/schema/vega-lite/v6.json",
+    description: "Donut chart",
+    mark: {
+      type: "arc",
+      innerRadius: props.innerRadius ?? 80,
+      outerRadius: props.outerRadius ?? 140
+    },
+    encoding: {
+      theta: {
+        field: thetaField,
+        type: props.thetaType ?? "quantitative"
+      },
+      color: {
+        field: colorField,
+        type: props.colorType ?? "nominal"
+      }
+    },
+    data: { name: "values" }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Chart.default,
+    {
+      spec,
+      data: { values: props.data },
+      width: props.width,
+      height: props.height,
+      className: props.className,
+      style: props.style
+    }
+  );
+}
+
+exports.DonutChart = DonutChart;

package/dist/cjs/unstable/extras/chart/LineChart.js

@@ -0,0 +1,45 @@
+'use strict';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Chart = require('./Chart.js');
+
+function LineChart(props) {
+  const xField = props.xField ?? "x";
+  const yField = props.yField ?? "y";
+  const spec = {
+    $schema: "https://vega.github.io/schema/vega-lite/v5.json",
+    description: "Line chart",
+    mark: {
+      type: "line",
+      point: true,
+      tooltip: true
+    },
+    encoding: {
+      x: {
+        field: xField,
+        type: props.xType ?? "quantitative",
+        ...props.xTitle ? { title: props.xTitle } : null
+      },
+      y: {
+        field: yField,
+        type: props.yType ?? "quantitative",
+        ...props.yTitle ? { title: props.yTitle } : null
+      }
+    },
+    data: { name: "table" }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Chart.default,
+    {
+      spec,
+      data: { table: props.data },
+      width: props.width,
+      height: props.height,
+      className: props.className,
+      style: props.style
+    }
+  );
+}
+
+exports.LineChart = LineChart;

package/dist/cjs/unstable/extras/chart/PieChart.js

@@ -0,0 +1,39 @@
+'use strict';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Chart = require('./Chart.js');
+
+function PieChart(props) {
+  const thetaField = props.thetaField ?? "value";
+  const colorField = props.colorField ?? "category";
+  const spec = {
+    $schema: "https://vega.github.io/schema/vega-lite/v5.json",
+    description: "Pie chart",
+    mark: { type: "arc", tooltip: true },
+    encoding: {
+      theta: {
+        field: thetaField,
+        type: props.thetaType ?? "quantitative"
+      },
+      color: {
+        field: colorField,
+        type: props.colorType ?? "nominal"
+      }
+    },
+    data: { name: "table" }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Chart.default,
+    {
+      spec,
+      data: { table: props.data },
+      width: props.width,
+      height: props.height,
+      className: props.className,
+      style: props.style
+    }
+  );
+}
+
+exports.PieChart = PieChart;

package/dist/cjs/unstable/extras/chart/TimelineChart.js

@@ -0,0 +1,48 @@
+'use strict';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Chart = require('./Chart.js');
+
+function TimelineChart(props) {
+  const yField = props.yField ?? "appearance";
+  const xStartField = props.xStartField ?? "start";
+  const xEndField = props.xEndField ?? "end";
+  const spec = {
+    $schema: "https://vega.github.io/schema/vega-lite/v6.json",
+    description: "Timeline",
+    mark: "bar",
+    encoding: {
+      y: {
+        field: yField,
+        type: props.yType ?? "ordinal"
+      },
+      x: {
+        field: xStartField,
+        type: props.xType ?? "quantitative",
+        title: "Time (ms)"
+      },
+      x2: {
+        field: xEndField
+      },
+      color: {
+        field: yField,
+        type: "nominal"
+      }
+    },
+    data: { name: "values" }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Chart.default,
+    {
+      spec,
+      data: { values: props.data },
+      width: props.width,
+      height: props.height,
+      className: props.className,
+      style: props.style
+    }
+  );
+}
+
+exports.TimelineChart = TimelineChart;

package/dist/cjs/unstable/extras/chart/index.js

@@ -0,0 +1,23 @@
+'use strict';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Chart = require('./Chart.js');
+var LineChart = require('./LineChart.js');
+var BarChart = require('./BarChart.js');
+var PieChart = require('./PieChart.js');
+var DonutChart = require('./DonutChart.js');
+var TimelineChart = require('./TimelineChart.js');
+var DistributionChart = require('./DistributionChart.js');
+
+
+
+exports.Chart = Chart.default;
+exports.default = Chart.default;
+exports.LineChart = LineChart.LineChart;
+exports.BarChart = BarChart.BarChart;
+exports.PieChart = PieChart.PieChart;
+exports.DonutChart = DonutChart.DonutChart;
+exports.TimelineChart = TimelineChart.TimelineChart;
+exports.DistributionChart = DistributionChart.DistributionChart;

package/dist/esm/bundled_modules/d3-array/src/ascending.js

@@ -0,0 +1,5 @@
+function ascending(a, b) {
+  return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
+}
+
+export { ascending as default };

package/dist/esm/bundled_modules/d3-array/src/bisect.js

@@ -0,0 +1,10 @@
+import ascending from './ascending.js';
+import bisector from './bisector.js';
+import number from './number.js';
+
+const ascendingBisect = bisector(ascending);
+const bisectRight = ascendingBisect.right;
+const bisectLeft = ascendingBisect.left;
+bisector(number).center;
+
+export { bisectLeft, bisectRight, bisectRight as default };

package/dist/esm/bundled_modules/d3-array/src/bisector.js

@@ -0,0 +1,58 @@
+import ascending from './ascending.js';
+import descending from './descending.js';
+
+function bisector(f) {
+  let compare1, compare2, delta;
+
+  // If an accessor is specified, promote it to a comparator. In this case we
+  // can test whether the search value is (self-) comparable. We can’t do this
+  // for a comparator (except for specific, known comparators) because we can’t
+  // tell if the comparator is symmetric, and an asymmetric comparator can’t be
+  // used to test whether a single value is comparable.
+  if (f.length !== 2) {
+    compare1 = ascending;
+    compare2 = (d, x) => ascending(f(d), x);
+    delta = (d, x) => f(d) - x;
+  } else {
+    compare1 = f === ascending || f === descending ? f : zero;
+    compare2 = f;
+    delta = f;
+  }
+
+  function left(a, x, lo = 0, hi = a.length) {
+    if (lo < hi) {
+      if (compare1(x, x) !== 0) return hi;
+      do {
+        const mid = (lo + hi) >>> 1;
+        if (compare2(a[mid], x) < 0) lo = mid + 1;
+        else hi = mid;
+      } while (lo < hi);
+    }
+    return lo;
+  }
+
+  function right(a, x, lo = 0, hi = a.length) {
+    if (lo < hi) {
+      if (compare1(x, x) !== 0) return hi;
+      do {
+        const mid = (lo + hi) >>> 1;
+        if (compare2(a[mid], x) <= 0) lo = mid + 1;
+        else hi = mid;
+      } while (lo < hi);
+    }
+    return lo;
+  }
+
+  function center(a, x, lo = 0, hi = a.length) {
+    const i = left(a, x, lo, hi - 1);
+    return i > lo && delta(a[i - 1], x) > -delta(a[i], x) ? i - 1 : i;
+  }
+
+  return {left, center, right};
+}
+
+function zero() {
+  return 0;
+}
+
+export { bisector as default };

package/dist/esm/bundled_modules/d3-array/src/descending.js

@@ -0,0 +1,9 @@
+function descending(a, b) {
+  return a == null || b == null ? NaN
+    : b < a ? -1
+    : b > a ? 1
+    : b >= a ? 0
+    : NaN;
+}
+
+export { descending as default };

package/dist/esm/bundled_modules/d3-array/src/deviation.js

@@ -0,0 +1,8 @@
+import variance from './variance.js';
+
+function deviation(values, valueof) {
+  const v = variance(values, valueof);
+  return v ? Math.sqrt(v) : v;
+}
+
+export { deviation as default };

package/dist/esm/bundled_modules/d3-array/src/fsum.js

@@ -0,0 +1,43 @@
+// https://github.com/python/cpython/blob/a74eea238f5baba15797e2e8b570d153bc8690a7/Modules/mathmodule.c#L1423
+class Adder {
+  constructor() {
+    this._partials = new Float64Array(32);
+    this._n = 0;
+  }
+  add(x) {
+    const p = this._partials;
+    let i = 0;
+    for (let j = 0; j < this._n && j < 32; j++) {
+      const y = p[j],
+        hi = x + y,
+        lo = Math.abs(x) < Math.abs(y) ? x - (hi - y) : y - (hi - x);
+      if (lo) p[i++] = lo;
+      x = hi;
+    }
+    p[i] = x;
+    this._n = i + 1;
+    return this;
+  }
+  valueOf() {
+    const p = this._partials;
+    let n = this._n, x, y, lo, hi = 0;
+    if (n > 0) {
+      hi = p[--n];
+      while (n > 0) {
+        x = hi;
+        y = p[--n];
+        hi = x + y;
+        lo = y - (hi - x);
+        if (lo) break;
+      }
+      if (n > 0 && ((lo < 0 && p[n - 1] < 0) || (lo > 0 && p[n - 1] > 0))) {
+        y = lo * 2;
+        x = hi + y;
+        if (y == x - hi) hi = x;
+      }
+    }
+    return hi;
+  }
+}
+
+export { Adder };

package/dist/esm/bundled_modules/d3-array/src/intersection.js

@@ -0,0 +1,21 @@
+import { InternSet } from '../../internmap/src/index.js';
+
+function intersection(values, ...others) {
+  values = new InternSet(values);
+  others = others.map(set);
+  out: for (const value of values) {
+    for (const other of others) {
+      if (!other.has(value)) {
+        values.delete(value);
+        continue out;
+      }
+    }
+  }
+  return values;
+}
+
+function set(values) {
+  return values instanceof InternSet ? values : new InternSet(values);
+}
+
+export { intersection as default };

package/dist/esm/bundled_modules/d3-array/src/max.js

@@ -0,0 +1,22 @@
+function max(values, valueof) {
+  let max;
+  if (valueof === undefined) {
+    for (const value of values) {
+      if (value != null
+          && (max < value || (max === undefined && value >= value))) {
+        max = value;
+      }
+    }
+  } else {
+    let index = -1;
+    for (let value of values) {
+      if ((value = valueof(value, ++index, values)) != null
+          && (max < value || (max === undefined && value >= value))) {
+        max = value;
+      }
+    }
+  }
+  return max;
+}
+
+export { max as default };

package/dist/esm/bundled_modules/d3-array/src/mean.js

@@ -0,0 +1,21 @@
+function mean(values, valueof) {
+  let count = 0;
+  let sum = 0;
+  if (valueof === undefined) {
+    for (let value of values) {
+      if (value != null && (value = +value) >= value) {
+        ++count, sum += value;
+      }
+    }
+  } else {
+    let index = -1;
+    for (let value of values) {
+      if ((value = valueof(value, ++index, values)) != null && (value = +value) >= value) {
+        ++count, sum += value;
+      }
+    }
+  }
+  if (count) return sum / count;
+}
+
+export { mean as default };

package/dist/esm/bundled_modules/d3-array/src/median.js

@@ -0,0 +1,7 @@
+import quantile from './quantile.js';
+
+function median(values, valueof) {
+  return quantile(values, 0.5, valueof);
+}
+
+export { median as default };

package/dist/esm/bundled_modules/d3-array/src/merge.js

@@ -0,0 +1,11 @@
+function* flatten(arrays) {
+  for (const array of arrays) {
+    yield* array;
+  }
+}
+
+function merge(arrays) {
+  return Array.from(flatten(arrays));
+}
+
+export { merge as default };

package/dist/esm/bundled_modules/d3-array/src/min.js

@@ -0,0 +1,22 @@
+function min(values, valueof) {
+  let min;
+  if (valueof === undefined) {
+    for (const value of values) {
+      if (value != null
+          && (min > value || (min === undefined && value >= value))) {
+        min = value;
+      }
+    }
+  } else {
+    let index = -1;
+    for (let value of values) {
+      if ((value = valueof(value, ++index, values)) != null
+          && (min > value || (min === undefined && value >= value))) {
+        min = value;
+      }
+    }
+  }
+  return min;
+}
+
+export { min as default };

package/dist/esm/bundled_modules/d3-array/src/number.js

@@ -0,0 +1,22 @@
+function number(x) {
+  return x === null ? NaN : +x;
+}
+
+function* numbers(values, valueof) {
+  if (valueof === undefined) {
+    for (let value of values) {
+      if (value != null && (value = +value) >= value) {
+        yield value;
+      }
+    }
+  } else {
+    let index = -1;
+    for (let value of values) {
+      if ((value = valueof(value, ++index, values)) != null && (value = +value) >= value) {
+        yield value;
+      }
+    }
+  }
+}
+
+export { number as default, numbers };

package/dist/esm/bundled_modules/d3-array/src/permute.js

@@ -0,0 +1,5 @@
+function permute(source, keys) {
+  return Array.from(keys, key => source[key]);
+}
+
+export { permute as default };