@onesy/ui-react 1.0.130 → 1.0.132

package/AutoComplete/index.js

@@ -1,8 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AutoComplete_1 = require("./AutoComplete");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AutoComplete_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _AutoComplete.default;
+  }
+});
+var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));

package/AutoCompleteCountry/AutoCompleteCountry.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IAutoComplete } from '../AutoComplete/AutoComplete';
-export declare type IAutoCompleteCountry = IAutoComplete & {};
+export type IAutoCompleteCountry = IAutoComplete & {};
 declare const AutoCompleteCountry: React.FC<IAutoCompleteCountry>;
 export default AutoCompleteCountry;

package/AutoCompleteCountry/AutoCompleteCountry.js

@@ -1,65 +1,102 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": 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 AutoComplete_1 = __importDefault(require("../AutoComplete"));
-const ListItem_1 = __importDefault(require("../ListItem"));
-const Type_1 = __importDefault(require("../Type"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {}
-}), { name: 'onesy-AutoCompleteCountry' });
-const AutoCompleteCountry = react_1.default.forwardRef((props_, ref) => {
-    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.onesyAutoCompleteCountry) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const AutoComplete = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.AutoComplete) || AutoComplete_1.default; }, [theme]);
-    const ListItem = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ListItem) || ListItem_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]);
-    const { value, valueDefault, valueInputDefault: valueInputDefault_, size = 'regular', className, children } = props, other = __rest(props, ["value", "valueDefault", "valueInputDefault", "size", "className", "children"]);
-    const { classes } = useStyle();
-    // {
-    //   flag: string;
-    //   name: string;
-    //   full_name: string;
-    //   sovereignty: string;
-    //   'alpha-2': string;
-    //   'alpha-3': string;
-    //   numeric: string;
-    //   subdivision: string;
-    //   tlds: string[];
-    // }
-    const options = react_1.default.useMemo(() => {
-        return utils_1.countries.map(item => (Object.assign(Object.assign({}, item), { name: l(item.name), value: item['alpha-2'] })));
-    }, [utils_1.countries]);
-    const valueInputDefault = react_1.default.useMemo(() => {
-        var _a;
-        return valueInputDefault_ !== undefined ? valueInputDefault_ : (_a = options.find(item => item.value === (value !== undefined ? value : valueDefault))) === null || _a === void 0 ? void 0 : _a.name;
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(AutoComplete, Object.assign({ ref: ref, valueInputDefault: valueInputDefault, valueDefault: valueDefault, value: value, options: options, size: size, renderOption: (item, index_, propsItem) => ((0, jsx_runtime_1.jsx)(ListItem, Object.assign({ start: item.flag, startAlign: 'center', primary: ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: item.name }))), value: item.value, selected: item.value === ((value === null || value === void 0 ? void 0 : value.value) !== undefined ? value === null || value === void 0 ? void 0 : value.value : value), size: 'small', button: true }, propsItem), index_)), className: (0, style_react_1.classNames)([
-            (0, utils_2.staticClassName)('AutoCompleteCountry', theme) && [
-                'onesy-AutoCompleteCountry-root',
-                `onesy-AutoCompleteCountry-size-${size}`
-            ],
-            className,
-            classes.root
-        ]) }, other)));
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+var _styleReact = require("@onesy/style-react");
+var _AutoComplete = _interopRequireDefault(require("../AutoComplete"));
+var _ListItem = _interopRequireDefault(require("../ListItem"));
+var _Type = _interopRequireDefault(require("../Type"));
+var _utils2 = require("../utils");
+const _excluded = ["value", "valueDefault", "valueInputDefault", "size", "className", "children"];
+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) { (0, _defineProperty2.default)(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; }
+const useStyle = (0, _styleReact.style)(theme => ({
+  root: {}
+}), {
+  name: 'onesy-AutoCompleteCountry'
+});
+const AutoCompleteCountry = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  const theme = (0, _styleReact.useOnesyTheme)();
+  const l = theme.l;
+  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.onesyAutoCompleteCountry) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const AutoComplete = _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.AutoComplete) || _AutoComplete.default;
+  }, [theme]);
+  const ListItem = _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.ListItem) || _ListItem.default;
+  }, [theme]);
+  const Type = _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.Type) || _Type.default;
+  }, [theme]);
+  const {
+      value,
+      valueDefault,
+      valueInputDefault: valueInputDefault_,
+      size = 'regular',
+      className,
+      children
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+
+  // {
+  //   flag: string;
+  //   name: string;
+  //   full_name: string;
+  //   sovereignty: string;
+  //   'alpha-2': string;
+  //   'alpha-3': string;
+  //   numeric: string;
+  //   subdivision: string;
+  //   tlds: string[];
+  // }
+  const options = _react.default.useMemo(() => {
+    return _utils.countries.map(item => _objectSpread(_objectSpread({}, item), {}, {
+      name: l(item.name),
+      value: item['alpha-2']
+    }));
+  }, [_utils.countries]);
+  const valueInputDefault = _react.default.useMemo(() => {
+    var _options$find;
+    return valueInputDefault_ !== undefined ? valueInputDefault_ : (_options$find = options.find(item => item.value === (value !== undefined ? value : valueDefault))) === null || _options$find === void 0 ? void 0 : _options$find.name;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(AutoComplete, (0, _extends2.default)({
+    ref: ref,
+    valueInputDefault: valueInputDefault,
+    valueDefault: valueDefault,
+    value: value,
+    options: options,
+    size: size,
+    renderOption: (item, index_, propsItem) => /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
+      key: index_,
+      start: item.flag,
+      startAlign: "center",
+      primary: /*#__PURE__*/_react.default.createElement(Type, {
+        version: "b3"
+      }, item.name),
+      value: item.value,
+      selected: item.value === ((value === null || value === void 0 ? void 0 : value.value) !== undefined ? value === null || value === void 0 ? void 0 : value.value : value),
+      size: "small",
+      button: true
+    }, propsItem)),
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoCompleteCountry', theme) && ['onesy-AutoCompleteCountry-root', `onesy-AutoCompleteCountry-size-${size}`], className, classes.root])
+  }, other));
 });
 AutoCompleteCountry.displayName = 'onesy-AutoCompleteCountry';
