@thx/controls 16.3.0 → 17.0.0-mantine.0

package/dist/stats.txt

@@ -1,98 +1,38 @@
 -----------------------------
 Rollup File Analysis
 -----------------------------
-bundle size:    44.537 KB
-original size:  64.86 KB
-code reduction: 31.33 %
-module count:   45
+bundle size:    12.967 KB
+original size:  22.778 KB
+code reduction: 43.07 %
+module count:   15
 
-/src/step/StepProvider.tsx
-███░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 7.92 % (3.529 KB)
 /src/form/TForm/useTForm.tsx
-███░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 6.58 % (2.93 KB)
-/src/inputs/TableInput/TableInput.tsx
-███░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 6.26 % (2.788 KB)
-/src/inputs/Scriptel/scriptel/index.ts
-██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 5.68 % (2.53 KB)
-/src/inputs/CreditCardInput/CreditCardInput.tsx
-██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 5.22 % (2.324 KB)
-/src/money/useMoneyInput.ts
-██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 4.84 % (2.155 KB)
-/src/date/MonthDayPicker/MonthDayPicker.tsx
-██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 4.41 % (1.965 KB)
-/src/inputs/ScriptelInput/ScriptelInput.tsx
-██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 4.41 % (1.963 KB)
-/src/inputs/CreditCardInput/CreditCardNumberInput.tsx
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 3.85 % (1.713 KB)
-/src/money/MoneyCurrencyInput/MoneyCurrencyInput.tsx
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 3.54 % (1.575 KB)
-/src/date/YearSelect/YearSelect.tsx
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 3.49 % (1.553 KB)
+███████████░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 22.2 % (2.879 KB)
 /src/inputs/MaskedInput/useMaskedInput.ts
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 3.34 % (1.487 KB)
-/src/inputs/Scriptel/Scriptel.tsx
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 2.86 % (1.275 KB)
-/src/date/MonthYearPicker/MonthYearPicker.tsx
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 2.76 % (1.229 KB)
-/src/date/LocalTimePicker/LocalTimePicker.tsx
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 2.71 % (1.205 KB)
-/src/inputs/SinInput/SinInput.tsx
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 2.57 % (1.144 KB)
+█████░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 11.46 % (1.486 KB)
+/src/form/TMForm/TMForm.tsx
+█████░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 11.14 % (1.445 KB)
+/src/date/YearSelect/YearSelect.tsx
+████░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 9.05 % (1.174 KB)
 /src/date/LocalMonthSelect/LocalMonthSelect.tsx
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 2.55 % (1.135 KB)
+███░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 7.18 % (931 Bytes)
+/src/form/TMForm/errorMessages.ts
+███░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 6.72 % (872 Bytes)
+/src/date/MonthYearPicker/MonthYearPicker.tsx
+███░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 6.15 % (797 Bytes)
+/src/date/MonthDayPicker/MonthDayPicker.tsx
+███░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 6.08 % (789 Bytes)
 /src/date/LocalDatePicker/LocalDatePicker.tsx
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 2.46 % (1.096 KB)
-/src/inputs/Scriptel/scriptel/enums.ts
-█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 2.1 % (937 Bytes)
-/src/money/MoneyInput/MoneyInput.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.75 % (778 Bytes)
-/src/inputs/TableInput/StringEditCell.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.61 % (717 Bytes)
-/home/mike/dev/esm/thx-esm/node_modules/style-inject/dist/style-inject.es.js
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.43 % (636 Bytes)
-/src/inputs/TableInput/MoneyEditCell.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.39 % (620 Bytes)
+██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 5.68 % (737 Bytes)
 /src/form/TForm/TForm.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.35 % (600 Bytes)
-/src/inputs/TableInput/LocalDateEditCell.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.31 % (583 Bytes)
-/src/inputs/RadioGroup/RadioGroup.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.26 % (561 Bytes)
-/src/date/DatePicker/styles.css
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.21 % (538 Bytes)
-/src/inputs/TableInput/DropdownCell.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.11 % (493 Bytes)
-/src/date/LocalDatePicker/MaskedDateInput.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1.04 % (464 Bytes)
-/src/date/LocalTimePicker/MaskedTimeInput.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 1 % (446 Bytes)
-/src/step/FormStep.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.99 % (440 Bytes)
-/src/inputs/TableInput/HoverCell.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.9 % (403 Bytes)
-/src/inputs/MaskedInput/MaskedInput.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.88 % (390 Bytes)
+██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 4.63 % (600 Bytes)
+/src/date/LocalTimePicker/LocalTimePicker.tsx
+█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 3.86 % (500 Bytes)
 /src/inputs/PhoneInput/PhoneInput.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.86 % (381 Bytes)
