@antscorp/antsomi-ui 1.3.5-beta.764 → 1.3.5-beta.766

package/es/components/molecules/AddDynamicContent/components/DisplayFormat/DisplayFormat.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 type DisplayFormatProps = {

package/es/components/molecules/ChatBox/ChatBoxInsight/styled.js

@@ -117,6 +117,7 @@ export const MessageItemWrapper = styled.div `
   .answer {
     padding: 10px;
     border-radius: 10px;
+    word-break: break-word;
   }
 
   .icon {
@@ -275,19 +276,28 @@ export const InputWrapper = styled.div `
   .input {
     border: none;
     font-size: 12px;
-    line-height: 14px;
+    line-height: 1.5 !important;
 
     /* padding: 10px 0px; */
-    min-height: 30px !important;
+    min-height: auto !important;
     max-height: 230px !important;
     background: #eef5fc;
     margin: 10px 0;
+    padding: 0;
 
     &:focus {
       outline: none !important;
       box-shadow: none !important;
       background: #eef5fc;
     }
+
+    &::placeholder {
+      font-size: 12px;
+      font-style: normal !important;
+      line-height: 1.5 !important;
+      color: #a2a2a2;
+      font-weight: 400;
+    }
   }
   .submit-btn {
     border: none;

package/es/components/molecules/ChatBox/styled.js

@@ -118,6 +118,7 @@ export const MessageItemWrapper = styled.div `
   .answer {
     padding: 10px;
     border-radius: 10px;
+    word-break: break-word;
   }
 
   .icon {
@@ -267,19 +268,28 @@ export const InputWrapper = styled.div `
   .input {
     border: none;
     font-size: 12px;
-    line-height: 14px;
+    line-height: 1.5 !important;
 
     /* padding: 10px 0px; */
-    min-height: 30px !important;
+    min-height: auto !important;
     max-height: 230px !important;
     background: #eef5fc;
     margin: 10px 0;
+    padding: 0;
 
     &:focus {
       outline: none !important;
       box-shadow: none !important;
       background: #eef5fc;
     }
+
+    &::placeholder {
+      font-size: 12px;
+      font-style: normal !important;
+      line-height: 1.5 !important;
+      color: #a2a2a2;
+      font-weight: 400;
+    }
   }
   .submit-btn {
     border: none;
@@ -307,13 +317,13 @@ export const InputWrapper = styled.div `
     left: 3px;
   }
 
-  .textarea {
+  /* .textarea {
     &::placeholder {
       color: #a2a2a2;
       font-size: 12px;
       font-weight: 400;
     }
-  }
+  } */
 `;
 export const TypingCursor = styled.div `
   width: 3px;

package/es/components/molecules/TagifyInput/TagifyInput.js

@@ -18,7 +18,7 @@ import { parseTagString, convertInputString, emojiManufacturer, getEmojiTag } fr
 import { EMOJI, defaultCssVariables, tagifyDefaultProps } from './constants';
 const TagifyInput = forwardRef((props, ref) => {
     // Props
-    const { value, acceptableTagPattern, mapAttributes, maxTags, mode, name, children, cssTagifyVariables, onTagClick, onChange, } = props;
+    const { value, placeholder, acceptableTagPattern, mapAttributes, maxTags, mode, name, children, cssTagifyVariables, onTagClick, onChange, } = props;
     // console.log('========= props ============', props);
     // console.count('------------ re-render ------------');
     // States
@@ -116,6 +116,7 @@ const TagifyInput = forwardRef((props, ref) => {
                 },
                 maxTags,
                 mode,
+                placeholder,
                 mixMode: {
                     insertAfterTag: '', // Not insert anything after tag
                 },
@@ -125,7 +126,7 @@ const TagifyInput = forwardRef((props, ref) => {
                 editTags: false, // Allow tag editing
             });
         }
-    }, [mode, maxTags, customizeTag]);
+    }, [mode, placeholder, maxTags, customizeTag]);
     // Initialization tagify
     useLayoutEffect(() => {
         initializeTagify();

package/es/components/molecules/TagifyInput/constants.d.ts

@@ -44,6 +44,7 @@ export declare const TAG_COLOR: {
     readonly custom: "#bbefbe";
 };
 export declare const EMOJI_COLLECTIONS: {
+    readonly COMMON: "common";
     readonly VIBER: "viber";
     readonly LINE: "line";
 };

package/es/components/molecules/TagifyInput/constants.js

@@ -34,6 +34,7 @@ export const tagifyDefaultProps = {
     value: '',
     mode: 'mix',
     name: 'tagifyInput',
+    placeholder: undefined,
     acceptableTagPattern: DEFAULT_ACCEPT_TAGS,
     onChange: () => { },
 };
@@ -56,6 +57,7 @@ export const TAG_COLOR = {
     [CUSTOM_FN]: '#bbefbe',
 };
 export const EMOJI_COLLECTIONS = {
+    COMMON: 'common',
     VIBER: 'viber',
     LINE: 'line',
 };