@starasia/admin 1.0.6 → 1.1.0

package/dist/assets/403.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IconProps } from '@starasia/icon';
+
+export declare function ForbiddenImage({ width, height }: IconProps): React.JSX.Element;

package/dist/assets/404.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '@starasia/icon';
+import { default as React } from 'react';
+
+export declare function NotFoundImage({ width, height }: IconProps): React.JSX.Element;

package/dist/assets/500.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IconProps } from '@starasia/icon';
+
+export declare function ServerErrorImage({ width, height }: IconProps): React.JSX.Element;

package/dist/assets/database.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '@starasia/icon';
+import { default as React } from 'react';
+
+export declare function DatabaseImage({ width, height }: IconProps): React.JSX.Element;

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

@@ -0,0 +1,10 @@
+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

@@ -5,6 +5,7 @@ import { BoxProps } from '@starasia/box';
 import { MenuSelectButtonProps } from '../Header/MenuSelectButton';
 
 interface DashboardLayoutProps extends PropsWithChildren {
+    variant?: "default" | "simple";
     userData?: HeaderUserData;
     menus?: SidebarMenus;
     menuBottom?: SidebarMenuItem[];
@@ -29,5 +30,5 @@ interface DashboardLayoutProps extends PropsWithChildren {
     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, }: DashboardLayoutProps) => React.JSX.Element>;
+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/Dialog/ConfirmationDialog.d.ts

@@ -0,0 +1,25 @@
+import { BoxProps } from '@starasia/box';
+import { ButtonProps } from '@starasia/button';
+import { IDialogTitle } from '@starasia/dialog';
+import { default as React } from 'react';
+
+interface DialogTitleProps extends Omit<IDialogTitle, "children"> {
+}
+type TConfirmationDialog = {
+    customMinWidth?: string;
+    key?: string;
+    isShow: boolean;
+    onHide: () => void;
+    title: string | React.ReactNode;
+    description: string | React.ReactNode;
+    onConfirm: () => void;
+    onCancel?: () => void;
+    dialogTitleProps?: DialogTitleProps;
+    buttonConfirmProps?: ButtonProps;
+    titleConfirmBtn?: string;
+    titleCancelBtn?: string;
+    containerConfirmBtnProps?: Omit<BoxProps, "children">;
+    wrapperConfirmBtnProps?: Omit<BoxProps, "children">;
+};
+export declare const ConfirmationDialog: (props: TConfirmationDialog) => React.JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export * from './ConfirmationDialog';

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,9 @@
+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

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

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

@@ -0,0 +1,6 @@
+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/PageState/EmptyStatePage.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ReactElement, ReactNode } from 'react';
+
+interface EmptyStateProps {
+    title?: string;
+    children: Array<string>;
+    onClickAction?: () => void;
+    variant?: "primary" | "secondary" | "success";
+    variantTitle?: "success";
+    leftIcon?: ReactElement;
+    childrenButton?: ReactNode;
+    showButton?: boolean;
+    customHeight?: string;
+    customIcon?: ReactElement;
+}
+export declare const EmptyStatePage: React.FC<EmptyStateProps>;
+export {};

package/dist/components/PageState/ForbiddenPage.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    onClick?: () => void;
+};
+export declare function ForbiddenPage({ onClick }: Props): React.JSX.Element;
+export {};

package/dist/components/PageState/NotFoundPage.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    onClick?: () => void;
+};
+export declare function NotFoundPage({ onClick }: Props): React.JSX.Element;
+export {};

package/dist/components/PageState/ServerErrorPage.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    onClick?: () => void;
+};
+export declare function ServerErrorPage({ onClick }: Props): React.JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export * from './EmptyStatePage';
+export * from './NotFoundPage';
+export * from './ForbiddenPage';
+export * from './ServerErrorPage';

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

@@ -1,7 +1,7 @@
 import { default as React, PropsWithChildren } from 'react';
 import { BoxProps } from '@starasia/box';
 
