mayak-common-library 0.0.63 → 0.0.65

package/dist/index.d.mts

@@ -44,7 +44,7 @@ declare const CustomSelect: FC<SelectProps & PropsWithChildren>;
 
 interface SelectProProps {
     placeholder?: string;
-    childTitle?: string;
+    childTitle?: ReactElement;
     colorBorder?: boolean;
     clickComponent?: ReactElement;
     fullContainerWidth?: boolean;
@@ -60,7 +60,7 @@ declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
 interface CustomChipProps {
     view: "black" | "line" | "white" | "silver";
 }
-declare const CustomChip: FC<ChipProps & CustomChipProps>;
+declare const Chip: FC<ChipProps & CustomChipProps>;
 
 declare const CustomBadge: (props: BadgeProps) => react_jsx_runtime.JSX.Element;
 
@@ -208,6 +208,7 @@ interface ListItemProps {
     title: string;
     bold?: boolean;
     onClick?: (value: string) => void;
+    value?: string;
 }
 declare const ListItem: FC<ListItemProps>;
 
@@ -246,4 +247,4 @@ interface CustomCheckboxProps {
 }
 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 };
+export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomCheckbox as Checkbox, 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

@@ -44,7 +44,7 @@ declare const CustomSelect: FC<SelectProps & PropsWithChildren>;
 
 interface SelectProProps {
     placeholder?: string;
-    childTitle?: string;
+    childTitle?: ReactElement;
     colorBorder?: boolean;
     clickComponent?: ReactElement;
     fullContainerWidth?: boolean;
@@ -60,7 +60,7 @@ declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
 interface CustomChipProps {
     view: "black" | "line" | "white" | "silver";
 }
-declare const CustomChip: FC<ChipProps & CustomChipProps>;
+declare const Chip: FC<ChipProps & CustomChipProps>;
 
 declare const CustomBadge: (props: BadgeProps) => react_jsx_runtime.JSX.Element;
 
@@ -208,6 +208,7 @@ interface ListItemProps {
     title: string;
     bold?: boolean;
     onClick?: (value: string) => void;
+    value?: string;
 }
 declare const ListItem: FC<ListItemProps>;
 
@@ -246,4 +247,4 @@ interface CustomCheckboxProps {
 }
 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 };
+export { AppBar, ArticleCard, Autocomplete, CustomAvatar as Avatar, CustomBadge as Badge, BigNumber, Button, CategoryCard, CustomCheckbox as Checkbox, 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

@@ -365,7 +365,7 @@ var SelectPro = ({
             dropdown_arrow_default,
             {
               style: {
-                transform: open ? "scaleY(-1)" : "scaleY(1)",
+                transform: open ? "scaleY(1)" : "scaleY(-1)",
                 transition: "0.3s ease-in-out"
               }
             }
@@ -395,13 +395,7 @@ var SelectPro = ({
                 children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(close_default, {})
               }
             ) : null,
-            childTitle ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              import_material4.Typography,
-              {
-                className: "text-sm font-normal text-accent-silver-2",
-                children: childTitle
-              }
-            ) : null,
+            childTitle ? childTitle : null,
             childrenWithHandleChange
           ] })
         ]
@@ -427,7 +421,7 @@ var ChipViews = {
   white: "!bg-accent-white text-accent-dark",
   silver: "!bg-accent-silver text-accent-dark "
 };
-var CustomChip = (props) => {
+var Chip = (props) => {
   const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     StyledChip,
@@ -438,7 +432,7 @@ var CustomChip = (props) => {
     })
   );
 };
-var Chip_default = CustomChip;
+var Chip_default = Chip;
 
 // src/components/Badge/Badge.tsx
 var import_material6 = require("@mui/material");
@@ -1227,12 +1221,12 @@ var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"));
 var import_ListItemText = __toESM(require("@mui/material/ListItemText"));
 var import_Typography7 = __toESM(require("@mui/material/Typography"));
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var ListItem = ({ icon, title, bold, onClick }) => {
+var ListItem = ({ icon, title, bold, value, onClick }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material27.ListItem, { disablePadding: true, disableGutters: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     import_ListItemButton.default,
     {
       sx: { padding: 0, "&:hover": { backgroundColor: "unset" } },
-      onClick: () => onClick && onClick(title),
+      onClick: () => onClick && onClick(value ? value : title),
       disableRipple: true,
       children: [
         icon ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ListItemIcon.default, { sx: { minWidth: "24px" }, children: icon }) : null,
@@ -1339,7 +1333,7 @@ var ToggleButtonsWithLabel = (props) => {
     if (collapseOnClick && collapseParent) collapseParent();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material30.Stack, { children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Typography8.default, { className: "text-accent-silver-2 text-sm", children: label }) : null,
+    label ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Typography8.default, { className: "text-accent-silver-2 text-xs", children: label }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       ToggleButtonGroup_default,
       __spreadProps(__spreadValues({}, field), {
@@ -1349,7 +1343,16 @@ var ToggleButtonsWithLabel = (props) => {
         onChange: handleFormat,
         "aria-label": "text formatting",
         className: `flex flex-${flexDirection} ${textView ? "gap-1 flex-nowrap flex-col" : " flex-wrap"}`,
-        children: values.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ToggleButton_default, { value: option.value, textView, children: option.title }, index))
+        children: values.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          ToggleButton_default,
+          {
+            value: option.value,
+            textView,
+            className: "text-accent-dark",
+            children: option.title
+          },
+          index
+        ))
       })
     )
   ] });

