acsi-core 0.1.2 → 0.1.4

package/dist/components/CoreButton/index.d.ts

@@ -2,9 +2,12 @@ import React from "react";
 interface IProps {
     type?: "primary" | "secondary" | "text";
     children: string | JSX.Element;
-    onClick?: () => void;
+    onClick?: any;
     icon?: JSX.Element | string;
     disabled?: boolean;
+    background?: string;
+    color?: string;
+    htmlType?: "button" | "submit";
 }
 declare const CoreButton: (props: IProps) => React.JSX.Element;
 export default CoreButton;

package/dist/components/CoreInput/index.d.ts

@@ -2,12 +2,18 @@ import React from "react";
 interface IProps {
     name: string;
     value: string;
+    type?: "no-outline" | "outline";
     onChange: (name: string, value: string) => void;
     disabled?: boolean;
     label?: string;
     width?: number;
     placeholder?: string;
     error?: boolean;
+    errorMessage?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    onKeyDown?: (e: any) => void;
+    ref?: any;
 }
 declare const CoreInput: (props: IProps) => React.JSX.Element;
 export default CoreInput;

package/dist/components/CoreModal/index.d.ts

@@ -4,6 +4,7 @@ interface IProps {
     onClose: () => void;
     children: JSX.Element;
     title: string;
+    footer?: JSX.Element;
 }
 declare const CoreModal: (props: IProps) => React.JSX.Element;
 export default CoreModal;

package/dist/components/CoreRange/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface IProps {
+    name: string;
+    value: number;
+    onChange: (name: string, value: number) => void;
+    disabled?: boolean;
+    label?: string;
+    width?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+declare const CoreRange: (props: IProps) => React.JSX.Element;
+export default CoreRange;

package/dist/components/CoreSelect/index.d.ts

@@ -6,13 +6,18 @@ interface IOprion {
 interface IProps {
     name: string;
     options: IOprion[];
-    value: string | null;
+    value: string | null | string[];
     onChange: (name: string, value: string) => void;
     disabled?: boolean;
     label?: string;
     width?: number;
     placeholder?: string;
     error?: boolean;
+    errorMessage?: string;
+    type?: "outline" | "no-outline";
+    isMulti?: boolean;
+    closeMenuOnSelect?: boolean;
+    hideSelectedOptions?: boolean;
 }
 declare const CoreSelect: (props: IProps) => React.JSX.Element;
 export default CoreSelect;

package/dist/components/CoreTextArea/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface IProps {
+    name: string;
+    value: string;
+    onChange: (name: string, value: string) => void;
+    placeholder?: string;
+    label?: string;
+    cols?: number;
+    rows?: number;
+    width?: number;
+}
+declare const CoreTextArea: (props: IProps) => React.JSX.Element;
+export default CoreTextArea;

package/dist/components/index.d.ts

@@ -5,3 +5,5 @@ export { default as CoreCheckbox } from "./CoreCheckbox";
 export { default as CoreRadio } from "./CoreRadio";
 export { default as CoreError } from "./CoreError";
 export { default as CoreModal } from "./CoreModal";
+export { default as CoreRange } from "./CoreRange";
+export { default as CoreTextArea } from "./CoreTextArea";

package/dist/index.css

@@ -1,13 +1,7 @@
-@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&family=Nunito+Sans:wght@400;700&display=swap");
 ._1KLz9 {
-  margin: 40px 40px 0 40px;
+  margin: 40px;
   height: 90vh;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  font-family: 'Nunito', sans-serif; }
+  font-family: "Nunito", sans-serif; }
   ._1KLz9 ._2Jo1o {
     width: 324px;
     text-align: center; }
@@ -27,7 +21,7 @@
       padding: 12px;
       border-radius: 12px;
       border: none;
-      background-color: #FFCE09;
+      background-color: #ffce09;
       font-size: 16px;
       font-weight: 600;
       color: #101129;
@@ -38,7 +32,7 @@
       margin-bottom: 19px; }
     ._1KLz9 ._2Jo1o ._2e9xO {
       font-size: 13px;
-      color: #C6C6CC;
+      color: #c6c6cc;
       height: 18px;
       width: 100%;
       position: relative;
@@ -48,11 +42,11 @@
       gap: 8px; }
     ._1KLz9 ._2Jo1o ._2e9xO::before,
     ._1KLz9 ._2Jo1o ._2e9xO::after {
-      content: '';
+      content: "";
       display: block;
       width: 144px;
       height: 1px;
-      background-color: #E6E6EB;
+      background-color: #e6e6eb;
       position: absolute;
       top: 50%;
       transform: translateY(-50%); }
