ikoncomponents 1.2.9 → 1.3.1

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.
@@ -20,7 +20,7 @@ export default function BigCalenderToolbar({ onNavigate, onView, label, extraToo
20
20
  default:
21
21
  break;
22
22
  }
23
- }, children: [_jsx(ToggleGroupItem, { className: "rounded-e-none", value: "PREV", children: _jsx(ChevronLeft, { size: 16 }) }), _jsx(ToggleGroupItem, { className: 'rounded-none border-x-0', value: "NEXT", children: _jsx(ChevronRight, { size: 16 }) }), _jsx(ToggleGroupItem, { className: 'rounded-s-none', value: "TODAY", children: "Today" })] }), _jsx("span", { className: "rbc-toolbar-label", children: label }), _jsxs("div", { className: "flex flex-row gap-2", children: [extraTools === null || extraTools === void 0 ? void 0 : extraTools.map((tool, index) => _jsx(Fragment, { children: tool }, index)), _jsxs(ToggleGroup, { type: "single", variant: 'outline', value: calViewsValue, onValueChange: (value) => {
23
+ }, children: [_jsx(ToggleGroupItem, { className: "rounded-e-none", value: "PREV", children: _jsx(ChevronLeft, { size: 16 }) }), _jsx(ToggleGroupItem, { className: "rounded-none border-x", value: "NEXT", children: _jsx(ChevronRight, { size: 16 }) }), _jsx(ToggleGroupItem, { className: "rounded-s-none", value: "TODAY", children: "Today" })] }), _jsx("span", { className: "rbc-toolbar-label", children: label }), _jsxs("div", { className: "flex flex-row gap-2", children: [_jsxs(ToggleGroup, { type: "single", variant: 'outline', value: calViewsValue, onValueChange: (value) => {
24
24
  setValue(value);
25
25
  switch (value) {
26
26
  case "DAY":
@@ -35,5 +35,5 @@ export default function BigCalenderToolbar({ onNavigate, onView, label, extraToo
35
35
  default:
36
36
  break;
37
37
  }
38
- }, children: [_jsx(ToggleGroupItem, { className: "rounded-e-none", value: "DAY", children: "Day" }), _jsx(ToggleGroupItem, { className: 'rounded-none border-x-0', value: "WEEK", children: "Week" }), _jsx(ToggleGroupItem, { className: 'rounded-s-none', value: "MONTH", children: "Month" })] })] })] }) }));
38
+ }, children: [_jsx(ToggleGroupItem, { className: 'rounded-e-none', value: "MONTH", children: "Month" }), _jsx(ToggleGroupItem, { className: 'rounded-none border-x-0', value: "WEEK", children: "Week" }), _jsx(ToggleGroupItem, { className: "rounded-s-none", value: "DAY", children: "Day" })] }), extraTools === null || extraTools === void 0 ? void 0 : extraTools.map((tool, index) => _jsx(Fragment, { children: tool }, index))] })] }) }));
39
39
  }
@@ -7,9 +7,9 @@ import { format } from "date-fns";
7
7
  import { CalendarIcon } from "lucide-react";
8
8
  import { Calendar } from "../../../shadcn/calendar";
9
9
  export function FormDateInput({ formControl, name, label, placeholder, dateFormat, calendarDateDisabled, formDescription, disabled, }) {
10
- return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && (_jsxs(_Fragment, { children: [_jsx(FormLabel, { children: label }), _jsx("br", {})] })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", className: cn(!field.value && "text-foreground/50"), disabled: disabled, children: [field.value ? (format(field.value, dateFormat || "PPP")) : (_jsx("span", { children: placeholder || "Pick a date" })), _jsx(CalendarIcon, { className: "ml-auto h-4 w-4 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: field.value, onSelect: field.onChange, disabled: calendarDateDisabled,
10
+ return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && (_jsx(_Fragment, { children: _jsx(FormLabel, { children: label }) })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", className: cn(!field.value && "text-foreground/50"), disabled: disabled, children: [field.value ? (format(field.value, dateFormat || "PPP")) : (_jsx("span", { children: placeholder || "Pick a date" })), _jsx(CalendarIcon, { className: "ml-auto h-4 w-4 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: field.value, onSelect: field.onChange, disabled: calendarDateDisabled,
11
11
  // disabled={(date) =>
12
12
  // date > new Date() || date < new Date("1900-01-01")
13
13
  // }
14
- initialFocus: true }) })] }), formDescription && (_jsx(FormDescription, { children: formDescription })), _jsx(FormMessage, {})] })) }) }));
14
+ autoFocus: true }) })] }), formDescription && (_jsx(FormDescription, { children: formDescription })), _jsx(FormMessage, {})] })) }) }));
15
15
  }
@@ -1,4 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Copyright } from "lucide-react";
2
3
  export function Footer() {
3
- return (_jsx("footer", { className: "ml-12 flex border-t px-4 py-2 justify-center lg:justify-start", children: _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("span", { children: "Powered By" }), _jsx("a", { href: "https://keross.com", target: "_blank", children: "Keross" }), _jsx("span", { className: "", children: "|" }), _jsx("span", { id: "txtCopyrightYear", className: "", children: new Date().getFullYear() })] }) }));
4
+ return (_jsx("footer", { className: "ml-12 flex border-t px-4 py-2 justify-center lg:justify-start", children: _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Copyright, {}), _jsx("span", { children: "Powered By" }), _jsx("a", { href: "https://keross.com", target: "_blank", children: "Keross" }), _jsx("span", { className: "", children: "|" }), _jsx("span", { id: "txtCopyrightYear", className: "", children: new Date().getFullYear() })] }) }));
4
5
  }
@@ -3,12 +3,13 @@ import { AppBreadcrumb } from "../app-breadcrumb";
3
3
  import { ThemeToggleBtn } from "../theme-toggle-btn";
