koylu-vampir-design 0.0.16

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 Oktay Baskus
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+## Koylu Vampir Design lib

package/dist/.watchmanconfig

@@ -0,0 +1,3 @@
+{
+  "ignore_dirs": []
+}

package/dist/Alerts/AlertButtons.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare type Props = {
+    options?: any;
+    payload?: any;
+};
+export declare const AlertButtons: React.FC<Props>;
+export {};
+//# sourceMappingURL=AlertButtons.d.ts.map

package/dist/Alerts/AlertButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertButtons.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,aAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+BxC,CAAC"}

package/dist/Alerts/AlertButtons.js

@@ -0,0 +1,84 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertButtons = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const __1 = require("../");
+const AlertButtons = ({ options, payload }) => {
+    const { closeAlert } = __1.useAlert();
+    const onAcceptPress = () => {
+        closeAlert();
+        options.onAccept(payload);
+    };
+    return (react_1.default.createElement(react_native_1.View, { style: styles.buttons },
+        react_1.default.createElement(__1.MenuButton, { style: styles.button, size: "medium", type: "outline", onPress: options.onClose ? options.onClose : () => closeAlert() }, options.cancelText ? options.cancelText : options.onAccept ? "VAZGEÇ" : "KAPAT"),
+        !!options.onAccept && (react_1.default.createElement(__1.MenuButton, { style: styles.button, size: "medium", type: options.acceptType || "success", onPress: onAcceptPress }, options.acceptText || "UYGULA"))));
+};
+exports.AlertButtons = AlertButtons;
+const styles = react_native_1.StyleSheet.create({
+    base: {
+        marginTop: "auto"
+    },
+    background: {
+        position: "relative",
+        padding: 32,
+        borderTopLeftRadius: 32,
+        borderTopRightRadius: 32
+    },
+    message: {
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        padding: 0,
+        minHeight: 100,
+        marginBottom: 20
+    },
+    messageText: {
+        textAlign: "center",
+        width: "100%"
+    },
+    buttons: {
+        borderColor: "#77777733",
+        borderTopWidth: 2,
+        paddingTop: 20,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-evenly"
+    },
+    button: {
+        marginBottom: 0,
+        minWidth: 120
+    },
+    title: {
+        position: "absolute",
+        top: -18,
+        backgroundColor: "#00B3FF",
+        alignSelf: "center",
+        marginLeft: "auto",
+        marginRight: "auto",
+        height: 30,
+        paddingHorizontal: 16,
+        borderRadius: 32,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        shadowColor: "#000000",
+        shadowOffset: {
+            width: 2,
+            height: 5
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 0,
+        elevation: 5
+    },
+    titleText: {
+        color: "#ffffff",
+        fontWeight: "bold",
+        fontFamily: "Righteous-Regular",
+        fontSize: 14,
+        lineHeight: 20
+    }
+});

package/dist/Alerts/AlertContent.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StyleProp } from "react-native";
+declare type Props = {
+    style?: StyleProp<any>;
+    background?: string;
+    options?: any;
+};
+export declare const AlertContent: React.FC<Props>;
+export {};
+//# sourceMappingURL=AlertContent.d.ts.map

package/dist/Alerts/AlertContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContent.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAO3D,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkCxC,CAAC"}

