@onesy/ui-react 1.0.114 → 1.0.116

package/TextField/TextField.js

@@ -364,6 +364,7 @@ const useStyle = (0, style_react_1.style)(theme => {
 const TextField = react_1.default.forwardRef((props_, ref) => {
     var _a, _b, _c, _d, _e, _f;
     const theme = (0, style_react_1.useOnesyTheme)();
+    const l = theme.l;
     const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyTextField) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
     const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
     const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
@@ -838,7 +839,7 @@ const TextField = react_1.default.forwardRef((props_, ref) => {
                                     HelperTextProps === null || HelperTextProps === void 0 ? void 0 : HelperTextProps.className,
                                     classes.helperText,
                                     error && classes.error_color
-                                ]) }, { children: helperText !== undefined ? helperText : required ? '*required' : '' }))), counter && ((0, jsx_runtime_1.jsxs)(Type, Object.assign({ version: 'b3', className: (0, style_react_1.classNames)([
+                                ]) }, { children: helperText !== undefined ? helperText : required ? `*${l('required')}` : '' }))), counter && ((0, jsx_runtime_1.jsxs)(Type, Object.assign({ version: 'b3', className: (0, style_react_1.classNames)([
                                     (0, utils_2.staticClassName)('TextField', theme) && [
                                         'onesy-TextField-counter'
                                     ],

package/esm/TextField/TextField.js

@@ -443,6 +443,7 @@ const useStyle = styleMethod(theme => {
 });
 const TextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
+  const l = theme.l;
   const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTextField?.props?.default), props_), [props_]);
   const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
   const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
@@ -861,7 +862,7 @@ const TextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
     version: "b3"
   }, HelperTextProps, {
     className: classNames([staticClassName('TextField', theme) && ['onesy-TextField-helper-text', error && 'onesy-TextField-error'], HelperTextProps?.className, classes.helperText, error && classes.error_color])
-  }), helperText !== undefined ? helperText : required ? '*required' : ''), counter && /*#__PURE__*/React.createElement(Type, {
+  }), helperText !== undefined ? helperText : required ? `*${l('required')}` : ''), counter && /*#__PURE__*/React.createElement(Type, {
     version: "b3",
     className: classNames([staticClassName('TextField', theme) && ['onesy-TextField-counter'], classes.counterText, error && classes.error_color])
   }, String(value)?.length || 0, "/", counter)), footer_));

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.114
+/** @license UiReact v1.0.116
  *
  * 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.114",
+  "version": "1.0.116",
   "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