fictoan-react 1.11.11 → 1.11.13
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/{Heading-hUAww3Qc.js → Heading-CprgCW_q.js} +20 -14
- package/dist/components/Drawer/Drawer.d.ts +1 -1
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Form/ListBox/ListBox.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -2
|
@@ -1225,7 +1225,7 @@ var useClickOutside = function useClickOutside2(ref, handler) {
|
|
|
1225
1225
|
};
|
|
1226
1226
|
}, [ref, memoizedHandler]);
|
|
1227
1227
|
};
|
|
1228
|
-
var _excluded$F = ["children", "openWhen", "
|
|
1228
|
+
var _excluded$F = ["children", "openWhen", "closeUsing", "closeOnClickOutside", "padding", "position", "size", "bgColor", "bgColour", "isDismissible", "showOverlay", "label"];
|
|
1229
1229
|
function _extends$G() {
|
|
1230
1230
|
return _extends$G = Object.assign ? Object.assign.bind() : function(n) {
|
|
1231
1231
|
for (var e = 1; e < arguments.length; e++) {
|
|
@@ -1294,7 +1294,7 @@ function _objectWithoutPropertiesLoose$F(r, e) {
|
|
|
1294
1294
|
return t;
|
|
1295
1295
|
}
|
|
1296
1296
|
var Drawer = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
|
|
1297
|
-
var children = _ref.children, openWhen = _ref.openWhen,
|
|
1297
|
+
var children = _ref.children, openWhen = _ref.openWhen, closeUsing = _ref.closeUsing, closeOnClickOutside = _ref.closeOnClickOutside, padding = _ref.padding, position = _ref.position, _ref$size = _ref.size, size = _ref$size === void 0 ? "medium" : _ref$size, bgColor = _ref.bgColor, bgColour = _ref.bgColour, _ref$isDismissible = _ref.isDismissible, isDismissible = _ref$isDismissible === void 0 ? true : _ref$isDismissible, _ref$showOverlay = _ref.showOverlay, showOverlay = _ref$showOverlay === void 0 ? false : _ref$showOverlay, label = _ref.label, props = _objectWithoutProperties$F(_ref, _excluded$F);
|
|
1298
1298
|
var _useState = useState(openWhen), _useState2 = _slicedToArray$c(_useState, 2), shouldRender = _useState2[0], setShouldRender = _useState2[1];
|
|
1299
1299
|
var drawerRef = useRef(null);
|
|
1300
1300
|
var effectiveRef = ref || drawerRef;
|
|
@@ -1321,7 +1321,7 @@ var Drawer = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
|
|
|
1321
1321
|
classNames.push(size);
|
|
1322
1322
|
}
|
|
1323
1323
|
var closeDrawer = function closeDrawer2() {
|
|
1324
|
-
return
|
|
1324
|
+
return closeUsing === null || closeUsing === void 0 ? void 0 : closeUsing();
|
|
1325
1325
|
};
|
|
1326
1326
|
useClickOutside(effectiveRef, closeOnClickOutside ? closeDrawer : function() {
|
|
1327
1327
|
});
|
|
@@ -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));
|
|
@@ -5,7 +5,7 @@ export interface DrawerCustomProps {
|
|
|
5
5
|
position: "top" | "right" | "bottom" | "left";
|
|
6
6
|
size?: SpacingTypes;
|
|
7
7
|
openWhen?: boolean;
|
|
8
|
-
|
|
8
|
+
closeUsing?: () => void;
|
|
9
9
|
closeOnClickOutside?: boolean;
|
|
10
10
|
isDismissible?: boolean;
|
|
11
11
|
showOverlay?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAMtE,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIxE,MAAM,WAAW,iBAAiB;IAC1B,QAAQ,EAAgB,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5D,IAAoB,CAAC,EAAG,YAAY,CAAC;IACrC,QAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,UAAoB,CAAC,EAAG,MAAM,IAAI,CAAC;IACnC,mBAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,aAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,WAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,KAAoB,CAAC,EAAG,MAAM,CAAC;CACtC;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAC/C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,EAAE,MAAM,iBAAiB,CAAC,GAAG,iBAAiB,CAAC;AAGnH,eAAO,MAAM,MAAM,8JAyHlB,CAAC"}
|
|
@@ -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-CprgCW_q.js";
|
|
4
4
|
export {
|
|
5
5
|
A as Accordion,
|
|
6
6
|
g as Article,
|