ywana-core8 0.0.180 → 0.0.184

package/package.json

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

package/reactpreview.config.js

@@ -0,0 +1,37 @@
+const reactpreview = require("@reactpreview/config");
+
+module.exports = reactpreview.config({
+  /**
+   * Configure custom aliases (auto-detected if you use TypeScript).
+   */
+  alias: {
+    foo: "src/foo"
+  },
+
+  /**
+   * Configure a public assets directory.
+   */
+  publicDir: "public",
+
+  /**
+   * Set up a custom component to wrap around previewed components.
+   *
+   * Useful to set up context providers and CSS dependencies.
+   */
+  wrapper: {
+    path: "src/ReactPreviewWrapper.js",
+    componentName: "Wrapper"
+  },
+
+  /**
+   * Customise the exported React component name for SVG files.
+   */
+  svgr: {
+    componentName: "default"
+  },
+
+  /**
+   * Specify a custom Vite configuration.
+   */
+  vite: vite.UserConfig;
+});

package/src/domain/ContentEditor.js

@@ -239,7 +239,7 @@ const EntityEditor = ({ field, value = {}, onChange }) => {
  * String Editor
  */
 export const StringEditor = ({ field, value = '', onChange, content, outlined }) => {
-  const { id, format, label, options, editable = true, predictive = false } = field
+  const { id, format, label, options, editable = true, predictive = false, Editor } = field
 
   function change(id, value) {
     if (onChange) onChange(id, value)
@@ -252,6 +252,9 @@ export const StringEditor = ({ field, value = '', onChange, content, outlined })
 
   return (
     <div className='field-editor string-editor'>
+
+      { format === FORMATS.HTML ? <Editor value={value}/> : null}
+
       {
         format === FORMATS.DATE ? <TextField outlined={outlined} id={id} type="date" label={label} value={value} onChange={change} readOnly={!editable} /> :
           options ? <DropDown outlined={outlined} id={id} label={label} value={value} onChange={change} options={buildOptions()} readOnly={!editable} canFilter={predictive} /> :
@@ -271,7 +274,7 @@ const NumberEditor = ({ field, value, onChange, outlined = false }) => {
     if (onChange) onChange(id, value)
   }
 
-  const val = value || field.default
+  const val = value || value ==="" ? value : field.default
   const min = field.min
   const max = field.max
   const disabled = !editable

package/src/domain/ContentType.js

@@ -17,6 +17,7 @@ export const FORMATS = {
     NONE: '',
     DATE: 'date',
     EMAIL: 'email',
+    HTML: 'HTML'
 }
 
 /**

package/src/html/button.js

@@ -1,6 +1,7 @@
 import React from 'react'
-import './button.css'
+import { preview } from "@reactpreview/config";
 import { Icon } from './icon'
+import './button.css'
 
 /**
  * HTML Button
@@ -23,4 +24,17 @@ export const Button = ({ label, icon, action, disabled = false, outlined, raised
             <span>{ label }</span>
         </button>
     )
-}
+}
+
+preview(Button, {
+    example1: {
+        label: "OK",
+        raised: true,
+        action: () => alert('click')
+    },
+    example2: {
+        label: "CANCEL",
+        outlined: true,
+        action: () => alert('click')
+    }
+})

package/src/html/button.tsx

@@ -0,0 +1,38 @@
+import React from 'react'
+import './button.css'
+import { Icon } from './icon'
+
+
+interface Button2Props {
+    label: String
+    icon: String
+    action: () => {}, 
+    disabled: Boolean, 
+    outlined: Boolean, 
+    raised: Boolean
+}
+
+/**
+ * HTML Button
+ */
+export const Button2 = (props: Button2Props) => {
+
+    const { label,icon, action, disabled, outlined, raised} = props
+
+    function click(event) {
+        if (!disabled) {
+            event.stopPropagation();
+            event.preventDefault();
+            if (action) action()
+        }
+    }
+
+    let style = raised ? 'raised' : outlined ? 'outlined' : 'normal'
+    if (disabled) style = `${style} disabled`
+    return (
+        <button className={`btn ${style}`} onClick={click}>
+            { icon ? <Icon icon={icon} size="small" clickable action={click} /> : null }
+            <span>{ label }</span>
+        </button>
+    )
+}

package/src/test.js

@@ -0,0 +1,5 @@
+<template>
+    <div class="x">
+        XXX
+    </div>
+</template>