ikoncomponents 1.5.8 → 1.5.10

package/dist/ikoncomponents/password-strength-meter/index.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Progress } from "../../shadcn/progress";
+import zxcvbn from "zxcvbn";
+export const PasswordStrengthMeter = ({ value }) => {
+    const testResult = zxcvbn(value);
+    const num = (testResult.score * 100) / 4;
+    const createPassLabel = () => {
+        switch (testResult.score) {
+            case 0:
+                return "Very weak";
+            case 1:
+                return "Weak";
+            case 2:
+                return "Fair";
+            case 3:
+                return "Good";
+            case 4:
+                return "Strong";
+            default:
+                return "";
+        }
+    };
+    const funcProgressColor = () => {
+        switch (testResult.score) {
+            case 0:
+                return "#828282";
+            case 1:
+                return "#EA1111";
+            case 2:
+                return "#FFAD00";
+            case 3:
+                return "#9bc158";
+            case 4:
+                return "#00b500";
+            default:
+                return "";
+        }
+    };
+    return (_jsx(_Fragment, { children: _jsx(Progress, { value: num, indicatorColor: funcProgressColor() }) }));
+};

package/dist/ikoncomponents/phone-input/index.d.ts

@@ -0,0 +1 @@
+export declare function PhoneInput({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/phone-input/index.js

@@ -0,0 +1,41 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../shadcn/button';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../shadcn/command';
+import { Popover, PopoverContent, PopoverTrigger } from '../../shadcn/popover';
+import { ChevronsUpDown } from 'lucide-react';
+import { useState } from 'react';
+import { countries } from 'countries-list';
+import * as Flags from "country-flag-icons/react/3x2";
+const Flag = ({ code }) => {
+    const FlagComponent = Flags[code];
+    return _jsx(FlagComponent, {});
+};
+export function PhoneInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const [open, setOpen] = useState(false);
+    const [value, setValue] = useState("");
+    const [countryCode, setCountryCode] = useState("");
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-expanded": open, className: "justify-between bg-secondary", children: [countryCode
+                            ? _jsx(Flag, { code: countryCode })
+                            : "...", _jsx(ChevronsUpDown, { className: "opacity-50" })] }) }), _jsx(PopoverContent, { className: "p-0", align: 'start', children: _jsxs(Command, { filter: (value, search, keywords = []) => {
+                        const extendValue = value.toLowerCase() + ' ' + keywords.join(' ').toLowerCase();
+                        if (extendValue.includes(search.toLowerCase()))
+                            return 1;
+                        return 0;
+                    }, children: [_jsx(CommandInput, { placeholder: "Search ...", className: "h-9" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No country found." }), _jsx(CommandGroup, { children: Object.entries(countries).map(([code, country]) => (country.phone.map((phone) => _jsxs(CommandItem, { value: `${phone}`, keywords: [country.name, "+" + phone.toString(), code], onSelect: (currentValue) => {
+                                            setValue(currentValue === value ? "" : currentValue);
+                                            setCountryCode(code);
+                                            setOpen(false);
+                                        }, children: [_jsx(Flag, { code: code }), " ", country.name, " +", phone] }, phone)))) })] })] }) })] }));
+}

package/dist/ikoncomponents/provider-wrapper/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare function ProviderWrapper({ children, baseUrl, platformUrl }: {
+    children: React.ReactNode;
+    baseUrl: string;
+    platformUrl: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/provider-wrapper/index.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider } from "../../utils/theme-provider";
+import { FontProvider } from "../../utils/font-provider";
+import { RadiusProvider } from "../../utils/border-radius-provider";
+import { BreadcrumbProvider } from "../app-breadcrumb/BreadcrumbProvider";
+import { MainLayout } from "../main-layout";
+import { RefreshProvider } from "../main-layout/RefreshContext";
+export function ProviderWrapper({ children, baseUrl, platformUrl }) {
+    return (_jsx(ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true, children: _jsx(FontProvider, { children: _jsx(RadiusProvider, { children: _jsx(BreadcrumbProvider, { children: _jsx(RefreshProvider, { children: _jsx(MainLayout, { baseUrl: baseUrl, platformUrl: platformUrl, children: children }) }) }) }) }) }));
+}

package/dist/ikoncomponents/search-input/index.d.ts

@@ -0,0 +1 @@
+export declare function SearchInput({ className, ...props }: any): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/search-input/index.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from '../../shadcn/input';
+import { cx } from 'class-variance-authority';
+import { Search } from 'lucide-react';
+export function SearchInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsxs("div", { className: "relative w-auto flex items-center", children: [_jsx(Search, { className: "absolute left-2 mr-2 h-4 w-4 shrink-0 opacity-50" }), _jsx(Input, Object.assign({ className: cx('pl-8 h-8', className) }, props))] }));
+}

