@astral/ui 1.19.1 → 1.19.3

package/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.js

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBackdropStackToggle = void 0;
 const react_1 = require("react");
-const nanoid_1 = require("nanoid");
 const BackdropStackManager_1 = require("../../services/BackdropStackManager");
 /**
  * @description хук предназначен для быстрого использования backdropStackManager в реакт компонентах, хранит неуправляемый стейт, если вам нужно управлять этим стейтом, воспользуйтесь backdropStackManager в своем компоненте напрямую.
  */
 const useBackdropStackToggle = ({ id: parentId, } = {}) => {
-    const id = (0, react_1.useRef)(parentId || (0, nanoid_1.nanoid)());
-    const { pop, push, remove } = BackdropStackManager_1.backdropStackManager;
+    const { pop, push, remove, generateID } = BackdropStackManager_1.backdropStackManager;
+    const id = (0, react_1.useRef)(parentId || generateID());
     const [isOpened, setOpened] = (0, react_1.useState)(false);
     const handleOpen = () => {
         push(id.current);

package/BackdropStack/services/BackdropStackManager/BackdropStackManager.d.ts

@@ -7,6 +7,7 @@ declare class BackdropStackManager {
     private currentPointerId;
     constructor();
     private checkOn;
+    generateID: () => string;
     remove: (id: PopId) => void;
     push: (id: PopId) => void;
     pop: (id: PopId, reason?: Reason) => boolean;

package/BackdropStack/services/BackdropStackManager/BackdropStackManager.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.backdropStackManager = void 0;
-const nanoid_1 = require("nanoid");
 class BackdropStackManager {
     constructor() {
         this.stack = [];
@@ -15,6 +14,9 @@ class BackdropStackManager {
                 previousReason === 'blur' &&
                 previousPointerId === this.currentPointerId);
         };
+        this.generateID = () => {
+            return String(Math.random());
+        };
         this.remove = (id) => {
             this.stack = this.stack.filter((item) => item !== id);
         };
@@ -33,7 +35,7 @@ class BackdropStackManager {
             }
             return false;
         };
-        document === null || document === void 0 ? void 0 : document.addEventListener('pointerdown', () => (this.currentPointerId = (0, nanoid_1.nanoid)()));
+        document === null || document === void 0 ? void 0 : document.addEventListener('pointerdown', () => (this.currentPointerId = this.generateID()));
     }
 }
 exports.backdropStackManager = new BackdropStackManager();

package/Grid/styled.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledGrid = void 0;
 const material_1 = require("@mui/material");
 const styles_1 = require("../styles");
-exports.StyledGrid = (0, styles_1.styled)(material_1.Box) `
+exports.StyledGrid = (0, styles_1.styled)(material_1.Box, {
+    shouldForwardProp: (prop) => prop !== 'container',
+}) `
   display: ${({ container }) => container && 'grid'};
 `;

package/esm/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.js

@@ -1,12 +1,11 @@
 import { useEffect, useRef, useState } from 'react';
-import { nanoid } from 'nanoid';
 import { backdropStackManager, } from '../../services/BackdropStackManager';
 /**
  * @description хук предназначен для быстрого использования backdropStackManager в реакт компонентах, хранит неуправляемый стейт, если вам нужно управлять этим стейтом, воспользуйтесь backdropStackManager в своем компоненте напрямую.
  */
 export const useBackdropStackToggle = ({ id: parentId, } = {}) => {
-    const id = useRef(parentId || nanoid());
-    const { pop, push, remove } = backdropStackManager;
+    const { pop, push, remove, generateID } = backdropStackManager;
+    const id = useRef(parentId || generateID());
     const [isOpened, setOpened] = useState(false);
     const handleOpen = () => {
         push(id.current);

package/esm/BackdropStack/services/BackdropStackManager/BackdropStackManager.d.ts

@@ -7,6 +7,7 @@ declare class BackdropStackManager {
     private currentPointerId;
     constructor();
     private checkOn;
+    generateID: () => string;
     remove: (id: PopId) => void;
     push: (id: PopId) => void;
     pop: (id: PopId, reason?: Reason) => boolean;

package/esm/BackdropStack/services/BackdropStackManager/BackdropStackManager.js

@@ -1,4 +1,3 @@
-import { nanoid } from 'nanoid';
 class BackdropStackManager {
     constructor() {
         this.stack = [];
@@ -12,6 +11,9 @@ class BackdropStackManager {
                 previousReason === 'blur' &&
                 previousPointerId === this.currentPointerId);
         };
+        this.generateID = () => {
+            return String(Math.random());
+        };
         this.remove = (id) => {
             this.stack = this.stack.filter((item) => item !== id);
         };
@@ -30,7 +32,7 @@ class BackdropStackManager {
             }
             return false;
         };
-        document === null || document === void 0 ? void 0 : document.addEventListener('pointerdown', () => (this.currentPointerId = nanoid()));
+        document === null || document === void 0 ? void 0 : document.addEventListener('pointerdown', () => (this.currentPointerId = this.generateID()));
     }
 }
 export const backdropStackManager = new BackdropStackManager();

package/esm/Grid/styled.js

@@ -1,5 +1,7 @@
 import { Box } from '@mui/material';
 import { styled } from '../styles';
-export const StyledGrid = styled(Box) `
+export const StyledGrid = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'container',
+}) `
   display: ${({ container }) => container && 'grid'};
 `;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "1.19.1",
+  "version": "1.19.3",
   "browser": "./esm/index.js",
   "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.19.1",
+    "@astral/icons": "^1.19.3",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",
@@ -14,7 +14,6 @@
     "@mui/material": "^5.8.4",
     "date-fns": "^2.28.0",
     "lodash-es": "^4.17.21",
-    "nanoid": "^4.0.0",
     "react-datepicker": "4.7.0",
     "react-imask": "^6.4.2",
     "react-toastify": "9.0.3",