Socket
Socket
Sign inDemoInstall

@chakra-ui/focus-lock

Package Overview
Dependencies
Maintainers
3
Versions
258
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chakra-ui/focus-lock - npm Package Compare versions

Comparing version 2.0.13 to 2.0.14

dist/chunk-7RZHVGW6.mjs

51

dist/index.d.ts

@@ -1,50 +0,1 @@

interface FocusableElement {
focus(options?: FocusOptions): void;
}
interface FocusLockProps {
/**
* `ref` of the element to receive focus initially
*/
initialFocusRef?: React.RefObject<FocusableElement>;
/**
* `ref` of the element to return focus to when `FocusLock`
* unmounts
*/
finalFocusRef?: React.RefObject<FocusableElement>;
/**
* The `ref` of the wrapper for which the focus-lock wraps
*/
contentRef?: React.RefObject<HTMLElement>;
/**
* If `true`, focus will be restored to the element that
* triggered the `FocusLock` once it unmounts
*/
restoreFocus?: boolean;
/**
* The component to render
*/
children: React.ReactNode;
/**
* If `true`, focus trapping will be disabled
*/
isDisabled?: boolean;
/**
* If `true`, the first focusable element within the `children`
* will auto-focused once `FocusLock` mounts
*/
autoFocus?: boolean;
/**
* If `true`, disables text selections inside, and outside focus lock.
* @default `false`
*/
persistentFocus?: boolean;
/**
* Enables aggressive focus capturing within iframes.
* - If `true`: keep focus in the lock, no matter where lock is active
* - If `false`: allows focus to move outside of iframe
*/
lockFocusAcrossFrames?: boolean;
}
declare const FocusLock: React.FC<FocusLockProps>;
export { FocusLock, FocusLockProps };
export { default as FocusLock, FocusLockProps } from './focus-lock.js';
{
"name": "@chakra-ui/focus-lock",
"version": "2.0.13",
"version": "2.0.14",
"description": "React focus lock for all Chakra components",

@@ -16,3 +16,3 @@ "keywords": [

"license": "MIT",
"main": "dist/index.cjs.js",
"main": "dist/index.js",
"files": [

@@ -33,4 +33,4 @@ "dist"

"dependencies": {
"@chakra-ui/dom-utils": "2.0.4",
"react-focus-lock": "^2.9.1"
"react-focus-lock": "^2.9.1",
"@chakra-ui/dom-utils": "2.0.5"
},

@@ -44,9 +44,18 @@ "peerDependencies": {

},
"module": "dist/index.esm.js",
"clean-package": "../../../clean-package.config.json",
"tsup": {
"clean": true,
"target": "es2019",
"format": [
"cjs",
"esm"
]
},
"module": "dist/index.mjs",
"types": "dist/index.d.ts",
"exports": {
".": {
"import": "./dist/index.esm.js",
"require": "./dist/index.cjs.js",
"types": "./dist/index.d.ts"
"types": "./dist/index.d.ts",
"import": "./dist/index.mjs",
"require": "./dist/index.js"
},

@@ -56,8 +65,8 @@ "./package.json": "./package.json"

"scripts": {
"build": "JSX=1 tsup src/index.ts --dts",
"build": "tsup src --dts",
"dev": "pnpm build:fast -- --watch",
"clean": "rimraf dist .turbo",
"typecheck": "tsc --noEmit",
"build:fast": "JSX=1 tsup src/index.ts"
"build:fast": "tsup src"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc