@teambit/lanes.ui.menus.use-lanes-menu 0.0.237 → 0.0.239

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/use-lanes-menu.d.ts +4 -1
  2. package/dist/use-lanes-menu.js +3 -4
  3. package/dist/use-lanes-menu.js.map +1 -1
  4. package/dist/use-lanes-menu.module.scss +22 -0
  5. package/package.json +8 -9
  6. package/use-lanes-menu.module.scss +22 -0
  7. package/use-lanes-menu.tsx +11 -4
  8. package/dist/preview-1755636844321.js +0 -7
  9. package/types/asset.d.ts +0 -29
  10. package/types/style.d.ts +0 -42
package/dist/use-lanes-menu.d.ts CHANGED
@@ -6,11 +6,14 @@ export type LaneImportContentProps = {
6
6
  switchedOutToCurrentLane: boolean;
7
7
  host: LanesHost;
8
8
  } & React.HTMLAttributes<HTMLDivElement>;
9
- export declare function UseLaneMenu({ host, viewedLaneId, currentLaneId, actionName, actionIcon, menuClassName, }: {
9
+ export declare function UseLaneMenu({ host, viewedLaneId, currentLaneId, actionName, docsLink, actionIcon, menuPlaceholderClass, menuClassName, className }: {
10
10
  host: LanesHost;
11
11
  viewedLaneId: LaneId;
12
12
  currentLaneId?: LaneId;
13
13
  actionName?: string;
14
14
  actionIcon?: string;
15
+ className?: string;
16
+ menuPlaceholderClass?: string;
15
17
  menuClassName?: string;
18
+ docsLink?: string;
16
19
  }): React.JSX.Element;
package/dist/use-lanes-menu.js CHANGED
@@ -9,13 +9,12 @@ const classnames_1 = __importDefault(require("classnames"));
9
9
  const evangelist_elements_icon_1 = require("@teambit/evangelist.elements.icon");
10
10
  const documenter_ui_copy_box_1 = require("@teambit/documenter.ui.copy-box");
11
11
  const design_ui_styles_ellipsis_1 = require("@teambit/design.ui.styles.ellipsis");
12
- const ui_foundation_ui_use_box_bottom_link_1 = require("@teambit/ui-foundation.ui.use-box.bottom-link");
13
12
  const ui_foundation_ui_use_box_dropdown_1 = require("@teambit/ui-foundation.ui.use-box.dropdown");
14
13
  const base_react_navigation_link_1 = require("@teambit/base-react.navigation.link");
15
14
  const use_lanes_menu_module_scss_1 = __importDefault(require("./use-lanes-menu.module.scss"));
16
15
  // @todo - this will be fixed as part of the @teambit/base-react.navigation.link upgrade to latest
17
16
  const Link = base_react_navigation_link_1.Link;
18
- function UseLaneMenu({ host, viewedLaneId, currentLaneId, actionName, actionIcon, menuClassName, }) {
17
+ function UseLaneMenu({ host, viewedLaneId, currentLaneId, actionName, docsLink = 'https://bit.dev/reference/change-requests/building-lanes', actionIcon, menuPlaceholderClass, menuClassName, className }) {
19
18
  const switchedOutToCurrentLane = !!(currentLaneId === null || currentLaneId === void 0 ? void 0 : currentLaneId.isEqual(currentLaneId));
20
19
  const Menu = (react_1.default.createElement("div", { className: (0, classnames_1.default)(use_lanes_menu_module_scss_1.default.lanesMenu, menuClassName) },
21
20
  react_1.default.createElement("div", { className: use_lanes_menu_module_scss_1.default.top },
@@ -24,10 +23,10 @@ function UseLaneMenu({ host, viewedLaneId, currentLaneId, actionName, actionIcon
24
23
  react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis, { className: use_lanes_menu_module_scss_1.default.titleText }, "Import lane"))),
25
24
  react_1.default.createElement(LaneImportContent, { host: host, currentLaneId: viewedLaneId, switchedOutToCurrentLane: switchedOutToCurrentLane }),
26
25
  react_1.default.createElement("div", { className: use_lanes_menu_module_scss_1.default.moreInfo },
27
- react_1.default.createElement(Link, { external: true, href: 'https://bit.dev/reference/lanes/lanes-overview', className: ui_foundation_ui_use_box_bottom_link_1.linkStyles },
26
+ react_1.default.createElement(Link, { external: true, href: docsLink, className: use_lanes_menu_module_scss_1.default.link },
28
27
  react_1.default.createElement(evangelist_elements_icon_1.Icon, { of: "information-sign" }),
29
28
  react_1.default.createElement("div", { className: use_lanes_menu_module_scss_1.default.drawerTitle }, "Learn more about Lanes")))));
30
- return (react_1.default.createElement(ui_foundation_ui_use_box_dropdown_1.UseBoxDropdown, { actionName: actionName, actionIcon: actionIcon, position: "bottom-end", className: use_lanes_menu_module_scss_1.default.useBox, Menu: Menu }));
29
+ return (react_1.default.createElement(ui_foundation_ui_use_box_dropdown_1.UseBoxDropdown, { actionName: actionName, actionIcon: actionIcon, position: "bottom-end", placeholderClass: menuPlaceholderClass, className: (0, classnames_1.default)(use_lanes_menu_module_scss_1.default.useBox, className), Menu: Menu }));
31
30
  }
32
31
  function LaneImportContent({ host, currentLaneId, switchedOutToCurrentLane }) {
33
32
  const laneId = host === 'workspace' ? currentLaneId.name : currentLaneId.toString();
package/dist/use-lanes-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-lanes-menu.js","sourceRoot":"","sources":["../use-lanes-menu.tsx"],"names":[],"mappings":";;;;;AAqBA,kCA2CC;AAhED,kDAA0B;AAC1B,4DAA4B;AAC5B,gFAAyD;AACzD,4EAA0D;AAC1D,kFAA8D;AAC9D,wGAA2E;AAE3E,kGAA4E;AAC5E,oFAAuE;AAEvE,8FAAkD;AAElD,kGAAkG;AAClG,MAAM,IAAI,GAAG,iCAAe,CAAC;AAQ7B,SAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,UAAU,EACV,aAAa,GAQd;IACC,MAAM,wBAAwB,GAAG,CAAC,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,aAAa,CAAC,CAAA,CAAC;IACzE,MAAM,IAAI,GAAG,CACX,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,oCAAM,CAAC,SAAS,EAAE,aAAa,CAAC;QACjD,uCAAK,SAAS,EAAE,oCAAM,CAAC,GAAG;YACxB,uCAAK,SAAS,EAAE,oCAAM,CAAC,KAAK;gBAC1B,8BAAC,+BAAI,IAAC,SAAS,EAAE,oCAAM,CAAC,SAAS,EAAE,EAAE,EAAC,UAAU,GAAG;gBACnD,8BAAC,oCAAQ,IAAC,SAAS,EAAE,oCAAM,CAAC,SAAS,kBAAwB,CACzD,CACF;QACN,8BAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,wBAAwB,EAAE,wBAAwB,GAAI;QAClH,uCAAK,SAAS,EAAE,oCAAM,CAAC,QAAQ;YAC7B,8BAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAE,gDAAgD,EAAE,SAAS,EAAE,iDAAU;gBAC1F,8BAAC,+BAAI,IAAC,EAAE,EAAC,kBAAkB,GAAG;gBAC9B,uCAAK,SAAS,EAAE,oCAAM,CAAC,WAAW,6BAA8B,CAC3D,CACH,CACF,CACP,CAAC;IAEF,OAAO,CACL,8BAAC,kDAAc,IACb,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,oCAAM,CAAC,MAAM,EACxB,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,wBAAwB,EAA0B;IAClG,MAAM,MAAM,GAAG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAEpF,IAAI,wBAAwB,EAAE,CAAC;QAC7B,OAAO,CACL,uCAAK,SAAS,EAAE,oCAAM,CAAC,aAAa;YAClC,uCAAK,SAAS,EAAE,oCAAM,CAAC,kBAAkB;;gBAA8B,MAAM,CAAO;YACpF,8BAAC,gCAAO,IAAC,SAAS,EAAE,oCAAM,CAAC,gBAAgB,IAAG,WAAW,CAAW,CAChE,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,uCAAK,SAAS,EAAE,oCAAM,CAAC,aAAa;QAClC,uCAAK,SAAS,EAAE,oCAAM,CAAC,kBAAkB;;YAAmB,MAAM,CAAO;QACzE,8BAAC,gCAAO,IAAC,SAAS,EAAE,oCAAM,CAAC,gBAAgB,IAAG,mBAAmB,MAAM,EAAE,CAAW,CAChF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"use-lanes-menu.js","sourceRoot":"","sources":["../use-lanes-menu.tsx"],"names":[],"mappings":";;;;;AAqBA,kCAkDC;AAvED,kDAA0B;AAC1B,4DAA4B;AAC5B,gFAAyD;AACzD,4EAA0D;AAC1D,kFAA8D;AAG9D,kGAA4E;AAC5E,oFAAuE;AAEvE,8FAAkD;AAElD,kGAAkG;AAClG,MAAM,IAAI,GAAG,iCAAe,CAAC;AAQ7B,SAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,QAAQ,GAAG,0DAA0D,EACrE,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EAWV;IACC,MAAM,wBAAwB,GAAG,CAAC,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,aAAa,CAAC,CAAA,CAAC;IACzE,MAAM,IAAI,GAAG,CACX,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,oCAAM,CAAC,SAAS,EAAE,aAAa,CAAC;QACjD,uCAAK,SAAS,EAAE,oCAAM,CAAC,GAAG;YACxB,uCAAK,SAAS,EAAE,oCAAM,CAAC,KAAK;gBAC1B,8BAAC,+BAAI,IAAC,SAAS,EAAE,oCAAM,CAAC,SAAS,EAAE,EAAE,EAAC,UAAU,GAAG;gBACnD,8BAAC,oCAAQ,IAAC,SAAS,EAAE,oCAAM,CAAC,SAAS,kBAAwB,CACzD,CACF;QACN,8BAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,wBAAwB,EAAE,wBAAwB,GAAI;QAClH,uCAAK,SAAS,EAAE,oCAAM,CAAC,QAAQ;YAC7B,8BAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,oCAAM,CAAC,IAAI;gBACnD,8BAAC,+BAAI,IAAC,EAAE,EAAC,kBAAkB,GAAG;gBAC9B,uCAAK,SAAS,EAAE,oCAAM,CAAC,WAAW,6BAA8B,CAC3D,CACH,CACF,CACP,CAAC;IAEF,OAAO,CACL,8BAAC,kDAAc,IACb,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAC,YAAY,EACrB,gBAAgB,EAAE,oBAAoB,EACtC,SAAS,EAAE,IAAA,oBAAE,EAAC,oCAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACvC,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,wBAAwB,EAA0B;IAClG,MAAM,MAAM,GAAG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAEpF,IAAI,wBAAwB,EAAE,CAAC;QAC7B,OAAO,CACL,uCAAK,SAAS,EAAE,oCAAM,CAAC,aAAa;YAClC,uCAAK,SAAS,EAAE,oCAAM,CAAC,kBAAkB;;gBAA8B,MAAM,CAAO;YACpF,8BAAC,gCAAO,IAAC,SAAS,EAAE,oCAAM,CAAC,gBAAgB,IAAG,WAAW,CAAW,CAChE,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,uCAAK,SAAS,EAAE,oCAAM,CAAC,aAAa;QAClC,uCAAK,SAAS,EAAE,oCAAM,CAAC,kBAAkB;;YAAmB,MAAM,CAAO;QACzE,8BAAC,gCAAO,IAAC,SAAS,EAAE,oCAAM,CAAC,gBAAgB,IAAG,mBAAmB,MAAM,EAAE,CAAW,CAChF,CACP,CAAC;AACJ,CAAC"}
package/dist/use-lanes-menu.module.scss CHANGED
@@ -37,6 +37,7 @@
37
37
  background-color: var(--bit-bg-color, #ffffff);
38
38
  border-bottom: 1px solid var(--bit-border-color-lightest, #ededed);
39
39
  padding: 16px;
40
+ border-radius: 8px;
40
41
  }
41
42
 
42
43
  .moreInfo {
@@ -46,3 +47,24 @@
46
47
  padding-left: 0px;
47
48
  }
48
49
  }
50
+
51
+ .link {
52
+ padding: 0 24px;
53
+ height: 40px;
54
+ display: flex;
55
+ align-items: center;
56
+ color: var(--bit-text-color-heavy, #2b2b2b);
57
+ cursor: pointer;
58
+ text-decoration: unset;
59
+ &:hover {
60
+ > div {
61
+ text-decoration: underline;
62
+ }
63
+ }
64
+ > span {
65
+ &:first-child {
66
+ margin-right: 8px;
67
+ font-size: var(--bit-p-md, 16px);
68
+ }
69
+ }
70
+ }
package/package.json CHANGED
@@ -1,27 +1,27 @@
1
1
  {
2
2
  "name": "@teambit/lanes.ui.menus.use-lanes-menu",
3
- "version": "0.0.237",
3
+ "version": "0.0.239",
4
4
  "homepage": "https://bit.cloud/teambit/lanes/ui/menus/use-lanes-menu",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.lanes",
8
8
  "name": "ui/menus/use-lanes-menu",
9
- "version": "0.0.237"
9
+ "version": "0.0.239"
10
10
  },
11
11
  "dependencies": {
12
12
  "classnames": "2.2.6",
13
13
  "core-js": "^3.0.0",
14
- "@teambit/design.ui.styles.ellipsis": "0.0.357",
15
14
  "@teambit/documenter.ui.copy-box": "4.1.20",
16
15
  "@teambit/evangelist.elements.icon": "1.0.5",
16
+ "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.150",
17
+ "@teambit/base-react.navigation.link": "2.0.31",
18
+ "@teambit/design.ui.styles.ellipsis": "0.0.357",
17
19
  "@teambit/lane-id": "0.0.312",
18
- "@teambit/lanes.ui.models.lanes-model": "0.0.229",
19
- "@teambit/ui-foundation.ui.use-box.bottom-link": "0.0.119",
20
- "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.148"
20
+ "@teambit/lanes.ui.models.lanes-model": "0.0.229"
21
21
  },
22
22
  "devDependencies": {
23
- "@types/classnames": "2.2.11",
24
23
  "@types/react": "^17.0.8",
24
+ "@types/classnames": "2.2.11",
25
25
  "@types/mocha": "9.1.0",
26
26
  "@types/node": "12.20.4",
27
27
  "@types/react-dom": "^17.0.5",
@@ -31,8 +31,7 @@
31
31
  },
32
32
  "peerDependencies": {
33
33
  "react": "^16.8.0 || ^17.0.0",
34
- "react-dom": "^16.8.0 || ^17.0.0",
35
- "@teambit/base-react.navigation.link": "2.0.33"
34
+ "react-dom": "^16.8.0 || ^17.0.0"
36
35
  },
37
36
  "license": "Apache-2.0",
38
37
  "optionalDependencies": {},
package/use-lanes-menu.module.scss CHANGED
@@ -37,6 +37,7 @@
37
37
  background-color: var(--bit-bg-color, #ffffff);
38
38
  border-bottom: 1px solid var(--bit-border-color-lightest, #ededed);
39
39
  padding: 16px;
40
+ border-radius: 8px;
40
41
  }
41
42
 
42
43
  .moreInfo {
@@ -46,3 +47,24 @@
46
47
  padding-left: 0px;
47
48
  }
48
49
  }
50
+
51
+ .link {
52
+ padding: 0 24px;
53
+ height: 40px;
54
+ display: flex;
55
+ align-items: center;
56
+ color: var(--bit-text-color-heavy, #2b2b2b);
57
+ cursor: pointer;
58
+ text-decoration: unset;
59
+ &:hover {
60
+ > div {
61
+ text-decoration: underline;
62
+ }
63
+ }
64
+ > span {
65
+ &:first-child {
66
+ margin-right: 8px;
67
+ font-size: var(--bit-p-md, 16px);
68
+ }
69
+ }
70
+ }
package/use-lanes-menu.tsx CHANGED
@@ -3,7 +3,7 @@ import cx from 'classnames';
3
3
  import { Icon } from '@teambit/evangelist.elements.icon';
4
4
  import { CopyBox } from '@teambit/documenter.ui.copy-box';
5
5
  import { Ellipsis } from '@teambit/design.ui.styles.ellipsis';
6
- import { linkStyles } from '@teambit/ui-foundation.ui.use-box.bottom-link';
6
+ // import { linkStyles } from '@teambit/ui-foundation.ui.use-box.bottom-link';
7
7
  import type { LanesHost } from '@teambit/lanes.ui.models.lanes-model';
8
8
  import { UseBoxDropdown } from '@teambit/ui-foundation.ui.use-box.dropdown';
9
9
  import { Link as BaseLink } from '@teambit/base-react.navigation.link';
@@ -24,15 +24,21 @@ export function UseLaneMenu({
24
24
  viewedLaneId,
25
25
  currentLaneId,
26
26
  actionName,
27
+ docsLink = 'https://bit.dev/reference/change-requests/building-lanes',
27
28
  actionIcon,
29
+ menuPlaceholderClass,
28
30
  menuClassName,
31
+ className
29
32
  }: {
30
33
  host: LanesHost;
31
34
  viewedLaneId: LaneId;
32
35
  currentLaneId?: LaneId;
33
36
  actionName?: string;
34
37
  actionIcon?: string;
35
- menuClassName?: string
38
+ className?: string;
39
+ menuPlaceholderClass?: string,
40
+ menuClassName?: string,
41
+ docsLink?: string;
36
42
  }) {
37
43
  const switchedOutToCurrentLane = !!currentLaneId?.isEqual(currentLaneId);
38
44
  const Menu = (
@@ -45,7 +51,7 @@ export function UseLaneMenu({
45
51
  </div>
46
52
  <LaneImportContent host={host} currentLaneId={viewedLaneId} switchedOutToCurrentLane={switchedOutToCurrentLane} />
47
53
  <div className={styles.moreInfo}>
48
- <Link external href={'https://bit.dev/reference/lanes/lanes-overview'} className={linkStyles}>
54
+ <Link external href={docsLink} className={styles.link}>
49
55
  <Icon of="information-sign" />
50
56
  <div className={styles.drawerTitle}>Learn more about Lanes</div>
51
57
  </Link>
@@ -58,7 +64,8 @@ export function UseLaneMenu({
58
64
  actionName={actionName}
59
65
  actionIcon={actionIcon}
60
66
  position="bottom-end"
61
- className={styles.useBox}
67
+ placeholderClass={menuPlaceholderClass}
68
+ className={cx(styles.useBox, className)}
62
69
  Menu={Menu}
63
70
  />
64
71
  );
package/dist/preview-1755636844321.js DELETED
@@ -1,7 +0,0 @@
1
- ;
2
- ;
3
-
4
- export const compositions = [];
5
- export const overview = [];
6
-
7
- export const compositions_metadata = {"compositions":[]};
package/types/asset.d.ts DELETED
@@ -1,29 +0,0 @@
1
- declare module '*.png' {
2
- const value: any;
3
- export = value;
4
- }
5
- declare module '*.svg' {
6
- import type { FunctionComponent, SVGProps } from 'react';
7
-
8
- export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
9
- const src: string;
10
- export default src;
11
- }
12
-
13
- // @TODO Gilad
14
- declare module '*.jpg' {
15
- const value: any;
16
- export = value;
17
- }
18
- declare module '*.jpeg' {
19
- const value: any;
20
- export = value;
21
- }
22
- declare module '*.gif' {
23
- const value: any;
24
- export = value;
25
- }
26
- declare module '*.bmp' {
27
- const value: any;
28
- export = value;
29
- }
package/types/style.d.ts DELETED
@@ -1,42 +0,0 @@
1
- declare module '*.module.css' {
2
- const classes: { readonly [key: string]: string };
3
- export default classes;
4
- }
5
- declare module '*.module.scss' {
6
- const classes: { readonly [key: string]: string };
7
- export default classes;
8
- }
9
- declare module '*.module.sass' {
10
- const classes: { readonly [key: string]: string };
11
- export default classes;
12
- }
13
-
14
- declare module '*.module.less' {
15
- const classes: { readonly [key: string]: string };
16
- export default classes;
17
- }
18
-
19
- declare module '*.less' {
20
- const classes: { readonly [key: string]: string };
21
- export default classes;
22
- }
23
-
24
- declare module '*.css' {
25
- const classes: { readonly [key: string]: string };
26
- export default classes;
27
- }
28
-
29
- declare module '*.sass' {
30
- const classes: { readonly [key: string]: string };
31
- export default classes;
32
- }
33
-
34
- declare module '*.scss' {
35
- const classes: { readonly [key: string]: string };
36
- export default classes;
37
- }
38
-
39
- declare module '*.mdx' {
40
- const component: any;
41
- export default component;
42
- }