@onesy/ui-react 1.0.163 → 1.0.165

package/Accordion/Accordion.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IElementReference, IElevation, IPropsAny } from '../types';
-type TPadding = 'start' | 'end' | 'both' | 'none';
-export type IAccordion = Omit<ISurface, 'onChange'> & {
+declare type TPadding = 'start' | 'end' | 'both' | 'none';
+export declare type IAccordion = Omit<ISurface, 'onChange'> & {
     elevation?: IElevation;
     primary?: IElement;
     secondary?: IElement;

package/Accordion/Accordion.js

@@ -153,45 +153,22 @@ const AccordionDelays = {
   }
 };
 const Accordion = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyAccordion) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyAccordion) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
 
   // Why
   // By providing option for a theme to override an entire element
   // with a value stored in elements
   // we can override entire element's content
   // not just customize an element using css
-  const Surface = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Surface) || _Surface.default;
-  }, [theme]);
-  const Fade = _react.default.useMemo(() => {
-    var _theme$elements2;
-    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Fade) || _Fade.default;
-  }, [theme]);
-  const Expand = _react.default.useMemo(() => {
-    var _theme$elements3;
-    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Expand) || _Expand.default;
-  }, [theme]);
-  const IconButton = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.IconButton) || _IconButton.default;
-  }, [theme]);
-  const Grid = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Grid) || _Grid.default;
-  }, [theme]);
-  const Line = _react.default.useMemo(() => {
-    var _theme$elements6;
-    return (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Line) || _Line.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements7;
-    return (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.Type) || _Type.default;
-  }, [theme]);
+  const Surface = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Surface) || _Surface.default;
+  const Fade = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Fade) || _Fade.default;
+  const Expand = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Expand) || _Expand.default;
+  const IconButton = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.IconButton) || _IconButton.default;
+  const Grid = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Grid) || _Grid.default;
+  const Line = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Line) || _Line.default;
+  const Type = (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.Type) || _Type.default;
   const {
       tonal = true,
       color = 'primary',
@@ -251,7 +228,7 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   _react.default.useEffect(() => {
     if (open_ !== undefined && open_ !== open) setOpen(open_);
   }, [open_, open]);
-  const onClick = _react.default.useCallback(() => {
+  const onClick = () => {
     if (refs.expandInProgress.current) return;
     if (!disabled) {
       const valueNew = !open;
@@ -260,7 +237,7 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       if (!props.hasOwnProperty('open')) setOpen(valueNew);
       if ((0, _utils.is)('function', onChange)) onChange(valueNew);
     }
-  }, [open, disabled]);
+  };
   if (!noTransition) TransitionComponentProps.in = open;else {
     TransitionComponent = _react.default.Fragment;
     TransitionComponentProps = {};
@@ -306,9 +283,9 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }, (0, _utils.is)('simple', primary) ? /*#__PURE__*/_react.default.createElement(Type, {
     version: "b1",
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-primary'], classes.primary])
-  }, primary) : _react.default.Children.toArray(primary).filter(Boolean).map((item, index) => {
-    if ((0, _utils.is)('simple', item)) return item;
-    return /*#__PURE__*/_react.default.cloneElement(item, {
+  }, primary) : _react.default.Children.toArray(primary).filter(Boolean).map((item_0, index) => {
+    if ((0, _utils.is)('simple', item_0)) return item_0;
+    return /*#__PURE__*/_react.default.cloneElement(item_0, {
       key: index
     });
   })), secondary && /*#__PURE__*/_react.default.createElement(Grid, {
@@ -318,10 +295,10 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }, (0, _utils.is)('simple', secondary) ? /*#__PURE__*/_react.default.createElement(Type, {
     version: "b1",
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-secondary'], classes.secondary])
-  }, secondary) : _react.default.Children.toArray(secondary).filter(Boolean).map((item, index) => {
-    if ((0, _utils.is)('simple', item)) return item;
-    return /*#__PURE__*/_react.default.cloneElement(item, {
-      key: index
+  }, secondary) : _react.default.Children.toArray(secondary).filter(Boolean).map((item_1, index_0) => {
+    if ((0, _utils.is)('simple', item_1)) return item_1;
+    return /*#__PURE__*/_react.default.cloneElement(item_1, {
+      key: index_0
     });
   }))), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
     gap: 0,

package/AdvancedTextField/AdvancedTextField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ITextField } from '../TextField/TextField';
 import { IPropsAny } from '../types';
-export type IAdvancedTextField = ITextField & {
+export declare type IAdvancedTextField = ITextField & {
     validate?: (value: string) => boolean;
     mask?: Array<any>;
     maskProactive?: boolean;

package/AdvancedTextField/AdvancedTextField.js

@@ -22,15 +22,10 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-AdvancedTextField'
 });
 const AdvancedTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyAdvancedTextField) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const TextField = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.TextField) || _TextField.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyAdvancedTextField) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const TextField = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.TextField) || _TextField.default;
   const {
       valueDefault,
       value: value_,
@@ -93,7 +88,7 @@ const AdvancedTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) =
         if ((0, _utils.is)('function', validate)) {
           try {
             if (!validate(valueNew)) return;
-          } catch (error) {
+          } catch (error_0) {
             return;
           }
         }
