npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.0 → 1.0.0-alpha.10 - Mend

@salt-ds/lab 1.0.0-alpha.0 → 1.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3190) hide show

package/dist-es/packages/lab/src/window/ElectronWindow.js DELETED Viewed

@@ -1,99 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useForkRef, useIsomorphicLayoutEffect, SaltProvider } from '@salt-ds/core';
-import { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
-import ReactDOM from 'react-dom';
-import { isDesktop, Window as Window$1 } from './WindowContext.js';
-import './ElectronWindow.css.js';
-import { useWindowParentContext, WindowParentContext } from './desktop-utils.js';
-const Window = forwardRef(function ElectronWindow2({ className, children, id = "dialog", open = true, style = {}, ...rest }, forwardedRef) {
-  const { top, left, position, ...styleRest } = style;
-  const [mountNode, setMountNode] = useState(null);
-  const [windowRef, setWindowRef] = useState(null);
-  const windowRoot = useRef(null);
-  const forkedRef = useForkRef(forwardedRef, windowRoot);
-  if (!mountNode) {
-    const win = window.open("", id);
-    win.document.write(
-      `<html lang="en"><head><title>${id}</title><base href="${location.origin}"><style>body {margin: 0;}</style></head><body></body></html>`
-    );
-    document.head.querySelectorAll("style").forEach((htmlElement) => {
-      win.document.head.appendChild(htmlElement.cloneNode(true));
-    });
-    const bodyElement = win.document.body;
-    setMountNode(bodyElement);
-    setWindowRef(win);
-  }
-  const parentWindow = useWindowParentContext();
-  const closeWindow = useCallback(() => {
-    const { ipcRenderer } = global;
-    if (ipcRenderer) {
-      ipcRenderer.send("window-close", { id });
-    }
-  }, [id]);
-  useEffect(() => {
-    setTimeout(() => {
-      if (windowRoot.current) {
-        const { scrollHeight: height, scrollWidth: width } = windowRoot.current;
-        const { ipcRenderer } = global;
-        if (ipcRenderer) {
-          ipcRenderer.send("window-size", {
-            id,
-            height: Math.ceil(height + 1),
-            width: Math.ceil(width + 1)
-          });
-        }
-      }
-    }, 80);
-  });
-  useEffect(() => {
-    const { ipcRenderer } = global;
-    if (ipcRenderer) {
-      setTimeout(() => {
-        ipcRenderer.send("window-ready", { id });
-      }, 100);
-    }
-    return () => {
-      closeWindow();
-    };
-  }, [closeWindow, windowRef, id]);
-  useIsomorphicLayoutEffect(() => {
-    setTimeout(() => {
-      const { ipcRenderer } = global;
-      if (ipcRenderer) {
-        ipcRenderer.send("window-position", {
-          id,
-          parentWindowID: parentWindow.id,
-          left: style.left,
-          top: style.top
-        });
-      }
-    }, 90);
-  }, [style]);
-  return mountNode ? ReactDOM.createPortal(
-    /* @__PURE__ */ jsx(SaltProvider, {
-      children: /* @__PURE__ */ jsx(WindowParentContext.Provider, {
-        value: {
-          top: style.top + parentWindow.top,
-          left: style.left + parentWindow.left,
-          id
-        },
-        children: /* @__PURE__ */ jsx("div", {
-          className: "saltWindow",
-          ref: forkedRef,
-          children: /* @__PURE__ */ jsx("div", {
-            className,
-            style: { ...styleRest },
-            ...rest,
-            children
-          })
-        })
-      })
-    }),
-    mountNode
-  ) : null;
-});
-const ElectronWindow = isDesktop ? Window : Window$1;
-export { ElectronWindow };
-//# sourceMappingURL=ElectronWindow.js.map

package/dist-es/packages/lab/src/window/ElectronWindow.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ElectronWindow.js","sources":["../src/window/ElectronWindow.tsx"],"sourcesContent":["import {\n SaltProvider,\n useForkRef,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { isDesktop, Window as SaltWindow, WindowProps } from \"../window\";\n\nimport \"./ElectronWindow.css\";\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\n\nconst Window = forwardRef<HTMLDivElement, WindowProps>(function ElectronWindow(\n { className, children, id = \"dialog\", open = true, style = {}, ...rest },\n forwardedRef\n): JSX.Element | null {\n const { top, left, position, ...styleRest } = style;\n\n const [mountNode, setMountNode] = useState<Element | null>(null);\n const [windowRef, setWindowRef] = useState<Window | null>(null);\n const windowRoot = useRef<HTMLDivElement>(null);\n\n const forkedRef = useForkRef(forwardedRef, windowRoot);\n\n if (!mountNode) {\n const win = window.open(\"\", id);\n (win as Window).document.write(\n // eslint-disable-next-line no-restricted-globals\n `<html lang=\"en\"><head><title>${id}</title><base href=\"${location.origin}\"><style>body {margin: 0;}</style></head><body></body></html>`\n );\n document.head.querySelectorAll(\"style\").forEach((htmlElement) => {\n (win as Window).document.head.appendChild(htmlElement.cloneNode(true));\n });\n const bodyElement = (win as Window).document.body;\n setMountNode(bodyElement);\n setWindowRef(win);\n }\n\n const parentWindow = useWindowParentContext();\n\n const closeWindow = useCallback(() => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n ipcRenderer.send(\"window-close\", { id: id });\n }\n }, [id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useEffect(() => {\n setTimeout(() => {\n if (windowRoot.current) {\n // @ts-ignore\n const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n // @ts-ignore\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n ipcRenderer.send(\"window-size\", {\n id: id,\n height: Math.ceil(height + 1),\n width: Math.ceil(width + 1),\n });\n }\n }\n }, 80);\n });\n\n // The timeout is required to allow the window time to be moved into position and scaled\n // before being shown to the user,\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n setTimeout(() => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n ipcRenderer.send(\"window-ready\", { id: id });\n }, 100);\n }\n\n return () => {\n closeWindow();\n };\n }, [closeWindow, windowRef, id]);\n\n // The timeout is required to give the Dialog component time to report the correct height\n // otherwise the window will be smaller than expected\n useIsomorphicLayoutEffect(() => {\n setTimeout(() => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const { ipcRenderer } = global as any;\n if (ipcRenderer) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n ipcRenderer.send(\"window-position\", {\n id: id,\n parentWindowID: parentWindow.id,\n left: style.left,\n top: style.top,\n });\n }\n }, 90);\n }, [style]);\n\n return mountNode\n ? ReactDOM.createPortal(\n <SaltProvider>\n <WindowParentContext.Provider\n value={{\n top: (style.top as number) + parentWindow.top,\n left: (style.left as number) + parentWindow.left,\n id: id,\n }}\n >\n <div className=\"saltWindow\" ref={forkedRef}>\n <div className={className} style={{ ...styleRest }} {...rest}>\n {children}\n </div>\n </div>\n </WindowParentContext.Provider>\n </SaltProvider>,\n mountNode\n )\n : null;\n});\n\nexport const ElectronWindow = isDesktop ? Window : SaltWindow;\n"],"names":["ElectronWindow","SaltWindow"],"mappings":"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"}

