sti-antd-package 0.0.50 → 0.0.52

package/dist/components/Checkbox/Group/types.d.ts

@@ -6,7 +6,7 @@ export interface CheckboxGroupComponentRef<T> {
     setValue: React.Dispatch<React.SetStateAction<T[]>>;
 }
 export interface CheckboxOptionAdditional {
-    readonly?: boolean;
+    readOnly?: boolean;
 }
 interface CheckboxGroup<T> {
     options?: (CheckboxOptionType<T> & CheckboxOptionAdditional | string | number)[];

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

@@ -6,7 +6,7 @@ export interface CheckboxComponentRef {
     setChecked: React.Dispatch<React.SetStateAction<boolean>>;
 }
 interface Checkbox {
-    readonly?: boolean;
+    readOnly?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (event: CheckboxChangeEvent) => void;

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

@@ -5,7 +5,7 @@ import { UploadChangeParam, UploadFile, UploadListType } from "antd/es/upload/in
 import { UploadRequestOption } from "rc-upload/lib/interface";
 interface UploadDragger {
     multiple?: boolean;
-    readonly?: boolean;
+    readOnly?: boolean;
     listType?: UploadListType;
     rootClassNames?: string[];
     classNames?: string[];
@@ -16,6 +16,7 @@ interface UploadDragger {
     customRequest?: (options: UploadRequestOption<any>) => void;
     onChange?: (info: UploadChangeParam<UploadFile<any>>) => void;
     onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+    onPreview?: (file: UploadFile<any>) => void;
     defaultFileList?: UploadFile<any>[];
 }
 export type UploadDraggerComponentProps = FormItemUploadDragger & UploadDragger;

package/dist/index.d.ts

@@ -271,7 +271,7 @@ interface CheckboxComponentRef {
     setChecked: React.Dispatch<React.SetStateAction<boolean>>;
 }
 interface Checkbox {
-    readonly?: boolean;
+    readOnly?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (event: CheckboxChangeEvent) => void;
@@ -287,7 +287,7 @@ interface CheckboxGroupComponentRef<T> {
     setValue: React$1.Dispatch<React$1.SetStateAction<T[]>>;
 }
 interface CheckboxOptionAdditional {
-    readonly?: boolean;
+    readOnly?: boolean;
 }
 interface CheckboxGroup<T> {
     options?: (CheckboxOptionType<T> & CheckboxOptionAdditional | string | number)[];
@@ -1093,7 +1093,7 @@ type BeforeUploadValueType = void | boolean | string | Blob | File;
 
 interface UploadDragger {
     multiple?: boolean;
-    readonly?: boolean;
+    readOnly?: boolean;
     listType?: UploadListType;
     rootClassNames?: string[];
     classNames?: string[];
@@ -1104,6 +1104,7 @@ interface UploadDragger {
     customRequest?: (options: UploadRequestOption<any>) => void;
     onChange?: (info: UploadChangeParam<UploadFile<any>>) => void;
     onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+    onPreview?: (file: UploadFile<any>) => void;
     defaultFileList?: UploadFile<any>[];
 }
 type UploadDraggerComponentProps = FormItemUploadDragger & UploadDragger;

package/dist/index.esm.js

@@ -3962,7 +3962,7 @@ var css_248z$f = ".style-module_readonly__EYTp- {\n  cursor: default !important;
 var style$3 = {"readonly":"style-module_readonly__EYTp-"};
 styleInject(css_248z$f);
 
-const CheckboxComponent$1 = ({ noItem, loading, disabled, readonly, checked, defaultChecked, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, children, ref, }) => {
+const CheckboxComponent$1 = ({ noItem, loading, disabled, readOnly, checked, defaultChecked, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, children, ref, }) => {
     const [checkedValue, setCheckedValue] = useState(defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : false);
     const handleChange = (event) => {
         var _a;
@@ -3974,7 +3974,7 @@ const CheckboxComponent$1 = ({ noItem, loading, disabled, readonly, checked, def
         checked: () => checkedValue,
         setChecked: setCheckedValue,
     }));
-    const checkbox = !loading ? (jsxRuntimeExports.jsx(Checkbox, { disabled: disabled || readonly, className: readonly ? style$3['readonly'] : undefined, checked: checked !== null && checked !== void 0 ? checked : checkedValue, defaultChecked: checkedValue, onChange: handleChange, children: children })) : jsxRuntimeExports.jsx(Skeleton.Input, { active: true });
+    const checkbox = !loading ? (jsxRuntimeExports.jsx(Checkbox, { disabled: disabled || readOnly, className: readOnly ? style$3['readonly'] : undefined, checked: checked !== null && checked !== void 0 ? checked : checkedValue, defaultChecked: checkedValue, onChange: handleChange, children: children })) : jsxRuntimeExports.jsx(Skeleton.Input, { active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "checked", validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: checkbox })))
             : checkbox }));
 };
@@ -3999,8 +3999,8 @@ const CheckboxComponent = ({ noItem, loading, disabled, options, value, defaultV
                     value: option,
                 };
                 const className = [];
-                if (isObject && option.readonly) {
-                    checkboxProps.disabled = option.readonly;
+                if (isObject && option.readOnly) {
+                    checkboxProps.disabled = option.readOnly;
                     className.push(style$3['readonly']);
                 }
                 checkboxProps.className = className.length ? className.join(' ') : undefined;
@@ -7485,8 +7485,8 @@ const RadioComponent = ({ noItem, loading, disabled, buttonStyle, formClassNames
                     value: option,
                 };
                 const className = [];
-                if (isObject && option.readonly) {
-                    checkboxProps.disabled = option.readonly;
+                if (isObject && option.readOnly) {
+                    checkboxProps.disabled = option.readOnly;
                     className.push(style$2['readonly']);
                 }
                 checkboxProps.className = className.length ? className.join(' ') : undefined;
@@ -23339,7 +23339,7 @@ const normFile = (event) => {
         return event;
     return event && event['fileList'];
 };
-const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled, listType, formClassNames, rootClassNames, classNames, accept, action, withCredentials, beforeUpload, customRequest, removeError, onChange, onDrop, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+const UploadDraggerComponent = ({ noItem, readOnly, multiple, loading, disabled, listType, formClassNames, rootClassNames, classNames, accept, action, withCredentials, beforeUpload, customRequest, removeError, onChange, onDrop, onPreview, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const handleChange = (info) => {
         removeError === null || removeError === void 0 ? void 0 : removeError(name);
         onChange === null || onChange === void 0 ? void 0 : onChange(info);
@@ -23348,8 +23348,8 @@ const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled,
     rootClassNames && rootClassDragger.push(...rootClassNames);
     const classDragger = [];
     classNames && classDragger.push(...classNames);
-    readonly && classDragger.push(style['readonly']);
-    const dragger = !loading ? (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), accept: accept === null || accept === void 0 ? void 0 : accept.map(accept => acceptFormat(accept)).join(', '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: handleChange, onDrop: onDrop, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+    readOnly && classDragger.push(style['readonly']);
+    const dragger = !loading ? (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readOnly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), accept: accept === null || accept === void 0 ? void 0 : accept.map(accept => acceptFormat(accept)).join(', '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: handleChange, onDrop: onDrop, onPreview: onPreview, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "fileList", getValueFromEvent: normFile, validateStatus: validateStatus, help: help, children: dragger })))
             : dragger }));
 };

package/dist/index.js

@@ -3981,7 +3981,7 @@ var css_248z$f = ".style-module_readonly__EYTp- {\n  cursor: default !important;
 var style$3 = {"readonly":"style-module_readonly__EYTp-"};
 styleInject(css_248z$f);
 
-const CheckboxComponent$1 = ({ noItem, loading, disabled, readonly, checked, defaultChecked, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, children, ref, }) => {
+const CheckboxComponent$1 = ({ noItem, loading, disabled, readOnly, checked, defaultChecked, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, children, ref, }) => {
     const [checkedValue, setCheckedValue] = React.useState(defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : false);
     const handleChange = (event) => {
         var _a;
@@ -3993,7 +3993,7 @@ const CheckboxComponent$1 = ({ noItem, loading, disabled, readonly, checked, def
         checked: () => checkedValue,
         setChecked: setCheckedValue,
     }));
-    const checkbox = !loading ? (jsxRuntimeExports.jsx(antd.Checkbox, { disabled: disabled || readonly, className: readonly ? style$3['readonly'] : undefined, checked: checked !== null && checked !== void 0 ? checked : checkedValue, defaultChecked: checkedValue, onChange: handleChange, children: children })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { active: true });
+    const checkbox = !loading ? (jsxRuntimeExports.jsx(antd.Checkbox, { disabled: disabled || readOnly, className: readOnly ? style$3['readonly'] : undefined, checked: checked !== null && checked !== void 0 ? checked : checkedValue, defaultChecked: checkedValue, onChange: handleChange, children: children })) : 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, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "checked", validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: checkbox })))
             : checkbox }));
 };