package/dist/Alerts/AlertContent.js

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertContent = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const __1 = require("../");
+const Themes_1 = require("../Themes");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const AlertButtons_1 = require("./AlertButtons");
+const AlertTitle_1 = require("./AlertTitle");
+const AlertContent = ({ style, background, options, children }) => {
+    const { baseBackgroundColor } = Themes_1.useColors();
+    const insets = react_native_safe_area_context_1.useSafeAreaInsets();
+    const color = background ? background : baseBackgroundColor;
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.base, style] },
+        react_1.default.createElement(react_native_1.View, { style: [
+                styles.background,
+                { backgroundColor: color, paddingBottom: insets.bottom + 10 }
+            ] },
+            react_1.default.createElement(react_native_1.View, { style: styles.message }, typeof children === "string" && (react_1.default.createElement(__1.Typography, { style: styles.messageText, size: children.length < 100 ? 16 : 14 }, children))),
+            react_1.default.createElement(AlertButtons_1.AlertButtons, { options: options })),
+        !!options.title && react_1.default.createElement(AlertTitle_1.AlertTitle, { options: options })));
+};
+exports.AlertContent = AlertContent;
+const styles = react_native_1.StyleSheet.create({
+    base: {
+        marginTop: "auto"
+    },
+    background: {
+        position: "relative",
+        padding: 32,
+        borderTopLeftRadius: 32,
+        borderTopRightRadius: 32
+    },
+    message: {
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        padding: 0,
+        minHeight: 100,
+        marginBottom: 20
+    },
+    messageText: {
+        textAlign: "center",
+        width: "100%"
+    },
+    buttons: {
+        borderColor: "#77777733",
+        borderTopWidth: 2,
+        paddingTop: 20,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-evenly"
+    },
+    button: {
+        marginBottom: 0,
+        minWidth: 120
+    },
+    title: {
+        position: "absolute",
+        top: -18,
+        backgroundColor: "#00B3FF",
+        alignSelf: "center",
+        marginLeft: "auto",
+        marginRight: "auto",
+        height: 30,
+        paddingHorizontal: 16,
+        borderRadius: 32,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        shadowColor: "#000000",
+        shadowOffset: {
+            width: 2,
+            height: 5
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 0,
+        elevation: 5
+    },
+    titleText: {
+        color: "#ffffff",
+        fontWeight: "bold",
+        fontFamily: "Righteous-Regular",
+        fontSize: 14,
+        lineHeight: 20
+    }
+});

package/dist/Alerts/AlertProvider.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+declare type AlertOptionsType = {
+    title?: string;
+    onAccept?: (any: any) => void;
+    onSelect?: (any: any) => void;
+    acceptText?: string;
+    currentIndex?: number;
+    currentValue?: string;
+    acceptType?: string;
+    cancelText?: string;
+    description?: string;
+};
+declare type AlertProp = {
+    showAlert: (message?: any, options?: AlertOptionsType) => void;
+    showQuestion?: (message?: any, options?: AlertOptionsType) => Promise<any>;
+    showConfirm?: (message?: any, buttonText?: string, options?: AlertOptionsType) => Promise<any>;
+    showSelect?: (message?: any, items?: Array<any>, options?: AlertOptionsType) => Promise<any>;
+    closeAlert: () => void;
+};
+export declare const AlertContext: React.Context<AlertProp>;
+export declare const useAlert: () => AlertProp;
+declare type AlertProps = {};
+export declare const AlertProvider: React.FC<AlertProps>;
+export {};
+//# sourceMappingURL=AlertProvider.d.ts.map

package/dist/Alerts/AlertProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertProvider.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,aAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,aAAK,SAAS,GAAG;IACf,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3E,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7F,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,YAAY,0BAKvB,CAAC;AAEH,eAAO,MAAM,QAAQ,iBAAuC,CAAC;AAC7D,aAAK,UAAU,GAAG,EAAE,CAAA;AAEpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwE9C,CAAC"}

package/dist/Alerts/AlertProvider.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertProvider = exports.useAlert = exports.AlertContext = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const AlertContent_1 = require("./AlertContent");
+const AlertQuestionContent_1 = require("./AlertQuestionContent");
+const AlertSelectContent_1 = require("./AlertSelectContent");
+const Utils_1 = require("../Utils");
+const MODAL_PRESENTATION_STYLE = "pageSheet";
+exports.AlertContext = react_1.default.createContext({
+    showAlert: () => {
+    },
+    closeAlert: () => {
+    }
+});
+const useAlert = () => react_1.default.useContext(exports.AlertContext);
+exports.useAlert = useAlert;
+const AlertProvider = ({ children }) => {
+    const [isVisible, setVisible] = react_1.default.useState(false);
+    const [content, setContent] = react_1.default.useState(undefined);
+    const [options, setOptions] = react_1.default.useState({});
+    const [type, setType] = react_1.default.useState("alert");
+    const showAlert = (text, options = {}) => {
+        setContent(text);
+        setOptions(options);
+        setType("alert");
+        setVisible(true);
+    };
+    const showQuestion = (text, options = {}) => {
+        return new Promise((success) => {
+            setContent(text);
+            setOptions(Object.assign({ onAccept: success }, options));
+            setType("question");
+            setVisible(true);
+        });
+    };
+    const showConfirm = (text, buttonText, options = {}) => {
+        return new Promise((success) => {
+            setContent(text);
+            setOptions(Object.assign({ acceptText: buttonText, onAccept: success }, options));
+            setType("alert");
+            setVisible(true);
+        });
+    };
+    const showSelect = (text, items, options = {}) => {
+        return new Promise((success) => {
+            setContent(text);
+            setOptions(Object.assign({ items, onSelect: success }, options));
+            setType("select");
+            setVisible(true);
+        });
+    };
+    const closeAlert = () => {
+        setVisible(false);
+    };
+    return (react_1.default.createElement(exports.AlertContext.Provider, { value: { showAlert, showQuestion, closeAlert, showConfirm, showSelect } },
+        children,
+        react_1.default.createElement(react_native_1.Modal, { visible: isVisible, onRequestClose: () => setVisible(false), animationType: "slide", presentationStyle: Utils_1.Performance.ramAvailable(2) ? "pageSheet" : undefined, transparent: true },
+            type === "alert" && react_1.default.createElement(AlertContent_1.AlertContent, { options: options }, content),
+            type === "question" && react_1.default.createElement(AlertQuestionContent_1.AlertQuestionContent, { options: options }, content),
+            type === "select" && react_1.default.createElement(AlertSelectContent_1.AlertSelectContent, { options: options }, content))));
+};
+exports.AlertProvider = AlertProvider;

package/dist/Alerts/AlertQuestionContent.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StyleProp } from "react-native";
+declare type Props = {
+    style?: StyleProp<any>;
+    background?: string;
+    options?: any;
+};
+export declare const AlertQuestionContent: React.FC<Props>;
+export {};
+//# sourceMappingURL=AlertQuestionContent.d.ts.map

