ywana-core8 0.0.918 → 0.0.920

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
-import React, { useContext, useState, useEffect, Fragment, useRef, useMemo, useCallback, Children } from 'react';
+import React, { useContext, useState, useEffect, useCallback, Fragment, useRef, useMemo, Children } from 'react';
 import RSwitch from 'react-switch';
 import moment$1 from 'moment';
 import { extendMoment } from 'moment-range';
@@ -414,24 +414,24 @@ var Button = function Button(_ref) {
     outlined = _ref.outlined,
     raised = _ref.raised,
     className = _ref.className;
-  function click(event) {
+  var click = useCallback(function (event) {
     if (!disabled) {
       event.stopPropagation();
       event.preventDefault();
       if (action) action();
     }
-  }
+  }, [disabled, action]);
   var style = raised ? 'raised' : outlined ? 'outlined' : 'normal';
   if (disabled) style = style + " disabled";
   return /*#__PURE__*/React.createElement("button", {
     className: "btn " + style + " " + className,
     onClick: click
-  }, icon ? /*#__PURE__*/React.createElement(Icon, {
+  }, icon && /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small",
     clickable: true,
     action: click
-  }) : null, /*#__PURE__*/React.createElement(Text, null, label));
+  }), /*#__PURE__*/React.createElement(Text, null, label));
 };
 
 /**
@@ -5705,6 +5705,146 @@ var UploadProgressBar = function UploadProgressBar(props) {
   }));
 };
 
+var Planner2 = function Planner2(_ref) {
+  var from = _ref.from,
+    to = _ref.to,
+    _ref$lanes = _ref.lanes,
+    lanes = _ref$lanes === void 0 ? [] : _ref$lanes,
+    _ref$events = _ref.events,
+    events = _ref$events === void 0 ? [] : _ref$events,
+    _ref$cellWidth = _ref.cellWidth,
+    cellWidth = _ref$cellWidth === void 0 ? 10 : _ref$cellWidth,
+    _ref$rowHeaderWidth = _ref.rowHeaderWidth,
+    rowHeaderWidth = _ref$rowHeaderWidth === void 0 ? 10 : _ref$rowHeaderWidth,
+    EventRenderer = _ref.EventRenderer;
+  var _useState = useState([]),
+    days = _useState[0],
+    setDays = _useState[1];
+  var lastDay = new Date(to);
+  useEffect(function () {
+    var day = new Date(from);
+    var nextDays = [];
+    while (day <= lastDay) {
+      nextDays.push({
+        day: day.getDate(),
+        weekday: day.toLocaleString('en-US', {
+          weekday: 'short'
+        }),
+        month: day.toLocaleString('en-US', {
+          month: 'short'
+        }),
+        monthNum: day.getMonth() + 1,
+        year: day.getFullYear()
+      });
+      day.setDate(day.getDate() + 1);
+    }
+    setDays(nextDays);
+  }, [from, to]);
+  var uniqueMonths = Array.from(new Set(days.map(function (_ref2) {
+    var month = _ref2.month;
+    return month;
+  })));
+  var monthWidths = uniqueMonths.map(function (month) {
+    var monthDays = days.filter(function (day) {
+      return day.month === month;
+    });
+    return monthDays.length * cellWidth + "rem";
+  });
+  var dayWidth = cellWidth + "rem";
+  var totalDaysWidth = days.length * cellWidth + rowHeaderWidth;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "planner2-row"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "months-row",
+    style: {
+      display: 'flex',
+      width: totalDaysWidth + "rem"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row-header",
+    style: {
+      width: rowHeaderWidth + "rem"
+    }
+  }), uniqueMonths.map(function (month, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "month-cell",
+      key: month,
+      style: {
+        fontWeight: 'bold',
+        minWidth: monthWidths[index]
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "month-name"
+    }, month, " ", new Date(from).getFullYear()));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "days-row",
+    style: {
+      display: 'flex',
+      width: totalDaysWidth + "rem"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row-header",
+    style: {
+      minWidth: rowHeaderWidth + "rem",
+      maxWidth: rowHeaderWidth + "rem"
+    }
+  }), days.map(function (_ref3) {
+    var day = _ref3.day,
+      weekday = _ref3.weekday,
+      month = _ref3.month;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "day-cell",
+      style: {
+        minWidth: dayWidth,
+        maxWidth: dayWidth
+      },
+      key: "day_" + month + "-" + day
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "weekday"
+    }, weekday.substring(0, 2)), /*#__PURE__*/React.createElement("div", {
+      className: "daynum"
+    }, day));
+  })), lanes.map(function (lane, index) {
+    var laneEvents = events.filter(function (event) {
+      return event.lane === lane.id;
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "content-row",
+      style: {
+        width: totalDaysWidth + "rem"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "row-header",
+      style: {
+        width: rowHeaderWidth + "rem"
+      }
+    }, lane.title), days.map(function (_ref4) {
+      var day = _ref4.day,
+        month = _ref4.month,
+        monthNum = _ref4.monthNum,
+        year = _ref4.year;
+      var dayDate = new Date(year, monthNum - 1, day);
+      var dayEvents = laneEvents.filter(function (event) {
+        var eventDate = new Date(event.date);
+        return eventDate.getDate() === dayDate.getDate() && eventDate.getMonth() === dayDate.getMonth() && eventDate.getFullYear() === dayDate.getFullYear();
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: "content-cell",
+        style: {
+          minWidth: dayWidth,
+          maxWidth: dayWidth
+        },
+        key: "content" + index + "_" + month + "-" + day
+      }, dayEvents.map(function (event) {
+        return /*#__PURE__*/React.createElement(EventRenderer, {
+          key: event.id,
+          event: event
+        });
+      }));
+    }));
+  }));
+};
+
 /**
  * Password Editor
  */
@@ -11516,5 +11656,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Accordion, ActionButton, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionAPI$1 as CollectionAPI, CollectionAPI as CollectionAPI2, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, DynamicForm, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FileExplorerView, FileGridItem, FilesGridView, FilesSearchBox, FilesTableView, FoldersTreeView, Form, HTTPClient, Header, Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, KanbanHeader, KanbanSwimlane, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MonthCalendar, MultiSelector, Page, PageContext, PageProvider, PasswordEditor, PasswordField, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, Switch2, TASK_STATES, TEXTFORMATS, TYPES$1 as TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile$1 as UploadFile, UploadForm, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
+export { Accordion, ActionButton, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionAPI$1 as CollectionAPI, CollectionAPI as CollectionAPI2, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, DynamicForm, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FileExplorerView, FileGridItem, FilesGridView, FilesSearchBox, FilesTableView, FoldersTreeView, Form, HTTPClient, Header, Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, KanbanHeader, KanbanSwimlane, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MonthCalendar, MultiSelector, Page, PageContext, PageProvider, PasswordEditor, PasswordField, Planner, Planner2, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, Switch2, TASK_STATES, TEXTFORMATS, TYPES$1 as TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile$1 as UploadFile, UploadForm, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
 //# sourceMappingURL=index.modern.js.map