acsi-core 0.1.8 → 0.1.10

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

@@ -14,6 +14,7 @@ interface IProps {
     fontWeight?: string;
     onKeyDown?: (e: any) => void;
     ref?: any;
+    maxLength?: number;
 }
 declare const CoreInput: (props: IProps) => React.JSX.Element;
 export default CoreInput;

package/dist/components/CoreInputCompact/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 CoreInputCompact: (props: IProps) => React.JSX.Element;
+export default CoreInputCompact;

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

@@ -7,6 +7,7 @@ interface IProps {
     footer?: JSX.Element;
     handleSubmit?: any;
     onSubmit?: any;
+    bodyPadding?: string;
 }
 declare const CoreModal: (props: IProps) => React.JSX.Element;
 export default CoreModal;

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

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

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

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

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

@@ -8,6 +8,8 @@ interface IProps {
     cols?: number;
     rows?: number;
     width?: number;
+    tooltip?: string;
+    isOptional?: boolean;
 }
 declare const CoreTextArea: (props: IProps) => React.JSX.Element;
 export default CoreTextArea;

package/dist/components/CoreTitleInput/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;
+    width?: number;
+    placeholder?: string;
+    error?: boolean;
+    size?: "h1" | "h2";
+}
+declare const CoreTitleInput: (props: IProps) => React.JSX.Element;
+export default CoreTitleInput;

package/dist/components/index.d.ts

@@ -7,3 +7,7 @@ export { default as CoreError } from "./CoreError";
 export { default as CoreModal } from "./CoreModal";
 export { default as CoreRange } from "./CoreRange";
 export { default as CoreTextArea } from "./CoreTextArea";
+export { default as CoreSearch } from "./CoreSearch";
+export { default as CoreSelectCompact } from "./CoreSelectCompact";
+export { default as CoreInputCompact } from "./CoreInputCompact";
+export { default as CoreTitleInput } from "./CoreTitleInput";

package/dist/index.css

@@ -104,7 +104,8 @@
     height: 100%; }
     ._1KLz9 ._3qndF ._JzdCr {
       padding: 64px 56px; }
-      ._1KLz9 ._3qndF ._JzdCr p, ._1KLz9 ._3qndF ._JzdCr li {
+      ._1KLz9 ._3qndF ._JzdCr p,
+      ._1KLz9 ._3qndF ._JzdCr li {
         font-size: 14px;
         font-weight: 400; }
     ._1KLz9 ._3qndF ._19aCA {
@@ -271,9 +272,6 @@
     font-size: 18px;
     font-weight: 700; }
 
-._2GdIt {
-  padding: 16px 24px 40px 24px !important; }
-
 ._1dzD7 {
   display: flex;
   flex-direction: column; }
@@ -298,7 +296,113 @@
   ._1b_C3 textarea::placeholder {
     color: #a6a6ad; }
 
-._1b_C3 label {
-  font-size: 13px;
-  font-weight: 600;
-  margin-bottom: 4px; }
+._1b_C3 ._15n2K {
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 4px;
+  color: #585869;
+  display: flex;
+  align-items: center;
+  gap: 2px; }
+  ._1b_C3 ._15n2K ._1fHZB {
+    color: #a6a6ad; }
+  ._1b_C3 ._15n2K ._38AfS {
+    cursor: pointer; }
+
+._wyI1K {
+  height: 32px;
+  border: 1px solid #e6e6eb;
+  border-radius: 8px;
+  padding-inline: 12px;
+  display: flex;
+  align-items: center;
+  gap: 2px; }
+  ._wyI1K:focus-within {
+    border: 2px solid #00afda; }
+  ._wyI1K::-moz-placeholder {
+    color: #a6a6ad; }
+  ._wyI1K::placeholder {
+    color: #a6a6ad; }
+  ._wyI1K:hover {
+    background-color: #e5f9ff; }
+    ._wyI1K:hover ._9XW-D {
+      background-color: #e5f9ff; }
+  ._wyI1K ._9XW-D {
+    font-size: 14px;
+    font-weight: 400;
+    flex: 1;
+    height: 18px;
+    border: none;
+    outline: none;
+    min-width: 0; }
+  ._wyI1K ._1nhXy {
+    cursor: pointer; }
+
+._3ql5D label {
+  font-weight: 400 !important;
+  color: #212126 !important;
+  margin-top: 2px; }
+
+._3ql5D ._3fPQC {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #585869;
+  padding: 4px; }
+
+._1qmXW {
+  display: flex;
+  flex-direction: column; }
+  ._1qmXW ._1argp {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #585869;
+    padding: 4px; }
+  ._1qmXW input {
+    border: none;
+    outline: none;
+    border-radius: 6px;
+    height: 26px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #212126; }
+    ._1qmXW input:hover {
+      background-color: #e5f9ff !important; }
+    ._1qmXW input::-moz-placeholder {
+      color: #a6a6ad; }
+    ._1qmXW input::placeholder {
+      color: #a6a6ad; }
+    ._1qmXW input:disabled {
+      pointer-events: none;
+      background-color: transparent;
+      color: #212126; }
+    ._1qmXW input:focus-visible {
+      box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.1); }
+
+._2YqZu {
+  display: flex;
+  flex-direction: column; }
+  ._2YqZu input {
+    border: none;
+    outline: none;
+    border-radius: 6px;
+    color: #212126; }
+    ._2YqZu input::-moz-placeholder {
+      color: #a6a6ad; }
+    ._2YqZu input::placeholder {
+      color: #a6a6ad; }
+
+._23-uu {
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32.74px; }
+
+._16lQL {
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 24.55px; }

package/dist/index.d.ts

@@ -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, CoreRange, CoreTextArea } from "./components";
+import { CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput } 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, 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 };
+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, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput, getErrorMessage, CustomSelect, CustomAsyncSelect, CustomCreatable, CustomSelectOption };