@superblocksteam/library 2.0.3-next.195 → 2.0.3-next.197

package/dist/{index-DzenoqnP.js → index-CFz3UGkJ.js}

@@ -48,7 +48,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method4) => (__accessCheck(obj, member, "access private method"), method4);
 var _removeSourceIdElement_dec, _setSourceIdElement_dec, _setActiveRootInstanceId_dec, _init, _cancelApi_dec, _runApi_dec, _init2, _renameWidget_dec, _setWidgetProperty_dec, _setWidgetProperties_dec, _writeRuntimeProperties_dec, _deleteComponents_dec, _dropComponent_dec, _createComponent_dec, _batchUpdate_dec, _clearPendingTransactions_dec, _addPendingTransaction_dec, _executeOrAddToBatch_dec, _init3, _addOptimisticCreateWidget_dec, _processRootWidget_dec, _init4, _refreshPositionsAndGetDropConstraints_dec, _init5, _updateChildPositions_dec, _setWidgetPosition_dec, _setActiveTargetRect_dec, _setActiveDragRect_dec, _setDropTargetId_dec, _setInvalidDropTarget_dec, _setValidRootIds_dec, _cancelNewComponentDrag_dec, _startNewComponentDrag_dec, _setIsDragging_dec, _setWidgetFeatures_dec, _init6;
 import * as React from "react";
-import React__default, { isValidElement as isValidElement$1, version as version$2, createContext, useContext, useEffect, useRef, useLayoutEffect as useLayoutEffect$2, Component, useState, useMemo as useMemo$2, useCallback, forwardRef, useImperativeHandle, cloneElement as cloneElement$1, createElement, Children, memo, useReducer, PureComponent, useSyncExternalStore, Suspense, createRef } from "react";
+import React__default, { isValidElement as isValidElement$1, version as version$2, createContext, useContext, useEffect, useRef, useLayoutEffect as useLayoutEffect$2, Component, useState, useMemo as useMemo$2, useCallback, forwardRef, useImperativeHandle, cloneElement as cloneElement$1, createElement, Suspense, Children, memo, useReducer, PureComponent, useSyncExternalStore, createRef } from "react";
 import { S as SvgClose, a as SvgSystemDanger, b as SvgSystemInfo, c as SvgSystemError, d as SvgSystemSuccess, e as SvgPlus, f as SvgHide, g as SvgChevronDown, h as SvgEmptyCheckbox, i as SvgMinus, j as SvgCheckmark, k as SvgCopy, l as SvgExternalLink, m as SvgPlay, n as SvgDownload, o as SvgTrash, p as SvgFilter, q as SvgFreeze, r as SvgSort, s as SvgEllipsis, t as SvgCrossXs, u as SvgClark } from "./icons-NrNO8p_u.js";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { unstable_batchedUpdates, flushSync, createPortal } from "react-dom";
@@ -5917,18 +5917,11 @@ if (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === "object") {
     $mobx
   });
 }
