@messenger-box/slack-ui-browser 10.0.3-alpha.176

package/src/hooks/useOptimizedChannelsQueries.ts

@@ -0,0 +1,165 @@
+import { useMemo, useCallback } from 'react';
+import { RoomType } from 'common';
+import { useChannelsQuery } from '../queries/slackuiQueries';
+import { orderBy, uniqBy, take } from 'lodash-es';
+
+interface UseOptimizedChannelsQueriesProps {
+    orgName: string;
+    teamId?: string | null;
+    enabled?: boolean;
+}
+
+interface ChannelFilters {
+    includeChannels?: boolean;
+    includeDirectMessages?: boolean;
+    channelLimit?: number;
+    directMessageLimit?: number;
+}
+
+const defaultChannelTypes = [RoomType.Channel, RoomType.Private, RoomType.Public];
+
+export const useOptimizedChannelsQueries = ({
+    orgName,
+    teamId = null,
+    enabled = true,
+}: UseOptimizedChannelsQueriesProps) => {
+    // Single optimized query that fetches all channel types at once
+    const {
+        data: allChannelsData,
+        loading,
+        error,
+        refetch: refetchAllChannels,
+    } = useChannelsQuery({
+        variables: {
+            criteria: {
+                orgName,
+                type: [...defaultChannelTypes, RoomType.Direct],
+                team: teamId,
+            },
+            limit: 100,
+        },
+        fetchPolicy: 'cache-and-network',
+        nextFetchPolicy: 'cache-first',
+        skip: !enabled || !orgName,
+    });
+
+    // Memoized data selectors for different channel types
+    const channelsData = useMemo(() => {
+        if (!allChannelsData?.channelsByUser) return [];
+
+        return orderBy(
+            uniqBy(
+                allChannelsData.channelsByUser.filter(
+                    (channel: any) => defaultChannelTypes.includes(channel.type) && channel.type !== RoomType.Direct,
+                ),
+                'id',
+            ),
+            [(ch: any) => ch.title?.toLowerCase()],
+            ['asc'],
+        );
+    }, [allChannelsData?.channelsByUser]);
+
+    const directChannelsData = useMemo(() => {
+        if (!allChannelsData?.channelsByUser) return [];
+
+        return orderBy(
+            uniqBy(
+                allChannelsData.channelsByUser.filter((channel: any) => channel.type === RoomType.Direct),
+                'id',
+            ),
+            [(ch: any) => ch.members?.[0]?.user?.givenName || ''],
+            ['asc'],
+        );
+    }, [allChannelsData?.channelsByUser]);
+
+    // Optimized refetch function that accepts filters
+    const refetchChannels = useCallback(
+        (filters?: ChannelFilters) => {
+            const { includeChannels = true, includeDirectMessages = true } = filters || {};
+
+            const types: RoomType[] = [];
+            if (includeChannels) types.push(...defaultChannelTypes);
+            if (includeDirectMessages) types.push(RoomType.Direct);
+
+            const finalTypes = types.length > 0 ? types : [...defaultChannelTypes, RoomType.Direct];
+
+            return refetchAllChannels({
+                criteria: {
+                    orgName,
+                    type: finalTypes,
+                    team: teamId,
+                },
+                limit: 100,
+            });
+        },
+        [orgName, teamId, refetchAllChannels],
+    );
+
+    // Specific data selectors with limits for different use cases
+    const getChannelsForHome = useCallback(
+        (limit: number = 10) => {
+            return take(channelsData, limit);
+        },
+        [channelsData],
+    );
+
+    const getDirectChannelsForHome = useCallback(
+        (limit: number = 20) => {
+            return take(directChannelsData, limit);
+        },
+        [directChannelsData],
+    );
+
+    const getChannelsForTeam = useCallback(() => {
+        return channelsData;
+    }, [channelsData]);
+
+    return {
+        // Raw data
+        allChannelsData: allChannelsData?.channelsByUser || [],
+        channelsData,
+        directChannelsData,
+
+        // Loading states
+        loading,
+        error,
+
+        // Refetch functions
+        refetchChannels,
+        refetchAllChannels,
+
+        // Selectors with built-in limits
+        getChannelsForHome,
+        getDirectChannelsForHome,
+        getChannelsForTeam,
+
+        // Utility functions
+        hasChannels: channelsData.length > 0,
+        hasDirectChannels: directChannelsData.length > 0,
+        totalChannelCount: channelsData.length,
+        totalDirectChannelCount: directChannelsData.length,
+    };
+};
+
+// Additional hook for specific channel type queries (for backward compatibility)
+export const useChannelTypeQuery = (
+    orgName: string,
+    channelType: RoomType | RoomType[],
+    options: { teamId?: string; limit?: number; enabled?: boolean } = {},
+) => {
+    const { teamId = null, limit = 50, enabled = true } = options;
+
+    return useChannelsQuery({
+        variables: {
+            criteria: {
+                orgName,
+                type: channelType,
+                team: teamId,
+            },
+            limit,
+        },
+        fetchPolicy: 'cache-and-network',
+        nextFetchPolicy: 'cache-first',
+        skip: !enabled || !orgName,
+    });
+};

