@mindlogic-ai/logician-ui 2.0.0-alpha.13 → 2.0.0-alpha.14

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { __commonJS, Icon, Text, __require, theme_default, __toESM, useTranslate, IconTypes, IconButton, Code, Card, H5, H1, Subtitle, H4, Subtext, Tooltip as Tooltip$1 } from './chunk-4E3NQZID.mjs';
+import { __commonJS, Icon, Text, __require, theme_default, __toESM, useTranslate, IconTypes, IconButton, Code, Card, H5, H1, Subtitle, H4, Subtext, H3, H2, Link, Tooltip as Tooltip$1 } from './chunk-4E3NQZID.mjs';
 export { Card, Code, ExpandingTr, H1, H2, H3, H4, H5, Icon, IconButton, IconTypes, InlineCode, Link, Markdown, SegmentedControl, Subtext, Subtitle, Table, TableContainer, Tbody, Td, Text, Th, Thead, Tooltip, Tr, baseMarkdownComponents } from './chunk-4E3NQZID.mjs';
 import { Avatar as Avatar$1, Badge as Badge$1, Box, Flex, Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1, BreadcrumbLink as BreadcrumbLink$1, useTheme, useToken, Button as Button$1, Checkbox as Checkbox$1, Spinner as Spinner$1, Input, FormControl as FormControl$1, InputGroup, InputLeftElement, InputRightElement, Radio as Radio$1, RadioGroup as RadioGroup$1, Stack, Slider as Slider$1, SliderFilledTrack as SliderFilledTrack$1, SliderMark as SliderMark$1, SliderThumb as SliderThumb$1, SliderTrack as SliderTrack$1, Tag as Tag$1, TagCloseButton as TagCloseButton$1, TagLabel as TagLabel$1, TagLeftIcon as TagLeftIcon$1, TagRightIcon as TagRightIcon$1, forwardRef as forwardRef$1, Textarea as Textarea$1, InputLeftAddon, Accordion as Accordion$1, AccordionButton as AccordionButton$1, AccordionIcon, AccordionItem as AccordionItem$1, Alert as Alert$1, AlertIcon, CloseButton, useBreakpointValue, HStack, ModalOverlay as ModalOverlay$1, Modal as Modal$1, ModalBody as ModalBody$1, ModalCloseButton as ModalCloseButton$1, ModalContent as ModalContent$1, ModalFooter as ModalFooter$1, ModalHeader as ModalHeader$1, Image, Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1, TabPanels as TabPanels$1, Tabs as Tabs$1, Container as Container$1, useToast as useToast$1, Editable, EditablePreview, EditableInput, Tooltip, VStack, Progress, List, FormLabel as FormLabel$1, Portal, Popover, PopoverTrigger, PopoverContent, PopoverArrow, PopoverCloseButton, PopoverBody, ChakraProvider, Grid, MenuButton as MenuButton$1, MenuItem as MenuItem$1, MenuList as MenuList$1, useDisclosure, Switch as Switch$1 } from '@chakra-ui/react';
 export { AccordionPanel, Menu } from '@chakra-ui/react';