4
4
  import { Separator } from "../../shadcn/separator";
5
5
  import { SidebarTrigger } from "../../shadcn/sidebar";
6
- import { Bell, LayoutGrid, Play } from "lucide-react";
7
- import { IconButton, IconButtonWithTooltip, IconTextButton } from "../buttons";
6
+ import { Bell, Play } from "lucide-react";
7
+ import { IconButtonWithTooltip, IconTextButton } from "../buttons";
8
8
  import { useSidebarNav } from "./SidebarNavContext";
9
+ import Link from "next/link";
9
10
  export function Header() {
10
11
  const { navItems } = useSidebarNav();
11
12
  return (_jsx("header", { className: "ml-12 flex h-12 border-b shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: _jsxs("div", { className: "flex items-center justify-between gap-2 px-4 w-full", children: [_jsxs("div", { className: "flex items-center gap-2", children: [(!navItems || navItems.length === 0) ? _jsx("div", {}) : _jsx(SidebarTrigger, { className: "-ml-1" }), (!navItems || navItems.length === 0) ?
12
13
  _jsx("div", {}) :
13
- _jsx(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }), _jsx(AppBreadcrumb, {})] }), _jsxs("div", { className: "ml-auto flex gap-4", children: [_jsx(IconButtonWithTooltip, { tooltipContent: "Notifications", children: _jsx(Bell, {}) }), _jsx(ThemeToggleBtn, {}), _jsxs(IconTextButton, { variant: "default", children: [_jsx(Play, {}), "App Store"] }), _jsx(IconButton, { children: _jsx(LayoutGrid, {}) })] })] }) }));
14
+ _jsx(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }), _jsx(AppBreadcrumb, {})] }), _jsxs("div", { className: "ml-auto flex gap-4", children: [_jsx(IconButtonWithTooltip, { className: "px-2!", tooltipContent: "Notifications", children: _jsx(Bell, {}) }), _jsx(ThemeToggleBtn, {}), _jsx(Link, { href: "/app-store", children: _jsxs(IconTextButton, { variant: "default", children: [_jsx(Play, {}), "App Store"] }) })] })] }) }));
14
15
  }