package/dist-types/avatar/Avatar.d.ts DELETED Viewed

@@ -1,13 +0,0 @@
-import { HTMLAttributes, ImgHTMLAttributes } from "react";
-import "./Avatar.css";
-export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
-    alt?: string;
-    id?: string;
-    imgProps?: ImgHTMLAttributes<HTMLImageElement>;
-    size?: "small" | "medium" | "large";
-    sizes?: string;
-    src?: string;
-    srcSet?: string;
-    title?: string;
-}
-export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/avatar/index.d.ts DELETED Viewed

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

package/dist-types/avatar/internal/DefaultAvatar.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import { HTMLAttributes } from "react";
2	- export declare function DefaultAvatar({ id, title }: HTMLAttributes<HTMLElement>): JSX.Element;

package/dist-types/avatar/internal/constants.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export declare const classBase = "saltAvatar";

package/dist-types/avatar/internal/useLoaded.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import { ImgHTMLAttributes } from "react";
2	- export declare function useLoaded({ crossOrigin, referrerPolicy, src, srcSet, }: ImgHTMLAttributes<HTMLImageElement>): false \| "error" \| "loaded";

package/dist-types/banner/Banner.d.ts DELETED Viewed

@@ -1,56 +0,0 @@
-import { ComponentType, HTMLAttributes, MouseEvent, ReactNode, Ref } from "react";
-import { ButtonProps, LinkProps, ValidationStatus } from "@salt-ds/core";
-import { IconProps } from "@salt-ds/icons";
-import "./Banner.css";
-export declare type BannerStatus = ValidationStatus;
-export declare type LabelProps = {
-    className?: string;
-};
-declare type StateAndPropsGetterFunction<TInjectedProps> = <T>(props?: T) => TInjectedProps;
-export interface GetStateAndPropGetters {
-    Icon: ComponentType<IconProps>;
-    getIconProps: StateAndPropsGetterFunction<IconProps>;
-    getLabelProps: StateAndPropsGetterFunction<LabelProps>;
-    getLinkProps: StateAndPropsGetterFunction<LinkProps>;
-}
-export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * THe props to be passed to the close button
-     */
-    CloseButtonProps?: ButtonProps;
-    /**
-     * Props to pass to Link, Link will not be rendered if this is undefined
-     */
-    LinkProps?: LinkProps;
-    /**
-     * Announcement message for screen reader 250ms after the banner is mounted.
-     */
-    announcement?: string;
-    /**
-     * close button ref
-     */
-    closeRef?: Ref<HTMLButtonElement>;
-    /**
-     * If true, the built-in ARIA announcer will be disabled
-     */
-    disableAnnouncer?: boolean;
-    /**
-     * Emphasize the styling by applying a background color: defaults to false
-     */
-    emphasize?: boolean;
-    /**
-     * onClose callback when the close icon is clicked, the dismiss button will not be rendered if this is
-     * not defined
-     */
-    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * render props callback (if children callback not supplied)
-     */
-    render?: (props: GetStateAndPropGetters) => ReactNode;
-    /**
-     *  A string to determine the current state of the Banner
-     */
-    status?: BannerStatus;
-}
-export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist-types/banner/index.d.ts DELETED Viewed

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

