@salt-ds/lab 1.0.0-alpha.7 → 1.0.0-alpha.71

package/dist-es/packages/lab/src/editable-label/EditableLabel.js

@@ -1,104 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef, useRef, useCallback } from 'react';
-import { useControlled, useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { Input } from '../input/Input.js';
-import '../input/StaticInputAdornment.js';
-import './EditableLabel.css.js';
-
-const classBase = "saltEditableLabel";
-const EditableLabel = forwardRef(function EditableLabel2({
-  className: classNameProp,
-  defaultEditing,
-  defaultValue,
-  editing: editingProp,
-  onChange,
-  onEnterEditMode,
-  onExitEditMode,
-  value: valueProp
-}, forwardedRef) {
-  const inputRef = useRef(null);
-  const [value, setValue] = useControlled({
-    controlled: valueProp,
-    default: defaultValue != null ? defaultValue : "",
-    name: "EditableLabel",
-    state: "value"
-  });
-  const [editing, setEditing] = useControlled({
-    controlled: editingProp,
-    default: defaultEditing != null ? defaultEditing : false,
-    name: "EditableLabel",
-    state: "editing"
-  });
-  const initialValue = useRef(value);
-  useIsomorphicLayoutEffect(() => {
-    if (editing) {
-      if (inputRef.current !== null) {
-        inputRef.current.select();
-        inputRef.current.focus();
-      }
-    }
-  }, [editing, inputRef]);
-  const enterEditMode = useCallback(() => {
-    setEditing(true);
-    onEnterEditMode && onEnterEditMode();
-  }, [onEnterEditMode, setEditing]);
-  const exitEditMode = ({
-    cancelEdit = false,
-    allowDeactivation = false
-  } = {}) => {
-    setEditing(false);
-    const originalValue = initialValue.current;
-    if (originalValue !== value) {
-      if (cancelEdit) {
-        setValue(originalValue);
-      } else {
-        initialValue.current = value;
-      }
-    }
-    onExitEditMode && onExitEditMode(originalValue, value, allowDeactivation);
-  };
-  const handleChange = (evt) => {
-    const { value: value2 } = evt.target;
-    setValue(value2);
-    onChange && onChange(value2);
-  };
-  const handleDoubleClick = () => {
-    enterEditMode();
-  };
-  const handleBlur = () => {
-    exitEditMode({ allowDeactivation: true });
-  };
-  const handleKeyDown = (evt) => {
-    if (editing && evt.key === "Enter") {
-      evt.stopPropagation();
-      exitEditMode();
-    } else if (evt.key === "ArrowRight" || evt.key === "ArrowLeft") {
-      evt.stopPropagation();
-    } else if (evt.key === "Escape") {
-      exitEditMode({ cancelEdit: true });
-    }
-  };
-  const className = clsx(classBase, classNameProp, {
-    [`${classBase}-editing`]: editing
-  });
-  return /* @__PURE__ */ jsx("div", {
-    className,
-    onDoubleClick: handleDoubleClick,
-    "data-text": value,
-    ref: forwardedRef,
-    children: editing ? /* @__PURE__ */ jsx(Input, {
-      inputProps: { className: `${classBase}-input` },
-      value,
-      onBlur: handleBlur,
-      onChange: handleChange,
-      onKeyDown: handleKeyDown,
-      ref: inputRef,
-      style: { padding: 0 },
-      textAlign: "left"
-    }) : value
-  });
-});
-
-export { EditableLabel };
-//# sourceMappingURL=EditableLabel.js.map

package/dist-es/packages/lab/src/editable-label/EditableLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableLabel.js","sources":["../src/editable-label/EditableLabel.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, {\n  ChangeEvent,\n  KeyboardEvent,\n  useCallback,\n  forwardRef,\n  ForwardedRef,\n  ReactElement,\n  useRef,\n} from \"react\";\nimport { useControlled, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { Input } from \"../input\";\n\nimport \"./EditableLabel.css\";\n\nconst classBase = \"saltEditableLabel\";\n\nexport interface EditableLabelProps {\n  className?: string;\n  defaultEditing?: boolean;\n  defaultValue?: string;\n  editing?: boolean;\n  onEnterEditMode: () => void;\n  onChange?: (value: string) => void;\n  onExitEditMode: (\n    originalLabel: string | undefined,\n    editedLabel: string | undefined,\n    allowDeactivation?: boolean\n  ) => void;\n  defaultIsEditing?: boolean;\n  value?: string;\n}\n\nexport const EditableLabel = forwardRef(function EditableLabel(\n  {\n    className: classNameProp,\n    defaultEditing,\n    defaultValue,\n    editing: editingProp,\n    onChange,\n    onEnterEditMode,\n    onExitEditMode,\n    value: valueProp,\n  }: EditableLabelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n): ReactElement<EditableLabelProps> {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const [value, setValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValue ?? \"\",\n    name: \"EditableLabel\",\n    state: \"value\",\n  });\n\n  const [editing, setEditing] = useControlled({\n    controlled: editingProp,\n    default: defaultEditing ?? false,\n    name: \"EditableLabel\",\n    state: \"editing\",\n  });\n\n  const initialValue = useRef(value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (editing) {\n      if (inputRef.current !== null) {\n        inputRef.current.select();\n        inputRef.current.focus();\n      }\n    }\n  }, [editing, inputRef]);\n\n  const enterEditMode = useCallback(() => {\n    setEditing(true);\n    // ignoreBlur.current = false;\n    onEnterEditMode && onEnterEditMode();\n  }, [onEnterEditMode, setEditing]);\n\n  const exitEditMode = ({\n    cancelEdit = false,\n    allowDeactivation = false,\n  } = {}) => {\n    setEditing(false);\n    const originalValue = initialValue.current;\n    if (originalValue !== value) {\n      if (cancelEdit) {\n        setValue(originalValue);\n      } else {\n        initialValue.current = value;\n      }\n    }\n    onExitEditMode && onExitEditMode(originalValue, value, allowDeactivation);\n  };\n\n  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {\n    const { value } = evt.target;\n    setValue(value);\n    onChange && onChange(value);\n  };\n\n  const handleDoubleClick = () => {\n    enterEditMode();\n  };\n\n  const handleBlur = () => {\n    exitEditMode({ allowDeactivation: true });\n  };\n\n  const handleKeyDown = (evt: KeyboardEvent<HTMLInputElement>) => {\n    if (editing && evt.key === \"Enter\") {\n      evt.stopPropagation();\n      // we are likely to lose focus as a consequence of user response\n      // to exitEdit transition, don't want it to trigger another\n      //shouldn't we call setEditing here in case we are in uncontrolled mode ?\n      exitEditMode();\n    } else if (evt.key === \"ArrowRight\" || evt.key === \"ArrowLeft\") {\n      evt.stopPropagation();\n    } else if (evt.key === \"Escape\") {\n      exitEditMode({ cancelEdit: true });\n    }\n  };\n\n  const className = clsx(classBase, classNameProp, {\n    [`${classBase}-editing`]: editing,\n  });\n  return (\n    <div\n      className={className}\n      onDoubleClick={handleDoubleClick}\n      data-text={value}\n      ref={forwardedRef}\n    >\n      {editing ? (\n        <Input\n          inputProps={{ className: `${classBase}-input` }}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          ref={inputRef}\n          style={{ padding: 0 }}\n          textAlign=\"left\"\n        />\n      ) : (\n        value\n      )}\n    </div>\n  );\n});\n"],"names":["EditableLabel","value"],"mappings":"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"}

