mayak-common-library 0.0.40 → 0.0.42

package/dist/index.d.mts

@@ -19,6 +19,8 @@ import { PatternFormatProps } from 'react-number-format/types/types';
 import { UseControllerProps } from 'react-hook-form';
 export { default as MapIcon } from '@/icons/map-search.svg';
 import { ListProps } from '@mui/material/List/List';
+import { CheckboxProps } from '@mui/material/Checkbox';
+import { FormControlLabelProps as FormControlLabelProps$1 } from '@mui/material/FormControlLabel/FormControlLabel';
 
 declare function Greet(props: {
     name: string;
@@ -50,6 +52,7 @@ interface SelectProProps {
     small?: boolean;
     fullWidth?: boolean;
     freeChildWidth?: boolean;
+    isOpen?: boolean;
 }
 declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
 
@@ -234,4 +237,12 @@ interface ToggleButtonGroupProps extends ToggleButtonGroupProps$1 {
 }
 declare const ToggleButtonGroup: FC<ToggleButtonGroupProps & PropsWithChildren>;
 
-export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, List, ListItem, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, SearchInput, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text, TextBlock, TitleBlock, ToggleButton, ToggleButtonGroup, ToggleButtonsWithLabel };
+interface CustomCheckboxProps {
+    labelProps?: FormControlLabelProps$1;
+    checkboxProps?: CheckboxProps;
+    label?: string;
+    toggleView?: boolean;
+}
+declare const CustomCheckbox: FC<CustomCheckboxProps>;
+
+export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomCheckbox as Checkbox, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, List, ListItem, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, SearchInput, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text, TextBlock, TitleBlock, ToggleButton, ToggleButtonGroup, ToggleButtonsWithLabel };

package/dist/index.d.ts

@@ -19,6 +19,8 @@ import { PatternFormatProps } from 'react-number-format/types/types';
 import { UseControllerProps } from 'react-hook-form';
 export { default as MapIcon } from '@/icons/map-search.svg';
 import { ListProps } from '@mui/material/List/List';
+import { CheckboxProps } from '@mui/material/Checkbox';
+import { FormControlLabelProps as FormControlLabelProps$1 } from '@mui/material/FormControlLabel/FormControlLabel';
 
 declare function Greet(props: {
     name: string;
@@ -50,6 +52,7 @@ interface SelectProProps {
     small?: boolean;
     fullWidth?: boolean;
     freeChildWidth?: boolean;
+    isOpen?: boolean;
 }
 declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
 
@@ -234,4 +237,12 @@ interface ToggleButtonGroupProps extends ToggleButtonGroupProps$1 {
 }
 declare const ToggleButtonGroup: FC<ToggleButtonGroupProps & PropsWithChildren>;
 
-export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, List, ListItem, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, SearchInput, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text, TextBlock, TitleBlock, ToggleButton, ToggleButtonGroup, ToggleButtonsWithLabel };
+interface CustomCheckboxProps {
+    labelProps?: FormControlLabelProps$1;
+    checkboxProps?: CheckboxProps;
+    label?: string;
+    toggleView?: boolean;
+}
+declare const CustomCheckbox: FC<CustomCheckboxProps>;
+
+export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomCheckbox as Checkbox, CustomChip as Chip, FromToInput, Greet, IconButton, ImageContainer, CustomInput as Input, JobCard, List, ListItem, CustomMenuItem as MenuItem, PhoneInput, Providers, CustomRadio as Radio, CustomRadioGroup as RadioGroup, RealtorCard, RealtyCard, SearchInput, CustomSelect as Select, SelectPro, CustomSlider as Slider, CustomSwitch as Switch, TeamPersonCard, Text, TextBlock, TitleBlock, ToggleButton, ToggleButtonGroup, ToggleButtonsWithLabel };

package/dist/index.js