package/dist-types/banner/internal/getInnerText.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export default function getInnerText(element: HTMLElement): string;

package/dist-types/card/Card.d.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-import "./Card.css";
-export interface CardProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * If `true`, the card will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, interactive styles will be applied to `Card`. These styles give prominence to certain content
-     * on the page.
-     */
-    interactable?: boolean;
-}
-/**
- * Card component is a sheet if material that serves as an entry point to more detailed information.
- * Cards display content composed of different elements whose size or supported actions vary.
- */
-export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/card/index.d.ts DELETED Viewed

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

package/dist-types/checkbox/Checkbox.d.ts DELETED Viewed

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ControlLabelProps } from "../control-label";
-import { CheckboxBaseProps } from "./CheckboxBase";
-import "./Checkbox.css";
-export interface CheckboxProps extends CheckboxBaseProps {
-    label?: ControlLabelProps["label"];
-    LabelProps?: Partial<ControlLabelProps>;
-}
-export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/checkbox/CheckboxBase.d.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { ChangeEvent, FocusEventHandler, HTMLAttributes, InputHTMLAttributes } from "react";
-import "./CheckboxBase.css";
-export interface CheckboxBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    indeterminate?: boolean;
-    inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;
-    name?: string;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    /**
-     * Callback when checked state is changed
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    value?: string;
-}
-export declare const CheckboxBase: import("react").ForwardRefExoticComponent<CheckboxBaseProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/checkbox/CheckboxGroup.d.ts DELETED Viewed

@@ -1,35 +0,0 @@
-import { ChangeEventHandler, HTMLAttributes, ReactNode } from "react";
-import { FormGroupProps } from "../form-group";
-import "./CheckboxGroup.css";
-export interface CheckboxGroupProps extends FormGroupProps {
-    /**
-     * The current checked options.
-     */
-    checkedValues?: string[];
-    /**
-     * The default selected options for un-controlled component.
-     */
-    defaultCheckedValues?: string[];
-    /**
-     * Props spread onto the FormControl component that wraps the checkboxes.
-     */
-    FormControlProps?: Partial<HTMLAttributes<HTMLFieldSetElement>>;
-    /**
-     * Props spread onto the legend.
-     */
-    LegendProps?: unknown;
-    /**
-     * The label for the group legend
-     */
-    legend?: ReactNode;
-    /**
-     * The name used to reference the value of the control.
-     */
-    name?: string;
-    /**
-     * Callback fired when a checkbox is clicked.
-     * `event.target.value` returns the value of the checkbox that was clicked.
-     */
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-}
-export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<CheckboxGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;

