fictoan-react 1.11.10 → 1.11.11

package/dist/{Heading-CzZKPMtj.js → Heading-hUAww3Qc.js}

@@ -603,7 +603,7 @@ var Card = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     tabIndex: 0
   }, props), children);
 });
-var _excluded$H = ["children", "source", "language", "showCopyButton", "showLineNumbers", "description", "withSyntaxHighlighting", "contentEditable", "onChange"];
+var _excluded$H = ["children", "source", "language", "showCopyButton", "showLineNumbers", "description", "withSyntaxHighlighting", "makeEditable", "onChange"];
 function _extends$I() {
   return _extends$I = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -943,7 +943,7 @@ function _objectWithoutPropertiesLoose$H(r, e) {
   return t;
 }
 var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, source = _ref.source, _ref$language = _ref.language, language = _ref$language === void 0 ? "json" : _ref$language, showCopyButton = _ref.showCopyButton, showLineNumbers = _ref.showLineNumbers, description = _ref.description, _ref$withSyntaxHighli = _ref.withSyntaxHighlighting, withSyntaxHighlighting = _ref$withSyntaxHighli === void 0 ? false : _ref$withSyntaxHighli, _ref$contentEditable = _ref.contentEditable, contentEditable = _ref$contentEditable === void 0 ? false : _ref$contentEditable, onChange = _ref.onChange, props = _objectWithoutProperties$H(_ref, _excluded$H);
+  var children = _ref.children, source = _ref.source, _ref$language = _ref.language, language = _ref$language === void 0 ? "json" : _ref$language, showCopyButton = _ref.showCopyButton, showLineNumbers = _ref.showLineNumbers, description = _ref.description, _ref$withSyntaxHighli = _ref.withSyntaxHighlighting, withSyntaxHighlighting = _ref$withSyntaxHighli === void 0 ? false : _ref$withSyntaxHighli, _ref$makeEditable = _ref.makeEditable, makeEditable = _ref$makeEditable === void 0 ? false : _ref$makeEditable, onChange = _ref.onChange, props = _objectWithoutProperties$H(_ref, _excluded$H);
   var _useState = useState(false), _useState2 = _slicedToArray$d(_useState, 2), isCodeCopied = _useState2[0], setIsCodeCopied = _useState2[1];
   var _useState3 = useState(null), _useState4 = _slicedToArray$d(_useState3, 2), prismModule = _useState4[0], setPrismModule = _useState4[1];
   var _useState5 = useState(withSyntaxHighlighting), _useState6 = _slicedToArray$d(_useState5, 2), isLoading = _useState6[0], setIsLoading = _useState6[1];
@@ -1013,10 +1013,10 @@ var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   var highlightCode = useCallback(function(content) {
     if (!codeElement || !withSyntaxHighlighting || !prismModule) return;
     try {
-      var cursorPosition = contentEditable ? getCursorPosition() : null;
+      var cursorPosition = makeEditable ? getCursorPosition() : null;
       var highlighted = prismModule.highlight(content, prismModule.languages[language] || prismModule.languages.plain, language);
       codeElement.innerHTML = highlighted;
-      if (contentEditable && cursorPosition !== null) {
+      if (makeEditable && cursorPosition !== null) {
         var selection = window.getSelection();
         var newRange = document.createRange();
         var treeWalker = document.createTreeWalker(codeElement, NodeFilter.SHOW_TEXT, null);
@@ -1041,7 +1041,7 @@ var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
         codeElement.textContent = content;
       }
     }
-  }, [language, withSyntaxHighlighting, contentEditable, prismModule, getCursorPosition, codeElement]);
+  }, [language, withSyntaxHighlighting, makeEditable, prismModule, getCursorPosition, codeElement]);
   var handleInput = useCallback(function(event) {
     if (!codeElement) return;
     var content = codeElement.textContent || "";
@@ -1052,12 +1052,12 @@ var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   }, [highlightCode, onChange, codeElement]);
   useEffect(function() {
     var element = codeElement;
-    if (!element || !contentEditable) return;
+    if (!element || !makeEditable) return;
     element.addEventListener("input", handleInput);
     return function() {
       element.removeEventListener("input", handleInput);
     };
-  }, [contentEditable, handleInput, codeElement]);
+  }, [makeEditable, handleInput, codeElement]);
   useEffect(function() {
     if (!codeElement || !prismModule) return;
     highlightCode(initialCode);
@@ -1152,7 +1152,7 @@ var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     }, index + 1);
   }), /* @__PURE__ */ React.createElement("code", {
     ref: setCodeElement,
-    contentEditable,
+    contentEditable: makeEditable,
     suppressContentEditableWarning: true,
     spellCheck: "false",
     className: "language-".concat(language, " ").concat(isLoading ? "is-loading" : "")
@@ -1207,13 +1207,15 @@ var Divider = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   }));
 });
 var useClickOutside = function useClickOutside2(ref, handler) {
-  var memoizedHandler = useCallback(handler, []);
+  var memoizedHandler = useCallback(handler, [handler]);
   useEffect(function() {
     var listener = function listener2(event) {
-      if (!ref.current || ref.current.contains(event.target)) {
+      if (!ref.current || typeof memoizedHandler !== "function") {
         return;
       }
-      memoizedHandler(event);
+      if (!ref.current.contains(event.target)) {
+        memoizedHandler(event);
+      }
     };
     document.addEventListener("mousedown", listener);
     document.addEventListener("touchstart", listener);
@@ -1292,7 +1294,7 @@ function _objectWithoutPropertiesLoose$F(r, e) {
   return t;
 }
 var Drawer = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
-  var children = _ref.children, openWhen = _ref.openWhen, closeWhen = _ref.closeWhen, closeOnClickOutside = _ref.closeOnClickOutside, padding = _ref.padding, position = _ref.position, size = _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);
+  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);
   var _useState = useState(openWhen), _useState2 = _slicedToArray$c(_useState, 2), shouldRender = _useState2[0], setShouldRender = _useState2[1];
   var drawerRef = useRef(null);
   var effectiveRef = ref || drawerRef;
@@ -1328,7 +1330,10 @@ var Drawer = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
       closeDrawer();
     }
   };