@@ -197,7 +197,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment4 = REACT_FRAGMENT_TYPE;
+        var Fragment5 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal4 = REACT_PORTAL_TYPE;
@@ -256,7 +256,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment4;
+        exports.Fragment = Fragment5;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal4;
@@ -468,7 +468,7 @@ var require_factoryWithTypeCheckers = __commonJS({
     function emptyFunctionThatReturnsNull() {
       return null;
     }
-    module.exports = function(isValidElement2, throwOnDirectAccess) {
+    module.exports = function(isValidElement3, throwOnDirectAccess) {
       var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
       var FAUX_ITERATOR_SYMBOL = "@@iterator";
       function getIteratorFn(maybeIterable) {
@@ -596,7 +596,7 @@ var require_factoryWithTypeCheckers = __commonJS({
       function createElementTypeChecker() {
         function validate(props, propName, componentName, location, propFullName) {
           var propValue = props[propName];
-          if (!isValidElement2(propValue)) {
+          if (!isValidElement3(propValue)) {
             var propType = getPropType(propValue);
             return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
           }
@@ -784,7 +784,7 @@ var require_factoryWithTypeCheckers = __commonJS({
             if (Array.isArray(propValue)) {
               return propValue.every(isNode);
             }
-            if (propValue === null || isValidElement2(propValue)) {
+            if (propValue === null || isValidElement3(propValue)) {
               return true;
             }
             var iteratorFn = getIteratorFn(propValue);
@@ -2781,6 +2781,118 @@ User Agent: ${errorInfo.userAgent}`;
     }
   );
 }
+var getTextContent = (node) => {
+  if (typeof node === "string" || typeof node === "number") {
+    return String(node);
+  }
+  if (Array.isArray(node)) {
+    return node.map(getTextContent).join("");
+  }
+  if (isValidElement(node)) {
+    return getTextContent(node.props.children);
+  }
+  return "";
+};
+var truncateReactNode = (node, charLimit, currentLength = 0) => {
+  if (currentLength >= charLimit) {
+    return { truncated: null, length: currentLength };
+  }
+  if (typeof node === "string" || typeof node === "number") {
+    const text = String(node);
+    const remainingChars = charLimit - currentLength;
+    if (text.length <= remainingChars) {
+      return { truncated: node, length: currentLength + text.length };
+    }
+    return {
+      truncated: text.slice(0, remainingChars) + "\u2026",
+      length: charLimit
+    };
+  }
+  if (Array.isArray(node)) {
+    const truncatedChildren = [];
+    let totalLength = currentLength;
+    for (const child of node) {
+      if (totalLength >= charLimit) break;
+      const { truncated, length } = truncateReactNode(
+        child,
+        charLimit,
+        totalLength
+      );
+      if (truncated !== null) {
+        truncatedChildren.push(truncated);
+      }
+      totalLength = length;
+    }
+    return { truncated: truncatedChildren, length: totalLength };
+  }
+  if (isValidElement(node)) {
+    const { truncated: truncatedChildren, length } = truncateReactNode(
+      node.props.children,
+      charLimit,
+      currentLength
+    );
+    if (truncatedChildren === null) {
+      return { truncated: null, length };
+    }
+    return {
+      truncated: {
+        ...node,
+        props: {
+          ...node.props,
+          children: truncatedChildren
+        }
+      },
+      length
+    };
+  }
+  return { truncated: node, length: currentLength };
+};
+var useExpandableText = (children, charLimit = 100) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const textContent = useMemo(() => getTextContent(children), [children]);
+  const isLong = textContent.length > charLimit;
+  const displayText = useMemo(() => {
+    if (isExpanded || !isLong) return children;
+    const { truncated } = truncateReactNode(children, charLimit);
+    return truncated;
+  }, [isExpanded, isLong, children, charLimit]);
+  const handleToggle = useCallback((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setIsExpanded((prev) => !prev);
+  }, []);
+  return { isExpanded, isLong, displayText, handleToggle };
+};
+var TEXT_COMPONENTS = {
+  Text,
+  Subtitle,
+  Subtext,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5
+};
+var ExpandableText = ({
+  charLimit = 100,
+  component = "Text",
+  children,
+  ...rest
+}) => {
+  const translate = useTranslate();
+  const { displayText, isLong, isExpanded, handleToggle } = useExpandableText(
+    children,
+    charLimit
+  );
+  const Component = TEXT_COMPONENTS[component];
+  return /* @__PURE__ */ jsxs(Component, { ...rest, children: [
+    displayText,
+    isLong && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx(Link, { as: "button", onClick: handleToggle, "aria-expanded": isExpanded, children: isExpanded ? translate("see_less") : translate("see_more") })
+    ] })
+  ] });
+};
 var Spinner = forwardRef(
   ({ ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -5671,6 +5783,6 @@ object-assign/index.js:
   *)
 */
 
-export { Accordion, AccordionButton, AccordionItem, Alert, AutosizeTextarea, AutowidthInput, Avatar, Badge, Banner, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, Carousel, CarouselModal, Checkbox, Chip, ChipButton, CodeTabs, Container, CopyableCode, CrossPageToasts, DataField, ErrorFallback, FileInput, FileItem, FileList, FormControl, FormLabel, GuideCue, GuideCueProvider, InfoSprinkle, Input3 as Input, LineGraph, LogicianProvider, MDXEditor, MONTHS, Masonry, MaxLengthIndicator, MenuButton, MenuItem, MenuList, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, MonthPicker, PageLoader, Pagination, PasswordInput, PinInput, ProgressBar, ProgressSegment, RadialProgress_default as RadialProgress, Radio, RadioGroup, RangeDatePicker, SectionLoader, SeeMoreButton, SegmentedProgressBar, Select, SingleDatePicker, Slider, SliderFilledTrack, SliderMark, SliderThumb, SliderTrack, Spinner, Switch, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon, Textarea, Toast, UrlInput, baseStyles as badgeStyles, getContainerWidth, getDateFnsLocale, getDefaultDateFormat, getMonthNames, toastStyles, useCaseStyles, useToast, variantStyles };
+export { Accordion, AccordionButton, AccordionItem, Alert, AutosizeTextarea, AutowidthInput, Avatar, Badge, Banner, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, Carousel, CarouselModal, Checkbox, Chip, ChipButton, CodeTabs, Container, CopyableCode, CrossPageToasts, DataField, ErrorFallback, ExpandableText, FileInput, FileItem, FileList, FormControl, FormLabel, GuideCue, GuideCueProvider, InfoSprinkle, Input3 as Input, LineGraph, LogicianProvider, MDXEditor, MONTHS, Masonry, MaxLengthIndicator, MenuButton, MenuItem, MenuList, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, MonthPicker, PageLoader, Pagination, PasswordInput, PinInput, ProgressBar, ProgressSegment, RadialProgress_default as RadialProgress, Radio, RadioGroup, RangeDatePicker, SectionLoader, SeeMoreButton, SegmentedProgressBar, Select, SingleDatePicker, Slider, SliderFilledTrack, SliderMark, SliderThumb, SliderTrack, Spinner, Switch, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon, Textarea, Toast, UrlInput, baseStyles as badgeStyles, getContainerWidth, getDateFnsLocale, getDefaultDateFormat, getMonthNames, toastStyles, useCaseStyles, useToast, variantStyles };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map