@onesy/ui-react 1.0.130 → 1.0.131

package/Confirm/Confirm.js

@@ -1,134 +1,189 @@
 "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 Button_1 = __importDefault(require("../Button"));
-const Context_1 = __importDefault(require("./Context"));
-const ModalHeader_1 = __importDefault(require("../ModalHeader"));
-const ModalFooter_1 = __importDefault(require("../ModalFooter"));
-const ModalTitle_1 = __importDefault(require("../ModalTitle"));
-const ModalMain_1 = __importDefault(require("../ModalMain"));
-const ModalText_1 = __importDefault(require("../ModalText"));
-const Modal_1 = __importDefault(require("../Modal"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        '& .onesy-ModalMain-root': {
-            padding: `6px 0 10px`
-        },
-        '& .onesy-ModalFooter-root': {
-            padding: `12px 0 12px`
-        },
-        '& .onesy-Modal-background:not(.onesy-Modal-background-invisible)': {
-            background: theme.methods.palette.color.colorToRgb(theme.methods.palette.color.value('default', 10), theme.palette.light ? 20 : 40)
-        }
+
+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 _Button = _interopRequireDefault(require("../Button"));
+var _Context = _interopRequireDefault(require("./Context"));
+var _ModalHeader = _interopRequireDefault(require("../ModalHeader"));
+var _ModalFooter = _interopRequireDefault(require("../ModalFooter"));
+var _ModalTitle = _interopRequireDefault(require("../ModalTitle"));
+var _ModalMain = _interopRequireDefault(require("../ModalMain"));
+var _ModalText = _interopRequireDefault(require("../ModalText"));
+var _Modal = _interopRequireDefault(require("../Modal"));
+var _utils2 = require("../utils");
+const _excluded = ["throwError", "onOpen", "onClose", "className", "children"],
+  _excluded2 = ["name", "description", "buttons", "throwError", "ButtonNegativeProps", "ButtonPositiveProps", "modal"];
+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: {
+    '& .onesy-ModalMain-root': {
+      padding: `6px 0 10px`
+    },
+    '& .onesy-ModalFooter-root': {
+      padding: `12px 0 12px`
     },
-    surface: {
-        '&.onesy-Surface-root': {
-            background: theme.palette.color.primary[theme.palette.light ? 99 : 5],
-            paddingBottom: '8px'
-        }
+    '& .onesy-Modal-background:not(.onesy-Modal-background-invisible)': {
+      background: theme.methods.palette.color.colorToRgb(theme.methods.palette.color.value('default', 10), theme.palette.light ? 20 : 40)
+    }
+  },
+  surface: {
+    '&.onesy-Surface-root': {
+      background: theme.palette.color.primary[theme.palette.light ? 99 : 5],
+      paddingBottom: '8px'
+    }
+  }
+}), {
+  name: 'onesy-Confirm'
+});
+const Confirm = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _buttons$negative, _buttons$negative2, _buttons$positive, _buttons$positive2;
+  const theme = (0, _styleReact.useOnesyTheme)();
+  const l = theme.l;
+  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.onesyConfirm) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const ModalHeader = _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.ModalHeader) || _ModalHeader.default;
+  }, [theme]);
+  const ModalFooter = _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.ModalFooter) || _ModalFooter.default;
+  }, [theme]);
+  const ModalTitle = _react.default.useMemo(() => {
+    var _theme$elements3;
+    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.ModalTitle) || _ModalTitle.default;
+  }, [theme]);
+  const ModalMain = _react.default.useMemo(() => {
+    var _theme$elements4;
+    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.ModalMain) || _ModalMain.default;
+  }, [theme]);
+  const ModalText = _react.default.useMemo(() => {
+    var _theme$elements5;
+    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.ModalText) || _ModalText.default;
+  }, [theme]);
+  const Modal = _react.default.useMemo(() => {
+    var _theme$elements6;
+    return (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Modal) || _Modal.default;
+  }, [theme]);
+  const Button = _react.default.useMemo(() => {
+    var _theme$elements7;
+    return (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.Button) || _Button.default;
+  }, [theme]);
+  const {
+      throwError,
+      onOpen,
+      onClose,
+      className,
+      children
+    } = props,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    classes
+  } = useStyle();
+  const [openModal, setOpenModal] = _react.default.useState(false);
+  const refs = {
+    value: _react.default.useRef({}),
+    modal: _react.default.useRef(null),
+    props: _react.default.useRef(null),
+    promise: {
+      resolve: _react.default.useRef(null),
+      reject: _react.default.useRef(null)
+    }
+  };
+  refs.props.current = props;
+  const open = _react.default.useCallback(value => {
+    if (!openModal) {
+      var _refs$modal$current$b, _refs$modal$current$b2, _value$buttons, _value$buttons2, _value$buttons3, _value$buttons4;
+      refs.modal.current = _objectSpread({}, value);
+
+      // Defaults
+      refs.modal.current.name = (value === null || value === void 0 ? void 0 : value.name) !== undefined ? value === null || value === void 0 ? void 0 : value.name : l('Confirmation');
+      refs.modal.current.description = (value === null || value === void 0 ? void 0 : value.description) !== undefined ? value === null || value === void 0 ? void 0 : value.description : l('Are you sure you want to proceed?');
+      if (((_refs$modal$current$b = refs.modal.current.buttons) === null || _refs$modal$current$b === void 0 || (_refs$modal$current$b = _refs$modal$current$b.negative) === null || _refs$modal$current$b === void 0 ? void 0 : _refs$modal$current$b.text) === undefined) (0, _utils.setObjectValue)(refs.modal.current, 'buttons.negative.text', '');
+      if (((_refs$modal$current$b2 = refs.modal.current.buttons) === null || _refs$modal$current$b2 === void 0 || (_refs$modal$current$b2 = _refs$modal$current$b2.positive) === null || _refs$modal$current$b2 === void 0 ? void 0 : _refs$modal$current$b2.text) === undefined) (0, _utils.setObjectValue)(refs.modal.current, 'buttons.positive.text', '');
+      refs.modal.current.buttons.negative.text = (value === null || value === void 0 || (_value$buttons = value.buttons) === null || _value$buttons === void 0 || (_value$buttons = _value$buttons.negative) === null || _value$buttons === void 0 ? void 0 : _value$buttons.text) !== undefined ? value === null || value === void 0 || (_value$buttons2 = value.buttons) === null || _value$buttons2 === void 0 || (_value$buttons2 = _value$buttons2.negative) === null || _value$buttons2 === void 0 ? void 0 : _value$buttons2.text : l('Cancel');
+      refs.modal.current.buttons.positive.text = (value === null || value === void 0 || (_value$buttons3 = value.buttons) === null || _value$buttons3 === void 0 || (_value$buttons3 = _value$buttons3.positive) === null || _value$buttons3 === void 0 ? void 0 : _value$buttons3.text) !== undefined ? value === null || value === void 0 || (_value$buttons4 = value.buttons) === null || _value$buttons4 === void 0 || (_value$buttons4 = _value$buttons4.positive) === null || _value$buttons4 === void 0 ? void 0 : _value$buttons4.text : l('Confirm');
+      refs.modal.current.throwError = (value === null || value === void 0 ? void 0 : value.throwError) !== undefined ? value.throwError : refs.props.current.throwError;
+      const promise = new Promise((resolve, reject) => {
+        refs.promise.resolve.current = resolve;
+        refs.promise.reject.current = reject;
+      });
+      setOpenModal(true);
+      if ((0, _utils.is)('function', onOpen)) onOpen();
+      return promise;
     }
-}), { name: 'onesy-Confirm' });
-const Confirm = react_1.default.forwardRef((props_, ref) => {
-    var _a, _b, _c, _d;
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const l = theme.l;
-    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.onesyConfirm) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const ModalHeader = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalHeader) || ModalHeader_1.default; }, [theme]);
-    const ModalFooter = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalFooter) || ModalFooter_1.default; }, [theme]);
-    const ModalTitle = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalTitle) || ModalTitle_1.default; }, [theme]);
-    const ModalMain = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalMain) || ModalMain_1.default; }, [theme]);
-    const ModalText = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalText) || ModalText_1.default; }, [theme]);
-    const Modal = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Modal) || Modal_1.default; }, [theme]);
-    const Button = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Button) || Button_1.default; }, [theme]);
-    const { throwError, onOpen, onClose, className, children } = props, other = __rest(props, ["throwError", "onOpen", "onClose", "className", "children"]);
-    const { classes } = useStyle();
-    const [openModal, setOpenModal] = react_1.default.useState(false);
-    const refs = {
-        value: react_1.default.useRef({}),
-        modal: react_1.default.useRef(null),
-        props: react_1.default.useRef(null),
-        promise: {
-            resolve: react_1.default.useRef(null),
-            reject: react_1.default.useRef(null)
-        }
-    };
-    refs.props.current = props;
-    const open = react_1.default.useCallback((value) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        if (!openModal) {
-            refs.modal.current = Object.assign({}, value);
-            // Defaults
-            refs.modal.current.name = (value === null || value === void 0 ? void 0 : value.name) !== undefined ? value === null || value === void 0 ? void 0 : value.name : l('Confirmation');
-            refs.modal.current.description = (value === null || value === void 0 ? void 0 : value.description) !== undefined ? value === null || value === void 0 ? void 0 : value.description : l('Are you sure you want to proceed?');
-            if (((_b = (_a = refs.modal.current.buttons) === null || _a === void 0 ? void 0 : _a.negative) === null || _b === void 0 ? void 0 : _b.text) === undefined)
-                (0, utils_1.setObjectValue)(refs.modal.current, 'buttons.negative.text', '');
-            if (((_d = (_c = refs.modal.current.buttons) === null || _c === void 0 ? void 0 : _c.positive) === null || _d === void 0 ? void 0 : _d.text) === undefined)
-                (0, utils_1.setObjectValue)(refs.modal.current, 'buttons.positive.text', '');
-            refs.modal.current.buttons.negative.text = ((_f = (_e = value === null || value === void 0 ? void 0 : value.buttons) === null || _e === void 0 ? void 0 : _e.negative) === null || _f === void 0 ? void 0 : _f.text) !== undefined ? (_h = (_g = value === null || value === void 0 ? void 0 : value.buttons) === null || _g === void 0 ? void 0 : _g.negative) === null || _h === void 0 ? void 0 : _h.text : l('Cancel');
-            refs.modal.current.buttons.positive.text = ((_k = (_j = value === null || value === void 0 ? void 0 : value.buttons) === null || _j === void 0 ? void 0 : _j.positive) === null || _k === void 0 ? void 0 : _k.text) !== undefined ? (_m = (_l = value === null || value === void 0 ? void 0 : value.buttons) === null || _l === void 0 ? void 0 : _l.positive) === null || _m === void 0 ? void 0 : _m.text : l('Confirm');
-            refs.modal.current.throwError = (value === null || value === void 0 ? void 0 : value.throwError) !== undefined ? value.throwError : refs.props.current.throwError;
-            const promise = new Promise((resolve, reject) => {
-                refs.promise.resolve.current = resolve;
-                refs.promise.reject.current = reject;
-            });
-            setOpenModal(true);
-            if ((0, utils_1.is)('function', onOpen))
-                onOpen();
-            return promise;
-        }
-    }, [openModal, onOpen]);
-    const close = react_1.default.useCallback((confirm = false) => {
-        var _a, _b, _c, _d, _e, _f;
-        if (openModal) {
-            setOpenModal(false);
-            if ((0, utils_1.is)('function', onClose))
-                onClose();
-            // Resolve or reject
-            if (confirm)
-                (_b = (_a = refs.promise.resolve).current) === null || _b === void 0 ? void 0 : _b.call(_a, confirm);
-            else
-                !refs.modal.current.throwError ? (_d = (_c = refs.promise.resolve).current) === null || _d === void 0 ? void 0 : _d.call(_c, false) : (_f = (_e = refs.promise.reject).current) === null || _f === void 0 ? void 0 : _f.call(_e);
-            refs.promise.resolve.current = undefined;
-            refs.promise.reject.current = undefined;
-        }
-    }, [openModal, onClose]);
-    const _e = (refs.modal.current || {}), { name, description, buttons, throwError: throwError_, ButtonNegativeProps, ButtonPositiveProps, modal } = _e, otherModal = __rest(_e, ["name", "description", "buttons", "throwError", "ButtonNegativeProps", "ButtonPositiveProps", "modal"]);
-    // Add to the value
-    refs.value.current.open = open;
-    refs.value.current.close = close;
-    return ((0, jsx_runtime_1.jsxs)(Context_1.default.Provider, Object.assign({ value: refs.value.current }, { children: [children, (0, jsx_runtime_1.jsx)(Modal, Object.assign({ ref: ref, open: openModal, onClose: close, SurfaceProps: {
-                    tonal: true,
-                    color: 'primary',
-                    className: (0, style_react_1.classNames)([
-                        classes.surface
-                    ])
-                }, className: (0, style_react_1.classNames)([
-                    (0, utils_2.staticClassName)('Confirm', theme) && [
-                        `onesy-Confirm-root`
-                    ],
-                    className,
-                    classes.root
-                ]) }, other, otherModal, { children: (0, utils_1.is)('function', modal) ?
-                    modal({ resolve: refs.promise.resolve.current, reject: refs.promise.reject.current }) :
-                    ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [name !== false && ((0, jsx_runtime_1.jsx)(ModalHeader, { children: (0, utils_1.is)('string', name) ? ((0, jsx_runtime_1.jsx)(ModalTitle, Object.assign({ version: 't1', weight: 500 }, { children: name || l('Confirmation') }))) : name })), (0, jsx_runtime_1.jsx)(ModalMain, { children: (0, utils_1.is)('string', description) ? ((0, jsx_runtime_1.jsx)(ModalText, Object.assign({ version: 'b1', weight: 200 }, { children: description !== undefined ? description : l('Are you sure you want to proceed?') }))) : description }), (0, jsx_runtime_1.jsxs)(ModalFooter, { children: [(0, jsx_runtime_1.jsx)(Button, Object.assign({ version: 'text', color: 'inherit', tonal: true, onClick: () => close(false) }, ButtonNegativeProps, { children: ((_a = buttons === null || buttons === void 0 ? void 0 : buttons.negative) === null || _a === void 0 ? void 0 : _a.text) !== undefined ? (_b = buttons === null || buttons === void 0 ? void 0 : buttons.negative) === null || _b === void 0 ? void 0 : _b.text : l('Cancel') })), (0, jsx_runtime_1.jsx)(Button, Object.assign({ version: 'text', color: 'inherit', tonal: true, onClick: () => close(true) }, ButtonPositiveProps, { children: ((_c = buttons === null || buttons === void 0 ? void 0 : buttons.positive) === null || _c === void 0 ? void 0 : _c.text) !== undefined ? (_d = buttons === null || buttons === void 0 ? void 0 : buttons.positive) === null || _d === void 0 ? void 0 : _d.text : l('Confirm') }))] })] })) }))] })));
+  }, [openModal, onOpen]);
+  const close = _react.default.useCallback((confirm = false) => {
+    if (openModal) {
+      var _refs$promise$resolve, _refs$promise$resolve2, _refs$promise$resolve3, _refs$promise$resolve4, _refs$promise$reject$, _refs$promise$reject;
+      setOpenModal(false);
+      if ((0, _utils.is)('function', onClose)) onClose();
+
+      // Resolve or reject
+      if (confirm) (_refs$promise$resolve = (_refs$promise$resolve2 = refs.promise.resolve).current) === null || _refs$promise$resolve === void 0 || _refs$promise$resolve.call(_refs$promise$resolve2, confirm);else !refs.modal.current.throwError ? (_refs$promise$resolve3 = (_refs$promise$resolve4 = refs.promise.resolve).current) === null || _refs$promise$resolve3 === void 0 ? void 0 : _refs$promise$resolve3.call(_refs$promise$resolve4, false) : (_refs$promise$reject$ = (_refs$promise$reject = refs.promise.reject).current) === null || _refs$promise$reject$ === void 0 ? void 0 : _refs$promise$reject$.call(_refs$promise$reject);
+      refs.promise.resolve.current = undefined;
+      refs.promise.reject.current = undefined;
+    }
+  }, [openModal, onClose]);
+  const _ref = refs.modal.current || {},
+    {
+      name,
+      description,
+      buttons,
+      throwError: throwError_,
+      ButtonNegativeProps,
+      ButtonPositiveProps,
+      modal
+    } = _ref,
+    otherModal = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+
+  // Add to the value
+  refs.value.current.open = open;
+  refs.value.current.close = close;
+  return /*#__PURE__*/_react.default.createElement(_Context.default.Provider, {
+    value: refs.value.current
+  }, children, /*#__PURE__*/_react.default.createElement(Modal, (0, _extends2.default)({
+    ref: ref,
+    open: openModal,
+    onClose: close,
+    SurfaceProps: {
+      tonal: true,
+      color: 'primary',
+      className: (0, _styleReact.classNames)([classes.surface])
+    },
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Confirm', theme) && [`onesy-Confirm-root`], className, classes.root])
+  }, other, otherModal), (0, _utils.is)('function', modal) ? modal({
+    resolve: refs.promise.resolve.current,
+    reject: refs.promise.reject.current
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, name !== false && /*#__PURE__*/_react.default.createElement(ModalHeader, null, (0, _utils.is)('string', name) ? /*#__PURE__*/_react.default.createElement(ModalTitle, {
+    version: "t1",
+    weight: 500
+  }, name || l('Confirmation')) : name), /*#__PURE__*/_react.default.createElement(ModalMain, null, (0, _utils.is)('string', description) ? /*#__PURE__*/_react.default.createElement(ModalText, {
+    version: "b1",
+    weight: 200
+  }, description !== undefined ? description : l('Are you sure you want to proceed?')) : description), /*#__PURE__*/_react.default.createElement(ModalFooter, null, /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
+    version: "text",
+    color: "inherit",
+    tonal: true,
+    onClick: () => close(false)
+  }, ButtonNegativeProps), (buttons === null || buttons === void 0 || (_buttons$negative = buttons.negative) === null || _buttons$negative === void 0 ? void 0 : _buttons$negative.text) !== undefined ? buttons === null || buttons === void 0 || (_buttons$negative2 = buttons.negative) === null || _buttons$negative2 === void 0 ? void 0 : _buttons$negative2.text : l('Cancel')), /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
+    version: "text",
+    color: "inherit",
+    tonal: true,
+    onClick: () => close(true)
+  }, ButtonPositiveProps), (buttons === null || buttons === void 0 || (_buttons$positive = buttons.positive) === null || _buttons$positive === void 0 ? void 0 : _buttons$positive.text) !== undefined ? buttons === null || buttons === void 0 || (_buttons$positive2 = buttons.positive) === null || _buttons$positive2 === void 0 ? void 0 : _buttons$positive2.text : l('Confirm'))))));
 });
 Confirm.displayName = 'onesy-Confirm';
