@salt-ds/lab 1.0.0-alpha.25 → 1.0.0-alpha.27

package/dist-es/scrim/ScrimContext.js

@@ -1,9 +0,0 @@
-import { createContext } from 'react';
-
-const ScrimContext = createContext(void 0);
-if (process.env.NODE_ENV !== "production") {
-  ScrimContext.displayName = "ScrimContext";
-}
-
-export { ScrimContext };
-//# sourceMappingURL=ScrimContext.js.map

package/dist-es/scrim/ScrimContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrimContext.js","sources":["../src/scrim/ScrimContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const ScrimContext = createContext<(() => void) | undefined>(undefined);\n\nif (process.env.NODE_ENV !== \"production\") {\n  ScrimContext.displayName = \"ScrimContext\";\n}\n"],"names":[],"mappings":";;AAEa,MAAA,YAAA,GAAe,cAAwC,KAAS,CAAA,EAAA;AAE7E,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,YAAA,CAAa,WAAc,GAAA,cAAA,CAAA;AAC7B;;;;"}

package/dist-es/scrim/internal/PreventFocus.js

@@ -1,35 +0,0 @@
-import { findAllTabbableElements } from '../../focus-manager/internal/findAllTabbableElements.js';
-
-const tabIndexMap = /* @__PURE__ */ new WeakMap();
-function preventFocusOthers(originalTarget, tabbableSelector, parentNode) {
-  const elementsToHide = findAllTabbableElements(
-    parentNode,
-    tabbableSelector,
-    [
-      originalTarget,
-      ...findAllTabbableElements(originalTarget, tabbableSelector)
-    ]
-  );
-  elementsToHide.forEach((elem) => {
-    if (!tabIndexMap.has(elem)) {
-      tabIndexMap.set(elem, elem.getAttribute("tabIndex"));
-      elem.setAttribute("tabIndex", "-1");
-    }
-  });
-  return () => {
-    elementsToHide.forEach((element) => {
-      if (tabIndexMap.has(element)) {
-        const tabIndex = tabIndexMap.get(element);
-        if (tabIndex) {
-          element.setAttribute("tabIndex", tabIndex);
-        } else {
-          element.removeAttribute("tabIndex");
-        }
-        tabIndexMap.delete(element);
-      }
-    });
-  };
-}
-
-export { preventFocusOthers };
-//# sourceMappingURL=PreventFocus.js.map

package/dist-es/scrim/internal/PreventFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreventFocus.js","sources":["../src/scrim/internal/PreventFocus.ts"],"sourcesContent":["import { findAllTabbableElements } from \"../../focus-manager/internal/findAllTabbableElements\";\n\nconst tabIndexMap = new WeakMap<HTMLElement, string | null>();\n\nexport function preventFocusOthers(\n  originalTarget: HTMLElement | null,\n  tabbableSelector: string,\n  parentNode: HTMLElement\n): () => void {\n  const elementsToHide: HTMLElement[] = findAllTabbableElements(\n    parentNode,\n    tabbableSelector,\n    [\n      originalTarget,\n      ...findAllTabbableElements(originalTarget, tabbableSelector),\n    ]\n  );\n\n  elementsToHide.forEach((elem) => {\n    if (!tabIndexMap.has(elem)) {\n      tabIndexMap.set(elem, elem.getAttribute(\"tabIndex\"));\n      elem.setAttribute(\"tabIndex\", \"-1\");\n    }\n  });\n\n  return () => {\n    elementsToHide.forEach((element) => {\n      if (tabIndexMap.has(element)) {\n        const tabIndex = tabIndexMap.get(element);\n        if (tabIndex) {\n          element.setAttribute(\"tabIndex\", tabIndex);\n        } else {\n          element.removeAttribute(\"tabIndex\");\n        }\n\n        tabIndexMap.delete(element);\n      }\n    });\n  };\n}\n"],"names":[],"mappings":";;AAEA,MAAM,WAAA,uBAAkB,OAAoC,EAAA,CAAA;AAE5C,SAAA,kBAAA,CACd,cACA,EAAA,gBAAA,EACA,UACY,EAAA;AACZ,EAAA,MAAM,cAAgC,GAAA,uBAAA;AAAA,IACpC,UAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,cAAA;AAAA,MACA,GAAG,uBAAwB,CAAA,cAAA,EAAgB,gBAAgB,CAAA;AAAA,KAC7D;AAAA,GACF,CAAA;AAEA,EAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC/B,IAAA,IAAI,CAAC,WAAA,CAAY,GAAI,CAAA,IAAI,CAAG,EAAA;AAC1B,MAAA,WAAA,CAAY,GAAI,CAAA,IAAA,EAAM,IAAK,CAAA,YAAA,CAAa,UAAU,CAAC,CAAA,CAAA;AACnD,MAAK,IAAA,CAAA,YAAA,CAAa,YAAY,IAAI,CAAA,CAAA;AAAA,KACpC;AAAA,GACD,CAAA,CAAA;AAED,EAAA,OAAO,MAAM;AACX,IAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,OAAY,KAAA;AAClC,MAAI,IAAA,WAAA,CAAY,GAAI,CAAA,OAAO,CAAG,EAAA;AAC5B,QAAM,MAAA,QAAA,GAAW,WAAY,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AACxC,QAAA,IAAI,QAAU,EAAA;AACZ,UAAQ,OAAA,CAAA,YAAA,CAAa,YAAY,QAAQ,CAAA,CAAA;AAAA,SACpC,MAAA;AACL,UAAA,OAAA,CAAQ,gBAAgB,UAAU,CAAA,CAAA;AAAA,SACpC;AAEA,QAAA,WAAA,CAAY,OAAO,OAAO,CAAA,CAAA;AAAA,OAC5B;AAAA,KACD,CAAA,CAAA;AAAA,GACH,CAAA;AACF;;;;"}