package/dist/Alerts/AlertQuestionContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertQuestionContent.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertQuestionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAA8C,SAAS,EAA+B,MAAM,cAAc,CAAC;AAOlH,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsDhD,CAAC"}

package/dist/Alerts/AlertQuestionContent.js

@@ -0,0 +1,85 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertQuestionContent = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const __1 = require("../");
+const Themes_1 = require("../Themes");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const AlertButtons_1 = require("./AlertButtons");
+const AlertTitle_1 = require("./AlertTitle");
+const AlertQuestionContent = ({ style, background, options, children }) => {
+    const { baseBackgroundColor, dimBackgroundColorTransparent, baseTextColor } = Themes_1.useColors();
+    const [input, setInput] = react_1.useState(options.currentValue || "");
+    const insets = react_native_safe_area_context_1.useSafeAreaInsets();
+    const color = background ? background : baseBackgroundColor;
+    return (react_1.default.createElement(react_native_1.KeyboardAvoidingView, { keyboardVerticalOffset: 30, style: styles.keyboardView, behavior: react_native_1.Platform.OS === "ios" ? "padding" : undefined },
+        react_1.default.createElement(react_native_1.View, { style: [styles.base, style] },
+            react_1.default.createElement(react_native_1.View, { style: [
+                    styles.background,
+                    { backgroundColor: color, paddingBottom: insets.bottom + 10 }
+                ] },
+                react_1.default.createElement(react_native_1.View, { style: styles.message },
+                    typeof children === "string" && (react_1.default.createElement(__1.Typography, { style: styles.messageText, size: children.length < 100 ? 16 : 14 }, children)),
+                    react_1.default.createElement(react_native_1.TextInput, { autoCorrect: false, autoCapitalize: "none", style: [styles.input, { backgroundColor: dimBackgroundColorTransparent, color: baseTextColor }], value: input, onChangeText: setInput }),
+                    typeof options.description === "string" && (react_1.default.createElement(__1.Typography, { style: styles.messageText }, options.description))),
+                react_1.default.createElement(AlertButtons_1.AlertButtons, { options: options, payload: input })),
+            !!options.title && react_1.default.createElement(AlertTitle_1.AlertTitle, { options: options }))));
+};
+exports.AlertQuestionContent = AlertQuestionContent;
+const { height } = react_native_1.Dimensions.get("window");
+const isMiniDevice = height < 600;
+const styles = react_native_1.StyleSheet.create({
+    base: {
+        marginTop: "auto"
+    },
+    keyboardView: {
+        flex: 1
+    },
+    background: {
+        position: "relative",
+        padding: 32,
+        borderTopLeftRadius: 32,
+        borderTopRightRadius: 32
+    },
+    message: {
+        width: "100%",
+        padding: 0,
+        paddingVertical: 20,
+        minHeight: 100,
+        marginBottom: 20
+    },
+    messageText: {
+        width: "100%"
+    },
+    input: {
+        minWidth: "100%",
+        backgroundColor: "#ffffff",
+        borderColor: "#00B3FF",
+        borderWidth: 1,
+        height: isMiniDevice ? 30 : 40,
+        borderRadius: 8,
+        paddingHorizontal: 16,
+        marginTop: 15,
+        marginBottom: 15
+    }
+});