@@ -104,32 +99,32 @@ const AdvancedTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) =
       }
       // mask
       else if ((0, _utils.is)('array', mask)) {
-        let previousValue = valueNew.replace(prefix, '');
-        previousValue = (valueNew || '').split('').filter(Boolean);
+        let previousValue_0 = valueNew.replace(prefix, '');
+        previousValue_0 = (valueNew || '').split('').filter(Boolean);
         valueNew = '';
 
         // Update value based on mask value
         for (let i = 0; i < mask.length; i++) {
-          if (!previousValue.length) break;
+          if (!previousValue_0.length) break;
 
           // Constant
           if ((0, _utils.is)('string', mask[i])) {
             if (valueNew[i] !== mask[i]) valueNew += mask[i];
-            if (previousValue[0] === mask[i]) previousValue.shift();
+            if (previousValue_0[0] === mask[i]) previousValue_0.shift();
           } else {
             var _String, _String2;
             let added = false;
             if ((0, _utils.is)('function', mask[i])) {
-              if ((0, _utils.Try)(() => mask[i](previousValue[0], valueNew, value__))) {
-                valueNew += previousValue[0];
+              if ((0, _utils.Try)(() => mask[i](previousValue_0[0], valueNew, value__))) {
+                valueNew += previousValue_0[0];
                 added = true;
               }
             } else if ((0, _utils.is)('object', mask[i])) {
               const {
                 pattern
               } = mask[i];
-              if (new RegExp(pattern).test(previousValue[0])) {
-                valueNew += previousValue[0];
+              if (new RegExp(pattern).test(previousValue_0[0])) {
+                valueNew += previousValue_0[0];
                 added = true;
               }
             }
@@ -138,9 +133,9 @@ const AdvancedTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) =
             // do not use on removing values
             if (added && ((_String = String(value__)) === null || _String === void 0 ? void 0 : _String.length) >= ((_String2 = String(value)) === null || _String2 === void 0 ? void 0 : _String2.length) && maskProactive) {
               const items = maskConstsFromIndex(i + 1);
-              items.forEach(item => valueNew += item);
+              items.forEach(item_0 => valueNew += item_0);
             }
-            previousValue.shift();
+            previousValue_0.shift();
           }
         }
       }
@@ -156,11 +151,11 @@ const AdvancedTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) =
     if ((0, _utils.is)('function', onChange_)) onChange_(valueNew);
   };
   return /*#__PURE__*/_react.default.createElement(TextField, (0, _extends2.default)({
-    ref: item => {
+    ref: item_1 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_1);else ref.current = item_1;
       }
-      refs.root.current = item;
+      refs.root.current = item_1;
     },
     value: value,
     onChange: onChange,

package/Append/Append.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { IChildren, IHTMLElement, IStyle } from '../types';
-export type TAppendPadding = Array<number>;
-export type IAppendValue = {
+export declare type TAppendPadding = Array<number>;
+export declare type IAppendValue = {
     x?: number;
     y?: number;
     switch?: boolean;
     init?: boolean;
 };
-export type IAppend = {
+export declare type IAppend = {
     open?: boolean;
     portal?: boolean;
     accelerated?: boolean;