ywana-core8 0.1.103 → 0.2.1

package/src/html/switch.js

@@ -1,141 +1,32 @@
 import React, { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
-import RSwitch from 'react-switch'
-import { Icon } from './icon'
 import { Text } from './text'
 import './switch.css'
 
 /**
- * Switch component using react-switch library with enhanced features
+ * Switch component with traditional switch appearance and full functionality
  */
-export const Switch = (props) => {
-    const {
-        id,
-        label,
-        checked = false,
-        disabled = false,
-        readOnly = false,
-        error = false,
-        required = false,
-        size = 'normal',
-        className,
-        ariaLabel,
-        onChange,
-        onColor,
-        offColor,
-        ...restProps
-    } = props
-
-    // Validate required props
-    if (onChange && typeof onChange !== 'function') {
-        console.warn('Switch component: onChange prop should be a function')
-    }
-
-    // Size configurations
-    const sizeConfig = {
-        small: { height: 16, width: 32, handleDiameter: 14 },
-        normal: { height: 20, width: 48, handleDiameter: 18 },
-        large: { height: 24, width: 56, handleDiameter: 22 }
-    }
-
-    const currentSize = sizeConfig[size] || sizeConfig.normal
-    const safeClassName = className || ''
-
-    // Theme-aware colors with proper fallbacks
-    const defaultOnColor = onColor || '#007bff'  // Bootstrap primary blue
-    const defaultOffColor = offColor || '#6c757d' // Bootstrap secondary gray
-
-    // Handle change with validation
-    const handleChange = (nextChecked, event, id) => {
-        if (!disabled && !readOnly && onChange) {
-            onChange(id || 'switch', nextChecked, event)
-        }
-    }
-
-    // Accessibility attributes
-    const ariaAttributes = {
-        'aria-label': ariaLabel || label || 'Toggle switch',
-        'aria-required': required,
-        'aria-invalid': error,
-        'aria-describedby': error && typeof error === 'string' ? `${id}-error` : undefined
-    }
-
-    const switchElement = (
-        <RSwitch
-            id={id}
-            checked={checked}
-            onChange={handleChange}
-            disabled={disabled || readOnly}
-            onColor={defaultOnColor}
-            offColor={defaultOffColor}
-            onHandleColor="#ffffff"
-            offHandleColor="#f8f9fa"
-            handleDiameter={currentSize.handleDiameter}
-            uncheckedIcon={false}
-            checkedIcon={false}
-            boxShadow="0px 1px 3px rgba(0, 0, 0, 0.3)"
-            activeBoxShadow="0px 0px 0px 2px rgba(0, 123, 255, 0.25)"
-            height={currentSize.height}
-            width={currentSize.width}
-            className={`react-switch ${safeClassName} ${error ? 'error' : ''}`}
-            {...ariaAttributes}
-            {...restProps}
-        />
-    )
-
-    // If no label, return just the switch
-    if (!label) {
-        return (
-            <div className={`switch-wrapper ${disabled ? 'disabled' : ''} ${error ? 'error' : ''}`}>
-                {switchElement}
-                {error && typeof error === 'string' && error.length > 0 && (
-                    <span id={`${id}-error`} className="error-message" role="alert">
-                        {error}
-                    </span>
-                )}
-            </div>
-        )
-    }
-
-    // Return switch with label
-    return (
-        <div className={`switch-container ${disabled ? 'disabled' : ''} ${error ? 'error' : ''}`}>
-            <label htmlFor={id} className="switch-label">
-                <Text>{label}</Text>
-                {switchElement}
-            </label>
-            {error && typeof error === 'string' && error.length > 0 && (
-                <span id={`${id}-error`} className="error-message" role="alert">
-                    {error}
-                </span>
-            )}
-        </div>
-    )
-}
-
-/**
- * Switch2 component using Material Icons for a lightweight alternative
- */
-export const Switch2 = (props) => {
-    const {
-        id,
-        label,
-        checked = false,
-        disabled = false,
-        readOnly = false,
-        error = false,
-        required = false,
-        size = 'normal',
-        className,
-        ariaLabel,
-        onChange
-    } = props
+export const Switch = ({
+    id,
+    label,
+    checked = false,
+    disabled = false,
+    readOnly = false,
+    error = false,
+    required = false,
+    size = 'normal',
+    onColor = '#007bff',
+    offColor = '#ccc',
+    className = '',
+    ariaLabel,
+    onChange
+}) => {
 
     const [internalChecked, setInternalChecked] = useState(checked)
 
     // Validate required props
     if (onChange && typeof onChange !== 'function') {
-        console.warn('Switch2 component: onChange prop should be a function')
+        console.warn('Switch component: onChange prop should be a function')
     }
 
     // Sync with external value
@@ -149,7 +40,7 @@ export const Switch2 = (props) => {
             const nextValue = !internalChecked
             setInternalChecked(nextValue)
             if (onChange) {
-                onChange(id || 'switch2', nextValue)
+                onChange(id || 'switch', nextValue)
             }
         }
     }
@@ -162,16 +53,15 @@ export const Switch2 = (props) => {
         }
     }
 
-    const icon = internalChecked ? "toggle_on" : "toggle_off"
-    const safeClassName = className || ''
-
     // Generate CSS classes
     const cssClasses = [
-        'switch2',
-        disabled && 'disabled',
-        readOnly && 'readonly',
-        error && 'error',
-        safeClassName
+        'switch',
+        `switch--${size}`,
+        internalChecked && 'switch--checked',
+        disabled && 'switch--disabled',
+        readOnly && 'switch--readonly',
+        error && 'switch--error',
+        className
     ].filter(Boolean).join(' ')
 
     // Accessibility attributes for the container
@@ -187,22 +77,25 @@ export const Switch2 = (props) => {
     }
 
     const switchElement = (
-        <div className={cssClasses} {...containerAttributes}>
-            <Icon
-                icon={icon}
-                size={size}
-                clickable={!disabled && !readOnly}
-                disabled={disabled}
-                action={toggle}
-                ariaLabel={`${internalChecked ? 'Enabled' : 'Disabled'} toggle switch`}
-            />
+        <div
+            className={cssClasses}
+            onClick={toggle}
+            {...containerAttributes}
+            style={{
+                '--switch-on-color': onColor,
+                '--switch-off-color': offColor
+            }}
+        >
+            <div className="switch__track">
+                <div className="switch__handle"></div>
+            </div>
         </div>
     )
 
     // If no label, return just the switch
     if (!label) {
         return (
-            <div className="switch2-wrapper">
+            <div className="switch-wrapper">
                 {switchElement}
                 {error && typeof error === 'string' && error.length > 0 && (
                     <span id={`${id}-error`} className="error-message" role="alert">
@@ -215,8 +108,8 @@ export const Switch2 = (props) => {
 
     // Return switch with label
     return (
-        <div className="switch2-container">
-            <label className="switch2-label">
+        <div className="switch-container">
+            <label className="switch-label">
                 <Text>{label}</Text>
                 {switchElement}
             </label>
@@ -229,6 +122,8 @@ export const Switch2 = (props) => {
     )
 }
 
+// Switch2 removed - now using unified Switch component
+
 // PropTypes para Switch
 Switch.propTypes = {
     /** Unique identifier for the switch */
@@ -259,48 +154,4 @@ Switch.propTypes = {
     offColor: PropTypes.string
 }
 
-Switch.defaultProps = {
-    checked: false,
-    disabled: false,
-    readOnly: false,
-    error: false,
-    required: false,
-    size: 'normal',
-    className: ''
-}
-
-// PropTypes para Switch2
-Switch2.propTypes = {
-    /** Unique identifier for the switch */
-    id: PropTypes.string,
-    /** Label text for the switch */
-    label: PropTypes.string,
-    /** Current checked state */
-    checked: PropTypes.bool,
-    /** Whether the switch is disabled */
-    disabled: PropTypes.bool,
-    /** Whether the switch is read-only */
-    readOnly: PropTypes.bool,
-    /** Error state - boolean or error message string */
-    error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-    /** Whether the switch is required */
-    required: PropTypes.bool,
-    /** Size variant of the switch */
-    size: PropTypes.oneOf(['small', 'normal', 'large']),
-    /** Additional CSS classes */
-    className: PropTypes.string,
-    /** Accessibility label for screen readers */
-    ariaLabel: PropTypes.string,
-    /** Change handler function */
-    onChange: PropTypes.func
-}
-
-Switch2.defaultProps = {
-    checked: false,
-    disabled: false,
-    readOnly: false,
-    error: false,
-    required: false,
-    size: 'normal',
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead

package/src/html/tab.js

@@ -356,17 +356,7 @@ Tabs.propTypes = {
   ariaLabel: PropTypes.string
 }
 
-Tabs.defaultProps = {
-  fillLeft: false,
-  fillRight: true,
-  orientation: 'horizontal',
-  variant: 'standard',
-  scrollable: false,
-  centered: false,
-  disabled: false,
-  animated: true,
-  persistent: false
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes for Tab component
 Tab.propTypes = {
@@ -404,13 +394,7 @@ Tab.propTypes = {
   style: PropTypes.object
 }
 
-Tab.defaultProps = {
-  disabled: false,
-  closeable: false,
-  orientation: 'horizontal',
-  variant: 'standard',
-  animated: true
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes for Stack component
 Stack.propTypes = {
@@ -430,11 +414,6 @@ Stack.propTypes = {
   style: PropTypes.object
 }
 
-Stack.defaultProps = {
-  selected: 0,
-  lazy: false,
-  keepMounted: false,
-  animated: true
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default Tabs

package/src/html/text.js

@@ -322,18 +322,7 @@ Text.propTypes = {
   onClick: PropTypes.func
 }
 
-Text.defaultProps = {
-  format: TEXTFORMATS.HTML,
-  currency: 'USD',
-  dateStyle: 'medium',
-  timeStyle: 'medium',
-  fallback: '',
-  loading: false,
-  skeleton: false,
-  copyable: false,
-  selectable: true,
-  as: 'span'
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default Text
 

package/src/html/textfield2.js

@@ -400,40 +400,21 @@ TextField2.propTypes = {
     onValidation: PropTypes.func
 }
 
-TextField2.defaultProps = {
-    type: 'text',
-    labelPosition: 'top',
-    outlined: false,
-    readOnly: false,
-    disabled: false,
-    required: false,
-    canClear: true,
-    showPasswordToggle: true,
-    autoComplete: 'off',
-    rows: 3,
-    debounceMs: 0,
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes for TextArea2
 TextArea2.propTypes = {
     ...TextField2.propTypes
 }
 
-TextArea2.defaultProps = {
-    ...TextField2.defaultProps,
-    type: 'textarea'
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes for PasswordField2
 PasswordField2.propTypes = {
     ...TextField2.propTypes
 }
 
-PasswordField2.defaultProps = {
-    ...TextField2.defaultProps,
-    type: 'password'
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 /**
  * Enhanced DropDown component with improved accessibility and functionality
@@ -927,19 +908,7 @@ DropDown2.propTypes = {
     onSearch: PropTypes.func
 }
 
-DropDown2.defaultProps = {
-    options: [],
-    outlined: false,
-    disabled: false,
-    readOnly: false,
-    required: false,
-    searchable: false,
-    clearable: false,
-    multiple: false,
-    position: 'bottom',
-    maxHeight: '200px',
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 /**
  * Enhanced DateRange component with improved validation and accessibility
@@ -1166,12 +1135,6 @@ DateRange2.propTypes = {
     onValidation: PropTypes.func
 }
 
-DateRange2.defaultProps = {
-    outlined: false,
-    disabled: false,
-    readOnly: false,
-    required: false,
-    className: ''
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default TextField2

package/src/html/thumbnail.js

@@ -211,17 +211,6 @@ Thumbnail.propTypes = {
     style: PropTypes.object
 }
 
-Thumbnail.defaultProps = {
-    src: "https://www.w3schools.com/howto/img_forest.jpg",
-    empty: "",
-    objectFit: "cover",
-    loading: "lazy",
-    size: "medium",
-    shape: "square",
-    bordered: false,
-    shadow: false,
-    clickable: false,
-    disabled: false
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default Thumbnail

package/src/html/tokenfield.js

@@ -558,21 +558,7 @@ TokenField.propTypes = {
   style: PropTypes.object
 }
 
-TokenField.defaultProps = {
-  tokens: [],
-  predictive: true,
-  disabled: false,
-  required: false,
-  placeholder: "Add token...",
-  minTokens: 0,
-  allowDuplicates: true,
-  tokenSeparators: [',', ';', '\n'],
-  size: 'medium',
-  variant: 'default',
-  clearable: false,
-  searchable: false,
-  sortable: false
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes for Token
 Token.propTypes = {
@@ -596,11 +582,6 @@ Token.propTypes = {
   style: PropTypes.object
 }
 
-Token.defaultProps = {
-  disabled: false,
-  error: false,
-  size: 'medium',
-  variant: 'default'
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default TokenField

package/src/html/tree.js

@@ -767,23 +767,7 @@ Tree.propTypes = {
     ariaLabel: PropTypes.string
 }
 
-Tree.defaultProps = {
-    nodes: [],
-    searchable: false,
-    searchPlaceholder: "Search...",
-    searchBy: ['label'],
-    filterable: false,
-    sortable: false,
-    sortDirection: 'asc',
-    multiSelect: false,
-    expandAll: false,
-    collapseAll: false,
-    disabled: false,
-    loading: false,
-    empty: false,
-    emptyMessage: "No items found",
-    emptyIcon: "folder_open"
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes for TreeNode component
 TreeNode.propTypes = {
@@ -829,16 +813,7 @@ TreeNode.propTypes = {
     style: PropTypes.object
 }
 
-TreeNode.defaultProps = {
-    icon: 'folder',
-    open: false,
-    disabled: false,
-    draggable: false,
-    expandable: true,
-    level: 0,
-    hasChildren: true,
-    loading: false
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 // PropTypes for TreeItem component
 TreeItem.propTypes = {
@@ -880,13 +855,6 @@ TreeItem.propTypes = {
     style: PropTypes.object
 }
 
-TreeItem.defaultProps = {
-    icon: 'description',
-    selected: false,
-    checked: false,
-    disabled: false,
-    draggable: false,
-    level: 0
-}
+// defaultProps removed - using JavaScript default parameters instead
 
 export default Tree

package/src/index.js

@@ -7,6 +7,7 @@ export * from './http'
 export * from './html'
 export * from './widgets'
 export * from './site'
+export * from './desktop'
 export * from './domain'
 
 export * from './domain2'

package/__previewjs__/Wrapper.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import "../src/css/html.css";
-import "../src/css/theme.css";
-import "material-design-icons-iconfont/dist/material-design-icons.css";
-
-export const Wrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => (
-  <div style={{
-    padding: '16px',
-    fontFamily: 'Arial, sans-serif',
-    fontSize: '14px'
-  }}>
-    {children}
-  </div>
-);

package/build-doc.sh

@@ -1,10 +0,0 @@
-#!/bin/bash
-
-# Copiar todo el contenido de src/html a doc/lib
-cp -r src/html/* doc/lib/
-
-# Copiar React y ReactDOM desde node_modules a doc/lib
-cp node_modules/react/umd/react.development.js doc/lib/
-cp node_modules/react-dom/umd/react-dom.development.js doc/lib/
-
-# ...puedes añadir aquí otras dependencias si lo necesitas...

package/db/db.json

@@ -1,89 +0,0 @@
-{
-  "tasks": [
-    {
-      "name": "TEST",
-      "description": "Test Task 1680001300290",
-      "result": "OK",
-      "percentage": 100,
-      "id": 1,
-      "state": "COMPPLETED"
-    }
-  ],
-  "references": [
-    {
-      "id": 1,
-      "field6": [
-        {
-          "name": "aaa",
-          "field1": "aaa",
-          "field2": "aaa",
-          "field3": "aaa"
-        },
-        {
-          "name": "aaa",
-          "field1": "bbb",
-          "field2": "bbb",
-          "field3": "bbb"
-        }
-      ],
-      "name": "111111",
-      "state": "NOT_CLASSIFIED",
-      "field1": "1111114444",
-      "field2": "111111",
-      "field4": "#ce1212",
-      "field5": {
-        "name": "xxx"
-      }
-    },
-    {
-      "name": "2222",
-      "state": "NOT_CLASSIFIED",
-      "field1": "xxxxx",
-      "field2": "zzzzz",
-      "field4": "#c91d1d",
-      "field5": {},
-      "id": 2
-    },
-    {
-      "name": "333",
-      "field4": "#ab3636",
-      "field5": {},
-      "id": 3
-    },
-    {
-      "name": "444",
-      "field5": {},
-      "id": 4
-    },
-    {
-      "name": "555",
-      "field5": {},
-      "id": 5
-    },
-    {
-      "name": "666",
-      "field5": {},
-      "id": 6
-    },
-    {
-      "name": "777",
-      "field5": {},
-      "id": 7
-    },
-    {
-      "name": "888",
-      "field5": {},
-      "id": 8
-    },
-    {
-      "name": "999",
-      "field5": {},
-      "id": 9
-    },
-    {
-      "name": "100000",
-      "field5": {},
-      "id": 10
-    }
-  ]
-}