@@ -12,11 +12,23 @@ export interface Account {
12
12
  export interface Software {
13
13
  softwareId: string;
14
14
  softwareName: string;
15
- url: string;
16
- icon: string;
17
- visible: boolean;
18
- defaultSoftware: boolean;
19
- order: number;
15
+ displayName: string;
16
+ softwareDescription: string;
17
+ softwareVersion: string;
18
+ softwareOwner: string;
19
+ softwareDeveloper: string;
20
+ softwareManager: string;
21
+ softwareVisibility: "PUBLIC" | "PRIVATE";
22
+ softwareStatus: string;
23
+ repoName: string;
24
+ active: boolean;
25
+ price: number;
26
+ currency: string | null;
27
+ logoResourceId: string | null;
28
+ icon: string | null;
29
+ link: string | null;
30
+ category: string | null;
31
+ videoResources: any[];
20
32
  }
21
33
  export interface User {
22
34
  userId: string;
@@ -11,6 +11,7 @@ import axios from 'axios';
11
11
  import { redirect } from 'next/navigation';
12
12
  import Link from 'next/link';
13
13
  import { jwtDecode } from "jwt-decode";
14
+ import { Icon } from '../icon';
14
15
  export const MainSidebar = ({ baseUrl }) => {
15
16
  const [user, setUser] = React.useState();
16
17
  const [accounts, setAccounts] = React.useState([]);
@@ -24,6 +25,12 @@ export const MainSidebar = ({ baseUrl }) => {
24
25
  .toUpperCase()
25
26
  .slice(0, 2);
26
27
  };
28
+ function toPascalCase(icon) {
29
+ return icon
30
+ .split("-")
31
+ .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
32
+ .join("");
33
+ }
27
34
  React.useEffect(() => {
28
35
  const fetchUser = async () => {
29
36
  try {
@@ -58,7 +65,7 @@ export const MainSidebar = ({ baseUrl }) => {
58
65
  const fetchSubscribedSoftwares = async () => {
59
66
  try {
60
67
  const accessToken = await getValidAccessToken();
61
- const response = await axios.get(`${baseUrl}/platform/software/accessible/user`, {
68
+ const response = await axios.get(`${baseUrl}/platform/software/accessible/account`, {
62
69
  headers: {
63
70
  Authorization: `Bearer ${accessToken}`,
64
71
  },
@@ -75,10 +82,11 @@ export const MainSidebar = ({ baseUrl }) => {
75
82
  }, []);
76
83
  return (_jsx(TooltipProvider, { delayDuration: 0, children: _jsxs("aside", { className: "fixed left-0 top-0 z-20 h-screen w-12 border-r border-border bg-sidebar text-sidebar-foreground flex flex-col items-center py-4 ", children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "default", className: "mb-4 h-8 w-8 rounded-lg p-0", disabled: !selectedAccount, children: _jsx("span", { className: "text-base font-medium text-accent-foreground", children: selectedAccount ? getInitials(selectedAccount.accountName) : '...' }) }) }), _jsxs(DropdownMenuContent, { className: "w-55", side: "right", sideOffset: 8, align: "start", children: [_jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-foreground", children: "Accounts" }), accounts.map((account) => (_jsxs(DropdownMenuItem, { className: "flex items-center justify-between cursor-pointer", onClick: () => {
77
84
  setSelectedAccount(account);
78
- }, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-6 w-6 rounded bg-primary/10 flex items-center justify-center", children: _jsx("span", { className: "text-xs font-medium text-primary", children: getInitials(account.accountName) }) }), _jsx("span", { className: "text-sm", children: account.accountName })] }), (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountId) === account.accountId && (_jsx(Check, { className: "h-4 w-4 text-primary" }))] }, account.accountId)))] })] }), _jsx("nav", { className: "flex flex-col gap-2", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/home", children: [_jsx(Home, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Home" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Home" })] }, "home") }), _jsx("nav", { className: "flex flex-col gap-2 flex-1", children: softwares.map((software) => {
79
- const Icon = FolderCode;
80
- return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: software.url, children: [_jsx(Icon, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: software.softwareName })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: software.softwareName })] }, software.softwareName));
81
- }) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: "/ikon-portal/last-visited", children: [_jsx(Clock, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Last Visited" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Last Visited" })] }, "last-visited"), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: "/ikon-portal/favourites", children: [_jsx(Heart, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Favourites" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Favourites" })] }, "favourites"), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: "/ikon-portal/settings", children: [_jsx(Settings, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Settings" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Settings" })] }, "settings"), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10 rounded-full", children: _jsx(CircleUserRound, { className: "h-8 w-8" }) }) }), _jsxs(DropdownMenuContent, { className: "w-55 p-0", side: 'right', sideOffset: 8, children: [_jsxs("div", { className: "flex items-start gap-3 p-4 bg-card", children: [_jsx(CircleUserRound, { className: "h-8 w-8" }), _jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-bold text-foreground blue-dark:text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userName }), _jsx("p", { className: "text-xs text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userEmail }), _jsx("p", { className: "text-sm text-muted-foreground font-semibold", children: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountName })] })] }), _jsx(DropdownMenuSeparator, { className: "my-0" }), _jsxs(DropdownMenuItem, { onClick: async () => {
85
+ }, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-6 w-6 rounded bg-primary/10 flex items-center justify-center", children: _jsx("span", { className: "text-xs font-medium text-primary", children: getInitials(account.accountName) }) }), _jsx("span", { className: "text-sm", children: account.accountName })] }), (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountId) === account.accountId && (_jsx(Check, { className: "h-4 w-4 text-primary" }))] }, account.accountId)))] })] }), _jsx("nav", { className: "flex flex-col gap-1", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/home", children: [_jsx(Home, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Home" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Home" })] }, "home") }), _jsx("nav", { className: "flex flex-col gap-1 flex-1", children: softwares.map((software) => {
86
+ var _a, _b;
87
+ const hasIcon = Boolean(software.icon && software.icon.trim() !== "");
88
+ return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: "h-8 w-8", children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: (_a = software.link) !== null && _a !== void 0 ? _a : "#", children: [hasIcon ? (_jsx(Icon, { name: toPascalCase((_b = software.icon) !== null && _b !== void 0 ? _b : ''), className: "h-8 w-8" })) : (_jsx(FolderCode, { className: "h-8 w-8" })), _jsx("span", { className: "sr-only", children: software.softwareName })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: software.softwareName })] }, software.softwareName));
89
+ }) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/last-visited", children: [_jsx(Clock, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Last Visited" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Last Visited" })] }, "last-visited"), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/favourites", children: [_jsx(Heart, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Favourites" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Favourites" })] }, "favourites"), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/settings", children: [_jsx(Settings, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Settings" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Settings" })] }, "settings"), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", children: _jsx(CircleUserRound, { className: "h-8 w-8" }) }) }), _jsxs(DropdownMenuContent, { className: "w-55 p-0", side: 'right', sideOffset: 8, children: [_jsxs("div", { className: "flex items-start gap-3 p-4 bg-card", children: [_jsx(CircleUserRound, { className: "h-8 w-8" }), _jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-bold text-foreground blue-dark:text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userName }), _jsx("p", { className: "text-xs text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userEmail }), _jsx("p", { className: "text-sm text-muted-foreground font-semibold", children: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountName })] })] }), _jsx(DropdownMenuSeparator, { className: "my-0" }), _jsxs(DropdownMenuItem, { onClick: async () => {
82
90
  await clearAllCookieSession();
83
91
  redirect("/login.html");
84
92
  }, className: "flex items-center gap-2 px-4 py-3 cursor-pointer focus:bg-destructive dark:focus:bg-destructive blue-dark:focus:bg-destructive", children: [_jsx(LogOut, { className: "h-4 w-4 text-foreground" }), _jsx("span", { children: "Log out" })] })] })] })] }) }));
@@ -0,0 +1 @@
1
+ export declare function WorkInProgress(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ export function WorkInProgress() {
3
+ return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "bg-background text-forefround rounded-xl p-6 text-center max-w-md", children: [_jsx("div", { className: "text-3xl font-bold mb-2 animate-pulse", children: "\uD83D\uDEA7 Work in Progress" }), _jsx("p", { className: "text-muted-foreground", children: "We\u2019re currently working on this section. Check back soon!" })] }) }));
4
+ }
package/dist/index.d.ts CHANGED
@@ -43,28 +43,29 @@ export * from "./shadcn/input-otp";
43
43
  export * from "./shadcn/toggle-group";
44
44
  export * from "./shadcn/toggle";
45
45
  export { ActionMenu } from "./ikoncomponents/action-menu";
46
- export type { ActionMenuProps, ExtraActionParams } from "./ikoncomponents/action-menu/type";
46
+ export type { ActionMenuProps, ExtraActionParams, } from "./ikoncomponents/action-menu/type";
47
47
  export { CustomAlertDialog } from "./ikoncomponents/alert-dialog";
48
- export { TextButton, TextButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, IconButton, IconButtonWithTooltip } from "./ikoncomponents/buttons";
49
- export type { ButtonProps, ButtonWithTooltipProps } from "./ikoncomponents/buttons";
48
+ export { useDialog, DialogProvider, } from "./ikoncomponents/alert-dialog/dialog-context";
49
+ export { TextButton, TextButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, IconButton, IconButtonWithTooltip, } from "./ikoncomponents/buttons";
50
+ export type { ButtonProps, ButtonWithTooltipProps, } from "./ikoncomponents/buttons";
50
51
  export { ComboboxInput } from "./ikoncomponents/combobox-input";
