@teambit/component.ui.component-compare.context 0.0.0-17964d1e3c74130606633ccf7a9eef40baebce48

package/component-compare-context.ts

@@ -0,0 +1,28 @@
+import { ComponentCompareModel } from '@teambit/component.ui.component-compare.models.component-compare-model';
+import { ComponentCompareState } from '@teambit/component.ui.component-compare.models.component-compare-state';
+import { ComponentCompareHooks } from '@teambit/component.ui.component-compare.models.component-compare-hooks';
+import { createContext, useContext } from 'react';
+
+export type StateAndHooks = {
+  state?: ComponentCompareState;
+  hooks?: ComponentCompareHooks;
+};
+
+export type ViewState = {
+  isFullScreen?: boolean;
+  hidden?: boolean;
+};
+export type ComponentCompareContextType = ComponentCompareModel &
+  StateAndHooks & {
+    baseContext?: StateAndHooks;
+    compareContext?: StateAndHooks;
+  } & ViewState;
+
+export const ComponentCompareContext: React.Context<ComponentCompareContextType | undefined> = createContext<
+  ComponentCompareContextType | undefined
+>(undefined);
+
+export const useComponentCompare: () => ComponentCompareContextType | undefined = () => {
+  const componentCompareContext = useContext(ComponentCompareContext);
+  return componentCompareContext;
+};

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

@@ -0,0 +1,17 @@
+import { ComponentCompareModel } from '@teambit/component.ui.component-compare.models.component-compare-model';
+import { ComponentCompareState } from '@teambit/component.ui.component-compare.models.component-compare-state';
+import { ComponentCompareHooks } from '@teambit/component.ui.component-compare.models.component-compare-hooks';
+export type StateAndHooks = {
+    state?: ComponentCompareState;
+    hooks?: ComponentCompareHooks;
+};
+export type ViewState = {
+    isFullScreen?: boolean;
+    hidden?: boolean;
+};
+export type ComponentCompareContextType = ComponentCompareModel & StateAndHooks & {
+    baseContext?: StateAndHooks;
+    compareContext?: StateAndHooks;
+} & ViewState;
+export declare const ComponentCompareContext: React.Context<ComponentCompareContextType | undefined>;
+export declare const useComponentCompare: () => ComponentCompareContextType | undefined;

package/dist/component-compare-context.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponentCompare = exports.ComponentCompareContext = void 0;
+const react_1 = require("react");
+exports.ComponentCompareContext = (0, react_1.createContext)(undefined);
+const useComponentCompare = () => {
+    const componentCompareContext = (0, react_1.useContext)(exports.ComponentCompareContext);
+    return componentCompareContext;
+};
+exports.useComponentCompare = useComponentCompare;
+//# sourceMappingURL=component-compare-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component-compare-context.js","sourceRoot":"","sources":["../component-compare-context.ts"],"names":[],"mappings":";;;AAGA,iCAAkD;AAiBrC,QAAA,uBAAuB,GAA2D,IAAA,qBAAa,EAE1G,SAAS,CAAC,CAAC;AAEN,MAAM,mBAAmB,GAAkD,GAAG,EAAE;IACrF,MAAM,uBAAuB,GAAG,IAAA,kBAAU,EAAC,+BAAuB,CAAC,CAAC;IACpE,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AAHW,QAAA,mBAAmB,uBAG9B"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { ComponentCompareContext, useComponentCompare } from './component-compare-context';
+export type { StateAndHooks, ComponentCompareContextType } from './component-compare-context';

package/dist/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponentCompare = exports.ComponentCompareContext = void 0;
+var component_compare_context_1 = require("./component-compare-context");
+Object.defineProperty(exports, "ComponentCompareContext", { enumerable: true, get: function () { return component_compare_context_1.ComponentCompareContext; } });
+Object.defineProperty(exports, "useComponentCompare", { enumerable: true, get: function () { return component_compare_context_1.useComponentCompare; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;AAAA,yEAA2F;AAAlF,oIAAA,uBAAuB,OAAA;AAAE,gIAAA,mBAAmB,OAAA"}

package/dist/preview-1752254355761.js

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

package/index.ts

@@ -0,0 +1,2 @@
+export { ComponentCompareContext, useComponentCompare } from './component-compare-context';
+export type { StateAndHooks, ComponentCompareContextType } from './component-compare-context';

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@teambit/component.ui.component-compare.context",
+  "version": "0.0.0-17964d1e3c74130606633ccf7a9eef40baebce48",
+  "homepage": "https://bit.cloud/teambit/component/ui/component-compare/context",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.component",
+    "name": "ui/component-compare/context",
+    "version": "17964d1e3c74130606633ccf7a9eef40baebce48"
+  },
+  "dependencies": {
+    "core-js": "^3.0.0",
+    "@teambit/component.ui.component-compare.models.component-compare-hooks": "0.0.11",
+    "@teambit/component.ui.component-compare.models.component-compare-model": "0.0.112",
+    "@teambit/component.ui.component-compare.models.component-compare-state": "0.0.7"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.8",
+    "@types/mocha": "9.1.0",
+    "@types/node": "12.20.4",
+    "@types/react-dom": "^17.0.5",
+    "@types/jest": "^26.0.0",
+    "@babel/runtime": "7.20.0",
+    "@types/testing-library__jest-dom": "5.9.5"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0",
+    "react-dom": "^16.8.0 || ^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,29 @@
+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;
+}
+
+// @TODO Gilad
+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;
+}

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;
+}