@veritone-ce/design-system 2.8.12 → 2.8.13-next.1

package/dist/cjs/Dialog/components.js

@@ -17,10 +17,10 @@ require('../styles/defaultTheme.js');
 require('../styles/provider.client.js');
 var portal = require('../styles/portal.js');
 require('../styles/css-vars.js');
-var index$1 = require('../Button/index.js');
-var index = require('../Typography/index.js');
-var index$2 = require('../IconButton/index.js');
+var index = require('../Button/index.js');
+var index$1 = require('../IconButton/index.js');
 var internal = require('../Icon/internal.js');
+var components = require('../unstable/Card/components.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -50,9 +50,18 @@ const Dialog = React__namespace.forwardRef(function Dialog2({
   overlayClassName,
   lockScroll = true,
   disableAutoFocus = false,
-  "data-testid": dataTestId,
-  ...options
+  open,
+  onDismiss,
+  preventOutsideDismiss,
+  preventEscapeDismiss,
+  ...props
 }, propRef) {
+  const options = {
+    open,
+    onDismiss,
+    preventOutsideDismiss,
+    preventEscapeDismiss
+  };
   const dialog = state.useDialog(options);
   const { isMounted: overlayIsMounted, styles: overlayTransitionStyles } = react.useTransitionStyles(dialog.context, {
     duration: 225,
@@ -84,13 +93,11 @@ const Dialog = React__namespace.forwardRef(function Dialog2({
             context: dialog.context,
             disabled: disableAutoFocus,
             children: /* @__PURE__ */ jsxRuntime.jsx(portal.PortalThemeRelay, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
+              components.default,
               {
                 ref,
-                "aria-labelledby": dialog.labelId,
-                "aria-describedby": dialog.descriptionId,
                 ...dialog.getFloatingProps(),
-                "data-testid": dataTestId,
+                ...props,
                 style: {
                   ...innerTransitionStyles,
                   ...style
@@ -108,109 +115,41 @@ const Dialog = React__namespace.forwardRef(function Dialog2({
 });
 const DialogStart = React__namespace.forwardRef(
   function DialogStart2({ children, ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        ...props,
-        className: cx.cx(styles_module.default["dialog-start"], props.className),
-        children
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsx(components.CardStart, { ref, ...props, children });
   }
 );
 const DialogContent = React__namespace.forwardRef(function DialogContent2({ children, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...props,
-      ref,
-      className: cx.cx(styles_module.default["dialog-content"], props.className),
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components.CardContent, { ref, ...props, children });
 });
 const DialogEnd = React__namespace.forwardRef(
   function DialogEnd2({ children, ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        ...props,
-        className: cx.cx(styles_module.default["dialog-end"], props.className),
-        children
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsx(components.CardEnd, { ref, ...props, children });
   }
 );
-const DialogTitle = React__namespace.forwardRef(function DialogTitle2({ children, ...props }, ref) {
-  const { setLabelId } = state.useDialogContext();
-  const id = React__namespace.useId();
-  React__namespace.useLayoutEffect(() => {
-    setLabelId(id);
-    return () => setLabelId(void 0);
-  }, [id, setLabelId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogStart, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
+const DialogTitle = React__namespace.forwardRef(function DialogTitle2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.CardTitle,
     {
-      variant: "h4",
-      color: "primary",
       ref,
-      id,
-      leadingTrim: true,
+      className: cx.cx(className, styles_module.default["dialog-title"]),
       ...props,
-      className: cx.cx(styles_module.default["dialog-title"], props.className),
       children
     }
-  ) });
+  );
 });
 const DialogTypography = React__namespace.forwardRef(function DialogTypography2({ children, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      variant: "paragraph2",
-      color: "primary",
-      ...props,
-      ref,
-      className: cx.cx(styles_module.default["dialog-typography"], props.className),
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components.CardTypography, { ref, ...props, children });
 });
 const DialogDescription = React__namespace.forwardRef(function DialogDescription2({ children, ...props }, ref) {
-  const { setDescriptionId } = state.useDialogContext();
-  const id = React__namespace.useId();
-  React__namespace.useLayoutEffect(() => {
-    setDescriptionId(id);
-    return () => setDescriptionId(void 0);
-  }, [id, setDescriptionId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogTypography,
-    {
-      variant: "paragraph2",
-      color: "primary",
-      ...props,
-      ref,
-      id,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components.CardDescription, { ref, ...props, children });
 });
 const DialogActions = React__namespace.forwardRef(function DialogActions2({ children, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogEnd, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...props,
-      ref,
-      className: cx.cx(styles_module.default["dialog-actions"], props.className),
-      children
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(components.CardActions, { ref, ...props, children });
 });
 const DialogCloseButton = React__namespace.forwardRef(function DialogCloseButton2(props, ref) {
   const { dismiss } = state.useDialogContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.default,
+    index.default,
     {
       variant: "tertiary",
       ...props,
@@ -225,7 +164,7 @@ const DialogCloseButton = React__namespace.forwardRef(function DialogCloseButton
 const DialogCloseIconButton = React__namespace.forwardRef(function DialogCloseIconButton2({ children = /* @__PURE__ */ jsxRuntime.jsx(internal.CloseIcon, {}), ...props }, ref) {
   const { dismiss } = state.useDialogContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    index$2.default,
+    index$1.default,
     {
       ...props,
       ref,

package/dist/cjs/Dialog/state.js

@@ -30,8 +30,6 @@ function useDialog({
   preventOutsideDismiss,
   preventEscapeDismiss
 }) {
-  const [labelId, setLabelId] = React__namespace.useState();
-  const [descriptionId, setDescriptionId] = React__namespace.useState();
   const data = react.useFloating({
     open,
     onOpenChange: (newOpen) => !newOpen && typeof dismissDialog === "function" && dismissDialog()
@@ -49,13 +47,9 @@ function useDialog({
       open,
       dismiss: dismissDialog,
       ...interactions,
-      ...data,
-      labelId,
-      descriptionId,
-      setLabelId,
-      setDescriptionId
+      ...data
     }),
-    [open, dismissDialog, interactions, data, labelId, descriptionId]
+    [open, dismissDialog, interactions, data]
   );
 }
 const DialogContext = React__namespace.createContext(null);

package/dist/cjs/Dialog/styles.module.scss.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var css = {"dialog-overlay":"vt_ce_Dialog_dialog-overlay__9285b892","dialog":"vt_ce_Dialog_dialog__6471c2e3","dialog-start":"vt_ce_Dialog_dialog-start__3d0c37c9","dialog-end":"vt_ce_Dialog_dialog-end__d33601cf","dialog-content":"vt_ce_Dialog_dialog-content__237fe65e","dialog-title":"vt_ce_Dialog_dialog-title__d88ef551","dialog-typography":"vt_ce_Dialog_dialog-typography__94d06942","dialog-actions":"vt_ce_Dialog_dialog-actions__e259c208"};
+var styles = {"dialog-overlay":"vt_ce_Dialog_dialog-overlay__9285b892","dialog":"vt_ce_Dialog_dialog__6471c2e3","dialog-title":"vt_ce_Dialog_dialog-title__d88ef551"};
 
-exports.default = css;
+exports.default = styles;

package/dist/cjs/FileUploader/controlled.js

@@ -18,7 +18,14 @@ var index$2 = require('../IconButton/index.js');
 var wrappers = require('../Icon/wrappers.js');
 require('../Icon/factory.js');
 var styles_module = require('./styles.module.scss.js');
+require('../unstable/Breadcrumbs/index.js');
+require('../unstable/Card/components.js');
 var index$1 = require('../unstable/LinearProgress/index.js');
+require('@mui/material');
+require('../FormControl/index.js');
+require('../ErrorBoundary/index.js');
+require('../Button/index.js');
+require('../unstable/Tabs/index.js');
 
 const CloudUploadOutlinedIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.CloudUploadOutlined);
 const DeleteOutlineIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.DeleteOutline);

package/dist/cjs/Table/AutoTable/controlled.js

@@ -84,7 +84,8 @@ function ControlledAutoTable({
               const size = rowsPerPage ?? 10;
               table.setPageSize(size);
               options.onRowsPerPageChange(size);
-            }
+            },
+            className: styles_module.default.pagination
           }
         ) }) }) })
       ]

package/dist/cjs/Table/AutoTable/styles.module.scss.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"visuallyHidden":"vt_ce_AutoTable_visuallyHidden__d42457bf","errorContainer":"vt_ce_AutoTable_errorContainer__22629d1a","loadingContainer":"vt_ce_AutoTable_loadingContainer__800e1c5c","table":"vt_ce_AutoTable_table__abdcf037","stickyHeader":"vt_ce_AutoTable_stickyHeader__1fdfff7b","virtualTableBody":"vt_ce_AutoTable_virtualTableBody__1264b0bb"};
+var styles = {"visuallyHidden":"vt_ce_AutoTable_visuallyHidden__d42457bf","errorContainer":"vt_ce_AutoTable_errorContainer__22629d1a","loadingContainer":"vt_ce_AutoTable_loadingContainer__800e1c5c","table":"vt_ce_AutoTable_table__abdcf037","stickyHeader":"vt_ce_AutoTable_stickyHeader__1fdfff7b","virtualTableBody":"vt_ce_AutoTable_virtualTableBody__1264b0bb","pagination":"vt_ce_AutoTable_pagination__1b911403"};
 
 exports.default = styles;

package/dist/cjs/TablePagination/index.js

@@ -13,6 +13,13 @@ var uncontrolled = require('../Select/uncontrolled.js');
 var React = require('react');
 var index$1 = require('../Input/index.js');
 var index = require('../FormControl/index.js');
+var cx = require('../styles/cx.js');
+require('../styles/defaultThemeOptions.js');
+require('@capsizecss/core');
+require('color2k');
+require('../styles/defaultTheme.js');
+require('../styles/provider.client.js');
+require('../styles/css-vars.js');
 
 function TablePagination({
   page,
@@ -22,6 +29,12 @@ function TablePagination({
   rowsPerPageLabel = "Rows per page:",
   rowsPerPageVariant = "normal",
   showPageNumberInput = false,
+  onChangePage,
+  onRowsPerPageChange,
+  "data-pendo-prev": dataPendoPrev,
+  "data-pendo-next": dataPendoNext,
+  "data-pendo-select": dataPendoSelect,
+  className,
   ...props
 }) {
   const showPrev = page !== 1;
@@ -39,7 +52,7 @@ function TablePagination({
       Math.min(Math.ceil(count / rowsPerPage), Number(inputPage))
     );
     if (newPage !== page) {
-      props.onChangePage(newPage);
+      onChangePage(newPage);
     }
     setInputPage(newPage.toString());
   };
@@ -51,7 +64,7 @@ function TablePagination({
   React.useEffect(() => {
     setInputPage(page.toString());
   }, [page]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: styles_module.default["container"], children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { ...props, className: cx.cx(styles_module.default["container"], className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(index.default, { label: rowsPerPageLabel, placement: "inline-start", children: /* @__PURE__ */ jsxRuntime.jsx(
       uncontrolled.default,
       {
@@ -62,9 +75,9 @@ function TablePagination({
           label: option.toLocaleString(),
           value: option
         })),
-        onChange: (_, newRowsPerPage) => props.onRowsPerPageChange?.(newRowsPerPage),
+        onChange: (_, newRowsPerPage) => onRowsPerPageChange?.(newRowsPerPage),
         className: styles_module.default["rows-per-page-select"],
-        "data-pendo": props["data-pendo-select"],
+        "data-pendo": dataPendoSelect,
         tight: rowsPerPageVariant === "tight"
       }
     ) }),
@@ -93,8 +106,8 @@ function TablePagination({
         {
           type: "button",
           disabled: !showPrev,
-          onClick: () => props.onChangePage(page - 1),
-          "data-pendo": props["data-pendo-prev"],
+          onClick: () => onChangePage(page - 1),
+          "data-pendo": dataPendoPrev,
           children: /* @__PURE__ */ jsxRuntime.jsx(internal.NavigateBeforeIcon, {})
         }
       ) }),
@@ -103,8 +116,8 @@ function TablePagination({
         {
           type: "button",
           disabled: !showNext,
-          onClick: () => props.onChangePage(page + 1),
-          "data-pendo": props["data-pendo-next"],
+          onClick: () => onChangePage(page + 1),
+          "data-pendo": dataPendoNext,
           children: /* @__PURE__ */ jsxRuntime.jsx(internal.NavigateNextIcon, {})
         }
       ) })

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function ascending(a, b) {
+  return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
+}
+
+exports.default = ascending;

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ascending = require('./ascending.js');
+var bisector = require('./bisector.js');
+var number = require('./number.js');
+
+const ascendingBisect = bisector.default(ascending.default);
+const bisectRight = ascendingBisect.right;
+const bisectLeft = ascendingBisect.left;
+bisector.default(number.default).center;
+
+exports.bisectLeft = bisectLeft;
+exports.bisectRight = bisectRight;
+exports.default = bisectRight;

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

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ascending = require('./ascending.js');
+var descending = require('./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.default;
+    compare2 = (d, x) => ascending.default(f(d), x);
+    delta = (d, x) => f(d) - x;
+  } else {
+    compare1 = f === ascending.default || f === descending.default ? 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;
+}
+
+exports.default = bisector;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function descending(a, b) {
+  return a == null || b == null ? NaN
+    : b < a ? -1
+    : b > a ? 1
+    : b >= a ? 0
+    : NaN;
+}
+
+exports.default = descending;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var variance = require('./variance.js');
+
+function deviation(values, valueof) {
+  const v = variance.default(values, valueof);
+  return v ? Math.sqrt(v) : v;
+}
+
+exports.default = deviation;

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

@@ -0,0 +1,45 @@
+'use strict';
+
+// 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;
+  }
+}
+
+exports.Adder = Adder;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../../internmap/src/index.js');
+
+function intersection(values, ...others) {
+  values = new index.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 index.InternSet ? values : new index.InternSet(values);
+}
+
+exports.default = intersection;

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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;
+}
+
+exports.default = max;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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;
+}
+
+exports.default = mean;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var quantile = require('./quantile.js');
+
+function median(values, valueof) {
+  return quantile.default(values, 0.5, valueof);
+}
+
+exports.default = median;

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function* flatten(arrays) {
+  for (const array of arrays) {
+    yield* array;
+  }
+}
+
+function merge(arrays) {
+  return Array.from(flatten(arrays));
+}
+
+exports.default = merge;

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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;
+}
+
+exports.default = min;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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;
+      }
+    }
+  }
+}
+
+exports.default = number;
+exports.numbers = numbers;

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function permute(source, keys) {
+  return Array.from(keys, key => source[key]);
+}
+
+exports.default = permute;