fictoan-react 1.7.2 → 1.8.2

package/dist/components/Element/Element.js

@@ -66,7 +66,6 @@ const Element = React__default.forwardRef(
       weight,
       ...minimalProps
     } = props;
-    const { className: _, classNames: __, ...sanitizedProps } = props;
     return /* @__PURE__ */ React__default.createElement(
       Component,
       {

package/dist/components/Form/ListBox/ListBox.js

@@ -1,6 +1,6 @@
 "use client";
 "use client;";
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useState, useEffect, useRef } from "react";
 import { Div } from "../../Element/Tags.js";
 import { InputField } from "../InputField/InputField.js";
 import { Badge } from "../../Badge/Badge.js";
@@ -14,8 +14,9 @@ const ListBox = React__default.forwardRef(
     label,
     placeholder = "Select an option",
     id,
-    allowMultiSelect = false,
+    defaultValue,
     onChange,
+    allowMultiSelect = false,
     disabled,
     badgeBgColour,
     badgeBgColor,
@@ -26,10 +27,20 @@ const ListBox = React__default.forwardRef(
     ...props
   }, ref) => {
     const [isOpen, setIsOpen] = useState(false);
-    const [selectedOption, setSelectedOption] = useState(null);
     const [selectedOptions, setSelectedOptions] = useState([]);
     const [searchValue, setSearchValue] = useState("");
     const [activeIndex, setActiveIndex] = useState(-1);
+    const [selectedOption, setSelectedOption] = useState(() => {
+      if (defaultValue) {
+        return options.find((opt) => opt.value === defaultValue) || null;
+      }
+      return null;
+    });
+    useEffect(() => {
+      if (defaultValue && onChange) {
+        onChange(defaultValue);
+      }
+    }, []);
     const dropdownRef = useRef();
     const searchInputRef = useRef(null);
     const effectiveRef = ref || dropdownRef;

package/dist/components/OptionCard/OptionCard.js

@@ -1,6 +1,6 @@
 "use client";
 "use client;";
-import React__default, { createContext, useContext, useState, useCallback } from "react";
+import React__default, { createContext, useState, useCallback, useContext } from "react";
 import { Element } from "../Element/Element.js";
 import { Card } from "../Card/Card.js";
 const OptionCardsContext = createContext({

package/dist/components/{ContentWrapper → Sidebar/ContentWrapper}/ContentWrapper.js

@@ -1,7 +1,7 @@
 "use client";
 "use client;";
 import React__default from "react";
-import { Element } from "../Element/Element.js";
+import { Element } from "../../Element/Element.js";
 const ContentWrapper = React__default.forwardRef(
   ({ label, ...props }, ref) => {
     return /* @__PURE__ */ React__default.createElement(

package/dist/components/Sidebar/SidebarFooter/SidebarFooter.js

@@ -2,9 +2,24 @@
 "use client;";
 import React__default from "react";
 import { Element } from "../../Element/Element.js";
-const SidebarFooter = React__default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ React__default.createElement(Element, { as: "footer", "data-sidebar-footer": true, ref, ...props });
-});
+const SidebarFooter = React__default.forwardRef(
+  ({ isSticky, ...props }, ref) => {
+    let classNames = [];
+    if (isSticky) {
+      classNames.push("is-sticky");
+    }
+    return /* @__PURE__ */ React__default.createElement(
+      Element,
+      {
+        as: "footer",
+        "data-sidebar-footer": true,
+        ref,
+        classNames,
+        ...props
+      }
+    );
+  }
+);
 export {
   SidebarFooter
 };

package/dist/components/Sidebar/SidebarHeader/SidebarHeader.js

@@ -8,7 +8,16 @@ const SidebarHeader = React__default.forwardRef(
     if (isSticky) {
       classNames.push("is-sticky");
     }
-    return /* @__PURE__ */ React__default.createElement(Element, { as: "header", "data-sidebar-header": true, ref, classNames, ...props });
+    return /* @__PURE__ */ React__default.createElement(
+      Element,
+      {
+        as: "header",
+        "data-sidebar-header": true,
+        ref,
+        classNames,
+        ...props
+      }
+    );
   }
 );
 export {

package/dist/components/Sidebar/SidebarItem/SidebarItem.js

@@ -2,13 +2,30 @@
 "use client;";
 import React__default from "react";
 import { Element } from "../../Element/Element.js";
+import { Div } from "../../Element/Tags.js";
 const SidebarItem = React__default.forwardRef(
-  ({ hasAlert, ...props }, ref) => {
+  ({ hasAlert, hasEmptyIcon, hasNoIcon, children, ...props }, ref) => {
     let classNames = [];
     if (hasAlert) {
       classNames.push("has-alert");
     }
-    return /* @__PURE__ */ React__default.createElement(Element, { as: "div", "data-sidebar-item": true, ref, classNames, ...props });
+    if (hasEmptyIcon) {
+      classNames.push("has-empty-icon");
+    } else if (hasNoIcon) {
+      classNames.push("has-no-icon");
+    }
+    return /* @__PURE__ */ React__default.createElement(
+      Element,
+      {
+        as: "div",
+        "data-sidebar-item": true,
+        ref,
+        classNames,
+        ...props
+      },
+      hasEmptyIcon && /* @__PURE__ */ React__default.createElement(Div, { className: "empty-icon-wrapper" }),
+      children
+    );
   }
 );
 export {

package/dist/components/Sidebar/index.js

@@ -1,16 +1,14 @@
 "use client";
 "use client;";
 import { SidebarWrapper } from "./SidebarWrapper/SidebarWrapper.js";
+import { ContentWrapper } from "./ContentWrapper/ContentWrapper.js";
 import { SidebarHeader } from "./SidebarHeader/SidebarHeader.js";
 import { SidebarItem } from "./SidebarItem/SidebarItem.js";
-import { SidebarItemIcon } from "./SidebarItemIcon/SidebarItemIcon.js";
-import { SidebarItemText } from "./SidebarItemText/SidebarItemText.js";
 import { SidebarFooter } from "./SidebarFooter/SidebarFooter.js";
 export {
+  ContentWrapper,
   SidebarFooter,
   SidebarHeader,
   SidebarItem,
-  SidebarItemIcon,
-  SidebarItemText,
   SidebarWrapper
 };

package/dist/components/index.js

@@ -9,7 +9,6 @@ import { BreadcrumbItem } from "./Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js";
 import { Callout } from "./Callout/Callout.js";
 import { Card } from "./Card/Card.js";
 import { CodeBlock } from "./CodeBlock/CodeBlock.js";
-import { ContentWrapper } from "./ContentWrapper/ContentWrapper.js";
 import { Divider } from "./Divider/Divider.js";
 import { Element } from "./Element/Element.js";
 import { Article, Aside, Body, Div, Footer, Header, Main, Nav, Section, Span } from "./Element/Tags.js";
@@ -39,10 +38,9 @@ import { ProgressBar } from "./ProgressBar/ProgressBar.js";
 import { Row } from "./Row/Row.js";
 import { OptionCard, OptionCardsGroup, useOptionCard } from "./OptionCard/OptionCard.js";
 import { SidebarWrapper } from "./Sidebar/SidebarWrapper/SidebarWrapper.js";
+import { ContentWrapper } from "./Sidebar/ContentWrapper/ContentWrapper.js";
 import { SidebarHeader } from "./Sidebar/SidebarHeader/SidebarHeader.js";
 import { SidebarItem } from "./Sidebar/SidebarItem/SidebarItem.js";
-import { SidebarItemIcon } from "./Sidebar/SidebarItemIcon/SidebarItemIcon.js";
-import { SidebarItemText } from "./Sidebar/SidebarItemText/SidebarItemText.js";
 import { SidebarFooter } from "./Sidebar/SidebarFooter/SidebarFooter.js";
 import { Skeleton, SkeletonGroup } from "./Skeleton/Skeleton.js";
 import { Spinner } from "./Spinner/Spinner.js";
@@ -109,8 +107,6 @@ export {
   SidebarFooter,
   SidebarHeader,
   SidebarItem,
-  SidebarItemIcon,
-  SidebarItemText,
   SidebarWrapper,
   Skeleton,
   SkeletonGroup,