package/dist-es/packages/lab/src/file-drop-zone/FileDropZone.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to root component */\n.saltFileDropZone {\n  --fileDropZone-background: var(--salt-container-secondary-background);\n  --fileDropZone-borderColor: var(--salt-container-secondary-borderColor);\n  --fileDropZone-borderWidth: var(--salt-size-border);\n  --fileDropZone-borderStyle: var(--salt-target-borderStyle);\n  --fileDropZone-text-color: var(--salt-text-primary-foreground);\n  --fileDropZone-icon-color: var(--salt-text-primary-foreground);\n  --fileDropZone-padding: var(--salt-size-container-spacing);\n  --fileDropZone-title-fontSize: var(--salt-text-fontSize);\n  --fileDropZone-title-lineHeight: var(--salt-text-lineHeight);\n}\n\n.saltFileDropZone {\n  color: var(--saltFileDropZone-text-color, var(--fileDropZone-text-color));\n  display: inline-flex;\n  background: var(--saltFileDropZone-background, var(--fileDropZone-background));\n  text-align: center;\n  align-items: stretch;\n  justify-content: center;\n  border-color: var(--saltFileDropZone-borderColor, var(--fileDropZone-borderColor));\n  border-style: var(--saltFileDropZone-borderStyle, var(--fileDropZone-borderStyle));\n  border-width: var(--saltFileDropZone-borderWidth, var(--fileDropZone-borderWidth));\n  flex-direction: column;\n  padding: var(--saltFileDropZone-padding, var(--fileDropZone-padding));\n}\n\n.saltFileDropZone *:not(.saltFileDropZone-inputRoot, .saltFileDropZone-inputRoot *) {\n  pointer-events: none;\n}\n\n/* Styles applied to icon */\n.saltFileDropZone-icon {\n  fill: var(--fileDropZone-icon-color);\n  margin-bottom: var(--salt-size-unit);\n}\n\n.saltFileDropZone .saltFileDropZone-title:not(:last-child),\n.saltFileDropZone .saltFileDropZone-inputRoot:not(:last-child) {\n  margin-bottom: calc(var(--salt-size-unit) * 2);\n}\n\n/* Styles applied if `isActive={true}` */\n.saltFileDropZone-active:not(.saltFileDropZone-disabled) {\n  --fileDropZone-background: var(--salt-target-background-hover);\n}\n\n/* Styles applied to description if `isRejected={true}`  */\n.saltFileDropZone-error .saltFileDropZone-description {\n  margin-bottom: calc(var(--salt-size-unit) * 2);\n}\n\n/* Styles applied if `isRejected={true}`  */\n.saltFileDropZone-error {\n  --fileDropZone-background: var(--salt-status-error-background);\n  --fileDropZone-borderColor: var(--salt-status-error-borderColor);\n  --fileDropZone-icon-color: var(--salt-status-error-foreground);\n}\n\n/* Styles applied on if `isRejected={true}` and `isActive={true}` */\n.saltFileDropZone-error:not(.saltFileDropZone-disabled).saltFileDropZone-active {\n  --fileDropZone-background: var(--salt-target-background-hover);\n  --fileDropZone-borderColor: var(--salt-container-secondary-borderColor);\n}\n\n/* Styles applied to title and description */\n.saltFileDropZone-title,\n.saltFileDropZone-description {\n  font-size: var(--saltFileDropZone-title-fontSize, var(--fileDropZone-title-fontSize));\n  line-height: var(--saltFileDropZone-title-lineHeight, var(--fileDropZone-title-lineHeight));\n}\n\n/* Styles applied to title */\n.saltFileDropZone-title {\n  font-weight: var(--saltFileDropZone-fontWeight, var(--salt-text-fontWeight-strong));\n}\n\n/* Styles applied to input button */\n.saltFileDropZone-inputButton {\n  display: inline-flex;\n}\n\n/* Styles applied to input root */\n.saltFileDropZone-inputRoot {\n  line-height: 1;\n}\n\n.saltFileDropZone-inputRoot .input-hidden {\n  position: absolute;\n  clip: rect(0, 0, 0, 0);\n  visibility: hidden;\n}\n\n/* Styles applied if `disabled={true}` */\n.saltFileDropZone-disabled {\n  --fileDropZone-borderColor: var(--salt-container-secondary-borderColor-disabled);\n\n  cursor: var(--salt-target-cursor-disabled);\n}\n\n/* Styles applied if `disabled={true}` to icon and title */\n.saltFileDropZone-disabled .saltFileDropZone-icon,\n.saltFileDropZone-disabled .saltFileDropZone-title {\n  --fileDropZone-text-color: var(--salt-text-primary-foreground-disabled);\n  --fileDropZone-icon-color: var(--salt-text-primary-foreground-disabled);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=FileDropZone.css.js.map

package/dist-es/packages/lab/src/file-drop-zone/FileDropZone.css.js.map

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

package/dist-es/packages/lab/src/file-drop-zone/FileDropZone.js

@@ -1,182 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId, Button } from '@salt-ds/core';
-import { ErrorIcon, UploadIcon } from '@salt-ds/icons';
-import { clsx } from 'clsx';
-import { forwardRef, useState, useRef, useEffect, useCallback } from 'react';
-import { containsFiles, extractFiles, validateFiles } from './internal/utils.js';
-import './FileDropZone.css.js';
-
-const buttonLabel = "Browse files";
-const INVALID_DROP_TARGET = "Drop target doesn't contain any file.";
-const withBaseName = makePrefixer("saltFileDropZone");
-const FileDropZone = forwardRef(
-  function FileDropZone2({
-    accept,
-    className,
-    children,
-    description,
-    disabled,
-    id: idProp,
-    validate,
-    onFilesAccepted,
-    onFilesRejected,
-    ...restProps
-  }, ref) {
-    const id = useId(idProp);
-    const iconId = `${id}-icon`;
-    const buttonId = `${id}-button`;
-    const descriptionId = `${id}-description`;
-    const [dropResult, setDropResult] = useState(null);
-    const [isActive, setActive] = useState(false);
-    const [isRejected, setRejected] = useState(false);
-    const buttonRef = useRef(null);
-    const fileInputRef = useRef(null);
-    useEffect(() => {
-      if (!disabled && dropResult) {
-        const { event, files, errors } = dropResult;
-        if (errors && errors.length !== 0) {
-          setRejected(true);
-          if (!!onFilesRejected) {
-            return onFilesRejected(errors, event);
-          }
-        }
-        setRejected(false);
-        return onFilesAccepted == null ? void 0 : onFilesAccepted(files, event);
-      }
-    }, [disabled, dropResult, onFilesAccepted, onFilesRejected]);
-    const handleDragOver = (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      if (disabled) {
-        event.dataTransfer && (event.dataTransfer.dropEffect = "none");
-        return;
-      } else {
-        event.dataTransfer && (event.dataTransfer.dropEffect = "copy");
-      }
-      if (!isActive && containsFiles(event)) {
-        setActive(true);
-      }
-    };
-    const handleDragLeave = () => setActive(false);
-    const handleFilesDrop = (event) => {
-      if (!containsFiles(event)) {
-        return setDropResult({
-          event,
-          errors: [INVALID_DROP_TARGET]
-        });
-      }
-      const files = extractFiles(event);
-      if (files.length > 0) {
-        return setDropResult({
-          event,
-          files,
-          errors: validate ? validateFiles({ files, validate }) : []
-        });
-      }
-    };
-    const handleDrop = (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      handleFilesDrop(event);
-      setActive(false);
-    };
-    const handleInputChange = (event) => {
-      event.stopPropagation();
-      handleFilesDrop(event);
-    };
-    const handleInputFocus = useCallback(
-      (event) => {
-        event.stopPropagation();
-        buttonRef.current && buttonRef.current.focus();
-      },
-      []
-    );
-    const handleInputClick = useCallback(
-      (event) => {
-        event.stopPropagation();
-        fileInputRef.current && fileInputRef.current.click();
-      },
-      []
-    );
-    const handleKeyDown = useCallback(
-      (event) => {
-        if (["Enter", "Space"].indexOf(event.key) !== -1) {
-          fileInputRef.current && fileInputRef.current.click();
-        }
-      },
-      []
-    );
-    const fileDropZoneDescription = description ? /* @__PURE__ */ jsx("div", {
-      className: "saltFileDropZone-description",
-      id: descriptionId,
-      children: description
-    }) : null;
-    const buttonLabelledBy = (isRejected ? [buttonId, iconId, descriptionId] : [buttonId, descriptionId]).join(" ");
-    return /* @__PURE__ */ jsxs("div", {
-      ...restProps,
-      className: clsx(
-        withBaseName(),
-        {
-          [withBaseName("error")]: isRejected,
-          [withBaseName("active")]: isActive,
-          [withBaseName("disabled")]: disabled
-        },
-        className
-      ),
-      onDragLeave: handleDragLeave,
-      onDragOver: handleDragOver,
-      onDrop: handleDrop,
-      ref,
-      children: [
-        /* @__PURE__ */ jsxs("div", {
-          "aria-live": "polite",
-          children: [
-            isRejected ? /* @__PURE__ */ jsx(ErrorIcon, {
-              "aria-label": "error!",
-              className: withBaseName("icon"),
-              size: 2
-            }) : /* @__PURE__ */ jsx(UploadIcon, {
-              className: withBaseName("icon"),
-              size: 2
-            }),
-            isRejected && fileDropZoneDescription
-          ]
-        }),
-        /* @__PURE__ */ jsx("div", {
-          className: withBaseName("title"),
-          children: children || "Drop files here or"
-        }),
-        /* @__PURE__ */ jsxs("label", {
-          className: withBaseName("inputRoot"),
-          children: [
-            /* @__PURE__ */ jsx(Button, {
-              "aria-labelledby": buttonLabelledBy,
-              ref: buttonRef,
-              className: withBaseName("inputButton"),
-              "data-testid": "file-input-button",
-              disabled,
-              onKeyDown: handleKeyDown,
-              onClick: handleInputClick,
-              children: buttonLabel.toUpperCase()
-            }),
-            /* @__PURE__ */ jsx("input", {
-              accept,
-              className: "input-hidden",
-              "data-testid": "file-input",
-              disabled,
-              multiple: true,
-              onChange: handleInputChange,
-              onFocus: handleInputFocus,
-              ref: fileInputRef,
-              type: "file"
-            })
-          ]
-        }),
-        !isRejected && fileDropZoneDescription
-      ]
-    });
-  }
-);
-
-export { FileDropZone };
-//# sourceMappingURL=FileDropZone.js.map

