@procore/data-table 14.5.0 → 14.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1417,7 +1417,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1417
1417
  animation-iteration-count: infinite;
1418
1418
  animation-name: ag-shake-left-to-right;
1419
1419
  }
1420
- @keyframes _ag-shake-left-to-right_qs3ag_366 {
1420
+ @keyframes _ag-shake-left-to-right_taxt5_366 {
1421
1421
  from {
1422
1422
  padding-left: 6px;
1423
1423
  padding-right: 2px;
@@ -5418,7 +5418,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
5418
5418
  animation-iteration-count: infinite;
5419
5419
  animation-timing-function: linear;
5420
5420
  }
5421
- @keyframes _spin_qs3ag_1 {
5421
+ @keyframes _spin_taxt5_1 {
5422
5422
  from {
5423
5423
  transform: rotate(0deg);
5424
5424
  }
@@ -7590,8 +7590,11 @@ input[class^=ag-][type=range]:disabled {
7590
7590
  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label {
7591
7591
  padding: 8px 0;
7592
7592
  }
7593
+ .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 {
7594
+ width: 100%;
7595
+ }
7593
7596
  .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 {
7594
- white-space: nowrap;
7597
+ word-wrap: break-word;
7595
7598
  text-overflow: ellipsis;
7596
7599
  overflow: hidden;
7597
7600
  }
@@ -7897,7 +7900,7 @@ input[class^=ag-][type=range]:disabled {
7897
7900
  padding-left: 16px;
7898
7901
  }
7899
7902
 
7900
- div._contextPanel_qs3ag_7123 {
7903
+ div._contextPanel_taxt5_7126 {
7901
7904
  width: 400px;
7902
7905
  transition: all ease 500ms;
7903
7906
  flex: 0 0 auto;
@@ -7906,7 +7909,7 @@ div._contextPanel_qs3ag_7123 {
7906
7909
  border: 1px solid #d6dadc;
7907
7910
  display: flex;
7908
7911
  }
7909
- div._contextPanel--hidden_qs3ag_7132 {
7912
+ div._contextPanel--hidden_taxt5_7135 {
7910
7913
  border: none;
7911
7914
  overflow: hidden;
7912
7915
  padding: 0px;
@@ -7914,50 +7917,50 @@ div._contextPanel--hidden_qs3ag_7132 {
7914
7917
  width: 0px;
7915
7918
  }
7916
7919
 
7917
- ._contextPanelWrapper_qs3ag_7140 {
7920
+ ._contextPanelWrapper_taxt5_7143 {
7918
7921
  position: relative;
7919
7922
  flex-grow: 1;
7920
7923
  }
7921
7924
 
7922
- ._contextPanelBody_qs3ag_7145 {
7925
+ ._contextPanelBody_taxt5_7148 {
7923
7926
  width: clamp(380px, 400px, 100%);
7924
7927
  }
7925
7928
 
7926
- ._contextPanel-stickyHeader_qs3ag_7149 {
7929
+ ._contextPanel-stickyHeader_taxt5_7152 {
7927
7930
  background-color: #ffffff;
7928
7931
  position: sticky;
7929
7932
  top: 0;
7930
7933
  z-index: 5;
7931
7934
  }
7932
7935
 
7933
- ._filters-list_qs3ag_7156 {
7936
+ ._filters-list_taxt5_7159 {
7934
7937
  padding: 0;
7935
7938
  margin: 0;
7936
7939
  }
7937
- ._filters-list_qs3ag_7156 ol {
7940
+ ._filters-list_taxt5_7159 ol {
7938
7941
  padding: 0;
7939
7942
  margin: 0;
7940
7943
  }
7941
7944
 
7942
- ._col-drag-column-icon_qs3ag_7165 {
7945
+ ._col-drag-column-icon_taxt5_7168 {
7943
7946
  color: #6a767c;
7944
7947
  }
7945
7948
 
7946
- ._tabular-nums_qs3ag_7169 {
7949
+ ._tabular-nums_taxt5_7172 {
7947
7950
  font-variant-numeric: tabular-nums;
7948
7951
  }`;
7949
7952
  document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
7950
7953
  var styles_default = {
7951
- "contextPanel": "_contextPanel_qs3ag_7123",
7952
- "contextPanel--hidden": "_contextPanel--hidden_qs3ag_7132",
7953
- "contextPanelWrapper": "_contextPanelWrapper_qs3ag_7140",
7954
- "contextPanelBody": "_contextPanelBody_qs3ag_7145",
7955
- "contextPanel-stickyHeader": "_contextPanel-stickyHeader_qs3ag_7149",
7956
- "filters-list": "_filters-list_qs3ag_7156",
7957
- "col-drag-column-icon": "_col-drag-column-icon_qs3ag_7165",
7958
- "tabular-nums": "_tabular-nums_qs3ag_7169",
7959
- "ag-shake-left-to-right": "_ag-shake-left-to-right_qs3ag_366",
7960
- "spin": "_spin_qs3ag_1"
7954
+ "contextPanel": "_contextPanel_taxt5_7126",
7955
+ "contextPanel--hidden": "_contextPanel--hidden_taxt5_7135",
7956
+ "contextPanelWrapper": "_contextPanelWrapper_taxt5_7143",
7957
+ "contextPanelBody": "_contextPanelBody_taxt5_7148",
7958
+ "contextPanel-stickyHeader": "_contextPanel-stickyHeader_taxt5_7152",
7959
+ "filters-list": "_filters-list_taxt5_7159",
7960
+ "col-drag-column-icon": "_col-drag-column-icon_taxt5_7168",
7961
+ "tabular-nums": "_tabular-nums_taxt5_7172",
7962
+ "ag-shake-left-to-right": "_ag-shake-left-to-right_taxt5_366",
7963
+ "spin": "_spin_taxt5_1"
7961
7964
  };
7962
7965
 
7963
7966
  // src/utils/getCellValueTypographyProps.ts
@@ -8143,19 +8146,19 @@ var CompanyCellRenderer = withDataTableRenderer(Renderer2, "select");
8143
8146
 
8144
8147
  // src/utils/isEmptyValue.ts
8145
8148
  var isEmptyValue = (value) => {
8146
- if (typeof value === "boolean") {
8149
+ if (typeof value === "boolean" || typeof value === "number") {
8147
8150
  return false;
8148
8151
  }
8149
- if (Array.isArray(value)) {
8150
- return !value.length;
8152
+ if (!value) {
8153
+ return true;
8151
8154
  }
8152
- if (value === 0) {
8153
- return false;
8155
+ if (Array.isArray(value)) {
8156
+ return value.length === 0;
8154
8157
  }
8155
- if (value && Object.keys(value).length === 0 && Object.getPrototypeOf(value) === Object.prototype) {
8156
- return !!value;
8158
+ if (Object.getPrototypeOf(value) === Object.prototype) {
8159
+ return Object.keys(value).length === 0;
8157
8160
  }
8158
- return !value;
8161
+ return false;
8159
8162
  };
8160
8163
 
8161
8164
  // src/CellRenderers/CurrencyCell.tsx
@@ -56550,7 +56553,7 @@ var GenericHeaderRenderer = (props) => {
56550
56553
  trigger: isOverflowing ? "hover" : "none",
56551
56554
  overlay: /* @__PURE__ */ React83__default.default.createElement(coreReact.Tooltip.Content, null, /* @__PURE__ */ React83__default.default.createElement("span", null, props.displayName))
56552
56555
  },
56553
- /* @__PURE__ */ React83__default.default.createElement("div", null, /* @__PURE__ */ React83__default.default.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
56556
+ /* @__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))
56554
56557
  ), HeaderNode && /* @__PURE__ */ React83__default.default.createElement(
56555
56558
  coreReact.Flex,
56556
56559
  {
@@ -77696,6 +77699,7 @@ function useContextPanel() {
77696
77699
  }
77697
77700
  var ConfigPanelButton = () => {
77698
77701
  const { contextPanel, totalRowCount } = useInternalTableContext();
77702
+ const I18n = coreReact.useI18nContext();
77699
77703
  return /* @__PURE__ */ React83__default.default.createElement(
77700
77704
  EmptyResultsControlTooltip,
77701
77705
  {
@@ -77713,28 +77717,29 @@ var ConfigPanelButton = () => {
77713
77717
  contextPanel.show("configuration");
77714
77718
  }
77715
77719
  },
77720
+ icon: /* @__PURE__ */ React83__default.default.createElement(
77721
+ "svg",
77722
+ {
77723
+ style: { marginTop: "6px" },
77724
+ focusable: false,
77725
+ width: "15",
77726
+ height: "15",
77727
+ viewBox: "0 0 20 20",
77728
+ fill: "none",
77729
+ xmlns: "http://www.w3.org/2000/svg"
77730
+ },
77731
+ /* @__PURE__ */ React83__default.default.createElement(
77732
+ "path",
77733
+ {
77734
+ 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",
77735
+ fill: "currentColor"
77736
+ }
77737
+ )
77738
+ ),
77716
77739
  selected: contextPanel.content === "configuration",
77717
77740
  "data-qa": "table-config-button"
77718
77741
  },
77719
- /* @__PURE__ */ React83__default.default.createElement(
77720
- "svg",
77721
- {
77722
- style: { marginTop: "6px" },
77723
- focusable: false,
77724
- width: "15",
77725
- height: "15",
77726
- viewBox: "0 0 15 15",
77727
- fill: "none",
77728
- xmlns: "http://www.w3.org/2000/svg"
77729
- },
77730
- /* @__PURE__ */ React83__default.default.createElement(
77731
- "path",
77732
- {
77733
- 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",
77734
- fill: "currentColor"
77735
- }
77736
- )
77737
- )
77742
+ I18n.t("dataTable.tableSettings.configure")
77738
77743
  )
77739
77744
  );
77740
77745
  };
@@ -78553,7 +78558,8 @@ var de_DE_default = {
78553
78558
  tableSettings: "Tabelleneinstellungen",
78554
78559
  groupBy: "Gruppieren nach:",
78555
78560
  reset: "Zur\xFCcksetzen",
78556
- selectColumnGroup: "W\xE4hlen Sie eine Spalte zum Gruppieren."
78561
+ selectColumnGroup: "W\xE4hlen Sie eine Spalte zum Gruppieren.",
78562
+ configure: "Konfigurieren"
78557
78563
  },
78558
78564
  rowGroupToggle: {
78559
78565
  expandTierOne: "\xD6ffnen Sie die ersten Gruppen in der Tabelle.",
@@ -78697,7 +78703,8 @@ var en_AU_default = {
78697
78703
  tableSettings: "Table Settings",
78698
78704
  groupBy: "Group by:",
78699
78705
  reset: "Reset",
78700
- selectColumnGroup: "Select a column to group"
78706
+ selectColumnGroup: "Select a column to group",
78707
+ configure: "Configure"
78701
78708
  },
78702
78709
  rowGroupToggle: {
78703
78710
  expandTierOne: "Open first groups in the table.",
@@ -78841,7 +78848,8 @@ var en_CA_default = {
78841
78848
  tableSettings: "Table Settings",
78842
78849
  groupBy: "Group by:",
78843
78850
  reset: "Reset",
78844
- selectColumnGroup: "Select a column to group"
78851
+ selectColumnGroup: "Select a column to group",
78852
+ configure: "Configure"
78845
78853
  },
78846
78854
  rowGroupToggle: {
78847
78855
  expandTierOne: "Open first groups in the table.",
@@ -78985,7 +78993,8 @@ var en_GB_default = {
78985
78993
  tableSettings: "Table Settings",
78986
78994
  groupBy: "Group by:",
78987
78995
  reset: "Reset",
78988
- selectColumnGroup: "Select a column to group"
78996
+ selectColumnGroup: "Select a column to group",
78997
+ configure: "Configure"
78989
78998
  },
78990
78999
  rowGroupToggle: {
78991
79000
  expandTierOne: "Open first groups in the table.",
@@ -79129,7 +79138,8 @@ var en_default = {
79129
79138
  tableSettings: "Table Settings",
79130
79139
  groupBy: "Group by:",
79131
79140
  reset: "Reset",
79132
- selectColumnGroup: "Select a column to group"
79141
+ selectColumnGroup: "Select a column to group",
79142
+ configure: "Configure"
79133
79143
  },
79134
79144
  rowGroupToggle: {
79135
79145
  expandTierOne: "Open first groups in the table.",
@@ -79273,7 +79283,8 @@ var es_ES_default = {
79273
79283
  tableSettings: "Configuraci\xF3n de la tabla",
79274
79284
  groupBy: "Agrupar por:",
79275
79285
  reset: "Restablecer",
79276
- selectColumnGroup: "Seleccione una columna para agrupar"
79286
+ selectColumnGroup: "Seleccione una columna para agrupar",
79287
+ configure: "Configurar"
79277
79288
  },
79278
79289
  rowGroupToggle: {
79279
79290
  expandTierOne: "Abrir los primeros grupos de la tabla.",
@@ -79417,7 +79428,8 @@ var es_default = {
79417
79428
  tableSettings: "Configuraci\xF3n de la tabla",
79418
79429
  groupBy: "Agrupar por:",
79419
79430
  reset: "Restablecer",
79420
- selectColumnGroup: "Selecciona una columna para agrupar"
79431
+ selectColumnGroup: "Selecciona una columna para agrupar",
79432
+ configure: "Configurar"
79421
79433
  },
79422
79434
  rowGroupToggle: {
79423
79435
  expandTierOne: "Abrir los primeros grupos de la tabla.",
@@ -79561,7 +79573,8 @@ var fr_CA_default = {
79561
79573
  tableSettings: "Param\xE8tres du tableau",
79562
79574
  groupBy: "Regrouper par :",
79563
79575
  reset: "R\xE9initialiser",
79564
- selectColumnGroup: "S\xE9lectionnez une colonne \xE0 grouper"
79576
+ selectColumnGroup: "S\xE9lectionnez une colonne \xE0 grouper",
79577
+ configure: "Configurer"
79565
79578
  },
79566
79579
  rowGroupToggle: {
79567
79580
  expandTierOne: "Ouvrez les premiers groupes du tableau.",
@@ -79705,7 +79718,8 @@ var fr_FR_default = {
79705
79718
  tableSettings: "Param\xE8tres du tableau",
79706
79719
  groupBy: "Regrouper par\xA0:",
79707
79720
  reset: "R\xE9initialiser",
79708
- selectColumnGroup: "S\xE9lectionner une colonne \xE0 regrouper"
79721
+ selectColumnGroup: "S\xE9lectionner une colonne \xE0 regrouper",
79722
+ configure: "Configurer"
79709
79723
  },
79710
79724
  rowGroupToggle: {
79711
79725
  expandTierOne: "Ouvrez les premiers groupes du tableau.",
@@ -79849,7 +79863,8 @@ var is_IS_default = {
79849
79863
  tableSettings: "Tafla stillingar",
79850
79864
  groupBy: "H\xF3pur eftir:",
79851
79865
  reset: "Endurstilla",
79852
- selectColumnGroup: "Veldu d\xE1lk til a\xF0 flokka"
79866
+ selectColumnGroup: "Veldu d\xE1lk til a\xF0 flokka",
79867
+ configure: "Stilla"
79853
79868
  },
79854
79869
  rowGroupToggle: {
79855
79870
  expandTierOne: "Opna\xF0u fyrstu h\xF3pa \xED t\xF6flunni.",
@@ -79993,7 +80008,8 @@ var ja_JP_default = {
79993
80008
  tableSettings: "\u8868\u306E\u8A2D\u5B9A",
79994
80009
  groupBy: "\u30B0\u30EB\u30FC\u30D7\u5316:",
79995
80010
  reset: "\u30EA\u30BB\u30C3\u30C8",
79996
- selectColumnGroup: "\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B\u5217\u3092\u9078\u629E"
80011
+ selectColumnGroup: "\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B\u5217\u3092\u9078\u629E",
80012
+ configure: "\u69CB\u6210"
79997
80013
  },
79998
80014
  rowGroupToggle: {
79999
80015
  expandTierOne: "\u8868\u306E\u6700\u521D\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u958B\u304D\u307E\u3059\u3002",
@@ -80137,7 +80153,8 @@ var pt_BR_default = {
80137
80153
  tableSettings: "Configura\xE7\xF5es da Tabela",
80138
80154
  groupBy: "Agrupar por:",
80139
80155
  reset: "Redefinir",
80140
- selectColumnGroup: "Selecionar uma coluna para agrupar"
80156
+ selectColumnGroup: "Selecionar uma coluna para agrupar",
80157
+ configure: "Configurar"
80141
80158
  },
80142
80159
  rowGroupToggle: {
80143
80160
  expandTierOne: "Abra os primeiros grupos na tabela.",
@@ -80281,7 +80298,8 @@ var th_TH_default = {
80281
80298
  tableSettings: "\u0E01\u0E32\u0E23\u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32\u0E15\u0E32\u0E23\u0E32\u0E07",
80282
80299
  groupBy: "\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21\u0E15\u0E32\u0E21:",
80283
80300
  reset: "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15",
80284
- 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"
80301
+ 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",
80302
+ configure: "\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E04\u0E48\u0E32"
80285
80303
  },
80286
80304
  rowGroupToggle: {
80287
80305
  expandTierOne: "\u0E40\u0E1B\u0E34\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21\u0E41\u0E23\u0E01\u0E43\u0E19\u0E15\u0E32\u0E23\u0E32\u0E07",
@@ -80425,7 +80443,8 @@ var zh_SG_default = {
80425
80443
  tableSettings: "\u8868\u683C\u8BBE\u7F6E",
80426
80444
  groupBy: "\u5206\u7EC4\u4F9D\u636E\uFF1A",
80427
80445
  reset: "\u91CD\u7F6E",
80428
- selectColumnGroup: "\u9009\u62E9\u8981\u5206\u7C7B\u7684\u5217"
80446
+ selectColumnGroup: "\u9009\u62E9\u8981\u5206\u7C7B\u7684\u5217",
80447
+ configure: "\u914D\u7F6E"
80429
80448
  },
80430
80449
  rowGroupToggle: {
80431
80450
  expandTierOne: "\u6253\u5F00\u8868\u4E2D\u7684\u7B2C\u4E00\u4E2A\u7EC4\u3002",