@faceless-ui/modal - npm Package Compare versions

Comparing version 1.1.6 to 1.1.7

dist/asModal/index.d.ts

 import React from 'react';
 import { ModalProps } from '../Modal';
-declare const asModal: <P extends ModalProps>(ModalComponent: React.FC<P>, slugFromArg?: string) => React.FC<P>;
+declare const asModal: <P extends ModalProps>(ModalComponent: React.FC<P>, slugFromArg?: string | undefined) => React.FC<P>;
 export default asModal;

dist/index.d.ts

@@ -8,2 +8,1 @@ export { default as asModal } from './asModal';
 export { default as useModal } from './useModal';
-export { default as withModal } from './withModal';

dist/index.js

@@ -6,3 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withModal = exports.useModal = exports.ModalToggler = exports.ModalProvider = exports.ModalContext = exports.ModalContainer = exports.Modal = exports.asModal = void 0;
+exports.useModal = exports.ModalToggler = exports.ModalProvider = exports.ModalContext = exports.ModalContainer = exports.Modal = exports.asModal = void 0;
 var asModal_1 = require("./asModal");
@@ -22,4 +22,2 @@ Object.defineProperty(exports, "asModal", { enumerable: true, get: function () { return __importDefault(asModal_1).default; } });
 Object.defineProperty(exports, "useModal", { enumerable: true, get: function () { return __importDefault(useModal_1).default; } });
-var withModal_1 = require("./withModal");
-Object.defineProperty(exports, "withModal", { enumerable: true, get: function () { return __importDefault(withModal_1).default; } });
 //# sourceMappingURL=index.js.map

dist/Modal/index.d.ts

@@ -31,3 +31,3 @@ import React, { CSSProperties, ElementType } from 'react';
 declare const _default: React.FC<ModalProps & {
-    modal?: IModalContext;
+    modal?: IModalContext | undefined;
 } & {
@@ -34,0 +34,0 @@ children?: React.ReactNode | ChildFunction;

dist/ModalContext/types.d.ts

@@ -1,6 +0,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { Props } from '../ModalProvider/types';
 export interface IModalContext extends Props {
     transTime: number;
-    containerRef: React.MutableRefObject<Record<string, unknown>>;
+    containerRef: React.RefObject<HTMLElement>;
     currentModal: string;
@@ -12,8 +12,8 @@ oneIsOpen: boolean;
     closeAll: () => void;
-    setCloseOnBlur: (boolean: any) => void;
+    setCloseOnBlur: (set: boolean) => void;
     open: (slug: string) => void;
     toggle: (slug: string) => void;
-    setContainerRef: (ref: React.MutableRefObject<Record<string, unknown>>) => void;
+    setContainerRef: (ref: HTMLElement) => void;
     setBodyScrollLock: (shouldLock: boolean, // eslint-disable-line no-unused-vars
-    excludingRef: React.MutableRefObject<Record<string, unknown>>) => void;
+    excludingRef: React.RefObject<HTMLElement>) => void;
 }

dist/ModalProvider/index.js

@@ -98,3 +98,3 @@ "use strict";
         if (typeof userClassPrefix === 'boolean' && !userClassPrefix)
-            newClassPrefix = undefined;
+            newClassPrefix = '';
         setClassPrefix(newClassPrefix);
@@ -137,10 +137,12 @@ }, [userClassPrefix]);
     var setBodyScrollLock = (0, react_1.useCallback)(function (shouldLock, excludingRef) {
-        if (shouldLock) {
-            (0, body_scroll_lock_1.disableBodyScroll)(excludingRef.current);
-            setBodyScrollIsLocked(true);
+        if (excludingRef === null || excludingRef === void 0 ? void 0 : excludingRef.current) {
+            if (shouldLock) {
+                (0, body_scroll_lock_1.disableBodyScroll)(excludingRef.current);
+                setBodyScrollIsLocked(true);
+            }
+            else {
+                (0, body_scroll_lock_1.enableBodyScroll)(excludingRef.current);
+                setBodyScrollIsLocked(false);
+            }
         }
-        else {
-            (0, body_scroll_lock_1.enableBodyScroll)(excludingRef.current);
-            setBodyScrollIsLocked(false);
-        }
     }, []);
@@ -147,0 +149,0 @@ var setContainerRef = (0, react_1.useCallback)(function (ref) {

dist/ModalToggler/index.d.ts

 import React from 'react';
 import { Props } from './types';
-declare const _default: React.FC<Props>;
-export default _default;
+declare const ModalToggler: React.FC<Props>;
+export default ModalToggler;

dist/ModalToggler/index.js

@@ -18,5 +18,6 @@ "use strict";
 var react_1 = __importDefault(require("react"));
-var withModal_1 = __importDefault(require("../withModal"));
+var useModal_1 = __importDefault(require("../useModal"));
 var ModalToggler = function (props) {
-    var id = props.id, className = props.className, _a = props.modal, currentModal = _a.currentModal, toggle = _a.toggle, classPrefix = _a.classPrefix, slug = props.slug, _b = props.style, style = _b === void 0 ? {} : _b, _c = props.htmlElement, htmlElement = _c === void 0 ? 'button' : _c, _d = props.htmlAttributes, htmlAttributes = _d === void 0 ? {} : _d, children = props.children;
+    var id = props.id, className = props.className, slug = props.slug, _a = props.style, style = _a === void 0 ? {} : _a, _b = props.htmlElement, htmlElement = _b === void 0 ? 'button' : _b, _c = props.htmlAttributes, htmlAttributes = _c === void 0 ? {} : _c, children = props.children;
+    var _d = (0, useModal_1.default)(), currentModal = _d.currentModal, toggle = _d.toggle, classPrefix = _d.classPrefix;
     var baseClass = "".concat(classPrefix, "__modal-toggler");
@@ -38,3 +39,3 @@ var isOpen = currentModal === slug;
 };
-exports.default = (0, withModal_1.default)(ModalToggler);
+exports.default = ModalToggler;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@faceless-ui/modal",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "main": "dist/index.js",
@@ -41,5 +41,9 @@ "types": "dist/index.d.ts",
   "devDependencies": {
+    "@types/body-scroll-lock": "^3.1.0",
     "@types/jest": "^26.0.20",
     "@types/node": "^14.14.22",
+    "@types/qs": "^6.9.7",
     "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.1",
+    "@types/react-transition-group": "^4.4.4",
     "@typescript-eslint/eslint-plugin": "^5.18.0",
@@ -46,0 +50,0 @@ "@typescript-eslint/parser": "^5.18.0",

No alert changes

Improved metrics

Total package byte prevSize

52646

increased by0.01%

Worsened metrics

Dev dependency count

30

increased by15.38%

Lines of code

701

decreased by-0.14%

No dependency changes