@onesy/ui-react 1.0.133 → 1.0.135

package/index.d.ts

@@ -221,8 +221,8 @@ export { default as ViewSplit } from './ViewSplit';
 export * from './ViewSplit';
 export { default as WindowSplit } from './WindowSplit';
 export * from './WindowSplit';
-export { default as MainProgress } from './MainProgress';
-export * from './MainProgress';
+export { default as MainProgressMaterial } from './MainProgressMaterial';
+export * from './MainProgressMaterial';
 export { default as Image } from './Image';
 export * from './Image';
 export { default as SpyScroll } from './SpyScroll';
@@ -423,3 +423,13 @@ export { default as Whiteboard } from './Whiteboard';
 export * from './Whiteboard';
 export { default as CookieBanner } from './CookieBanner';
 export * from './CookieBanner';
+export { default as MainProgress } from './MainProgress';
+export * from './MainProgress';
+export { default as useOnline } from './useOnline';
+export * from './useOnline';
+export { default as useOpen } from './useOpen';
+export * from './useOpen';
+export { default as useResize } from './useResize';
+export * from './useResize';
+export { default as useTabs } from './useTabs';
+export * from './useTabs';

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.132
+/** @license UiReact v1.0.134
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -120,7 +120,7 @@ var _exportNames = {
   Confirm: true,
   ViewSplit: true,
   WindowSplit: true,
-  MainProgress: true,
+  MainProgressMaterial: true,
   Image: true,
   SpyScroll: true,
   AdvancedTextField: true,
@@ -220,7 +220,12 @@ var _exportNames = {
   Week: true,
   CalendarMenu: true,
   Whiteboard: true,
-  CookieBanner: true
+  CookieBanner: true,
+  MainProgress: true,
+  useOnline: true,
+  useOpen: true,
+  useResize: true,
+  useTabs: true
 };
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
@@ -798,6 +803,12 @@ Object.defineProperty(exports, "MainProgress", {
     return _MainProgress.default;
   }
 });
+Object.defineProperty(exports, "MainProgressMaterial", {
+  enumerable: true,
+  get: function () {
+    return _MainProgressMaterial.default;
+  }
+});
 Object.defineProperty(exports, "Markdown", {
   enumerable: true,
   get: function () {
@@ -1464,12 +1475,30 @@ Object.defineProperty(exports, "useMediaQuery", {
     return _useMediaQuery.default;
   }
 });
+Object.defineProperty(exports, "useOnline", {
+  enumerable: true,
+  get: function () {
+    return _useOnline.default;
+  }
+});
+Object.defineProperty(exports, "useOpen", {
+  enumerable: true,
+  get: function () {
+    return _useOpen.default;
+  }
+});
 Object.defineProperty(exports, "useQuery", {
   enumerable: true,
   get: function () {
     return _useQuery.default;
   }
 });
+Object.defineProperty(exports, "useResize", {
+  enumerable: true,
+  get: function () {
+    return _useResize.default;
+  }
+});
 Object.defineProperty(exports, "useScroll", {
   enumerable: true,
   get: function () {
@@ -1488,6 +1517,12 @@ Object.defineProperty(exports, "useSwipe", {
     return _useSwipe.default;
   }
 });
+Object.defineProperty(exports, "useTabs", {
+  enumerable: true,
+  get: function () {
+    return _useTabs.default;
+  }
+});
 Object.defineProperty(exports, "useVisible", {
   enumerable: true,
   get: function () {
@@ -2838,15 +2873,15 @@ Object.keys(_WindowSplit).forEach(function (key) {
     }
   });
 });
-var _MainProgress = _interopRequireWildcard(require("./MainProgress"));
-Object.keys(_MainProgress).forEach(function (key) {
+var _MainProgressMaterial = _interopRequireWildcard(require("./MainProgressMaterial"));
+Object.keys(_MainProgressMaterial).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MainProgress[key]) return;
+  if (key in exports && exports[key] === _MainProgressMaterial[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _MainProgress[key];
+      return _MainProgressMaterial[key];
     }
   });
 });
@@ -4050,4 +4085,64 @@ Object.keys(_CookieBanner).forEach(function (key) {
     }
   });
 });
+var _MainProgress = _interopRequireWildcard(require("./MainProgress"));
+Object.keys(_MainProgress).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MainProgress[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MainProgress[key];
+    }
+  });
+});
+var _useOnline = _interopRequireWildcard(require("./useOnline"));
+Object.keys(_useOnline).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useOnline[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useOnline[key];
+    }
+  });
+});
+var _useOpen = _interopRequireWildcard(require("./useOpen"));
+Object.keys(_useOpen).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useOpen[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useOpen[key];
+    }
+  });
+});
+var _useResize = _interopRequireWildcard(require("./useResize"));
+Object.keys(_useResize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useResize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useResize[key];
+    }
+  });
+});
+var _useTabs = _interopRequireWildcard(require("./useTabs"));
+Object.keys(_useTabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useTabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useTabs[key];
+    }
+  });
+});
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.133",
+  "version": "1.0.135",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",

package/useOnline/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useOnline';

package/useOnline/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useOnline.default;
+  }
+});
+var _useOnline = _interopRequireDefault(require("./useOnline"));

package/useOnline/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../esm/useOnline/index.js",
+  "types": "./index.d.ts"
+}

package/useOnline/useOnline.d.ts

@@ -0,0 +1,2 @@
+declare const useOnline: () => boolean;
+export default useOnline;

package/useOnline/useOnline.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+const useOnline = () => {
+  const [online, setOnline] = _react.default.useState((0, _utils.isEnvironment)('browser') ? window.navigator.onLine : true);
+  _react.default.useEffect(() => {
+    const onOnline = () => setOnline(true);
+    const onOffline = () => setOnline(false);
+    window.addEventListener('online', onOnline);
+    window.addEventListener('offline', onOffline);
+    return () => {
+      window.removeEventListener('online', onOnline);
+      window.removeEventListener('offline', onOffline);
+    };
+  }, []);
+  return online;
+};
+var _default = exports.default = useOnline;

package/useOpen/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useOpen';

package/useOpen/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useOpen.default;
+  }
+});
+var _useOpen = _interopRequireDefault(require("./useOpen"));

package/useOpen/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../esm/useOpen/index.js",
+  "types": "./index.d.ts"
+}

package/useOpen/useOpen.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface IUseOpen {
+    open?: any;
+}
+export interface IUseOpenReturn {
+    open: any;
+    item: any;
+    onOpen: (item?: any) => any;
+    onToggle: () => any;
+    onClose: () => any;
+    onChange: (value: any) => any;
+    setOpen?: React.Dispatch<any>;
+}
+declare const useOpen: (props?: IUseOpen) => IUseOpenReturn;
+export default useOpen;

package/useOpen/useOpen.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+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 useOpen = props => {
+  const {
+    open: openProps
+  } = props || {};
+  const [open, setOpen] = _react.default.useState(_objectSpread({
+    open: false
+  }, openProps));
+  const onOpen = _react.default.useCallback(item => {
+    setOpen(_objectSpread({
+      open: true
+    }, item));
+  }, []);
+  const onClose = _react.default.useCallback(() => {
+    setOpen(previous => _objectSpread(_objectSpread({}, previous), {}, {
+      open: false
+    }));
+  }, []);
+  const onToggle = _react.default.useCallback(() => {
+    setOpen(previous => _objectSpread(_objectSpread({}, previous), {}, {
+      open: !(previous !== null && previous !== void 0 && previous.open)
+    }));
+  }, []);
+  const onChange = _react.default.useCallback(value => {
+    setOpen(() => _objectSpread(_objectSpread({}, value), {}, {
+      open: (0, _utils.is)('boolean', value) ? value : !!(value !== null && value !== void 0 && value.open)
+    }));
+  }, []);
+  const result = _react.default.useMemo(() => {
+    return {
+      open: open === null || open === void 0 ? void 0 : open.open,
+      item: open,
+      onOpen,
+      onClose,
+      onToggle,
+      onChange,
+      setOpen
+    };
+  }, [open, setOpen]);
+  return result;
+};
+var _default = exports.default = useOpen;

package/useResize/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useResize';

package/useResize/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useResize.default;
+  }
+});
+var _useResize = _interopRequireDefault(require("./useResize"));

package/useResize/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../esm/useResize/index.js",
+  "types": "./index.d.ts"
+}

package/useResize/useResize.d.ts

@@ -0,0 +1,2 @@
+declare const useWindowWidth: () => number;
+export default useWindowWidth;

package/useResize/useResize.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+const useWindowWidth = () => {
+  const [windowWidth, setWindowWidth] = _react.default.useState(() => {
+    if ((0, _utils.isEnvironment)('browser')) return window.innerWidth;
+    return 0;
+  });
+  _react.default.useEffect(() => {
+    const onResize = () => {
+      setWindowWidth(window.innerWidth);
+    };
+    if ((0, _utils.isEnvironment)('browser')) {
+      setWindowWidth(window.innerWidth);
+      window.addEventListener('resize', onResize);
+      return () => window.removeEventListener('resize', onResize);
+    }
+  }, []);
+  return windowWidth;
+};
+var _default = exports.default = useWindowWidth;

package/useTabs/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useTabs';

package/useTabs/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useTabs.default;
+  }
+});
+var _useTabs = _interopRequireDefault(require("./useTabs"));

package/useTabs/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../esm/useTabs/index.js",
+  "types": "./index.d.ts"
+}

package/useTabs/useTabs.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface IUseTab {
+    tab?: any;
+}
+declare const useTabs: <Type extends unknown = string>(props?: IUseTab | Type) => {
+    value: Type;
+    onChange: (item?: Type) => void;
+    setTab: React.Dispatch<React.SetStateAction<Type>>;
+};
+export default useTabs;

package/useTabs/useTabs.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+const useTabs = props => {
+  const [tab, setTab] = _react.default.useState((0, _utils.is)('string', props) ? props : props === null || props === void 0 ? void 0 : props.tab);
+  const onChange = _react.default.useCallback(item => {
+    setTab(item);
+  }, []);
+  const result = _react.default.useMemo(() => {
+    return {
+      value: tab,
+      onChange,
+      setTab
+    };
+  }, [tab]);
+  return result;
+};
+var _default = exports.default = useTabs;

package/utils.d.ts

@@ -26,7 +26,7 @@ export declare const minMaxBetweenNumbers: (value?: number, min?: number, max?:
 export declare const sanitize: (value: string) => string;
 export declare const replace: (value: string, split: string, join: string) => string;
 export declare const importIframeStyles: (iframeDocument: Document) => void;
-export declare const getOverflowParent: (element: HTMLElement, vertical?: boolean) => HTMLElement;
+export declare const getOverflowParent: (element: HTMLElement, vertical?: boolean) => any;
 export declare const keyboardStandardCommands: string[];
 export declare const keyboardStyleCommands: string[];
 export declare const caret: any;

package/utils.js

@@ -246,7 +246,7 @@ const getOverflowParent = (element, vertical = true) => {
 
   // width
   if (!vertical && element.scrollWidth > element.clientWidth) return element;
-  return getOverflowParent(element.parentElement);
+  return getOverflowParent(element.parentElement, vertical);
 };
 exports.getOverflowParent = getOverflowParent;
 const keyboardStandardCommands = exports.keyboardStandardCommands = ['a', 'c', 'v', 'y', 'z'];