ywana-core8 0.0.235 → 0.0.239
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 +16 -7
- package/dist/index.cjs +7 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +9 -3
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +7 -6
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +7 -6
- package/dist/index.umd.js.map +1 -1
- package/package.json +3 -1
- package/src/domain/TablePage.js +6 -4
- package/src/html/header.css +2 -1
- package/src/html/textfield.css +7 -2
- package/src/html/textfield.js +2 -2
- package/src/html/textfield.test.js +21 -0
- package/src/widgets/kanban/Kanban.test.js +18 -0
- package/src/widgets/planner/Planner.css +179 -0
- package/src/widgets/planner/Planner.js +208 -0
- package/src/widgets/planner/Planner.test.js +25 -0
@@ -1,14 +1,23 @@
|
|
1
1
|
import React from "react";
|
2
2
|
|
3
3
|
// You can import global CSS files here.
|
4
|
-
import
|
5
|
-
import
|
6
|
-
import
|
7
|
-
|
4
|
+
import "../src/css/html.css";
|
5
|
+
import "../src/css/theme.css";
|
6
|
+
import "material-design-icons-iconfont/dist/material-design-icons.css";
|
8
7
|
|
9
8
|
// No-op wrapper.
|
10
9
|
export const Wrapper: React.FC = ({ children }) => {
|
11
|
-
|
12
|
-
|
13
|
-
|
10
|
+
return (
|
11
|
+
<div
|
12
|
+
style={{
|
13
|
+
width: "100vw",
|
14
|
+
height: "100vh",
|
15
|
+
padding: "2rem",
|
16
|
+
display: "flex",
|
17
|
+
flexDirection: "column",
|
18
|
+
}}
|
19
|
+
>
|
20
|
+
{children}
|
21
|
+
</div>
|
22
|
+
);
|
14
23
|
};
|
package/dist/index.cjs
CHANGED
@@ -899,7 +899,7 @@ var TextField = function TextField(props) {
|
|
899
899
|
|
900
900
|
var borderStyle = outlined ? "textfield-outlined" : "textfield";
|
901
901
|
var labelStyle = label ? "" : "no-label";
|
902
|
-
var style = labelStyle + " " + borderStyle;
|
902
|
+
var style = labelStyle + " " + borderStyle + " textfield-" + type;
|
903
903
|
var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text$1, null, label);
|
904
904
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
905
905
|
className: "" + style,
|
@@ -968,7 +968,7 @@ var DropDown = function DropDown(props) {
|
|
968
968
|
}
|
969
969
|
|
970
970
|
function toggle() {
|
971
|
-
if (site) {
|
971
|
+
if (site && site.changeFocus) {
|
972
972
|
site.changeFocus({
|
973
973
|
lose: function lose() {
|
974
974
|
setOpen(false);
|
@@ -4833,14 +4833,15 @@ var TableEditor = function TableEditor(props) {
|
|
4833
4833
|
|
4834
4834
|
function renderGroupLabel(groupName) {
|
4835
4835
|
var grouper = schema[groupBy];
|
4836
|
+
if (!groupName || !grouper) return "";
|
4836
4837
|
|
4837
4838
|
if (grouper.options) {
|
4838
4839
|
var options = CHECK['isFunction'](grouper.options) ? grouper.options() : grouper.options;
|
4839
4840
|
var option = options.find(function (option) {
|
4840
4841
|
return option.value === groupName;
|
4841
4842
|
});
|
4842
|
-
console.log(
|
4843
|
-
return option
|
4843
|
+
console.log(groupName, options, option);
|
4844
|
+
return option ? option.label : groupName;
|
4844
4845
|
} else {
|
4845
4846
|
return groupName;
|
4846
4847
|
}
|
@@ -4915,8 +4916,8 @@ var TableEditor = function TableEditor(props) {
|
|
4915
4916
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
|
4916
4917
|
key: groupName
|
4917
4918
|
}, /*#__PURE__*/React__default["default"].createElement(Header, {
|
4918
|
-
title: groupName
|
4919
|
-
},
|
4919
|
+
title: renderGroupLabel(groupName)
|
4920
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
4920
4921
|
className: "size"
|
4921
4922
|
}, groupSize)), /*#__PURE__*/React__default["default"].createElement(DataTable, _extends({}, table, {
|
4922
4923
|
onRowSelection: select,
|