@superblocksteam/library 2.0.3-next.196 → 2.0.3-next.198

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

@@ -82741,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(
@@ -83177,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(
@@ -83190,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 };
@@ -83470,7 +83501,7 @@ function registerStores(stores) {
   internalStores = { ...internalStores, ...stores };
   if (SUPPORTED_MODES.includes("production")) {
     if (Object.keys(internalStores).length === Object.keys(stores).length) {
-      import("./devtools-consolidated-pFTghgz2.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
+      import("./devtools-consolidated-CuKf4Mw6.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
         setRegisteredStores(internalStores);
         initializeCustomDevTools();
       }).catch((error) => {
@@ -83483,7 +83514,7 @@ function registerStores(stores) {
   }
 }
 const DevToolsInternal = React__default.lazy(() => {
-  return import("./devtools-consolidated-pFTghgz2.js").then((module2) => ({
+  return import("./devtools-consolidated-CuKf4Mw6.js").then((module2) => ({
     default: module2.CustomDevTools
   }));
 });
@@ -90948,14 +90979,14 @@ function getLoaderFn$1(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-CW9Ec2JW.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-bkDhkrOd.js"
+            "./splitPathsBySizeLoader-9ypptKho.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -135849,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"
@@ -135952,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",
@@ -136060,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({
@@ -136072,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,
@@ -136098,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(),
@@ -136140,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(),
@@ -136196,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
         }
       ]
@@ -145390,14 +145434,14 @@ function getLoaderFn(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-ByP0iRQq.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-BrImLlIK.js"
+            "./splitPathsBySizeLoader-CW0AvZcf.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -162213,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) {
@@ -162244,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);
@@ -197955,4 +198011,4 @@ export {
   SbTimer as y,
   SbApi as z
 };
-//# sourceMappingURL=index-DZvnjpQm.js.map
+//# sourceMappingURL=index-CFz3UGkJ.js.map