package/dist-es/packages/lab/src/file-drop-zone/FileDropZone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileDropZone.js","sources":["../src/file-drop-zone/FileDropZone.tsx"],"sourcesContent":["import { Button, makePrefixer, useId } from \"@salt-ds/core\";\nimport { ErrorIcon, UploadIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  DragEvent,\n  DragEventHandler,\n  FocusEvent,\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { containsFiles, extractFiles, validateFiles } from \"./internal/utils\";\nimport { FilesValidator } from \"./validators\";\n\nimport \"./FileDropZone.css\";\n\n// Recommended button label by ADA review\nconst buttonLabel = \"Browse files\";\nconst INVALID_DROP_TARGET = \"Drop target doesn't contain any file.\";\n\nexport type FilesAcceptedEventHandler = (\n  files: ReadonlyArray<File>,\n  event: SyntheticEvent\n) => void;\n\nexport type FilesRejectedEventHandler<ErrorType = string> = (\n  errors: ReadonlyArray<ErrorType>,\n  event: SyntheticEvent\n) => void;\n\n/**\n * Removed deprecated props\n *\n * - onDrop\n * - onFileTypeError\n * - showUploadButton\n */\n\nexport interface FileDropZoneProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * `accept` attribute for HTML <input>.\n   *\n   * A comma separated list of file types the user can pick from the file input dialog box.\n   */\n  accept?: string;\n\n  /**\n   * The text content of the drop area component.\n   */\n  children?: ReactNode;\n\n  /**\n   * Additional usage information.\n   */\n  description?: string;\n\n  /**\n   * If `true`, the file drop zone will be disabled.\n   */\n  disabled?: boolean;\n\n  /**\n   * This prop is used to help implement the accessibility logic.\n   * If you don't provide this prop. It falls back to a randomly generated id.\n   */\n  id?: string;\n\n  /**\n   * Callback on successful file drop or selection.\n   */\n  onFilesAccepted?: FilesAcceptedEventHandler;\n\n  /**\n   * @see `validate` prop\n   * Callback on drop or input in case of an error. A list of errors will be provided as input.\n   */\n  onFilesRejected?: FilesRejectedEventHandler;\n\n  /**\n   * A list of custom validation functions. Every function is provided with the entire file list as input\n   * thus can perform validations on all files. Each function needs to return one or more errors in case of\n   * a failed validation, or `undefined` in case of a successful one.\n   *\n   * All errors are collected in the end and returned as an array to `onFilesRejected`.\n   */\n  validate?: ReadonlyArray<FilesValidator<any>>;\n}\n\nconst withBaseName = makePrefixer(\"saltFileDropZone\");\n\nexport const FileDropZone = forwardRef<HTMLDivElement, FileDropZoneProps>(\n  function FileDropZone(\n    {\n      accept,\n      className,\n      children,\n      description,\n      disabled,\n      id: idProp,\n      validate,\n      onFilesAccepted,\n      onFilesRejected,\n      ...restProps\n    },\n    ref\n  ) {\n    const id = useId(idProp);\n\n    const iconId = `${id}-icon`;\n    const buttonId = `${id}-button`;\n    const descriptionId = `${id}-description`;\n\n    const [dropResult, setDropResult] = useState<null | {\n      event: SyntheticEvent;\n      files?: ReadonlyArray<File>;\n      errors: string[];\n    }>(null);\n    const [isActive, setActive] = useState(false);\n    const [isRejected, setRejected] = useState(false);\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n      if (!disabled && dropResult) {\n        const { event, files, errors } = dropResult;\n\n        if (errors && errors.length !== 0) {\n          setRejected(true);\n          if (!!onFilesRejected) {\n            return onFilesRejected(errors, event);\n          }\n        }\n\n        setRejected(false);\n        return onFilesAccepted?.(files!, event);\n      }\n    }, [disabled, dropResult, onFilesAccepted, onFilesRejected]);\n\n    const handleDragOver: DragEventHandler<HTMLDivElement> = (event) => {\n      // Need to cancel the default events to allow drop\n      // https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#droptargets\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (disabled) {\n        event.dataTransfer && (event.dataTransfer.dropEffect = \"none\");\n        return;\n      } else {\n        // Not using 'move', otherwise apps like Outlook will delete the item\n        event.dataTransfer && (event.dataTransfer.dropEffect = \"copy\");\n      }\n\n      if (!isActive && containsFiles(event)) {\n        setActive(true);\n      }\n    };\n\n    const handleDragLeave = () => setActive(false);\n\n    const handleFilesDrop = (event: SyntheticEvent) => {\n      if (!containsFiles(event as DragEvent)) {\n        return setDropResult({\n          event,\n          errors: [INVALID_DROP_TARGET],\n        });\n      }\n\n      const files = extractFiles(event as DragEvent);\n\n      if (files.length > 0) {\n        return setDropResult({\n          event,\n          files,\n          errors: validate ? validateFiles({ files, validate }) : [],\n        });\n      }\n    };\n\n    const handleDrop: DragEventHandler<HTMLDivElement> = (event) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      handleFilesDrop(event);\n      setActive(false);\n    };\n\n    const handleInputChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n      event.stopPropagation();\n\n      handleFilesDrop(event);\n    };\n\n    // As an ADA requirement when dialog is closed and the focus is returned to the input, we need to\n    // move focus back on the button element so that all labels can be announced correctly\n    const handleInputFocus = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        event.stopPropagation();\n        buttonRef.current && buttonRef.current.focus();\n      },\n      []\n    );\n\n    const handleInputClick = useCallback(\n      (event: SyntheticEvent<HTMLButtonElement>) => {\n        event.stopPropagation();\n        fileInputRef.current && fileInputRef.current.click();\n      },\n      []\n    );\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLButtonElement>) => {\n        if ([\"Enter\", \"Space\"].indexOf(event.key) !== -1) {\n          fileInputRef.current && fileInputRef.current.click();\n        }\n      },\n      []\n    );\n\n    const fileDropZoneDescription = description ? (\n      <div className=\"saltFileDropZone-description\" id={descriptionId}>\n        {description}\n      </div>\n    ) : null;\n\n    const buttonLabelledBy = (\n      isRejected ? [buttonId, iconId, descriptionId] : [buttonId, descriptionId]\n    ).join(\" \");\n\n    return (\n      <div\n        {...restProps}\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"error\")]: isRejected,\n            [withBaseName(\"active\")]: isActive,\n            [withBaseName(\"disabled\")]: disabled,\n          },\n          className\n        )}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n        ref={ref}\n      >\n        {/* TODO: Check whether we want to replace this with aria announce */}\n        <div aria-live=\"polite\">\n          {/*\n           * It is an ADA requirement to always display an input button.-\n           */}\n          {isRejected ? (\n            <ErrorIcon\n              aria-label=\"error!\"\n              className={withBaseName(\"icon\")}\n              size={2}\n            />\n          ) : (\n            <UploadIcon className={withBaseName(\"icon\")} size={2} />\n          )}\n          {isRejected && fileDropZoneDescription}\n        </div>\n        <div className={withBaseName(\"title\")}>\n          {children || \"Drop files here or\"}\n        </div>\n        <label className={withBaseName(\"inputRoot\")}>\n          <Button\n            aria-labelledby={buttonLabelledBy}\n            ref={buttonRef}\n            className={withBaseName(\"inputButton\")}\n            data-testid=\"file-input-button\"\n            disabled={disabled}\n            onKeyDown={handleKeyDown}\n            onClick={handleInputClick}\n          >\n            {/* TODO: expose this in props */}\n            {buttonLabel.toUpperCase()}\n          </Button>\n          <input\n            accept={accept}\n            className=\"input-hidden\"\n            data-testid=\"file-input\"\n            disabled={disabled}\n            multiple\n            onChange={handleInputChange}\n            onFocus={handleInputFocus}\n            ref={fileInputRef}\n            type=\"file\"\n          />\n        </label>\n        {!isRejected && fileDropZoneDescription}\n      </div>\n    );\n  }\n);\n"],"names":["FileDropZone"],"mappings":"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"}