-exports.default = AutoCompleteCountry;
+var _default = exports.default = AutoCompleteCountry;

package/AutoCompleteCountry/index.js

@@ -1,8 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AutoCompleteCountry_1 = require("./AutoCompleteCountry");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AutoCompleteCountry_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _AutoCompleteCountry.default;
+  }
+});
+var _AutoCompleteCountry = _interopRequireDefault(require("./AutoCompleteCountry"));

package/AutoCompleteCurrency/AutoCompleteCurrency.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IAutoComplete } from '../AutoComplete/AutoComplete';
-export declare type IAutoCompleteCurrency = IAutoComplete & {};
+export type IAutoCompleteCurrency = IAutoComplete & {};
 declare const AutoCompleteCurrency: React.FC<IAutoCompleteCurrency>;
 export default AutoCompleteCurrency;

package/AutoCompleteCurrency/AutoCompleteCurrency.js

@@ -1,64 +1,76 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const style_react_1 = require("@onesy/style-react");
-const AutoComplete_1 = __importDefault(require("../AutoComplete"));
-const utils_1 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {}
-}), { name: 'onesy-AutoCompleteCurrency' });
-const AutoCompleteCurrency = react_1.default.forwardRef((props_, ref) => {
-    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.onesyAutoCompleteCurrency) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const AutoComplete = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.AutoComplete) || AutoComplete_1.default; }, [theme]);
-    const { valueInputDefault: valueInputDefault_, size = 'regular', className, children } = props, other = __rest(props, ["valueInputDefault", "size", "className", "children"]);
-    const { classes } = useStyle();
-    // {
-    //   symbol: '€',
-    //   name: 'Euro',
-    //   symbol_native: '€',
-    //   'decimal_digits': 2,
-    //   rounding: 0,
-    //   code: 'EUR',
-    //   name_plural: 'euros'
-    // }
-    const options = react_1.default.useMemo(() => {
-        return [
-            { name: l('No currency'), value: '' },
-            ...utils_1.currencies.map(item => ({
-                name: `${item.code} ${item.name} (${item.symbol})`,
-                value: item.code
-            }))
-        ];
-    }, [utils_1.currencies]);
-    const valueInputDefault = react_1.default.useMemo(() => {
-        var _a;
-        return valueInputDefault_ !== undefined ? valueInputDefault_ : (_a = options.find(item => item.value === (other.value !== undefined ? other.value : other.valueDefault))) === null || _a === void 0 ? void 0 : _a.name;
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(AutoComplete, Object.assign({ ref: ref, valueInputDefault: valueInputDefault, options: options, size: size, className: (0, style_react_1.classNames)([
-            (0, utils_1.staticClassName)('AutoCompleteCurrency', theme) && [
-                'onesy-AutoCompleteCurrency-root',
-                `onesy-AutoCompleteCurrency-size-${size}`
-            ],
-            className,
-            classes.root
-        ]) }, other)));
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _styleReact = require("@onesy/style-react");
+var _AutoComplete = _interopRequireDefault(require("../AutoComplete"));
+var _utils = require("../utils");
+const _excluded = ["valueInputDefault", "size", "className", "children"];
+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) { (0, _defineProperty2.default)(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; }
+const useStyle = (0, _styleReact.style)(theme => ({
+  root: {}
+}), {
+  name: 'onesy-AutoCompleteCurrency'
+});
+const AutoCompleteCurrency = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  const theme = (0, _styleReact.useOnesyTheme)();
+  const l = theme.l;
+  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.onesyAutoCompleteCurrency) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const AutoComplete = _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.AutoComplete) || _AutoComplete.default;
+  }, [theme]);
+  const {
+      valueInputDefault: valueInputDefault_,
+      size = 'regular',
+      className,
+      children
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+
+  // {
+  //   symbol: '€',
+  //   name: 'Euro',
+  //   symbol_native: '€',
+  //   'decimal_digits': 2,
+  //   rounding: 0,
+  //   code: 'EUR',
+  //   name_plural: 'euros'
+  // }
+  const options = _react.default.useMemo(() => {
+    return [{
+      name: l('No currency'),
+      value: ''
+    }, ..._utils.currencies.map(item => ({
+      name: `${item.code} ${item.name} (${item.symbol})`,
+      value: item.code
+    }))];
+  }, [_utils.currencies]);
+  const valueInputDefault = _react.default.useMemo(() => {
+    var _options$find;
+    return valueInputDefault_ !== undefined ? valueInputDefault_ : (_options$find = options.find(item => item.value === (other.value !== undefined ? other.value : other.valueDefault))) === null || _options$find === void 0 ? void 0 : _options$find.name;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(AutoComplete, (0, _extends2.default)({
+    ref: ref,
+    valueInputDefault: valueInputDefault,
+    options: options,
+    size: size,
+    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('AutoCompleteCurrency', theme) && ['onesy-AutoCompleteCurrency-root', `onesy-AutoCompleteCurrency-size-${size}`], className, classes.root])
+  }, other));
 });
 AutoCompleteCurrency.displayName = 'onesy-AutoCompleteCurrency';
