@procore/data-table 14.5.0 → 14.5.1

package/dist/modern/index.mjs

@@ -1403,7 +1403,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;
@@ -5404,7 +5404,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);
   }
@@ -7576,8 +7576,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;
 }
@@ -7883,7 +7886,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;
@@ -7892,7 +7895,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;
@@ -7900,50 +7903,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
@@ -8129,19 +8132,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
@@ -56536,7 +56539,7 @@ var GenericHeaderRenderer = (props) => {
           trigger: isOverflowing ? "hover" : "none",
           overlay: /* @__PURE__ */ React83.createElement(Tooltip.Content, null, /* @__PURE__ */ React83.createElement("span", null, props.displayName))
         },
-        /* @__PURE__ */ React83.createElement("div", null, /* @__PURE__ */ React83.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
+        /* @__PURE__ */ React83.createElement("div", { className: "data-table-header-display-name-container" }, /* @__PURE__ */ React83.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
       ), HeaderNode && /* @__PURE__ */ React83.createElement(
         Flex,
         {
@@ -77682,6 +77685,7 @@ function useContextPanel() {
 }
 var ConfigPanelButton = () => {
   const { contextPanel, totalRowCount } = useInternalTableContext();
+  const I18n = useI18nContext();
   return /* @__PURE__ */ React83.createElement(
     EmptyResultsControlTooltip,
     {
@@ -77699,28 +77703,29 @@ var ConfigPanelButton = () => {
             contextPanel.show("configuration");
           }
         },
+        icon: /* @__PURE__ */ React83.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.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.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.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")
     )
   );
 };
@@ -78539,7 +78544,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.",
@@ -78683,7 +78689,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.",
@@ -78827,7 +78834,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.",
@@ -78971,7 +78979,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.",
@@ -79115,7 +79124,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.",
@@ -79259,7 +79269,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.",
@@ -79403,7 +79414,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.",
@@ -79547,7 +79559,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.",
@@ -79691,7 +79704,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.",
@@ -79835,7 +79849,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.",
@@ -79979,7 +79994,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",
@@ -80123,7 +80139,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.",
@@ -80267,7 +80284,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",
@@ -80411,7 +80429,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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.5.0",
+  "version": "14.5.1",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "main": "dist/modern/index.js",
   "module": "dist/modern/index.mjs",
@@ -36,7 +36,6 @@
     "cypress:run": "cypress run -b ${CYPRESS_BROWSER-chrome} --spec ${CYPRESS_SPEC-cypress/e2e/**/*.e2e.ts}",
     "cypress:run:all": "start-server-and-test storybook-static:server http://127.0.0.1:6006 'yarn cypress:run'",
     "cypress:install": "cypress install",
-    "dev": "NODE_ENV=development webpack --mode=development --watch",
     "prettier": "prettier --write",
     "prettier:check": "prettier --check",
     "storybook": "storybook dev -p 6006",
@@ -133,20 +132,11 @@
     "@typescript-eslint/eslint-plugin": "5.48.2",
     "@typescript-eslint/parser": "5.48.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.7",
-    "assert": "2.0.0",
-    "browserify-zlib": "0.2.0",
-    "buffer": "6.0.3",
-    "console-browserify": "1.2.0",
-    "constants-browserify": "1.0.0",
-    "copy-webpack-plugin": "11.0.0",
-    "crypto-browserify": "3.12.0",
     "css-loader": "6.7.1",
-    "css-minimizer-webpack-plugin": "4.2.2",
     "cypress": "13.6.1",
     "cypress-multi-reporters": "1.6.4",
     "cypress-real-events": "^1.11.0",
     "cypress-web-vitals": "^4.1.2",
-    "domain-browser": "4.22.0",
     "enzyme": "3.11.0",
     "esbuild-sass-plugin": "^2.16.1",
     "eslint": "8.31.0",
@@ -158,44 +148,23 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.32.0",
     "eslint-plugin-react-hooks": "4.6.0",
-    "events": "3.3.0",
     "http-server": "^14.1.1",
-    "https-browserify": "1.0.0",
     "jest": "29.5.0",
-    "mini-css-extract-plugin": "2.6.1",
     "miragejs": "0.1.45",
     "mocha-junit-reporter": "^2.2.1",
     "mochawesome": "^7.1.3",
-    "os-browserify": "0.3.0",
-    "path-browserify": "1.0.1",
     "postcss-modules": "^6.0.0",
-    "process": "0.11.10",
-    "punycode": "2.3.0",
-    "querystring-es3": "0.2.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "readable-stream": "4.1.0",
     "rimraf": "3.0.2",
     "safe-json-stringify": "^1.2.0",
     "sass": "1.57.1",
     "sass-loader": "13.2.0",
     "start-server-and-test": "1.15.4",
     "storybook": "^7.5.3",
-    "stream-browserify": "3.0.0",
-    "stream-http": "3.2.0",
-    "string_decoder": "1.3.0",
     "style-loader": "3.3.1",
     "styled-components": "5.3.9",
-    "terser-webpack-plugin": "5.3.5",
-    "timers-browserify": "2.0.12",
-    "ts-loader": "9.4.2",
     "tsup": "^8.0.1",
-    "tty-browserify": "0.0.1",
-    "typescript": "^4.9.5",
-    "url": "0.11.0",
-    "util": "0.12.5",
-    "vm-browserify": "1.1.2",
-    "webpack": "5.74.0",
-    "webpack-cli": "4.10.0"
+    "typescript": "^4.9.5"
   }
 }