@onesy/ui-react 1.0.165 → 1.0.168

package/Append/Append.js

@@ -38,6 +38,7 @@ const Append = props_ => {
     switch: switch_ = true,
     overflow = true,
     unfollow = false,
+    // @ts-ignore
     onScreen = true,
     style: style_,
     update,

package/Chart/Chart.js

@@ -280,7 +280,6 @@ const useStyle = (0, _styleReact.style)(theme => ({
 const Chart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _append$values, _append$values2, _append$values3, _append$values4;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const l = theme.l;
   const props = _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.onesyChart) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
   const Surface = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Surface) || _Surface.default;

package/Checkbox/Checkbox.js

@@ -441,7 +441,7 @@ const Checkbox = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }, /*#__PURE__*/_react.default.createElement(IconMaterialIndeterminateCheckBox, {
     size: "inherit"
   })), value && /*#__PURE__*/_react.default.createElement(_Buttons.IconDoneAnimated, {
-    size: size,
+    size: size === 'large' ? '3rem' : size,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Checkbox', theme) && ['onesy-Checkbox-icon', 'onesy-Checkbox-icon-done'], classes.icon, classes.iconDone]),
     style: styles.iconDone,
     in: value,

package/Confirm/useConfirm.js

@@ -8,6 +8,6 @@ exports.default = useConfirm;
 var _react = _interopRequireDefault(require("react"));
 var _Context = _interopRequireDefault(require("./Context"));
 function useConfirm() {
-  const value = _react.default.useContext(_Context.default);
+  const value = _react.default.use(_Context.default);
   return value;
 }

package/DragAndDropList/DragAndDropList.js

@@ -13,11 +13,6 @@ var _styleReact = require("@onesy/style-react");
 const _excluded = ["onChange", "items", "image", "delay", "precise", "draggedIsElement", "isEqual", "getDraggingElement", "onDraggedElement", "onDragStart", "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-DragAndDropList'
-});
 const DragAndDropList = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   var _theme$ui, _theme$ui2;
   const theme = (0, _styleReact.useOnesyTheme)();
@@ -35,11 +30,10 @@ const DragAndDropList = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
       onDragStart: onDragStart_,
       className,
       children
+
+      // @ts-ignore
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  const {
-    classes
-  } = useStyle();
   const refs = {
     root: _react.default.useRef(null),
     dragging: _react.default.useRef(null),

package/Image/Image.js

@@ -208,14 +208,9 @@ const Image = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }, [src]);
   const noImage = loaded && !source;
   const children = _react.default.Children.toArray(children_);
-
-  // picture
-  // with sources
-  let isPicture = false;
   const picture = !!children.length || !!(sources !== null && sources !== void 0 && sources.length);
   if (picture && !description) {
     Component = 'picture';
-    isPicture = true;
   }
 
   // description

package/ImageGallery/ImageGallery.js

@@ -20,7 +20,6 @@ var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Interaction = _interopRequireDefault(require("../Interaction"));
 var _Backdrop = _interopRequireDefault(require("../Backdrop"));
 var _utils2 = require("../utils");
-var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
 const _excluded = ["version", "size", "open", "onClose", "value", "items", "minZoom", "maxZoom", "incrementZoom", "overflow", "arrows", "startMain", "endMain", "startImage", "endImage", "startThumbnails", "endThumbnails", "ImageProps", "ImageWrapperProps", "IconButtonProps", "IconStart", "IconEnd", "IconClose", "className"];
 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; }
@@ -197,7 +196,7 @@ const ImageGallery = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  const [loaded, setLoaded] = _react.default.useState(false);
+  const [, setLoaded] = _react.default.useState(false);
   const [open, setOpen] = _react.default.useState(false);
   const [value, setValue] = _react.default.useState(0);
   const [moveValue, setMoveValue] = _react.default.useState();
@@ -219,9 +218,6 @@ const ImageGallery = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     keyDown: _react.default.useRef(keyDown),
     useZoom: _react.default.useRef(false)
   };
-  const touch = (0, _useMediaQuery.default)('(pointer: coarse)', {
-    element: refs.root.current
-  });
   const minZoom = (0, _utils.clamp)(minZoom_, 0.1, 1);
   const maxZoom = (0, _utils.clamp)(maxZoom_, 1, 100);
   const length = (0, _utils.clamp)(((items === null || items === void 0 ? void 0 : items.length) || 0) - 1, 0);
@@ -286,9 +282,6 @@ const ImageGallery = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     onResetZoom();
     setValue(index);
   };
