tabler-react-2 0.1.105 → 0.1.107

package/dist/input/dropdown.js

@@ -7,7 +7,7 @@ exports.DropdownInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = require("../index");
-var _excluded = ["prompt", "values", "items", "value", "onChange", "aprops", "showSearch", "loading", "disabled", "disabledText", "label", "showLabel", "color", "outline", "maxHeight"];
+var _excluded = ["prompt", "values", "items", "value", "onChange", "aprops", "showSearch", "loading", "disabled", "disabledText", "label", "showLabel", "color", "outline", "maxHeight", "required"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -42,6 +42,7 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
     outline = _ref.outline,
     _ref$maxHeight = _ref.maxHeight,
     maxHeight = _ref$maxHeight === void 0 ? "300px" : _ref$maxHeight,
+    required = _ref.required,
     props = _objectWithoutProperties(_ref, _excluded);
   // Allow aliasing: pass either `values` or `items`
   var values = ivalues || items || [];
@@ -160,7 +161,9 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
   // If a label is provided, wrap the dropdown with the label inside a container.
   return label && showLabel ? /*#__PURE__*/_react["default"].createElement(_index.Util.Col, null, /*#__PURE__*/_react["default"].createElement("label", {
     className: "form-label"
-  }, label), dropdownContent) : dropdownContent;
+  }, label, required && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "form-label-required"
+  }, "*")), dropdownContent) : dropdownContent;
 };
 DropdownInput.propTypes = {
   prompt: _propTypes["default"].string.isRequired,

package/dist/offcanvas/index.js

@@ -116,31 +116,34 @@ Offcanvas.defaultProps = {
 };
 var useOffcanvas = exports.useOffcanvas = function useOffcanvas() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var initialState = (0, _react.useMemo)(function () {
-    var _options$content, _options$position;
-    return {
+  var _useState = (0, _react.useState)({
       show: false,
       resolve: null,
-      content: (_options$content = options.content) !== null && _options$content !== void 0 ? _options$content : null,
-      position: (_options$position = options.position) !== null && _options$position !== void 0 ? _options$position : "start"
-    };
-  }, [options.content, options.position]);
-  var _useState = (0, _react.useState)(initialState),
+      content: options.content || null,
+      position: options.position || "start"
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
+  var _useState3 = (0, _react.useState)(Math.random()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    rand = _useState4[0],
+    setRand = _useState4[1];
   var offcanvas = (0, _react.useCallback)(function () {
     var newOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return new Promise(function (resolve) {
-      var _newOptions$content, _newOptions$position;
-      setState(_objectSpread(_objectSpread({}, initialState), {}, {
-        show: true,
-        resolve: resolve,
-        content: (_newOptions$content = newOptions.content) !== null && _newOptions$content !== void 0 ? _newOptions$content : initialState.content,
-        position: (_newOptions$position = newOptions.position) !== null && _newOptions$position !== void 0 ? _newOptions$position : initialState.position
-      }));
+      setState(function (prev) {
+        var _newOptions$content, _newOptions$position;
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          show: true,
+          resolve: resolve,
+          content: (_newOptions$content = newOptions.content) !== null && _newOptions$content !== void 0 ? _newOptions$content : prev.content,
+          position: (_newOptions$position = newOptions.position) !== null && _newOptions$position !== void 0 ? _newOptions$position : prev.position
+        });
+      });
+      setRand(Math.random());
     });
-  }, [initialState]);
+  }, []);
   var close = (0, _react.useCallback)(function () {
     if (state.resolve) {
       state.resolve();
@@ -166,7 +169,9 @@ var useOffcanvas = exports.useOffcanvas = function useOffcanvas() {
       top: 10,
       right: 10
     }
-  }), state.content);
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    key: rand
+  }, state.content));
   return {
     offcanvas: offcanvas,
     OffcanvasElement: OffcanvasElement,

package/package.json

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