@@ -65,14 +59,14 @@
       ._1KLz9 ._2Jo1o ._3zXRp input {
         width: 100%;
         outline: none;
-        border: 1px solid #E6E6EB;
+        border: 1px solid #e6e6eb;
         border-radius: 8px;
         font-size: 14px;
-        color: #A6A6AD;
+        color: #a6a6ad;
         height: 48px;
         padding: 15px 16px; }
     ._1KLz9 ._2Jo1o ._21FPk {
-      background-color: #E5F9FF;
+      background-color: #e5f9ff;
       font-size: 16px;
       font-weight: 600;
       border-radius: 12px;
@@ -100,17 +94,19 @@
     text-align: center;
     position: absolute;
     top: 0;
-    left: 0; }
+    left: 30px; }
   ._1KLz9 ._3qndF {
     border-radius: 40px;
-    background-repeat: 'no-repeat';
+    background-repeat: "no-repeat";
     background-position: center;
     background-size: cover;
     position: relative;
     height: 100%; }
     ._1KLz9 ._3qndF ._JzdCr {
-      padding-top: 64px;
-      padding-left: 56px; }
+      padding: 64px 56px; }
+      ._1KLz9 ._3qndF ._JzdCr p, ._1KLz9 ._3qndF ._JzdCr li {
+        font-size: 14px;
+        font-weight: 400; }
     ._1KLz9 ._3qndF ._19aCA {
       display: flex;
       position: absolute;
@@ -119,29 +115,40 @@
       justify-content: space-between;
       align-items: center; }
 
