ywana-core8 0.0.149 → 0.0.153

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.149",
+  "version": "0.0.153",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/domain/TablePage.js

@@ -242,6 +242,7 @@ const TableFilters = (props) => {
  */
 const TableEditor = (props) => {
 
+    const site = useContext(SiteContext)
     const [pageContext, setPageContext] = useContext(PageContext)
     const { all = [], filters } = pageContext
     const { icon, title, schema, editable, canDelete, filter, actions } = props
@@ -252,9 +253,12 @@ const TableEditor = (props) => {
     }
 
     async function remove(id) {
-        await pageContext.remove(id)
-        pageContext.clear()
-        setPageContext(Object.assign({}, pageContext))
+        const confirm = await site.confirm("Are you sure ?")
+        if (confirm) {
+            await pageContext.remove(id)
+            pageContext.clear()
+            setPageContext(Object.assign({}, pageContext))
+        }
     }
 
     function change(rowID, cellID, value) {

package/src/html/table.js

@@ -77,7 +77,7 @@ export const DataTable = (props) => {
                             const sort = sortDir[id] ? sortDir[id] : null
                             return (
                                 <th>
-                                    {id === "checked" ? <CheckBox onChange={checkAll} /> : <Text>{label}</Text>}
+                                    {id === "checked" ? <CheckBox onChange={checkAll} /> : <Text key={`th_${id}`}>{label}</Text>}
                                     {sortable ? <Icon icon="arrow_up" size="small" clickable /> : null}
                                 </th>
                             )

package/src/html/textfield.js

@@ -98,7 +98,8 @@ export const DropDown = (props) => {
     function renderOptions() {
         const canShow = open == true && Array.isArray(options)
         if (canShow) {
-            const filterActive = canFilter && label && label.length > 0
+            const filterActive = canFilter === true && label && label.length > 0
+            console.log('Dropdown filterActive', filterActive, canFilter, label )
             const items = filterActive ? options.filter(option => option.label.toUpperCase().indexOf(label.toUpperCase()) >= 0) : options
             const lis = items.map(option => <li key={option.value} value={option.value}>{option.label}</li>)
             return <menu><ul onClick={select}>{lis}</ul></menu>