ywana-core8 0.0.906 → 0.0.907

package/dist/index.modern.js

@@ -3011,29 +3011,120 @@ var Viewer = function Viewer(_ref) {
  */
 var Kanban = function Kanban(_ref) {
   var children = _ref.children;
+  useMemo(function () {
+    var found = React.Children.map(children, function (child) {
+      if (child.type.name === KanbanSwimlane.name) {
+        return child;
+      }
+    });
+    return found.length > 0;
+  });
   return /*#__PURE__*/React.createElement("div", {
-    className: "kanban"
+    className: "kanban with-swimlanes"
   }, children);
 };
+var KanbanHeader = function KanbanHeader(props) {
+  var columns = props.columns;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "kanban-header"
+  }, columns.map(function (column, index) {
+    var icon = column.icon,
+      title = column.title,
+      subtitle = column.subtitle,
+      badge = column.badge;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "kanban-column",
+      key: index
+    }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "title"
+    }, /*#__PURE__*/React.createElement(Text, {
+      use: "headline6"
+    }, title), /*#__PURE__*/React.createElement(Text, {
+      className: "secondary-text",
+      use: "body2"
+    }, subtitle)), /*#__PURE__*/React.createElement("div", {
+      className: "badge"
+    }, badge)));
+  }));
+};
+var KanbanSwimlane = function KanbanSwimlane(_ref2) {
+  var icon = _ref2.icon,
+    title = _ref2.title,
+    subtitle = _ref2.subtitle,
+    badge = _ref2.badge,
+    children = _ref2.children;
+  var _useState = useState(true),
+    unfold = _useState[0],
+    setUnfold = _useState[1];
+
+  // cahnge all children headless prop to true
+  // if there is only one child
+  if (children.length === 1) {
+    children = React.cloneElement(children, {
+      headless: true
+    });
+  } else {
+    children = React.Children.map(children, function (child) {
+      return React.cloneElement(child, {
+        headless: true
+      });
+    });
+  }
+
+  // log al children headless prop
+  children.forEach(function (child) {
+    console.log(child.props.headless);
+  });
+  function toggle() {
+    setUnfold(!unfold);
+  }
+  var toggleIcon = unfold ? "unfold_less" : "unfold_more";
+  var toggleStyle = unfold ? "unfold" : "fold";
+  return /*#__PURE__*/React.createElement("div", {
+    className: "kanban-swimlane"
+  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: "small"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, /*#__PURE__*/React.createElement(Text, {
+    use: "headline6"
+  }, title, ":"), /*#__PURE__*/React.createElement(Text, {
+    className: "secondary-text",
+    use: "body2"
+  }, subtitle)), /*#__PURE__*/React.createElement("div", {
+    className: "badge"
+  }, badge), /*#__PURE__*/React.createElement(Icon, {
+    icon: toggleIcon,
+    clickable: true,
+    action: toggle
+  })), /*#__PURE__*/React.createElement("main", {
+    className: toggleStyle
+  }, children));
+};
 
 /**
  * Kanban Column
  */
-var KanbanColumn = function KanbanColumn(_ref2) {
-  var id = _ref2.id,
-    actions = _ref2.actions,
-    icon = _ref2.icon,
-    title = _ref2.title,
-    subtitle = _ref2.subtitle,
-    badge = _ref2.badge,
-    children = _ref2.children,
-    _ref2$minified = _ref2.minified,
-    minified = _ref2$minified === void 0 ? false : _ref2$minified,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
-  var _useState = useState(minified),
-    min = _useState[0],
-    setMin = _useState[1];
+var KanbanColumn = function KanbanColumn(_ref3) {
+  var id = _ref3.id,
+    actions = _ref3.actions,
+    _ref3$headless = _ref3.headless,
+    headless = _ref3$headless === void 0 ? false : _ref3$headless,
+    icon = _ref3.icon,
+    title = _ref3.title,
+    subtitle = _ref3.subtitle,
+    badge = _ref3.badge,
+    children = _ref3.children,
+    _ref3$minified = _ref3.minified,
+    minified = _ref3$minified === void 0 ? false : _ref3$minified,
+    _ref3$disabled = _ref3.disabled,
+    disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
+  var _useState2 = useState(minified),
+    min = _useState2[0],
+    setMin = _useState2[1];
   function toggle() {
     setMin(!min);
   }
@@ -3046,7 +3137,7 @@ var KanbanColumn = function KanbanColumn(_ref2) {
     action: toggle
   }))) : /*#__PURE__*/React.createElement("div", {
     className: "kanban-column " + id + " " + (disabled ? 'disabled' : '')
-  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Icon, {
+  }, headless ? "" : /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Icon, {
     icon: icon
   }), /*#__PURE__*/React.createElement("div", {
     className: "title"
@@ -3068,10 +3159,10 @@ var KanbanColumn = function KanbanColumn(_ref2) {
 /**
  * Kanban Card
  */
-var KanbanCard = function KanbanCard(_ref3) {
-  var className = _ref3.className,
-    color = _ref3.color,
-    children = _ref3.children;
+var KanbanCard = function KanbanCard(_ref4) {
+  var className = _ref4.className,
+    color = _ref4.color,
+    children = _ref4.children;
   return /*#__PURE__*/React.createElement("div", {
     className: "kanban-card " + className + " " + color
   }, children);
@@ -11211,5 +11302,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, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, 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, 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 };
 //# sourceMappingURL=index.modern.js.map