@trops/dash-react 1.0.27 → 1.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +313 -126
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -35,21 +35,21 @@ function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t
|
|
|
35
35
|
function _defineProperty$C(e, r, t) { return (r = _toPropertyKey$G(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
36
36
|
function _toPropertyKey$G(t) { var i = _toPrimitive$G(t, "string"); return "symbol" == _typeof$I(i) ? i : i + ""; }
|
|
37
37
|
function _toPrimitive$G(t, r) { if ("object" != _typeof$I(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$I(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
38
|
-
function _slicedToArray$
|
|
39
|
-
function _nonIterableRest$
|
|
40
|
-
function _unsupportedIterableToArray$
|
|
41
|
-
function _arrayLikeToArray$
|
|
42
|
-
function _iterableToArrayLimit$
|
|
43
|
-
function _arrayWithHoles$
|
|
38
|
+
function _slicedToArray$d(r, e) { return _arrayWithHoles$d(r) || _iterableToArrayLimit$d(r, e) || _unsupportedIterableToArray$g(r, e) || _nonIterableRest$d(); }
|
|
39
|
+
function _nonIterableRest$d() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
40
|
+
function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0; } }
|
|
41
|
+
function _arrayLikeToArray$g(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; }
|
|
42
|
+
function _iterableToArrayLimit$d(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; } }
|
|
43
|
+
function _arrayWithHoles$d(r) { if (Array.isArray(r)) return r; }
|
|
44
44
|
var ThemePreviewProvider = function ThemePreviewProvider(_ref) {
|
|
45
45
|
var children = _ref.children;
|
|
46
46
|
var parentCtx = useContext(ThemeContext);
|
|
47
47
|
var _useState = useState(null),
|
|
48
|
-
_useState2 = _slicedToArray$
|
|
48
|
+
_useState2 = _slicedToArray$d(_useState, 2),
|
|
49
49
|
previewTheme = _useState2[0],
|
|
50
50
|
setPreviewThemeState = _useState2[1];
|
|
51
51
|
var _useState3 = useState(true),
|
|
52
|
-
_useState4 = _slicedToArray$
|
|
52
|
+
_useState4 = _slicedToArray$d(_useState3, 2),
|
|
53
53
|
showPreview = _useState4[0],
|
|
54
54
|
setShowPreview = _useState4[1];
|
|
55
55
|
var isPreview = previewTheme !== null && showPreview;
|
|
@@ -476,12 +476,12 @@ var styleClassNames = {
|
|
|
476
476
|
|
|
477
477
|
var _themeObjects$BUTTON, _themeObjects$BUTTON_, _themeObjects$BUTTON_2, _themeObjects$BUTTON_3, _themeObjects$BUTTON_4, _themeObjects$BUTTON_5, _themeObjects$MENU_IT, _themeObjects$TABS_TR, _colorMap;
|
|
478
478
|
function _typeof$H(o) { "@babel/helpers - typeof"; return _typeof$H = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$H(o); }
|
|
479
|
-
function _toConsumableArray$4(r) { return _arrayWithoutHoles$4(r) || _iterableToArray$4(r) || _unsupportedIterableToArray$
|
|
479
|
+
function _toConsumableArray$4(r) { return _arrayWithoutHoles$4(r) || _iterableToArray$4(r) || _unsupportedIterableToArray$f(r) || _nonIterableSpread$4(); }
|
|
480
480
|
function _nonIterableSpread$4() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
481
|
-
function _unsupportedIterableToArray$
|
|
481
|
+
function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0; } }
|
|
482
482
|
function _iterableToArray$4(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
483
|
-
function _arrayWithoutHoles$4(r) { if (Array.isArray(r)) return _arrayLikeToArray$
|
|
484
|
-
function _arrayLikeToArray$
|
|
483
|
+
function _arrayWithoutHoles$4(r) { if (Array.isArray(r)) return _arrayLikeToArray$f(r); }
|
|
484
|
+
function _arrayLikeToArray$f(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; }
|
|
485
485
|
function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
486
486
|
function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty$B(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
487
487
|
function _defineProperty$B(e, r, t) { return (r = _toPropertyKey$F(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -2412,12 +2412,12 @@ Card3.Footer = Card.Footer;
|
|
|
2412
2412
|
|
|
2413
2413
|
function _typeof$A(o) { "@babel/helpers - typeof"; return _typeof$A = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$A(o); }
|
|
2414
2414
|
var _excluded$s = ["items", "separator", "maxItems", "className", "onItemClick", "themeKey"];
|
|
2415
|
-
function _toConsumableArray$3(r) { return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$
|
|
2415
|
+
function _toConsumableArray$3(r) { return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$e(r) || _nonIterableSpread$3(); }
|
|
2416
2416
|
function _nonIterableSpread$3() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
2417
|
-
function _unsupportedIterableToArray$
|
|
2417
|
+
function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
|
|
2418
2418
|
function _iterableToArray$3(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
2419
|
-
function _arrayWithoutHoles$3(r) { if (Array.isArray(r)) return _arrayLikeToArray$
|
|
2420
|
-
function _arrayLikeToArray$
|
|
2419
|
+
function _arrayWithoutHoles$3(r) { if (Array.isArray(r)) return _arrayLikeToArray$e(r); }
|
|
2420
|
+
function _arrayLikeToArray$e(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; }
|
|
2421
2421
|
function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2422
2422
|
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty$v(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2423
2423
|
function _defineProperty$v(e, r, t) { return (r = _toPropertyKey$z(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -3260,12 +3260,12 @@ var TextArea = function TextArea(_ref) {
|
|
|
3260
3260
|
|
|
3261
3261
|
function _typeof$s(o) { "@babel/helpers - typeof"; return _typeof$s = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$s(o); }
|
|
3262
3262
|
var _excluded$k = ["label", "value", "onChange", "options", "placeholder", "id", "className", "inputClassName"];
|
|
3263
|
-
function _slicedToArray$
|
|
3264
|
-
function _nonIterableRest$
|
|
3265
|
-
function _unsupportedIterableToArray$
|
|
3266
|
-
function _arrayLikeToArray$
|
|
3267
|
-
function _iterableToArrayLimit$
|
|
3268
|
-
function _arrayWithHoles$
|
|
3263
|
+
function _slicedToArray$c(r, e) { return _arrayWithHoles$c(r) || _iterableToArrayLimit$c(r, e) || _unsupportedIterableToArray$d(r, e) || _nonIterableRest$c(); }
|
|
3264
|
+
function _nonIterableRest$c() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3265
|
+
function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
|
|
3266
|
+
function _arrayLikeToArray$d(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; }
|
|
3267
|
+
function _iterableToArrayLimit$c(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; } }
|
|
3268
|
+
function _arrayWithHoles$c(r) { if (Array.isArray(r)) return r; }
|
|
3269
3269
|
function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3270
3270
|
function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty$n(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3271
3271
|
function _defineProperty$n(e, r, t) { return (r = _toPropertyKey$r(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -3312,7 +3312,7 @@ var SelectInput = function SelectInput(_ref) {
|
|
|
3312
3312
|
|
|
3313
3313
|
// Custom dropdown state (only used when options have icons)
|
|
3314
3314
|
var _useState = useState(false),
|
|
3315
|
-
_useState2 = _slicedToArray$
|
|
3315
|
+
_useState2 = _slicedToArray$c(_useState, 2),
|
|
3316
3316
|
isOpen = _useState2[0],
|
|
3317
3317
|
setIsOpen = _useState2[1];
|
|
3318
3318
|
var dropdownRef = useRef(null);
|
|
@@ -3890,16 +3890,16 @@ function _typeof$l(o) { "@babel/helpers - typeof"; return _typeof$l = "function"
|
|
|
3890
3890
|
var _excluded$d = ["columns", "data", "sortable", "hoverable", "striped", "bordered", "compact", "onRowClick", "className"],
|
|
3891
3891
|
_excluded2$6 = ["columns", "data", "sortable", "hoverable", "striped", "bordered", "compact", "onRowClick", "className"],
|
|
3892
3892
|
_excluded3$6 = ["columns", "data", "sortable", "hoverable", "striped", "bordered", "compact", "onRowClick", "className"];
|
|
3893
|
-
function _toConsumableArray$2(r) { return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$
|
|
3893
|
+
function _toConsumableArray$2(r) { return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$c(r) || _nonIterableSpread$2(); }
|
|
3894
3894
|
function _nonIterableSpread$2() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3895
3895
|
function _iterableToArray$2(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
3896
|
-
function _arrayWithoutHoles$2(r) { if (Array.isArray(r)) return _arrayLikeToArray$
|
|
3897
|
-
function _slicedToArray$
|
|
3898
|
-
function _nonIterableRest$
|
|
3899
|
-
function _unsupportedIterableToArray$
|
|
3900
|
-
function _arrayLikeToArray$
|
|
3901
|
-
function _iterableToArrayLimit$
|
|
3902
|
-
function _arrayWithHoles$
|
|
3896
|
+
function _arrayWithoutHoles$2(r) { if (Array.isArray(r)) return _arrayLikeToArray$c(r); }
|
|
3897
|
+
function _slicedToArray$b(r, e) { return _arrayWithHoles$b(r) || _iterableToArrayLimit$b(r, e) || _unsupportedIterableToArray$c(r, e) || _nonIterableRest$b(); }
|
|
3898
|
+
function _nonIterableRest$b() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3899
|
+
function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
|
|
3900
|
+
function _arrayLikeToArray$c(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; }
|
|
3901
|
+
function _iterableToArrayLimit$b(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; } }
|
|
3902
|
+
function _arrayWithHoles$b(r) { if (Array.isArray(r)) return r; }
|
|
3903
3903
|
function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3904
3904
|
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty$g(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3905
3905
|
function _defineProperty$g(e, r, t) { return (r = _toPropertyKey$k(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -3937,7 +3937,7 @@ var Table = function Table(_ref) {
|
|
|
3937
3937
|
key: null,
|
|
3938
3938
|
direction: null
|
|
3939
3939
|
}),
|
|
3940
|
-
_useState2 = _slicedToArray$
|
|
3940
|
+
_useState2 = _slicedToArray$b(_useState, 2),
|
|
3941
3941
|
sortConfig = _useState2[0],
|
|
3942
3942
|
setSortConfig = _useState2[1];
|
|
3943
3943
|
var uuid = getUUID$1("", "table");
|
|
@@ -4051,7 +4051,7 @@ var Table2 = function Table2(_ref2) {
|
|
|
4051
4051
|
key: null,
|
|
4052
4052
|
direction: null
|
|
4053
4053
|
}),
|
|
4054
|
-
_useState4 = _slicedToArray$
|
|
4054
|
+
_useState4 = _slicedToArray$b(_useState3, 2),
|
|
4055
4055
|
sortConfig = _useState4[0],
|
|
4056
4056
|
setSortConfig = _useState4[1];
|
|
4057
4057
|
var uuid = getUUID$1("", "table-2");
|
|
@@ -4165,7 +4165,7 @@ var Table3 = function Table3(_ref3) {
|
|
|
4165
4165
|
key: null,
|
|
4166
4166
|
direction: null
|
|
4167
4167
|
}),
|
|
4168
|
-
_useState6 = _slicedToArray$
|
|
4168
|
+
_useState6 = _slicedToArray$b(_useState5, 2),
|
|
4169
4169
|
sortConfig = _useState6[0],
|
|
4170
4170
|
setSortConfig = _useState6[1];
|
|
4171
4171
|
var uuid = getUUID$1("", "table-3");
|
|
@@ -5466,12 +5466,12 @@ DashPanel3.Header = DashPanelHeader3;
|
|
|
5466
5466
|
DashPanel3.Body = DashPanelBody3;
|
|
5467
5467
|
DashPanel3.Footer = DashPanelFooter3;
|
|
5468
5468
|
|
|
5469
|
-
function _slicedToArray$
|
|
5470
|
-
function _nonIterableRest$
|
|
5471
|
-
function _unsupportedIterableToArray$
|
|
5472
|
-
function _arrayLikeToArray$
|
|
5473
|
-
function _iterableToArrayLimit$
|
|
5474
|
-
function _arrayWithHoles$
|
|
5469
|
+
function _slicedToArray$a(r, e) { return _arrayWithHoles$a(r) || _iterableToArrayLimit$a(r, e) || _unsupportedIterableToArray$b(r, e) || _nonIterableRest$a(); }
|
|
5470
|
+
function _nonIterableRest$a() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5471
|
+
function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
|
|
5472
|
+
function _arrayLikeToArray$b(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; }
|
|
5473
|
+
function _iterableToArrayLimit$a(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; } }
|
|
5474
|
+
function _arrayWithHoles$a(r) { if (Array.isArray(r)) return r; }
|
|
5475
5475
|
function DragComponent(_ref) {
|
|
5476
5476
|
var obj = _ref.obj,
|
|
5477
5477
|
id = _ref.id,
|
|
@@ -5486,7 +5486,7 @@ function DragComponent(_ref) {
|
|
|
5486
5486
|
onDropItem = _ref.onDropItem;
|
|
5487
5487
|
_ref.onDragItem;
|
|
5488
5488
|
var _useState = useState(false),
|
|
5489
|
-
_useState2 = _slicedToArray$
|
|
5489
|
+
_useState2 = _slicedToArray$a(_useState, 2);
|
|
5490
5490
|
_useState2[0];
|
|
5491
5491
|
_useState2[1];
|
|
5492
5492
|
var _useDrag = useDrag(function () {
|
|
@@ -5526,7 +5526,7 @@ function DragComponent(_ref) {
|
|
|
5526
5526
|
}
|
|
5527
5527
|
};
|
|
5528
5528
|
}),
|
|
5529
|
-
_useDrag2 = _slicedToArray$
|
|
5529
|
+
_useDrag2 = _slicedToArray$a(_useDrag, 3),
|
|
5530
5530
|
collected = _useDrag2[0],
|
|
5531
5531
|
drag = _useDrag2[1],
|
|
5532
5532
|
dragPreview = _useDrag2[2];
|
|
@@ -5547,12 +5547,12 @@ function DragComponent(_ref) {
|
|
|
5547
5547
|
});
|
|
5548
5548
|
}
|
|
5549
5549
|
|
|
5550
|
-
function _slicedToArray$
|
|
5551
|
-
function _nonIterableRest$
|
|
5552
|
-
function _unsupportedIterableToArray$
|
|
5553
|
-
function _arrayLikeToArray$
|
|
5554
|
-
function _iterableToArrayLimit$
|
|
5555
|
-
function _arrayWithHoles$
|
|
5550
|
+
function _slicedToArray$9(r, e) { return _arrayWithHoles$9(r) || _iterableToArrayLimit$9(r, e) || _unsupportedIterableToArray$a(r, e) || _nonIterableRest$9(); }
|
|
5551
|
+
function _nonIterableRest$9() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5552
|
+
function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0; } }
|
|
5553
|
+
function _arrayLikeToArray$a(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; }
|
|
5554
|
+
function _iterableToArrayLimit$9(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; } }
|
|
5555
|
+
function _arrayWithHoles$9(r) { if (Array.isArray(r)) return r; }
|
|
5556
5556
|
function DropComponent(_ref) {
|
|
5557
5557
|
var item = _ref.item,
|
|
5558
5558
|
id = _ref.id,
|
|
@@ -5564,11 +5564,11 @@ function DropComponent(_ref) {
|
|
|
5564
5564
|
var width = _ref.width,
|
|
5565
5565
|
height = _ref.height;
|
|
5566
5566
|
var _useState = useState(false),
|
|
5567
|
-
_useState2 = _slicedToArray$
|
|
5567
|
+
_useState2 = _slicedToArray$9(_useState, 2);
|
|
5568
5568
|
_useState2[0];
|
|
5569
5569
|
var setHasDropped = _useState2[1];
|
|
5570
5570
|
var _useState3 = useState(false),
|
|
5571
|
-
_useState4 = _slicedToArray$
|
|
5571
|
+
_useState4 = _slicedToArray$9(_useState3, 2);
|
|
5572
5572
|
_useState4[0];
|
|
5573
5573
|
var setHasDroppedOnChild = _useState4[1];
|
|
5574
5574
|
var _useDrop = useDrop({
|
|
@@ -5605,7 +5605,7 @@ function DropComponent(_ref) {
|
|
|
5605
5605
|
};
|
|
5606
5606
|
}
|
|
5607
5607
|
}, [setHasDropped, setHasDroppedOnChild]),
|
|
5608
|
-
_useDrop2 = _slicedToArray$
|
|
5608
|
+
_useDrop2 = _slicedToArray$9(_useDrop, 2),
|
|
5609
5609
|
_useDrop2$ = _useDrop2[0],
|
|
5610
5610
|
isOver = _useDrop2$.isOver,
|
|
5611
5611
|
isOverCurrent = _useDrop2$.isOverCurrent,
|
|
@@ -5688,12 +5688,12 @@ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t
|
|
|
5688
5688
|
function _defineProperty$4(e, r, t) { return (r = _toPropertyKey$4(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5689
5689
|
function _toPropertyKey$4(t) { var i = _toPrimitive$4(t, "string"); return "symbol" == _typeof$5(i) ? i : i + ""; }
|
|
5690
5690
|
function _toPrimitive$4(t, r) { if ("object" != _typeof$5(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$5(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
5691
|
-
function _slicedToArray$
|
|
5692
|
-
function _nonIterableRest$
|
|
5693
|
-
function _unsupportedIterableToArray$
|
|
5694
|
-
function _arrayLikeToArray$
|
|
5695
|
-
function _iterableToArrayLimit$
|
|
5696
|
-
function _arrayWithHoles$
|
|
5691
|
+
function _slicedToArray$8(r, e) { return _arrayWithHoles$8(r) || _iterableToArrayLimit$8(r, e) || _unsupportedIterableToArray$9(r, e) || _nonIterableRest$8(); }
|
|
5692
|
+
function _nonIterableRest$8() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5693
|
+
function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
|
|
5694
|
+
function _arrayLikeToArray$9(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; }
|
|
5695
|
+
function _iterableToArrayLimit$8(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; } }
|
|
5696
|
+
function _arrayWithHoles$8(r) { if (Array.isArray(r)) return r; }
|
|
5697
5697
|
function _objectWithoutProperties$2(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose$2(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
5698
5698
|
function _objectWithoutPropertiesLoose$2(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5699
5699
|
var TabsContext = /*#__PURE__*/createContext({
|
|
@@ -5724,7 +5724,7 @@ var Tabs = function Tabs(_ref) {
|
|
|
5724
5724
|
border = _ref$border === void 0 ? false : _ref$border,
|
|
5725
5725
|
props = _objectWithoutProperties$2(_ref, _excluded$2);
|
|
5726
5726
|
var _useState = useState(defaultValue),
|
|
5727
|
-
_useState2 = _slicedToArray$
|
|
5727
|
+
_useState2 = _slicedToArray$8(_useState, 2),
|
|
5728
5728
|
internalValue = _useState2[0],
|
|
5729
5729
|
setInternalValue = _useState2[1];
|
|
5730
5730
|
var _useContext = useContext(ThemeContext),
|
|
@@ -5859,7 +5859,7 @@ var Tabs2 = function Tabs2(_ref5) {
|
|
|
5859
5859
|
border = _ref5$border === void 0 ? false : _ref5$border,
|
|
5860
5860
|
props = _objectWithoutProperties$2(_ref5, _excluded5$1);
|
|
5861
5861
|
var _useState3 = useState(defaultValue),
|
|
5862
|
-
_useState4 = _slicedToArray$
|
|
5862
|
+
_useState4 = _slicedToArray$8(_useState3, 2),
|
|
5863
5863
|
internalValue = _useState4[0],
|
|
5864
5864
|
setInternalValue = _useState4[1];
|
|
5865
5865
|
var _useContext5 = useContext(ThemeContext),
|
|
@@ -5994,7 +5994,7 @@ var Tabs3 = function Tabs3(_ref9) {
|
|
|
5994
5994
|
border = _ref9$border === void 0 ? false : _ref9$border,
|
|
5995
5995
|
props = _objectWithoutProperties$2(_ref9, _excluded9$1);
|
|
5996
5996
|
var _useState5 = useState(defaultValue),
|
|
5997
|
-
_useState6 = _slicedToArray$
|
|
5997
|
+
_useState6 = _slicedToArray$8(_useState5, 2),
|
|
5998
5998
|
internalValue = _useState6[0],
|
|
5999
5999
|
setInternalValue = _useState6[1];
|
|
6000
6000
|
var _useContext9 = useContext(ThemeContext),
|
|
@@ -6123,16 +6123,16 @@ function _toPropertyKey$3(t) { var i = _toPrimitive$3(t, "string"); return "symb
|
|
|
6123
6123
|
function _toPrimitive$3(t, r) { if ("object" != _typeof$4(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$4(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6124
6124
|
function _objectWithoutProperties$1(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose$1(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
6125
6125
|
function _objectWithoutPropertiesLoose$1(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
6126
|
-
function _toConsumableArray$1(r) { return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$
|
|
6126
|
+
function _toConsumableArray$1(r) { return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$8(r) || _nonIterableSpread$1(); }
|
|
6127
6127
|
function _nonIterableSpread$1() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6128
6128
|
function _iterableToArray$1(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
6129
|
-
function _arrayWithoutHoles$1(r) { if (Array.isArray(r)) return _arrayLikeToArray$
|
|
6130
|
-
function _slicedToArray$
|
|
6131
|
-
function _nonIterableRest$
|
|
6132
|
-
function _unsupportedIterableToArray$
|
|
6133
|
-
function _arrayLikeToArray$
|
|
6134
|
-
function _iterableToArrayLimit$
|
|
6135
|
-
function _arrayWithHoles$
|
|
6129
|
+
function _arrayWithoutHoles$1(r) { if (Array.isArray(r)) return _arrayLikeToArray$8(r); }
|
|
6130
|
+
function _slicedToArray$7(r, e) { return _arrayWithHoles$7(r) || _iterableToArrayLimit$7(r, e) || _unsupportedIterableToArray$8(r, e) || _nonIterableRest$7(); }
|
|
6131
|
+
function _nonIterableRest$7() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6132
|
+
function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
|
|
6133
|
+
function _arrayLikeToArray$8(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; }
|
|
6134
|
+
function _iterableToArrayLimit$7(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; } }
|
|
6135
|
+
function _arrayWithHoles$7(r) { if (Array.isArray(r)) return r; }
|
|
6136
6136
|
var AccordionContext = /*#__PURE__*/createContext({
|
|
6137
6137
|
openItems: [],
|
|
6138
6138
|
toggleItem: function toggleItem() {},
|
|
@@ -6150,7 +6150,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
6150
6150
|
_ref$className = _ref.className,
|
|
6151
6151
|
className = _ref$className === void 0 ? "" : _ref$className;
|
|
6152
6152
|
var _useState = useState(Array.isArray(defaultValue) ? defaultValue : [defaultValue]),
|
|
6153
|
-
_useState2 = _slicedToArray$
|
|
6153
|
+
_useState2 = _slicedToArray$7(_useState, 2),
|
|
6154
6154
|
openItems = _useState2[0],
|
|
6155
6155
|
setOpenItems = _useState2[1];
|
|
6156
6156
|
var toggleItem = function toggleItem(value) {
|
|
@@ -6251,7 +6251,7 @@ var AccordionContent = function AccordionContent(_ref4) {
|
|
|
6251
6251
|
var isOpen = openItems.includes(value);
|
|
6252
6252
|
var contentRef = useRef(null);
|
|
6253
6253
|
var _useState3 = useState(0),
|
|
6254
|
-
_useState4 = _slicedToArray$
|
|
6254
|
+
_useState4 = _slicedToArray$7(_useState3, 2),
|
|
6255
6255
|
height = _useState4[0],
|
|
6256
6256
|
setHeight = _useState4[1];
|
|
6257
6257
|
useEffect(function () {
|
|
@@ -6286,7 +6286,7 @@ var Accordion2 = function Accordion2(_ref5) {
|
|
|
6286
6286
|
_ref5$className = _ref5.className,
|
|
6287
6287
|
className = _ref5$className === void 0 ? "" : _ref5$className;
|
|
6288
6288
|
var _useState5 = useState(Array.isArray(defaultValue) ? defaultValue : [defaultValue]),
|
|
6289
|
-
_useState6 = _slicedToArray$
|
|
6289
|
+
_useState6 = _slicedToArray$7(_useState5, 2),
|
|
6290
6290
|
openItems = _useState6[0],
|
|
6291
6291
|
setOpenItems = _useState6[1];
|
|
6292
6292
|
var toggleItem = function toggleItem(value) {
|
|
@@ -6387,7 +6387,7 @@ var AccordionContent2 = function AccordionContent2(_ref8) {
|
|
|
6387
6387
|
var isOpen = openItems.includes(value);
|
|
6388
6388
|
var contentRef = useRef(null);
|
|
6389
6389
|
var _useState7 = useState(0),
|
|
6390
|
-
_useState8 = _slicedToArray$
|
|
6390
|
+
_useState8 = _slicedToArray$7(_useState7, 2),
|
|
6391
6391
|
height = _useState8[0],
|
|
6392
6392
|
setHeight = _useState8[1];
|
|
6393
6393
|
useEffect(function () {
|
|
@@ -6422,7 +6422,7 @@ var Accordion3 = function Accordion3(_ref9) {
|
|
|
6422
6422
|
_ref9$className = _ref9.className,
|
|
6423
6423
|
className = _ref9$className === void 0 ? "" : _ref9$className;
|
|
6424
6424
|
var _useState9 = useState(Array.isArray(defaultValue) ? defaultValue : [defaultValue]),
|
|
6425
|
-
_useState0 = _slicedToArray$
|
|
6425
|
+
_useState0 = _slicedToArray$7(_useState9, 2),
|
|
6426
6426
|
openItems = _useState0[0],
|
|
6427
6427
|
setOpenItems = _useState0[1];
|
|
6428
6428
|
var toggleItem = function toggleItem(value) {
|
|
@@ -6523,7 +6523,7 @@ var AccordionContent3 = function AccordionContent3(_ref10) {
|
|
|
6523
6523
|
var isOpen = openItems.includes(value);
|
|
6524
6524
|
var contentRef = useRef(null);
|
|
6525
6525
|
var _useState1 = useState(0),
|
|
6526
|
-
_useState10 = _slicedToArray$
|
|
6526
|
+
_useState10 = _slicedToArray$7(_useState1, 2),
|
|
6527
6527
|
height = _useState10[0],
|
|
6528
6528
|
setHeight = _useState10[1];
|
|
6529
6529
|
useEffect(function () {
|
|
@@ -6553,12 +6553,12 @@ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t
|
|
|
6553
6553
|
function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6554
6554
|
function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$3(i) ? i : i + ""; }
|
|
6555
6555
|
function _toPrimitive$2(t, r) { if ("object" != _typeof$3(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$3(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6556
|
-
function _slicedToArray$
|
|
6557
|
-
function _nonIterableRest$
|
|
6558
|
-
function _unsupportedIterableToArray$
|
|
6559
|
-
function _arrayLikeToArray$
|
|
6560
|
-
function _iterableToArrayLimit$
|
|
6561
|
-
function _arrayWithHoles$
|
|
6556
|
+
function _slicedToArray$6(r, e) { return _arrayWithHoles$6(r) || _iterableToArrayLimit$6(r, e) || _unsupportedIterableToArray$7(r, e) || _nonIterableRest$6(); }
|
|
6557
|
+
function _nonIterableRest$6() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6558
|
+
function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
|
|
6559
|
+
function _arrayLikeToArray$7(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; }
|
|
6560
|
+
function _iterableToArrayLimit$6(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; } }
|
|
6561
|
+
function _arrayWithHoles$6(r) { if (Array.isArray(r)) return r; }
|
|
6562
6562
|
var createHeader = function createHeader(themeKey) {
|
|
6563
6563
|
var Header = function Header(_ref) {
|
|
6564
6564
|
var children = _ref.children,
|
|
@@ -6634,7 +6634,7 @@ var createDropdownPanel = function createDropdownPanel(panelKey, headerKey, divi
|
|
|
6634
6634
|
});
|
|
6635
6635
|
var anchorRef = useRef(null);
|
|
6636
6636
|
var _useState = useState(null),
|
|
6637
|
-
_useState2 = _slicedToArray$
|
|
6637
|
+
_useState2 = _slicedToArray$6(_useState, 2),
|
|
6638
6638
|
portalStyle = _useState2[0],
|
|
6639
6639
|
setPortalStyle = _useState2[1];
|
|
6640
6640
|
var handleKeyDown = useCallback(function (e) {
|
|
@@ -7001,12 +7001,12 @@ var ConfirmationModal = function ConfirmationModal(_ref) {
|
|
|
7001
7001
|
});
|
|
7002
7002
|
};
|
|
7003
7003
|
|
|
7004
|
-
function _slicedToArray$
|
|
7005
|
-
function _nonIterableRest$
|
|
7006
|
-
function _unsupportedIterableToArray$
|
|
7007
|
-
function _arrayLikeToArray$
|
|
7008
|
-
function _iterableToArrayLimit$
|
|
7009
|
-
function _arrayWithHoles$
|
|
7004
|
+
function _slicedToArray$5(r, e) { return _arrayWithHoles$5(r) || _iterableToArrayLimit$5(r, e) || _unsupportedIterableToArray$6(r, e) || _nonIterableRest$5(); }
|
|
7005
|
+
function _nonIterableRest$5() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7006
|
+
function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
|
|
7007
|
+
function _arrayLikeToArray$6(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; }
|
|
7008
|
+
function _iterableToArrayLimit$5(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; } }
|
|
7009
|
+
function _arrayWithHoles$5(r) { if (Array.isArray(r)) return r; }
|
|
7010
7010
|
var SidebarContext = /*#__PURE__*/createContext({
|
|
7011
7011
|
collapsed: false,
|
|
7012
7012
|
setCollapsed: function setCollapsed() {},
|
|
@@ -7176,7 +7176,7 @@ var Sidebar = function Sidebar(_ref7) {
|
|
|
7176
7176
|
_ref7$className = _ref7.className,
|
|
7177
7177
|
className = _ref7$className === void 0 ? "" : _ref7$className;
|
|
7178
7178
|
var _useState = useState(defaultCollapsed),
|
|
7179
|
-
_useState2 = _slicedToArray$
|
|
7179
|
+
_useState2 = _slicedToArray$5(_useState, 2),
|
|
7180
7180
|
internalCollapsed = _useState2[0],
|
|
7181
7181
|
setInternalCollapsed = _useState2[1];
|
|
7182
7182
|
var isCollapsed = controlledCollapsed !== undefined ? controlledCollapsed : internalCollapsed;
|
|
@@ -7293,12 +7293,12 @@ Navbar.Content = NavbarContent;
|
|
|
7293
7293
|
Navbar.Actions = NavbarActions;
|
|
7294
7294
|
Navbar.Divider = NavbarDivider;
|
|
7295
7295
|
|
|
7296
|
-
function _slicedToArray$
|
|
7297
|
-
function _nonIterableRest$
|
|
7298
|
-
function _unsupportedIterableToArray$
|
|
7299
|
-
function _arrayLikeToArray$
|
|
7300
|
-
function _iterableToArrayLimit$
|
|
7301
|
-
function _arrayWithHoles$
|
|
7296
|
+
function _slicedToArray$4(r, e) { return _arrayWithHoles$4(r) || _iterableToArrayLimit$4(r, e) || _unsupportedIterableToArray$5(r, e) || _nonIterableRest$4(); }
|
|
7297
|
+
function _nonIterableRest$4() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7298
|
+
function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
|
|
7299
|
+
function _arrayLikeToArray$5(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; }
|
|
7300
|
+
function _iterableToArrayLimit$4(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; } }
|
|
7301
|
+
function _arrayWithHoles$4(r) { if (Array.isArray(r)) return r; }
|
|
7302
7302
|
var TabbedNavbarContext = /*#__PURE__*/createContext({
|
|
7303
7303
|
activeTab: "",
|
|
7304
7304
|
setActiveTab: function setActiveTab() {}
|
|
@@ -7389,7 +7389,7 @@ var TabbedNavbar = function TabbedNavbar(_ref5) {
|
|
|
7389
7389
|
_ref5$className = _ref5.className,
|
|
7390
7390
|
className = _ref5$className === void 0 ? "" : _ref5$className;
|
|
7391
7391
|
var _useState = useState(defaultValue),
|
|
7392
|
-
_useState2 = _slicedToArray$
|
|
7392
|
+
_useState2 = _slicedToArray$4(_useState, 2),
|
|
7393
7393
|
internalValue = _useState2[0],
|
|
7394
7394
|
setInternalValue = _useState2[1];
|
|
7395
7395
|
var activeTab = value !== undefined ? value : internalValue;
|
|
@@ -7629,12 +7629,12 @@ var Skeleton = function Skeleton(_ref3) {
|
|
|
7629
7629
|
Skeleton.Text = SkeletonText;
|
|
7630
7630
|
Skeleton.Card = SkeletonCard;
|
|
7631
7631
|
|
|
7632
|
-
function _slicedToArray$
|
|
7633
|
-
function _nonIterableRest$
|
|
7634
|
-
function _unsupportedIterableToArray$
|
|
7635
|
-
function _arrayLikeToArray$
|
|
7636
|
-
function _iterableToArrayLimit$
|
|
7637
|
-
function _arrayWithHoles$
|
|
7632
|
+
function _slicedToArray$3(r, e) { return _arrayWithHoles$3(r) || _iterableToArrayLimit$3(r, e) || _unsupportedIterableToArray$4(r, e) || _nonIterableRest$3(); }
|
|
7633
|
+
function _nonIterableRest$3() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7634
|
+
function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
|
|
7635
|
+
function _arrayLikeToArray$4(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; }
|
|
7636
|
+
function _iterableToArrayLimit$3(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; } }
|
|
7637
|
+
function _arrayWithHoles$3(r) { if (Array.isArray(r)) return r; }
|
|
7638
7638
|
var CommandPaletteGroup = function CommandPaletteGroup(_ref) {
|
|
7639
7639
|
var _ref$label = _ref.label,
|
|
7640
7640
|
label = _ref$label === void 0 ? null : _ref$label,
|
|
@@ -7705,7 +7705,7 @@ var CommandPalette = function CommandPalette(_ref3) {
|
|
|
7705
7705
|
_ref3$className = _ref3.className,
|
|
7706
7706
|
className = _ref3$className === void 0 ? "" : _ref3$className;
|
|
7707
7707
|
var _useState = useState(""),
|
|
7708
|
-
_useState2 = _slicedToArray$
|
|
7708
|
+
_useState2 = _slicedToArray$3(_useState, 2),
|
|
7709
7709
|
query = _useState2[0],
|
|
7710
7710
|
setQuery = _useState2[1];
|
|
7711
7711
|
var inputRef = useRef(null);
|
|
@@ -8104,12 +8104,12 @@ Drawer.Body = DrawerBody;
|
|
|
8104
8104
|
Drawer.Footer = DrawerFooter;
|
|
8105
8105
|
Drawer.CloseButton = DrawerCloseButton;
|
|
8106
8106
|
|
|
8107
|
-
function _slicedToArray$
|
|
8108
|
-
function _nonIterableRest$
|
|
8109
|
-
function _unsupportedIterableToArray$
|
|
8110
|
-
function _arrayLikeToArray$
|
|
8111
|
-
function _iterableToArrayLimit$
|
|
8112
|
-
function _arrayWithHoles$
|
|
8107
|
+
function _slicedToArray$2(r, e) { return _arrayWithHoles$2(r) || _iterableToArrayLimit$2(r, e) || _unsupportedIterableToArray$3(r, e) || _nonIterableRest$2(); }
|
|
8108
|
+
function _nonIterableRest$2() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
8109
|
+
function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
|
|
8110
|
+
function _arrayLikeToArray$3(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; }
|
|
8111
|
+
function _iterableToArrayLimit$2(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; } }
|
|
8112
|
+
function _arrayWithHoles$2(r) { if (Array.isArray(r)) return r; }
|
|
8113
8113
|
var Tooltip = function Tooltip(_ref) {
|
|
8114
8114
|
var content = _ref.content,
|
|
8115
8115
|
children = _ref.children,
|
|
@@ -8120,7 +8120,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
8120
8120
|
_ref$className = _ref.className,
|
|
8121
8121
|
className = _ref$className === void 0 ? "" : _ref$className;
|
|
8122
8122
|
var _useState = useState(false),
|
|
8123
|
-
_useState2 = _slicedToArray$
|
|
8123
|
+
_useState2 = _slicedToArray$2(_useState, 2),
|
|
8124
8124
|
visible = _useState2[0],
|
|
8125
8125
|
setVisible = _useState2[1];
|
|
8126
8126
|
var timeoutRef = useRef(null);
|
|
@@ -8172,6 +8172,12 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
8172
8172
|
});
|
|
8173
8173
|
};
|
|
8174
8174
|
|
|
8175
|
+
function _slicedToArray$1(r, e) { return _arrayWithHoles$1(r) || _iterableToArrayLimit$1(r, e) || _unsupportedIterableToArray$2(r, e) || _nonIterableRest$1(); }
|
|
8176
|
+
function _nonIterableRest$1() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
8177
|
+
function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
|
|
8178
|
+
function _arrayLikeToArray$2(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; }
|
|
8179
|
+
function _iterableToArrayLimit$1(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; } }
|
|
8180
|
+
function _arrayWithHoles$1(r) { if (Array.isArray(r)) return r; }
|
|
8175
8181
|
var ROLES = ["primary", "secondary", "tertiary", "neutral"];
|
|
8176
8182
|
var ROLE_LABELS = {
|
|
8177
8183
|
primary: "Primary",
|
|
@@ -8183,16 +8189,39 @@ var ColorSwatch = function ColorSwatch(_ref) {
|
|
|
8183
8189
|
var color = _ref.color,
|
|
8184
8190
|
role = _ref.role,
|
|
8185
8191
|
onClick = _ref.onClick,
|
|
8192
|
+
_ref$isDragOver = _ref.isDragOver,
|
|
8193
|
+
isDragOver = _ref$isDragOver === void 0 ? false : _ref$isDragOver,
|
|
8194
|
+
_ref$isDragging = _ref.isDragging,
|
|
8195
|
+
isDragging = _ref$isDragging === void 0 ? false : _ref$isDragging,
|
|
8196
|
+
onDragStart = _ref.onDragStart,
|
|
8197
|
+
onDragOver = _ref.onDragOver,
|
|
8198
|
+
onDragLeave = _ref.onDragLeave,
|
|
8199
|
+
onDrop = _ref.onDrop,
|
|
8200
|
+
onDragEnd = _ref.onDragEnd,
|
|
8201
|
+
onKeyDown = _ref.onKeyDown,
|
|
8202
|
+
_ref$focused = _ref.focused,
|
|
8203
|
+
focused = _ref$focused === void 0 ? false : _ref$focused,
|
|
8186
8204
|
_ref$className = _ref.className,
|
|
8187
8205
|
className = _ref$className === void 0 ? "" : _ref$className;
|
|
8188
8206
|
var hex = (color === null || color === void 0 ? void 0 : color.hex) || (color === null || color === void 0 ? void 0 : color.value) || "#888";
|
|
8189
8207
|
var label = (color === null || color === void 0 ? void 0 : color.family) || (color === null || color === void 0 ? void 0 : color.name) || hex;
|
|
8190
8208
|
return /*#__PURE__*/jsxs("div", {
|
|
8191
|
-
className: "flex flex-col items-center gap-1.5 flex-1 cursor-pointer group ".concat(className),
|
|
8209
|
+
className: "flex flex-col items-center gap-1.5 flex-1 cursor-pointer group transition-all ".concat(isDragOver ? "scale-110 ring-2 ring-blue-400 rounded-lg" : "", " ").concat(isDragging ? "opacity-40 scale-95" : "", " ").concat(focused ? "ring-2 ring-white/50 rounded-lg" : "", " ").concat(className),
|
|
8192
8210
|
onClick: onClick,
|
|
8193
|
-
title: "
|
|
8211
|
+
title: "".concat(ROLE_LABELS[role] || role, " \u2014 drag to reorder or click to cycle"),
|
|
8212
|
+
draggable: true,
|
|
8213
|
+
onDragStart: onDragStart,
|
|
8214
|
+
onDragOver: onDragOver,
|
|
8215
|
+
onDragLeave: onDragLeave,
|
|
8216
|
+
onDrop: onDrop,
|
|
8217
|
+
onDragEnd: onDragEnd,
|
|
8218
|
+
onKeyDown: onKeyDown,
|
|
8219
|
+
tabIndex: 0,
|
|
8220
|
+
role: "button",
|
|
8221
|
+
"aria-label": "".concat(ROLE_LABELS[role], " color: ").concat(label, ". Drag to reorder or use arrow keys."),
|
|
8222
|
+
"aria-grabbed": isDragging,
|
|
8194
8223
|
children: [/*#__PURE__*/jsx("div", {
|
|
8195
|
-
className: "h-12 w-full rounded-lg transition-all group-hover:scale-105 group-hover:shadow-lg ring-1 ring-white/10",
|
|
8224
|
+
className: "h-12 w-full rounded-lg transition-all group-hover:scale-105 group-hover:shadow-lg ring-1 ring-white/10 ".concat(isDragOver ? "shadow-lg shadow-blue-400/30" : ""),
|
|
8196
8225
|
style: {
|
|
8197
8226
|
backgroundColor: hex
|
|
8198
8227
|
}
|
|
@@ -8210,12 +8239,16 @@ var ColorSwatch = function ColorSwatch(_ref) {
|
|
|
8210
8239
|
* PalettePreviewPane
|
|
8211
8240
|
*
|
|
8212
8241
|
* Displays extracted colors mapped to 4 roles (primary, secondary, tertiary, neutral).
|
|
8213
|
-
* Users can
|
|
8242
|
+
* Users can:
|
|
8243
|
+
* - Click a swatch to cycle it to the next role
|
|
8244
|
+
* - Drag a swatch to another role position to swap
|
|
8245
|
+
* - Use arrow keys + Enter for keyboard reordering
|
|
8214
8246
|
*
|
|
8215
8247
|
* Props:
|
|
8216
8248
|
* - palette: Array of color objects [{ hex, family, name, role }]
|
|
8217
8249
|
* - roleAssignments: Object mapping role → palette index { primary: 0, secondary: 1, ... }
|
|
8218
|
-
* - onSwapRole: (role, currentIndex) => void — callback when user clicks to
|
|
8250
|
+
* - onSwapRole: (role, currentIndex) => void — callback when user clicks to cycle a role
|
|
8251
|
+
* - onReorderRoles: (sourceRole, targetRole) => void — callback when user drags to swap two roles
|
|
8219
8252
|
* - className: additional CSS classes
|
|
8220
8253
|
*/
|
|
8221
8254
|
var PalettePreviewPane = function PalettePreviewPane(_ref2) {
|
|
@@ -8225,6 +8258,8 @@ var PalettePreviewPane = function PalettePreviewPane(_ref2) {
|
|
|
8225
8258
|
roleAssignments = _ref2$roleAssignments === void 0 ? {} : _ref2$roleAssignments,
|
|
8226
8259
|
_ref2$onSwapRole = _ref2.onSwapRole,
|
|
8227
8260
|
onSwapRole = _ref2$onSwapRole === void 0 ? null : _ref2$onSwapRole,
|
|
8261
|
+
_ref2$onReorderRoles = _ref2.onReorderRoles,
|
|
8262
|
+
onReorderRoles = _ref2$onReorderRoles === void 0 ? null : _ref2$onReorderRoles,
|
|
8228
8263
|
_ref2$className = _ref2.className,
|
|
8229
8264
|
className = _ref2$className === void 0 ? "" : _ref2$className;
|
|
8230
8265
|
var _useContext = useContext(ThemeContext),
|
|
@@ -8233,35 +8268,170 @@ var PalettePreviewPane = function PalettePreviewPane(_ref2) {
|
|
|
8233
8268
|
scrollable: false,
|
|
8234
8269
|
grow: false
|
|
8235
8270
|
});
|
|
8271
|
+
var _useState = useState(null),
|
|
8272
|
+
_useState2 = _slicedToArray$1(_useState, 2),
|
|
8273
|
+
dragSourceRole = _useState2[0],
|
|
8274
|
+
setDragSourceRole = _useState2[1];
|
|
8275
|
+
var _useState3 = useState(null),
|
|
8276
|
+
_useState4 = _slicedToArray$1(_useState3, 2),
|
|
8277
|
+
dragOverRole = _useState4[0],
|
|
8278
|
+
setDragOverRole = _useState4[1];
|
|
8279
|
+
var _useState5 = useState(-1),
|
|
8280
|
+
_useState6 = _slicedToArray$1(_useState5, 2);
|
|
8281
|
+
_useState6[0];
|
|
8282
|
+
var setFocusedIndex = _useState6[1];
|
|
8283
|
+
var _useState7 = useState(null),
|
|
8284
|
+
_useState8 = _slicedToArray$1(_useState7, 2),
|
|
8285
|
+
keyboardSelectedRole = _useState8[0],
|
|
8286
|
+
setKeyboardSelectedRole = _useState8[1];
|
|
8287
|
+
var swatchRefs = useRef({});
|
|
8236
8288
|
if (!palette || palette.length === 0) return null;
|
|
8289
|
+
var activeRoles = ROLES.filter(function (role) {
|
|
8290
|
+
return roleAssignments[role] != null && palette[roleAssignments[role]] != null;
|
|
8291
|
+
});
|
|
8237
8292
|
function handleSwatchClick(role) {
|
|
8293
|
+
if (keyboardSelectedRole) {
|
|
8294
|
+
// If a role was keyboard-selected, complete the swap
|
|
8295
|
+
if (keyboardSelectedRole !== role && onReorderRoles) {
|
|
8296
|
+
onReorderRoles(keyboardSelectedRole, role);
|
|
8297
|
+
}
|
|
8298
|
+
setKeyboardSelectedRole(null);
|
|
8299
|
+
return;
|
|
8300
|
+
}
|
|
8238
8301
|
if (onSwapRole) {
|
|
8239
8302
|
var currentIndex = roleAssignments[role];
|
|
8240
8303
|
onSwapRole(role, currentIndex);
|
|
8241
8304
|
}
|
|
8242
8305
|
}
|
|
8306
|
+
function handleDragStart(e, role) {
|
|
8307
|
+
setDragSourceRole(role);
|
|
8308
|
+
e.dataTransfer.effectAllowed = "move";
|
|
8309
|
+
e.dataTransfer.setData("text/plain", role);
|
|
8310
|
+
}
|
|
8311
|
+
function handleDragOver(e, role) {
|
|
8312
|
+
e.preventDefault();
|
|
8313
|
+
e.dataTransfer.dropEffect = "move";
|
|
8314
|
+
if (role !== dragSourceRole) {
|
|
8315
|
+
setDragOverRole(role);
|
|
8316
|
+
}
|
|
8317
|
+
}
|
|
8318
|
+
function handleDragLeave(e, role) {
|
|
8319
|
+
if (dragOverRole === role) {
|
|
8320
|
+
setDragOverRole(null);
|
|
8321
|
+
}
|
|
8322
|
+
}
|
|
8323
|
+
function handleDrop(e, targetRole) {
|
|
8324
|
+
e.preventDefault();
|
|
8325
|
+
setDragOverRole(null);
|
|
8326
|
+
var sourceRole = dragSourceRole;
|
|
8327
|
+
setDragSourceRole(null);
|
|
8328
|
+
if (sourceRole && sourceRole !== targetRole && onReorderRoles) {
|
|
8329
|
+
onReorderRoles(sourceRole, targetRole);
|
|
8330
|
+
}
|
|
8331
|
+
}
|
|
8332
|
+
function handleDragEnd() {
|
|
8333
|
+
setDragSourceRole(null);
|
|
8334
|
+
setDragOverRole(null);
|
|
8335
|
+
}
|
|
8336
|
+
function handleKeyDown(e, role, index) {
|
|
8337
|
+
switch (e.key) {
|
|
8338
|
+
case "ArrowRight":
|
|
8339
|
+
case "ArrowDown":
|
|
8340
|
+
{
|
|
8341
|
+
var _swatchRefs$current$a;
|
|
8342
|
+
e.preventDefault();
|
|
8343
|
+
var nextIndex = (index + 1) % activeRoles.length;
|
|
8344
|
+
setFocusedIndex(nextIndex);
|
|
8345
|
+
(_swatchRefs$current$a = swatchRefs.current[activeRoles[nextIndex]]) === null || _swatchRefs$current$a === void 0 || _swatchRefs$current$a.focus();
|
|
8346
|
+
break;
|
|
8347
|
+
}
|
|
8348
|
+
case "ArrowLeft":
|
|
8349
|
+
case "ArrowUp":
|
|
8350
|
+
{
|
|
8351
|
+
var _swatchRefs$current$a2;
|
|
8352
|
+
e.preventDefault();
|
|
8353
|
+
var prevIndex = (index - 1 + activeRoles.length) % activeRoles.length;
|
|
8354
|
+
setFocusedIndex(prevIndex);
|
|
8355
|
+
(_swatchRefs$current$a2 = swatchRefs.current[activeRoles[prevIndex]]) === null || _swatchRefs$current$a2 === void 0 || _swatchRefs$current$a2.focus();
|
|
8356
|
+
break;
|
|
8357
|
+
}
|
|
8358
|
+
case "Enter":
|
|
8359
|
+
case " ":
|
|
8360
|
+
{
|
|
8361
|
+
e.preventDefault();
|
|
8362
|
+
if (keyboardSelectedRole == null) {
|
|
8363
|
+
// First press: select this swatch for swapping
|
|
8364
|
+
setKeyboardSelectedRole(role);
|
|
8365
|
+
} else if (keyboardSelectedRole === role) {
|
|
8366
|
+
// Same swatch: cancel selection
|
|
8367
|
+
setKeyboardSelectedRole(null);
|
|
8368
|
+
} else {
|
|
8369
|
+
// Different swatch: complete the swap
|
|
8370
|
+
if (onReorderRoles) {
|
|
8371
|
+
onReorderRoles(keyboardSelectedRole, role);
|
|
8372
|
+
}
|
|
8373
|
+
setKeyboardSelectedRole(null);
|
|
8374
|
+
}
|
|
8375
|
+
break;
|
|
8376
|
+
}
|
|
8377
|
+
case "Escape":
|
|
8378
|
+
{
|
|
8379
|
+
e.preventDefault();
|
|
8380
|
+
setKeyboardSelectedRole(null);
|
|
8381
|
+
break;
|
|
8382
|
+
}
|
|
8383
|
+
}
|
|
8384
|
+
}
|
|
8385
|
+
var hasReorder = onReorderRoles != null;
|
|
8386
|
+
var helpText = hasReorder ? "Drag colors to swap roles, or use arrow keys + Enter" : "Click a color to cycle its role assignment";
|
|
8243
8387
|
return /*#__PURE__*/jsxs("div", {
|
|
8244
8388
|
className: "flex flex-col gap-3 ".concat(styles.string || "", " ").concat(className),
|
|
8389
|
+
role: "group",
|
|
8390
|
+
"aria-label": "Color role assignments",
|
|
8245
8391
|
children: [/*#__PURE__*/jsx("span", {
|
|
8246
8392
|
className: "text-sm font-semibold opacity-50",
|
|
8247
8393
|
children: "Color Roles"
|
|
8248
8394
|
}), /*#__PURE__*/jsx("div", {
|
|
8249
8395
|
className: "flex flex-row gap-3",
|
|
8250
|
-
|
|
8396
|
+
role: "listbox",
|
|
8397
|
+
children: activeRoles.map(function (role, index) {
|
|
8251
8398
|
var colorIndex = roleAssignments[role];
|
|
8252
|
-
var color =
|
|
8253
|
-
|
|
8254
|
-
|
|
8255
|
-
|
|
8256
|
-
|
|
8257
|
-
|
|
8258
|
-
|
|
8259
|
-
|
|
8399
|
+
var color = palette[colorIndex];
|
|
8400
|
+
return /*#__PURE__*/jsx("div", {
|
|
8401
|
+
ref: function ref(el) {
|
|
8402
|
+
return swatchRefs.current[role] = el;
|
|
8403
|
+
},
|
|
8404
|
+
children: /*#__PURE__*/jsx(ColorSwatch, {
|
|
8405
|
+
color: color,
|
|
8406
|
+
role: role,
|
|
8407
|
+
onClick: function onClick() {
|
|
8408
|
+
return handleSwatchClick(role);
|
|
8409
|
+
},
|
|
8410
|
+
isDragOver: dragOverRole === role,
|
|
8411
|
+
isDragging: dragSourceRole === role,
|
|
8412
|
+
onDragStart: function onDragStart(e) {
|
|
8413
|
+
return handleDragStart(e, role);
|
|
8414
|
+
},
|
|
8415
|
+
onDragOver: function onDragOver(e) {
|
|
8416
|
+
return handleDragOver(e, role);
|
|
8417
|
+
},
|
|
8418
|
+
onDragLeave: function onDragLeave(e) {
|
|
8419
|
+
return handleDragLeave(e, role);
|
|
8420
|
+
},
|
|
8421
|
+
onDrop: function onDrop(e) {
|
|
8422
|
+
return handleDrop(e, role);
|
|
8423
|
+
},
|
|
8424
|
+
onDragEnd: handleDragEnd,
|
|
8425
|
+
onKeyDown: function onKeyDown(e) {
|
|
8426
|
+
return handleKeyDown(e, role, index);
|
|
8427
|
+
},
|
|
8428
|
+
focused: keyboardSelectedRole === role
|
|
8429
|
+
})
|
|
8260
8430
|
}, role);
|
|
8261
8431
|
})
|
|
8262
|
-
}), onSwapRole && /*#__PURE__*/jsx("span", {
|
|
8432
|
+
}), (onSwapRole || hasReorder) && /*#__PURE__*/jsx("span", {
|
|
8263
8433
|
className: "text-[10px] opacity-30 text-center",
|
|
8264
|
-
children:
|
|
8434
|
+
children: helpText
|
|
8265
8435
|
})]
|
|
8266
8436
|
});
|
|
8267
8437
|
};
|
|
@@ -8440,6 +8610,22 @@ var ThemeFromUrlPane = function ThemeFromUrlPane(_ref) {
|
|
|
8440
8610
|
});
|
|
8441
8611
|
}
|
|
8442
8612
|
}
|
|
8613
|
+
function handleReorderRoles(sourceRole, targetRole) {
|
|
8614
|
+
if (!palette || !roleAssignments) return;
|
|
8615
|
+
|
|
8616
|
+
// Swap the palette indices between the two roles
|
|
8617
|
+
var newAssignments = _objectSpread$1(_objectSpread$1({}, roleAssignments), {}, _defineProperty$1(_defineProperty$1({}, sourceRole, roleAssignments[targetRole]), targetRole, roleAssignments[sourceRole]));
|
|
8618
|
+
setRoleAssignments(newAssignments);
|
|
8619
|
+
setGeneratedTheme(null);
|
|
8620
|
+
|
|
8621
|
+
// Re-map theme with swapped assignments
|
|
8622
|
+
if (onMapToTheme) {
|
|
8623
|
+
onMapToTheme(palette, newAssignments).then(function (theme) {
|
|
8624
|
+
setGeneratedTheme(theme);
|
|
8625
|
+
if (onPreview) onPreview(theme);
|
|
8626
|
+
});
|
|
8627
|
+
}
|
|
8628
|
+
}
|
|
8443
8629
|
function handleGenerate() {
|
|
8444
8630
|
if (!onGenerate || !generatedTheme) return;
|
|
8445
8631
|
var theme = _objectSpread$1(_objectSpread$1({}, generatedTheme), {}, {
|
|
@@ -8522,7 +8708,8 @@ var ThemeFromUrlPane = function ThemeFromUrlPane(_ref) {
|
|
|
8522
8708
|
}), palette && roleAssignments && /*#__PURE__*/jsx(PalettePreviewPane, {
|
|
8523
8709
|
palette: palette,
|
|
8524
8710
|
roleAssignments: roleAssignments,
|
|
8525
|
-
onSwapRole: handleSwapRole
|
|
8711
|
+
onSwapRole: handleSwapRole,
|
|
8712
|
+
onReorderRoles: handleReorderRoles
|
|
8526
8713
|
}), canGenerate && generatedTheme && /*#__PURE__*/jsxs("button", {
|
|
8527
8714
|
type: "button",
|
|
8528
8715
|
onClick: handleGenerate,
|