fui-material 2.2.17 → 2.3.0
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/f-ui-kit.es.js +51 -26
- package/dist/f-ui-kit.es.js.map +1 -1
- package/dist/main.css +1 -1
- package/dist/types/material/MenuLinks/FMenuBlockLinks/FMenuBlockLinks.d.ts +51 -0
- package/dist/types/material/MenuLinks/FMenuBlockLinks/index.d.ts +1 -0
- package/dist/types/material/MenuLinks/FMenuLinks/FMenuLinks.d.ts +44 -0
- package/dist/types/material/index.d.ts +2 -1
- package/package.json +1 -1
- package/dist/types/material/FMenuLinks/FMenuLinks.d.ts +0 -70
- /package/dist/types/material/{FMenuLinks → MenuLinks/FMenuLinks}/index.d.ts +0 -0
package/dist/f-ui-kit.es.js
CHANGED
|
@@ -977,20 +977,15 @@ const FButton = forwardRef(({
|
|
|
977
977
|
...props
|
|
978
978
|
}, ref) => {
|
|
979
979
|
const inputId = props.id || `button-${Math.random().toString(36).substring(2, 9)}`;
|
|
980
|
-
let style =
|
|
980
|
+
let style = { width: "fit-content" };
|
|
981
981
|
if (fullWidth) {
|
|
982
982
|
if (style === void 0) {
|
|
983
983
|
style = { width: "100%" };
|
|
984
984
|
} else {
|
|
985
985
|
style.width = "100%";
|
|
986
986
|
}
|
|
987
|
-
} else {
|
|
988
|
-
if (style === void 0) {
|
|
989
|
-
style = { width: "fit-content" };
|
|
990
|
-
} else {
|
|
991
|
-
style.width = "fit-content";
|
|
992
|
-
}
|
|
993
987
|
}
|
|
988
|
+
style = st !== void 0 ? { ...style, ...st } : style;
|
|
994
989
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
995
990
|
"button",
|
|
996
991
|
{
|
|
@@ -2057,7 +2052,7 @@ const warning$4 = "_warning_1lhk7_58";
|
|
|
2057
2052
|
const info$2 = "_info_1lhk7_62";
|
|
2058
2053
|
const light = "_light_1lhk7_66";
|
|
2059
2054
|
const dark = "_dark_1lhk7_70";
|
|
2060
|
-
const link
|
|
2055
|
+
const link = "_link_1lhk7_74";
|
|
2061
2056
|
const styles$o = {
|
|
2062
2057
|
"authorization-spinner": "_authorization-spinner_1lhk7_1",
|
|
2063
2058
|
"spinner-item": "_spinner-item_1lhk7_7",
|
|
@@ -2070,7 +2065,7 @@ const styles$o = {
|
|
|
2070
2065
|
info: info$2,
|
|
2071
2066
|
light,
|
|
2072
2067
|
dark,
|
|
2073
|
-
link
|
|
2068
|
+
link
|
|
2074
2069
|
};
|
|
2075
2070
|
const FProgress = ({ st, color = "primary", id, className }) => {
|
|
2076
2071
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
@@ -4019,32 +4014,61 @@ const FNavigateBarItem = ({
|
|
|
4019
4014
|
}
|
|
4020
4015
|
);
|
|
4021
4016
|
};
|
|
4022
|
-
const
|
|
4023
|
-
const disabled = "_disabled_1desp_36";
|
|
4017
|
+
const disabled = "_disabled_w47ps_49";
|
|
4024
4018
|
const styles$6 = {
|
|
4025
|
-
"
|
|
4026
|
-
|
|
4019
|
+
"sections-routes": "_sections-routes_w47ps_2",
|
|
4020
|
+
"sections-routes_card": "_sections-routes_card_w47ps_9",
|
|
4021
|
+
"sections-routes_card__title": "_sections-routes_card__title_w47ps_25",
|
|
4022
|
+
"sections-routes_card__links": "_sections-routes_card__links_w47ps_31",
|
|
4027
4023
|
disabled
|
|
4028
4024
|
};
|
|
4029
|
-
const
|
|
4030
|
-
|
|
4031
|
-
|
|
4032
|
-
|
|
4033
|
-
|
|
4034
|
-
|
|
4035
|
-
|
|
4036
|
-
|
|
4037
|
-
|
|
4025
|
+
const FMenuBlockLinks = ({
|
|
4026
|
+
children,
|
|
4027
|
+
className,
|
|
4028
|
+
st,
|
|
4029
|
+
id
|
|
4030
|
+
}) => {
|
|
4031
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
4032
|
+
"div",
|
|
4033
|
+
{
|
|
4034
|
+
className: `${styles$6["sections-routes"]} ${className ?? ""}`.trim(),
|
|
4035
|
+
style: st,
|
|
4036
|
+
id,
|
|
4037
|
+
children
|
|
4038
4038
|
}
|
|
4039
|
-
|
|
4039
|
+
);
|
|
4040
|
+
};
|
|
4041
|
+
const FMenuLinks = ({
|
|
4042
|
+
children,
|
|
4043
|
+
className,
|
|
4044
|
+
st,
|
|
4045
|
+
id,
|
|
4046
|
+
disabled: disabled2 = [],
|
|
4047
|
+
title
|
|
4048
|
+
}) => {
|
|
4049
|
+
const enhancedChildren = React.Children.map(children, (child, index) => {
|
|
4050
|
+
if (!React.isValidElement(child)) return child;
|
|
4051
|
+
const isDisabled = disabled2.includes(index);
|
|
4052
|
+
const childClass = [
|
|
4053
|
+
child.props.className,
|
|
4054
|
+
styles$6.link,
|
|
4055
|
+
isDisabled && styles$6.disabled
|
|
4056
|
+
].filter(Boolean).join(" ");
|
|
4057
|
+
return React.cloneElement(child, {
|
|
4058
|
+
className: childClass,
|
|
4059
|
+
...isDisabled && { onClick: (e) => e.preventDefault() }
|
|
4060
|
+
});
|
|
4040
4061
|
});
|
|
4041
|
-
return /* @__PURE__ */ jsxRuntimeExports.
|
|
4062
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
4042
4063
|
"div",
|
|
4043
4064
|
{
|
|
4044
|
-
className: `${styles$6["
|
|
4065
|
+
className: `${styles$6["sections-routes_card"]} ${className ?? ""}`.trim(),
|
|
4045
4066
|
style: st,
|
|
4046
4067
|
id,
|
|
4047
|
-
children:
|
|
4068
|
+
children: [
|
|
4069
|
+
title && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6["sections-routes_card__title"], children: title }),
|
|
4070
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6["sections-routes_card__links"], children: enhancedChildren })
|
|
4071
|
+
]
|
|
4048
4072
|
}
|
|
4049
4073
|
);
|
|
4050
4074
|
};
|
|
@@ -52663,6 +52687,7 @@ export {
|
|
|
52663
52687
|
FInputFileForm,
|
|
52664
52688
|
FListIcon,
|
|
52665
52689
|
FLoadIcon,
|
|
52690
|
+
FMenuBlockLinks,
|
|
52666
52691
|
FMenuLinks,
|
|
52667
52692
|
FMinusIcon,
|
|
52668
52693
|
FNative,
|