mayak-common-library 0.0.91 → 0.0.93

package/dist/index.d.mts

@@ -56,6 +56,7 @@ interface SelectProProps {
     disableCloseButton?: boolean;
     openUp?: boolean;
     intermediateChild?: ReactElement;
+    actionsComponent?: ReactElement;
     accentBgColor?: true;
     paperSx?: SystemStyleObject;
     childContainerSx?: SystemStyleObject;
@@ -231,6 +232,7 @@ interface ToggleButtonsMultipleProps extends ToggleButtonGroupProps$1 {
     label?: string;
     flexDirection?: "row" | "col";
     fixWidth?: boolean;
+    arrayValueFormat?: boolean;
 }
 declare const ToggleButtonsWithLabel: <T extends FieldValues>(props: ToggleButtonsMultipleProps & UseControllerProps<T>) => react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -56,6 +56,7 @@ interface SelectProProps {
     disableCloseButton?: boolean;
     openUp?: boolean;
     intermediateChild?: ReactElement;
+    actionsComponent?: ReactElement;
     accentBgColor?: true;
     paperSx?: SystemStyleObject;
     childContainerSx?: SystemStyleObject;
@@ -231,6 +232,7 @@ interface ToggleButtonsMultipleProps extends ToggleButtonGroupProps$1 {
     label?: string;
     flexDirection?: "row" | "col";
     fixWidth?: boolean;
+    arrayValueFormat?: boolean;
 }
 declare const ToggleButtonsWithLabel: <T extends FieldValues>(props: ToggleButtonsMultipleProps & UseControllerProps<T>) => react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -126,12 +126,7 @@ var StyledButton = (0, import_material.styled)(import_Button.default)(() => ({
       filter: "brightness(0) saturate(100%) invert(0%) sepia(95%) saturate(0%) hue-rotate(155deg) brightness(95%) contrast(105%)"
     }
   },
-  transition: "transform 0.1s ease-in-out",
-  "&:active": {
-    // p: {
-    // transform: "scale(0.99)",
-    // },
-  }
+  transition: "transform 0.1s ease-in-out"
 }));
 var Button = (props) => {
   const _a = props, {
@@ -170,7 +165,7 @@ var Button = (props) => {
     __spreadProps(__spreadValues({}, rest), {
       disableRipple: true,
       className: buttonClassName,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         import_Typography.default,
         {
           style: { top: "1px" },
@@ -178,7 +173,7 @@ var Button = (props) => {
       }relative ${bolt ? "font-extrabold" : "font-normal"}`,
           children
         }
-      )
+      ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children })
     })
   );
 };
@@ -338,7 +333,8 @@ var SelectPro = ({
   accentBgColor,
   paperSx,
   childContainerSx,
-  reverseAnimation = false
+  reverseAnimation = false,
+  actionsComponent
 }) => {
   const [btn, setAnchorEl] = (0, import_react2.useState)(null);
   const [open, setOpen] = (0, import_react2.useState)(false);
@@ -363,6 +359,9 @@ var SelectPro = ({
   const childrenWithHandleChange = (0, import_react2.isValidElement)(children) ? (0, import_react2.cloneElement)(children, {
     collapseParent: handleClose
   }) : children;
+  const actionsComponentWithHandleChange = (0, import_react2.isValidElement)(actionsComponent) ? (0, import_react2.cloneElement)(actionsComponent, {
+    collapseParent: handleClose
+  }) : actionsComponent;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { width: fullWidth ? "100%" : "inherit", children: [
     clickComponent ? (0, import_react2.cloneElement)(clickComponent, {
       ref: btn,
@@ -437,7 +436,8 @@ var SelectPro = ({
                   }
                 ) : null,
                 childTitle ? childTitle : null,
-                childrenWithHandleChange
+                childrenWithHandleChange,
+                actionsComponentWithHandleChange
               ]
             }
           )
@@ -1297,10 +1297,7 @@ var import_jsx_runtime45 = require("react/jsx-runtime");
 var StyledToggleButtonGroup = (0, import_material28.styled)(
   import_material28.ToggleButtonGroup
 )(() => ({
-  // marginBottom: theme.spacing(-1),
   [`& .${import_material28.toggleButtonGroupClasses.grouped}`]: {
-    // marginRight: flexDirection === "col" ? "unset" : theme.spacing(1),
-    // marginBottom: theme.spacing(1), //flexDirection === "col" ? theme.spacing(1) : "unset",
     width: "fit-content"
   },
   [`& .${import_material28.toggleButtonGroupClasses.lastButton}`]: {

package/dist/index.mjs

@@ -45,7 +45,7 @@ import ButtonMUI from "@mui/material/Button";
 import { styled } from "@mui/material";
 import Typography from "@mui/material/Typography";
 import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 var StyledButton = styled(ButtonMUI)(() => ({
   textTransform: "none",
   width: "fit-content",
@@ -56,12 +56,7 @@ var StyledButton = styled(ButtonMUI)(() => ({
       filter: "brightness(0) saturate(100%) invert(0%) sepia(95%) saturate(0%) hue-rotate(155deg) brightness(95%) contrast(105%)"
     }
   },
-  transition: "transform 0.1s ease-in-out",
-  "&:active": {
-    // p: {
-    // transform: "scale(0.99)",
-    // },
-  }
+  transition: "transform 0.1s ease-in-out"
 }));
 var Button = (props) => {
   const _a = props, {
@@ -100,7 +95,7 @@ var Button = (props) => {
     __spreadProps(__spreadValues({}, rest), {
       disableRipple: true,
       className: buttonClassName,
-      children: /* @__PURE__ */ jsx(
+      children: typeof children === "string" ? /* @__PURE__ */ jsx(
         Typography,
         {
           style: { top: "1px" },
@@ -108,7 +103,7 @@ var Button = (props) => {
       }relative ${bolt ? "font-extrabold" : "font-normal"}`,
           children
         }
-      )
+      ) : /* @__PURE__ */ jsx(Fragment, { children })
     })
   );
 };