-/src/inputs/TableInput/MoneySumFooter.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.73 % (326 Bytes)
-/src/inputs/TableInput/addRowOnTab.ts
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.7 % (312 Bytes)
-/src/inputs/Scriptel/withScriptel.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.62 % (275 Bytes)
-/src/inputs/TableInput/LocalDateCell.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.59 % (264 Bytes)
-/src/inputs/TableInput/MoneyCell.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.58 % (257 Bytes)
-/src/step/Step.tsx
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.46 % (203 Bytes)
-/src/step/useStep.ts
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.25 % (113 Bytes)
-/src/step/stepContext.ts
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.18 % (80 Bytes)
-/src/inputs/CreditCardInput/styles.css
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.18 % (78 Bytes)
-/src/inputs/Scriptel/ScriptelContext.ts
-░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.1 % (46 Bytes)
+█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 2.94 % (381 Bytes)
+/src/inputs/MaskedInput/MaskedInput.tsx
+█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 2.3 % (298 Bytes)
+/src/form/TMForm/graphqlErrorTypes.ts
+░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0.6 % (78 Bytes)
 /src/index.ts
 ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 0 % (0 Byte)

package/dist/types/commonTypes.d.ts

@@ -0,0 +1 @@
+export declare type OnChangeValue<T> = (value?: T) => void;

package/dist/types/date/LocalDatePicker/LocalDatePicker.d.ts

@@ -1,17 +1,15 @@
 /// <reference types="react" />
 import type { LocalDate } from '@js-joda/core';
-import type { ReactDatePickerProps } from 'react-datepicker';
-import type { InputProps } from 'semantic-ui-react';
-import '../DatePicker/styles.css';
+import type { DatePickerProps } from '@mantine/dates';
 interface ILocalDatePicker {
+    defaultValue?: LocalDate | number | null;
+    initialMonth?: LocalDate | number | null;
     value?: LocalDate | number | null;
     onChange?: (value: LocalDate | null) => void;
-    onChangeRaw?: () => void;
+    onChangeRaw?: (value: Date | null) => void;
     minDate?: LocalDate;
     maxDate?: LocalDate;
 }
-declare type InputPropsOmitted = Omit<InputProps, 'onChange'>;
-declare type ReactDatePickerPropsOmitted = Omit<Omit<ReactDatePickerProps, 'value'>, 'onChange' | 'minDate' | 'maxDate'>;
-export declare type LocalDatePickerProps = ILocalDatePicker & InputPropsOmitted & ReactDatePickerPropsOmitted;
+export declare type LocalDatePickerProps = ILocalDatePicker & Omit<DatePickerProps, 'onChange' | 'value' | 'defaultValue' | 'initialMonth' | 'minDate' | 'maxDate'>;
 export declare function LocalDatePicker(props: LocalDatePickerProps): JSX.Element;
 export {};

package/dist/types/date/LocalDatePicker/localdatepicker.stories.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { LocalDatePicker } from './LocalDatePicker';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof LocalDatePicker>;
+export declare const WithMinMaxDates: ComponentStory<typeof LocalDatePicker>;

package/dist/types/date/LocalMonthSelect/LocalMonthSelect.d.ts

@@ -1,12 +1,11 @@
 /// <reference types="react" />
 import { LocalDate } from '@js-joda/core';
-import { SelectProps } from 'semantic-ui-react';
+import type { SelectProps } from '@mantine/core';
 interface ILocalMonthSelectProps {
     onChange?: (value: LocalDate | null) => void;
     value?: LocalDate | null;
     year?: number;
-    handleBlur?: (event: any) => void;
 }
-export declare type LocalMonthSelectProps = ILocalMonthSelectProps & Omit<SelectProps, 'options'>;
+export declare type LocalMonthSelectProps = ILocalMonthSelectProps & Omit<SelectProps, 'options' | 'data' | 'value' | 'onChange'>;
 export declare function LocalMonthSelect(props: LocalMonthSelectProps): JSX.Element;
 export {};

package/dist/types/date/LocalMonthSelect/localmonthselect.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { LocalMonthSelect } from './LocalMonthSelect';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof LocalMonthSelect>;

package/dist/types/date/LocalTimePicker/LocalTimePicker.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
 import { LocalTime } from '@js-joda/core';