+._2HB5r {
+  padding-right: 30px !important; }
+
 ._xvNBN {
   border-radius: 8px;
   font-size: 14px;
   border: none;
   line-height: 18px;
   font-weight: 600;
-  padding: 7px 12px; }
+  padding: 7px 12px;
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  transition: all 0.3s; }
   ._xvNBN:disabled {
     pointer-events: none;
-    background-color: #F5F9FA;
+    background-color: #f5f9fa;
     color: #585869; }
+    ._xvNBN:disabled path {
+      fill: #585869; }
 
 ._U9Qyp {
   background-color: #025675;
-  color: #FFFFFF; }
+  color: #ffffff; }
+  ._U9Qyp path {
+    fill: #ffffff; }
   ._U9Qyp:hover {
-    background-color: #007A99; }
+    background-color: #007a99; }
 
 ._1VzMy {
-  background-color: #A6A6AD;
+  background-color: #f5f9fa;
   color: #101129; }
   ._1VzMy:hover {
-    background-color: #E6E6EB; }
+    background-color: #e6e6eb; }
 
 ._pZNuj {
   background-color: transparent;
@@ -156,36 +163,60 @@
     margin-bottom: 4px; }
   ._1WdX2 input {
     border-radius: 8px;
-    border: 1px solid #E6E6EB;
+    border: 1px solid #e6e6eb;
     height: 32px;
     font-size: 14px;
     font-weight: 400;
-    padding: 7px 12px; }
-    ._1WdX2 input:disabled {
-      pointer-events: none;
-      background-color: #F5F9FA; }
-    ._1WdX2 input:focus-visible {
-      border: 2px solid #00AFDA;
-      outline: none; }
-    ._1WdX2 input::-moz-placeholder {
-      color: #A6A6AD; }
-    ._1WdX2 input::placeholder {
-      color: #A6A6AD; }
-    ._1WdX2 input:hover {
-      background-color: #F5F9FA; }
+    color: #212126; }
+
+._3X2RJ input {
+  padding: 7px 12px; }
+  ._3X2RJ input:disabled {
+    pointer-events: none;
+    background-color: #f5f9fa; }
+  ._3X2RJ input:focus-visible {
+    border: 2px solid #00afda;
+    outline: none; }
+  ._3X2RJ input::-moz-placeholder {
+    color: #a6a6ad; }
+  ._3X2RJ input::placeholder {
+    color: #a6a6ad; }
+  ._3X2RJ input:hover {
+    background-color: #e5f9ff; }
+
+._bVYtv input {
+  border: none;
+  outline: none; }
+  ._bVYtv input::-moz-placeholder {
+    color: #a6a6ad; }
+  ._bVYtv input::placeholder {
+    color: #a6a6ad; }
 
 ._n7n3Q input {
-  border-color: #CE3636; }
+  border-color: #ce3636; }
   ._n7n3Q input:focus-visible {
-    border-color: #CE3636; }
+    border-color: #ce3636; }
+
+._1Mmxr {
+  display: flex;
+  color: #ce3636;
+  margin-top: 2px; }
+  ._1Mmxr p {
+    font-size: 13px;
+    font-weight: 400;
+    margin: 0; }
 
 ._2sg12 {
   display: flex;
   flex-direction: column; }
-  ._2sg12 label {
+  ._2sg12 ._1-XBo {
     font-size: 13px;
     font-weight: 600;
     margin-bottom: 4px; }
+  ._2sg12 label {
+    font-weight: 400 !important;
+    color: #212126 !important;
+    margin-top: 2px; }
 
 ._3HY4f {
   display: inline-flex;
@@ -197,16 +228,17 @@
     width: 16px;
     height: 16px;
     border-radius: 4px !important;
-    border: 1px solid #A6A6AD; }
+    border: 1px solid #a6a6ad;
+    transition: all 0.3s; }
     ._3HY4f input:focus {
       box-shadow: none; }
     ._3HY4f input:checked {
-      background-color: #00AFDA;
-      border-color: #00AFDA; }
+      background-color: #00afda;
+      border-color: #00afda; }
     ._3HY4f input:hover {
       cursor: pointer; }
     ._3HY4f input:not(:checked):not(:disabled):hover {
-      background-color: #E6E6EB; }
+      background-color: #e6e6eb; }
 
 ._kvUpe {
   display: inline-flex;
@@ -220,30 +252,50 @@
     width: 16px;
     height: 16px;
     border-radius: 4px;
-    border: 1px solid #A6A6AD; }
+    border: 1px solid #a6a6ad;
+    transition: all .3s; }
     ._kvUpe input:focus {
       box-shadow: none; }
     ._kvUpe input:checked {
-      background-color: #00AFDA;
-      border-color: #00AFDA;
+      background-color: #00afda;
+      border-color: #00afda;
       background-image: none; }
     ._kvUpe input:hover {
       cursor: pointer; }
     ._kvUpe input:not(:checked):not(:disabled):hover {
-      background-color: #E6E6EB; }
-
-._1Mmxr {
-  display: flex;
-  color: #CE3636;
-  margin-top: 2px; }
-  ._1Mmxr p {
-    font-size: 13px;
-    font-weight: 400;
-    margin: 0;
-    margin-left: 4px; }
+      background-color: #e6e6eb; }
 
 ._2y5ln {
   padding: 16px 24px !important; }
   ._2y5ln h5 {
     font-size: 18px;
     font-weight: 700; }
+
+._1dzD7 {
+  display: flex;
+  flex-direction: column; }
+  ._1dzD7 label {
+    font-size: 13px;
+    font-weight: 600;
+    margin-bottom: 4px; }
+
+._1b_C3 textarea {
+  width: 100%;
+  outline: none;
+  border-radius: 8px;
+  border: 1px solid #e6e6eb;
+  padding: 8px 12px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #212126; }
+  ._1b_C3 textarea:hover {
+    background-color: #e5f9ff; }
+  ._1b_C3 textarea::-moz-placeholder {
+    color: #a6a6ad; }
+  ._1b_C3 textarea::placeholder {
+    color: #a6a6ad; }
+
+._1b_C3 label {
+  font-size: 13px;
+  font-weight: 600;
+  margin-bottom: 4px; }

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 declare const historyCore: import("history").History<unknown>;
-import { setLoading, setAlert, setUser } from "./redux/commons/action";
-import { BASE_URL, ACCESS_TOKEN } from "./utils/constants";
+import { setLoading, setAlert, setUser, setMenuCollapse } from "./redux/commons/action";
+import { BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE } from "./utils/constants";
 import Login from "./containers/Login/views/Login";
 import store from "./store";
 import NotFound from "./components/Commons/NotFound";
@@ -13,10 +13,10 @@ import { ToastContainer, toast } from "react-toastify";
 import { Role } from "./containers/Login/configs/constants";
 import CustomPagination from "./components/Paginations/CustomPagination";
 import useGoogleSignOut from "./utils/hooks/useGoogleSignOut";
-import { CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal } from "./components";
+import { CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea } from "./components";
 import { getErrorMessage } from "./utils/getErrorMessage";
 import CustomSelect from "./components/Selects/CustomSelect";
 import CustomAsyncSelect from "./components/Selects/CustomAsyncSelect";
 import CustomCreatable from "./components/Selects/CustomCreatable";
 import CustomSelectOption from "./components/Selects/CustomSelectOption";
-export { setLoading, BASE_URL, ACCESS_TOKEN, Login, store, historyCore, setAlert, setUser, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, ToastContainer, toast, Role, CustomPagination, useGoogleSignOut, CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, getErrorMessage, CustomSelect, CustomAsyncSelect, CustomCreatable, CustomSelectOption };
+export { setLoading, BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE, Login, store, historyCore, setAlert, setUser, setMenuCollapse, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, ToastContainer, toast, Role, CustomPagination, useGoogleSignOut, CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, getErrorMessage, CustomSelect, CustomAsyncSelect, CustomCreatable, CustomSelectOption };