51
- export type { ComboBoxInputProps, ComboboxItemProps } from "./ikoncomponents/combobox-input/type";
52
+ export type { ComboBoxInputProps, ComboboxItemProps, } from "./ikoncomponents/combobox-input/type";
52
53
  export { DataTableColumnFilter } from "./ikoncomponents/data-table/datatable-column-filter";
53
54
  export { DataTableFacetedFilter } from "./ikoncomponents/data-table/datatable-faceted-filter";
54
55
  export { DataTableFilterMenu } from "./ikoncomponents/data-table/datatable-filter-menu";
55
- export { convertFileToObject, FileUploader, getImageFromObject } from "./ikoncomponents/fileUpload";
56
+ export { convertFileToObject, FileUploader, getImageFromObject, } from "./ikoncomponents/fileUpload";
56
57
  export type { FileUploaderProps } from "./ikoncomponents/fileUpload";
57
58
  export { DataTablePagination } from "./ikoncomponents/data-table/datatable-pagination";
58
59
  export { DataTableToolbar } from "./ikoncomponents/data-table/datatable-toolbar";
59
60
  export { getDataTableColumnTitle } from "./ikoncomponents/data-table/function";
60
61
  export { DataTable } from "./ikoncomponents/data-table";
61
- export type { DataTableProps, DTColumnsProps, DTExtraParamsProps, DTActionMenuProps, DataTableViewOptionsProps, DTToolBarProps, DataTableFilterProps, DataTableFacetedFilterProps, DataTablePaginationProps, DragDropHeaderProp } from "./ikoncomponents/data-table/type";
62
+ export type { DataTableProps, DTColumnsProps, DTExtraParamsProps, DTActionMenuProps, DataTableViewOptionsProps, DTToolBarProps, DataTableFilterProps, DataTableFacetedFilterProps, DataTablePaginationProps, DragDropHeaderProp, } from "./ikoncomponents/data-table/type";
62
63
  export { EChart } from "./ikoncomponents/e-chart";
63
64
  export { FileInput } from "./ikoncomponents/file-input";
64
65
  export { GlowingEffect } from "./ikoncomponents/glowing-effect";
65
66
  export { Icon } from "./ikoncomponents/icon";
66
67
  export { LoadingSpinner } from "./ikoncomponents/loading-spinner";
67
- export type { ISVGProps, LoadingSpinnerProps } from "./ikoncomponents/loading-spinner";
68
+ export type { ISVGProps, LoadingSpinnerProps, } from "./ikoncomponents/loading-spinner";
68
69
  export { MultiCombobox } from "./ikoncomponents/multi-combobox";
69
70
  export { NoDataComponent } from "./ikoncomponents/no-data";
70
71
  export { PageWrapper } from "./ikoncomponents/page-wrapper";
@@ -79,14 +80,14 @@ export { ThemeToggleBtn } from "./ikoncomponents/theme-toggle-btn";
79
80
  export { TitleProgress } from "./ikoncomponents/title-progress";
80
81
  export { TooltipComponent } from "./ikoncomponents/tooltip";
81
82
  export { FrameworkItemDropdown } from "./ikoncomponents/twolevel-dropdown";
82
- export type { FrameworkEntry, TreeNode, ParentEntry, ProcessedFrameworkData } from "./ikoncomponents/twolevel-dropdown";
83
+ export type { FrameworkEntry, TreeNode, ParentEntry, ProcessedFrameworkData, } from "./ikoncomponents/twolevel-dropdown";
83
84
  export { Widgets } from "./ikoncomponents/widgets";
84
- export type { WidgetProps, WidgetsFunctionProps } from "./ikoncomponents/widgets/type";
85
+ export type { WidgetProps, WidgetsFunctionProps, } from "./ikoncomponents/widgets/type";
85
86
  export { BigCalendar } from "./ikoncomponents/big-calendar";
86
- export type { BigCalendarProps, ExtraParamsEvent, BigCalendarEventProps, BigCalenderToolbarProps } from "./ikoncomponents/big-calendar/type";
87
- export { BreadcrumbProvider, useBreadcrumb } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
87
+ export type { BigCalendarProps, ExtraParamsEvent, BigCalendarEventProps, BigCalenderToolbarProps, } from "./ikoncomponents/big-calendar/type";
88
+ export { BreadcrumbProvider, useBreadcrumb, } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
88
89
  export type { BreadcrumbItemProps } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
89
- export { AppBreadcrumb, RenderAppBreadcrumb } from "./ikoncomponents/app-breadcrumb";
90
+ export { AppBreadcrumb, RenderAppBreadcrumb, } from "./ikoncomponents/app-breadcrumb";
90
91
  export { FormComboboxInput } from "./ikoncomponents/form-fields/combobox-input";
91
92
  export { FormComboboxInputWithValue } from "./ikoncomponents/form-fields/combobox-input-value";
92
93
  export { FormDateInput } from "./ikoncomponents/form-fields/date-input";
@@ -96,7 +97,7 @@ export { FormMultiComboboxInput } from "./ikoncomponents/form-fields/multi-combo
96
97
  export { FormOtpInput } from "./ikoncomponents/form-fields/otp-input";
97
98
  export { FormPhoneInput } from "./ikoncomponents/form-fields/phone-input";
98
99
  export { FormTextarea } from "./ikoncomponents/form-fields/textarea";
99
- export type { FormFieldProps, FormInputProps, FormTextareaProps, FormDateInputProps, FormComboboxInputProps, FormComboboxItemProps } from "./ikoncomponents/form-fields/types";
100
+ export type { FormFieldProps, FormInputProps, FormTextareaProps, FormDateInputProps, FormComboboxInputProps, FormComboboxItemProps, } from "./ikoncomponents/form-fields/types";
100
101
  export { GradeTableLoader } from "./ikoncomponents/skeleton-loader/skeleton-table";
