mayak-common-library 0.0.39 → 0.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +18 -2
- package/dist/index.d.ts +18 -2
- package/dist/index.js +209 -131
- package/dist/index.mjs +169 -93
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -67,6 +67,7 @@ __export(src_exports, {
|
|
|
67
67
|
BigNumber: () => BigNumber_default,
|
|
68
68
|
Button: () => Button_default,
|
|
69
69
|
CategoryCard: () => CategoryCard_default,
|
|
70
|
+
Checkbox: () => Checkbox_default,
|
|
70
71
|
Chip: () => Chip_default,
|
|
71
72
|
FromToInput: () => FromToInput_default,
|
|
72
73
|
Greet: () => Greet,
|
|
@@ -84,6 +85,7 @@ __export(src_exports, {
|
|
|
84
85
|
RadioGroup: () => RadioGroup_default,
|
|
85
86
|
RealtorCard: () => RealtorCard_default,
|
|
86
87
|
RealtyCard: () => RealtyCard_default,
|
|
88
|
+
SearchInput: () => SearchInput_default,
|
|
87
89
|
Select: () => Select_default,
|
|
88
90
|
SelectPro: () => SelectPro_default,
|
|
89
91
|
Slider: () => Slider_default,
|
|
@@ -645,6 +647,34 @@ var FromToInput = ({ label }) => {
|
|
|
645
647
|
};
|
|
646
648
|
var FromToInput_default = FromToInput;
|
|
647
649
|
|
|
650
|
+
// src/components/Input/SearchInput.tsx
|
|
651
|
+
var import_react_hook_form = require("react-hook-form");
|
|
652
|
+
var import_material12 = require("@mui/material");
|
|
653
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
654
|
+
var SearchInput = (props) => {
|
|
655
|
+
const { collapse } = props;
|
|
656
|
+
const { field } = (0, import_react_hook_form.useController)(props);
|
|
657
|
+
const handleSearchInputClick = (event) => {
|
|
658
|
+
if (props.onClick) {
|
|
659
|
+
props.onClick(event);
|
|
660
|
+
}
|
|
661
|
+
};
|
|
662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
663
|
+
import_material12.Input,
|
|
664
|
+
__spreadProps(__spreadValues({
|
|
665
|
+
autoComplete: "off"
|
|
666
|
+
}, field), {
|
|
667
|
+
onClick: handleSearchInputClick,
|
|
668
|
+
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, {}) }) }),
|
|
669
|
+
disableUnderline: true,
|
|
670
|
+
placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
|
|
671
|
+
className: `w-full border rounded-none border-solid normal-case text-accent-dark hover:bg-white gap-x-2 px-5 !py-2
|
|
672
|
+
${collapse ? "bg-white border-transparent" : " border-accent-beige"} `
|
|
673
|
+
})
|
|
674
|
+
);
|
|
675
|
+
};
|
|
676
|
+
var SearchInput_default = SearchInput;
|
|
677
|
+
|
|
648
678
|
// src/theme/index.tsx
|
|
649
679
|
var import_react4 = require("react");
|
|
650
680
|
var import_cache = __toESM(require("@emotion/cache"));
|
|
@@ -693,7 +723,7 @@ var _theme = {
|
|
|
693
723
|
};
|
|
694
724
|
|
|
695
725
|
// src/theme/index.tsx
|
|
696
|
-
var
|
|
726
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
697
727
|
var theme = (0, import_createTheme.default)(__spreadValues({}, _theme));
|
|
698
728
|
function ThemeRegistry(props) {
|
|
699
729
|
const { children } = props;
|
|
@@ -726,7 +756,7 @@ function ThemeRegistry(props) {
|
|
|
726
756
|
for (const name of names) {
|
|
727
757
|
styles += cache.inserted[name];
|
|
728
758
|
}
|
|
729
|
-
return /* @__PURE__ */ (0,
|
|
759
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
730
760
|
"style",
|
|
731
761
|
{
|
|
732
762
|
"data-emotion": `${cache.key} ${names.join(" ")}`,
|
|
@@ -737,31 +767,31 @@ function ThemeRegistry(props) {
|
|
|
737
767
|
cache.key
|
|
738
768
|
);
|
|
739
769
|
});
|
|
740
|
-
return /* @__PURE__ */ (0,
|
|
741
|
-
/* @__PURE__ */ (0,
|
|
770
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react5.CacheProvider, { value: cache, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_ThemeProvider.default, { theme, children: [
|
|
771
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_CssBaseline.default, {}),
|
|
742
772
|
children
|
|
743
773
|
] }) });
|
|
744
774
|
}
|
|
745
775
|
|
|
746
776
|
// src/providers/Providers.tsx
|
|
747
|
-
var
|
|
777
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
748
778
|
var Providers = ({ children }) => {
|
|
749
|
-
return /* @__PURE__ */ (0,
|
|
779
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ThemeRegistry, { children });
|
|
750
780
|
};
|
|
751
781
|
var Providers_default = Providers;
|
|
752
782
|
|
|
753
783
|
// src/components/AppBar/AppBar.tsx
|
|
754
784
|
var import_react6 = require("react");
|
|
755
|
-
var
|
|
785
|
+
var import_material13 = require("@mui/material");
|
|
756
786
|
var import_link = __toESM(require("next/link"));
|
|
757
|
-
var
|
|
787
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
758
788
|
var AppBar = ({ links }) => {
|
|
759
789
|
const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
|
|
760
790
|
const navItemsRef = (0, import_react6.useRef)([]);
|
|
761
791
|
const handleClick = (index) => {
|
|
762
792
|
setActiveIndex(index);
|
|
763
793
|
};
|
|
764
|
-
return /* @__PURE__ */ (0,
|
|
794
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material13.Stack, { direction: "row", spacing: 1, position: "relative", children: links.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
765
795
|
import_link.default,
|
|
766
796
|
{
|
|
767
797
|
ref: (el) => {
|
|
@@ -778,9 +808,9 @@ var AppBar = ({ links }) => {
|
|
|
778
808
|
var AppBar_default = AppBar;
|
|
779
809
|
|
|
780
810
|
// src/components/Image/ImageContainer.tsx
|
|
781
|
-
var
|
|
811
|
+
var import_material14 = require("@mui/material");
|
|
782
812
|
var import_image = __toESM(require("next/image"));
|
|
783
|
-
var
|
|
813
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
784
814
|
var ImageContainer = (props) => {
|
|
785
815
|
const {
|
|
786
816
|
src,
|
|
@@ -794,11 +824,11 @@ var ImageContainer = (props) => {
|
|
|
794
824
|
classesWrapper,
|
|
795
825
|
classesImg
|
|
796
826
|
} = props;
|
|
797
|
-
return /* @__PURE__ */ (0,
|
|
798
|
-
|
|
827
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
828
|
+
import_material14.Box,
|
|
799
829
|
{
|
|
800
830
|
className: `relative ${width} ${height}${classesWrapper ? " " + classesWrapper : ""}`,
|
|
801
|
-
children: /* @__PURE__ */ (0,
|
|
831
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
802
832
|
import_image.default,
|
|
803
833
|
{
|
|
804
834
|
className: `${objectFit} object-center${classesImg ? " " + classesImg : ""}`,
|
|
@@ -817,33 +847,33 @@ var ImageContainer_default = ImageContainer;
|
|
|
817
847
|
|
|
818
848
|
// src/icons/map-search.svg
|
|
819
849
|
var React4 = __toESM(require("react"));
|
|
820
|
-
var
|
|
821
|
-
var SvgMapSearch = (props) => /* @__PURE__ */ (0,
|
|
850
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
851
|
+
var SvgMapSearch = (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M11 18L9 17M9 17L3 20V7L9 4M9 17V4M9 4L15 7M15 7L21 4V11.5M15 7V12M20.1992 20.1992L21.9992 21.9992M15 18C15 18.7956 15.3161 19.5587 15.8787 20.1213C16.4413 20.6839 17.2044 21 18 21C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 17.2044 20.6839 16.4413 20.1213 15.8787C19.5587 15.3161 18.7956 15 18 15C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18Z", stroke: "#343434", className: "stroke-current", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
822
852
|
var map_search_default = SvgMapSearch;
|
|
823
853
|
|
|
824
854
|
// src/components/Card/CategoryCard.tsx
|
|
825
|
-
var
|
|
855
|
+
var import_material15 = require("@mui/material");
|
|
826
856
|
var import_link2 = __toESM(require("next/link"));
|
|
827
857
|
|
|
828
858
|
// src/lib/assets.ts
|
|
829
859
|
var NO_IMAGE = "/images/no-photo.svg";
|
|
830
860
|
|
|
831
861
|
// src/components/Card/CategoryCard.tsx
|
|
832
|
-
var
|
|
862
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
833
863
|
var CategoryCard = (props) => {
|
|
834
864
|
const { link, text, title, image_url = NO_IMAGE } = props;
|
|
835
|
-
return /* @__PURE__ */ (0,
|
|
836
|
-
/* @__PURE__ */ (0,
|
|
837
|
-
/* @__PURE__ */ (0,
|
|
838
|
-
/* @__PURE__ */ (0,
|
|
839
|
-
|
|
865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_link2.default, { href: link, className: "group/card", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material15.Box, { className: "flex flex-col gap-[20px]", children: [
|
|
866
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }),
|
|
867
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material15.Box, { className: "flex flex-col px-[16px]", children: [
|
|
868
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
869
|
+
import_material15.Typography,
|
|
840
870
|
{
|
|
841
871
|
component: "span",
|
|
842
872
|
className: "font-extrabold text-16 group-hover/card:text-gold2",
|
|
843
873
|
children: title
|
|
844
874
|
}
|
|
845
875
|
),
|
|
846
|
-
/* @__PURE__ */ (0,
|
|
876
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material15.Typography, { component: "span", className: "group-hover/card:text-gold2", children: text })
|
|
847
877
|
] })
|
|
848
878
|
] }) });
|
|
849
879
|
};
|
|
@@ -851,18 +881,18 @@ var CategoryCard_default = CategoryCard;
|
|
|
851
881
|
|
|
852
882
|
// src/components/Card/ArticleCard.tsx
|
|
853
883
|
var import_link3 = __toESM(require("next/link"));
|
|
854
|
-
var
|
|
884
|
+
var import_material16 = require("@mui/material");
|
|
855
885
|
var import_Typography5 = __toESM(require("@mui/material/Typography"));
|
|
856
|
-
var
|
|
886
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
857
887
|
var ArticleCard = (props) => {
|
|
858
888
|
const { imageUrl = NO_IMAGE, classes, title, text, href } = props;
|
|
859
|
-
return /* @__PURE__ */ (0,
|
|
889
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
860
890
|
import_link3.default,
|
|
861
891
|
{
|
|
862
892
|
href,
|
|
863
893
|
className: `group/card bg-gray-light${classes ? " " + classes : ""}`,
|
|
864
894
|
children: [
|
|
865
|
-
/* @__PURE__ */ (0,
|
|
895
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
866
896
|
ImageContainer_default,
|
|
867
897
|
{
|
|
868
898
|
src: imageUrl,
|
|
@@ -871,8 +901,8 @@ var ArticleCard = (props) => {
|
|
|
871
901
|
height: "h-[220px]"
|
|
872
902
|
}
|
|
873
903
|
),
|
|
874
|
-
/* @__PURE__ */ (0,
|
|
875
|
-
/* @__PURE__ */ (0,
|
|
904
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material16.Box, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
|
|
905
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
876
906
|
import_Typography5.default,
|
|
877
907
|
{
|
|
878
908
|
component: "span",
|
|
@@ -880,7 +910,7 @@ var ArticleCard = (props) => {
|
|
|
880
910
|
children: title
|
|
881
911
|
}
|
|
882
912
|
),
|
|
883
|
-
/* @__PURE__ */ (0,
|
|
913
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
884
914
|
import_Typography5.default,
|
|
885
915
|
{
|
|
886
916
|
component: "span",
|
|
@@ -896,34 +926,34 @@ var ArticleCard = (props) => {
|
|
|
896
926
|
var ArticleCard_default = ArticleCard;
|
|
897
927
|
|
|
898
928
|
// src/components/Card/JobCard.tsx
|
|
899
|
-
var
|
|
929
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
900
930
|
var JobCard = () => {
|
|
901
|
-
return /* @__PURE__ */ (0,
|
|
931
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, {});
|
|
902
932
|
};
|
|
903
933
|
var JobCard_default = JobCard;
|
|
904
934
|
|
|
905
935
|
// src/components/Card/RealtorCard.tsx
|
|
906
|
-
var
|
|
936
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
907
937
|
var RealtorCard = () => {
|
|
908
|
-
return /* @__PURE__ */ (0,
|
|
938
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, {});
|
|
909
939
|
};
|
|
910
940
|
var RealtorCard_default = RealtorCard;
|
|
911
941
|
|
|
912
942
|
// src/components/Card/RealtyCard.tsx
|
|
913
|
-
var
|
|
943
|
+
var import_material17 = require("@mui/material");
|
|
914
944
|
var import_link4 = __toESM(require("next/link"));
|
|
915
945
|
|
|
916
946
|
// src/icons/metro.svg
|
|
917
947
|
var React5 = __toESM(require("react"));
|
|
918
|
-
var
|
|
919
|
-
var SvgMetro = (props) => /* @__PURE__ */ (0,
|
|
948
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
949
|
+
var SvgMetro = (props) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", __spreadProps(__spreadValues({ width: 12, height: 10, viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M3.23128 0L0 9.41H2.99687L4.12109 6.14551L6.00093 10L7.87891 6.14551L9.0068 9.41H12L8.76874 0L6.00093 4.83041L3.23128 0Z", fill: "#757575" }) }));
|
|
920
950
|
var metro_default = SvgMetro;
|
|
921
951
|
|
|
922
952
|
// src/components/Card/RealtyCard.tsx
|
|
923
|
-
var
|
|
953
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
924
954
|
var RealtyCard = () => {
|
|
925
|
-
return /* @__PURE__ */ (0,
|
|
926
|
-
/* @__PURE__ */ (0,
|
|
955
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_link4.default, { href: "/", className: "relative", children: [
|
|
956
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
927
957
|
ImageContainer_default,
|
|
928
958
|
{
|
|
929
959
|
src: "/images/test.png",
|
|
@@ -932,20 +962,20 @@ var RealtyCard = () => {
|
|
|
932
962
|
contentful: false
|
|
933
963
|
}
|
|
934
964
|
),
|
|
935
|
-
/* @__PURE__ */ (0,
|
|
936
|
-
/* @__PURE__ */ (0,
|
|
937
|
-
/* @__PURE__ */ (0,
|
|
965
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material17.Box, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]", children: [
|
|
966
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material17.Typography, { component: "span", className: "text-14", children: [
|
|
967
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material17.Typography, { component: "span", className: "font-extrabold", children: "120 000 \u20B4" }),
|
|
938
968
|
"/\u043C\u0456\u0441\u044F\u0446\u044C"
|
|
939
969
|
] }),
|
|
940
|
-
/* @__PURE__ */ (0,
|
|
941
|
-
/* @__PURE__ */ (0,
|
|
942
|
-
/* @__PURE__ */ (0,
|
|
943
|
-
/* @__PURE__ */ (0,
|
|
970
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material17.Typography, { component: "span", className: "font-extrabold", children: "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25" }),
|
|
971
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material17.Box, { className: "flex items-center gap-[10px]", children: [
|
|
972
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material17.Typography, { component: "span", className: "text-12", children: "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D" }),
|
|
973
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Chip_default, { icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(metro_default, {}), view: "silver", label: "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430" })
|
|
944
974
|
] }),
|
|
945
|
-
/* @__PURE__ */ (0,
|
|
946
|
-
/* @__PURE__ */ (0,
|
|
947
|
-
/* @__PURE__ */ (0,
|
|
948
|
-
/* @__PURE__ */ (0,
|
|
975
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material17.Box, { className: "flex flex-wrap gap-[6px] mt-[6px]", children: [
|
|
976
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }),
|
|
977
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Chip_default, { view: "line", label: "60 \u043C\xB2" }),
|
|
978
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" })
|
|
949
979
|
] })
|
|
950
980
|
] })
|
|
951
981
|
] });
|
|
@@ -953,13 +983,13 @@ var RealtyCard = () => {
|
|
|
953
983
|
var RealtyCard_default = RealtyCard;
|
|
954
984
|
|
|
955
985
|
// src/components/Card/TeamPersonCard.tsx
|
|
956
|
-
var
|
|
957
|
-
var
|
|
986
|
+
var import_material18 = require("@mui/material");
|
|
987
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
958
988
|
var TeamPersonCard = (props) => {
|
|
959
989
|
const { image_url = NO_IMAGE, name, position, text } = props;
|
|
960
|
-
return /* @__PURE__ */ (0,
|
|
961
|
-
/* @__PURE__ */ (0,
|
|
962
|
-
/* @__PURE__ */ (0,
|
|
990
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material18.Box, { className: "group/card", children: [
|
|
991
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material18.Box, { className: "relative h-[300px]", children: [
|
|
992
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material18.Box, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
963
993
|
ImageContainer_default,
|
|
964
994
|
{
|
|
965
995
|
contentful: false,
|
|
@@ -968,11 +998,11 @@ var TeamPersonCard = (props) => {
|
|
|
968
998
|
objectFit: "object-contain"
|
|
969
999
|
}
|
|
970
1000
|
) }),
|
|
971
|
-
/* @__PURE__ */ (0,
|
|
972
|
-
/* @__PURE__ */ (0,
|
|
973
|
-
/* @__PURE__ */ (0,
|
|
974
|
-
/* @__PURE__ */ (0,
|
|
975
|
-
|
|
1001
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material18.Box, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white", children: [
|
|
1002
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material18.Typography, { component: "span", className: "text-16 font-extrabold", children: position }),
|
|
1003
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material18.Typography, { component: "span", className: "mt-[4px]", children: name }),
|
|
1004
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
1005
|
+
import_material18.Typography,
|
|
976
1006
|
{
|
|
977
1007
|
component: "span",
|
|
978
1008
|
className: "mt-[11px] text-12 !leading-[16px]",
|
|
@@ -981,9 +1011,9 @@ var TeamPersonCard = (props) => {
|
|
|
981
1011
|
)
|
|
982
1012
|
] })
|
|
983
1013
|
] }),
|
|
984
|
-
/* @__PURE__ */ (0,
|
|
985
|
-
/* @__PURE__ */ (0,
|
|
986
|
-
/* @__PURE__ */ (0,
|
|
1014
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material18.Box, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12", children: [
|
|
1015
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material18.Typography, { component: "span", className: "text-16 font-extrabold", children: position }),
|
|
1016
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material18.Typography, { component: "span", className: "text-gray", children: name })
|
|
987
1017
|
] })
|
|
988
1018
|
] });
|
|
989
1019
|
};
|
|
@@ -991,9 +1021,9 @@ var TeamPersonCard_default = TeamPersonCard;
|
|
|
991
1021
|
|
|
992
1022
|
// src/components/Autocomplete/Autocomplete.tsx
|
|
993
1023
|
var import_react7 = require("react");
|
|
994
|
-
var
|
|
995
|
-
var
|
|
996
|
-
var
|
|
1024
|
+
var import_material19 = require("@mui/material");
|
|
1025
|
+
var import_react_hook_form2 = require("react-hook-form");
|
|
1026
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
997
1027
|
var RenderInputAutocomplete = (_a) => {
|
|
998
1028
|
var _b = _a, {
|
|
999
1029
|
InputProps: InputProps2,
|
|
@@ -1002,14 +1032,14 @@ var RenderInputAutocomplete = (_a) => {
|
|
|
1002
1032
|
"InputProps",
|
|
1003
1033
|
"InputLabelProps"
|
|
1004
1034
|
]);
|
|
1005
|
-
return /* @__PURE__ */ (0,
|
|
1006
|
-
|
|
1035
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material19.Box, { ref: InputProps2.ref, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1036
|
+
import_material19.Input,
|
|
1007
1037
|
__spreadProps(__spreadValues(__spreadValues({}, InputProps2), other), {
|
|
1008
|
-
startAdornment: /* @__PURE__ */ (0,
|
|
1009
|
-
/* @__PURE__ */ (0,
|
|
1038
|
+
startAdornment: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_material19.Stack, { direction: "row", alignItems: "center", children: [
|
|
1039
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material19.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(search_default, {}) }),
|
|
1010
1040
|
InputProps2.startAdornment
|
|
1011
1041
|
] }),
|
|
1012
|
-
endAdornment: /* @__PURE__ */ (0,
|
|
1042
|
+
endAdornment: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, {}),
|
|
1013
1043
|
ref: InputProps2.ref,
|
|
1014
1044
|
disableUnderline: true,
|
|
1015
1045
|
placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
|
|
@@ -1025,7 +1055,7 @@ var RenderInputAutocomplete = (_a) => {
|
|
|
1025
1055
|
) });
|
|
1026
1056
|
};
|
|
1027
1057
|
var CustomPaperComponent = (props) => {
|
|
1028
|
-
return /* @__PURE__ */ (0,
|
|
1058
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material19.Paper, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
|
|
1029
1059
|
"helllooo",
|
|
1030
1060
|
props.children
|
|
1031
1061
|
] }, "click-away-wrapper") }));
|
|
@@ -1034,7 +1064,7 @@ var Autocomplete = (props) => {
|
|
|
1034
1064
|
const { values } = props;
|
|
1035
1065
|
const [open, setOpen] = (0, import_react7.useState)(false);
|
|
1036
1066
|
const [anchorEl, setAnchorEl] = (0, import_react7.useState)(null);
|
|
1037
|
-
const { field } = (0,
|
|
1067
|
+
const { field } = (0, import_react_hook_form2.useController)(props);
|
|
1038
1068
|
const handleClick = (event) => {
|
|
1039
1069
|
if (open)
|
|
1040
1070
|
setTimeout(() => {
|
|
@@ -1043,8 +1073,8 @@ var Autocomplete = (props) => {
|
|
|
1043
1073
|
else setAnchorEl(event.currentTarget);
|
|
1044
1074
|
setOpen(!open);
|
|
1045
1075
|
};
|
|
1046
|
-
return /* @__PURE__ */ (0,
|
|
1047
|
-
|
|
1076
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1077
|
+
import_material19.Autocomplete,
|
|
1048
1078
|
{
|
|
1049
1079
|
multiple: true,
|
|
1050
1080
|
ref: anchorEl,
|
|
@@ -1059,12 +1089,12 @@ var Autocomplete = (props) => {
|
|
|
1059
1089
|
PaperComponent: CustomPaperComponent,
|
|
1060
1090
|
renderTags: (value, getTagProps) => value.map((option, index) => {
|
|
1061
1091
|
const _a = getTagProps({ index }), { key } = _a, tagProps = __objRest(_a, ["key"]);
|
|
1062
|
-
return /* @__PURE__ */ (0,
|
|
1063
|
-
|
|
1092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1093
|
+
import_material19.Chip,
|
|
1064
1094
|
__spreadProps(__spreadValues({
|
|
1065
1095
|
label: option
|
|
1066
1096
|
}, tagProps), {
|
|
1067
|
-
deleteIcon: /* @__PURE__ */ (0,
|
|
1097
|
+
deleteIcon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconButton_default, { className: "rounded-none bg-accent-silver p-1", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(close_default, {}) }),
|
|
1068
1098
|
className: "rounded-none w-fit h-fit bg-transparent p-0"
|
|
1069
1099
|
}),
|
|
1070
1100
|
key
|
|
@@ -1076,7 +1106,7 @@ var Autocomplete = (props) => {
|
|
|
1076
1106
|
className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-sm`
|
|
1077
1107
|
}
|
|
1078
1108
|
},
|
|
1079
|
-
renderInput: (params) => /* @__PURE__ */ (0,
|
|
1109
|
+
renderInput: (params) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1080
1110
|
RenderInputAutocomplete,
|
|
1081
1111
|
__spreadValues({}, params)
|
|
1082
1112
|
)
|
|
@@ -1086,7 +1116,7 @@ var Autocomplete = (props) => {
|
|
|
1086
1116
|
var Autocomplete_default = Autocomplete;
|
|
1087
1117
|
|
|
1088
1118
|
// src/components/BigNumber/BigNumber.tsx
|
|
1089
|
-
var
|
|
1119
|
+
var import_material20 = require("@mui/material");
|
|
1090
1120
|
|
|
1091
1121
|
// src/utils/thousandFormatter.ts
|
|
1092
1122
|
var thousandFormatter = (num) => {
|
|
@@ -1095,39 +1125,39 @@ var thousandFormatter = (num) => {
|
|
|
1095
1125
|
var thousandFormatter_default = thousandFormatter;
|
|
1096
1126
|
|
|
1097
1127
|
// src/components/BigNumber/BigNumber.tsx
|
|
1098
|
-
var
|
|
1128
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1099
1129
|
var BigNumber = (props) => {
|
|
1100
1130
|
const { text, number } = props;
|
|
1101
|
-
return /* @__PURE__ */ (0,
|
|
1102
|
-
/* @__PURE__ */ (0,
|
|
1103
|
-
|
|
1131
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material20.Box, { className: "flex flex-col", children: [
|
|
1132
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
1133
|
+
import_material20.Typography,
|
|
1104
1134
|
{
|
|
1105
1135
|
component: "span",
|
|
1106
1136
|
className: "text-gold text-100 font-extrabold",
|
|
1107
1137
|
children: thousandFormatter_default(number)
|
|
1108
1138
|
}
|
|
1109
1139
|
),
|
|
1110
|
-
/* @__PURE__ */ (0,
|
|
1140
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material20.Typography, { component: "span", className: "text-base text-gray mt-[-20px]", children: text })
|
|
1111
1141
|
] });
|
|
1112
1142
|
};
|
|
1113
1143
|
var BigNumber_default = BigNumber;
|
|
1114
1144
|
|
|
1115
1145
|
// src/blocks/TextBlock.tsx
|
|
1116
|
-
var
|
|
1117
|
-
var
|
|
1146
|
+
var import_material21 = require("@mui/material");
|
|
1147
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1118
1148
|
var TextBlock = ({ classes, text, title }) => {
|
|
1119
|
-
return /* @__PURE__ */ (0,
|
|
1120
|
-
/* @__PURE__ */ (0,
|
|
1121
|
-
/* @__PURE__ */ (0,
|
|
1149
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material21.Box, { className: `mt-[80px]${classes ? " " + classes : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material21.Container, { maxWidth: CONTAINER_WIDTH, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material21.Box, { className: "flex flex-col items-center gap-[16px] text-center max-w-[950px] w-full mx-auto", children: [
|
|
1150
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material21.Typography, { component: "span", className: "text-32", children: title }),
|
|
1151
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material21.Typography, { component: "span", className: "text-gray text-14", children: text })
|
|
1122
1152
|
] }) }) });
|
|
1123
1153
|
};
|
|
1124
1154
|
var TextBlock_default = TextBlock;
|
|
1125
1155
|
|
|
1126
1156
|
// src/blocks/TitleBlock.tsx
|
|
1127
1157
|
var import_Typography6 = __toESM(require("@mui/material/Typography"));
|
|
1128
|
-
var
|
|
1158
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1129
1159
|
var TitleBlock = ({ titlePosition, title, classes }) => {
|
|
1130
|
-
return /* @__PURE__ */ (0,
|
|
1160
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
1131
1161
|
import_Typography6.default,
|
|
1132
1162
|
{
|
|
1133
1163
|
component: "span",
|
|
@@ -1139,60 +1169,60 @@ var TitleBlock = ({ titlePosition, title, classes }) => {
|
|
|
1139
1169
|
var TitleBlock_default = TitleBlock;
|
|
1140
1170
|
|
|
1141
1171
|
// src/blocks/TeamWorkerBlock.tsx
|
|
1142
|
-
var
|
|
1172
|
+
var import_material22 = require("@mui/material");
|
|
1143
1173
|
|
|
1144
1174
|
// src/icons/qoutes.svg
|
|
1145
1175
|
var React6 = __toESM(require("react"));
|
|
1146
|
-
var
|
|
1176
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
1147
1177
|
|
|
1148
1178
|
// src/blocks/TeamWorkerBlock.tsx
|
|
1149
1179
|
var import_link5 = __toESM(require("next/link"));
|
|
1150
|
-
var
|
|
1180
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1151
1181
|
|
|
1152
1182
|
// src/blocks/AnyLevelBlock.tsx
|
|
1153
|
-
var
|
|
1154
|
-
var
|
|
1183
|
+
var import_material23 = require("@mui/material");
|
|
1184
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1155
1185
|
|
|
1156
1186
|
// src/blocks/RichTextBlock.tsx
|
|
1157
|
-
var
|
|
1187
|
+
var import_material24 = require("@mui/material");
|
|
1158
1188
|
var import_rich_text_react_renderer = require("@contentful/rich-text-react-renderer");
|
|
1159
|
-
var
|
|
1189
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1160
1190
|
|
|
1161
1191
|
// src/blocks/ArticleContentBlock.tsx
|
|
1162
|
-
var
|
|
1192
|
+
var import_material25 = require("@mui/material");
|
|
1163
1193
|
|
|
1164
1194
|
// src/utils/formatDate.ts
|
|
1165
1195
|
var import_date_fns = require("date-fns");
|
|
1166
1196
|
|
|
1167
1197
|
// src/blocks/ArticleContentBlock.tsx
|
|
1168
|
-
var
|
|
1198
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1169
1199
|
|
|
1170
1200
|
// src/components/List/List.tsx
|
|
1171
|
-
var
|
|
1172
|
-
var
|
|
1201
|
+
var import_material26 = require("@mui/material");
|
|
1202
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1173
1203
|
var List = (props) => {
|
|
1174
1204
|
const { children } = props;
|
|
1175
|
-
return /* @__PURE__ */ (0,
|
|
1205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material26.List, __spreadProps(__spreadValues({ disablePadding: true }, props), { children }));
|
|
1176
1206
|
};
|
|
1177
1207
|
var List_default = List;
|
|
1178
1208
|
|
|
1179
1209
|
// src/components/List/ListItem.tsx
|
|
1180
|
-
var
|
|
1210
|
+
var import_material27 = require("@mui/material");
|
|
1181
1211
|
var import_ListItemButton = __toESM(require("@mui/material/ListItemButton"));
|
|
1182
1212
|
var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"));
|
|
1183
1213
|
var import_ListItemText = __toESM(require("@mui/material/ListItemText"));
|
|
1184
1214
|
var import_Typography7 = __toESM(require("@mui/material/Typography"));
|
|
1185
|
-
var
|
|
1215
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1186
1216
|
var ListItem = ({ icon, title, bold, onClick }) => {
|
|
1187
|
-
return /* @__PURE__ */ (0,
|
|
1217
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material27.ListItem, { disablePadding: true, disableGutters: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
1188
1218
|
import_ListItemButton.default,
|
|
1189
1219
|
{
|
|
1190
1220
|
sx: { padding: 0, "&:hover": { backgroundColor: "unset" } },
|
|
1191
1221
|
onClick: () => onClick && onClick(title),
|
|
1192
1222
|
disableRipple: true,
|
|
1193
1223
|
children: [
|
|
1194
|
-
icon ? /* @__PURE__ */ (0,
|
|
1195
|
-
/* @__PURE__ */ (0,
|
|
1224
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ListItemIcon.default, { sx: { minWidth: "24px" }, children: icon }) : null,
|
|
1225
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ListItemText.default, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1196
1226
|
import_Typography7.default,
|
|
1197
1227
|
{
|
|
1198
1228
|
className: `text-xs ${bold ? "font-extrabold" : "font-normal"}`,
|
|
@@ -1206,27 +1236,27 @@ var ListItem = ({ icon, title, bold, onClick }) => {
|
|
|
1206
1236
|
var ListItem_default = ListItem;
|
|
1207
1237
|
|
|
1208
1238
|
// src/components/ToggleButton/ToggleButtonsWithLabel.tsx
|
|
1209
|
-
var
|
|
1210
|
-
var
|
|
1239
|
+
var import_material30 = require("@mui/material");
|
|
1240
|
+
var import_react_hook_form3 = require("react-hook-form");
|
|
1211
1241
|
var import_Typography8 = __toESM(require("@mui/material/Typography"));
|
|
1212
1242
|
|
|
1213
1243
|
// src/components/ToggleButton/ToggleButtonGroup.tsx
|
|
1214
|
-
var
|
|
1215
|
-
var
|
|
1216
|
-
var StyledToggleButtonGroup = (0,
|
|
1217
|
-
|
|
1244
|
+
var import_material28 = require("@mui/material");
|
|
1245
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1246
|
+
var StyledToggleButtonGroup = (0, import_material28.styled)(
|
|
1247
|
+
import_material28.ToggleButtonGroup
|
|
1218
1248
|
)(({ theme: theme2, flexDirection }) => ({
|
|
1219
1249
|
marginBottom: theme2.spacing(-1),
|
|
1220
|
-
[`& .${
|
|
1250
|
+
[`& .${import_material28.toggleButtonGroupClasses.grouped}`]: {
|
|
1221
1251
|
marginRight: flexDirection === "col" ? "unset" : theme2.spacing(1),
|
|
1222
1252
|
marginBottom: theme2.spacing(1),
|
|
1223
1253
|
//flexDirection === "col" ? theme.spacing(1) : "unset",
|
|
1224
1254
|
width: "fit-content"
|
|
1225
1255
|
},
|
|
1226
|
-
[`& .${
|
|
1256
|
+
[`& .${import_material28.toggleButtonGroupClasses.lastButton}`]: {
|
|
1227
1257
|
marginRight: "unset"
|
|
1228
1258
|
},
|
|
1229
|
-
[`& .${
|
|
1259
|
+
[`& .${import_material28.toggleButtonGroupClasses.middleButton},& .${import_material28.toggleButtonGroupClasses.lastButton}`]: {
|
|
1230
1260
|
marginLeft: "unset",
|
|
1231
1261
|
borderLeft: "unset"
|
|
1232
1262
|
}
|
|
@@ -1240,7 +1270,7 @@ var ToggleButtonGroup = (props) => {
|
|
|
1240
1270
|
onChange,
|
|
1241
1271
|
value
|
|
1242
1272
|
} = props;
|
|
1243
|
-
return /* @__PURE__ */ (0,
|
|
1273
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
1244
1274
|
StyledToggleButtonGroup,
|
|
1245
1275
|
__spreadProps(__spreadValues({}, props), {
|
|
1246
1276
|
flexDirection,
|
|
@@ -1256,17 +1286,17 @@ var ToggleButtonGroup = (props) => {
|
|
|
1256
1286
|
var ToggleButtonGroup_default = ToggleButtonGroup;
|
|
1257
1287
|
|
|
1258
1288
|
// src/components/ToggleButton/ToggleButton.tsx
|
|
1259
|
-
var
|
|
1289
|
+
var import_material29 = require("@mui/material");
|
|
1260
1290
|
var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"));
|
|
1261
|
-
var
|
|
1262
|
-
var CustomToggleButton = (0,
|
|
1291
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1292
|
+
var CustomToggleButton = (0, import_material29.styled)(import_ToggleButton.default)(() => ({
|
|
1263
1293
|
"&.Mui-selected, &.Mui-selected:hover": {
|
|
1264
1294
|
backgroundColor: "#C8BCA1 !important"
|
|
1265
1295
|
}
|
|
1266
1296
|
}));
|
|
1267
1297
|
var ToggleButton = (props) => {
|
|
1268
1298
|
const _a = props, { children, textView } = _a, rest = __objRest(_a, ["children", "textView"]);
|
|
1269
|
-
return /* @__PURE__ */ (0,
|
|
1299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1270
1300
|
CustomToggleButton,
|
|
1271
1301
|
__spreadProps(__spreadValues({}, rest), {
|
|
1272
1302
|
disableRipple: true,
|
|
@@ -1278,7 +1308,7 @@ var ToggleButton = (props) => {
|
|
|
1278
1308
|
var ToggleButton_default = ToggleButton;
|
|
1279
1309
|
|
|
1280
1310
|
// src/components/ToggleButton/ToggleButtonsWithLabel.tsx
|
|
1281
|
-
var
|
|
1311
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1282
1312
|
var ToggleButtonsWithLabel = (props) => {
|
|
1283
1313
|
const {
|
|
1284
1314
|
values,
|
|
@@ -1289,15 +1319,15 @@ var ToggleButtonsWithLabel = (props) => {
|
|
|
1289
1319
|
collapseParent,
|
|
1290
1320
|
flexDirection = "row"
|
|
1291
1321
|
} = props;
|
|
1292
|
-
const { field } = (0,
|
|
1322
|
+
const { field } = (0, import_react_hook_form3.useController)(props);
|
|
1293
1323
|
const handleFormat = (_event, newFormats) => {
|
|
1294
1324
|
console.log(newFormats);
|
|
1295
1325
|
if (newFormats !== null) field.onChange(newFormats);
|
|
1296
1326
|
if (collapseOnClick && collapseParent) collapseParent();
|
|
1297
1327
|
};
|
|
1298
|
-
return /* @__PURE__ */ (0,
|
|
1299
|
-
label ? /* @__PURE__ */ (0,
|
|
1300
|
-
/* @__PURE__ */ (0,
|
|
1328
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material30.Stack, { children: [
|
|
1329
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Typography8.default, { className: "text-accent-silver-2 text-sm", children: label }) : null,
|
|
1330
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
1301
1331
|
ToggleButtonGroup_default,
|
|
1302
1332
|
__spreadProps(__spreadValues({}, field), {
|
|
1303
1333
|
flexDirection,
|
|
@@ -1306,12 +1336,58 @@ var ToggleButtonsWithLabel = (props) => {
|
|
|
1306
1336
|
onChange: handleFormat,
|
|
1307
1337
|
"aria-label": "text formatting",
|
|
1308
1338
|
className: `flex flex-${flexDirection} ${textView ? "gap-1 flex-nowrap flex-col" : " flex-wrap"}`,
|
|
1309
|
-
children: values.map((option, index) => /* @__PURE__ */ (0,
|
|
1339
|
+
children: values.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ToggleButton_default, { value: option.value, textView, children: option.title }, index))
|
|
1310
1340
|
})
|
|
1311
1341
|
)
|
|
1312
1342
|
] });
|
|
1313
1343
|
};
|
|
1314
1344
|
var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
|
|
1345
|
+
|
|
1346
|
+
// src/components/Checkbox/Checkbox.tsx
|
|
1347
|
+
var import_Checkbox = __toESM(require("@mui/material/Checkbox"));
|
|
1348
|
+
var import_material31 = require("@mui/material");
|
|
1349
|
+
var import_Typography9 = __toESM(require("@mui/material/Typography"));
|
|
1350
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
1351
|
+
var BpIcon = (0, import_material31.styled)("span")(() => ({
|
|
1352
|
+
width: 16,
|
|
1353
|
+
height: 16,
|
|
1354
|
+
backgroundColor: "white"
|
|
1355
|
+
}));
|
|
1356
|
+
var BpCheckedIcon = (0, import_material31.styled)(BpIcon)({
|
|
1357
|
+
"&::before": {
|
|
1358
|
+
width: 16,
|
|
1359
|
+
height: 16,
|
|
1360
|
+
display: "flex",
|
|
1361
|
+
alignItems: "center",
|
|
1362
|
+
justifyContent: "center",
|
|
1363
|
+
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")`
|
|
1364
|
+
}
|
|
1365
|
+
});
|
|
1366
|
+
var CustomCheckbox = (props) => {
|
|
1367
|
+
const { label, labelProps, checkboxProps, toggleView = false } = props;
|
|
1368
|
+
if (label)
|
|
1369
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
1370
|
+
import_material31.FormControlLabel,
|
|
1371
|
+
__spreadProps(__spreadValues({
|
|
1372
|
+
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"}`,
|
|
1373
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
1374
|
+
import_Checkbox.default,
|
|
1375
|
+
__spreadProps(__spreadValues({}, checkboxProps), {
|
|
1376
|
+
className: "p-0",
|
|
1377
|
+
disableRipple: true,
|
|
1378
|
+
color: "default",
|
|
1379
|
+
checkedIcon: toggleView ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BpCheckedIcon, {}),
|
|
1380
|
+
icon: toggleView ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BpIcon, {})
|
|
1381
|
+
})
|
|
1382
|
+
)
|
|
1383
|
+
}, labelProps), {
|
|
1384
|
+
label: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_Typography9.default, { className: "text-xs leading-6", children: label }),
|
|
1385
|
+
labelPlacement: "start"
|
|
1386
|
+
})
|
|
1387
|
+
);
|
|
1388
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_Checkbox.default, __spreadValues({}, checkboxProps));
|
|
1389
|
+
};
|
|
1390
|
+
var Checkbox_default = CustomCheckbox;
|
|
1315
1391
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1316
1392
|
0 && (module.exports = {
|
|
1317
1393
|
AppBar,
|
|
@@ -1322,6 +1398,7 @@ var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
|
|
|
1322
1398
|
BigNumber,
|
|
1323
1399
|
Button,
|
|
1324
1400
|
CategoryCard,
|
|
1401
|
+
Checkbox,
|
|
1325
1402
|
Chip,
|
|
1326
1403
|
FromToInput,
|
|
1327
1404
|
Greet,
|
|
@@ -1339,6 +1416,7 @@ var ToggleButtonsWithLabel_default = ToggleButtonsWithLabel;
|
|
|
1339
1416
|
RadioGroup,
|
|
1340
1417
|
RealtorCard,
|
|
1341
1418
|
RealtyCard,
|
|
1419
|
+
SearchInput,
|
|
1342
1420
|
Select,
|
|
1343
1421
|
SelectPro,
|
|
1344
1422
|
Slider,
|