package/dist-es/packages/lab/src/file-drop-zone/internal/utils.js

@@ -1,32 +0,0 @@
-const toArray = (obj) => Object.keys(obj).map((key) => obj[key]);
-const containsFiles = (e) => {
-  if (!e.dataTransfer) {
-    const target = e.target;
-    return target && target.files;
-  }
-  return Array.prototype.some.call(
-    e.dataTransfer.types,
-    (type) => type === "Files"
-  );
-};
-const extractFiles = (e) => {
-  if (containsFiles(e)) {
-    if (e.dataTransfer) {
-      return toArray(e.dataTransfer.files);
-    }
-    if (e.target) {
-      return toArray(e.target.files);
-    }
-  }
-  return [];
-};
-const validateFiles = ({
-  files = [],
-  validate = []
-}) => validate.reduce(
-  (result, validator) => result.concat(validator(files)),
-  []
-).filter(Boolean);
-
-export { containsFiles, extractFiles, toArray, validateFiles };
-//# sourceMappingURL=utils.js.map

package/dist-es/packages/lab/src/file-drop-zone/internal/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/file-drop-zone/internal/utils.ts"],"sourcesContent":["import { DragEvent } from \"react\";\nimport { FilesValidator } from \"../validators\";\n\nexport const toArray = (obj: any) => Object.keys(obj).map((key) => obj[key]);\n\nexport const containsFiles = (e: DragEvent) => {\n  if (!e.dataTransfer) {\n    const target = e.target as HTMLInputElement;\n    return target && target.files;\n  }\n\n  return Array.prototype.some.call(\n    e.dataTransfer.types,\n    (type) => type === \"Files\"\n  );\n};\n\nexport const extractFiles = (e: DragEvent): File[] => {\n  if (containsFiles(e)) {\n    if (e.dataTransfer) {\n      return toArray(e.dataTransfer.files);\n    }\n\n    if (e.target) {\n      return toArray((e.target as HTMLInputElement).files);\n    }\n  }\n\n  return [];\n};\n\nexport const validateFiles = ({\n  files = [],\n  validate = [],\n}: {\n  files: ReadonlyArray<File>;\n  validate: ReadonlyArray<FilesValidator>;\n}) =>\n  validate\n    .reduce(\n      (result, validator) => result.concat(validator(files)),\n      [] as (string | undefined)[]\n    )\n    .filter(Boolean) as string[];\n"],"names":[],"mappings":"AAGa,MAAA,OAAA,GAAU,CAAC,GAAA,KAAa,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAE,GAAI,CAAA,CAAC,GAAQ,KAAA,GAAA,CAAI,GAAI,CAAA,EAAA;AAE9D,MAAA,aAAA,GAAgB,CAAC,CAAiB,KAAA;AAC7C,EAAI,IAAA,CAAC,EAAE,YAAc,EAAA;AACnB,IAAA,MAAM,SAAS,CAAE,CAAA,MAAA,CAAA;AACjB,IAAA,OAAO,UAAU,MAAO,CAAA,KAAA,CAAA;AAAA,GAC1B;AAEA,EAAO,OAAA,KAAA,CAAM,UAAU,IAAK,CAAA,IAAA;AAAA,IAC1B,EAAE,YAAa,CAAA,KAAA;AAAA,IACf,CAAC,SAAS,IAAS,KAAA,OAAA;AAAA,GACrB,CAAA;AACF,EAAA;AAEa,MAAA,YAAA,GAAe,CAAC,CAAyB,KAAA;AACpD,EAAI,IAAA,aAAA,CAAc,CAAC,CAAG,EAAA;AACpB,IAAA,IAAI,EAAE,YAAc,EAAA;AAClB,MAAO,OAAA,OAAA,CAAQ,CAAE,CAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,KACrC;AAEA,IAAA,IAAI,EAAE,MAAQ,EAAA;AACZ,MAAO,OAAA,OAAA,CAAS,CAAE,CAAA,MAAA,CAA4B,KAAK,CAAA,CAAA;AAAA,KACrD;AAAA,GACF;AAEA,EAAA,OAAO,EAAC,CAAA;AACV,EAAA;AAEO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAQ,EAAC;AAAA,EACT,WAAW,EAAC;AACd,CAAA,KAIE,QACG,CAAA,MAAA;AAAA,EACC,CAAC,MAAQ,EAAA,SAAA,KAAc,OAAO,MAAO,CAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,EACrD,EAAC;AACH,CAAA,CACC,OAAO,OAAO;;;;"}