-interface GroupProps extends PropsWithChildren {
+export interface GroupProps extends PropsWithChildren {
     border?: boolean;
     paddingTop?: BoxProps["paddingTop"];
 }

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

@@ -1,7 +1,7 @@
 import { IconName } from '@starasia/icon/dist/types';
 import { default as React } from 'react';
 
-interface ItemProps {
+export interface ItemProps {
     to: string;
     title: string;
     icon: IconName;

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

@@ -1,7 +1,7 @@
 import { PropsWithChildren, default as React } from 'react';
 import { SidebarMenuItem } from '../types';
 
-interface WrapperProps extends PropsWithChildren {
+export interface WrapperProps extends PropsWithChildren {
     show?: boolean;
     maxWidth?: React.CSSProperties["maxWidth"];
     menuBottom?: SidebarMenuItem[];

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,7 @@
+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>;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { IconName } from '@starasia/icon';
+
+export type VerticalFieldProps = {
+    fields: FieldProps[];
+};
+export declare const VerticalField: ({ fields }: VerticalFieldProps) => React.JSX.Element;
+type FieldProps = {
+    title: string;
+    icon?: IconName;
+    value: React.ReactNode;
+};
+export {};

package/dist/components/index.d.ts

@@ -21,3 +21,6 @@ export * from './ScrollToTopButton';
 export * from './InputImage';
 export * from './AsideBar';
 export * from './FloatingFooter';
+export * from './VerticalField';
+export * from './PageState';
+export * from './Dialog';

package/dist/entries/App/context.d.ts

@@ -12,5 +12,6 @@ export interface AppContextValue {
     menuSelectButtons?: MenuSelectButtonProps[];
     menuSelectCustom?: React.ReactNode;
     bottomDrawerContent?: React.ReactNode;
+    variant?: "default" | "simple";
 }
 export declare const AppContext: import('react').Context<AppContextValue>;

package/dist/entries/App/index.d.ts

@@ -15,8 +15,9 @@ interface AppProps extends PropsWithChildren {
     menuSelectButtons?: MenuSelectButtonProps[];
     menuSelectCustom?: React.ReactNode;
     bottomDrawerContent?: React.ReactNode;
+    variant?: "default" | "simple";
 }
-export declare const AppComponent: ({ router, menus, menuBottom, logo, initialUserData, theme, headerButtons, headerButtonsLeft, menuSelectButtons, menuSelectCustom, bottomDrawerContent, }: AppProps) => React.JSX.Element;
-export declare const App: React.MemoExoticComponent<({ router, menus, menuBottom, logo, initialUserData, theme, headerButtons, headerButtonsLeft, menuSelectButtons, menuSelectCustom, bottomDrawerContent, }: AppProps) => React.JSX.Element>;
+export declare const AppComponent: ({ router, menus, menuBottom, logo, initialUserData, theme, headerButtons, headerButtonsLeft, menuSelectButtons, menuSelectCustom, bottomDrawerContent, variant, }: AppProps) => React.JSX.Element;
+export declare const App: React.MemoExoticComponent<({ router, menus, menuBottom, logo, initialUserData, theme, headerButtons, headerButtonsLeft, menuSelectButtons, menuSelectCustom, bottomDrawerContent, variant, }: AppProps) => React.JSX.Element>;
 export * from './hooks';
 export * from './context';

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useTabState';
 export * from './useDynamicTitle';
 export * from './useRouteParams';
+export * from './useRouteInfo';
 export * from './useAuthRole';

package/dist/hooks/useRouteInfo.d.ts

@@ -0,0 +1,55 @@
+import { useSearchParams, Location } from 'react-router';
+
+type UseRouteInfoReturn = {
+    setSearchParams: ReturnType<typeof useSearchParams>[1];
+    searchParams: URLSearchParams;
+    searchQueries: Record<string, string>;
+    isHasQuery: (key: string, value: string) => boolean;
+    getQueryParam: (key: string) => string | null;
+    getRouteParam: (key: string) => string | undefined;
+    params: Record<string, string | undefined>;
+    location: Location;
+    id?: string;
+    hasId: boolean;
+};
+/**
+ * Custom hook untuk mengakses dan memodifikasi **route params** (`useParams`)
+ * dan **query params** (`useSearchParams`) dalam satu utilitas.
+ *
+ * Cocok digunakan ketika ingin membaca parameter dari URL
+ * (misalnya `/users/:id?tab=profile`) secara konsisten.
+ *
+ * @example
+ * // Route: /users/123?tab=profile&filter=active
+ * const {
+ *   id,
+ *   hasId,
+ *   getRouteParam,
+ *   getQueryParam,
+ *   isHasQuery,
+ *   setSearchParams,
+ *   searchQueries,
+ *   location
+ * } = useRouteInfo();
+ *
+ * console.log(id); // "123"
+ * console.log(hasId); // true
+ * console.log(getRouteParam("id")); // "123"
+ *
+ * // query params
+ * console.log(getQueryParam("tab")); // "profile"
+ * console.log(isHasQuery("filter", "active")); // true
+ *
+ * // searchQueries → object hasil parsing query string
+ * console.log(searchQueries);
+ * // { tab: "profile", filter: "active" }
+ *
+ * // Update query param
+ * setSearchParams({ tab: "settings" });
+ *
+ * // location
+ * console.log(location); // { pathname: "/users/123", search: "?tab=profile&filter=active", ... }
+ *
+ */
+export declare const useRouteInfo: () => UseRouteInfoReturn;
+export {};

package/dist/hooks/useRouteParams.d.ts

@@ -1,4 +1,4 @@
-import { useSearchParams } from 'react-router-dom';
+import { useSearchParams, Location } from 'react-router';
 
 type UseRouteParamsReturn = {
     setSearchParams: ReturnType<typeof useSearchParams>[1];
@@ -8,6 +8,7 @@ type UseRouteParamsReturn = {
     getQueryParam: (key: string) => string | null;
     getRouteParam: (key: string) => string | undefined;
     params: Record<string, string | undefined>;
+    location: Location;
     id?: string;
     hasId: boolean;
 };
@@ -27,7 +28,8 @@ type UseRouteParamsReturn = {
  *   getQueryParam,
  *   isHasQuery,
  *   setSearchParams,
- *   searchQueries
+ *   searchQueries,
+ *   location
  * } = useRouteParams();
  *
  * console.log(id); // "123"
@@ -44,6 +46,10 @@ type UseRouteParamsReturn = {
  *
  * // Update query param
  * setSearchParams({ tab: "settings" });
+ *
+ * // location
+ * console.log(location); // { pathname: "/users/123", search: "?tab=profile&filter=active", ... }
+ *
  */
 export declare const useRouteParams: () => UseRouteParamsReturn;
 export {};