tabler-react-2 0.1.102 → 0.1.104

package/dist/input/dropdown.js

@@ -104,11 +104,14 @@ var DropdownInput = exports.DropdownInput = function DropdownInput(_ref) {
     }) || null;
     setSelectedValue(matchedValue);
   }, [value, values]);
+  var normalize = function normalize(str) {
+    return str.toLowerCase().replace(/[\s_\-+]+/g, "");
+  };
 
   // Filter values based on the search query using getLabelText
   (0, _react.useEffect)(function () {
     setFilteredValues(values.filter(function (val) {
-      return getLabelText(val).toLowerCase().includes(searchQuery.toLowerCase());
+      return getLabelText(val).toLowerCase().includes(searchQuery.toLowerCase()) || normalize(val.searchIndex.toLowerCase()).includes(normalize(searchQuery).toLowerCase());
     }));
   }, [searchQuery, values]);
   var handleSelection = function handleSelection(val) {

package/dist/offcanvas/index.js

@@ -116,15 +116,21 @@ Offcanvas.defaultProps = {
 };
 var useOffcanvas = exports.useOffcanvas = function useOffcanvas() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _useState = (0, _react.useState)({
+  // Store the initial state in a memo so it doesn't change across renders
+  var initialState = (0, _react.useMemo)(function () {
+    return {
       show: false,
       resolve: null,
       content: options.content || null,
       position: options.position || "start"
-    }),
+    };
+  }, [options.content, options.position]);
+  var _useState = (0, _react.useState)(initialState),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
+
+  // Open the offcanvas, optionally providing new content or position
   var offcanvas = (0, _react.useCallback)(function () {
     var newOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return new Promise(function (resolve) {
@@ -139,17 +145,16 @@ var useOffcanvas = exports.useOffcanvas = function useOffcanvas() {
       });
     });
   }, []);
+
+  // Close the offcanvas and reset to the initial state
   var close = (0, _react.useCallback)(function () {
     if (state.resolve) {
       state.resolve();
     }
-    setState(function (prev) {
-      return _objectSpread(_objectSpread({}, prev), {}, {
-        show: false,
-        resolve: null
-      });
-    });
-  }, [state.resolve]);
+    setState(initialState);
+  }, [state.resolve, initialState]);
+
+  // The Offcanvas element to render
   var OffcanvasElement = /*#__PURE__*/_react["default"].createElement(Offcanvas, _extends({
     show: state.show,
     onHide: close,

package/package.json

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