@teambit/compositions 1.0.992 → 1.0.994

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 (6) hide show
  1. package/dist/compositions.ui.runtime.d.ts +1 -1
  2. package/dist/{preview-1779199603540.js → preview-1779298653501.js} +2 -2
  3. package/dist/ui/compositions-panel/use-overlay.d.ts +1 -1
  4. package/dist/ui/compositions-panel/use-overlay.js.map +1 -1
  5. package/package.json +36 -36
  6. package/ui/compositions-panel/use-overlay.ts +1 -1
package/dist/compositions.ui.runtime.d.ts CHANGED
@@ -21,7 +21,7 @@ export declare class CompositionsUI {
21
21
  getCompositionsCompare: () => import("react/jsx-runtime").JSX.Element;
22
22
  static dependencies: import("@teambit/harmony").Aspect[];
23
23
  static runtime: import("@teambit/harmony").RuntimeDefinition;
24
- static slots: ((registerFn: () => string) => SlotRegistry<ReactNode>)[];
24
+ static slots: (((registerFn: () => string) => SlotRegistry<UseSandboxPermission>) | ((registerFn: () => string) => SlotRegistry<ComponentType>) | ((registerFn: () => string) => SlotRegistry<ReactNode>))[];
25
25
  static provider([component, componentCompare]: [ComponentUI, ComponentCompareUI], config: {}, [compositionMenuSlot, emptyStateSlot, usePreviewSandboxSlot]: [
26
26
  CompositionsMenuSlot,
27
27
  EmptyStateSlot,
package/dist/{preview-1779199603540.js → preview-1779298653501.js} RENAMED
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.992/dist/compositions.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.992/dist/compositions.docs.mdx';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.994/dist/compositions.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.994/dist/compositions.docs.mdx';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
package/dist/ui/compositions-panel/use-overlay.d.ts CHANGED
@@ -7,7 +7,7 @@ export type OverlayStyle = {
7
7
  maxWidth: number;
8
8
  maxHeight: number;
9
9
  } & React.CSSProperties;
10
- export declare function useOverlay(anchorRef: React.RefObject<HTMLElement>, open: boolean, gap?: number, extraStyle?: React.CSSProperties): {
10
+ export declare function useOverlay(anchorRef: React.RefObject<HTMLElement | null>, open: boolean, gap?: number, extraStyle?: React.CSSProperties): {
11
11
  position: OverlayPosition;
12
12
  style: OverlayStyle | null;
13
13
  };
package/dist/ui/compositions-panel/use-overlay.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","data","_interopRequireDefault","require","_reactDom","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","GAP","useOverlay","anchorRef","open","gap","extraStyle","position","setPosition","React","useState","style","setStyle","useLayoutEffect","current","rect","getBoundingClientRect","below","window","innerHeight","bottom","above","top","shouldFlip","pos","left","maxWidth","width","maxHeight","undefined","BitPortal","children","ReactDOM","createPortal","document","body"],"sources":["use-overlay.ts"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport type OverlayPosition = 'top' | 'bottom';\n\nexport type OverlayStyle = {\n top?: number;\n bottom?: number;\n left: number;\n maxWidth: number;\n maxHeight: number;\n} & React.CSSProperties;\n\nconst GAP = 4;\n\nexport function useOverlay(\n anchorRef: React.RefObject<HTMLElement>,\n open: boolean,\n gap: number = GAP,\n extraStyle?: React.CSSProperties\n) {\n const [position, setPosition] = React.useState<OverlayPosition>('bottom');\n const [style, setStyle] = React.useState<OverlayStyle | null>(null);\n\n React.useLayoutEffect(() => {\n if (!open || !anchorRef.current) return;\n\n const rect = anchorRef.current.getBoundingClientRect();\n\n const below = window.innerHeight - rect.bottom - gap;\n const above = rect.top - gap;\n\n const shouldFlip = below < 240 && above > below;\n\n const pos: OverlayPosition = shouldFlip ? 'top' : 'bottom';\n\n setPosition(pos);\n setStyle({\n ...extraStyle,\n left: rect.left,\n maxWidth: rect.width,\n maxHeight: 240,\n top: pos === 'bottom' ? rect.bottom + gap : undefined,\n bottom: pos === 'top' ? window.innerHeight - rect.top + gap : undefined,\n });\n }, [open]);\n\n return { position, style };\n}\n\nexport function BitPortal({ children }: { children: React.ReactNode }) {\n return ReactDOM.createPortal(children, document.body);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","data","_interopRequireDefault","require","_reactDom","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","GAP","useOverlay","anchorRef","open","gap","extraStyle","position","setPosition","React","useState","style","setStyle","useLayoutEffect","current","rect","getBoundingClientRect","below","window","innerHeight","bottom","above","top","shouldFlip","pos","left","maxWidth","width","maxHeight","undefined","BitPortal","children","ReactDOM","createPortal","document","body"],"sources":["use-overlay.ts"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport type OverlayPosition = 'top' | 'bottom';\n\nexport type OverlayStyle = {\n top?: number;\n bottom?: number;\n left: number;\n maxWidth: number;\n maxHeight: number;\n} & React.CSSProperties;\n\nconst GAP = 4;\n\nexport function useOverlay(\n anchorRef: React.RefObject<HTMLElement | null>,\n open: boolean,\n gap: number = GAP,\n extraStyle?: React.CSSProperties\n) {\n const [position, setPosition] = React.useState<OverlayPosition>('bottom');\n const [style, setStyle] = React.useState<OverlayStyle | null>(null);\n\n React.useLayoutEffect(() => {\n if (!open || !anchorRef.current) return;\n\n const rect = anchorRef.current.getBoundingClientRect();\n\n const below = window.innerHeight - rect.bottom - gap;\n const above = rect.top - gap;\n\n const shouldFlip = below < 240 && above > below;\n\n const pos: OverlayPosition = shouldFlip ? 'top' : 'bottom';\n\n setPosition(pos);\n setStyle({\n ...extraStyle,\n left: rect.left,\n maxWidth: rect.width,\n maxHeight: 240,\n top: pos === 'bottom' ? rect.bottom + gap : undefined,\n bottom: pos === 'top' ? window.innerHeight - rect.top + gap : undefined,\n });\n }, [open]);\n\n return { position, style };\n}\n\nexport function BitPortal({ children }: { children: React.ReactNode }) {\n return ReactDOM.createPortal(children, document.body);\n}\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/compositions",
3
- "version": "1.0.992",
3
+ "version": "1.0.994",
4
4
  "homepage": "https://bit.cloud/teambit/compositions/compositions",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.compositions",
8
8
  "name": "compositions",
9
- "version": "1.0.992"
9
+ "version": "1.0.994"
10
10
  },
11
11
  "dependencies": {
12
12
  "graphql-tag": "2.12.1",
@@ -14,73 +14,73 @@
14
14
  "lodash.head": "4.0.1",
15
15
  "query-string": "7.0.0",
16
16
  "classnames": "^2.5.1",
17
- "@teambit/compositions.model.composition-id": "0.0.506",
17
+ "@teambit/compositions.model.composition-id": "0.0.507",
18
18
  "@teambit/harmony": "0.4.7",
19
- "@teambit/cli": "0.0.1325",
20
- "@teambit/component.sources": "0.0.168",
21
- "@teambit/legacy.consumer-component": "0.0.117",
22
- "@teambit/toolbox.path.match-patterns": "0.0.27",
23
19
  "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
24
20
  "@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.1",
25
21
  "@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
26
22
  "@teambit/compositions.ui.composition-live-controls": "0.0.6",
27
23
  "@teambit/compositions.ui.compositions-menu-bar": "0.0.177",
28
24
  "@teambit/compositions.ui.hooks.use-composition": "0.0.177",
25
+ "@teambit/design.ui.alert-card": "0.0.27",
26
+ "@teambit/design.ui.empty-box": "0.0.364",
29
27
  "@teambit/design.ui.input.option-button": "1.0.13",
30
28
  "@teambit/design.ui.separator": "0.0.367",
31
- "@teambit/design.ui.tooltip": "0.0.382",
32
- "@teambit/docs.ui.queries.get-docs": "0.0.510",
29
+ "@teambit/design.ui.surfaces.status-message-card": "0.0.18",
30
+ "@teambit/design.ui.tooltip": "0.0.383",
31
+ "@teambit/docs.ui.queries.get-docs": "0.0.511",
33
32
  "@teambit/documenter.theme.theme-context": "4.0.7",
34
33
  "@teambit/documenter.ui.heading": "4.1.8",
35
34
  "@teambit/documenter.ui.property-table": "4.1.11",
36
35
  "@teambit/evangelist.elements.icon": "1.0.5",
37
- "@teambit/panels": "0.0.1328",
38
- "@teambit/preview.ui.component-preview": "1.0.33",
39
- "@teambit/ui-foundation.ui.buttons.collapser": "0.0.233",
40
- "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.200",
41
- "@teambit/design.ui.alert-card": "0.0.27",
42
- "@teambit/design.ui.empty-box": "0.0.364",
43
- "@teambit/design.ui.surfaces.status-message-card": "0.0.18",
44
36
  "@teambit/mdx.ui.mdx-layout": "1.0.12",
45
- "@teambit/compositions.ui.composition-compare-section": "0.0.103",
46
- "@teambit/compositions.ui.composition-compare": "0.0.264",
37
+ "@teambit/preview.ui.component-preview": "1.0.34",
38
+ "@teambit/ui-foundation.ui.buttons.collapser": "0.0.234",
39
+ "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.200",
40
+ "@teambit/compositions.ui.composition-compare": "0.0.265",
47
41
  "@teambit/api-reference.hooks.use-api": "0.0.57",
48
- "@teambit/workspace.ui.use-workspace-mode": "0.0.2",
42
+ "@teambit/workspace.ui.use-workspace-mode": "0.0.3",
49
43
  "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
50
- "@teambit/design.inputs.selectors.menu-item": "1.1.0",
51
44
  "@teambit/design.inputs.date-picker": "0.0.3",
52
45
  "@teambit/design.inputs.dropdown": "1.3.3",
53
46
  "@teambit/design.inputs.input-text": "1.1.5",
47
+ "@teambit/design.inputs.selectors.menu-item": "1.1.0",
54
48
  "@teambit/design.inputs.text-area": "0.0.20",
55
49
  "@teambit/design.inputs.toggle-switch": "0.0.9",
56
50
  "@teambit/design.ui.input.color-picker": "0.0.56",
57
51
  "@teambit/base-ui.loaders.skeleton": "1.0.2",
58
- "@teambit/component": "1.0.992",
59
- "@teambit/graphql": "1.0.992",
60
- "@teambit/dev-files": "1.0.992",
61
- "@teambit/envs": "1.0.992",
62
- "@teambit/preview": "1.0.992",
63
- "@teambit/schema": "1.0.992",
64
- "@teambit/scope": "1.0.992",
65
- "@teambit/workspace": "1.0.992",
66
- "@teambit/component-compare": "1.0.992",
67
- "@teambit/ui": "1.0.992"
52
+ "@teambit/component": "1.0.994",
53
+ "@teambit/graphql": "1.0.994",
54
+ "@teambit/cli": "0.0.1327",
55
+ "@teambit/component.sources": "0.0.169",
56
+ "@teambit/dev-files": "1.0.994",
57
+ "@teambit/envs": "1.0.994",
58
+ "@teambit/legacy.consumer-component": "0.0.118",
59
+ "@teambit/preview": "1.0.994",
60
+ "@teambit/schema": "1.0.994",
61
+ "@teambit/scope": "1.0.994",
62
+ "@teambit/toolbox.path.match-patterns": "0.0.28",
63
+ "@teambit/workspace": "1.0.994",
64
+ "@teambit/panels": "0.0.1330",
65
+ "@teambit/component-compare": "1.0.994",
66
+ "@teambit/compositions.ui.composition-compare-section": "0.0.105",
67
+ "@teambit/ui": "1.0.994"
68
68
  },
69
69
  "devDependencies": {
70
70
  "@types/lodash": "4.14.165",
71
71
  "@types/lodash.head": "4.0.6",
72
72
  "@types/classnames": "^2.3.4",
73
73
  "@types/mocha": "9.1.0",
74
- "@teambit/compositions.aspect-docs.compositions": "0.0.173",
74
+ "@teambit/compositions.aspect-docs.compositions": "0.0.174",
75
75
  "@teambit/component-id": "1.2.4",
76
- "@teambit/harmony.envs.core-aspect-env": "0.1.4"
76
+ "@teambit/harmony.envs.core-aspect-env": "0.1.5"
77
77
  },
78
78
  "peerDependencies": {
79
- "react": "^17.0.0 || ^18.0.0",
80
- "react-dom": "^17.0.0 || ^18.0.0",
79
+ "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
80
+ "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
81
81
  "react-router-dom": "^6.16.0",
82
- "@types/react": "^17.0.73",
83
- "@types/react-dom": "^17.0.5",
82
+ "@types/react": "^19.0.0",
83
+ "@types/react-dom": "^19.0.0",
84
84
  "@teambit/base-react.navigation.link": "2.0.33"
85
85
  },
86
86
  "license": "Apache-2.0",
package/ui/compositions-panel/use-overlay.ts CHANGED
@@ -14,7 +14,7 @@ export type OverlayStyle = {
14
14
  const GAP = 4;
15
15
 
16
16
  export function useOverlay(
17
- anchorRef: React.RefObject<HTMLElement>,
17
+ anchorRef: React.RefObject<HTMLElement | null>,
18
18
  open: boolean,
19
19
  gap: number = GAP,
20
20
  extraStyle?: React.CSSProperties