wini-web-components 2.3.9 → 2.4.1

package/README.md

@@ -14,5 +14,8 @@ add this cdn link into your App.css file. \
 @import url(https://cdn.jsdelivr.net/gh/WiniGit/web-component@latest/src/skin/typography.css); \
 @import url(https://cdn.jsdelivr.net/gh/WiniGit/web-component@latest/src/skin/layout.css);
 
+add this import css into your App.js \
+import 'ckeditor5/ckeditor5.css';
+
 
 

package/dist/component/ck-editor/ckeditor.d.ts

@@ -1,6 +1,5 @@
 import React, { CSSProperties } from 'react';
 import { ClassicEditor, EventInfo } from 'ckeditor5';
-import 'ckeditor5/ckeditor5.css';
 import './ck-editor.css';
 /**
  * Please update the following values with your tokens.
@@ -33,5 +32,5 @@ interface Props {
     helperText?: string;
     helperTextColor?: string;
 }
-export default function CustomCkEditor5(props: Props): React.JSX.Element;
+export declare function CustomCkEditor5(props: Props): React.JSX.Element;
 export {};

package/dist/component/ck-editor/ckeditor.js

@@ -14,12 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = CustomCkEditor5;
+exports.CustomCkEditor5 = CustomCkEditor5;
 var react_1 = __importDefault(require("react"));
 var react_2 = require("react");
 var ckeditor5_react_1 = require("@ckeditor/ckeditor5-react");
 var ckeditor5_1 = require("ckeditor5");
-require("ckeditor5/ckeditor5.css");
 require("./ck-editor.css");
 var react_i18next_1 = require("react-i18next");
 /**

package/dist/component/import-file/import-file.js

@@ -100,7 +100,7 @@ var TImportFile = /** @class */ (function (_super) {
     };
     TImportFile.prototype.componentDidUpdate = function (prevProps, prevState) {
         if (prevProps.value !== this.props.value || prevProps.status !== this.props.status) {
-            this.setState(__assign(__assign({}, this.state), { status: this.props.status, preview: Array.isArray(this.props.value) ? this.props.value : [this.props.value] }));
+            this.setState(__assign(__assign({}, this.state), { status: this.props.status, preview: this.props.value ? Array.isArray(this.props.value) ? this.props.value : [this.props.value] : undefined }));
         }
     };
     TImportFile.prototype.render = function () {

package/dist/component/text-area/text-area.js

@@ -76,7 +76,7 @@ var TextArea = /** @class */ (function (_super) {
     TextArea.prototype.render = function () {
         var _a, _b, _c, _d;
         return react_1.default.createElement("div", { ref: this.containerRef, id: this.props.id, className: "text-area-container row ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : 'body-3', " ").concat(((_b = this.props.helperText) === null || _b === void 0 ? void 0 : _b.length) && 'helper-text'), "helper-text": this.props.helperText, style: this.props.style ? __assign(__assign({}, { '--helper-text-color': (_c = this.props.helperTextColor) !== null && _c !== void 0 ? _c : '#e14337' }), this.props.style) : { '--helper-text-color': (_d = this.props.helperTextColor) !== null && _d !== void 0 ? _d : '#e14337' } }, this.props.register ?
-            react_1.default.createElement("textarea", __assign({ autoFocus: this.props.autoFocus }, this.props.register, { maxLength: this.props.maxLength, name: this.props.name, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onFocus: this.props.onFocus })) : react_1.default.createElement("textarea", { autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, name: this.props.name, defaultValue: this.props.defaultValue, value: this.props.value, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onChange: this.props.onChange, onFocus: this.props.onFocus, onBlur: this.props.onBlur }));
+            react_1.default.createElement("textarea", __assign({ name: this.props.name, autoFocus: this.props.autoFocus }, this.props.register, { maxLength: this.props.maxLength, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onFocus: this.props.onFocus })) : react_1.default.createElement("textarea", { autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, name: this.props.name, defaultValue: this.props.defaultValue, value: this.props.value, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onChange: this.props.onChange, onFocus: this.props.onFocus, onBlur: this.props.onBlur }));
     };
     return TextArea;
 }(react_1.default.Component));

package/dist/index.d.ts

@@ -27,6 +27,7 @@ import { Winicon } from './component/wini-icon/winicon';
 import { NumberPicker } from './component/number-picker/number-picker';
 import { InputOpt } from './component/input-opt/input-opt';
 import { WLoginView } from './form/login/view';
-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, Button, Tag, Winicon, NumberPicker, InputOpt, WLoginView, };
+import { CustomCkEditor5 } from './component/ck-editor/ckeditor';
+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, Button, Tag, Winicon, NumberPicker, InputOpt, WLoginView, CustomCkEditor5 };
 export type { OptionsItem };
 export { i18n } from './language/i18n';