@onesy/ui-react 1.0.80 → 1.0.82

package/CalendarWeek/CalendarWeek.js

@@ -199,6 +199,17 @@ const CalendarWeek = react_1.default.forwardRef((props_, ref) => {
             return item;
         });
     }, [times]);
+    const optionsStatus = react_1.default.useMemo(() => {
+        return [
+            { name: l('Working'), value: 'working' },
+            { name: l('Not working'), value: 'not-working' },
+            { name: l('On a break'), value: 'break' },
+            { name: l('Scheduled'), value: 'pending' },
+            { name: l('Rescheduled'), value: 'rescheduled' },
+            { name: l('Cancelled'), value: 'canceled' },
+            { name: l('Other'), value: 'other' }
+        ];
+    }, []);
     const getColor = react_1.default.useCallback((item) => {
         let palette = theme.palette.color.neutral;
         if ((item === null || item === void 0 ? void 0 : item.status) === 'working')
@@ -220,11 +231,12 @@ const CalendarWeek = react_1.default.forwardRef((props_, ref) => {
         return palette[rangeShade];
     }, [rangeShade, style_react_1.colors, theme]);
     const itemToText = react_1.default.useCallback((item) => {
+        var _a, _b;
         if (item === 'pending')
             return l('Scheduled');
         if (item === 'not-count-workout-session')
             return l(`Don't count workout session`);
-        return l(item);
+        return (_b = (_a = optionsStatus === null || optionsStatus === void 0 ? void 0 : optionsStatus.find(itemStatus => itemStatus.value === item)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : l(item);
     }, []);
     const renderTimes = (day, valuesAll, weekly = true, itemDay) => {
         if (itemDay !== undefined && !(itemDay === null || itemDay === void 0 ? void 0 : itemDay.active))

package/TextField/TextField.js

@@ -187,7 +187,7 @@ const useStyle = (0, style_react_1.style)(theme => {
             insetInlineStart: '15px',
             transform: 'translate(0, 6px) scale(0.667)'
         },
-        background: Object.assign(Object.assign({}, other), { background: 'currentColor', borderRadius: `${theme.shape.radius.unit}px ${theme.shape.radius.unit}px 0 0`, opacity: theme.palette.light ? theme.palette.visual_contrast.default.opacity.hover : theme.palette.visual_contrast.default.opacity.selected, transition: theme.methods.transitions.make(['opacity']) }),
+        background: Object.assign(Object.assign({}, other), { background: 'currentColor', borderRadius: `${theme.shape.radius.unit}px ${theme.shape.radius.unit}px 0 0`, opacity: theme.palette.light ? theme.palette.visual_contrast.default.opacity.hover : theme.palette.visual_contrast.default.opacity.selected, zIndex: '-1', transition: theme.methods.transitions.make(['opacity']) }),
         background_hover: {
             opacity: theme.palette.visual_contrast.default.opacity.focus
         },

package/esm/CalendarWeek/CalendarWeek.js

@@ -199,6 +199,30 @@ const CalendarWeek = /*#__PURE__*/React.forwardRef((props_, ref) => {
       return item;
     });
   }, [times]);
+  const optionsStatus = React.useMemo(() => {
+    return [{
+      name: l('Working'),
+      value: 'working'
+    }, {
+      name: l('Not working'),
+      value: 'not-working'
+    }, {
+      name: l('On a break'),
+      value: 'break'
+    }, {
+      name: l('Scheduled'),
+      value: 'pending'
+    }, {
+      name: l('Rescheduled'),
+      value: 'rescheduled'
+    }, {
+      name: l('Cancelled'),
+      value: 'canceled'
+    }, {
+      name: l('Other'),
+      value: 'other'
+    }];
+  }, []);
   const getColor = React.useCallback(item => {
     let palette = theme.palette.color.neutral;
     if (item?.status === 'working') palette = theme.palette.color.success;
@@ -214,7 +238,7 @@ const CalendarWeek = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const itemToText = React.useCallback(item => {
     if (item === 'pending') return l('Scheduled');
     if (item === 'not-count-workout-session') return l(`Don't count workout session`);
-    return l(item);
+    return optionsStatus?.find(itemStatus => itemStatus.value === item)?.name ?? l(item);
   }, []);
   const renderTimes = function (day, valuesAll) {
     let weekly = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;

package/esm/TextField/TextField.js

@@ -233,6 +233,7 @@ const useStyle = styleMethod(theme => {
       background: 'currentColor',
       borderRadius: `${theme.shape.radius.unit}px ${theme.shape.radius.unit}px 0 0`,
       opacity: theme.palette.light ? theme.palette.visual_contrast.default.opacity.hover : theme.palette.visual_contrast.default.opacity.selected,
+      zIndex: '-1',
       transition: theme.methods.transitions.make(['opacity'])
     }),
     background_hover: {

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.80
+/** @license UiReact v1.0.82
  *
  * 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.80",
+  "version": "1.0.82",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",