@procore/data-table 14.5.0 → 14.5.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 14.5.1
+
+### Patch Changes
+
+- 276ec0423: Add label to "Configure" button
+- 4743df6b3: Fix column header text is cutoff when too long
+- b88566710: Refactor `isEmptyValue`, removing extraneous code paths and adding test cases.
+
 ## 14.5.0
 
 ### Minor Changes
@@ -648,9 +656,9 @@ TextCellColumnDefinition<
   'customBottomRowRenderer', // pinned row renderer
   string,
   string
->
+>;
 // v8
-TextCellColumnDefinition<string, string, string>
+TextCellColumnDefinition<string, string, string>;
 ```
 
 ### Server Side Row Model Breaking Changes

package/dist/legacy/index.js

@@ -1419,7 +1419,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   animation-iteration-count: infinite;
   animation-name: ag-shake-left-to-right;
 }
-@keyframes _ag-shake-left-to-right_qs3ag_366 {
+@keyframes _ag-shake-left-to-right_taxt5_366 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5420,7 +5420,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_qs3ag_1 {
+@keyframes _spin_taxt5_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7592,8 +7592,11 @@ input[class^=ag-][type=range]:disabled {
 .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label {
   padding: 8px 0;
 }
+.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name-container {
+  width: 100%;
+}
 .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
-  white-space: nowrap;
+  word-wrap: break-word;
   text-overflow: ellipsis;
   overflow: hidden;
 }
@@ -7899,7 +7902,7 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 16px;
 }
 
-div._contextPanel_qs3ag_7123 {
+div._contextPanel_taxt5_7126 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7908,7 +7911,7 @@ div._contextPanel_qs3ag_7123 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_qs3ag_7132 {
+div._contextPanel--hidden_taxt5_7135 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7916,50 +7919,50 @@ div._contextPanel--hidden_qs3ag_7132 {
   width: 0px;
 }
 
-._contextPanelWrapper_qs3ag_7140 {
+._contextPanelWrapper_taxt5_7143 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_qs3ag_7145 {
+._contextPanelBody_taxt5_7148 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_qs3ag_7149 {
+._contextPanel-stickyHeader_taxt5_7152 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_qs3ag_7156 {
+._filters-list_taxt5_7159 {
   padding: 0;
   margin: 0;
 }
-._filters-list_qs3ag_7156 ol {
+._filters-list_taxt5_7159 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_qs3ag_7165 {
+._col-drag-column-icon_taxt5_7168 {
   color: #6a767c;
 }
 
-._tabular-nums_qs3ag_7169 {
+._tabular-nums_taxt5_7172 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_qs3ag_7123",
-  "contextPanel--hidden": "_contextPanel--hidden_qs3ag_7132",
-  "contextPanelWrapper": "_contextPanelWrapper_qs3ag_7140",
-  "contextPanelBody": "_contextPanelBody_qs3ag_7145",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_qs3ag_7149",
-  "filters-list": "_filters-list_qs3ag_7156",
-  "col-drag-column-icon": "_col-drag-column-icon_qs3ag_7165",
-  "tabular-nums": "_tabular-nums_qs3ag_7169",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_qs3ag_366",
-  "spin": "_spin_qs3ag_1"
+  "contextPanel": "_contextPanel_taxt5_7126",
+  "contextPanel--hidden": "_contextPanel--hidden_taxt5_7135",
+  "contextPanelWrapper": "_contextPanelWrapper_taxt5_7143",
+  "contextPanelBody": "_contextPanelBody_taxt5_7148",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_taxt5_7152",
+  "filters-list": "_filters-list_taxt5_7159",
+  "col-drag-column-icon": "_col-drag-column-icon_taxt5_7168",
+  "tabular-nums": "_tabular-nums_taxt5_7172",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_taxt5_366",
+  "spin": "_spin_taxt5_1"
 };
 
 // src/utils/getCellValueTypographyProps.ts
@@ -8147,19 +8150,19 @@ var CompanyCellRenderer = withDataTableRenderer(Renderer2, "select");
 
 // src/utils/isEmptyValue.ts
 var isEmptyValue = (value) => {
-  if (typeof value === "boolean") {
+  if (typeof value === "boolean" || typeof value === "number") {
     return false;
   }
-  if (Array.isArray(value)) {
-    return !value.length;
+  if (!value) {
+    return true;
   }
-  if (value === 0) {
-    return false;
+  if (Array.isArray(value)) {
+    return value.length === 0;
   }
-  if (value && Object.keys(value).length === 0 && Object.getPrototypeOf(value) === Object.prototype) {
-    return !!value;
+  if (Object.getPrototypeOf(value) === Object.prototype) {
+    return Object.keys(value).length === 0;
   }
-  return !value;
+  return false;
 };
 
 // src/CellRenderers/CurrencyCell.tsx
@@ -56645,7 +56648,7 @@ var GenericHeaderRenderer = (props) => {
           trigger: isOverflowing ? "hover" : "none",
           overlay: /* @__PURE__ */ React83__default.default.createElement(coreReact.Tooltip.Content, null, /* @__PURE__ */ React83__default.default.createElement("span", null, props.displayName))
         },
-        /* @__PURE__ */ React83__default.default.createElement("div", null, /* @__PURE__ */ React83__default.default.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
+        /* @__PURE__ */ React83__default.default.createElement("div", { className: "data-table-header-display-name-container" }, /* @__PURE__ */ React83__default.default.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
       ), HeaderNode && /* @__PURE__ */ React83__default.default.createElement(
         coreReact.Flex,
         {
@@ -77838,6 +77841,7 @@ function useContextPanel() {
 }
 var ConfigPanelButton = () => {
   const { contextPanel, totalRowCount } = useInternalTableContext();
+  const I18n = coreReact.useI18nContext();
   return /* @__PURE__ */ React83__default.default.createElement(
     EmptyResultsControlTooltip,
     {
@@ -77855,28 +77859,29 @@ var ConfigPanelButton = () => {
             contextPanel.show("configuration");
           }
         },
+        icon: /* @__PURE__ */ React83__default.default.createElement(
+          "svg",
+          {
+            style: { marginTop: "6px" },
+            focusable: false,
+            width: "15",
+            height: "15",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          },
+          /* @__PURE__ */ React83__default.default.createElement(
+            "path",
+            {
+              d: "M0 11.5V13.5H4.5V11.5H0ZM0 1.5V3.5H7.5V1.5H0ZM8.5 15V13.5H15V11.5H8.5V10H6.66667V15H8.5ZM3.5 5V6.5H0V8.5H3.5V10H5.5V5H3.5ZM15 8.5V6.5H7.5V8.5H15ZM9.5 5H11.6667V3.5H15V1.5H11.6667V0H9.5V5Z",
+              fill: "currentColor"
+            }
+          )
+        ),
         selected: contextPanel.content === "configuration",
         "data-qa": "table-config-button"
       },
-      /* @__PURE__ */ React83__default.default.createElement(
-        "svg",
-        {
-          style: { marginTop: "6px" },
-          focusable: false,
-          width: "15",
-          height: "15",
-          viewBox: "0 0 15 15",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg"
-        },
-        /* @__PURE__ */ React83__default.default.createElement(
-          "path",
-          {
-            d: "M0 11.5V13.5H4.5V11.5H0ZM0 1.5V3.5H7.5V1.5H0ZM8.5 15V13.5H15V11.5H8.5V10H6.66667V15H8.5ZM3.5 5V6.5H0V8.5H3.5V10H5.5V5H3.5ZM15 8.5V6.5H7.5V8.5H15ZM9.5 5H11.6667V3.5H15V1.5H11.6667V0H9.5V5Z",
-            fill: "currentColor"
-          }
-        )
-      )
+      I18n.t("dataTable.tableSettings.configure")
     )
   );
 };
@@ -78711,7 +78716,8 @@ var de_DE_default = {
       tableSettings: "Tabelleneinstellungen",
       groupBy: "Gruppieren nach:",
       reset: "Zur\xFCcksetzen",
-      selectColumnGroup: "W\xE4hlen Sie eine Spalte zum Gruppieren."
+      selectColumnGroup: "W\xE4hlen Sie eine Spalte zum Gruppieren.",
+      configure: "Konfigurieren"
     },
     rowGroupToggle: {
       expandTierOne: "\xD6ffnen Sie die ersten Gruppen in der Tabelle.",
@@ -78855,7 +78861,8 @@ var en_AU_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -78999,7 +79006,8 @@ var en_CA_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -79143,7 +79151,8 @@ var en_GB_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -79287,7 +79296,8 @@ var en_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -79431,7 +79441,8 @@ var es_ES_default = {
       tableSettings: "Configuraci\xF3n de la tabla",
       groupBy: "Agrupar por:",
       reset: "Restablecer",
-      selectColumnGroup: "Seleccione una columna para agrupar"
+      selectColumnGroup: "Seleccione una columna para agrupar",
+      configure: "Configurar"
     },
     rowGroupToggle: {
       expandTierOne: "Abrir los primeros grupos de la tabla.",
@@ -79575,7 +79586,8 @@ var es_default = {
       tableSettings: "Configuraci\xF3n de la tabla",
       groupBy: "Agrupar por:",
       reset: "Restablecer",
-      selectColumnGroup: "Selecciona una columna para agrupar"
+      selectColumnGroup: "Selecciona una columna para agrupar",
+      configure: "Configurar"
     },
     rowGroupToggle: {
       expandTierOne: "Abrir los primeros grupos de la tabla.",
@@ -79719,7 +79731,8 @@ var fr_CA_default = {
       tableSettings: "Param\xE8tres du tableau",
       groupBy: "Regrouper par :",
       reset: "R\xE9initialiser",
-      selectColumnGroup: "S\xE9lectionnez une colonne \xE0 grouper"
+      selectColumnGroup: "S\xE9lectionnez une colonne \xE0 grouper",
+      configure: "Configurer"
     },
     rowGroupToggle: {
       expandTierOne: "Ouvrez les premiers groupes du tableau.",
@@ -79863,7 +79876,8 @@ var fr_FR_default = {
       tableSettings: "Param\xE8tres du tableau",
       groupBy: "Regrouper par\xA0:",
       reset: "R\xE9initialiser",
-      selectColumnGroup: "S\xE9lectionner une colonne \xE0 regrouper"
+      selectColumnGroup: "S\xE9lectionner une colonne \xE0 regrouper",
+      configure: "Configurer"
     },
     rowGroupToggle: {
       expandTierOne: "Ouvrez les premiers groupes du tableau.",
@@ -80007,7 +80021,8 @@ var is_IS_default = {
       tableSettings: "Tafla stillingar",
       groupBy: "H\xF3pur eftir:",
       reset: "Endurstilla",
-      selectColumnGroup: "Veldu d\xE1lk til a\xF0 flokka"
+      selectColumnGroup: "Veldu d\xE1lk til a\xF0 flokka",
+      configure: "Stilla"
     },
     rowGroupToggle: {
       expandTierOne: "Opna\xF0u fyrstu h\xF3pa \xED t\xF6flunni.",
@@ -80151,7 +80166,8 @@ var ja_JP_default = {
       tableSettings: "\u8868\u306E\u8A2D\u5B9A",
       groupBy: "\u30B0\u30EB\u30FC\u30D7\u5316:",
       reset: "\u30EA\u30BB\u30C3\u30C8",
-      selectColumnGroup: "\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B\u5217\u3092\u9078\u629E"
+      selectColumnGroup: "\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B\u5217\u3092\u9078\u629E",
+      configure: "\u69CB\u6210"
     },
     rowGroupToggle: {
       expandTierOne: "\u8868\u306E\u6700\u521D\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u958B\u304D\u307E\u3059\u3002",
@@ -80295,7 +80311,8 @@ var pt_BR_default = {
       tableSettings: "Configura\xE7\xF5es da Tabela",
       groupBy: "Agrupar por:",
       reset: "Redefinir",
-      selectColumnGroup: "Selecionar uma coluna para agrupar"
+      selectColumnGroup: "Selecionar uma coluna para agrupar",
+      configure: "Configurar"
     },
     rowGroupToggle: {
       expandTierOne: "Abra os primeiros grupos na tabela.",
@@ -80439,7 +80456,8 @@ var th_TH_default = {
       tableSettings: "\u0E01\u0E32\u0E23\u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32\u0E15\u0E32\u0E23\u0E32\u0E07",
       groupBy: "\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21\u0E15\u0E32\u0E21:",
       reset: "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15",
-      selectColumnGroup: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E17\u0E35\u0E48\u0E08\u0E30\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21"
+      selectColumnGroup: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E17\u0E35\u0E48\u0E08\u0E30\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21",
+      configure: "\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E04\u0E48\u0E32"
     },
     rowGroupToggle: {
       expandTierOne: "\u0E40\u0E1B\u0E34\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21\u0E41\u0E23\u0E01\u0E43\u0E19\u0E15\u0E32\u0E23\u0E32\u0E07",
@@ -80583,7 +80601,8 @@ var zh_SG_default = {
       tableSettings: "\u8868\u683C\u8BBE\u7F6E",
       groupBy: "\u5206\u7EC4\u4F9D\u636E\uFF1A",
       reset: "\u91CD\u7F6E",
-      selectColumnGroup: "\u9009\u62E9\u8981\u5206\u7C7B\u7684\u5217"
+      selectColumnGroup: "\u9009\u62E9\u8981\u5206\u7C7B\u7684\u5217",
+      configure: "\u914D\u7F6E"
     },
     rowGroupToggle: {
       expandTierOne: "\u6253\u5F00\u8868\u4E2D\u7684\u7B2C\u4E00\u4E2A\u7EC4\u3002",