ncore-ui-kit 1.0.0-pre-alpha.0

package/lib/src/helpers/portalize/Manager.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useImperativeHandle, forwardRef, useEffect, useState } from "react";
+import { StyleSheet, View } from "react-native";
+import { context } from "./context";
+export const Manager = forwardRef(({ name }, ref) => {
+    const [portals, setPortals] = useState([]);
+    useEffect(() => {
+        return context.subscribe((newPortals) => {
+            setPortals(newPortals);
+        });
+    }, []);
+    useImperativeHandle(ref, () => ({
+        unmount: context.unmount,
+        update: context.update,
+        mount: context.mount
+    }));
+    return portals
+        .filter(item => {
+        if (item.name) {
+            return item.name === name;
+        }
+        return !name;
+    })
+        .map(({ children, key }, index) => (_jsx(View, { style: StyleSheet.absoluteFill, pointerEvents: "box-none", collapsable: false, children: children }, `NCoreUIKit-Portal-${key}-${index}`)));
+});

package/lib/src/helpers/portalize/Portal.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from "react";
+import { Consumer } from "./Consumer";
+import { Context } from "./Host";
+export const Portal = ({ children, name }) => (_jsx(Context.Consumer, { children: (manager) => {
+        return _jsx(Consumer, { manager: manager, name: name, children: children });
+    } }));

package/lib/src/helpers/portalize/context/index.js

@@ -0,0 +1,33 @@
+let portals = [];
+const listeners = [];
+export const context = {
+    subscribe: (listener) => {
+        listeners.push(listener);
+        return () => {
+            listeners.splice(listeners.indexOf(listener), 1);
+        };
+    },
+    mount: (key, children, name) => {
+        portals = [
+            ...portals,
+            {
+                children,
+                name,
+                key
+            }
+        ];
+        listeners.forEach(l => l(portals));
+    },
+    update: (key, children, name) => {
+        portals = portals.map(p => p.key === key ? {
+            ...p,
+            children,
+            name
+        } : p);
+        listeners.forEach(l => l(portals));
+    },
+    unmount: (key) => {
+        portals = portals.filter(p => p.key !== key);
+        listeners.forEach(l => l(portals));
+    }
+};

package/lib/src/helpers/portalize/hooks/useKey.js

@@ -0,0 +1,33 @@
+import { useRef } from "react";
+const keyGenerator = () => {
+    return `portalize_${Math.random().toString(36).substr(2, 16)}-${Math.random()
+        .toString(36)
+        .substr(2, 16)}-${Math.random().toString(36).substr(2, 16)}`;
+};
+export const useKey = () => {
+    const usedKeys = useRef([]);
+    const generateKey = () => {
+        let foundUniqueKey = false;
+        let newKey = "";
+        let tries = 0;
+        while (!foundUniqueKey && tries < 3) {
+            tries++;
+            newKey = keyGenerator();
+            if (!usedKeys.current.includes(newKey)) {
+                foundUniqueKey = true;
+            }
+        }
+        if (!foundUniqueKey) {
+            newKey = `portalize_${Date.now()}_${Math.floor(Math.random() * 1000)}`;
+        }
+        usedKeys.current.push(newKey);
+        return newKey;
+    };
+    const removeKey = (key) => {
+        usedKeys.current = usedKeys.current.filter(k => k !== key);
+    };
+    return {
+        generateKey,
+        removeKey
+    };
+};

package/lib/src/helpers/portalize/index.js

@@ -0,0 +1,4 @@
+export { Consumer } from "./Consumer";
+export { Host } from "./Host";
+export { Manager } from "./Manager";
+export { Portal } from "./Portal";

package/lib/src/helpers/theme/palette.js

