@salt-ds/lab 1.0.0-alpha.39 → 1.0.0-alpha.40

package/dist-es/overlay/OverlayPanelCloseButton.js

@@ -1,34 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { makePrefixer, Button } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { CloseIcon } from '@salt-ds/icons';
-import css_248z from './OverlayPanelCloseButton.css.js';
-
-const withBaseName = makePrefixer("saltOverlayPanelCloseButton");
-const OverlayPanelCloseButton = forwardRef(function OverlayPanelButton({ className, ...rest }, ref) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-overlay-panel-close-button",
-    css: css_248z,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(withBaseName(), className),
-    children: /* @__PURE__ */ jsx(Button, {
-      ref,
-      "aria-label": "Close overlay",
-      variant: "secondary",
-      className: withBaseName("button"),
-      ...rest,
-      children: /* @__PURE__ */ jsx(CloseIcon, {
-        "aria-hidden": true
-      })
-    })
-  });
-});
-
-export { OverlayPanelCloseButton };
-//# sourceMappingURL=OverlayPanelCloseButton.js.map

package/dist-es/overlay/OverlayPanelCloseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayPanelCloseButton.js","sources":["../src/overlay/OverlayPanelCloseButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { CloseIcon } from \"@salt-ds/icons\";\nimport overlayPanelCloseButtonCss from \"./OverlayPanelCloseButton.css\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanelCloseButton\");\n\nexport const OverlayPanelCloseButton = forwardRef<\n  HTMLButtonElement,\n  ButtonProps\n>(function OverlayPanelButton({ className, ...rest }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-overlay-panel-close-button\",\n    css: overlayPanelCloseButtonCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={clsx(withBaseName(), className)}>\n      <Button\n        ref={ref}\n        aria-label=\"Close overlay\"\n        variant=\"secondary\"\n        className={withBaseName(\"button\")}\n        {...rest}\n      >\n        <CloseIcon aria-hidden />\n      </Button>\n    </div>\n  );\n});\n"],"names":["overlayPanelCloseButtonCss"],"mappings":";;;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,6BAA6B,CAAA,CAAA;AAElD,MAAA,uBAAA,GAA0B,WAGrC,SAAS,kBAAA,CAAmB,EAAE,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACzD,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iCAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAC5C,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,YAAW,EAAA,eAAA;AAAA,MACX,OAAQ,EAAA,WAAA;AAAA,MACR,SAAA,EAAW,aAAa,QAAQ,CAAA;AAAA,MAC/B,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,QAAU,aAAW,EAAA,IAAA;AAAA,OAAC,CAAA;AAAA,KACzB,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/overlay/OverlayPanelContent.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltOverlayPanelContent {\n  animation: var(--salt-animation-fade-in-center);\n  position: relative;\n  overflow: auto;\n  padding: var(--saltOverlay-content-padding, var(--salt-spacing-100));\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=OverlayPanelContent.css.js.map

package/dist-es/overlay/OverlayPanelContent.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayPanelContent.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/overlay/OverlayPanelContent.js

@@ -1,27 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { makePrefixer } from '@salt-ds/core';
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import css_248z from './OverlayPanelContent.css.js';
-
-const withBaseName = makePrefixer("saltOverlayPanelContent");
-const OverlayPanelContent = forwardRef(function OverlayPanelContent2(props, ref) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-overlay-panel-content",
-    css: css_248z,
-    window: targetWindow
-  });
-  const { children, className, ...rest } = props;
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(withBaseName(), className),
-    ...rest,
-    ref,
-    children
-  });
-});
-
-export { OverlayPanelContent };
-//# sourceMappingURL=OverlayPanelContent.js.map

package/dist-es/overlay/OverlayPanelContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayPanelContent.js","sources":["../src/overlay/OverlayPanelContent.tsx"],"sourcesContent":["import { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { ReactNode, ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport overlayPanelContentCss from \"./OverlayPanelContent.css\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanelContent\");\n\nexport interface OverlayPanelContentProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of Overlay Panel Content\n   */\n  children?: ReactNode;\n}\n\nexport const OverlayPanelContent = forwardRef<\n  HTMLDivElement,\n  OverlayPanelContentProps\n>(function OverlayPanelContent(props, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-overlay-panel-content\",\n    css: overlayPanelContentCss,\n    window: targetWindow,\n  });\n\n  const { children, className, ...rest } = props;\n\n  return (\n    <div className={clsx(withBaseName(), className)} {...rest} ref={ref}>\n      {children}\n    </div>\n  );\n});\n"],"names":["OverlayPanelContent","overlayPanelContentCss"],"mappings":";;;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAUpD,MAAM,mBAAsB,GAAA,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAEzC,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAI,GAAG,IAAA;AAAA,IAAM,GAAA;AAAA,IACxD,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/overlay/OverlayTrigger.js

@@ -1,27 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { isValidElement, cloneElement } from 'react';
-import { useForkRef, mergeProps } from '@salt-ds/core';
-import { useOverlayContext } from './OverlayContext.js';
-
-function OverlayTrigger(props) {
-  const { children } = props;
-  const { reference, getReferenceProps } = useOverlayContext();
-  const triggerRef = useForkRef(
-    isValidElement(children) ? children.ref : null,
-    reference
-  );
-  if (!children || !isValidElement(children)) {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children
-    });
-  }
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: cloneElement(children, {
-      ...mergeProps(getReferenceProps(), children.props),
-      ref: triggerRef
-    })
-  });
-}
-
-export { OverlayTrigger };
-//# sourceMappingURL=OverlayTrigger.js.map

