ar-design 0.3.70 → 0.3.71

package/dist/components/form/input/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import "../../../assets/css/components/form/input/styles.css";
 import IProps from "./IProps";
 import Otp from "./otp/Otp";
-import Num from "./num";
+import Num from "./num/Num";
 interface InputCompound extends React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLInputElement>> {
     Number: typeof Num;
     Otp: typeof Otp;

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

@@ -5,7 +5,7 @@ import Button from "../button";
 import Utils from "../../../libs/infrastructure/shared/Utils";
 import { ARIcon } from "../../icons";
 import Otp from "./otp/Otp";
-import Num from "./num";
+import Num from "./num/Num";
 const BaseInput = forwardRef(({ variant = "outlined", color = "light", icon, border = { radius: "sm" }, button, addon, upperCase, validation, ...attributes }, ref) => {
     // refs
     const _innerRef = useRef(null);

package/dist/components/form/input/otp/Otp.js

@@ -18,9 +18,10 @@ const Otp = ({ character, onChange, ...attributes }) => {
             if (!_inputs.current[index + 1]) {
                 _inputs.current[character - 1]?.focus();
                 _inputs.current[character - 1]?.select();
-                return;
             }
-            _inputs.current[index + 1]?.focus();
+            else {
+                _inputs.current[index + 1]?.focus();
+            }
         }
         onChange?.({
             ...event,
@@ -47,6 +48,18 @@ const Otp = ({ character, onChange, ...attributes }) => {
                 const input = _inputs.current[i];
                 if (input) {
                     input.value = chars[i];
+                    _value.current = { ..._value.current, [i]: chars[i] };
+                    onChange?.({
+                        ...event,
+                        target: {
+                            ...event.currentTarget,
+                            name: attributes.name ?? "",
+                            value: Object.keys(_value.current)
+                                .sort((a, b) => Number(a) - Number(b))
+                                .map((key) => _value.current[Number(key)])
+                                .join(""),
+                        },
+                    });
                     input.focus();
                 }
                 i++;

package/dist/index.d.ts

@@ -5,7 +5,6 @@ import ButtonGroup from "./components/form/button-group";
 import Checkbox from "./components/form/checkbox";
 import DatePicker from "./components/form/date-picker";
 import Input from "./components/form/input";
-import InputTag from "./components/form/input-tag";
 import Radio from "./components/form/radio";
 import Select from "./components/form/select";
 import Switch from "./components/form/switch";
@@ -34,4 +33,4 @@ import Pagination from "./components/navigation/pagination";
 import Steps from "./components/navigation/steps";
 import Grid from "./components/data-display/grid-system";
 import Layout from "./components/layout";
-export { Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, InputTag, Radio, Select, Switch, TextEditor, Upload, Card, Chip, Diagram, Divider, DnD, KanbanBoard, Paper, SyntaxHighlighter, Table, Tabs, Typography, Alert, Drawer, Modal, Popover, Progress, Tooltip, Breadcrumb, Menu, Pagination, Steps, Grid, Layout, };
+export { Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, Radio, Select, Switch, TextEditor, Upload, Card, Chip, Diagram, Divider, DnD, KanbanBoard, Paper, SyntaxHighlighter, Table, Tabs, Typography, Alert, Drawer, Modal, Popover, Progress, Tooltip, Breadcrumb, Menu, Pagination, Steps, Grid, Layout, };

package/dist/index.js

@@ -6,7 +6,6 @@ import ButtonGroup from "./components/form/button-group";
 import Checkbox from "./components/form/checkbox";
 import DatePicker from "./components/form/date-picker";
 import Input from "./components/form/input";
-import InputTag from "./components/form/input-tag";
 import Radio from "./components/form/radio";
 import Select from "./components/form/select";
 import Switch from "./components/form/switch";
@@ -41,7 +40,7 @@ import Grid from "./components/data-display/grid-system";
 import Layout from "./components/layout";
 export { 
 // Form Elements
-Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, InputTag, Radio, Select, Switch, TextEditor, Upload, 
+Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, Radio, Select, Switch, TextEditor, Upload, 
 // Data Display
 Card, Chip, Diagram, Divider, DnD, KanbanBoard, Paper, SyntaxHighlighter, Table, Tabs, Typography, 
 // Feedback

package/package.json

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

package/dist/components/form/input-tag/IProps.d.ts

@@ -1,4 +0,0 @@
-import { IBorder, IIcon, IStatus, IUpperCase, IValidation, IVariant } from "../../../libs/types/IGlobalProps";
-interface IProps extends IVariant, IStatus, IBorder, IIcon, IUpperCase, IValidation, Omit<React.InputHTMLAttributes<HTMLInputElement>, "children" | "color"> {
-}
-export default IProps;

package/dist/components/form/input-tag/IProps.js

@@ -1 +0,0 @@
-export {};

package/dist/components/form/input-tag/index.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import IProps from "./IProps";
-declare const InputTag: React.FC<IProps>;
-export default InputTag;

package/dist/components/form/input-tag/index.js

@@ -1,6 +0,0 @@
-import React from "react";
-import Input from "../input";
-const InputTag = ({ ...attributes }) => {
-    return React.createElement(Input, { ...attributes });
-};
-export default InputTag;