stone-kit/dist/pages/SelectPage/SelectPage.js

uikit for redesign

import { jsxs as s, jsx as e } from "react/jsx-runtime";
import { useState as r } from "react";
import { SummarySelect as f } from "../../components/SummarySelect/ui/SummarySelect.js";
import { F as m, a as b } from "../../FilterWithSave-Dy5t7CrS.js";
import { defaultOption as i, defaultCategory as a } from "./const.js";
import { CheckboxSelect as y } from "../../components/CheckboxSelect/ui/CheckboxSelect.js";
import { CheckBox as k } from "../../components/CheckBox/CheckBox.js";
import { Switcher as u } from "../../components/Switcher/ui/Switcher.js";
import { Select as c } from "../../components/Select/ui/Select.js";
const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_14", n = {
  sort: V,
  addClass: _,
  filterWithSave: x
}, O = () => {
  const [g, p] = r(i[0]), [t, S] = r([]), [o, h] = r("options"), v = [
    { label: "sdfsdfsdf", setValue: () => {
    }, isSelected: !1, disabled: !0 },
    { label: "sdfsdfsdf", setValue: () => {
    }, isSelected: !0, disabled: !1 },
    { label: "sdfsdfsdf", setValue: () => {
    }, isSelected: !1, disabled: !1 },
    { label: "sdfsdfsdf", setValue: () => {
    }, isSelected: !0, disabled: !1 },
    { label: "sdfsdfsdf", setValue: () => {
    }, isSelected: !0, disabled: !1 }
  ], C = (l) => {
    !l || !l.target || p(l.target.value);
  }, d = (l) => {
    l && S(l);
  };
  return /* @__PURE__ */ s("div", { className: n.root, children: [
    /* @__PURE__ */ s("div", { children: [
      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
        m,
        {
          onClick: () => console.log("filter"),
          onSaveClick: () => console.log("save"),
          onClearClick: () => console.log("clear"),
          onTabClick: () => console.log("year"),
          tabs: [
            { value: "dfsdf", state: !1 },
            { value: "dddddddd", state: !1 }
          ]
        }
      ) }),
      /* @__PURE__ */ s("div", { children: [
        /* @__PURE__ */ e("h2", { children: " Селектор с чекбоксами" }),
        /* @__PURE__ */ e(y, { checkboxes: v })
      ] }),
      /* @__PURE__ */ s("div", { children: [
        /* @__PURE__ */ e("h2", { children: "старый чекбокс" }),
        /* @__PURE__ */ e(
          k,
          {
            isChecked: !1,
            emitIsChecked: () => {
              console.log("check");
            }
          }
        )
      ] }),
      /* @__PURE__ */ s("div", { children: [
        /* @__PURE__ */ e("h2", { children: " Фильтрация с сохранением" }),
        /* @__PURE__ */ e("div", { className: n.filterWithSave, children: /* @__PURE__ */ e(m, {}) })
      ] }),
      /* @__PURE__ */ e("h2", { children: "Сорт селект" }),
      /* @__PURE__ */ e("div", { className: n.sort, children: /* @__PURE__ */ e(
        b,
        {
          mini: !0,
          selectedOption: g,
          options: i,
          onChange: (l) => C(l)
        }
      ) })
    ] }),
    /* @__PURE__ */ s("div", { className: n.summarySelect, children: [
      /* @__PURE__ */ s("div", { style: { display: "flex", gap: "20px" }, children: [
        /* @__PURE__ */ e("h2", { children: "SummarySelect" }),
        /* @__PURE__ */ e(
          u,
          {
            isActive: o === "category",
            onClick: () => h(o === "options" ? "category" : "options"),
            children: "mode category"
          }
        ),
        /* @__PURE__ */ e(
          u,
          {
            isActive: o === "double",
            onClick: () => h(o === "options" ? "double" : "options"),
            children: "mode double"
          }
        )
      ] }),
      /* @__PURE__ */ e(
        f,
        {
          mode: o,
          label: "Проект",
          isShowReset: !0,
          selectedValues: t,
          options: o === "category" ? a : i,
          onChange: (l) => d(l)
        }
      ),
      /* @__PURE__ */ e(
        f,
        {
          mode: "single",
          label: "Проект",
          isShowReset: !0,
          selectedValues: t,
          options: i,
          onChange: (l) => d(l)
        }
      )
    ] }),
    /* @__PURE__ */ s("div", { children: [
      /* @__PURE__ */ e("h2", { children: "Селект mode option" }),
      /* @__PURE__ */ e(
        c,
        {
          selectedValues: t,
          options: a,
          onChange: (l) => d(l)
        }
      )
    ] }),
    /* @__PURE__ */ s("div", { children: [
      /* @__PURE__ */ e("h2", { children: "Селект mode category" }),
      /* @__PURE__ */ e(
        c,
        {
          mode: "category",
          selectedValues: t,
          options: a,
          onChange: (l) => d(l)
        }
      )
    ] }),
    /* @__PURE__ */ s("div", { children: [
      /* @__PURE__ */ e("h2", { children: "Селект mode double" }),
      /* @__PURE__ */ e(
        c,
        {
          selectedValues: t,
          options: a,
          mode: "double",
          clickableOptions: ["Category1", "options1", "options3"],
          onChange: (l) => d(l)
        }
      )
    ] }),
    /* @__PURE__ */ s("div", { children: [
      /* @__PURE__ */ e("h2", { children: "Селект кнопка" }),
      /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e(
        c,
        {
          isBtn: !0,
          size_s: "small",
          size_l: "medium",
          isListRight: !0,
          selectedValues: t,
          options: i,
          onChange: (l) => d(l)
        }
      ) })
    ] })
  ] });
};
export {
  O as SelectPage
};