@@ -0,0 +1,63 @@
+import {} from "../../types";
+const mergeCurrent = (defaultJSON, projectJSON) => {
+    const projectKeys = Object.keys(projectJSON);
+    const newJSON = JSON.parse(JSON.stringify(defaultJSON));
+    projectKeys.forEach((pKey) => {
+        if (typeof projectJSON[pKey] === "string") {
+            newJSON[pKey] = projectJSON[pKey];
+        }
+        else {
+            if (typeof defaultJSON[pKey] !== "string") {
+                if (defaultJSON[pKey]) {
+                    newJSON[pKey] = mergeCurrent(defaultJSON[pKey], projectJSON[pKey]);
+                }
+                else {
+                    newJSON[pKey] = projectJSON[pKey];
+                }
+            }
+            else {
+                throw new Error("The project theme scheme is not valid.");
+            }
+        }
+    });
+    return newJSON;
+};
+export const mergeTheme = (defaultTheme, projectTheme) => {
+    return {
+        content: mergeCurrent(defaultTheme.content, projectTheme.content),
+        system: mergeCurrent(defaultTheme.system, projectTheme.system)
+    };
+};
+export const mergePalettes = (defaultPalettes, projectPalettes, activePalette, activeTheme) => {
+    const defaultPalette = defaultPalettes.find(p => p.name === activePalette);
+    if (!defaultPalette) {
+        const projectPalette = projectPalettes.find(p => p.name === activePalette);
+        if (projectPalette) {
+            const projectThemeKey = Object.keys(projectPalette.themes).find(t => t === activeTheme);
+            if (projectThemeKey) {
+                const projectTheme = projectPalette.themes[projectThemeKey];
+                return projectTheme;
+            }
+            throw new Error("Theme not found!.");
+        }
+        else {
+            throw new Error("Palette not found!.");
+        }
+    }
+    const projectPalette = projectPalettes.find(p => p.name === activePalette);
+    if (projectPalette) {
+        const defaultThemeKey = Object.keys(defaultPalette.themes).find(t => t === activeTheme);
+        if (!defaultThemeKey) {
+            throw new Error("Theme not found!.");
+        }
+        const defaultTheme = defaultPalette.themes[defaultThemeKey];
+        const projectThemeKey = Object.keys(projectPalette.themes).find(t => t === activeTheme);
+        if (projectThemeKey) {
+            const projectTheme = projectPalette.themes[projectThemeKey];
+            return mergeTheme(defaultTheme, projectTheme);
+        }
+        return defaultTheme;
+    }
+    const activeT = defaultPalette.themes[activeTheme];
+    return activeT;
+};

package/lib/src/helpers/theme/shapes.js

@@ -0,0 +1,75 @@
+import defaultJSON from "../../variants/themes/default.json";
+export const mergeSpaces = (defaultSpacesTokens, projectSpacesTokens) => {
+    return {
+        ...defaultSpacesTokens,
+        ...projectSpacesTokens
+    };
+};
+export const mergeRadiuses = (defaultRadiusesTokens, projectRadiusesTokens) => {
+    return {
+        ...defaultRadiusesTokens,
+        ...projectRadiusesTokens
+    };
+};
+export const mergeBorders = (defaultBordersTokens, projectBordersTokens) => {
+    return {
+        ...defaultBordersTokens,
+        ...projectBordersTokens
+    };
+};
+export const mergeInlineSpaces = (defaultInlineSpacesTokens, projectInlineSpacesTokens) => {
+    return {
+        ...defaultInlineSpacesTokens,
+        ...projectInlineSpacesTokens
+    };
+};
+export const mergeShapes = ({ defaultShapes, projectShapes }) => {
+    const defaultGapPropagations = Object.keys(defaultJSON.shapes.spaces);
+    const defaultSharpness = Object.keys(defaultJSON.shapes.radiuses);
+    const defaultInlineSpaces = defaultShapes.inlineSpaces;
+    const defaultRadiuses = defaultShapes.radiuses;
+    const defaultBorders = defaultShapes.borders;
+    const defaultSpaces = defaultShapes.spaces;
+    const newShapes = {
+        inlineSpaces: defaultInlineSpaces,
+        radiuses: defaultRadiuses,
+        borders: defaultBorders,
+        spaces: defaultSpaces
+    };
+    if (!projectShapes) {
+        return newShapes;
+    }
+    if (projectShapes.borders) {
+        const projectBorders = projectShapes.borders;
+        newShapes.borders = mergeBorders(defaultBorders, projectBorders);
+    }
+    if (projectShapes.inlineSpaces) {
+        const projectInlineSpaces = projectShapes.inlineSpaces;
+        newShapes.inlineSpaces = mergeInlineSpaces(defaultInlineSpaces, projectInlineSpaces);
+    }
+    if (projectShapes.spaces) {
+        defaultGapPropagations.forEach((gP) => {
+            if (projectShapes.spaces[gP]) {
+                if (defaultSpaces[gP]) {
+                    newShapes.spaces[gP] = mergeSpaces(defaultSpaces[gP], projectShapes.spaces[gP]);
+                }
+                else {
+                    newShapes.spaces[gP] = projectShapes.spaces[gP];
+                }
+            }
+        });
+    }
+    if (projectShapes.radiuses) {
+        defaultSharpness.forEach((s) => {
+            if (projectShapes.radiuses[s]) {
+                if (defaultRadiuses[s]) {
+                    newShapes.radiuses[s] = mergeRadiuses(defaultRadiuses[s], projectShapes.radiuses[s]);
+                }
+                else {
+                    newShapes.radiuses[s] = projectShapes.radiuses[s];
+                }
+            }
+        });
+    }
+    return newShapes;
+};

