ywana-core8 0.0.963 → 0.0.965

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.963",
+  "version": "0.0.965",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/html/textfield.js

@@ -12,7 +12,7 @@ import './textarea.css'
 export const TextField = (props) => {
 
     const site = useContext(SiteContext)
-    const { id, type = 'text', label, labelPosition = 'top', placeholder, value, outlined, readOnly = false, canClear = true, onChange, onEnter, onClick, onFocus, onBlur } = props
+    const { id, type = 'text', className, label, labelPosition = 'top', placeholder, value, outlined, readOnly = false, canClear = true, onChange, onEnter, onClick, onFocus, onBlur } = props
 
     function onKeyPress(event) {
         var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;
@@ -48,7 +48,7 @@ export const TextField = (props) => {
     const placeholderTxt = site.translate ? site.translate(placeholder) : placeholder
 
     return (
-        <div className={`${style} ${id}`} onClick={onClick}>
+        <div className={`${style} ${id} ${className}`} onClick={onClick}>
             <input id={id} type={type} placeholder={placeholderTxt} value={value} required onChange={change} onKeyDown={onKeyPress} onFocus={focus} onBlur={blur} readOnly={readOnly} step="any" />
             {readOnly === false && canClear && value && value.length > 0 ? <Icon icon="close" clickable size="small" action={clear} /> : null}
             <span className="bar"></span>

package/src/incubator/planner.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import "./planner.css"
 
-export const Planner2 = ({ from, to, lanes = [], events = [], cellWidth = 10, rowHeaderWidth = 10, EventRenderer, onSelectCell, hideEmptyRows=false}) => {
+export const Planner2 = ({ from, to, lanes = [], events = [], cellWidth = 10, rowHeaderWidth = 10, rowHeaderTitle, EventRenderer, onSelectCell, hideEmptyRows=false}) => {
 
   const [days, setDays] = useState([]);
   const lastDay = new Date(to);
@@ -62,6 +62,7 @@ export const Planner2 = ({ from, to, lanes = [], events = [], cellWidth = 10, ro
 
       <div className="months-row" style={{ display: 'flex', width: `${totalDaysWidth}rem` }}>
         <div className="row-header" style={{ width: `${rowHeaderWidth}rem` }} >
+          {rowHeaderTitle}
         </div>
         {uniqueMonths.map((month, index) => (
           <div