package/dist-types/combo-box-next/useComboBox.d.ts

@@ -1,44 +0,0 @@
-import { FocusEvent, KeyboardEvent, SyntheticEvent } from "react";
-import { UseListProps } from "../list-next/useList";
-import { UseComboBoxPortalProps } from "./useComboboxPortal";
-interface UseComboBoxProps {
-    inputValue?: string;
-    defaultInputValue?: string;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    onMouseOver?: (event: SyntheticEvent) => void;
-    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
-    PortalProps?: UseComboBoxPortalProps;
-    listProps: UseListProps;
-}
-export declare const useComboBox: ({ defaultInputValue, onFocus, onMouseOver, onKeyDown, inputValue: inputValueProp, PortalProps, listProps, }: UseComboBoxProps) => {
-    inputValue: string | undefined;
-    setInputValue: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    portalProps: {
-        open: boolean;
-        setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-        floating: (node: HTMLElement | null) => void;
-        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-        getTriggerProps: () => Record<string, unknown>;
-        getPortalProps: () => import("react").HTMLProps<HTMLDivElement>;
-        getPosition: () => {
-            top: number;
-            left: number;
-            position: import("@floating-ui/utils").Strategy;
-            width: number | undefined;
-            height: number | undefined;
-        };
-    };
-    selectedItem: string | undefined;
-    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    highlightedItem: string | undefined;
-    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    activeDescendant: string | undefined;
-    focusVisibleRef: import("react").Ref<HTMLElement>;
-    keyDownHandler: (event: KeyboardEvent<HTMLInputElement>) => void;
-    focusHandler: (event: FocusEvent<HTMLInputElement>) => void;
-    mouseOverHandler: (event: SyntheticEvent<HTMLElement>) => void;
-    mouseDownHandler: () => void;
-    listSelectHandler: () => void;
-};
-export {};

package/dist-types/combo-box-next/useComboboxPortal.d.ts

@@ -1,22 +0,0 @@
-import { Placement } from "@floating-ui/react";
-import { HTMLProps } from "react";
-export interface UseComboBoxPortalProps {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    placement?: Placement;
-}
-export declare function useComboboxPortal(props?: UseComboBoxPortalProps): {
-    open: boolean;
-    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    floating: (node: HTMLElement | null) => void;
-    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-    getPortalProps: () => HTMLProps<HTMLDivElement>;
-    getTriggerProps: () => Record<string, unknown>;
-    getPosition: () => {
-        top: number;
-        left: number;
-        position: import("@floating-ui/utils").Strategy;
-        width: number | undefined;
-        height: number | undefined;
-    };
-};

package/dist-types/combo-box-next/utils.d.ts

@@ -1,7 +0,0 @@
-import { ListItemNextProps } from "../list-next";
-export declare const defaultFilter: (source: string[], filterValue?: string | undefined) => string[];
-export interface ComboBoxItemProps<T> extends Omit<ListItemNextProps, "value"> {
-    value: T;
-    matchPattern?: RegExp | string;
-}
-export declare const DefaultListItem: import("react").ForwardRefExoticComponent<ComboBoxItemProps<string> & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/dropdown-next/useDropdownNext.d.ts