package/lib/src/helpers/theme/typography.js

@@ -0,0 +1,28 @@
+import { androidTypographyFixer } from "../../utils";
+import _defaultJSON from "../../variants/themes/default.json";
+const defaultJSON = androidTypographyFixer(_defaultJSON);
+export const mergeTypography = (defaultSpacesTokens, projectSpacesTokens) => {
+    return {
+        ...defaultSpacesTokens,
+        ...projectSpacesTokens
+    };
+};
+export const mergeTypographyTokens = ({ defaultTypographyTokens, projectTypographyTokens }) => {
+    const defaultGapPropagations = Object.keys(defaultJSON.shapes.spaces);
+    const defaultTypography = defaultTypographyTokens;
+    const newTypography = defaultTypography;
+    if (!projectTypographyTokens) {
+        return newTypography;
+    }
+    defaultGapPropagations.forEach((gP) => {
+        if (projectTypographyTokens[gP]) {
+            if (defaultTypography[gP]) {
+                newTypography[gP] = mergeTypography(defaultTypography[gP], projectTypographyTokens[gP]);
+            }
+            else {
+                newTypography[gP] = projectTypographyTokens[gP];
+            }
+        }
+    });
+    return newTypography;
+};

package/lib/src/index.js

@@ -0,0 +1,7 @@
+export { getNCoreUIKitVersion, setupNCoreUIKit } from "./core";
+export { NCoreUIKitBottomSheet, NCoreUIKitLocalize, NCoreUIKitSnackBar, NCoreUIKitDialog, NCoreUIKitModal, NCoreUIKitTheme, NCoreUIKitToast } from "./core/hooks";
+export { NotificationIndicator, MarkdownViewer, DateTimePicker, PageContainer, DateTimeSheet, TextAreaInput, MonthSelector, NumericInput, TimeSelector, DateSelector, BottomSheet, SelectSheet, RadioButton, StateCard, TextInput, SelectBox, SnackBar, CheckBox, Sticker, RowCard, Loading, Dialog, Switch, Button, Modal, Toast, Chip, Text } from "./components";
+export { blockquoteMarkdown, centerMarkdown, enterMarkdown, imageMarkdown, parseMarkdown, rightMarkdown, codeMarkdown, leftMarkdown, linkMarkdown, listMarkdown, textMarkdown } from "./components/markdownViewer/util";
+export { mergeTypographyTokens, parseRRuleConfig, mergeTypography, mergeRadiuses, mergePalettes, mergeBorders, mergeSpaces, mergeShapes, mergeTheme } from "./helpers";
+export { ChevronRightIcon, LoadingIcon, CleanIcon } from "./assets/svg";
+export { Portal, Host } from "./helpers/portalize";

package/lib/src/types/bottomSheet.js

@@ -0,0 +1 @@
+export {};

package/lib/src/types/dialog.js

@@ -0,0 +1 @@
+export {};

package/lib/src/types/icon.js

@@ -0,0 +1,2 @@
+import {} from "react";
+import {} from "react-native-svg";

package/lib/src/types/index.js

