@procore/data-table 14.4.2 → 14.5.0

package/dist/modern/index.mjs

@@ -436,7 +436,7 @@ var require_checkPropTypes = __commonJS({
       if (process.env.NODE_ENV !== "production") {
         for (var typeSpecName in typeSpecs) {
           if (has(typeSpecs, typeSpecName)) {
-            var error;
+            var error2;
             try {
               if (typeof typeSpecs[typeSpecName] !== "function") {
                 var err = Error(
@@ -445,20 +445,20 @@ var require_checkPropTypes = __commonJS({
                 err.name = "Invariant Violation";
                 throw err;
               }
-              error = typeSpecs[typeSpecName](values2, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+              error2 = typeSpecs[typeSpecName](values2, typeSpecName, componentName, location, null, ReactPropTypesSecret);
             } catch (ex) {
-              error = ex;
+              error2 = ex;
             }
-            if (error && !(error instanceof Error)) {
+            if (error2 && !(error2 instanceof Error)) {
               printWarning(
-                (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+                (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error2 + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
               );
             }
-            if (error instanceof Error && !(error.message in loggedTypeFailures)) {
-              loggedTypeFailures[error.message] = true;
+            if (error2 instanceof Error && !(error2.message in loggedTypeFailures)) {
+              loggedTypeFailures[error2.message] = true;
               var stack = getStack ? getStack() : "";
               printWarning(
-                "Failed " + location + " type: " + error.message + (stack != null ? stack : "")
+                "Failed " + location + " type: " + error2.message + (stack != null ? stack : "")
               );
             }
           }
@@ -615,9 +615,9 @@ var require_factoryWithTypeCheckers = __commonJS({
             return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
           }
           for (var i = 0; i < propValue.length; i++) {
-            var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
-            if (error instanceof Error) {
-              return error;
+            var error2 = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
+            if (error2 instanceof Error) {
+              return error2;
             }
           }
           return null;
@@ -700,9 +700,9 @@ var require_factoryWithTypeCheckers = __commonJS({
           }
           for (var key in propValue) {
             if (has(propValue, key)) {
-              var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-              if (error instanceof Error) {
-                return error;
+              var error2 = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+              if (error2 instanceof Error) {
+                return error2;
               }
             }
           }
@@ -767,9 +767,9 @@ var require_factoryWithTypeCheckers = __commonJS({
             if (typeof checker !== "function") {
               return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
             }
-            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-            if (error) {
-              return error;
+            var error2 = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+            if (error2) {
+              return error2;
             }
           }
           return null;
@@ -794,9 +794,9 @@ var require_factoryWithTypeCheckers = __commonJS({
                 "Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, "  ")
               );
             }
-            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-            if (error) {
-              return error;
+            var error2 = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+            if (error2) {
+              return error2;
             }
           }
           return null;
@@ -8226,6 +8226,28 @@ var Editor = React83.forwardRef(
   }
 );
 var CurrencyCellEditor = withDataTableEditor(Editor, "input");
+
+// src/utils/logger.ts
+var log = (...args) => {
+  if (process.env.NODE_ENV === "development") {
+    console.log(...args);
+  }
+};
+var warn = (...args) => {
+  if (process.env.NODE_ENV === "development") {
+    console.warn(...args);
+  }
+};
+var error = (...args) => {
+  if (process.env.NODE_ENV === "development") {
+    console.error(...args);
+  }
+};
+var logger = {
+  log,
+  warn,
+  error
+};
 function getLabel(func, option) {
   return func?.(option) ?? option?.label ?? option?.name ?? option;
 }
@@ -8556,7 +8578,7 @@ var DateFilterRenderer = (props) => {
   if (onServerSideDataRequest) {
     return /* @__PURE__ */ React83.createElement(ServerSideDateSelectFilterRenderer, { ...props });
   }
-  console.error(
+  logger.error(
     "Warning: Date Filters are currently only implemented for the serverside row model"
   );
   return null;
@@ -9385,14 +9407,14 @@ ModuleRegistry.areGridScopedModules = false;
 
 // ../../node_modules/@ag-grid-community/core/dist/esm/es6/context/context.mjs
 var Context = class {
-  constructor(params, logger) {
+  constructor(params, logger2) {
     this.beanWrappers = {};
     this.destroyed = false;
     if (!params || !params.beanClasses) {
       return;
     }
     this.contextParams = params;
-    this.logger = logger;
+    this.logger = logger2;
     this.logger.log(">> creating ag-Application Context");
     this.createBeans();
     const beanInstances = this.getBeanInstances();
@@ -52623,7 +52645,7 @@ var GridCoreCreator = class {
       debug: debug2,
       gridId
     };
-    const logger = new Logger("AG Grid", () => gridOptions.debug);
+    const logger2 = new Logger("AG Grid", () => gridOptions.debug);
     const contextLogger = new Logger("Context", () => contextParams.debug);
     const context = new Context(contextParams, contextLogger);
     const beans = context.getBean("beans");
@@ -52635,7 +52657,7 @@ var GridCoreCreator = class {
       this.setColumnsAndData(beans);
       this.dispatchGridReadyEvent(beans);
       const isEnterprise = ModuleRegistry.__isRegistered(ModuleNames.EnterpriseCoreModule, gridId);
-      logger.log(`initialised successfully, enterprise = ${isEnterprise}`);
+      logger2.log(`initialised successfully, enterprise = ${isEnterprise}`);
     });
     if (acceptChanges) {
       acceptChanges(context);
@@ -53955,7 +53977,7 @@ var LocationFilterRenderer = (props) => {
   if (onServerSideDataRequest) {
     return /* @__PURE__ */ React83.createElement(ServerSideLocationFilterRenderer, { ...props });
   }
-  console.error(
+  logger.error(
     "Warning: Location Filters are currently only implemented for the serverside row model"
   );
   return null;
@@ -54144,7 +54166,7 @@ var MultiSelectFilterRenderer = (props) => {
   const { onServerSideDataRequest } = useInternalTableContext();
   const Renderer13 = onServerSideDataRequest ? ServerSideMultiSelectFilterRenderer : ClientSideMultiSelectFilterRenderer;
   if (isNumberFilterModel(value)) {
-    console.warn(
+    logger.warn(
       "a value was set that is not compatible with this MultiSelectFilterRenderer"
     );
     return null;
@@ -54493,7 +54515,7 @@ var ServerSideFilter = ({
     value
   } = useServerSideFilter({ columnDefinition });
   if (columnDefinition === void 0 || columnDefinition === null) {
-    console.warn(
+    logger.warn(
       `Unable to find the columnDefinition (${columnDefinition}) for fieldName: ${fieldName}`
     );
     return null;
@@ -56183,7 +56205,12 @@ var GenericHeaderRenderer = (props) => {
   const colDef = props.column.getColDef();
   const HeaderNode = colDef.headerComponentParams?.headerNode;
   const I18n = useI18nContext();
-  const { columnApi, tableRef, onServerSideDataRequest } = useInternalTableContext();
+  const {
+    columnApi,
+    tableRef,
+    onServerSideDataRequest,
+    showExpandCollapseAllToggle
+  } = useInternalTableContext();
   const onSSDR = Boolean(onServerSideDataRequest);
   const [sortOrder, setSortOrder] = React83.useState(props.column.getSort());
   const [isFirstColumn2, setIsFirstColumn] = React83.useState(false);
@@ -56273,11 +56300,11 @@ var GenericHeaderRenderer = (props) => {
   }, [props.column]);
   const [isExpandable, setIsExpandable] = React83.useState(false);
   React83.useEffect(() => {
-    if (onSSDR) {
+    if (showExpandCollapseAllToggle === false) {
       return;
     }
     const hasExpandableNodes = !!findNode(
-      (node) => node.isExpandable(),
+      (node) => !!(node.group && !node.footer),
       props.api
     );
     setIsExpandable(
@@ -56812,7 +56839,7 @@ var emptyArray2 = [];
 var emptyObj = {};
 function logNoOp(text, returns) {
   return function() {
-    console.log("No-op", text);
+    logger.log("No-op", text);
     return returns;
   };
 }
@@ -57143,6 +57170,7 @@ var InternalTableContext = React83.createContext({
   },
   setRowHeight: () => {
   },
+  showExpandCollapseAllToggle: false,
   tableRef: null,
   getColumnDefinition: () => void 0,
   setSelectedGroupIndex: () => {
@@ -57189,8 +57217,7 @@ var Analytics = class {
 };
 
 // src/Analytics/Analytics.tsx
-var defaultTrackEvent = (e, params) => {
-  console.log("analytics::trackEvent", e, params);
+var noop3 = () => {
 };
 var AnalyticsContext = React83.createContext({});
 function AnalyticsProvider({
@@ -57200,7 +57227,7 @@ function AnalyticsProvider({
   return /* @__PURE__ */ React83.createElement(
     AnalyticsContext.Provider,
     {
-      value: { trackEvent: analytics?.trackEvent || defaultTrackEvent }
+      value: { trackEvent: analytics?.trackEvent || noop3 }
     },
     children
   );
@@ -76455,7 +76482,7 @@ function RadioList({
 }
 
 // src/Panels/BulkEdit.tsx
-function noop3() {
+function noop4() {
 }
 function parseValues(columns, values2) {
   return columns.reduce((updatedValues, column2) => {
@@ -76742,7 +76769,7 @@ var BulkEditInput = (props) => {
           }
         );
       } else {
-        console.warn(
+        logger.warn(
           `@procore/data-table: Unable to find the field for ${props.editor}. Will fallback to a Form.Text.`
         );
         return defaultField;
@@ -76750,7 +76777,7 @@ var BulkEditInput = (props) => {
   }
 };
 var BulkEdit = React83.forwardRef(
-  ({ onReset = noop3 }, ref) => {
+  ({ onReset = noop4 }, ref) => {
     const {
       analytics,
       columnApi,
@@ -76870,7 +76897,7 @@ var BulkEdit = React83.forwardRef(
           showToast.success(I18n.t("dataTable.bulkActions.success"));
           resetForm({});
           onReset();
-        } catch (error) {
+        } catch (error2) {
           showToast.error(I18n.t("dataTable.bulkActions.error"));
         }
       }
@@ -77374,7 +77401,7 @@ function groupFiltersByGroupName(props) {
     const groupName = filterProps?.groupName;
     filterIndex++;
     if (groupName && !filterGroupNames?.includes(groupName)) {
-      console.warn(
+      logger.warn(
         'filter "%s" is being associated with a filter group "%s" that does not exist',
         filterRecord.field,
         groupName
@@ -77441,7 +77468,7 @@ var StyledPanelSection = styled4(Panel.Section)`
 `;
 
 // src/Panels/Filters.tsx
-function noop4() {
+function noop5() {
 }
 var cx19 = classnames.bind(styles_default);
 function isServerSideFilterGroups(_FiltersInGroup, isServerSideRowModel) {
@@ -77494,7 +77521,6 @@ function FilterListItems(props) {
       "data-qa": "data-table-possible-filters-list"
     },
     filtersInGroup.map((filterRecord) => {
-      console.log("filterRecord ", filterRecord);
       const { columnDefinition } = filterRecord;
       if (!columnDefinition) {
         return null;
@@ -77554,7 +77580,7 @@ function FiltersList(props) {
     },
     filterGroups?.map((group) => {
       if (!filterGroupsMap[group.name]) {
-        console.warn(
+        logger.warn(
           'filters group "%s" is not associated with any filter',
           group.name
         );
@@ -77580,7 +77606,7 @@ function FiltersList(props) {
 var BaseFiltersPanel = ({
   children,
   className,
-  onClearAllFilters = noop4,
+  onClearAllFilters = noop5,
   ...props
 }) => {
   const { contextPanel } = useInternalTableContext();
@@ -78281,7 +78307,7 @@ var buildDetailRowsConfig = ({
     return {};
   }
   if (detailRowConfigs.length > 1) {
-    console.warn(`
+    logger.warn(`
       DataTable: "detailRowConfigs" of length ${detailRowConfigs.length} was provided, while it only supports an array of length 1.
       Please use "detailRowConfig", as "detailRowConfigs" is deprecated.
     `);
@@ -81327,6 +81353,7 @@ var DataTable = ({
   onBulkEditUpdate,
   onServerSideDataRequest,
   onTableConfigChange,
+  showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection
 }) => {
@@ -81356,7 +81383,7 @@ var DataTable = ({
   const missingTranslation = internalI18n.missingTranslation.bind(internalI18n);
   internalI18n.missingTranslation = (scope2, options) => {
     if (scope2.match(/core\.dataTable/)) {
-      console.warn(`[DataTable] Missing Translation: ${scope2}`);
+      logger.warn(`[DataTable] Missing Translation: ${scope2}`);
       return "";
     }
     if (dataTableTranslationKeys.includes(scope2)) {
@@ -81540,6 +81567,7 @@ var DataTable = ({
         setGridApi,
         setRowHeight: internalSetRowHeight,
         setSelectedGroupIndex,
+        showExpandCollapseAllToggle: showExpandCollapseAllToggle ?? false,
         tableRef,
         totalRowCount,
         setTotalRowCount,
@@ -81806,7 +81834,7 @@ var Table = (props) => {
   ]);
   React83.useEffect(() => {
     if (frameworkComponentsInitialized.current === true) {
-      console.warn("Don't update custom cells after the initial render.");
+      logger.warn("Don't update custom cells after the initial render.");
       setFrameworkComponents(
         getFrameworkComponents(
           headerMenuConfig,
@@ -82531,6 +82559,7 @@ var ClientSideDataTable = ({
       initialTableConfig: _initialTableConfig,
       onTableConfigChange,
       onBulkEditUpdate,
+      showExpandCollapseAllToggle: true,
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection
@@ -82799,7 +82828,7 @@ var QuickDateFilterRenderer = (props) => {
   if (onServerSideDataRequest) {
     return /* @__PURE__ */ React83.createElement(ServerSideQuickDateFilterRenderer, { ...props });
   }
-  console.error(
+  logger.error(
     "Warning: Date Filters are currently only implemented for the serverside row model"
   );
   return null;
@@ -82897,7 +82926,7 @@ var LocationQuickFilterOverlay = React83.forwardRef(
     value
   }, ref) => {
     if (value && !Array.isArray(value)) {
-      console.warn(
+      logger.warn(
         "a value was set that is not compatible with this LocationQuickFilterRenderer"
       );
       return null;
@@ -87923,6 +87952,7 @@ var ServerSideDataTable = ({
   onServerSideDataRequest,
   onTableConfigChange,
   enableCellTextSelection,
+  showExpandCollapseAllToggle,
   translations: translations2 = {}
 }) => {
   return /* @__PURE__ */ React83.createElement(
@@ -87938,6 +87968,7 @@ var ServerSideDataTable = ({
       onTableConfigChange,
       onServerSideDataRequest,
       onBulkEditUpdate,
+      showExpandCollapseAllToggle,
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@procore/data-table",
-  "version": "14.4.2",
+  "version": "14.5.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
-  "main": "dist/legacy/index.js",
-  "module": "dist/legacy/index.mjs",
+  "main": "dist/modern/index.js",
+  "module": "dist/modern/index.mjs",
   "exports": {
     ".": {
       "import": {
@@ -11,13 +11,13 @@
         "default": "./dist/modern/index.mjs"
       },
       "require": {
-        "types": "./dist/modern/index.d.ts",
-        "default": "./dist/modern/index.js"
+        "types": "./dist/modern/index.d.mts",
+        "default": "./dist/modern/index.mjs"
       }
     },
     "./package.json": "./package.json"
   },
-  "types": "dist/legacy/index.d.mts",
+  "types": "dist/modern/index.d.mts",
   "publishConfig": {
     "access": "public"
   },