@onesy/ui-react 1.0.130 → 1.0.132

package/ListItem/index.js

@@ -1,8 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var ListItem_1 = require("./ListItem");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ListItem_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ListItem.default;
+  }
+});
+var _ListItem = _interopRequireDefault(require("./ListItem"));

package/ListSubheader/ListSubheader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IListItem } from '../ListItem/ListItem';
-export declare type IListSubheader = IListItem & {};
+export type IListSubheader = IListItem & {};
 declare const ListSubheader: React.FC<IListSubheader>;
 export default ListSubheader;

package/ListSubheader/ListSubheader.js

@@ -1,48 +1,56 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const style_react_1 = require("@onesy/style-react");
-const ListItem_1 = __importDefault(require("../ListItem"));
-const utils_1 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        top: '0',
-        position: 'sticky',
-        zIndex: '1',
-        userSelect: 'none',
-        '& .onesy-Type-root': {
-            fontWeight: 'bold',
-        }
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _styleReact = require("@onesy/style-react");
+var _ListItem = _interopRequireDefault(require("../ListItem"));
+var _utils = require("../utils");
+const _excluded = ["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: {
+    top: '0',
+    position: 'sticky',
+    zIndex: '1',
+    userSelect: 'none',
+    '& .onesy-Type-root': {
+      fontWeight: 'bold'
     }
-}), { name: 'onesy-ListSubheader' });
-const ListSubheader = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyListSubheader) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const ListItem = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ListItem) || ListItem_1.default; }, [theme]);
-    const { className, children } = props, other = __rest(props, ["className", "children"]);
-    const { classes } = useStyle();
-    return ((0, jsx_runtime_1.jsx)(ListItem, Object.assign({ ref: ref, secondary: children, className: (0, style_react_1.classNames)([
-            (0, utils_1.staticClassName)('ListSubheader', theme) && [
-                'onesy-ListSubheader-root'
-            ],
-            className,
-            classes.root
-        ]) }, other)));
+  }
+}), {
+  name: 'onesy-ListSubheader'
+});
+const ListSubheader = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  const theme = (0, _styleReact.useOnesyTheme)();
+  const props = _react.default.useMemo(() => {
+    var _theme$ui, _theme$ui2;
+    return _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.onesyListSubheader) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const ListItem = _react.default.useMemo(() => {
+    var _theme$elements;
+    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.ListItem) || _ListItem.default;
+  }, [theme]);
+  const {
+      className,
+      children
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+  return /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
+    ref: ref,
+    secondary: children,
+    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('ListSubheader', theme) && ['onesy-ListSubheader-root'], className, classes.root])
+  }, other));
 });
 ListSubheader.displayName = 'onesy-ListSubheader';
-exports.default = ListSubheader;
+var _default = exports.default = ListSubheader;

package/ListSubheader/index.js

@@ -1,8 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var ListSubheader_1 = require("./ListSubheader");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ListSubheader_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ListSubheader.default;
+  }
+});
+var _ListSubheader = _interopRequireDefault(require("./ListSubheader"));

package/MainProgress/Context.js

@@ -1,8 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const OnesyMainProgressContext = react_1.default.createContext(undefined);
-exports.default = OnesyMainProgressContext;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+const OnesyMainProgressContext = /*#__PURE__*/_react.default.createContext(undefined);
+var _default = exports.default = OnesyMainProgressContext;

package/MainProgress/MainProgress.d.ts

@@ -1,17 +1,17 @@
 import React from 'react';
 import { ILinearProress } from '../LinearProgress/LinearProgress';
 import { IElementReference, IPropsAny } from '../types';
