ar-design 0.3.25 → 0.3.27

package/dist/components/feedback/modal/IProps.d.ts

@@ -42,5 +42,7 @@ interface IProps extends IChildren, ISize, React.HTMLAttributes<HTMLDivElement>
      * ```
      */
     footer?: React.ReactNode;
+    disableCloseOnBackdrop?: boolean;
+    disableCloseOnEsc?: boolean;
 }
 export default IProps;

package/dist/components/feedback/modal/index.js

@@ -4,7 +4,7 @@ import "../../../assets/css/components/feedback/modal/styles.css";
 import Typography from "../../data-display/typography";
 import Popover from "../popover";
 const { Title } = Typography;
-const Modal = ({ children, open, closePopover, title, size = "normal", footer, ...attributes }) => {
+const Modal = ({ children, open, closePopover, title, size = "normal", footer, disableCloseOnBackdrop, disableCloseOnEsc, ...attributes }) => {
     // refs
     const _arModal = useRef(null);
     const _modalWrapperClassName = ["ar-modal-wrapper"];
@@ -15,6 +15,8 @@ const Modal = ({ children, open, closePopover, title, size = "normal", footer, .
         _modalWrapperClassName.push("closed");
     // methods
     const handleKeys = (event) => {
+        if (disableCloseOnEsc)
+            return;
         const key = event.key;
         const isArSelectOptions = document.getElementsByClassName("ar-select-options").length === 0;
         const isArCalendar = document.getElementsByClassName("ar-date-calendar").length === 0;
@@ -71,6 +73,8 @@ const Modal = ({ children, open, closePopover, title, size = "normal", footer, .
     }, [attributes.className]);
     return (React.createElement("div", { className: _modalWrapperClassName.map((c) => c).join(" ") },
         React.createElement("div", { className: "ar-modal-bg", onMouseDown: (event) => {
+                if (disableCloseOnBackdrop)
+                    return;
                 event.stopPropagation();
                 const target = event.target;
                 if (_arModal.current && !_arModal.current.contains(target))

package/dist/components/form/button/index.js

@@ -17,7 +17,7 @@ const Button = ({ children, variant = "filled", shape, color = "light", border =
         _arButtonClassName.push(position.type);
         _arButtonClassName.push(position.inset.map((_inset) => _inset).join(" "));
     }
-    return (React.createElement("button", { ref: _button, ...attributes, className: _arButtonClassName.map((c) => c).join(" "), onClick: (event) => {
+    return (React.createElement("button", { ref: _button, ...attributes, type: attributes.type ?? "button", className: _arButtonClassName.map((c) => c).join(" "), onClick: (event) => {
             // Disabled gelmesi durumunda işlem yapmasına izin verme...
             if (attributes.disabled)
                 return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.3.25",
+  "version": "0.3.27",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",