package/dist-es/packages/lab/src/file-drop-zone/validators.js

@@ -1,29 +0,0 @@
-import accepts from 'attr-accept';
-
-function createFileTypeValidator({
-  accept,
-  getError
-}) {
-  return (files) => {
-    const validate = (file) => {
-      if (!accepts(file, accept)) {
-        return getError ? getError(file) : `File ${file.name} does not have an accepted type.`;
-      }
-    };
-    return files.map(validate);
-  };
-}
-function createTotalSizeValidator({
-  maxSize,
-  getError
-}) {
-  return (files) => {
-    const totalSize = files.reduce((size, file) => size + file.size, 0);
-    if (totalSize > maxSize) {
-      return getError ? getError(totalSize) : `The file/s exceed the maximum upload limit of ${maxSize} bytes.`;
-    }
-  };
-}
-
-export { createFileTypeValidator, createTotalSizeValidator };
-//# sourceMappingURL=validators.js.map

package/dist-es/packages/lab/src/file-drop-zone/validators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validators.js","sources":["../src/file-drop-zone/validators.ts"],"sourcesContent":["// TODO: verify whether we still needs to this library\n// HTML5's `accept` should be ok for the browsers we want to support.\nimport accepts from \"attr-accept\";\n\nexport type FilesValidator<ErrorType = string> = (\n  files: ReadonlyArray<File>\n) =>\n  | ReadonlyArray<ErrorType | string | undefined>\n  | ErrorType\n  | string\n  | undefined;\n\n/**\n * Factory method for creating a common file type validator.\n *\n * @param {string} accept - It is the same as 'accept' attribute for HTML <input>.\n * @param {function} getError - A callback function for generating a customised user error.\n */\nexport function createFileTypeValidator<ErrorType = string>({\n  accept,\n  getError,\n}: {\n  accept: string;\n  getError?: (file: File) => ErrorType;\n}): FilesValidator<ErrorType> {\n  return (files) => {\n    const validate = (file: File) => {\n      if (!accepts(file, accept)) {\n        return getError\n          ? getError(file)\n          : `File ${file.name} does not have an accepted type.`;\n      }\n    };\n\n    return files.map(validate);\n  };\n}\n\n/**\n * Factory method for creating a common total selection size validator.\n *\n * @param {number} maxSize - Max selection size in bytes.\n * @param {function} getError - A callback function for generating a customised user error.\n */\nexport function createTotalSizeValidator<ErrorType = string>({\n  maxSize,\n  getError,\n}: {\n  maxSize: number;\n  getError?: (totalSize: number) => ErrorType;\n}): FilesValidator<ErrorType> {\n  return (files) => {\n    const totalSize = files.reduce((size, file) => size + file.size, 0);\n\n    if (totalSize > maxSize) {\n      return getError\n        ? getError(totalSize)\n        : `The file/s exceed the maximum upload limit of ${maxSize} bytes.`;\n    }\n  };\n}\n"],"names":[],"mappings":";;AAkBO,SAAS,uBAA4C,CAAA;AAAA,EAC1D,MAAA;AAAA,EACA,QAAA;AACF,CAG8B,EAAA;AAC5B,EAAA,OAAO,CAAC,KAAU,KAAA;AAChB,IAAM,MAAA,QAAA,GAAW,CAAC,IAAe,KAAA;AAC/B,MAAA,IAAI,CAAC,OAAA,CAAQ,IAAM,EAAA,MAAM,CAAG,EAAA;AAC1B,QAAA,OAAO,QACH,GAAA,QAAA,CAAS,IAAI,CAAA,GACb,QAAQ,IAAK,CAAA,IAAA,CAAA,gCAAA,CAAA,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAEA,IAAO,OAAA,KAAA,CAAM,IAAI,QAAQ,CAAA,CAAA;AAAA,GAC3B,CAAA;AACF,CAAA;AAQO,SAAS,wBAA6C,CAAA;AAAA,EAC3D,OAAA;AAAA,EACA,QAAA;AACF,CAG8B,EAAA;AAC5B,EAAA,OAAO,CAAC,KAAU,KAAA;AAChB,IAAM,MAAA,SAAA,GAAY,MAAM,MAAO,CAAA,CAAC,MAAM,IAAS,KAAA,IAAA,GAAO,IAAK,CAAA,IAAA,EAAM,CAAC,CAAA,CAAA;AAElE,IAAA,IAAI,YAAY,OAAS,EAAA;AACvB,MAAA,OAAO,QACH,GAAA,QAAA,CAAS,SAAS,CAAA,GAClB,CAAiD,8CAAA,EAAA,OAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACvD;AAAA,GACF,CAAA;AACF;;;;"}

