@procore/data-table 14.46.0 → 14.46.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.
@@ -57877,6 +57877,7 @@ var ServerSideSearch = ({
57877
57877
  const { updateServerSideDataSource } = useInternalTableContext();
57878
57878
  const hasNoContent = useTableHasNoContent();
57879
57879
  const I18n = useI18nContext();
57880
+ const resolvedPlaceholder = placeholder || I18n.t("dataTable.search");
57880
57881
  const debouncedSetSearchValue = React80.useCallback(
57881
57882
  debounce5((value) => {
57882
57883
  updateServerSideDataSource({ search: value });
@@ -57901,7 +57902,8 @@ var ServerSideSearch = ({
57901
57902
  value: internalValue,
57902
57903
  className: cx17("search", { "search--empty": !internalValue.length }),
57903
57904
  onChange,
57904
- placeholder: placeholder || I18n.t("dataTable.search")
57905
+ placeholder: resolvedPlaceholder,
57906
+ "aria-label": resolvedPlaceholder
57905
57907
  }
57906
57908
  ));
57907
57909
  };
@@ -107371,158 +107373,158 @@ var nb_NO_default = {
107371
107373
  dataTable: {
107372
107374
  emptyState: {
107373
107375
  noFilteredResults: {
107374
- description: "Kontroller staving og filteralternativer, eller s\xF8k etter et annet n\xF8kkelord.",
107375
- title: "Ingen enheter samsvarer med s\xF8ket ditt",
107376
- itemsTitle: "No %{itemsLabel} Match Your Search"
107376
+ description: "Sjekk stavem\xE5ten og filteralternativene dine, eller s\xF8k etter et annet n\xF8kkelord.",
107377
+ title: "Ingen elementer samsvarer med s\xF8ket ditt",
107378
+ itemsTitle: "Ingen %{itemsLabel} samsvarer med s\xF8ket ditt"
107377
107379
  },
107378
107380
  noResults: {
107379
- description: "Once your team creates these items, you can access them here. ",
107380
- title: "Ingen enheter kan vises akkurat n\xE5",
107381
- itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
107382
- tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
107383
- searchTooltip: "Search will be enabled once you add information to the %{tableName}",
107381
+ description: "N\xE5r teamet ditt har opprettet disse elementene, kan du f\xE5 tilgang til dem her. ",
107382
+ title: "Det er ingen elementer \xE5 vise akkurat n\xE5",
107383
+ itemsTitle: "Det er ingen %{itemsLabel} \xE5 vise akkurat n\xE5",
107384
+ tooltip: "%{featureName} -knappen vil bli aktivert n\xE5r du legger til informasjon i %{tableName}",
107385
+ searchTooltip: "S\xF8k vil bli aktivert n\xE5r du legger til informasjon i %{tableName}",
107384
107386
  featureFilter: "Filter",
107385
- featureQuickFilter: "Quick Filter",
107386
- featureGroupBy: "Group By",
107387
- featureConfigure: "Configure",
107388
- tableNameFallback: "table"
107387
+ featureQuickFilter: "Hurtigfilter",
107388
+ featureGroupBy: "Grupper etter",
107389
+ featureConfigure: "Konfigurer",
107390
+ tableNameFallback: "bord"
107389
107391
  }
107390
107392
  },
107391
107393
  bulkActions: {
107392
- apply: "Apply",
107393
- bulkEdit: "Bulk Edit",
107394
+ apply: "S\xF8k",
107395
+ bulkEdit: "Masseendring",
107394
107396
  cancel: "Avbryt",
107395
- editValues: "Edit Values",
107396
- error: "Sorry, the items couldn't be updated. Try again.",
107397
- placeholderForField: "Enter %{fieldName}",
107398
- selection: "%{count} %{number} selected",
107397
+ editValues: "Rediger verdier",
107398
+ error: "Beklager, elementene kunne ikke oppdateres. Pr\xF8v igjen.",
107399
+ placeholderForField: "Skriv inn %{fieldName}",
107400
+ selection: "%{count} %{number} valgt",
107399
107401
  selection_count: {
107400
- zero: "%{count} items selected",
107401
- one: "%{count} item selected",
107402
- other: "%{count} items selected"
107402
+ zero: "%{count} elementer valgt",
107403
+ one: "%{count} element valgt",
107404
+ other: "%{count} elementer valgt"
107403
107405
  },
107404
- success: "The items were successfully updated.",
107405
- one: "item",
107406
- many: "Enheter"
107406
+ success: "Elementene ble oppdatert.",
107407
+ one: "element",
107408
+ many: "gjenstander"
107407
107409
  },
107408
- exporting: "Exporting...",
107410
+ exporting: "Eksporterer...",
107409
107411
  filters: {
107410
107412
  filters: "Filtre",
107411
107413
  allFilters: "Alle filtre",
107412
107414
  moreFilters: "More Filters",
107413
107415
  clearAllFilters: "Fjern alle filtre",
107414
- close: "Close",
107416
+ close: "Lukk",
107415
107417
  removeFilterToken: "Fjern %{name}",
107416
107418
  locationFilter: {
107417
107419
  selectAll: "Velg alle",
107418
- includeSublocations: "Include sublocations",
107419
- searchLocations: "Search locations",
107420
- locations: "Locations"
107420
+ includeSublocations: "Inkluder underlokasjoner",
107421
+ searchLocations: "S\xF8k etter steder",
107422
+ locations: "Steder"
107421
107423
  },
107422
107424
  numberFilter: {
107423
107425
  labels: {
107424
- and: "OG",
107425
- input_placeholder: "Enter Value",
107426
- placeholder: "Select an item"
107426
+ and: "og",
107427
+ input_placeholder: "Angi verdi",
107428
+ placeholder: "Velg et element"
107427
107429
  },
107428
107430
  options: {
107429
- any_value: "Any Value",
107430
- is_between: "Is Between",
107431
- is_equal_to: "Is Equal To",
107432
- greater_than: "Is Greater Than",
107433
- greater_than_equal_to: "Is Greater Than or Equal To",
107434
- less_than: "Is Less Than",
107435
- less_than_equal_to: "Is Less Than or Equal To",
107436
- no_value: "No Value"
107431
+ any_value: "Enhver verdi",
107432
+ is_between: "Er mellom",
107433
+ is_equal_to: "Er lik",
107434
+ greater_than: "Er st\xF8rre enn",
107435
+ greater_than_equal_to: "Er st\xF8rre enn eller lik",
107436
+ less_than: "Er mindre enn",
107437
+ less_than_equal_to: "Er mindre enn eller lik",
107438
+ no_value: "Ingen verdi"
107437
107439
  }
107438
107440
  },
107439
107441
  singleSelectFilter: {
107440
- placeholder: "Select a Value"
107442
+ placeholder: "Velg en verdi"
107441
107443
  },
107442
107444
  multiSelectQuickFilter: {
107443
- ariaLabel: "Quick filter: Select multiple options"
107445
+ ariaLabel: "Hurtigfilter: Velg flere alternativer"
107444
107446
  },
107445
107447
  singleSelectQuickFilter: {
107446
- ariaLabel: "Quick filter: Select an option"
107448
+ ariaLabel: "Hurtigfilter: Velg et alternativ"
107447
107449
  }
107448
107450
  },
107449
107451
  loading: {
107450
- initial: "Information loading.",
107451
- secondary: "Information loading, thanks for your patience."
107452
+ initial: "Laster inn informasjon.",
107453
+ secondary: "Informasjon lastes, takk for t\xE5lmodigheten."
107452
107454
  },
107453
107455
  menuOptions: {
107454
107456
  ariaMenuColumn: "Trykk p\xE5 Alt/Option og pil ned for \xE5 \xE5pne kolonnemenyen.",
107455
107457
  sortMenuItem: {
107456
- label: "Sort By This Column",
107457
- sortAscItem: "Sort Column Ascending",
107458
- sortDescItem: "Sort Column Descending",
107459
- sortResetItem: "Column Not Sorted",
107460
- sortAscending: "sorted ascending",
107461
- sortDescending: "sorted descending",
107462
- sortCleared: "Sorting cleared"
107463
- },
107464
- expandAllGroups: "Expand All Groups",
107465
- collapseAllGroups: "Collapse All Groups",
107466
- pinColumn: "Pin Column",
107467
- pinLeft: "Pin Left",
107468
- pinRight: "Pin Right",
107469
- noPin: "No Pin",
107470
- autoSizeThisColumn: "Autosize This Column",
107471
- autoSizeAllColumns: "Autosize All Columns",
107472
- hideColumn: "Hide Column",
107458
+ label: "Sorter etter denne kolonnen",
107459
+ sortAscItem: "Sorter kolonne stigende",
107460
+ sortDescItem: "Sorter kolonne synkende",
107461
+ sortResetItem: "Kolonne ikke sortert",
107462
+ sortAscending: "sortert stigende",
107463
+ sortDescending: "sortert synkende",
107464
+ sortCleared: "Sortering fjernet"
107465
+ },
107466
+ expandAllGroups: "Utvid alle grupper",
107467
+ collapseAllGroups: "Skjul alle grupper",
107468
+ pinColumn: "Fest kolonne",
107469
+ pinLeft: "Fest til venstre",
107470
+ pinRight: "Fest til h\xF8yre",
107471
+ noPin: "Ingen PIN",
107472
+ autoSizeThisColumn: "Tilpass kolonnebredden automatisk",
107473
+ autoSizeAllColumns: "Tilpass alle kolonner automatisk",
107474
+ hideColumn: "Skjul kolonne",
107473
107475
  resetColumns: "Tilbakestill kolonner",
107474
- unGroupBy: "Un-Group by {{label}}",
107475
- groupBy: "Group by {{label}}"
107476
+ unGroupBy: "Fjern gruppering etter {{label}}",
107477
+ groupBy: "Grupper etter {{label}}"
107476
107478
  },
107477
- grandTotals: "Grand Totals",
107479
+ grandTotals: "Totale summer",
107478
107480
  search: "S\xF8k",
107479
- subtotals: "Subtotals",
107481
+ subtotals: "Delsummer",
107480
107482
  tableSettings: {
107481
- configureColumns: "Configure Columns",
107482
- resetToDefault: "Show All",
107483
- rowHeight: "Row Height",
107484
- small: "Small",
107485
- medium: "Medium",
107486
- large: "Large",
107487
- tableSettings: "Table Settings",
107488
- groupBy: "Group by:",
107483
+ configureColumns: "Konfigurer kolonner",
107484
+ resetToDefault: "Vis alle",
107485
+ rowHeight: "Radh\xF8yde",
107486
+ small: "Liten",
107487
+ medium: "Middels",
107488
+ large: "Stor",
107489
+ tableSettings: "Borddekking",
107490
+ groupBy: "Grupper etter:",
107489
107491
  reset: "Tilbakestill",
107490
- selectColumnGroup: "Select a column to group",
107491
- configure: "Configure"
107492
+ selectColumnGroup: "Velg en kolonne \xE5 gruppere",
107493
+ configure: "Konfigurer"
107492
107494
  },
107493
107495
  rowGroupToggle: {
107494
- expandTierOne: "Open first groups in the table.",
107495
- expandAll: "Open all groups in the table.",
107496
- collapseAll: "Close all groups in the table."
107496
+ expandTierOne: "\xC5pne de f\xF8rste gruppene i tabellen.",
107497
+ expandAll: "\xC5pne alle grupper i tabellen.",
107498
+ collapseAll: "Lukk alle grupper i tabellen."
107497
107499
  },
107498
107500
  columnGroupToggle: {
107499
- collapse: "Collapse column group",
107500
- expand: "Expand column group"
107501
+ collapse: "Skjul kolonnegruppe",
107502
+ expand: "Utvid kolonnegruppe"
107501
107503
  },
107502
107504
  cells: {
107503
107505
  textCell: {
107504
- placeholder: "Enter text"
107506
+ placeholder: "Skriv inn tekst"
107505
107507
  },
107506
107508
  currencyCell: {
107507
- placeholder: "Enter currency"
107509
+ placeholder: "Angi valuta"
107508
107510
  },
107509
107511
  linkCell: {
107510
107512
  externalLabel: "\xC5pne ekstern kobling"
107511
107513
  },
107512
107514
  numberCell: {
107513
- placeholder: "Enter number"
107515
+ placeholder: "Skriv inn nummer"
107514
107516
  },
107515
107517
  percentCell: {
107516
- placeholder: "Enter %"
107518
+ placeholder: "Skriv inn %"
107517
107519
  },
107518
107520
  pillCell: {
107519
- placeholder: "Select {{label}}"
107521
+ placeholder: "Velg {{label}}"
107520
107522
  },
107521
107523
  selectCell: {
107522
- placeholder: "Select {{label}}"
107524
+ placeholder: "Velg {{label}}"
107523
107525
  },
107524
107526
  multiSelectCell: {
107525
- placeholder: "Select Values"
107527
+ placeholder: "Velg verdier"
107526
107528
  },
107527
107529
  booleanCell: {
107528
107530
  options: {
@@ -107533,16 +107535,16 @@ var nb_NO_default = {
107533
107535
  },
107534
107536
  filterRenders: {
107535
107537
  dateFilter: {
107536
- single: "Single",
107537
- range: "Range"
107538
+ single: "Enslig",
107539
+ range: "Rekkevidde"
107538
107540
  }
107539
107541
  },
107540
107542
  groupCell: {
107541
- expand: "Expand group",
107542
- collapse: "Collapse group"
107543
+ expand: "Utvid gruppe",
107544
+ collapse: "Skjul gruppe"
107543
107545
  },
107544
107546
  rowCheckbox: {
107545
- ariaLabel: "Select Row"
107547
+ ariaLabel: "Velg rad"
107546
107548
  }
107547
107549
  }
107548
107550
  };
@@ -107971,7 +107973,7 @@ var pt_BR_default = {
107971
107973
  options: {
107972
107974
  any_value: "Qualquer Valor",
107973
107975
  is_between: "Est\xE1 entre",
107974
- is_equal_to: "\xC9 igual a",
107976
+ is_equal_to: "\xC9 Igual a",
107975
107977
  greater_than: "\xC9 Maior Que",
107976
107978
  greater_than_equal_to: "\xC9 Maior Que ou Igual a",
107977
107979
  less_than: "\xC9 Menor Que",
@@ -108103,8 +108105,8 @@ var pt_PT_default = {
108103
108105
  description: "Assim que a sua equipa criar estes itens, poder\xE1 aceder aos mesmos aqui. ",
108104
108106
  title: "N\xE3o h\xE1 itens para apresentar neste momento",
108105
108107
  itemsTitle: "N\xE3o h\xE1 %{itemsLabel} para apresentar neste momento",
108106
- tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado quando adicionar informa\xE7\xF5es \xE0 tabela %{tableName}",
108107
- searchTooltip: "A pesquisa ser\xE1 ativada quando adicionar informa\xE7\xF5es a %{tableName}",
108108
+ tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado quando adicionar informa\xE7\xF5es a %{tableName}",
108109
+ searchTooltip: "A pesquisa ser\xE1 ativada quando adicionar informa\xE7\xF5es a: %{tableName}",
108108
108110
  featureFilter: "Filtro",
108109
108111
  featureQuickFilter: "Filtro r\xE1pido",
108110
108112
  featureGroupBy: "Agrupar por",
@@ -108205,8 +108207,8 @@ var pt_PT_default = {
108205
108207
  configureColumns: "Configurar colunas",
108206
108208
  resetToDefault: "Mostrar tudo",
108207
108209
  rowHeight: "Altura da linha",
108208
- small: "Pequeno",
108209
- medium: "M\xE9dio",
108210
+ small: "Pequena",
108211
+ medium: "M\xE9dia",
108210
108212
  large: "Grande",
108211
108213
  tableSettings: "Defini\xE7\xF5es de tabela",
108212
108214
  groupBy: "Agrupar por:",
@@ -112178,6 +112180,21 @@ var LocationQuickFilterRenderer_default = LocationQuickFilterRenderer;
112178
112180
  var StyledFilterPresetPopoverContent = styled4(Popover.Content)`
112179
112181
  padding: ${spacing.sm}px ${spacing.lg}px;
112180
112182
  `;
112183
+ var StyledClearButton = styled4(Button)`
112184
+ position: absolute;
112185
+ right: ${spacing.md + spacing.lg}px;
112186
+ top: calc(36px / 2);
112187
+ transform: translateY(-50%);
112188
+ color: ${colors.blue45};
112189
+ &:hover,
112190
+ &:focus {
112191
+ color: ${colors.blue45};
112192
+ background: ${colors.white};
112193
+ }
112194
+ `;
112195
+ var StyledTriggerContainerWrapper = styled4.div`
112196
+ position: relative;
112197
+ `;
112181
112198
  var getValueLabel = (isValueEmpty, value, placeholder, filterName) => {
112182
112199
  const prefixLabel = isValueEmpty ? placeholder || filterName : filterName;
112183
112200
  const valueLabel = value ? `${prefixLabel ? ": " : ""}${value}` : "";
@@ -112199,7 +112216,7 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
112199
112216
  const ctx = UNSAFE_useSuperSelectContext();
112200
112217
  const I18n = useI18nContext();
112201
112218
  return /* @__PURE__ */ React80.createElement(
112202
- Button,
112219
+ StyledClearButton,
112203
112220
  {
112204
112221
  ...ctx.props.clear(),
112205
112222
  "aria-label": I18n.t("dataTable.filters.removeFilterToken", {
@@ -112224,6 +112241,11 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
112224
112241
  filterName
112225
112242
  )));
112226
112243
  }),
112244
+ TriggerContainerWrapper: React80.forwardRef(
112245
+ (props, ref) => {
112246
+ return /* @__PURE__ */ React80.createElement(StyledTriggerContainerWrapper, { ref, ...props });
112247
+ }
112248
+ ),
112227
112249
  TriggerContainer: React80.forwardRef(
112228
112250
  (props, ref) => {
112229
112251
  const ctx = UNSAFE_useSuperSelectContext();
@@ -112237,11 +112259,31 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
112237
112259
  }
112238
112260
  );
112239
112261
  }
112262
+ const {
112263
+ "aria-activedescendant": ariaActivedescendant,
112264
+ "aria-controls": ariaControls,
112265
+ "aria-expanded": ariaExpanded,
112266
+ "aria-haspopup": ariaHaspopup,
112267
+ "aria-label": ariaLabel,
112268
+ "aria-labelledby": ariaLabelledby,
112269
+ role,
112270
+ tabIndex
112271
+ } = ctx.props.multiInput();
112272
+ const a11yProps = {
112273
+ "aria-activedescendant": ariaActivedescendant,
112274
+ "aria-controls": ariaControls,
112275
+ "aria-expanded": ariaExpanded,
112276
+ "aria-haspopup": ariaHaspopup,
112277
+ "aria-label": ariaLabel,
112278
+ "aria-labelledby": ariaLabelledby,
112279
+ role,
112280
+ tabIndex
112281
+ };
112240
112282
  return /* @__PURE__ */ React80.createElement(
112241
112283
  Popover,
112242
112284
  {
112243
112285
  placement: "top",
112244
- trigger: ctx.state.value.length > 1 ? "hover" : "none",
112286
+ trigger: ctx.state.value.length > 1 ? ["hover", "focus"] : "none",
112245
112287
  overlay: /* @__PURE__ */ React80.createElement(StyledFilterPresetPopoverContent, null, /* @__PURE__ */ React80.createElement(Typography, null, ctx.state.value.map((v) => {
112246
112288
  const option = ctx.state.options.find(
112247
112289
  (option2) => ctx.option.value(option2) === v
@@ -112254,6 +112296,7 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
112254
112296
  {
112255
112297
  $block: ctx.config.block,
112256
112298
  ...props,
112299
+ ...a11yProps,
112257
112300
  ref
112258
112301
  }
112259
112302
  )
@@ -113099,6 +113142,7 @@ var ClientSideSearch = ({
113099
113142
  const { tableRef } = useInternalTableContext();
113100
113143
  const hasNoContent = useTableHasNoContent();
113101
113144
  const I18n = useI18nContext();
113145
+ const resolvedPlaceholder = placeholder || I18n.t("dataTable.search");
113102
113146
  const debouncedSetSearchValue = React80.useCallback(
113103
113147
  debounce5((value) => {
113104
113148
  var _a2;
@@ -113127,7 +113171,8 @@ var ClientSideSearch = ({
113127
113171
  "search--empty": !internalValue.length
113128
113172
  }),
113129
113173
  onChange,
113130
- placeholder: placeholder || I18n.t("dataTable.search")
113174
+ placeholder: resolvedPlaceholder,
113175
+ "aria-label": resolvedPlaceholder
113131
113176
  }
113132
113177
  ));
113133
113178
  };