-import type { ReactDatePickerProps } from 'react-datepicker';
-import type { InputProps } from 'semantic-ui-react';
+import type { TimeInputProps } from '@mantine/dates';
 interface ILocalTimePicker {
     value?: LocalTime | number | null;
     onChange?: (value: LocalTime | null) => void;
-    onChangeRaw?: () => void;
 }
-declare type InputPropsOmitted = Omit<InputProps, 'onChange'>;
-declare type ReactDatePickerPropsOmitted = Omit<Omit<ReactDatePickerProps, 'value'>, 'onChange'>;
-export declare type LocalTimePickerProps = ILocalTimePicker & InputPropsOmitted & ReactDatePickerPropsOmitted;
+export declare type LocalTimePickerProps = ILocalTimePicker & Omit<TimeInputProps, 'onChange' | 'value'>;
 export declare function LocalTimePicker(props: LocalTimePickerProps): JSX.Element;
 export {};

package/dist/types/date/LocalTimePicker/localtimepicker.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { LocalTimePicker } from './LocalTimePicker';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof LocalTimePicker>;

package/dist/types/date/MonthDayPicker/MonthDayPicker.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
 import type { LocalDate } from '@js-joda/core';
-import type { ReactDatePickerProps } from 'react-datepicker';
-import { InputProps } from 'semantic-ui-react';
+import type { DatePickerProps } from '@mantine/dates';
 interface IMonthDayPickerProps {
+    defaultValue?: LocalDate | number | null;
+    initialMonth?: LocalDate | number | null;
     value?: LocalDate | number | null;
     onChange?: (value: LocalDate | null) => void;
-    onChangeRaw?: () => void;
+    onChangeRaw?: (value: Date | null) => void;
+    minDate?: LocalDate;
+    maxDate?: LocalDate;
 }
-declare type InputPropsOmitted = Omit<InputProps, 'onChange'>;
-declare type ReactDatePickerPropsOmitted = Omit<Omit<ReactDatePickerProps, 'value'>, 'onChange'>;
-export declare type MonthDayPickerProps = IMonthDayPickerProps & InputPropsOmitted & ReactDatePickerPropsOmitted;
+export declare type MonthDayPickerProps = IMonthDayPickerProps & Omit<DatePickerProps, 'onChange' | 'value'>;
 export declare function MonthDayPicker(props: MonthDayPickerProps): JSX.Element;
 export {};

package/dist/types/date/MonthDayPicker/monthdaypicker.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { MonthDayPicker } from './MonthDayPicker';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof MonthDayPicker>;

package/dist/types/date/MonthYearPicker/MonthYearPicker.d.ts

@@ -1,16 +1,15 @@
 /// <reference types="react" />
-import { LocalDate } from '@js-joda/core';
-import type { ReactDatePickerProps } from 'react-datepicker';
-import { InputProps } from 'semantic-ui-react';
+import type { LocalDate } from '@js-joda/core';
+import type { DatePickerProps } from '@mantine/dates';
 interface IMonthYearPickerProps {
-    value?: LocalDate | number | undefined;
-    onChange?: (value: LocalDate | undefined) => void;
-    onChangeRaw?: () => void;
-    minDate?: LocalDate | undefined;
-    maxDate?: LocalDate | undefined;
+    defaultValue?: LocalDate | number | null;
+    initialMonth?: LocalDate | number | null;
+    value?: LocalDate | number | null;
+    onChange?: (value: LocalDate | null) => void;
+    onChangeRaw?: (value: Date | null) => void;
+    minDate?: LocalDate;
+    maxDate?: LocalDate;
 }
-declare type InputPropsOmitted = Omit<InputProps, 'onChange'>;
-declare type ReactDatePickerPropsOmitted = Omit<Omit<ReactDatePickerProps, 'value' | 'minDate' | 'maxDate'>, 'onChange'>;
-export declare type MonthYearPickerProps = IMonthYearPickerProps & InputPropsOmitted & ReactDatePickerPropsOmitted;
+export declare type MonthYearPickerProps = IMonthYearPickerProps & Omit<DatePickerProps, 'onChange' | 'value' | 'minDate' | 'maxDate'>;
 export declare function MonthYearPicker(props: MonthYearPickerProps): JSX.Element;
 export {};

package/dist/types/date/MonthYearPicker/monthyearpicker.stories.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { MonthYearPicker } from './MonthYearPicker';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof MonthYearPicker>;
+export declare const WithMinMaxDates: ComponentStory<typeof MonthYearPicker>;

