@12-apps/ui 6.7.0 → 6.9.0

package/dist/data-display/DataViews.js

@@ -7,22 +7,22 @@ import {
 } from "../chunk-DSO6BL77.js";
 import {
   Pagination
-} from "../chunk-JP55QWVR.js";
+} from "../chunk-L7L6SX64.js";
 import {
   TableFilter
-} from "../chunk-CEKPLUQV.js";
+} from "../chunk-UY7UF7IN.js";
 import {
   ContentToolbar,
   FilterTrigger,
   MultiSelectDropdown
-} from "../chunk-NUCLEOHF.js";
+} from "../chunk-UNM7KFDX.js";
 import "../chunk-DI44UBHQ.js";
 import {
   Switch
 } from "../chunk-S4R6CKIG.js";
 import {
   DayBoundInput
-} from "../chunk-H7UAGTVW.js";
+} from "../chunk-TSG5C7MP.js";
 import {
   CategorySelect
 } from "../chunk-AR5LUIBC.js";
@@ -41,13 +41,13 @@ import {
 import {
   StackedModal,
   StackedModalContent
-} from "../chunk-QZZVHY6U.js";
+} from "../chunk-PVLDKXKR.js";
 import {
   createConfirmButton
 } from "../chunk-5TCPZ6GR.js";
 import {
   DataGrid
-} from "../chunk-QLBYAYUG.js";
+} from "../chunk-KR2BP7NK.js";
 import {
   DescriptionItem
 } from "../chunk-HR7KRGJQ.js";
