@covalent/components-react 0.0.0-COVALENT

package/src/Tooltip/CovalentTooltip.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTooltip } from './CovalentTooltip';
+
+describe('CovalentTooltip', () => {
+  it('should work', () => {
+    expect(CovalentTooltip).toBeTruthy();
+  });
+});

package/src/Tooltip/CovalentTooltip.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTooltip as CovalentTooltipWeb } from '@covalent/components';
+export const CovalentTooltip = createComponent({
+  tagName: 'cv-tooltip',
+  elementClass: CovalentTooltipWeb,
+  react: React,
+});

package/src/TopAppBar/CovalentTopAppBar.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTopAppBar } from './CovalentTopAppBar';
+
+describe('CovalentTopAppBar', () => {
+  it('should work', () => {
+    expect(CovalentTopAppBar).toBeTruthy();
+  });
+});

package/src/TopAppBar/CovalentTopAppBar.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTopAppBar as CovalentTopAppBarWeb } from '@covalent/components';
+export const CovalentTopAppBar = createComponent({
+  tagName: 'cv-top-app-bar',
+  elementClass: CovalentTopAppBarWeb,
+  react: React,
+  events: {
+    onnav: 'nav',
+  },
+});

package/src/TopAppBar/CovalentTopAppBarFixed.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTopAppBarFixed } from './CovalentTopAppBarFixed';
+
+describe('CovalentTopAppBarFixed', () => {
+  it('should work', () => {
+    expect(CovalentTopAppBarFixed).toBeTruthy();
+  });
+});

package/src/TopAppBar/CovalentTopAppBarFixed.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTopAppBarFixed as CovalentTopAppBarFixedWeb } from '@covalent/components';
+export const CovalentTopAppBarFixed = createComponent({
+  tagName: 'cv-top-app-bar-fixed',
+  elementClass: CovalentTopAppBarFixedWeb,
+  react: React,
+  events: {
+    onnav: 'nav',
+  },
+});

package/src/TreeList/CovalentTreeList.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTreeList } from './CovalentTreeList';
+
+describe('CovalentTreeList', () => {
+  it('should work', () => {
+    expect(CovalentTreeList).toBeTruthy();
+  });
+});

package/src/TreeList/CovalentTreeList.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTreeList as CovalentTreeListWeb } from '@covalent/components';
+export const CovalentTreeList = createComponent({
+  tagName: 'cv-tree-list',
+  elementClass: CovalentTreeListWeb,
+  react: React,
+  events: {
+    onnav: 'nav',
+  },
+});

package/src/TreeList/CovalentTreeListItem.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTreeListItem } from './CovalentTreeListItem';
+
+describe('CovalentTreeListItem', () => {
+  it('should work', () => {
+    expect(CovalentTreeListItem).toBeTruthy();
+  });
+});

package/src/TreeList/CovalentTreeListItem.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTreeListItem as CovalentTreeListItemWeb } from '@covalent/components';
+export const CovalentTreeListItem = createComponent({
+  tagName: 'cv-tree-list-item',
+  elementClass: CovalentTreeListItemWeb,
+  react: React,
+  events: {
+    onselect: 'select',
+  },
+});

package/src/Typography/CovalentTypography.spec.ts

@@ -0,0 +1,7 @@
+import { CovalentTypography } from './CovalentTypography';
+
+describe('CovalentTypography', () => {
+  it('should work', () => {
+    expect(CovalentTypography).toBeTruthy();
+  });
+});

package/src/Typography/CovalentTypography.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { CovalentTypography as CovalentTypographyWeb } from '@covalent/components';
+export const CovalentTypography = createComponent({
+  tagName: 'cv-typography',
+  elementClass: CovalentTypographyWeb,
+  react: React,
+  events: {
+    onselect: 'select',
+  },
+});

package/src/index.ts