@@ -1,42 +0,0 @@
-import { UseFloatingUIProps } from "@salt-ds/core";
-import { HTMLProps, KeyboardEvent, FocusEvent } from "react";
-import { UseListProps } from "../list-next/useList";
-interface UseDropdownNextProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
-    listProps: UseListProps;
-    openControlProp?: boolean;
-}
-export declare const useDropdownNext: ({ listProps, openControlProp, onOpenChange: onOpenChangeProp, placement: placementProp, }: UseDropdownNextProps) => {
-    handlers: {
-        keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
-        focusHandler: (event: FocusEvent<HTMLElement>) => void;
-        mouseOverHandler: () => void;
-        mouseDownHandler: () => void;
-        listSelectHandler: () => void;
-    };
-    refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-    open: boolean;
-    getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    activeDescendant: string | undefined;
-    selectedItem: string | undefined;
-    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    highlightedItem: string | undefined;
-    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    getListItems: (source: string[]) => JSX.Element[] | undefined;
-    portalProps: {
-        open: boolean;
-        setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-        floating: (node: HTMLElement | null) => void;
-        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-        getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-        getDropdownNextProps: () => HTMLProps<HTMLDivElement>;
-        getPosition: () => {
-            top: number;
-            left: number;
-            position: import("@floating-ui/utils").Strategy;
-            width: number | undefined;
-            height: number | undefined;
-        };
-    };
-};
-export {};

package/dist-types/pagination/ArrowButton.d.ts

@@ -1,7 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-export declare type ArrowButtonType = "previous" | "next";
-export interface ArrowButtonProps extends ButtonProps {
-    arrowButtonType: ArrowButtonType;
-    onPress: () => void;
-}
-export declare const ArrowButton: ({ arrowButtonType, onPress, onKeyDown: onKeyDownProp, onClick: onClickProp, ...restProps }: ArrowButtonProps) => JSX.Element;

package/dist-types/pagination/CompactControls.d.ts

@@ -1,8 +0,0 @@
-import { FormFieldLegacyProps as FormFieldProps } from "../form-field-legacy";
-export interface CompactControlsProps {
-    count: number;
-    page: number;
-    onPageChange: (page: number) => void;
-    FormFieldProps?: Partial<FormFieldProps>;
-}
-export declare const CompactControls: ({ page, count, onPageChange, FormFieldProps, }: CompactControlsProps) => JSX.Element;

package/dist-types/pagination/RegularControls.d.ts

@@ -1,8 +0,0 @@
-export interface RegularControlsProps {
-    count: number;
-    page: number;
-    onPageChange: (page: number) => void;
-    boundaryCount?: number;
-    siblingCount?: number;
-}
-export declare function RegularControls({ page, count, onPageChange, siblingCount, boundaryCount, }: RegularControlsProps): JSX.Element;

package/dist-types/pagination/utils.d.ts

@@ -1 +0,0 @@
-export declare const withBaseName: import("@salt-ds/core").ClassNamePrefixer;

package/dist-types/pill/ClosablePill.d.ts

@@ -1,8 +0,0 @@
-import { PillBaseProps } from "./PillBase";
-export interface ClosablePillProps extends Omit<PillBaseProps, "clickable"> {
-    /**
-     * Clickable Pill is not supported by Closable variant.
-     */
-    clickable?: false;
-}
-export declare const ClosablePill: import("react").ForwardRefExoticComponent<PillBaseProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/pill/Pill.d.ts

@@ -1,15 +0,0 @@
-import { ForwardedRef, ReactElement } from "react";
-import { ClosablePillProps } from "./ClosablePill";
-import { PillBaseProps } from "./PillBase";
-import { SelectablePillProps } from "./SelectablePill";
-export declare type PillVariant = "basic" | "closable" | "selectable";
-export interface PillVariantProps<T extends PillVariant = "basic"> {
-    /**
-     * Determines the variant of pill
-     */
-    variant?: T;
-}
-export declare type PillProps<T extends PillVariant = "basic"> = T extends "closable" ? ClosablePillProps & PillVariantProps<T> : T extends "basic" ? PillBaseProps & PillVariantProps<T> : SelectablePillProps & PillVariantProps<T>;
-export declare const Pill: <T extends PillVariant = "basic">(p: PillProps<T> & {
-    ref?: ForwardedRef<HTMLDivElement> | undefined;
-}) => ReactElement<PillProps<T>, string | import("react").JSXElementConstructor<any>>;

