@teambit/component.ui.component-compare.models.component-compare-props 0.0.0-010726ef6822d86761d0bf38c3f03393c57d788c

package/component-compare-props.ts

@@ -0,0 +1,38 @@
+import type { HTMLAttributes, ComponentType } from 'react';
+import type { RouteProps } from 'react-router-dom';
+import type { ComponentID, UseComponentType } from '@teambit/component';
+import type { ComponentCompareHooks } from '@teambit/component.ui.component-compare.models.component-compare-hooks';
+import type { ComponentCompareState } from '@teambit/component.ui.component-compare.models.component-compare-state';
+import type { NavLinkProps } from '@teambit/base-ui.routing.nav-link';
+import type { MaybeLazyLoaded } from '@teambit/component.ui.component-compare.utils.lazy-loading';
+import type { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
+import type { StateAndHooks } from '@teambit/component.ui.component-compare.context';
+
+export interface TabItem {
+  id: string;
+  order?: number;
+  displayName?: string;
+  props?: NavLinkProps & { displayName?: string };
+  element?: React.ReactNode | null;
+  widget?: boolean;
+  changeType?: ChangeType;
+}
+
+export type ComponentCompareProps = {
+  state?: ComponentCompareState;
+  hooks?: ComponentCompareHooks;
+  baseContext?: StateAndHooks;
+  compareContext?: StateAndHooks;
+  tabs?: MaybeLazyLoaded<TabItem[]>;
+  routes?: MaybeLazyLoaded<RouteProps[]>;
+  host: string;
+  baseId?: ComponentID;
+  baseIdOverride?: ComponentID;
+  compareIdOverride?: ComponentID;
+  compareId?: ComponentID;
+  customUseComponent?: UseComponentType;
+  changes?: ChangeType[] | null;
+  Loader?: ComponentType;
+  isFullScreen?: boolean;
+  hidden?: boolean;
+} & HTMLAttributes<HTMLDivElement>;

package/dist/component-compare-props.d.ts

@@ -0,0 +1,38 @@
+import type { HTMLAttributes, ComponentType } from 'react';
+import type { RouteProps } from 'react-router-dom';
+import type { ComponentID, UseComponentType } from '@teambit/component';
+import type { ComponentCompareHooks } from '@teambit/component.ui.component-compare.models.component-compare-hooks';
+import type { ComponentCompareState } from '@teambit/component.ui.component-compare.models.component-compare-state';
+import type { NavLinkProps } from '@teambit/base-ui.routing.nav-link';
+import type { MaybeLazyLoaded } from '@teambit/component.ui.component-compare.utils.lazy-loading';
+import type { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
+import type { StateAndHooks } from '@teambit/component.ui.component-compare.context';
+export interface TabItem {
+    id: string;
+    order?: number;
+    displayName?: string;
+    props?: NavLinkProps & {
+        displayName?: string;
+    };
+    element?: React.ReactNode | null;
+    widget?: boolean;
+    changeType?: ChangeType;
+}
+export type ComponentCompareProps = {
+    state?: ComponentCompareState;
+    hooks?: ComponentCompareHooks;
+    baseContext?: StateAndHooks;
+    compareContext?: StateAndHooks;
+    tabs?: MaybeLazyLoaded<TabItem[]>;
+    routes?: MaybeLazyLoaded<RouteProps[]>;
+    host: string;
+    baseId?: ComponentID;
+    baseIdOverride?: ComponentID;
+    compareIdOverride?: ComponentID;
+    compareId?: ComponentID;
+    customUseComponent?: UseComponentType;
+    changes?: ChangeType[] | null;
+    Loader?: ComponentType;
+    isFullScreen?: boolean;
+    hidden?: boolean;
+} & HTMLAttributes<HTMLDivElement>;

package/dist/component-compare-props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=component-compare-props.js.map

package/dist/component-compare-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-compare-props.js","sourceRoot":"","sources":["../component-compare-props.ts"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { ComponentCompareProps, TabItem } from './component-compare-props';

package/dist/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":""}

package/dist/preview-1758904194763.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/index.ts

@@ -0,0 +1 @@
+export { ComponentCompareProps, TabItem } from './component-compare-props';

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@teambit/component.ui.component-compare.models.component-compare-props",
+  "version": "0.0.0-010726ef6822d86761d0bf38c3f03393c57d788c",
+  "homepage": "https://bit.cloud/teambit/component/ui/component-compare/models/component-compare-props",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.component",
+    "name": "ui/component-compare/models/component-compare-props",
+    "version": "010726ef6822d86761d0bf38c3f03393c57d788c"
+  },
+  "dependencies": {
+    "@teambit/base-ui.routing.nav-link": "1.0.4",
+    "@teambit/component.ui.component-compare.context": "0.0.124",
+    "@teambit/component.ui.component-compare.models.component-compare-change-type": "0.0.7",
+    "@teambit/component.ui.component-compare.models.component-compare-hooks": "0.0.11",
+    "@teambit/component.ui.component-compare.models.component-compare-state": "0.0.7",
+    "@teambit/component.ui.component-compare.utils.lazy-loading": "0.0.7"
+  },
+  "devDependencies": {
+    "@types/react-router-dom": "5.3.3",
+    "@types/mocha": "9.1.0",
+    "@teambit/react.v17.react-env": "1.1.96"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0",
+    "react-router-dom": "^6.16.0",
+    "@types/react": "^17.0.0"
+  },
+  "license": "Apache-2.0",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "private": false,
+  "engines": {
+    "node": ">=12.22.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "components",
+    "collaboration",
+    "web",
+    "react",
+    "react-components",
+    "angular",
+    "angular-components"
+  ]
+}

package/types/asset.d.ts

@@ -0,0 +1,41 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}