@@ -67,6 +67,7 @@ __export(src_exports, {
   BigNumber: () => BigNumber_default,
   Button: () => Button_default,
   CategoryCard: () => CategoryCard_default,
+  Checkbox: () => Checkbox_default,
   Chip: () => Chip_default,
   FromToInput: () => FromToInput_default,
   Greet: () => Greet,
@@ -301,11 +302,13 @@ var SelectPro = ({
   overButton = false,
   small = false,
   fullWidth = false,
-  freeChildWidth = false
+  freeChildWidth = false,
+  isOpen
 }) => {
   const [btn, setAnchorEl] = (0, import_react2.useState)(null);
   const [open, setOpen] = (0, import_react2.useState)(false);
   const handleClick = (event) => {
+    if (isOpen) return;
     event.persist();
     if (open)
       setTimeout(() => {
@@ -315,6 +318,7 @@ var SelectPro = ({
     setOpen(!open);
   };
   const handleClose = () => {
+    if (isOpen) return;
     setOpen(false);
     setTimeout(() => {
       setAnchorEl(null);
@@ -667,8 +671,8 @@ var SearchInput = (props) => {
       startAdornment: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material12.Stack, { direction: "row", alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material12.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(search_default, {}) }) }),
       disableUnderline: true,
       placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
-      className: `w-full border rounded-none border-solid normal-case text-accent-dark hover:bg-white  gap-x-2 px-5 !py-2
-        ${collapse ? "bg-white border-transparent" : " border-accent-beige"} `
+      className: `w-full border rounded-none border-solid normal-case text-accent-dark hover:bg-white gap-x-2 px-5 h-[38px]
+        ${collapse ? "bg-white border-transparent" : "border-accent-beige"} `
     })
   );
 };
@@ -1341,6 +1345,52 @@ var ToggleButtonsWithLabel = (props) => {
   ] });
 };
 var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
+
+// src/components/Checkbox/Checkbox.tsx
+var import_Checkbox = __toESM(require("@mui/material/Checkbox"));
+var import_material31 = require("@mui/material");
+var import_Typography9 = __toESM(require("@mui/material/Typography"));
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var BpIcon = (0, import_material31.styled)("span")(() => ({
+  width: 16,
+  height: 16,
+  backgroundColor: "white"
+}));
+var BpCheckedIcon = (0, import_material31.styled)(BpIcon)({
+  "&::before": {
+    width: 16,
+    height: 16,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    content: `url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.66667L4.82353 8L11 1' stroke='%23343434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")`
+  }
+});
+var CustomCheckbox = (props) => {
+  const { label, labelProps, checkboxProps, toggleView = false } = props;
+  if (label)
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_material31.FormControlLabel,
+      __spreadProps(__spreadValues({
+        className: `w-fit bg-accent-silver px-3 py-0.5 ml-0 ${toggleView ? "gap-0" : "gap-x-1"} ${(checkboxProps == null ? void 0 : checkboxProps.checked) && toggleView && "!bg-accent-beige"}`,
+        control: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          import_Checkbox.default,
+          __spreadProps(__spreadValues({}, checkboxProps), {
+            className: "p-0",
+            disableRipple: true,
+            color: "default",
+            checkedIcon: toggleView ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BpCheckedIcon, {}),
+            icon: toggleView ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BpIcon, {})
+          })
+        )
+      }, labelProps), {
+        label: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_Typography9.default, { className: "text-xs leading-6", children: label }),
+        labelPlacement: "start"
+      })
+    );
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_Checkbox.default, __spreadValues({}, checkboxProps));
+};
+var Checkbox_default = CustomCheckbox;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppBar,
@@ -1351,6 +1401,7 @@ var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
   BigNumber,
   Button,
   CategoryCard,
+  Checkbox,
   Chip,
   FromToInput,
   Greet,

package/dist/index.mjs

