stone-kit/dist/useSortSelect-IeonkD5d.js

uikit for redesign

import { jsxs as k, jsx as s } from "react/jsx-runtime";
import { c as q } from "./index-YnD2EP-S.js";
const O = "_sortSelectWrapper_1b2qn_1", v = "_selectedOptions_1b2qn_11", x = "_selectionOptionMini_1b2qn_34", B = "_selectedOptionsOpened_1b2qn_38", S = "_selectOptionsDisabled_1b2qn_42", f = "_optionsList_1b2qn_49", C = "_mobileOptionList_1b2qn_64", L = "_mobileSortHeader_1b2qn_72", W = "_modalAddBody_1b2qn_86", g = "_inputWrapper_1b2qn_92", T = "_option_1b2qn_49", D = "_icon_1b2qn_120", N = "_checkBox_1b2qn_127", y = "_checkBoxChecked_1b2qn_134", A = "_innerCheck_1b2qn_141", H = "_sortSelectWrapperTop_1b2qn_172", M = "_optionListOnTop_1b2qn_175", t = {
  sortSelectWrapper: O,
  selectedOptions: v,
  selectionOptionMini: x,
  selectedOptionsOpened: B,
  selectOptionsDisabled: S,
  optionsList: f,
  mobileOptionList: C,
  mobileSortHeader: L,
  modalAddBody: W,
  inputWrapper: g,
  option: T,
  icon: D,
  checkBox: N,
  checkBoxChecked: y,
  innerCheck: A,
  sortSelectWrapperTop: H,
  optionListOnTop: M
}, _ = q.bind(t), z = ({
  selectedOption: n,
  setSelectedOption: i,
  setIsOpen: d,
  containerRef: r,
  onBlur: l,
  onChange: a,
  onClickOption: p,
  isMobile: u,
  placeholder: b
}) => {
  const h = (e) => (o) => {
    o.stopPropagation(), p && p(e);
    const c = n?.value === e.value ? null : e;
    if (c && (i && i(c), a)) {
      const m = {
        ...o,
        target: { value: c }
      };
      a(m);
    }
  };
  return { handleDocumentClick: (e) => {
    r.current && !r.current.contains(e.target) && d(!1);
  }, handleBlur: (e) => {
    if (l) {
      const o = {
        ...e,
        target: { value: n }
      };
      l(o);
    }
  }, getInputValue: () => u ? "" : n ? n.label : b, getOption: (e) => /* @__PURE__ */ k(
    "div",
    {
      className: _(t.option, {
        [t.selected]: n?.value === e.value
      }),
      onClick: h(e),
      children: [
        /* @__PURE__ */ s("div", { children: e.label }),
        /* @__PURE__ */ s(
          "div",
          {
            className: _(t.checkBox, {
              [t.checkBoxChecked]: n?.value === e.value
            }),
            children: n?.value === e.value && /* @__PURE__ */ s("div", { className: t.innerCheck })
          }
        )
      ]
    },
    e.value
  ) };
};
export {
  t as s,
  z as u
};