@procore/data-table 14.4.2 → 14.5.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log
 
+## 14.5.0
+
+### Minor Changes
+
+- d63e5bf2e7: Optionally restore expand/collapse functionality for the SSRM table via `showExpandCollapseAllButtonOnSSRM` prop.
+
+### Patch Changes
+
+- 8184a4bdd9: Switch exports to always point to `.mjs`
+- d813df8e7c: Only call console.log/warn/error in development to prevent possible performance issues with Bugsnag breadcrumb creation
+
 ## 14.4.2
 
 ### Patch Changes

package/dist/legacy/index.d.mts

@@ -1067,6 +1067,7 @@ interface DataTableTranslations {
 interface DataTableProps {
     analytics?: AnalyticsConfig;
     columnDefinitions: (ColumnDefinition | NestedColumnDefinition)[];
+    customBulkEditorFields?: CustomBulkEditorFields;
     enableGroupEditAndValidation?: boolean;
     enableDynamicRowHeight?: boolean;
     filterGroups?: FilterGroup[];
@@ -1081,11 +1082,11 @@ interface DataTableProps {
      * the updated values
      */
     onBulkEditUpdate?: (rows: BulkEditResult[]) => Promise<void>;
+    showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
-    customBulkEditorFields?: CustomBulkEditorFields;
     enableCellTextSelection?: boolean;
 }
-interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest'> {
+interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
 interface FilterGroup {
     name: string;
@@ -1264,6 +1265,7 @@ interface InternalTableContext {
     setColumnApi: (columnApi: ColumnApi) => void;
     setGridApi: (gridApi: GridApi) => void;
     setRowHeight: (rowHeight: RowSize, createTrackEvent?: boolean, triggerTableConfigChange?: boolean) => void;
+    showExpandCollapseAllToggle: boolean;
     tableRef: React__default.RefObject<TableApi> | null;
     getColumnDefinition: (field: string) => ColumnDefinition | undefined;
     totalRowCount: number;
@@ -1361,7 +1363,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/legacy/index.d.ts

@@ -1067,6 +1067,7 @@ interface DataTableTranslations {
 interface DataTableProps {
     analytics?: AnalyticsConfig;
     columnDefinitions: (ColumnDefinition | NestedColumnDefinition)[];
+    customBulkEditorFields?: CustomBulkEditorFields;
     enableGroupEditAndValidation?: boolean;
     enableDynamicRowHeight?: boolean;
     filterGroups?: FilterGroup[];
@@ -1081,11 +1082,11 @@ interface DataTableProps {
      * the updated values
      */
     onBulkEditUpdate?: (rows: BulkEditResult[]) => Promise<void>;
+    showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
-    customBulkEditorFields?: CustomBulkEditorFields;
     enableCellTextSelection?: boolean;
 }
-interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest'> {
+interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
 interface FilterGroup {
     name: string;
@@ -1264,6 +1265,7 @@ interface InternalTableContext {
     setColumnApi: (columnApi: ColumnApi) => void;
     setGridApi: (gridApi: GridApi) => void;
     setRowHeight: (rowHeight: RowSize, createTrackEvent?: boolean, triggerTableConfigChange?: boolean) => void;
+    showExpandCollapseAllToggle: boolean;
     tableRef: React__default.RefObject<TableApi> | null;
     getColumnDefinition: (field: string) => ColumnDefinition | undefined;
     totalRowCount: number;
@@ -1361,7 +1363,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/legacy/index.js

@@ -450,7 +450,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(
@@ -459,20 +459,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 : "")
               );
             }
           }
@@ -629,9 +629,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;
@@ -714,9 +714,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;
               }
             }
           }
@@ -781,9 +781,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;
@@ -808,9 +808,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;
@@ -8246,6 +8246,28 @@ var Editor = React83__default.default.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 == null ? void 0 : func(option)) ?? (option == null ? void 0 : option.label) ?? (option == null ? void 0 : option.name) ?? option;
 }