-  return shouldRender ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Element, _extends$G({
+  var handleContentClick = function handleContentClick2(e) {
+    e.stopPropagation();
+  };
+  return shouldRender ? /* @__PURE__ */ React.createElement(Element, _extends$G({
     as: "div",
     "data-drawer": true,
     ref: effectiveRef,
@@ -1339,24 +1344,27 @@ var Drawer = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     "aria-modal": "true",
     "aria-label": label || "Drawer",
     tabIndex: -1
-  }, closeOnClickOutside ? {
-    onClick: closeDrawer
-  } : {}, props), openWhen && showOverlay && /* @__PURE__ */ React.createElement(Div, {
+  }, props), openWhen && showOverlay && /* @__PURE__ */ React.createElement(Div, {
     className: "rest-of-page-overlay ".concat(openWhen ? "visible" : ""),
-    "aria-hidden": "true"
-  }), /* @__PURE__ */ React.createElement(Element, {
-    as: "div",
+    "aria-hidden": "true",
+    onClick: closeOnClickOutside ? closeDrawer : void 0
+  }), /* @__PURE__ */ React.createElement(Div, {
+    className: "drawer-wrapper"
+  }, /* @__PURE__ */ React.createElement(Div, {
     className: "drawer-content-wrapper",
     padding,
     bgColor,
     bgColour,
-    role: "document"
-  }, isDismissible && /* @__PURE__ */ React.createElement("button", {
+    role: "document",
+    onClick: handleContentClick
+  }, /* @__PURE__ */ React.createElement(Div, {
+    className: "drawer-inner-content"
+  }, children)), isDismissible && /* @__PURE__ */ React.createElement("button", {
     className: "drawer-dismiss-button",
     onClick: closeDrawer,
     "aria-label": "Close drawer",
     tabIndex: 0
-  }), children))) : null;
+  }))) : null;
 });
 var _excluded$E = ["label", "hideLabel", "htmlFor"];
 function _extends$F() {

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -8,7 +8,7 @@ export interface CodeBlockCustomProps {
     showLineNumbers?: boolean;
     description?: string;
     withSyntaxHighlighting?: boolean;
-    contentEditable?: boolean;
+    makeEditable?: boolean;
     onChange?: (content: string) => void;
 }
 export type CodeBlockElementType = HTMLPreElement;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,OAAO,iBAAiB,CAAC;AAGzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAY1D,MAAM,WAAW,oBAAoB;IACjC,MAAuB,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC3C,QAAuB,CAAC,EAAG,MAAM,CAAC;IAClC,cAAuB,CAAC,EAAG,OAAO,CAAC;IACnC,eAAuB,CAAC,EAAG,OAAO,CAAC;IACnC,WAAuB,CAAC,EAAG,MAAM,CAAC;IAClC,sBAAuB,CAAC,EAAG,OAAO,CAAC;IACnC,eAAuB,CAAC,EAAG,OAAO,CAAC;IACnC,QAAuB,CAAC,EAAG,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAClD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,EAAE,MAAM,oBAAoB,CAAC,GACnG,oBAAoB,CAAC;AAGzB,eAAO,MAAM,SAAS,oKAyQpB,CAAC"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,iBAAiB,CAAC;AAKzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAa1D,MAAM,WAAW,oBAAoB;IACjC,MAAuB,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC3C,QAAuB,CAAC,EAAG,MAAM,CAAC;IAClC,cAAuB,CAAC,EAAG,OAAO,CAAC;IACnC,eAAuB,CAAC,EAAG,OAAO,CAAC;IACnC,WAAuB,CAAC,EAAG,MAAM,CAAC;IAClC,sBAAuB,CAAC,EAAG,OAAO,CAAC;IACnC,YAAuB,CAAC,EAAG,OAAO,CAAC;IACnC,QAAuB,CAAC,EAAG,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAClD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,EAAE,MAAM,oBAAoB,CAAC,GACnG,oBAAoB,CAAC;AAGzB,eAAO,MAAM,SAAS,oKAyQpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAOtE,OAAO,cAAc,CAAC;AAMtB,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGxE,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAgB,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5D,IAAoB,CAAC,EAAG,YAAY,CAAC;IACrC,QAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,SAAoB,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;CAClC;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,8JAgHlB,CAAC"}
+{"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"}

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, 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-CzZKPMtj.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, 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";
 export {
   A as Accordion,
   g as Article,

package/dist/hooks/UseClickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/UseClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAC;AAE1D,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,SAmBlH,CAAC"}
+{"version":3,"file":"UseClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/UseClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAC;AAE1D,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAC/D,KAAM,SAAS,CAAC,CAAC,CAAC,EAAE,SAAU,CAAC,CAAC,EAAG,KAAK,KAAK,IAAI,SAwBpD,CAAC"}