@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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuEmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IeuEmptyState = void 0;
|
|
4
|
+
var IeuEmptyState_1 = require("./IeuEmptyState");
|
|
5
|
+
Object.defineProperty(exports, "IeuEmptyState", { enumerable: true, get: function () { return IeuEmptyState_1.IeuEmptyState; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IeuEmptyState/index.ts"],"names":[],"mappings":";;;AAAA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
|
|
3
|
+
export type HeadingVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
4
|
+
export interface IeuHeadingProps extends Omit<TextProps, 'style'> {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
variant?: HeadingVariant;
|
|
7
|
+
color?: string;
|
|
8
|
+
align?: 'auto' | 'left' | 'right' | 'center' | 'justify';
|
|
9
|
+
noOfLines?: number;
|
|
10
|
+
style?: StyleProp<TextStyle>;
|
|
11
|
+
ref?: React.Ref<Text>;
|
|
12
|
+
}
|
|
13
|
+
export declare const IeuHeading: ({ children, variant, color, align, noOfLines, style, ref, ...props }: IeuHeadingProps) => React.JSX.Element;
|
|
14
|
+
export default IeuHeading;
|
|
15
|
+
//# sourceMappingURL=IeuHeading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuHeading.d.ts","sourceRoot":"","sources":["../../src/IeuHeading/IeuHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGrE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,GAAI,sEASxB,eAAe,sBAsDjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
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.IeuHeading = 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 IeuHeading = ({ children, variant = 'h1', color, align = 'auto', noOfLines, style, ref, ...props }) => {
|
|
11
|
+
const { theme } = (0, core_1.useTheme)();
|
|
12
|
+
// Map variant to typography styles defined in the theme
|
|
13
|
+
const typographyStyle = theme.textVariants?.[variant] || {
|
|
14
|
+
fontSize: variant === 'h1'
|
|
15
|
+
? 60
|
|
16
|
+
: variant === 'h2'
|
|
17
|
+
? 48
|
|
18
|
+
: variant === 'h3'
|
|
19
|
+
? 36
|
|
20
|
+
: variant === 'h4'
|
|
21
|
+
? 30
|
|
22
|
+
: variant === 'h5'
|
|
23
|
+
? 24
|
|
24
|
+
: 20,
|
|
25
|
+
fontWeight: '600',
|
|
26
|
+
lineHeight: variant === 'h1'
|
|
27
|
+
? 72
|
|
28
|
+
: variant === 'h2'
|
|
29
|
+
? 60
|
|
30
|
+
: variant === 'h3'
|
|
31
|
+
? 44
|
|
32
|
+
: variant === 'h4'
|
|
33
|
+
? 38
|
|
34
|
+
: variant === 'h5'
|
|
35
|
+
? 32
|
|
36
|
+
: 28,
|
|
37
|
+
letterSpacing: -0.025,
|
|
38
|
+
};
|
|
39
|
+
return (<react_native_1.Text ref={ref} numberOfLines={noOfLines} style={[
|
|
40
|
+
{
|
|
41
|
+
fontSize: typographyStyle.fontSize,
|
|
42
|
+
fontWeight: typographyStyle.fontWeight,
|
|
43
|
+
lineHeight: typographyStyle.lineHeight,
|
|
44
|
+
letterSpacing: typographyStyle.letterSpacing
|
|
45
|
+
? parseFloat(typographyStyle.letterSpacing)
|
|
46
|
+
: undefined,
|
|
47
|
+
color: color || theme.colors.text.primary,
|
|
48
|
+
textAlign: align,
|
|
49
|
+
},
|
|
50
|
+
style,
|
|
51
|
+
]} {...props}>
|
|
52
|
+
{children}
|
|
53
|
+
</react_native_1.Text>);
|
|
54
|
+
};
|
|
55
|
+
exports.IeuHeading = IeuHeading;
|
|
56
|
+
exports.default = exports.IeuHeading;
|
|
57
|
+
//# sourceMappingURL=IeuHeading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuHeading.js","sourceRoot":"","sources":["../../src/IeuHeading/IeuHeading.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAqE;AACrE,uCAAwC;AAcjC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,KAAK,EACL,KAAK,GAAG,MAAM,EACd,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAE7B,wDAAwD;IACxD,MAAM,eAAe,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,IAAI;QACvD,QAAQ,EACN,OAAO,KAAK,IAAI;YACd,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,OAAO,KAAK,IAAI;gBAChB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,OAAO,KAAK,IAAI;oBAChB,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,OAAO,KAAK,IAAI;wBAChB,CAAC,CAAC,EAAE;wBACJ,CAAC,CAAC,OAAO,KAAK,IAAI;4BAChB,CAAC,CAAC,EAAE;4BACJ,CAAC,CAAC,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EACR,OAAO,KAAK,IAAI;YACd,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,OAAO,KAAK,IAAI;gBAChB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,OAAO,KAAK,IAAI;oBAChB,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,OAAO,KAAK,IAAI;wBAChB,CAAC,CAAC,EAAE;wBACJ,CAAC,CAAC,OAAO,KAAK,IAAI;4BAChB,CAAC,CAAC,EAAE;4BACJ,CAAC,CAAC,EAAE;QAChB,aAAa,EAAE,CAAC,KAAK;KACtB,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,aAAa,CAAC,CAAC,SAAS,CAAC,CACzB,KAAK,CAAC,CAAC;YACL;gBACE,QAAQ,EAAE,eAAe,CAAC,QAAQ;gBAClC,UAAU,EAAE,eAAe,CAAC,UAAiB;gBAC7C,UAAU,EAAE,eAAe,CAAC,UAAU;gBACtC,aAAa,EAAE,eAAe,CAAC,aAAa;oBAC1C,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,aAAa,CAAC;oBAC3C,CAAC,CAAC,SAAS;gBACb,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;gBACzC,SAAS,EAAE,KAAK;aACjB;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CACV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,UAAU,cA+DrB;AAEF,kBAAe,kBAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuHeading/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,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("./IeuHeading"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IeuHeading/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IeuButtonProps } from '../IeuButton';
|
|
3
|
+
export interface IeuIconButtonProps extends Omit<IeuButtonProps, 'children' | 'leftIcon' | 'rightIcon'> {
|
|
4
|
+
icon: React.ReactElement;
|
|
5
|
+
isRound?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const IeuIconButton: ({ icon, isRound, size, style, ref, ...props }: IeuIconButtonProps) => React.JSX.Element;
|
|
8
|
+
export default IeuIconButton;
|
|
9
|
+
//# sourceMappingURL=IeuIconButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuIconButton.d.ts","sourceRoot":"","sources":["../../src/IeuIconButton/IeuIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;IACrG,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,GAAI,+CAO3B,kBAAkB,sBAsCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
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.IeuIconButton = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_native_1 = require("react-native");
|
|
9
|
+
const IeuButton_1 = require("../IeuButton");
|
|
10
|
+
const IeuIconButton = ({ icon, isRound = false, size = 'md', style, ref, ...props }) => {
|
|
11
|
+
// Translate sizes to specific square dimensions
|
|
12
|
+
const getDimension = () => {
|
|
13
|
+
switch (size) {
|
|
14
|
+
case 'xs': return 32;
|
|
15
|
+
case 'sm': return 40;
|
|
16
|
+
case 'lg': return 56;
|
|
17
|
+
case 'xl': return 64;
|
|
18
|
+
case 'md':
|
|
19
|
+
default: return 48;
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
const dimension = getDimension();
|
|
23
|
+
return (<IeuButton_1.IeuButton ref={ref} size={size} style={[
|
|
24
|
+
{
|
|
25
|
+
width: dimension,
|
|
26
|
+
height: dimension,
|
|
27
|
+
paddingHorizontal: 0,
|
|
28
|
+
paddingVertical: 0,
|
|
29
|
+
borderRadius: isRound ? dimension / 2 : undefined,
|
|
30
|
+
justifyContent: 'center',
|
|
31
|
+
alignItems: 'center',
|
|
32
|
+
},
|
|
33
|
+
style,
|
|
34
|
+
]} {...props}>
|
|
35
|
+
<react_native_1.View style={{ justifyContent: 'center', alignItems: 'center' }}>
|
|
36
|
+
{icon}
|
|
37
|
+
</react_native_1.View>
|
|
38
|
+
</IeuButton_1.IeuButton>);
|
|
39
|
+
};
|
|
40
|
+
exports.IeuIconButton = IeuIconButton;
|
|
41
|
+
exports.default = exports.IeuIconButton;
|
|
42
|
+
//# sourceMappingURL=IeuIconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuIconButton.js","sourceRoot":"","sources":["../../src/IeuIconButton/IeuIconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA0D;AAC1D,4CAAyD;AAOlD,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,IAAI,EACX,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,gDAAgD;IAChD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,IAAI,CAAC;YACV,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,CAAC,qBAAS,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC;YACL;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,iBAAiB,EAAE,CAAC;gBACpB,eAAe,EAAE,CAAC;gBAClB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;gBACjD,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;aACrB;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAC9D;QAAA,CAAC,IAAI,CACP;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,qBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,aAAa,iBA6CxB;AAEF,kBAAe,qBAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuIconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,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("./IeuIconButton"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IeuIconButton/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Image, ImageProps, StyleProp, ViewStyle, ImageStyle } from 'react-native';
|
|
3
|
+
export interface IeuImageProps extends Omit<ImageProps, 'style'> {
|
|
4
|
+
style?: StyleProp<ImageStyle>;
|
|
5
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
6
|
+
fallbackSource?: ImageProps['source'];
|
|
7
|
+
fallbackElement?: React.ReactNode;
|
|
8
|
+
showSkeleton?: boolean;
|
|
9
|
+
ref?: React.Ref<Image>;
|
|
10
|
+
}
|
|
11
|
+
export declare const IeuImage: ({ source, style, containerStyle, fallbackSource, fallbackElement, showSkeleton, ref, ...props }: IeuImageProps) => React.JSX.Element;
|
|
12
|
+
export default IeuImage;
|
|
13
|
+
//# sourceMappingURL=IeuImage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuImage.d.ts","sourceRoot":"","sources":["../../src/IeuImage/IeuImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAQ,KAAK,EAAE,UAAU,EAAiC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAGxH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,GAAI,iGAStB,aAAa,sBAuCf,CAAC;AAiBF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
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.IeuImage = 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 IeuImage = ({ source, style, containerStyle, fallbackSource, fallbackElement, showSkeleton = true, ref, ...props }) => {
|
|
41
|
+
const { theme } = (0, core_1.useTheme)();
|
|
42
|
+
const [loading, setLoading] = (0, react_1.useState)(true);
|
|
43
|
+
const [error, setError] = (0, react_1.useState)(false);
|
|
44
|
+
return (<react_native_1.View style={[styles.container, containerStyle]}>
|
|
45
|
+
{showSkeleton && loading && !error && (<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill, styles.loaderContainer, { backgroundColor: theme.colors.gray[200] }]}>
|
|
46
|
+
<react_native_1.ActivityIndicator color={theme.colors.primary[500]}/>
|
|
47
|
+
</react_native_1.View>)}
|
|
48
|
+
|
|
49
|
+
{error ? (fallbackSource ? (<react_native_1.Image source={fallbackSource} style={[styles.image, style]} resizeMode="cover"/>) : fallbackElement ? (<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill, styles.loaderContainer, { backgroundColor: theme.colors.gray[100] }]}>
|
|
50
|
+
{fallbackElement}
|
|
51
|
+
</react_native_1.View>) : (<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill, styles.loaderContainer, { backgroundColor: theme.colors.gray[100] }]}/>)) : (<react_native_1.Image ref={ref} source={source} style={[styles.image, style]} onLoadStart={() => setLoading(true)} onLoadEnd={() => setLoading(false)} onError={() => {
|
|
52
|
+
setError(true);
|
|
53
|
+
setLoading(false);
|
|
54
|
+
}} {...props}/>)}
|
|
55
|
+
</react_native_1.View>);
|
|
56
|
+
};
|
|
57
|
+
exports.IeuImage = IeuImage;
|
|
58
|
+
const styles = react_native_1.StyleSheet.create({
|
|
59
|
+
container: {
|
|
60
|
+
overflow: 'hidden',
|
|
61
|
+
position: 'relative',
|
|
62
|
+
},
|
|
63
|
+
loaderContainer: {
|
|
64
|
+
justifyContent: 'center',
|
|
65
|
+
alignItems: 'center',
|
|
66
|
+
},
|
|
67
|
+
image: {
|
|
68
|
+
width: '100%',
|
|
69
|
+
height: '100%',
|
|
70
|
+
},
|
|
71
|
+
});
|
|
72
|
+
exports.default = exports.IeuImage;
|
|
73
|
+
//# sourceMappingURL=IeuImage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuImage.js","sourceRoot":"","sources":["../../src/IeuImage/IeuImage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuImage/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,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("./IeuImage"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IeuImage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInput, StyleProp, ViewStyle, TextStyle, TextInputProps } from 'react-native';
|
|
3
|
+
export type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
export interface IeuInputProps extends Omit<TextInputProps, 'style'> {
|
|
5
|
+
size?: InputSize;
|
|
6
|
+
variant?: 'outline' | 'filled' | 'flushed';
|
|
7
|
+
colorScheme?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
|
|
8
|
+
label?: string;
|
|
9
|
+
leftIcon?: React.ReactNode;
|
|
10
|
+
rightIcon?: React.ReactNode;
|
|
11
|
+
leftElement?: React.ReactNode;
|
|
12
|
+
rightElement?: React.ReactNode;
|
|
13
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
14
|
+
inputStyle?: StyleProp<TextStyle>;
|
|
15
|
+
errorMessage?: string;
|
|
16
|
+
successMessage?: string;
|
|
17
|
+
helperText?: string;
|
|
18
|
+
fullWidth?: boolean;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
ref?: React.Ref<TextInput>;
|
|
21
|
+
}
|
|
22
|
+
export declare const IeuInput: React.ForwardRefExoticComponent<Omit<IeuInputProps, "ref"> & React.RefAttributes<TextInput>>;
|
|
23
|
+
export default IeuInput;
|
|
24
|
+
//# sourceMappingURL=IeuInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuInput.d.ts","sourceRoot":"","sources":["../../src/IeuInput/IeuInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAIhG,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,8FAyHpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,121 @@
|
|
|
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.IeuInput = 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
|
+
exports.IeuInput = react_1.default.forwardRef(({ size = 'md', variant = 'outline', colorScheme = 'primary', label, leftIcon, rightIcon, leftElement, rightElement, containerStyle, inputStyle, errorMessage, successMessage, helperText, fullWidth = false, disabled = false, placeholderTextColor, ...props }, ref) => {
|
|
42
|
+
const { theme } = (0, core_1.useTheme)();
|
|
43
|
+
const { colors, componentSizes, borderRadius } = theme;
|
|
44
|
+
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
45
|
+
const sizeConfig = componentSizes[size];
|
|
46
|
+
const getBorderColor = (0, react_1.useCallback)(() => {
|
|
47
|
+
if (errorMessage)
|
|
48
|
+
return colors.error[500];
|
|
49
|
+
if (successMessage)
|
|
50
|
+
return colors.success[500];
|
|
51
|
+
if (isFocused)
|
|
52
|
+
return colors[colorScheme][500];
|
|
53
|
+
return colors.border.default;
|
|
54
|
+
}, [errorMessage, successMessage, isFocused, colorScheme, colors]);
|
|
55
|
+
const getBackgroundColor = (0, react_1.useCallback)(() => {
|
|
56
|
+
if (variant === 'filled')
|
|
57
|
+
return colors.gray[100];
|
|
58
|
+
if (variant === 'flushed')
|
|
59
|
+
return 'transparent';
|
|
60
|
+
return colors.background;
|
|
61
|
+
}, [variant, colors]);
|
|
62
|
+
const containerStyleFinal = {
|
|
63
|
+
flexDirection: 'row',
|
|
64
|
+
alignItems: 'center',
|
|
65
|
+
height: sizeConfig.height,
|
|
66
|
+
paddingHorizontal: sizeConfig.paddingHorizontal,
|
|
67
|
+
borderWidth: variant === 'outline' || variant === 'flushed' ? 1 : 0,
|
|
68
|
+
borderBottomWidth: variant === 'flushed' ? 2 : undefined,
|
|
69
|
+
borderColor: getBorderColor(),
|
|
70
|
+
backgroundColor: getBackgroundColor(),
|
|
71
|
+
borderRadius: variant === 'outline' ? sizeConfig.borderRadius : 0,
|
|
72
|
+
width: fullWidth ? '100%' : undefined,
|
|
73
|
+
opacity: disabled ? 0.6 : 1,
|
|
74
|
+
};
|
|
75
|
+
const inputTextStyle = {
|
|
76
|
+
flex: 1,
|
|
77
|
+
fontSize: sizeConfig.fontSize,
|
|
78
|
+
color: colors.text.primary,
|
|
79
|
+
paddingVertical: 0,
|
|
80
|
+
marginHorizontal: leftIcon || leftElement ? 8 : 0,
|
|
81
|
+
};
|
|
82
|
+
const renderHelperOrError = () => {
|
|
83
|
+
if (errorMessage) {
|
|
84
|
+
return (<IeuText_1.IeuText variant="caption" style={{ color: colors.error[500], marginTop: 4 }}>
|
|
85
|
+
{errorMessage}
|
|
86
|
+
</IeuText_1.IeuText>);
|
|
87
|
+
}
|
|
88
|
+
if (successMessage) {
|
|
89
|
+
return (<IeuText_1.IeuText variant="caption" style={{ color: colors.success[500], marginTop: 4 }}>
|
|
90
|
+
{successMessage}
|
|
91
|
+
</IeuText_1.IeuText>);
|
|
92
|
+
}
|
|
93
|
+
if (helperText) {
|
|
94
|
+
return (<IeuText_1.IeuText variant="caption" style={{ color: colors.text.muted, marginTop: 4 }}>
|
|
95
|
+
{helperText}
|
|
96
|
+
</IeuText_1.IeuText>);
|
|
97
|
+
}
|
|
98
|
+
return null;
|
|
99
|
+
};
|
|
100
|
+
return (<react_native_1.View style={fullWidth ? { width: '100%' } : undefined}>
|
|
101
|
+
{label && (<IeuText_1.IeuText variant="body2" style={{ marginBottom: 8, fontWeight: '500' }}>
|
|
102
|
+
{label}
|
|
103
|
+
</IeuText_1.IeuText>)}
|
|
104
|
+
<react_native_1.View style={[containerStyleFinal, containerStyle]}>
|
|
105
|
+
{leftIcon && <react_native_1.View>{leftIcon}</react_native_1.View>}
|
|
106
|
+
{leftElement}
|
|
107
|
+
<react_native_1.TextInput ref={ref} {...props} style={[inputTextStyle, inputStyle]} placeholderTextColor={placeholderTextColor || colors.text.muted} onFocus={e => {
|
|
108
|
+
setIsFocused(true);
|
|
109
|
+
props.onFocus?.(e);
|
|
110
|
+
}} onBlur={e => {
|
|
111
|
+
setIsFocused(false);
|
|
112
|
+
props.onBlur?.(e);
|
|
113
|
+
}} editable={!disabled}/>
|
|
114
|
+
{rightElement}
|
|
115
|
+
{rightIcon && <react_native_1.View>{rightIcon}</react_native_1.View>}
|
|
116
|
+
</react_native_1.View>
|
|
117
|
+
{renderHelperOrError()}
|
|
118
|
+
</react_native_1.View>);
|
|
119
|
+
});
|
|
120
|
+
exports.default = exports.IeuInput;
|
|
121
|
+
//# sourceMappingURL=IeuInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuInput.js","sourceRoot":"","sources":["../../src/IeuInput/IeuInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IeuInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IeuInput = void 0;
|
|
4
|
+
var IeuInput_1 = require("./IeuInput");
|
|
5
|
+
Object.defineProperty(exports, "IeuInput", { enumerable: true, get: function () { return IeuInput_1.IeuInput; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IeuInput/index.ts"],"names":[],"mappings":";;;AAAA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { FlatListProps, StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface IeuListProps<T> extends FlatListProps<T> {
|
|
4
|
+
data: T[];
|
|
5
|
+
renderItem: (info: {
|
|
6
|
+
item: T;
|
|
7
|
+
index: number;
|
|
8
|
+
}) => React.ReactElement | null;
|
|
9
|
+
keyExtractor: (item: T, index: number) => string;
|
|
10
|
+
header?: ReactNode;
|
|
11
|
+
footer?: ReactNode;
|
|
12
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
13
|
+
}
|
|
14
|
+
export declare function IeuList<T>({ data, renderItem, keyExtractor, header, footer, containerStyle, ...props }: IeuListProps<T>): React.JSX.Element;
|
|
15
|
+
export interface IeuListItemProps {
|
|
16
|
+
title?: string;
|
|
17
|
+
description?: string;
|
|
18
|
+
leftElement?: ReactNode;
|
|
19
|
+
rightElement?: ReactNode;
|
|
20
|
+
onPress?: () => void;
|
|
21
|
+
style?: StyleProp<ViewStyle>;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export declare const IeuListItem: ({ title, description, leftElement, rightElement, onPress, style, disabled, }: IeuListItemProps) => React.JSX.Element;
|
|
25
|
+
export default IeuList;
|
|
26
|
+
//# sourceMappingURL=IeuList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuList.d.ts","sourceRoot":"","sources":["../../src/IeuList/IeuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAY,aAAa,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnF,MAAM,WAAW,YAAY,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IACvD,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC5E,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,MAAM,EACN,MAAM,EACN,cAAc,EACd,GAAG,KAAK,EACT,EAAE,YAAY,CAAC,CAAC,CAAC,qBAgBjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,eAAO,MAAM,WAAW,GAAI,8EAQzB,gBAAgB,sBA4ClB,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
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.IeuListItem = void 0;
|
|
7
|
+
exports.IeuList = IeuList;
|
|
8
|
+
const react_1 = __importDefault(require("react"));
|
|
9
|
+
const react_native_1 = require("react-native");
|
|
10
|
+
function IeuList({ data, renderItem, keyExtractor, header, footer, containerStyle, ...props }) {
|
|
11
|
+
const renderHeader = () => header ? <react_native_1.View>{header}</react_native_1.View> : null;
|
|
12
|
+
const renderFooter = () => footer ? <react_native_1.View>{footer}</react_native_1.View> : null;
|
|
13
|
+
return (<react_native_1.FlatList data={data} renderItem={renderItem} keyExtractor={keyExtractor} ListHeaderComponent={renderHeader} ListFooterComponent={renderFooter} contentContainerStyle={containerStyle} showsVerticalScrollIndicator={false} {...props}/>);
|
|
14
|
+
}
|
|
15
|
+
const react_native_2 = require("react-native");
|
|
16
|
+
const core_1 = require("@ieu-ui/core");
|
|
17
|
+
const IeuText_1 = require("../IeuText");
|
|
18
|
+
const IeuListItem = ({ title, description, leftElement, rightElement, onPress, style, disabled = false, }) => {
|
|
19
|
+
const { theme } = (0, core_1.useTheme)();
|
|
20
|
+
const { spacing, colors } = theme;
|
|
21
|
+
const content = (<react_native_1.View style={[
|
|
22
|
+
{
|
|
23
|
+
flexDirection: 'row',
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
paddingVertical: spacing[3],
|
|
26
|
+
paddingHorizontal: spacing[4],
|
|
27
|
+
backgroundColor: colors.background,
|
|
28
|
+
opacity: disabled ? 0.5 : 1,
|
|
29
|
+
},
|
|
30
|
+
style,
|
|
31
|
+
]}>
|
|
32
|
+
{leftElement && <react_native_1.View style={{ marginRight: spacing[3] }}>{leftElement}</react_native_1.View>}
|
|
33
|
+
<react_native_1.View style={{ flex: 1 }}>
|
|
34
|
+
{title && (<IeuText_1.IeuText variant="body1" style={{ color: colors.text.primary }}>
|
|
35
|
+
{title}
|
|
36
|
+
</IeuText_1.IeuText>)}
|
|
37
|
+
{description && (<IeuText_1.IeuText variant="body2" style={{ color: colors.text.secondary, marginTop: 2 }}>
|
|
38
|
+
{description}
|
|
39
|
+
</IeuText_1.IeuText>)}
|
|
40
|
+
</react_native_1.View>
|
|
41
|
+
{rightElement && <react_native_1.View style={{ marginLeft: spacing[2] }}>{rightElement}</react_native_1.View>}
|
|
42
|
+
</react_native_1.View>);
|
|
43
|
+
if (onPress) {
|
|
44
|
+
return (<react_native_2.TouchableOpacity onPress={onPress} disabled={disabled} activeOpacity={0.7}>
|
|
45
|
+
{content}
|
|
46
|
+
</react_native_2.TouchableOpacity>);
|
|
47
|
+
}
|
|
48
|
+
return content;
|
|
49
|
+
};
|
|
50
|
+
exports.IeuListItem = IeuListItem;
|
|
51
|
+
exports.default = IeuList;
|
|
52
|
+
//# sourceMappingURL=IeuList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuList.js","sourceRoot":"","sources":["../../src/IeuList/IeuList.tsx"],"names":[],"mappings":";;;;;;AAYA,0BAwBC;AApCD,kDAAyC;AACzC,+CAAmF;AAWnF,SAAgB,OAAO,CAAI,EACzB,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,MAAM,EACN,MAAM,EACN,cAAc,EACd,GAAG,KAAK,EACQ;IAChB,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,mBAAI,CAAC,CAAC,MAAM,CAAC,EAAE,mBAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjE,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,mBAAI,CAAC,CAAC,MAAM,CAAC,EAAE,mBAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjE,OAAO,CACL,CAAC,uBAAQ,CACP,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,mBAAmB,CAAC,CAAC,YAAY,CAAC,CAClC,mBAAmB,CAAC,CAAC,YAAY,CAAC,CAClC,qBAAqB,CAAC,CAAC,cAAc,CAAC,CACtC,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACpC,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC;AAYD,+CAAgD;AAChD,uCAAwC;AACxC,wCAAqC;AAE9B,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,KAAK,GACC,EAAE,EAAE;IACrB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,OAAO,GAAG,CACd,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL;gBACE,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;gBACpB,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC;gBAC3B,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;gBAC7B,eAAe,EAAE,MAAM,CAAC,UAAU;gBAClC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aAC5B;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,WAAW,IAAI,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,mBAAI,CAAC,CAC9E;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CACvB;QAAA,CAAC,KAAK,IAAI,CACR,CAAC,iBAAO,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAC7D;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,iBAAO,CAAC,CACX,CACD;QAAA,CAAC,WAAW,IAAI,CACd,CAAC,iBAAO,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAC7E;YAAA,CAAC,WAAW,CACd;UAAA,EAAE,iBAAO,CAAC,CACX,CACH;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,YAAY,IAAI,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,mBAAI,CAAC,CACjF;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,CAAC,+BAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CACzE;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,+BAAgB,CAAC,CACpB,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AApDW,QAAA,WAAW,eAoDtB;AAEF,kBAAe,OAAO,CAAC"}
|