ywana-core8 0.0.180 → 0.0.184
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__reactpreview__/Wrapper.tsx +14 -0
- package/dist/index.cjs +25 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +49 -49
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +25 -4
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +28 -8
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/reactpreview.config.js +37 -0
- package/src/domain/ContentEditor.js +5 -2
- package/src/domain/ContentType.js +1 -0
- package/src/html/button.js +16 -2
- package/src/html/button.tsx +38 -0
- package/src/test.js +5 -0
@@ -0,0 +1,14 @@
|
|
1
|
+
import React from "react";
|
2
|
+
|
3
|
+
// You can import global CSS files here.
|
4
|
+
import '../src/css/html.css'
|
5
|
+
import '../src/css/theme.css'
|
6
|
+
import 'material-design-icons-iconfont/dist/material-design-icons.css'
|
7
|
+
|
8
|
+
|
9
|
+
// No-op wrapper.
|
10
|
+
export const Wrapper: React.FC = ({ children }) => {
|
11
|
+
|
12
|
+
|
13
|
+
return <div style={{ padding: "2rem" }}>{children}</div>;
|
14
|
+
};
|
package/dist/index.cjs
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
require('material-design-icons-iconfont/dist/material-design-icons.css');
|
2
2
|
var React = require('react');
|
3
|
+
var config = require('@reactpreview/config');
|
3
4
|
var RSwitch = require('react-switch');
|
4
5
|
var reactNotifications = require('react-notifications');
|
5
6
|
require('react-notifications/lib/notifications.css');
|
@@ -203,6 +204,22 @@ var Button$1 = function Button(_ref) {
|
|
203
204
|
action: click
|
204
205
|
}) : null, /*#__PURE__*/React__default["default"].createElement("span", null, label));
|
205
206
|
};
|
207
|
+
config.preview(Button$1, {
|
208
|
+
example1: {
|
209
|
+
label: "OK",
|
210
|
+
raised: true,
|
211
|
+
action: function action() {
|
212
|
+
return alert('click');
|
213
|
+
}
|
214
|
+
},
|
215
|
+
example2: {
|
216
|
+
label: "CANCEL",
|
217
|
+
outlined: true,
|
218
|
+
action: function action() {
|
219
|
+
return alert('click');
|
220
|
+
}
|
221
|
+
}
|
222
|
+
});
|
206
223
|
|
207
224
|
/**
|
208
225
|
* Site Context
|
@@ -2288,7 +2305,8 @@ var TYPES = {
|
|
2288
2305
|
var FORMATS = {
|
2289
2306
|
NONE: '',
|
2290
2307
|
DATE: 'date',
|
2291
|
-
EMAIL: 'email'
|
2308
|
+
EMAIL: 'email',
|
2309
|
+
HTML: 'HTML'
|
2292
2310
|
};
|
2293
2311
|
/**
|
2294
2312
|
* CHECK
|
@@ -2973,7 +2991,8 @@ var StringEditor = function StringEditor(_ref6) {
|
|
2973
2991
|
_field$editable = field.editable,
|
2974
2992
|
editable = _field$editable === void 0 ? true : _field$editable,
|
2975
2993
|
_field$predictive = field.predictive,
|
2976
|
-
predictive = _field$predictive === void 0 ? false : _field$predictive
|
2994
|
+
predictive = _field$predictive === void 0 ? false : _field$predictive,
|
2995
|
+
Editor = field.Editor;
|
2977
2996
|
|
2978
2997
|
function change(id, value) {
|
2979
2998
|
if (onChange) onChange(id, value);
|
@@ -2986,7 +3005,9 @@ var StringEditor = function StringEditor(_ref6) {
|
|
2986
3005
|
|
2987
3006
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
2988
3007
|
className: "field-editor string-editor"
|
2989
|
-
}, format === FORMATS.
|
3008
|
+
}, format === FORMATS.HTML ? /*#__PURE__*/React__default["default"].createElement(Editor, {
|
3009
|
+
value: value
|
3010
|
+
}) : null, format === FORMATS.DATE ? /*#__PURE__*/React__default["default"].createElement(TextField, {
|
2990
3011
|
outlined: outlined,
|
2991
3012
|
id: id,
|
2992
3013
|
type: "date",
|
@@ -3031,7 +3052,7 @@ var NumberEditor = function NumberEditor(_ref7) {
|
|
3031
3052
|
if (onChange) onChange(id, value);
|
3032
3053
|
}
|
3033
3054
|
|
3034
|
-
var val = value || field["default"];
|
3055
|
+
var val = value || value === "" ? value : field["default"];
|
3035
3056
|
var min = field.min;
|
3036
3057
|
var max = field.max;
|
3037
3058
|
var disabled = !editable;
|