@ieu-ui/components 0.2.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/dist/IeuAccordion/IeuAccordion.d.ts +16 -0
- package/dist/IeuAccordion/IeuAccordion.d.ts.map +1 -0
- package/dist/IeuAccordion/IeuAccordion.js +91 -0
- package/dist/IeuAccordion/IeuAccordion.js.map +1 -0
- package/dist/IeuAccordion/index.d.ts +3 -0
- package/dist/IeuAccordion/index.d.ts.map +1 -0
- package/dist/IeuAccordion/index.js +6 -0
- package/dist/IeuAccordion/index.js.map +1 -0
- package/dist/IeuAlert/IeuAlert.d.ts +17 -0
- package/dist/IeuAlert/IeuAlert.d.ts.map +1 -0
- package/dist/IeuAlert/IeuAlert.js +90 -0
- package/dist/IeuAlert/IeuAlert.js.map +1 -0
- package/dist/IeuAlert/index.d.ts +3 -0
- package/dist/IeuAlert/index.d.ts.map +1 -0
- package/dist/IeuAlert/index.js +6 -0
- package/dist/IeuAlert/index.js.map +1 -0
- package/dist/IeuAvatar/IeuAvatar.d.ts +16 -0
- package/dist/IeuAvatar/IeuAvatar.d.ts.map +1 -0
- package/dist/IeuAvatar/IeuAvatar.js +69 -0
- package/dist/IeuAvatar/IeuAvatar.js.map +1 -0
- package/dist/IeuAvatar/index.d.ts +3 -0
- package/dist/IeuAvatar/index.d.ts.map +1 -0
- package/dist/IeuAvatar/index.js +6 -0
- package/dist/IeuAvatar/index.js.map +1 -0
- package/dist/IeuBadge/IeuBadge.d.ts +16 -0
- package/dist/IeuBadge/IeuBadge.d.ts.map +1 -0
- package/dist/IeuBadge/IeuBadge.js +73 -0
- package/dist/IeuBadge/IeuBadge.js.map +1 -0
- package/dist/IeuBadge/index.d.ts +3 -0
- package/dist/IeuBadge/index.d.ts.map +1 -0
- package/dist/IeuBadge/index.js +6 -0
- package/dist/IeuBadge/index.js.map +1 -0
- package/dist/IeuBottomSheet/IeuBottomSheet.d.ts +14 -0
- package/dist/IeuBottomSheet/IeuBottomSheet.d.ts.map +1 -0
- package/dist/IeuBottomSheet/IeuBottomSheet.js +156 -0
- package/dist/IeuBottomSheet/IeuBottomSheet.js.map +1 -0
- package/dist/IeuBottomSheet/index.d.ts +3 -0
- package/dist/IeuBottomSheet/index.d.ts.map +1 -0
- package/dist/IeuBottomSheet/index.js +6 -0
- package/dist/IeuBottomSheet/index.js.map +1 -0
- package/dist/IeuButton/IeuButton.d.ts +28 -0
- package/dist/IeuButton/IeuButton.d.ts.map +1 -0
- package/dist/IeuButton/IeuButton.js +126 -0
- package/dist/IeuButton/IeuButton.js.map +1 -0
- package/dist/IeuButton/index.d.ts +3 -0
- package/dist/IeuButton/index.d.ts.map +1 -0
- package/dist/IeuButton/index.js +6 -0
- package/dist/IeuButton/index.js.map +1 -0
- package/dist/IeuCard/IeuCard.d.ts +31 -0
- package/dist/IeuCard/IeuCard.d.ts.map +1 -0
- package/dist/IeuCard/IeuCard.js +47 -0
- package/dist/IeuCard/IeuCard.js.map +1 -0
- package/dist/IeuCard/index.d.ts +3 -0
- package/dist/IeuCard/index.d.ts.map +1 -0
- package/dist/IeuCard/index.js +6 -0
- package/dist/IeuCard/index.js.map +1 -0
- package/dist/IeuCenter/IeuCenter.d.ts +10 -0
- package/dist/IeuCenter/IeuCenter.d.ts.map +1 -0
- package/dist/IeuCenter/IeuCenter.js +22 -0
- package/dist/IeuCenter/IeuCenter.js.map +1 -0
- package/dist/IeuCenter/index.d.ts +2 -0
- package/dist/IeuCenter/index.d.ts.map +1 -0
- package/dist/IeuCenter/index.js +18 -0
- package/dist/IeuCenter/index.js.map +1 -0
- package/dist/IeuCheckbox/IeuCheckbox.d.ts +24 -0
- package/dist/IeuCheckbox/IeuCheckbox.d.ts.map +1 -0
- package/dist/IeuCheckbox/IeuCheckbox.js +113 -0
- package/dist/IeuCheckbox/IeuCheckbox.js.map +1 -0
- package/dist/IeuCheckbox/index.d.ts +3 -0
- package/dist/IeuCheckbox/index.d.ts.map +1 -0
- package/dist/IeuCheckbox/index.js +7 -0
- package/dist/IeuCheckbox/index.js.map +1 -0
- package/dist/IeuContainer/IeuContainer.d.ts +12 -0
- package/dist/IeuContainer/IeuContainer.d.ts.map +1 -0
- package/dist/IeuContainer/IeuContainer.js +26 -0
- package/dist/IeuContainer/IeuContainer.js.map +1 -0
- package/dist/IeuContainer/index.d.ts +2 -0
- package/dist/IeuContainer/index.d.ts.map +1 -0
- package/dist/IeuContainer/index.js +18 -0
- package/dist/IeuContainer/index.js.map +1 -0
- package/dist/IeuDialog/IeuDialog.d.ts +15 -0
- package/dist/IeuDialog/IeuDialog.d.ts.map +1 -0
- package/dist/IeuDialog/IeuDialog.js +38 -0
- package/dist/IeuDialog/IeuDialog.js.map +1 -0
- package/dist/IeuDialog/index.d.ts +2 -0
- package/dist/IeuDialog/index.d.ts.map +1 -0
- package/dist/IeuDialog/index.js +18 -0
- package/dist/IeuDialog/index.js.map +1 -0
- package/dist/IeuDivider/IeuDivider.d.ts +14 -0
- package/dist/IeuDivider/IeuDivider.d.ts.map +1 -0
- package/dist/IeuDivider/IeuDivider.js +36 -0
- package/dist/IeuDivider/IeuDivider.js.map +1 -0
- package/dist/IeuDivider/index.d.ts +3 -0
- package/dist/IeuDivider/index.d.ts.map +1 -0
- package/dist/IeuDivider/index.js +6 -0
- package/dist/IeuDivider/index.js.map +1 -0
- package/dist/IeuDrawer/IeuDrawer.d.ts +12 -0
- package/dist/IeuDrawer/IeuDrawer.d.ts.map +1 -0
- package/dist/IeuDrawer/IeuDrawer.js +112 -0
- package/dist/IeuDrawer/IeuDrawer.js.map +1 -0
- package/dist/IeuDrawer/index.d.ts +3 -0
- package/dist/IeuDrawer/index.d.ts.map +1 -0
- package/dist/IeuDrawer/index.js +6 -0
- package/dist/IeuDrawer/index.js.map +1 -0
- package/dist/IeuEmptyState/IeuEmptyState.d.ts +14 -0
- package/dist/IeuEmptyState/IeuEmptyState.d.ts.map +1 -0
- package/dist/IeuEmptyState/IeuEmptyState.js +37 -0
- package/dist/IeuEmptyState/IeuEmptyState.js.map +1 -0
- package/dist/IeuEmptyState/index.d.ts +3 -0
- package/dist/IeuEmptyState/index.d.ts.map +1 -0
- package/dist/IeuEmptyState/index.js +6 -0
- package/dist/IeuEmptyState/index.js.map +1 -0
- package/dist/IeuHeading/IeuHeading.d.ts +15 -0
- package/dist/IeuHeading/IeuHeading.d.ts.map +1 -0
- package/dist/IeuHeading/IeuHeading.js +57 -0
- package/dist/IeuHeading/IeuHeading.js.map +1 -0
- package/dist/IeuHeading/index.d.ts +2 -0
- package/dist/IeuHeading/index.d.ts.map +1 -0
- package/dist/IeuHeading/index.js +18 -0
- package/dist/IeuHeading/index.js.map +1 -0
- package/dist/IeuIconButton/IeuIconButton.d.ts +9 -0
- package/dist/IeuIconButton/IeuIconButton.d.ts.map +1 -0
- package/dist/IeuIconButton/IeuIconButton.js +42 -0
- package/dist/IeuIconButton/IeuIconButton.js.map +1 -0
- package/dist/IeuIconButton/index.d.ts +2 -0
- package/dist/IeuIconButton/index.d.ts.map +1 -0
- package/dist/IeuIconButton/index.js +18 -0
- package/dist/IeuIconButton/index.js.map +1 -0
- package/dist/IeuImage/IeuImage.d.ts +13 -0
- package/dist/IeuImage/IeuImage.d.ts.map +1 -0
- package/dist/IeuImage/IeuImage.js +73 -0
- package/dist/IeuImage/IeuImage.js.map +1 -0
- package/dist/IeuImage/index.d.ts +2 -0
- package/dist/IeuImage/index.d.ts.map +1 -0
- package/dist/IeuImage/index.js +18 -0
- package/dist/IeuImage/index.js.map +1 -0
- package/dist/IeuInput/IeuInput.d.ts +24 -0
- package/dist/IeuInput/IeuInput.d.ts.map +1 -0
- package/dist/IeuInput/IeuInput.js +121 -0
- package/dist/IeuInput/IeuInput.js.map +1 -0
- package/dist/IeuInput/index.d.ts +3 -0
- package/dist/IeuInput/index.d.ts.map +1 -0
- package/dist/IeuInput/index.js +6 -0
- package/dist/IeuInput/index.js.map +1 -0
- package/dist/IeuList/IeuList.d.ts +26 -0
- package/dist/IeuList/IeuList.d.ts.map +1 -0
- package/dist/IeuList/IeuList.js +52 -0
- package/dist/IeuList/IeuList.js.map +1 -0
- package/dist/IeuList/index.d.ts +3 -0
- package/dist/IeuList/index.d.ts.map +1 -0
- package/dist/IeuList/index.js +7 -0
- package/dist/IeuList/index.js.map +1 -0
- package/dist/IeuListItem/IeuListItem.d.ts +15 -0
- package/dist/IeuListItem/IeuListItem.d.ts.map +1 -0
- package/dist/IeuListItem/IeuListItem.js +46 -0
- package/dist/IeuListItem/IeuListItem.js.map +1 -0
- package/dist/IeuListItem/index.d.ts +2 -0
- package/dist/IeuListItem/index.d.ts.map +1 -0
- package/dist/IeuListItem/index.js +18 -0
- package/dist/IeuListItem/index.js.map +1 -0
- package/dist/IeuModal/IeuModal.d.ts +16 -0
- package/dist/IeuModal/IeuModal.d.ts.map +1 -0
- package/dist/IeuModal/IeuModal.js +91 -0
- package/dist/IeuModal/IeuModal.js.map +1 -0
- package/dist/IeuModal/index.d.ts +3 -0
- package/dist/IeuModal/index.d.ts.map +1 -0
- package/dist/IeuModal/index.js +6 -0
- package/dist/IeuModal/index.js.map +1 -0
- package/dist/IeuProgress/IeuProgress.d.ts +18 -0
- package/dist/IeuProgress/IeuProgress.d.ts.map +1 -0
- package/dist/IeuProgress/IeuProgress.js +67 -0
- package/dist/IeuProgress/IeuProgress.js.map +1 -0
- package/dist/IeuProgress/index.d.ts +3 -0
- package/dist/IeuProgress/index.d.ts.map +1 -0
- package/dist/IeuProgress/index.js +6 -0
- package/dist/IeuProgress/index.js.map +1 -0
- package/dist/IeuRadio/IeuRadio.d.ts +24 -0
- package/dist/IeuRadio/IeuRadio.d.ts.map +1 -0
- package/dist/IeuRadio/IeuRadio.js +71 -0
- package/dist/IeuRadio/IeuRadio.js.map +1 -0
- package/dist/IeuRadio/index.d.ts +3 -0
- package/dist/IeuRadio/index.d.ts.map +1 -0
- package/dist/IeuRadio/index.js +7 -0
- package/dist/IeuRadio/index.js.map +1 -0
- package/dist/IeuSelect/IeuSelect.d.ts +24 -0
- package/dist/IeuSelect/IeuSelect.d.ts.map +1 -0
- package/dist/IeuSelect/IeuSelect.js +125 -0
- package/dist/IeuSelect/IeuSelect.js.map +1 -0
- package/dist/IeuSelect/index.d.ts +3 -0
- package/dist/IeuSelect/index.d.ts.map +1 -0
- package/dist/IeuSelect/index.js +6 -0
- package/dist/IeuSelect/index.js.map +1 -0
- package/dist/IeuSkeleton/IeuSkeleton.d.ts +19 -0
- package/dist/IeuSkeleton/IeuSkeleton.d.ts.map +1 -0
- package/dist/IeuSkeleton/IeuSkeleton.js +97 -0
- package/dist/IeuSkeleton/IeuSkeleton.js.map +1 -0
- package/dist/IeuSkeleton/index.d.ts +3 -0
- package/dist/IeuSkeleton/index.d.ts.map +1 -0
- package/dist/IeuSkeleton/index.js +7 -0
- package/dist/IeuSkeleton/index.js.map +1 -0
- package/dist/IeuSlider/IeuSlider.d.ts +18 -0
- package/dist/IeuSlider/IeuSlider.d.ts.map +1 -0
- package/dist/IeuSlider/IeuSlider.js +116 -0
- package/dist/IeuSlider/IeuSlider.js.map +1 -0
- package/dist/IeuSlider/index.d.ts +3 -0
- package/dist/IeuSlider/index.d.ts.map +1 -0
- package/dist/IeuSlider/index.js +6 -0
- package/dist/IeuSlider/index.js.map +1 -0
- package/dist/IeuSpacer/IeuSpacer.d.ts +11 -0
- package/dist/IeuSpacer/IeuSpacer.d.ts.map +1 -0
- package/dist/IeuSpacer/IeuSpacer.js +24 -0
- package/dist/IeuSpacer/IeuSpacer.js.map +1 -0
- package/dist/IeuSpacer/index.d.ts +2 -0
- package/dist/IeuSpacer/index.d.ts.map +1 -0
- package/dist/IeuSpacer/index.js +18 -0
- package/dist/IeuSpacer/index.js.map +1 -0
- package/dist/IeuSpinner/IeuSpinner.d.ts +13 -0
- package/dist/IeuSpinner/IeuSpinner.d.ts.map +1 -0
- package/dist/IeuSpinner/IeuSpinner.js +43 -0
- package/dist/IeuSpinner/IeuSpinner.js.map +1 -0
- package/dist/IeuSpinner/index.d.ts +3 -0
- package/dist/IeuSpinner/index.d.ts.map +1 -0
- package/dist/IeuSpinner/index.js +6 -0
- package/dist/IeuSpinner/index.js.map +1 -0
- package/dist/IeuStack/IeuStack.d.ts +19 -0
- package/dist/IeuStack/IeuStack.d.ts.map +1 -0
- package/dist/IeuStack/IeuStack.js +27 -0
- package/dist/IeuStack/IeuStack.js.map +1 -0
- package/dist/IeuStack/index.d.ts +3 -0
- package/dist/IeuStack/index.d.ts.map +1 -0
- package/dist/IeuStack/index.js +6 -0
- package/dist/IeuStack/index.js.map +1 -0
- package/dist/IeuSwitch/IeuSwitch.d.ts +14 -0
- package/dist/IeuSwitch/IeuSwitch.d.ts.map +1 -0
- package/dist/IeuSwitch/IeuSwitch.js +56 -0
- package/dist/IeuSwitch/IeuSwitch.js.map +1 -0
- package/dist/IeuSwitch/index.d.ts +3 -0
- package/dist/IeuSwitch/index.d.ts.map +1 -0
- package/dist/IeuSwitch/index.js +6 -0
- package/dist/IeuSwitch/index.js.map +1 -0
- package/dist/IeuTabs/IeuTabs.d.ts +17 -0
- package/dist/IeuTabs/IeuTabs.d.ts.map +1 -0
- package/dist/IeuTabs/IeuTabs.js +84 -0
- package/dist/IeuTabs/IeuTabs.js.map +1 -0
- package/dist/IeuTabs/index.d.ts +3 -0
- package/dist/IeuTabs/index.d.ts.map +1 -0
- package/dist/IeuTabs/index.js +6 -0
- package/dist/IeuTabs/index.js.map +1 -0
- package/dist/IeuTag/IeuTag.d.ts +19 -0
- package/dist/IeuTag/IeuTag.d.ts.map +1 -0
- package/dist/IeuTag/IeuTag.js +90 -0
- package/dist/IeuTag/IeuTag.js.map +1 -0
- package/dist/IeuTag/index.d.ts +2 -0
- package/dist/IeuTag/index.d.ts.map +1 -0
- package/dist/IeuTag/index.js +18 -0
- package/dist/IeuTag/index.js.map +1 -0
- package/dist/IeuText/IeuText.d.ts +19 -0
- package/dist/IeuText/IeuText.d.ts.map +1 -0
- package/dist/IeuText/IeuText.js +32 -0
- package/dist/IeuText/IeuText.js.map +1 -0
- package/dist/IeuText/index.d.ts +3 -0
- package/dist/IeuText/index.d.ts.map +1 -0
- package/dist/IeuText/index.js +6 -0
- package/dist/IeuText/index.js.map +1 -0
- package/dist/IeuTextarea/IeuTextarea.d.ts +21 -0
- package/dist/IeuTextarea/IeuTextarea.d.ts.map +1 -0
- package/dist/IeuTextarea/IeuTextarea.js +112 -0
- package/dist/IeuTextarea/IeuTextarea.js.map +1 -0
- package/dist/IeuTextarea/index.d.ts +3 -0
- package/dist/IeuTextarea/index.d.ts.map +1 -0
- package/dist/IeuTextarea/index.js +6 -0
- package/dist/IeuTextarea/index.js.map +1 -0
- package/dist/IeuToast/IeuToast.d.ts +26 -0
- package/dist/IeuToast/IeuToast.d.ts.map +1 -0
- package/dist/IeuToast/IeuToast.js +200 -0
- package/dist/IeuToast/IeuToast.js.map +1 -0
- package/dist/IeuToast/index.d.ts +3 -0
- package/dist/IeuToast/index.d.ts.map +1 -0
- package/dist/IeuToast/index.js +8 -0
- package/dist/IeuToast/index.js.map +1 -0
- package/dist/IeuView/IeuView.d.ts +53 -0
- package/dist/IeuView/IeuView.d.ts.map +1 -0
- package/dist/IeuView/IeuView.js +19 -0
- package/dist/IeuView/IeuView.js.map +1 -0
- package/dist/IeuView/index.d.ts +3 -0
- package/dist/IeuView/index.d.ts.map +1 -0
- package/dist/IeuView/index.js +6 -0
- package/dist/IeuView/index.js.map +1 -0
- package/dist/index.d.ts +73 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +78 -0
- package/dist/index.js.map +1 -0
- package/package.json +35 -0
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IeuSelect = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const react_native_1 = require("react-native");
|
|
39
|
+
const core_1 = require("@ieu-ui/core");
|
|
40
|
+
const IeuText_1 = require("../IeuText");
|
|
41
|
+
const IeuSelect = ({ options, value, onChange, placeholder = 'Select an option', size = 'md', variant = 'outline', colorScheme = 'primary', disabled = false, errorMessage, containerStyle, fullWidth = false, }) => {
|
|
42
|
+
const { theme } = (0, core_1.useTheme)();
|
|
43
|
+
const { colors, componentSizes, spacing, borderRadius } = theme;
|
|
44
|
+
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
45
|
+
const sizeConfig = componentSizes[size];
|
|
46
|
+
const selectedOption = options.find((opt) => opt.value === value);
|
|
47
|
+
const getBorderColor = (0, react_1.useCallback)(() => {
|
|
48
|
+
if (errorMessage)
|
|
49
|
+
return colors.error[500];
|
|
50
|
+
if (isOpen)
|
|
51
|
+
return colors[colorScheme][500];
|
|
52
|
+
return colors.border.default;
|
|
53
|
+
}, [errorMessage, isOpen, colorScheme, colors]);
|
|
54
|
+
const getBackgroundColor = () => {
|
|
55
|
+
if (variant === 'filled')
|
|
56
|
+
return colors.gray[100];
|
|
57
|
+
return colors.background;
|
|
58
|
+
};
|
|
59
|
+
const containerStyleFinal = {
|
|
60
|
+
flexDirection: 'row',
|
|
61
|
+
alignItems: 'center',
|
|
62
|
+
justifyContent: 'space-between',
|
|
63
|
+
height: sizeConfig.height,
|
|
64
|
+
paddingHorizontal: sizeConfig.paddingHorizontal,
|
|
65
|
+
borderWidth: variant === 'outline' ? 1 : 0,
|
|
66
|
+
borderColor: getBorderColor(),
|
|
67
|
+
backgroundColor: getBackgroundColor(),
|
|
68
|
+
borderRadius: sizeConfig.borderRadius,
|
|
69
|
+
width: fullWidth ? '100%' : undefined,
|
|
70
|
+
opacity: disabled ? 0.6 : 1,
|
|
71
|
+
};
|
|
72
|
+
const handleSelect = (option) => {
|
|
73
|
+
if (!option.disabled) {
|
|
74
|
+
onChange?.(option.value);
|
|
75
|
+
setIsOpen(false);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
const renderOption = ({ item }) => (<react_native_1.TouchableOpacity onPress={() => handleSelect(item)} disabled={item.disabled} style={[
|
|
79
|
+
{
|
|
80
|
+
paddingVertical: spacing[3],
|
|
81
|
+
paddingHorizontal: spacing[4],
|
|
82
|
+
backgroundColor: item.value === value ? colors.primary[50] : 'transparent',
|
|
83
|
+
},
|
|
84
|
+
item.disabled && { opacity: 0.5 },
|
|
85
|
+
]}>
|
|
86
|
+
<IeuText_1.IeuText style={{
|
|
87
|
+
color: item.value === value ? colors.primary[600] : colors.text.primary,
|
|
88
|
+
fontWeight: item.value === value ? '600' : '400',
|
|
89
|
+
}}>
|
|
90
|
+
{item.label}
|
|
91
|
+
</IeuText_1.IeuText>
|
|
92
|
+
</react_native_1.TouchableOpacity>);
|
|
93
|
+
return (<react_native_1.View style={fullWidth ? { width: '100%' } : undefined}>
|
|
94
|
+
<react_native_1.TouchableOpacity style={[containerStyleFinal, containerStyle]} onPress={() => !disabled && setIsOpen(true)} disabled={disabled}>
|
|
95
|
+
<IeuText_1.IeuText style={{
|
|
96
|
+
color: selectedOption ? colors.text.primary : colors.text.muted,
|
|
97
|
+
fontSize: sizeConfig.fontSize,
|
|
98
|
+
}}>
|
|
99
|
+
{selectedOption?.label || placeholder}
|
|
100
|
+
</IeuText_1.IeuText>
|
|
101
|
+
<IeuText_1.IeuText style={{ color: colors.text.muted }}>▼</IeuText_1.IeuText>
|
|
102
|
+
</react_native_1.TouchableOpacity>
|
|
103
|
+
|
|
104
|
+
{errorMessage && (<IeuText_1.IeuText variant="caption" style={{ color: colors.error[500], marginTop: 4 }}>
|
|
105
|
+
{errorMessage}
|
|
106
|
+
</IeuText_1.IeuText>)}
|
|
107
|
+
|
|
108
|
+
<react_native_1.Modal visible={isOpen} transparent animationType="fade">
|
|
109
|
+
<react_native_1.Pressable style={{ flex: 1, backgroundColor: 'rgba(0,0,0,0.5)' }} onPress={() => setIsOpen(false)}>
|
|
110
|
+
<react_native_1.View style={{ flex: 1, justifyContent: 'center', padding: spacing[4] }}>
|
|
111
|
+
<react_native_1.View style={{
|
|
112
|
+
backgroundColor: colors.surfaceElevated,
|
|
113
|
+
borderRadius: borderRadius.lg,
|
|
114
|
+
maxHeight: 300,
|
|
115
|
+
}}>
|
|
116
|
+
<react_native_1.FlatList data={options} renderItem={renderOption} keyExtractor={(item) => item.value} ItemSeparatorComponent={() => <react_native_1.View style={{ height: 1, backgroundColor: colors.border.muted }}/>}/>
|
|
117
|
+
</react_native_1.View>
|
|
118
|
+
</react_native_1.View>
|
|
119
|
+
</react_native_1.Pressable>
|
|
120
|
+
</react_native_1.Modal>
|
|
121
|
+
</react_native_1.View>);
|
|
122
|
+
};
|
|
123
|
+
exports.IeuSelect = IeuSelect;
|
|
124
|
+
exports.default = exports.IeuSelect;
|
|
125
|
+
//# sourceMappingURL=IeuSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuSelect.js","sourceRoot":"","sources":["../../src/IeuSelect/IeuSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IeuSelect = void 0;
|
|
4
|
+
var IeuSelect_1 = require("./IeuSelect");
|
|
5
|
+
Object.defineProperty(exports, "IeuSelect", { enumerable: true, get: function () { return IeuSelect_1.IeuSelect; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IeuSelect/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export type SkeletonVariant = 'circle' | 'rect' | 'text';
|
|
4
|
+
export interface IeuSkeletonProps {
|
|
5
|
+
width?: number | string;
|
|
6
|
+
height?: number;
|
|
7
|
+
variant?: SkeletonVariant;
|
|
8
|
+
style?: StyleProp<ViewStyle>;
|
|
9
|
+
isLoaded?: boolean;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const IeuSkeleton: ({ width, height, variant, style, isLoaded, children, }: IeuSkeletonProps) => React.JSX.Element;
|
|
13
|
+
export interface IeuSkeletonGroupProps {
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
isLoaded?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare const IeuSkeletonGroup: React.FC<IeuSkeletonGroupProps>;
|
|
18
|
+
export default IeuSkeleton;
|
|
19
|
+
//# sourceMappingURL=IeuSkeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuSkeleton.d.ts","sourceRoot":"","sources":["../../src/IeuSkeleton/IeuSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AAG/E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,GAAI,wDAOzB,gBAAgB,sBA2DlB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAS5D,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IeuSkeletonGroup = exports.IeuSkeleton = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const react_native_1 = require("react-native");
|
|
39
|
+
const core_1 = require("@ieu-ui/core");
|
|
40
|
+
const IeuSkeleton = ({ width, height, variant = 'rect', style, isLoaded = false, children, }) => {
|
|
41
|
+
const { theme } = (0, core_1.useTheme)();
|
|
42
|
+
const { colors, borderRadius } = theme;
|
|
43
|
+
const animatedValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
|
|
44
|
+
(0, react_1.useEffect)(() => {
|
|
45
|
+
const animation = react_native_1.Animated.loop(react_native_1.Animated.sequence([
|
|
46
|
+
react_native_1.Animated.timing(animatedValue, {
|
|
47
|
+
toValue: 1,
|
|
48
|
+
duration: 1000,
|
|
49
|
+
useNativeDriver: true,
|
|
50
|
+
}),
|
|
51
|
+
react_native_1.Animated.timing(animatedValue, {
|
|
52
|
+
toValue: 0,
|
|
53
|
+
duration: 1000,
|
|
54
|
+
useNativeDriver: true,
|
|
55
|
+
}),
|
|
56
|
+
]));
|
|
57
|
+
animation.start();
|
|
58
|
+
return () => animation.stop();
|
|
59
|
+
}, [animatedValue]);
|
|
60
|
+
const opacity = animatedValue.interpolate({
|
|
61
|
+
inputRange: [0, 1],
|
|
62
|
+
outputRange: [0.3, 0.7],
|
|
63
|
+
});
|
|
64
|
+
if (isLoaded) {
|
|
65
|
+
return <>{children}</>;
|
|
66
|
+
}
|
|
67
|
+
const getBorderRadius = () => {
|
|
68
|
+
switch (variant) {
|
|
69
|
+
case 'circle':
|
|
70
|
+
return (typeof width === 'number' ? width : 50) / 2;
|
|
71
|
+
case 'text':
|
|
72
|
+
return borderRadius.sm;
|
|
73
|
+
default:
|
|
74
|
+
return borderRadius.md;
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
return (<react_native_1.Animated.View style={[
|
|
78
|
+
{
|
|
79
|
+
width: (width || (variant === 'text' ? '100%' : '100%')),
|
|
80
|
+
height: (height || (variant === 'text' ? 16 : 20)),
|
|
81
|
+
borderRadius: getBorderRadius(),
|
|
82
|
+
backgroundColor: colors.gray[200],
|
|
83
|
+
opacity,
|
|
84
|
+
},
|
|
85
|
+
style,
|
|
86
|
+
]}/>);
|
|
87
|
+
};
|
|
88
|
+
exports.IeuSkeleton = IeuSkeleton;
|
|
89
|
+
const IeuSkeletonGroup = ({ children, isLoaded = false, }) => {
|
|
90
|
+
if (isLoaded) {
|
|
91
|
+
return <>{children}</>;
|
|
92
|
+
}
|
|
93
|
+
return <>{children}</>;
|
|
94
|
+
};
|
|
95
|
+
exports.IeuSkeletonGroup = IeuSkeletonGroup;
|
|
96
|
+
exports.default = exports.IeuSkeleton;
|
|
97
|
+
//# sourceMappingURL=IeuSkeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuSkeleton.js","sourceRoot":"","sources":["../../src/IeuSkeleton/IeuSkeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuSkeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IeuSkeletonGroup = exports.IeuSkeleton = void 0;
|
|
4
|
+
var IeuSkeleton_1 = require("./IeuSkeleton");
|
|
5
|
+
Object.defineProperty(exports, "IeuSkeleton", { enumerable: true, get: function () { return IeuSkeleton_1.IeuSkeleton; } });
|
|
6
|
+
Object.defineProperty(exports, "IeuSkeletonGroup", { enumerable: true, get: function () { return IeuSkeleton_1.IeuSkeletonGroup; } });
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IeuSkeleton/index.ts"],"names":[],"mappings":";;;AAAA,6CAA8D;AAArD,0GAAA,WAAW,OAAA;AAAE,+GAAA,gBAAgB,OAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export type SliderSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export interface IeuSliderProps {
|
|
5
|
+
value?: number;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
step?: number;
|
|
9
|
+
onChange?: (value: number) => void;
|
|
10
|
+
size?: SliderSize;
|
|
11
|
+
colorScheme?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
showValue?: boolean;
|
|
14
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
15
|
+
}
|
|
16
|
+
export declare const IeuSlider: ({ value: valueProp, min, max, step, onChange, size, colorScheme, disabled, showValue, containerStyle, }: IeuSliderProps) => React.JSX.Element;
|
|
17
|
+
export default IeuSlider;
|
|
18
|
+
//# sourceMappingURL=IeuSlider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuSlider.d.ts","sourceRoot":"","sources":["../../src/IeuSlider/IeuSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAqC,MAAM,cAAc,CAAC;AAI7F,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAQD,eAAO,MAAM,SAAS,GAAI,yGAWvB,cAAc,sBA6FhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IeuSlider = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const react_native_1 = require("react-native");
|
|
39
|
+
const core_1 = require("@ieu-ui/core");
|
|
40
|
+
const IeuText_1 = require("../IeuText");
|
|
41
|
+
const sizeMap = {
|
|
42
|
+
sm: { height: 4, thumbSize: 16 },
|
|
43
|
+
md: { height: 6, thumbSize: 20 },
|
|
44
|
+
lg: { height: 8, thumbSize: 24 },
|
|
45
|
+
};
|
|
46
|
+
const IeuSlider = ({ value: valueProp = 0, min = 0, max = 100, step = 1, onChange, size = 'md', colorScheme = 'primary', disabled = false, showValue = false, containerStyle, }) => {
|
|
47
|
+
const { theme } = (0, core_1.useTheme)();
|
|
48
|
+
const { colors, spacing, borderRadius } = theme;
|
|
49
|
+
const sizeConfig = sizeMap[size];
|
|
50
|
+
const [value, setValue] = (0, react_1.useState)(valueProp);
|
|
51
|
+
const calculateValue = (pageX, containerWidth, containerX) => {
|
|
52
|
+
const ratio = Math.max(0, Math.min(1, (pageX - containerX) / containerWidth));
|
|
53
|
+
const rawValue = min + ratio * (max - min);
|
|
54
|
+
const steppedValue = Math.round(rawValue / step) * step;
|
|
55
|
+
return Math.max(min, Math.min(max, steppedValue));
|
|
56
|
+
};
|
|
57
|
+
const panResponder = react_native_1.PanResponder.create({
|
|
58
|
+
onStartShouldSetPanResponder: () => !disabled,
|
|
59
|
+
onMoveShouldSetPanResponder: () => !disabled,
|
|
60
|
+
onPanResponderGrant: (evt) => {
|
|
61
|
+
const newValue = calculateValue(evt.nativeEvent.pageX, 200, 0);
|
|
62
|
+
setValue(newValue);
|
|
63
|
+
onChange?.(newValue);
|
|
64
|
+
},
|
|
65
|
+
onPanResponderMove: (evt) => {
|
|
66
|
+
const newValue = calculateValue(evt.nativeEvent.pageX, 200, 0);
|
|
67
|
+
setValue(newValue);
|
|
68
|
+
onChange?.(newValue);
|
|
69
|
+
},
|
|
70
|
+
});
|
|
71
|
+
const percentage = ((value - min) / (max - min)) * 100;
|
|
72
|
+
return (<react_native_1.View style={[{ flexDirection: 'row', alignItems: 'center' }, containerStyle]}>
|
|
73
|
+
<react_native_1.View style={{
|
|
74
|
+
flex: 1,
|
|
75
|
+
height: sizeConfig.height,
|
|
76
|
+
backgroundColor: colors.gray[200],
|
|
77
|
+
borderRadius: borderRadius.full,
|
|
78
|
+
justifyContent: 'center',
|
|
79
|
+
}} {...panResponder.panHandlers}>
|
|
80
|
+
<react_native_1.View style={{
|
|
81
|
+
position: 'absolute',
|
|
82
|
+
left: 0,
|
|
83
|
+
height: sizeConfig.height,
|
|
84
|
+
width: `${percentage}%`,
|
|
85
|
+
backgroundColor: disabled ? colors.gray[400] : colors[colorScheme][500],
|
|
86
|
+
borderRadius: borderRadius.full,
|
|
87
|
+
}}/>
|
|
88
|
+
</react_native_1.View>
|
|
89
|
+
<react_native_1.View style={{
|
|
90
|
+
position: 'absolute',
|
|
91
|
+
left: `${percentage}%`,
|
|
92
|
+
marginLeft: -sizeConfig.thumbSize / 2,
|
|
93
|
+
width: sizeConfig.thumbSize,
|
|
94
|
+
height: sizeConfig.thumbSize,
|
|
95
|
+
borderRadius: sizeConfig.thumbSize / 2,
|
|
96
|
+
backgroundColor: disabled ? colors.gray[400] : colors[colorScheme][500],
|
|
97
|
+
shadowColor: '#000',
|
|
98
|
+
shadowOffset: { width: 0, height: 2 },
|
|
99
|
+
shadowOpacity: 0.25,
|
|
100
|
+
shadowRadius: 4,
|
|
101
|
+
elevation: 4,
|
|
102
|
+
}}/>
|
|
103
|
+
{showValue && (<IeuText_1.IeuText style={{
|
|
104
|
+
marginLeft: spacing[2],
|
|
105
|
+
fontSize: size === 'sm' ? 10 : 12,
|
|
106
|
+
color: colors.text.secondary,
|
|
107
|
+
minWidth: 30,
|
|
108
|
+
textAlign: 'right',
|
|
109
|
+
}}>
|
|
110
|
+
{value}
|
|
111
|
+
</IeuText_1.IeuText>)}
|
|
112
|
+
</react_native_1.View>);
|
|
113
|
+
};
|
|
114
|
+
exports.IeuSlider = IeuSlider;
|
|
115
|
+
exports.default = exports.IeuSlider;
|
|
116
|
+
//# sourceMappingURL=IeuSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuSlider.js","sourceRoot":"","sources":["../../src/IeuSlider/IeuSlider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IeuSlider = void 0;
|
|
4
|
+
var IeuSlider_1 = require("./IeuSlider");
|
|
5
|
+
Object.defineProperty(exports, "IeuSlider", { enumerable: true, get: function () { return IeuSlider_1.IeuSlider; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IeuSlider/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View, ViewStyle, StyleProp } from 'react-native';
|
|
3
|
+
export interface IeuSpacerProps {
|
|
4
|
+
size?: number;
|
|
5
|
+
axis?: 'horizontal' | 'vertical';
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
7
|
+
ref?: React.Ref<View>;
|
|
8
|
+
}
|
|
9
|
+
export declare const IeuSpacer: ({ size, axis, style, ref, ...props }: IeuSpacerProps) => React.JSX.Element;
|
|
10
|
+
export default IeuSpacer;
|
|
11
|
+
//# sourceMappingURL=IeuSpacer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuSpacer.d.ts","sourceRoot":"","sources":["../../src/IeuSpacer/IeuSpacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,GAAI,sCAMvB,cAAc,sBAmBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.IeuSpacer = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_native_1 = require("react-native");
|
|
9
|
+
const core_1 = require("@ieu-ui/core");
|
|
10
|
+
const IeuSpacer = ({ size = 4, axis = 'vertical', style, ref, ...props }) => {
|
|
11
|
+
const { theme } = (0, core_1.useTheme)();
|
|
12
|
+
// Use theme spacing multiplier
|
|
13
|
+
const spacingValue = theme.spacing[size] ?? (size * 4);
|
|
14
|
+
return (<react_native_1.View ref={ref} style={[
|
|
15
|
+
{
|
|
16
|
+
width: axis === 'horizontal' ? spacingValue : undefined,
|
|
17
|
+
height: axis === 'vertical' ? spacingValue : undefined,
|
|
18
|
+
},
|
|
19
|
+
style,
|
|
20
|
+
]} {...props}/>);
|
|
21
|
+
};
|
|
22
|
+
exports.IeuSpacer = IeuSpacer;
|
|
23
|
+
exports.default = exports.IeuSpacer;
|
|
24
|
+
//# sourceMappingURL=IeuSpacer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuSpacer.js","sourceRoot":"","sources":["../../src/IeuSpacer/IeuSpacer.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA0D;AAC1D,uCAAwC;AASjC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,GAAG,CAAC,EACR,IAAI,GAAG,UAAU,EACjB,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAE7B,+BAA+B;IAC/B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,IAAkC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IAErF,OAAO,CACL,CAAC,mBAAI,CACH,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC;YACL;gBACE,KAAK,EAAE,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;gBACvD,MAAM,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;aACvD;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,SAAS,aAyBpB;AAEF,kBAAe,iBAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuSpacer/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./IeuSpacer"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IeuSpacer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
export type ColorScheme = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'gray';
|
|
5
|
+
export interface IeuSpinnerProps {
|
|
6
|
+
size?: SpinnerSize;
|
|
7
|
+
colorScheme?: ColorScheme;
|
|
8
|
+
speed?: 'slow' | 'normal' | 'fast';
|
|
9
|
+
style?: StyleProp<ViewStyle>;
|
|
10
|
+
}
|
|
11
|
+
export declare const IeuSpinner: ({ size, colorScheme, speed, style, }: IeuSpinnerProps) => React.JSX.Element;
|
|
12
|
+
export default IeuSpinner;
|
|
13
|
+
//# sourceMappingURL=IeuSpinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuSpinner.d.ts","sourceRoot":"","sources":["../../src/IeuSpinner/IeuSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAGpE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtG,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAgBD,eAAO,MAAM,UAAU,GAAI,sCAKxB,eAAe,sBAwBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.IeuSpinner = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_native_1 = require("react-native");
|
|
9
|
+
const core_1 = require("@ieu-ui/core");
|
|
10
|
+
const sizeMap = {
|
|
11
|
+
xs: 16,
|
|
12
|
+
sm: 24,
|
|
13
|
+
md: 32,
|
|
14
|
+
lg: 40,
|
|
15
|
+
xl: 56,
|
|
16
|
+
};
|
|
17
|
+
const speedMap = {
|
|
18
|
+
slow: 1500,
|
|
19
|
+
normal: 1000,
|
|
20
|
+
fast: 600,
|
|
21
|
+
};
|
|
22
|
+
const IeuSpinner = ({ size = 'md', colorScheme = 'primary', speed = 'normal', style, }) => {
|
|
23
|
+
const { theme } = (0, core_1.useTheme)();
|
|
24
|
+
const { colors } = theme;
|
|
25
|
+
const spinnerSize = sizeMap[size];
|
|
26
|
+
const duration = speedMap[speed];
|
|
27
|
+
const color = colors[colorScheme][500];
|
|
28
|
+
return (<react_native_1.View style={[
|
|
29
|
+
{
|
|
30
|
+
width: spinnerSize,
|
|
31
|
+
height: spinnerSize,
|
|
32
|
+
borderRadius: spinnerSize / 2,
|
|
33
|
+
borderWidth: spinnerSize / 8,
|
|
34
|
+
borderColor: color,
|
|
35
|
+
borderTopColor: 'transparent',
|
|
36
|
+
borderRightColor: 'transparent',
|
|
37
|
+
},
|
|
38
|
+
style,
|
|
39
|
+
]}/>);
|
|
40
|
+
};
|
|
41
|
+
exports.IeuSpinner = IeuSpinner;
|
|
42
|
+
exports.default = exports.IeuSpinner;
|
|
43
|
+
//# sourceMappingURL=IeuSpinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuSpinner.js","sourceRoot":"","sources":["../../src/IeuSpinner/IeuSpinner.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAoE;AACpE,uCAAwC;AAYxC,MAAM,OAAO,GAAgC;IAC3C,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,QAAQ,GAA2B;IACvC,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,GAAG;CACV,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,KAAK,GAAG,QAAQ,EAChB,KAAK,GACW,EAAE,EAAE;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvC,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL;gBACE,KAAK,EAAE,WAAW;gBAClB,MAAM,EAAE,WAAW;gBACnB,YAAY,EAAE,WAAW,GAAG,CAAC;gBAC7B,WAAW,EAAE,WAAW,GAAG,CAAC;gBAC5B,WAAW,EAAE,KAAK;gBAClB,cAAc,EAAE,aAAa;gBAC7B,gBAAgB,EAAE,aAAa;aAChC;YACD,KAAK;SACN,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,UAAU,cA6BrB;AAEF,kBAAe,kBAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuSpinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IeuSpinner = void 0;
|
|
4
|
+
var IeuSpinner_1 = require("./IeuSpinner");
|
|
5
|
+
Object.defineProperty(exports, "IeuSpinner", { enumerable: true, get: function () { return IeuSpinner_1.IeuSpinner; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|