package/dist-types/checkbox/CheckboxIcon.d.ts DELETED Viewed

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import "./CheckboxIcon.css";
-export interface CheckboxIconProps {
-    checked?: boolean;
-    className?: string;
-    disabled?: boolean;
-    indeterminate?: boolean;
-}
-export declare const CheckboxIcon: ({ checked, className: classNameProp, disabled, indeterminate, }: CheckboxIconProps) => JSX.Element;

package/dist-types/checkbox/assets/CheckboxCheckedIcon.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare function CheckboxCheckedIcon({ className, }: {
-    className: string;
-}): JSX.Element;

package/dist-types/checkbox/assets/CheckboxIndeterminateIcon.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare function CheckboxIndeterminateIcon({ className, }: {
-    className: string;
-}): JSX.Element;

package/dist-types/checkbox/assets/CheckboxUncheckedIcon.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare function CheckboxUncheckedIcon({ className, }: {
-    className: string;
-}): JSX.Element;

package/dist-types/checkbox/assets/index.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export { CheckboxUncheckedIcon } from "./CheckboxUncheckedIcon";
-export { CheckboxCheckedIcon } from "./CheckboxCheckedIcon";
-export { CheckboxIndeterminateIcon } from "./CheckboxIndeterminateIcon";

package/dist-types/checkbox/index.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-export * from "./Checkbox";
-export * from "./CheckboxBase";
-export * from "./CheckboxGroup";
-export * from "./CheckboxIcon";
-export * from "./assets";

package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts DELETED Viewed

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { CheckboxGroupProps } from "../CheckboxGroup";
-interface CheckboxGroupState {
-    name: CheckboxGroupProps["name"];
-    onChange: CheckboxGroupProps["onChange"];
-    checkedValues: CheckboxGroupProps["checkedValues"];
-}
-declare const CheckboxGroupContext: import("react").Context<CheckboxGroupState | null>;
-export { CheckboxGroupContext };

package/dist-types/form-field/FormActivationIndicator.d.ts DELETED Viewed

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { FormFieldProps } from "./FormField";
-import "./FormActivationIndicator.css";
-export interface FormActivationIndicatorProps extends Pick<FormFieldProps, "validationStatus"> {
-    hasIcon?: boolean;
-}
-export declare const FormActivationIndicator: ({ hasIcon, validationStatus, }: FormActivationIndicatorProps) => JSX.Element;

package/dist-types/form-field/FormField.d.ts DELETED Viewed

