@konoma-development/react-components 0.1.18 → 0.2.1

package/dist/components/form/form.d.ts

@@ -1,11 +1,11 @@
-import { JSX, Ref } from 'react';
+import { ReactNode, Ref } from 'react';
 export declare const ErrorContext: import('react').Context<{
     errors: Record<string, string[]>;
     setErrors: (errors: Record<string, string[]>) => void;
 }>;
 export default function Form<DataType>({ children, className, validators, data, formRef, onValidation, onSubmit, }: {
     formRef?: Ref<HTMLFormElement>;
-    children: JSX.Element[] | JSX.Element;
+    children: ReactNode;
     className?: string;
     data: DataType;
     validators: Record<keyof DataType, ((value: string | number | boolean | null) => string)[]>;

package/dist/components/form/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, HTMLInputTypeAttribute, JSX, MouseEvent } from 'react';
+import { ChangeEvent, HTMLInputTypeAttribute, MouseEvent, ReactNode } from 'react';
 type LabelPosition = 'top' | 'bottom' | 'left' | 'right';
 export type FormValue = string | number | boolean | Option;
 export interface Option {
@@ -86,7 +86,7 @@ export interface FormFieldProps<DataType> extends Classes {
     indeterminate?: boolean;
     isClearable?: boolean;
     replacements?: Record<string, string>;
-    label?: string | JSX.Element;
+    label?: ReactNode;
     labelPosition?: LabelPosition;
     maxLength?: number;
     maxLengthLabel?: string;

package/dist/components/form/validators.d.ts

@@ -1,2 +1,2 @@
-export declare function required(message?: string): (value: string | number | boolean | null) => string;
-export declare function email(message?: string): (value: string | number | boolean | null) => string;
+export declare function required(message: string): (value: string | number | boolean | null) => string;
+export declare function email(message: string): (value: string | number | boolean | null) => string;

package/dist/components/table/table.d.ts

@@ -1,8 +1,8 @@
-import { JSX } from 'react';
+import { ReactNode } from 'react';
 import { PaginationClasses } from './pagination.tsx';
 export interface TableColumn<DataType> {
     id: keyof DataType;
-    title: string | JSX.Element;
+    title: ReactNode;
     initialWidth?: string | number;
     hidden?: boolean;
     sorting?: '+' | '-' | undefined;
@@ -13,7 +13,7 @@ export interface TableColumn<DataType> {
     allowResize?: boolean;
     filterable?: boolean;
     grow?: boolean;
-    filterComponent?: (filters: Record<string, string[]>, setFilters: (filters: Record<string, string[]>) => Promise<void>) => JSX.Element;
+    filterComponent?: (filters: Record<string, string[]>, setFilters: (filters: Record<string, string[]>) => Promise<void>) => ReactNode;
 }
 export default function Table<DataType extends {
     dragRef?: React.RefObject<HTMLDivElement>;
@@ -40,10 +40,10 @@ export default function Table<DataType extends {
     cellRenderer?: {
         [key in keyof DataType]?: (data: DataType & {
             dragRef?: React.RefObject<HTMLDivElement>;
-        }) => JSX.Element;
+        }) => ReactNode;
     };
     filterComponents?: {
-        [key in keyof DataType]?: (filters: Record<string, string[]>, setFilters: (filters: Record<string, string[]>) => Promise<void>) => JSX.Element;
+        [key in keyof DataType]?: (filters: Record<string, string[]>, setFilters: (filters: Record<string, string[]>) => Promise<void>) => ReactNode;
     };
     filters?: Record<string, string[]>;
     showFilters?: boolean;

package/dist/components/ui/button.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-export default function Button({ className, classesBase, classesPrimary, classesSecondary, classesActiveSecondary, classesError, classesAlert, loadingClassesBase, loadingClassesPrimary, loadingClassesSecondary, loadingClassesActiveSecondary, loadingClassesError, loadingClassesAlert, iconLeftClasses, iconRightClasses, type, variant, label, loading, disabled, iconLeftPath, iconLeftName, iconRightPath, iconRightName, name, onClick, }: {
+export default function Button({ className, classesBase, classesPrimary, classesSecondary, classesActiveSecondary, classesError, classesAlert, loadingClassesBase, loadingClassesPrimary, loadingClassesSecondary, loadingClassesActiveSecondary, loadingClassesError, loadingClassesAlert, iconLeftClasses, iconRightClasses, type, variant, label, loading, disabled, iconLeftPath, iconLeftName, iconRightPath, iconRightName, onClick, }: {
     classesBase?: string;
     classesPrimary?: string;
     classesSecondary?: string;
@@ -24,6 +24,5 @@ export default function Button({ className, classesBase, classesPrimary, classes
     iconLeftName?: string;
     iconRightPath?: string;
     iconRightName?: string;
-    name?: string;
     onClick?: (e: MouseEvent) => Promise<void> | void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/wrapper.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare const i18nContext: import('react').Context<{
+    locale: string;
+}>;
+export default function ComponentsWrapper({ children, locale }: {
+    children: ReactNode;
+    locale?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/main.d.ts

@@ -21,5 +21,6 @@ import { default as LoadingIndicator } from './components/ui/loadingIndicator.ts
 import { default as Modal } from './components/ui/modal.tsx';
 import { default as Tabs } from './components/ui/tabs.tsx';
 import { default as Tag } from './components/ui/tag.tsx';
+import { default as ComponentsWrapper } from './components/wrapper.tsx';
 import * as validators from './components/form/validators.ts';
-export { Button, Checkbox, CheckboxList, Classes, ColumnChooser, ColumnChooserEntry, ErrorContext, FilterContext, Form, FormField, FormFieldProps, FormValue, Icon, Input, LoadingIndicator, Mask, Modal, Option, Pagination, PhoneInput, RadioButtonGroup, Select, Table, TableActionEntry, TableActions, TableColumn, Tabs, Tag, TagList, TextArea, validators, };
+export { Button, Checkbox, CheckboxList, Classes, ColumnChooser, ColumnChooserEntry, ComponentsWrapper, ErrorContext, FilterContext, Form, FormField, FormFieldProps, FormValue, Icon, Input, LoadingIndicator, Mask, Modal, Option, Pagination, PhoneInput, RadioButtonGroup, Select, Table, TableActionEntry, TableActions, TableColumn, Tabs, Tag, TagList, TextArea, validators, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@konoma-development/react-components",
   "packageManager": "yarn@4.6.0",
-  "version": "0.1.18",
+  "version": "0.2.1",
   "publishConfig": {
     "access": "public"
   },