tabler-react-2 0.1.93 → 0.1.94

package/dist/index.js

@@ -192,5 +192,17 @@ Object.keys(_index18).forEach(function (key) {
     }
   });
 });
+var _index19 = require("./segmentedControl/index");
+Object.keys(_index19).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index19[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index19[key];
+    }
+  });
+});
 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; }

package/dist/segmentedControl/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SegmentedControl = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SegmentedControl = exports.SegmentedControl = function SegmentedControl(_ref) {
+  var size = _ref.size,
+    orientation = _ref.orientation,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    items = _ref.items;
+  var navClasses = ["nav", orientation === "vertical" ? "nav-segmented-vertical" : "nav-segmented", size && "nav-".concat(size)].filter(Boolean).join(" ");
+  return /*#__PURE__*/_react["default"].createElement("nav", {
+    className: navClasses,
+    role: "tablist"
+  }, items.map(function (_ref2) {
+    var id = _ref2.id,
+      label = _ref2.label,
+      _onClick = _ref2.onClick,
+      icon = _ref2.icon;
+    var isActive = id === value;
+    return /*#__PURE__*/_react["default"].createElement("button", _extends({
+      key: id,
+      type: "button",
+      className: "nav-link".concat(isActive ? " active" : ""),
+      role: "tab",
+      "data-bs-toggle": "tab",
+      "aria-selected": isActive ? "true" : "false"
+    }, isActive ? {
+      "aria-current": "page"
+    } : {}, {
+      tabIndex: isActive ? undefined : -1,
+      onClick: function onClick(e) {
+        onChange(id);
+        if (_onClick) _onClick(e);
+      }
+    }), icon && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "me-2"
+    }, icon), label);
+  }));
+};
+SegmentedControl.propTypes = {
+  /** one of 'sm' or 'lg' */
+  size: _propTypes["default"].oneOf(["sm", "lg"]),
+  /** 'horizontal' or 'vertical' */
+  orientation: _propTypes["default"].oneOf(["horizontal", "vertical"]),
+  /** the id of the currently selected item */
+  value: _propTypes["default"].string.isRequired,
+  /** callback called with the id of the clicked item */
+  onChange: _propTypes["default"].func.isRequired,
+  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    id: _propTypes["default"].string.isRequired,
+    label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]).isRequired,
+    onClick: _propTypes["default"].func,
+    icon: _propTypes["default"].node
+  })).isRequired
+};
+SegmentedControl.defaultProps = {
+  orientation: "horizontal",
+  size: undefined
+};

package/docs/package.json

@@ -22,7 +22,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "styled-components": "^6.1.15",
-    "tabler-react-2": "file:../"
+    "tabler-react-2": "^0.1.93"
   },
   "devDependencies": {},
   "keywords": [

package/package.json

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