package/dist-es/packages/lab/src/focus-manager/FocusManager.js

@@ -1,154 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useState, useCallback } from 'react';
-import { ownerDocument, useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { findAllTabbableElements } from './internal/findAllTabbableElements.js';
-import { useReturnFocus } from './internal/useReturnFocus.js';
-
-const defaultSelector = `
-[tabindex="0"],
-a:not([tabindex="-1"]),
-area:not([tabindex="-1"]),
-details:not([tabindex="-1"]),
-iframe:not([tabindex="-1"]),
-select:not([tabindex="-1"]),
-textarea:not([tabindex="-1"]),
-button:not([tabindex="-1"]),
-input:not([tabindex="-1"])
-`;
-function tryFocus(node) {
-  if (!node)
-    return;
-  const initialTabIndex = node.getAttribute("tabindex");
-  node.setAttribute("tabindex", "-1");
-  const removeTabIndex = () => {
-    if (initialTabIndex === null) {
-      node.removeAttribute("tabindex");
-    } else {
-      node.setAttribute("tabindex", initialTabIndex);
-    }
-    node.removeEventListener("blur", removeTabIndex);
-  };
-  node.addEventListener("blur", removeTabIndex);
-  node.focus();
-}
-function FocusManager(props) {
-  const {
-    active,
-    autoFocusRef,
-    children,
-    className,
-    disableAutoFocus,
-    disableFocusTrap,
-    disableReturnFocus,
-    fallbackFocusRef,
-    tabEnabledSelectors = defaultSelector,
-    returnFocusOptions
-  } = props;
-  const containerRef = useRef(null);
-  const trapStartRef = useRef(null);
-  const trapEndRef = useRef(null);
-  const staticElementRef = useRef(null);
-  const [hasFocus, setHasFocus] = useState(false);
-  useReturnFocus({
-    focusOptions: returnFocusOptions,
-    disabled: disableReturnFocus || disableAutoFocus,
-    active,
-    document: ownerDocument(containerRef.current)
-  });
-  const resolveElementAtIndex = useCallback(
-    (tabbableElements, index) => {
-      if (tabbableElements.length >= 1) {
-        const element = tabbableElements[index];
-        if (element == null ? void 0 : element.shadowRoot) {
-          return element.shadowRoot.querySelector(
-            tabEnabledSelectors
-          );
-        }
-        return element;
-      }
-    },
-    [tabEnabledSelectors]
-  );
-  const getFirstElement = useCallback(() => {
-    const tabbableElements = findAllTabbableElements(
-      containerRef.current,
-      tabEnabledSelectors,
-      [trapEndRef.current, trapStartRef.current]
-    );
-    return resolveElementAtIndex(tabbableElements, 0);
-  }, [resolveElementAtIndex, tabEnabledSelectors]);
-  const getLastElement = () => {
-    const tabbableElements = findAllTabbableElements(
-      containerRef.current,
-      tabEnabledSelectors,
-      [trapEndRef.current, trapStartRef.current]
-    );
-    return resolveElementAtIndex(tabbableElements, tabbableElements.length - 1);
-  };
-  const handleTrapStartFocus = (event) => {
-    const isEnteringFocusTrap = !hasFocus && ownerDocument(containerRef.current).activeElement === trapStartRef.current;
-    const nextElement = isEnteringFocusTrap ? getFirstElement() : getLastElement();
-    if (nextElement) {
-      nextElement.focus();
-    }
-    event.preventDefault();
-  };
-  const handleTrapEndFocus = (event) => {
-    const nextElement = getFirstElement();
-    if (nextElement) {
-      nextElement.focus();
-    }
-    event.preventDefault();
-  };
-  useIsomorphicLayoutEffect(() => {
-    if (active && !disableAutoFocus) {
-      let nodeToFocus;
-      if (autoFocusRef == null ? void 0 : autoFocusRef.current) {
-        nodeToFocus = autoFocusRef.current;
-      } else {
-        nodeToFocus = getFirstElement() || (fallbackFocusRef == null ? void 0 : fallbackFocusRef.current);
-      }
-      if (!nodeToFocus) {
-        console.error(
-          "Your focus trap needs to contain at least once focused node."
-        );
-      } else if (nodeToFocus !== ownerDocument(nodeToFocus).activeElement) {
-        tryFocus(nodeToFocus);
-      }
-    }
-  }, [
-    active,
-    disableAutoFocus,
-    getFirstElement,
-    autoFocusRef,
-    fallbackFocusRef
-  ]);
-  const enforceFocus = active && !disableFocusTrap;
-  return /* @__PURE__ */ jsxs("div", {
-    className,
-    onFocus: () => setHasFocus(true),
-    ref: containerRef,
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        "aria-hidden": "true",
-        onFocus: handleTrapStartFocus,
-        ref: trapStartRef,
-        tabIndex: enforceFocus ? 0 : -1
-      }),
-      /* @__PURE__ */ jsx("div", {
-        ref: staticElementRef,
-        tabIndex: -1
-      }),
-      children,
-      /* @__PURE__ */ jsx("div", {
-        "aria-hidden": "true",
-        onFocus: handleTrapEndFocus,
-        ref: trapEndRef,
-        tabIndex: enforceFocus ? 0 : -1
-      })
-    ]
-  });
-}
-
-export { FocusManager };
-//# sourceMappingURL=FocusManager.js.map