-exports.default = Confirm;
+var _default = exports.default = Confirm;

package/Confirm/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 OnesyConfirmContext = react_1.default.createContext(undefined);
-exports.default = OnesyConfirmContext;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+const OnesyConfirmContext = /*#__PURE__*/_react.default.createContext(undefined);
+var _default = exports.default = OnesyConfirmContext;

package/Confirm/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.useConfirm = exports.Confirm = exports.ConfirmContext = exports.default = void 0;
-var Confirm_1 = require("./Confirm");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Confirm_1).default; } });
-var Context_1 = require("./Context");
-Object.defineProperty(exports, "ConfirmContext", { enumerable: true, get: function () { return __importDefault(Context_1).default; } });
-var Confirm_2 = require("./Confirm");
-Object.defineProperty(exports, "Confirm", { enumerable: true, get: function () { return __importDefault(Confirm_2).default; } });
-var useConfirm_1 = require("./useConfirm");
-Object.defineProperty(exports, "useConfirm", { enumerable: true, get: function () { return __importDefault(useConfirm_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Confirm", {
+  enumerable: true,
+  get: function () {
+    return _Confirm.default;
+  }
+});
+Object.defineProperty(exports, "ConfirmContext", {
+  enumerable: true,
+  get: function () {
+    return _Context.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Confirm.default;
+  }
+});
+Object.defineProperty(exports, "useConfirm", {
+  enumerable: true,
+  get: function () {
+    return _useConfirm.default;
+  }
+});
+var _Confirm = _interopRequireDefault(require("./Confirm"));
+var _Context = _interopRequireDefault(require("./Context"));
+var _useConfirm = _interopRequireDefault(require("./useConfirm"));

package/Confirm/useConfirm.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 useConfirm() {
-    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 = useConfirm;
+var _react = _interopRequireDefault(require("react"));
+var _Context = _interopRequireDefault(require("./Context"));
+function useConfirm() {
+  const value = _react.default.useContext(_Context.default);
+  return value;
+}