@@ -279,7 +274,8 @@ var SelectPro = ({
   accentBgColor,
   paperSx,
   childContainerSx,
-  reverseAnimation = false
+  reverseAnimation = false,
+  actionsComponent
 }) => {
   const [btn, setAnchorEl] = useState2(null);
   const [open, setOpen] = useState2(false);
@@ -304,6 +300,9 @@ var SelectPro = ({
   const childrenWithHandleChange = isValidElement(children) ? cloneElement(children, {
     collapseParent: handleClose
   }) : children;
+  const actionsComponentWithHandleChange = isValidElement(actionsComponent) ? cloneElement(actionsComponent, {
+    collapseParent: handleClose
+  }) : actionsComponent;
   return /* @__PURE__ */ jsx7(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs3(Box, { width: fullWidth ? "100%" : "inherit", children: [
     clickComponent ? cloneElement(clickComponent, {
       ref: btn,
@@ -378,7 +377,8 @@ var SelectPro = ({
                   }
                 ) : null,
                 childTitle ? childTitle : null,
-                childrenWithHandleChange
+                childrenWithHandleChange,
+                actionsComponentWithHandleChange
               ]
             }
           )
@@ -918,16 +918,16 @@ var ArticleCard = (props) => {
 var ArticleCard_default = ArticleCard;
 
 // src/components/Card/JobCard.tsx
-import { Fragment, jsx as jsx28 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx28 } from "react/jsx-runtime";
 var JobCard = () => {
-  return /* @__PURE__ */ jsx28(Fragment, {});
+  return /* @__PURE__ */ jsx28(Fragment2, {});
 };
 var JobCard_default = JobCard;
 
 // src/components/Card/RealtorCard.tsx
-import { Fragment as Fragment2, jsx as jsx29 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx29 } from "react/jsx-runtime";
 var RealtorCard = () => {
-  return /* @__PURE__ */ jsx29(Fragment2, {});
+  return /* @__PURE__ */ jsx29(Fragment3, {});
 };
 var RealtorCard_default = RealtorCard;
 
@@ -1023,7 +1023,7 @@ import {
   Stack as Stack5
 } from "@mui/material";
 import { useController as useController2 } from "react-hook-form";
-import { Fragment as Fragment3, jsx as jsx33, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx33, jsxs as jsxs11 } from "react/jsx-runtime";
 var RenderInputAutocomplete = (_a) => {
   var _b = _a, {
     InputProps: InputProps2,
@@ -1039,7 +1039,7 @@ var RenderInputAutocomplete = (_a) => {
         /* @__PURE__ */ jsx33(InputAdornment3, { position: "start", children: /* @__PURE__ */ jsx33(search_default, {}) }),
         InputProps2.startAdornment
       ] }),
-      endAdornment: /* @__PURE__ */ jsx33(Fragment3, {}),
+      endAdornment: /* @__PURE__ */ jsx33(Fragment4, {}),
       ref: InputProps2.ref,
       disableUnderline: true,
       placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
@@ -1186,7 +1186,7 @@ import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
 // src/blocks/RichTextBlock.tsx
 import { Box as Box12 } from "@mui/material";
 import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
-import { Fragment as Fragment4, jsx as jsx40 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx40 } from "react/jsx-runtime";
 
 // src/blocks/ArticleContentBlock.tsx
 import { Box as Box13, Container as Container3, Typography as Typography15 } from "@mui/material";
@@ -1252,10 +1252,7 @@ import { jsx as jsx44 } from "react/jsx-runtime";
 var StyledToggleButtonGroup = styled9(
   MUIToggleButtonGroup
 )(() => ({
-  // marginBottom: theme.spacing(-1),
   [`& .${toggleButtonGroupClasses.grouped}`]: {
-    // marginRight: flexDirection === "col" ? "unset" : theme.spacing(1),
-    // marginBottom: theme.spacing(1), //flexDirection === "col" ? theme.spacing(1) : "unset",
     width: "fit-content"
   },
   [`& .${toggleButtonGroupClasses.lastButton}`]: {
@@ -1364,7 +1361,7 @@ var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
 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";
+import { Fragment as Fragment6, jsx as jsx47 } from "react/jsx-runtime";
 var BpIcon = styled11("span")(() => ({
   width: 16,
   height: 16,
@@ -1399,8 +1396,8 @@ var CustomCheckbox = (props) => {
             className: "p-0",
             disableRipple: true,
             color: "default",
-            checkedIcon: toggleView ? /* @__PURE__ */ jsx47(Fragment5, {}) : /* @__PURE__ */ jsx47(BpCheckedIcon, {}),
-            icon: toggleView ? /* @__PURE__ */ jsx47(Fragment5, {}) : /* @__PURE__ */ jsx47(BpIcon, {})
+            checkedIcon: toggleView ? /* @__PURE__ */ jsx47(Fragment6, {}) : /* @__PURE__ */ jsx47(BpCheckedIcon, {}),
+            icon: toggleView ? /* @__PURE__ */ jsx47(Fragment6, {}) : /* @__PURE__ */ jsx47(BpIcon, {})
           })
         )
       }, labelProps), {

package/package.json

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