fictoan-react 1.11.7 → 1.11.9-alpha.0

package/dist/{Heading-QR9QSn83.js → Heading-BSjpDrZx.js}

@@ -4228,7 +4228,7 @@ var NotificationItem = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     className: "sr-only"
   }, "Close notification")));
 });
-var _excluded$g = ["children", "allowMultipleSelections", "showTickIcon", "onSelectionChange", "tickPosition"], _excluded2$2 = ["id", "children", "disabled"];
+var _excluded$g = ["children", "allowMultipleSelections", "showTickIcon", "onSelectionChange", "tickPosition", "selectionLimit"], _excluded2$2 = ["id", "children", "disabled"];
 function _extends$g() {
   return _extends$g = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -4261,8 +4261,10 @@ function _iterableToArrayLimit$5(r, l) {
   if (null != t) {
     var e, n, i, u, a = [], f = true, o = false;
     try {
-      if (i = (t = t.call(r)).next, 0 === l) ;
-      else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = false;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
     } catch (r2) {
       o = true, n = r2;
     } finally {
@@ -4303,12 +4305,27 @@ var OptionCardsContext = /* @__PURE__ */ createContext({
   toggleSelection: function toggleSelection() {
   },
   showTickIcon: false,
-  tickPosition: "top-right"
+  tickPosition: "top-right",
+  selectAllOptions: function selectAllOptions() {
+  },
+  clearAllOptions: function clearAllOptions() {
+  },
+  registerOption: function registerOption() {
+  },
+  unregisterOption: function unregisterOption() {
+  }
 });
-var OptionCardsGroup = function OptionCardsGroup2(_ref) {
-  var children = _ref.children, _ref$allowMultipleSel = _ref.allowMultipleSelections, allowMultipleSelections = _ref$allowMultipleSel === void 0 ? false : _ref$allowMultipleSel, showTickIcon = _ref.showTickIcon, onSelectionChange = _ref.onSelectionChange, _ref$tickPosition = _ref.tickPosition, tickPosition = _ref$tickPosition === void 0 ? "top-right" : _ref$tickPosition;
+var OptionCardsGroup = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
+  var children = _ref.children, _ref$allowMultipleSel = _ref.allowMultipleSelections, allowMultipleSelections = _ref$allowMultipleSel === void 0 ? false : _ref$allowMultipleSel, showTickIcon = _ref.showTickIcon, onSelectionChange = _ref.onSelectionChange, _ref$tickPosition = _ref.tickPosition, tickPosition = _ref$tickPosition === void 0 ? "top-right" : _ref$tickPosition, selectionLimit = _ref.selectionLimit;
   _objectWithoutProperties$g(_ref, _excluded$g);
   var _useState = useState(/* @__PURE__ */ new Set()), _useState2 = _slicedToArray$5(_useState, 2), selectedIds = _useState2[0], setSelectedIds = _useState2[1];
+  var availableOptionsRef = useRef(/* @__PURE__ */ new Map());
+  var registerOption2 = useCallback(function(id, disabled) {
+    availableOptionsRef.current.set(id, disabled);
+  }, []);
+  var unregisterOption2 = useCallback(function(id) {
+    availableOptionsRef.current["delete"](id);
+  }, []);
   var toggleSelection2 = useCallback(function(id) {
     setSelectedIds(function(prevSelectedIds) {
       var newSelectedIds = new Set(prevSelectedIds);
@@ -4316,6 +4333,9 @@ var OptionCardsGroup = function OptionCardsGroup2(_ref) {
         if (newSelectedIds.has(id)) {
           newSelectedIds["delete"](id);
         } else {
+          if (selectionLimit && newSelectedIds.size >= selectionLimit) {
+            return prevSelectedIds;
+          }
           newSelectedIds.add(id);
         }
       } else {
@@ -4329,22 +4349,58 @@ var OptionCardsGroup = function OptionCardsGroup2(_ref) {
       onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSelectedIds);
       return newSelectedIds;
     });
-  }, [allowMultipleSelections, onSelectionChange]);
+  }, [allowMultipleSelections, onSelectionChange, selectionLimit]);
+  var selectAllOptions2 = useCallback(function() {
+    if (!allowMultipleSelections) return;
+    setSelectedIds(function(prevSelectedIds) {
+      var newSelectedIds = new Set(prevSelectedIds);
+      var enabledOptions = Array.from(availableOptionsRef.current.entries()).filter(function(_ref2) {
+        var _ref3 = _slicedToArray$5(_ref2, 2);
+        _ref3[0];
+        var disabled = _ref3[1];
+        return !disabled;
+      }).map(function(_ref4) {
+        var _ref5 = _slicedToArray$5(_ref4, 1), id = _ref5[0];
+        return id;
+      });
+      var optionsToAdd = selectionLimit ? enabledOptions.slice(0, selectionLimit) : enabledOptions;
+      optionsToAdd.forEach(function(id) {
+        return newSelectedIds.add(id);
+      });
+      onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSelectedIds);
+      return newSelectedIds;
+    });
+  }, [allowMultipleSelections, selectionLimit, onSelectionChange]);
+  var clearAllOptions2 = useCallback(function() {
+    setSelectedIds(/* @__PURE__ */ new Set());
+    onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(/* @__PURE__ */ new Set());
+  }, [onSelectionChange]);
   var isSelected2 = useCallback(function(id) {
     return selectedIds.has(id);
   }, [selectedIds]);
+  React.useImperativeHandle(ref, function() {
+    return {
+      selectAllOptions: selectAllOptions2,
+      clearAllOptions: clearAllOptions2
+    };
+  });
+  var contextValue = {
+    isSelected: isSelected2,
+    toggleSelection: toggleSelection2,
+    showTickIcon,
+    tickPosition,
+    selectAllOptions: selectAllOptions2,
+    clearAllOptions: clearAllOptions2,
+    registerOption: registerOption2,
+    unregisterOption: unregisterOption2
+  };
   return /* @__PURE__ */ React.createElement(OptionCardsContext.Provider, {
-    value: {
-      isSelected: isSelected2,
-      toggleSelection: toggleSelection2,
-      showTickIcon,
-      tickPosition
-    }
+    value: contextValue
   }, /* @__PURE__ */ React.createElement(Div, {
     "data-option-cards-group": true,
     className: "tick-".concat(tickPosition)
   }, children));
-};
+});
 var useOptionCard = function useOptionCard2(id) {
   var context = useContext(OptionCardsContext);
   return {
@@ -4355,13 +4411,19 @@ var useOptionCard = function useOptionCard2(id) {
     showTickIcon: context.showTickIcon
   };
 };
-var OptionCard = function OptionCard2(_ref2) {
-  var id = _ref2.id, children = _ref2.children, _ref2$disabled = _ref2.disabled, disabled = _ref2$disabled === void 0 ? false : _ref2$disabled, props = _objectWithoutProperties$g(_ref2, _excluded2$2);
-  var _useOptionCard = useOptionCard(id), isSelected2 = _useOptionCard.isSelected, toggleSelection2 = _useOptionCard.toggleSelection, showTickIcon = _useOptionCard.showTickIcon;
+var OptionCard = function OptionCard2(_ref6) {
+  var id = _ref6.id, children = _ref6.children, _ref6$disabled = _ref6.disabled, disabled = _ref6$disabled === void 0 ? false : _ref6$disabled, props = _objectWithoutProperties$g(_ref6, _excluded2$2);
+  var _useContext2 = useContext(OptionCardsContext), isSelected2 = _useContext2.isSelected, toggleSelection2 = _useContext2.toggleSelection, showTickIcon = _useContext2.showTickIcon, registerOption2 = _useContext2.registerOption, unregisterOption2 = _useContext2.unregisterOption;
   var _useState3 = useState(false), _useState4 = _slicedToArray$5(_useState3, 2), showDeselect = _useState4[0], setShowDeselect = _useState4[1];
   var _useState5 = useState(true), _useState6 = _slicedToArray$5(_useState5, 2), isInitialHover = _useState6[0], setIsInitialHover = _useState6[1];
+  React.useEffect(function() {
+    registerOption2(id, disabled);
+    return function() {
+      return unregisterOption2(id);
+    };
+  }, [id, disabled, registerOption2, unregisterOption2]);
   var classNames = [];
-  if (isSelected2) {
+  if (isSelected2(id)) {
     classNames.push("selected");
   }
   if (disabled) {
@@ -4371,7 +4433,7 @@ var OptionCard = function OptionCard2(_ref2) {
     classNames.push("show-deselect");
   }
   var handleMouseEnter = function handleMouseEnter2() {
-    if (isSelected2 && !isInitialHover) {
+    if (isSelected2(id) && !isInitialHover) {
       setShowDeselect(true);
     }
   };
@@ -4384,7 +4446,7 @@ var OptionCard = function OptionCard2(_ref2) {
       var _props$onClick;
       setIsInitialHover(true);
       setShowDeselect(false);
-      toggleSelection2();
+      toggleSelection2(id);
       (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
     }
   };
@@ -4393,7 +4455,7 @@ var OptionCard = function OptionCard2(_ref2) {
       e.preventDefault();
       setIsInitialHover(true);
       setShowDeselect(false);
-      toggleSelection2();
+      toggleSelection2(id);
     }
   };
   return /* @__PURE__ */ React.createElement(Element, _extends$g({
@@ -4402,7 +4464,7 @@ var OptionCard = function OptionCard2(_ref2) {
     role: "button",
     tabIndex: disabled ? -1 : 0,
     "aria-disabled": disabled ? "true" : "false",
-    "aria-selected": isSelected2 ? "true" : "false",
+    "aria-selected": isSelected2(id) ? "true" : "false",
     classNames,
     onClick: handleClick,
     onKeyDown: handleKeyDown,

package/dist/components/OptionCard/OptionCard.d.ts

@@ -8,17 +8,26 @@ export interface OptionCardsProviderProps {
     showTickIcon?: boolean;
     tickPosition?: TickPosition;
     onSelectionChange?: (selectedIds: Set<string>) => void;
+    selectionLimit?: number;
 }
 export interface OptionCardProps extends CardProps {
     id: string;
     children: ReactNode;
     disabled?: boolean;
 }
-export declare const OptionCardsGroup: React.FC<OptionCardsProviderProps>;
+export interface OptionCardsGroupRef {
+    selectAllOptions: () => void;
+    clearAllOptions: () => void;
+}
+export declare const OptionCardsGroup: React.ForwardRefExoticComponent<OptionCardsProviderProps & React.RefAttributes<OptionCardsGroupRef>>;
 export declare const useOptionCard: (id: string) => {
     isSelected: boolean;
     toggleSelection: () => void;
     showTickIcon: boolean | undefined;
 };
+export declare const useOptionCards: () => {
+    selectAllOptions: (() => void) | undefined;
+    clearAllOptions: (() => void) | undefined;
+};
 export declare const OptionCard: React.FC<OptionCardProps>;
 //# sourceMappingURL=OptionCard.d.ts.map

package/dist/components/OptionCard/OptionCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionCard.d.ts","sourceRoot":"","sources":["../../../src/components/OptionCard/OptionCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAe,MAAM,OAAO,CAAC;AAK3F,OAAO,EAAyB,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,mBAAmB,CAAC;AAG3B,MAAM,MAAM,YAAY,GAClB,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,aAAa,GACb,aAAa,GACb,cAAc,GACd,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,eAAe,GACf,QAAQ,GACR,QAAQ,CAAA;AAEd,MAAM,WAAW,wBAAwB;IACrC,QAAQ,EAAoB,SAAS,CAAC;IACtC,uBAAwB,CAAC,EAAG,OAAO,CAAC;IACpC,YAAwB,CAAC,EAAG,OAAO,CAAC;IACpC,YAAwB,CAAC,EAAG,YAAY,CAAC;IACzC,iBAAwB,CAAC,EAAG,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAClE;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAC9C,EAAE,EAAW,MAAM,CAAC;IACpB,QAAQ,EAAK,SAAS,CAAC;IACvB,QAAS,CAAC,EAAG,OAAO,CAAC;CACxB;AAeD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6C/D,CAAC;AAEF,eAAO,MAAM,aAAa,OAAQ,MAAM;;;;CAOvC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+EhD,CAAC"}
+{"version":3,"file":"OptionCard.d.ts","sourceRoot":"","sources":["../../../src/components/OptionCard/OptionCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAuB,MAAM,OAAO,CAAC;AAKnG,OAAO,EAAyB,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,mBAAmB,CAAC;AAG3B,MAAM,MAAM,YAAY,GAClB,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,aAAa,GACb,aAAa,GACb,cAAc,GACd,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,eAAe,GACf,QAAQ,GACR,QAAQ,CAAA;AAEd,MAAM,WAAW,wBAAwB;IACrC,QAAQ,EAAoB,SAAS,CAAC;IACtC,uBAAwB,CAAC,EAAG,OAAO,CAAC;IACpC,YAAwB,CAAC,EAAG,OAAO,CAAC;IACpC,YAAwB,CAAC,EAAG,YAAY,CAAC;IACzC,iBAAwB,CAAC,EAAG,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC/D,cAAwB,CAAC,EAAG,MAAM,CAAC;CACtC;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAC9C,EAAE,EAAW,MAAM,CAAC;IACpB,QAAQ,EAAK,SAAS,CAAC;IACvB,QAAS,CAAC,EAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B;AAyBD,eAAO,MAAM,gBAAgB,sGAwG5B,CAAC;AAEF,eAAO,MAAM,aAAa,OAAQ,MAAM;;;;CAOvC,CAAC;AAEF,eAAO,MAAM,cAAc;6BArII,IAAI;4BACJ,IAAI;CAuIlC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqFhD,CAAC"}

package/dist/components/index.js

@@ -1,6 +1,6 @@
 "use client";
 "use client;";
-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, y, M, z, G, N, K, J, W, X, O, P, Q, U, r, R, x, w, V, S, p, a1, $, a0, Z, a2, a3, j, a4, u, v, a5, a6, ai, T, a7, aa, a9, ab, Y, a8 } from "../Heading-QR9QSn83.js";
+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, y, M, z, G, N, K, J, W, X, O, P, Q, U, r, R, x, w, V, S, p, a1, $, a0, Z, a2, a3, j, a4, u, v, a5, a6, ai, T, a7, aa, a9, ab, Y, a8 } from "../Heading-BSjpDrZx.js";
 export {
   A as Accordion,
   g as Article,