ywana-core8 0.1.103 → 0.2.2

package/src/html/accordion.example.js

@@ -176,117 +176,43 @@ export const AccordionExamples = () => {
     const sections = 
 
     [
-
-
             {
-
-
                     "id": "overview",
-
-
                     "title": "Introducción",
-
-
                     "icon": "info"
-
-
             },
-
-
             {
-
-
                     "id": "basic-examples",
-
-
                     "title": "Ejemplos Básicos",
-
-
                     "icon": "widgets"
-
-
             },
-
-
             {
-
-
                     "id": "advanced-features",
-
-
                     "title": "Características Avanzadas",
-
-
                     "icon": "settings"
-
-
             },
-
-
             {
-
-
                     "id": "variants",
-
-
                     "title": "Variantes y Temas",
-
-
                     "icon": "palette"
-
-
             },
-
-
             {
-
-
                     "id": "states",
-
-
                     "title": "Estados",
-
-
                     "icon": "toggle_on"
-
-
             },
-
-
             {
-
-
                     "id": "sizes",
-
-
                     "title": "Tamaños",
-
-
                     "icon": "format_size"
-
-
             },
-
-
             {
-
-
                     "id": "api-reference",
-
-
                     "title": "Referencia API",
-
-
                     "icon": "code"
-
-
             }
-
-
     ]
 
-
-
     return (
         <ExampleLayout title="Accordion Examples" sections={sections}>
             <ExampleSection id="overview" title="Ejemplos de Componente Accordion Mejorado" icon="widgets">

package/src/html/accordion.js

@@ -316,11 +316,6 @@ Accordion.propTypes = {
     onSectionChange: PropTypes.func
 }
 
-Accordion.defaultProps = {
-    className: '',
-    disabled: false,
-    allowMultiple: true,
-    animated: true
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default Accordion

package/src/html/button.js

@@ -261,15 +261,7 @@ Button.propTypes = {
     onKeyDown: PropTypes.func
 }
 
-Button.defaultProps = {
-    disabled: false,
-    loading: false,
-    outlined: false,
-    raised: false,
-    size: 'normal',
-    type: 'button',
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes para ActionButton
 ActionButton.propTypes = {
@@ -291,7 +283,4 @@ ActionButton.propTypes = {
     onStateChange: PropTypes.func
 }
 
-ActionButton.defaultProps = {
-    disabled: false,
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead

package/src/html/checkbox.js

@@ -133,12 +133,4 @@ CheckBox.propTypes = {
     onChange: PropTypes.func
 }
 
-CheckBox.defaultProps = {
-    value: false,
-    readOnly: false,
-    disabled: false,
-    indeterminate: false,
-    error: false,
-    required: false,
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead

package/src/html/chip.js

@@ -285,15 +285,7 @@ Chip.propTypes = {
     onKeyDown: PropTypes.func
 }
 
-Chip.defaultProps = {
-    outlined: false,
-    selected: false,
-    disabled: false,
-    deletable: false,
-    size: 'normal',
-    variant: 'default',
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes para Chips
 Chips.propTypes = {
@@ -333,13 +325,4 @@ Chips.propTypes = {
     onChange: PropTypes.func
 }
 
-Chips.defaultProps = {
-    items: [],
-    selected: [],
-    disabled: false,
-    deletable: false,
-    multiSelect: false,
-    size: 'normal',
-    variant: 'default',
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead

package/src/html/color.js

@@ -437,20 +437,7 @@ ColorField.propTypes = {
     style: PropTypes.object
 }
 
-ColorField.defaultProps = {
-    label: "Color",
-    disabled: false,
-    required: false,
-    placeholder: "#000000",
-    format: 'hex',
-    showPreview: true,
-    showValue: false,
-    allowTransparent: false,
-    presetColors: [],
-    size: 'medium',
-    variant: 'default',
-    clearable: false
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 ColorPicker.propTypes = {
     /** Current color value */

package/src/html/form.js

@@ -207,11 +207,10 @@ export const Form = (props) => {
 /**
  * FieldWrapper component for individual form fields
  */
-const FieldWrapper = ({ style, children, className }) => {
-    const safeClassName = className || ''
+const FieldWrapper = ({ style, children, className = '' }) => {
     const cssClasses = [
         'field-wrapper',
-        safeClassName
+        className
     ].filter(Boolean).join(' ')
 
     return (
@@ -253,15 +252,7 @@ Form.propTypes = {
     onValidationChange: PropTypes.func
 }
 
-Form.defaultProps = {
-    columns: 1,
-    outlined: false,
-    disabled: false,
-    loading: false,
-    autoComplete: 'on',
-    noValidate: false,
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes para FieldWrapper
 FieldWrapper.propTypes = {
@@ -273,6 +264,4 @@ FieldWrapper.propTypes = {
     className: PropTypes.string
 }
 
-FieldWrapper.defaultProps = {
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead

package/src/html/header2.js

@@ -187,17 +187,6 @@ Header2.propTypes = {
     onIconClick: PropTypes.func
 }
 
-Header2.defaultProps = {
-    caption: false,
-    prominent: false,
-    dense: false,
-    primary: false,
-    secondary: false,
-    clickable: false,
-    disabled: false,
-    loading: false,
-    role: 'banner',
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default Header2

package/src/html/icon.js

@@ -99,10 +99,4 @@ Icon.propTypes = {
     ariaLabel: PropTypes.string
 }
 
-Icon.defaultProps = {
-    size: 'normal',
-    clickable: false,
-    disabled: false,
-    eventPropagation: false,
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead

package/src/html/index.js

@@ -21,7 +21,7 @@ export { TextField, DropDown, TextArea, DateRange, PasswordField } from './textf
 export { TextField2, TextArea2, PasswordField2, DropDown2, DateRange2 } from './textfield2'
 export { TokenField } from './tokenfield'
 export { Tree, TreeNode, TreeItem } from './tree'
-export { Switch, Switch2 } from './switch'
+export { Switch } from './switch'
 export { Tooltip } from './tooltip'
 export { Thumbnail } from './thumbnail'
 export { ColorField } from './color'

package/src/html/list.js

@@ -612,24 +612,6 @@ List.propTypes = {
     role: PropTypes.string
 }
 
-List.defaultProps = {
-    items: [],
-    loading: false,
-    empty: false,
-    emptyMessage: "No items found",
-    emptyIcon: "inbox",
-    searchable: false,
-    searchPlaceholder: "Search...",
-    searchBy: ['line1', 'line2'],
-    sortable: false,
-    sortDirection: 'asc',
-    multiSelect: false,
-    dense: false,
-    disabled: false,
-    animated: true,
-    virtualized: false,
-    itemHeight: 48,
-    role: 'list'
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default List

package/src/html/menu.js

@@ -10,15 +10,19 @@ import './menu.css'
  */
 export const MenuContext = React.createContext({})
 
-/** 
- * Menu 
+/**
+ * Menu
  **/
 export const Menu = (props) => {
     const { children } = props
+    const [open, setOpen] = useState(false)
+
     return (
-        <ul>
-            {children}
-        </ul>
+        <MenuContext.Provider value={[open, setOpen]}>
+            <ul>
+                {children}
+            </ul>
+        </MenuContext.Provider>
     )
 }
 

package/src/html/progress.js

@@ -735,18 +735,7 @@ CircularProgress.propTypes = {
     ariaLabel: PropTypes.string
 }
 
-CircularProgress.defaultProps = {
-    value: 0,
-    max: 100,
-    size: 'medium',
-    thickness: 4,
-    variant: 'indeterminate',
-    color: 'primary',
-    showValue: false,
-    showLabel: false,
-    animated: true,
-    disabled: false
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 LinearProgress.propTypes = {
     /** Current progress value */
@@ -791,19 +780,7 @@ LinearProgress.propTypes = {
     speed: PropTypes.number
 }
 
-LinearProgress.defaultProps = {
-    value: 0,
-    max: 100,
-    variant: 'determinate',
-    color: 'primary',
-    size: 'medium',
-    showValue: false,
-    showLabel: false,
-    animated: true,
-    striped: false,
-    disabled: false,
-    rounded: true
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 StepProgress.propTypes = {
     /** Array of step objects */
@@ -836,16 +813,7 @@ StepProgress.propTypes = {
     onStepClick: PropTypes.func
 }
 
-StepProgress.defaultProps = {
-    currentStep: 0,
-    variant: 'horizontal',
-    color: 'primary',
-    size: 'medium',
-    showLabels: true,
-    showNumbers: true,
-    allowClickNavigation: false,
-    animated: true
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 RadialProgress.propTypes = {
     /** Current progress value */
@@ -880,18 +848,7 @@ RadialProgress.propTypes = {
     children: PropTypes.node
 }
 
-RadialProgress.defaultProps = {
-    value: 0,
-    max: 100,
-    size: 120,
-    thickness: 8,
-    color: 'primary',
-    backgroundColor: 'rgba(0,0,0,0.1)',
-    showValue: true,
-    showLabel: false,
-    animated: true,
-    gradient: false
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 MultiProgress.propTypes = {
     /** Array of progress items */
@@ -915,11 +872,6 @@ MultiProgress.propTypes = {
     className: PropTypes.string
 }
 
-MultiProgress.defaultProps = {
-    showLabels: true,
-    showValues: true,
-    size: 'medium',
-    animated: true
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default { CircularProgress, LinearProgress, StepProgress, RadialProgress, MultiProgress }

package/src/html/property.js

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useRef, useEffect, Fragment } from 'react'
+import React, { useState, useCallback, useRef, useEffect } from 'react'
 import PropTypes from 'prop-types'
 import { Icon } from './icon'
 import { Text } from './text'
@@ -141,10 +141,10 @@ export const Property = (props) => {
 
     // Handle copy
     const handleCopy = useCallback(async () => {
-        if (!copyable || !value) return
+        if (!copyable || !value2) return
 
         try {
-            await navigator.clipboard.writeText(String(value))
+            await navigator.clipboard.writeText(value2)
             // Could trigger a toast notification here
         } catch (error) {
             console.warn('Failed to copy property value:', error)
@@ -229,7 +229,7 @@ export const Property = (props) => {
             {/* Property value (maintaining original structure) */}
             <div className="property-value">
                 {editable ? (
-                    <Fragment>
+                    <>
                         {multiline ? (
                             <textarea
                                 ref={inputRef}
@@ -282,16 +282,16 @@ export const Property = (props) => {
                                 aria-label="Clear value"
                             />
                         )}
-                    </Fragment>
+                    </>
                 ) : (
-                    <Fragment>
+                    <>
                         {/* Display value */}
                         <span
                             className={`property-value__display ${copyable ? 'property-value__display--copyable' : ''}`}
                             onClick={copyable ? handleCopy : undefined}
                             title={copyable ? 'Click to copy' : undefined}
                         >
-                            {value2 || (placeholder ? <span className="property-value__placeholder">{placeholder}</span> : '')}
+                            {value2 || (placeholder && <span className="property-value__placeholder">{placeholder}</span>)}
                         </span>
 
                         {/* Copy indicator */}
@@ -303,7 +303,7 @@ export const Property = (props) => {
                                 aria-label="Copy value"
                             />
                         )}
-                    </Fragment>
+                    </>
                 )}
             </div>
 
@@ -397,22 +397,6 @@ Property.propTypes = {
     style: PropTypes.object
 }
 
-Property.defaultProps = {
-    editable: false,
-    type: 'text',
-    disabled: false,
-    required: false,
-    multiline: false,
-    rows: 3,
-    size: 'medium',
-    variant: 'default',
-    layout: 'horizontal',
-    nameWidth: '50%',
-    copyable: false,
-    clearable: true,
-    readOnly: false,
-    loading: false,
-    skeleton: false
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default Property

package/src/html/radio.js

@@ -198,14 +198,7 @@ RadioButton.propTypes = {
     onChange: PropTypes.func
 }
 
-RadioButton.defaultProps = {
-    checked: false,
-    disabled: false,
-    readOnly: false,
-    error: false,
-    required: false,
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes para RadioGroup
 RadioGroup.propTypes = {
@@ -239,11 +232,4 @@ RadioGroup.propTypes = {
     onChange: PropTypes.func
 }
 
-RadioGroup.defaultProps = {
-    options: [],
-    disabled: false,
-    readOnly: false,
-    error: false,
-    required: false,
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead

package/src/html/section.js

@@ -60,9 +60,4 @@ Section.propTypes = {
     className: PropTypes.string
 }
 
-Section.defaultProps = {
-    title: '',
-    canCollapse: true,
-    open: false,
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead

package/src/html/selector.js

@@ -353,19 +353,7 @@ MultiSelector.propTypes = {
   style: PropTypes.object
 }
 
-MultiSelector.defaultProps = {
-  options: [],
-  disabled: false,
-  minSelections: 0,
-  searchable: false,
-  searchPlaceholder: "Search options...",
-  variant: 'default',
-  size: 'medium',
-  allowClear: false,
-  loading: false,
-  empty: false,
-  emptyMessage: "No options available"
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes for ToggleButton
 ToggleButton.propTypes = {
@@ -393,11 +381,6 @@ ToggleButton.propTypes = {
   style: PropTypes.object
 }
 
-ToggleButton.defaultProps = {
-  selected: false,
-  disabled: false,
-  variant: 'default',
-  size: 'medium'
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default MultiSelector