package/src/hooks/useRouteState.ts

@@ -0,0 +1,253 @@
+import { useCallback, useEffect, useMemo } from 'react';
+import { useMachine } from '@xstate/react';
+import { useLocation, useNavigate, useParams } from '@remix-run/react';
+import { 
+    routeMachine, 
+    RouteAction, 
+    RouteState, 
+    parsePathname, 
+    getPathForRouteState 
+} from '../machines/routeMachine';
+import { slackUiRoutePaths, SLACK_UI_ROUTE_KEYS } from '../constants/routes';
+
+export interface UseRouteStateReturn {
+    // Current state
+    currentState: RouteState;
+    currentRouteKey: string | null;
+    channelName: string | null;
+    teamName: string | null;
+    orgSlug: string;
+    
+    // State checks
+    isHome: boolean;
+    isChannelView: boolean;
+    isChannelNew: boolean;
+    isMessageView: boolean;
+    isMessageNew: boolean;
+    isTeamView: boolean;
+    isTeamNew: boolean;
+    isThreads: boolean;
+    isActivity: boolean;
+    isDrafts: boolean;
+    isSaved: boolean;
+    isFiles: boolean;
+    isSearch: boolean;
+    isInvite: boolean;
+    isInviteContacts: boolean;
+    isInviteEmail: boolean;
+    isInviteLink: boolean;
+    
+    // Navigation methods
+    navigateToHome: () => void;
+    navigateToChannel: (channelName: string) => void;
+    navigateToChannelNew: () => void;
+    navigateToMessage: (channelName: string) => void;
+    navigateToMessageNew: () => void;
+    navigateToTeam: (teamName: string) => void;
+    navigateToTeamNew: () => void;
+    navigateToThreads: () => void;
+    navigateToActivity: () => void;
+    navigateToDrafts: () => void;
+    navigateToSaved: () => void;
+    navigateToFiles: () => void;
+    navigateToSearch: () => void;
+    navigateToInvite: () => void;
+    navigateToInviteContacts: () => void;
+    navigateToInviteEmail: () => void;
+    navigateToInviteLink: () => void;
+    
+    // Utils
+    goBack: () => void;
+}
+
+/**
+ * Custom hook for managing route state using XState
+ * Syncs React Router location with XState machine
+ */
+export function useRouteState(orgSlug: string): UseRouteStateReturn {
+    const location = useLocation();
+    const navigate = useNavigate();
+    const params = useParams();
+    
+    // Initialize machine with current route context
+    const [state, send] = useMachine(routeMachine, {
+        input: {
+            orgSlug,
+            currentPath: location.pathname,
+            currentRouteKey: parsePathname(location.pathname, orgSlug).routeKey,
+            channelName: params.channelName || null,
+            teamName: params.teamName || null,
+            previousPath: null,
+        },
+    });
+    
+    // Sync location changes with machine
+    useEffect(() => {
+        send({ type: RouteAction.UPDATE_FROM_PATHNAME, pathname: location.pathname });
+    }, [location.pathname, send]);
+    
+    // Derive current state from parsed pathname
+    const parsedRoute = useMemo(() => 
+        parsePathname(location.pathname, orgSlug), 
+        [location.pathname, orgSlug]
+    );
+    
+    // State checks
+    const isHome = parsedRoute.state === RouteState.Home || parsedRoute.state === RouteState.Idle;
+    const isChannelView = parsedRoute.state === RouteState.ChannelsView;
+    const isChannelNew = parsedRoute.state === RouteState.ChannelsNew;
+    const isMessageView = parsedRoute.state === RouteState.MessagesView;
+    const isMessageNew = parsedRoute.state === RouteState.MessagesNew;
+    const isTeamView = parsedRoute.state === RouteState.TeamsView;
+    const isTeamNew = parsedRoute.state === RouteState.TeamsNew;
+    const isThreads = parsedRoute.state === RouteState.Threads;
+    const isActivity = parsedRoute.state === RouteState.Activity;
+    const isDrafts = parsedRoute.state === RouteState.Drafts;
+    const isSaved = parsedRoute.state === RouteState.Saved;
+    const isFiles = parsedRoute.state === RouteState.Files;
+    const isSearch = parsedRoute.state === RouteState.Search;
+    const isInvite = parsedRoute.state === RouteState.Invite;
+    const isInviteContacts = parsedRoute.state === RouteState.InviteContacts;
+    const isInviteEmail = parsedRoute.state === RouteState.InviteEmail;
+    const isInviteLink = parsedRoute.state === RouteState.InviteLink;
+    
+    // Navigation methods - both update machine and navigate
+    const navigateToHome = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_HOME });
+        navigate(slackUiRoutePaths.home(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToChannel = useCallback((channelName: string) => {
+        send({ type: RouteAction.NAVIGATE_CHANNEL, channelName });
+        navigate(slackUiRoutePaths.channel(orgSlug, channelName));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToChannelNew = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_CHANNEL_NEW });
+        navigate(slackUiRoutePaths.channelNew(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToMessage = useCallback((channelName: string) => {
+        send({ type: RouteAction.NAVIGATE_MESSAGE, channelName });
+        navigate(slackUiRoutePaths.message(orgSlug, channelName));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToMessageNew = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_MESSAGE_NEW });
+        navigate(slackUiRoutePaths.messageNew(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToTeam = useCallback((teamName: string) => {
+        send({ type: RouteAction.NAVIGATE_TEAM, teamName });
+        navigate(slackUiRoutePaths.team(orgSlug, teamName));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToTeamNew = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_TEAM_NEW });
+        navigate(slackUiRoutePaths.teamNew(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToThreads = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_THREADS });
+        navigate(slackUiRoutePaths.threads(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToActivity = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_ACTIVITY });
+        navigate(slackUiRoutePaths.activity(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToDrafts = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_DRAFTS });
+        navigate(slackUiRoutePaths.drafts(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToSaved = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_SAVED });
+        navigate(slackUiRoutePaths.saved(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToFiles = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_FILES });
+        navigate(slackUiRoutePaths.files(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToSearch = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_SEARCH });
+        navigate(slackUiRoutePaths.search(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToInvite = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_INVITE });
+        navigate(slackUiRoutePaths.invite(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToInviteContacts = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_INVITE_CONTACTS });
+        navigate(slackUiRoutePaths.inviteContacts(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToInviteEmail = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_INVITE_EMAIL });
+        navigate(slackUiRoutePaths.inviteEmail(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const navigateToInviteLink = useCallback(() => {
+        send({ type: RouteAction.NAVIGATE_INVITE_LINK });
+        navigate(slackUiRoutePaths.inviteLink(orgSlug));
+    }, [send, navigate, orgSlug]);
+    
+    const goBack = useCallback(() => {
+        navigate(-1);
+    }, [navigate]);
+    
+    return {
+        // Current state
+        currentState: parsedRoute.state,
+        currentRouteKey: parsedRoute.routeKey,
+        channelName: parsedRoute.channelName || params.channelName || null,
+        teamName: parsedRoute.teamName || params.teamName || null,
+        orgSlug,
+        
+        // State checks
+        isHome,
+        isChannelView,
+        isChannelNew,
+        isMessageView,
+        isMessageNew,
+        isTeamView,
+        isTeamNew,
+        isThreads,
+        isActivity,
+        isDrafts,
+        isSaved,
+        isFiles,
+        isSearch,
+        isInvite,
+        isInviteContacts,
+        isInviteEmail,
+        isInviteLink,
+        
+        // Navigation methods
+        navigateToHome,
+        navigateToChannel,
+        navigateToChannelNew,
+        navigateToMessage,
+        navigateToMessageNew,
+        navigateToTeam,
+        navigateToTeamNew,
+        navigateToThreads,
+        navigateToActivity,
+        navigateToDrafts,
+        navigateToSaved,
+        navigateToFiles,
+        navigateToSearch,
+        navigateToInvite,
+        navigateToInviteContacts,
+        navigateToInviteEmail,
+        navigateToInviteLink,
+        
+        // Utils
+        goBack,
+    };
+}

package/src/icons.ts

@@ -0,0 +1,137 @@
+/**
+ * Centralized icon exports using @react-icons/all-files
+ * This file provides consistent icon usage across the slack-ui browser package
+ */
+
+// Feather Icons (Fi)
+export { FiChevronDown } from '@react-icons/all-files/fi/FiChevronDown.js';
+export { FiChevronRight } from '@react-icons/all-files/fi/FiChevronRight.js';
+export { FiChevronLeft } from '@react-icons/all-files/fi/FiChevronLeft.js';
+export { FiPlus } from '@react-icons/all-files/fi/FiPlus.js';
+export { FiSearch } from '@react-icons/all-files/fi/FiSearch.js';
+export { FiHash } from '@react-icons/all-files/fi/FiHash.js';
+export { FiLock } from '@react-icons/all-files/fi/FiLock.js';
+export { FiRefreshCw } from '@react-icons/all-files/fi/FiRefreshCw.js';
+export { FiUser } from '@react-icons/all-files/fi/FiUser.js';
+export { FiUserPlus } from '@react-icons/all-files/fi/FiUserPlus.js';
+export { FiShare2 } from '@react-icons/all-files/fi/FiShare2.js';
+export { FiMail } from '@react-icons/all-files/fi/FiMail.js';
+export { FiX } from '@react-icons/all-files/fi/FiX.js';
+export { FiEdit } from '@react-icons/all-files/fi/FiEdit.js';
+export { FiEdit2 } from '@react-icons/all-files/fi/FiEdit2.js';
+export { FiMessageSquare } from '@react-icons/all-files/fi/FiMessageSquare.js';
+export { FiBookmark } from '@react-icons/all-files/fi/FiBookmark.js';
+export { FiSend } from '@react-icons/all-files/fi/FiSend.js';
+export { FiMoreHorizontal } from '@react-icons/all-files/fi/FiMoreHorizontal.js';
+export { FiMoreVertical } from '@react-icons/all-files/fi/FiMoreVertical.js';
+export { FiSettings } from '@react-icons/all-files/fi/FiSettings.js';
+export { FiHome } from '@react-icons/all-files/fi/FiHome.js';
+export { FiInbox } from '@react-icons/all-files/fi/FiInbox.js';
+export { FiUsers } from '@react-icons/all-files/fi/FiUsers.js';
+export { FiMessageCircle } from '@react-icons/all-files/fi/FiMessageCircle.js';
+export { FiBell } from '@react-icons/all-files/fi/FiBell.js';
+export { FiLogOut } from '@react-icons/all-files/fi/FiLogOut.js';
+export { FiMenu } from '@react-icons/all-files/fi/FiMenu.js';
+export { FiTrash2 } from '@react-icons/all-files/fi/FiTrash2.js';
+export { FiCopy } from '@react-icons/all-files/fi/FiCopy.js';
+export { FiCheck } from '@react-icons/all-files/fi/FiCheck.js';
+export { FiAlertCircle } from '@react-icons/all-files/fi/FiAlertCircle.js';
+export { FiInfo } from '@react-icons/all-files/fi/FiInfo.js';
+
+// VS Code Icons (Vsc)
+export { VscChromeClose } from '@react-icons/all-files/vsc/VscChromeClose.js';
+export { VscAdd } from '@react-icons/all-files/vsc/VscAdd.js';
+export { VscSearch } from '@react-icons/all-files/vsc/VscSearch.js';
+export { VscMenu } from '@react-icons/all-files/vsc/VscMenu.js';
+
+// Go Icons (Go)
+export { GoGlobe } from '@react-icons/all-files/go/GoGlobe.js';
+export { GoOrganization } from '@react-icons/all-files/go/GoOrganization.js';
+export { GoPerson } from '@react-icons/all-files/go/GoPerson.js';
+export { GoComment } from '@react-icons/all-files/go/GoComment.js';
+
+// Remix Icons (Ri)
+export { RiAdminFill } from '@react-icons/all-files/ri/RiAdminFill.js';
+export { RiAdminLine } from '@react-icons/all-files/ri/RiAdminLine.js';
+export { RiTeamLine } from '@react-icons/all-files/ri/RiTeamLine.js';
+export { RiTeamFill } from '@react-icons/all-files/ri/RiTeamFill.js';
+
+// Ant Design Icons (Ai)
+export { AiOutlineHome } from '@react-icons/all-files/ai/AiOutlineHome.js';
+export { AiOutlineInbox } from '@react-icons/all-files/ai/AiOutlineInbox.js';
+export { AiOutlineMessage } from '@react-icons/all-files/ai/AiOutlineMessage.js';
+export { AiOutlineTeam } from '@react-icons/all-files/ai/AiOutlineTeam.js';
+export { AiOutlineSetting } from '@react-icons/all-files/ai/AiOutlineSetting.js';
+export { AiOutlineUser } from '@react-icons/all-files/ai/AiOutlineUser.js';
+export { AiOutlinePlus } from '@react-icons/all-files/ai/AiOutlinePlus.js';
+export { AiOutlineClose } from '@react-icons/all-files/ai/AiOutlineClose.js';
+export { AiOutlineSearch } from '@react-icons/all-files/ai/AiOutlineSearch.js';
+export { AiOutlineEdit } from '@react-icons/all-files/ai/AiOutlineEdit.js';
+export { AiOutlineDelete } from '@react-icons/all-files/ai/AiOutlineDelete.js';
+export { AiOutlineSend } from '@react-icons/all-files/ai/AiOutlineSend.js';
+export { AiOutlineBell } from '@react-icons/all-files/ai/AiOutlineBell.js';
+export { AiOutlineLogout } from '@react-icons/all-files/ai/AiOutlineLogout.js';
+export { AiOutlineMenu } from '@react-icons/all-files/ai/AiOutlineMenu.js';
+export { AiOutlineCopy } from '@react-icons/all-files/ai/AiOutlineCopy.js';
+export { AiOutlineCheck } from '@react-icons/all-files/ai/AiOutlineCheck.js';
+export { AiOutlineWarning } from '@react-icons/all-files/ai/AiOutlineWarning.js';
+export { AiOutlineInfoCircle } from '@react-icons/all-files/ai/AiOutlineInfoCircle.js';
+
+// Bootstrap Icons (Bs)
+export { BsHash } from '@react-icons/all-files/bs/BsHash.js';
+export { BsLock } from '@react-icons/all-files/bs/BsLock.js';
+export { BsPeople } from '@react-icons/all-files/bs/BsPeople.js';
+export { BsPerson } from '@react-icons/all-files/bs/BsPerson.js';
+export { BsChat } from '@react-icons/all-files/bs/BsChat.js';
+export { BsChatDots } from '@react-icons/all-files/bs/BsChatDots.js';
+export { BsThreeDots } from '@react-icons/all-files/bs/BsThreeDots.js';
+export { BsThreeDotsVertical } from '@react-icons/all-files/bs/BsThreeDotsVertical.js';
+
+// Heroicons (Hi)
+export { HiOutlineHashtag } from '@react-icons/all-files/hi/HiOutlineHashtag.js';
+export { HiOutlineLockClosed } from '@react-icons/all-files/hi/HiOutlineLockClosed.js';
+export { HiOutlineUserGroup } from '@react-icons/all-files/hi/HiOutlineUserGroup.js';
+export { HiOutlineUser } from '@react-icons/all-files/hi/HiOutlineUser.js';
+export { HiOutlineChat } from '@react-icons/all-files/hi/HiOutlineChat.js';
+export { HiOutlinePencil } from '@react-icons/all-files/hi/HiOutlinePencil.js';
+export { HiOutlineDotsHorizontal } from '@react-icons/all-files/hi/HiOutlineDotsHorizontal.js';
+export { HiOutlineDotsVertical } from '@react-icons/all-files/hi/HiOutlineDotsVertical.js';
+export { HiOutlinePlus } from '@react-icons/all-files/hi/HiOutlinePlus.js';
+export { HiOutlineX } from '@react-icons/all-files/hi/HiOutlineX.js';
+export { HiOutlineSearch } from '@react-icons/all-files/hi/HiOutlineSearch.js';
+export { HiOutlineHome } from '@react-icons/all-files/hi/HiOutlineHome.js';
+export { HiOutlineInbox } from '@react-icons/all-files/hi/HiOutlineInbox.js';
+export { HiOutlineBell } from '@react-icons/all-files/hi/HiOutlineBell.js';
+export { HiOutlineCog } from '@react-icons/all-files/hi/HiOutlineCog.js';
+
+// IO Icons (Io)
+export { IoMdAdd } from '@react-icons/all-files/io/IoMdAdd.js';
+export { IoMdClose } from '@react-icons/all-files/io/IoMdClose.js';
+export { IoMdSearch } from '@react-icons/all-files/io/IoMdSearch.js';
+export { IoMdMenu } from '@react-icons/all-files/io/IoMdMenu.js';
+export { IoMdSettings } from '@react-icons/all-files/io/IoMdSettings.js';
+export { IoMdPerson } from '@react-icons/all-files/io/IoMdPerson.js';
+export { IoMdPeople } from '@react-icons/all-files/io/IoMdPeople.js';
+export { IoMdChatbubbles } from '@react-icons/all-files/io/IoMdChatbubbles.js';
+export { IoMdNotifications } from '@react-icons/all-files/io/IoMdNotifications.js';
+
+// Material Design Icons (Md)
+export { MdAdd } from '@react-icons/all-files/md/MdAdd.js';
+export { MdClose } from '@react-icons/all-files/md/MdClose.js';
+export { MdSearch } from '@react-icons/all-files/md/MdSearch.js';
+export { MdMenu } from '@react-icons/all-files/md/MdMenu.js';
+export { MdSettings } from '@react-icons/all-files/md/MdSettings.js';
+export { MdPerson } from '@react-icons/all-files/md/MdPerson.js';
+export { MdPeople } from '@react-icons/all-files/md/MdPeople.js';
+export { MdChat } from '@react-icons/all-files/md/MdChat.js';
+export { MdNotifications } from '@react-icons/all-files/md/MdNotifications.js';
+export { MdHome } from '@react-icons/all-files/md/MdHome.js';
+export { MdInbox } from '@react-icons/all-files/md/MdInbox.js';
+export { MdEdit } from '@react-icons/all-files/md/MdEdit.js';
+export { MdDelete } from '@react-icons/all-files/md/MdDelete.js';
+export { MdSend } from '@react-icons/all-files/md/MdSend.js';
+export { MdRefresh } from '@react-icons/all-files/md/MdRefresh.js';
+export { MdMoreHoriz } from '@react-icons/all-files/md/MdMoreHoriz.js';
+export { MdMoreVert } from '@react-icons/all-files/md/MdMoreVert.js';
+export { MdLock } from '@react-icons/all-files/md/MdLock.js';
+export { MdPublic } from '@react-icons/all-files/md/MdPublic.js';

package/src/index.ts

@@ -0,0 +1,11 @@
+import { Feature } from '@common-stack/client-react';
+import SlackUIModule from './module';
+
+export * from './screens';
+export * from './components';
+export * from './hooks';
+export * from './queries';
+export * from './icons';
+export * from './constants';
+
+export default new Feature(SlackUIModule);

package/src/machines/index.ts

@@ -0,0 +1,9 @@
+export { 
+    routeMachine, 
+    RouteState, 
+    RouteAction, 
+    parsePathname, 
+    getPathForRouteState,
+    createRouteMachineWithContext 
+} from './routeMachine';
+export type { RouteContext, RouteEvent } from './routeMachine';