@@ -1,111 +0,0 @@
-import { Dispatch, ElementType, FocusEventHandler, HTMLAttributes, SetStateAction } from "react";
-import { FormActivationIndicatorProps } from "./FormActivationIndicator";
-import { FormHelperTextProps } from "./FormHelperText";
-import { FormLabelProps } from "./FormLabel";
-import { NecessityIndicatorOptions } from "./NecessityIndicator";
-import { StatusIndicatorProps } from "./StatusIndicator";
-import "./FormField.css";
-export declare type FormFieldLabelPlacement = "top" | "left";
-export declare type FormFieldHelperTextPlacement = "bottom" | "tooltip";
-export declare type FormFieldValidationStatus = "error" | "warning";
-export interface A11yValueProps extends Pick<NecessityIndicatorOptions, "required"> {
-    /**
-     * If `true`, the FormField will be disabled.
-     */
-    disabled?: boolean;
-    /** id of the helper text node */
-    helperTextId?: string;
-    /** id of the label node */
-    labelId?: string;
-    /**
-     * The FormField value is Readonly
-     */
-    readOnly?: boolean;
-    /**
-     * Whether the form field needs to render helper text
-     */
-    renderHelperText?: boolean;
-}
-export interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, A11yValueProps {
-    /**
-     * The component used for activation indicator. Default to `FormActivationIndicator`.
-     */
-    ActivationIndicatorComponent?: ElementType<FormActivationIndicatorProps>;
-    /**
-     * Outer focus ring focus will not be applied. Defaults to false.
-     */
-    disableFocusRing?: boolean;
-    /**
-     * Whether the form field is occupying full width.
-     */
-    fullWidth?: boolean;
-    /**
-     * Whether to show the StatusIndicator component for validation states.
-     */
-    hasStatusIndicator?: boolean;
-    /**
-     * The helper text content
-     */
-    helperText?: string;
-    /**
-     * The component used for the helper text. Default to `FormHelperText`.
-     */
-    HelperTextComponent?: ElementType<FormHelperTextProps>;
-    /**
-     * Location the helperText, values: 'bottom' (default) or 'tooltip'.
-     */
-    helperTextPlacement?: FormFieldHelperTextPlacement;
-    /**
-     * Props to be applied to the `HelperTextComponent`.
-     *
-     * Generic on `FormHelperTextProps` is omitted.
-     */
-    HelperTextProps?: Partial<FormHelperTextProps>;
-    /**
-     * The label value for the FormField
-     */
-    label?: string;
-    /**
-     * The component used for the label. Default to `FormLabel`.
-     */
-    LabelComponent?: ElementType;
-    /**
-     * Location the label, values: 'top' (default) or 'left'
-     */
-    labelPlacement?: FormFieldLabelPlacement;
-    /**
-     * Props to be applied to the `LabelComponent`
-     */
-    LabelProps?: Partial<FormLabelProps>;
-    /**
-     * Override props to be used with the StatusIndicator component
-     */
-    StatusIndicatorProps?: Partial<StatusIndicatorProps>;
-    /**
-     * The state for the FormField: Must be one of: 'error'|'warning'|undefined
-     */
-    validationStatus?: FormFieldValidationStatus;
-    /**
-     * FormField variants; defaults to primary.
-     */
-    variant?: "primary" | "secondary" | "tertiary";
-}
-export interface useA11yValueValue {
-    "aria-labelledby": A11yValueProps["labelId"];
-    "aria-required": A11yValueProps["required"];
-    "aria-describedby": A11yValueProps["helperTextId"] | undefined;
-    disabled: A11yValueProps["disabled"];
-    readOnly: A11yValueProps["readOnly"];
-}
-export declare const useFormField: ({ onBlur, onFocus, }: {
-    onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
-    onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
-}) => [{
-    focused: boolean;
-}, {
-    setFocused: Dispatch<SetStateAction<boolean>>;
-}, {
-    onBlur: FocusEventHandler<HTMLDivElement>;
-    onFocus: FocusEventHandler<HTMLDivElement>;
-}];
-export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/form-field/FormHelperText.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-import { FormFieldProps } from "./FormField";
-import "./FormHelperText.css";
-export declare type FormHelperTextProps<E extends React.ElementType = "p"> = ComponentPropsWithoutRef<E> & {
-    helperText: FormFieldProps["helperText"];
-    helperTextPlacement: FormFieldProps["helperTextPlacement"];
-};
-export declare const FormHelperText: <E extends import("react").ElementType<any> = "p">({ helperText, helperTextPlacement, ...restProps }: FormHelperTextProps<E>) => JSX.Element | null;

package/dist-types/form-field/FormLabel.d.ts DELETED Viewed

@@ -1,40 +0,0 @@
-import { ElementType, HTMLAttributes } from "react";
-import { FormFieldValidationStatus } from "./FormField";
-import { NecessityIndicatorOptions } from "./NecessityIndicator";
-import { StatusIndicatorProps } from "./StatusIndicator";
-import "./FormLabel.css";
-export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement>, NecessityIndicatorOptions {
-    /**
-     * Whether the form field is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Adjusts whether the StatusIndicator component is shown
-     */
-    hasStatusIndicator?: boolean;
-    /**
-     * The label value for the FormLabel
-     */
-    label?: string;
-    /**
-     * An optional renderer function used to customize the necessity adornment
-     */
-    NecessityIndicator?: ElementType<NecessityIndicatorOptions>;
-    /**
-     * Whether the form field is readOnly.
-     */
-    readOnly?: boolean;
-    /**
-     * Props used to configure the StatusIndicator component if hasStatusIndicator is true
-     */
-    StatusIndicatorProps?: Partial<StatusIndicatorProps>;
-    /**
-     * The status for the FormField: Must be one of: 'error'|'warning'|undefined
-     */
-    validationStatus?: FormFieldValidationStatus;
-    /**
-     * Text to be shown in the Tooltip.
-     */
-    tooltipText?: string;
-}
-export declare const FormLabel: ({ label, NecessityIndicator, required, displayedNecessity, hasStatusIndicator, StatusIndicatorProps, validationStatus, necessityText, className, disabled, readOnly, tooltipText, ...restProps }: FormLabelProps) => JSX.Element;

package/dist-types/form-field/StatusIndicator.d.ts DELETED Viewed