@@ -242,11 +242,13 @@ var SelectPro = ({
   overButton = false,
   small = false,
   fullWidth = false,
-  freeChildWidth = false
+  freeChildWidth = false,
+  isOpen
 }) => {
   const [btn, setAnchorEl] = useState2(null);
   const [open, setOpen] = useState2(false);
   const handleClick = (event) => {
+    if (isOpen) return;
     event.persist();
     if (open)
       setTimeout(() => {
@@ -256,6 +258,7 @@ var SelectPro = ({
     setOpen(!open);
   };
   const handleClose = () => {
+    if (isOpen) return;
     setOpen(false);
     setTimeout(() => {
       setAnchorEl(null);
@@ -608,8 +611,8 @@ var SearchInput = (props) => {
       startAdornment: /* @__PURE__ */ jsx20(Stack3, { direction: "row", alignItems: "center", children: /* @__PURE__ */ jsx20(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx20(search_default, {}) }) }),
       disableUnderline: true,
       placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
-      className: `w-full border rounded-none border-solid normal-case text-accent-dark hover:bg-white  gap-x-2 px-5 !py-2
-        ${collapse ? "bg-white border-transparent" : " border-accent-beige"} `
+      className: `w-full border rounded-none border-solid normal-case text-accent-dark hover:bg-white gap-x-2 px-5 h-[38px]
+        ${collapse ? "bg-white border-transparent" : "border-accent-beige"} `
     })
   );
 };
@@ -1294,6 +1297,52 @@ var ToggleButtonsWithLabel = (props) => {
   ] });
 };
 var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
+
+// src/components/Checkbox/Checkbox.tsx
+import Checkbox from "@mui/material/Checkbox";
+import { FormControlLabel as FormControlLabel2, styled as styled11 } from "@mui/material";
+import Typography18 from "@mui/material/Typography";
+import { Fragment as Fragment5, jsx as jsx47 } from "react/jsx-runtime";
+var BpIcon = styled11("span")(() => ({
+  width: 16,
+  height: 16,
+  backgroundColor: "white"
+}));
+var BpCheckedIcon = styled11(BpIcon)({
+  "&::before": {
+    width: 16,
+    height: 16,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    content: `url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.66667L4.82353 8L11 1' stroke='%23343434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")`
+  }
+});
+var CustomCheckbox = (props) => {
+  const { label, labelProps, checkboxProps, toggleView = false } = props;
+  if (label)
+    return /* @__PURE__ */ jsx47(
+      FormControlLabel2,
+      __spreadProps(__spreadValues({
+        className: `w-fit bg-accent-silver px-3 py-0.5 ml-0 ${toggleView ? "gap-0" : "gap-x-1"} ${(checkboxProps == null ? void 0 : checkboxProps.checked) && toggleView && "!bg-accent-beige"}`,
+        control: /* @__PURE__ */ jsx47(
+          Checkbox,
+          __spreadProps(__spreadValues({}, checkboxProps), {
+            className: "p-0",
+            disableRipple: true,
+            color: "default",
+            checkedIcon: toggleView ? /* @__PURE__ */ jsx47(Fragment5, {}) : /* @__PURE__ */ jsx47(BpCheckedIcon, {}),
+            icon: toggleView ? /* @__PURE__ */ jsx47(Fragment5, {}) : /* @__PURE__ */ jsx47(BpIcon, {})
+          })
+        )
+      }, labelProps), {
+        label: /* @__PURE__ */ jsx47(Typography18, { className: "text-xs leading-6", children: label }),
+        labelPlacement: "start"
+      })
+    );
+  return /* @__PURE__ */ jsx47(Checkbox, __spreadValues({}, checkboxProps));
+};
+var Checkbox_default = CustomCheckbox;
 export {
   AppBar_default as AppBar,
   ArticleCard_default as ArticleCard,
@@ -1303,6 +1352,7 @@ export {
   BigNumber_default as BigNumber,
   Button_default as Button,
   CategoryCard_default as CategoryCard,
+  Checkbox_default as Checkbox,
   Chip_default as Chip,
   FromToInput_default as FromToInput,
   Greet,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayak-common-library",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",