sti-antd-package 0.0.40 → 0.0.42

package/dist/components/Button/Group/Add/types.d.ts

@@ -4,6 +4,9 @@ export interface ButtonGroupAddComponentProps {
     formColLayout?: FormColLayout;
     disabled?: boolean;
     loading?: boolean;
+    showTextbutton?: boolean;
+    textBack?: string;
+    textSave?: string;
     onBack?: ButtonComponentProps['onClick'];
     onSave?: ButtonComponentProps['onClick'];
     classNames?: string[];

package/dist/components/Button/Group/Edit/types.d.ts

@@ -7,6 +7,11 @@ export interface ButtonGroupEditComponentProps {
     allowEdit?: boolean;
     editing?: boolean;
     setEditing?: React.Dispatch<React.SetStateAction<boolean>>;
+    showTextbutton?: boolean;
+    textBack?: string;
+    textCancel?: string;
+    textSave?: string;
+    textEdit?: string;
     onBack?: ButtonComponentProps['onClick'];
     onSave?: ButtonComponentProps['onClick'];
     classNames?: string[];

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

@@ -1,7 +1,7 @@
 import { formColLayout } from "../../constants";
 import { ValidateStatus } from "antd/es/form/FormItem";
 import { ShouldUpdate } from "rc-field-form/lib/Field";
-import { NamePath, Rule, RuleObject } from "rc-field-form/lib/interface";
+import { NamePath, Rule } from "rc-field-form/lib/interface";
 import React from "react";
 export interface SwitchComponentProps {
     noItem?: boolean;
@@ -10,6 +10,7 @@ export interface SwitchComponentProps {
     unCheckedChildren?: React.ReactNode;
     loading?: boolean;
     disabled?: boolean;
+    value?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
     removeError?: (name?: NamePath) => void;
@@ -19,7 +20,6 @@ export interface SwitchComponentProps {
     label?: React.ReactNode;
     required?: boolean;
     rules?: Rule[];
-    ruleType?: RuleObject['type'];
     ruleMessage?: string;
     validateStatus?: ValidateStatus;
     shouldUpdate?: ShouldUpdate<string | string[]>;

package/dist/index.d.ts

@@ -117,6 +117,9 @@ interface ButtonGroupAddComponentProps {
     formColLayout?: FormColLayout;
     disabled?: boolean;
     loading?: boolean;
+    showTextbutton?: boolean;
+    textBack?: string;
+    textSave?: string;
     onBack?: ButtonComponentProps['onClick'];
     onSave?: ButtonComponentProps['onClick'];
     classNames?: string[];
@@ -135,6 +138,11 @@ interface ButtonGroupEditComponentProps {
     allowEdit?: boolean;
     editing?: boolean;
     setEditing?: React.Dispatch<React.SetStateAction<boolean>>;
+    showTextbutton?: boolean;
+    textBack?: string;
+    textCancel?: string;
+    textSave?: string;
+    textEdit?: string;
     onBack?: ButtonComponentProps['onClick'];
     onSave?: ButtonComponentProps['onClick'];
     classNames?: string[];
@@ -701,6 +709,7 @@ interface SwitchComponentProps {
     unCheckedChildren?: React$1.ReactNode;
     loading?: boolean;
     disabled?: boolean;
+    value?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
     removeError?: (name?: NamePath) => void;
@@ -710,7 +719,6 @@ interface SwitchComponentProps {
     label?: React$1.ReactNode;
     required?: boolean;
     rules?: Rule$1[];
-    ruleType?: RuleObject$1['type'];
     ruleMessage?: string;
     validateStatus?: ValidateStatus;
     shouldUpdate?: ShouldUpdate<string | string[]>;

package/dist/index.esm.js

@@ -3810,7 +3810,7 @@ function requireReactIs () {
 
 var reactIsExports = requireReactIs();
 
-const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, onBack, onSave, classNames, className, }) => {
+const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, showTextbutton, textBack, textSave, onBack, onSave, classNames, className, }) => {
     const saveMethod = onSave
         ? { onClick: onSave }
         : { htmlType: 'submit' };
@@ -3831,12 +3831,12 @@ const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, onBack, onS
         (className === null || className === void 0 ? void 0 : className.buttonBack) && classButtonBackNames.push(...className.buttonBack);
         return classButtonBackNames;
     }, [styleButton, className, onBack]);
-    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Back' }, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: { title: 'Save' }, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: className === null || className === void 0 ? void 0 : className.buttonSave, disabled: disabled, loading: loading }, saveMethod))] }));
+    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: className === null || className === void 0 ? void 0 : className.buttonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod))] }));
     return col ? (jsxRuntimeExports.jsx(Row, { children: jsxRuntimeExports.jsx(Col, Object.assign({}, col, { children: buttonGroup })) })) : buttonGroup;
 };
 var Component$7 = React__default.memo(ButtonGroupAddComponent);
 
