tabler-react-2 0.1.99 → 0.1.101

package/dist/input/input.js

@@ -158,7 +158,7 @@ var Input = exports.Input = function Input(_ref) {
     return /*#__PURE__*/_react["default"].createElement("option", {
       key: index,
       value: item
-    });
+    }, item);
   }))), hint && /*#__PURE__*/_react["default"].createElement("div", {
     className: "form-hint"
   }, hint));

package/dist/modal/confirm.js

@@ -107,42 +107,51 @@ var DangerConfirm = function DangerConfirm(_ref3) {
     }
   }, commitText))))));
 };
-var useConfirm = exports.useConfirm = function useConfirm(options) {
-  var title = options === null || options === void 0 ? void 0 : options.title;
-  var text = options === null || options === void 0 ? void 0 : options.text;
-  var commitText = options === null || options === void 0 ? void 0 : options.commitText;
-  var cancelText = options === null || options === void 0 ? void 0 : options.cancelText;
+var useConfirm = exports.useConfirm = function useConfirm() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _useState = (0, _react.useState)({
       open: false,
-      resolve: null
+      resolve: null,
+      title: options.title,
+      text: options.text,
+      commitText: options.commitText,
+      cancelText: options.cancelText
     }),
     _useState2 = _slicedToArray(_useState, 2),
     confirmState = _useState2[0],
     setConfirmState = _useState2[1];
-  var confirm = (0, _react.useCallback)(function (message) {
+  var confirm = (0, _react.useCallback)(function () {
+    var newOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return new Promise(function (resolve) {
+      var _newOptions$title, _newOptions$text, _newOptions$commitTex, _newOptions$cancelTex;
       setConfirmState({
         open: true,
-        resolve: resolve
+        resolve: resolve,
+        title: (_newOptions$title = newOptions.title) !== null && _newOptions$title !== void 0 ? _newOptions$title : options.title,
+        text: (_newOptions$text = newOptions.text) !== null && _newOptions$text !== void 0 ? _newOptions$text : options.text,
+        commitText: (_newOptions$commitTex = newOptions.commitText) !== null && _newOptions$commitTex !== void 0 ? _newOptions$commitTex : options.commitText,
+        cancelText: (_newOptions$cancelTex = newOptions.cancelText) !== null && _newOptions$cancelTex !== void 0 ? _newOptions$cancelTex : options.cancelText
       });
     });
-  }, []);
-  var handleDecision = function handleDecision(decision) {
+  }, [options]);
+  var handleDecision = (0, _react.useCallback)(function (decision) {
     if (confirmState.resolve) {
       confirmState.resolve(decision);
-      setConfirmState(_objectSpread(_objectSpread({}, confirmState), {}, {
-        open: false,
-        resolve: null
-      }));
+      setConfirmState(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          open: false,
+          resolve: null
+        });
+      });
     }
-  };
+  }, [confirmState]);
   var ConfirmModal = /*#__PURE__*/_react["default"].createElement(DangerConfirm, {
     open: confirmState.open,
     onDecision: handleDecision,
-    title: title || "Are you sure?",
-    text: text || "This action cannot be undone.",
-    commitText: commitText || "Confirm",
-    cancelText: cancelText || "Cancel"
+    title: confirmState.title || "Are you sure?",
+    text: confirmState.text || "This action cannot be undone.",
+    commitText: confirmState.commitText || "Confirm",
+    cancelText: confirmState.cancelText || "Cancel"
   });
   return {
     confirm: confirm,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabler-react-2",
-  "version": "0.1.99",
+  "version": "0.1.101",
   "description": "A react implementation of Tabler ui",
   "main": "dist/index.js",
   "scripts": {