@@ -1599,6 +1599,8 @@ function PillControl({
   return /* @__PURE__ */ jsx10(
     MultiSelectDropdown,
     {
+      extraOptionsHeading: copy.filters.optionsHeading,
+      clearText: copy.filters.clear,
       clearLabel: copy.filters.clearRange(pill.label),
       label: pill.label,
       options: pill.options,
@@ -1876,10 +1878,12 @@ function BoundField({
   onChange,
   testId
 }) {
+  const copy = useDataViewsCopy();
   if (field.kind === "day") {
     return /* @__PURE__ */ jsx13(
       DayBoundInput,
       {
+        mask: copy.filters.dayMask,
         label,
         value: value == null ? void 0 : String(value),
         onChange,
@@ -1913,7 +1917,7 @@ function RangeBounds({
         BoundField,
         {
           field,
-          label: "De",
+          label: copy.filters.rangeStart,
           value: value.min,
           onChange: (min) => onChange({ ...value, min }),
           testId: `${testId}-min`
@@ -2217,6 +2221,7 @@ function FilterDialog({
       open,
       onClose,
       navigationTitle: copy.filters.panelTitle,
+      backLabel: copy.nav.goBack,
       modalId: `${props.testIdPrefix}-filters`,
       maxWidth: "xs",
       dataTestId: `${props.testIdPrefix}-filter-dialog`,
@@ -2230,7 +2235,7 @@ function FilterDialog({
             onClick: props.onClearAll,
             "data-testid": `${props.testIdPrefix}-clear-filters`,
             sx: { fontSize: "0.75rem", color: "text.secondary" },
-            children: "Clear All Filters"
+            children: copy.filters.clearAllFilters
           }
         ) }),
         /* @__PURE__ */ jsx14(FilterControls, { ...props })
@@ -2644,6 +2649,7 @@ function GridBody({
   dataTestId,
   emptyState
 }) {
+  const copy = useDataViewsCopy();
   return /* @__PURE__ */ jsx18(
     Box,
     {
@@ -2670,7 +2676,8 @@ function GridBody({
           selection: { mode: "multi", selectedRowIds: selectedIds, onChangeSelected },
           sorting: { mode: sortMode, sortBy, onChangeSortBy },
           "data-testid": dataTestId,
-          emptyState
+          emptyState,
+          emptyText: copy.grid.emptyFilteredTitle
         }
       )
     }
@@ -2960,6 +2967,8 @@ function OverflowPill({
     return /* @__PURE__ */ jsx20(
       MultiSelectDropdown,
       {
+        extraOptionsHeading: copy.filters.optionsHeading,
+        clearText: copy.filters.clear,
         clearLabel: copy.filters.clearRange(field.label),
         label: field.pill?.label ?? field.label,
         options,
@@ -4960,6 +4969,8 @@ function GridToolbar(props) {
         ContentToolbar,
         {
           selectAllLabel: copy.selection.selectAll,
+          selectAllText: copy.selection.selectAllOnPage,
+          clearAllText: copy.filters.clearAll,
           hasSelection: selectedRows.length > 0,
           selectedCount: selectedRows.length,
           selectAll: props.selectAll,
@@ -5108,10 +5119,12 @@ function DataViewsPagination({
   c,
   testIdPrefix
 }) {
+  const copy = useDataViewsCopy();
   if (!c.serverMode || c.serverPageCount <= 1) return null;
   return /* @__PURE__ */ jsx33(Box, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx33(
     Pagination,
     {
+      pageSizeLabel: copy.nav.pageSize,
       page: c.serverPage,
       count: c.serverPageCount,
       onChange: (_event, page) => c.changePage(page),
@@ -5418,6 +5431,7 @@ function ShellStack({
   props,
   filters
 }) {
+  const copy = useDataViewsCopy();
   const { c, testIdPrefix, dataTestId, scopes = [], emptyState, inlineFilters = false } = props;
   const { showInline, useModal, inlineVisible, filterProps, split, onControlOpenChange } = filters;
   const body = /* @__PURE__ */ jsx36(
@@ -5429,69 +5443,78 @@ function ShellStack({
       testIdPrefix
     }
   );
-  return /* @__PURE__ */ jsx36(TableFilter, { open: c.filterOpen, onOpenChange: c.setFilterOpen, hasActiveFilters: c.activeFilterCount > 0, children: /* @__PURE__ */ jsxs25(Stack, { spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, children: [
-    /* @__PURE__ */ jsx36(GridHeaderRow, { title: props.title, headerActions: props.headerActions, testIdPrefix }),
-    /* @__PURE__ */ jsx36(
-      ShellToolbar,
-      {
-        c,
-        rows: props.rows,
-        sortKinds: props.sortKinds,
-        displayView: props.displayView,
-        exportConfig: props.exportConfig,
-        filterControls: inlineVisible ? /* @__PURE__ */ jsx36(
-          InlineFilterControls,
+  return /* @__PURE__ */ jsx36(
+    TableFilter,
+    {
+      copy: copy.tableFilter,
+      open: c.filterOpen,
+      onOpenChange: c.setFilterOpen,
+      hasActiveFilters: c.activeFilterCount > 0,
+      children: /* @__PURE__ */ jsxs25(Stack, { spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, children: [
+        /* @__PURE__ */ jsx36(GridHeaderRow, { title: props.title, headerActions: props.headerActions, testIdPrefix }),
+        /* @__PURE__ */ jsx36(
+          ShellToolbar,
           {
-            ...filterProps,
-            split,
-            activeFilterCount: c.activeFilterCount,
-            onControlOpenChange
+            c,
+            rows: props.rows,
+            sortKinds: props.sortKinds,
+            displayView: props.displayView,
+            exportConfig: props.exportConfig,
+            filterControls: inlineVisible ? /* @__PURE__ */ jsx36(
+              InlineFilterControls,
+              {
+                ...filterProps,
+                split,
+                activeFilterCount: c.activeFilterCount,
+                onControlOpenChange
+              }
+            ) : void 0,
+            barRef: split.barRef,
+            testIdPrefix,
+            rowActions: props.rowActions,
+            bulkActions: props.bulkActions,
+            toolbarRightSlot: props.toolbarRightSlot,
+            compactControls: showInline && split.compactControls,
+            counterHidden: showInline && split.counterHidden,
+            showInline
           }
-        ) : void 0,
-        barRef: split.barRef,
-        testIdPrefix,
-        rowActions: props.rowActions,
-        bulkActions: props.bulkActions,
-        toolbarRightSlot: props.toolbarRightSlot,
-        compactControls: showInline && split.compactControls,
-        counterHidden: showInline && split.counterHidden,
-        showInline
-      }
-    ),
-    /* @__PURE__ */ jsx36(
-      ScopeTabsSlot,
-      {
-        scopes,
-        scopeFieldId: props.scopeFieldId,
-        board: props.board,
-        value: c.scope,
-        onChange: c.setScope,
-        counts: c.scopeCounts,
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsxs25(TableFilter.Layout, { children: [
-      /* @__PURE__ */ jsxs25(TableFilter.Main, { children: [
+        ),
         /* @__PURE__ */ jsx36(
-          GridMain,
+          ScopeTabsSlot,
           {
-            c,
-            getRowId: props.getRowId,
-            renderCard: props.renderCard,
-            renderListRow: props.renderListRow,
-            listGroup: props.listGroup,
+            scopes,
+            scopeFieldId: props.scopeFieldId,
             board: props.board,
-            dataTestId,
-            testIdPrefix,
-            emptyState: body
+            value: c.scope,
+            onChange: c.setScope,
+            counts: c.scopeCounts,
+            testIdPrefix
           }
         ),
-        /* @__PURE__ */ jsx36(DataViewsPagination, { c, testIdPrefix })
-      ] }),
-      inlineFilters ? null : /* @__PURE__ */ jsx36(GridFilterPanel, { ...filterProps })
-    ] }),
-    useModal && /* @__PURE__ */ jsx36(FilterDialog, { open: c.filterOpen, onClose: () => c.setFilterOpen(false), ...filterProps })
-  ] }) });
+        /* @__PURE__ */ jsxs25(TableFilter.Layout, { children: [
+          /* @__PURE__ */ jsxs25(TableFilter.Main, { children: [
+            /* @__PURE__ */ jsx36(
+              GridMain,
+              {
+                c,
+                getRowId: props.getRowId,
+                renderCard: props.renderCard,
+                renderListRow: props.renderListRow,
+                listGroup: props.listGroup,
+                board: props.board,
+                dataTestId,
+                testIdPrefix,
+                emptyState: body
+              }
+            ),
+            /* @__PURE__ */ jsx36(DataViewsPagination, { c, testIdPrefix })
+          ] }),
+          inlineFilters ? null : /* @__PURE__ */ jsx36(GridFilterPanel, { ...filterProps })
+        ] }),
+        useModal && /* @__PURE__ */ jsx36(FilterDialog, { open: c.filterOpen, onClose: () => c.setFilterOpen(false), ...filterProps })
+      ] })
+    }
+  );
 }
 function GridShell(props) {
   const {