stone-kit 0.0.1105 → 0.0.1107

package/dist/components/DestinationTab/ui/DestinationTab.js

@@ -1,11 +1,11 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { c as N } from "../../../index-DIxK0V-G.js";
-const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeText_1c7de_45", g = "_whiteStroke_1c7de_65", k = "_routeWrapper_1c7de_78", _ = {
-  destination: x,
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { c as z } from "../../../index-YnD2EP-S.js";
+const N = "_destination_1c7de_1", x = "_destinationName_1c7de_40", w = "_routeText_1c7de_45", g = "_whiteStroke_1c7de_65", k = "_routeWrapper_1c7de_78", e = {
+  destination: N,
   "auto-width": "_auto-width_1c7de_29",
   "full-width": "_full-width_1c7de_33",
   "medium-size": "_medium-size_1c7de_37",
-  destinationName: n,
+  destinationName: x,
   routeText: w,
   "large-size": "_large-size_1c7de_51",
   whiteStroke: g,
@@ -14,58 +14,58 @@ const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeTe
   "large-size_m": "_large-size_m_1c7de_122",
   "medium-size_l": "_medium-size_l_1c7de_137",
   "large-size_l": "_large-size_l_1c7de_150"
-}, b = N.bind(_), f = ({
-  size: m = "medium",
-  size_m: c,
-  size_l: a,
-  destination: e = { destName: "", color: "" },
-  variant: d = "whiteStroke",
-  width: i = "auto",
-  routes: l = [],
-  checked: o,
-  onChange: u,
-  additionalClass: p = "",
-  ...h
-}) => /* @__PURE__ */ t(
+}, b = z.bind(e), f = ({
+  size: a = "medium",
+  size_m: d,
+  size_l: r,
+  destination: t = { destName: "", color: "" },
+  variant: m = "whiteStroke",
+  width: o = "auto",
+  routes: c = [],
+  checked: l,
+  onChange: n,
+  additionalClass: u = "",
+  ...p
+}) => /* @__PURE__ */ s(
   "label",
   {
     className: b(
-      _.destination,
-      _[`${m}-size`],
-      _[`${c}-size_m`],
-      _[`${a}-size_l`],
-      _[`${d}`],
-      _[`${i}-width`],
-      p
+      e.destination,
+      e[`${a}-size`],
+      e[`${d}-size_m`],
+      e[`${r}-size_l`],
+      e[`${m}`],
+      e[`${o}-width`],
+      u
     ),
-    ...h,
-    htmlFor: e.destName,
+    ...p,
+    htmlFor: t.destName,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         "input",
         {
-          id: e.destName,
-          checked: o,
-          onChange: u,
+          id: t.destName,
+          checked: l,
+          onChange: n,
           type: "checkbox",
-          name: e.destName,
-          value: e.destName
+          name: t.destName,
+          value: t.destName
         }
       ),
-      /* @__PURE__ */ t("div", { className: _.destination, children: [
-        (e == null ? void 0 : e.color) && /* @__PURE__ */ r("span", { style: { background: (e == null ? void 0 : e.color) ?? "" } }),
-        e.destName
+      /* @__PURE__ */ s("div", { className: e.destination, children: [
+        t?.color && /* @__PURE__ */ i("span", { style: { background: t?.color ?? "" } }),
+        t.destName
       ] }),
-      l.map((s, z) => /* @__PURE__ */ t(
+      c.map((_, h) => /* @__PURE__ */ s(
         "div",
         {
-          className: _.routeWrapper,
+          className: e.routeWrapper,
           children: [
-            s.type,
-            /* @__PURE__ */ r("div", { className: _.routeText, children: s.text })
+            _.type,
+            /* @__PURE__ */ i("div", { className: e.routeText, children: _.text })
           ]
         },
-        z
+        h
       ))
     ]
   }

package/dist/components/DestinationTab/ui/DestinationTab.types.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 type destinationSizesWidth = 'auto' | 'full';
 export declare const DESTINATIONS_VARIANTS: {
     whiteStroke: string;

package/dist/components/FavoriteIcon/FavoriteIcon.d.ts

@@ -0,0 +1,7 @@
+interface IFavoriteIcon {
+    handleClickFavorite: (e: React.MouseEvent<HTMLDivElement>) => void;
+    isFavorite?: boolean;
+    uniqueId?: string;
+}
+export declare const FavoriteIcon: ({ handleClickFavorite, isFavorite, uniqueId }: IFavoriteIcon) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FavoriteIcon/FavoriteIcon.js

@@ -0,0 +1,66 @@
+import { jsxs as a, Fragment as _, jsx as c } from "react/jsx-runtime";
+import { useState as u, useRef as d, useEffect as h } from "react";
+import { createPortal as T } from "react-dom";
+import x from "./Heart.js";
+import y from "./HeartFilled.js";
+const C = "_root_vcwe4_1", R = "_popup_vcwe4_28", g = {
+  root: C,
+  popup: R
+}, b = ({ handleClickFavorite: l, isFavorite: t, uniqueId: w }) => {
+  const [P, i] = u(!1), [s, n] = u(!1), [f, S] = u({ top: 0, left: 0 }), o = d(null), p = d(null), e = `favorite_popup_${w}`, I = (r) => {
+    r.stopPropagation(), r.preventDefault(), t && sessionStorage.setItem(e, "true"), i(!0), setTimeout(() => {
+      i(!1), l && l(r);
+    }, 200);
+  };
+  return h(() => {
+    if (sessionStorage.getItem(e) === "true" && !t && p.current) {
+      o.current && clearTimeout(o.current);
+      const m = p.current.getBoundingClientRect();
+      S({
+        top: m.top + window.scrollY - 60,
+        left: m.right + window.scrollX - 200
+      }), n(!0), sessionStorage.removeItem(e), o.current = setTimeout(() => {
+        n(!1);
+      }, 2e3);
+    }
+    return t && sessionStorage.removeItem(e), () => {
+      o.current && clearTimeout(o.current);
+    };
+  }, [t, e]), h(() => {
+    t && s && (n(!1), o.current && (clearTimeout(o.current), o.current = null));
+  }, [t, s]), /* @__PURE__ */ a(_, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: p,
+        className: g.root,
+        onClick: I,
+        style: {
+          transform: P ? "scale(0.9)" : "scale(1)",
+          transition: "transform 0.1s ease-in-out"
+        },
+        children: [
+          !t && /* @__PURE__ */ c(x, { width: 24, height: 24, color: "#353945" }),
+          t && /* @__PURE__ */ c(y, { width: 24, height: 24, color: "#015FF9" })
+        ]
+      }
+    ),
+    s && T(
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: g.popup,
+          style: {
+            top: `${f.top}px`,
+            left: `${f.left}px`
+          },
+          children: "Удалено из избранного"
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+export {
+  b as FavoriteIcon
+};

package/dist/components/FavoriteIcon/Heart.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const Heart: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Heart;

package/dist/components/FavoriteIcon/Heart.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+const t = (o) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...o,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M11.995 7.437c-1.4-1.573-3.733-1.996-5.487-.556-1.753 1.44-2 3.849-.623 5.552 1.145 1.416 4.61 4.403 5.745 5.37.127.108.191.162.265.183a.368.368 0 0 0 .2 0c.074-.021.138-.075.265-.183 1.136-.967 4.6-3.954 5.745-5.37 1.378-1.703 1.16-4.127-.623-5.552-1.784-1.425-4.087-1.017-5.487.556Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  t as default
+};

package/dist/components/FavoriteIcon/HeartFilled.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from 'react';
+declare const HeartFilled: (props: SVGProps<SVGSVGElement> & {
+    deg?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default HeartFilled;

package/dist/components/FavoriteIcon/HeartFilled.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+const r = (e) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    style: { transform: e.deg ? `rotate(${e.deg}deg)` : void 0 },
+    ...e,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M11.995 7.437c-1.4-1.573-3.733-1.996-5.487-.556-1.753 1.44-2 3.849-.623 5.552 1.145 1.416 4.61 4.403 5.745 5.37.127.108.191.162.265.183a.368.368 0 0 0 .2 0c.074-.021.138-.075.265-.183 1.136-.967 4.6-3.954 5.745-5.37 1.378-1.703 1.16-4.127-.623-5.552-1.784-1.425-4.087-1.017-5.487.556Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  r as default
+};

package/dist/components/FieldInput/ui/FieldInput.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { ComponentProps } from './FieldInput.types';
-
-export declare const FieldInput: ({ label, children }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldInput: ({ label, handleClear, isShowClear, children, labelSize, }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FieldInput/ui/FieldInput.js

@@ -1,10 +1,31 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-const s = "_fieldInputWrapper_14ghj_1", e = {
-  fieldInputWrapper: s
-}, a = ({ label: p, children: r }) => /* @__PURE__ */ l("div", { className: e.fieldInputWrapper, children: [
-  /* @__PURE__ */ n("label", { className: e.label, children: p }),
-  r
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { c as t } from "../../../index-YnD2EP-S.js";
+const i = "_fieldInputWrapper_1l9b5_1", m = "_clearBtn_1l9b5_9", _ = "_nameWrapper_1l9b5_24", d = "_label_1l9b5_32", o = "_large_1l9b5_40", e = {
+  fieldInputWrapper: i,
+  clearBtn: m,
+  nameWrapper: _,
+  label: d,
+  large: o
+}, u = ({
+  label: r,
+  handleClear: n,
+  isShowClear: p,
+  children: s,
+  labelSize: c = "medium"
+}) => /* @__PURE__ */ l("div", { className: e.fieldInputWrapper, children: [
+  /* @__PURE__ */ l("div", { className: t(e.nameWrapper, { [e.large]: c === "large" }), children: [
+    /* @__PURE__ */ a("label", { className: e.label, children: r }),
+    p && /* @__PURE__ */ a(
+      "div",
+      {
+        className: e.clearBtn,
+        onClick: n,
+        children: "Очистить"
+      }
+    )
+  ] }),
+  s
 ] });
 export {
-  a as FieldInput
+  u as FieldInput
 };

package/dist/components/FieldInput/ui/FieldInput.types.d.ts

@@ -1,8 +1,10 @@
 import { default as React, ReactNode } from 'react';
-
 interface InputProps {
     label: string;
+    handleClear?: () => void;
     children?: ReactNode;
+    isShowClear?: boolean;
+    labelSize?: 'medium' | 'large';
 }
 export type ComponentProps = InputProps & React.InputHTMLAttributes<HTMLInputElement>;
 export {};

package/dist/components/FilterWithSave/hooks/useFilterWithSave.d.ts

@@ -0,0 +1,43 @@
+import { TOption } from '../../Select/ui/Select.types';
+interface IuseFilterWithSave {
+    selectOptions?: TOption[];
+    disabledOptions?: TOption[];
+    selectedValues?: TOption[];
+    tabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    selectedTabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    setSelectedTabs?: React.Dispatch<React.SetStateAction<{
+        value: string;
+        state: boolean;
+    }[]>>;
+    onChange?: (selectedOptions: TOption[]) => unknown;
+    onClickItem?: (option: TOption | TOption[]) => void;
+    onSaveClick: () => void;
+    onClearClick: () => void;
+}
+export declare const useFilterWithSave: ({ selectedTabs, selectedValues, onClickItem, disabledOptions, tabs, onChange, setSelectedTabs, onSaveClick, onClearClick, }: IuseFilterWithSave) => {
+    isMobile: boolean;
+    handleClearClick: () => void;
+    handleCloseModal: () => void;
+    handleOptionClick: (option: TOption) => void;
+    handleSaveClick: import('react').MouseEventHandler<HTMLButtonElement>;
+    localSelectedTabs: {
+        value: string;
+        state: boolean;
+    }[];
+    selectedOptions: TOption[];
+    setSelectedOptions: import('react').Dispatch<import('react').SetStateAction<TOption[]>>;
+    isModalOpen: boolean;
+    setIsModalOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    setLocalSelectedTabs: import('react').Dispatch<import('react').SetStateAction<{
+        value: string;
+        state: boolean;
+    }[]>>;
+    containerRef: import('react').RefObject<HTMLDivElement | null>;
+};
+export {};

package/dist/components/FilterWithSave/hooks/useFilterWithSave.js

@@ -0,0 +1,56 @@
+import { useState as c, useRef as w, useEffect as p } from "react";
+import { useClientWidth as x } from "../../../shared/useClientWidth.js";
+const I = ({
+  selectedTabs: n = [],
+  selectedValues: v = [],
+  onClickItem: m,
+  disabledOptions: h = [],
+  tabs: a = [],
+  onChange: s,
+  setSelectedTabs: S,
+  onSaveClick: C,
+  onClearClick: E
+}) => {
+  const { isMobile: L } = x(), [i, u] = c(!1), f = w(null), [M, g] = c(n), [R] = c(v), [O, r] = c(M), [l, o] = c(R), y = (e) => {
+    if (m && m(e), h.some((t) => t.value === e.value))
+      return;
+    const d = l.some((t) => t.value === e.value) ? l.filter((t) => t.value !== e.value) : [...l, e];
+    o(d);
+  }, J = () => {
+    g(a), r(a), o([]), E(), s && (s([]), S?.(a));
+  }, N = () => {
+    o(v), r(n);
+  }, k = () => {
+    N(), u(!1);
+  }, W = (e) => {
+    e.stopPropagation(), C(), s && (S?.(O), s(l)), u(!1);
+  };
+  return p(() => {
+    i || r((e) => JSON.stringify(e) !== JSON.stringify(n) ? n : e);
+  }, [i, n]), p(() => {
+    const e = (d) => {
+      if (!f.current) return;
+      const t = d.target;
+      f.current.contains(t) || t.closest("svg") || k();
+    };
+    return i ? document.addEventListener("click", e) : document.removeEventListener("click", e), () => {
+      document.removeEventListener("click", e);
+    };
+  }, [i]), {
+    isMobile: L,
+    handleClearClick: J,
+    handleCloseModal: k,
+    handleOptionClick: y,
+    handleSaveClick: W,
+    localSelectedTabs: O,
+    selectedOptions: l,
+    setSelectedOptions: o,
+    isModalOpen: i,
+    setIsModalOpen: u,
+    setLocalSelectedTabs: r,
+    containerRef: f
+  };
+};
+export {
+  I as useFilterWithSave
+};

package/dist/components/FilterWithSave/ui/FilterWithSave.d.ts

@@ -0,0 +1,29 @@
+import { TOption } from '../../Select/ui/Select.types';
+interface IFilterWithSave {
+    selectOptions?: TOption[];
+    disabledOptions?: TOption[];
+    selectedValues?: TOption[];
+    onSaveClick?: () => void;
+    onClearClick?: () => void;
+    onTabClick?: () => void;
+    tabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    selectedTabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    setSelectedTabs?: React.Dispatch<React.SetStateAction<{
+        value: string;
+        state: boolean;
+    }[]>>;
+    onChange?: (selectedOptions: TOption[]) => unknown;
+    onClickItem?: (option: TOption | TOption[]) => void;
+    onCLickSelect?: () => void;
+    onClick?: () => void;
+    dataTestId?: string;
+    btnName?: string;
+}
+export declare const FilterWithSave: ({ disabledOptions, tabs, selectOptions, onChange, onClick, selectedValues, setSelectedTabs, selectedTabs, onClickItem, onCLickSelect, dataTestId, onSaveClick, onClearClick, onTabClick, btnName, }: IFilterWithSave) => import("react/jsx-runtime").JSX.Element;
+export {};