package/dist/ikoncomponents/sheet/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export declare function SheetComponent({ buttonText, buttonIcon, buttonStyle, sheetContent, sheetDescription, sheetTitle, closeButton }: {
+    buttonText?: React.ReactNode;
+    buttonIcon?: React.ReactNode;
+    buttonStyle?: string;
+    sheetTitle?: React.ReactNode;
+    sheetDescription?: React.ReactNode;
+    sheetContent?: React.ReactNode;
+    closeButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/sheet/index.js

@@ -0,0 +1,6 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../../shadcn/button";
+import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "../../shadcn/sheet";
+export function SheetComponent({ buttonText, buttonIcon, buttonStyle, sheetContent, sheetDescription, sheetTitle, closeButton }) {
+    return (_jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs(Button, { variant: 'outline', className: buttonStyle, size: "smIcon", children: [buttonText, buttonIcon] }) }), _jsxs(SheetContent, { className: "p-4", children: [_jsx(SheetTitle, { children: sheetTitle }), sheetContent] })] }));
+}

package/dist/ikoncomponents/simple-widget/index.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+interface Props {
+    title: string;
+    iconName?: string;
+    iconSize?: number;
+    iconClass?: string;
+    primaryText: number | string | ReactNode;
+    secondaryText?: string | ReactNode;
+    mainClassName?: string;
+    loading?: boolean;
+    loadingMessage?: string;
+}
+export declare function SimpleWidget({ title, iconName, iconSize, iconClass, primaryText, secondaryText, mainClassName, loading, loadingMessage }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ikoncomponents/simple-widget/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent } from "../../shadcn/card";
+import { icons, LoaderCircle } from "lucide-react";
+const LUCID_ICONS = icons;
+export function SimpleWidget({ title, iconName, iconSize, iconClass, primaryText, secondaryText, mainClassName = '', loading, loadingMessage }) {
+    let IconComponent = null;
+    if (iconName) {
+        IconComponent = LUCID_ICONS[iconName];
+    }
+    iconSize = iconSize === undefined ? 20 : iconSize;
+    iconClass = iconClass !== null && iconClass !== void 0 ? iconClass : '';
+    loadingMessage = loadingMessage !== null && loadingMessage !== void 0 ? loadingMessage : 'Loading...';
+    return (_jsx(Card, { className: mainClassName, children: _jsxs(CardContent, { className: 'p-5', children: [_jsxs("div", { className: 'flex items-center justify-between gap-4', children: [_jsx("span", { children: title }), loading ? (_jsx(LoaderCircle, { size: iconSize, className: 'animate-spin ' + iconClass })) : (IconComponent && _jsx(IconComponent, { size: iconSize, className: iconClass }))] }), _jsx("div", { className: 'mt-6 text-2xl font-semibold', children: loading ? '...' : primaryText }), secondaryText && (_jsx("small", { className: 'mt-2 text-gray-400', children: loading ? loadingMessage : secondaryText }))] }) }));
+}

package/dist/ikoncomponents/skeleton-loader/skeleton-table.d.ts

