@orchestrator-ui/orchestrator-ui-components 0.1.0 → 0.1.1

package/package.json

@@ -1,32 +1,32 @@
 {
     "name": "@orchestrator-ui/orchestrator-ui-components",
-    "version": "0.1.0",
+    "version": "0.1.1",
     "license": "MIT",
     "scripts": {
         "build": "tsup src/index.ts --format esm --dts",
-        "dev": "yarn build -- --watch",
-        "lint": "eslint \"**/*.ts*\""
-     },
+        "tsc": "tsc --noEmit",
+        "lint": "eslint \"src/**/*.ts*\"",
+        "dev": "yarn build -- --watch"
+    },
     "dependencies": {
-      "@graphql-typed-document-node/core": "3.2.0",
-      "moment": "2.29.4",
-      "use-query-params": "2.2.1"        
+        "@graphql-typed-document-node/core": "3.2.0",
+        "moment": "2.29.4",
+        "use-query-params": "2.2.1"
     },
     "peerDependencies": {
-      "@elastic/eui": "77.2.2",
-      "@emotion/css": "^11.11.2",
-      "@emotion/react": "^11.11.1",
-      "graphql-request": "5.2.0",
-      "next": "^13.4.1",
-      "next-intl": "2.19.0",
-      "next-query-params": "4.2.2",
-      "react": "^18.2.0",
-      "react-query": "3.39.3"
+        "@elastic/eui": "77.2.2",
+        "@emotion/css": "^11.11.2",
+        "@emotion/react": "^11.11.1",
+        "graphql-request": "5.2.0",
+        "next": "^13.4.1",
+        "next-intl": "2.19.0",
+        "next-query-params": "4.2.2",
+        "react": "^18.2.0",
+        "react-query": "3.39.3"
     },
     "devDependencies": {
         "tsup": "^7.1.0",
-        "@elastic/eui": "77.2.2",
-        "@emotion/react": "11.11.1"
+        "@orchestrator-ui/eslint-config-custom": "*"
     },
     "type": "module",
     "main": "./dist/index.js",

package/src/components/Badges/Badge/Badge.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import { EuiBadge, EuiBadgeProps, EuiText } from '@elastic/eui';
 import { FC, ReactNode } from 'react';
 import { TextColor } from '@elastic/eui/src/components/text/text_color';

package/src/components/Badges/EngineStatusBadge/EngineStatusBadge.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import type { Meta } from '@storybook/react';
 import { EngineStatusBadge } from './EngineStatusBadge';
 

package/src/components/Badges/EngineStatusBadge/EngineStatusBadge.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import { useOrchestratorTheme } from '../../../hooks/useOrchestratorTheme';
 import { HeaderBadge } from '../HeaderBadge';
 import { useEngineStatusQuery } from '../../../hooks/useEngineStatusQuery';

package/src/components/Badges/EnvironmentBadge/EnvironmentBadge.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import type { Meta } from '@storybook/react';
 import { EnvironmentBadge } from './EnvironmentBadge';
 

package/src/components/Badges/FailedTasksBadge/FailedTasksBadge.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import { EuiToolTip } from '@elastic/eui';
 import { useOrchestratorTheme } from '../../../hooks/useOrchestratorTheme';
 import { HeaderBadge } from '../HeaderBadge';

package/src/components/Badges/HeaderBadge/HeaderBadge.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import type { Meta } from '@storybook/react';
 import { HeaderBadge } from './HeaderBadge';
 

package/src/components/Loading/Loading.tsx

@@ -1,2 +1,2 @@
-import React from 'react'
+import React from 'react';
 export const Loading = () => <h1>Loading...</h1>;

package/src/components/OrchestratorPageTemplate/OrchestratorSidebar/OrchestratorSidebar.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import type { Meta } from '@storybook/react';
 import { OrchestratorSidebar } from './OrchestratorSidebar';
 

package/src/components/SearchBar/SearchField.tsx

