mayak-common-library 0.0.62 → 0.0.64

package/dist/index.d.mts

@@ -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

@@ -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"
               }
             }
@@ -418,26 +418,27 @@ var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme: t
   borderRadius: theme2.shape.borderRadius,
   ".MuiChip-label": { padding: 0 },
   ".MuiChip-icon": { margin: "0 6px 0 0" },
-  ".MuiChip-deleteIcon": { margin: "0 0 0 10px" }
+  ".MuiChip-deleteIcon": { margin: "0 0 0 10px" },
+  height: "28px"
 }));
 var ChipViews = {
   black: "!bg-accent-dark text-accent-white py-1.5 px-4",
-  line: "!border border-solid border-accent-dark bg-accent-white",
+  line: "border border-solid border-accent-dark !bg-accent-white",
   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,
     __spreadProps(__spreadValues({
-      className: `rounded-none w-fit px-2.5 py-0 text-14 h-[28px] ${ChipViews[view]}`
+      className: `rounded-none w-fit px-2.5 py-0 text-14 ${ChipViews[view]}`
     }, rest), {
       deleteIcon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(close_default, {})
     })
   );
 };
-var Chip_default = CustomChip;
+var Chip_default = Chip;
 
 // src/components/Badge/Badge.tsx
 var import_material6 = require("@mui/material");
@@ -1226,12 +1227,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,

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"
               }
             }
@@ -353,32 +353,33 @@ 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" },
-  ".MuiChip-deleteIcon": { margin: "0 0 0 10px" }
+  ".MuiChip-deleteIcon": { margin: "0 0 0 10px" },
+  height: "28px"
 }));
 var ChipViews = {
   black: "!bg-accent-dark text-accent-white py-1.5 px-4",
-  line: "!border border-solid border-accent-dark bg-accent-white",
+  line: "border border-solid border-accent-dark !bg-accent-white",
   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,
     __spreadProps(__spreadValues({
-      className: `rounded-none w-fit px-2.5 py-0 text-14 h-[28px] ${ChipViews[view]}`
+      className: `rounded-none w-fit px-2.5 py-0 text-14 ${ChipViews[view]}`
     }, rest), {
       deleteIcon: /* @__PURE__ */ jsx8(close_default, {})
     })
   );
 };
-var Chip_default = CustomChip;
+var Chip_default = Chip;
 
 // src/components/Badge/Badge.tsx
 import { Badge } from "@mui/material";
@@ -1175,12 +1176,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,

package/package.json

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