@parrot-co/parrot-ui 0.0.96 → 0.0.98

package/dist/main.js

@@ -1726,11 +1726,13 @@ const $71fcf48f7e2e9427$export$f8afaea2e9656b91 = /*#__PURE__*/ $8zHUo$react.for
                 })
             }),
             showIndicator && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
-                className: "p-fake-radio",
+                className: "p-radio-card-indicator p-fake-radio",
                 "data-size": "sm",
                 "data-checked": inputProps.checked
             }),
             /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
+                stretchX: true,
+                className: "p-radio-card-content",
                 stack: true,
                 gap: "xs",
                 children: [
@@ -1811,7 +1813,7 @@ $cfadb0728cf907ff$export$3288d34c523a1192.displayName = "Tag";
 
 
 
-function $e37831ebf64d8e7d$export$ef9b1a59e592288f({ label: label, selectionMode: selectionMode = "single", appearance: appearance = "outline", renderValue: renderValue, color: color = "gray", error: error, description: description, size: size = "sm", radius: radius, listBoxColor: listBoxColor, className: className, value: value, defaultValue: defaultValue, onChange: onChange, ...props }) {
+function $e37831ebf64d8e7d$export$ef9b1a59e592288f({ label: label, selectionMode: selectionMode = "single", appearance: appearance = "outline", renderValue: renderValue, color: color = "gray", error: error, description: description, size: size = "sm", radius: radius, listBoxColor: listBoxColor, className: className, value: value, defaultValue: defaultValue, onChange: onChange, style: style, ...props }) {
     const isMultiple = selectionMode === "multiple";
     function getValue(value) {
         if (!value) return null;
@@ -1830,7 +1832,6 @@ function $e37831ebf64d8e7d$export$ef9b1a59e592288f({ label: label, selectionMode
         });
     }
     const space = (0, $eae337549f49a5a2$export$450c36e0b0e62ccd)();
-    const [isFocused, setIsFocused] = $8zHUo$react.useState(false);
     const triggerState = (0, $8zHUo$reactstately.useMenuTriggerState)({});
     const listState = (0, $8zHUo$reactstately.useListState)({
         ...props,
@@ -1879,29 +1880,11 @@ function $e37831ebf64d8e7d$export$ef9b1a59e592288f({ label: label, selectionMode
         });
     }
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $eb8f27c3596a0e6b$export$e71c4d32a2263218), {
+        style: style,
         as: "span",
         position: "relative",
         stretchX: true,
         children: [
-            selectionMode === "single" && // Implement a hidden select element to allow for native form submission
-            // should work for both single and multiple selection modes
-            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $8zHUo$reactaria.HiddenSelect), {
-                triggerRef: triggerRef,
-                label: label,
-                name: props.name,
-                state: {
-                    selectedItem: selectedItems[0],
-                    selectedKey: selectedItems[0]?.key,
-                    setSelectedKey: (key)=>listState.selectionManager.setSelectedKeys([
-                            key
-                        ]),
-                    isFocused: isFocused,
-                    setFocused: setIsFocused,
-                    ...listState,
-                    ...triggerState
-                },
-                isDisabled: props.isDisabled
-            }),
             /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
                 "data-radius": radius ?? theme?.radius ?? "lg",
                 gap: "3xs",
@@ -2076,6 +2059,20 @@ function $9bce4a3d5b18599c$export$b4085f3d3ede4716(array, keys) {
 }
 
 
+const $284d30e280d297d3$var$monthsByIndex = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "Septemper",
+    "October",
+    "November",
+    "December"
+];
 const $284d30e280d297d3$export$e1aef45b828286de = /*#__PURE__*/ $8zHUo$react.forwardRef(({ numberOfMonths: numberOfMonths = 1, color: color, ...props }, ref)=>{
     const { locale: locale } = (0, $8zHUo$reactaria.useLocale)();
     const state = (0, $8zHUo$reactstately.useCalendarState)({
@@ -2087,6 +2084,25 @@ const $284d30e280d297d3$export$e1aef45b828286de = /*#__PURE__*/ $8zHUo$react.for
         }
     });
     const { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, title: title } = (0, $8zHUo$reactaria.useCalendar)(props, state);
+    console.log(state);
+    // function onMonthChange(month: string) {
+    //   state.setValue(
+    //     parseDate(
+    //       `${state.value.year}-${month.padStart(2, "0")}-${state.value.day
+    //         .toString()
+    //         .padStart(2, "0")}`
+    //     )
+    //   );
+    // }
+    // function onYearChange(year: string) {
+    //   state.setValue(
+    //     parseDate(
+    //       `${year}-${state.value.month
+    //         .toString()
+    //         .padStart(2, "0")}-${state.value.day.toString().padStart(2, "0")}`
+    //     )
+    //   );
+    // }
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
         "data-color": color,
         inline: true,
@@ -2230,12 +2246,12 @@ const $e0a58c83d4c36e4e$export$7edc06cf1783b30f = /*#__PURE__*/ $8zHUo$react.for
 }), value: value, defaultValue: defaultValue, onChange: onChange, ...props }, ref)=>{
     const space = (0, $eae337549f49a5a2$export$450c36e0b0e62ccd)();
     function proxyOnChange(date) {
-        onChange?.(date.toString(), date);
+        onChange?.(date?.toString(), date);
     }
     const newProps = {
         ...props,
-        value: value ? (0, $8zHUo$internationalizeddate.parseDate)(value) : undefined,
-        defaultValue: defaultValue ? (0, $8zHUo$internationalizeddate.parseDate)(defaultValue) : undefined,
+        value: value ? (0, $8zHUo$internationalizeddate.parseDate)(value) : null,
+        defaultValue: defaultValue ? (0, $8zHUo$internationalizeddate.parseDate)(defaultValue) : null,
         onChange: proxyOnChange
     };
     const state = (0, $8zHUo$reactstately.useDatePickerState)(newProps);