@@ -8578,7 +8600,7 @@ var DateFilterRenderer = (props) => {
   if (onServerSideDataRequest) {
     return /* @__PURE__ */ React83__default.default.createElement(ServerSideDateSelectFilterRenderer, { ...props });
   }
-  console.error(
+  logger.error(
     "Warning: Date Filters are currently only implemented for the serverside row model"
   );
   return null;
@@ -9413,14 +9435,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();
@@ -52651,7 +52673,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");
@@ -52663,7 +52685,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);
@@ -54013,7 +54035,7 @@ var LocationFilterRenderer = (props) => {
   if (onServerSideDataRequest) {
     return /* @__PURE__ */ React83__default.default.createElement(ServerSideLocationFilterRenderer, { ...props });
   }
-  console.error(
+  logger.error(
     "Warning: Location Filters are currently only implemented for the serverside row model"
   );
   return null;
@@ -54210,7 +54232,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;
@@ -54564,7 +54586,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;
@@ -56286,7 +56308,12 @@ var GenericHeaderRenderer = (props) => {
   const colDef = props.column.getColDef();
   const HeaderNode = (_a = colDef.headerComponentParams) == null ? void 0 : _a.headerNode;
   const I18n = coreReact.useI18nContext();
-  const { columnApi, tableRef, onServerSideDataRequest } = useInternalTableContext();
+  const {
+    columnApi,
+    tableRef,
+    onServerSideDataRequest,
+    showExpandCollapseAllToggle
+  } = useInternalTableContext();
   const onSSDR = Boolean(onServerSideDataRequest);
   const [sortOrder, setSortOrder] = React83__default.default.useState(props.column.getSort());
   const [isFirstColumn2, setIsFirstColumn] = React83__default.default.useState(false);
@@ -56377,11 +56404,11 @@ var GenericHeaderRenderer = (props) => {
   }, [props.column]);
   const [isExpandable, setIsExpandable] = React83__default.default.useState(false);
   React83__default.default.useEffect(() => {
-    if (onSSDR) {
+    if (showExpandCollapseAllToggle === false) {
       return;
     }
     const hasExpandableNodes = !!findNode(
-      (node) => node.isExpandable(),
+      (node) => !!(node.group && !node.footer),
       props.api
     );
     setIsExpandable(
@@ -56929,7 +56956,7 @@ var emptyArray2 = [];
 var emptyObj = {};
 function logNoOp(text, returns) {
   return function() {
-    console.log("No-op", text);
+    logger.log("No-op", text);
     return returns;
   };
 }
@@ -57263,6 +57290,7 @@ var InternalTableContext = React83__default.default.createContext({
   },
   setRowHeight: () => {
   },
+  showExpandCollapseAllToggle: false,
   tableRef: null,
   getColumnDefinition: () => void 0,
   setSelectedGroupIndex: () => {
@@ -57309,8 +57337,7 @@ var Analytics = class {
 };
 
 // src/Analytics/Analytics.tsx
-var defaultTrackEvent = (e, params) => {
-  console.log("analytics::trackEvent", e, params);
+var noop3 = () => {
 };
 var AnalyticsContext = React83__default.default.createContext({});
 function AnalyticsProvider({
@@ -57320,7 +57347,7 @@ function AnalyticsProvider({
   return /* @__PURE__ */ React83__default.default.createElement(
     AnalyticsContext.Provider,
     {
-      value: { trackEvent: (analytics == null ? void 0 : analytics.trackEvent) || defaultTrackEvent }
+      value: { trackEvent: (analytics == null ? void 0 : analytics.trackEvent) || noop3 }
     },
     children
   );
@@ -76578,7 +76605,7 @@ function RadioList({
 }
 
 // src/Panels/BulkEdit.tsx
-function noop3() {
+function noop4() {
 }
 function parseValues(columns, values2) {
   return columns.reduce((updatedValues, column2) => {
@@ -76872,7 +76899,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;
@@ -76880,7 +76907,7 @@ var BulkEditInput = (props) => {
   }
 };
 var BulkEdit = React83__default.default.forwardRef(
-  ({ onReset = noop3 }, ref) => {
+  ({ onReset = noop4 }, ref) => {
     var _a;
     const {
       analytics,
@@ -77003,7 +77030,7 @@ var BulkEdit = React83__default.default.forwardRef(
           showToast.success(I18n.t("dataTable.bulkActions.success"));
           resetForm({});
           onReset();
-        } catch (error) {
+        } catch (error2) {
           showToast.error(I18n.t("dataTable.bulkActions.error"));
         }
       }
@@ -77529,7 +77556,7 @@ function groupFiltersByGroupName(props) {
     const groupName = filterProps == null ? void 0 : filterProps.groupName;
     filterIndex++;
     if (groupName && !(filterGroupNames == null ? void 0 : filterGroupNames.includes(groupName))) {
-      console.warn(
+      logger.warn(
         'filter "%s" is being associated with a filter group "%s" that does not exist',
         filterRecord.field,
         groupName
@@ -77596,7 +77623,7 @@ var StyledPanelSection = styled4__default.default(coreReact.Panel.Section)`
 `;
 
 // src/Panels/Filters.tsx
-function noop4() {
+function noop5() {
 }
 var cx19 = classnames__default.default.bind(styles_default);
 function isServerSideFilterGroups(_FiltersInGroup, isServerSideRowModel) {
@@ -77649,7 +77676,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;
@@ -77709,7 +77735,7 @@ function FiltersList(props) {
     },
     filterGroups == null ? void 0 : filterGroups.map((group) => {
       if (!filterGroupsMap[group.name]) {
-        console.warn(
+        logger.warn(
           'filters group "%s" is not associated with any filter',
           group.name
         );
@@ -77735,7 +77761,7 @@ function FiltersList(props) {
 var BaseFiltersPanel = ({
   children,
   className,
-  onClearAllFilters = noop4,
+  onClearAllFilters = noop5,
   ...props
 }) => {
   const { contextPanel } = useInternalTableContext();
@@ -78452,7 +78478,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.
     `);
@@ -81510,6 +81536,7 @@ var DataTable = ({
   onBulkEditUpdate,
   onServerSideDataRequest,
   onTableConfigChange,
+  showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection
 }) => {
@@ -81539,7 +81566,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)) {
@@ -81727,6 +81754,7 @@ var DataTable = ({
         setGridApi,
         setRowHeight: internalSetRowHeight,
         setSelectedGroupIndex,
+        showExpandCollapseAllToggle: showExpandCollapseAllToggle ?? false,
         tableRef,
         totalRowCount,
         setTotalRowCount,
@@ -82006,7 +82034,7 @@ var Table = (props) => {
   ]);
   React83__default.default.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,
@@ -82751,6 +82779,7 @@ var ClientSideDataTable = ({
       initialTableConfig: _initialTableConfig,
       onTableConfigChange,
       onBulkEditUpdate,
+      showExpandCollapseAllToggle: true,
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection
@@ -83022,7 +83051,7 @@ var QuickDateFilterRenderer = (props) => {
   if (onServerSideDataRequest) {
     return /* @__PURE__ */ React83__default.default.createElement(ServerSideQuickDateFilterRenderer, { ...props });
   }
-  console.error(
+  logger.error(
     "Warning: Date Filters are currently only implemented for the serverside row model"
   );
   return null;
@@ -83121,7 +83150,7 @@ var LocationQuickFilterOverlay = React83__default.default.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;
@@ -88167,6 +88196,7 @@ var ServerSideDataTable = ({
   onServerSideDataRequest,
   onTableConfigChange,
   enableCellTextSelection,
+  showExpandCollapseAllToggle,
   translations: translations2 = {}
 }) => {
   return /* @__PURE__ */ React83__default.default.createElement(
@@ -88182,6 +88212,7 @@ var ServerSideDataTable = ({
       onTableConfigChange,
       onServerSideDataRequest,
       onBulkEditUpdate,
+      showExpandCollapseAllToggle,
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection