npm - @salt-ds/core - Versions diffs - 1.20.0 → 1.21.0 - Mend

@@ -0,0 +1,5 @@
+import { FloatingComponentProps } from "../utils";
+export interface OptionListProps extends FloatingComponentProps {
+    collapsed?: boolean;
+}
+export declare const OptionList: import("react").ForwardRefExoticComponent<OptionListProps & import("react").RefAttributes<HTMLDivElement>>;

@@ -0,0 +1,4 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface OptionListBaseProps extends ComponentPropsWithoutRef<"div"> {
+}
+export declare const OptionListBase: import("react").ForwardRefExoticComponent<OptionListBaseProps & import("react").RefAttributes<HTMLDivElement>>;

@@ -0,0 +1,48 @@
+import { SyntheticEvent, ComponentPropsWithoutRef, InputHTMLAttributes, ReactNode, Ref } from "react";
+export interface PillInputProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "value" | "defaultValue" | "placeholder"> {
+    /**
+     * The marker to use in an empty read only Input.
+     * Use `''` to disable this feature. Defaults to '—'.
+     */
+    emptyReadOnlyMarker?: string;
+    /**
+     * End adornment component
+     */
+    endAdornment?: ReactNode;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Optional ref for the input component
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * The tokens to display in the input.
+     */
+    pills?: string[];
+    onPillRemove?: (event: SyntheticEvent, index: number) => void;
+    /**
+     * Start adornment component
+     */
+    startAdornment?: ReactNode;
+    /**
+     * Alignment of text within container. Defaults to "left"
+     */
+    textAlign?: "left" | "center" | "right";
+    /**
+     * Validation status.
+     */
+    validationStatus?: "error" | "warning" | "success";
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+    hidePillClose?: boolean;
+    truncate?: boolean;
+}
+export declare const PillInput: import("react").ForwardRefExoticComponent<PillInputProps & import("react").RefAttributes<HTMLDivElement>>;

@@ -0,0 +1,8 @@
+export declare function useTruncatePills({ pills, enable, }: {
+    pills: string[];
+    enable?: boolean;
+}): {
+    pillListRef: import("react").RefObject<HTMLDivElement>;
+    visibleCount: number;
+    visiblePills: string[];
+};

@@ -1,5 +1,10 @@
 import { ComponentPropsWithoutRef } from "react";
 export interface CircularProgressProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The value of the buffer indicator.
+     * Value between 0 and max.
+     */
+    bufferValue?: number;
     /**
      * Whether to hide the text label within the progress. Defaults to `false`.
      */

	@@ -0,0 +1,2 @@
1	+ export * from "./Option";
2	+ export * from "./OptionGroup";

@@ -18,3 +18,6 @@ export * from "./useIsomorphicLayoutEffect";
 export * from "./usePrevious";
 export * from "./useResponsiveProp";
 export * from "./mergeProps";
+export * from "./useValueEffect";
+export * from "./useResizeObserver";
+export * from "./useEventCallback";

	@@ -1 +1 @@
1	- export declare function ownerWindow(node: Node \| null \| undefined): Window;
1	+ export declare function ownerWindow(node: Node \| null \| undefined): Window & typeof globalThis;

@@ -0,0 +1,4 @@
+/**
+ * https://github.com/facebook/react/issues/14099#issuecomment-440013892
+ */
+export declare function useEventCallback<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+export interface UseResizeObserverProps {
+    ref: RefObject<HTMLElement>;
+    onResize: () => void;
+}
+export declare function useResizeObserver({ ref, onResize }: UseResizeObserverProps): void;

@@ -0,0 +1,4 @@
+import { Dispatch } from "react";
+declare type SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;
+export declare function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>];
+export {};

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.20.0",
+  "version": "1.21.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

@salt-ds/core 1.20.0 → 1.21.0