101
102
  export type { GradeTableLoaderProps } from "./ikoncomponents/skeleton-loader/skeleton-table";
102
103
  export { SkeletonWidget } from "./ikoncomponents/skeleton-loader/skeleton-widget";
@@ -104,17 +105,17 @@ export { UploadTab } from "./ikoncomponents/upload-tab";
104
105
  export { AppSidebar } from "./ikoncomponents/main-layout/app-sidebar";
105
106
  export { Footer } from "./ikoncomponents/main-layout/footer";
106
107
  export { Header } from "./ikoncomponents/main-layout/header";
107
- export type { Account, Software } from "./ikoncomponents/main-layout/main-sidebar";
108
+ export type { Account, Software, } from "./ikoncomponents/main-layout/main-sidebar";
108
109
  export { MainSidebar } from "./ikoncomponents/main-layout/main-sidebar";
109
110
  export { NavMain } from "./ikoncomponents/main-layout/nav-main";
110
- export type { SidebarNavSubItem, SidebarNavItem, SidebarNavContextType } from "./ikoncomponents/main-layout/SidebarNavContext";
111
- export { SidebarNavProvider, useSidebarNav } from "./ikoncomponents/main-layout/SidebarNavContext";
111
+ export type { SidebarNavSubItem, SidebarNavItem, SidebarNavContextType, } from "./ikoncomponents/main-layout/SidebarNavContext";
112
+ export { SidebarNavProvider, useSidebarNav, } from "./ikoncomponents/main-layout/SidebarNavContext";
112
113
  export { MainLayout } from "./ikoncomponents/main-layout";
113
114
  export { ProviderWrapper } from "./ikoncomponents/provider-wrapper";
114
115
  export { ActivitySheet } from "./ikoncomponents/activity-sheet";
115
116
  export type { ActivityLogProps } from "./ikoncomponents/activity-sheet";
116
- export { ImageCropperProvider, useImageCropper } from "./ikoncomponents/image-cropper-upload";
117
- export type { ImageCropperProps, OriginalImageProps, AspectRatioWiseImagesProps, ImageCropperContextProps } from "./ikoncomponents/image-cropper-upload";
117
+ export { ImageCropperProvider, useImageCropper, } from "./ikoncomponents/image-cropper-upload";
118
+ export type { ImageCropperProps, OriginalImageProps, AspectRatioWiseImagesProps, ImageCropperContextProps, } from "./ikoncomponents/image-cropper-upload";
118
119
  export { ImageCropper } from "./ikoncomponents/image-cropper-upload/image-cropper";
119
120
  export type { CropperImgProps } from "./ikoncomponents/image-cropper-upload/image-cropper";
120
121
  export { CropperFormWithModal } from "./ikoncomponents/image-cropper-upload/cropper-form-with-modal";
@@ -123,13 +124,14 @@ export { NewCropperImg } from "./ikoncomponents/image-cropper-upload/components/
123
124
  export type { CropperImgProps as NewCropperImgProps } from "./ikoncomponents/image-cropper-upload/components/newCropper";
124
125
  export { NewImageForm } from "./ikoncomponents/image-cropper-upload/components/newImageUploadForm";
125
126
  export type { ImageFormProps } from "./ikoncomponents/image-cropper-upload/components/newImageUploadForm";
127
+ export { WorkInProgress } from "./ikoncomponents/work-in-progress";
126
128
  export { ThemeProvider } from "./utils/theme-provider";
127
129
  export { RadiusProvider, useRadius } from "./utils/border-radius-provider";
128
130
  export { FontProvider, useFont } from "./utils/font-provider";
129
131
  export { cn } from "./utils/cn";
130
132
  export type { CookieSessionOptionsProps } from "./utils/session/cookieSession";
131
- export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession } from "./utils/session/cookieSession";
132
- export { getValidAccessToken, refreshAccessToken, logOut } from "./utils/token-management";
133
+ export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession, } from "./utils/session/cookieSession";
134
+ export { getValidAccessToken, refreshAccessToken, logOut, } from "./utils/token-management";
133
135
  export type { AccessTokenOptionsProps } from "./utils/token-management";
134
136
  export type { TokenResponse } from "./utils/token-management/types";
135
137
  export { useIsMobile } from "./hooks/use-mobile";
package/dist/index.js CHANGED
@@ -44,12 +44,13 @@ export * from "./shadcn/toggle-group";
44
44
  export * from "./shadcn/toggle";
45
45
  export { ActionMenu } from "./ikoncomponents/action-menu";
46
46
  export { CustomAlertDialog } from "./ikoncomponents/alert-dialog";
47
- export { TextButton, TextButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, IconButton, IconButtonWithTooltip } from "./ikoncomponents/buttons";
47
+ export { useDialog, DialogProvider, } from "./ikoncomponents/alert-dialog/dialog-context";
48
+ export { TextButton, TextButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, IconButton, IconButtonWithTooltip, } from "./ikoncomponents/buttons";
48
49
  export { ComboboxInput } from "./ikoncomponents/combobox-input";
49
50
  export { DataTableColumnFilter } from "./ikoncomponents/data-table/datatable-column-filter";
50
51
  export { DataTableFacetedFilter } from "./ikoncomponents/data-table/datatable-faceted-filter";
51
52
  export { DataTableFilterMenu } from "./ikoncomponents/data-table/datatable-filter-menu";
52
- export { convertFileToObject, FileUploader, getImageFromObject } from "./ikoncomponents/fileUpload";
53
+ export { convertFileToObject, FileUploader, getImageFromObject, } from "./ikoncomponents/fileUpload";
53
54
  export { DataTablePagination } from "./ikoncomponents/data-table/datatable-pagination";
54
55
  export { DataTableToolbar } from "./ikoncomponents/data-table/datatable-toolbar";
