ar-design 0.2.5 → 0.2.7

package/dist/assets/css/components/feedback/modal/styles.css

@@ -1,5 +1,5 @@
 .ar-modal-wrapper {
-  position: absolute;
+  position: fixed;
   inset: 0;
 }
 .ar-modal-wrapper > .ar-modal-bg {

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

@@ -5,8 +5,8 @@ interface IProps extends IChildren, ISizes {
      *
      */
     open: {
-        set: React.Dispatch<React.SetStateAction<boolean>>;
         get: boolean;
+        set: React.Dispatch<React.SetStateAction<boolean>>;
     };
     /**
      * ...

package/dist/components/form/select/Props.d.ts

@@ -20,6 +20,7 @@ interface ISingle {
 }
 export type Props = {
     options: Option[];
+    onClick?: () => void;
     onCreate?: (option: Option) => void;
     placeholder?: string;
     upperCase?: boolean;

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

@@ -6,7 +6,7 @@ import Chip from "../../data-display/chip";
 import Checkbox from "../checkbox";
 import Utils from "../../../libs/infrastructure/shared/Utils";
 import ReactDOM from "react-dom";
-const Select = ({ variant = "outlined", status, border = { radius: "sm" }, options, value, onChange, onCreate, multiple, placeholder, validation, upperCase, disabled, }) => {
+const Select = ({ variant = "outlined", status, border = { radius: "sm" }, options, value, onChange, onClick, onCreate, multiple, placeholder, validation, upperCase, disabled, }) => {
     const _selectionClassName = ["selections"];
     // refs
     const _arSelect = useRef(null);
@@ -242,7 +242,12 @@ const Select = ({ variant = "outlined", status, border = { radius: "sm" }, optio
             multiple ? (React.createElement("div", { className: _selectionClassName.map((c) => c).join(" "), onClick: () => setOptionsOpen((x) => !x) },
                 React.createElement("div", { className: "items" }, value.length > 0 ? (value.map((_value, index) => (React.createElement(Chip, { key: index, variant: status?.selected?.variant || "filled", status: status?.selected?.color || status?.color, text: _value.text })))) : (React.createElement("span", { className: "placeholder" },
                     validation ? "* " : "",
-                    placeholder))))) : (React.createElement(Input, { ref: _singleInput, variant: variant, status: !Utils.IsNullOrEmpty(validation?.text) ? "danger" : status, border: { radius: border.radius }, value: singleInputText, onClick: () => setOptionsOpen((prev) => !prev), onChange: (event) => {
+                    placeholder))))) : (React.createElement(Input, { ref: _singleInput, variant: variant, status: !Utils.IsNullOrEmpty(validation?.text) ? "danger" : status, border: { radius: border.radius }, value: singleInputText, onClick: () => {
+                    onClick && onClick();
+                    (() => {
+                        setOptionsOpen((prev) => !prev);
+                    })();
+                }, onChange: (event) => {
                     !optionsOpen && setOptionsOpen(true);
                     if (upperCase)
                         event.target.value = convertToUpperCase(event.target.value);

package/package.json

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