armtek-uikit-react 1.0.273 → 1.0.275
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/lib/cjs/ui/Alert/Alert.cjs +1 -1
- package/lib/cjs/ui/Avatar/Avatar.cjs +2 -2
- package/lib/cjs/ui/Form/DatePicker/DatePicker.cjs +2 -2
- package/lib/esm/ui/Alert/Alert.js +1 -1
- package/lib/esm/ui/Avatar/Avatar.js +2 -2
- package/lib/esm/ui/Form/DatePicker/DatePicker.js +2 -2
- package/package.json +1 -1
|
@@ -19,7 +19,7 @@ const Alert = (props) => {
|
|
|
19
19
|
else if (color === "warning") icon = "warning";
|
|
20
20
|
else if (color === "success") icon = "task_alt";
|
|
21
21
|
}
|
|
22
|
-
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
22
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "alert", ...restProps, className: clsx("arm-alert", {
|
|
23
23
|
["arm-alert_" + color]: !!color,
|
|
24
24
|
["arm-alert_" + variant]: !!variant,
|
|
25
25
|
"arm-alert_no_icon": icon === null
|
|
@@ -23,10 +23,10 @@ const Avatar = React.forwardRef((props, ref) => {
|
|
|
23
23
|
let displayIcon = icon;
|
|
24
24
|
if (!props.icon && !props.name && !photo) displayIcon = "person";
|
|
25
25
|
let content = photo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: photo, className: "arm-avatar__img", alt: props.name, title: props.name }) : props.name ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arm-avatar__name", children: getLetters(props.name) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("arm-avatar__icon", "material_icon_solid"), children: displayIcon });
|
|
26
|
-
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, ...divProps, className: clsx("arm-avatar", className, "arm-avatar_" + variant, {
|
|
26
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, "data-testid": "avatar", ...divProps, className: clsx("arm-avatar", className, "arm-avatar_" + variant, {
|
|
27
27
|
["arm-avatar__photo"]: !!photo,
|
|
28
28
|
["arm-avatar__icon"]: !!displayIcon
|
|
29
|
-
}, ["arm-avatar_" + size]),
|
|
29
|
+
}, ["arm-avatar_" + size]), children: [
|
|
30
30
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-avatar__inner", children: href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href, ...linkProps, className: "arm-avatar__text", children: content }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arm-avatar__text", children: content }) }),
|
|
31
31
|
status && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("arm-avatar__status", ["arm-avatar__status_" + status]) })
|
|
32
32
|
] }) });
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
|
-
const
|
|
5
|
+
const reactDatepicker = require("react-datepicker");
|
|
6
6
|
;/* empty css */
|
|
7
7
|
const ru = require("date-fns/locale/ru");
|
|
8
8
|
const format = require("date-fns/format");
|
|
@@ -17,7 +17,7 @@ const renderDayContents = (day) => {
|
|
|
17
17
|
};
|
|
18
18
|
const DatePicker = React.forwardRef((props, ref) => {
|
|
19
19
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ui-datepicker", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
20
|
-
|
|
20
|
+
reactDatepicker.DatePicker,
|
|
21
21
|
{
|
|
22
22
|
ref,
|
|
23
23
|
locale: ru.ru,
|
|
@@ -17,7 +17,7 @@ const Alert = (props) => {
|
|
|
17
17
|
else if (color === "warning") icon = "warning";
|
|
18
18
|
else if (color === "success") icon = "task_alt";
|
|
19
19
|
}
|
|
20
|
-
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
|
|
20
|
+
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { "data-testid": "alert", ...restProps, className: clsx("arm-alert", {
|
|
21
21
|
["arm-alert_" + color]: !!color,
|
|
22
22
|
["arm-alert_" + variant]: !!variant,
|
|
23
23
|
"arm-alert_no_icon": icon === null
|
|
@@ -21,10 +21,10 @@ const Avatar = forwardRef((props, ref) => {
|
|
|
21
21
|
let displayIcon = icon;
|
|
22
22
|
if (!props.icon && !props.name && !photo) displayIcon = "person";
|
|
23
23
|
let content = photo ? /* @__PURE__ */ jsx("img", { src: photo, className: "arm-avatar__img", alt: props.name, title: props.name }) : props.name ? /* @__PURE__ */ jsx("span", { className: "arm-avatar__name", children: getLetters(props.name) }) : /* @__PURE__ */ jsx("span", { className: clsx("arm-avatar__icon", "material_icon_solid"), children: displayIcon });
|
|
24
|
-
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { ref, ...divProps, className: clsx("arm-avatar", className, "arm-avatar_" + variant, {
|
|
24
|
+
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { ref, "data-testid": "avatar", ...divProps, className: clsx("arm-avatar", className, "arm-avatar_" + variant, {
|
|
25
25
|
["arm-avatar__photo"]: !!photo,
|
|
26
26
|
["arm-avatar__icon"]: !!displayIcon
|
|
27
|
-
}, ["arm-avatar_" + size]),
|
|
27
|
+
}, ["arm-avatar_" + size]), children: [
|
|
28
28
|
/* @__PURE__ */ jsx("div", { className: "arm-avatar__inner", children: href ? /* @__PURE__ */ jsx("a", { href, ...linkProps, className: "arm-avatar__text", children: content }) : /* @__PURE__ */ jsx("span", { className: "arm-avatar__text", children: content }) }),
|
|
29
29
|
status && /* @__PURE__ */ jsx("span", { className: clsx("arm-avatar__status", ["arm-avatar__status_" + status]) })
|
|
30
30
|
] }) });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
|
-
import
|
|
3
|
+
import { DatePicker as DatePicker$1 } from "react-datepicker";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import { ru } from "date-fns/locale/ru";
|
|
6
6
|
import { format } from "date-fns/format";
|
|
@@ -15,7 +15,7 @@ const renderDayContents = (day) => {
|
|
|
15
15
|
};
|
|
16
16
|
const DatePicker = forwardRef((props, ref) => {
|
|
17
17
|
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "ui-datepicker", children: /* @__PURE__ */ jsx(
|
|
18
|
-
|
|
18
|
+
DatePicker$1,
|
|
19
19
|
{
|
|
20
20
|
ref,
|
|
21
21
|
locale: ru,
|