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.
@@ -1225,7 +1225,7 @@ var useClickOutside = function useClickOutside2(ref, handler) {
1225
1225
  };
1226
1226
  }, [ref, memoizedHandler]);
1227
1227
  };
1228
- var _excluded$F = ["children", "openWhen", "closeWhen", "closeOnClickOutside", "padding", "position", "size", "bgColor", "bgColour", "isDismissible", "showOverlay", "label"];
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, closeWhen = _ref.closeWhen, 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);
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 closeWhen === null || closeWhen === void 0 ? void 0 : closeWhen();
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 handleTabChange2(tab) {
5380
- setIsExiting(true);
5381
- setTimeout(function() {
5382
- setIsExiting(false);
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
- }, 120);
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
- handleTabChange(matchingTab);
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
- closeWhen?: () => void;
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":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKxE,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,IAAI,CAAC,EAAG,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAG,OAAO,CAAC;IACpB,SAAS,CAAC,EAAG,MAAM,IAAI,CAAC;IACxB,mBAAmB,CAAC,EAAG,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAG,OAAO,CAAC;IACzB,WAAW,CAAC,EAAG,OAAO,CAAC;IACvB,KAAK,CAAC,EAAG,MAAM,CAAC;CACnB;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
+ {"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;AAiBf,OAAO,gBAAgB,CAAC;AAGxB,OAAO,EAA2D,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAkX1G,eAAO,MAAM,OAAO,kMAkBlB,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":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,YAAY,CAAC;AAGpB,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,0JA+DhB,CAAC"}
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"}
@@ -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-hUAww3Qc.js";
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,