-  const onOpen = () => {
-    setOpen(true);
-  };
   const onClose = () => {
     setOpen(false);
     setTimeout(() => {

package/MainProgress/useMainProgress.js

@@ -8,6 +8,6 @@ exports.default = useMainProgress;
 var _react = _interopRequireDefault(require("react"));
 var _Context = _interopRequireDefault(require("./Context"));
 function useMainProgress() {
-  const value = _react.default.useContext(_Context.default);
+  const value = _react.default.use(_Context.default);
   return value;
 }

package/MainProgressMaterial/useMainProgressMaterial.js

@@ -8,6 +8,6 @@ exports.default = useMainProgress;
 var _react = _interopRequireDefault(require("react"));
 var _Context = _interopRequireDefault(require("./Context"));
 function useMainProgress() {
-  const value = _react.default.useContext(_Context.default);
+  const value = _react.default.use(_Context.default);
   return value;
 }

package/NavigationDrawer/NavigationDrawer.js

@@ -113,7 +113,7 @@ const NavigationDrawer = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
       children
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  const [entered, setEntered] = _react.default.useState(false);
+  const [, setEntered] = _react.default.useState(false);
   const [open, setOpen] = _react.default.useState(false);
   const refs = {
     modal: _react.default.useRef(undefined),

package/Snackbars/useSnackbars.js

@@ -8,6 +8,6 @@ exports.default = useSnackbars;
 var _react = _interopRequireDefault(require("react"));
 var _Context = _interopRequireDefault(require("./Context"));
 function useSnackbars() {
-  const value = _react.default.useContext(_Context.default);
+  const value = _react.default.use(_Context.default);
   return value;
 }

package/Switch/Switch.js

@@ -750,6 +750,7 @@ const Switch = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Switch', theme) && ['onesy-Switch-icon-button'], classes.iconButton]),
       style: _objectSpread(_objectSpread(_objectSpread({}, styles.iconButton), status === 'appended' && initial().iconButton[refs.value.current ? 'checked' : 'unchecked']), styleKeyframes().iconButton[status])
     }, /*#__PURE__*/_react.default.createElement(Icon, {
+      size: size,
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Switch', theme) && ['onesy-Switch-icon'], classes.icon]),
       style: _objectSpread(_objectSpread({}, status === 'appended' && initial().icon[refs.value.current ? 'checked' : 'unchecked']), styleKeyframes().icon[status])
     }, (status === 'appended' && refs.value.current || ['growEnd', 'doneEnd'].includes(status)) && OnIcon || (status === 'appended' && !refs.value.current || ['growStart', 'doneStart'].includes(status)) && OffIcon)));

package/Transition/Transition.js

@@ -33,6 +33,7 @@ const Transition = props_ => {
   const props = _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.onesyTransition) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const {
     in: inProp_,
+    // @ts-ignore
     name,
     prefix,
     run,

package/Widgets/useWidgets.js

@@ -8,6 +8,6 @@ exports.default = useWidgets;
 var _react = _interopRequireDefault(require("react"));
 var _Context = _interopRequireDefault(require("./Context"));
 function useWidgets() {
-  const value = _react.default.useContext(_Context.default);
+  const value = _react.default.use(_Context.default);
   return value;
 }

package/esm/Append/Append.js

@@ -30,6 +30,7 @@ const Append = props_ => {
     switch: switch_ = true,
     overflow = true,
     unfollow = false,
+    // @ts-ignore
     onScreen = true,
     style: style_,
     update,

package/esm/Chart/Chart.js

@@ -272,7 +272,6 @@ const useStyle = styleMethod(theme => ({
 });
 const Chart = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const l = theme.l;
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyChart?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
   const Surface = theme?.elements?.Surface || SurfaceElement;

package/esm/Checkbox/Checkbox.js

@@ -432,7 +432,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, /*#__PURE__*/React.createElement(IconMaterialIndeterminateCheckBox, {
     size: "inherit"
   })), value && /*#__PURE__*/React.createElement(IconDoneAnimated, {
-    size: size,
+    size: size === 'large' ? '3rem' : size,
     className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-icon', 'onesy-Checkbox-icon-done'], classes.icon, classes.iconDone]),
     style: styles.iconDone,
     in: value,

package/esm/Confirm/useConfirm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ConfirmContext from './Context';
 export default function useConfirm() {
-  const value = React.useContext(ConfirmContext);
+  const value = React.use(ConfirmContext);
   return value;
 }

package/esm/DragAndDropList/DragAndDropList.js

@@ -5,12 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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';
 import { debounce, equalDeep, is, isEnvironment } from '@onesy/utils';
-import { style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-const useStyle = styleMethod(theme => ({
-  root: {}
-}), {
-  name: 'onesy-DragAndDropList'
-});
+import { useOnesyTheme } from '@onesy/style-react';
 const DragAndDropList = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyDragAndDropList?.props?.default), props_);
@@ -27,11 +22,10 @@ const DragAndDropList = /*#__PURE__*/React.forwardRef((props_, ref) => {
       onDragStart: onDragStart_,
       className,
       children
+
+      // @ts-ignore
     } = props,
     other = _objectWithoutProperties(props, _excluded);
-  const {
-    classes
-  } = useStyle();
   const refs = {
     root: React.useRef(null),
     dragging: React.useRef(null),

package/esm/Image/Image.js

@@ -200,14 +200,9 @@ const Image = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, [src]);
   const noImage = loaded && !source;
   const children = React.Children.toArray(children_);
-
-  // picture
-  // with sources
-  let isPicture = false;
   const picture = !!children.length || !!sources?.length;
   if (picture && !description) {
     Component = 'picture';
-    isPicture = true;
   }
 
   // description

package/esm/ImageGallery/ImageGallery.js

@@ -16,7 +16,6 @@ import IconButtonElement from '../IconButton';
 import InteractionElement from '../Interaction';
 import BackdropElement from '../Backdrop';
 import { staticClassName } from '../utils';
-import useMediaQuery from '../useMediaQuery';
 const useStyle = styleMethod(theme => ({
   root: {
     position: 'relative',
@@ -189,7 +188,7 @@ const ImageGallery = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  const [loaded, setLoaded] = React.useState(false);
+  const [, setLoaded] = React.useState(false);
   const [open, setOpen] = React.useState(false);
   const [value, setValue] = React.useState(0);
   const [moveValue, setMoveValue] = React.useState();
@@ -211,9 +210,6 @@ const ImageGallery = /*#__PURE__*/React.forwardRef((props_, ref) => {
     keyDown: React.useRef(keyDown),
     useZoom: React.useRef(false)
   };
-  const touch = useMediaQuery('(pointer: coarse)', {
-    element: refs.root.current
-  });
   const minZoom = clamp(minZoom_, 0.1, 1);
   const maxZoom = clamp(maxZoom_, 1, 100);
   const length = clamp((items?.length || 0) - 1, 0);
@@ -277,9 +273,6 @@ const ImageGallery = /*#__PURE__*/React.forwardRef((props_, ref) => {
     onResetZoom();
     setValue(index);
   };
-  const onOpen = () => {
-    setOpen(true);
-  };
   const onClose = () => {
     setOpen(false);
     setTimeout(() => {

package/esm/MainProgress/useMainProgress.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import MainProgressContext from './Context';
 export default function useMainProgress() {
-  const value = React.useContext(MainProgressContext);
+  const value = React.use(MainProgressContext);
   return value;
 }

package/esm/MainProgressMaterial/useMainProgressMaterial.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import MainProgressMaterialContext from './Context';
 export default function useMainProgress() {
-  const value = React.useContext(MainProgressMaterialContext);
+  const value = React.use(MainProgressMaterialContext);
   return value;
 }

package/esm/NavigationDrawer/NavigationDrawer.js

@@ -105,7 +105,7 @@ const NavigationDrawer = /*#__PURE__*/React.forwardRef((props_, ref) => {
       children
     } = props,
     other = _objectWithoutProperties(props, _excluded);
-  const [entered, setEntered] = React.useState(false);
+  const [, setEntered] = React.useState(false);
   const [open, setOpen] = React.useState(false);
   const refs = {
     modal: React.useRef(undefined),

package/esm/Snackbars/useSnackbars.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import SnackbarsContext from './Context';
 export default function useSnackbars() {
-  const value = React.useContext(SnackbarsContext);
+  const value = React.use(SnackbarsContext);
   return value;
 }

package/esm/Switch/Switch.js

@@ -742,6 +742,7 @@ const Switch = /*#__PURE__*/React.forwardRef((props_, ref) => {
       className: classNames([staticClassName('Switch', theme) && ['onesy-Switch-icon-button'], classes.iconButton]),
       style: _objectSpread(_objectSpread(_objectSpread({}, styles.iconButton), status === 'appended' && initial().iconButton[refs.value.current ? 'checked' : 'unchecked']), styleKeyframes().iconButton[status])
     }, /*#__PURE__*/React.createElement(Icon, {
+      size: size,
       className: classNames([staticClassName('Switch', theme) && ['onesy-Switch-icon'], classes.icon]),
       style: _objectSpread(_objectSpread({}, status === 'appended' && initial().icon[refs.value.current ? 'checked' : 'unchecked']), styleKeyframes().icon[status])
     }, (status === 'appended' && refs.value.current || ['growEnd', 'doneEnd'].includes(status)) && OnIcon || (status === 'appended' && !refs.value.current || ['growStart', 'doneStart'].includes(status)) && OffIcon)));

package/esm/Transition/Transition.js

@@ -25,6 +25,7 @@ const Transition = props_ => {
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTransition?.props?.default), props_);
   const {
     in: inProp_,
+    // @ts-ignore
     name,
     prefix,
     run,

package/esm/Widgets/useWidgets.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import WidgetsContext from './Context';
 export default function useWidgets() {
-  const value = React.useContext(WidgetsContext);
+  const value = React.use(WidgetsContext);
   return value;
 }

package/esm/index.js

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