package/dist/types/date/YearSelect/YearSelect.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import { SegmentProps } from 'semantic-ui-react';
 export interface YearSelectProps {
     onChange?: (value: number) => void;
-    onBlur?: (ev: any) => void;
     value: number;
     minYear?: number;
     maxYear?: number;
     error?: boolean;
 }
-export declare function YearSelect(props: YearSelectProps & Omit<SegmentProps, 'onChange'>): JSX.Element;
+export declare function YearSelect(props: YearSelectProps): JSX.Element;

package/dist/types/date/YearSelect/yearselect.stories.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { YearSelect } from './YearSelect';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof YearSelect>;
+export declare const WithError: ComponentStory<typeof YearSelect>;
+export declare const WithMinMaxYears: ComponentStory<typeof YearSelect>;

package/dist/types/form/TForm/tform.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare function Main(args: any): JSX.Element;
+export declare namespace Main {
+    var args: {
+        enableReinitialize: boolean;
+        loading: boolean;
+    };
+}
+export declare function WithError(args: any): JSX.Element;
+export declare namespace WithError {
+    var args: {
+        error: undefined;
+        enableReinitialize: boolean;
+        loading: boolean;
+    };
+}

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

@@ -0,0 +1,32 @@
+import type { FormikConfig, FormikProps } from 'formik';
+import type React from 'react';
+export interface TFormProps<Values> extends FormikProps<Values> {
+    hasErrors: boolean;
+    hasWarnings: boolean;
+    isValid: boolean;
+    loading: boolean;
+    submitDisabled: boolean;
+    errorMarkedCleared: boolean;
+    formError: boolean;
+    renderWarnings: () => JSX.Element | null;
+    fieldError: (fieldName: keyof Values | string | number) => boolean;
+    handleSubmit: (e?: React.FormEvent<HTMLFormElement>) => void;
+}
+interface ApolloError {
+    message?: string;
+    graphQLErrors?: {
+        message?: string;
+    }[];
+}
+export interface TFormConfig<Values, InitialValues = any> extends Omit<FormikConfig<Values>, 'component' | 'render' | 'children' | 'initialValues'> {
+    component?: React.ComponentType<TFormProps<Values>> | React.ReactNode;
+    render?: (props: TFormProps<Values>) => React.ReactNode;
+    children?: ((props: TFormProps<Values>) => React.ReactNode) | React.ReactNode;
+    initialValues: InitialValues;
+    loading?: boolean;
+    error?: ApolloError;
+    onValidate?: (isValid: boolean) => void;
+    getSubmitFn?: (submitFormFn: () => Promise<void> | Promise<any>) => void;
+    onChange?: (values: Values) => void;
+}
+export {};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { UseFormReturnType } from '@mantine/form/lib/use-form';
+export interface TMFormProps<T> {
+    form: UseFormReturnType<T>;
+    children?: React.ReactNode;
+    onSubmit?: (values: T, event: React.FormEvent) => void | Promise<void>;
+}
+export declare function TMForm<T>(props: TMFormProps<T>): JSX.Element;

package/dist/types/form/TMForm/errorMessages.d.ts

@@ -0,0 +1,5 @@
+export interface ErrorMessages {
+    title?: string;
+    errors: string[];
+}
+export declare function errorMessages(error: any): ErrorMessages | null;

package/dist/types/form/TMForm/graphqlErrorTypes.d.ts

@@ -0,0 +1,50 @@
+interface SourceLocation {
+    readonly line: number;
+    readonly column: number;
+}
+interface Source {
+    body: string;
+    name: string;
+    locationOffset: Location;
+}
+interface GraphQLErrorExtensions {
+    [attributeName: string]: unknown;
+}
+interface GraphQLFormattedError {
+    readonly message: string;
+    readonly locations?: ReadonlyArray<SourceLocation>;
+    readonly path?: ReadonlyArray<string | number>;
+    readonly extensions?: {
+        [key: string]: unknown;
+    };
+}
+declare type ServerParseError = Error & {
+    response: Response;
+    statusCode: number;
+    bodyText: string;
+};
+declare type ServerError = Error & {
+    response: Response;
+    result: Record<string, any>;
+    statusCode: number;
+};
+interface GraphQLError extends Error {
+    readonly locations?: ReadonlyArray<SourceLocation>;
+    readonly path?: ReadonlyArray<string | number>;
+    readonly nodes?: ReadonlyArray<any>;
+    readonly source?: Source;
+    readonly positions?: ReadonlyArray<number>;
+    readonly originalError?: Error;
+    readonly extensions: GraphQLErrorExtensions;
+    toString: () => string;
+    toJSON: () => GraphQLFormattedError;
+}
+export interface ApolloError extends Error {
+    message: string;
+    graphQLErrors: ReadonlyArray<GraphQLError>;
+    clientErrors: ReadonlyArray<Error>;
+    networkError: Error | ServerParseError | ServerError | null;
+    extraInfo: any;
+}
+export declare function isApolloError(error: Error): error is ApolloError;
+export {};

