@tecsinapse/react-core 1.21.3 → 1.21.5
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/cjs/components/atoms/Icon/Icon.d.ts +2 -1
- package/dist/cjs/components/atoms/Icon/Icon.js +2 -2
- package/dist/cjs/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/index.d.ts +1 -0
- package/dist/cjs/components/molecules/InputPassword/styled.js +1 -2
- package/dist/cjs/components/molecules/InputPassword/styled.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +4 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Icon.d.ts +2 -1
- package/dist/esm/components/atoms/Icon/Icon.js +1 -1
- package/dist/esm/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/esm/components/molecules/DatePicker/index.d.ts +1 -0
- package/dist/esm/components/molecules/InputPassword/styled.js +1 -2
- package/dist/esm/components/molecules/InputPassword/styled.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { StyleProp, TextStyle } from 'react-native';
|
|
3
|
-
import { ColorGradationType, ColorType, FontColorType, IconSizeType
|
|
3
|
+
import { ColorGradationType, ColorType, FontColorType, IconSizeType } from '../../../types/defaults';
|
|
4
|
+
import { IconType } from '../../../styles/definitions';
|
|
4
5
|
export interface IconProps {
|
|
5
6
|
name: string;
|
|
6
7
|
size?: IconSizeType;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var reactNative = require('react-native');
|
|
5
|
-
var
|
|
5
|
+
var useTheme = require('../../../hooks/useTheme.js');
|
|
6
6
|
var functions = require('./functions.js');
|
|
7
7
|
|
|
8
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -58,7 +58,7 @@ const Icon = (_a) => {
|
|
|
58
58
|
"colorVariant",
|
|
59
59
|
"colorTone"
|
|
60
60
|
]);
|
|
61
|
-
const theme =
|
|
61
|
+
const theme = useTheme.useTheme();
|
|
62
62
|
const color = functions.getIconColor(colorVariant, colorTone, fontColor, theme);
|
|
63
63
|
const RNVIcon = functions.getIconComponent(type);
|
|
64
64
|
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Suspense, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle, Text } from 'react-native';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle, Text } from 'react-native';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n} from '../../../types/defaults';\nimport { useTheme } from '../../../hooks';\nimport { getIconColor, getIconComponent } from './functions';\nimport { IconType } from '../../../styles/definitions';\n\nexport interface IconProps {\n /** Name of the icon. You must use the same icons from react-native-vector-icons */\n name: string;\n /** Default icon sizes from theme */\n size?: IconSizeType;\n /** Icon family. You must use the same icons from react-native-vector-icons */\n type: IconType;\n /** Font theme fill color */\n fontColor?: FontColorType;\n /** Palette theme fill color */\n colorVariant?: ColorType;\n /** Palette theme gradation fill color */\n colorTone?: ColorGradationType;\n style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n name,\n size = 'centi',\n type,\n style,\n fontColor = 'dark',\n colorVariant,\n colorTone = 'medium',\n ...rest\n}) => {\n const theme = useTheme();\n const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n const RNVIcon = getIconComponent(type);\n\n return (\n <React.Suspense fallback={<Text> </Text>}>\n <RNVIcon {...rest} style={style} name={name} color={color} size={size} />\n </React.Suspense>\n );\n};\n\nexport default Icon;\n"],"names":["useTheme","getIconColor","getIconComponent","React","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BM,MAAA,IAAA,GAAsB,CAAC,EASvB,KAAA;AATuB,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,YAAA;AAAA,IACA,SAAY,GAAA,QAAA;AAAA,GApCd,GA6B6B,EAQxB,EAAA,IAAA,GAAA,SAAA,CARwB,EAQxB,EAAA;AAAA,IAPH,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQA,iBAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAAC,sBAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAUC,2BAAiB,IAAI,CAAA,CAAA;AAErC,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACA,0BAAM,QAAN,EAAA;AAAA,IAAe,QAAA,kBAAWA,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,IAAA,EAAK,GAAC,CAAA;AAAA,GAC/B,kBAAAD,yBAAA,CAAA,aAAA,CAAC,0CAAY,IAAZ,CAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,IAAc,IAAA;AAAA,IAAY,KAAA;AAAA,IAAc,IAAA;AAAA,GAAA,CAAY,CACzE,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -6,10 +6,9 @@ var styled = require('@emotion/native');
|
|
|
6
6
|
var Button = require('../../atoms/Button/Button.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('react-native');
|
|
9
|
-
require('@
|
|
9
|
+
require('@emotion/react');
|
|
10
10
|
require('../../atoms/Text/styled.js');
|
|
11
11
|
require('../../atoms/Button/States/styled.js');
|
|
12
|
-
require('@emotion/react');
|
|
13
12
|
|
|
14
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
14
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":["styled"],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2BA,2BAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -38,7 +38,7 @@ export { Text } from './components/atoms/Text';
|
|
|
38
38
|
export type { TextProps } from './components/atoms/Text';
|
|
39
39
|
export { Calendar } from './components/molecules/Calendar';
|
|
40
40
|
export type { CalendarProps, DateRange, SelectionType, Value, } from './components/molecules/Calendar';
|
|
41
|
-
export { DatePicker } from './components/molecules/DatePicker';
|
|
41
|
+
export { DatePicker, CalendarIcon } from './components/molecules/DatePicker';
|
|
42
42
|
export type { DatePickerProps } from './components/molecules/DatePicker';
|
|
43
43
|
export { DateTimePicker } from './components/molecules/DateTimePicker';
|
|
44
44
|
export type { DateTimePickerProps } from './components/molecules/DateTimePicker';
|
package/dist/cjs/index.js
CHANGED
|
@@ -35,6 +35,7 @@ var Tag = require('./components/atoms/Tag/Tag.js');
|
|
|
35
35
|
var Text = require('./components/atoms/Text/Text.js');
|
|
36
36
|
var Calendar = require('./components/molecules/Calendar/Calendar.js');
|
|
37
37
|
var DatePicker = require('./components/molecules/DatePicker/DatePicker.js');
|
|
38
|
+
var styled$1 = require('./components/molecules/DatePicker/styled.js');
|
|
38
39
|
var DateTimePicker = require('./components/molecules/DateTimePicker/DateTimePicker.js');
|
|
39
40
|
var DateTimeSelector = require('./components/molecules/DateTimeSelector/DateTimeSelector.js');
|
|
40
41
|
var functions = require('./components/molecules/Grid/functions.js');
|
|
@@ -43,7 +44,7 @@ var IconComponent = require('./components/molecules/IconTextButton/IconComponent
|
|
|
43
44
|
var InputPasswordIcon = require('./components/molecules/InputPassword/InputPasswordIcon.js');
|
|
44
45
|
var Snackbar = require('./components/molecules/Snackbar/Snackbar.js');
|
|
45
46
|
var TextArea = require('./components/molecules/TextArea/TextArea.js');
|
|
46
|
-
var styled$
|
|
47
|
+
var styled$2 = require('./components/molecules/TextArea/styled.js');
|
|
47
48
|
var useDebouncedState = require('./hooks/useDebouncedState.js');
|
|
48
49
|
var useTheme = require('./hooks/useTheme.js');
|
|
49
50
|
var definitions = require('./styles/definitions.js');
|
|
@@ -93,6 +94,7 @@ exports.Tag = Tag;
|
|
|
93
94
|
exports.Text = Text;
|
|
94
95
|
exports.Calendar = Calendar;
|
|
95
96
|
exports.DatePicker = DatePicker;
|
|
97
|
+
exports.CalendarIcon = styled$1.CalendarIcon;
|
|
96
98
|
exports.DateTimePicker = DateTimePicker;
|
|
97
99
|
exports.DateTimeSelector = DateTimeSelector;
|
|
98
100
|
exports.getGridItemColumSpan = functions.getGridItemColumSpan;
|
|
@@ -102,7 +104,7 @@ exports.IconComponent = IconComponent;
|
|
|
102
104
|
exports.InputPasswordIcon = InputPasswordIcon;
|
|
103
105
|
exports.Snackbar = Snackbar;
|
|
104
106
|
exports.TextArea = TextArea;
|
|
105
|
-
exports.TextAreaInputBase = styled$
|
|
107
|
+
exports.TextAreaInputBase = styled$2.TextAreaInputBase;
|
|
106
108
|
exports.useDebouncedState = useDebouncedState.useDebouncedState;
|
|
107
109
|
exports.useTheme = useTheme.useTheme;
|
|
108
110
|
exports.borderRadius = definitions.borderRadius;
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { StyleProp, TextStyle } from 'react-native';
|
|
3
|
-
import { ColorGradationType, ColorType, FontColorType, IconSizeType
|
|
3
|
+
import { ColorGradationType, ColorType, FontColorType, IconSizeType } from '../../../types/defaults';
|
|
4
|
+
import { IconType } from '../../../styles/definitions';
|
|
4
5
|
export interface IconProps {
|
|
5
6
|
name: string;
|
|
6
7
|
size?: IconSizeType;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { Text } from 'react-native';
|
|
3
|
-
import { useTheme } from '
|
|
3
|
+
import { useTheme } from '../../../hooks/useTheme.js';
|
|
4
4
|
import { getIconColor, getIconComponent } from './functions.js';
|
|
5
5
|
|
|
6
6
|
var __defProp = Object.defineProperty;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle, Text } from 'react-native';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle, Text } from 'react-native';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n} from '../../../types/defaults';\nimport { useTheme } from '../../../hooks';\nimport { getIconColor, getIconComponent } from './functions';\nimport { IconType } from '../../../styles/definitions';\n\nexport interface IconProps {\n /** Name of the icon. You must use the same icons from react-native-vector-icons */\n name: string;\n /** Default icon sizes from theme */\n size?: IconSizeType;\n /** Icon family. You must use the same icons from react-native-vector-icons */\n type: IconType;\n /** Font theme fill color */\n fontColor?: FontColorType;\n /** Palette theme fill color */\n colorVariant?: ColorType;\n /** Palette theme gradation fill color */\n colorTone?: ColorGradationType;\n style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n name,\n size = 'centi',\n type,\n style,\n fontColor = 'dark',\n colorVariant,\n colorTone = 'medium',\n ...rest\n}) => {\n const theme = useTheme();\n const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n const RNVIcon = getIconComponent(type);\n\n return (\n <React.Suspense fallback={<Text> </Text>}>\n <RNVIcon {...rest} style={style} name={name} color={color} size={size} />\n </React.Suspense>\n );\n};\n\nexport default Icon;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BM,MAAA,IAAA,GAAsB,CAAC,EASvB,KAAA;AATuB,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,YAAA;AAAA,IACA,SAAY,GAAA,QAAA;AAAA,GApCd,GA6B6B,EAQxB,EAAA,IAAA,GAAA,SAAA,CARwB,EAQxB,EAAA;AAAA,IAPH,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAA,YAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAU,iBAAiB,IAAI,CAAA,CAAA;AAErC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACA,eAAM,QAAN,EAAA;AAAA,IAAe,QAAA,kBAAWA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAK,GAAC,CAAA;AAAA,GAC/B,kBAAAA,cAAA,CAAA,aAAA,CAAC,0CAAY,IAAZ,CAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,IAAc,IAAA;AAAA,IAAY,KAAA;AAAA,IAAc,IAAA;AAAA,GAAA,CAAY,CACzE,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -2,10 +2,9 @@ import styled from '@emotion/native';
|
|
|
2
2
|
import Button from '../../atoms/Button/Button.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'react-native';
|
|
5
|
-
import '@
|
|
5
|
+
import '@emotion/react';
|
|
6
6
|
import '../../atoms/Text/styled.js';
|
|
7
7
|
import '../../atoms/Button/States/styled.js';
|
|
8
|
-
import '@emotion/react';
|
|
9
8
|
|
|
10
9
|
const StyledPasswordButtonIcon = styled(Button)`
|
|
11
10
|
padding: ${({ theme }) => theme.spacing.centi};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":";;;;;;;;AAIa,MAAA,wBAAA,GAA2B,OAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -38,7 +38,7 @@ export { Text } from './components/atoms/Text';
|
|
|
38
38
|
export type { TextProps } from './components/atoms/Text';
|
|
39
39
|
export { Calendar } from './components/molecules/Calendar';
|
|
40
40
|
export type { CalendarProps, DateRange, SelectionType, Value, } from './components/molecules/Calendar';
|
|
41
|
-
export { DatePicker } from './components/molecules/DatePicker';
|
|
41
|
+
export { DatePicker, CalendarIcon } from './components/molecules/DatePicker';
|
|
42
42
|
export type { DatePickerProps } from './components/molecules/DatePicker';
|
|
43
43
|
export { DateTimePicker } from './components/molecules/DateTimePicker';
|
|
44
44
|
export type { DateTimePickerProps } from './components/molecules/DateTimePicker';
|
package/dist/esm/index.js
CHANGED
|
@@ -31,6 +31,7 @@ export { default as Tag } from './components/atoms/Tag/Tag.js';
|
|
|
31
31
|
export { default as Text } from './components/atoms/Text/Text.js';
|
|
32
32
|
export { default as Calendar } from './components/molecules/Calendar/Calendar.js';
|
|
33
33
|
export { default as DatePicker } from './components/molecules/DatePicker/DatePicker.js';
|
|
34
|
+
export { CalendarIcon } from './components/molecules/DatePicker/styled.js';
|
|
34
35
|
export { default as DateTimePicker } from './components/molecules/DateTimePicker/DateTimePicker.js';
|
|
35
36
|
export { default as DateTimeSelector } from './components/molecules/DateTimeSelector/DateTimeSelector.js';
|
|
36
37
|
export { getGridItemColumSpan, getGridItemPadding } from './components/molecules/Grid/functions.js';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
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.
|
|
4
|
+
"version": "1.21.5",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
7
7
|
"module": "dist/esm/index.js",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"react-native": "^0.64.0",
|
|
40
40
|
"react-native-vector-icons": "^8.1.0 || ^9.0.0"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "48cda2986310e370097a8fcae68e5c02bb33a54f"
|
|
43
43
|
}
|