@datability/8ui 0.1.26 → 0.1.27

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.
@@ -6,30 +6,13 @@ import closedSVG from '../assets/closed.svg';
6
6
  import './index.scss';
7
7
  import Blackdrop from '../Blackdrop';
8
8
  import { DBuiContext } from '../context';
9
- var sizeStyle = {
10
- sm: '25%',
11
- md: '40%',
12
- lg: '75%'
13
- };
14
9
  var Modal = function (_a) {
15
- var size = _a.size, children = _a.children, open = _a.open, onClose = _a.onClose, id = _a.id;
10
+ var children = _a.children, open = _a.open, onClose = _a.onClose, id = _a.id;
16
11
  var _b = useContext(DBuiContext), openMenuCount = _b.openMenuCount, openModalCount = _b.openModalCount, setOpenModalCount = _b.setOpenModalCount;
17
12
  var setModalIncress = function () { return setOpenModalCount === null || setOpenModalCount === void 0 ? void 0 : setOpenModalCount(function (prev) { return prev + 1; }); };
18
13
  var setModalDecress = function () { return setOpenModalCount === null || setOpenModalCount === void 0 ? void 0 : setOpenModalCount(function (prev) { return prev - 1; }); };
19
14
  var setModalZero = function () { return setOpenModalCount === null || setOpenModalCount === void 0 ? void 0 : setOpenModalCount(0); };
20
15
  var modalRef = useRef(null);
21
- var styleWidth = (function () {
22
- if (size !== 'xl') {
23
- return {
24
- width: sizeStyle[size]
25
- };
26
- }
27
- else
28
- return {
29
- width: '95vw',
30
- height: '90vh'
31
- };
32
- })();
33
16
  // Close the menu when clicking outside
34
17
  useEffect(function () {
35
18
  // Update the global counter and adjust the overflow style
@@ -73,7 +56,7 @@ var Modal = function (_a) {
73
56
  };
74
57
  }, [open]);
75
58
  return (React.createElement(Blackdrop, { open: open },
76
- React.createElement("div", { className: "DBui-modalBase DBui-modalContent", "data-hidden": !open, style: styleWidth, ref: modalRef, id: id },
59
+ React.createElement("div", { className: "DBui-modalBase DBui-modalContent", "data-hidden": !open, ref: modalRef, id: id },
77
60
  React.createElement("img", { src: closedSVG, alt: "", className: "DBui-close", onClick: onClose }),
78
61
  React.createElement("div", null, children))));
79
62
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export type PropsModal = {
3
- size: 'sm' | 'md' | 'lg' | 'xl';
4
3
  children: JSX.Element | JSX.Element[];
5
4
  open: boolean;
6
5
  onClose: () => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datability/8ui",
3
- "version": "0.1.26",
3
+ "version": "0.1.27",
4
4
  "description": "",
5
5
  "main": "dist/components/index.js",
6
6
  "types": "dist/components/index.d.ts",