@onesy/ui-react 1.0.138 → 1.0.140

package/Properties/Properties.d.ts

@@ -8,7 +8,7 @@ export type IPropertiesValue = {
     props?: any;
 };
 export type IProperties = ILine & {
-    version?: 'row' | 'row-20' | 'row-50' | 'row-between' | 'column';
+    version?: 'row' | 'row-20' | 'row-30' | 'row-40' | 'row-50' | 'row-between' | 'column';
     values?: (boolean | IPropertiesValue)[];
     onlyWithValues?: boolean;
     maxWidth?: 'extra_small' | 'small' | 'regular' | 'large' | 'extra_large' | 'extra_extra_large';

package/Properties/Properties.js

@@ -55,7 +55,7 @@ const Properties = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Property) || _Property.default;
   }, [theme]);
   const {
-      version = 'row-20',
+      version = 'row-30',
       size = 'regular',
       values = [],
       onlyWithValues = true,

package/Property/Property.d.ts

@@ -5,7 +5,7 @@ export type IProperty = ILine & {
     name?: any;
     value?: any;
     separator?: any;
-    version?: 'row' | 'row-20' | 'row-50' | 'row-between' | 'column';
+    version?: 'row' | 'row-20' | 'row-30' | 'row-40' | 'row-50' | 'row-between' | 'column';
     size?: 'small' | 'regular' | 'large';
     responsive?: boolean;
     mediaQuery?: string;

package/Property/Property.js

@@ -33,6 +33,22 @@ const useStyle = (0, _styleReact.style)(theme => ({
       flex: '1 1 80%'
     }
   },
+  'version_row-30': {
+    '& > *:first-child': {
+      flex: '1 1 30%'
+    },
+    '& > *:last-child': {
+      flex: '1 1 70%'
+    }
+  },
+  'version_row-40': {
+    '& > *:first-child': {
+      flex: '1 1 40%'
+    },
+    '& > *:last-child': {
+      flex: '1 1 60%'
+    }
+  },
   text: {
     wordBreak: 'break-word'
   }
@@ -54,7 +70,7 @@ const Property = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Type) || _Type.default;
   }, [theme]);
   const {
-      version: version_ = 'row-20',
+      version: version_ = 'row-30',
       size = 'regular',
       name,
       value: value_,
@@ -96,7 +112,7 @@ const Property = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }
   if (version === 'row') {
     propsRoot.justify = 'flex-start';
-  } else if (['row-20', 'row-50', 'row-between'].includes(version)) {
+  } else if (['row-20', 'row-30', 'row-40', 'row-50', 'row-between'].includes(version)) {
     propsRoot.justify = 'space-between';
   }
   return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({

package/TableCell/TableCell.js

@@ -216,9 +216,10 @@ const TableCell = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   _react.default.useEffect(() => {
     if (sticky) {
       if (root) {
+        let offsetOriginal = root.offsetLeft;
         const parentOverflow = (0, _utils2.getOverflowParent)(root.parentElement, false);
         root.style.position = 'unset';
-        const offsetOriginal = root.offsetLeft;
+        offsetOriginal = root.offsetLeft;
         root.style.position = 'sticky';
         const method = () => {
           const offsetNew = root.offsetLeft;
@@ -228,6 +229,9 @@ const TableCell = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         // initial
         method();
         setTimeout(() => {
+          root.style.position = 'unset';
+          offsetOriginal = root.offsetLeft;
+          root.style.position = 'sticky';
           method();
         }, 150);
         if (parentOverflow) {

package/esm/Properties/Properties.js

@@ -38,7 +38,7 @@ const Properties = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
   const Property = React.useMemo(() => theme?.elements?.Property || PropertyElement, [theme]);
   const {
-      version = 'row-20',
+      version = 'row-30',
       size = 'regular',
       values = [],
       onlyWithValues = true,

package/esm/Property/Property.js

@@ -26,6 +26,22 @@ const useStyle = styleMethod(theme => ({
       flex: '1 1 80%'
     }
   },
+  'version_row-30': {
+    '& > *:first-child': {
+      flex: '1 1 30%'
+    },
+    '& > *:last-child': {
+      flex: '1 1 70%'
+    }
+  },
+  'version_row-40': {
+    '& > *:first-child': {
+      flex: '1 1 40%'
+    },
+    '& > *:last-child': {
+      flex: '1 1 60%'
+    }
+  },
   text: {
     wordBreak: 'break-word'
   }
@@ -38,7 +54,7 @@ const Property = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
   const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
   const {
-      version: version_ = 'row-20',
+      version: version_ = 'row-30',
       size = 'regular',
       name,
       value: value_,
@@ -80,7 +96,7 @@ const Property = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }
   if (version === 'row') {
     propsRoot.justify = 'flex-start';
-  } else if (['row-20', 'row-50', 'row-between'].includes(version)) {
+  } else if (['row-20', 'row-30', 'row-40', 'row-50', 'row-between'].includes(version)) {
     propsRoot.justify = 'space-between';
   }
   return /*#__PURE__*/React.createElement(Line, _extends({

package/esm/TableCell/TableCell.js

@@ -193,9 +193,10 @@ const TableCell = /*#__PURE__*/React.forwardRef((props_, ref) => {
   React.useEffect(() => {
     if (sticky) {
       if (root) {
+        let offsetOriginal = root.offsetLeft;
         const parentOverflow = getOverflowParent(root.parentElement, false);
         root.style.position = 'unset';
-        const offsetOriginal = root.offsetLeft;
+        offsetOriginal = root.offsetLeft;
         root.style.position = 'sticky';
         const method = () => {
           const offsetNew = root.offsetLeft;
@@ -205,6 +206,9 @@ const TableCell = /*#__PURE__*/React.forwardRef((props_, ref) => {
         // initial
         method();
         setTimeout(() => {
+          root.style.position = 'unset';
+          offsetOriginal = root.offsetLeft;
+          root.style.position = 'sticky';
           method();
         }, 150);
         if (parentOverflow) {

package/esm/index.js

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

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.137
+/** @license UiReact v1.0.139
  *
  * 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.138",
+  "version": "1.0.140",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",