@crossed/primitive/lib/commonjs/Select/index.js

A universal & performant styling library for React Native, Next.js & React

"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var Select_exports = {};
__export(Select_exports, {
  ProviderSelect: () => import_context2.Provider,
  createSelect: () => createSelect,
  useSelectContext: () => import_context2.useContext
});
module.exports = __toCommonJS(Select_exports);
var import_jsx_runtime = require("react/jsx-runtime");
var import_core = require("@crossed/core");
var import_react = require("react");
var import_Select = require("./Select");
var import_SelectTrigger = require("./SelectTrigger");
var import_SelectContent = require("./SelectContent");
var import_SelectPortal = require("./SelectPortal");
var import_context = require("./context");
var import_SelectItem = require("./SelectItem");
var import_SelectDivider = require("./SelectDivider");
var import_SelectLabel = require("./SelectLabel");
var import_context2 = require("./context");
const createSelect = (components, { context } = {}) => {
  const { Root, Trigger, Content, Portal, Item, Divider, Label } = components;
  const Select = (0, import_Select.createSelectMain)(Root);
  const SelectTrigger = (0, import_SelectTrigger.createSelectTrigger)(Trigger);
  const SelectContent = (0, import_SelectContent.createSelectContent)(Content);
  const SelectPortal = (0, import_SelectPortal.createSelectPortal)(Portal);
  const SelectItem = (0, import_SelectItem.createSelectItem)(Item);
  const SelectDivider = (0, import_SelectDivider.createSelectDivider)(Divider);
  const SelectLabel = (0, import_SelectLabel.createSelectLabel)(Label);
  Select.displayName = "Select";
  SelectTrigger.displayName = "Select.Trigger";
  SelectContent.displayName = "Select.Content";
  SelectPortal.displayName = "Select.Portal";
  SelectItem.displayName = "Select.Item";
  SelectDivider.displayName = "Select.Divider";
  SelectLabel.displayName = "Select.Label";
  return (0, import_core.withStaticProperties)(
    (props) => {
      const id = (0, import_react.useId)();
      const {
        value: valueProps,
        defaultValue = false,
        onChange,
        ...otherProps
      } = props;
      const [open, setOpen] = (0, import_react.useState)(false);
      const [value, setVBalue] = (0, import_core.useUncontrolled)({
        value: valueProps,
        defaultValue,
        onChange
      });
      const contextProps = (0, import_react.useMemo)(() => {
        return Object.entries(context || {}).reduce(
          (acc, [key]) => {
            if (props[key]) {
              acc[key] = props[key];
            }
            return acc;
          },
          context || {}
        );
      }, [props]);
      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
        import_context.Provider,
        {
          ...contextProps,
          id,
          open,
          setOpen,
          value,
          setValue: setVBalue,
          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Select, { ...otherProps })
        }
      );
    },
    {
      Trigger: SelectTrigger,
      Content: SelectContent,
      Portal: SelectPortal,
      Item: SelectItem,
      Divider: SelectDivider,
      Label: SelectLabel
    }
  );
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  ProviderSelect,
  createSelect,
  useSelectContext
});
//# sourceMappingURL=index.js.map