@omniumretail/component-library 1.0.97 → 1.0.99

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

@@ -1,2 +1,2 @@
 import { AnalyticsBarProps } from './interfaces/analyticsBar';
-export declare const AnalyticsBar: (props: AnalyticsBarProps) => JSX.Element;
+export declare const AnalyticsBar: (props: AnalyticsBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,4 @@ export interface CustomButtonProps extends ButtonProps {
     buttonStyle?: string;
     customClass?: string;
 }
-export declare const Button: ({ customClass, ...props }: CustomButtonProps) => JSX.Element;
+export declare const Button: ({ customClass, ...props }: CustomButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Category/CategoryContent/index.d.ts

@@ -3,5 +3,5 @@ interface categoryContent {
     categoryContentInfo: any;
     categorySidebarData: any;
 }
-export declare const CategoryContent: (props: categoryContent) => JSX.Element;
+export declare const CategoryContent: (props: categoryContent) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/Category/CategorySidebar/index.d.ts

@@ -22,5 +22,5 @@ interface SidebarProps {
     categoryContentFinalData: any;
     data: DataNode[];
 }
-export declare const CategorySidebar: (props: SidebarProps) => JSX.Element;
+export declare const CategorySidebar: (props: SidebarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,5 +3,5 @@ interface Category {
     data: DataNode[];
     serverReadyData: any;
 }
-export declare const Category: (props: Category) => JSX.Element;
+export declare const Category: (props: Category) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,4 +5,4 @@ export type CustomDatePickerProps = DatePickerProps & {
     disabled?: boolean;
     defaultValue?: any;
 };
-export declare const CustomDatePicker: ({ className, onChange, value, isRangePicker, disabled, defaultValue, ...rest }: CustomDatePickerProps) => JSX.Element;
+export declare const CustomDatePicker: ({ className, onChange, value, isRangePicker, disabled, defaultValue, ...rest }: CustomDatePickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,4 +3,4 @@ export interface DatePickerTagProps extends TagProps {
     customTags?: any;
     tagsInfo?: any;
 }
-export declare const DatePickerTag: (props: DatePickerTagProps) => JSX.Element;
+export declare const DatePickerTag: (props: DatePickerTagProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,4 +2,4 @@ export interface FooterProps {
     storeName: string;
     favIcon?: boolean;
 }
-export declare const Footer: (props: FooterProps) => JSX.Element;
+export declare const Footer: (props: FooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,5 +6,5 @@ export interface FormInputFieldProps extends Omit<FormItemProps, "name"> {
 export interface inputPropsCustom extends InputProps {
     customClass?: string;
 }
-export declare const InputField: ({ customClass, ...inputProps }: inputPropsCustom) => JSX.Element;
-export declare const FormInputField: ({ inputProps, ...itemProps }: FormInputFieldProps) => JSX.Element;
+export declare const InputField: ({ customClass, ...inputProps }: inputPropsCustom) => import("react/jsx-runtime").JSX.Element;
+export declare const FormInputField: ({ inputProps, ...itemProps }: FormInputFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -7,4 +7,4 @@ export interface FormInputCountryCodeProps extends Omit<FormItemProps, "name"> {
     value?: string;
     onChange?: (value: any) => void;
 }
-export declare const InputCountryCode: ({ inputProps, selectProps, name, inputWithSelectBoxValue, value, onChange, ...itemProps }: FormInputCountryCodeProps) => JSX.Element;
+export declare const InputCountryCode: ({ inputProps, selectProps, name, inputWithSelectBoxValue, value, onChange, ...itemProps }: FormInputCountryCodeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,4 @@ export interface LabelProps {
     customStyle?: string;
     isUppercase?: boolean;
 }
-export declare const Label: (props: LabelProps) => JSX.Element;
+export declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,4 @@ export interface CustomLinkProps extends ButtonProps {
     linkSecondary?: boolean;
     customClass?: string;
 }
-export declare const Link: ({ customClass, iconAlignRight, linkSecondary, ...props }: CustomLinkProps) => JSX.Element;
+export declare const Link: ({ customClass, iconAlignRight, linkSecondary, ...props }: CustomLinkProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { MenuProps } from 'antd';
-export declare const Menu: (props: MenuProps) => JSX.Element;
+export declare const Menu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,4 +6,4 @@ export interface ModalConfirmationProps {
     isOpen: boolean;
     modalData?: any;
 }
-export declare const ModalConfirmation: (props: ModalConfirmationProps) => JSX.Element;
+export declare const ModalConfirmation: (props: ModalConfirmationProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -13,4 +13,4 @@ export interface ModalWithTableProps {
         value: string;
     }[];
 }
-export declare const ModalWithTable: (props: ModalWithTableProps) => JSX.Element;
+export declare const ModalWithTable: (props: ModalWithTableProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,4 +8,4 @@ export interface NavigationProps {
     backLinkOnClickFunction?: () => void;
     homeOnClickFunction?: () => void;
 }
-export declare const Navigation: (props: NavigationProps) => JSX.Element;
+export declare const Navigation: (props: NavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Questions/SingleQuestion/index.d.ts

@@ -1 +1 @@
-export declare const SingleQuestion: ({ key, provided, snapshot, remove, name, showGrade, handleChanges, ...restField }: any) => JSX.Element;
+export declare const SingleQuestion: ({ key, provided, snapshot, remove, name, showGrade, handleChanges, ...restField }: any) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,4 +2,4 @@ export interface QuestionsProps {
     showGrade?: boolean;
     handleChanges: any;
 }
-export declare const Questions: (props: QuestionsProps) => JSX.Element;
+export declare const Questions: (props: QuestionsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,10 @@
 import type { RadioProps } from 'antd';
 import type { RadioGroupProps } from 'antd/lib/radio';
-export declare const Radio: ({ ...radioProps }: RadioProps) => JSX.Element;
+export declare const Radio: ({ ...radioProps }: RadioProps) => import("react/jsx-runtime").JSX.Element;
 export interface CustomRadioGroupProps extends RadioGroupProps {
     options: {
         label: string;
         value: string;
     }[];
 }
-export declare const RadioGroup: ({ options, ...radioGroupProps }: CustomRadioGroupProps) => JSX.Element;
+export declare const RadioGroup: ({ options, ...radioGroupProps }: CustomRadioGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,4 +8,4 @@ export interface SeparatorProps {
     colorIsBlue?: boolean;
     space: Spaces;
 }
-export declare const Separator: (props: SeparatorProps) => JSX.Element;
+export declare const Separator: (props: SeparatorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,4 +12,4 @@ export interface SidebarProps {
     links: Links[];
     navigateFunction: (targetRoute: string) => void;
 }
-export declare const Sidebar: (props: SidebarProps) => JSX.Element;
+export declare const Sidebar: (props: SidebarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { SwitchProps } from 'antd';
-export declare const Switch: ({ ...props }: SwitchProps) => JSX.Element;
+export declare const Switch: ({ ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -33,5 +33,9 @@ export interface TableCustomProps extends TableProps<any> {
     columnsSortChange?: any;
     sortByColumns?: boolean;
     columnsToSort?: string[];
+    fixedColumns?: {
+        dataIndex: string;
+        side: 'left' | 'right';
+    }[];
 }
-export declare const Table: (props: TableCustomProps) => JSX.Element;
+export declare const Table: (props: TableCustomProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -9,4 +9,4 @@ export interface customTagProps extends TagProps {
     }[];
     addExtraTags?: string;
 }
-export declare const TagField: (props: customTagProps) => JSX.Element;
+export declare const TagField: (props: customTagProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,5 +4,5 @@ interface UploadPropsExtended extends UploadProps {
     initialFileList?: UploadFile[];
     initialImageUrl?: string;
 }
-export declare const Upload: (props: UploadPropsExtended) => JSX.Element;
+export declare const Upload: (props: UploadPropsExtended) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,4 +6,4 @@ export interface UserInfoProps {
     userInfoTranslationsKey?: string;
     customClass?: string;
 }
-export declare const UserInfo: ({ userData, customClass, userImage, userName, userCode, userInfoTranslationsKey, }: UserInfoProps) => JSX.Element;
+export declare const UserInfo: ({ userData, customClass, userImage, userName, userCode, userInfoTranslationsKey, }: UserInfoProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.0.97",
+  "version": "1.0.99",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",
   "dependencies": {
     "@ant-design/icons": "^4.8.0",
-    "@babel/core": "^7.16.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^13.0.0",
@@ -23,7 +21,6 @@
     "babel-loader": "^8.2.3",
     "babel-plugin-named-asset-import": "^0.3.8",
     "babel-preset-react-app": "^10.0.1",
-    "bfj": "^7.0.2",
     "browser-image-compression": "^2.0.2",
     "browserslist": "^4.18.1",
     "camelcase": "^6.2.1",
@@ -50,10 +47,7 @@
     "mini-css-extract-plugin": "^2.7.2",
     "moment": "^2.29.4",
     "postcss": "^8.4.4",
-    "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-loader": "^6.2.1",
-    "postcss-normalize": "^10.0.1",
-    "postcss-preset-env": "^7.0.1",
     "prompts": "^2.4.2",
     "rc-tween-one": "^3.0.6",
     "react": "^18.2.0",
@@ -63,22 +57,13 @@
     "react-dom": "^18.2.0",
     "react-easy-crop": "^4.7.4",
     "react-i18next": "^12.1.4",
-    "react-refresh": "^0.11.0",
-    "resolve": "^1.20.0",
-    "resolve-url-loader": "^4.0.0",
     "sass": "^1.56.1",
     "sass-loader": "^12.3.0",
-    "semver": "^7.3.5",
-    "source-map-loader": "^3.0.0",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^3.0.2",
     "terser-webpack-plugin": "^5.2.5",
     "typescript": "^4.9.3",
     "url-loader": "^4.1.1",
-    "web-vitals": "^2.1.0",
-    "webpack-dev-server": "^4.6.0",
-    "webpack-manifest-plugin": "^4.0.2",
-    "workbox-webpack-plugin": "^6.4.1"
+    "web-vitals": "^2.1.0"
   },
   "scripts": {
     "prepublish": "rm -rf ./dist && npm run build",
@@ -128,7 +113,6 @@
     "@storybook/preset-create-react-app": "^4.1.2",
     "@storybook/react": "^6.5.14",
     "@storybook/testing-library": "^0.0.13",
-    "babel-plugin-named-exports-order": "^0.0.2",
     "prop-types": "^15.8.1",
     "react-scripts": "^5.0.1",
     "storybook-addon-sass-postcss": "^0.1.3",

package/src/components/Table/Table.stories.tsx

@@ -20,7 +20,10 @@ const Template: Story<TableCustomProps> = (args) => {
         // For example, trigger an API call
     };
     
-    return <Table columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo} actionsArray={
+    return <Table scroll={{y: 1000, x: 3000}}   fixedColumns={[
+      { dataIndex: 'name', side: 'left' },
+      { dataIndex: 'mecanographicNumber', side: 'left' },
+    ]} columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo} actionsArray={
         [
             { key: '1', label: `${t('actions.one')}`, onClick: () => {
                 console.log('onClick');

package/src/components/Table/index.tsx

@@ -45,6 +45,7 @@ export interface TableCustomProps extends TableProps<any> {
     columnsSortChange?: any;
     sortByColumns?: boolean;
     columnsToSort?: string[];
+    fixedColumns?: { dataIndex: string; side: 'left' | 'right' }[];
 }
 
 export const Table = (props: TableCustomProps) => {
@@ -67,7 +68,8 @@ export const Table = (props: TableCustomProps) => {
         tableLoading,
         tableMaxHeight,
         sortByColumns,
-        columnsToSort
+        columnsToSort,
+        fixedColumns
     } = props;
 
     const [customFilters, setCustomFilters] = useState<any>([]);
@@ -107,16 +109,16 @@ export const Table = (props: TableCustomProps) => {
         props.paginationInfo(getSortAndPaginationInfo);
 
         // SORT 
-        if(sortByColumns) {
+        if (sortByColumns) {
             const { field, order } = sorter;
             let mappedOrder = null;
-            if(order === "ascend") {
+            if (order === "ascend") {
                 mappedOrder = "asc";
-            } else if(order === "descend") {
+            } else if (order === "descend") {
                 mappedOrder = "desc";
             }
-        
-            if(field && mappedOrder) {
+
+            if (field && mappedOrder) {
                 props.columnsSortChange({ field, order: mappedOrder });
             }
         }
@@ -172,13 +174,17 @@ export const Table = (props: TableCustomProps) => {
 
                 const isColumnSortable = columnsToSort?.includes(key) ? sortByColumns : false;
 
-                return ({
+                const column = {
                     title: headingTranslationsKey ? t(`${headingTranslationsKey}.${key}`) : key,
                     dataIndex: key,
                     key: key,
                     ellipsis: false,
                     sorter: isColumnSortable,
-                })
+                    // No fixed property here, we'll add it later based on the fixedColumns prop
+                };
+
+                return column;
+
             }).filter(el => el !== undefined) as any;
 
             let columnActions = {
@@ -188,21 +194,31 @@ export const Table = (props: TableCustomProps) => {
                 ellipsis: false,
                 render: () => {
                     if (!items?.[0]) return null; // Verifica se o array items é nulo
-                
+
                     return (
-                      <Space size="middle">
-                        <Dropdown menu={{ items }}>
-                          <a>
-                            <MoreOutlined style={{ color: 'var(--color-blue)', transform: 'scale(1.6)' }} />
-                          </a>
-                        </Dropdown>
-                      </Space>
+                        <Space size="middle">
+                            <Dropdown menu={{ items }}>
+                                <a>
+                                    <MoreOutlined style={{ color: 'var(--color-blue)', transform: 'scale(1.6)' }} />
+                                </a>
+                            </Dropdown>
+                        </Space>
                     );
-                  },
+                },
             };
 
             items && columns.push(columnActions as any);
 
+            if (fixedColumns) {
+                fixedColumns.forEach((column) => {
+                    const { dataIndex, side } = column;
+                    const foundColumn = columns.find((col: any) => col.dataIndex === dataIndex);
+                    if (foundColumn) {
+                        foundColumn.fixed = side;
+                    }
+                });
+            }
+
             setCustomColumns(columns);
 
             // Filters

package/webpack.config.js

@@ -2,7 +2,7 @@ const path = require('path');
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = {
-    mode: 'development',
+    mode: 'production',
     entry: './src/index.ts',
     devtool: "eval-cheap-source-map",
     output: {