Merge pull request #782 from thejackshelton/accordion-boundary

fix: remove context exports and refactor context file: collapsible

Author: thejackshelton

packages/kit-headless/src/components/collapsible/collapsible-content.tsx

@@ -7,7 +7,7 @@ import {
   useTask$,
   PropsOf,
 } from '@builder.io/qwik';
-import { collapsibleContextId } from './collapsible-context-id';
+import { collapsibleContextId } from './collapsible-context';
 
 export type CollapsibleContentProps = PropsOf<'div'>;
 

packages/kit-headless/src/components/collapsible/collapsible-context-id.ts

@@ -0,0 +1,16 @@
+import { createContextId } from '@builder.io/qwik';
+
+export const collapsibleContextId = createContextId<CollapsibleContext>('Collapsible');
+
+import { type QRL, type Signal } from '@builder.io/qwik';
+
+export interface CollapsibleContext {
+  itemId: string;
+  isOpenSig: Signal<boolean>;
+  triggerRef: Signal<HTMLButtonElement | undefined>;
+  contentRef: Signal<HTMLElement | undefined>;
+  contentHeightSig: Signal<number | null>;
+  getContentDimensions$: QRL<() => void>;
+  disabled: boolean | undefined;
+  collapsible?: boolean;
+}

packages/kit-headless/src/components/collapsible/collapsible-context.ts

@@ -1,5 +1,5 @@
 import { $, PropsOf, Slot, component$, useContext, useOnWindow } from '@builder.io/qwik';
-import { collapsibleContextId } from './collapsible-context-id';
+import { collapsibleContextId } from './collapsible-context';
 
 export const HCollapsibleTrigger = component$<PropsOf<'button'>>(
   ({ onClick$, ...props }) => {

packages/kit-headless/src/components/collapsible/collapsible-trigger.tsx

@@ -11,8 +11,7 @@ import {
   useTask$,
 } from '@builder.io/qwik';
 
-import { collapsibleContextId } from './collapsible-context-id';
-import { type CollapsibleContext } from './collapsible-context.type';
+import { type CollapsibleContext, collapsibleContextId } from './collapsible-context';
 import { isBrowser } from '@builder.io/qwik/build';
 import { useCollapsible } from './use-collapsible';
 

packages/kit-headless/src/components/collapsible/collapsible.tsx

@@ -1,5 +1,3 @@
 export { HCollapsible as Root } from './collapsible';
 export { HCollapsibleContent as Content } from './collapsible-content';
 export { HCollapsibleTrigger as Trigger } from './collapsible-trigger';
-export * from './collapsible-context.type';
-export * from './collapsible-context-id';