@inntechcorp/it-design 2.2.87 → 2.2.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/checkbox/styled.d.ts +1 -0
- package/dist/context/ITDThemeProvider.d.ts +8 -0
- package/dist/helpers/theme/dark.d.ts +3 -0
- package/dist/helpers/theme/index.d.ts +5 -0
- package/dist/helpers/theme/light.d.ts +3 -0
- package/dist/helpers/theme/themes.d.ts +5 -0
- package/dist/index.cjs.js +493 -422
- package/dist/index.d.mts +36 -10
- package/dist/index.d.ts +87 -14
- package/dist/index.esm.js +516 -445
- package/dist/locales/en/itd.json +16 -6
- package/dist/locales/itd.json +16 -6
- package/dist/locales/tr/itd.json +16 -6
- package/dist/stories/Form.stories.d.ts +1 -0
- package/dist/stories/Input.stories.d.ts +82 -3
- package/dist/textarea/styled.d.ts +2 -1
- package/dist/types/InputProps.d.ts +1 -1
- package/dist/types/Theme.d.ts +41 -0
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -27,11 +27,6 @@ export declare const resources: {
|
|
|
27
27
|
turkish: string;
|
|
28
28
|
english: string;
|
|
29
29
|
};
|
|
30
|
-
currencies: {
|
|
31
|
-
TRY: string;
|
|
32
|
-
EUR: string;
|
|
33
|
-
USD: string;
|
|
34
|
-
};
|
|
35
30
|
};
|
|
36
31
|
buttons: {
|
|
37
32
|
submit: string;
|
|
@@ -52,6 +47,7 @@ export declare const resources: {
|
|
|
52
47
|
adminUsernameRule: string;
|
|
53
48
|
invalidURL: string;
|
|
54
49
|
fieldMustBeDifferent: string;
|
|
50
|
+
forbiddenWords: string;
|
|
55
51
|
};
|
|
56
52
|
uploader: {
|
|
57
53
|
header: string;
|
|
@@ -84,6 +80,21 @@ export declare const resources: {
|
|
|
84
80
|
TRY: string;
|
|
85
81
|
EUR: string;
|
|
86
82
|
USD: string;
|
|
83
|
+
GBP: string;
|
|
84
|
+
JPY: string;
|
|
85
|
+
CHF: string;
|
|
86
|
+
CAD: string;
|
|
87
|
+
AUD: string;
|
|
88
|
+
NZD: string;
|
|
89
|
+
RUB: string;
|
|
90
|
+
INR: string;
|
|
91
|
+
BRL: string;
|
|
92
|
+
MXN: string;
|
|
93
|
+
ARS: string;
|
|
94
|
+
CLP: string;
|
|
95
|
+
COP: string;
|
|
96
|
+
PEN: string;
|
|
97
|
+
ZAR: string;
|
|
87
98
|
};
|
|
88
99
|
countries: {
|
|
89
100
|
af: string;
|
|
@@ -326,11 +337,6 @@ export declare const resources: {
|
|
|
326
337
|
turkish: string;
|
|
327
338
|
english: string;
|
|
328
339
|
};
|
|
329
|
-
currencies: {
|
|
330
|
-
TRY: string;
|
|
331
|
-
EUR: string;
|
|
332
|
-
USD: string;
|
|
333
|
-
};
|
|
334
340
|
};
|
|
335
341
|
buttons: {
|
|
336
342
|
submit: string;
|
|
@@ -350,6 +356,7 @@ export declare const resources: {
|
|
|
350
356
|
adminUsernameRule: string;
|
|
351
357
|
invalidURL: string;
|
|
352
358
|
fieldMustBeDifferent: string;
|
|
359
|
+
forbiddenWords: string;
|
|
353
360
|
};
|
|
354
361
|
uploader: {
|
|
355
362
|
header: string;
|
|
@@ -382,6 +389,21 @@ export declare const resources: {
|
|
|
382
389
|
TRY: string;
|
|
383
390
|
EUR: string;
|
|
384
391
|
USD: string;
|
|
392
|
+
GBP: string;
|
|
393
|
+
JPY: string;
|
|
394
|
+
CHF: string;
|
|
395
|
+
CAD: string;
|
|
396
|
+
AUD: string;
|
|
397
|
+
NZD: string;
|
|
398
|
+
RUB: string;
|
|
399
|
+
INR: string;
|
|
400
|
+
BRL: string;
|
|
401
|
+
MXN: string;
|
|
402
|
+
ARS: string;
|
|
403
|
+
CLP: string;
|
|
404
|
+
COP: string;
|
|
405
|
+
PEN: string;
|
|
406
|
+
ZAR: string;
|
|
385
407
|
};
|
|
386
408
|
countries: {
|
|
387
409
|
af: string;
|
|
@@ -605,6 +627,10 @@ export { ITDProvider } from './context/ITDContext';
|
|
|
605
627
|
* CONTEXT
|
|
606
628
|
*/
|
|
607
629
|
export { default as ITDContext } from './context/ITDContext';
|
|
630
|
+
export { default as ITDThemeProvider } from './context/ITDThemeProvider';
|
|
631
|
+
export type { ITDTheme } from './types/Theme';
|
|
632
|
+
export { default as lightTheme } from './helpers/theme/light';
|
|
633
|
+
export { default as darkTheme } from './helpers/theme/dark';
|
|
608
634
|
/**
|
|
609
635
|
* HELPERS
|
|
610
636
|
*/
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { RefObject, Context,
|
|
3
|
+
import react__default, { ReactNode, RefObject, Context, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, FunctionComponent, Ref, MutableRefObject, FocusEvent, KeyboardEvent, MouseEvent, ReactElement, CSSProperties } from 'react';
|
|
4
4
|
import { ChildrenProps as ChildrenProps$1 } from 'types/ChildrenProps';
|
|
5
5
|
import dayjs from 'dayjs';
|
|
6
6
|
import { ConnectionStatus as ConnectionStatus$1, ModalState as ModalState$1, ComponentSizes as ComponentSizes$1, ComponentPositions as ComponentPositions$1, ComponentSizesSlug as ComponentSizesSlug$1, FormValidationTypes as FormValidationTypes$1 } from 'enums/enum';
|
|
@@ -32,6 +32,59 @@ type ITDProviderProps = {
|
|
|
32
32
|
declare const ITDContext: react.Context<ITDContextType>;
|
|
33
33
|
declare const ITDProvider: (props: ITDProviderProps) => react_jsx_runtime.JSX.Element;
|
|
34
34
|
|
|
35
|
+
type ITDTheme = {
|
|
36
|
+
brandPrimary: string;
|
|
37
|
+
brandPrimaryHover: string;
|
|
38
|
+
colorText: string;
|
|
39
|
+
colorTextMuted: string;
|
|
40
|
+
colorPlaceholder: string;
|
|
41
|
+
colorBorder: string;
|
|
42
|
+
colorBorderHover: string;
|
|
43
|
+
colorBorderSelected: string;
|
|
44
|
+
colorBorderTransparent: string;
|
|
45
|
+
colorFocusOutline: string;
|
|
46
|
+
colorFocusOutlineTransparent: string;
|
|
47
|
+
colorBackgroundAlt: string;
|
|
48
|
+
colorBackgroundAltHover: string;
|
|
49
|
+
colorDisabledBg: string;
|
|
50
|
+
colorDisabledBorder: string;
|
|
51
|
+
colorDisabledText: string;
|
|
52
|
+
colorIconMuted: string;
|
|
53
|
+
colorTextNeutral: string;
|
|
54
|
+
colorCheckboxLabel: string;
|
|
55
|
+
colorCheckboxCheckmark: string;
|
|
56
|
+
colorCheckboxDefaultTick: string;
|
|
57
|
+
colorCheckboxFilledBg: string;
|
|
58
|
+
colorCheckboxFilledTick: string;
|
|
59
|
+
colorError: string;
|
|
60
|
+
colorErrorText: string;
|
|
61
|
+
colorErrorBorder: string;
|
|
62
|
+
scrollbarThumb: string;
|
|
63
|
+
scrollbarThumbHover: string;
|
|
64
|
+
brandPrimaryGradientStart: string;
|
|
65
|
+
brandPrimaryGradientEnd: string;
|
|
66
|
+
brandPrimaryHoverStart: string;
|
|
67
|
+
brandPrimaryHoverEnd: string;
|
|
68
|
+
brandPrimaryContrastText: string;
|
|
69
|
+
buttonGenericBg: string;
|
|
70
|
+
buttonGenericHoverBg: string;
|
|
71
|
+
buttonSelectedBorder: string;
|
|
72
|
+
buttonSelectedBg: string;
|
|
73
|
+
buttonDisabledBg: string;
|
|
74
|
+
buttonDisabledText: string;
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
type ITDThemeProviderProps = {
|
|
78
|
+
themeName?: 'light' | 'dark';
|
|
79
|
+
customTheme?: Partial<ITDTheme>;
|
|
80
|
+
children: ReactNode;
|
|
81
|
+
};
|
|
82
|
+
declare function ITDThemeProvider({ themeName, customTheme, children }: ITDThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
83
|
+
|
|
84
|
+
declare const lightTheme: ITDTheme;
|
|
85
|
+
|
|
86
|
+
declare const darkTheme: ITDTheme;
|
|
87
|
+
|
|
35
88
|
declare function DetermineNewHeight(originalHeight: number, originalWidth: number, newWidth: number): number;
|
|
36
89
|
|
|
37
90
|
declare function DetermineNewWidth(originalHeight: number, originalWidth: number, newHeight: number): number;
|
|
@@ -820,13 +873,13 @@ type InputProps = {
|
|
|
820
873
|
floating?: boolean;
|
|
821
874
|
autoComplete?: boolean;
|
|
822
875
|
keepFocus?: boolean;
|
|
823
|
-
focusRef?: null | MutableRefObject<HTMLDivElement>;
|
|
824
876
|
mask?: null | string;
|
|
825
877
|
allowEmptyFormatting?: null | boolean;
|
|
826
878
|
allowLeadingZeros?: boolean;
|
|
827
879
|
decimalSeparator?: string;
|
|
828
880
|
thousandSeparator?: string;
|
|
829
881
|
decimalScale?: number;
|
|
882
|
+
focusRef?: null | MutableRefObject<HTMLDivElement>;
|
|
830
883
|
onChange?: ((value: any) => void) | null;
|
|
831
884
|
onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
|
|
832
885
|
onFocus?: ((event: any) => void) | null;
|
|
@@ -1650,11 +1703,6 @@ declare const resources: {
|
|
|
1650
1703
|
turkish: string;
|
|
1651
1704
|
english: string;
|
|
1652
1705
|
};
|
|
1653
|
-
currencies: {
|
|
1654
|
-
TRY: string;
|
|
1655
|
-
EUR: string;
|
|
1656
|
-
USD: string;
|
|
1657
|
-
};
|
|
1658
1706
|
};
|
|
1659
1707
|
buttons: {
|
|
1660
1708
|
submit: string;
|
|
@@ -1708,6 +1756,21 @@ declare const resources: {
|
|
|
1708
1756
|
TRY: string;
|
|
1709
1757
|
EUR: string;
|
|
1710
1758
|
USD: string;
|
|
1759
|
+
GBP: string;
|
|
1760
|
+
JPY: string;
|
|
1761
|
+
CHF: string;
|
|
1762
|
+
CAD: string;
|
|
1763
|
+
AUD: string;
|
|
1764
|
+
NZD: string;
|
|
1765
|
+
RUB: string;
|
|
1766
|
+
INR: string;
|
|
1767
|
+
BRL: string;
|
|
1768
|
+
MXN: string;
|
|
1769
|
+
ARS: string;
|
|
1770
|
+
CLP: string;
|
|
1771
|
+
COP: string;
|
|
1772
|
+
PEN: string;
|
|
1773
|
+
ZAR: string;
|
|
1711
1774
|
};
|
|
1712
1775
|
countries: {
|
|
1713
1776
|
af: string;
|
|
@@ -1950,11 +2013,6 @@ declare const resources: {
|
|
|
1950
2013
|
turkish: string;
|
|
1951
2014
|
english: string;
|
|
1952
2015
|
};
|
|
1953
|
-
currencies: {
|
|
1954
|
-
TRY: string;
|
|
1955
|
-
EUR: string;
|
|
1956
|
-
USD: string;
|
|
1957
|
-
};
|
|
1958
2016
|
};
|
|
1959
2017
|
buttons: {
|
|
1960
2018
|
submit: string;
|
|
@@ -2007,6 +2065,21 @@ declare const resources: {
|
|
|
2007
2065
|
TRY: string;
|
|
2008
2066
|
EUR: string;
|
|
2009
2067
|
USD: string;
|
|
2068
|
+
GBP: string;
|
|
2069
|
+
JPY: string;
|
|
2070
|
+
CHF: string;
|
|
2071
|
+
CAD: string;
|
|
2072
|
+
AUD: string;
|
|
2073
|
+
NZD: string;
|
|
2074
|
+
RUB: string;
|
|
2075
|
+
INR: string;
|
|
2076
|
+
BRL: string;
|
|
2077
|
+
MXN: string;
|
|
2078
|
+
ARS: string;
|
|
2079
|
+
CLP: string;
|
|
2080
|
+
COP: string;
|
|
2081
|
+
PEN: string;
|
|
2082
|
+
ZAR: string;
|
|
2010
2083
|
};
|
|
2011
2084
|
countries: {
|
|
2012
2085
|
af: string;
|
|
@@ -2223,5 +2296,5 @@ declare const resources: {
|
|
|
2223
2296
|
};
|
|
2224
2297
|
};
|
|
2225
2298
|
|
|
2226
|
-
export { _default as ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, Calendar, Card, CheckFileURL, Checkbox, Checkmark, ChunkArray, Collapse, ComponentPositions, ComponentSizes, ComponentSizesSlug, ConnectionStatus, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, ITDContext, ITDProvider, _default$1 as Image, _default$5 as InlineSVGCached, InlineSelect, InlineSelectArrow, Input, IsValidJSON, Lock as LockIcon, ModalManager, ModalState, NoData, Notification, Picture, Progress, Radio, RemoveUnits, Result, SVGLoader, Select, Spin, Status, Switch, Table, Tabs, TextArea, TinyScrollbar, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, resources, toKebabCase, useAddExternalCSS, useAvoidCollision, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useKeyboardShortcut, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };
|
|
2227
|
-
export type { AccordionItemProps, AccordionProps, AccordionSubMenuProps, AlertProps, AlertSize, AlertType, ButtonProps, ButtonState, ButtonType, ButtonVariant, CalendarDayProps, CalendarProps, CalendarValueProps, CardProps, CheckboxEvent, CheckboxGroupProps, CheckboxProps, DatePickerProps, Direction, FieldUpdateProps, FlexAlignProps, FlexGapProps, FlexJustifyProps, FlexProps, FormContextType, FormItemProps, FormProps, FormRuleProps, FormSubComponentProps, FormValueProps, GroupCheckboxOptionType, ITDContextType, ITDImperativeFuncProps, ITDProviderProps, ITDSize, ITDSizeSlug, InputProps, InputVariant, ModalContentProps, ModalProps, ModalRefProps, NotificationContextType, NotificationsProps, ProgressProps, ProgressStatus, QueryValueProps, RadioButtonProps, RadioGroupProps, RadioType, ResultProps, SelectDirection, SelectOptionProps, SelectPosition, SelectProps, SelectToggleProps, SelectValue, SelectVariant, SingleQueryProps, StatusProps, StatusVariant, SwitchProps, TableColumnType, TableProps, TableRefProps, TableRow, TableTRProps, TabsItemProps, TabsProps, TextAreaEvent, TextAreaProps, TextAreaVariant, UploadProgressProps, UploadProps, UploadResultMessageProps };
|
|
2299
|
+
export { _default as ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, Calendar, Card, CheckFileURL, Checkbox, Checkmark, ChunkArray, Collapse, ComponentPositions, ComponentSizes, ComponentSizesSlug, ConnectionStatus, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, ITDContext, ITDProvider, ITDThemeProvider, _default$1 as Image, _default$5 as InlineSVGCached, InlineSelect, InlineSelectArrow, Input, IsValidJSON, Lock as LockIcon, ModalManager, ModalState, NoData, Notification, Picture, Progress, Radio, RemoveUnits, Result, SVGLoader, Select, Spin, Status, Switch, Table, Tabs, TextArea, TinyScrollbar, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, darkTheme, lightTheme, resources, toKebabCase, useAddExternalCSS, useAvoidCollision, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useKeyboardShortcut, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };
|
|
2300
|
+
export type { AccordionItemProps, AccordionProps, AccordionSubMenuProps, AlertProps, AlertSize, AlertType, ButtonProps, ButtonState, ButtonType, ButtonVariant, CalendarDayProps, CalendarProps, CalendarValueProps, CardProps, CheckboxEvent, CheckboxGroupProps, CheckboxProps, DatePickerProps, Direction, FieldUpdateProps, FlexAlignProps, FlexGapProps, FlexJustifyProps, FlexProps, FormContextType, FormItemProps, FormProps, FormRuleProps, FormSubComponentProps, FormValueProps, GroupCheckboxOptionType, ITDContextType, ITDImperativeFuncProps, ITDProviderProps, ITDSize, ITDSizeSlug, ITDTheme, InputProps, InputVariant, ModalContentProps, ModalProps, ModalRefProps, NotificationContextType, NotificationsProps, ProgressProps, ProgressStatus, QueryValueProps, RadioButtonProps, RadioGroupProps, RadioType, ResultProps, SelectDirection, SelectOptionProps, SelectPosition, SelectProps, SelectToggleProps, SelectValue, SelectVariant, SingleQueryProps, StatusProps, StatusVariant, SwitchProps, TableColumnType, TableProps, TableRefProps, TableRow, TableTRProps, TabsItemProps, TabsProps, TextAreaEvent, TextAreaProps, TextAreaVariant, UploadProgressProps, UploadProps, UploadResultMessageProps };
|