package/dist/Alerts/AlertSelectContent.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StyleProp } from "react-native";
+declare type Props = {
+    style?: StyleProp<any>;
+    background?: string;
+    options?: any;
+};
+export declare const AlertSelectContent: React.FC<Props>;
+export {};
+//# sourceMappingURL=AlertSelectContent.d.ts.map

package/dist/Alerts/AlertSelectContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertSelectContent.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertSelectContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAKL,SAAS,EAGV,MAAM,cAAc,CAAC;AAQtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6F9C,CAAC"}

package/dist/Alerts/AlertSelectContent.js

@@ -0,0 +1,122 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertSelectContent = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const __1 = require("../");
+const Themes_1 = require("../Themes");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const AlertButtons_1 = require("./AlertButtons");
+const AlertTitle_1 = require("./AlertTitle");
+const Animatable = __importStar(require("react-native-animatable"));
+const AlertSelectContent = ({ style, background, options, children }) => {
+    const { baseBackgroundColor, dimBackgroundColorTransparent, baseTextColor } = Themes_1.useColors();
+    const [animation, setAnimation] = react_1.useState("");
+    const insets = react_native_safe_area_context_1.useSafeAreaInsets();
+    const color = background ? background : baseBackgroundColor;
+    const { closeAlert } = __1.useAlert();
+    const [items, setItems] = react_1.useState(options.items);
+    const [buttonOptions, setButtonOptions] = react_1.useState(options);
+    const [subTitle, setSubtitle] = react_1.useState("");
+    const _resetOptions = () => {
+        setAnimation("slideInLeft");
+        setButtonOptions(options);
+        setItems(options.items);
+        setSubtitle("");
+    };
+    const _onSelect = (item) => {
+        if (item.items && !item.id) {
+            setSubtitle(item.name);
+            setAnimation("slideInRight");
+            setItems(item.items);
+            setButtonOptions(Object.assign(Object.assign({}, options), { onClose: _resetOptions, cancelText: "GERİ" }));
+        }
+        else {
+            closeAlert();
+            options.onSelect(item);
+        }
+    };
+    const _renderItem = (item, index) => {
+        return (react_1.default.createElement(__1.TouchableView, { key: `${item.id || index}`, style: styles.option, onPress: () => _onSelect(item) },
+            react_1.default.createElement(__1.Icon, { name: options.currentIndex === index ? "radio-button-on" : "radio-button-off", color: baseTextColor, size: 18 }),
+            react_1.default.createElement(__1.Typography, { style: styles.optionText }, item.name)));
+    };
+    return (react_1.default.createElement(react_native_1.KeyboardAvoidingView, { keyboardVerticalOffset: 30, style: styles.keyboardView, behavior: react_native_1.Platform.OS === "ios" ? "padding" : undefined },
+        react_1.default.createElement(react_native_1.View, { style: [styles.base, style] },
+            react_1.default.createElement(react_native_1.View, { style: [
+                    styles.background,
+                    { backgroundColor: color, paddingBottom: insets.bottom + 10 }
+                ] },
+                react_1.default.createElement(react_native_1.ScrollView, { style: { maxHeight: 400 }, showsVerticalScrollIndicator: false },
+                    react_1.default.createElement(react_native_1.View, { style: styles.message },
+                        !!subTitle && react_1.default.createElement(__1.Typography, { bold: true },
+                            subTitle,
+                            ": "),
+                        typeof children === "string" && (react_1.default.createElement(__1.Typography, { style: styles.messageText, size: children.length < 100 ? 16 : 14 }, children)),
+                        react_1.default.createElement(Animatable.View, { animation: animation, duration: 200 }, items.length && items.map(_renderItem)),
+                        typeof options.description === "string" && (react_1.default.createElement(__1.Typography, { style: styles.messageText }, options.description)))),
+                react_1.default.createElement(AlertButtons_1.AlertButtons, { options: buttonOptions })),
+            !!options.title && react_1.default.createElement(AlertTitle_1.AlertTitle, { options: options }))));
+};
+exports.AlertSelectContent = AlertSelectContent;
+const { height } = react_native_1.Dimensions.get("window");
+const isMiniDevice = height < 600;
+const styles = react_native_1.StyleSheet.create({
+    base: {
+        marginTop: "auto"
+    },
+    keyboardView: {
+        flex: 1
+    },
+    background: {
+        position: "relative",
+        padding: 32,
+        borderTopLeftRadius: 32,
+        borderTopRightRadius: 32
+    },
+    message: {
+        width: "100%",
+        padding: 0,
+        paddingVertical: 20,
+        minHeight: 100,
+        marginBottom: 20
+    },
+    messageText: {
+        width: "100%",
+        paddingBottom: 24,
+    },
+    option: {
+        minWidth: "100%",
+        flexDirection: "row",
+        alignItems: "center",
+        borderColor: "#00B3FF",
+        borderWidth: 1,
+        height: isMiniDevice ? 30 : 40,
+        borderRadius: 8,
+        paddingHorizontal: 16,
+        marginTop: 5,
+        marginBottom: 5
+    },
+    optionText: {
+        marginLeft: 10,
+    }
+});

