@teambit/compositions 1.0.991 → 1.0.993

package/dist/compositions.ui.runtime.d.ts

@@ -21,7 +21,7 @@ export declare class CompositionsUI {
     getCompositionsCompare: () => import("react/jsx-runtime").JSX.Element;
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
-    static slots: ((registerFn: () => string) => SlotRegistry<ReactNode>)[];
+    static slots: (((registerFn: () => string) => SlotRegistry<UseSandboxPermission>) | ((registerFn: () => string) => SlotRegistry<ComponentType>) | ((registerFn: () => string) => SlotRegistry<ReactNode>))[];
     static provider([component, componentCompare]: [ComponentUI, ComponentCompareUI], config: {}, [compositionMenuSlot, emptyStateSlot, usePreviewSandboxSlot]: [
         CompositionsMenuSlot,
         EmptyStateSlot,

package/dist/{preview-1779140326546.js → preview-1779204000743.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.991/dist/compositions.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.991/dist/compositions.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.993/dist/compositions.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.993/dist/compositions.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/ui/compositions-panel/use-overlay.d.ts

@@ -7,7 +7,7 @@ export type OverlayStyle = {
     maxWidth: number;
     maxHeight: number;
 } & React.CSSProperties;
-export declare function useOverlay(anchorRef: React.RefObject<HTMLElement>, open: boolean, gap?: number, extraStyle?: React.CSSProperties): {
+export declare function useOverlay(anchorRef: React.RefObject<HTMLElement | null>, open: boolean, gap?: number, extraStyle?: React.CSSProperties): {
     position: OverlayPosition;
     style: OverlayStyle | null;
 };

package/dist/ui/compositions-panel/use-overlay.js.map

@@ -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":[]}
+{"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

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/compositions",
-  "version": "1.0.991",
+  "version": "1.0.993",
   "homepage": "https://bit.cloud/teambit/compositions/compositions",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compositions",
     "name": "compositions",
-    "version": "1.0.991"
+    "version": "1.0.993"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -14,9 +14,7 @@
     "lodash.head": "4.0.1",
     "query-string": "7.0.0",
     "classnames": "^2.5.1",
-    "@teambit/compositions.model.composition-id": "0.0.506",
     "@teambit/harmony": "0.4.7",
-    "@teambit/cli": "0.0.1325",
     "@teambit/component.sources": "0.0.168",
     "@teambit/legacy.consumer-component": "0.0.117",
     "@teambit/toolbox.path.match-patterns": "0.0.27",
@@ -26,54 +24,56 @@
     "@teambit/compositions.ui.composition-live-controls": "0.0.6",
     "@teambit/compositions.ui.compositions-menu-bar": "0.0.177",
     "@teambit/compositions.ui.hooks.use-composition": "0.0.177",
+    "@teambit/design.ui.alert-card": "0.0.27",
+    "@teambit/design.ui.empty-box": "0.0.364",
     "@teambit/design.ui.input.option-button": "1.0.13",
     "@teambit/design.ui.separator": "0.0.367",
-    "@teambit/design.ui.tooltip": "0.0.382",
-    "@teambit/docs.ui.queries.get-docs": "0.0.510",
+    "@teambit/design.ui.surfaces.status-message-card": "0.0.18",
     "@teambit/documenter.theme.theme-context": "4.0.7",
     "@teambit/documenter.ui.heading": "4.1.8",
     "@teambit/documenter.ui.property-table": "4.1.11",
     "@teambit/evangelist.elements.icon": "1.0.5",
-    "@teambit/panels": "0.0.1328",
-    "@teambit/preview.ui.component-preview": "1.0.33",
-    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.233",
-    "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.200",
-    "@teambit/design.ui.alert-card": "0.0.27",
-    "@teambit/design.ui.empty-box": "0.0.364",
-    "@teambit/design.ui.surfaces.status-message-card": "0.0.18",
     "@teambit/mdx.ui.mdx-layout": "1.0.12",
-    "@teambit/compositions.ui.composition-compare-section": "0.0.103",
-    "@teambit/compositions.ui.composition-compare": "0.0.264",
+    "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.200",
     "@teambit/api-reference.hooks.use-api": "0.0.57",
-    "@teambit/workspace.ui.use-workspace-mode": "0.0.2",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
-    "@teambit/design.inputs.selectors.menu-item": "1.1.0",
     "@teambit/design.inputs.date-picker": "0.0.3",
     "@teambit/design.inputs.dropdown": "1.3.3",
     "@teambit/design.inputs.input-text": "1.1.5",
+    "@teambit/design.inputs.selectors.menu-item": "1.1.0",
     "@teambit/design.inputs.text-area": "0.0.20",
     "@teambit/design.inputs.toggle-switch": "0.0.9",
     "@teambit/design.ui.input.color-picker": "0.0.56",
     "@teambit/base-ui.loaders.skeleton": "1.0.2",
-    "@teambit/component": "1.0.991",
-    "@teambit/graphql": "1.0.991",
-    "@teambit/dev-files": "1.0.991",
-    "@teambit/envs": "1.0.991",
-    "@teambit/preview": "1.0.991",
-    "@teambit/schema": "1.0.991",
-    "@teambit/scope": "1.0.991",
-    "@teambit/workspace": "1.0.991",
-    "@teambit/component-compare": "1.0.991",
-    "@teambit/ui": "1.0.991"
+    "@teambit/component": "1.0.993",
+    "@teambit/compositions.model.composition-id": "0.0.507",
+    "@teambit/graphql": "1.0.993",
+    "@teambit/cli": "0.0.1326",
+    "@teambit/dev-files": "1.0.993",
+    "@teambit/envs": "1.0.993",
+    "@teambit/preview": "1.0.993",
+    "@teambit/schema": "1.0.993",
+    "@teambit/scope": "1.0.993",
+    "@teambit/workspace": "1.0.993",
+    "@teambit/design.ui.tooltip": "0.0.383",
+    "@teambit/docs.ui.queries.get-docs": "0.0.511",
+    "@teambit/panels": "0.0.1329",
+    "@teambit/preview.ui.component-preview": "1.0.34",
+    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.234",
+    "@teambit/component-compare": "1.0.993",
+    "@teambit/compositions.ui.composition-compare-section": "0.0.104",
+    "@teambit/compositions.ui.composition-compare": "0.0.265",
+    "@teambit/ui": "1.0.993",
+    "@teambit/workspace.ui.use-workspace-mode": "0.0.3"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
     "@types/lodash.head": "4.0.6",
     "@types/classnames": "^2.3.4",
     "@types/mocha": "9.1.0",
-    "@teambit/compositions.aspect-docs.compositions": "0.0.173",
     "@teambit/component-id": "1.2.4",
-    "@teambit/harmony.envs.core-aspect-env": "0.1.4"
+    "@teambit/harmony.envs.core-aspect-env": "0.1.4",
+    "@teambit/compositions.aspect-docs.compositions": "0.0.174"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",

package/ui/compositions-panel/use-overlay.ts

@@ -14,7 +14,7 @@ export type OverlayStyle = {
 const GAP = 4;
 
 export function useOverlay(
-  anchorRef: React.RefObject<HTMLElement>,
+  anchorRef: React.RefObject<HTMLElement | null>,
   open: boolean,
   gap: number = GAP,
   extraStyle?: React.CSSProperties