@prokodo/ui 0.0.26 → 0.0.28

package/dist/node_modules/.pnpm/@mui_base@5.0.0-beta.58_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@mui/base/Select/Select.js

@@ -1,160 +1,189 @@
-import * as t from "react";
-import e from "../../../../../../../_virtual/index.js";
-import { Popup as ne } from "../Unstable_Popup/Popup.js";
-import { getSelectUtilityClass as le } from "./selectClasses.js";
-import { defaultOptionStringifier as se } from "../useSelect/defaultOptionStringifier.js";
-import { useClassNamesOverride as re } from "../utils/ClassNameConfigurator.js";
-import { SelectProvider as ae } from "../useSelect/SelectProvider.js";
-import { jsxs as pe, jsx as n } from "react/jsx-runtime";
-import ie from "../../../../../@mui_utils@6.0.0-rc.0_@types_react@19.1.0_react@19.1.0/node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import { useSelect as ue } from "../useSelect/useSelect.js";
-import P from "../../../../../@mui_utils@6.0.0-rc.0_@types_react@19.1.0_react@19.1.0/node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js";
-import ce from "../../../../../@mui_utils@6.0.0-rc.0_@types_react@19.1.0_react@19.1.0/node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-var R;
-function de(o) {
-  return Array.isArray(o) ? /* @__PURE__ */ n(t.Fragment, {
-    children: o.map((l) => l.label).join(", ")
-  }) : (o == null ? void 0 : o.label) ?? null;
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as React from "react";
+import PropTypes from "../../../../../../../_virtual/index.js";
+import { Popup } from "../Unstable_Popup/Popup.js";
+import { getSelectUtilityClass } from "./selectClasses.js";
+import { defaultOptionStringifier } from "../useSelect/defaultOptionStringifier.js";
+import { useClassNamesOverride } from "../utils/ClassNameConfigurator.js";
+import { SelectProvider } from "../useSelect/SelectProvider.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import useForkRef from "../../../../../@mui_utils@6.0.0-rc.0_@types_react@19.1.0_react@19.1.0/node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
+import { useSelect } from "../useSelect/useSelect.js";
+import useSlotProps from "../../../../../@mui_utils@6.0.0-rc.0_@types_react@19.1.0_react@19.1.0/node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js";
+import composeClasses from "../../../../../@mui_utils@6.0.0-rc.0_@types_react@19.1.0_react@19.1.0/node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+var _span;
+function defaultRenderValue(selectedOptions) {
+  if (Array.isArray(selectedOptions)) {
+    return /* @__PURE__ */ jsx(React.Fragment, {
+      children: selectedOptions.map((o) => o.label).join(", ")
+    });
+  }
+  return (selectedOptions == null ? void 0 : selectedOptions.label) ?? null;
 }
-function fe(o) {
+__name(defaultRenderValue, "defaultRenderValue");
+function useUtilityClasses(ownerState) {
   const {
-    active: l,
-    disabled: r,
-    open: p,
-    focusVisible: i
-  } = o;
-  return ce({
-    root: ["root", r && "disabled", i && "focusVisible", l && "active", p && "expanded"],
-    listbox: ["listbox", r && "disabled"],
+    active,
+    disabled,
+    open,
+    focusVisible
+  } = ownerState;
+  const slots = {
+    root: ["root", disabled && "disabled", focusVisible && "focusVisible", active && "active", open && "expanded"],
+    listbox: ["listbox", disabled && "disabled"],
     popup: ["popup"]
-  }, re(le));
+  };
+  return composeClasses(slots, useClassNamesOverride(getSelectUtilityClass));
 }
-const me = /* @__PURE__ */ t.forwardRef(function(l, r) {
+__name(useUtilityClasses, "useUtilityClasses");
+const Select = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function Select2(props, forwardedRef) {
   const {
-    areOptionsEqual: p,
-    autoComplete: i,
-    autoFocus: u,
-    children: T,
-    defaultValue: N,
-    defaultListboxOpen: h = !1,
-    disabled: F,
-    getSerializedValue: j,
-    listboxId: B,
-    listboxOpen: L,
-    multiple: c = !1,
-    name: A,
-    required: E = !1,
-    onChange: q,
-    onListboxOpenChange: k,
-    getOptionAsString: w = se,
-    renderValue: D,
-    placeholder: I,
-    slotProps: d = {},
-    slots: f = {},
-    value: M,
-    ...z
-  } = l, S = D ?? de, [U, _] = t.useState(!1), m = t.useRef(null), H = t.useRef(null), y = f.root ?? "button", v = f.listbox ?? "ul", C = f.popup ?? "div", G = t.useCallback((s) => {
-    _(s != null);
-  }, []), J = ie(r, m, G);
-  t.useEffect(() => {
-    u && m.current.focus();
-  }, [u]);
+    areOptionsEqual,
+    autoComplete,
+    autoFocus,
+    children,
+    defaultValue,
+    defaultListboxOpen = false,
+    disabled: disabledProp,
+    getSerializedValue,
+    listboxId,
+    listboxOpen: listboxOpenProp,
+    multiple = false,
+    name,
+    required = false,
+    onChange,
+    onListboxOpenChange,
+    getOptionAsString = defaultOptionStringifier,
+    renderValue: renderValueProp,
+    placeholder,
+    slotProps = {},
+    slots = {},
+    value: valueProp,
+    ...other
+  } = props;
+  const renderValue = renderValueProp ?? defaultRenderValue;
+  const [buttonDefined, setButtonDefined] = React.useState(false);
+  const buttonRef = React.useRef(null);
+  const listboxRef = React.useRef(null);
+  const Button = slots.root ?? "button";
+  const ListboxRoot = slots.listbox ?? "ul";
+  const PopupComponent = slots.popup ?? "div";
+  const handleButtonRefChange = React.useCallback((element) => {
+    setButtonDefined(element != null);
+  }, []);
+  const handleButtonRef = useForkRef(forwardedRef, buttonRef, handleButtonRefChange);
+  React.useEffect(() => {
+    if (autoFocus) {
+      buttonRef.current.focus();
+    }
+  }, [autoFocus]);
   const {
-    buttonActive: K,
-    buttonFocusVisible: Q,
-    contextValue: W,
-    disabled: X,
-    getButtonProps: Y,
-    getListboxProps: Z,
-    getHiddenInputProps: $,
-    getOptionMetadata: O,
-    value: b,
-    open: V
-  } = ue({
-    name: A,
-    required: E,
-    getSerializedValue: j,
-    areOptionsEqual: p,
-    buttonRef: J,
-    defaultOpen: h,
-    defaultValue: N,
-    disabled: F,
-    listboxId: B,
-    multiple: c,
-    open: L,
-    onChange: q,
-    onOpenChange: k,
-    getOptionAsString: w,
-    value: M,
+    buttonActive,
+    buttonFocusVisible,
+    contextValue,
+    disabled,
+    getButtonProps,
+    getListboxProps,
+    getHiddenInputProps,
+    getOptionMetadata,
+    value,
+    open
+  } = useSelect({
+    name,
+    required,
+    getSerializedValue,
+    areOptionsEqual,
+    buttonRef: handleButtonRef,
+    defaultOpen: defaultListboxOpen,
+    defaultValue,
+    disabled: disabledProp,
+    listboxId,
+    multiple,
+    open: listboxOpenProp,
+    onChange,
+    onOpenChange: onListboxOpenChange,
+    getOptionAsString,
+    value: valueProp,
     componentName: "Select"
-  }), a = {
-    ...l,
-    active: K,
-    defaultListboxOpen: h,
-    disabled: X,
-    focusVisible: Q,
-    open: V,
-    multiple: c,
-    renderValue: S,
-    value: b
-  }, x = fe(a), ee = P({
-    elementType: y,
-    getSlotProps: Y,
-    externalSlotProps: d.root,
-    externalForwardedProps: z,
-    ownerState: a,
-    className: x.root
-  }), oe = P({
-    elementType: v,
-    getSlotProps: Z,
-    externalSlotProps: d.listbox,
+  });
+  const ownerState = {
+    ...props,
+    active: buttonActive,
+    defaultListboxOpen,
+    disabled,
+    focusVisible: buttonFocusVisible,
+    open,
+    multiple,
+    renderValue,
+    value
+  };
+  const classes = useUtilityClasses(ownerState);
+  const buttonProps = useSlotProps({
+    elementType: Button,
+    getSlotProps: getButtonProps,
+    externalSlotProps: slotProps.root,
+    externalForwardedProps: other,
+    ownerState,
+    className: classes.root
+  });
+  const listboxProps = useSlotProps({
+    elementType: ListboxRoot,
+    getSlotProps: getListboxProps,
+    externalSlotProps: slotProps.listbox,
     additionalProps: {
-      ref: H
+      ref: listboxRef
     },
-    ownerState: a,
-    className: x.listbox
-  }), te = P({
-    elementType: C,
-    externalSlotProps: d.popup,
+    ownerState,
+    className: classes.listbox
+  });
+  const popupProps = useSlotProps({
+    elementType: PopupComponent,
+    externalSlotProps: slotProps.popup,
     additionalProps: {
-      anchor: m.current,
-      keepMounted: !0,
-      open: V,
+      anchor: buttonRef.current,
+      keepMounted: true,
+      open,
       placement: "bottom-start",
       role: void 0
     },
-    ownerState: a,
-    className: x.popup
+    ownerState,
+    className: classes.popup
   });
-  let g;
-  return c ? g = b.map((s) => O(s)).filter((s) => s !== void 0) : g = O(b) ?? null, /* @__PURE__ */ pe(t.Fragment, {
-    children: [/* @__PURE__ */ n(y, {
-      ...ee,
-      children: S(g) ?? I ?? // fall back to a zero-width space to prevent layout shift
+  let selectedOptionsMetadata;
+  if (multiple) {
+    selectedOptionsMetadata = value.map((v) => getOptionMetadata(v)).filter((o) => o !== void 0);
+  } else {
+    selectedOptionsMetadata = getOptionMetadata(value) ?? null;
+  }
+  return /* @__PURE__ */ jsxs(React.Fragment, {
+    children: [/* @__PURE__ */ jsx(Button, {
+      ...buttonProps,
+      children: renderValue(selectedOptionsMetadata) ?? placeholder ?? // fall back to a zero-width space to prevent layout shift
       // from https://github.com/mui/material-ui/pull/24563
-      (R || (R = /* @__PURE__ */ n("span", {
+      (_span || (_span = /* @__PURE__ */ jsx("span", {
         className: "notranslate",
         children: "​"
       })))
-    }), U && /* @__PURE__ */ n(ne, {
+    }), buttonDefined && /* @__PURE__ */ jsx(Popup, {
       slots: {
-        root: C
+        root: PopupComponent
       },
-      ...te,
-      children: /* @__PURE__ */ n(v, {
-        ...oe,
-        children: /* @__PURE__ */ n(ae, {
-          value: W,
-          children: T
+      ...popupProps,
+      children: /* @__PURE__ */ jsx(ListboxRoot, {
+        ...listboxProps,
+        children: /* @__PURE__ */ jsx(SelectProvider, {
+          value: contextValue,
+          children
         })
       })
-    }), /* @__PURE__ */ n("input", {
-      ...$(),
-      autoComplete: i
+    }), /* @__PURE__ */ jsx("input", {
+      ...getHiddenInputProps(),
+      autoComplete
     })]
   });
-});
-process.env.NODE_ENV !== "production" && (me.propTypes = {
+}, "Select"));
+process.env.NODE_ENV !== "production" ? Select.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -166,40 +195,40 @@ process.env.NODE_ENV !== "production" && (me.propTypes = {
    * There is a performance impact when using the `areOptionsEqual` prop (proportional to the number of options).
    * Therefore, it's recommented to use the default reference equality comparison whenever possible.
    */
-  areOptionsEqual: e.func,
+  areOptionsEqual: PropTypes.func,
   /**
    * This prop helps users to fill forms faster, especially on mobile devices.
    * The name can be confusing, as it's more like an autofill.
    * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
    */
-  autoComplete: e.string,
+  autoComplete: PropTypes.string,
   /**
    * If `true`, the select element is focused during the first mount
    * @default false
    */
-  autoFocus: e.bool,
+  autoFocus: PropTypes.bool,
   /**
    * @ignore
    */
-  children: e.node,
+  children: PropTypes.node,
   /**
    * @ignore
    */
-  className: e.string,
+  className: PropTypes.string,
   /**
    * If `true`, the select will be initially open.
    * @default false
    */
-  defaultListboxOpen: e.bool,
+  defaultListboxOpen: PropTypes.bool,
   /**
    * The default selected value. Use when the component is not controlled.
    */
-  defaultValue: e.any,
+  defaultValue: PropTypes.any,
   /**
    * If `true`, the select is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: PropTypes.bool,
   /**
    * A function used to convert the option label to a string.
    * It's useful when labels are elements and need to be converted to plain text
@@ -207,80 +236,80 @@ process.env.NODE_ENV !== "production" && (me.propTypes = {
    *
    * @default defaultOptionStringifier
    */
-  getOptionAsString: e.func,
+  getOptionAsString: PropTypes.func,
   /**
    * A function to convert the currently selected value to a string.
    * Used to set a value of a hidden input associated with the select,
    * so that the selected value can be posted with a form.
    */
-  getSerializedValue: e.func,
+  getSerializedValue: PropTypes.func,
   /**
    * `id` attribute of the listbox element.
    */
-  listboxId: e.string,
+  listboxId: PropTypes.string,
   /**
    * Controls the open state of the select's listbox.
    * @default undefined
    */
-  listboxOpen: e.bool,
+  listboxOpen: PropTypes.bool,
   /**
    * If `true`, selecting multiple values is allowed.
    * This affects the type of the `value`, `defaultValue`, and `onChange` props.
    *
    * @default false
    */
-  multiple: e.bool,
+  multiple: PropTypes.bool,
   /**
    * Name of the element. For example used by the server to identify the fields in form submits.
    */
-  name: e.string,
+  name: PropTypes.string,
   /**
    * Callback fired when an option is selected.
    */
-  onChange: e.func,
+  onChange: PropTypes.func,
   /**
    * Callback fired when the component requests to be opened.
    * Use in controlled mode (see listboxOpen).
    */
-  onListboxOpenChange: e.func,
+  onListboxOpenChange: PropTypes.func,
   /**
    * Text to show when there is no selected value.
    */
-  placeholder: e.node,
+  placeholder: PropTypes.node,
   /**
    * Function that customizes the rendering of the selected value.
    */
-  renderValue: e.func,
+  renderValue: PropTypes.func,
   /**
    * If `true`, the Select cannot be empty when submitting form.
    * @default false
    */
-  required: e.bool,
+  required: PropTypes.bool,
   /**
    * The props used for each slot inside the Input.
    * @default {}
    */
-  slotProps: e.shape({
-    listbox: e.oneOfType([e.func, e.object]),
-    popup: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
+  slotProps: PropTypes.shape({
+    listbox: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    popup: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
   /**
    * The components used for each slot inside the Select.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: e.shape({
-    listbox: e.elementType,
-    popup: e.elementType,
-    root: e.elementType
+  slots: PropTypes.shape({
+    listbox: PropTypes.elementType,
+    popup: PropTypes.elementType,
+    root: PropTypes.elementType
   }),
   /**
    * The selected value.
    * Set to `null` to deselect all options.
    */
-  value: e.any
-});
+  value: PropTypes.any
+} : void 0;
 export {
-  me as Select
+  Select
 };

package/dist/node_modules/.pnpm/@mui_base@5.0.0-beta.58_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@mui/base/Select/selectClasses.js

@@ -1,10 +1,13 @@
-import { generateUtilityClass as i } from "../generateUtilityClass/index.js";
-import { generateUtilityClasses as o } from "../generateUtilityClasses/index.js";
-const t = "Select";
-function r(e) {
-  return i(t, e);
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { generateUtilityClass } from "../generateUtilityClass/index.js";
+import { generateUtilityClasses } from "../generateUtilityClasses/index.js";
+const COMPONENT_NAME = "Select";
+function getSelectUtilityClass(slot) {
+  return generateUtilityClass(COMPONENT_NAME, slot);
 }
-o(t, ["root", "button", "listbox", "popup", "active", "expanded", "disabled", "focusVisible"]);
+__name(getSelectUtilityClass, "getSelectUtilityClass");
+generateUtilityClasses(COMPONENT_NAME, ["root", "button", "listbox", "popup", "active", "expanded", "disabled", "focusVisible"]);
 export {
-  r as getSelectUtilityClass
+  getSelectUtilityClass
 };