@@ -0,0 +1,11 @@
+import {} from "react";
+import { Platform } from "react-native";
+import {} from "./icon";
+import {} from "./locale";
+import {} from "./modal";
+import {} from "./theme";
+import defaultLocaleJSON from "../variants/locales/default.json";
+import defaultThemeJSON from "../variants/themes/default.json";
+export const webStyle = (styles) => Platform.OS === "web" ? styles : {};
+;
+export const safeGlobal = globalThis;

package/lib/src/types/locale.js

@@ -0,0 +1 @@
+import {} from "react";

package/lib/src/types/modal.js

@@ -0,0 +1 @@
+import {} from "../components/modal/type";

package/lib/src/types/portalize.js

@@ -0,0 +1 @@
+export {};

package/lib/src/types/snackBar.js

@@ -0,0 +1 @@
+import {} from "../components/snackBar/type";

package/lib/src/types/theme.js

@@ -0,0 +1 @@
+export {};

package/lib/src/types/toast.js

@@ -0,0 +1 @@
+import {} from "../components/toast/type";

package/lib/src/utils/index.js

@@ -0,0 +1,55 @@
+import { Dimensions, Platform } from "react-native";
+const dimensions = Dimensions.get("window");
+export const windowHeight = dimensions.height;
+export const windowWidth = dimensions.width;
+export const uuid = () => {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+        const r = Math.random() * 16 | 0, v = c == "x" ? r : (r & 0x3 | 0x8);
+        return v.toString(16);
+    });
+};
+const ANDROID_FONT_FIX = {
+    "100": "Thin",
+    "200": "ExtraLight",
+    "300": "Light",
+    "400": "Regular",
+    "500": "Medium",
+    "600": "SemiBold",
+    "700": "Bold",
+    "800": "ExtraBold",
+    "900": "Black"
+};
+export const androidTypographyFixer = (defaultPaletteData) => {
+    if (defaultPaletteData.isNeedAndroidTypographyFixer && Platform.OS === "android") {
+        const spacious = defaultPaletteData.typography.spacious;
+        const compact = defaultPaletteData.typography.compact;
+        Object.keys(spacious).forEach((key) => {
+            spacious[key] = {
+                ...spacious[key],
+                fontWeight: "normal",
+                fontFamily: spacious[key].fontFamily.indexOf("-") === -1
+                    ? `${spacious[key].fontFamily}-${ANDROID_FONT_FIX[spacious[key].fontWeight]}`
+                    : spacious[key].fontFamily
+            };
+        });
+        Object.keys(compact).forEach((key) => {
+            compact[key] = {
+                ...compact[key],
+                fontWeight: "normal",
+                fontFamily: compact[key].fontFamily.indexOf("-") === -1
+                    ? `${compact[key].fontFamily}-${ANDROID_FONT_FIX[compact[key].fontWeight]}`
+                    : compact[key].fontFamily
+            };
+        });
+        return {
+            ...defaultPaletteData,
+            typography: {
+                spacious: spacious,
+                compact: compact
+            }
+        };
+    }
+    else {
+        return defaultPaletteData;
+    }
+};

package/lib/src/variants/locales/default.json

