acsi-core 0.1.1 → 0.1.2

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface IProps {
+    type?: "primary" | "secondary" | "text";
+    children: string | JSX.Element;
+    onClick?: () => void;
+    icon?: JSX.Element | string;
+    disabled?: boolean;
+}
+declare const CoreButton: (props: IProps) => React.JSX.Element;
+export default CoreButton;

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface IProps {
+    name: string;
+    checked: boolean;
+    onChange: (name: string, checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+}
+declare const CoreInput: (props: IProps) => React.JSX.Element;
+export default CoreInput;

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

@@ -0,0 +1,6 @@
+import React from "react";
+interface IProps {
+    message: string;
+}
+declare const CoreError: (props: IProps) => React.JSX.Element;
+export default CoreError;

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

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

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

@@ -0,0 +1,9 @@
+import React from "react";
+interface IProps {
+    open: boolean;
+    onClose: () => void;
+    children: JSX.Element;
+    title: string;
+}
+declare const CoreModal: (props: IProps) => React.JSX.Element;
+export default CoreModal;

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

@@ -0,0 +1,14 @@
+import React from "react";
+interface IOption {
+    label: string;
+    value: string;
+}
+interface IProps {
+    name: string;
+    value: string;
+    options: IOption[];
+    onChange: (name: string, value: string) => void;
+    disabled?: boolean;
+}
+declare const CoreRadio: (props: IProps) => React.JSX.Element;
+export default CoreRadio;

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

@@ -0,0 +1,18 @@
+import React from "react";
+interface IOprion {
+    label: string;
+    value: string;
+}
+interface IProps {
+    name: string;
+    options: IOprion[];
+    value: string | null;
+    onChange: (name: string, value: string) => void;
+    disabled?: boolean;
+    label?: string;
+    width?: number;
+    placeholder?: string;
+    error?: boolean;
+}
+declare const CoreSelect: (props: IProps) => React.JSX.Element;
+export default CoreSelect;

package/dist/components/Selects/CustomAsyncSelect.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CustomAsyncSelect: ({ isDefault, defaultValue, options, isDisabled, scrollBottom, value, isMulti, ...rest }: any) => React.JSX.Element;
+export default CustomAsyncSelect;

package/dist/components/Selects/CustomCreatable.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CustomCreatable: ({ defaultValue, options, isDisabled, scrollBottom, value, isMulti, ...rest }: any) => React.JSX.Element;
+export default CustomCreatable;

package/dist/components/Selects/CustomSelect.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CustomSelect: ({ isDefault, defaultValue, options, isDisabled, scrollBottom, value, isMulti, ...rest }: any) => React.JSX.Element;
+export default CustomSelect;

package/dist/components/Selects/CustomSelectOption.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CustomSelectOption: ({ defaultValue, options, isDisabled, scrollBottom, value, isMulti, ...rest }: any) => React.JSX.Element;
+export default CustomSelectOption;

package/dist/components/Selects/partials/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { DropdownIndicatorProps } from 'react-select';
+export declare const DropdownIndicator: (props: DropdownIndicatorProps) => React.JSX.Element;
+export declare const CustomOption: (props: any) => React.JSX.Element;

package/dist/components/Selects/theme/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const customStyles: {
+    control: (baseStyles: any, state: any) => any;
+    input: (baseStyles: any, _: any) => any;
+    singleValue: (baseStyles: any) => any;
+    option: (baseStyles: any, state: any) => any;
+};

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+export { default as CoreButton } from "./CoreButton";
+export { default as CoreInput } from "./CoreInput";
+export { default as CoreSelect } from "./CoreSelect";
+export { default as CoreCheckbox } from "./CoreCheckbox";
+export { default as CoreRadio } from "./CoreRadio";
+export { default as CoreError } from "./CoreError";
+export { default as CoreModal } from "./CoreModal";

package/dist/containers/Login/configs/default.d.ts

@@ -0,0 +1 @@
+export declare const itemLogin: string[];

package/dist/index.css

@@ -1,36 +1,249 @@
-._18HOc ._397BX {
-  border: 0;
-  background: transparent;
-  margin-left: 1.5rem;
-  background-color: #02b1e1 !important;
-  color: white;
-  font-family: "Roboto Slab", serif;
-  padding: 0.3rem 1rem;
-  border-radius: 8px;
-  margin-top: 1rem; }
-  ._18HOc ._397BX img {
-    height: 0.9rem;
-    margin-right: 0.3rem; }
-
-._18HOc ._2ZRO9 {
-  width: 760px;
-  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25098);
-  border-radius: 10px; }
-  ._18HOc ._2ZRO9 ._ii7EY {
-    background-color: #00b1e1;
-    color: white;
+@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;
+  height: 90vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  font-family: 'Nunito', sans-serif; }
+  ._1KLz9 ._2Jo1o {
+    width: 324px;
+    text-align: center; }
+    ._1KLz9 ._2Jo1o ._3egBO {
+      margin-bottom: 8px; }
+      ._1KLz9 ._2Jo1o ._3egBO span {
+        font-weight: 700;
+        font-size: 2rem; }
+    ._1KLz9 ._2Jo1o ._1DoIT {
+      font-weight: 400;
+      font-size: 1rem;
+      line-height: 21.82px;
+      color: #585869;
+      margin-bottom: 40px; }
+    ._1KLz9 ._2Jo1o ._34hK_ button {
+      width: 100%;
+      padding: 12px;
+      border-radius: 12px;
+      border: none;
+      background-color: #FFCE09;
+      font-size: 16px;
+      font-weight: 600;
+      color: #101129;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      margin-bottom: 19px; }
+    ._1KLz9 ._2Jo1o ._2e9xO {
+      font-size: 13px;
+      color: #C6C6CC;
+      height: 18px;
+      width: 100%;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px; }
+    ._1KLz9 ._2Jo1o ._2e9xO::before,
+    ._1KLz9 ._2Jo1o ._2e9xO::after {
+      content: '';
+      display: block;
+      width: 144px;
+      height: 1px;
+      background-color: #E6E6EB;
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%); }
+    ._1KLz9 ._2Jo1o ._2e9xO::before {
+      left: 0; }
+    ._1KLz9 ._2Jo1o ._2e9xO::after {
+      right: 0; }
+    ._1KLz9 ._2Jo1o ._3zXRp {
+      margin-top: 17px; }
+      ._1KLz9 ._2Jo1o ._3zXRp input {
+        width: 100%;
+        outline: none;
+        border: 1px solid #E6E6EB;
+        border-radius: 8px;
+        font-size: 14px;
+        color: #A6A6AD;
+        height: 48px;
+        padding: 15px 16px; }
+    ._1KLz9 ._2Jo1o ._21FPk {
+      background-color: #E5F9FF;
+      font-size: 16px;
+      font-weight: 600;
+      border-radius: 12px;
+      border: none;
+      width: 100%;
+      padding: 14px 24px;
+      margin-top: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px; }
+  ._1KLz9 ._1QERu {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    height: 100%;
+    flex-direction: column;
+    width: 100%; }
+  ._1KLz9 ._2-znH {
+    text-align: center;
+    position: absolute;
+    bottom: 0; }
+  ._1KLz9 ._1aB2m {
     text-align: center;
-    font-family: "Roboto Slab", serif;
-    font-size: 1.8rem;
-    padding: 1.4rem 1rem;
-    border-top-left-radius: 10px;
-    border-top-right-radius: 10px; }
-  ._18HOc ._2ZRO9 ._LLdCT button {
-    box-shadow: 0px 1px 8px #00000040;
-    font-size: 1.2rem;
-    margin-bottom: 0.6rem;
-    color: white;
+    position: absolute;
+    top: 0;
+    left: 0; }
+  ._1KLz9 ._3qndF {
+    border-radius: 40px;
+    background-repeat: 'no-repeat';
+    background-position: center;
+    background-size: cover;
+    position: relative;
+    height: 100%; }
+    ._1KLz9 ._3qndF ._JzdCr {
+      padding-top: 64px;
+      padding-left: 56px; }
+    ._1KLz9 ._3qndF ._19aCA {
+      display: flex;
+      position: absolute;
+      bottom: 0;
+      left: 37px;
+      justify-content: space-between;
+      align-items: center; }
+
+._xvNBN {
+  border-radius: 8px;
+  font-size: 14px;
+  border: none;
+  line-height: 18px;
+  font-weight: 600;
+  padding: 7px 12px; }
+  ._xvNBN:disabled {
+    pointer-events: none;
+    background-color: #F5F9FA;
+    color: #585869; }
+
+._U9Qyp {
+  background-color: #025675;
+  color: #FFFFFF; }
+  ._U9Qyp:hover {
+    background-color: #007A99; }
+
+._1VzMy {
+  background-color: #A6A6AD;
+  color: #101129; }
+  ._1VzMy:hover {
+    background-color: #E6E6EB; }
+
+._pZNuj {
+  background-color: transparent;
+  color: #101129; }
+
+._1WdX2 {
+  display: flex;
+  flex-direction: column; }
+  ._1WdX2 label {
+    font-size: 13px;
+    font-weight: 600;
+    margin-bottom: 4px; }
+  ._1WdX2 input {
     border-radius: 8px;
-    border: 0px;
-    padding-bottom: 0.4rem;
-    padding-top: 0.4rem; }
+    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; }
+
+._n7n3Q input {
+  border-color: #CE3636; }
+  ._n7n3Q input:focus-visible {
+    border-color: #CE3636; }
+
+._2sg12 {
+  display: flex;
+  flex-direction: column; }
+  ._2sg12 label {
+    font-size: 13px;
+    font-weight: 600;
+    margin-bottom: 4px; }
+
+._3HY4f {
+  display: inline-flex;
+  align-items: center; }
+  ._3HY4f label {
+    font-size: 14px;
+    font-weight: 600; }
+  ._3HY4f input {
+    width: 16px;
+    height: 16px;
+    border-radius: 4px !important;
+    border: 1px solid #A6A6AD; }
+    ._3HY4f input:focus {
+      box-shadow: none; }
+    ._3HY4f input:checked {
+      background-color: #00AFDA;
+      border-color: #00AFDA; }
+    ._3HY4f input:hover {
+      cursor: pointer; }
+    ._3HY4f input:not(:checked):not(:disabled):hover {
+      background-color: #E6E6EB; }
+
+._kvUpe {
+  display: inline-flex;
+  align-items: center; }
+  ._kvUpe ._3ToPe {
+    display: flex; }
+  ._kvUpe label {
+    font-size: 14px;
+    font-weight: 600; }
+  ._kvUpe input {
+    width: 16px;
+    height: 16px;
+    border-radius: 4px;
+    border: 1px solid #A6A6AD; }
+    ._kvUpe input:focus {
+      box-shadow: none; }
+    ._kvUpe input:checked {
+      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; }
+
+._2y5ln {
+  padding: 16px 24px !important; }
+  ._2y5ln h5 {
+    font-size: 18px;
+    font-weight: 700; }

package/dist/index.d.ts

@@ -13,4 +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";
-export { setLoading, BASE_URL, ACCESS_TOKEN, Login, store, historyCore, setAlert, setUser, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, ToastContainer, toast, Role, CustomPagination, useGoogleSignOut };
+import { CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal } 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 };