@parrot-co/parrot-ui 0.1.22 → 0.1.24

package/dist/main.js

@@ -423,6 +423,11 @@ const $8ddcc69383feb36a$export$b4e0e71242920c6a = {
 };
 
 
+function $4af7da5c7dd0b9c2$export$de9bdbce6502b027(name, length = 1) {
+    if (!name || length < 1) return "";
+    if (length == 1) return name.charAt(0);
+    return name.trim().split(/\s+/).slice(0, length).map((c)=>c.charAt(0)).join("");
+}
 function $4af7da5c7dd0b9c2$export$1c4d39b152e0f791(deprecatedProp, newProp, value) {
     if (!(0, $d99c85a751d7ffbd$export$ae45edb09e2fe7c2)(value)) console.warn(`${deprecatedProp} is deprecated and will be removed in a future release. ${newProp ? `Please use ${newProp} instead.` : ""}`);
 }
@@ -657,6 +662,7 @@ function $f2fd0cbe11b7f0dd$export$d8964aec282183a3(props) {
         value: themeProps,
         children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
             id: "parrot-theme-provider",
+            "data-gray-variant": themeProps.grayVariant,
             "data-radius": themeProps.radius,
             "data-color": themeProps.color,
             "data-scaling": scaling,
@@ -1647,12 +1653,15 @@ function $fc43ab93aaa777d9$export$3d7d0414f6db67e7({ children: children, renderO
         if (item?.[sectionKey]) return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $86685406b084d356$export$ef146090a6472d9e), {
             items: sectionChildren,
             title: renderSectionLabel?.(item),
-            children: (item)=>/*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $86685406b084d356$export$5b7f4051a57920d0), {
+            children: (item)=>{
+                return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $86685406b084d356$export$5b7f4051a57920d0), {
                     textValue: item?.[labelKey ?? "label"],
                     children: renderOption?.(item) ?? item?.[labelKey ?? "label"]
-                }, item?.[valueKey ?? "id" ?? "key" ?? "value"])
+                }, item?.[valueKey ?? "id" ?? "key" ?? "value"]);
+            }
         }, value);
         return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $86685406b084d356$export$5b7f4051a57920d0), {
+            "aria-label": label,
             textValue: label,
             children: renderOption?.(item) ?? label
         }, value);
@@ -1847,7 +1856,25 @@ function $dcfc4542aa84c062$var$ListSection({ state: state, section: section }) {
 
 
 
-function $d67a8dc6cbdaa7ed$export$72b9695b8216309a({ description: description, descriptionProps: descriptionProps, error: error, errorMessageProps: errorMessageProps, label: label, labelProps: labelProps, selectorIcon: selectorIcon, selectorSize: selectorSize = "sm", style: style, styles: styles, className: className, classNames: classNames, ...props }) {
+
+function $d67a8dc6cbdaa7ed$export$72b9695b8216309a({ description: description, descriptionProps: descriptionProps, error: error, errorMessageProps: errorMessageProps, label: label, labelProps: labelProps, selectorIcon: selectorIcon, selectorSize: selectorSize = "sm", style: style, styles: styles, className: className, classNames: classNames, isLoading: isLoading, loadData: loadData, loadingIndicator: loadingIndicator = /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $a28e128499dd0b02$export$3b0d6d7590275603), {
+    size: "xs"
+}), ...props }) {
+    let list = null;
+    if (loadData) list = (0, $8zHUo$reactstately.useAsyncList)({
+        async load ({ filterText: filterText }) {
+            const res = await loadData(filterText);
+            return {
+                items: res
+            };
+        }
+    });
+    if (list) {
+        props.items = list.items;
+        props.inputValue = list.filterText;
+        props.onInputChange = list.setFilterText;
+        isLoading = list.isLoading;
+    }
     const { contains: contains } = (0, $8zHUo$reactaria.useFilter)({
         sensitivity: "base"
     });
@@ -1895,7 +1922,7 @@ function $d67a8dc6cbdaa7ed$export$72b9695b8216309a({ description: description, d
                         color: "gray",
                         size: selectorSize,
                         ...buttonProps,
-                        children: selectorIcon
+                        children: isLoading ? loadingIndicator : selectorIcon
                     })
                 ]
             }),
@@ -2661,9 +2688,13 @@ $e0a58c83d4c36e4e$export$7edc06cf1783b30f.displayName = "DateInput";
 
 
 
-const $2fdd5844efb4cca1$export$e2255cf6045e8d47 = /*#__PURE__*/ $8zHUo$react.forwardRef(({ src: src, alt: alt, name: name, color: color, variant: variant = "light", fallback: fallback, children: children, size: size = "md", shape: shape, className: className, radius: radius = "full", classNames: classNames, styles: styles, style: style, ...props }, ref)=>{
+const $2fdd5844efb4cca1$export$e2255cf6045e8d47 = /*#__PURE__*/ $8zHUo$react.forwardRef(({ src: src, alt: alt, name: name, color: color, variant: variant = "light", fallback: fallback, children: children, size: size = "md", shape: shape, className: className, radius: radius = "full", classNames: classNames, styles: styles, style: style, initialsLength: initialsLength = 1, ...props }, ref)=>{
     const [imageError, setImageError] = $8zHUo$react.useState(false);
     const theme = (0, $f2fd0cbe11b7f0dd$export$93d4e7f90805808f)();
+    const initials = $8zHUo$react.useMemo(()=>{
+        if (!name) return "";
+        return (0, $4af7da5c7dd0b9c2$export$de9bdbce6502b027)(name, initialsLength);
+    }, []);
     function getAvatarRadius() {
         (0, $4af7da5c7dd0b9c2$export$1c4d39b152e0f791)("shape", "radius", shape);
         // TODO: remove this when we remove the deprecated shape prop
@@ -2695,7 +2726,7 @@ const $2fdd5844efb4cca1$export$e2255cf6045e8d47 = /*#__PURE__*/ $8zHUo$react.for
                 "avatar-fallback",
                 classNames?.fallback
             ]),
-            children: name.charAt(0)
+            children: initials
         });
         return children;
     };