sti-antd-package 0.0.35 → 0.0.37

package/dist/components/Card/Component.d.ts

@@ -1,4 +1,3 @@
-import { CardComponentProps } from "./types";
-import React from "react";
-declare const CardComponent: React.FC<CardComponentProps>;
+import { CardComponentType } from "./types";
+declare const CardComponent: CardComponentType;
 export default CardComponent;

package/dist/components/Card/types.d.ts

@@ -1,4 +1,5 @@
 import { CardProps } from "antd";
+import { CardMetaProps } from "antd/es/card";
 import { CardSize } from "antd/es/card/Card";
 export interface CardComponentProps {
     size?: CardSize;
@@ -6,7 +7,11 @@ export interface CardComponentProps {
     onClick?: React.MouseEventHandler<HTMLElement>;
     classNames?: string[];
     className?: CardProps['classNames'];
+    actions?: React.ReactNode[];
     style?: React.CSSProperties;
     styles?: CardProps['styles'];
     children?: React.ReactNode;
 }
+export type CardComponentType = React.FC<CardComponentProps> & {
+    Meta: React.FC<CardMetaProps>;
+};

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

@@ -12,16 +12,19 @@ export interface TableButtonMiddle {
 export interface TableComponentProps<T extends (BaseModel<T> | AnyObject)> {
     noPagination?: boolean;
     buttonReload?: {
+        text?: boolean;
         onClick?: React.MouseEventHandler<HTMLElement>;
         href?: string;
     };
     buttonAdd?: {
+        text?: boolean;
         disabled?: boolean;
         onClick?: React.MouseEventHandler<HTMLElement>;
         href?: string;
     };
     buttonMiddle?: TableButtonMiddle[];
     buttonDelete?: {
+        text?: boolean;
         disabled?: boolean;
         onClick?: (event: React.MouseEvent<HTMLElement>, selectedRowKeys: React.Key[] | undefined) => void;
     };

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { TooltipPlacement } from 'antd/es/tooltip';
 import React$1, { Ref, JSXElementConstructor } from 'react';
 import { CardProps, CheckboxChangeEvent, CheckboxOptionType, DatePickerProps as DatePickerProps$1, DatePicker, DropDownProps, RadioChangeEvent, SelectProps, ThemeConfig, TablePaginationConfig as TablePaginationConfig$1, FormInstance, TagProps } from 'antd';
 export { Form } from 'antd';
+import { CardMetaProps } from 'antd/es/card';
 import { CardSize } from 'antd/es/card/Card';
 import { Variant } from 'antd/es/config-provider';
 import { ValidateStatus } from 'antd/es/form/FormItem';
@@ -153,12 +154,16 @@ interface CardComponentProps {
     onClick?: React.MouseEventHandler<HTMLElement>;
     classNames?: string[];
     className?: CardProps['classNames'];
+    actions?: React.ReactNode[];
     style?: React.CSSProperties;
     styles?: CardProps['styles'];
     children?: React.ReactNode;
 }
+type CardComponentType = React.FC<CardComponentProps> & {
+    Meta: React.FC<CardMetaProps>;
+};
 
-declare const CardComponent: React$1.FC<CardComponentProps>;
+declare const CardComponent: CardComponentType;
 
 interface CascaderComponentRef<OptionType extends DefaultOptionType, ValueField extends keyof OptionType> {
     value: () => CascaderProps<OptionType, ValueField>['value'];
@@ -730,16 +735,19 @@ interface TableButtonMiddle {
 interface TableComponentProps<T extends (BaseModel<T> | AnyObject)> {
     noPagination?: boolean;
     buttonReload?: {
+        text?: boolean;
         onClick?: React.MouseEventHandler<HTMLElement>;
         href?: string;
     };
     buttonAdd?: {
+        text?: boolean;
         disabled?: boolean;
         onClick?: React.MouseEventHandler<HTMLElement>;
         href?: string;
     };
     buttonMiddle?: TableButtonMiddle[];
     buttonDelete?: {
+        text?: boolean;
         disabled?: boolean;
         onClick?: (event: React.MouseEvent<HTMLElement>, selectedRowKeys: React.Key[] | undefined) => void;
     };

package/dist/index.esm.js

@@ -3880,9 +3880,10 @@ const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit
 };
 var Component$6 = React__default.memo(ButtonGroupEditComponent);
 
-const CardComponent = ({ size, title, onClick, classNames, className, style, styles, children, }) => {
-    return (jsxRuntimeExports.jsx(Card, { size: size, title: title, onClick: onClick, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), classNames: className, style: style, styles: styles, children: children }));
+const CardComponent = ({ size, title, onClick, classNames, className, actions, style, styles, children, }) => {
+    return (jsxRuntimeExports.jsx(Card, { size: size, title: title, onClick: onClick, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), classNames: className, actions: actions, style: style, styles: styles, children: children }));
 };
+CardComponent.Meta = Card.Meta;
 
 const { Item: Item$1 } = Form$2;
 const FormItemComponent = ({ noItem, formColLayout, name, label, trigger, normalize, required, rules, ruleType, ruleMessage, ruleTransform, ruleMin, ruleMax, valuePropName, getValueFromEvent, validateStatus, help, shouldUpdate, children, }) => {
@@ -8413,7 +8414,7 @@ const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, b
             classNames: classNamesClone,
         });
     };
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Row, { className: styleTable['row-top'], children: [jsxRuntimeExports.jsxs(Col, Object.assign({}, styleProps$1.col, { children: [buttonReload && (jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: "Reload" }, icon: jsxRuntimeExports.jsx(RefIcon$1, {}), classNames: [styleTable['button']], loading: loading, onClick: buttonReload.onClick, href: buttonReload.href })), buttonAdd && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: { title: "Add" }, icon: jsxRuntimeExports.jsx(RefIcon$5, {}), classNames: [styleTable['button']], disabled: buttonAdd.disabled, onClick: buttonAdd.onClick, href: buttonAdd.href })), (_b = buttonMiddle === null || buttonMiddle === void 0 ? void 0 : buttonMiddle.map) === null || _b === void 0 ? void 0 : _b.call(buttonMiddle, buttonMiddleClone), buttonDelete && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: { title: "Delete" }, icon: jsxRuntimeExports.jsx(RefIcon$b, {}), classNames: [styleTable['button']], disabled: buttonDelete.disabled || loading, onClick: event => { var _a; (_a = buttonDelete.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonDelete, event, undefined); } }))] })), jsxRuntimeExports.jsxs(Col, Object.assign({}, styleProps$1.col, { children: [search && (jsxRuntimeExports.jsx(InputComponent$1, { noItem: true, placeholder: "Search", classNames: [styleTable['input-search']], readOnly: loading, onChange: search.onChange, onPressEnter: search.onPressEnter, suffix: jsxRuntimeExports.jsx(RefIcon$2, { onClick: search.onSearch }), allowClear: {
+    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Row, { className: styleTable['row-top'], children: [jsxRuntimeExports.jsxs(Col, Object.assign({}, styleProps$1.col, { children: [buttonReload && (jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !buttonReload.text ? { title: 'Reload' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$1, {}), classNames: [styleTable['button']], loading: loading, onClick: buttonReload.onClick, href: buttonReload.href, children: buttonReload.text ? 'Reload' : undefined })), buttonAdd && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: !buttonAdd.text ? { title: 'Add' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$5, {}), classNames: [styleTable['button']], disabled: buttonAdd.disabled, onClick: buttonAdd.onClick, href: buttonAdd.href, children: buttonAdd.text ? 'Add' : undefined })), (_b = buttonMiddle === null || buttonMiddle === void 0 ? void 0 : buttonMiddle.map) === null || _b === void 0 ? void 0 : _b.call(buttonMiddle, buttonMiddleClone), buttonDelete && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: !buttonDelete.text ? { title: 'Delete' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$b, {}), classNames: [styleTable['button']], disabled: buttonDelete.disabled || loading, onClick: event => { var _a; (_a = buttonDelete.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonDelete, event, undefined); }, children: buttonDelete.text ? 'Delete' : undefined }))] })), jsxRuntimeExports.jsxs(Col, Object.assign({}, styleProps$1.col, { children: [search && (jsxRuntimeExports.jsx(InputComponent$1, { noItem: true, placeholder: "Search", classNames: [styleTable['input-search']], readOnly: loading, onChange: search.onChange, onPressEnter: search.onPressEnter, suffix: jsxRuntimeExports.jsx(RefIcon$2, { onClick: search.onSearch }), allowClear: {
                                     clearIcon: (jsxRuntimeExports.jsx(RefIcon$e, { onClick: search.onClear })),
                                 } })), buttonFilter] }))] }), jsxRuntimeExports.jsx(Table, { showSorterTooltip: true, tableLayout: "fixed", className: "table-data", rowClassName: rowClassName, size: size !== null && size !== void 0 ? size : 'middle', columns: columns, rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : 'id', dataSource: data, expandable: expandable, pagination: !noPagination && Object.assign({ pageSizeOptions: ['10', '20', '50', '100', '200'], showSizeChanger: true, showQuickJumper: true, showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items` }, pagination), loading: loading, scroll: scroll !== null && scroll !== void 0 ? scroll : { y: 'calc(100vh - 300px)' }, sticky: sticky, components: components, summary: summary, onChange: onChange, rowSelection: rowSelectionTable, style: style })] }));
 };

package/dist/index.js

@@ -3899,9 +3899,10 @@ const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit
 };
 var Component$6 = React.memo(ButtonGroupEditComponent);
 
-const CardComponent = ({ size, title, onClick, classNames, className, style, styles, children, }) => {
-    return (jsxRuntimeExports.jsx(antd.Card, { size: size, title: title, onClick: onClick, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), classNames: className, style: style, styles: styles, children: children }));
+const CardComponent = ({ size, title, onClick, classNames, className, actions, style, styles, children, }) => {
+    return (jsxRuntimeExports.jsx(antd.Card, { size: size, title: title, onClick: onClick, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), classNames: className, actions: actions, style: style, styles: styles, children: children }));
 };
+CardComponent.Meta = antd.Card.Meta;
 
 const { Item: Item$1 } = antd.Form;
 const FormItemComponent = ({ noItem, formColLayout, name, label, trigger, normalize, required, rules, ruleType, ruleMessage, ruleTransform, ruleMin, ruleMax, valuePropName, getValueFromEvent, validateStatus, help, shouldUpdate, children, }) => {
@@ -8432,7 +8433,7 @@ const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, b
             classNames: classNamesClone,
         });
     };
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(antd.Row, { className: styleTable['row-top'], children: [jsxRuntimeExports.jsxs(antd.Col, Object.assign({}, styleProps$1.col, { children: [buttonReload && (jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: "Reload" }, icon: jsxRuntimeExports.jsx(RefIcon$1, {}), classNames: [styleTable['button']], loading: loading, onClick: buttonReload.onClick, href: buttonReload.href })), buttonAdd && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: { title: "Add" }, icon: jsxRuntimeExports.jsx(RefIcon$5, {}), classNames: [styleTable['button']], disabled: buttonAdd.disabled, onClick: buttonAdd.onClick, href: buttonAdd.href })), (_b = buttonMiddle === null || buttonMiddle === void 0 ? void 0 : buttonMiddle.map) === null || _b === void 0 ? void 0 : _b.call(buttonMiddle, buttonMiddleClone), buttonDelete && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: { title: "Delete" }, icon: jsxRuntimeExports.jsx(RefIcon$b, {}), classNames: [styleTable['button']], disabled: buttonDelete.disabled || loading, onClick: event => { var _a; (_a = buttonDelete.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonDelete, event, undefined); } }))] })), jsxRuntimeExports.jsxs(antd.Col, Object.assign({}, styleProps$1.col, { children: [search && (jsxRuntimeExports.jsx(InputComponent$1, { noItem: true, placeholder: "Search", classNames: [styleTable['input-search']], readOnly: loading, onChange: search.onChange, onPressEnter: search.onPressEnter, suffix: jsxRuntimeExports.jsx(RefIcon$2, { onClick: search.onSearch }), allowClear: {
+    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(antd.Row, { className: styleTable['row-top'], children: [jsxRuntimeExports.jsxs(antd.Col, Object.assign({}, styleProps$1.col, { children: [buttonReload && (jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !buttonReload.text ? { title: 'Reload' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$1, {}), classNames: [styleTable['button']], loading: loading, onClick: buttonReload.onClick, href: buttonReload.href, children: buttonReload.text ? 'Reload' : undefined })), buttonAdd && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: !buttonAdd.text ? { title: 'Add' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$5, {}), classNames: [styleTable['button']], disabled: buttonAdd.disabled, onClick: buttonAdd.onClick, href: buttonAdd.href, children: buttonAdd.text ? 'Add' : undefined })), (_b = buttonMiddle === null || buttonMiddle === void 0 ? void 0 : buttonMiddle.map) === null || _b === void 0 ? void 0 : _b.call(buttonMiddle, buttonMiddleClone), buttonDelete && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: !buttonDelete.text ? { title: 'Delete' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$b, {}), classNames: [styleTable['button']], disabled: buttonDelete.disabled || loading, onClick: event => { var _a; (_a = buttonDelete.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonDelete, event, undefined); }, children: buttonDelete.text ? 'Delete' : undefined }))] })), jsxRuntimeExports.jsxs(antd.Col, Object.assign({}, styleProps$1.col, { children: [search && (jsxRuntimeExports.jsx(InputComponent$1, { noItem: true, placeholder: "Search", classNames: [styleTable['input-search']], readOnly: loading, onChange: search.onChange, onPressEnter: search.onPressEnter, suffix: jsxRuntimeExports.jsx(RefIcon$2, { onClick: search.onSearch }), allowClear: {
                                     clearIcon: (jsxRuntimeExports.jsx(RefIcon$e, { onClick: search.onClear })),
                                 } })), buttonFilter] }))] }), jsxRuntimeExports.jsx(antd.Table, { showSorterTooltip: true, tableLayout: "fixed", className: "table-data", rowClassName: rowClassName, size: size !== null && size !== void 0 ? size : 'middle', columns: columns, rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : 'id', dataSource: data, expandable: expandable, pagination: !noPagination && Object.assign({ pageSizeOptions: ['10', '20', '50', '100', '200'], showSizeChanger: true, showQuickJumper: true, showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items` }, pagination), loading: loading, scroll: scroll !== null && scroll !== void 0 ? scroll : { y: 'calc(100vh - 300px)' }, sticky: sticky, components: components, summary: summary, onChange: onChange, rowSelection: rowSelectionTable, style: style })] }));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",