-const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, onBack, onSave, classNames, className, }) => {
+const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, showTextbutton, textBack, textCancel, textSave, textEdit, onBack, onSave, classNames, className, }) => {
     const saveMethod = onSave
         ? { onClick: onSave }
         : { htmlType: 'submit' };
@@ -3875,7 +3875,7 @@ const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit
         (className === null || className === void 0 ? void 0 : className.buttonEdit) && classButtonEditNames.push(...className.buttonEdit);
         return classButtonEditNames;
     }, [styleButton, className, allowEdit, editing]);
-    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Back' }, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Cancel' }, icon: jsxRuntimeExports.jsx(RefIcon$d, {}), classNames: classButtonCancel, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(false) }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: { title: 'Save' }, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Edit' }, icon: jsxRuntimeExports.jsx(RefIcon$a, {}), classNames: classButtonEdit, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(true) })] }));
+    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$d, {}), classNames: classButtonCancel, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(false), children: showTextbutton ? (textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$a, {}), classNames: classButtonEdit, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(true), children: showTextbutton ? (textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit') : undefined })] }));
     return col ? (jsxRuntimeExports.jsx(Row, { children: jsxRuntimeExports.jsx(Col, Object.assign({}, col, { children: buttonGroup })) })) : buttonGroup;
 };
 var Component$6 = React__default.memo(ButtonGroupEditComponent);
@@ -8373,8 +8373,9 @@ const SelectAsyncComponent = (_a) => {
 };
 var SelectAsyncComponent$1 = React__default.memo(SelectAsyncComponent);
 
-const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, }) => {
-    const [checkedSwitch, setCheckedSwitch] = useState(defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : false);
+const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, value, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleMessage, validateStatus, help, shouldUpdate, }) => {
+    var _a;
+    const [checkedSwitch, setCheckedSwitch] = useState((_a = value !== null && value !== void 0 ? value : defaultChecked) !== null && _a !== void 0 ? _a : false);
     const handleChange = (value, event) => {
         setCheckedSwitch(value);
         removeError === null || removeError === void 0 ? void 0 : removeError(name);
@@ -8388,7 +8389,7 @@ const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loa
         unCheckedChildren,
     };
     const switchComponent = !loading ? (jsxRuntimeExports.jsx(Switch, Object.assign({}, checkChildren, { onChange: handleChange, disabled: disabled, checked: checked !== null && checked !== void 0 ? checked : checkedSwitch, defaultChecked: checked !== null && checked !== void 0 ? checked : checkedSwitch }))) : jsxRuntimeExports.jsx(Skeleton.Input, { active: true });
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: switchComponent })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "boolean", ruleMessage: ruleMessage, rules: rules, valuePropName: "checked", validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: switchComponent })))
             : switchComponent }));
 };
 var SwitchComponent$1 = React__default.memo(SwitchComponent);

package/dist/index.js