package/dist-es/packages/lab/src/focus-manager/FocusManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusManager.js","sources":["../src/focus-manager/FocusManager.tsx"],"sourcesContent":["import {\n  FocusEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { ownerDocument, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { findAllTabbableElements } from \"./internal/findAllTabbableElements\";\nimport { useReturnFocus, UseReturnFocusProps } from \"./internal/useReturnFocus\";\n\nconst defaultSelector = `\n[tabindex=\"0\"],\na:not([tabindex=\"-1\"]),\narea:not([tabindex=\"-1\"]),\ndetails:not([tabindex=\"-1\"]),\niframe:not([tabindex=\"-1\"]),\nselect:not([tabindex=\"-1\"]),\ntextarea:not([tabindex=\"-1\"]),\nbutton:not([tabindex=\"-1\"]),\ninput:not([tabindex=\"-1\"])\n`;\n\nexport interface FocusManagerProps {\n  active?: boolean;\n  autoFocusRef?: RefObject<HTMLElement>;\n  children?: ReactNode;\n  className?: string;\n  disableAutoFocus?: boolean;\n  disableFocusTrap?: boolean;\n  disableReturnFocus?: boolean;\n  fallbackFocusRef?: RefObject<HTMLElement>;\n  tabEnabledSelectors?: string;\n  returnFocusOptions?: UseReturnFocusProps[\"focusOptions\"];\n}\n\nfunction tryFocus(node?: HTMLElement) {\n  if (!node) return;\n\n  const initialTabIndex = node.getAttribute(\"tabindex\");\n  node.setAttribute(\"tabindex\", \"-1\");\n\n  const removeTabIndex = () => {\n    if (initialTabIndex === null) {\n      node.removeAttribute(\"tabindex\");\n    } else {\n      node.setAttribute(\"tabindex\", initialTabIndex);\n    }\n\n    node.removeEventListener(\"blur\", removeTabIndex);\n  };\n\n  node.addEventListener(\"blur\", removeTabIndex);\n\n  node.focus();\n}\n\nexport function FocusManager(props: FocusManagerProps): JSX.Element {\n  const {\n    active,\n    autoFocusRef,\n    children,\n    className,\n    disableAutoFocus,\n    disableFocusTrap,\n    disableReturnFocus,\n    fallbackFocusRef,\n    tabEnabledSelectors = defaultSelector,\n    returnFocusOptions,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const trapStartRef = useRef<HTMLDivElement>(null);\n  const trapEndRef = useRef<HTMLDivElement>(null);\n  const staticElementRef = useRef<HTMLDivElement>(null);\n  const [hasFocus, setHasFocus] = useState(false);\n\n  useReturnFocus({\n    focusOptions: returnFocusOptions,\n    disabled: disableReturnFocus || disableAutoFocus,\n    active,\n    document: ownerDocument(containerRef.current),\n  });\n\n  /**\n   * Given a list of elements and an index, the corresponding element is returned, if exists.\n   * Alternatively, for a shadow root, the first tabbable element is returned.\n   * @param {Node[]} tabbableElements A list of elements from which to select.\n   * @param {number} index The list index.\n   */\n  const resolveElementAtIndex = useCallback(\n    (tabbableElements: HTMLElement[], index: number) => {\n      if (tabbableElements.length >= 1) {\n        const element = tabbableElements[index];\n\n        if (element?.shadowRoot) {\n          return element.shadowRoot.querySelector<HTMLElement>(\n            tabEnabledSelectors\n          );\n        }\n\n        return element;\n      }\n    },\n    [tabEnabledSelectors]\n  );\n\n  /**\n   * Return the first tabbable element within the content area.\n   */\n  const getFirstElement = useCallback(() => {\n    const tabbableElements = findAllTabbableElements(\n      containerRef.current,\n      tabEnabledSelectors,\n      [trapEndRef.current, trapStartRef.current]\n    );\n    return resolveElementAtIndex(tabbableElements, 0);\n  }, [resolveElementAtIndex, tabEnabledSelectors]);\n\n  /**\n   * Return the last tabbable element within the content area.\n   */\n  const getLastElement = () => {\n    const tabbableElements = findAllTabbableElements(\n      containerRef.current,\n      tabEnabledSelectors,\n      [trapEndRef.current, trapStartRef.current]\n    );\n    return resolveElementAtIndex(tabbableElements, tabbableElements.length - 1);\n  };\n\n  /**\n   * When the trap-start sentinel node gains focus, pass focus to either\n   * the first or last tabbable element, depending on the direction of travel\n   * (i.e. Tab or Shift+Tab)\n   * @param {React.FocusEvent} event The synthetic focus event.\n   */\n  const handleTrapStartFocus = (event: FocusEvent<HTMLDivElement>) => {\n    const isEnteringFocusTrap =\n      !hasFocus &&\n      ownerDocument(containerRef.current).activeElement ===\n        trapStartRef.current;\n\n    const nextElement = isEnteringFocusTrap\n      ? getFirstElement()\n      : getLastElement();\n\n    if (nextElement) {\n      nextElement.focus();\n    }\n\n    event.preventDefault();\n  };\n\n  /**\n   * When the trap-end sentinel node gains focus, pass focus to either\n   * the first tabbable element.\n   * @param {React.FocusEvent} event The synthetic focus event.\n   */\n  const handleTrapEndFocus = (event: FocusEvent<HTMLDivElement>) => {\n    const nextElement = getFirstElement();\n\n    if (nextElement) {\n      nextElement.focus();\n    }\n\n    event.preventDefault();\n  };\n\n  useIsomorphicLayoutEffect(() => {\n    if (active && !disableAutoFocus) {\n      let nodeToFocus;\n\n      if (autoFocusRef?.current) {\n        nodeToFocus = autoFocusRef.current;\n      } else {\n        nodeToFocus = getFirstElement() || fallbackFocusRef?.current;\n      }\n\n      if (!nodeToFocus) {\n        // This will always be the case when we're applying the shim in a desktop window. Need to consider how to fix.\n        console.error(\n          \"Your focus trap needs to contain at least once focused node.\"\n        );\n      } else if (nodeToFocus !== ownerDocument(nodeToFocus).activeElement) {\n        tryFocus(nodeToFocus);\n      }\n    }\n  }, [\n    active,\n    disableAutoFocus,\n    getFirstElement,\n    autoFocusRef,\n    fallbackFocusRef,\n  ]);\n\n  const enforceFocus = active && !disableFocusTrap;\n\n  return (\n    <div\n      className={className}\n      onFocus={() => setHasFocus(true)}\n      ref={containerRef}\n    >\n      <div\n        aria-hidden=\"true\"\n        onFocus={handleTrapStartFocus}\n        ref={trapStartRef}\n        tabIndex={enforceFocus ? 0 : -1}\n      />\n      <div ref={staticElementRef} tabIndex={-1} />\n      {children}\n      <div\n        aria-hidden=\"true\"\n        onFocus={handleTrapEndFocus}\n        ref={trapEndRef}\n        tabIndex={enforceFocus ? 0 : -1}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist-es/packages/lab/src/focus-manager/internal/findAllTabbableElements.js

@@ -1,41 +0,0 @@
-import { ownerWindow } from '@salt-ds/core';
-
-const anyKeyboardFocusedElementSelector = '*:not(style):not(script):not(noscript):not(link):not([tabindex="-1"])';
-function findAllTabbableElements(rootNode, selector, elementsToIgnore = []) {
-  if (!rootNode) {
-    return [];
-  }
-  const nodes = Array.from(
-    rootNode.querySelectorAll(anyKeyboardFocusedElementSelector)
-  ).slice();
-  return nodes.reduce((foundNodes, node) => {
-    var _a;
-    if (elementsToIgnore.indexOf(node) !== -1) {
-      return foundNodes;
-    }
-    const win = ownerWindow(node);
-    if ((node.getBoundingClientRect().width === 0 || win.getComputedStyle(node).visibility !== "visible") && node instanceof HTMLSlotElement && typeof node.assignedElements !== "function") {
-      return foundNodes;
-    }
-    if (node instanceof HTMLSlotElement && typeof node.assignedElements === "function") {
-      return foundNodes.concat(
-        node.assignedElements().filter((n) => !n.shadowRoot)
-      );
-    }
-    if (!node.shadowRoot && node.matches(selector)) {
-      const rootNode2 = (_a = node.parentNode) == null ? void 0 : _a.getRootNode();
-      return foundNodes.concat(
-        rootNode2 instanceof ShadowRoot ? rootNode2.host : node
-      );
-    }
-    if (node.shadowRoot) {
-      return foundNodes.concat(
-        findAllTabbableElements(node.shadowRoot, selector, elementsToIgnore)
-      );
-    }
-    return foundNodes;
-  }, []);
-}
-
-export { findAllTabbableElements };
-//# sourceMappingURL=findAllTabbableElements.js.map