@starasia/admin 1.2.4 → 1.2.5

package/dist/style.css

@@ -1 +1 @@
-:root{--starasia-admin-base-icon-color: var(--starasia-ui-color-gray-600);--starasia-admin-document-bg-color: var(--starasia-ui-color-gray-100);--starasia-admin-sidebar-max-width: 15rem;--starasia-admin-sidebar-width: 15rem;--starasia-admin-sidebar-collapse-width: 0rem;--starasia-admin-sidebar-v2-collapse-width: 3rem}*::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}body{background-color:var(--starasia-admin-document-bg-color)}*{font-family:Poppins,sans-serif!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}svg{color:var(--starasia-admin-base-icon-color)}[data-class=otp-input] .starasia-input{text-align:center}[data-class=otp-input] .starasia-input-placeholder{width:100%;text-align:center;flex:1;left:0}#sidebar-wrapper{scrollbar-width:none;-ms-overflow-style:none}#sidebar-wrapper::-webkit-scrollbar{display:none}.starasia-pagination-item.starasia-pagination-selected{color:#fff!important}.starasia-pagination-selected{background-color:var(--starasia-ui-brand-primary-default)!important;border-radius:8px!important}.starasia-pagination-item{border-radius:8px!important;height:32px!important;width:32px!important;text-align:center;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeInOut{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-10px);opacity:1}}
+:root{--starasia-admin-base-icon-color: var(--starasia-ui-color-gray-600);--starasia-admin-document-bg-color: var(--starasia-ui-color-gray-100);--starasia-admin-header-height: 64px;--starasia-admin-sidebar-max-width: 15rem;--starasia-admin-sidebar-width: 15rem;--starasia-admin-sidebar-collapse-width: 0rem;--starasia-admin-sidebar-v2-collapse-width: 3rem}*::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}body{background-color:var(--starasia-admin-document-bg-color)}*{font-family:Poppins,sans-serif!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}svg{color:var(--starasia-admin-base-icon-color)}[data-class=otp-input] .starasia-input{text-align:center}[data-class=otp-input] .starasia-input-placeholder{width:100%;text-align:center;flex:1;left:0}#sidebar-wrapper{scrollbar-width:none;-ms-overflow-style:none}#sidebar-wrapper::-webkit-scrollbar{display:none}.starasia-pagination-item.starasia-pagination-selected{color:#fff!important}.starasia-pagination-selected{background-color:var(--starasia-ui-brand-primary-default)!important;border-radius:8px!important}.starasia-pagination-item{border-radius:8px!important;height:32px!important;width:32px!important;text-align:center;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeInOut{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-10px);opacity:1}}

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './auth';
 export * from './form';
+export * from './menu';

package/dist/types/menu.d.ts

