@ariakit/react-core/cjs/select/select-renderer.cjs

Ariakit React core

"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _44ZWQTBBcjs = require('../__chunks/44ZWQTBB.cjs');


var _FEGBIZSMcjs = require('../__chunks/FEGBIZSM.cjs');



var _XYLFPE4Scjs = require('../__chunks/XYLFPE4S.cjs');
require('../__chunks/ZVS6SBRR.cjs');
require('../__chunks/VF7H2WBX.cjs');
require('../__chunks/EJVJIL4S.cjs');
require('../__chunks/CWQU4R75.cjs');


var _76LCMKUIcjs = require('../__chunks/76LCMKUI.cjs');
require('../__chunks/FVVTEJ4K.cjs');



var _6TI3NXX6cjs = require('../__chunks/6TI3NXX6.cjs');
require('../__chunks/L5A2ID7S.cjs');
require('../__chunks/FDRJDQ5Y.cjs');



var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');

// src/select/select-renderer.tsx
var _array = require('@ariakit/core/utils/array');
var _react = require('react');
var TagName = "div";
function getItemObject(item) {
  if (!item || typeof item !== "object") {
    return { value: `${item}` };
  }
  return item;
}
function findIndicesByValue(items, value) {
  var _a;
  const values = _array.toArray.call(void 0, value);
  const indices = [];
  for (const [index, item] of items.entries()) {
    if (indices.length === values.length) break;
    const object = getItemObject(item);
    if (object.value != null && values.includes(object.value)) {
      indices.push(index);
    } else if ((_a = object.items) == null ? void 0 : _a.length) {
      const childIndices = findIndicesByValue(object.items, value);
      if (childIndices.length) {
        indices.push(index);
      }
    }
  }
  return indices;
}
function useSelectRenderer(_a) {
  var _b = _a, {
    store,
    orientation: orientationProp,
    persistentIndices: persistentIndicesProp,
    items: itemsProp,
    value: valueProp
  } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
    "store",
    "orientation",
    "persistentIndices",
    "items",
    "value"
  ]);
  const context = _44ZWQTBBcjs.useSelectContext.call(void 0, );
  store = store || context;
  const items = _76LCMKUIcjs.useStoreState.call(void 0, store, (state) => {
    if (!state) return itemsProp;
    if (!state.mounted) return 0;
    return itemsProp != null ? itemsProp : state.items;
  });
  const value = _76LCMKUIcjs.useStoreState.call(void 0, store, (state) => valueProp != null ? valueProp : state == null ? void 0 : state.value);
  const valueIndices = _react.useMemo.call(void 0, () => {
    if (!items) return [];
    if (value == null) return [];
    if (typeof items === "number") return [];
    if (!items.length) return [];
    return findIndicesByValue(items, value);
  }, [items, value]);
  const persistentIndices = _react.useMemo.call(void 0, () => {
    if (persistentIndicesProp) {
      return [...persistentIndicesProp, ...valueIndices];
    }
    return valueIndices;
  }, [valueIndices, persistentIndicesProp]);
  return _FEGBIZSMcjs.useCompositeRenderer.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
    store,
    items,
    persistentIndices
  }, props));
}
var SelectRenderer = _6TI3NXX6cjs.forwardRef.call(void 0, function SelectRenderer2(props) {
  const htmlProps = useSelectRenderer(props);
  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
});




exports.SelectRenderer = SelectRenderer; exports.getSelectRendererItem = _XYLFPE4Scjs.getCollectionRendererItem; exports.getSelectRendererItemId = _XYLFPE4Scjs.getCollectionRendererItemId;