package/dist/types/form/TMForm/tmform.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare function Main(): JSX.Element;
+export declare namespace Main {
+    var args: {};
+}
+export declare function SubmitPromises(): JSX.Element;
+export declare namespace SubmitPromises {
+    var args: {};
+}

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-export type { DatePicker } from './date/DatePicker';
 export { LocalDatePicker } from './date/LocalDatePicker';
 export type { LocalDatePickerProps } from './date/LocalDatePicker';
 export { LocalMonthSelect } from './date/LocalMonthSelect';
@@ -13,25 +12,9 @@ export { YearSelect } from './date/YearSelect';
 export type { YearSelectProps } from './date/YearSelect';
 export { useTForm, TForm } from './form/TForm';
 export type { TFormProps } from './form/TForm';
+export { TMForm } from './form/TMForm/TMForm';
+export type { TMFormProps } from './form/TMForm/TMForm';
 export { MaskedInput } from './inputs/MaskedInput';
 export type { MaskedInputProps } from './inputs/MaskedInput';
-export { RadioGroup } from './inputs/RadioGroup';
-export type { RadioGroupProps } from './inputs/RadioGroup';
-export { Scriptel, withScriptel } from './inputs/Scriptel';
-export type { ScriptelProps, ScriptelMessageClass, ScriptelPenStyle } from './inputs/Scriptel';
-export { ScriptelInput } from './inputs/ScriptelInput';
-export type { ScriptelInputProps } from './inputs/ScriptelInput';
 export { PhoneInput } from './inputs/PhoneInput';
 export type { PhoneInputProps } from './inputs/PhoneInput';
-export { CreditCardInput } from './inputs/CreditCardInput';
-export type { CreditCardInputProps } from './inputs/CreditCardInput';
-export { SinInput } from './inputs/SinInput';
-export type { SinInputProps } from './inputs/SinInput';
-export { TableInput, MoneyCell, MoneyEditCell, LocalDateCell, LocalDateEditCell, MoneySumFooter, StringEditCell, DropdownCell, HoverCell, addRowOnTab, } from './inputs/TableInput';
-export type { AddRowOnTabIf } from './inputs/TableInput';
-export { useMoneyInput } from './money/useMoneyInput';
-export { MoneyInput } from './money/MoneyInput';
-export type { MoneyInputProps } from './money/MoneyInput';
-export { MoneyCurrencyInput } from './money/MoneyCurrencyInput';
-export type { MoneyCurrencyInputProps } from './money/MoneyCurrencyInput';
-export { FormStep, StepProvider, useStep, Step } from './step';

package/dist/types/inputs/CreditCardInput/CreditCardInput.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import type { LocalDate } from '@js-joda/core';
 import 'react-credit-cards/es/styles-compiled.css';
-import { InputProps } from 'semantic-ui-react';
 import './styles.css';
 export interface CreditCardData {
     number?: string;
@@ -12,5 +11,7 @@ export interface CreditCardData {
 export declare type CreditCardInputProps = {
     value?: CreditCardData;
     onChange?: (data: CreditCardData) => void;
-} & Pick<InputProps, 'disabled' | 'onBlur'>;
+    disabled?: boolean;
+    showCard?: boolean;
+};
 export declare function CreditCardInput(props: CreditCardInputProps): JSX.Element;

package/dist/types/inputs/CreditCardInput/CreditCardNumberInput.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { InputProps } from 'semantic-ui-react';
+import type { TextInputProps } from '@mantine/core';
 interface CreditCardNumberInputProps {
     onChange?: (value: string | undefined) => void;
     value?: string;
 }
-export declare function CreditCardNumberInput(props: CreditCardNumberInputProps & Omit<InputProps, 'onChange'>): JSX.Element;
+export declare function CreditCardNumberInput(props: CreditCardNumberInputProps & Omit<TextInputProps, 'onChange'>): JSX.Element;
 export {};

package/dist/types/inputs/CreditCardInput/creditcardinput.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { CreditCardInput } from './CreditCardInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof CreditCardInput>;

package/dist/types/inputs/CreditCardInput/creditcardnumberinput.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { CreditCardNumberInput } from './CreditCardNumberInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const CreditCardNumberInputStory: ComponentStory<typeof CreditCardNumberInput>;

package/dist/types/inputs/MaskedInput/MaskedInput.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { InputProps } from 'semantic-ui-react';
+import { TextInputProps } from '@mantine/core';
 import { UseMaskedInputProps } from './useMaskedInput';
 export declare type MaskedInputProps = {
     name?: string;
-    onBlur?: (event: any) => void;
-} & UseMaskedInputProps & Omit<InputProps, 'onChange'>;
+} & UseMaskedInputProps & Omit<TextInputProps, 'onChange' | 'value'>;
 export declare function MaskedInput(props: MaskedInputProps): JSX.Element;

