12 |
18 | );
19 | };
20 |
21 | export default ApiPage;
22 |
--------------------------------------------------------------------------------
/src/component/admin/apiToken/ApiTokenForm/SelectProjectInput/SelectAllButton/SelectAllButton.styles.ts:
--------------------------------------------------------------------------------
1 | import { makeStyles } from 'tss-react/mui';
2 |
3 | export const useStyles = makeStyles()(theme => ({
4 | selectOptionsLink: {
5 | cursor: 'pointer',
6 | fontSize: theme.fontSizes.bodySize,
7 | },
8 | }));
9 |
--------------------------------------------------------------------------------
/src/component/admin/apiToken/ApiTokenForm/SelectProjectInput/SelectProjectInput.styles.ts:
--------------------------------------------------------------------------------
1 | import { makeStyles } from 'tss-react/mui';
2 |
3 | export const useStyles = makeStyles()(theme => ({
4 | selectOptionCheckbox: {
5 | marginRight: '0.2rem',
6 | },
7 | }));
8 |
--------------------------------------------------------------------------------
/src/component/admin/billing/BillingDashboard/BillingDashboard.tsx:
--------------------------------------------------------------------------------
1 | import { Grid } from '@mui/material';
2 | import { IInstanceStatus } from 'interfaces/instance';
3 | import { VFC } from 'react';
4 | import { BillingInformation } from './BillingInformation/BillingInformation';
5 | import { BillingPlan } from './BillingPlan/BillingPlan';
6 |
7 | interface IBillingDashboardProps {
8 | instanceStatus: IInstanceStatus;
9 | }
10 |
11 | export const BillingDashboard: VFC
8 | Use this page to configure allowed CORS origins for the Frontend
9 | API (/api/frontend).
10 |
12 | This configuration will not affect the Admin API (
13 | /api/admin) nor the Client API (
14 | /api/client).
15 |
17 | An asterisk (*) may be used to allow API calls from
18 | any origin.
19 |
7 |
10 | );
11 | };
12 |
--------------------------------------------------------------------------------
/src/component/admin/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import { Navigate } from 'react-router-dom';
4 |
5 | const render = () =>
14 | {type === 'error' ? (
15 |
20 | );
21 | };
22 |
23 | export default CheckMarkBadge;
24 |
--------------------------------------------------------------------------------
/src/component/common/Codebox/Codebox.styles.ts:
--------------------------------------------------------------------------------
1 | import { makeStyles } from 'tss-react/mui';
2 |
3 | export const useStyles = makeStyles()(theme => ({
4 | container: {
5 | backgroundColor: theme.palette.codebox,
6 | padding: '1rem',
7 | borderRadius: theme.shape.borderRadiusMedium,
8 | position: 'relative',
9 | maxHeight: '500px',
10 | overflow: 'auto',
11 | },
12 | code: {
13 | margin: 0,
14 | wordBreak: 'break-all',
15 | whiteSpace: 'pre-wrap',
16 | color: theme.palette.formSidebarTextColor,
17 | fontSize: 14,
18 | },
19 | icon: {
20 | fill: '#fff',
21 | },
22 | iconButton: {
23 | position: 'absolute',
24 | bottom: '10px',
25 | right: '20px',
26 | },
27 | }));
28 |
--------------------------------------------------------------------------------
/src/component/common/Codebox/Codebox.tsx:
--------------------------------------------------------------------------------
1 | import { useStyles } from './Codebox.styles';
2 |
3 | interface ICodeboxProps {
4 | text: string;
5 | }
6 |
7 | const Codebox = ({ text }: ICodeboxProps) => {
8 | const { classes: styles } = useStyles();
9 |
10 | return (
11 |
12 |
14 | );
15 | };
16 |
17 | export default Codebox;
18 |
--------------------------------------------------------------------------------
/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintFormHeader/ConstraintFormHeader.tsx:
--------------------------------------------------------------------------------
1 | import { makeStyles } from 'tss-react/mui';
2 | import React from 'react';
3 |
4 | const useStyles = makeStyles()(theme => ({
5 | header: {
6 | fontSize: theme.fontSizes.bodySize,
7 | fontWeight: 'normal',
8 | marginTop: '1rem',
9 | marginBottom: '0.25rem',
10 | },
11 | }));
12 |
13 | export const ConstraintFormHeader: React.FC<
14 | React.HTMLAttributes{text}
13 | 19 | {children} 20 |
21 | ); 22 | }; 23 | -------------------------------------------------------------------------------- /src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/DateSingleValue/DateSingleValue.test.tsx: -------------------------------------------------------------------------------- 1 | import { parseDateValue } from 'component/common/util'; 2 | 3 | test(`Date component is able to parse midnight when it's 00`, () => { 4 | let f = parseDateValue('2022-03-15T12:27'); 5 | let midnight = parseDateValue('2022-03-15T00:27'); 6 | expect(f).toEqual('2022-03-15T12:27'); 7 | expect(midnight).toEqual('2022-03-15T00:27'); 8 | }); 9 | 10 | test(`Date component - snapshot matching`, () => { 11 | let midnight = '2022-03-15T00:00'; 12 | let midday = '2022-03-15T12:00'; 13 | let obj = { 14 | midnight: parseDateValue(midnight), 15 | midday: parseDateValue(midday), 16 | }; 17 | expect(obj).toMatchSnapshot(); 18 | }); 19 | -------------------------------------------------------------------------------- /src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/DateSingleValue/__snapshots__/DateSingleValue.test.tsx.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1 2 | 3 | exports[`Date component - snapshot matching 1`] = ` 4 | { 5 | "midday": "2022-03-15T12:00", 6 | "midnight": "2022-03-15T00:00", 7 | } 8 | `; 9 | -------------------------------------------------------------------------------- /src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts: -------------------------------------------------------------------------------- 1 | import { makeStyles } from 'tss-react/mui'; 2 | 3 | export const useStyles = makeStyles()(theme => ({ 4 | container: { 5 | display: 'inline-block', 6 | wordBreak: 'break-word', 7 | }, 8 | value: { 9 | lineHeight: 1.33, 10 | fontSize: theme.fontSizes.smallBody, 11 | }, 12 | description: { 13 | lineHeight: 1.33, 14 | fontSize: theme.fontSizes.smallerBody, 15 | color: theme.palette.grey[700], 16 | }, 17 | })); 18 | -------------------------------------------------------------------------------- /src/component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint.ts: -------------------------------------------------------------------------------- 1 | import { dateOperators } from 'constants/operators'; 2 | import { IConstraint } from 'interfaces/strategy'; 3 | import { oneOf } from 'utils/oneOf'; 4 | import { operatorsForContext } from 'utils/operatorsForContext'; 5 | 6 | export const createEmptyConstraint = (contextName: string): IConstraint => { 7 | const operator = operatorsForContext(contextName)[0]; 8 | 9 | const value = oneOf(dateOperators, operator) 10 | ? new Date().toISOString() 11 | : ''; 12 | 13 | return { 14 | contextName, 15 | operator, 16 | value, 17 | values: [], 18 | caseInsensitive: false, 19 | inverted: false, 20 | }; 21 | }; 22 | -------------------------------------------------------------------------------- /src/component/common/CreateButton/CreateButton.tsx: -------------------------------------------------------------------------------- 1 | import PermissionButton, { 2 | IPermissionButtonProps, 3 | } from '../PermissionButton/PermissionButton'; 4 | 5 | interface ICreateButtonProps extends IPermissionButtonProps { 6 | name: string; 7 | } 8 | 9 | export const CreateButton = ({ name, ...rest }: ICreateButtonProps) => { 10 | return ( 11 |
13 |
14 |
15 | {text}
16 |
17 |
18 |
19 | );
20 | };
21 |
22 | export default DividerText;
23 |
--------------------------------------------------------------------------------
/src/component/common/DropdownMenu/DropdownButton/DropdownButton.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode, VFC } from 'react';
2 | import { Button, ButtonProps, Icon } from '@mui/material';
3 |
4 | interface IDropdownButtonProps {
5 | label: string;
6 | id?: string;
7 | title?: ButtonProps['title'];
8 | className?: string;
9 | icon?: ReactNode;
10 | startIcon?: ButtonProps['startIcon'];
11 | style?: ButtonProps['style'];
12 | onClick: ButtonProps['onClick'];
13 | }
14 |
15 | export const DropdownButton: VFC
28 | {children}
29 |
30 | );
31 | };
32 |
33 | export default Gradient;
34 |
--------------------------------------------------------------------------------
/src/component/common/GridCol/GridCol.tsx:
--------------------------------------------------------------------------------
1 | import { Grid } from '@mui/material';
2 | import { FC } from 'react';
3 |
4 | export const GridCol: FC<{ vertical?: boolean }> = ({
5 | children,
6 | vertical = false,
7 | }) => {
8 | return (
9 |
10 | })
11 |
12 | );
13 | };
14 |
15 | export default Loader;
16 |
--------------------------------------------------------------------------------
/src/component/common/LoginRedirect/LoginRedirect.tsx:
--------------------------------------------------------------------------------
1 | import { useLocation, Navigate } from 'react-router-dom';
2 |
3 | export const LoginRedirect = () => {
4 | const { pathname, search } = useLocation();
5 |
6 | const redirect = encodeURIComponent(pathname + search);
7 | const loginLink = `/login?redirect=${redirect}`;
8 |
9 | return
9 |
14 | );
15 | };
16 |
17 | export default NoItems;
18 |
--------------------------------------------------------------------------------
/src/component/common/OperatorUpgradeAlert/OperatorUpgradeAlert.tsx:
--------------------------------------------------------------------------------
1 | import { Alert } from '@mui/material';
2 |
3 | export const OperatorUpgradeAlert = () => {
4 | return (
5 | {children}
10 |
11 |
13 |
16 | {value === index && children}
17 |
18 | );
19 |
--------------------------------------------------------------------------------
/src/component/common/Table/SearchHighlightContext/SearchHighlightContext.tsx:
--------------------------------------------------------------------------------
1 | import { createContext, useContext } from 'react';
2 |
3 | const SearchHighlightContext = createContext('');
4 |
5 | export const SearchHighlightProvider = SearchHighlightContext.Provider;
6 |
7 | export const useSearchHighlightContext = (): { searchQuery: string } => {
8 | return { searchQuery: useContext(SearchHighlightContext) };
9 | };
10 |
--------------------------------------------------------------------------------
/src/component/common/Table/SortableTableHeader/CellSortable/SortArrow/SortArrow.styles.ts:
--------------------------------------------------------------------------------
1 | import { makeStyles } from 'tss-react/mui';
2 |
3 | export const useStyles = makeStyles()(theme => ({
4 | icon: {
5 | marginLeft: theme.spacing(0.25),
6 | marginRight: theme.spacing(-0.5),
7 | color: theme.palette.grey[700],
8 | fontSize: theme.fontSizes.mainHeader,
9 | verticalAlign: 'middle',
10 | },
11 | sorted: {
12 | color: theme.palette.grey[900],
13 | },
14 | }));
15 |
--------------------------------------------------------------------------------
/src/component/common/Table/Table/Table.styles.ts:
--------------------------------------------------------------------------------
1 | import { makeStyles } from 'tss-react/mui';
2 |
3 | export const useStyles = makeStyles<{
4 | rowHeight: 'auto' | 'standard' | 'dense' | 'compact' | number;
5 | }>()((theme, { rowHeight }) => ({
6 | table: {
7 | position: 'relative',
8 |
9 | '& tbody tr': {
10 | height:
11 | {
12 | auto: 'auto',
13 | standard: theme.shape.tableRowHeight,
14 | compact: theme.shape.tableRowHeightCompact,
15 | dense: theme.shape.tableRowHeightDense,
16 | }[rowHeight] ?? rowHeight,
17 | },
18 | },
19 | }));
20 |
--------------------------------------------------------------------------------
/src/component/common/Table/Table/Table.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from 'react';
2 | import classnames from 'classnames';
3 | import { Table as MUITable, TableProps } from '@mui/material';
4 | import { useStyles } from './Table.styles';
5 |
6 | export const Table: FC<
7 | TableProps & {
8 | rowHeight?: 'auto' | 'dense' | 'standard' | 'compact' | number;
9 | }
10 | > = ({ rowHeight = 'auto', className, ...props }) => {
11 | const { classes } = useStyles({ rowHeight });
12 |
13 | return (
14 | - {children}
{strategyDefinition?.description}
; 10 | }; 11 | 12 | export default DefaultStrategy; 13 | -------------------------------------------------------------------------------- /src/component/feedback/FeedbackCES/FeedbackCESForm.test.tsx: -------------------------------------------------------------------------------- 1 | import { FeedbackCESForm } from './FeedbackCESForm'; 2 | import { ThemeProvider } from 'themes/ThemeProvider'; 3 | import { render } from 'utils/testRenderer'; 4 | 5 | test('FeedbackCESForm', () => { 6 | const onClose = () => { 7 | throw new Error('Unexpected onClose call.'); 8 | }; 9 | 10 | render( 11 |{children}
; 12 | }; 13 | -------------------------------------------------------------------------------- /src/component/menu/__tests__/routes.test.tsx: -------------------------------------------------------------------------------- 1 | import { baseRoutes, getRoute } from '../routes'; 2 | 3 | test('returns all baseRoutes', () => { 4 | expect(baseRoutes).toMatchSnapshot(); 5 | }); 6 | 7 | test('getRoute() returns named route', () => { 8 | const featuresRoute = getRoute('/features'); 9 | expect(featuresRoute?.path).toEqual('/features'); 10 | }); 11 | -------------------------------------------------------------------------------- /src/component/playground/Playground/LazyPlayground.tsx: -------------------------------------------------------------------------------- 1 | import { lazy } from 'react'; 2 | 3 | export const LazyPlayground = lazy(() => import('./Playground')); 4 | -------------------------------------------------------------------------------- /src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureResultInfoPopoverCell.styles.ts: -------------------------------------------------------------------------------- 1 | import { makeStyles } from 'tss-react/mui'; 2 | 3 | export const useStyles = makeStyles()(theme => ({ 4 | popoverPaper: { 5 | display: 'flex', 6 | flexDirection: 'column', 7 | padding: theme.spacing(6), 8 | width: 728, 9 | maxWidth: '100%', 10 | height: 'auto', 11 | overflowY: 'auto', 12 | backgroundColor: theme.palette.tertiary.light, 13 | borderRadius: theme.shape.borderRadiusLarge, 14 | }, 15 | })); 16 | -------------------------------------------------------------------------------- /src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/SegmentExecution/SegmentExecution.styles.ts: -------------------------------------------------------------------------------- 1 | import { makeStyles } from 'tss-react/mui'; 2 | 3 | export const useStyles = makeStyles()(theme => ({ 4 | container: {}, 5 | link: { 6 | textDecoration: 'none', 7 | marginLeft: theme.spacing(1), 8 | '&:hover': { 9 | textDecoration: 'underline', 10 | }, 11 | }, 12 | })); 13 | -------------------------------------------------------------------------------- /src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/StrategyExecution.styles.ts: -------------------------------------------------------------------------------- 1 | import { makeStyles } from 'tss-react/mui'; 2 | 3 | export const useStyles = makeStyles()(theme => ({ 4 | valueContainer: { 5 | display: 'flex', 6 | alignItems: 'center', 7 | gap: '1ch', 8 | }, 9 | valueSeparator: { 10 | color: theme.palette.grey[700], 11 | }, 12 | summary: { 13 | width: 'auto', 14 | height: 'auto', 15 | padding: theme.spacing(2, 3), 16 | borderRadius: theme.shape.borderRadiusMedium, 17 | border: `1px solid ${theme.palette.dividerAlternative}`, 18 | }, 19 | })); 20 | -------------------------------------------------------------------------------- /src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/helpers.ts: -------------------------------------------------------------------------------- 1 | export const getMappedParam = (key: string) => { 2 | switch (key.toUpperCase()) { 3 | case 'USERIDS': 4 | return 'userId'; 5 | case 'IPS': 6 | return 'remoteAddress'; 7 | default: 8 | return key; 9 | } 10 | }; 11 | -------------------------------------------------------------------------------- /src/component/project/Project/ProjectFeatureToggles/ActionsCell/ActionsCell.styles.ts: -------------------------------------------------------------------------------- 1 | import { makeStyles } from 'tss-react/mui'; 2 | 3 | export const useStyles = makeStyles()(theme => ({ 4 | cell: { 5 | display: 'flex', 6 | justifyContent: 'center', 7 | paddingRight: theme.spacing(2), 8 | }, 9 | menuContainer: { 10 | borderRadius: theme.shape.borderRadiusLarge, 11 | padding: theme.spacing(1, 1.5), 12 | }, 13 | item: { 14 | borderRadius: theme.shape.borderRadius, 15 | }, 16 | text: { 17 | fontSize: theme.fontSizes.smallBody, 18 | }, 19 | })); 20 | -------------------------------------------------------------------------------- /src/component/project/Project/ProjectFeatureToggles/FeatureToggleSwitch/FeatureToggleSwitch.styles.ts: -------------------------------------------------------------------------------- 1 | import { makeStyles } from 'tss-react/mui'; 2 | 3 | export const useStyles = makeStyles()(theme => ({ 4 | container: { 5 | mx: 'auto', 6 | display: 'flex', 7 | justifyContent: 'center', 8 | }, 9 | })); 10 | -------------------------------------------------------------------------------- /src/component/project/Project/ProjectFeatureToggles/FeatureToggleSwitch/hooks/useOptimisticUpdate.ts: -------------------------------------------------------------------------------- 1 | import { useCallback, useEffect, useState } from 'react'; 2 | 3 | export const useOptimisticUpdate =
16 | {children}
17 |
19 | );
20 | };
21 |
22 | export default ResetPasswordDetails;
23 |
--------------------------------------------------------------------------------
/src/component/user/common/ResetPasswordError/ResetPasswordError.tsx:
--------------------------------------------------------------------------------
1 | import { Alert, AlertTitle } from '@mui/material';
2 |
3 | const ResetPasswordError = () => {
4 | return (
5 |