@teambit/component.ui.version-dropdown 0.0.545 → 0.0.548

package/dist/tsconfig.json

@@ -0,0 +1,32 @@
+{
+    "compilerOptions": {
+        "lib": [
+            "es2019",
+            "DOM",
+            "ES6",
+            "DOM.Iterable"
+        ],
+        "target": "es2015",
+        "module": "CommonJS",
+        "jsx": "react",
+        "allowJs": true,
+        "composite": true,
+        "declaration": true,
+        "sourceMap": true,
+        "skipLibCheck": true,
+        "experimentalDecorators": true,
+        "outDir": "dist",
+        "moduleResolution": "node",
+        "esModuleInterop": true,
+        "rootDir": ".",
+        "resolveJsonModule": true
+    },
+    "exclude": [
+        "dist",
+        "package.json"
+    ],
+    "include": [
+        "**/*",
+        "**/*.json"
+    ]
+}

package/dist/version-dropdown.composition.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VersionDropdownWithMultipleVersions = exports.VersionDropdownWithOneVersion = void 0;
 const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
-const history_1 = require("history");
 const documenter_theme_theme_compositions_1 = require("@teambit/documenter.theme.theme-compositions");
 const version_dropdown_1 = require("./version-dropdown");
 const style = { display: 'flex', justifyContent: 'center', alignContent: 'center' };
