@producteca/producteca-ui-kit 1.83.0 → 1.85.0

package/README.md

@@ -120,6 +120,21 @@ Follow these steps to integrate and configure the `@producteca/producteca-ui-kit
      import { SelectField, CheckboxInput /* other components */ } from '@producteca/producteca-ui-kit'
      ```
 
+4. **Configure the locale (optional)**
+   The kit ships in Spanish by default. To render it in another language, call `configureLocale` **once, during your app bootstrap**, before rendering any component:
+
+   ```typescript
+   import { configureLocale } from '@producteca/producteca-ui-kit'
+
+   configureLocale('en')
+   ```
+
+   Supported locales: `'es'` (default), `'pt-BR'` and `'en'`.
+
+   This single call covers the kit's own strings, the day and month names of both date pickers, and the internal labels of the MUI pickers.
+
+   **The locale is read at render time and is not reactive.** Calling `configureLocale` after components have mounted will not update them — it is meant for bootstrap, not for a runtime language switcher. Keys that are missing from a non-Spanish bundle fall back to Spanish rather than showing the raw key.
+
 ## 📦 Publishing a New Version
 
 Package publishing is now handled automatically via a GitHub Action triggered on `push` to the `main` or `master` branches.

package/dist/components/inputs/searcher/searcher.d.ts

@@ -1,19 +1,5 @@
 import { default as React } from 'react';
-import { BaseSelectProps, SelectOption } from '../selectField/selectField.types';
+import { SearcherProps } from './searcher.types';
 
-export interface SearcherProps extends BaseSelectProps {
-    clearOnSelect?: boolean;
-    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    isLoading?: boolean;
-    loadOptions?: (inputValue: string, callback: (options: SelectOption[]) => void) => void;
-    cacheOptions?: boolean;
-    defaultOptions?: boolean | SelectOption[];
-    value?: string;
-    input?: {
-        value: any;
-        onChange: (value: any) => void;
-        onBlur: () => void;
-        name: string;
-    };
-}
 export declare const Searcher: React.FC<SearcherProps>;
+export type { SearcherProps };

package/dist/components/inputs/searcher/searcher.types.d.js

@@ -0,0 +1 @@
+export {};

package/dist/components/inputs/searcher/searcher.types.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { BaseSelectProps, SelectOption } from '../selectField/selectField.types';
+import { ReduxFormInput } from '../../../hooks/useReduxFormField';
+import { InputValue, Meta } from '../../../validators';
+
+export interface SearcherProps extends BaseSelectProps {
+    clearOnSelect?: boolean;
+    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    isLoading?: boolean;
+    loadOptions?: (inputValue: string, callback: (options: SelectOption[]) => void) => void;
+    cacheOptions?: boolean;
+    defaultOptions?: boolean | SelectOption[];
+    value?: string;
+    input?: ReduxFormInput;
+    meta?: Meta;
+    isValid?: (value: InputValue) => boolean;
+    noErrors?: boolean;
+}

package/dist/index.d.js

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './styles/colors';
-export * from './hooks/useReduxFormField';
+export * from './hooks/useReduxFormField';
+export { configureLocale, getActiveLocale } from './locales/localeConfig';

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export * from './components';
 export * from './styles/colors';
 export * from './hooks/useReduxFormField';
+export { configureLocale, getActiveLocale } from './locales/localeConfig';
+export type { UiKitLocale, LocaleEntry } from './locales/localeRegistry';

package/dist/locales/en.d.js

@@ -0,0 +1 @@
+export {};

package/dist/locales/en.d.ts