package/dist/index.mjs

@@ -306,7 +306,7 @@ var SelectPro = ({
             dropdown_arrow_default,
             {
               style: {
-                transform: open ? "scaleY(-1)" : "scaleY(1)",
+                transform: open ? "scaleY(1)" : "scaleY(-1)",
                 transition: "0.3s ease-in-out"
               }
             }
@@ -336,13 +336,7 @@ var SelectPro = ({
                 children: /* @__PURE__ */ jsx7(close_default, {})
               }
             ) : null,
-            childTitle ? /* @__PURE__ */ jsx7(
-              Typography2,
-              {
-                className: "text-sm font-normal text-accent-silver-2",
-                children: childTitle
-              }
-            ) : null,
+            childTitle ? childTitle : null,
             childrenWithHandleChange
           ] })
         ]
@@ -353,9 +347,9 @@ var SelectPro = ({
 var SelectPro_default = SelectPro;
 
 // src/components/Chip/Chip.tsx
-import { Chip, styled as styled4 } from "@mui/material";
+import { Chip as MUIChip, styled as styled4 } from "@mui/material";
 import { jsx as jsx8 } from "react/jsx-runtime";
-var StyledChip = styled4(Chip)(({ theme: theme2 }) => ({
+var StyledChip = styled4(MUIChip)(({ theme: theme2 }) => ({
   borderRadius: theme2.shape.borderRadius,
   ".MuiChip-label": { padding: 0 },
   ".MuiChip-icon": { margin: "0 6px 0 0" },
@@ -368,7 +362,7 @@ var ChipViews = {
   white: "!bg-accent-white text-accent-dark",
   silver: "!bg-accent-silver text-accent-dark "
 };
-var CustomChip = (props) => {
+var Chip = (props) => {
   const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
   return /* @__PURE__ */ jsx8(
     StyledChip,
@@ -379,7 +373,7 @@ var CustomChip = (props) => {
     })
   );
 };
-var Chip_default = CustomChip;
+var Chip_default = Chip;
 
 // src/components/Badge/Badge.tsx
 import { Badge } from "@mui/material";
@@ -1176,12 +1170,12 @@ import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
 import Typography16 from "@mui/material/Typography";
 import { jsx as jsx43, jsxs as jsxs17 } from "react/jsx-runtime";
-var ListItem = ({ icon, title, bold, onClick }) => {
+var ListItem = ({ icon, title, bold, value, onClick }) => {
   return /* @__PURE__ */ jsx43(MUIListItem, { disablePadding: true, disableGutters: true, children: /* @__PURE__ */ jsxs17(
     ListItemButton,
     {
       sx: { padding: 0, "&:hover": { backgroundColor: "unset" } },
-      onClick: () => onClick && onClick(title),
+      onClick: () => onClick && onClick(value ? value : title),
       disableRipple: true,
       children: [
         icon ? /* @__PURE__ */ jsx43(ListItemIcon, { sx: { minWidth: "24px" }, children: icon }) : null,
@@ -1294,7 +1288,7 @@ var ToggleButtonsWithLabel = (props) => {
     if (collapseOnClick && collapseParent) collapseParent();
   };
   return /* @__PURE__ */ jsxs18(Stack6, { children: [
-    label ? /* @__PURE__ */ jsx46(Typography17, { className: "text-accent-silver-2 text-sm", children: label }) : null,
+    label ? /* @__PURE__ */ jsx46(Typography17, { className: "text-accent-silver-2 text-xs", children: label }) : null,
     /* @__PURE__ */ jsx46(
       ToggleButtonGroup_default,
       __spreadProps(__spreadValues({}, field), {
@@ -1304,7 +1298,16 @@ var ToggleButtonsWithLabel = (props) => {
         onChange: handleFormat,
         "aria-label": "text formatting",
         className: `flex flex-${flexDirection} ${textView ? "gap-1 flex-nowrap flex-col" : " flex-wrap"}`,
-        children: values.map((option, index) => /* @__PURE__ */ jsx46(ToggleButton_default, { value: option.value, textView, children: option.title }, index))
+        children: values.map((option, index) => /* @__PURE__ */ jsx46(
+          ToggleButton_default,
+          {
+            value: option.value,
+            textView,
+            className: "text-accent-dark",
+            children: option.title
+          },
+          index
+        ))
       })
     )
   ] });

package/package.json

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