55
56
  export { getDataTableColumnTitle } from "./ikoncomponents/data-table/function";
@@ -74,8 +75,8 @@ export { TooltipComponent } from "./ikoncomponents/tooltip";
74
75
  export { FrameworkItemDropdown } from "./ikoncomponents/twolevel-dropdown";
75
76
  export { Widgets } from "./ikoncomponents/widgets";
76
77
  export { BigCalendar } from "./ikoncomponents/big-calendar";
77
- export { BreadcrumbProvider, useBreadcrumb } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
78
- export { AppBreadcrumb, RenderAppBreadcrumb } from "./ikoncomponents/app-breadcrumb";
78
+ export { BreadcrumbProvider, useBreadcrumb, } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
79
+ export { AppBreadcrumb, RenderAppBreadcrumb, } from "./ikoncomponents/app-breadcrumb";
79
80
  export { FormComboboxInput } from "./ikoncomponents/form-fields/combobox-input";
80
81
  export { FormComboboxInputWithValue } from "./ikoncomponents/form-fields/combobox-input-value";
81
82
  export { FormDateInput } from "./ikoncomponents/form-fields/date-input";
@@ -93,20 +94,21 @@ export { Footer } from "./ikoncomponents/main-layout/footer";
93
94
  export { Header } from "./ikoncomponents/main-layout/header";
94
95
  export { MainSidebar } from "./ikoncomponents/main-layout/main-sidebar";
95
96
  export { NavMain } from "./ikoncomponents/main-layout/nav-main";
96
- export { SidebarNavProvider, useSidebarNav } from "./ikoncomponents/main-layout/SidebarNavContext";
97
+ export { SidebarNavProvider, useSidebarNav, } from "./ikoncomponents/main-layout/SidebarNavContext";
97
98
  export { MainLayout } from "./ikoncomponents/main-layout";
98
99
  export { ProviderWrapper } from "./ikoncomponents/provider-wrapper";
99
100
  export { ActivitySheet } from "./ikoncomponents/activity-sheet";
100
- export { ImageCropperProvider, useImageCropper } from "./ikoncomponents/image-cropper-upload";
101
+ export { ImageCropperProvider, useImageCropper, } from "./ikoncomponents/image-cropper-upload";
101
102
  export { ImageCropper } from "./ikoncomponents/image-cropper-upload/image-cropper";
102
103
  export { CropperFormWithModal } from "./ikoncomponents/image-cropper-upload/cropper-form-with-modal";
103
104
  export { CropperForm } from "./ikoncomponents/image-cropper-upload/cropper-form";
104
105
  export { NewCropperImg } from "./ikoncomponents/image-cropper-upload/components/newCropper";
105
106
  export { NewImageForm } from "./ikoncomponents/image-cropper-upload/components/newImageUploadForm";
107
+ export { WorkInProgress } from "./ikoncomponents/work-in-progress";
106
108
  export { ThemeProvider } from "./utils/theme-provider";
107
109
  export { RadiusProvider, useRadius } from "./utils/border-radius-provider";
108
110
  export { FontProvider, useFont } from "./utils/font-provider";
109
111
  export { cn } from "./utils/cn";
110
- export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession } from "./utils/session/cookieSession";
111
- export { getValidAccessToken, refreshAccessToken, logOut } from "./utils/token-management";
112
+ export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession, } from "./utils/session/cookieSession";
113
+ export { getValidAccessToken, refreshAccessToken, logOut, } from "./utils/token-management";
112
114
  export { useIsMobile } from "./hooks/use-mobile";
@@ -36,7 +36,7 @@ function DropdownMenuGroup(_a) {
36
36
  }