@@ -1,13 +0,0 @@
-import { IconProps } from "@salt-ds/icons";
-import { ElementType } from "react";
-import { TooltipProps } from "../tooltip";
-export declare type StatusIndicatorStatus = "error" | "info" | "warning" | "success";
-export interface StatusIndicatorProps extends IconProps {
-    hasTooltip?: boolean;
-    IconProps?: Partial<IconProps>;
-    status?: StatusIndicatorStatus;
-    TooltipComponent?: ElementType<TooltipProps>;
-    TooltipProps?: Partial<TooltipProps>;
-    tooltipText?: string;
-}
-export declare const StatusIndicator: (props: StatusIndicatorProps) => JSX.Element;

package/dist-types/form-field/constant.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export declare const classBase = "saltFormField";

package/dist-types/form-field/index.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export * from "./FormField";
2	- export * from "./FormLabel";

package/dist-types/form-field-context/FormFieldContext.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import { Dispatch, FocusEventHandler, RefObject, SetStateAction } from "react";
-import { useA11yValueValue } from "../form-field";
-export interface FormFieldContextValue {
-    inFormField: true;
-    ref: RefObject<HTMLDivElement>;
-    a11yProps: useA11yValueValue;
-    focused: boolean;
-    setFocused: Dispatch<SetStateAction<boolean>>;
-    onBlur: FocusEventHandler<HTMLElement>;
-    onFocus: FocusEventHandler<HTMLElement>;
-}
-export declare const FormFieldContext: import("react").Context<FormFieldContextValue>;

package/dist-types/form-field-context/index.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export * from "./FormFieldContext";
2	- export * from "./useFormFieldProps";

package/dist-types/form-field-context/useFormFieldProps.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import { FormFieldContextValue } from "./FormFieldContext";
-interface useFormFieldPropsProps {
-    focusVisible?: boolean;
-}
-export declare function useFormFieldProps({ focusVisible, }?: useFormFieldPropsProps): Partial<FormFieldContextValue>;
-export {};

package/dist-types/input/Input.d.ts DELETED Viewed

@@ -1,77 +0,0 @@
-import { ChangeEvent, ElementType, FocusEventHandler, HTMLAttributes, InputHTMLAttributes, KeyboardEventHandler, MouseEventHandler, ReactNode } from "react";
-import "./Input.css";
-export interface InputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    /**
-     * Determines the position of the text cursor on focus of the input.
-     *
-     * start = place cursor at the beginning<br>
-     * end = place cursor at the end<br>
-     * \# = index to place the cursor<br>
-     */
-    cursorPositionOnFocus?: "start" | "end" | number;
-    /**
-     * The value of the `input` element, required for an uncontrolled component.
-     */
-    defaultValue?: HTMLInputElement["defaultValue"];
-    /**
-     * If `true`, the component is disabled.
-     */
-    disabled?: HTMLInputElement["disabled"];
-    /**
-     * The marker to use in an empty read only Input.
-     * Use `''` to disable this feature. Defaults to '—'.
-     */
-    emptyReadOnlyMarker?: string;
-    /**
-     * Determines what gets highlighted on focus of the input.
-     *
-     * If `true` all text will be highlighted.
-     * If an array text between those indices will be highlighted
-     * e.g. [0,1] will highlight the first character.
-     */
-    highlightOnFocus?: boolean | number[];
-    /**
-     * The HTML element to render the Input, e.g. 'input', a custom React component.
-     */
-    inputComponent?: ElementType;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-     */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    /**
-     * Callback for change event.
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
-    onKeyUp?: KeyboardEventHandler<HTMLInputElement>;
-    onMouseUp?: MouseEventHandler<HTMLInputElement>;
-    onMouseMove?: MouseEventHandler<HTMLInputElement>;
-    onMouseDown?: MouseEventHandler<HTMLInputElement>;
-    /**
-     * If `true`, the component is read only.
-     */
-    readOnly?: boolean;
-    /**
-     *
-     * Determines the alignment of the input text.
-     */
-    textAlign?: "left" | "right" | "center";
-    type?: HTMLInputElement["type"];
-    /**
-     * The value of the `input` element, required for a controlled component.
-     */
-    value?: HTMLInputElement["value"];
-    renderSuffix?: (state: {
-        disabled?: boolean;
-        error?: boolean;
-        focused?: boolean;
-        margin?: "dense" | "none" | "normal";
-        required?: boolean;
-        startAdornment?: ReactNode;
-    }) => ReactNode;
-    endAdornment?: ReactNode;
-    startAdornment?: ReactNode;
-}
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;