@starasia/admin 1.0.0

package/dist/components/SwitchApps/drawer/index.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { AppAccessModel, OrganizationAccessModel } from '../types';
+
+interface DrawerSwitchAppsProps {
+    show: boolean;
+    onHide: () => void;
+    dataApps?: AppAccessModel[];
+    dataOrgs?: OrganizationAccessModel[];
+    totalData?: number;
+    handleSwitch?: (appKey: string, organizationId?: string, item?: AppAccessModel) => void;
+    setSelectedApp: (item: string) => void;
+    handleToSelectOrg?: (item: AppAccessModel) => void;
+    isLoadingOrgList?: boolean;
+}
+declare const DrawerSwitchApps: React.FC<DrawerSwitchAppsProps>;
+export default DrawerSwitchApps;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { AppAccessModel, OrganizationAccessModel } from './types';
+
+interface SwitchAppsProps {
+    dataApp?: AppAccessModel[];
+    dataOrg?: OrganizationAccessModel[];
+    totalData?: number;
+    handleSwitch?: (appKey: string, organizationId?: string) => void;
+    handleToSelectOrg?: (item: AppAccessModel) => void;
+    isLoadingOrg?: boolean;
+    variant?: "single-api" | "multi-api";
+    isLoading?: boolean;
+}
+export declare const SwitchApps: ({ totalData, dataApp, dataOrg, handleSwitch, handleToSelectOrg, isLoadingOrg, variant, isLoading, }: SwitchAppsProps) => React.JSX.Element;
+export * from './types';

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

@@ -0,0 +1,18 @@
+export interface AppAccessModel {
+    id: number | string;
+    name: string;
+    applicationKey: string;
+    isTenant: boolean;
+    role?: Role;
+    organizations?: OrganizationAccessModel[];
+}
+export interface OrganizationAccessModel {
+    id: number | string;
+    name: string;
+    role: Role;
+}
+interface Role {
+    id: number;
+    name: string;
+}
+export {};

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

@@ -0,0 +1,22 @@
+import { TextProps } from '@starasia/text';
+import { default as React } from 'react';
+
+interface Props {
+    children: React.ReactNode;
+    props?: Omit<TextProps, "children" | "fontSize" | "fontWeight" | "variant">;
+}
+export declare const Typography: {
+    H1: (props: Props) => React.JSX.Element;
+    H2: (props: Props) => React.JSX.Element;
+    H3: (props: Props) => React.JSX.Element;
+    H4: (props: Props) => React.JSX.Element;
+    H5: (props: Props) => React.JSX.Element;
+    H6: (props: Props) => React.JSX.Element;
+    SubH1: (props: Props) => React.JSX.Element;
+    SubH2: (props: Props) => React.JSX.Element;
+    SubH3: (props: Props) => React.JSX.Element;
+    Body1: (props: Props) => React.JSX.Element;
+    Body2: (props: Props) => React.JSX.Element;
+    Body3: (props: Props) => React.JSX.Element;
+};
+export {};

package/dist/components/index.d.ts

@@ -0,0 +1,23 @@
+export * from './AuthLayout';
+export * from './ContentLayout';
+export * from './DashboardLayout';
+export * from './Header';
+export * from './HorizontalField';
+export * from './ModalDialog';
+export * from './PageLayout';
+export * from './Pressable';
+export * from './RightDrawer';
+export * from './Section';
+export * from './Sidebar';
+export * from './ActionMenu';
+export * from './AdvanceFilter';
+export * from './EachUtils';
+export * from './DecisionWrapper';
+export * from './SwitchApps';
+export * from './Form';
+export * from './InputFile';
+export * from './Typography';
+export * from './ScrollToTopButton';
+export * from './InputImage';
+export * from './AsideBar';
+export * from './FloatingFooter';

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

@@ -0,0 +1,16 @@
+import { HeaderButtonProps, SidebarMenuItem, SidebarMenus, HeaderUserData } from '../../components';
+import { MenuSelectButtonProps } from '../../components/Header/MenuSelectButton';
+
+export interface AppContextValue {
+    menus: SidebarMenus;
+    menuBottom?: SidebarMenuItem[];
+    userData: HeaderUserData | null;
+    setUserData: (value: HeaderUserData) => void;
+    logo: string;
+    headerButtons?: HeaderButtonProps[];
+    headerButtonsLeft?: HeaderButtonProps[];
+    menuSelectButtons?: MenuSelectButtonProps[];
+    menuSelectCustom?: React.ReactNode;
+    bottomDrawerContent?: React.ReactNode;
+}
+export declare const AppContext: import('react').Context<AppContextValue>;

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