package/dist/Alerts/AlertTitle.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare type Props = {
+    options?: any;
+};
+export declare const AlertTitle: React.FC<Props>;
+export {};
+//# sourceMappingURL=AlertTitle.d.ts.map

package/dist/Alerts/AlertTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTitle.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,aAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAOtC,CAAC"}

package/dist/Alerts/AlertTitle.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertTitle = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const __1 = require("../");
+const AlertTitle = ({ options }) => {
+    return (react_1.default.createElement(react_native_1.View, { style: styles.title },
+        react_1.default.createElement(__1.Typography, { style: styles.titleText }, options.title)));
+};
+exports.AlertTitle = AlertTitle;
+const styles = react_native_1.StyleSheet.create({
+    title: {
+        position: "absolute",
+        top: -18,
+        backgroundColor: "#00B3FF",
+        alignSelf: "center",
+        marginLeft: "auto",
+        marginRight: "auto",
+        height: 30,
+        paddingHorizontal: 16,
+        borderRadius: 32,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        shadowColor: "#000000",
+        shadowOffset: {
+            width: 2,
+            height: 5
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 0,
+        elevation: 5
+    },
+    titleText: {
+        color: "#ffffff",
+        fontWeight: "bold",
+        fontFamily: "Righteous-Regular",
+        fontSize: 14,
+        lineHeight: 20
+    }
+});

package/dist/Alerts/index.d.ts

@@ -0,0 +1,4 @@
+export { AlertContent } from "./AlertContent";
+export { AlertQuestionContent } from "./AlertQuestionContent";
+export { AlertProvider, useAlert } from "./AlertProvider";
+//# sourceMappingURL=index.d.ts.map

package/dist/Alerts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Alerts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/Alerts/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAlert = exports.AlertProvider = exports.AlertQuestionContent = exports.AlertContent = void 0;
+var AlertContent_1 = require("./AlertContent");
+Object.defineProperty(exports, "AlertContent", { enumerable: true, get: function () { return AlertContent_1.AlertContent; } });
+var AlertQuestionContent_1 = require("./AlertQuestionContent");
+Object.defineProperty(exports, "AlertQuestionContent", { enumerable: true, get: function () { return AlertQuestionContent_1.AlertQuestionContent; } });
+var AlertProvider_1 = require("./AlertProvider");
+Object.defineProperty(exports, "AlertProvider", { enumerable: true, get: function () { return AlertProvider_1.AlertProvider; } });
+Object.defineProperty(exports, "useAlert", { enumerable: true, get: function () { return AlertProvider_1.useAlert; } });