-export declare type IMainProgressStartArgument = {
+export type IMainProgressStartArgument = {
     tonal?: boolean;
     color?: string;
 };
-export declare type IMainProgressValue = {
+export type IMainProgressValue = {
     start: (value?: IMainProgressStartArgument) => void;
     increment: () => void;
     update: (value: number) => void;
     done: () => void;
 };
-export declare type IMainProgress = ILinearProress & {
+export type IMainProgress = ILinearProress & {
     min?: number;
     max?: number;
     firstIncrement?: boolean;

package/MainProgress/MainProgress.js

@@ -1,166 +1,198 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const Fade_1 = __importDefault(require("../Fade"));
-const LinearProgress_1 = __importDefault(require("../LinearProgress"));
-const Context_1 = __importDefault(require("./Context"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        zIndex: theme.z_index.tooltip - 14,
-        '&.onesy-LinearProgress-root': {
-            height: '2px'
-        },
-        '& .onesy-LinearProgress-buffer': {
-            background: 'transparent'
-        }
-    },
-    fixed: {
-        insetInline: '0',
-        '&.onesy-LinearProgress-root': {
-            position: 'fixed'
-        }
-    },
-    position_top: {
-        top: '0'
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+var _styleReact = require("@onesy/style-react");
+var _Fade = _interopRequireDefault(require("../Fade"));
+var _LinearProgress = _interopRequireDefault(require("../LinearProgress"));
+var _Context = _interopRequireDefault(require("./Context"));
+var _utils2 = require("../utils");
+const _excluded = ["min", "max", "firstIncrement", "incrementMin", "incrementMax", "stepMin", "stepMax", "stepInterval", "onStart", "onIncrement", "onUpdate", "onDone", "fixed", "position", "TransitionComponent", "TransitionComponentProps", "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: {
+    zIndex: theme.z_index.tooltip - 14,
+    '&.onesy-LinearProgress-root': {
+      height: '2px'
     },
-    position_bottom: {
-        bottom: '0'
+    '& .onesy-LinearProgress-buffer': {
+      background: 'transparent'
+    }
+  },
+  fixed: {
+    insetInline: '0',
+    '&.onesy-LinearProgress-root': {
+      position: 'fixed'
+    }
+  },
+  position_top: {
+    top: '0'
+  },
+  position_bottom: {
+    bottom: '0'
+  }
+}), {
+  name: 'onesy-MainProgress'
+});
+const MainProgress = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  const theme = (0, _styleReact.useOnesyTheme)();
+  const props = _react.default.useMemo(() => {
+    var _theme$ui, _theme$ui2;
+    return _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.onesyMainProgress) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const Fade = _react.default.useMemo(() => {
+    var _theme$elements;
+    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Fade) || _Fade.default;
+  }, [theme]);
+  const LinearProgress = _react.default.useMemo(() => {
+    var _theme$elements2;
+    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.LinearProgress) || _LinearProgress.default;
+  }, [theme]);
+  const {
+      min = 0,
+      max = 99,
+      firstIncrement = true,
+      incrementMin = 4,
+      incrementMax = 14,
+      stepMin = 1,
+      stepMax = 4,
+      stepInterval = 700,
+      onStart,
+      onIncrement,
+      onUpdate,
+      onDone,
+      fixed = true,
+      position = 'top',
+      TransitionComponent = Fade,
+      TransitionComponentProps = {},
+      className,
+      children
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+  const [inProp, setInProp] = _react.default.useState(false);
+  const [value, setValue] = _react.default.useState(min);
+  const refs = {
+    value_: _react.default.useRef({}),
+    value: _react.default.useRef(null),
+    min: _react.default.useRef(null),
+    max: _react.default.useRef(null),
+    firstIncrement: _react.default.useRef(null),
+    incrementMin: _react.default.useRef(null),
+    incrementMax: _react.default.useRef(null),
+    stepInterval: _react.default.useRef(null),
+    stepMin: _react.default.useRef(null),
+    stepMax: _react.default.useRef(null),
+    TransitionComponentProps: _react.default.useRef(null),
+    linearProgress: _react.default.useRef(null),
+    interval: _react.default.useRef(null),
+    props: _react.default.useRef(null)
+  };
+  refs.value.current = value;
+  refs.props.current = props;
+  refs.min.current = min;
+  refs.max.current = max;
+  refs.firstIncrement.current = firstIncrement;
+  refs.incrementMin.current = incrementMin;
+  refs.incrementMax.current = incrementMax;
+  refs.stepInterval.current = stepInterval;
+  refs.stepMin.current = stepMin;
+  refs.stepMax.current = stepMax;
+  refs.TransitionComponentProps.current = TransitionComponentProps;
+  const clear = () => {
+    if (refs.interval.current) {
+      clearInterval(refs.interval.current);
+      refs.interval.current = undefined;
+    }
+  };
+  const start = _react.default.useCallback(value_ => {
+    // Reset
+    clear();
+
+    // Update
+    refs.linearProgress.current = value_;
+
+    // Open
+    setInProp(true);
+
+    // Set initial value to min
+    const min_ = refs.min.current !== undefined ? refs.min.current : 0;
+    const max_ = refs.max.current !== undefined ? refs.max.current : 0;
+    setValue(min_);
+
+    // start inc interval for steps
+    // in refs.interval
+
+    // in interval, remove interval if value is >= max
+    if (min_ < max_) {
+      const stepInterval_ = refs.stepInterval.current !== undefined ? refs.stepInterval.current : 700;
+      refs.interval.current = setInterval(() => {
+        if (refs.value.current >= max_) clearInterval(refs.interval.current);
+        setValue(previousValue => (0, _utils.clamp)(previousValue + (0, _utils.random)(refs.stepMin.current, refs.stepMax.current), refs.min.current, refs.max.current));
+      }, stepInterval_);
+    }
+    if ((0, _utils.is)('function', onStart)) onStart();
+  }, []);
+  const increment = _react.default.useCallback(() => {
+    // Inc value random between incrementMin, incrementMax, with clam to min, max
+    let valueNew = refs.value.current;
+    valueNew += (0, _utils.clamp)((0, _utils.random)(refs.incrementMin.current, refs.incrementMax.current), refs.min.current, refs.max.current);
+    setValue(valueNew);
+    if ((0, _utils.is)('function', onIncrement)) onIncrement(valueNew);
+  }, []);
+  const update = _react.default.useCallback(value_ => {
+    const valueNew = value_;
+    setValue(valueNew);
+    if ((0, _utils.is)('function', onUpdate)) onUpdate(valueNew);
+  }, []);
+  const done = _react.default.useCallback(async () => {
+    clear();
+
+    // Update value to 100
+    setValue(100);
+
+    // Update inProp to false with the timeout value
+    const timeout = theme.transitions.duration.rg + 44;
+    await (0, _utils.wait)(timeout);
+    setInProp(false);
+    if ((0, _utils.is)('function', onDone)) onDone();
+  }, []);
+  const onExited = () => {
+    // Reset
+    setValue(0);
+  };
+  _react.default.useEffect(() => {
+    if (inProp) {
+      if (refs.firstIncrement.current) increment();
     }
-}), { name: 'onesy-MainProgress' });
-const MainProgress = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyMainProgress) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Fade = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Fade) || Fade_1.default; }, [theme]);
-    const LinearProgress = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.LinearProgress) || LinearProgress_1.default; }, [theme]);
-    const { min = 0, max = 99, firstIncrement = true, incrementMin = 4, incrementMax = 14, stepMin = 1, stepMax = 4, stepInterval = 700, onStart, onIncrement, onUpdate, onDone, fixed = true, position = 'top', TransitionComponent = Fade, TransitionComponentProps = {}, className, children } = props, other = __rest(props, ["min", "max", "firstIncrement", "incrementMin", "incrementMax", "stepMin", "stepMax", "stepInterval", "onStart", "onIncrement", "onUpdate", "onDone", "fixed", "position", "TransitionComponent", "TransitionComponentProps", "className", "children"]);
-    const { classes } = useStyle();
-    const [inProp, setInProp] = react_1.default.useState(false);
-    const [value, setValue] = react_1.default.useState(min);
-    const refs = {
-        value_: react_1.default.useRef({}),
-        value: react_1.default.useRef(null),
-        min: react_1.default.useRef(null),
-        max: react_1.default.useRef(null),
-        firstIncrement: react_1.default.useRef(null),
-        incrementMin: react_1.default.useRef(null),
-        incrementMax: react_1.default.useRef(null),
-        stepInterval: react_1.default.useRef(null),
-        stepMin: react_1.default.useRef(null),
-        stepMax: react_1.default.useRef(null),
-        TransitionComponentProps: react_1.default.useRef(null),
-        linearProgress: react_1.default.useRef(null),
-        interval: react_1.default.useRef(null),
-        props: react_1.default.useRef(null)
-    };
-    refs.value.current = value;
-    refs.props.current = props;
-    refs.min.current = min;
-    refs.max.current = max;
-    refs.firstIncrement.current = firstIncrement;
-    refs.incrementMin.current = incrementMin;
-    refs.incrementMax.current = incrementMax;
-    refs.stepInterval.current = stepInterval;
-    refs.stepMin.current = stepMin;
-    refs.stepMax.current = stepMax;
-    refs.TransitionComponentProps.current = TransitionComponentProps;
-    const clear = () => {
-        if (refs.interval.current) {
-            clearInterval(refs.interval.current);
-            refs.interval.current = undefined;
-        }
-    };
-    const start = react_1.default.useCallback((value_) => {
-        // Reset
-        clear();
-        // Update
-        refs.linearProgress.current = value_;
-        // Open
-        setInProp(true);
-        // Set initial value to min
-        const min_ = refs.min.current !== undefined ? refs.min.current : 0;
-        const max_ = refs.max.current !== undefined ? refs.max.current : 0;
-        setValue(min_);
-        // start inc interval for steps
-        // in refs.interval
-        // in interval, remove interval if value is >= max
-        if (min_ < max_) {
-            const stepInterval_ = refs.stepInterval.current !== undefined ? refs.stepInterval.current : 700;
-            refs.interval.current = setInterval(() => {
-                if (refs.value.current >= max_)
-                    clearInterval(refs.interval.current);
-                setValue(previousValue => (0, utils_1.clamp)(previousValue + (0, utils_1.random)(refs.stepMin.current, refs.stepMax.current), refs.min.current, refs.max.current));
-            }, stepInterval_);
-        }
-        if ((0, utils_1.is)('function', onStart))
-            onStart();
-    }, []);
-    const increment = react_1.default.useCallback(() => {
-        // Inc value random between incrementMin, incrementMax, with clam to min, max
-        let valueNew = refs.value.current;
-        valueNew += (0, utils_1.clamp)((0, utils_1.random)(refs.incrementMin.current, refs.incrementMax.current), refs.min.current, refs.max.current);
-        setValue(valueNew);
-        if ((0, utils_1.is)('function', onIncrement))
-            onIncrement(valueNew);
-    }, []);
-    const update = react_1.default.useCallback((value_) => {
-        const valueNew = value_;
-        setValue(valueNew);
-        if ((0, utils_1.is)('function', onUpdate))
-            onUpdate(valueNew);
-    }, []);
-    const done = react_1.default.useCallback(async () => {
-        clear();
-        // Update value to 100
-        setValue(100);
-        // Update inProp to false with the timeout value
-        const timeout = theme.transitions.duration.rg + 44;
-        await (0, utils_1.wait)(timeout);
-        setInProp(false);
-        if ((0, utils_1.is)('function', onDone))
-            onDone();
-    }, []);
-    const onExited = () => {
-        // Reset
-        setValue(0);
-    };
-    react_1.default.useEffect(() => {
-        if (inProp) {
-            if (refs.firstIncrement.current)
-                increment();
-        }
-    }, [inProp]);
-    TransitionComponentProps.in = inProp;
-    refs.value_.current.start = start;
-    refs.value_.current.increment = increment;
-    refs.value_.current.update = update;
-    refs.value_.current.done = done;
-    return ((0, jsx_runtime_1.jsxs)(Context_1.default.Provider, Object.assign({ value: refs.value_.current }, { children: [(0, jsx_runtime_1.jsx)(TransitionComponent, Object.assign({ in: inProp, onExited: onExited }, TransitionComponentProps, { children: (0, jsx_runtime_1.jsx)(LinearProgress, Object.assign({ ref: ref, value: value, version: 'determinate', className: (0, style_react_1.classNames)([
-                        (0, utils_2.staticClassName)('MainProgress', theme) && [
-                            `onesy-MainProgress-root`
-                        ],
-                        className,
-                        classes.root,
-                        classes[`position_${position}`],
-                        fixed && classes.fixed
-                    ]) }, other, refs.linearProgress.current)) })), children] })));
+  }, [inProp]);
+  TransitionComponentProps.in = inProp;
+  refs.value_.current.start = start;
+  refs.value_.current.increment = increment;
+  refs.value_.current.update = update;
+  refs.value_.current.done = done;
+  return /*#__PURE__*/_react.default.createElement(_Context.default.Provider, {
+    value: refs.value_.current
+  }, /*#__PURE__*/_react.default.createElement(TransitionComponent, (0, _extends2.default)({
+    in: inProp,
+    onExited: onExited
+  }, TransitionComponentProps), /*#__PURE__*/_react.default.createElement(LinearProgress, (0, _extends2.default)({
+    ref: ref,
+    value: value,
+    version: "determinate",
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('MainProgress', theme) && [`onesy-MainProgress-root`], className, classes.root, classes[`position_${position}`], fixed && classes.fixed])
+  }, other, refs.linearProgress.current))), children);
 });
 MainProgress.displayName = 'onesy-MainProgress';
