@onesy/ui-react 1.0.91 → 1.0.93

package/TimePicker/TimePicker.js

@@ -89,6 +89,7 @@ const useStyle = (0, style_react_1.style)(theme => ({
     },
     input_size_small: {
         maxWidth: '72px',
+        width: '100%',
         '& .onesy-TextField-input-wrapper': {
             paddingInline: '0px',
             paddingBlock: `${theme.methods.space.value(1, 'px')} ${theme.methods.space.value(0.5, 'px')}`,
@@ -102,6 +103,7 @@ const useStyle = (0, style_react_1.style)(theme => ({
     },
     input_size_regular: {
         maxWidth: '96px',
+        width: '100%',
         '& .onesy-TextField-input-wrapper': {
             paddingInline: '0px',
             paddingBlock: `${theme.methods.space.value(1.5, 'px')} ${theme.methods.space.value(1, 'px')}`,
@@ -115,6 +117,7 @@ const useStyle = (0, style_react_1.style)(theme => ({
     },
     input_size_large: {
         maxWidth: '120px',
+        width: '100%',
         '& .onesy-TextField-input-wrapper': {
             paddingInline: '0px',
             paddingBlock: `${theme.methods.space.value(2, 'px')} ${theme.methods.space.value(1.5, 'px')}`,
@@ -571,7 +574,7 @@ const TimePicker = react_1.default.forwardRef((props__, ref) => {
     }
     const makeInputs = (index = 0) => {
         const inputProps = Object.assign({ tonal,
-            color, version: 'outlined', size, className: (0, style_react_1.classNames)([
+            color, version: 'outlined', size, fullWidth: true, className: (0, style_react_1.classNames)([
                 (0, utils_2.staticClassName)('TimePicker', theme) && [
                     'onesy-TimePicker-input'
                 ],
@@ -661,7 +664,7 @@ const TimePicker = react_1.default.forwardRef((props__, ref) => {
                         'onesy-TimePicker-inputs'
                     ],
                     classes.inputs
-                ]) }, { children: [(0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 0, direction: 'row', align: 'center', justify: 'center' }, { children: makeInputs(index) })), format === '12' && ((0, jsx_runtime_1.jsxs)(ToggleButtons, Object.assign({ version: 'outlined', size: size, orientation: orientationValue, value: dayTime[index] || (0, date_1.format)(new date_1.OnesyDate(), 'a'), onChange: valueNew => updateDayTime(valueNew, index), select: 'single', unselect: false }, ToggleButtonsProps, { className: (0, style_react_1.classNames)([
+                ]) }, { children: [(0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 0, direction: 'row', align: 'center', justify: 'center', fullWidth: true }, { children: makeInputs(index) })), format === '12' && ((0, jsx_runtime_1.jsxs)(ToggleButtons, Object.assign({ version: 'outlined', size: size, orientation: orientationValue, value: dayTime[index] || (0, date_1.format)(new date_1.OnesyDate(), 'a'), onChange: valueNew => updateDayTime(valueNew, index), select: 'single', unselect: false }, ToggleButtonsProps, { className: (0, style_react_1.classNames)([
                             (0, utils_2.staticClassName)('TimePicker', theme) && [
                                 'onesy-TimePicker-toggle-buttons'
                             ],

package/TopAppBar/TopAppBar.d.ts

@@ -8,6 +8,7 @@ export declare type ITopAppBar = Omit<ISurface, 'version'> & {
     title?: IElement;
     start?: IElement;
     end?: IElement;
+    WrapperProps?: any;
 };
 declare const TopAppBar: React.FC<ITopAppBar>;
 export default TopAppBar;

package/TopAppBar/TopAppBar.js

@@ -111,7 +111,7 @@ const TopAppBar = react_1.default.forwardRef((props_, ref) => {
     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 Surface = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Surface) || Surface_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 = true, color = 'primary', version = 'small', size = 'regular', center = true, title: title_, start: start_, end: end_, position, Component = 'div', className, children: children_ } = props, other = __rest(props, ["tonal", "color", "version", "size", "center", "title", "start", "end", "position", "Component", "className", "children"]);
+    const { tonal = true, color = 'primary', version = 'small', size = 'regular', center = true, title: title_, start: start_, end: end_, position, WrapperProps, Component = 'div', className, children: children_ } = props, other = __rest(props, ["tonal", "color", "version", "size", "center", "title", "start", "end", "position", "WrapperProps", "Component", "className", "children"]);
     const { classes } = useStyle();
     const start = react_1.default.Children
         .toArray(start_)
@@ -176,10 +176,11 @@ const TopAppBar = react_1.default.forwardRef((props_, ref) => {
             classes.root,
             position && classes[`position_${position}`],
             center && classes[`center${['absolute', 'fixed'].includes(position) ? '_absolute' : ''}`]
-        ]) }, other, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ direction: 'row', align: 'center', justify: 'space-between', gap: 0, className: (0, style_react_1.classNames)([
+        ]) }, other, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ direction: 'row', align: 'center', justify: 'space-between', gap: 0 }, WrapperProps, { className: (0, style_react_1.classNames)([
                     (0, utils_2.staticClassName)('TopAppBar', theme) && [
                         'onesy-TopAppBar-wrapper'
                     ],
+                    WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className,
                     classes.wrapper,
                     classes[`version_small_size_${size}`]
                 ]) }, { children: [!!start.length && ((0, jsx_runtime_1.jsx)(Line, Object.assign({ direction: 'row', align: 'center', justify: 'flex-start', gap: 0, className: (0, style_react_1.classNames)([

package/esm/TimePicker/TimePicker.js

@@ -78,6 +78,7 @@ const useStyle = styleMethod(theme => ({
   },
   input_size_small: {
     maxWidth: '72px',
+    width: '100%',
     '& .onesy-TextField-input-wrapper': {
       paddingInline: '0px',
       paddingBlock: `${theme.methods.space.value(1, 'px')} ${theme.methods.space.value(0.5, 'px')}`,
@@ -94,6 +95,7 @@ const useStyle = styleMethod(theme => ({
   },
   input_size_regular: {
     maxWidth: '96px',
+    width: '100%',
     '& .onesy-TextField-input-wrapper': {
       paddingInline: '0px',
       paddingBlock: `${theme.methods.space.value(1.5, 'px')} ${theme.methods.space.value(1, 'px')}`,
@@ -110,6 +112,7 @@ const useStyle = styleMethod(theme => ({
   },
   input_size_large: {
     maxWidth: '120px',
+    width: '100%',
     '& .onesy-TextField-input-wrapper': {
       paddingInline: '0px',
       paddingBlock: `${theme.methods.space.value(2, 'px')} ${theme.methods.space.value(1.5, 'px')}`,
@@ -699,6 +702,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
       color,
       version: 'outlined',
       size,
+      fullWidth: true,
       className: classNames([staticClassName('TimePicker', theme) && ['onesy-TimePicker-input'], classes.input, classes[`input_version_${version}`], classes[`input_size_${size}`]]),
       HelperTextProps: {
         version: size === 'large' ? 'b2' : size === 'regular' ? 'b3' : 'b3'
@@ -813,7 +817,8 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     gap: 0,
     direction: "row",
     align: "center",
-    justify: "center"
+    justify: "center",
+    fullWidth: true
   }, makeInputs(index)), format === '12' && /*#__PURE__*/React.createElement(ToggleButtons, _extends({
     version: "outlined",
     size: size,

package/esm/TopAppBar/TopAppBar.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["tonal", "color", "version", "size", "center", "title", "start", "end", "position", "Component", "className", "children"];
+const _excluded = ["tonal", "color", "version", "size", "center", "title", "start", "end", "position", "WrapperProps", "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) { _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';
@@ -136,6 +136,7 @@ const TopAppBar = /*#__PURE__*/React.forwardRef((props_, ref) => {
       start: start_,
       end: end_,
       position,
+      WrapperProps,
       Component = 'div',
       className,
       children: children_
@@ -193,13 +194,14 @@ const TopAppBar = /*#__PURE__*/React.forwardRef((props_, ref) => {
       Component
     },
     className: classNames([staticClassName('TopAppBar', theme) && ['onesy-TopAppBar-root', `onesy-TopAppBar-version-${version}`, `onesy-TopAppBar-size-${size}`], className, classes.root, position && classes[`position_${position}`], center && classes[`center${['absolute', 'fixed'].includes(position) ? '_absolute' : ''}`]])
-  }, other), /*#__PURE__*/React.createElement(Line, {
+  }, other), /*#__PURE__*/React.createElement(Line, _extends({
     direction: "row",
     align: "center",
     justify: "space-between",
-    gap: 0,
-    className: classNames([staticClassName('TopAppBar', theme) && ['onesy-TopAppBar-wrapper'], classes.wrapper, classes[`version_small_size_${size}`]])
-  }, !!start.length && /*#__PURE__*/React.createElement(Line, {
+    gap: 0
+  }, WrapperProps, {
+    className: classNames([staticClassName('TopAppBar', theme) && ['onesy-TopAppBar-wrapper'], WrapperProps?.className, classes.wrapper, classes[`version_small_size_${size}`]])
+  }), !!start.length && /*#__PURE__*/React.createElement(Line, {
     direction: "row",
     align: "center",
     justify: "flex-start",

package/esm/index.js

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

package/package.json

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