-exports.default = AutoCompleteCurrency;
+var _default = exports.default = AutoCompleteCurrency;

package/AutoCompleteCurrency/index.js

@@ -1,8 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AutoCompleteCurrency_1 = require("./AutoCompleteCurrency");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AutoCompleteCurrency_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _AutoCompleteCurrency.default;
+  }
+});
+var _AutoCompleteCurrency = _interopRequireDefault(require("./AutoCompleteCurrency"));

package/Avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
 import { IElevation, IPropsAny } from '../types';
-export declare type IAvatar = Omit<IButton, 'elevation'> & {
+export type IAvatar = Omit<IButton, 'elevation'> & {
     image?: string;
     alt?: string;
     square?: boolean;

package/Avatar/Avatar.js

@@ -1,92 +1,119 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": 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 Button_1 = __importDefault(require("../Button"));
-const Type_1 = __importDefault(require("../Type"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        '&.onesy-Button-root': {
-            cursor: 'default',
-            overflow: 'hidden',
-            borderRadius: theme.methods.shape.radius.value(40, 'px'),
-            '& .onesy-Button-icon-root': {
-                width: '100%',
-                height: '100%'
-            }
-        }
-    },
-    square: {
-        borderRadius: '0px'
-    },
-    image: {
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+var _styleReact = require("@onesy/style-react");
+var _Button = _interopRequireDefault(require("../Button"));
+var _Type = _interopRequireDefault(require("../Type"));
+var _utils2 = require("../utils");
+const _excluded = ["tonal", "version", "size", "color", "image", "alt", "square", "elevation", "disabled", "TypeProps", "InteractionProps", "Component", "className", "children"];
+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) { (0, _defineProperty2.default)(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; }
+const useStyle = (0, _styleReact.style)(theme => ({
+  root: {
+    '&.onesy-Button-root': {
+      cursor: 'default',
+      overflow: 'hidden',
+      borderRadius: theme.methods.shape.radius.value(40, 'px'),
+      '& .onesy-Button-icon-root': {
         width: '100%',
-        height: '100%',
-        backgroundPosition: 'center',
-        backgroundSize: 'cover',
-        backgroundRepeat: 'no-repeat'
-    }
-}), { name: 'onesy-Avatar' });
-const Avatar = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    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.onesyAvatar) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Button = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Button) || Button_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]);
-    const { tonal = false, version = 'filled', size = 'regular', color: color_ = 'auto', image, alt, square, elevation = 0, disabled, TypeProps, InteractionProps, Component = 'button', className, children: children_ } = props, other = __rest(props, ["tonal", "version", "size", "color", "image", "alt", "square", "elevation", "disabled", "TypeProps", "InteractionProps", "Component", "className", "children"]);
-    const { classes } = useStyle();
-    let children = children_;
-    if (image) {
-        const imageProps = {
-            style: {}
-        };
-        if (['text', 'outlined'].includes(version) && disabled) {
-            imageProps.style.opacity = theme.palette.visual_contrast.default.opacity[theme.palette.light ? 'disabled' : 'active'];
-        }
-        children = ((0, jsx_runtime_1.jsx)("span", Object.assign({}, imageProps, { className: (0, style_react_1.classNames)([
-                imageProps === null || imageProps === void 0 ? void 0 : imageProps.className,
-                classes.image
-            ]), style: Object.assign({ backgroundImage: `url(${image})` }, imageProps === null || imageProps === void 0 ? void 0 : imageProps.style) })));
+        height: '100%'
+      }
     }
-    else if (!react_1.default.isValidElement(children)) {
-        const typeProps = { version: 't1' };
-        if (size === 'small')
-            typeProps.size = '0.75rem';
-        else if (size === 'regular')
-            typeProps.size = '1rem';
-        else if (size === 'large')
-            typeProps.size = '1.25rem';
-        else if (!['small', 'regular', 'large'].includes(size))
-            typeProps.size = `${(size * 0.4) / 16}rem`;
-        children = ((0, jsx_runtime_1.jsx)(Type, Object.assign({}, typeProps, TypeProps, { children: children })));
+  },
+  square: {
+    borderRadius: '0px'
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+    backgroundPosition: 'center',
+    backgroundSize: 'cover',
+    backgroundRepeat: 'no-repeat'
+  }
+}), {
+  name: 'onesy-Avatar'
+});
+const Avatar = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  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.onesyAvatar) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const Button = _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.Button) || _Button.default;
+  }, [theme]);
+  const Type = _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.Type) || _Type.default;
+  }, [theme]);
+  const {
+      tonal = false,
+      version = 'filled',
+      size = 'regular',
+      color: color_ = 'auto',
+      image,
+      alt,
+      square,
+      elevation = 0,
+      disabled,
+      TypeProps,
+      InteractionProps,
+      Component = 'button',
+      className,
+      children: children_
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+  let children = children_;
+  if (image) {
+    const imageProps = {
+      style: {}
+    };
+    if (['text', 'outlined'].includes(version) && disabled) {
+      imageProps.style.opacity = theme.palette.visual_contrast.default.opacity[theme.palette.light ? 'disabled' : 'active'];
     }
-    const color = color_ === 'auto' ? (0, utils_1.stringToColor)(children_ || '') : color_;
-    return ((0, jsx_runtime_1.jsx)(Button, Object.assign({ ref: ref, tonal: tonal, color: color, elevation: elevation, version: version, size: size, disabled: disabled, icon: true, InteractionProps: Object.assign({ background: false, wave: false }, InteractionProps), Component: Component, className: (0, style_react_1.classNames)([
-            (0, utils_2.staticClassName)('Avatar', theme) && [
-                'onesy-Avatar-root',
-                `onesy-Avatar-version-${version}`,
-                `onesy-Avatar-size-${size}`
-            ],
-            className,
-            classes.root,
-            square && classes.square
-        ]) }, other, { children: children })));
+    children = /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, imageProps, {
+      className: (0, _styleReact.classNames)([imageProps === null || imageProps === void 0 ? void 0 : imageProps.className, classes.image]),
+      style: _objectSpread({
+        backgroundImage: `url(${image})`
+      }, imageProps === null || imageProps === void 0 ? void 0 : imageProps.style)
+    }));
+  } else if (! /*#__PURE__*/_react.default.isValidElement(children)) {
+    const typeProps = {
+      version: 't1'
+    };
+    if (size === 'small') typeProps.size = '0.75rem';else if (size === 'regular') typeProps.size = '1rem';else if (size === 'large') typeProps.size = '1.25rem';else if (!['small', 'regular', 'large'].includes(size)) typeProps.size = `${size * 0.4 / 16}rem`;
+    children = /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({}, typeProps, TypeProps), children);
+  }
+  const color = color_ === 'auto' ? (0, _utils.stringToColor)(children_ || '') : color_;
+  return /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
+    ref: ref,
+    tonal: tonal,
+    color: color,
+    elevation: elevation,
+    version: version,
+    size: size,
+    disabled: disabled,
+    icon: true,
+    InteractionProps: _objectSpread({
+      background: false,
+      wave: false
+    }, InteractionProps),
+    Component: Component,
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Avatar', theme) && ['onesy-Avatar-root', `onesy-Avatar-version-${version}`, `onesy-Avatar-size-${size}`], className, classes.root, square && classes.square])
+  }, other), children);
 });
 Avatar.displayName = 'onesy-Avatar';
-exports.default = Avatar;
+var _default = exports.default = Avatar;