wini-web-components 0.9.1 → 0.9.2

package/dist/component/checkbox/checkbox.d.ts

@@ -4,7 +4,7 @@ interface CheckboxProps {
     onChange?: (value: boolean) => void;
     value?: boolean;
     checkColor?: string;
-    disabled?: false;
+    disabled?: boolean;
     style?: CSSProperties;
     /** default 2.4rem **/
     size?: number | string;

package/dist/component/date-picker/date-picker.d.ts

@@ -3,8 +3,8 @@ import './date-picker.css';
 import { CalendarType } from '../../index';
 interface DatePickerProps {
     value?: string;
-    min: Date;
-    max: Date;
+    min?: Date;
+    max?: Date;
     onChange?: (e?: string) => void;
     disabled?: boolean;
     helperText?: string;

package/dist/component/import-file/import-file.d.ts

@@ -12,7 +12,7 @@ type ChangeFileFunction = (a?: File) => void;
 interface ImportFileProps {
     status?: ComponentStatus;
     value?: File | ObjWithKnownKeys;
-    buttonOnly: boolean;
+    buttonOnly?: boolean;
     onChange?: ChangeFileFunction;
     label?: string;
     className?: string;

package/dist/component/input-multi-select/input-multi-select.d.ts

@@ -1,32 +1,24 @@
 import React, { CSSProperties } from 'react';
 import './input-multi-select.css';
+import { OptionsItem } from '../../index';
 interface SelectMultipleProps {
     value?: Array<string | number>;
-    options: Required<Array<{
-        id: string | number;
-        name: string;
-    }>>;
+    options: Required<Array<OptionsItem>>;
     onChange?: (value?: Array<string | number>) => void;
     placeholder?: string;
-    disabled: boolean;
+    disabled?: boolean;
     className?: string;
     helperText?: string;
     helperTextColor?: string;
     style?: CSSProperties;
-    handleSearch?: (e: string) => Promise<Array<{
-        id: string | number;
-        name: string;
-    }>>;
+    handleSearch?: (e: string) => Promise<Array<OptionsItem>>;
 }
 interface SelectMultipleState {
     value: Array<string | number>;
     offset: DOMRect;
     isOpen: boolean;
     onSelect: any;
-    search?: Array<{
-        id: string | number;
-        name: string;
-    }>;
+    search?: Array<OptionsItem>;
     style?: Object;
 }
 export declare class SelectMultiple extends React.Component<SelectMultipleProps, SelectMultipleState> {

package/dist/component/input-multi-select/input-multi-select.js

@@ -137,7 +137,7 @@ var SelectMultiple = /** @class */ (function (_super) {
                         this.setState(__assign(__assign({}, this.state), { search: res }));
                         return [3 /*break*/, 3];
                     case 2:
-                        this.setState(__assign(__assign({}, this.state), { search: this.props.options.filter(function (e) { return e.name.toLowerCase().includes(ev.target.value.trim().toLowerCase()); }) }));
+                        this.setState(__assign(__assign({}, this.state), { search: this.props.options.filter(function (e) { return typeof e.name === "string" && e.name.toLowerCase().includes(ev.target.value.trim().toLowerCase()); }) }));
                         _b.label = 3;
                     case 3: return [3 /*break*/, 5];
                     case 4:

package/dist/component/radio-button/radio-button.d.ts

@@ -4,7 +4,7 @@ import { UseFormRegister } from 'react-hook-form';
 interface RadioButtonProps {
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     value?: string | number | readonly string[];
-    disabled: false;
+    disabled?: boolean;
     style: CSSProperties;
     size?: number | string;
     defaultChecked?: boolean;

package/dist/component/select1/select1.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties, ReactNode } from 'react';
 import './select1.css';
-interface OptionsItem {
+export interface OptionsItem {
     id: string | number;
     name: string | ReactNode;
     title?: string | ReactNode;
@@ -8,7 +8,7 @@ interface OptionsItem {
 interface Select1Props {
     value?: any;
     options: Required<Array<OptionsItem>>;
-    onChange?: Function;
+    onChange?: (v?: OptionsItem) => void;
     placeholder?: string;
     disabled?: boolean;
     className?: string;

package/dist/component/switch/switch.d.ts

@@ -3,7 +3,7 @@ import './switch.css';
 interface SwitchProps {
     onChange?: (value: boolean) => void;
     value?: boolean;
-    disabled: false;
+    disabled?: boolean;
     style: CSSProperties;
     size?: number | string;
     dotColor?: string;

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import './skin/color.css';
 import './skin/layout.css';
 import './skin/typography.css';
 import { Checkbox } from './component/checkbox/checkbox';
-import { Select1 } from './component/select1/select1';
+import { Select1, OptionsItem } from './component/select1/select1';
 import { Switch } from './component/switch/switch';
 import { showPopup, closePopup, Popup } from './component/popup/popup';
 import { showDialog, Dialog, DialogAlignment } from './component/dialog/dialog';
@@ -24,4 +24,4 @@ import { Rating } from './component/rating/rating';
 import { ProgressCircle } from './component/progress-circle/progress-circle';
 import { CustomSlider } from './component/slider/slider';
 import { ToastContainer } from 'react-toastify';
-export { Calendar, CalendarType, ComponentStatus, getStatusIcon, Checkbox, Select1, Switch, Popup, showPopup, closePopup, Dialog, showDialog, DialogAlignment, DatePicker, SelectMultiple, ProgressBar, Text, Pagination, Table, TbCell, TbHeader, TbBody, TbRow, CellAlignItems, TextField, RadioButton, TextArea, ImportFile, ToastMessage, InfiniteScroll, Rating, ProgressCircle, CustomSlider, ToastContainer };
+export { Calendar, CalendarType, ComponentStatus, getStatusIcon, Checkbox, Select1, OptionsItem, Switch, Popup, showPopup, closePopup, Dialog, showDialog, DialogAlignment, DatePicker, SelectMultiple, ProgressBar, Text, Pagination, Table, TbCell, TbHeader, TbBody, TbRow, CellAlignItems, TextField, RadioButton, TextArea, ImportFile, ToastMessage, InfiniteScroll, Rating, ProgressCircle, CustomSlider, ToastContainer };