@@ -0,0 +1,10 @@
+import { HeaderUserData } from '../../components';
+
+export declare const useApp: () => import('./context').AppContextValue;
+export interface UseAppStateProps {
+    initialUserData?: HeaderUserData | null;
+}
+export declare const useAppState: (props?: UseAppStateProps) => {
+    userData: HeaderUserData | null;
+    setUserData: import('react').Dispatch<import('react').SetStateAction<HeaderUserData | null>>;
+};

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

@@ -0,0 +1,22 @@
+import { default as React, PropsWithChildren } from 'react';
+import { HeaderButtonProps, HeaderUserData, SidebarMenuItem, SidebarMenus } from '../../components';
+import { ThemeObject } from '@starasia/theme';
+import { MenuSelectButtonProps } from '../../components/Header/MenuSelectButton';
+
+interface AppProps extends PropsWithChildren {
+    router: React.ReactNode;
+    menus: SidebarMenus;
+    menuBottom?: SidebarMenuItem[];
+    logo: string;
+    theme?: ThemeObject;
+    headerButtons?: HeaderButtonProps[];
+    initialUserData?: HeaderUserData | null;
+    headerButtonsLeft?: HeaderButtonProps[];
+    menuSelectButtons?: MenuSelectButtonProps[];
+    menuSelectCustom?: React.ReactNode;
+    bottomDrawerContent?: React.ReactNode;
+}
+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 * from './hooks';
+export * from './context';

package/dist/entries/index.d.ts

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

package/dist/hooks/index.d.ts

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

package/dist/hooks/useAuthRole.d.ts

@@ -0,0 +1,35 @@
+import { AccessPayload } from '../types';
+
+export interface AuthRoleConfig<T extends Record<string, string>> {
+    decodedAccessToken: AccessPayload | null;
+    role: T;
+}
+export type RoleKey<T extends Record<string, string>> = keyof T;
+type SnakeToCamel<S extends string> = S extends `${infer F}_${infer R}` ? `${Capitalize<Lowercase<F>>}${SnakeToCamel<R>}` : Capitalize<Lowercase<S>>;
+type RoleFlags<T extends Record<string, string>> = {
+    [K in keyof T as `is${SnakeToCamel<K & string>}`]: boolean;
+};
+type UseAuthRoleReturn<T extends Record<string, string>> = RoleFlags<T> & {
+    hasRole: (role: keyof T) => boolean;
+    getRoleKey: () => string;
+};
+/**
+ * Generic hook untuk role-based access
+ *
+ * Example:
+ *
+ *  import { APP_CONFIG } from "@core/configs/app";
+ *
+ * const ROLE_CODE = {
+ *   OWNER: APP_CONFIG.role.owner,
+ *   PRODUCT_MANAGER: APP_CONFIG.role.productManager,
+ *   FINANCE: APP_CONFIG.role.finance,
+ * };
+ *
+ * const { isOwner, isFinance, hasRole, getRoleKey } = useAuthRole({
+ *    decodedAccessToken: decodedAccessToken,
+ *    role: ROLE_CODE,
+ * });
+ */
+export declare function useAuthRole<T extends Record<string, string>>(config: AuthRoleConfig<T>): UseAuthRoleReturn<T>;
+export {};

package/dist/hooks/useDynamicTitle.d.ts

@@ -0,0 +1,7 @@
+import { SidebarMenus } from '../components';
+
+export declare function useDynamicTitle({ appName, menuConfig, formatTitle, }: {
+    menuConfig: SidebarMenus;
+    appName: string;
+    formatTitle?: (titles: string[], appName: string) => string;
+}): void;

package/dist/hooks/useRouteParams.d.ts

@@ -0,0 +1,49 @@
+import { useSearchParams } from 'react-router-dom';
+
+type UseRouteParamsReturn = {
+    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>;
+    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
+ * } = useRouteParams();
+ *
+ * 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" });
+ */
+export declare const useRouteParams: () => UseRouteParamsReturn;
+export {};

package/dist/hooks/useTabState.d.ts

@@ -0,0 +1,8 @@
+export declare const useTabState: (options?: {
+    defaultTab?: number;
+    paramKey?: string;
+}) => {
+    activeTab: number;
+    handleTabChange: (newTabIndex: number) => void;
+    searchQueries: Record<string, string>;
+};