@@ -0,0 +1,56 @@
+export * from './ActionRibbon/CovalentActionRibbon';
+export * from './Alert/CovalentAlert';
+export * from './AppShell/CovalentAppShell';
+export * from './Badge/CovalentBadge';
+export * from './Button/CovalentButton';
+export * from './Card/CovalentCard';
+export * from './Checkbox/CovalentCheckbox';
+export * from './List/CovalentCheckListItem';
+export * from './Chips/CovalentChip';
+export * from './Chips/CovalentChipSet';
+export * from './CircularProgress/CovalentCircularProgress';
+export * from './CodeEditor/CovalentCodeEditor';
+export * from './CodeSnippet/CovalentCodeSnippet';
+export * from './Dialog/CovalentDialog';
+export * from './Drawer/CovalentDrawer';
+export * from './EmptyState/CovalentEmptyState';
+export * from './ExpansionPanel/CovalentExpansionPanel';
+export * from './ExpansionPanel/CovalentExpansionPanelItem';
+export * from './FocusedPage/CovalentFocusedPage';
+export * from './Formfield/CovalentFormfield';
+export * from './FullScreenDialog/CovalentFullscreenDialog';
+export * from './Icon/CovalentIcon';
+export * from './IconButton/CovalentIconButton';
+export * from './IconButtonToggle/CovalentIconButtonToggle';
+export * from './IconCheckbox/CovalentIconCheckToggle';
+export * from './IconLockup/CovalentIconLockup';
+export * from './IconRadio/CovalentIconRadioToggle';
+export * from './LinearProgress/CovalentLinearProgress';
+export * from './List/CovalentList';
+export * from './List/CovalentListItem';
+export * from './Menu/CovalentMenu';
+export * from './List/CovalentNavRailListItem';
+export * from './NotebookCell/CovalentNotebookCell';
+export * from './Radio/CovalentRadio';
+export * from './List/CovalentRadioListItem';
+export * from './Select/CovalentSelect';
+export * from './SideSheet/CovalentSideSheet';
+export * from './Slider/CovalentSlider';
+export * from './Slider/CovalentSliderRange';
+export * from './Snackbar/CovalentSnackbar';
+export * from './StatusDialog/CovalentStatusDialog';
+export * from './StatusHeader/CovalentStatusHeader';
+export * from './StatusHeader/CovalentStatusHeaderItem';
+export * from './Switch/CovalentSwitch';
+export * from './Tab/CovalentTab';
+export * from './Tab/CovalentTabBar';
+export * from './Textarea/CovalentTextArea';
+export * from './Textfield/CovalentTextField';
+export * from './TextLockup/CovalentTextLockup';
+export * from './Toolbar/CovalentToolbar';
+export * from './Tooltip/CovalentTooltip';
+export * from './TopAppBar/CovalentTopAppBar';
+export * from './TopAppBar/CovalentTopAppBarFixed';
+export * from './TreeList/CovalentTreeList';
+export * from './TreeList/CovalentTreeListItem';
+export * from './Typography/CovalentTypography';

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "resolveJsonModule": true,
+    "jsx": "react",
+    "types": ["vitest", "./types.d.ts"]
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

package/tsconfig.lib.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "declaration": true,
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts", "*.d.ts"],
+  "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
+}

package/tsconfig.spec.json

@@ -0,0 +1,21 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": ["vitest/globals", "vitest/importMeta", "vite/client", "node"],
+    "sourceMap": false
+  },
+  "include": [
+    "vite.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts",
+    "*.d.ts"
+  ]
+}

package/types.d.ts

@@ -0,0 +1,14 @@
+declare module '*.scss' {
+  import { CSSResult } from 'lit';
+  const css: CSSResult;
+  export default css;
+}
+declare module '*.css' {
+  import { CSSResult } from 'lit';
+  const css: CSSResult;
+  export default css;
+}
+declare module '*?inline' {
+  const contents: { default: string };
+  export = contents;
+}

package/vite.config.ts

@@ -0,0 +1,66 @@
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import { nxCopyAssetsPlugin } from '@nx/vite/plugins/nx-copy-assets.plugin';
+
+export default defineConfig({
+  root: __dirname,
+  cacheDir: '../../node_modules/.vite/libs/components-react',
+
+  plugins: [
+    nxViteTsPaths(),
+    dts({
+      entryRoot: 'src',
+    }),
+    nxCopyAssetsPlugin(['*.css']),
+  ],
+
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+
+  // Configuration for building your library.
+  // See: https://vitejs.dev/guide/build.html#library-mode
+  build: {
+    outDir: '../../dist/libs/components-react',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+    lib: {
+      // Could also be a dictionary or array of multiple entry points.
+      entry: 'src/index.ts',
+      name: 'components-react',
+      fileName: 'index',
+      // Change this to the formats you want to support.
+      // Don't forget to update your package.json as well.
+      formats: ['es', 'cjs'],
+    },
+    rollupOptions: {
+      // External packages that should not be bundled into your library.
+      external: ['react', '@covalent/components'],
+    },
+  },
+
+  test: {
+    watch: false,
+    globals: true,
+    server: {
+      deps: {
+        inline: [/safevalues/],
+      },
+      sourcemap: false,
+    },
+
+    environment: 'jsdom',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: '../../coverage/libs/components-react',
+      provider: 'v8',
+    },
+  },
+});