37
37
  function DropdownMenuItem(_a) {
38
38
  var { className, inset, variant = "default" } = _a, props = __rest(_a, ["className", "inset", "variant"]);
39
- return (_jsx(DropdownMenuPrimitive.Item, Object.assign({ "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-[var(--input)] dark:focus:bg-[var(--card)] keross:focus:bg-[var(--secondary)] focus:text-accent-foreground keross:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className) }, props)));
39
+ return (_jsx(DropdownMenuPrimitive.Item, Object.assign({ "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-[var(--input)] dark:focus:bg-[var(--card)] blue-dark:focus:bg-[var(--secondary)] focus:text-accent-foreground dark:text-foreground focus:dark:text-foreground blue-dark:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className) }, props)));
40
40
  }
41
41
  function DropdownMenuCheckboxItem(_a) {
42
42
  var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
package/dist/styles.css CHANGED
@@ -1184,6 +1184,10 @@
1184
1184
  border-style: var(--tw-border-style) !important;
1185
1185
  border-width: 2px !important;
1186
1186
  }
1187
+ .border-x {
1188
+ border-inline-style: var(--tw-border-style);
1189
+ border-inline-width: 1px;
1190
+ }
1187
1191
  .border-x-0 {
1188
1192
  border-inline-style: var(--tw-border-style);
1189
1193
  border-inline-width: 0px;
@@ -1463,6 +1467,9 @@
1463
1467
  .px-2 {
1464
1468
  padding-inline: calc(var(--spacing) * 2);
1465
1469
  }
1470
+ .px-2\! {
1471
+ padding-inline: calc(var(--spacing) * 2) !important;
1472
+ }
1466
1473
  .px-2\.5 {
1467
1474
  padding-inline: calc(var(--spacing) * 2.5);
1468
1475
  }
@@ -4128,6 +4135,11 @@
4128
4135
  color: var(--color-black);
4129
4136
  }
4130
4137
  }
4138
+ .dark\:text-foreground {
4139
+ &:is(.dark *) {
4140
+ color: var(--foreground);
4141
+ }
4142
+ }
4131
4143
  .dark\:text-gray-400 {
4132
4144
  &:is(.dark *) {
4133
4145
  color: var(--color-gray-400);
@@ -4215,6 +4227,13 @@
4215
4227
  }
4216
4228
  }
4217
4229
  }
4230
+ .focus\:dark\:text-foreground {
4231
+ &:focus {
4232
+ &:is(.dark *) {
4233
+ color: var(--foreground);
4234
+ }
4235
+ }
4236
+ }
4218
4237
  .dark\:focus-visible\:ring-\[\#15803D\]\/40 {
4219
4238
  &:is(.dark *) {
4220
4239
  &:focus-visible {
@@ -4338,6 +4357,13 @@
4338
4357
  color: var(--muted-foreground);
4339
4358
  }
4340
4359
  }
4360
+ .blue-dark\:focus\:bg-\[var\(--secondary\)\] {
4361
+ &:is(.blue-dark *) {
4362
+ &:focus {
4363
+ background-color: var(--secondary);
4364
+ }
4365
+ }
4366
+ }
4341
4367
  .blue-dark\:focus\:bg-destructive {
4342
4368
  &:is(.blue-dark *) {
4343
4369
  &:focus {
@@ -4958,9 +4984,9 @@
4958
4984
  font-size: 14px;
4959
4985
  }
4960
4986
  .rbc-date-cell.rbc-now,
4961
- .rbc-time-slot.rbc-now,
4962
- .rbc-show-more,
4963
- .rbc-header {
4987
+ .rbc-time-slot.rbc-now,
4988
+ .rbc-show-more,
4989
+ .rbc-header {
4964
4990
  font-weight: normal !important;
4965
4991
  }
4966
4992
  .rbc-btn {
@@ -5006,13 +5032,13 @@
5006
5032
  height: 100%;
5007
5033
  }
5008
5034
  .rbc-calendar *,
5009
- .rbc-calendar *:before,
5010
- .rbc-calendar *:after {
5035
+ .rbc-calendar *:before,
5036
+ .rbc-calendar *:after {
5011
5037
  -webkit-box-sizing: inherit;
5012
5038
  box-sizing: inherit;
5013
5039
  }
5014
5040
  .rbc-abs-full,
5015
- .rbc-row-bg {
5041
+ .rbc-row-bg {
5016
5042
  overflow: hidden;
5017
5043
  position: absolute;
5018
5044
  top: 0;
@@ -5021,9 +5047,9 @@
5021
5047
  bottom: 0;
5022
5048
  }
5023
5049
  .rbc-ellipsis,
5024
- .rbc-show-more,
5025
- .rbc-row-segment .rbc-event-content,
5026
- .rbc-event-label {
5050
+ .rbc-show-more,
5051
+ .rbc-row-segment .rbc-event-content,
5052
+ .rbc-event-label {
5027
5053
  display: block;
5028
5054
  overflow: hidden;
5029
5055
  text-overflow: ellipsis;
@@ -5061,8 +5087,8 @@
5061
5087
  border-right: 1px solid hsl(var(--border));
5062
5088
  }
5063
5089
  .rbc-header > a,
5064
- .rbc-header > a:active,
5065
- .rbc-header > a:visited {
5090
+ .rbc-header > a:active,
5091
+ .rbc-header > a:visited {
5066
5092
  color: inherit;
5067
5093
  text-decoration: none;
5068
5094
  }
@@ -5103,7 +5129,7 @@
5103
5129
  scrollbar-width: none;
5104
5130
  }
5105
5131
  .rbc-row-content-scrollable
5106
- .rbc-row-content-scroll-container::-webkit-scrollbar {
5132
+ .rbc-row-content-scroll-container::-webkit-scrollbar {
5107
5133
  display: none;
5108
5134
  }
5109
5135
  .rbc-today {
@@ -5147,7 +5173,7 @@
5147
5173
  white-space: nowrap;
5148
5174
  }
5149
5175
  .rbc-toolbar button:active,
5150
- .rbc-toolbar button.rbc-active {
5176
+ .rbc-toolbar button.rbc-active {
5151
5177
  background-image: none;
5152
5178
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5153
5179
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -5155,9 +5181,9 @@
5155
5181
  border-color: #adadad;
5156
5182
  }
5157
5183
  .rbc-toolbar button:active:hover,
5158
- .rbc-toolbar button:active:focus,
5159
- .rbc-toolbar button.rbc-active:hover,
5160
- .rbc-toolbar button.rbc-active:focus {
5184
+ .rbc-toolbar button:active:focus,
5185
+ .rbc-toolbar button.rbc-active:hover,
5186
+ .rbc-toolbar button.rbc-active:focus {
5161
5187
  color: #373a3c;
5162
5188
  background-color: #d4d4d4;
5163
5189
  border-color: #8c8c8c;
@@ -5205,7 +5231,7 @@
5205
5231
  margin-right: -1px;
5206
5232
  }
5207
5233
  .rbc-btn-group + .rbc-btn-group,
5208
- .rbc-btn-group + button {
5234
+ .rbc-btn-group + button {
5209
5235
  margin-left: 10px;
5210
5236
  }
5211
5237
  @media (max-width: 767px) {
@@ -5217,7 +5243,7 @@
5217
5243
  }
5218
5244
  }
5219
5245
  .rbc-event,
5220
- .rbc-day-slot .rbc-background-event {
5246
+ .rbc-day-slot .rbc-background-event {
5221
5247
  border: none;
5222
5248
  -webkit-box-sizing: border-box;
5223
5249
  box-sizing: border-box;
@@ -5233,17 +5259,17 @@
5233
5259
  text-align: left;
5234
5260
  }
5235
5261
  .rbc-slot-selecting .rbc-event,
5236
- .rbc-slot-selecting .rbc-day-slot .rbc-background-event,
5237
- .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
5262
+ .rbc-slot-selecting .rbc-day-slot .rbc-background-event,
5263
+ .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
5238
5264
  cursor: inherit;
5239
5265
  pointer-events: none;
5240
5266
  }
5241
5267
  .rbc-event.rbc-selected,
5242
- .rbc-day-slot .rbc-selected.rbc-background-event {
5268
+ .rbc-day-slot .rbc-selected.rbc-background-event {
5243
5269
  background-color: #265985;
5244
5270
  }
5245
5271
  .rbc-event:focus,
5246
- .rbc-day-slot .rbc-background-event:focus {
5272
+ .rbc-day-slot .rbc-background-event:focus {
5247
5273
  outline: 5px auto #3b99fc;
5248
5274
  }
5249
5275
  .rbc-event-label {
@@ -5294,7 +5320,7 @@
5294
5320
  color: hsl(var(--input));
5295
5321
  }
5296
5322
  .rbc-show-more:hover,
5297
- .rbc-show-more:focus {
5323
+ .rbc-show-more:focus {
5298
5324
  color: #265985;
5299
5325
  }
5300
5326
  .rbc-month-view {
@@ -5358,8 +5384,8 @@
5358
5384
  font-weight: bold;
5359
5385
  }
5360
5386
  .rbc-date-cell > a,
5361
- .rbc-date-cell > a:active,
5362
- .rbc-date-cell > a:visited {
5387
+ .rbc-date-cell > a:active,
5388
+ .rbc-date-cell > a:visited {
5363
5389
  color: inherit;
5364
5390
  text-decoration: none;
5365
5391
  }
@@ -5456,13 +5482,13 @@
5456
5482
  text-transform: lowercase;
5457
5483
  }
5458
5484
  .rbc-agenda-time-cell .rbc-continues-after:after {
5459
- content: ' »';
5485
+ content: " »";
5460
5486
  }
5461
5487
  .rbc-agenda-time-cell .rbc-continues-prior:before {
5462
- content: '« ';
5488
+ content: "« ";
5463
5489
  }
5464
5490
  .rbc-agenda-date-cell,
5465
- .rbc-agenda-time-cell {
5491
+ .rbc-agenda-time-cell {
5466
5492
  white-space: nowrap;
5467
5493
  }
5468
5494
  .rbc-agenda-event-cell {
@@ -5495,7 +5521,7 @@
5495
5521
  flex-flow: column nowrap;
5496
5522
  }
5497
5523
  .rbc-time-gutter,
5498
- .rbc-header-gutter {
5524
+ .rbc-header-gutter {
5499
5525
  -webkit-box-flex: 0;
5500
5526
  -ms-flex: none;
5501
5527
  flex: none;
@@ -5519,7 +5545,7 @@
5519
5545
  right: 0;
5520
5546
  }
5521
5547
  .rbc-day-slot .rbc-event,
5522
- .rbc-day-slot .rbc-background-event {
5548
+ .rbc-day-slot .rbc-background-event {
5523
5549
  border: 1px solid #265985;
5524
5550
  display: -webkit-box;
5525
5551
  display: -ms-flexbox;
@@ -5560,7 +5586,7 @@
5560
5586
  border-top: 1px solid hsl(var(--border));
5561
5587
  }
5562
5588
  .rbc-time-view-resources .rbc-time-gutter,
5563
- .rbc-time-view-resources .rbc-time-header-gutter {
5589
+ .rbc-time-view-resources .rbc-time-header-gutter {
5564
5590
  position: sticky;
5565
5591
  left: 0;
5566
5592
  background-color: white;
@@ -5586,7 +5612,7 @@
5586
5612
  min-width: 140px;
5587
5613
  }
5588
5614
  .rbc-time-view-resources .rbc-header,
5589
- .rbc-time-view-resources .rbc-day-bg {
5615
+ .rbc-time-view-resources .rbc-day-bg {
5590
5616
  width: 140px;
5591
5617
  -webkit-box-flex: 1;
5592
5618
  -ms-flex: 1 1 0px;
@@ -1,6 +1,6 @@
1
1
  "use server";
2
2
  import { redirect } from "next/navigation";
3
- import { clearAllCookieSession, getCookieSession, setCookieSession } from "../session/cookieSession";
3
+ import { clearAllCookieSession, getCookieSession, setCookieSession, } from "../session/cookieSession";
4
4
  export async function getValidAccessToken(options) {
5
5
  const accessToken = await getCookieSession("accessToken");
6
6
  const refreshToken = await getCookieSession("refreshToken");
@@ -32,11 +32,15 @@ export async function refreshAccessToken(refreshToken, isSetToken) {
32
32
  });
33
33
  if (response.ok) {
34
34
  const data = await response.json();
35
- const { accessToken, refreshToken, expiresIn, refreshExpiresIn } = data;
35
+ const { accessToken, refreshToken, expiresIn, refreshExpiresIn, } = data;
36
36
  if (isSetToken) {
37
37
  try {
38
- await setCookieSession("accessToken", accessToken, { maxAge: expiresIn });
39
- await setCookieSession("refreshToken", refreshToken, { maxAge: refreshExpiresIn });
38
+ await setCookieSession("accessToken", accessToken, {
39
+ maxAge: expiresIn,
40
+ });
41
+ await setCookieSession("refreshToken", refreshToken, {
42
+ maxAge: refreshExpiresIn,
43
+ });
40
44
  }
41
45
  catch (error) {
42
46
  console.error(error);
@@ -74,5 +78,5 @@ export async function refreshAccessToken(refreshToken, isSetToken) {
74
78
  }
75
79
  export async function logOut() {
76
80
  await clearAllCookieSession();
77
- redirect(process.env.IKON_LOGIN_PAGE_URL || process.env.DEV_TOOL_BASE_PATH + "/signup.html");
81
+ redirect("/login.html");
78
82
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ikoncomponents",
3
- "version": "1.2.9",
3
+ "version": "1.3.1",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "css": "dist/styles.css",