@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.
@@ -57785,6 +57785,7 @@ var ServerSideSearch = ({
57785
57785
  const { updateServerSideDataSource } = useInternalTableContext();
57786
57786
  const hasNoContent = useTableHasNoContent();
57787
57787
  const I18n = coreReact.useI18nContext();
57788
+ const resolvedPlaceholder = placeholder || I18n.t("dataTable.search");
57788
57789
  const debouncedSetSearchValue = React80__default.default.useCallback(
57789
57790
  debounce5__default.default((value) => {
57790
57791
  updateServerSideDataSource({ search: value });
@@ -57809,7 +57810,8 @@ var ServerSideSearch = ({
57809
57810
  value: internalValue,
57810
57811
  className: cx17("search", { "search--empty": !internalValue.length }),
57811
57812
  onChange,
57812
- placeholder: placeholder || I18n.t("dataTable.search")
57813
+ placeholder: resolvedPlaceholder,
57814
+ "aria-label": resolvedPlaceholder
57813
57815
  }
57814
57816
  ));
57815
57817
  };
@@ -107242,158 +107244,158 @@ var nb_NO_default = {
107242
107244
  dataTable: {
107243
107245
  emptyState: {
107244
107246
  noFilteredResults: {
107245
- description: "Kontroller staving og filteralternativer, eller s\xF8k etter et annet n\xF8kkelord.",
107246
- title: "Ingen enheter samsvarer med s\xF8ket ditt",
107247
- itemsTitle: "No %{itemsLabel} Match Your Search"
107247
+ description: "Sjekk stavem\xE5ten og filteralternativene dine, eller s\xF8k etter et annet n\xF8kkelord.",
107248
+ title: "Ingen elementer samsvarer med s\xF8ket ditt",
107249
+ itemsTitle: "Ingen %{itemsLabel} samsvarer med s\xF8ket ditt"
107248
107250
  },
107249
107251
  noResults: {
107250
- description: "Once your team creates these items, you can access them here. ",
107251
- title: "Ingen enheter kan vises akkurat n\xE5",
107252
- itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
107253
- tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
107254
- searchTooltip: "Search will be enabled once you add information to the %{tableName}",
107252
+ description: "N\xE5r teamet ditt har opprettet disse elementene, kan du f\xE5 tilgang til dem her. ",
107253
+ title: "Det er ingen elementer \xE5 vise akkurat n\xE5",
107254
+ itemsTitle: "Det er ingen %{itemsLabel} \xE5 vise akkurat n\xE5",
107255
+ tooltip: "%{featureName} -knappen vil bli aktivert n\xE5r du legger til informasjon i %{tableName}",
107256
+ searchTooltip: "S\xF8k vil bli aktivert n\xE5r du legger til informasjon i %{tableName}",
107255
107257
  featureFilter: "Filter",
107256
- featureQuickFilter: "Quick Filter",
107257
- featureGroupBy: "Group By",
107258
- featureConfigure: "Configure",
107259
- tableNameFallback: "table"
107258
+ featureQuickFilter: "Hurtigfilter",
107259
+ featureGroupBy: "Grupper etter",
107260
+ featureConfigure: "Konfigurer",
107261
+ tableNameFallback: "bord"
107260
107262
  }
107261
107263
  },
107262
107264
  bulkActions: {
107263
- apply: "Apply",
107264
- bulkEdit: "Bulk Edit",
107265
+ apply: "S\xF8k",
107266
+ bulkEdit: "Masseendring",
107265
107267
  cancel: "Avbryt",
107266
- editValues: "Edit Values",
107267
- error: "Sorry, the items couldn't be updated. Try again.",
107268
- placeholderForField: "Enter %{fieldName}",
107269
- selection: "%{count} %{number} selected",
107268
+ editValues: "Rediger verdier",
107269
+ error: "Beklager, elementene kunne ikke oppdateres. Pr\xF8v igjen.",
107270
+ placeholderForField: "Skriv inn %{fieldName}",
107271
+ selection: "%{count} %{number} valgt",
107270
107272
  selection_count: {
107271
- zero: "%{count} items selected",
107272
- one: "%{count} item selected",
107273
- other: "%{count} items selected"
107273
+ zero: "%{count} elementer valgt",
107274
+ one: "%{count} element valgt",
107275
+ other: "%{count} elementer valgt"
107274
107276
  },
107275
- success: "The items were successfully updated.",
107276
- one: "item",
107277
- many: "Enheter"
107277
+ success: "Elementene ble oppdatert.",
107278
+ one: "element",
107279
+ many: "gjenstander"
107278
107280
  },
107279
- exporting: "Exporting...",
107281
+ exporting: "Eksporterer...",
107280
107282
  filters: {
107281
107283
  filters: "Filtre",
107282
107284
  allFilters: "Alle filtre",
107283
107285
  moreFilters: "More Filters",
107284
107286
  clearAllFilters: "Fjern alle filtre",
107285
- close: "Close",
107287
+ close: "Lukk",
107286
107288
  removeFilterToken: "Fjern %{name}",
107287
107289
  locationFilter: {
107288
107290
  selectAll: "Velg alle",
107289
- includeSublocations: "Include sublocations",
107290
- searchLocations: "Search locations",
107291
- locations: "Locations"
107291
+ includeSublocations: "Inkluder underlokasjoner",
107292
+ searchLocations: "S\xF8k etter steder",
107293
+ locations: "Steder"
107292
107294
  },
107293
107295
  numberFilter: {
107294
107296
  labels: {
107295
- and: "OG",
107296
- input_placeholder: "Enter Value",
107297
- placeholder: "Select an item"
107297
+ and: "og",
107298
+ input_placeholder: "Angi verdi",
107299
+ placeholder: "Velg et element"
107298
107300
  },
107299
107301
  options: {
107300
- any_value: "Any Value",
107301
- is_between: "Is Between",
107302
- is_equal_to: "Is Equal To",
107303
- greater_than: "Is Greater Than",
107304
- greater_than_equal_to: "Is Greater Than or Equal To",
107305
- less_than: "Is Less Than",
107306
- less_than_equal_to: "Is Less Than or Equal To",
107307
- no_value: "No Value"
107302
+ any_value: "Enhver verdi",
107303
+ is_between: "Er mellom",
107304
+ is_equal_to: "Er lik",
107305
+ greater_than: "Er st\xF8rre enn",
107306
+ greater_than_equal_to: "Er st\xF8rre enn eller lik",
107307
+ less_than: "Er mindre enn",
107308
+ less_than_equal_to: "Er mindre enn eller lik",
107309
+ no_value: "Ingen verdi"
107308
107310
  }
107309
107311
  },
107310
107312
  singleSelectFilter: {
107311
- placeholder: "Select a Value"
107313
+ placeholder: "Velg en verdi"
107312
107314
  },
107313
107315
  multiSelectQuickFilter: {
107314
- ariaLabel: "Quick filter: Select multiple options"
107316
+ ariaLabel: "Hurtigfilter: Velg flere alternativer"
107315
107317
  },
107316
107318
  singleSelectQuickFilter: {
107317
- ariaLabel: "Quick filter: Select an option"
107319
+ ariaLabel: "Hurtigfilter: Velg et alternativ"
107318
107320
  }
107319
107321
  },
107320
107322
  loading: {
107321
- initial: "Information loading.",
107322
- secondary: "Information loading, thanks for your patience."
107323
+ initial: "Laster inn informasjon.",
107324
+ secondary: "Informasjon lastes, takk for t\xE5lmodigheten."
107323
107325
  },
107324
107326
  menuOptions: {
107325
107327
  ariaMenuColumn: "Trykk p\xE5 Alt/Option og pil ned for \xE5 \xE5pne kolonnemenyen.",
107326
107328
  sortMenuItem: {
107327
- label: "Sort By This Column",
107328
- sortAscItem: "Sort Column Ascending",
107329
- sortDescItem: "Sort Column Descending",
107330
- sortResetItem: "Column Not Sorted",
107331
- sortAscending: "sorted ascending",
107332
- sortDescending: "sorted descending",
107333
- sortCleared: "Sorting cleared"
107334
- },
107335
- expandAllGroups: "Expand All Groups",
107336
- collapseAllGroups: "Collapse All Groups",
107337
- pinColumn: "Pin Column",
107338
- pinLeft: "Pin Left",
107339
- pinRight: "Pin Right",
107340
- noPin: "No Pin",
107341
- autoSizeThisColumn: "Autosize This Column",
107342
- autoSizeAllColumns: "Autosize All Columns",
107343
- hideColumn: "Hide Column",
107329
+ label: "Sorter etter denne kolonnen",
107330
+ sortAscItem: "Sorter kolonne stigende",
107331
+ sortDescItem: "Sorter kolonne synkende",
107332
+ sortResetItem: "Kolonne ikke sortert",
107333
+ sortAscending: "sortert stigende",
107334
+ sortDescending: "sortert synkende",
107335
+ sortCleared: "Sortering fjernet"
107336
+ },
107337
+ expandAllGroups: "Utvid alle grupper",
107338
+ collapseAllGroups: "Skjul alle grupper",
107339
+ pinColumn: "Fest kolonne",
107340
+ pinLeft: "Fest til venstre",
107341
+ pinRight: "Fest til h\xF8yre",
107342
+ noPin: "Ingen PIN",
107343
+ autoSizeThisColumn: "Tilpass kolonnebredden automatisk",
107344
+ autoSizeAllColumns: "Tilpass alle kolonner automatisk",
107345
+ hideColumn: "Skjul kolonne",
107344
107346
  resetColumns: "Tilbakestill kolonner",
107345
- unGroupBy: "Un-Group by {{label}}",
107346
- groupBy: "Group by {{label}}"
107347
+ unGroupBy: "Fjern gruppering etter {{label}}",
107348
+ groupBy: "Grupper etter {{label}}"
107347
107349
  },
107348
- grandTotals: "Grand Totals",
107350
+ grandTotals: "Totale summer",
107349
107351
  search: "S\xF8k",
107350
- subtotals: "Subtotals",
107352
+ subtotals: "Delsummer",
107351
107353
  tableSettings: {
107352
- configureColumns: "Configure Columns",
107353
- resetToDefault: "Show All",
107354
- rowHeight: "Row Height",
107355
- small: "Small",
107356
- medium: "Medium",
107357
- large: "Large",
107358
- tableSettings: "Table Settings",
107359
- groupBy: "Group by:",
107354
+ configureColumns: "Konfigurer kolonner",
107355
+ resetToDefault: "Vis alle",
107356
+ rowHeight: "Radh\xF8yde",
107357
+ small: "Liten",
107358
+ medium: "Middels",
107359
+ large: "Stor",
107360
+ tableSettings: "Borddekking",
107361
+ groupBy: "Grupper etter:",
107360
107362
  reset: "Tilbakestill",
107361
- selectColumnGroup: "Select a column to group",
107362
- configure: "Configure"
107363
+ selectColumnGroup: "Velg en kolonne \xE5 gruppere",
107364
+ configure: "Konfigurer"
107363
107365
  },
107364
107366
  rowGroupToggle: {
107365
- expandTierOne: "Open first groups in the table.",
107366
- expandAll: "Open all groups in the table.",
107367
- collapseAll: "Close all groups in the table."
107367
+ expandTierOne: "\xC5pne de f\xF8rste gruppene i tabellen.",
107368
+ expandAll: "\xC5pne alle grupper i tabellen.",
107369
+ collapseAll: "Lukk alle grupper i tabellen."
107368
107370
  },
107369
107371
  columnGroupToggle: {
107370
- collapse: "Collapse column group",
107371
- expand: "Expand column group"
107372
+ collapse: "Skjul kolonnegruppe",
107373
+ expand: "Utvid kolonnegruppe"
107372
107374
  },
107373
107375
  cells: {
107374
107376
  textCell: {
107375
- placeholder: "Enter text"
107377
+ placeholder: "Skriv inn tekst"
107376
107378
  },
107377
107379
  currencyCell: {
107378
- placeholder: "Enter currency"
107380
+ placeholder: "Angi valuta"
107379
107381
  },
107380
107382
  linkCell: {
107381
107383
  externalLabel: "\xC5pne ekstern kobling"
107382
107384
  },
107383
107385
  numberCell: {
107384
- placeholder: "Enter number"
107386
+ placeholder: "Skriv inn nummer"
107385
107387
  },
107386
107388
  percentCell: {
107387
- placeholder: "Enter %"
107389
+ placeholder: "Skriv inn %"
107388
107390
  },
107389
107391
  pillCell: {
107390
- placeholder: "Select {{label}}"
107392
+ placeholder: "Velg {{label}}"
107391
107393
  },
107392
107394
  selectCell: {
107393
- placeholder: "Select {{label}}"
107395
+ placeholder: "Velg {{label}}"
107394
107396
  },
107395
107397
  multiSelectCell: {
107396
- placeholder: "Select Values"
107398
+ placeholder: "Velg verdier"
107397
107399
  },
107398
107400
  booleanCell: {
107399
107401
  options: {
@@ -107404,16 +107406,16 @@ var nb_NO_default = {
107404
107406
  },
107405
107407
  filterRenders: {
107406
107408
  dateFilter: {
107407
- single: "Single",
107408
- range: "Range"
107409
+ single: "Enslig",
107410
+ range: "Rekkevidde"
107409
107411
  }
107410
107412
  },
107411
107413
  groupCell: {
107412
- expand: "Expand group",
107413
- collapse: "Collapse group"
107414
+ expand: "Utvid gruppe",
107415
+ collapse: "Skjul gruppe"
107414
107416
  },
107415
107417
  rowCheckbox: {
107416
- ariaLabel: "Select Row"
107418
+ ariaLabel: "Velg rad"
107417
107419
  }
107418
107420
  }
107419
107421
  };
@@ -107842,7 +107844,7 @@ var pt_BR_default = {
107842
107844
  options: {
107843
107845
  any_value: "Qualquer Valor",
107844
107846
  is_between: "Est\xE1 entre",
107845
- is_equal_to: "\xC9 igual a",
107847
+ is_equal_to: "\xC9 Igual a",
107846
107848
  greater_than: "\xC9 Maior Que",
107847
107849
  greater_than_equal_to: "\xC9 Maior Que ou Igual a",
107848
107850
  less_than: "\xC9 Menor Que",
@@ -107974,8 +107976,8 @@ var pt_PT_default = {
107974
107976
  description: "Assim que a sua equipa criar estes itens, poder\xE1 aceder aos mesmos aqui. ",
107975
107977
  title: "N\xE3o h\xE1 itens para apresentar neste momento",
107976
107978
  itemsTitle: "N\xE3o h\xE1 %{itemsLabel} para apresentar neste momento",
107977
- tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado quando adicionar informa\xE7\xF5es \xE0 tabela %{tableName}",
107978
- searchTooltip: "A pesquisa ser\xE1 ativada quando adicionar informa\xE7\xF5es a %{tableName}",
107979
+ tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado quando adicionar informa\xE7\xF5es a %{tableName}",
107980
+ searchTooltip: "A pesquisa ser\xE1 ativada quando adicionar informa\xE7\xF5es a: %{tableName}",
107979
107981
  featureFilter: "Filtro",
107980
107982
  featureQuickFilter: "Filtro r\xE1pido",
107981
107983
  featureGroupBy: "Agrupar por",
@@ -108076,8 +108078,8 @@ var pt_PT_default = {
108076
108078
  configureColumns: "Configurar colunas",
108077
108079
  resetToDefault: "Mostrar tudo",
108078
108080
  rowHeight: "Altura da linha",
108079
- small: "Pequeno",
108080
- medium: "M\xE9dio",
108081
+ small: "Pequena",
108082
+ medium: "M\xE9dia",
108081
108083
  large: "Grande",
108082
108084
  tableSettings: "Defini\xE7\xF5es de tabela",
108083
108085
  groupBy: "Agrupar por:",
@@ -111991,6 +111993,21 @@ var LocationQuickFilterRenderer_default = LocationQuickFilterRenderer;
111991
111993
  var StyledFilterPresetPopoverContent = styled4__default.default(coreReact.Popover.Content)`
111992
111994
  padding: ${coreReact.spacing.sm}px ${coreReact.spacing.lg}px;
111993
111995
  `;
111996
+ var StyledClearButton = styled4__default.default(coreReact.Button)`
111997
+ position: absolute;
111998
+ right: ${coreReact.spacing.md + coreReact.spacing.lg}px;
111999
+ top: calc(36px / 2);
112000
+ transform: translateY(-50%);
112001
+ color: ${coreReact.colors.blue45};
112002
+ &:hover,
112003
+ &:focus {
112004
+ color: ${coreReact.colors.blue45};
112005
+ background: ${coreReact.colors.white};
112006
+ }
112007
+ `;
112008
+ var StyledTriggerContainerWrapper = styled4__default.default.div`
112009
+ position: relative;
112010
+ `;
111994
112011
  var getValueLabel = (isValueEmpty, value, placeholder, filterName) => {
111995
112012
  const prefixLabel = isValueEmpty ? placeholder || filterName : filterName;
111996
112013
  const valueLabel = value ? `${prefixLabel ? ": " : ""}${value}` : "";
@@ -112010,7 +112027,7 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
112010
112027
  const ctx = coreReact.UNSAFE_useSuperSelectContext();
112011
112028
  const I18n = coreReact.useI18nContext();
112012
112029
  return /* @__PURE__ */ React80__default.default.createElement(
112013
- coreReact.Button,
112030
+ StyledClearButton,
112014
112031
  {
112015
112032
  ...ctx.props.clear(),
112016
112033
  "aria-label": I18n.t("dataTable.filters.removeFilterToken", {
@@ -112035,6 +112052,11 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
112035
112052
  filterName
112036
112053
  )));
112037
112054
  }),
112055
+ TriggerContainerWrapper: React80__default.default.forwardRef(
112056
+ (props, ref) => {
112057
+ return /* @__PURE__ */ React80__default.default.createElement(StyledTriggerContainerWrapper, { ref, ...props });
112058
+ }
112059
+ ),
112038
112060
  TriggerContainer: React80__default.default.forwardRef(
112039
112061
  (props, ref) => {
112040
112062
  const ctx = coreReact.UNSAFE_useSuperSelectContext();
@@ -112048,11 +112070,31 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
112048
112070
  }
112049
112071
  );
112050
112072
  }
112073
+ const {
112074
+ "aria-activedescendant": ariaActivedescendant,
112075
+ "aria-controls": ariaControls,
112076
+ "aria-expanded": ariaExpanded,
112077
+ "aria-haspopup": ariaHaspopup,
112078
+ "aria-label": ariaLabel,
112079
+ "aria-labelledby": ariaLabelledby,
112080
+ role,
112081
+ tabIndex
112082
+ } = ctx.props.multiInput();
112083
+ const a11yProps = {
112084
+ "aria-activedescendant": ariaActivedescendant,
112085
+ "aria-controls": ariaControls,
112086
+ "aria-expanded": ariaExpanded,
112087
+ "aria-haspopup": ariaHaspopup,
112088
+ "aria-label": ariaLabel,
112089
+ "aria-labelledby": ariaLabelledby,
112090
+ role,
112091
+ tabIndex
112092
+ };
112051
112093
  return /* @__PURE__ */ React80__default.default.createElement(
112052
112094
  coreReact.Popover,
112053
112095
  {
112054
112096
  placement: "top",
112055
- trigger: ctx.state.value.length > 1 ? "hover" : "none",
112097
+ trigger: ctx.state.value.length > 1 ? ["hover", "focus"] : "none",
112056
112098
  overlay: /* @__PURE__ */ React80__default.default.createElement(StyledFilterPresetPopoverContent, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, null, ctx.state.value.map((v) => {
112057
112099
  const option = ctx.state.options.find(
112058
112100
  (option2) => ctx.option.value(option2) === v
@@ -112065,6 +112107,7 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
112065
112107
  {
112066
112108
  $block: ctx.config.block,
112067
112109
  ...props,
112110
+ ...a11yProps,
112068
112111
  ref
112069
112112
  }
112070
112113
  )
@@ -112877,6 +112920,7 @@ var ClientSideSearch = ({
112877
112920
  const { tableRef } = useInternalTableContext();
112878
112921
  const hasNoContent = useTableHasNoContent();
112879
112922
  const I18n = coreReact.useI18nContext();
112923
+ const resolvedPlaceholder = placeholder || I18n.t("dataTable.search");
112880
112924
  const debouncedSetSearchValue = React80__default.default.useCallback(
112881
112925
  debounce5__default.default((value) => {
112882
112926
  tableRef?.current?.setSearchValue(value);
@@ -112904,7 +112948,8 @@ var ClientSideSearch = ({
112904
112948
  "search--empty": !internalValue.length
112905
112949
  }),
112906
112950
  onChange,
112907
- placeholder: placeholder || I18n.t("dataTable.search")
112951
+ placeholder: resolvedPlaceholder,
112952
+ "aria-label": resolvedPlaceholder
112908
112953
  }
112909
112954
  ));
112910
112955
  };