fictoan-react 1.11.11 → 1.11.12
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.
|
@@ -2984,6 +2984,7 @@ var ListBoxWithOptions = function ListBoxWithOptions2(_ref) {
|
|
|
2984
2984
|
}
|
|
2985
2985
|
}, [activeIndex]);
|
|
2986
2986
|
return (
|
|
2987
|
+
// TODO: margin props should work at the parent level, not input box level
|
|
2987
2988
|
// PARENT //////////////////////////////////////////////////////////////////////////////////////////////////////
|
|
2988
2989
|
/* @__PURE__ */ React.createElement(Element, _extends$o({
|
|
2989
2990
|
as: "div",
|
|
@@ -3016,7 +3017,7 @@ var ListBoxWithOptions = function ListBoxWithOptions2(_ref) {
|
|
|
3016
3017
|
shape: "rounded",
|
|
3017
3018
|
bgColour: badgeBgColour || badgeBgColor,
|
|
3018
3019
|
textColour: badgeTextColour || badgeTextColor
|
|
3019
|
-
}, option.label);
|
|
3020
|
+
}, /* @__PURE__ */ React.createElement(Text, null, option.label));
|
|
3020
3021
|
})), selectionLimit && selectedOptions.length >= selectionLimit && /* @__PURE__ */ React.createElement(Text, {
|
|
3021
3022
|
className: "options-limit-warning",
|
|
3022
3023
|
textColour: "red",
|
|
@@ -5376,27 +5377,32 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
|
|
|
5376
5377
|
var defaultTabIndex = index > -1 ? index : 0;
|
|
5377
5378
|
var _React$useState = React.useState(tabs.length > 0 ? tabs[defaultTabIndex] : void 0), _React$useState2 = _slicedToArray$3(_React$useState, 2), activeTab = _React$useState2[0], setActiveTab = _React$useState2[1];
|
|
5378
5379
|
var _React$useState3 = React.useState(false), _React$useState4 = _slicedToArray$3(_React$useState3, 2), isExiting = _React$useState4[0], setIsExiting = _React$useState4[1];
|
|
5379
|
-
var handleTabChange = function
|
|
5380
|
-
|
|
5381
|
-
|
|
5382
|
-
setIsExiting(
|
|
5380
|
+
var handleTabChange = useCallback(function(tab) {
|
|
5381
|
+
var animate = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
|
|
5382
|
+
if (animate && (activeTab === null || activeTab === void 0 ? void 0 : activeTab.key) !== tab.key) {
|
|
5383
|
+
setIsExiting(true);
|
|
5384
|
+
setTimeout(function() {
|
|
5385
|
+
setIsExiting(false);
|
|
5386
|
+
setActiveTab(tab);
|
|
5387
|
+
}, 120);
|
|
5388
|
+
} else {
|
|
5383
5389
|
setActiveTab(tab);
|
|
5384
|
-
}
|
|
5385
|
-
};
|
|
5390
|
+
}
|
|
5391
|
+
}, [activeTab === null || activeTab === void 0 ? void 0 : activeTab.key]);
|
|
5386
5392
|
useEffect(function() {
|
|
5387
5393
|
if (tabs.length > 0) {
|
|
5388
5394
|
var matchingTab = tabs.find(function(tab) {
|
|
5389
5395
|
return tab.key === (activeTab === null || activeTab === void 0 ? void 0 : activeTab.key);
|
|
5390
5396
|
});
|
|
5391
5397
|
if (matchingTab) {
|
|
5392
|
-
|
|
5398
|
+
setActiveTab(matchingTab);
|
|
5393
5399
|
} else {
|
|
5394
|
-
handleTabChange(tabs[0]);
|
|
5400
|
+
handleTabChange(tabs[0], false);
|
|
5395
5401
|
}
|
|
5396
5402
|
} else {
|
|
5397
5403
|
setActiveTab(void 0);
|
|
5398
5404
|
}
|
|
5399
|
-
}, [tabs]);
|
|
5405
|
+
}, [tabs, activeTab === null || activeTab === void 0 ? void 0 : activeTab.key]);
|
|
5400
5406
|
return /* @__PURE__ */ React.createElement(Element, _extends$5({
|
|
5401
5407
|
as: "div",
|
|
5402
5408
|
"data-tabs": true,
|
|
@@ -5411,7 +5417,7 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
|
|
|
5411
5417
|
}, /* @__PURE__ */ React.createElement(Text, {
|
|
5412
5418
|
className: "tab-label is-clickable ".concat(tab.key === activeTab.key ? "is-active" : "", " ").concat(tab.hasAlert ? "has-alert" : ""),
|
|
5413
5419
|
onClick: function onClick() {
|
|
5414
|
-
return handleTabChange(tab);
|
|
5420
|
+
return handleTabChange(tab, true);
|
|
5415
5421
|
},
|
|
5416
5422
|
marginBottom: "none"
|
|
5417
5423
|
}, tab.label));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/ListBox/ListBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/ListBox/ListBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,gBAAgB,CAAC;AAQxB,OAAO,EAA2D,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAsX1G,eAAO,MAAM,OAAO,kMAkBlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,YAAY,CAAC;AAGpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAM1D,UAAU,OAAO;IACb,GAAG,EAAU,MAAM,CAAC;IACpB,KAAK,EAAQ,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAM,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAS,CAAC,EAAG,OAAO,CAAC;CACxB;AAGD,MAAM,WAAW,eAAe;IAC5B,IAAI,EAA4B,OAAO,EAAE,CAAC;IAC1C,gFAAgF;IAChF,2BAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,gBAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,KAA4B,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC1E;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,eAAe,CAAC,GAAG,eAAe,CAAC;AAE3G,eAAO,MAAM,IAAI,0JAuEhB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client;";
|
|
3
|
-
import { A, g, h, B, i, b, a, C, c, s, t, d, _, f, e, D, E, q, F, l, m, n, H, ac, ad, ae, af, ag, ah, k, I, o, L, M, y, z, N, J, G, V, W, K, P, O, Q, r, R, x, w, U, S, p, a1, $, a0, Z, a2, a3, j, a4, u, v, a5, a6, ai, T, a7, aa, a9, ab, X, Y, a8 } from "../Heading-
|
|
3
|
+
import { A, g, h, B, i, b, a, C, c, s, t, d, _, f, e, D, E, q, F, l, m, n, H, ac, ad, ae, af, ag, ah, k, I, o, L, M, y, z, N, J, G, V, W, K, P, O, Q, r, R, x, w, U, S, p, a1, $, a0, Z, a2, a3, j, a4, u, v, a5, a6, ai, T, a7, aa, a9, ab, X, Y, a8 } from "../Heading-rqGgiuKe.js";
|
|
4
4
|
export {
|
|
5
5
|
A as Accordion,
|
|
6
6
|
g as Article,
|