@@ -0,0 +1,29 @@
+import { IconName } from '@starasia/icon/dist/types';
+
+export interface HeaderUserData {
+    name: string;
+    email: string;
+    photoURL?: string;
+    role?: string;
+    descriptionOption?: "role" | "email";
+}
+export interface SidebarMenuChildItem {
+    id: number;
+    title: string;
+    to: string;
+    icon: IconName;
+}
+export interface SidebarMenuItem {
+    id: number;
+    title: string;
+    to: string;
+    icon: IconName;
+    children?: SidebarMenuChildItem[];
+}
+export interface SidebarMenuGroup {
+    id: number;
+    name: string;
+    items: SidebarMenuItem[];
+    parentGroupId?: number;
+}
+export type SidebarMenus = SidebarMenuGroup[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starasia/admin",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "Core Admin FE for starasia UI",
   "author": "Prawito Hudoro",
   "main": "dist/index.umd.js",

package/dist/components/ContentLayout/index.d.ts

@@ -1,10 +0,0 @@
-import { BoxProps } from '@starasia/box';
-import { default as React, PropsWithChildren } from 'react';
-
-interface ContentLayoutProps extends PropsWithChildren {
-    sidebarWidth?: string | number;
-    overflowContent?: BoxProps["overflow"];
-    isPadding?: boolean;
-}
-export declare const ContentLayout: React.MemoExoticComponent<({ children, sidebarWidth, overflowContent, isPadding, }: ContentLayoutProps) => React.JSX.Element>;
-export {};

package/dist/components/ContentLayoutV2/index.d.ts

@@ -1,10 +0,0 @@
-import { BoxProps } from '@starasia/box';
-import { default as React, PropsWithChildren } from 'react';
-
-interface ContentLayoutProps extends PropsWithChildren {
-    sidebarWidth?: string | number;
-    overflowContent?: BoxProps["overflow"];
-    isPadding?: boolean;
-}
-export declare const ContentLayoutV2: React.MemoExoticComponent<({ children, sidebarWidth, overflowContent, isPadding, }: ContentLayoutProps) => React.JSX.Element>;
-export {};

package/dist/components/DashboardLayout/index.d.ts

@@ -1,34 +0,0 @@
-import { PropsWithChildren, default as React } from 'react';
-import { HeaderButtonProps, HeaderUserData } from '../Header';
-import { SidebarMenuItem, SidebarMenus } from '../Sidebar';
-import { BoxProps } from '@starasia/box';
-import { MenuSelectButtonProps } from '../Header/MenuSelectButton';
-
-interface DashboardLayoutProps extends PropsWithChildren {
-    variant?: "default" | "simple";
-    userData?: HeaderUserData;
-    menus?: SidebarMenus;
-    menuBottom?: SidebarMenuItem[];
-    onClickLogout?: () => void;
-    logo?: {
-        url?: string;
-        name?: string;
-        props?: React.ImgHTMLAttributes<HTMLImageElement>;
-        onClick?: () => void;
-        to?: string;
-    };
-    headerButtons?: HeaderButtonProps[];
-    headerButtonsLeft?: HeaderButtonProps[];
-    sidebar?: {
-        maxWidth?: React.CSSProperties["maxWidth"];
-        header?: React.ReactNode;
-    };
-    overflowContent?: BoxProps["overflow"];
-    logoutButton?: React.ReactNode;
-    menuSelectButtons?: MenuSelectButtonProps[];
-    menuSelectCustom?: React.ReactNode;
-    paddingContent?: boolean;
-    bottomDrawerContent?: React.ReactNode;
-}
-export declare const DashboardLayout: React.MemoExoticComponent<({ userData, menus, menuBottom, children, logo, headerButtons, onClickLogout, sidebar, overflowContent, logoutButton, headerButtonsLeft, menuSelectButtons, menuSelectCustom, paddingContent, bottomDrawerContent, variant: variantProp, }: DashboardLayoutProps) => React.JSX.Element>;
-export {};

package/dist/components/Header/MenuSelectButton.d.ts

@@ -1,16 +0,0 @@
-import { IconName } from '@starasia/icon';
-import { default as React } from 'react';
-import { TextColor } from '@starasia/text';
-
-export type MenuSelectButtonProps = {
-    onClick?: () => void;
-    title: string;
-    icon: IconName;
-    iconProps?: {
-        color?: string;
-    };
-    titleProps?: {
-        color?: TextColor;
-    };
-};
-export declare const MenuSelectButton: ({ onClick, icon, title, iconProps, titleProps, }: MenuSelectButtonProps) => React.JSX.Element;

package/dist/components/Header/MobileBottomDrawer.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-
-type Props = {
-    onHide: () => void;
-    onClickLogout?: () => void;
-    renderExtendedContent?: React.ReactNode;
-};
-export declare const MobileBottomDrawer: ({ onHide, onClickLogout, renderExtendedContent, }: Props) => React.JSX.Element;
-export {};

package/dist/components/Header/PhotoProfile.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { BoxProps } from '@starasia/box';
-
-type Props = {
-    width: BoxProps["width"];
-    height: BoxProps["height"];
-    photoURL?: string;
-    name?: string;
-};
-export declare const PhotoProfile: ({ width, height, photoURL, name }: Props) => React.JSX.Element;
-export {};

package/dist/components/Header/hooks.d.ts

@@ -1,4 +0,0 @@
-export declare const useHeaderState: () => {
-    mobileLogout: boolean;
-    toggleMobileLogout: () => void;
-};

package/dist/components/Header/index.d.ts

@@ -1,37 +0,0 @@
-import { default as React } from 'react';
-import { IconName } from '@starasia/icon/dist/types';
-import { MenuSelectButtonProps } from './MenuSelectButton';
-
-export interface HeaderUserData {
-    name: string;
-    email: string;
-    photoURL?: string;
-    role?: string;
-    descriptionOption?: "role" | "email";
-}
-export interface HeaderButtonProps {
-    icon?: IconName;
-    onClick?: () => void;
-    render?: React.ReactNode;
-    dot?: boolean;
-    boundaryLine?: boolean;
-    show?: "desktop" | "mobile";
-}
-export interface HeaderProps {
-    logo?: {
-        url?: string;
-        name?: string;
-        props?: React.ImgHTMLAttributes<HTMLImageElement>;
-        onClick?: () => void;
-        to?: string;
-    };
-    userData?: HeaderUserData;
-    buttons?: HeaderButtonProps[];
-    onClickLogout?: () => void;
-    logoutButton?: React.ReactNode;
-    buttonsLeft?: HeaderButtonProps[];
-    menuSelectButtons?: MenuSelectButtonProps[];
-    menuSelectCustom?: React.ReactNode;
-    bottomDrawerContent?: React.ReactNode;
-}
-export declare function Header({ userData, onClickLogout, logo, buttons, buttonsLeft, logoutButton, menuSelectButtons, menuSelectCustom, bottomDrawerContent, }: HeaderProps): React.JSX.Element;

package/dist/components/HeaderV2/components/PhotoProfile.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { BoxProps } from '@starasia/box';
-
-type Props = {
-    width: BoxProps["width"];
-    height: BoxProps["height"];
-    photoURL?: string;
-    name?: string;
-};
-export declare const PhotoProfile: ({ width, height, photoURL, name }: Props) => React.JSX.Element;
-export {};

package/dist/components/HeaderV2/components/UserProfile.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-
-type Props = {
-    photoURL?: string;
-    name?: string;
-    email?: string;
-};
-export declare const UserProfile: React.MemoExoticComponent<({ name, email, photoURL }: Props) => React.JSX.Element>;
-export {};

package/dist/components/HeaderV2/hooks.d.ts

@@ -1,4 +0,0 @@
-export declare const useHeaderState: () => {
-    mobileLogout: boolean;
-    toggleMobileLogout: () => void;
-};

package/dist/components/HeaderV2/index.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { HeaderProps } from '../Header';
-
-export interface HeaderV2Props extends HeaderProps {
-}
-export declare function HeaderV2({ userData, onClickLogout, logo, buttons, logoutButton, menuSelectButtons, menuSelectCustom, bottomDrawerContent, }: HeaderProps): React.JSX.Element;

package/dist/components/Sidebar/components/Group.d.ts

@@ -1,9 +0,0 @@
-import { default as React, PropsWithChildren } from 'react';
-import { BoxProps } from '@starasia/box';
-
-export interface GroupProps extends PropsWithChildren {
-    border?: boolean;
-    paddingTop?: BoxProps["paddingTop"];
-}
-declare const Group: React.MemoExoticComponent<({ children, border, paddingTop }: GroupProps) => React.JSX.Element>;
-export default Group;

package/dist/components/Sidebar/components/Item.d.ts

@@ -1,13 +0,0 @@
-import { IconName } from '@starasia/icon/dist/types';
-import { default as React } from 'react';
-
-export interface ItemProps {
-    to: string;
-    title: string;
-    icon: IconName;
-    collapse?: boolean;
-    onHide?: () => void;
-    maxWidth?: React.CSSProperties["maxWidth"];
-}
-declare const Item: React.MemoExoticComponent<({ to, title, icon, collapse, onHide, maxWidth }: ItemProps) => React.JSX.Element>;
-export default Item;

package/dist/components/Sidebar/components/Provider.d.ts

@@ -1,5 +0,0 @@
-import { default as React, PropsWithChildren } from 'react';
-
-export interface SidebarProviderProps extends PropsWithChildren {
-}
-export declare const SidebarProvider: ({ children }: SidebarProviderProps) => React.JSX.Element;

package/dist/components/Sidebar/components/Wrapper.d.ts

@@ -1,10 +0,0 @@
-import { PropsWithChildren, default as React } from 'react';
-import { SidebarMenuItem } from '../types';
-
-export interface WrapperProps extends PropsWithChildren {
-    show?: boolean;
-    maxWidth?: React.CSSProperties["maxWidth"];
-    menuBottom?: SidebarMenuItem[];
-}
-declare const Wrapper: React.MemoExoticComponent<({ show, children, maxWidth, menuBottom }: WrapperProps) => React.JSX.Element>;
-export default Wrapper;

package/dist/components/Sidebar/context.d.ts

@@ -1,32 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface ConfirmationDialogPropsState {
-    show: boolean;
-    title: string | ReactNode;
-    message: string | ReactNode;
-    callback: () => void;
-    data?: unknown;
-    variant: "success" | "danger" | "info" | "default";
-}
-export interface ConfirmationDialogUnSavedChangesProps {
-    value: boolean;
-    title?: string | ReactNode;
-    message?: string | ReactNode;
-    callback?: () => void;
-}
-export interface SidebarContextValue {
-    show: boolean;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-    setUnsavedChanges: ({ value, message, title, }: ConfirmationDialogUnSavedChangesProps) => void;
-    confirmNavigation: (callback: () => void) => void;
-    renderConfirmationDialog: ({ title, message, callback, data, }: Omit<ConfirmationDialogPropsState, "show" | "variant"> & {
-        variant?: "success" | "danger" | "info" | "default";
-    }) => void;
-    confirmationDialog: ConfirmationDialogPropsState;
-    handleDialogConfirm: () => void;
-    handleDialogCancel: () => void;
-}
-export declare const sidebarContextDefaultValue: SidebarContextValue;
-export declare const SidebarContext: import('react').Context<SidebarContextValue>;

package/dist/components/Sidebar/hooks.d.ts

@@ -1,4 +0,0 @@
-import { SidebarContextValue } from './context';
-
-export declare function useSidebar(): SidebarContextValue;
-export declare const useSidebarState: () => SidebarContextValue;

package/dist/components/Sidebar/index.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-import { SidebarMenuItem, SidebarMenus } from './types';
-
-export interface SidebarProps {
-    menus: SidebarMenus;
-    menuBottom?: SidebarMenuItem[];
-    maxWidth?: React.CSSProperties["maxWidth"];
-    header?: React.ReactNode;
-}
-export declare const Sidebar: React.MemoExoticComponent<({ menus, maxWidth, header, menuBottom, }: SidebarProps) => React.JSX.Element>;
-export * from './hooks';
-export * from './context';
-export * from './types';
-export { SidebarProvider } from './components/Provider';
-export type { SidebarProviderProps } from './components/Provider';

package/dist/components/Sidebar/types.d.ts

@@ -1,18 +0,0 @@
-import { IconName } from '@starasia/icon/dist/types';
-
-export interface SidebarMenuItem {
-    id: number;
-    title: string;
-    to: string;
-    icon: IconName;
-}
-export interface SidebarMenuGroup {
-    id: number;
-    name: string;
-    items: SidebarMenuItem[];
-}
-export type SidebarMenus = SidebarMenuGroup[];
-export declare enum SidebarStyle {
-    Width = "19.125rem",
-    WidthCollapse = "6rem"
-}

package/dist/components/SidebarV2/components/Group.d.ts

@@ -1,7 +0,0 @@
-import { default as React, PropsWithChildren } from 'react';
-import { GroupProps } from '../../Sidebar/components/Group';
-
-interface GroupPropsV2 extends PropsWithChildren, GroupProps {
-}
-declare const GroupV2: React.MemoExoticComponent<({ children, border, paddingTop }: GroupPropsV2) => React.JSX.Element>;
-export default GroupV2;

package/dist/components/SidebarV2/components/Item.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { ItemProps } from '../../Sidebar/components/Item';
-
-interface ItemPropsV2 extends ItemProps {
-}
-declare const ItemV2: React.MemoExoticComponent<({ to, title, collapse, onHide, maxWidth, icon }: ItemPropsV2) => React.JSX.Element>;
-export default ItemV2;

package/dist/components/SidebarV2/components/Wrapper.d.ts

@@ -1,7 +0,0 @@
-import { PropsWithChildren, default as React } from 'react';
-import { WrapperProps } from '../../Sidebar/components/Wrapper';
-
-interface WrapperV2Props extends PropsWithChildren, WrapperProps {
-}
-declare const WrapperV2: React.MemoExoticComponent<({ show, children, maxWidth, menuBottom }: WrapperV2Props) => React.JSX.Element>;
-export default WrapperV2;

package/dist/components/SidebarV2/index.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { SidebarProps } from '../Sidebar';
-import { HeaderProps } from '../Header';
-
-export interface SidebarV2Props extends SidebarProps, Pick<HeaderProps, "logo"> {
-}
-export declare const SidebarV2: React.MemoExoticComponent<({ menus, maxWidth, header, menuBottom, logo, }: SidebarV2Props) => React.JSX.Element>;