@estuary-solutions/rn-core-ui 0.0.3
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/LICENSE +20 -0
- package/README.md +743 -0
- package/dist/Accordion/Accordion.d.ts +5 -0
- package/dist/Accordion/Accordion.d.ts.map +1 -0
- package/dist/Accordion/Accordion.js +19 -0
- package/dist/Accordion/AccordionContext.d.ts +7 -0
- package/dist/Accordion/AccordionContext.d.ts.map +1 -0
- package/dist/Accordion/AccordionContext.js +3 -0
- package/dist/Accordion/AccordionGroup.d.ts +7 -0
- package/dist/Accordion/AccordionGroup.d.ts.map +1 -0
- package/dist/Accordion/AccordionGroup.js +32 -0
- package/dist/Accordion/AccordionItem.d.ts +5 -0
- package/dist/Accordion/AccordionItem.d.ts.map +1 -0
- package/dist/Accordion/AccordionItem.js +12 -0
- package/dist/Accordion/AccordionTree.d.ts +6 -0
- package/dist/Accordion/AccordionTree.d.ts.map +1 -0
- package/dist/Accordion/AccordionTree.js +4 -0
- package/dist/Accordion/AccordionTreeInternal.d.ts +5 -0
- package/dist/Accordion/AccordionTreeInternal.d.ts.map +1 -0
- package/dist/Accordion/AccordionTreeInternal.js +36 -0
- package/dist/Accordion/AccordionTreeWithGroup.d.ts +8 -0
- package/dist/Accordion/AccordionTreeWithGroup.d.ts.map +1 -0
- package/dist/Accordion/AccordionTreeWithGroup.js +11 -0
- package/dist/Accordion/index.d.ts +5 -0
- package/dist/Accordion/index.d.ts.map +1 -0
- package/dist/Accordion/index.js +4 -0
- package/dist/Accordion/types/AccordionTypes.d.ts +65 -0
- package/dist/Accordion/types/AccordionTypes.d.ts.map +1 -0
- package/dist/Accordion/types/AccordionTypes.js +1 -0
- package/dist/Avatars/Avatar.d.ts +20 -0
- package/dist/Avatars/Avatar.d.ts.map +1 -0
- package/dist/Avatars/Avatar.js +63 -0
- package/dist/Badges/Badge.d.ts +25 -0
- package/dist/Badges/Badge.d.ts.map +1 -0
- package/dist/Badges/Badge.js +75 -0
- package/dist/Breadcrumbs/Breadcrumb.d.ts +13 -0
- package/dist/Breadcrumbs/Breadcrumb.d.ts.map +1 -0
- package/dist/Breadcrumbs/Breadcrumb.js +63 -0
- package/dist/Button/Button.d.ts +7 -0
- package/dist/Button/Button.d.ts.map +1 -0
- package/dist/Button/Button.js +62 -0
- package/dist/Button/ButtonGradient.d.ts +5 -0
- package/dist/Button/ButtonGradient.d.ts.map +1 -0
- package/dist/Button/ButtonGradient.js +61 -0
- package/dist/Button/index.d.ts +4 -0
- package/dist/Button/index.d.ts.map +1 -0
- package/dist/Button/index.js +3 -0
- package/dist/Button/types/ButtonGradientTypes.d.ts +80 -0
- package/dist/Button/types/ButtonGradientTypes.d.ts.map +1 -0
- package/dist/Button/types/ButtonGradientTypes.js +1 -0
- package/dist/Button/types/ButtonTypes.d.ts +65 -0
- package/dist/Button/types/ButtonTypes.d.ts.map +1 -0
- package/dist/Button/types/ButtonTypes.js +1 -0
- package/dist/Buttons/Button.d.ts +23 -0
- package/dist/Buttons/Button.d.ts.map +1 -0
- package/dist/Buttons/Button.js +66 -0
- package/dist/Cards/Card.d.ts +22 -0
- package/dist/Cards/Card.d.ts.map +1 -0
- package/dist/Cards/Card.js +26 -0
- package/dist/Cards/CardActionArea.d.ts +13 -0
- package/dist/Cards/CardActionArea.d.ts.map +1 -0
- package/dist/Cards/CardActionArea.js +30 -0
- package/dist/Cards/CardActions.d.ts +14 -0
- package/dist/Cards/CardActions.d.ts.map +1 -0
- package/dist/Cards/CardActions.js +41 -0
- package/dist/Cards/CardContent.d.ts +13 -0
- package/dist/Cards/CardContent.d.ts.map +1 -0
- package/dist/Cards/CardContent.js +19 -0
- package/dist/Cards/CardHeader.d.ts +16 -0
- package/dist/Cards/CardHeader.d.ts.map +1 -0
- package/dist/Cards/CardHeader.js +61 -0
- package/dist/Cards/CardMedia.d.ts +23 -0
- package/dist/Cards/CardMedia.d.ts.map +1 -0
- package/dist/Cards/CardMedia.js +16 -0
- package/dist/Cards/Paper.d.ts +13 -0
- package/dist/Cards/Paper.d.ts.map +1 -0
- package/dist/Cards/Paper.js +42 -0
- package/dist/DraggableFlatList/CellDecorators.d.ts +21 -0
- package/dist/DraggableFlatList/CellDecorators.d.ts.map +1 -0
- package/dist/DraggableFlatList/CellDecorators.js +66 -0
- package/dist/DraggableFlatList/CellRendererComponent.d.ts +20 -0
- package/dist/DraggableFlatList/CellRendererComponent.d.ts.map +1 -0
- package/dist/DraggableFlatList/CellRendererComponent.js +146 -0
- package/dist/DraggableFlatList/DraggableFlatList.d.ts +9 -0
- package/dist/DraggableFlatList/DraggableFlatList.d.ts.map +1 -0
- package/dist/DraggableFlatList/DraggableFlatList.js +282 -0
- package/dist/DraggableFlatList/DraggableFlatList.web.d.ts +4 -0
- package/dist/DraggableFlatList/DraggableFlatList.web.d.ts.map +1 -0
- package/dist/DraggableFlatList/DraggableFlatList.web.js +248 -0
- package/dist/DraggableFlatList/NestableDraggableFlatList.d.ts +9 -0
- package/dist/DraggableFlatList/NestableDraggableFlatList.d.ts.map +1 -0
- package/dist/DraggableFlatList/NestableDraggableFlatList.js +66 -0
- package/dist/DraggableFlatList/NestableScrollContainer.d.ts +5 -0
- package/dist/DraggableFlatList/NestableScrollContainer.d.ts.map +1 -0
- package/dist/DraggableFlatList/NestableScrollContainer.js +28 -0
- package/dist/DraggableFlatList/PlaceholderItem.d.ts +8 -0
- package/dist/DraggableFlatList/PlaceholderItem.d.ts.map +1 -0
- package/dist/DraggableFlatList/PlaceholderItem.js +44 -0
- package/dist/DraggableFlatList/RowItem.d.ts +13 -0
- package/dist/DraggableFlatList/RowItem.d.ts.map +1 -0
- package/dist/DraggableFlatList/RowItem.js +45 -0
- package/dist/DraggableFlatList/ScrollOffsetListener.d.ts +8 -0
- package/dist/DraggableFlatList/ScrollOffsetListener.d.ts.map +1 -0
- package/dist/DraggableFlatList/ScrollOffsetListener.js +13 -0
- package/dist/Flex/Flex.d.ts +12 -0
- package/dist/Flex/Flex.d.ts.map +1 -0
- package/dist/Flex/Flex.js +28 -0
- package/dist/Flex/Flex.types.d.ts +10 -0
- package/dist/Flex/Flex.types.d.ts.map +1 -0
- package/dist/Flex/Flex.types.js +1 -0
- package/dist/Flex/index.d.ts +4 -0
- package/dist/Flex/index.d.ts.map +1 -0
- package/dist/Flex/index.js +3 -0
- package/dist/LICENSE +20 -0
- package/dist/README.md +743 -0
- package/dist/SvgIcon/SvgIcon.d.ts +9 -0
- package/dist/SvgIcon/SvgIcon.d.ts.map +1 -0
- package/dist/SvgIcon/SvgIcon.js +39 -0
- package/dist/SvgIcon/components/IconAlertCircle.d.ts +4 -0
- package/dist/SvgIcon/components/IconAlertCircle.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconAlertCircle.js +6 -0
- package/dist/SvgIcon/components/IconAngleLeft.d.ts +4 -0
- package/dist/SvgIcon/components/IconAngleLeft.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconAngleLeft.js +6 -0
- package/dist/SvgIcon/components/IconAngleRight.d.ts +4 -0
- package/dist/SvgIcon/components/IconAngleRight.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconAngleRight.js +6 -0
- package/dist/SvgIcon/components/IconCheckBox.d.ts +4 -0
- package/dist/SvgIcon/components/IconCheckBox.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconCheckBox.js +6 -0
- package/dist/SvgIcon/components/IconCheckBoxOutlineBlank.d.ts +4 -0
- package/dist/SvgIcon/components/IconCheckBoxOutlineBlank.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconCheckBoxOutlineBlank.js +6 -0
- package/dist/SvgIcon/components/IconCheckBoxWithBg.d.ts +4 -0
- package/dist/SvgIcon/components/IconCheckBoxWithBg.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconCheckBoxWithBg.js +6 -0
- package/dist/SvgIcon/components/IconChevronDown.d.ts +4 -0
- package/dist/SvgIcon/components/IconChevronDown.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconChevronDown.js +6 -0
- package/dist/SvgIcon/components/IconChevronUp.d.ts +4 -0
- package/dist/SvgIcon/components/IconChevronUp.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconChevronUp.js +6 -0
- package/dist/SvgIcon/components/IconHome.d.ts +4 -0
- package/dist/SvgIcon/components/IconHome.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconHome.js +6 -0
- package/dist/SvgIcon/components/IconPerson.d.ts +4 -0
- package/dist/SvgIcon/components/IconPerson.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconPerson.js +6 -0
- package/dist/SvgIcon/components/IconPlayCircle.d.ts +4 -0
- package/dist/SvgIcon/components/IconPlayCircle.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconPlayCircle.js +9 -0
- package/dist/SvgIcon/components/IconPlus.d.ts +4 -0
- package/dist/SvgIcon/components/IconPlus.d.ts.map +1 -0
- package/dist/SvgIcon/components/IconPlus.js +6 -0
- package/dist/SvgIcon/components/index.d.ts +13 -0
- package/dist/SvgIcon/components/index.d.ts.map +1 -0
- package/dist/SvgIcon/components/index.js +12 -0
- package/dist/SvgIcon/types/SvgIconTypes.d.ts +46 -0
- package/dist/SvgIcon/types/SvgIconTypes.d.ts.map +1 -0
- package/dist/SvgIcon/types/SvgIconTypes.js +1 -0
- package/dist/TextFields/TextField.d.ts +34 -0
- package/dist/TextFields/TextField.d.ts.map +1 -0
- package/dist/TextFields/TextField.js +400 -0
- package/dist/TextFields/index.d.ts +2 -0
- package/dist/TextFields/index.d.ts.map +1 -0
- package/dist/TextFields/index.js +1 -0
- package/dist/Texts/Text.d.ts +21 -0
- package/dist/Texts/Text.d.ts.map +1 -0
- package/dist/Texts/Text.js +49 -0
- package/dist/constants/DraggableFlatList/constants.d.ts +28 -0
- package/dist/constants/DraggableFlatList/constants.d.ts.map +1 -0
- package/dist/constants/DraggableFlatList/constants.js +25 -0
- package/dist/constants/DraggableFlatList/types.d.ts +65 -0
- package/dist/constants/DraggableFlatList/types.d.ts.map +1 -0
- package/dist/constants/DraggableFlatList/types.js +1 -0
- package/dist/constants/DraggableFlatList/types.web.d.ts +7 -0
- package/dist/constants/DraggableFlatList/types.web.d.ts.map +1 -0
- package/dist/constants/DraggableFlatList/types.web.js +1 -0
- package/dist/constants/consts.d.ts +16 -0
- package/dist/constants/consts.d.ts.map +1 -0
- package/dist/constants/consts.js +15 -0
- package/dist/constants/index.d.ts +3 -0
- package/dist/constants/index.d.ts.map +1 -0
- package/dist/constants/index.js +2 -0
- package/dist/constants/types.d.ts +22 -0
- package/dist/constants/types.d.ts.map +1 -0
- package/dist/constants/types.js +21 -0
- package/dist/context/DraggableFlatList/animatedValueContext.d.ts +29 -0
- package/dist/context/DraggableFlatList/animatedValueContext.d.ts.map +1 -0
- package/dist/context/DraggableFlatList/animatedValueContext.js +154 -0
- package/dist/context/DraggableFlatList/cellContext.d.ts +10 -0
- package/dist/context/DraggableFlatList/cellContext.d.ts.map +1 -0
- package/dist/context/DraggableFlatList/cellContext.js +18 -0
- package/dist/context/DraggableFlatList/draggableFlatListContext.d.ts +13 -0
- package/dist/context/DraggableFlatList/draggableFlatListContext.d.ts.map +1 -0
- package/dist/context/DraggableFlatList/draggableFlatListContext.js +19 -0
- package/dist/context/DraggableFlatList/nestableScrollContainerContext.d.ts +23 -0
- package/dist/context/DraggableFlatList/nestableScrollContainerContext.d.ts.map +1 -0
- package/dist/context/DraggableFlatList/nestableScrollContainerContext.js +36 -0
- package/dist/context/DraggableFlatList/propsContext.d.ts +9 -0
- package/dist/context/DraggableFlatList/propsContext.d.ts.map +1 -0
- package/dist/context/DraggableFlatList/propsContext.js +25 -0
- package/dist/context/DraggableFlatList/refContext.d.ts +20 -0
- package/dist/context/DraggableFlatList/refContext.d.ts.map +1 -0
- package/dist/context/DraggableFlatList/refContext.js +55 -0
- package/dist/hooks/DraggableFlatList/useAutoScroll.d.ts +2 -0
- package/dist/hooks/DraggableFlatList/useAutoScroll.d.ts.map +1 -0
- package/dist/hooks/DraggableFlatList/useAutoScroll.js +77 -0
- package/dist/hooks/DraggableFlatList/useCellTranslate.d.ts +9 -0
- package/dist/hooks/DraggableFlatList/useCellTranslate.d.ts.map +1 -0
- package/dist/hooks/DraggableFlatList/useCellTranslate.js +72 -0
- package/dist/hooks/DraggableFlatList/useNestedAutoScroll.d.ts +12 -0
- package/dist/hooks/DraggableFlatList/useNestedAutoScroll.d.ts.map +1 -0
- package/dist/hooks/DraggableFlatList/useNestedAutoScroll.js +77 -0
- package/dist/hooks/DraggableFlatList/useOnCellActiveAnimation.d.ts +15 -0
- package/dist/hooks/DraggableFlatList/useOnCellActiveAnimation.d.ts.map +1 -0
- package/dist/hooks/DraggableFlatList/useOnCellActiveAnimation.js +29 -0
- package/dist/hooks/DraggableFlatList/useStableCallback.d.ts +2 -0
- package/dist/hooks/DraggableFlatList/useStableCallback.d.ts.map +1 -0
- package/dist/hooks/DraggableFlatList/useStableCallback.js +11 -0
- package/dist/hooks/useTheme.d.ts +17 -0
- package/dist/hooks/useTheme.d.ts.map +1 -0
- package/dist/hooks/useTheme.js +12 -0
- package/dist/index.d.ts +23 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +22 -0
- package/dist/themes/colors.d.ts +9 -0
- package/dist/themes/colors.d.ts.map +1 -0
- package/dist/themes/colors.js +201 -0
- package/dist/themes/elevationOverlay.d.ts +2 -0
- package/dist/themes/elevationOverlay.d.ts.map +1 -0
- package/dist/themes/elevationOverlay.js +12 -0
- package/dist/themes/fontSize.d.ts +23 -0
- package/dist/themes/fontSize.d.ts.map +1 -0
- package/dist/themes/fontSize.js +22 -0
- package/dist/themes/index.d.ts +5 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/index.js +4 -0
- package/dist/themes/types/colorTypes.d.ts +665 -0
- package/dist/themes/types/colorTypes.d.ts.map +1 -0
- package/dist/themes/types/colorTypes.js +1 -0
- package/dist/utils/DraggableFlatList/typedMemo.d.ts +2 -0
- package/dist/utils/DraggableFlatList/typedMemo.d.ts.map +1 -0
- package/dist/utils/DraggableFlatList/typedMemo.js +2 -0
- package/dist/utils/cleanTagHTML.d.ts +22 -0
- package/dist/utils/cleanTagHTML.d.ts.map +1 -0
- package/dist/utils/cleanTagHTML.js +36 -0
- package/dist/utils/colors/color.d.ts +2 -0
- package/dist/utils/colors/color.d.ts.map +1 -0
- package/dist/utils/colors/color.js +6 -0
- package/dist/utils/colors/elevation.d.ts +7 -0
- package/dist/utils/colors/elevation.d.ts.map +1 -0
- package/dist/utils/colors/elevation.js +29 -0
- package/dist/utils/colors/index.d.ts +9 -0
- package/dist/utils/colors/index.d.ts.map +1 -0
- package/dist/utils/colors/index.js +7 -0
- package/dist/utils/converter.d.ts +47 -0
- package/dist/utils/converter.d.ts.map +1 -0
- package/dist/utils/converter.js +54 -0
- package/dist/utils/debounce.d.ts +36 -0
- package/dist/utils/debounce.d.ts.map +1 -0
- package/dist/utils/debounce.js +54 -0
- package/dist/utils/filters.d.ts +3 -0
- package/dist/utils/filters.d.ts.map +1 -0
- package/dist/utils/filters.js +10 -0
- package/dist/utils/fixedDistance.d.ts +16 -0
- package/dist/utils/fixedDistance.d.ts.map +1 -0
- package/dist/utils/fixedDistance.js +17 -0
- package/dist/utils/formatMoney.d.ts +30 -0
- package/dist/utils/formatMoney.d.ts.map +1 -0
- package/dist/utils/formatMoney.js +33 -0
- package/dist/utils/getOS.d.ts +6 -0
- package/dist/utils/getOS.d.ts.map +1 -0
- package/dist/utils/getOS.js +6 -0
- package/dist/utils/index.d.ts +13 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +12 -0
- package/dist/utils/limitedString.d.ts +15 -0
- package/dist/utils/limitedString.d.ts.map +1 -0
- package/dist/utils/limitedString.js +19 -0
- package/dist/utils/resolutions.d.ts +65 -0
- package/dist/utils/resolutions.d.ts.map +1 -0
- package/dist/utils/resolutions.js +79 -0
- package/dist/utils/scale.d.ts +141 -0
- package/dist/utils/scale.d.ts.map +1 -0
- package/dist/utils/scale.js +141 -0
- package/documents/build.js +102 -0
- package/documents/buildFromRoot.js +49 -0
- package/documents/buildFromSample.js +40 -0
- package/documents/buildV2.js +98 -0
- package/documents/copyPackageToExample.js +31 -0
- package/example/RNCoreUISample/.eslintrc.js +10 -0
- package/example/RNCoreUISample/.prettierrc.js +7 -0
- package/example/RNCoreUISample/App.js +26 -0
- package/example/RNCoreUISample/README.md +104 -0
- package/example/RNCoreUISample/android/app/debug.keystore +0 -0
- package/example/RNCoreUISample/babel.config.js +29 -0
- package/example/RNCoreUISample/documents/storybook/manager.js +5 -0
- package/example/RNCoreUISample/fix_node_modules.js +12 -0
- package/example/RNCoreUISample/index.js +20 -0
- package/example/RNCoreUISample/jest.config.js +3 -0
- package/example/RNCoreUISample/metro.config.js +30 -0
- package/package.json +101 -0
- package/src/constants/DraggableFlatList/draggable.d.ts +12 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SvgIconProps } from './types/SvgIconTypes';
|
|
2
|
+
/**
|
|
3
|
+
* The SvgIcon component provide a variety of custom icon
|
|
4
|
+
* that based on react-native-svg package. This not the best
|
|
5
|
+
* choice, but it's can be perfect for specific cases.
|
|
6
|
+
*/
|
|
7
|
+
declare const SvgIcon: ({ name, size, color, strokeWidth, fill, style, }: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default SvgIcon;
|
|
9
|
+
//# sourceMappingURL=SvgIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SvgIcon.d.ts","sourceRoot":"","sources":["../../src/SvgIcon/SvgIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD;;;;GAIG;AACH,QAAA,MAAM,OAAO,GAAI,kDAOd,YAAY,4CAyHd,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { scale } from '../utils';
|
|
3
|
+
import { colors } from '../themes';
|
|
4
|
+
import { IconAlertCircle, IconAngleLeft, IconAngleRight, IconCheckBox, IconCheckBoxOutlineBlank, IconCheckBoxWithBg, IconChevronDown, IconChevronUp, IconHome, IconPerson, IconPlayCircle, IconPlus } from './components';
|
|
5
|
+
/**
|
|
6
|
+
* The SvgIcon component provide a variety of custom icon
|
|
7
|
+
* that based on react-native-svg package. This not the best
|
|
8
|
+
* choice, but it's can be perfect for specific cases.
|
|
9
|
+
*/
|
|
10
|
+
const SvgIcon = ({ name = 'angle-left', size = scale(23), color = colors.black, strokeWidth = scale(1), fill = 'none', style, }) => {
|
|
11
|
+
switch (name) {
|
|
12
|
+
case 'person':
|
|
13
|
+
return (_jsx(IconPerson, { size: size, color: color, strokeWidth: strokeWidth, fill: fill, style: style }));
|
|
14
|
+
case 'play-circle':
|
|
15
|
+
return (_jsx(IconPlayCircle, { size: size, color: color, strokeWidth: strokeWidth, fill: fill, style: style }));
|
|
16
|
+
case 'plus':
|
|
17
|
+
return (_jsx(IconPlus, { size: size, color: color, strokeWidth: strokeWidth, style: style }));
|
|
18
|
+
case 'check-box':
|
|
19
|
+
return (_jsx(IconCheckBox, { size: size, color: color, strokeWidth: strokeWidth, fill: fill, style: style }));
|
|
20
|
+
case 'check-box-with-bg':
|
|
21
|
+
return (_jsx(IconCheckBoxWithBg, { size: size, color: color, strokeWidth: strokeWidth, fill: fill, style: style }));
|
|
22
|
+
case 'check-box-outline-blank':
|
|
23
|
+
return (_jsx(IconCheckBoxOutlineBlank, { size: size, color: color, strokeWidth: strokeWidth, fill: fill, style: style }));
|
|
24
|
+
case 'alert-circle':
|
|
25
|
+
return (_jsx(IconAlertCircle, { size: size, color: color, strokeWidth: strokeWidth, fill: fill, style: style }));
|
|
26
|
+
case 'angle-right':
|
|
27
|
+
return (_jsx(IconAngleRight, { size: size, color: color, strokeWidth: strokeWidth, style: style }));
|
|
28
|
+
case 'home':
|
|
29
|
+
return (_jsx(IconHome, { size: size, color: color, strokeWidth: strokeWidth, fill: fill, style: style }));
|
|
30
|
+
case 'chevron-up':
|
|
31
|
+
return (_jsx(IconChevronUp, { size: size, color: color, strokeWidth: strokeWidth, fill: fill, style: style }));
|
|
32
|
+
case 'chevron-down':
|
|
33
|
+
return (_jsx(IconChevronDown, { size: size, color: color, strokeWidth: strokeWidth, fill: fill, style: style }));
|
|
34
|
+
case 'angle-left':
|
|
35
|
+
default:
|
|
36
|
+
return (_jsx(IconAngleLeft, { size: size, color: color, strokeWidth: strokeWidth, style: style }));
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
export default SvgIcon;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { SvgIconProps } from '../../SvgIcon/types/SvgIconTypes';
|
|
2
|
+
declare const IconAlertCircle: ({ size, color, strokeWidth, fill, style }: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default IconAlertCircle;
|
|
4
|
+
//# sourceMappingURL=IconAlertCircle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconAlertCircle.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconAlertCircle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEzD,QAAA,MAAM,eAAe,GAAI,2CAMtB,YAAY,4CA6Bd,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Circle, Line } from 'react-native-svg';
|
|
3
|
+
const IconAlertCircle = ({ size, color, strokeWidth, fill, style }) => {
|
|
4
|
+
return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, children: [_jsx(Circle, { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: strokeWidth, fill: fill }), _jsx(Line, { x1: "12", y1: "7", x2: "12", y2: "12", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round" }), _jsx(Circle, { cx: "12", cy: "17", r: strokeWidth, fill: color })] }));
|
|
5
|
+
};
|
|
6
|
+
export default IconAlertCircle;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconAngleLeft.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconAngleLeft.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEzD,QAAA,MAAM,aAAa,GAAI,sCAKpB,YAAY,4CAkBd,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Polyline } from 'react-native-svg';
|
|
3
|
+
const IconAngleLeft = ({ size, color, strokeWidth, style, }) => {
|
|
4
|
+
return (_jsx(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: 'none', style: style, children: _jsx(Polyline, { points: '15 18 9 12 15 6', stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
5
|
+
};
|
|
6
|
+
export default IconAngleLeft;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconAngleRight.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconAngleRight.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAGzD,QAAA,MAAM,cAAc,GAAI,qCAKrB,YAAY,4CAkBd,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Polyline } from 'react-native-svg';
|
|
3
|
+
const IconAngleRight = ({ size, color, strokeWidth, style }) => {
|
|
4
|
+
return (_jsx(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: 'none', style: style, children: _jsx(Polyline, { points: '9 6 15 12 9 18', stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
5
|
+
};
|
|
6
|
+
export default IconAngleRight;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconCheckBox.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconCheckBox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAGzD,QAAA,MAAM,YAAY,GAAI,2CAMnB,YAAY,4CA8Bd,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Path, Rect } from 'react-native-svg';
|
|
3
|
+
const IconCheckBox = ({ size, color, strokeWidth, fill, style }) => {
|
|
4
|
+
return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, children: [_jsx(Rect, { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2", stroke: color, strokeWidth: strokeWidth, fill: fill }), _jsx(Path, { d: "M7 12.5L10.5 16L17 8", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
5
|
+
};
|
|
6
|
+
export default IconCheckBox;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { SvgIconProps } from '../../SvgIcon/types/SvgIconTypes';
|
|
2
|
+
declare const IconCheckBoxOutlineBlank: ({ size, color, strokeWidth, fill, style }: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default IconCheckBoxOutlineBlank;
|
|
4
|
+
//# sourceMappingURL=IconCheckBoxOutlineBlank.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconCheckBoxOutlineBlank.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconCheckBoxOutlineBlank.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAGzD,QAAA,MAAM,wBAAwB,GAAI,2CAM/B,YAAY,4CAsBd,CAAA;AAED,eAAe,wBAAwB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Rect } from 'react-native-svg';
|
|
3
|
+
const IconCheckBoxOutlineBlank = ({ size, color, strokeWidth, fill, style }) => {
|
|
4
|
+
return (_jsx(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, children: _jsx(Rect, { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2", stroke: color, strokeWidth: strokeWidth, fill: fill }) }));
|
|
5
|
+
};
|
|
6
|
+
export default IconCheckBoxOutlineBlank;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { SvgIconProps } from '../../SvgIcon/types/SvgIconTypes';
|
|
2
|
+
declare const IconCheckBoxWithBg: ({ size, color, strokeWidth, fill, style }: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default IconCheckBoxWithBg;
|
|
4
|
+
//# sourceMappingURL=IconCheckBoxWithBg.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconCheckBoxWithBg.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconCheckBoxWithBg.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAGzD,QAAA,MAAM,kBAAkB,GAAI,2CAMzB,YAAY,4CA8Bd,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Path, Rect } from 'react-native-svg';
|
|
3
|
+
const IconCheckBoxWithBg = ({ size, color, strokeWidth, fill, style }) => {
|
|
4
|
+
return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, children: [_jsx(Rect, { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2", stroke: color, strokeWidth: strokeWidth, fill: color }), _jsx(Path, { d: "M7 12.5L10.5 16L17 8", stroke: fill, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
5
|
+
};
|
|
6
|
+
export default IconCheckBoxWithBg;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { SvgIconProps } from '../../SvgIcon/types/SvgIconTypes';
|
|
2
|
+
declare const IconChevronDown: ({ size, color, strokeWidth, style, }: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default IconChevronDown;
|
|
4
|
+
//# sourceMappingURL=IconChevronDown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconChevronDown.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconChevronDown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,QAAA,MAAM,eAAe,GAAI,sCAKtB,YAAY,4CAkBd,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Polyline } from 'react-native-svg';
|
|
3
|
+
const IconChevronDown = ({ size, color, strokeWidth, style, }) => {
|
|
4
|
+
return (_jsx(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, children: _jsx(Polyline, { points: "6 9 12 15 18 9", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
5
|
+
};
|
|
6
|
+
export default IconChevronDown;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconChevronUp.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconChevronUp.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,QAAA,MAAM,aAAa,GAAI,sCAKpB,YAAY,4CAkBd,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Polyline } from 'react-native-svg';
|
|
3
|
+
const IconChevronUp = ({ size, color, strokeWidth, style, }) => {
|
|
4
|
+
return (_jsx(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, children: _jsx(Polyline, { points: "6 15 12 9 18 15", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
5
|
+
};
|
|
6
|
+
export default IconChevronUp;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconHome.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconHome.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,QAAA,MAAM,QAAQ,GAAI,qCAKf,YAAY,4CAkBd,CAAA;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
const IconHome = ({ size, color, strokeWidth, style }) => {
|
|
4
|
+
return (_jsx(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, children: _jsx(Path, { d: "M3 10.5L12 3L21 10.5V20C21 20.5523 20.5523 21 20 21H14V15H10V21H4C3.44772 21 3 20.5523 3 20V10.5Z", stroke: color, strokeWidth: strokeWidth, strokeLinejoin: "round", strokeLinecap: "round" }) }));
|
|
5
|
+
};
|
|
6
|
+
export default IconHome;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconPerson.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconPerson.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,QAAA,MAAM,UAAU,GAAI,sCAKjB,YAAY,4CA0Bd,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Circle, Path } from 'react-native-svg';
|
|
3
|
+
const IconPerson = ({ size, color, strokeWidth, style, }) => {
|
|
4
|
+
return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, children: [_jsx(Circle, { cx: "12", cy: "8", r: "4", fill: strokeWidth ? 'none' : color, stroke: strokeWidth ? color : 'none', strokeWidth: strokeWidth }), _jsx(Path, { d: "M4 20c0-4 4-6 8-6s8 2 8 6v1H4v-1z", fill: strokeWidth ? 'none' : color, stroke: strokeWidth ? color : 'none', strokeWidth: strokeWidth })] }));
|
|
5
|
+
};
|
|
6
|
+
export default IconPerson;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { SvgIconProps } from '../../SvgIcon/types/SvgIconTypes';
|
|
2
|
+
declare const IconPlayCircle: ({ size, color, strokeWidth, fill, style, }: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default IconPlayCircle;
|
|
4
|
+
//# sourceMappingURL=IconPlayCircle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconPlayCircle.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconPlayCircle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAGzD,QAAA,MAAM,cAAc,GAAI,4CAMrB,YAAY,4CAuBd,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Circle, Polygon } from 'react-native-svg';
|
|
3
|
+
import { scale } from '../../utils';
|
|
4
|
+
const IconPlayCircle = ({ size, color, strokeWidth, fill, style, }) => {
|
|
5
|
+
const circleStrokeWidth = scale(5);
|
|
6
|
+
const circleRadius = 50 - circleStrokeWidth / 2;
|
|
7
|
+
return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 100 100", style: style, children: [_jsx(Circle, { cx: "50", cy: "50", r: circleRadius, fill: fill, stroke: color, strokeWidth: strokeWidth }), _jsx(Polygon, { points: "40,30 40,70 70,50", fill: color, stroke: color, strokeWidth: strokeWidth })] }));
|
|
8
|
+
};
|
|
9
|
+
export default IconPlayCircle;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconPlus.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/IconPlus.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEzD,QAAA,MAAM,QAAQ,GAAI,qCAKf,YAAY,4CA6Bd,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Svg, { Line } from 'react-native-svg';
|
|
3
|
+
const IconPlus = ({ size, color, strokeWidth, style }) => {
|
|
4
|
+
return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: style, children: [_jsx(Line, { x1: "12", y1: "5", x2: "12", y2: "19", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round" }), _jsx(Line, { x1: "5", y1: "12", x2: "19", y2: "12", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round" })] }));
|
|
5
|
+
};
|
|
6
|
+
export default IconPlus;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { default as IconPlus } from './IconPlus';
|
|
2
|
+
export { default as IconCheckBox } from './IconCheckBox';
|
|
3
|
+
export { default as IconCheckBoxWithBg } from './IconCheckBoxWithBg';
|
|
4
|
+
export { default as IconCheckBoxOutlineBlank } from './IconCheckBoxOutlineBlank';
|
|
5
|
+
export { default as IconAlertCircle } from './IconAlertCircle';
|
|
6
|
+
export { default as IconAngleRight } from './IconAngleRight';
|
|
7
|
+
export { default as IconAngleLeft } from './IconAngleLeft';
|
|
8
|
+
export { default as IconPlayCircle } from './IconPlayCircle';
|
|
9
|
+
export { default as IconPerson } from './IconPerson';
|
|
10
|
+
export { default as IconHome } from './IconHome';
|
|
11
|
+
export { default as IconChevronUp } from './IconChevronUp';
|
|
12
|
+
export { default as IconChevronDown } from './IconChevronDown';
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export { default as IconPlus } from './IconPlus';
|
|
2
|
+
export { default as IconCheckBox } from './IconCheckBox';
|
|
3
|
+
export { default as IconCheckBoxWithBg } from './IconCheckBoxWithBg';
|
|
4
|
+
export { default as IconCheckBoxOutlineBlank } from './IconCheckBoxOutlineBlank';
|
|
5
|
+
export { default as IconAlertCircle } from './IconAlertCircle';
|
|
6
|
+
export { default as IconAngleRight } from './IconAngleRight';
|
|
7
|
+
export { default as IconAngleLeft } from './IconAngleLeft';
|
|
8
|
+
export { default as IconPlayCircle } from './IconPlayCircle';
|
|
9
|
+
export { default as IconPerson } from './IconPerson';
|
|
10
|
+
export { default as IconHome } from './IconHome';
|
|
11
|
+
export { default as IconChevronUp } from './IconChevronUp';
|
|
12
|
+
export { default as IconChevronDown } from './IconChevronDown';
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { StyleProp, ViewStyle } from "react-native";
|
|
2
|
+
import { Color } from "react-native-svg";
|
|
3
|
+
export interface SvgIconProps {
|
|
4
|
+
/** Define the icon that you want to use.
|
|
5
|
+
*
|
|
6
|
+
* *Default:* `name = 'angle-left'`
|
|
7
|
+
*
|
|
8
|
+
* *Example:* `name = check-box`
|
|
9
|
+
*/
|
|
10
|
+
name?: SvgIconName;
|
|
11
|
+
/** Define the icon size.
|
|
12
|
+
*
|
|
13
|
+
* *Default:* `size = scale(23)`
|
|
14
|
+
*
|
|
15
|
+
* *Example:* `size = 23`
|
|
16
|
+
*/
|
|
17
|
+
size?: number;
|
|
18
|
+
/** Define the icon color, inherited react-native-svg color prop.
|
|
19
|
+
*
|
|
20
|
+
* *Default:* `size = scale(23)`
|
|
21
|
+
*
|
|
22
|
+
* *Example:* `size = 23`
|
|
23
|
+
*/
|
|
24
|
+
color?: Color;
|
|
25
|
+
/** Define the icon stroke width.
|
|
26
|
+
*
|
|
27
|
+
* *Default:* `strokeWidth = scale(1)`
|
|
28
|
+
*
|
|
29
|
+
* *Example:* `strokeWidth = 2`
|
|
30
|
+
*/
|
|
31
|
+
strokeWidth?: number;
|
|
32
|
+
/**
|
|
33
|
+
* Optional. Some icons have a fill color, like check-box. Other icons
|
|
34
|
+
* are just outlines. This prop is used to set the fill color of the icon.
|
|
35
|
+
*/
|
|
36
|
+
fill?: Color;
|
|
37
|
+
/** Define the style for the svg.
|
|
38
|
+
*
|
|
39
|
+
* *Default:* `style = undefined`
|
|
40
|
+
*
|
|
41
|
+
* *Example:* `style = { position: 'absolute', top: 10 }`
|
|
42
|
+
*/
|
|
43
|
+
style?: StyleProp<ViewStyle>;
|
|
44
|
+
}
|
|
45
|
+
export type SvgIconName = "plus" | "angle-left" | "check-box" | "check-box-with-bg" | "check-box-outline-blank" | "alert-circle" | "angle-right" | "play-circle" | "person" | "home" | "chevron-up" | "chevron-down";
|
|
46
|
+
//# sourceMappingURL=SvgIconTypes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SvgIconTypes.d.ts","sourceRoot":"","sources":["../../../src/SvgIcon/types/SvgIconTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,WAAW,YAAY;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;IACb;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED,MAAM,MAAM,WAAW,GACrB,MAAM,GACN,YAAY,GACZ,WAAW,GACX,mBAAmB,GACnB,yBAAyB,GACzB,cAAc,GACd,aAAa,GACb,aAAa,GACb,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
+
export interface RenderIconParams {
|
|
4
|
+
focused: boolean;
|
|
5
|
+
hasError: boolean;
|
|
6
|
+
editable: boolean;
|
|
7
|
+
}
|
|
8
|
+
export type RenderIcon = (params: RenderIconParams) => React.ReactNode;
|
|
9
|
+
export interface TextFieldProps extends Omit<TextInputProps, 'value' | 'defaultValue' | 'onChangeText' | 'placeholder'> {
|
|
10
|
+
label?: string;
|
|
11
|
+
labelMinSize?: number;
|
|
12
|
+
labelSize?: number;
|
|
13
|
+
applyTopLabel?: boolean;
|
|
14
|
+
labelBackground?: string;
|
|
15
|
+
value?: string;
|
|
16
|
+
defaultValue?: string;
|
|
17
|
+
onChangeText?: (text: string) => void;
|
|
18
|
+
error?: boolean | string;
|
|
19
|
+
errorColor?: string;
|
|
20
|
+
focusedColor?: string;
|
|
21
|
+
helperText?: string;
|
|
22
|
+
helperTextColor?: string;
|
|
23
|
+
helperTextStyle?: StyleProp<TextStyle>;
|
|
24
|
+
renderStartIcon?: RenderIcon;
|
|
25
|
+
renderEndIcon?: RenderIcon;
|
|
26
|
+
multiline?: boolean;
|
|
27
|
+
rows?: number;
|
|
28
|
+
maxRows?: number;
|
|
29
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
30
|
+
inputContainerStyle?: StyleProp<ViewStyle>;
|
|
31
|
+
}
|
|
32
|
+
declare const TextField: React.FC<TextFieldProps>;
|
|
33
|
+
export default TextField;
|
|
34
|
+
//# sourceMappingURL=TextField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextFields/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,cAAc,EAEd,SAAS,EACT,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAQtB,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;AAEvE,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,CAAC;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC5C;AAWD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0fvC,CAAC;AA6DF,eAAe,SAAS,CAAC"}
|