package/dist-types/pill/PillBase.d.ts

@@ -1,52 +0,0 @@
-import { HTMLAttributes, ReactElement, ReactEventHandler, SyntheticEvent } from "react";
-import { TooltipProps } from "@salt-ds/core";
-export interface PillBaseProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Props passed to the tooltip
-     */
-    TooltipProps?: Partial<TooltipProps>;
-    /**
-     * Defines a human-readable, author-localized description for the role of an element.
-     *
-     * This should be in favour of aria-label for `Pill`
-     **/
-    "aria-roledescription"?: string;
-    /**
-     * Clickable variation. Use 'onClick' for callback.
-     */
-    clickable?: boolean;
-    /**
-     * Shows delete icon. Use `onDelete` for callback.
-     */
-    deletable?: boolean;
-    /**
-     * Override the default delete icon element. Shown only if `deletable` is set.
-     */
-    deleteIcon?: ReactElement;
-    /**
-     * If `true`, the pill will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Whether the pill is been highlighted.
-     * If `true`, the pill will display Tooltip when text within is truncated.
-     */
-    highlighted?: boolean;
-    /**
-     * Icon element.
-     */
-    icon?: ReactElement;
-    /**
-     * The content of the label.
-     */
-    label?: string;
-    /**
-     * Callback function fired when pill is clicked.
-     */
-    onClick?: (event: SyntheticEvent<HTMLDivElement>) => void;
-    /**
-     * Callback function fired when the delete icon is clicked. Used when `deletable` is true.
-     */
-    onDelete?: ReactEventHandler<HTMLElement>;
-}
-export declare const PillBase: import("react").ForwardRefExoticComponent<PillBaseProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/pill/SelectablePill.d.ts

@@ -1,17 +0,0 @@
-import { SyntheticEvent } from "react";
-import { PillBaseProps } from "./PillBase";
-export interface SelectablePillProps extends Omit<PillBaseProps, "onChange"> {
-    /**
-     * Controls whether the selectable pill is checked
-     */
-    checked?: boolean;
-    /**
-     * Uncontrolled prop to determine initial state of selectable pill
-     */
-    defaultChecked?: boolean;
-    /**
-     * Callback when checked state is changed
-     */
-    onChange?: (event: SyntheticEvent, checked: boolean) => void;
-}
-export declare const SelectablePill: import("react").ForwardRefExoticComponent<SelectablePillProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/pill/constants.d.ts

@@ -1 +0,0 @@
-export declare const pillBaseName = "saltPill";

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

@@ -1,3 +0,0 @@
-export * from "./Pill";
-export * from "./ClosablePill";
-export * from "./SelectablePill";

package/dist-types/pill/internal/DeleteButton.d.ts

@@ -1,8 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-export interface DeleteButtonProps extends ButtonProps {
-    /**
-     * Active state.
-     */
-    active?: boolean;
-}
-export declare const DeleteButton: (props: DeleteButtonProps) => JSX.Element;

package/dist-types/pill/internal/DivButton.d.ts

@@ -1,12 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export interface DivButtonProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * If `true`, the button will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the button will be focusable when disabled.
-     */
-    focusableWhenDisabled?: boolean;
-}
-export declare const DivButton: import("react").ForwardRefExoticComponent<DivButtonProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/pill/internal/PillCheckbox.d.ts

@@ -1,3 +0,0 @@
-export declare const PillCheckbox: (props: {
-    checked?: boolean;
-}) => JSX.Element;

package/dist-types/pill-next/PillNext.d.ts

@@ -1,7 +0,0 @@
-import { ComponentPropsWithoutRef, MouseEvent } from "react";
-export interface PillNextProps extends ComponentPropsWithoutRef<"button"> {
-    disabled?: boolean;
-    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
-    icon?: React.ReactNode;
-}
-export declare const PillNext: import("react").ForwardRefExoticComponent<PillNextProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/pill-next/index.d.ts

@@ -1 +0,0 @@
-export * from "./PillNext";

package/dist-types/scrim/ScrimContext.d.ts

@@ -1 +0,0 @@
-export declare const ScrimContext: import("react").Context<(() => void) | undefined>;