acsi-core 0.1.3 → 0.1.5

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

@@ -7,6 +7,7 @@ interface IProps {
     disabled?: boolean;
     background?: string;
     color?: string;
+    htmlType?: "button" | "submit";
 }
 declare const CoreButton: (props: IProps) => React.JSX.Element;
 export default CoreButton;

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

@@ -6,7 +6,7 @@ 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;
@@ -14,6 +14,10 @@ interface IProps {
     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/index.css

@@ -1,11 +1,6 @@
 ._1KLz9 {
   margin: 40px;
   height: 90vh;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
   font-family: "Nunito", sans-serif; }
   ._1KLz9 ._2Jo1o {
     width: 324px;
@@ -26,7 +21,7 @@
       padding: 12px;
       border-radius: 12px;
       border: none;
-      background-color: #FFCE09;
+      background-color: #ffce09;
       font-size: 16px;
       font-weight: 600;
       color: #101129;
@@ -51,7 +46,7 @@
       display: block;
       width: 144px;
       height: 1px;
-      background-color: #E6E6EB;
+      background-color: #e6e6eb;
       position: absolute;
       top: 50%;
       transform: translateY(-50%); }
@@ -64,10 +59,10 @@
       ._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 {
@@ -99,7 +94,7 @@
     text-align: center;
     position: absolute;
     top: 0;
-    left: 0; }
+    left: 30px; }
   ._1KLz9 ._3qndF {
     border-radius: 40px;
     background-repeat: "no-repeat";
@@ -108,11 +103,10 @@
     position: relative;
     height: 100%; }
     ._1KLz9 ._3qndF ._JzdCr {
-      padding-top: 64px;
-      padding-left: 56px; }
-      @media (min-width: 1024px) {
-        ._1KLz9 ._3qndF ._JzdCr {
-          padding-right: 21px; } }
+      padding: 64px 56px; }
+      ._1KLz9 ._3qndF ._JzdCr p, ._1KLz9 ._3qndF ._JzdCr li {
+        font-size: 14px;
+        font-weight: 400; }
     ._1KLz9 ._3qndF ._19aCA {
       display: flex;
       position: absolute;
@@ -121,6 +115,9 @@
       justify-content: space-between;
       align-items: center; }
 
+._2HB5r {
+  padding-right: 30px !important; }
+
 ._xvNBN {
   border-radius: 8px;
   font-size: 14px;
@@ -129,28 +126,29 @@
   font-weight: 600;
   padding: 7px 12px;
   display: flex;
+  gap: 4px;
   align-items: center;
-  transition: all .3s; }
-  ._xvNBN svg {
-    margin-right: 4px; }
+  transition: all 0.3s; }
   ._xvNBN:disabled {
-    pointer-events: none; }
+    pointer-events: none;
+    background-color: #f5f9fa;
+    color: #585869; }
     ._xvNBN:disabled path {
       fill: #585869; }
 
 ._U9Qyp {
   background-color: #025675;
-  color: #FFFFFF; }
+  color: #ffffff; }
   ._U9Qyp path {
-    fill: #FFFFFF; }
+    fill: #ffffff; }
   ._U9Qyp:hover {
-    background-color: #007A99; }
+    background-color: #007a99; }
 
 ._1VzMy {
-  background-color: #F5F9FA;
+  background-color: #f5f9fa;
   color: #101129; }
   ._1VzMy:hover {
-    background-color: #E6E6EB; }
+    background-color: #e6e6eb; }
 
 ._pZNuj {
   background-color: transparent;
@@ -163,58 +161,62 @@
     font-size: 13px;
     font-weight: 600;
     margin-bottom: 4px; }
+  ._1WdX2 input {
+    border-radius: 8px;
+    border: 1px solid #e6e6eb;
+    height: 32px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #212126; }
 
 ._3X2RJ input {
-  border-radius: 8px;
-  border: 1px solid #E6E6EB;
-  height: 32px;
-  font-size: 14px;
-  font-weight: 400;
   padding: 7px 12px; }
   ._3X2RJ input:disabled {
     pointer-events: none;
-    background-color: #F5F9FA; }
+    background-color: #f5f9fa; }
   ._3X2RJ input:focus-visible {
-    border: 2px solid #00AFDA;
+    border: 2px solid #00afda;
     outline: none; }
   ._3X2RJ input::-moz-placeholder {
-    color: #A6A6AD; }
+    color: #a6a6ad; }
   ._3X2RJ input::placeholder {
-    color: #A6A6AD; }
+    color: #a6a6ad; }
   ._3X2RJ input:hover {
-    background-color: #F5F9FA; }
+    background-color: #e5f9ff; }
 
 ._bVYtv input {
   border: none;
-  outline: none;
-  color: #A6A6AD; }
+  outline: none; }
   ._bVYtv input::-moz-placeholder {
-    color: #A6A6AD; }
+    color: #a6a6ad; }
   ._bVYtv input::placeholder {
-    color: #A6A6AD; }
+    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;
+  color: #ce3636;
   margin-top: 2px; }
   ._1Mmxr p {
     font-size: 13px;
     font-weight: 400;
-    margin: 0;
-    margin-left: 4px; }
+    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;
@@ -226,17 +228,17 @@
     width: 16px;
     height: 16px;
     border-radius: 4px !important;
-    border: 1px solid #A6A6AD;
-    transition: all .3s; }
+    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;
@@ -250,18 +252,18 @@
     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; }
+      background-color: #e6e6eb; }
 
 ._2y5ln {
   padding: 16px 24px !important; }
@@ -278,11 +280,22 @@
     margin-bottom: 4px; }
 
 ._1b_C3 textarea {
-  border: none;
+  width: 100%;
   outline: none;
   border-radius: 8px;
-  border: 1px solid #E6E6EB;
+  border: 1px solid #e6e6eb;
   padding: 8px 12px;
-  color: #a6a6ad;
   font-size: 14px;
-  font-weight: 400; }
+  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, setMenuCollapse } from "./redux/commons/action";
-import { BASE_URL, ACCESS_TOKEN } from "./utils/constants";
+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";
@@ -19,4 +19,4 @@ 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, 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 };
+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 };