e.stopPropagation()} />;
25 | };
26 |
27 | export default memo(BBChart);
28 |
--------------------------------------------------------------------------------
/src/custom/BBChart/index.ts:
--------------------------------------------------------------------------------
1 | import BBChart from './BBChart';
2 |
3 | export { BBChart };
4 |
--------------------------------------------------------------------------------
/src/custom/BookmarkNotification/index.tsx:
--------------------------------------------------------------------------------
1 | import BookmarkNotification from './BookmarkNotification';
2 |
3 | export { BookmarkNotification };
4 |
--------------------------------------------------------------------------------
/src/custom/Carousel/index.tsx:
--------------------------------------------------------------------------------
1 | import Carousel from './Carousel';
2 |
3 | export { Carousel };
4 |
--------------------------------------------------------------------------------
/src/custom/CatalogCard/index.tsx:
--------------------------------------------------------------------------------
1 | import CatalogCard from './CatalogCard';
2 |
3 | export { CatalogCard };
4 |
--------------------------------------------------------------------------------
/src/custom/CatalogDesignTable/helper.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable @typescript-eslint/no-explicit-any */
2 |
3 | export const getColumnValue = (tableMeta: any, targetColumn: string): any => {
4 | const rowData = tableMeta.tableData[tableMeta.rowIndex];
5 | return (rowData as any)[targetColumn] || '';
6 | };
7 |
--------------------------------------------------------------------------------
/src/custom/CatalogDesignTable/index.ts:
--------------------------------------------------------------------------------
1 | import AuthorCell from './AuthorCell';
2 | import CatalogDesignsTable from './CatalogDesignTable';
3 | import { colViews, createDesignColumns } from './columnConfig';
4 | import {
5 | createDesignsColumnsConfig,
6 | colViews as designColumnsColViews
7 | } from './DesignTableColumnConfig';
8 | export { TableVisibilityControl } from './TableVisibilityControl';
9 | export { ViewSwitch } from './ViewSwitch';
10 | export {
11 | AuthorCell,
12 | CatalogDesignsTable,
13 | colViews,
14 | createDesignColumns,
15 | createDesignsColumnsConfig,
16 | designColumnsColViews
17 | };
18 |
--------------------------------------------------------------------------------
/src/custom/CatalogFilterSection/index.tsx:
--------------------------------------------------------------------------------
1 | import CatalogFilterSidebar, { FilterListType } from './CatalogFilterSidebar';
2 |
3 | export { CatalogFilterSidebar };
4 | export type { FilterListType };
5 |
--------------------------------------------------------------------------------
/src/custom/ChapterCard/index.tsx:
--------------------------------------------------------------------------------
1 | import ChapterCard from './ChapterCard';
2 |
3 | export { ChapterCard };
4 |
--------------------------------------------------------------------------------
/src/custom/ChartDialog/index.tsx:
--------------------------------------------------------------------------------
1 | import StyledChartDialog from './ChartDialog';
2 |
3 | export { StyledChartDialog };
4 |
--------------------------------------------------------------------------------
/src/custom/CollaboratorAvatarGroup/index.tsx:
--------------------------------------------------------------------------------
1 | import CollaboratorAvatarGroup from './CollaboratorAvatarGroup';
2 |
3 | export { CollaboratorAvatarGroup };
4 |
--------------------------------------------------------------------------------
/src/custom/ConnectionChip/index.tsx:
--------------------------------------------------------------------------------
1 | import ConnectionChip from './ConnectionChip';
2 |
3 | export { ConnectionChip };
4 |
--------------------------------------------------------------------------------
/src/custom/CustomCatalog/EmptyStateCard.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { EmptyStyleIcon } from '../../icons';
3 | import { useTheme } from '../../theme';
4 | import { CatalogEmptyStateDiv } from './style';
5 |
6 | const EmptyStateCard: FC = () => {
7 | const theme = useTheme();
8 | return (
9 |
10 |
11 | No match found
12 |
13 | );
14 | };
15 |
16 | export default EmptyStateCard;
17 |
--------------------------------------------------------------------------------
/src/custom/CustomCatalog/index.tsx:
--------------------------------------------------------------------------------
1 | import CatalogCardDesignLogo from './CatalogCardDesignLogo';
2 | import CustomCatalogCard from './CustomCard';
3 | import EmptyStateCard from './EmptyStateCard';
4 |
5 | export { CatalogCardDesignLogo, CustomCatalogCard, EmptyStateCard };
6 |
--------------------------------------------------------------------------------
/src/custom/CustomColumnVisibilityControl/index.tsx:
--------------------------------------------------------------------------------
1 | import CustomColumnVisibilityControl from './CustomColumnVisibilityControl';
2 |
3 | export { CustomColumnVisibilityControl };
4 |
--------------------------------------------------------------------------------
/src/custom/CustomImage/index.tsx:
--------------------------------------------------------------------------------
1 | import CustomImage from './CustomImage';
2 | export { CustomImage };
3 |
--------------------------------------------------------------------------------
/src/custom/CustomTooltip/index.tsx:
--------------------------------------------------------------------------------
1 | import CustomTooltip from './customTooltip';
2 | import InfoTooltip from './infoTooltip';
3 |
4 | export { CustomTooltip, InfoTooltip };
5 |
--------------------------------------------------------------------------------
/src/custom/Dialog/StyledDialogActions.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { DialogActions } from '../../base/DialogActions';
3 |
4 | interface StyledDialogActionsProps {
5 | children: React.ReactNode;
6 | }
7 |
8 | export function StyledDialogActions({ children, ...props }: StyledDialogActionsProps): JSX.Element {
9 | return
{children};
10 | }
11 |
12 | export default StyledDialogActions;
13 |
--------------------------------------------------------------------------------
/src/custom/Dialog/StyledDialogContent.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { DialogContent } from '../../base/DialogContent';
3 |
4 | interface StyledDialogContentProps {
5 | children: React.ReactNode;
6 | }
7 |
8 | export function StyledDialogContent({ children, ...props }: StyledDialogContentProps): JSX.Element {
9 | return
{children};
10 | }
11 |
12 | export default StyledDialogContent;
13 |
--------------------------------------------------------------------------------
/src/custom/Dialog/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as CustomDialog } from './CustomDialog';
2 | export { default as StyledDialogActions } from './StyledDialogActions';
3 | export { default as StyledDialogContent } from './StyledDialogContent';
4 | export { default as StyledDialogTitle } from './StyledDialogTitle';
5 |
--------------------------------------------------------------------------------
/src/custom/EmptyState/index.tsx:
--------------------------------------------------------------------------------
1 | import EmptyState from './EmptyState';
2 |
3 | export { EmptyState };
4 |
--------------------------------------------------------------------------------
/src/custom/ErrorBoundary/index.tsx:
--------------------------------------------------------------------------------
1 | export {
2 | ErrorBoundary,
3 | Fallback,
4 | withErrorBoundary,
5 | withSuppressedErrorBoundary
6 | } from './ErrorBoundary';
7 |
--------------------------------------------------------------------------------
/src/custom/Feedback/index.tsx:
--------------------------------------------------------------------------------
1 | import FeedbackButton from './FeedbackButton';
2 |
3 | export { FeedbackButton };
4 |
--------------------------------------------------------------------------------
/src/custom/FlipCard/index.tsx:
--------------------------------------------------------------------------------
1 | import { FlipCard, FlipCardProps } from './FlipCard';
2 |
3 | export { FlipCard };
4 | export type { FlipCardProps };
5 |
--------------------------------------------------------------------------------
/src/custom/FormatId/index.ts:
--------------------------------------------------------------------------------
1 | import { FormatId } from './FormatId';
2 |
3 | export { FormatId };
4 |
--------------------------------------------------------------------------------
/src/custom/HelperTextPopover/index.ts:
--------------------------------------------------------------------------------
1 | import HelperTextPopover from './helperTextPopover';
2 | export { HelperTextPopover };
3 |
--------------------------------------------------------------------------------
/src/custom/Helpers/CondtionalTooltip/index.tsx:
--------------------------------------------------------------------------------
1 | import ConditionalTooltip from './tooltip-for-desc';
2 | export { ConditionalTooltip };
3 |
--------------------------------------------------------------------------------
/src/custom/Helpers/Dimension/index.tsx:
--------------------------------------------------------------------------------
1 | import { useWindowDimensions } from './windowSize';
2 |
3 | export { useWindowDimensions };
4 |
--------------------------------------------------------------------------------
/src/custom/Helpers/Notification/index.tsx:
--------------------------------------------------------------------------------
1 | import useNotificationHandler from './notification-handler';
2 |
3 | export { useNotificationHandler };
4 |
--------------------------------------------------------------------------------
/src/custom/Helpers/ResponsiveColumns/responsive-coulmns.tsx/index.tsx:
--------------------------------------------------------------------------------
1 | import { ColView, updateVisibleColumns } from './responsive-column';
2 |
3 | export { updateVisibleColumns };
4 | export type { ColView };
5 |
--------------------------------------------------------------------------------
/src/custom/InputSearchField/index.ts:
--------------------------------------------------------------------------------
1 | import InputSearchField from './InputSearchField';
2 |
3 | export { InputSearchField };
4 |
--------------------------------------------------------------------------------
/src/custom/LearningCard/index.tsx:
--------------------------------------------------------------------------------
1 | import LearningCard from './LearningCard';
2 |
3 | export { LearningCard };
4 |
--------------------------------------------------------------------------------
/src/custom/LearningContent/index.tsx:
--------------------------------------------------------------------------------
1 | import LearningContent from './LearningContent';
2 |
3 | export { LearningContent };
4 |
--------------------------------------------------------------------------------
/src/custom/ModalCard/index.tsx:
--------------------------------------------------------------------------------
1 | import ModalCard from './ModalCard';
2 |
3 | export { ModalCard };
4 |
--------------------------------------------------------------------------------
/src/custom/NavigationNavbar/index.tsx:
--------------------------------------------------------------------------------
1 | import NavigationNavbar from './navigationNavbar';
2 |
3 | export { NavigationNavbar };
4 |
--------------------------------------------------------------------------------
/src/custom/Note/index.tsx:
--------------------------------------------------------------------------------
1 | import Note from './Note';
2 |
3 | export { Note };
4 |
--------------------------------------------------------------------------------
/src/custom/Panel/index.tsx:
--------------------------------------------------------------------------------
1 | import { Panel } from './Panel';
2 |
3 | export { Panel };
4 |
--------------------------------------------------------------------------------
/src/custom/PerformersSection/index.ts:
--------------------------------------------------------------------------------
1 | import PerformersSection from './PerformersSection';
2 | import { OpenLeaderBoardButton, PerformersSectionButton } from './PerformersToogleButton';
3 | export { OpenLeaderBoardButton, PerformersSection, PerformersSectionButton };
4 |
--------------------------------------------------------------------------------
/src/custom/PopperListener.tsx:
--------------------------------------------------------------------------------
1 | import { PopperPlacementType, PopperProps } from '@mui/material/Popper';
2 | import { Popper } from '../base/Popper';
3 |
4 | export interface IPopperListener extends PopperProps {
5 | open: boolean;
6 | anchorEl: HTMLElement | null | undefined;
7 | children: React.ReactNode;
8 | placement?: PopperPlacementType;
9 | }
10 |
11 | export function PopperListener({
12 | children,
13 | open,
14 | anchorEl,
15 | placement = 'bottom-end',
16 | ...props
17 | }: IPopperListener): JSX.Element {
18 | return (
19 |
20 | {children}
21 |
22 | );
23 | }
24 |
25 | export default PopperListener;
26 |
--------------------------------------------------------------------------------
/src/custom/Prompt/index.tsx:
--------------------------------------------------------------------------------
1 | import PromptComponent, { PROMPT_VARIANTS } from './promt-component';
2 | export { PROMPT_VARIANTS, PromptComponent };
3 | export default PromptComponent;
4 |
--------------------------------------------------------------------------------
/src/custom/Prompt/style.tsx:
--------------------------------------------------------------------------------
1 | import { styled } from '@mui/material';
2 | import { Box, DialogContentText } from '../../base';
3 |
4 | export const Subtitle = styled(DialogContentText)(() => ({
5 | minWidth: 400,
6 | overflowWrap: 'anywhere',
7 | textAlign: 'center',
8 | padding: '5px'
9 | }));
10 |
11 | export const ActionComponent = styled(Box)(() => ({
12 | display: 'flex',
13 | justifyContent: 'end',
14 | width: '100%',
15 | gap: '10px'
16 | }));
17 |
--------------------------------------------------------------------------------
/src/custom/ResourceDetailFormatters/ExpandArrow.tsx:
--------------------------------------------------------------------------------
1 | import ExpandLessIcon from '@mui/icons-material/ExpandLess';
2 | import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
3 | import { iconMedium } from '../../constants/iconsSizes';
4 | import { useTheme } from '../../theme';
5 |
6 | interface ExpandArrowProps {
7 | expanded: boolean;
8 | }
9 |
10 | const ExpandArrow: React.FC
= ({ expanded }) => {
11 | const theme = useTheme();
12 | return expanded ? (
13 |
14 | ) : (
15 |
16 | );
17 | };
18 |
19 | export default ExpandArrow;
20 |
--------------------------------------------------------------------------------
/src/custom/ResourceDetailFormatters/context.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export const LevelContext = React.createContext(0);
4 |
5 | interface LevelProps {
6 | children: React.ReactNode;
7 | }
8 |
9 | export const Level: React.FC = ({ children }) => {
10 | const level = React.useContext(LevelContext);
11 | return {children};
12 | };
13 |
--------------------------------------------------------------------------------
/src/custom/SetupPrerequisite/index.tsx:
--------------------------------------------------------------------------------
1 | import SetupPreReq from './SetupPrerequisite';
2 |
3 | export { SetupPreReq };
4 |
--------------------------------------------------------------------------------
/src/custom/ShareModal/index.tsx:
--------------------------------------------------------------------------------
1 | import ShareModal from './ShareModal';
2 |
3 | export { ShareModal };
4 |
--------------------------------------------------------------------------------
/src/custom/StyledChapter/index.tsx:
--------------------------------------------------------------------------------
1 | import StyledChapter from './StyledChapter';
2 |
3 | export { StyledChapter };
4 |
--------------------------------------------------------------------------------
/src/custom/StyledSearchBar/index.tsx:
--------------------------------------------------------------------------------
1 | import StyledSearchBar from './StyledSearchBar';
2 |
3 | export { StyledSearchBar };
4 |
--------------------------------------------------------------------------------
/src/custom/TOCChapter/index.tsx:
--------------------------------------------------------------------------------
1 | import TOC from './TOCChapter';
2 |
3 | export { TOC };
4 |
--------------------------------------------------------------------------------
/src/custom/TOCLearning/index.tsx:
--------------------------------------------------------------------------------
1 | import TOCLearning from './TOCLearning';
2 |
3 | export { TOCLearning };
4 |
--------------------------------------------------------------------------------
/src/custom/TeamTable/index.ts:
--------------------------------------------------------------------------------
1 | import TeamTable from './TeamTable';
2 | import TeamTableConfiguration from './TeamTableConfiguration';
3 | export { TeamTable, TeamTableConfiguration };
4 |
--------------------------------------------------------------------------------
/src/custom/Terminal/index.tsx:
--------------------------------------------------------------------------------
1 | import Terminal from './Terminal';
2 |
3 | export { Terminal };
4 |
--------------------------------------------------------------------------------
/src/custom/TooltipIconButton/index.ts:
--------------------------------------------------------------------------------
1 | import TooltipIcon from './TooltipIconButton';
2 |
3 | export { TooltipIcon };
4 |
--------------------------------------------------------------------------------
/src/custom/TransferModal/TransferList/index.tsx:
--------------------------------------------------------------------------------
1 | import TransferList from './TransferList';
2 |
3 | export { TransferList };
4 |
--------------------------------------------------------------------------------
/src/custom/TypingFilter/TypingFIlterInput.tsx:
--------------------------------------------------------------------------------
1 | import { TextFieldProps } from '@mui/material/TextField';
2 | import React from 'react';
3 | import { TextField } from '../../base/TextField';
4 |
5 | export type TypingFilterInputProps = {
6 | variant?: string;
7 | } & TextFieldProps;
8 |
9 | export const TypingFilterInput = React.forwardRef(function TypingFilterInput(
10 | props: TypingFilterInputProps,
11 | ref: React.ForwardedRef
12 | ): JSX.Element {
13 | return ;
14 | });
15 |
16 | export default TypingFilterInput;
17 |
--------------------------------------------------------------------------------
/src/custom/UserSearchField/index.ts:
--------------------------------------------------------------------------------
1 | import UserShareSearch from './UserSearchField';
2 | import UserSearchField from './UserSearchFieldInput';
3 |
4 | export { UserSearchField, UserShareSearch };
5 |
--------------------------------------------------------------------------------
/src/custom/UsersTable/index.ts:
--------------------------------------------------------------------------------
1 | import UsersTable from './UsersTable';
2 | import UserTableAvatarInfo from './UserTableAvatarInfo';
3 | export { UserTableAvatarInfo, UsersTable };
4 |
--------------------------------------------------------------------------------
/src/custom/VisibilityChipMenu/index.ts:
--------------------------------------------------------------------------------
1 | import VisibilityChipMenu from './VisibilityChipMenu';
2 |
3 | export { VisibilityChipMenu };
4 |
--------------------------------------------------------------------------------
/src/custom/index.ts:
--------------------------------------------------------------------------------
1 | // Export all custom components
2 | export * from './CustomTooltip';
3 | export * from './HelperTextPopover';
4 | export * from './Markdown';
5 | export * from './Modal';
6 |
--------------------------------------------------------------------------------
/src/hooks/index.ts:
--------------------------------------------------------------------------------
1 | export * from './useRoomActivity';
2 |
--------------------------------------------------------------------------------
/src/icons/Academy/index.ts:
--------------------------------------------------------------------------------
1 | export { default as AcademyIcon } from './AcademyIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Add/AddIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const AddIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | fill = DEFAULT_FILL_NONE,
8 | ...props
9 | }: IconProps): JSX.Element => {
10 | return (
11 |
21 | );
22 | };
23 |
24 | export default AddIcon;
25 |
--------------------------------------------------------------------------------
/src/icons/Add/index.ts:
--------------------------------------------------------------------------------
1 | export { default as AddIcon } from './AddIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/AddCircle/index.ts:
--------------------------------------------------------------------------------
1 | export { default as AddCircleIcon } from './AddCircleIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Application/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ApplicationIcon } from './ApplicationIcon';
2 | export { default as KeppelApplicationIcon } from './KeppelApplicationIcon';
3 | export { default as OutlinedApplicationIcon } from './OutlinedApplicationIcon';
4 |
--------------------------------------------------------------------------------
/src/icons/ArrowCompress/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ArrowCompressIcon } from './ArrowCompressIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/ArrowDropDown/ArrowDropDownIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const ArrowDropDownIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | fill = DEFAULT_FILL_NONE,
8 | ...props
9 | }: IconProps): JSX.Element => {
10 | return (
11 |
21 | );
22 | };
23 |
24 | export default ArrowDropDownIcon;
25 |
--------------------------------------------------------------------------------
/src/icons/ArrowDropDown/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ArrowDropDownIcon } from './ArrowDropDownIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/ArrowExpand/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ArrowExpandIcon } from './ArrowExpandIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Article/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ArticleIcon } from './ArticleIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Bell/BellIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const BellIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | ...props
8 | }: IconProps): JSX.Element => {
9 | return (
10 |
19 | );
20 | };
21 |
22 | export default BellIcon;
23 |
--------------------------------------------------------------------------------
/src/icons/Bell/index.ts:
--------------------------------------------------------------------------------
1 | export { default as BellIcon } from './BellIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Bus/index.ts:
--------------------------------------------------------------------------------
1 | export { default as BusIcon } from './BusIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Calender/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CalenderIcon } from './CalenderIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/CaretDown/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CaretDownIcon } from './CaretDownIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/CatalogIcon/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CatalogIcon } from './CatalogIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Chain/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ChainIcon } from './ChainIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Chain/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as ChainIcon } from './ChainIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Challenges/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ChallengesIcon } from './ChallengesIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Chat/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ChatIcon } from './ChatIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Check/CheckIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const CheckIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | ...props
8 | }: IconProps): JSX.Element => {
9 | return (
10 |
21 | );
22 | };
23 |
24 | export default CheckIcon;
25 |
--------------------------------------------------------------------------------
/src/icons/Check/index.ts:
--------------------------------------------------------------------------------
1 | import CheckIcon from './CheckIcon';
2 |
3 | export { CheckIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/CheckCircle/index.ts:
--------------------------------------------------------------------------------
1 | export { CheckCircleIcon } from './CheckCircleIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/CheckCircleOutline/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CheckCircleOutlineIcon } from './CheckCircleOutlineIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Chevron/OutlinedDoubleChevron.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const OutlinedDoubleChevronIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | ...props
8 | }: IconProps): JSX.Element => {
9 | return (
10 |
19 | );
20 | };
21 |
22 | export default OutlinedDoubleChevronIcon;
23 |
--------------------------------------------------------------------------------
/src/icons/Chevron/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedDoubleChevronIcon } from './OutlinedDoubleChevron';
2 |
--------------------------------------------------------------------------------
/src/icons/ChevronLeft/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ChevronLeft } from './ChevronLeft';
2 |
--------------------------------------------------------------------------------
/src/icons/Circle/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CircleIcon } from './CircleIcon';
2 | export { default as OutlinedCircleIcon } from './OutlinedCircleIcon';
3 |
--------------------------------------------------------------------------------
/src/icons/Clone/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CloneIcon } from './CloneIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Close/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CloseIcon } from './CloseIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Cloud/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CloudSavedIcon } from './CloudSavedIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/CollapseAll/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as CollapseAllIcon } from './CollapseAllIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Column/ColumnIcon.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 | import { CARIBBEAN_GREEN_FILL, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
3 |
4 | const ColumnIcon: React.FC> = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | fill = CARIBBEAN_GREEN_FILL,
8 | ...props
9 | }) => {
10 | return (
11 |
21 | );
22 | };
23 |
24 | export default ColumnIcon;
25 |
--------------------------------------------------------------------------------
/src/icons/Column/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as ColumnIcon } from './ColumnIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Component/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ComponentIcon } from './ComponentIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Configuration/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ConfigurationIcon } from './ConfigurationIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/ContentClassIcons/index.tsx:
--------------------------------------------------------------------------------
1 | import CommunityClassIcon from './CommunityClassIcon';
2 | import OfficialClassIcon from './OfficialClassIcon';
3 | import VerificationClassIcon from './VerificationClassIcon';
4 | export { CommunityClassIcon, OfficialClassIcon, VerificationClassIcon };
5 |
--------------------------------------------------------------------------------
/src/icons/Copy/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CopyIcon } from './CopyIcon';
2 | export { default as CopyLinkIcon } from './CopyLinkIcon';
3 |
--------------------------------------------------------------------------------
/src/icons/CreateNew/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CreateNewIcon } from './CreateNewIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Credential/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CredentialIcon } from './CredentialIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Dashboard/index.ts:
--------------------------------------------------------------------------------
1 | export { default as DashboardIcon } from './DashboardIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/DataObject/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedDataObjectIcon } from './OutlinedDataObjectIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Database/index.ts:
--------------------------------------------------------------------------------
1 | export { default as DatabaseIcon } from './DatabaseIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Delete/index.ts:
--------------------------------------------------------------------------------
1 | export { default as DeleteIcon } from './DeleteIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Deploy/OutlinedDeployIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { IconProps } from '../types';
3 |
4 | export const OutlinedDeployIcon: FC = ({ width, height, ...props }) => {
5 | return (
6 |
16 | );
17 | };
18 |
19 | export default OutlinedDeployIcon;
20 |
--------------------------------------------------------------------------------
/src/icons/Deploy/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedDeployIcon } from './OutlinedDeployIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Deployments/index.tsx:
--------------------------------------------------------------------------------
1 | import DeploymentsIcon from './DeploymentsIcon';
2 | export { DeploymentsIcon };
3 |
--------------------------------------------------------------------------------
/src/icons/Design/index.tsx:
--------------------------------------------------------------------------------
1 | import DesignIcon from './DesignIcon';
2 | export { DesignIcon };
3 |
--------------------------------------------------------------------------------
/src/icons/Designer/index.ts:
--------------------------------------------------------------------------------
1 | export { default as DesignerBottomRightIcon } from './DesignerBottomRightIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Detail/index.ts:
--------------------------------------------------------------------------------
1 | export { default as DetailIcon, default as DetailsIcon } from './DetailsIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Document/index.ts:
--------------------------------------------------------------------------------
1 | import DocumentIcon from './DocumentIcon';
2 |
3 | export { DocumentIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/Done/DoneAllIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const DoneAllIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | ...props
8 | }: IconProps): JSX.Element => {
9 | return (
10 |
19 | );
20 | };
21 |
22 | export default DoneAllIcon;
23 |
--------------------------------------------------------------------------------
/src/icons/Done/DoneIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const DoneIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | ...props
8 | }: IconProps): JSX.Element => {
9 | return (
10 |
19 | );
20 | };
21 |
22 | export default DoneIcon;
23 |
--------------------------------------------------------------------------------
/src/icons/Done/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as DoneAllIcon } from './DoneAllIcon';
2 | export { default as DoneIcon } from './DoneIcon';
3 |
--------------------------------------------------------------------------------
/src/icons/Download/index.tsx:
--------------------------------------------------------------------------------
1 | import DownloadIcon from './Download';
2 | export { DownloadIcon };
3 |
--------------------------------------------------------------------------------
/src/icons/Drag/index.ts:
--------------------------------------------------------------------------------
1 | import DragIcon from './DragIcon';
2 |
3 | export { DragIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/DropDownIcon/index.ts:
--------------------------------------------------------------------------------
1 | export { default as DropDownIcon } from './DropDownIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Edit/EditIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const EditIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | ...props
8 | }: IconProps): JSX.Element => {
9 | return (
10 |
13 | );
14 | };
15 |
16 | export default EditIcon;
17 |
--------------------------------------------------------------------------------
/src/icons/Edit/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as EditIcon } from './EditIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Ellipsis/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as EllipsisIcon } from './Ellipsisicon';
2 |
--------------------------------------------------------------------------------
/src/icons/EmptyStyle/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as EmptyStyleIcon } from './EmptyStyleIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Environment/index.ts:
--------------------------------------------------------------------------------
1 | export { default as EnvironmentIcon } from './EnvironmentIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/ErrorOutline/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ErrorOutlineIcon } from './ErrorOutlineIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/ExpandAll/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as ExpandAllIcon } from './ExpandAllIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/ExpandMore/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ExpandMoreIcon } from './ExpandMoreIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Export/ExportIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
3 | import { IconProps } from '../types';
4 |
5 | export const DownloadIcon: FC = ({
6 | width = DEFAULT_WIDTH,
7 | height = DEFAULT_HEIGHT,
8 | fill = '#455a64',
9 | style = {}
10 | }) => (
11 |
21 | );
22 |
23 | export default DownloadIcon;
24 |
--------------------------------------------------------------------------------
/src/icons/Export/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ExportIcon } from './ExportIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/ExternalLink/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ExternalLinkIcon } from './Externallink';
2 |
--------------------------------------------------------------------------------
/src/icons/Favorite/index.ts:
--------------------------------------------------------------------------------
1 | export { default as FavoriteIcon } from './FavoriteIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Feedback/index.ts:
--------------------------------------------------------------------------------
1 | export { default as FeedbackIcon } from './FeedbackIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/File/index.ts:
--------------------------------------------------------------------------------
1 | export { default as FileIcon } from './FileIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Filter/FilterIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const FilterIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | ...props
8 | }: IconProps): JSX.Element => {
9 | return (
10 |
22 | );
23 | };
24 |
25 | export default FilterIcon;
26 |
--------------------------------------------------------------------------------
/src/icons/Filter/index.ts:
--------------------------------------------------------------------------------
1 | export { default as FilterIcon } from './FilterIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/FolderRounded/index.ts:
--------------------------------------------------------------------------------
1 | export { default as FolderRoundedIcon } from './FolderRoundedIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Fullscreen/index.ts:
--------------------------------------------------------------------------------
1 | export { default as FullScreenIconExit } from './FullScreenExitIcon';
2 | export { default as FullScreenIcon } from './FullScreenIcon';
3 |
--------------------------------------------------------------------------------
/src/icons/GetStarted/index.ts:
--------------------------------------------------------------------------------
1 | import GetStartedIcon from './GetStartedIcon';
2 |
3 | export { GetStartedIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/Github/index.ts:
--------------------------------------------------------------------------------
1 | import GithubIcon from './GithubIcon';
2 |
3 | export { GithubIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/Google/index.ts:
--------------------------------------------------------------------------------
1 | import GoogleIcon from './GoogleIcon';
2 |
3 | export { GoogleIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/GridView/index.ts:
--------------------------------------------------------------------------------
1 | export { default as GridViewIcon } from './GridViewIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/HelpIcon/index.ts:
--------------------------------------------------------------------------------
1 | export { default as HelpOutlinedIcon } from './HelpOutlinedIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Hierarchical/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedHierarchicalIcon } from './OutlinedHierarchicalIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Idea/index.ts:
--------------------------------------------------------------------------------
1 | export { default as IdeaIcon } from './IdeaIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/InfoOutlined/index.ts:
--------------------------------------------------------------------------------
1 | export { default as InfoOutlined } from './InfoOutlined';
2 |
--------------------------------------------------------------------------------
/src/icons/InviteUser/index.ts:
--------------------------------------------------------------------------------
1 | import InviteUserIcon from './InviteUserIcon';
2 |
3 | export { InviteUserIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/Kanvas/index.ts:
--------------------------------------------------------------------------------
1 | export { default as KanvasIcon } from './KanvasIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Kubernetes/index.ts:
--------------------------------------------------------------------------------
1 | export { default as KubernetesIcon } from './KubernetesIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/LeaderBoard/index.ts:
--------------------------------------------------------------------------------
1 | import LeaderBoardIcon from './LeaderBoardIcon';
2 |
3 | export { LeaderBoardIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/Learning/index.ts:
--------------------------------------------------------------------------------
1 | export { default as LearningIcon } from './LearningIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/LeftAngledArrow/index.ts:
--------------------------------------------------------------------------------
1 | export { default as LeftAngledArrowIcon } from './LeftAngledArrowIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/LeftArrow/LeftArrowIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const LeftArrowIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | ...props
8 | }: IconProps): JSX.Element => {
9 | return (
10 |
19 | );
20 | };
21 |
22 | export default LeftArrowIcon;
23 |
--------------------------------------------------------------------------------
/src/icons/LeftArrow/index.ts:
--------------------------------------------------------------------------------
1 | export { default as LeftArrowIcon } from './LeftArrowIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Lock/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as LockIcon } from './LockIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/LockClockOutlinedIcon/index.ts:
--------------------------------------------------------------------------------
1 | export { default as LockClockOutlinedIcon } from './LockClockOutlinedIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Logout/index.ts:
--------------------------------------------------------------------------------
1 | import LogoutIcon from './LogOutIcon';
2 |
3 | export { LogoutIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/Mendeley/index.ts:
--------------------------------------------------------------------------------
1 | export { default as MendeleyIcon } from './MendeleyIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Menu/MenuIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const MenuIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | fill = DEFAULT_FILL_NONE,
8 | ...props
9 | }: IconProps): JSX.Element => {
10 | return (
11 |
21 | );
22 | };
23 |
24 | export default MenuIcon;
25 |
--------------------------------------------------------------------------------
/src/icons/Menu/index.ts:
--------------------------------------------------------------------------------
1 | export { default as MenuIcon } from './MenuIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Mesh/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedMeshIcon } from './OutlinedMesh';
2 |
--------------------------------------------------------------------------------
/src/icons/Meshery/index.ts:
--------------------------------------------------------------------------------
1 | export { default as MesheryIcon } from './MesheryIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/MesheryFilter/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as MesheryFilterIcon } from './MesheryFilterIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/MesheryOperator/index.ts:
--------------------------------------------------------------------------------
1 | export { default as MesheryOperator } from './MesheryOperator';
2 |
--------------------------------------------------------------------------------
/src/icons/MoveFile/index.ts:
--------------------------------------------------------------------------------
1 | import MoveFileIcon from './MoveFileIcon';
2 |
3 | export { MoveFileIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/Open/index.tsx:
--------------------------------------------------------------------------------
1 | import OpenFileIcon from './OpenFileIcon';
2 | import OpenIcon from './OpenIcon';
3 | export { OpenFileIcon, OpenIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/OpenInNew/OpenInNewIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { IconProps } from '../types';
3 |
4 | const OpenInNewIcon: FC = ({
5 | width = '24px',
6 | height = '24px',
7 | fill,
8 | style = {},
9 | onClick
10 | }) => (
11 |
22 | );
23 |
24 | export default OpenInNewIcon;
25 |
--------------------------------------------------------------------------------
/src/icons/OpenInNew/index.ts:
--------------------------------------------------------------------------------
1 | import OpenInNewIcon from './OpenInNewIcon';
2 | export { OpenInNewIcon };
3 |
--------------------------------------------------------------------------------
/src/icons/Organization/index.ts:
--------------------------------------------------------------------------------
1 | import OrgIcon from './OrgIcon';
2 | export { OrgIcon };
3 |
--------------------------------------------------------------------------------
/src/icons/PanTool/index.ts:
--------------------------------------------------------------------------------
1 | export { default as PanToolIcon } from './PanToolIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/PanelDragHandle/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as PanelDragHandleIcon } from './PanelDragHandleIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Pattern/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedPatternIcon } from './OutlinedPatternIcon';
2 | export { default as OutlinedPatternSwitchIcon } from './OutlinedPatternSwitchIcon';
3 |
--------------------------------------------------------------------------------
/src/icons/Person/index.ts:
--------------------------------------------------------------------------------
1 | export { default as PersonIcon } from './PersonIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Pod/OutlinedPodIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { IconProps } from '../types';
3 |
4 | export const OutlinedPodIcon: FC = ({ width, height, ...props }) => (
5 |
23 | );
24 |
25 | export default OutlinedPodIcon;
26 |
--------------------------------------------------------------------------------
/src/icons/Pod/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedPodIcon } from './OutlinedPodIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Poll/index.ts:
--------------------------------------------------------------------------------
1 | export { default as PollIcon } from './PollIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Public/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as PublicIcon } from './PublicIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Publish/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as PublishIcon } from './PublishIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Question/index.ts:
--------------------------------------------------------------------------------
1 | export { default as QuestionIcon } from './QuestionIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Rectangle/RectangleIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
3 | import { IconProps } from '../types';
4 |
5 | export const RectangleIcon: FC = ({
6 | width = DEFAULT_WIDTH,
7 | height = DEFAULT_HEIGHT,
8 | ...props
9 | }) => {
10 | return (
11 |
20 | );
21 | };
22 |
23 | export default RectangleIcon;
24 |
--------------------------------------------------------------------------------
/src/icons/Rectangle/index.ts:
--------------------------------------------------------------------------------
1 | export { default as KeppelRectangleIcon } from './KeppelRectangleIcon';
2 | export { default as OutlinedRectangleIcon } from './OutlinedRectangleIcon';
3 | export { default as RectangleIcon } from './RectangleIcon';
4 |
--------------------------------------------------------------------------------
/src/icons/Redo/OutlinedRedoIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { IconProps } from '../types';
3 |
4 | export const OutlinedRedoIcon: FC = ({ width, height, ...props }) => {
5 | return (
6 |
16 | );
17 | };
18 |
19 | export default OutlinedRedoIcon;
20 |
--------------------------------------------------------------------------------
/src/icons/Redo/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedRedoIcon } from './OutlinedRedoIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Remove/RemoveIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
3 | import { IconProps } from '../types';
4 |
5 | export const RemoveIcon: FC = ({
6 | width = DEFAULT_WIDTH,
7 | height = DEFAULT_HEIGHT,
8 | ...props
9 | }) => {
10 | return (
11 |
20 | );
21 | };
22 |
23 | export default RemoveIcon;
24 |
--------------------------------------------------------------------------------
/src/icons/Remove/index.ts:
--------------------------------------------------------------------------------
1 | export { default as RemoveDoneIcon } from './RemoveDoneIcon';
2 | export { default as RemoveIcon } from './RemoveIcon';
3 |
--------------------------------------------------------------------------------
/src/icons/Remove/remove.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/Reset/OutlinedResetIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { IconProps } from '../types';
3 |
4 | export const OutlinedResetIcon: FC = ({ width, height, ...props }) => {
5 | return (
6 |
16 | );
17 | };
18 |
19 | export default OutlinedResetIcon;
20 |
--------------------------------------------------------------------------------
/src/icons/Reset/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedResetIcon } from './OutlinedResetIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Resize/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ResizeIcon } from './ResizeIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Response/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ResponseIcon } from './responseicon';
2 |
--------------------------------------------------------------------------------
/src/icons/RightArrow/RightArrowIcon.tsx:
--------------------------------------------------------------------------------
1 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
2 | import { IconProps } from '../types';
3 |
4 | export const RightArrowIcon = ({
5 | width = DEFAULT_WIDTH,
6 | height = DEFAULT_HEIGHT,
7 | ...props
8 | }: IconProps): JSX.Element => {
9 | return (
10 |
19 | );
20 | };
21 |
22 | export default RightArrowIcon;
23 |
--------------------------------------------------------------------------------
/src/icons/RightArrow/index.ts:
--------------------------------------------------------------------------------
1 | export { default as RightArrowIcon } from './RightArrowIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Ring/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedRingIcon } from './OutlinedRingIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/SMP/index.ts:
--------------------------------------------------------------------------------
1 | export { default as SMPIcon } from './SMPIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Save/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedCloudSavingIcon } from './OutlinedCloudSavingIcon';
2 | export { default as SaveAsIcon } from './SaveAsIcon';
3 |
--------------------------------------------------------------------------------
/src/icons/Screenshot/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedScreenshotIcon } from './OutlinedScreenshotIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Search/index.ts:
--------------------------------------------------------------------------------
1 | export { default as SearchIcon } from './SearchIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Settings/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedSettingsIcon } from './OutlinedSettingsIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Shapes/RoundedRectangleShapeIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
3 | import { IconProps } from '../types';
4 |
5 | export const RoundedRectangleShapeIcon: FC = ({
6 | width = DEFAULT_WIDTH,
7 | height = DEFAULT_HEIGHT,
8 | ...props
9 | }) => {
10 | return (
11 |
20 | );
21 | };
22 |
23 | export default RoundedRectangleShapeIcon;
24 |
--------------------------------------------------------------------------------
/src/icons/Shapes/TallRoundedRectangleIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { DEFAULT_FILL, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
3 | import { IconProps } from '../types';
4 |
5 | export const TallRoundedRectangleIcon: FC = ({
6 | width = DEFAULT_WIDTH,
7 | height = DEFAULT_HEIGHT,
8 | fill = DEFAULT_FILL,
9 | ...props
10 | }) => {
11 | return (
12 |
21 | );
22 | };
23 |
24 | export default TallRoundedRectangleIcon;
25 |
--------------------------------------------------------------------------------
/src/icons/Shapes/index.ts:
--------------------------------------------------------------------------------
1 | export { default as KeppelTallRoundedRectangleIcon } from './KeppelTallRoundedRectangleIcon';
2 | export { default as OutlinedTallRoundedRectangleIcon } from './OutlinedTallRoundedRectangleIcon';
3 | export { default as RoundedRectangleShapeIcon } from './RoundedRectangleShapeIcon';
4 | export { default as RoundedTriangleShapeIcon } from './RoundedTriangleShapeIcon';
5 | export { default as TallRoundedRectangleIcon } from './TallRoundedRectangleIcon';
6 |
--------------------------------------------------------------------------------
/src/icons/Share/index.tsx:
--------------------------------------------------------------------------------
1 | import ShareIcon from './ShareIcon';
2 | import ShareLineIcon from './ShareLineIcon';
3 | export { ShareIcon, ShareLineIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/SocialMedial/index.ts:
--------------------------------------------------------------------------------
1 | import FacebookIcon from './FacebookIcon';
2 | import LinkedinIcon from './LinkedinIcon';
3 | import TwitterIcon from './TwitterIcon';
4 |
5 | export { FacebookIcon, LinkedinIcon, TwitterIcon };
6 |
--------------------------------------------------------------------------------
/src/icons/SocialMedial/types.ts:
--------------------------------------------------------------------------------
1 | export interface IconProps {
2 | width?: number;
3 | height?: number;
4 | fill?: string;
5 | style?: React.CSSProperties;
6 | }
7 |
--------------------------------------------------------------------------------
/src/icons/Star/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedStarIcon } from './OutlinedStarIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Success/index.ts:
--------------------------------------------------------------------------------
1 | export { default as SuccessIcon } from './SuccessIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/SwapVert/index.ts:
--------------------------------------------------------------------------------
1 | export { default as SwapVertIcon } from './SwapVertIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/TableView/index.ts:
--------------------------------------------------------------------------------
1 | export { default as TableViewIcon } from './TableViewIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/TachographDigital/index.ts:
--------------------------------------------------------------------------------
1 | export { default as TachographDigitalIcon } from './TachographDigitalIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Tachometer/index.ts:
--------------------------------------------------------------------------------
1 | export { default as TachometerIcon } from './TachometerIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Teams/index.ts:
--------------------------------------------------------------------------------
1 | import TeamsIcon from './TeamsIcon';
2 |
3 | export { TeamsIcon };
4 |
--------------------------------------------------------------------------------
/src/icons/TerminalIcon/index.ts:
--------------------------------------------------------------------------------
1 | export { default as TerminalIcon } from './TerminalIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Toolkit/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ToolkitIcon } from './ToolkitIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Touch/index.ts:
--------------------------------------------------------------------------------
1 | export { default as TouchAppIcon } from './TouchAppIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Triangle/TriangleIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { IconProps } from '../types';
3 |
4 | export const TriangleIcon: FC = ({ width, height, ...props }) => {
5 | return (
6 |
18 | );
19 | };
20 |
21 | export default TriangleIcon;
22 |
--------------------------------------------------------------------------------
/src/icons/Triangle/index.ts:
--------------------------------------------------------------------------------
1 | export { default as TriangleIcon } from './TriangleIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Tropy/index.ts:
--------------------------------------------------------------------------------
1 | export { default as TropyIcon } from './TropyIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Undeploy/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedUndeployIcon } from './OutlinedUndeployIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Undo/OutlinedUndoIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { IconProps } from '../types';
3 |
4 | export const OutlinedUndoIcon: FC = ({ width, height, ...props }) => {
5 | return (
6 |
16 | );
17 | };
18 |
19 | export default OutlinedUndoIcon;
20 |
--------------------------------------------------------------------------------
/src/icons/Undo/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedUndoIcon } from './OutlinedUndoIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Validate/OutlinedValidateIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { IconProps } from '../types';
3 |
4 | export const OutlinedValidateIcon: FC = ({ width, height, ...props }) => {
5 | return (
6 |
16 | );
17 | };
18 |
19 | export default OutlinedValidateIcon;
20 |
--------------------------------------------------------------------------------
/src/icons/Validate/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedValidateIcon } from './OutlinedValidateIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/View/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ViewIcon } from './ViewIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Visibility/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedVisibilityOffIcon } from './OutlinedVisibilityOffIcon';
2 | export { default as OutlinedVisibilityOnIcon } from './OutlinedVisibilityOnIcon';
3 |
--------------------------------------------------------------------------------
/src/icons/Visualizer/index.ts:
--------------------------------------------------------------------------------
1 | export { default as OutlinedVisualizerSwitcherIcon } from './OutlinedVisualizerSwitcherIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Warning/index.ts:
--------------------------------------------------------------------------------
1 | export { WarningIcon } from './WarningIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Wasm/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as WasmIcon } from './WasmIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Workspace/index.ts:
--------------------------------------------------------------------------------
1 | export { default as WorkspaceIcon } from './WorkspaceIcon';
2 |
--------------------------------------------------------------------------------
/src/icons/Zoom/ZoomInIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
3 | import { IconProps } from '../types';
4 |
5 | export const ZoomInIcon: FC = ({
6 | width = DEFAULT_WIDTH,
7 | height = DEFAULT_HEIGHT,
8 | ...props
9 | }) => {
10 | return (
11 |
21 | );
22 | };
23 |
24 | export default ZoomInIcon;
25 |
--------------------------------------------------------------------------------
/src/icons/Zoom/ZoomOutIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
3 | import { IconProps } from '../types';
4 |
5 | export const ZoomOutIcon: FC = ({
6 | width = DEFAULT_WIDTH,
7 | height = DEFAULT_HEIGHT,
8 | ...props
9 | }) => {
10 | return (
11 |
21 | );
22 | };
23 |
24 | export default ZoomOutIcon;
25 |
--------------------------------------------------------------------------------
/src/icons/Zoom/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ZoomInIcon } from './ZoomInIcon';
2 | export { default as ZoomOutIcon } from './ZoomOutIcon';
3 |
--------------------------------------------------------------------------------
/src/icons/types.ts:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export type IconProps = {
4 | children?: never;
5 | color?: string;
6 | title?: string;
7 | width?: number | string;
8 | height?: number | string;
9 | fill?: string;
10 | } & React.SVGProps;
11 |
12 | export type CustomIconProps = {
13 | primaryFill?: string;
14 | secondaryFill?: string;
15 | } & IconProps;
16 |
--------------------------------------------------------------------------------
/src/index.tsx:
--------------------------------------------------------------------------------
1 | export * from './actors';
2 | export * from './base';
3 | export * from './colors';
4 | export * from './custom';
5 | export * from './hooks';
6 | export * from './icons';
7 | export * from './redux-persist';
8 | export * from './schemas';
9 | export * from './theme';
10 | export * from './utils';
11 |
--------------------------------------------------------------------------------
/src/patches/Tooltip.tsx:
--------------------------------------------------------------------------------
1 | import MuiTooltip, { TooltipProps } from '@mui/material/Tooltip';
2 | import React from 'react';
3 |
4 | export interface ChildrenPropType {
5 | children?: T;
6 | }
7 |
8 | /**
9 | * Create a custom Tooltip component to resolve the React.forwardRef warning
10 | */
11 | export const Tooltip = React.forwardRef<
12 | HTMLDivElement,
13 | TooltipProps & ChildrenPropType
14 | >(
15 | (props, ref): JSX.Element => (
16 |
17 | {props.children}
18 |
19 | )
20 | );
21 |
22 | export default Tooltip;
23 |
--------------------------------------------------------------------------------
/src/redux-persist/index.ts:
--------------------------------------------------------------------------------
1 | export * from './initReduxPersist';
2 | export * from './PersistedStateProvider';
3 |
--------------------------------------------------------------------------------
/src/schemas/createAndEditEnvironment/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const createAndEditEnvironmentUiSchema = {
2 | organization: {
3 | 'ui:disabled': false
4 | },
5 | 'ui:order': ['organization', 'name', 'description']
6 | };
7 |
8 | export default createAndEditEnvironmentUiSchema;
9 |
--------------------------------------------------------------------------------
/src/schemas/createAndEditWorkspace/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const createAndEditWorkspaceUiSchema = {
2 | organization: {
3 | 'ui:disabled': false,
4 | 'ui:widget': 'select'
5 | },
6 | 'ui:order': ['organization', 'name', 'description']
7 | };
8 |
9 | export default createAndEditWorkspaceUiSchema;
10 |
--------------------------------------------------------------------------------
/src/schemas/grafanaCredential/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const grafanaCredentialUiSchema = {};
2 |
3 | export default grafanaCredentialUiSchema;
4 |
--------------------------------------------------------------------------------
/src/schemas/helmConnection/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const helmConnectionUiSchema = {
2 | 'ui:order': ['name', 'description', 'url']
3 | };
4 |
5 | export default helmConnectionUiSchema;
6 |
--------------------------------------------------------------------------------
/src/schemas/helpAndSupportModal/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * Represents UI schema for help and support modal
3 | */
4 | const helpAndSupportModalUiSchema = {
5 | subject: {
6 | 'ui:placeholder': 'Summary or title for your support request'
7 | },
8 | message: {
9 | 'ui:placeholder': 'Detailed description of your support request'
10 | },
11 | scope: {
12 | 'ui:widget': 'radio'
13 | }
14 | };
15 |
16 | export default helpAndSupportModalUiSchema;
17 |
--------------------------------------------------------------------------------
/src/schemas/importDesign/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const importDesignUiSchema = {
2 | uploadType: {
3 | 'ui:widget': 'radio'
4 | },
5 | 'ui:order': ['name', 'uploadType', 'file', 'url']
6 | };
7 |
8 | export default importDesignUiSchema;
9 |
--------------------------------------------------------------------------------
/src/schemas/importFilter/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const importFilterUiSchema = {
2 | 'ui:order': ['name', 'uploadType', 'config', 'file', 'url']
3 | };
4 |
5 | export default importFilterUiSchema;
6 |
--------------------------------------------------------------------------------
/src/schemas/importModel/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const importModelUiSchema = {
2 | uploadType: {
3 | 'ui:widget': 'radio'
4 | },
5 | 'ui:order': ['uploadType', 'file', 'url', 'csv']
6 | };
7 |
8 | export default importModelUiSchema;
9 |
--------------------------------------------------------------------------------
/src/schemas/kubernetesCredential/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const kubernetesCredentialUiSchema = {};
2 |
3 | export default kubernetesCredentialUiSchema;
4 |
--------------------------------------------------------------------------------
/src/schemas/prometheusCredential/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const prometheusCredentialUiSchema = {};
2 |
3 | export default prometheusCredentialUiSchema;
4 |
--------------------------------------------------------------------------------
/src/schemas/publishCatalogItem/uiSchema.tsx:
--------------------------------------------------------------------------------
1 | const publishCatalogItemUiSchema = {
2 | 'ui:order': ['type', 'compatibility', 'pattern_info', 'pattern_caveats']
3 | };
4 |
5 | export default publishCatalogItemUiSchema;
6 |
--------------------------------------------------------------------------------
/src/theme/components/appbar.modifiter.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiAppBar: Components['MuiAppBar'] = {
4 | styleOverrides: {
5 | root: ({ theme }) => {
6 | const {
7 | palette: {
8 | background: { default: defaultBackground }
9 | }
10 | } = theme;
11 | return {
12 | elevation: 2,
13 | background: defaultBackground
14 | };
15 | }
16 | }
17 | };
18 |
--------------------------------------------------------------------------------
/src/theme/components/buttongroup.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiButtonGroup: Components['MuiButtonGroup'] = {
4 | styleOverrides: {
5 | grouped: ({ theme }) => ({
6 | borderColor: theme.palette.common.white
7 | })
8 | }
9 | };
10 |
--------------------------------------------------------------------------------
/src/theme/components/card.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiCard: Components['MuiCard'] = {
4 | styleOverrides: {
5 | root: {
6 | backgroundImage:
7 | 'radial-gradient( circle 3000px at 50% 50%, rgba(30,33,23,0) 0%, rgba(30,33,23,0.05) 10%, rgba(30,33,23,.1) 100% )'
8 | }
9 | }
10 | };
11 |
--------------------------------------------------------------------------------
/src/theme/components/cssbaseline.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiCssBaseline: Components['MuiCssBaseline'] = {
4 | styleOverrides: `
5 | @font-face {
6 | font-family: 'Qanelas Soft Regular';
7 | font-style: normal;
8 | font-display: swap;
9 | font-weight: 400;
10 | src:
11 | local('QanelasSoftRegular'),
12 | local('Quanelas Soft Regular')
13 | }
14 | `
15 | };
16 |
--------------------------------------------------------------------------------
/src/theme/components/drawer.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 | import { DARK_BLUE_GRAY } from '../colors';
3 |
4 | export const MuiDrawer: Components['MuiDrawer'] = {
5 | styleOverrides: {
6 | root: {
7 | '& .MuiDrawer-paper': {
8 | boxSize: 'border-box',
9 | background: DARK_BLUE_GRAY
10 | }
11 | }
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/src/theme/components/formlabel.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiFormLabel: Components['MuiFormLabel'] = {
4 | styleOverrides: {
5 | root: ({ theme }) => {
6 | const {
7 | palette: {
8 | background: { brand }
9 | },
10 | typography: { textB1Regular }
11 | } = theme;
12 | return {
13 | ...textB1Regular,
14 | '&.Mui-focused': {
15 | color: brand?.default
16 | }
17 | };
18 | }
19 | }
20 | };
21 |
--------------------------------------------------------------------------------
/src/theme/components/iconbutton.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiIconButton: Components['MuiIconButton'] = {
4 | styleOverrides: {
5 | root: {
6 | '@media (max-width: 400px)': {
7 | padding: '2px'
8 | },
9 | '&.Mui-disabled': {
10 | '&:hover': {
11 | cursor: 'not-allowed'
12 | }
13 | },
14 | '& .MuiSvgIcon-root': {
15 | '&.Mui-disabled': {
16 | '&:hover': {
17 | cursor: 'not-allowed'
18 | }
19 | }
20 | }
21 | }
22 | }
23 | };
24 |
--------------------------------------------------------------------------------
/src/theme/components/menu.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiMenu: Components['MuiMenu'] = {
4 | styleOverrides: {
5 | paper: {
6 | '& .MuiMenuItem-root.Mui-selected': {
7 | backgroundColor: 'rgba(0, 0, 0, 0.08)',
8 | '&:hover': {
9 | backgroundColor: 'rgba(0, 0, 0, 0.08)'
10 | }
11 | }
12 | }
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/src/theme/components/pagination.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 | import { white } from '../colors';
3 |
4 | export const MuiPagination: Components['MuiPagination'] = {
5 | styleOverrides: {
6 | root: ({ theme }) => {
7 | const {
8 | palette: {
9 | background: { brand }
10 | }
11 | } = theme;
12 | return {
13 | button: {
14 | '&:hover': {
15 | backgroundColor: brand?.hover
16 | },
17 | '&.Mui-selected': {
18 | color: white.main,
19 | backgroundColor: brand?.default
20 | }
21 | }
22 | };
23 | }
24 | }
25 | };
26 |
--------------------------------------------------------------------------------
/src/theme/components/svgicon.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiSvgIcon: Components['MuiSvgIcon'] = {
4 | styleOverrides: {
5 | root: {
6 | height: 24,
7 | width: 24
8 | }
9 | }
10 | };
11 |
--------------------------------------------------------------------------------
/src/theme/components/tab.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiTab: Components['MuiTab'] = {
4 | styleOverrides: {
5 | root: ({ theme }) => {
6 | const {
7 | palette: {
8 | text: { default: defaultText },
9 | background: { tabs: defaultBackground }
10 | }
11 | } = theme;
12 | return {
13 | '&.Mui-selected': {
14 | color: defaultText,
15 | backgroundColor: defaultBackground
16 | },
17 | backgroundColor: 'none',
18 | color: defaultText
19 | };
20 | }
21 | }
22 | };
23 |
--------------------------------------------------------------------------------
/src/theme/components/tabs.modifier.ts:
--------------------------------------------------------------------------------
1 | import { Components, Theme } from '@mui/material';
2 |
3 | export const MuiTabs: Components['MuiTabs'] = {
4 | styleOverrides: {
5 | root: ({ theme }) => ({
6 | backgroundColor: theme.palette.background.tabs
7 | }),
8 | indicator: ({ theme }) => ({
9 | backgroundColor: theme.palette.background.brand?.default
10 | })
11 | }
12 | };
13 |
--------------------------------------------------------------------------------
/src/types/fonts.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.woff2' {
2 | const content: string;
3 | export default content;
4 | }
5 |
--------------------------------------------------------------------------------
/src/utils/components.ts:
--------------------------------------------------------------------------------
1 | export const componentIcon = ({
2 | kind,
3 | model,
4 | color
5 | }: {
6 | kind: string;
7 | model: string;
8 | color: 'white' | 'color' | 'complete';
9 | }) => {
10 | if (!kind || !model || !color) {
11 | return null;
12 | }
13 | return `/ui/public/static/img/meshmodels/${model}/${color}/${kind.toLowerCase()}-${color}.svg`;
14 | };
15 |
--------------------------------------------------------------------------------
/src/utils/index.ts:
--------------------------------------------------------------------------------
1 | export * from './components';
2 | export * from './time.utils';
3 |
--------------------------------------------------------------------------------
/system/foundations/stepper.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/layer5io/sistent/bf3da7aa8ea73b564cd8346a15a6ee1391fc9783/system/foundations/stepper.png
--------------------------------------------------------------------------------
/tsup.config.ts:
--------------------------------------------------------------------------------
1 | import path from 'path';
2 | import { defineConfig } from 'tsup';
3 |
4 | const env = process.env.NODE_ENV;
5 |
6 | export default defineConfig({
7 | outDir: 'dist',
8 | entry: ['src/index.tsx'],
9 | bundle: env === 'production',
10 | clean: true,
11 | dts: true,
12 | format: ['cjs', 'esm'],
13 | external: ['react', 'xstate', '@xstate/react', 'react-dom'],
14 | minify: env === 'production',
15 | watch: env === 'development',
16 | sourcemap: env === 'development',
17 | tsconfig: path.resolve(__dirname, './tsconfig.json')
18 | });
19 |
--------------------------------------------------------------------------------