@omniumretail/component-library 1.2.32 → 1.2.34

package/dist/types/components/Tag/index.d.ts

@@ -17,5 +17,6 @@ export interface customTagProps extends TagProps {
         display: string;
         value: string;
     }[];
+    inputPlacehold?: string;
 }
 export declare const TagField: (props: customTagProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.2.32",
+  "version": "1.2.34",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/CategoryResponse/index.tsx

@@ -398,6 +398,7 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
                                                         beforeUpload={() => false} // Prevent automatic upload
                                                         onChange={({ fileList }) => handleFileChange(fileList, selectedCategory.Data.CategoryId, question.Id)}
                                                         onPreview={onPreview}
+                                                        className={styles.uploadFiles}
                                                     >
                                                         <div className={styles.uploadIconContainer}>
                                                             <PictureOutlined className={styles.iconStyle} />

package/src/components/Tag/Tag.stories.tsx

@@ -15,14 +15,9 @@ const Template: Story<TagProps> = (args) => {
     const advancedsFilters = [{ display: t('components.tag.State'), value: "State" }, { display: t('components.tag.1'), value: "Olaaaaaa" }];
     const [switchTest, setSwitchTest] = useState<boolean>(false);
 
-    console.log('page: basic', tagsInfo, 'advanced', advancedTagsInfo);
-
     return <TagField
         disable={false}
         {...args}
-        defaultAdvancedFilters={[
-            { display: `${t('components.tag.State')}=xpto`, value: "State=xpto" },
-        ]}
         setInactiveUsersSwitch={setSwitchTest}
         advancedTags={advancedsFilters}
         tagsInfo={setTagsInfo}

package/src/components/Tag/index.tsx

@@ -19,10 +19,11 @@ export interface customTagProps extends TagProps {
     setInactiveUsersSwitch?: React.Dispatch<React.SetStateAction<boolean>>;
     hideAdvancedFilters?: boolean;
     defaultAdvancedFilters?: { display: string; value: string }[];
+    inputPlacehold?: string;
 }
 
 export const TagField = (props: customTagProps) => {
-    const { customTags = [], advancedTags, disable, defaultAdvancedFilters = [], hideAdvancedFilters = false } = props;
+    const { customTags = [], advancedTags, disable, defaultAdvancedFilters = [], hideAdvancedFilters = false, inputPlacehold } = props;
 
     const [tags, setTags] = useState<string[]>(customTags.filter(tag => !tag.includes('=')));
     const [inputVisible, setInputVisible] = useState<boolean>(false);
@@ -197,7 +198,8 @@ export const TagField = (props: customTagProps) => {
                 {inputVisible && (
                     <Input
                         ref={inputRef}
-                        type="text"
+                        type="search"
+                        enterKeyHint='done'
                         size="small"
                         value={inputValue}
                         onChange={handleInputChange}
@@ -219,7 +221,11 @@ export const TagField = (props: customTagProps) => {
 
                 {!inputVisible && (
                     <Tag onClick={showInput} className={classNames(styles['tagfield__creator'], 'site-tag-plus')}>
-                        <SearchOutlined /> {t('components.tag.search')}
+                        {inputPlacehold ? inputPlacehold : (
+                            <>
+                                <SearchOutlined /> {t('components.tag.search')}
+                            </>
+                        )}
 
                         {hideAdvancedFilters && (
                             showAdvancedFilters ? (