@@ -0,0 +1,70 @@
+declare const _default: {
+    a11y: {
+        close: string;
+        dialog: string;
+        loading: string;
+        moreActions: string;
+        navigation: string;
+        progress: string;
+        remove: string;
+        reorder: string;
+        search: string;
+        toggleSidebar: string;
+    };
+    addPlus: string;
+    asyncContent: {
+        errorOccurred: string;
+        noResultsFound: string;
+        retry: string;
+        successCompleted: string;
+    };
+    cancel: string;
+    conditionalOperator: {
+        and: string;
+        or: string;
+    };
+    continue: string;
+    copyButton: {
+        copied: string;
+        copy: string;
+    };
+    datePicker: {
+        selectDate: string;
+        selectDateTime: string;
+        selectTime: string;
+        selectYear: string;
+    };
+    guide: string;
+    maintenance: {
+        description: string;
+        subtitle: string;
+        title: string;
+    };
+    modalTitle: {
+        instructive: string;
+    };
+    noFoundOptions: string;
+    noResultsFound: string;
+    permissionSelector: {
+        ariaLabel: string;
+    };
+    permissions: {
+        edit: string;
+        noAccess: string;
+        read: string;
+    };
+    pickChannelModal: {
+        title: string;
+    };
+    previous: string;
+    reloadPage: string;
+    save: string;
+    selectPlaceholder: string;
+    selected: string;
+    selectedPlural: string;
+    warningModal: {
+        dontShowAgain: string;
+        warning: string;
+    };
+};
+export default _default;

package/dist/locales/es.d.ts

@@ -153,6 +153,10 @@ declare const _default: {
             defaultOptions: string;
             apiSimulationDescription: string;
             apiSimulationLabel: string;
+            meta: string;
+            isValid: string;
+            noErrors: string;
+            requiredErrorDescription: string;
         };
         breadcrumb: {
             itemFormat: string;

package/dist/locales/localeConfig.d.js

@@ -0,0 +1 @@
+export {};

package/dist/locales/localeConfig.d.ts

@@ -0,0 +1,5 @@
+import { LocaleEntry, UiKitLocale } from './localeRegistry';
+
+export declare const getActiveLocale: () => UiKitLocale;
+export declare const getActiveDateLocale: () => LocaleEntry;
+export declare const configureLocale: (locale: UiKitLocale) => void;

package/dist/locales/localeRegistry.d.js

@@ -0,0 +1 @@
+export {};

package/dist/locales/localeRegistry.d.ts

@@ -0,0 +1,13 @@
+import { DayPickerLocale } from 'react-day-picker/locale';
+import { PickersInputLocaleText } from '@mui/x-date-pickers';
+
+export type UiKitLocale = 'es' | 'pt-BR' | 'en';
+export interface LocaleEntry {
+    i18n: string;
+    dayjs: string;
+    dateFns: DayPickerLocale;
+    mui: PickersInputLocaleText;
+}
+export declare const DEFAULT_LOCALE: UiKitLocale;
+export declare const LOCALE_REGISTRY: Record<UiKitLocale, LocaleEntry>;
+export declare const isRegisteredLocale: (locale: string) => locale is UiKitLocale;

package/dist/locales/pt-BR.d.js

@@ -0,0 +1 @@
+export {};

package/dist/locales/pt-BR.d.ts

@@ -0,0 +1,70 @@
+declare const _default: {
+    a11y: {
+        close: string;
+        dialog: string;
+        loading: string;
+        moreActions: string;
+        navigation: string;
+        progress: string;
+        remove: string;
+        reorder: string;
+        search: string;
+        toggleSidebar: string;
+    };
+    addPlus: string;
+    asyncContent: {
+        errorOccurred: string;
+        noResultsFound: string;
+        retry: string;
+        successCompleted: string;
+    };
+    cancel: string;
+    conditionalOperator: {
+        and: string;
+        or: string;
+    };
+    continue: string;
+    copyButton: {
+        copied: string;
+        copy: string;
+    };
+    datePicker: {
+        selectDate: string;
+        selectDateTime: string;
+        selectTime: string;
+        selectYear: string;
+    };
+    guide: string;
+    maintenance: {
+        description: string;
+        subtitle: string;
+        title: string;
+    };
+    modalTitle: {
+        instructive: string;
+    };
+    noFoundOptions: string;
+    noResultsFound: string;
+    permissionSelector: {
+        ariaLabel: string;
+    };
+    permissions: {
+        edit: string;
+        noAccess: string;
+        read: string;
+    };
+    pickChannelModal: {
+        title: string;
+    };
+    previous: string;
+    reloadPage: string;
+    save: string;
+    selectPlaceholder: string;
+    selected: string;
+    selectedPlural: string;
+    warningModal: {
+        dontShowAgain: string;
+        warning: string;
+    };
+};
+export default _default;