@@ -16,10 +15,9 @@ const VersionDropdownWithOneVersion = () => {
 };
 exports.VersionDropdownWithOneVersion = VersionDropdownWithOneVersion;
 const VersionDropdownWithMultipleVersions = () => {
-    const history = (0, history_1.createBrowserHistory)();
     const versions = ['0.3', '0.2', '0.1'].map((version) => ({ version }));
     return (react_1.default.createElement(documenter_theme_theme_compositions_1.ThemeCompositions, { style: style },
-        react_1.default.createElement(react_router_dom_1.Router, { history: history },
+        react_1.default.createElement(react_router_dom_1.MemoryRouter, null,
             react_1.default.createElement(version_dropdown_1.VersionDropdown, { tags: versions, currentVersion: versions[0].version }))));
 };
 exports.VersionDropdownWithMultipleVersions = VersionDropdownWithMultipleVersions;

package/dist/version-dropdown.composition.js.map

@@ -1 +1 @@
-{"version":3,"file":"version-dropdown.composition.js","sourceRoot":"","sources":["../version-dropdown.composition.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAA0C;AAC1C,qCAA+C;AAC/C,sGAAiF;AACjF,yDAAqD;AAErD,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AAE7E,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,OAAO,CACL,8BAAC,uDAAiB,IAAC,KAAK,EAAE,KAAK;QAC7B,8BAAC,kCAAe,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,KAAK,GAAG,CAClD,CACrB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,6BAA6B,iCAMxC;AAEK,MAAM,mCAAmC,GAAG,GAAG,EAAE;IACtD,MAAM,OAAO,GAAG,IAAA,8BAAoB,GAAE,CAAC;IACvC,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IACvE,OAAO,CACL,8BAAC,uDAAiB,IAAC,KAAK,EAAE,KAAK;QAC7B,8BAAC,yBAAM,IAAC,OAAO,EAAE,OAAO;YACtB,8BAAC,kCAAe,IAAC,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,GAAI,CACjE,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,mCAAmC,uCAU9C"}
+{"version":3,"file":"version-dropdown.composition.js","sourceRoot":"","sources":["../version-dropdown.composition.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAAgD;AAChD,sGAAiF;AACjF,yDAAqD;AAErD,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AAE7E,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,OAAO,CACL,8BAAC,uDAAiB,IAAC,KAAK,EAAE,KAAK;QAC7B,8BAAC,kCAAe,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,KAAK,GAAG,CAClD,CACrB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,6BAA6B,iCAMxC;AAEK,MAAM,mCAAmC,GAAG,GAAG,EAAE;IACtD,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IACvE,OAAO,CACL,8BAAC,uDAAiB,IAAC,KAAK,EAAE,KAAK;QAC7B,8BAAC,+BAAY;YACX,8BAAC,kCAAe,IAAC,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,GAAI,CAC3D,CACG,CACrB,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,mCAAmC,uCAS9C"}

package/dist/version-dropdown.docs.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { Router } from 'react-router-dom';
-import { createBrowserHistory } from 'history';
+import { MemoryRouter } from 'react-router-dom';
 import { VersionDropdown } from './version-dropdown';
 declare function Overview(): JSX.Element;
 declare namespace Overview {
@@ -14,8 +13,7 @@ declare namespace Overview {
                 justifyContent: string;
                 alignContent: string;
             };
-            Router?: undefined;
-            createBrowserHistory?: undefined;
+            MemoryRouter?: undefined;
         };
         title: string;
         description: string;
@@ -28,8 +26,7 @@ declare namespace Overview {
                 justifyContent: string;
                 alignContent: string;
             };
-            Router: typeof Router;
-            createBrowserHistory: typeof createBrowserHistory;
+            MemoryRouter: typeof MemoryRouter;
         };
         title: string;
         description: string;

package/dist/version-dropdown.docs.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
-const history_1 = require("history");
 const documenter_ui_section_1 = require("@teambit/documenter.ui.section");
 const documenter_theme_theme_compositions_1 = require("@teambit/documenter.theme.theme-compositions");
 const documenter_ui_separator_1 = require("@teambit/documenter.ui.separator");
@@ -47,20 +46,18 @@ Overview.examples = [
         scope: {
             VersionDropdown: version_dropdown_1.VersionDropdown,
             style,
-            Router: react_router_dom_1.Router,
-            createBrowserHistory: history_1.createBrowserHistory,
+            MemoryRouter: react_router_dom_1.MemoryRouter,
         },
         title: 'Version Dropdown with multiple versions',
         description: 'Using the Version Dropdown component with more than one version',
         code: `
     () => {
-      const history = createBrowserHistory();
       const versions = ['0.3', '0.2', '0.1'];
       return (
         <div style={{...style, minHeight: 400, alignItems: 'end', justifyContent: 'flex-end', margin: 10 }}>
-          <Router history={history}>
+          <MemoryRouter>
             <VersionDropdown versions={versions} currentVersion={versions[0]} />
-          </Router>
+          </MemoryRouter>
         </div>
       );
     }

package/dist/version-dropdown.docs.js.map

@@ -1 +1 @@
-{"version":3,"file":"version-dropdown.docs.js","sourceRoot":"","sources":["../version-dropdown.docs.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uDAA0C;AAC1C,qCAA+C;AAC/C,0EAAyD;AACzD,sGAAiF;AACjF,8EAA6D;AAC7D,yDAAqD;AAErD,SAAwB,QAAQ;IAC9B,OAAO,CACL,8BAAC,uDAAiB;QAChB;YACE,8BAAC,+BAAO;;gBACoE,yCAAM;;gBACa,yCAAM;2FAE3F;YACV,8BAAC,mCAAS,OAAG,CACZ,CACe,CACrB,CAAC;AACJ,CAAC;AAbD,2BAaC;AAED,QAAQ,CAAC,QAAQ,GAAG,sFAAsF,CAAC;AAE3G,QAAQ,CAAC,MAAM,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAEjE,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEpF,QAAQ,CAAC,QAAQ,GAAG;IAClB;QACE,KAAK,EAAE;YACL,eAAe,EAAf,kCAAe;YACf,KAAK;SACN;QACD,KAAK,EAAE,kBAAkB;QACzB,WAAW,EAAE,sDAAsD;QACnE,IAAI,EAAE;;;;;;;;OAQH;KACJ;IACD;QACE,KAAK,EAAE;YACL,eAAe,EAAf,kCAAe;YACf,KAAK;YACL,MAAM,EAAN,yBAAM;YACN,oBAAoB,EAApB,8BAAoB;SACrB;QACD,KAAK,EAAE,yCAAyC;QAChD,WAAW,EAAE,iEAAiE;QAC9E,IAAI,EAAE;;;;;;;;;;;;OAYH;KACJ;CACF,CAAC"}
+{"version":3,"file":"version-dropdown.docs.js","sourceRoot":"","sources":["../version-dropdown.docs.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uDAAgD;AAChD,0EAAyD;AACzD,sGAAiF;AACjF,8EAA6D;AAC7D,yDAAqD;AAErD,SAAwB,QAAQ;IAC9B,OAAO,CACL,8BAAC,uDAAiB;QAChB;YACE,8BAAC,+BAAO;;gBACoE,yCAAM;;gBACa,yCAAM;2FAE3F;YACV,8BAAC,mCAAS,OAAG,CACZ,CACe,CACrB,CAAC;AACJ,CAAC;AAbD,2BAaC;AAED,QAAQ,CAAC,QAAQ,GAAG,sFAAsF,CAAC;AAE3G,QAAQ,CAAC,MAAM,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAEjE,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEpF,QAAQ,CAAC,QAAQ,GAAG;IAClB;QACE,KAAK,EAAE;YACL,eAAe,EAAf,kCAAe;YACf,KAAK;SACN;QACD,KAAK,EAAE,kBAAkB;QACzB,WAAW,EAAE,sDAAsD;QACnE,IAAI,EAAE;;;;;;;;OAQH;KACJ;IACD;QACE,KAAK,EAAE;YACL,eAAe,EAAf,kCAAe;YACf,KAAK;YACL,YAAY,EAAZ,+BAAY;SACb;QACD,KAAK,EAAE,yCAAyC;QAChD,WAAW,EAAE,iEAAiE;QAC9E,IAAI,EAAE;;;;;;;;;;;OAWH;KACJ;CACF,CAAC"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component.ui.version-dropdown",
-  "version": "0.0.545",
+  "version": "0.0.548",
   "homepage": "https://bit.dev/teambit/component/ui/version-dropdown",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "ui/version-dropdown",
-    "version": "0.0.545"
+    "version": "0.0.548"
   },
   "dependencies": {
     "classnames": "2.2.6",
@@ -17,17 +17,13 @@
     "@teambit/evangelist.elements.icon": "1.0.2",
     "@teambit/evangelist.surfaces.dropdown": "1.0.2",
     "@teambit/design.ui.styles.ellipsis": "0.0.347",
-    "@teambit/lanes.ui.lanes": "0.0.59",
+    "@teambit/lanes.ui.lanes": "0.0.62",
     "@teambit/legacy-component-log": "0.0.392",
     "@teambit/ui-foundation.ui.use-box.tab": "0.0.105",
     "@teambit/component.ui.version-label": "0.0.493",
     "@teambit/design.ui.time-ago": "0.0.352"
   },
   "devDependencies": {
-    "history": "4.10.1",
-    "react-router-dom": "5.2.0",
-    "@types/history": "4.7.8",
-    "@types/react-router-dom": "5.1.7",
     "@types/react": "^17.0.8",
     "@testing-library/react": "11.2.6",
     "chai": "4.3.0",
@@ -44,6 +40,7 @@
     "@teambit/documenter.ui.separator": "4.1.1"
   },
   "peerDependencies": {
+    "react-router-dom": "^6.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1653708349111.js → preview-1654226751250.js}

@@ -1,2 +1,2 @@
-export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_ui_version-dropdown@0.0.545/dist/version-dropdown.composition.js')]
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_ui_version-dropdown@0.0.545/dist/version-dropdown.docs.js')]
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_ui_version-dropdown@0.0.548/dist/version-dropdown.composition.js')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_ui_version-dropdown@0.0.548/dist/version-dropdown.docs.js')]

package/tsconfig.json

@@ -22,6 +22,11 @@
     "resolveJsonModule": true
   },
   "exclude": [
-    "dist"
+    "dist",
+    "package.json"
+  ],
+  "include": [
+    "**/*",
+    "**/*.json"
   ]
 }

package/version-dropdown.composition.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import { Router } from 'react-router-dom';
-import { createBrowserHistory } from 'history';
+import { MemoryRouter } from 'react-router-dom';
 import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions';
 import { VersionDropdown } from './version-dropdown';
 
@@ -15,13 +14,12 @@ export const VersionDropdownWithOneVersion = () => {
 };
 
 export const VersionDropdownWithMultipleVersions = () => {
-  const history = createBrowserHistory();
   const versions = ['0.3', '0.2', '0.1'].map((version) => ({ version }));
   return (
     <ThemeCompositions style={style}>
-      <Router history={history}>
+      <MemoryRouter>
         <VersionDropdown tags={versions} currentVersion={versions[0].version} />
-      </Router>
+      </MemoryRouter>
     </ThemeCompositions>
   );
 };

package/version-dropdown.docs.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import { Router } from 'react-router-dom';
-import { createBrowserHistory } from 'history';
+import { MemoryRouter } from 'react-router-dom';
 import { Section } from '@teambit/documenter.ui.section';
 import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions';
 import { Separator } from '@teambit/documenter.ui.separator';
@@ -49,20 +48,18 @@ Overview.examples = [
     scope: {
       VersionDropdown,
       style,
-      Router,
-      createBrowserHistory,
+      MemoryRouter,
     },
     title: 'Version Dropdown with multiple versions',
     description: 'Using the Version Dropdown component with more than one version',
     code: `
     () => {
-      const history = createBrowserHistory();
       const versions = ['0.3', '0.2', '0.1'];
       return (
         <div style={{...style, minHeight: 400, alignItems: 'end', justifyContent: 'flex-end', margin: 10 }}>
-          <Router history={history}>
+          <MemoryRouter>
             <VersionDropdown versions={versions} currentVersion={versions[0]} />
-          </Router>
+          </MemoryRouter>
         </div>
       );
     }