@@ -3829,7 +3829,7 @@ function requireReactIs () {
 
 var reactIsExports = requireReactIs();
 
-const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, onBack, onSave, classNames, className, }) => {
+const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, showTextbutton, textBack, textSave, onBack, onSave, classNames, className, }) => {
     const saveMethod = onSave
         ? { onClick: onSave }
         : { htmlType: 'submit' };
@@ -3850,12 +3850,12 @@ const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, onBack, onS
         (className === null || className === void 0 ? void 0 : className.buttonBack) && classButtonBackNames.push(...className.buttonBack);
         return classButtonBackNames;
     }, [styleButton, className, onBack]);
-    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Back' }, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: { title: 'Save' }, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: className === null || className === void 0 ? void 0 : className.buttonSave, disabled: disabled, loading: loading }, saveMethod))] }));
+    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: className === null || className === void 0 ? void 0 : className.buttonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod))] }));
     return col ? (jsxRuntimeExports.jsx(antd.Row, { children: jsxRuntimeExports.jsx(antd.Col, Object.assign({}, col, { children: buttonGroup })) })) : buttonGroup;
 };
 var Component$7 = React.memo(ButtonGroupAddComponent);
 
-const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, onBack, onSave, classNames, className, }) => {
+const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, showTextbutton, textBack, textCancel, textSave, textEdit, onBack, onSave, classNames, className, }) => {
     const saveMethod = onSave
         ? { onClick: onSave }
         : { htmlType: 'submit' };
@@ -3894,7 +3894,7 @@ const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit
         (className === null || className === void 0 ? void 0 : className.buttonEdit) && classButtonEditNames.push(...className.buttonEdit);
         return classButtonEditNames;
     }, [styleButton, className, allowEdit, editing]);
-    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Back' }, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Cancel' }, icon: jsxRuntimeExports.jsx(RefIcon$d, {}), classNames: classButtonCancel, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(false) }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: { title: 'Save' }, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Edit' }, icon: jsxRuntimeExports.jsx(RefIcon$a, {}), classNames: classButtonEdit, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(true) })] }));
+    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$d, {}), classNames: classButtonCancel, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(false), children: showTextbutton ? (textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$a, {}), classNames: classButtonEdit, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(true), children: showTextbutton ? (textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit') : undefined })] }));
     return col ? (jsxRuntimeExports.jsx(antd.Row, { children: jsxRuntimeExports.jsx(antd.Col, Object.assign({}, col, { children: buttonGroup })) })) : buttonGroup;
 };
 var Component$6 = React.memo(ButtonGroupEditComponent);
@@ -8392,8 +8392,9 @@ const SelectAsyncComponent = (_a) => {
 };
 var SelectAsyncComponent$1 = React.memo(SelectAsyncComponent);
 
-const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, }) => {
-    const [checkedSwitch, setCheckedSwitch] = React.useState(defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : false);
+const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, value, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleMessage, validateStatus, help, shouldUpdate, }) => {
+    var _a;
+    const [checkedSwitch, setCheckedSwitch] = React.useState((_a = value !== null && value !== void 0 ? value : defaultChecked) !== null && _a !== void 0 ? _a : false);
     const handleChange = (value, event) => {
         setCheckedSwitch(value);
         removeError === null || removeError === void 0 ? void 0 : removeError(name);
@@ -8407,7 +8408,7 @@ const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loa
         unCheckedChildren,
     };
     const switchComponent = !loading ? (jsxRuntimeExports.jsx(antd.Switch, Object.assign({}, checkChildren, { onChange: handleChange, disabled: disabled, checked: checked !== null && checked !== void 0 ? checked : checkedSwitch, defaultChecked: checked !== null && checked !== void 0 ? checked : checkedSwitch }))) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { active: true });
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: switchComponent })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "boolean", ruleMessage: ruleMessage, rules: rules, valuePropName: "checked", validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: switchComponent })))
             : switchComponent }));
 };
 var SwitchComponent$1 = React.memo(SwitchComponent);

package/package.json

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