@majoo-ui/react 2.2.0 → 2.3.0

package/src/components/editableTable/EditableTable.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { Column, Row, SortingRule } from 'react-table';
 import { CSS } from '../../config/stitches.config';
 import { EmptyDataProps } from '../table/Table';
+import { TableLocaleText } from '../table/locale';
 interface CustomRows {
     predicate: boolean;
     css?: CSS;
@@ -88,6 +89,11 @@ interface EditableTableProps<Data extends object> {
      * Sort by changes callback
      */
     onSortByChange?: (sortBy: SortingRule<object>[]) => void;
+    /**
+     * Texts of this table, same as `Table`'s `localeText`. Only `sortColumnTitle`, `emptyDataTitle`
+     * and `emptyDataDescription` apply.
+     */
+    localeText?: Partial<TableLocaleText>;
 }
 interface RemoveProps {
     position?: 'leftBottom' | 'rightBottom' | 'leftTop' | 'rightTop';
@@ -160,9 +166,7 @@ declare namespace EditableTable {
         }) => {
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
-            }; /**
-             * Additional height of the rows.
-             */
+            };
         };
         ml: (value: {
             readonly [$$ScaleValue]: "space";
@@ -194,9 +198,6 @@ declare namespace EditableTable {
         size: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
-            /**
-             * Change event handler table selection.
-             */
             width: {
                 readonly [$$PropertyValue]: "width";
             };
@@ -273,9 +274,7 @@ declare namespace EditableTable {
         }) => {
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
-            }; /**
-             * Additional height of the rows.
-             */
+            };
         };
         ml: (value: {
             readonly [$$ScaleValue]: "space";
@@ -307,9 +306,6 @@ declare namespace EditableTable {
         size: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
-            /**
-             * Change event handler table selection.
-             */
             width: {
                 readonly [$$PropertyValue]: "width";
             };
@@ -384,9 +380,7 @@ declare namespace EditableTable {
         }) => {
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
-            }; /**
-             * Additional height of the rows.
-             */
+            };
         };
         ml: (value: {
             readonly [$$ScaleValue]: "space";
@@ -418,9 +412,6 @@ declare namespace EditableTable {
         size: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
-            /**
-             * Change event handler table selection.
-             */
             width: {
                 readonly [$$PropertyValue]: "width";
             };

package/src/components/table/MobileTable.d.ts

@@ -38,6 +38,7 @@ interface MobileTableProps {
     footerColumnIds?: Set<string>;
     headerRowSpan?: boolean;
     keyId?: string;
+    sortColumnTitle?: string;
 }
 declare const MobileTable: React.ForwardRefExoticComponent<MobileTableProps & React.RefAttributes<HTMLDivElement>>;
 export default MobileTable;

package/src/components/table/index.d.ts

@@ -1,3 +1,5 @@
 export * from './Table';
+export type { PaginationLabel, TableLocaleText } from './locale';
+export { defaultTableLocaleText } from './locale';
 export * from './components';
 export { default as MobileTable } from './MobileTable';

package/src/components/table/locale.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+export interface PaginationLabel {
+    showingText?: string;
+    showingCountText?: string | ((params: {
+        from: number;
+        to: number;
+        total: number;
+    }) => string);
+    dialogShowingText?: string;
+    previousButton?: string;
+    nextButton?: string;
+    gotoPageText?: string;
+    goToPagePlaceholder?: string;
+    btnCancelText?: string;
+    btnSubmitText?: string;
+}
+export interface TableLocaleText {
+    /** Tooltip (`title` attribute) of a sortable header. */
+    sortColumnTitle: string;
+    /** Title of the show/hide column dialog on mobile. */
+    showColumnTitle: ReactNode;
+    emptyDataTitle: ReactNode;
+    emptyDataDescription: ReactNode;
+    /** Receives the `searchQuery` so each language can place it where its grammar needs it. */
+    emptySearchTitle: (params: {
+        query: string;
+    }) => ReactNode;
+    emptySearchDescription: ReactNode;
+    pagination: PaginationLabel;
+}
+export declare const defaultTableLocaleText: TableLocaleText;
+export declare const i18nTableLocaleText: (t: any) => TableLocaleText;
+/** Later sources win; an `undefined` value never erases an earlier one. */
+export declare const mergeTableLocaleText: (base: TableLocaleText, ...overrides: (Partial<TableLocaleText> | undefined)[]) => TableLocaleText;
+/**
+ * Resolves the table texts. Precedence: the table's own `localeText`, then `MajooProvider`'s
+ * `localeText.table`, then the app's `MajooUI/table` translations, then the Indonesian defaults.
+ * Several table-level overrides may be passed; later ones win. Pass the same number on every render.
+ */
+export declare const useTableLocaleText: (...localeTexts: (Partial<TableLocaleText> | undefined)[]) => TableLocaleText;

package/src/config/locale/LocaleTextContext.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { TableLocaleText } from '../../components/table/locale';
+/**
+ * Component texts supplied once for the whole app through `MajooProvider`'s `localeText`.
+ * Each component reads its own key; any text left unset keeps the component's default.
+ */
+export interface MajooLocaleText {
+    table?: Partial<TableLocaleText>;
+}
+export declare const LocaleTextContext: React.Context<MajooLocaleText>;