tabler-react-2 0.1.30 → 0.1.32

package/dist/badge/index.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _excluded = ["href", "children", "color", "outline", "soft"];
 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 var Badge = function Badge(_ref) {
@@ -19,11 +20,11 @@ var Badge = function Badge(_ref) {
     soft = _ref.soft,
     props = _objectWithoutProperties(_ref, _excluded);
   var classes = (0, _classnames["default"])("badge", !outline && !soft && "bg-".concat(color), outline && "badge-outline text-".concat(color), soft && "bg-".concat(color, "-lt"));
-  return href ? /*#__PURE__*/_react["default"].createElement("a", {
+  return href ? /*#__PURE__*/_react["default"].createElement("a", _extends({
     href: href,
     className: classes
-  }, children) : /*#__PURE__*/_react["default"].createElement("span", {
+  }, props), children) : /*#__PURE__*/_react["default"].createElement("span", _extends({
     className: classes
-  }, children);
+  }, props), children);
 };
 var _default = exports["default"] = Badge;

package/dist/modal/confirm.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useConfirm = void 0;
-var _iconsReact = require("@tabler/icons-react");
 var _util = require("../util");
 var _modal = require("./modal");
 var _button = require("../button");
@@ -24,12 +23,38 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var ConfirmBase = function ConfirmBase(_ref) {
-  var open = _ref.open,
-    onDecision = _ref.onDecision,
-    children = _ref.children,
-    modalId = _ref.modalId,
-    status = _ref.status;
+var IconAlertTriangle = function IconAlertTriangle(_ref) {
+  var size = _ref.size,
+    strokeWidth = _ref.strokeWidth;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": strokeWidth,
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "class": "icon icon-tabler icons-tabler-outline icon-tabler-alert-triangle"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    stroke: "none",
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12 9v4"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12 16h.01"
+  }));
+};
+var ConfirmBase = function ConfirmBase(_ref2) {
+  var open = _ref2.open,
+    onDecision = _ref2.onDecision,
+    children = _ref2.children,
+    modalId = _ref2.modalId,
+    status = _ref2.status;
   return /*#__PURE__*/_react["default"].createElement(_modal.Modal, {
     open: open,
     onClose: function onClose() {
@@ -39,13 +64,13 @@ var ConfirmBase = function ConfirmBase(_ref) {
     status: "danger"
   }, children);
 };
-var DangerConfirm = function DangerConfirm(_ref2) {
-  var open = _ref2.open,
-    onDecision = _ref2.onDecision,
-    title = _ref2.title,
-    text = _ref2.text,
-    commitText = _ref2.commitText,
-    cancelText = _ref2.cancelText;
+var DangerConfirm = function DangerConfirm(_ref3) {
+  var open = _ref3.open,
+    onDecision = _ref3.onDecision,
+    title = _ref3.title,
+    text = _ref3.text,
+    commitText = _ref3.commitText,
+    cancelText = _ref3.cancelText;
   return /*#__PURE__*/_react["default"].createElement(ConfirmBase, {
     open: open,
     onDecision: onDecision,
@@ -54,7 +79,7 @@ var DangerConfirm = function DangerConfirm(_ref2) {
     "class": "modal-body text-center py-4"
   }, /*#__PURE__*/_react["default"].createElement(_util.Color, {
     color: "danger"
-  }, /*#__PURE__*/_react["default"].createElement(_iconsReact.IconAlertTriangle, {
+  }, /*#__PURE__*/_react["default"].createElement(IconAlertTriangle, {
     size: 64,
     strokeWidth: 1
   })), /*#__PURE__*/_react["default"].createElement(_typography.H3, null, title), /*#__PURE__*/_react["default"].createElement(_typography.Text, {

package/dist/ribbon/index.js

@@ -7,17 +7,37 @@ exports.Ribbon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _iconsReact = require("@tabler/icons-react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var Ribbon = exports.Ribbon = function Ribbon(_ref) {
-  var children = _ref.children,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? "top" : _ref$position,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "primary" : _ref$color,
-    _ref$content = _ref.content,
-    content = _ref$content === void 0 ? /*#__PURE__*/_react["default"].createElement(_iconsReact.IconStar, null) : _ref$content,
-    shape = _ref.shape;
+var IconStar = function IconStar(_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "class": "icon icon-tabler icons-tabler-outline icon-tabler-star"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    stroke: "none",
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"
+  }));
+};
+var Ribbon = exports.Ribbon = function Ribbon(_ref2) {
+  var children = _ref2.children,
+    _ref2$position = _ref2.position,
+    position = _ref2$position === void 0 ? "top" : _ref2$position,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? "primary" : _ref2$color,
+    _ref2$content = _ref2.content,
+    content = _ref2$content === void 0 ? /*#__PURE__*/_react["default"].createElement(IconStar, null) : _ref2$content,
+    shape = _ref2.shape;
   return /*#__PURE__*/_react["default"].createElement("div", null, children, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("ribbon", "ribbon-".concat(position), "bg-".concat(color), shape && "ribbon-".concat(shape))
   }, content));

package/dist/table/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.Table = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _iconsReact = require("@tabler/icons-react");
 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; }
@@ -21,11 +20,92 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var Table = exports.Table = function Table(_ref) {
-  var columns = _ref.columns,
-    data = _ref.data,
-    nowrap = _ref.nowrap,
-    stickyHeader = _ref.stickyHeader;
+var IconSortDescending = function IconSortDescending(_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "class": "icon icon-tabler icons-tabler-outline icon-tabler-sort-descending"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    stroke: "none",
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4 6l9 0"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4 12l7 0"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4 18l7 0"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M15 15l3 3l3 -3"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M18 6l0 12"
+  }));
+};
+var IconSortAscending = function IconSortAscending(_ref2) {
+  var size = _ref2.size;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "class": "icon icon-tabler icons-tabler-outline icon-tabler-sort-ascending"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    stroke: "none",
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4 6l7 0"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4 12l7 0"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4 18l9 0"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M15 9l3 -3l3 3"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M18 6l0 12"
+  }));
+};
+var IconArrowsSort = function IconArrowsSort(_ref3) {
+  var size = _ref3.size;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "class": "icon icon-tabler icons-tabler-outline icon-tabler-arrows-sort"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    stroke: "none",
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3 9l4 -4l4 4m-4 -4v14"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M21 15l-4 4l-4 -4m4 4v-14"
+  }));
+};
+var Table = exports.Table = function Table(_ref4) {
+  var columns = _ref4.columns,
+    data = _ref4.data,
+    nowrap = _ref4.nowrap,
+    stickyHeader = _ref4.stickyHeader;
   var _useState = (0, _react.useState)({
       key: null,
       direction: "asc"
@@ -64,13 +144,13 @@ var Table = exports.Table = function Table(_ref) {
   }, [data, sortConfig, columns]);
   var getSortIcon = function getSortIcon(column) {
     if (sortConfig.key === column.accessor) {
-      return sortConfig.direction === "asc" ? /*#__PURE__*/_react["default"].createElement(_iconsReact.IconSortAscending, {
+      return sortConfig.direction === "asc" ? /*#__PURE__*/_react["default"].createElement(IconSortAscending, {
         size: 16
-      }) : /*#__PURE__*/_react["default"].createElement(_iconsReact.IconSortDescending, {
+      }) : /*#__PURE__*/_react["default"].createElement(IconSortDescending, {
         size: 16
       });
     }
-    return /*#__PURE__*/_react["default"].createElement(_iconsReact.IconArrowsSort, {
+    return /*#__PURE__*/_react["default"].createElement(IconArrowsSort, {
       size: 16
     });
   };

package/docs/assets/index-BGz0WjR_.css

@@ -0,0 +1 @@
+.tbl__helper__row{display:flex;flex-direction:row}.tbl__helper__col{display:flex;flex-direction:column}