-let internalStores = {};
-function registerStores(stores) {
-  internalStores = { ...internalStores, ...stores };
-}
 class ConnectionManager {
   // The status of the connection to the remote dev server
   constructor() {
     __publicField(this, "connectionStatus", "pre-init");
     makeAutoObservable(this);
-    registerStores({
-      ConnectionManager: this
-    });
   }
   initializeSocket() {
     this.connectionStatus = "connecting";
@@ -43048,9 +43041,6 @@ class InteractionLayerManager {
     __publicField(this, "activeRootInstanceId");
     __publicField(this, "sourceIdElements", /* @__PURE__ */ new Map());
     makeAutoObservable(this);
-    registerStores({
-      InteractionLayerManager: this
-    });
   }
   setActiveRootInstanceId(rootInstanceId) {
     this.activeRootInstanceId = rootInstanceId;
@@ -82751,6 +82741,18 @@ const VALIDATORS = {
     }
   }
 };
+function mergeRelations(existingRelations, relations) {
+  if (!existingRelations || existingRelations.length === 0) {
+    return relations;
+  }
+  if (!relations || relations.length === 0) {
+    return existingRelations;
+  }
+  const mergedRelations = existingRelations && existingRelations.length > 0 ? existingRelations.flatMap(
+    (existing) => relations.map((relation) => [...existing, ...relation])
+  ) : relations;
+  return mergedRelations;
+}
 function getChildren(input, path2, entity, scopedState) {
   function getChildrenFromSection(section) {
     return Object.keys(section.props).reduce(
@@ -83187,6 +83189,16 @@ class UnionProp extends Prop {
   getProps() {
     const sharedKeys = Object.keys(this.shared);
     const variants = this.variants;
+    const preMergeRelationsMap = variants.reduce(
+      (acc, v2) => {
+        Object.entries(v2).forEach(([key2, prop]) => {
+          if (acc[key2]) return;
+          acc[key2] = prop.getRelations() ?? [];
+        });
+        return acc;
+      },
+      {}
+    );
     const mergedVariants = variants.reduce(
       (acc, v2) => {
         const variantConstants = Object.entries(v2).filter(
@@ -83200,9 +83212,18 @@ class UnionProp extends Prop {
         });
         const filteredVariant = Object.fromEntries(
           Object.entries(v2).filter(([key2]) => !sharedKeys.includes(key2)).map(([key2, prop]) => {
-            var _a2;
-            const existingRelations = ((_a2 = acc[key2]) == null ? void 0 : _a2.getRelations()) ?? [];
-            return [key2, prop.dependsOn([...existingRelations, relations])];
+            const existingRelations = (prop == null ? void 0 : prop.getRelations()) ?? [];
+            const preMergeRelations = preMergeRelationsMap[key2];
+            const existingNonPreMergeRelations = existingRelations.filter(
+              (r2) => !preMergeRelations.some((p) => p === r2)
+            );
+            return [
+              key2,
+              prop.dependsOn([
+                ...existingNonPreMergeRelations,
+                ...mergeRelations(preMergeRelations, [relations])
+              ])
+            ];
           })
         );
         return { ...acc, ...filteredVariant };
@@ -83474,6 +83495,35 @@ function requireRfdc() {
 var rfdcExports = requireRfdc();
 const clone$3 = /* @__PURE__ */ getDefaultExportFromCjs(rfdcExports);
 const fastClone$1 = clone$3({});
+let internalStores = {};
+const SUPPORTED_MODES = ["local-dev"];
+function registerStores(stores) {
+  internalStores = { ...internalStores, ...stores };
+  if (SUPPORTED_MODES.includes("production")) {
+    if (Object.keys(internalStores).length === Object.keys(stores).length) {
+      import("./devtools-consolidated-CuKf4Mw6.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
+        setRegisteredStores(internalStores);
+        initializeCustomDevTools();
+      }).catch((error) => {
+        console.warn(
+          "[DevTools] Failed to initialize custom devtools:",
+          error
+        );
+      });
+    }
+  }
+}
+const DevToolsInternal = React__default.lazy(() => {
+  return import("./devtools-consolidated-CuKf4Mw6.js").then((module2) => ({
+    default: module2.CustomDevTools
+  }));
+});
+const DevTools = () => {
+  if (!SUPPORTED_MODES.includes("production")) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DevToolsInternal, {}) });
+};
 const ARGS_VAR_NAME = "$SB_args";
 const USER_JS_CODE_VAR_NAME = "$SB_userJSCode";
 const SNAPSHOT_VAR_NAME = "$SB_snapshot";
@@ -86268,9 +86318,6 @@ class OperationManager {
     __publicField(this, "batchOperationTransactionId");
     __publicField(this, "visibleSourceIds", []);
     makeAutoObservable(this);
-    registerStores({
-      OperationManager: this
-    });
   }
   get allPendingTransactions() {
     return this.pendingTransactions;
@@ -86647,9 +86694,6 @@ class PropertiesPanelManager {
     makeAutoObservable(this, {
       _propertyLookupCache: false
     });
-    registerStores({
-      PropertiesPanelManager: this
-    });
   }
   getPropertiesPanel(scopeId, instanceId) {
     const props2 = this.entityManager.getEntityById(scopeId, instanceId);
@@ -87024,9 +87068,6 @@ class RuntimeWidgetsManager {
       addWidgetFromPayload: action,
       sourceToInstanceIdSample: observable
     });
-    registerStores({
-      RuntimeManager: this
-    });
   }
   setWidgetMeta(instanceId, meta) {
     const existingMeta = this.widgets[instanceId];
@@ -87377,9 +87418,6 @@ class RuntimeEntitiesManager {
     makeAutoObservable(this, {
       widgets: false
     });
-    registerStores({
-      DeployedRuntimeManager: this
-    });
   }
   processRootWidget(params) {
     this.widgets.processRoot(params);
@@ -87805,9 +87843,6 @@ class GridManager {
     this.root = root2;
     this.dnd = dnd;
     makeAutoObservable(this);
-    registerStores({
-      GridManager: this
-    });
   }
   get draggedInstanceId() {
     var _a2;
@@ -88328,9 +88363,6 @@ class StackManager {
     this.root = root2;
     this.dnd = dnd;
     makeAutoObservable(this);
-    registerStores({
-      StackManager: this
-    });
   }
   refreshPositionsAndGetDropIndex() {
     if (this.dnd.dropTargetId) {
@@ -88400,9 +88432,6 @@ class DragAndDropManager {
     this.stack = new StackManager(root2, this);
     this.grid = new GridManager(root2, this);
     makeAutoObservable(this);
-    registerStores({
-      DragAndDropManager: this
-    });
     startEditorSync({
       store: this,
       storeId: "dnd",
@@ -88643,9 +88672,6 @@ class ResizingManager {
     __publicField(this, "_activeResizes", /* @__PURE__ */ new Map());
     this.root = root2;
     makeAutoObservable(this);
-    registerStores({
-      ResizingManager: this
-    });
     startEditorSync({
       store: this,
       storeId: "resizing",
@@ -88980,9 +89006,6 @@ class UIStore {
       setFocusedInstanceId: action,
       selectWidget: action
     });
-    registerStores({
-      UIManager: this
-    });
   }
   // TODO (Alex): For these getters, we should differentiate between source and instance selection
   isSourceSelected(sourceId) {
@@ -90956,14 +90979,14 @@ function getLoaderFn$1(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-DhkzAeHr.js"
+            "./allPathsLoader-DGPQhqI0.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-DQGuCgWt.js"
+            "./splitPathsBySizeLoader-9ypptKho.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -99521,7 +99544,7 @@ const DEFAULT_TYPOGRAPHIES_NEW = {
   },
   buttonLabel: {
     ...DEFAULT_TYPOGRAPHIES_LEGACY.buttonLabel,
-    lineHeight: 1.1
+    lineHeight: 1.2
   },
   code: {
     ...DEFAULT_TYPOGRAPHIES_LEGACY.code,
@@ -99684,12 +99707,6 @@ const BOX_SHADOWS = {
     dark: "0 3px 6px -4px rgba(160, 160, 160, 0.03), 0 6px 16px 0 rgba(160, 160, 160, 0.01)"
   }
 };
-const BUTTON_PADDING = {
-  left: { mode: "px", value: 10 },
-  right: { mode: "px", value: 10 },
-  top: { mode: "px", value: 9 },
-  bottom: { mode: "px", value: 9 }
-};
 const INPUT_PADDING = {
   left: Dim.px(10),
   right: Dim.px(10),
@@ -99697,6 +99714,7 @@ const INPUT_PADDING = {
   bottom: Dim.px(8)
 };
 const DROPDOWN_PADDING = INPUT_PADDING;
+const BUTTON_PADDING = INPUT_PADDING;
 const KEY_VALUE_PADDING = {
   left: Dim.px(20),
   right: Dim.px(20),
@@ -101386,8 +101404,8 @@ const shineAnimation = We$1`
   }
 `;
 const Skeleton2 = qe$1.div`
-  width: 24px;
-  height: 24px;
+  height: var(--height);
+  width: var(--width);
   border-radius: 50%;
   background: linear-gradient(110deg, #ececec 10%, #f5f5f5 30%, #ececec 60%);
   background-size: 200% 100%;
@@ -135862,20 +135880,31 @@ const textStyleProps = {
   })),
   cellBackground: cellBackgroundProp
 };
+const computedValueUnion = Prop.union({
+  shared: {
+    isDerived: Prop.boolean().default(false)
+  },
+  variants: [
+    {
+      isDerived: Prop.literal(false)
+    },
+    {
+      isDerived: Prop.literal(true),
+      computedValue: Prop.string().readAndWrite().propertiesPanel({
+        label: "Computed value"
+        // todo: add special control that can use currentRow
+      })
+    }
+  ]
+}).getProps();
 const textColumnProperties = {
   general: {
-    // TODO: bring this back when we are ready
-    // computedValue: Prop.string().readAndWrite().propertiesPanel({
-    //   label: "Computed value",
-    //   controlType: "COMPUTE_TABLE_VALUE",
-    // }),
     displayedValue: Prop.string().readAndWrite().propertiesPanel({
       label: "Displayed value",
       controlType: "COMPUTE_TABLE_VALUE"
     })
   },
   presentation: {
-    ...cellIconProps,
     textWrap: Prop.boolean().readAndWrite().propertiesPanel({
       label: "Wrap text",
       controlType: "SWITCH"
@@ -135965,11 +135994,6 @@ const buttonColumnProperties = {
 };
 const numberColumnProperties = {
   general: {
-    // TODO: bring this back when we are ready
-    // computedValue: Prop.string().readAndWrite().propertiesPanel({
-    //   label: "Computed value",
-    //   controlType: "COMPUTE_TABLE_VALUE",
-    // }),
     notation: Prop.string().readAndWrite().propertiesPanel({
       label: "Number format",
       controlType: "DROP_DOWN",
@@ -136073,6 +136097,32 @@ const imageColumnProperties = {
     cellBackground: cellBackgroundProp
   }
 };
+const manageTimezoneUnion = Prop.union({
+  shared: {
+    manageTimezone: Prop.boolean().default(false).readAndWrite().propertiesPanel({
+      label: "Manage timezone",
+      controlType: "SWITCH"
+    })
+  },
+  variants: [
+    {
+      manageTimezone: Prop.literal(false)
+    },
+    {
+      manageTimezone: Prop.literal(true),
+      valueTimezone: Prop.string().readAndWrite().propertiesPanel({
+        label: "Value timezone",
+        controlType: "DROP_DOWN",
+        options: TIMEZONE_OPTIONS
+      }),
+      displayTimezone: Prop.string().readAndWrite().propertiesPanel({
+        label: "Display timezone",
+        controlType: "DROP_DOWN",
+        options: TIMEZONE_OPTIONS
+      })
+    }
+  ]
+}).getProps();
 const dateColumnProperties = {
   general: {
     inputFormat: Prop.string().readAndWrite().propertiesPanel({
@@ -136085,21 +136135,7 @@ const dateColumnProperties = {
       controlType: "DROP_DOWN",
       options: DATE_OUTPUT_FORMATS
     }),
-    // todo: this should actually be a union too (nested unions ?)
-    manageTimezone: Prop.boolean().readAndWrite().propertiesPanel({
-      label: "Manage timezone",
-      controlType: "SWITCH"
-    }),
-    valueTimezone: Prop.string().readAndWrite().propertiesPanel({
-      label: "Value timezone",
-      controlType: "DROP_DOWN",
-      options: TIMEZONE_OPTIONS
-    }),
-    displayTimezone: Prop.string().readAndWrite().propertiesPanel({
-      label: "Display timezone",
-      controlType: "DROP_DOWN",
-      options: TIMEZONE_OPTIONS
-    })
+    ...manageTimezoneUnion
   },
   presentation: {
     ...cellIconProps,
@@ -136111,13 +136147,7 @@ const dateColumnProperties = {
   }
 };
 const booleanColumnProperties = {
-  general: {
-    // TODO: bring this back when we are ready
-    // computedValue: Prop.string().readAndWrite().propertiesPanel({
-    //   label: "Computed value",
-    //   controlType: "COMPUTE_TABLE_VALUE",
-    // }),
-  },
+  general: {},
   presentation: {
     horizontalAlign: horizontalAlignProp(),
     verticalAlign: verticalAlignProp(),
@@ -136153,26 +136183,14 @@ const booleanColumnProperties = {
   }
 };
 const videoColumnProperties = {
-  general: {
-    // TODO: bring this back when we are ready
-    // computedValue: Prop.string().readAndWrite().propertiesPanel({
-    //   label: "Computed value",
-    //   controlType: "COMPUTE_TABLE_VALUE",
-    // }),
-  },
+  general: {},
   presentation: {
     horizontalAlign: horizontalAlignProp(),
     cellBackground: cellBackgroundProp
   }
 };
 const tagsColumnProperties = {
-  general: {
-    // TODO: bring this back when we are ready
-    // computedValue: Prop.string().readAndWrite().propertiesPanel({
-    //   label: "Computed value",
-    //   controlType: "COMPUTE_TABLE_VALUE",
-    // }),
-  },
+  general: {},
   presentation: {
     horizontalAlign: horizontalAlignProp(),
     verticalAlign: verticalAlignProp(),
@@ -136209,54 +136227,67 @@ const columnPanelConfig = {
       variants: [
         {
           columnType: Prop.unset(),
+          ...computedValueUnion,
           ...textColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.TEXT),
+          ...computedValueUnion,
           ...textColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.NUMBER),
+          ...computedValueUnion,
           ...numberColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.CURRENCY),
+          ...computedValueUnion,
           ...currencyColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.PERCENTAGE),
+          ...computedValueUnion,
           ...percentageColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.IMAGE),
+          ...computedValueUnion,
           ...imageColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.VIDEO),
+          ...computedValueUnion,
           ...videoColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.DATE),
+          ...computedValueUnion,
           ...dateColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.BUTTON),
+          // no computedValue (just buttonLabel)
           ...buttonColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.LINK),
+          // no computedValue (just linkUrl/linkLabel)
           ...linkColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.BOOLEAN),
+          ...computedValueUnion,
           ...booleanColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.TAGS),
+          ...computedValueUnion,
           ...tagsColumnProperties.general
         },
         {
           columnType: Prop.literal(ColumnType.EMAIL),
+          ...computedValueUnion,
           ...emailColumnProperties.general
         }
       ]
@@ -145403,14 +145434,14 @@ function getLoaderFn(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-B0O4sfbG.js"
+            "./allPathsLoader-XDG2QDHX.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-DH3bh2P5.js"
+            "./splitPathsBySizeLoader-CW0AvZcf.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -153405,7 +153436,8 @@ const StyledControlGroup$1 = qe$1(ControlGroup)`
       }
     }
 
-    .${INPUT_LEFT_CONTAINER$1}, .${INPUT_ACTION$1} {
+    .${INPUT_LEFT_CONTAINER$1},
+      .${INPUT_ACTION$1} {
       display: flex;
       align-items: center;
       height: 100%;
@@ -153741,24 +153773,32 @@ class DatePickerComponent extends React__default.Component {
                             minHeight: this.props.inputLineHeightPx ? `${this.props.inputLineHeightPx + INPUT_ADDITIONAL_MIN_HEIGHT$1}px` : void 0
                           },
                           onClick: this.props.onInputClick,
-                          leftElement: this.props.icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            "div",
-                            {
-                              className: `IconWrapper ${CLASS_NAMES.ICON} ${isInputFocused ? CLASS_NAMES.ACTIVE_MODIFIER : ""} ${this.props.isDisabled || this.props.selectedDate === "" || this.props.selectedDate == null ? CLASS_NAMES.DISABLED_MODIFIER : ""} ${!this.props.isValid ? CLASS_NAMES.ERROR_MODIFIER : ""}`,
-                              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                                DynamicSVG,
-                                {
-                                  iconName: this.props.icon,
-                                  size: this.props.iconSize ?? DEFAULT_ICON_SIZE$1
-                                }
-                              )
-                            }
-                          ) : void 0,
+                          leftIcon: this.props.icon ? (
+                            /**
+                             * Use `leftIcon` (with Blueprint's `INPUT_LEFT_CONTAINER` CSS class) instead of `leftElement`.
+                             * Blueprint measures `leftElement` width after render to set input padding.
+                             * If the element isn't present (e.g., Suspense, modals), it measures 0 and sets `padding-left: 0`, causing overlap.
+                             * Setting the style to `paddingLeft` is overridden by Blueprint.
+                             */
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(
+                              "div",
+                              {
+                                className: `IconWrapper ${CLASS_NAMES.ICON} ${INPUT_LEFT_CONTAINER$1} ${isInputFocused ? CLASS_NAMES.ACTIVE_MODIFIER : ""} ${this.props.isDisabled || this.props.selectedDate === "" || this.props.selectedDate == null ? CLASS_NAMES.DISABLED_MODIFIER : ""} ${!this.props.isValid ? CLASS_NAMES.ERROR_MODIFIER : ""}`,
+                                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                  DynamicSVG,
+                                  {
+                                    iconName: this.props.icon,
+                                    size: this.props.iconSize ?? DEFAULT_ICON_SIZE$1
+                                  }
+                                )
+                              }
+                            )
+                          ) : null,
+                          rightElement: !formatIncludesTimezone(displayFormat) && this.props.showTimezone ? /* @__PURE__ */ jsxRuntimeExports.jsx(Timezone, { timezone: this.displayTimezone }) : void 0,
+                          onChange: this.onInputChanged,
                           // @ts-expect-error extra props
                           "data-invalid": !this.props.isValid && !this.state.isOpen,
-                          "data-active": this.state.isOpen,
-                          rightElement: !formatIncludesTimezone(displayFormat) && this.props.showTimezone ? /* @__PURE__ */ jsxRuntimeExports.jsx(Timezone, { timezone: this.displayTimezone }) : void 0,
-                          onChange: this.onInputChanged
+                          "data-active": this.state.isOpen
                         },
                         popoverProps: {
                           ...this.props.forceOpen ? { isOpen: this.state.isOpen } : {},
@@ -162217,6 +162257,17 @@ function getSelectedRows(props2) {
   const selectedRows = selectedRowIndices.map((ind) => filteredTableData[ind]).filter(Boolean);
   return selectedRows;
 }
+const isDerivedColumn = (tableData, columnId) => {
+  if (!tableData || tableData.length === 0) {
+    return true;
+  }
+  const firstRow = tableData[0];
+  if (!firstRow) {
+    return true;
+  }
+  const isInRow = columnId in firstRow;
+  return !isInRow;
+};
 function getFilteredTableData(props2) {
   var _a2;
   if (!props2.tableData) {
@@ -162248,7 +162299,8 @@ function getFilteredTableData(props2) {
         return;
       }
       let computedValues = [];
-      if (column2 && column2.computedValue) {
+      if (column2 && column2.computedValue && // ignore computed values for non-derived columns (they can only use displayed values)
+      isDerivedColumn(derivedTableData, columnId)) {
         if (lodashExports.isString(column2.computedValue)) {
           try {
             computedValues = JSON.parse(column2.computedValue);
@@ -182771,6 +182823,7 @@ const SbDatePicker = registerSbComponent(
       backgroundColor: props2.backgroundColor,
       textStyle: props2.textStyle
     });
+    const iconSize = useInputIconSize({ textStyle: props2.textStyle });
     return /* @__PURE__ */ jsxRuntimeExports.jsx(DatePickerContainer, { ...passThroughProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       DatePickerComponent,
       {
@@ -182792,6 +182845,7 @@ const SbDatePicker = registerSbComponent(
         timezone: props2.manageTimezone ? props2.valueTimezone : void 0,
         showTimezone: !!props2.manageTimezone,
         icon: props2.icon,
+        iconSize,
         onDatePickerClosed: handleDatePickerClosed,
         placeholder: props2.placeholder,
         labelStyleOverride: labelProps == null ? void 0 : labelProps.style,
@@ -186360,7 +186414,7 @@ const SbProvider = function SbProvider2({
       },
       id: "sb-provider-root",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary2, { theme: userAccessibleTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary2, { theme: userAccessibleTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
             id: CANVAS_ROOT_ID,
@@ -186373,7 +186427,10 @@ const SbProvider = function SbProvider2({
               overflow: "hidden",
               position: "relative"
             },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: userAccessibleTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalScope, { children: isEmbedded ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmbedWrapper, { children }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Auth0Wrapper, { children }) }) })
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: userAccessibleTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalScope, { children: isEmbedded ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmbedWrapper, { children }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Auth0Wrapper, { children }) }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(DevTools, {})
+            ]
           }
         ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: MODAL_TARGET_ROOT_ID, "data-superblocks": MODAL_TARGET_ROOT_ID })
@@ -197786,145 +197843,149 @@ function requireClient() {
 }
 var clientExports = requireClient();
 export {
-  HashRouter as $,
+  clientExports as $,
   AppStateVarPersistence6 as A,
-  setQueryParams as B,
-  download as C,
-  showAlert as D,
-  logoutIntegrations as E,
-  registerScope as F,
-  registerPage as G,
-  createSbScope as H,
+  SbProvider as B,
+  SbEventFlow as C,
+  copyToClipboard as D,
+  navigateTo as E,
+  setQueryParams as F,
+  download as G,
+  showAlert as H,
   IconSize$2 as I,
-  Global as J,
-  Embed as K,
-  Env as L,
-  SbEvent as M,
-  useUpdateProperties as N,
-  useTheme as O,
-  Prop as P,
-  sbComputed as Q,
-  Dim as R,
+  logoutIntegrations as J,
+  registerScope as K,
+  registerPage as L,
+  createSbScope as M,
+  Global as N,
+  Embed as O,
+  Env as P,
+  SbEvent as Q,
+  useUpdateProperties as R,
   SbButton as S,
   Theme as T,
-  SB as U,
-  Outlet as V,
-  clientExports as W,
-  Await as X,
-  BrowserRouter as Y,
-  Form2 as Z,
+  useTheme as U,
+  Prop as V,
+  sbComputed as W,
+  Dim as X,
+  SB as Y,
+  Outlet as Z,
   __awaiter as _,
   __generator as a,
-  href as a$,
-  IDLE_BLOCKER as a0,
-  IDLE_FETCHER as a1,
-  IDLE_NAVIGATION as a2,
-  Link as a3,
-  Links as a4,
-  MemoryRouter as a5,
-  Meta as a6,
-  NavLink as a7,
-  Navigate as a8,
-  Action as a9,
-  decodeViaTurboStream as aA,
-  deserializeErrors2 as aB,
-  getPatchRoutesOnNavigationFunction as aC,
-  getSingleFetchDataStrategy as aD,
-  invariant as aE,
-  mapRouteProperties as aF,
-  shouldHydrateRouteLoader as aG,
-  useFogOFWarDiscovery as aH,
-  useScrollRestoration as aI,
-  createBrowserRouter as aJ,
-  createCookie as aK,
-  createCookieSessionStorage as aL,
-  createHashRouter as aM,
-  createMemoryRouter as aN,
-  createMemorySessionStorage as aO,
-  createPath as aP,
-  createRequestHandler as aQ,
-  createRoutesFromChildren as aR,
-  createRoutesFromElements as aS,
-  createRoutesStub as aT,
-  createSearchParams as aU,
-  createSession as aV,
-  createSessionStorage as aW,
-  createStaticHandler2 as aX,
-  createStaticRouter as aY,
-  data as aZ,
-  generatePath as a_,
-  PrefetchPageLinks as aa,
-  Route as ab,
-  Router as ac,
-  RouterProvider as ad,
-  Routes as ae,
-  Scripts as af,
-  ScrollRestoration as ag,
-  ServerRouter as ah,
-  StaticRouter as ai,
-  StaticRouterProvider as aj,
-  DataRouterContext as ak,
-  DataRouterStateContext as al,
-  ErrorResponseImpl as am,
-  FetchersContext as an,
-  FrameworkContext as ao,
-  LocationContext as ap,
-  NavigationContext as aq,
-  RemixErrorBoundary as ar,
-  RouteContext as as,
-  ServerMode as at,
-  SingleFetchRedirectSymbol as au,
-  ViewTransitionContext as av,
-  createBrowserHistory as aw,
-  createClientRoutes as ax,
-  createClientRoutesWithHMRRevalidationOptOut as ay,
-  createRouter as az,
+  createStaticHandler2 as a$,
+  Await as a0,
+  BrowserRouter as a1,
+  Form2 as a2,
+  HashRouter as a3,
+  IDLE_BLOCKER as a4,
+  IDLE_FETCHER as a5,
+  IDLE_NAVIGATION as a6,
+  Link as a7,
+  Links as a8,
+  MemoryRouter as a9,
+  createBrowserHistory as aA,
+  createClientRoutes as aB,
+  createClientRoutesWithHMRRevalidationOptOut as aC,
+  createRouter as aD,
+  decodeViaTurboStream as aE,
+  deserializeErrors2 as aF,
+  getPatchRoutesOnNavigationFunction as aG,
+  getSingleFetchDataStrategy as aH,
+  invariant as aI,
+  mapRouteProperties as aJ,
+  shouldHydrateRouteLoader as aK,
+  useFogOFWarDiscovery as aL,
+  useScrollRestoration as aM,
+  createBrowserRouter as aN,
+  createCookie as aO,
+  createCookieSessionStorage as aP,
+  createHashRouter as aQ,
+  createMemoryRouter as aR,
+  createMemorySessionStorage as aS,
+  createPath as aT,
+  createRequestHandler as aU,
+  createRoutesFromChildren as aV,
+  createRoutesFromElements as aW,
+  createRoutesStub as aX,
+  createSearchParams as aY,
+  createSession as aZ,
+  createSessionStorage as a_,
+  Meta as aa,
+  NavLink as ab,
+  Navigate as ac,
+  Action as ad,
+  PrefetchPageLinks as ae,
+  Route as af,
+  Router as ag,
+  RouterProvider as ah,
+  Routes as ai,
+  Scripts as aj,
+  ScrollRestoration as ak,
+  ServerRouter as al,
+  StaticRouter as am,
+  StaticRouterProvider as an,
+  DataRouterContext as ao,
+  DataRouterStateContext as ap,
+  ErrorResponseImpl as aq,
+  FetchersContext as ar,
+  FrameworkContext as as,
+  LocationContext as at,
+  NavigationContext as au,
+  RemixErrorBoundary as av,
+  RouteContext as aw,
+  ServerMode as ax,
+  SingleFetchRedirectSymbol as ay,
+  ViewTransitionContext as az,
   IconSize as b,
-  isCookie as b0,
-  isRouteErrorResponse as b1,
-  isSession as b2,
-  matchPath as b3,
-  matchRoutes as b4,
-  parsePath as b5,
-  redirect as b6,
-  redirectDocument as b7,
-  renderMatches as b8,
-  replace2 as b9,
-  useParams as bA,
-  useResolvedPath as bB,
-  useRevalidator as bC,
-  useRouteError as bD,
-  useRouteLoaderData as bE,
-  useRoutes as bF,
-  useSearchParams as bG,
-  useSubmit as bH,
-  useViewTransitionState as bI,
-  resolvePath as ba,
-  HistoryRouter as bb,
-  unstable_RouterContextProvider as bc,
-  unstable_createContext as bd,
-  setDevServerHooks as be,
-  usePrompt as bf,
-  useActionData as bg,
-  useAsyncError as bh,
-  useAsyncValue as bi,
-  useBeforeUnload as bj,
-  useBlocker as bk,
-  useFetcher as bl,
-  useFetchers as bm,
-  useFormAction as bn,
-  useHref as bo,
-  useInRouterContext as bp,
-  useLinkClickHandler as bq,
-  useLoaderData as br,
-  useLocation as bs,
-  useMatch as bt,
-  useMatches as bu,
-  useNavigate as bv,
-  useNavigation as bw,
-  useNavigationType as bx,
-  useOutlet as by,
-  useOutletContext as bz,
+  createStaticRouter as b0,
+  data as b1,
+  generatePath as b2,
+  href as b3,
+  isCookie as b4,
+  isRouteErrorResponse as b5,
+  isSession as b6,
+  matchPath as b7,
+  matchRoutes as b8,
+  parsePath as b9,
+  useNavigation as bA,
+  useNavigationType as bB,
+  useOutlet as bC,
+  useOutletContext as bD,
+  useParams as bE,
+  useResolvedPath as bF,
+  useRevalidator as bG,
+  useRouteError as bH,
+  useRouteLoaderData as bI,
+  useRoutes as bJ,
+  useSearchParams as bK,
+  useSubmit as bL,
+  useViewTransitionState as bM,
+  redirect as ba,
+  redirectDocument as bb,
+  renderMatches as bc,
+  replace2 as bd,
+  resolvePath as be,
+  HistoryRouter as bf,
+  unstable_RouterContextProvider as bg,
+  unstable_createContext as bh,
+  setDevServerHooks as bi,
+  usePrompt as bj,
+  useActionData as bk,
+  useAsyncError as bl,
+  useAsyncValue as bm,
+  useBeforeUnload as bn,
+  useBlocker as bo,
+  useFetcher as bp,
+  useFetchers as bq,
+  useFormAction as br,
+  useHref as bs,
+  useInRouterContext as bt,
+  useLinkClickHandler as bu,
+  useLoaderData as bv,
+  useLocation as bw,
+  useMatch as bx,
+  useMatches as by,
+  useNavigate as bz,
   SbSection as c,
   SbColumn as d,
   SbContainer as e,
@@ -197932,22 +197993,22 @@ export {
   SbPage as g,
   SbText as h,
   SbModal as i,
-  SbTable as j,
-  SbDropdown as k,
-  SbCustom as l,
-  SbCheckbox as m,
-  SbDatePicker as n,
-  SbSwitch as o,
+  jsxRuntimeExports as j,
+  SbTable as k,
+  SbDropdown as l,
+  makeAutoObservable as m,
+  SbCustom as n,
+  observer as o,
   pascalCase as p,
-  SbIcon as q,
+  SbCheckbox as q,
   registerComponent as r,
-  SbImage as s,
-  SbVariable as t,
-  SbTimer as u,
-  SbApi as v,
-  SbProvider as w,
-  SbEventFlow as x,
-  copyToClipboard as y,
-  navigateTo as z
-};
-//# sourceMappingURL=index-DzenoqnP.js.map
+  SbDatePicker as s,
+  toJS as t,
+  SbSwitch as u,
+  SbIcon as v,
+  SbImage as w,
+  SbVariable as x,
+  SbTimer as y,
+  SbApi as z
+};
+//# sourceMappingURL=index-CFz3UGkJ.js.map