@@ -1,4 +1,3 @@
-
 import React from 'react';
 import {
     EuiFormRow,

package/src/components/SettingsPage/FlushSettings.tsx

@@ -53,7 +53,10 @@ export const FlushSettings: FunctionComponent = () => {
                 color: 'success',
                 iconType: 'check',
                 text: (
-                    <p>Cache for cache key "{cacheKey}" flushed successfully</p>
+                    <p>
+                        Cache for cache key &quot;{cacheKey}&quot; flushed
+                        successfully
+                    </p>
                 ),
             });
         });

package/src/components/StartPage/ListStartPage.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import type { Meta } from '@storybook/react';
 import ListStartPage from './ListStartPage';
 

package/src/components/Subscription/ProductBlock.tsx

@@ -122,7 +122,7 @@ export const ProductBlock = (resourceTypes: ResourceTypeBase, id: number) => {
                                         </td>
                                     </tr>
                                 ) : (
-                                    <tr>
+                                    <tr key={i}>
                                         <td
                                             colSpan={3}
                                             style={{

package/src/components/Table/DataGridTable/DataGridTable.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import {
     EuiDataGrid,
     EuiDataGridCellValueElementProps,

package/src/components/Table/Table.tsx

@@ -1,5 +1,4 @@
-
-import React from 'react'
+import React from 'react';
 import { EuiBasicTable, EuiBasicTableColumn, Pagination } from '@elastic/eui';
 import { Criteria } from '@elastic/eui/src/components/basic_table/basic_table';
 import { TableHeaderCell } from './TableHeaderCell';

package/src/contexts/OrchestratorConfigContext.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import { createContext, FC, ReactNode } from 'react';
 import {
     OrchestratorConfig,

package/src/hooks/DataFetchHooks.ts

@@ -50,7 +50,7 @@ export const useProcessesAttention = () => {
     );
     const initialData: ItemsList = {
         type: 'process',
-        title: 'Processes that need attention 123',
+        title: 'Processes that need attention',
         items: [],
         buttonName: 'Show all active processes',
     };

package/src/icons/StatusDotIcon.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import { FC } from 'react';
 import { IconProps } from './IconProps';
 

package/tsconfig.json

@@ -1,13 +1,14 @@
 {
-    "extends": "tsconfig/base.json",
+    "extends": "@orchestrator-ui/tsconfig/base.json",
     "compilerOptions": {
-        "jsx": "preserve",
+        "strictNullChecks": true
     },
-    "include": ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx", "next-env.d.ts"],
+    "include": ["**/*.ts", "**/*.tsx"],
     "exclude": [
         "node_modules",
-        "jest.config.ts",
-        "src/**/*.spec.ts",
-        "src/**/*.test.ts"
+        "**/*.stories.ts",
+        "**/*.stories.js",
+        "**/*.stories.jsx",
+        "**/*.stories.tsx"
     ]
 }

package/react-shim.js

@@ -1,3 +0,0 @@
-// Explanation for why this is required: https://esbuild.github.io/content-types/#auto-import-for-jsx
-import React from 'react'
-export { React }

package/src/components/custom-button/custom-button.spec.tsx

@@ -1,11 +0,0 @@
-import React from 'react'
-import { render } from '@testing-library/react';
-
-import { CustomButton } from './custom-button';
-
-describe('CustomButton', () => {
-    it('should render successfully', () => {
-        const { baseElement } = render(<CustomButton buttonText="testText" />);
-        expect(baseElement).toBeTruthy();
-    });
-});

package/src/components/custom-button/custom-button.tsx

@@ -1,24 +0,0 @@
-import React, { FC } from 'react';
-import { css, SerializedStyles } from '@emotion/react';
-
-export interface CustomButtonProps {
-    buttonText: string;
-}
-
-export const CustomButton: FC<CustomButtonProps> = ({ buttonText }) => {
-    const contentStyles: SerializedStyles = css({
-        height: '300px',
-        width: '300px',
-        backgroundColor: 'lightgrey',
-    });
-
-    const buttonStyles = css({
-        backgroundColor: 'grey',
-    });
-
-    return (
-        <div css={contentStyles}>
-            <button css={buttonStyles}>{buttonText}</button>
-        </div>
-    );
-};