@@ -0,0 +1,5 @@
+export interface GradeTableLoaderProps {
+    rowCount?: number;
+    showToolbar?: boolean;
+}
+export declare function GradeTableLoader({ rowCount, showToolbar, }: GradeTableLoaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/skeleton-loader/skeleton-table.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../../shadcn/skeleton";
+export function GradeTableLoader({ rowCount = 6, showToolbar = true, }) {
+    return (_jsxs("div", { className: "space-y-4", children: [showToolbar && (_jsxs("div", { className: "flex justify-between", children: [_jsx(Skeleton, { className: "h-8 w-64 rounded-md" }), _jsx(Skeleton, { className: "h-8 w-32 rounded-md" })] })), _jsx("div", { className: "space-y-4", children: [...Array(rowCount)].map((_, i) => (_jsx("div", { className: "grid gap-4 items-center", children: _jsx(Skeleton, { className: "h-8 w-full" }) }, i))) })] }));
+}

package/dist/ikoncomponents/skeleton-loader/skeleton-widget.d.ts

@@ -0,0 +1,3 @@
+export declare function SkeletonWidget({ count }: {
+    count: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/skeleton-loader/skeleton-widget.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from "../../shadcn/skeleton";
+export function SkeletonWidget({ count }) {
+    return (_jsx("div", { className: 'flex flex-row gap-3 w-full', children: count > 0 && Array.from({ length: count }).map((_, index) => (_jsx(Skeleton, { className: "w-1/" + count + " flex flex-col md:flex-row gap-2 h-20", children: _jsx("div", { className: "flex flex-1 flex-row justify-between border rounded-md p-2 bg-card-new" }) }, 'widget_' + index))) }));
+}

package/dist/ikoncomponents/tabs/index.d.ts

@@ -0,0 +1,2 @@
+import { TabProps } from "./type";
+export declare function CustomTabs({ children, tabArray, pathName, tabListClass, tabListInnerClass, tabListButtonClass, tabContentClass, headerEndComponent, onTabChange, isSeperatePage, }: TabProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/tabs/index.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tabs as TabsComp, TabsContent, TabsList, TabsTrigger, } from "../../shadcn/tabs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../shadcn/dropdown-menu";
+import { EllipsisVertical } from "lucide-react";
+import { TextButton } from "../buttons";
+import { Card } from "../../shadcn/card";
+import { useEffect, useState } from "react";
+import { useIsMobile } from "../../hooks/use-mobile";
+export function CustomTabs({ children, tabArray, pathName, tabListClass = "", tabListInnerClass = "", tabListButtonClass = "", tabContentClass = "", headerEndComponent, onTabChange, isSeperatePage = false, }) {
+    var _a, _b;
+    // const pathName = usePathname();
+    const [itemToDisplay, setItemToDisplay] = useState(5);
+    const isMobile = useIsMobile();
+    const [visibleTabs, setVisibleTabs] = useState([]);
+    const [groupedTabs, setGroupedTabs] = useState([]);
+    const [activeTab, setActiveTab] = useState(((_a = tabArray.find((tab) => tab.default)) === null || _a === void 0 ? void 0 : _a.tabId) || ((_b = tabArray[0]) === null || _b === void 0 ? void 0 : _b.tabId) || "");
+    useEffect(() => {
+        setItemToDisplay(isMobile ? 2 : 5);
+    }, [isMobile]);
+    useEffect(() => {
+        if (pathName && isSeperatePage) {
+            const lastPath = pathName.split("/").pop() || "";
+            setActiveTab(lastPath);
+        }
+    }, [pathName, isSeperatePage]);
+    useEffect(() => {
+        setVisibleTabs(tabArray.slice(0, itemToDisplay));
+        setGroupedTabs(tabArray.slice(itemToDisplay));
+    }, [tabArray, itemToDisplay]);
+    const handleTabChange = (tabId) => {
+        setActiveTab(tabId);
+        onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(tabId);
+    };
+    const handleGroupedTabSelect = (tab) => {
+        setVisibleTabs((prev) => {
+            const updatedTabs = [...prev];
+            const replacedTab = updatedTabs.pop();
+            if (replacedTab) {
+                setGroupedTabs((prevGrouped) => [
+                    ...prevGrouped.filter((t) => t.tabId !== tab.tabId),
+                    replacedTab,
+                ]);
+            }
+            return [...updatedTabs, tab];
+        });
+        handleTabChange(tab.tabId);
+    };
+    return (_jsxs(TabsComp, { value: activeTab, onValueChange: handleTabChange, className: "w-full h-full flex flex-col", children: [_jsxs(TabsList, { className: `flex justify-between items-center ${tabListClass}`, children: [_jsxs("div", { className: `flex w-full ${tabListInnerClass}`, children: [visibleTabs.map((tab) => (_jsx(TabsTrigger, { value: tab.tabId, className: tabListButtonClass, children: tab.tabName }, tab.tabId))), groupedTabs.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(TextButton, { variant: "outline", size: 'smIcon', className: "mt-1", children: _jsx(EllipsisVertical, {}) }) }), _jsx(DropdownMenuContent, { children: groupedTabs.map((tab) => (_jsx(DropdownMenuItem, { onClick: () => handleGroupedTabSelect(tab), children: tab.tabName }, tab.tabId))) })] }))] }), headerEndComponent && _jsx("div", { children: headerEndComponent })] }), children ? (_jsx(TabsContent, { value: activeTab, className: `mt-3 flex-grow overflow-auto h-full w-full ${tabContentClass}`, children: _jsx(Card, { className: "h-full w-full p-3", children: children }) })) : (tabArray.map((tab) => (_jsx(TabsContent, { value: tab.tabId, className: `mt-3 flex-grow overflow-auto h-full w-full ${tabContentClass}`, children: _jsx(Card, { className: "h-full w-full p-3", children: tab === null || tab === void 0 ? void 0 : tab.tabContent }) }, tab.tabId))))] }));
+}

package/{templates/default/ikoncomponents/tabs/type.ts → dist/ikoncomponents/tabs/type.d.ts}

@@ -1,20 +1,19 @@
-export interface TabArray {
-    tabName: string;
-    tabId: string;
-    default: boolean;
-    tabContent?: React.ReactNode;
-    url?: string;
-};
-
-export interface TabProps {
-    children?: React.ReactNode;
-    tabArray: TabArray[];
-    tabListClass?: string;
-    tabListInnerClass?: string;
-    tabListButtonClass?: string;
-    tabContentClass?: string;
-    pathName?: string;
-    headerEndComponent?: React.ReactNode;
-    onTabChange?: (tabId: string) => void;
-    isSeperatePage?: boolean;
-}
+export interface TabArray {
+    tabName: string;
+    tabId: string;
+    default: boolean;
+    tabContent?: React.ReactNode;
+    url?: string;
+}
+export interface TabProps {
+    children?: React.ReactNode;
+    tabArray: TabArray[];
+    tabListClass?: string;
+    tabListInnerClass?: string;
+    tabListButtonClass?: string;
+    tabContentClass?: string;
+    pathName?: string;
+    headerEndComponent?: React.ReactNode;
+    onTabChange?: (tabId: string) => void;
+    isSeperatePage?: boolean;
+}

package/dist/ikoncomponents/tabs/type.js

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

package/dist/ikoncomponents/theme-toggle-btn/index.d.ts

@@ -0,0 +1 @@
+export declare function ThemeToggleBtn(): import("react/jsx-runtime").JSX.Element | null;