@tecsinapse/react-core 1.21.0-beta.13 → 1.21.0
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/CHANGELOG.md +23 -0
- package/dist/components/atoms/BoxContent/styled.d.ts +1 -1
- package/dist/components/atoms/Icon/helpers.d.ts +2 -2
- package/dist/components/atoms/Input/hooks/useInputFocus.d.ts +1 -1
- package/dist/components/atoms/Input/hooks/useNumberMask.d.ts +2 -2
- package/dist/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
- package/dist/components/atoms/shared/PaperAndCard.d.ts +1 -1
- package/dist/components/molecules/Grid/functions.d.ts +1 -1
- package/dist/utils/ResponsiveFontSize.d.ts +1 -1
- package/esm/components/atoms/BoxContent/styled.d.ts +1 -1
- package/esm/components/atoms/Icon/helpers.d.ts +2 -2
- package/esm/components/atoms/Input/hooks/useInputFocus.d.ts +1 -1
- package/esm/components/atoms/Input/hooks/useNumberMask.d.ts +2 -2
- package/esm/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
- package/esm/components/atoms/shared/PaperAndCard.d.ts +1 -1
- package/esm/components/molecules/Grid/functions.d.ts +1 -1
- package/esm/utils/ResponsiveFontSize.d.ts +1 -1
- package/package.json +2 -2
- package/esm/components/atoms/Avatar/index.js +0 -2
- package/esm/components/atoms/Avatar/index.js.map +0 -1
- package/esm/components/atoms/Badge/index.js +0 -2
- package/esm/components/atoms/Badge/index.js.map +0 -1
- package/esm/components/atoms/BoxContent/index.js +0 -2
- package/esm/components/atoms/BoxContent/index.js.map +0 -1
- package/esm/components/atoms/Button/States/index.js +0 -4
- package/esm/components/atoms/Button/States/index.js.map +0 -1
- package/esm/components/atoms/Button/index.js +0 -3
- package/esm/components/atoms/Button/index.js.map +0 -1
- package/esm/components/atoms/Card/Footer/index.js +0 -2
- package/esm/components/atoms/Card/Footer/index.js.map +0 -1
- package/esm/components/atoms/Card/Header/index.js +0 -2
- package/esm/components/atoms/Card/Header/index.js.map +0 -1
- package/esm/components/atoms/Card/index.js +0 -2
- package/esm/components/atoms/Card/index.js.map +0 -1
- package/esm/components/atoms/Checkbox/index.js +0 -2
- package/esm/components/atoms/Checkbox/index.js.map +0 -1
- package/esm/components/atoms/Divider/index.js +0 -2
- package/esm/components/atoms/Divider/index.js.map +0 -1
- package/esm/components/atoms/GroupButton/index.js +0 -3
- package/esm/components/atoms/GroupButton/index.js.map +0 -1
- package/esm/components/atoms/Icon/index.js +0 -2
- package/esm/components/atoms/Icon/index.js.map +0 -1
- package/esm/components/atoms/Input/PressableInputContainer/index.js +0 -2
- package/esm/components/atoms/Input/PressableInputContainer/index.js.map +0 -1
- package/esm/components/atoms/Input/index.js +0 -10
- package/esm/components/atoms/Input/index.js.map +0 -1
- package/esm/components/atoms/Paper/index.js +0 -2
- package/esm/components/atoms/Paper/index.js.map +0 -1
- package/esm/components/atoms/PressableSurface/index.js +0 -2
- package/esm/components/atoms/PressableSurface/index.js.map +0 -1
- package/esm/components/atoms/ProgressBar/index.js +0 -2
- package/esm/components/atoms/ProgressBar/index.js.map +0 -1
- package/esm/components/atoms/RadioButton/index.js +0 -2
- package/esm/components/atoms/RadioButton/index.js.map +0 -1
- package/esm/components/atoms/Switch/index.js +0 -2
- package/esm/components/atoms/Switch/index.js.map +0 -1
- package/esm/components/atoms/Tag/index.js +0 -2
- package/esm/components/atoms/Tag/index.js.map +0 -1
- package/esm/components/atoms/Text/index.js +0 -2
- package/esm/components/atoms/Text/index.js.map +0 -1
- package/esm/components/molecules/Calendar/components/index.js +0 -3
- package/esm/components/molecules/Calendar/components/index.js.map +0 -1
- package/esm/components/molecules/Calendar/index.js +0 -2
- package/esm/components/molecules/Calendar/index.js.map +0 -1
- package/esm/components/molecules/DatePicker/index.js +0 -2
- package/esm/components/molecules/DatePicker/index.js.map +0 -1
- package/esm/components/molecules/DateTimePicker/index.js +0 -2
- package/esm/components/molecules/DateTimePicker/index.js.map +0 -1
- package/esm/components/molecules/DateTimeSelector/index.js +0 -2
- package/esm/components/molecules/DateTimeSelector/index.js.map +0 -1
- package/esm/components/molecules/Grid/index.js +0 -2
- package/esm/components/molecules/Grid/index.js.map +0 -1
- package/esm/components/molecules/HintInputContainer/index.js +0 -2
- package/esm/components/molecules/HintInputContainer/index.js.map +0 -1
- package/esm/components/molecules/HintInputContainer/styled.js +0 -2
- package/esm/components/molecules/HintInputContainer/styled.js.map +0 -1
- package/esm/components/molecules/IconTextButton/IconTextButton.js +0 -2
- package/esm/components/molecules/IconTextButton/IconTextButton.js.map +0 -1
- package/esm/components/molecules/IconTextButton/index.js +0 -2
- package/esm/components/molecules/IconTextButton/index.js.map +0 -1
- package/esm/components/molecules/IconTextButton/styled.d.ts +0 -4
- package/esm/components/molecules/IconTextButton/styled.js +0 -15
- package/esm/components/molecules/IconTextButton/styled.js.map +0 -1
- package/esm/components/molecules/InputPassword/index.js +0 -2
- package/esm/components/molecules/InputPassword/index.js.map +0 -1
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +0 -2
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +0 -1
- package/esm/components/molecules/LabeledSwitch/index.js +0 -2
- package/esm/components/molecules/LabeledSwitch/index.js.map +0 -1
- package/esm/components/molecules/Snackbar/index.js +0 -2
- package/esm/components/molecules/Snackbar/index.js.map +0 -1
- package/esm/components/molecules/TextArea/index.js +0 -3
- package/esm/components/molecules/TextArea/index.js.map +0 -1
- package/esm/hooks/index.js +0 -3
- package/esm/hooks/index.js.map +0 -1
- package/esm/types/defaults.js +0 -2
- package/esm/types/defaults.js.map +0 -1
- package/esm/utils/index.js +0 -8
- package/esm/utils/index.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,29 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.21.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.20.0...@tecsinapse/react-core@1.21.0) (2022-09-28)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* add babel target ([88f3dd8](https://github.com/tecsinapse/design-system/commit/88f3dd8a7865ef507855d76ed4f420c6bd1c1a39))
|
|
12
|
+
* icon suspense fallback ([90e4b5d](https://github.com/tecsinapse/design-system/commit/90e4b5dbc4772c78a9b96e9c17b0383e678ad9bf))
|
|
13
|
+
* project scripts ([cb2e0a1](https://github.com/tecsinapse/design-system/commit/cb2e0a1873cfc3f45e793b5443297fb6fffce1b5))
|
|
14
|
+
* stories import ([8d0cc3f](https://github.com/tecsinapse/design-system/commit/8d0cc3fdc51fb2331f73ab3cd6c1ec3cfa37941c))
|
|
15
|
+
* use run-p to parallelize scripts ([31ee9eb](https://github.com/tecsinapse/design-system/commit/31ee9eb0441f3b2f663e337c7f86549284108982))
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Features
|
|
19
|
+
|
|
20
|
+
* finish compiler config ([af9f2ae](https://github.com/tecsinapse/design-system/commit/af9f2ae2dd2b08e9842778d0159ecd3d44bef89a))
|
|
21
|
+
* finish rollup config for core and web ([0ce9636](https://github.com/tecsinapse/design-system/commit/0ce9636d0b44bd2a80cf5614b8ed93f126dba8d2))
|
|
22
|
+
* try rollup + esbuild ([a591643](https://github.com/tecsinapse/design-system/commit/a5916430c75e4d1707ae47286d675daddfc05a75))
|
|
23
|
+
* try rollup + esbuild ([c6a7474](https://github.com/tecsinapse/design-system/commit/c6a747426c28a7d06212877ef4eb37fe4723b430))
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
6
29
|
# [1.20.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.19.0...@tecsinapse/react-core@1.20.0) (2022-09-05)
|
|
7
30
|
|
|
8
31
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
|
|
2
2
|
export declare const registerCustomIconType: (id: string, customIcon: any) => void;
|
|
3
|
-
export declare const getIconComponent: (type:
|
|
4
|
-
export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor:
|
|
3
|
+
export declare const getIconComponent: (type: IconType, size: IconSizeType) => any;
|
|
4
|
+
export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: FontColorType, theme: ThemeProp) => string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const useInputFocus: (onFocus?: (
|
|
1
|
+
export declare const useInputFocus: (onFocus?: () => void, onBlur?: () => void, focusEnabled?: boolean) => {
|
|
2
2
|
focused: boolean;
|
|
3
3
|
handleBlur: () => void;
|
|
4
4
|
handleFocus: () => void;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import currency from 'currency.js';
|
|
2
2
|
import { MaskValue } from './useStringMask';
|
|
3
3
|
export declare type CurrencyOptions = currency.Options;
|
|
4
|
-
export declare const getInternalNumberAndMask: (value: string | number, options?:
|
|
4
|
+
export declare const getInternalNumberAndMask: (value: string | number, options?: CurrencyOptions) => {
|
|
5
5
|
internalNumber: number;
|
|
6
6
|
mergedOptions: CurrencyOptions;
|
|
7
7
|
};
|
|
8
|
-
export declare const useNumberMask: (options?:
|
|
8
|
+
export declare const useNumberMask: (options?: CurrencyOptions, defaultValue?: string | number) => [MaskValue, (value: string | number) => void];
|
|
@@ -5,4 +5,4 @@ export interface MaskValue {
|
|
|
5
5
|
export declare type MaskType = string | RegExp | Array<RegExp>;
|
|
6
6
|
export declare const mergeMask: (value: string | undefined, mask: MaskType[]) => MaskValue;
|
|
7
7
|
export declare const getMask: (mask: MaskType[] | ((value: string) => MaskType[]), newValue: string) => MaskType[];
|
|
8
|
-
export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number
|
|
8
|
+
export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number) => [MaskValue, (text: string | number) => void];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { GridSpacing } from '@tecsinapse/react-core';
|
|
2
|
-
export declare const getGridItemPadding: (pos:
|
|
2
|
+
export declare const getGridItemPadding: (pos: PaddingPosition, _spacing: GridSpacing | undefined, themeSpacing: Spacing) => number | undefined;
|
|
3
3
|
export declare const getGridItemColumSpan: (columns: number, span: number) => number;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export declare const RFPercentage: (percent: number) => number;
|
|
2
2
|
export declare const RFValue: (fontSize: number, standardScreenHeight?: number) => number;
|
|
3
|
-
export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number
|
|
3
|
+
export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number) => string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
|
|
2
2
|
export declare const registerCustomIconType: (id: string, customIcon: any) => void;
|
|
3
|
-
export declare const getIconComponent: (type:
|
|
4
|
-
export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor:
|
|
3
|
+
export declare const getIconComponent: (type: IconType, size: IconSizeType) => any;
|
|
4
|
+
export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: FontColorType, theme: ThemeProp) => string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const useInputFocus: (onFocus?: (
|
|
1
|
+
export declare const useInputFocus: (onFocus?: () => void, onBlur?: () => void, focusEnabled?: boolean) => {
|
|
2
2
|
focused: boolean;
|
|
3
3
|
handleBlur: () => void;
|
|
4
4
|
handleFocus: () => void;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import currency from 'currency.js';
|
|
2
2
|
import { MaskValue } from './useStringMask';
|
|
3
3
|
export declare type CurrencyOptions = currency.Options;
|
|
4
|
-
export declare const getInternalNumberAndMask: (value: string | number, options?:
|
|
4
|
+
export declare const getInternalNumberAndMask: (value: string | number, options?: CurrencyOptions) => {
|
|
5
5
|
internalNumber: number;
|
|
6
6
|
mergedOptions: CurrencyOptions;
|
|
7
7
|
};
|
|
8
|
-
export declare const useNumberMask: (options?:
|
|
8
|
+
export declare const useNumberMask: (options?: CurrencyOptions, defaultValue?: string | number) => [MaskValue, (value: string | number) => void];
|
|
@@ -5,4 +5,4 @@ export interface MaskValue {
|
|
|
5
5
|
export declare type MaskType = string | RegExp | Array<RegExp>;
|
|
6
6
|
export declare const mergeMask: (value: string | undefined, mask: MaskType[]) => MaskValue;
|
|
7
7
|
export declare const getMask: (mask: MaskType[] | ((value: string) => MaskType[]), newValue: string) => MaskType[];
|
|
8
|
-
export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number
|
|
8
|
+
export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number) => [MaskValue, (text: string | number) => void];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { GridSpacing } from '@tecsinapse/react-core';
|
|
2
|
-
export declare const getGridItemPadding: (pos:
|
|
2
|
+
export declare const getGridItemPadding: (pos: PaddingPosition, _spacing: GridSpacing | undefined, themeSpacing: Spacing) => number | undefined;
|
|
3
3
|
export declare const getGridItemColumSpan: (columns: number, span: number) => number;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export declare const RFPercentage: (percent: number) => number;
|
|
2
2
|
export declare const RFValue: (fontSize: number, standardScreenHeight?: number) => number;
|
|
3
|
-
export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number
|
|
3
|
+
export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number) => string;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/react-core",
|
|
3
3
|
"description": "TecSinapse hybrid React components",
|
|
4
|
-
"version": "1.21.0
|
|
4
|
+
"version": "1.21.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "esm/index.js",
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"react-native": "^0.64.0",
|
|
37
37
|
"react-native-vector-icons": "^8.1.0 || ^9.0.0"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "92debfcee6bd043a295edc3697e3795dccabf8f6"
|
|
40
40
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Avatar"],"sources":["../../../../src/components/atoms/Avatar/index.ts"],"sourcesContent":["export { default as Avatar } from './Avatar';\nexport type { AvatarProps } from './Avatar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Badge"],"sources":["../../../../src/components/atoms/Badge/index.ts"],"sourcesContent":["export { default as Badge } from './Badge';\nexport type { BadgeProps } from './Badge';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","BoxContent"],"sources":["../../../../src/components/atoms/BoxContent/index.ts"],"sourcesContent":["export { default as BoxContent } from './BoxContent';\nexport type { BoxContentProps } from './BoxContent';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Error","Loading","Success"],"sources":["../../../../../src/components/atoms/Button/States/index.ts"],"sourcesContent":["export { default as Error } from './Error';\nexport { default as Loading } from './Loading';\nexport { default as Success } from './Success';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC;AACA,SAASD,OAAO,IAAIE,OAApB,QAAmC,WAAnC;AACA,SAASF,OAAO,IAAIG,OAApB,QAAmC,WAAnC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Button","Error","Success","Loading"],"sources":["../../../../src/components/atoms/Button/index.ts"],"sourcesContent":["export { default as Button } from './Button';\nexport { Error, Success, Loading } from './States';\nexport type {\n ButtonProps,\n ButtonSizeType,\n ButtonStateType,\n ButtonStateProps,\n} from './Button';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AACA,SAASC,KAAT,EAAgBC,OAAhB,EAAyBC,OAAzB,QAAwC,UAAxC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Footer"],"sources":["../../../../../src/components/atoms/Card/Footer/index.ts"],"sourcesContent":["export { default as Footer } from './Footer';\nexport type { FooterProps } from './Footer';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Header"],"sources":["../../../../../src/components/atoms/Card/Header/index.ts"],"sourcesContent":["export { default as Header } from './Header';\nexport type { HeaderProps } from './Header';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Card"],"sources":["../../../../src/components/atoms/Card/index.ts"],"sourcesContent":["export { default as Card } from './Card';\nexport type { CardProps } from './Card';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Checkbox"],"sources":["../../../../src/components/atoms/Checkbox/index.ts"],"sourcesContent":["export { default as Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Divider"],"sources":["../../../../src/components/atoms/Divider/index.ts"],"sourcesContent":["export { default as Divider } from './Divider';\nexport type { DividerProps } from './Divider';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,WAAnC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","GroupButton","GroupButtonOption"],"sources":["../../../../src/components/atoms/GroupButton/index.ts"],"sourcesContent":["export { default as GroupButton } from './GroupButton';\nexport type { GroupButtonProps, GroupButtonValue } from './GroupButton';\nexport { default as GroupButtonOption } from './GroupButtonOption';\nexport type { GroupButtonOptionProps } from './GroupButtonOption';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AAEA,SAASD,OAAO,IAAIE,iBAApB,QAA6C,qBAA7C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Icon"],"sources":["../../../../src/components/atoms/Icon/index.ts"],"sourcesContent":["export { default as Icon } from './Icon';\nexport type { IconProps } from './Icon';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","PressableInputContainer"],"sources":["../../../../../src/components/atoms/Input/PressableInputContainer/index.ts"],"sourcesContent":["export { default as PressableInputContainer } from './PressableInputContainer';\nexport type { PressableInputContainerProps } from './PressableInputContainer';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,uBAApB,QAAmD,2BAAnD"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export { default as Hint } from './Hint';
|
|
2
|
-
export * from './hooks/useInputFocus';
|
|
3
|
-
export * from './hooks/useNumberMask';
|
|
4
|
-
export * from './hooks/useStringMask';
|
|
5
|
-
export { default as InputContainer } from './InputContainer/InputContainer';
|
|
6
|
-
export { default as InputElement } from './InputElement/InputElement';
|
|
7
|
-
export { default as InputMaskElement } from './InputMaskElement/InputMaskElement';
|
|
8
|
-
export { PressableInputContainer } from './PressableInputContainer';
|
|
9
|
-
export { StyledBorderKeeper, disabledInputStyles } from './styled';
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Hint","InputContainer","InputElement","InputMaskElement","PressableInputContainer","StyledBorderKeeper","disabledInputStyles"],"sources":["../../../../src/components/atoms/Input/index.ts"],"sourcesContent":["export { default as Hint } from './Hint';\nexport * from './hooks/useInputFocus';\nexport * from './hooks/useNumberMask';\nexport * from './hooks/useStringMask';\nexport { default as InputContainer } from './InputContainer/InputContainer';\nexport type {\n InputContainerProps,\n InputVariantType,\n} from './InputContainer/InputContainer';\nexport { default as InputElement } from './InputElement/InputElement';\nexport type { InputElementProps } from './InputElement/InputElement';\nexport { default as InputMaskElement } from './InputMaskElement/InputMaskElement';\nexport type { InputMaskElementProps } from './InputMaskElement/InputMaskElement';\nexport { PressableInputContainer } from './PressableInputContainer';\nexport type { PressableInputContainerProps } from './PressableInputContainer';\nexport { StyledBorderKeeper, disabledInputStyles } from './styled';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC;AACA,cAAc,uBAAd;AACA,cAAc,uBAAd;AACA,cAAc,uBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,iCAA1C;AAKA,SAASF,OAAO,IAAIG,YAApB,QAAwC,6BAAxC;AAEA,SAASH,OAAO,IAAII,gBAApB,QAA4C,qCAA5C;AAEA,SAASC,uBAAT,QAAwC,2BAAxC;AAEA,SAASC,kBAAT,EAA6BC,mBAA7B,QAAwD,UAAxD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Paper"],"sources":["../../../../src/components/atoms/Paper/index.ts"],"sourcesContent":["export { default as Paper } from './Paper';\nexport type { PaperProps } from './Paper';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","PressableSurface"],"sources":["../../../../src/components/atoms/PressableSurface/index.ts"],"sourcesContent":["export { default as PressableSurface } from './PressableSurface';\nexport type { PressableSurfaceProps } from './PressableSurface';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","ProgressBar"],"sources":["../../../../src/components/atoms/ProgressBar/index.ts"],"sourcesContent":["export { default as ProgressBar } from './ProgressBar';\nexport type { ProgressBarProps } from './ProgressBar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","RadioButton"],"sources":["../../../../src/components/atoms/RadioButton/index.ts"],"sourcesContent":["export { default as RadioButton } from './RadioButton';\nexport type { RadioButtonProps } from './RadioButton';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Switch"],"sources":["../../../../src/components/atoms/Switch/index.ts"],"sourcesContent":["export { default as Switch } from './Switch';\nexport type { SwitchProps } from './Switch';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Tag"],"sources":["../../../../src/components/atoms/Tag/index.ts"],"sourcesContent":["export { default as Tag } from './Tag';\nexport type { TagProps } from './Tag';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,GAApB,QAA+B,OAA/B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Text"],"sources":["../../../../src/components/atoms/Text/index.ts"],"sourcesContent":["export { default as Text } from './Text';\nexport type { TextProps } from './Text';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Weekdays","MonthWeek"],"sources":["../../../../../src/components/molecules/Calendar/components/index.ts"],"sourcesContent":["export { default as Weekdays } from './Weekdays';\nexport { default as MonthWeek } from './MonthWeek';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,SAApB,QAAqC,aAArC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Calendar"],"sources":["../../../../src/components/molecules/Calendar/index.ts"],"sourcesContent":["export { default as Calendar } from './Calendar';\nexport type {\n CalendarProps,\n SelectionType,\n DateRange,\n Value,\n} from './Calendar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","DatePicker"],"sources":["../../../../src/components/molecules/DatePicker/index.ts"],"sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport type { DatePickerProps } from './DatePicker';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","DateTimePicker"],"sources":["../../../../src/components/molecules/DateTimePicker/index.ts"],"sourcesContent":["export { default as DateTimePicker } from './DateTimePicker';\nexport type { DateTimePickerProps } from './DateTimePicker';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAApB,QAA0C,kBAA1C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","DateTimeSelector"],"sources":["../../../../src/components/molecules/DateTimeSelector/index.ts"],"sourcesContent":["export { default as DateTimeSelector } from './DateTimeSelector';\nexport type {\n DateTimeSelectorProps,\n DateTimeSelectorMode,\n} from './DateTimeSelector';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["getGridItemColumSpan","getGridItemPadding"],"sources":["../../../../src/components/molecules/Grid/index.ts"],"sourcesContent":["import React from 'react';\nimport { SpacingType } from '@tecsinapse/react-core';\n\nexport interface IGrid {\n children: JSX.Element[];\n /** Layout should represent the multiplier of columns to fill the rows properly.\n * Example:\n * const layout = [\n * [6, 6], // Two elements on row\n * [4, 4, 4], // Three elements on row\n * [12], // One element on row\n * ];\n * */\n layout?: number[][];\n /** Number of grid columns to be considered (not the number of elements per row) */\n columns?: number;\n spacing?:\n | SpacingType\n | {\n top?: SpacingType;\n right?: SpacingType;\n bottom?: SpacingType;\n left?: SpacingType;\n };\n}\n\nexport type FlexPositioning = 'flex-start' | 'flex-end' | 'center';\nexport type FlexAlignBase = FlexPositioning | 'stretch';\nexport type FlexAlignType = FlexAlignBase | 'baseline';\nexport type FlexSpacing = 'space-between' | 'space-around';\nexport type PaddingPosition = 'top' | 'right' | 'bottom' | 'left';\n\nexport type GridSpacing =\n | SpacingType\n | {\n top?: SpacingType;\n right?: SpacingType;\n bottom?: SpacingType;\n left?: SpacingType;\n };\n\nexport interface IGridItem {\n children: React.ReactElement;\n /** Number of columns to fill */\n span: number;\n /** You don't have to give this property since is inherited from Grid */\n columns?: number;\n loading?: boolean;\n /** If your GridItem has a loading state, specify the component here (Skeleton) */\n loadingComponent?: React.ReactElement;\n /** Flex properties below */\n alignContent?: FlexAlignBase | FlexSpacing;\n alignItems?: FlexAlignType;\n alignSelf?: 'auto' | FlexAlignType;\n flex?: number;\n flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';\n flexGrow?: number;\n flexShrink?: number;\n justifyContent?: FlexPositioning | FlexSpacing | 'space-evenly';\n /** You don't have to give this property since is inherited from Grid */\n spacing?: GridSpacing;\n /** Used to wrap children in a View when its style extrapolates the dimensions*/\n wrapper?: boolean;\n}\n\nexport { getGridItemColumSpan, getGridItemPadding } from './functions';\n"],"mappings":"AAiEA,SAASA,oBAAT,EAA+BC,kBAA/B,QAAyD,aAAzD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","HintInputContainer"],"sources":["../../../../src/components/molecules/HintInputContainer/index.ts"],"sourcesContent":["export { default as HintInputContainer } from './HintInputContainer';\nexport type { HintInputContainerProps } from './HintInputContainer';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,sBAA9C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/molecules/HintInputContainer/styled.ts"],"sourcesContent":[""],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconTextButton.js","names":[],"sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import { ButtonProps, IconProps, TextProps } from '@tecsinapse/react-core';\n\nexport type IconPositionOptions = 'left' | 'right';\n\nexport interface IconTextButtonProps extends ButtonProps {\n iconProps?: IconProps;\n iconPosition?: IconPositionOptions;\n textProps?: TextProps;\n label?: string;\n}\n"],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","IconComponent"],"sources":["../../../../src/components/molecules/IconTextButton/index.ts"],"sourcesContent":["export { default as IconComponent } from './IconComponent';\nexport type {\n IconPositionOptions,\n IconTextButtonProps,\n} from './IconTextButton';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,iBAAzC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
2
|
-
|
|
3
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
|
-
|
|
5
|
-
import styled, { css } from '@emotion/native';
|
|
6
|
-
import { Text } from '@tecsinapse/react-core';
|
|
7
|
-
export const StyledText = styled(Text)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n"])), _ref => {
|
|
8
|
-
let {
|
|
9
|
-
theme,
|
|
10
|
-
iconPosition,
|
|
11
|
-
hasIcon = false
|
|
12
|
-
} = _ref;
|
|
13
|
-
if (hasIcon && iconPosition === 'left') return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-left: ", ";\n "])), theme === null || theme === void 0 ? void 0 : theme.spacing.mili);else if (hasIcon && iconPosition === 'right') return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-right: ", ";\n "])), theme === null || theme === void 0 ? void 0 : theme.spacing.mili);
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["styled","css","Text","StyledText","theme","iconPosition","hasIcon","spacing","mili"],"sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { IconPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledText = styled(Text)<\n Partial<StyleProps> & {\n iconPosition: IconPositionOptions;\n hasIcon?: boolean;\n }\n>`\n ${({ theme, iconPosition, hasIcon = false }) => {\n if (hasIcon && iconPosition === 'left')\n return css`\n margin-left: ${theme?.spacing.mili};\n `;\n else if (hasIcon && iconPosition === 'right')\n return css`\n margin-right: ${theme?.spacing.mili};\n `;\n }}\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SAA0CC,IAA1C,QAAsD,wBAAtD;AAEA,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACE,IAAD,CAAT,gFAMnB,QAA8C;EAAA,IAA7C;IAAEE,KAAF;IAASC,YAAT;IAAuBC,OAAO,GAAG;EAAjC,CAA6C;EAC9C,IAAIA,OAAO,IAAID,YAAY,KAAK,MAAhC,EACE,OAAOJ,GAAP,4GACiBG,KADjB,aACiBA,KADjB,uBACiBA,KAAK,CAAEG,OAAP,CAAeC,IADhC,EADF,KAIK,IAAIF,OAAO,IAAID,YAAY,KAAK,OAAhC,EACH,OAAOJ,GAAP,6GACkBG,KADlB,aACkBA,KADlB,uBACkBA,KAAK,CAAEG,OAAP,CAAeC,IADjC;AAGH,CAfoB,CAAhB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","InputPasswordIcon"],"sources":["../../../../src/components/molecules/InputPassword/index.ts"],"sourcesContent":["export { default as InputPasswordIcon } from './InputPasswordIcon';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAApB,QAA6C,qBAA7C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledSwitch.js","names":[],"sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { SwitchProps } from '../../atoms/Switch';\n\nexport type LabelPositionOptions = 'left' | 'right';\n\nexport interface LabeledSwitchProps extends SwitchProps {\n label: string;\n labelPosition?: LabelPositionOptions;\n pressableLabel?: boolean;\n}\n"],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/LabeledSwitch/index.ts"],"sourcesContent":["export type { LabeledSwitchProps, LabelPositionOptions } from './LabeledSwitch';\n"],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Snackbar"],"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"sourcesContent":["export { default as Snackbar } from './Snackbar';\nexport type { SnackbarProps } from './Snackbar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","TextArea","TextAreaInputBase"],"sources":["../../../../src/components/molecules/TextArea/index.ts"],"sourcesContent":["export { default as TextArea } from './TextArea';\nexport type { TextAreaProps } from './TextArea';\nexport { TextAreaInputBase } from './styled';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC;AAEA,SAASC,iBAAT,QAAkC,UAAlC"}
|
package/esm/hooks/index.js
DELETED
package/esm/hooks/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useDebouncedState","useTheme"],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useDebouncedState } from './useDebouncedState';\nexport { useTheme } from './useTheme';\n"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,qBAAlC;AACA,SAASC,QAAT,QAAyB,YAAzB"}
|
package/esm/types/defaults.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","names":[],"sources":["../../src/types/defaults.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type Color = {\n primary: ColorGradation;\n secondary: ColorGradation;\n error: ColorGradation;\n success: ColorGradation;\n info: ColorGradation;\n warning: ColorGradation;\n};\n\nexport type TypographyVariation = {\n h1: Typography;\n h2: Typography;\n h3: Typography;\n h4: Typography;\n h5: Typography;\n base: Typography;\n sub: Typography;\n label: Typography;\n};\n\nexport type Miscellaneous = {\n shadow: string;\n overlay: string;\n bodyColor: string;\n surfaceColor: string;\n};\n\nexport type Spacing = {\n nano: string;\n micro: string;\n mili: string;\n centi: string;\n deca: string;\n kilo: string;\n mega: string;\n giga: string;\n tera: string;\n peta: string;\n hexa: string;\n};\n\nexport type IconSize = {\n micro: string;\n mili: string;\n centi: string;\n deca: string;\n kilo: string;\n mega: string;\n};\n\nexport type BorderRadius = {\n nano: string;\n micro: string;\n mili: string;\n centi: string;\n deca: string;\n pill: string;\n};\n\nexport type BorderWidth = {\n pico: string;\n nano: string;\n};\n\nexport type Typography = {\n lineHeight: string;\n fontSize: string;\n};\n\nexport type ColorGradation = {\n xlight: string;\n light: string;\n medium: string;\n dark: string;\n xdark: string;\n};\n\nexport type FontStack = {\n default: string;\n mono: string;\n};\n\nexport type FontColor = {\n light: string;\n medium: string;\n dark: string; // default\n orange: string;\n};\n\nexport type ZIndex = {\n default: number;\n absolute: number;\n drawer: number;\n select: number;\n input: number;\n popover: number;\n tooltip: number;\n header: number;\n backdrop: number;\n sidebar: number;\n modal: number;\n};\n\nexport type FontWeight = {\n regular: string;\n bold: string;\n black: string;\n};\n\nexport type Breakpoints = {\n sm: number;\n md: number;\n lg: number;\n};\n\nexport type ThemeProp = {\n color: Color;\n miscellaneous: Miscellaneous;\n spacing: Spacing;\n iconSize: IconSize;\n borderRadius: BorderRadius;\n borderWidth: BorderWidth;\n typography: TypographyVariation;\n font: {\n color: FontColor;\n stack: FontStack;\n weight: FontWeight;\n files: FontWeight;\n };\n zIndex: ZIndex;\n /** Designed to web */\n breakpoints: Breakpoints;\n};\n\nexport interface ThemeProviderProps {\n children?: ReactNode;\n theme: ThemeProp;\n}\n\nexport type StyleProps = ThemeProviderProps;\n\nexport type ColorType = keyof Color;\n\nexport type SpacingType = keyof Spacing;\n\nexport type TypographyVariationType = keyof TypographyVariation;\n\nexport type FontWeightType = keyof FontWeight;\n\nexport type VariantType = 'filled' | 'outlined' | 'text';\n\nexport type ColorGradationType = keyof ColorGradation;\n\nexport type FontColorType = keyof FontColor;\n\nexport type BorderRadiusType = keyof BorderRadius;\n\nexport type FontStackType = keyof FontStack;\n\nexport type IconSizeType = keyof IconSize;\n"],"mappings":""}
|
package/esm/utils/index.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { extractDigitsFromString, extractNumbersFromString } from './extractNumbersFromString';
|
|
2
|
-
export * from './formatWithMask';
|
|
3
|
-
export * from './IPhoneXHelper';
|
|
4
|
-
export { lightenDarkenColor } from './lightenDarkenColor';
|
|
5
|
-
export * from './masks';
|
|
6
|
-
export * from './ResponsiveFontSize';
|
|
7
|
-
export * from './variantComplement';
|
|
8
|
-
//# sourceMappingURL=index.js.map
|
package/esm/utils/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["extractDigitsFromString","extractNumbersFromString","lightenDarkenColor"],"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n extractDigitsFromString,\n extractNumbersFromString,\n} from './extractNumbersFromString';\nexport * from './formatWithMask';\nexport * from './IPhoneXHelper';\nexport { lightenDarkenColor } from './lightenDarkenColor';\nexport * from './masks';\nexport * from './ResponsiveFontSize';\nexport * from './variantComplement';\n"],"mappings":"AAAA,SACEA,uBADF,EAEEC,wBAFF,QAGO,4BAHP;AAIA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,cAAc,SAAd;AACA,cAAc,sBAAd;AACA,cAAc,qBAAd"}
|