@@ -4018,8 +4018,8 @@ const CheckboxComponent = ({ noItem, loading, disabled, options, value, defaultV
                     value: option,
                 };
                 const className = [];
-                if (isObject && option.readonly) {
-                    checkboxProps.disabled = option.readonly;
+                if (isObject && option.readOnly) {
+                    checkboxProps.disabled = option.readOnly;
                     className.push(style$3['readonly']);
                 }
                 checkboxProps.className = className.length ? className.join(' ') : undefined;
@@ -7504,8 +7504,8 @@ const RadioComponent = ({ noItem, loading, disabled, buttonStyle, formClassNames
                     value: option,
                 };
                 const className = [];
-                if (isObject && option.readonly) {
-                    checkboxProps.disabled = option.readonly;
+                if (isObject && option.readOnly) {
+                    checkboxProps.disabled = option.readOnly;
                     className.push(style$2['readonly']);
                 }
                 checkboxProps.className = className.length ? className.join(' ') : undefined;
@@ -23358,7 +23358,7 @@ const normFile = (event) => {
         return event;
     return event && event['fileList'];
 };
-const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled, listType, formClassNames, rootClassNames, classNames, accept, action, withCredentials, beforeUpload, customRequest, removeError, onChange, onDrop, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+const UploadDraggerComponent = ({ noItem, readOnly, multiple, loading, disabled, listType, formClassNames, rootClassNames, classNames, accept, action, withCredentials, beforeUpload, customRequest, removeError, onChange, onDrop, onPreview, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const handleChange = (info) => {
         removeError === null || removeError === void 0 ? void 0 : removeError(name);
         onChange === null || onChange === void 0 ? void 0 : onChange(info);
@@ -23367,8 +23367,8 @@ const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled,
     rootClassNames && rootClassDragger.push(...rootClassNames);
     const classDragger = [];
     classNames && classDragger.push(...classNames);
-    readonly && classDragger.push(style['readonly']);
-    const dragger = !loading ? (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), accept: accept === null || accept === void 0 ? void 0 : accept.map(accept => acceptFormat(accept)).join(', '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: handleChange, onDrop: onDrop, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
+    readOnly && classDragger.push(style['readonly']);
+    const dragger = !loading ? (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readOnly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), accept: accept === null || accept === void 0 ? void 0 : accept.map(accept => acceptFormat(accept)).join(', '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: handleChange, onDrop: onDrop, onPreview: onPreview, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "fileList", getValueFromEvent: normFile, validateStatus: validateStatus, help: help, children: dragger })))
             : dragger }));
 };

package/package.json

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