package/dist-es/overlay/OverlayTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayTrigger.js","sources":["../src/overlay/OverlayTrigger.tsx"],"sourcesContent":["import { cloneElement, isValidElement, ReactNode } from \"react\";\nimport { mergeProps, useForkRef } from \"@salt-ds/core\";\nimport { useOverlayContext } from \"./OverlayContext\";\n\nexport interface OverlayTriggerProps {\n  children?: ReactNode;\n}\n\nexport function OverlayTrigger(props: OverlayTriggerProps) {\n  const { children } = props;\n\n  const { reference, getReferenceProps } = useOverlayContext();\n\n  const triggerRef = useForkRef(\n    // @ts-ignore error TS2339 missing property ref\n    isValidElement(children) ? children.ref : null,\n    reference\n  );\n\n  if (!children || !isValidElement(children)) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      {cloneElement(children, {\n        ...mergeProps(getReferenceProps(), children.props),\n        ref: triggerRef,\n      })}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAQO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA,CAAA;AAErB,EAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAI,iBAAkB,EAAA,CAAA;AAE3D,EAAA,MAAM,UAAa,GAAA,UAAA;AAAA,IAEjB,cAAe,CAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,GAAM,GAAA,IAAA;AAAA,IAC1C,SAAA;AAAA,GACF,CAAA;AAEA,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,cAAA,CAAe,QAAQ,CAAG,EAAA;AAC1C,IAAO,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,MAAG,QAAA;AAAA,KAAS,CAAA,CAAA;AAAA,GACrB;AAEA,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,IACG,uBAAa,QAAU,EAAA;AAAA,MACtB,GAAG,UAAA,CAAW,iBAAkB,EAAA,EAAG,SAAS,KAAK,CAAA;AAAA,MACjD,GAAK,EAAA,UAAA;AAAA,KACN,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-types/overlay/Overlay.d.ts

@@ -1,13 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export interface OverlayProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * Display or hide the component.
-     */
-    open?: boolean;
-    /**
-     * Callback function triggered when open state changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    placement?: "top" | "bottom" | "left" | "right";
-}
-export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, }: OverlayProps) => JSX.Element;

package/dist-types/overlay/OverlayContext.d.ts

@@ -1,21 +0,0 @@
-import { FloatingArrowProps, FloatingContext, ReferenceType, Strategy } from "@floating-ui/react";
-declare type FloatingStyleProps = {
-    top: number;
-    left: number;
-    position: Strategy;
-    width?: number;
-    height?: number;
-};
-export interface OverlayContextValue {
-    openState: boolean;
-    floatingStyles: FloatingStyleProps;
-    arrowProps: FloatingArrowProps;
-    context: FloatingContext;
-    reference?: (node: ReferenceType | null) => void;
-    floating?: (node: HTMLElement | null) => void;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
-}
-export declare const OverlayContext: import("react").Context<OverlayContextValue>;
-export declare function useOverlayContext(): OverlayContextValue;
-export {};

package/dist-types/overlay/OverlayPanel.d.ts

@@ -1,8 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-export interface OverlayPanelProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * The content of Overlay Panel
-     */
-    children?: ReactNode;
-}
-export declare const OverlayPanel: import("react").ForwardRefExoticComponent<OverlayPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/overlay/OverlayPanelCloseButton.d.ts

@@ -1,2 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-export declare const OverlayPanelCloseButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/overlay/OverlayPanelContent.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode, ComponentPropsWithoutRef } from "react";
-export interface OverlayPanelContentProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * The content of Overlay Panel Content
-     */
-    children?: ReactNode;
-}
-export declare const OverlayPanelContent: import("react").ForwardRefExoticComponent<OverlayPanelContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/overlay/OverlayTrigger.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from "react";
-export interface OverlayTriggerProps {
-    children?: ReactNode;
-}
-export declare function OverlayTrigger(props: OverlayTriggerProps): JSX.Element;

package/dist-types/overlay/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./Overlay";
-export * from "./OverlayTrigger";
-export * from "./OverlayPanel";
-export * from "./OverlayPanelCloseButton";
-export * from "./OverlayPanelContent";