@onesy/ui-react 1.0.115 → 1.0.117

package/Type/Type.js

@@ -16,8 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
+const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const utils_1 = require("../utils");
+const utils_2 = require("../utils");
 const useStyle = (0, style_react_1.style)(theme => ({
     root: {
         // reset
@@ -132,10 +133,10 @@ const Type = react_1.default.forwardRef((props_, ref) => {
     if (size !== undefined)
         styles.root.fontSize = size;
     return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: (0, style_react_1.classNames)([
-            (0, utils_1.staticClassName)('Type', theme) && [
+            (0, utils_2.staticClassName)('Type', theme) && [
                 'onesy-Type-root',
-                `onesy-Type-version-${version}`,
-                `onesy-Type-size-${size}`,
+                version && `onesy-Type-version-${version}`,
+                size && (0, utils_1.is)('string', size) && `onesy-Type-size-${size}`,
                 disabled && `onesy-Type-disabled`
             ],
             className,

package/esm/Type/Type.js

@@ -5,6 +5,7 @@ const _excluded = ["color", "responsive", "priority", "version", "align", "trans
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
+import { is } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import { staticClassName } from '../utils';
 const useStyle = styleMethod(theme => ({
@@ -232,7 +233,7 @@ const Type = /*#__PURE__*/React.forwardRef((props_, ref) => {
   if (size !== undefined) styles.root.fontSize = size;
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
-    className: classNames([staticClassName('Type', theme) && ['onesy-Type-root', `onesy-Type-version-${version}`, `onesy-Type-size-${size}`, disabled && `onesy-Type-disabled`], className, classes.root, classes[`version_${version}`], responsive && classes[`version_${version}_responsive`], classes[`color_${color}`], priority && classes[`priority_${priority}`], align && classes[`align_${align}`], transform && classes[`transform_${transform}`], fullWidth && classes.fullWidth, disabled && classes.disabled]),
+    className: classNames([staticClassName('Type', theme) && ['onesy-Type-root', version && `onesy-Type-version-${version}`, size && is('string', size) && `onesy-Type-size-${size}`, disabled && `onesy-Type-disabled`], className, classes.root, classes[`version_${version}`], responsive && classes[`version_${version}_responsive`], classes[`color_${color}`], priority && classes[`priority_${priority}`], align && classes[`align_${align}`], transform && classes[`transform_${transform}`], fullWidth && classes.fullWidth, disabled && classes.disabled]),
     style: _objectSpread(_objectSpread({
       whiteSpace,
       fontWeight: weight

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.115
+/** @license UiReact v1.0.117
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/useForm/useForm.js

@@ -80,7 +80,7 @@ const useForm = props => {
         // Validate the property
         if (property.required && property.value === undefined) {
           const name = is('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? capitalize(property.name) : property.name;
-          property.error = `${name} ${l('is required')}`;
+          property.error = `${l(name)} ${l('is required')}`;
         } else {
           property.error = undefined;
 
@@ -133,7 +133,7 @@ const useForm = props => {
       // Validate the property
       if (property.required && property.value === undefined) {
         const name = is('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? capitalize(property.name) : property.name;
-        property.error = `${name} ${l('is required')}`;
+        property.error = `${l(name)} ${l('is required')}`;
       } else {
         property.error = undefined;
 

package/esm/useForm/validate.js

@@ -19,7 +19,7 @@ const validate = async (model, property, form, options_) => {
     parse: true
   });
   const l = options?.l || (item => item);
-  const name = is('function', model.propertyNameUpdate) ? model.propertyNameUpdate(model.name) : model.capitalize !== false ? capitalize(model.name) : model.name;
+  const name = l(is('function', model.propertyNameUpdate) ? model.propertyNameUpdate(model.name) : model.capitalize !== false ? capitalize(model.name) : model.name);
   const value = model.value;
 
   // value validate

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.115",
+  "version": "1.0.117",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",

package/useForm/useForm.js

@@ -71,7 +71,7 @@ const useForm = (props) => {
                 // Validate the property
                 if (property.required && property.value === undefined) {
                     const name = (0, utils_1.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, utils_1.capitalize)(property.name) : property.name;
-                    property.error = `${name} ${l('is required')}`;
+                    property.error = `${l(name)} ${l('is required')}`;
                 }
                 else {
                     property.error = undefined;
@@ -122,7 +122,7 @@ const useForm = (props) => {
             // Validate the property
             if (property.required && property.value === undefined) {
                 const name = (0, utils_1.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, utils_1.capitalize)(property.name) : property.name;
-                property.error = `${name} ${l('is required')}`;
+                property.error = `${l(name)} ${l('is required')}`;
             }
             else {
                 property.error = undefined;

package/useForm/validate.js

@@ -24,7 +24,7 @@ const validate = async (model, property, form, options_) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     const options = (0, utils_1.merge)((options_ && (0, is_1.default)('object', options_)) ? options_ : {}, { uriDecode: true, parse: true });
     const l = (options === null || options === void 0 ? void 0 : options.l) || (item => item);
-    const name = (0, is_1.default)('function', model.propertyNameUpdate) ? model.propertyNameUpdate(model.name) : model.capitalize !== false ? (0, utils_1.capitalize)(model.name) : model.name;
+    const name = l((0, is_1.default)('function', model.propertyNameUpdate) ? model.propertyNameUpdate(model.name) : model.capitalize !== false ? (0, utils_1.capitalize)(model.name) : model.name);
     const value = model.value;
     // value validate
     // with options above