package/dist/types/inputs/MaskedInput/maskedinput.stories.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { MaskedInput } from './MaskedInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof MaskedInput>;
+export declare const AutoUnmask: ComponentStory<typeof MaskedInput>;

package/dist/types/inputs/MaskedInput/useMaskedInput.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="inputmask" />
+/// <reference types="react" />
+import type { OnChangeValue } from '../../commonTypes';
+export interface UseMaskedInputProps {
+    value?: string;
+    onChange?: OnChangeValue<string>;
+    mask?: Inputmask.Options;
+    onSet?: (value?: string) => void;
+}
+export declare function useMaskedInput(props: UseMaskedInputProps): import("react").MutableRefObject<HTMLInputElement | null>;

package/dist/types/inputs/PhoneInput/PhoneInput.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { MaskedInputProps } from '../MaskedInput';
-export interface PhoneInputProps {
+export interface PhoneInputProps extends Omit<MaskedInputProps, 'mask'> {
     extension?: boolean;
-    onChange?: (value?: string) => void;
 }
 export declare function PhoneInput(props: PhoneInputProps & Omit<MaskedInputProps, 'mask' | 'onChange'>): JSX.Element;

package/dist/types/inputs/PhoneInput/phoneinput.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { PhoneInput } from './PhoneInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof PhoneInput>;

package/dist/types/inputs/RadioGroup/radiogroup.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ComponentStory, Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<import("react").ForwardRefExoticComponent<import("@mantine/core").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/types/inputs/SinInput/SinInput.d.ts

@@ -2,6 +2,5 @@
 import type { MaskedInputProps } from '../MaskedInput';
 export interface SinInputProps extends Omit<MaskedInputProps, 'mask'> {
     value?: string;
-    onChange(value?: string): void;
 }
 export declare function SinInput(props: SinInputProps): JSX.Element;

package/dist/types/inputs/SinInput/sininput.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { SinInput } from './SinInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof SinInput>;

package/dist/types/inputs/TableInput/DropdownCell.d.ts

@@ -1,3 +1,4 @@
-import type { DropdownProps } from 'semantic-ui-react';
+/// <reference types="react" />
+import { SelectProps } from '@mantine/core';
 import type { TableCellProps } from './TableInput';
-export declare function DropdownCell<D extends Record<string, unknown>>(dropdownProps: DropdownProps): (props: TableCellProps<D>) => JSX.Element;
+export declare function DropdownCell<D extends Record<string, unknown>>(dropdownProps: SelectProps): (props: TableCellProps<D>) => JSX.Element;

package/dist/types/inputs/TableInput/HoverCell.d.ts

@@ -0,0 +1,6 @@
+import type { CellProps, Renderer } from 'react-table';
+interface HoverCellOptions<D extends Record<string, unknown>> {
+    action: Renderer<CellProps<D>>;
+}
+export declare function HoverCell<D extends Record<string, unknown>>(options: HoverCellOptions<D>): (props: CellProps<D>) => JSX.Element | null;
+export {};

package/dist/types/inputs/TableInput/MoneyCell.d.ts

@@ -0,0 +1,8 @@
+import type Money from 'js-money';
+import type { CellProps } from 'react-table';
+interface MoneyCellOptions<D extends Record<string, unknown>> {
+    /** If provided, this function will override the Money value displayed */
+    overrideValue?: (props: CellProps<D, Money>) => Money;
+}
+export declare function MoneyCell<D extends Record<string, unknown>>(options?: MoneyCellOptions<D>): (props: CellProps<D, Money>) => JSX.Element;
+export {};