-exports.default = MainProgress;
+var _default = exports.default = MainProgress;

package/MainProgress/index.js

@@ -1,14 +1,33 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMainProgress = exports.MainProgress = exports.MainProgressContext = exports.default = void 0;
-var MainProgress_1 = require("./MainProgress");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MainProgress_1).default; } });
-var Context_1 = require("./Context");
-Object.defineProperty(exports, "MainProgressContext", { enumerable: true, get: function () { return __importDefault(Context_1).default; } });
-var MainProgress_2 = require("./MainProgress");
-Object.defineProperty(exports, "MainProgress", { enumerable: true, get: function () { return __importDefault(MainProgress_2).default; } });
-var useMainProgress_1 = require("./useMainProgress");
-Object.defineProperty(exports, "useMainProgress", { enumerable: true, get: function () { return __importDefault(useMainProgress_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MainProgress", {
+  enumerable: true,
+  get: function () {
+    return _MainProgress.default;
+  }
+});
+Object.defineProperty(exports, "MainProgressContext", {
+  enumerable: true,
+  get: function () {
+    return _Context.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _MainProgress.default;
+  }
+});
+Object.defineProperty(exports, "useMainProgress", {
+  enumerable: true,
+  get: function () {
+    return _useMainProgress.default;
+  }
+});
+var _MainProgress = _interopRequireDefault(require("./MainProgress"));
+var _Context = _interopRequireDefault(require("./Context"));
+var _useMainProgress = _interopRequireDefault(require("./useMainProgress"));

package/MainProgress/useMainProgress.js

@@ -1,12 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Context_1 = __importDefault(require("./Context"));
-function useMainProgress() {
-    const value = react_1.default.useContext(Context_1.default);
-    return value;
-}
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = useMainProgress;
+var _react = _interopRequireDefault(require("react"));
+var _Context = _interopRequireDefault(require("./Context"));
+function useMainProgress() {
+  const value = _react.default.useContext(_Context.default);
+  return value;
+}

package/Markdown/Markdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IMarkdown = IBaseElement & {
+export type IMarkdown = IBaseElement & {
     value?: string;
     render?: (element: string, className: string, style: string, ...args: any[]) => string;
     elementClassNames?: Record<string, string>;