acsi-core 0.1.9 → 0.1.11

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/CoreSearch/index.d.ts

@@ -4,6 +4,7 @@ interface IProps {
     value: string;
     onChange: (name: string, value: string) => void;
     width?: number;
+    onPressEnter?: () => void;
 }
 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

@@ -8,3 +8,6 @@ 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

@@ -296,10 +296,18 @@
   ._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;
@@ -329,3 +337,72 @@
     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, CoreSearch } 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, CoreSearch, 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 };