@@ -0,0 +1,208 @@
+[
+    {
+        "locale": "tr-TR",
+        "isRTL": false,
+        "translations": {
+            "selected-start-and-end-times-cannot-be-less-than-x-times-apart": "Seçilen başlangıç ve bitiş zamanı {{0}} aralığından az olamaz.",
+            "selected-start-and-end-times-cannot-exceed-x-intervals": "Seçilen başlangıç ve bitiş zamanı {{0}} aralığından çok olamaz.",
+            "minimum-selection-number-of-days-required-not-provided": "Minimum seçilmesi gereken gün sayısını karşılamıyor.",
+            "selected-start-time-cannot-after-then-end-time": "Seçilen başlangıç zamanı, başlangıç zamanından sonra olamaz.",
+            "selected-start-date-cannot-after-then-end-date": "Seçilen başlangıç tarihi, başlangıç tarihinden sonra olamaz.",
+            "selected-end-time-cannot-before-from-start-time": "Seçilen bitiş zamanı, başlangıç zamanından önce olamaz.",
+            "selected-end-date-cannot-before-from-start-date": "Seçilen bitiş tarihi, başlangıç tarihinden önce olamaz.",
+            "maximum-selection-number-of-days-limit-exceeds": "Maksimum seçilebilen gün sınırını aşıyor.",
+            "maximum-selection-limit-has-been-reached": "Maksimum seçim limitine ulaşıldı.",
+            "minimum-a-item-selection-required": "Minimum 1 öğe seçimi gereklidir.",
+            "start-date-select-is-required": "Başlangıç tarihi seçimi zorunlu.",
+            "end-date-select-is-required": "Bitiş tarihi seçimi zorunlu.",
+            "selected-options-with-count": "{{0}} seçim yapıldı",
+            "select-any-date": "Bir tarih seçin",
+            "clean-selection": "Seçimi Temizle",
+            "select-an-option": "Seçim yapın",
+            "start-time": "Başlangıç Zamanı",
+            "clean-all": "Tümünü Temizle",
+            "is-optional": "Opsiyonel",
+            "select-all": "Tümünü Seç",
+            "end-time": "Bitiş Zamanı",
+            "go-to-today": "Bugün",
+            "monthly": "Aylık",
+            "yearly": "Yıllık",
+            "cancel": "İptal",
+            "daily": "Günlük",
+            "search": "Ara",
+            "ok": "Tamam"
+        },
+        "rruleConfig": {
+            "dayNames": [
+                "Pazar",
+                "Pazartesi",
+                "Salı",
+                "Çarşamba",
+                "Perşembe",
+                "Cuma",
+                "Cumartesi"
+            ],
+            "monthNames": [
+                "Ocak",
+                "Şubat",
+                "Mart",
+                "Nisan",
+                "Mayıs",
+                "Haziran",
+                "Temmuz",
+                "Ağustos",
+                "Eylül",
+                "Ekim",
+                "Kasım",
+                "Aralık"
+            ],
+            "tokens": {
+                "SKIP": "^[ \\r\\n\\t]+|^\\.$",
+                "number": "^[1-9][0-9]*",
+                "numberAsText": "^(bir|iki|üç)/i",
+                "every": "^her/i",
+                "day(s)": "^gün(ler)?/i",
+                "weekday(s)": "^hafta içi/i",
+                "week(s)": "^hafta(lar)?/i",
+                "hour(s)": "^saat(ler)?/i",
+                "minute(s)": "^dakika(lar)?/i",
+                "month(s)": "^ay(lar)?/i",
+                "year(s)": "^yıl(lar)?|^sene(ler)?/i",
+                "on": "^(günü|günde|ayında|yılında)/i",
+                "at": "^(saatinde|saat)/i",
+                "the": "^o/i",
+                "first": "^ilk|^birinci/i",
+                "second": "^ikinci/i",
+                "third": "^üçüncü/i",
+                "nth": "^([1-9][0-9]*)(\\.|ıncı|inci|uncu|üncü|ncı|nci|ncu|ncü)/i",
+                "last": "^son/i",
+                "for": "^için/i",
+                "time(s)": "^kez|^defa|^sefer/i",
+                "until": "^e kadar|^kadar/i",
+                "monday": "^pazartesi|^pzt/i",
+                "tuesday": "^salı|^sal/i",
+                "wednesday": "^çarşamba|^çar/i",
+                "thursday": "^perşembe|^per/i",
+                "friday": "^cuma|^cum/i",
+                "saturday": "^cumartesi|^cts/i",
+                "sunday": "^pazar|^paz/i",
+                "january": "^ocak|^oca/i",
+                "february": "^şubat|^şub/i",
+                "march": "^mart|^mar/i",
+                "april": "^nisan|^nis/i",
+                "may": "^mayıs|^may/i",
+                "june": "^haziran|^haz/i",
+                "july": "^temmuz|^tem/i",
+                "august": "^ağustos|^ağu/i",
+                "september": "^eylül|^eyl/i",
+                "october": "^ekim|^eki/i",
+                "november": "^kasım|^kas/i",
+                "december": "^aralık|^ara/i",
+                "comma": "^(,\\s*|(ve|veya)\\s*)+/i"
+            }
+        }
+    },
+    {
+        "locale": "en-US",
+        "isRTL": false,
+        "translations": {
+            "minimum-selection-number-of-days-required-not-provided": "It does not meet the minimum number of days required for selection.",
+            "selected-start-and-end-times-cannot-be-less-than-x-times-apart": "Selected start and end times cannot be less than {{0}}.",
+            "selected-start-and-end-times-cannot-exceed-x-intervals": "selected start and end times cannot exceed {{0}} intervals.",
+            "maximum-selection-number-of-days-limit-exceeds": "It exceeds the maximum number of days that can be selected.",
+            "selected-end-time-cannot-before-from-start-time": "Selected end time cannot before from start time.",
+            "selected-end-date-cannot-before-from-start-date": "Selected end date cannot before from start date.",
+            "selected-start-time-cannot-after-then-end-time": "Selected start time cannot after then end time.",
+            "selected-start-date-cannot-after-then-end-date": "Selected start date cannot after then end date.",
+            "maximum-selection-limit-has-been-reached": "Maximum selection limit has been reached.",
+            "minimum-a-item-selection-required": "Minimum 1 item selection required.",
+            "start-date-select-is-required": "Start date select is required.",
+            "end-date-select-is-required": "End date select is required.",
+            "selected-options-with-count": "{{0}} items selected",
+            "select-an-option": "Select an option",
+            "clean-selection": "Clean Selection",
+            "select-any-date": "Select any date",
+            "start-time": "Start Time",
+            "select-all": "Select All",
+            "is-optional": "Optional",
+            "go-to-today": "Go Today",
+            "clean-all": "Clean All",
+            "end-time": "End Time",
+            "monthly": "Monthly",
+            "cancel": "Cancel",
+            "search": "Search",
+            "yearly": "Yearly",
+            "daily": "Daily",
+            "ok": "Okey"
+        },
+        "rruleConfig": {
+            "dayNames": [
+                "Sunday",
+                "Monday",
+                "Tuesday",
+                "Wednesday",
+                "Thursday",
+                "Friday",
+                "Saturday"
+            ],
+            "monthNames": [
+                "January",
+                "February",
+                "March",
+                "April",
+                "May",
+                "June",
+                "July",
+                "August",
+                "September",
+                "October",
+                "November",
+                "December"
+            ],
+            "tokens": {
+                "SKIP": "^[ \\r\\n\\t]+|^\\.$",
+                "number": "^[1-9][0-9]*",
+                "numberAsText": "^(one|two|three)/i",
+                "every": "^every/i",
+                "day(s)": "^days?/i",
+                "weekday(s)": "^weekdays?/i",
+                "week(s)": "^weeks?/i",
+                "hour(s)": "^hours?/i",
+                "minute(s)": "^minutes?/i",
+                "month(s)": "^months?/i",
+                "year(s)": "^years?/i",
+                "on": "^(on|in)/i",
+                "at": "^(at)/i",
+                "the": "^the/i",
+                "first": "^first/i",
+                "second": "^second/i",
+                "third": "^third/i",
+                "nth": "^([1-9][0-9]*)(\\.|th|nd|rd|st)/i",
+                "last": "^last/i",
+                "for": "^for/i",
+                "time(s)": "^times?/i",
+                "until": "^(un)?til/i",
+                "monday": "^mo(n(day)?)?/i",
+                "tuesday": "^tu(e(s(day)?)?)?/i",
+                "wednesday": "^we(d(n(esday)?)?)?/i",
+                "thursday": "^th(u(r(sday)?)?)?/i",
+                "friday": "^fr(i(day)?)?/i",
+                "saturday": "^sa(t(urday)?)?/i",
+                "sunday": "^su(n(day)?)?/i",
+                "january": "^jan(uary)?/i",
+                "february": "^feb(ruary)?/i",
+                "march": "^mar(ch)?/i",
+                "april": "^apr(il)?/i",
+                "may": "^may/i",
+                "june": "^june?/i",
+                "july": "^july?/i",
+                "august": "^aug(ust)?/i",
+                "september": "^sep(t(ember)?)?/i",
+                "october": "^oct(ober)?/i",
+                "november": "^nov(ember)?/i",
+                "december": "^dec(ember)?/i",
+                "comma": "^(,\\s*|(and|or)\\s*)+/i"
+            }
+        }
+    }
+]