@typeolymp/ui-components 1.16.1 → 1.16.2

package/build/components/atoms/Subheading/index.d.ts

@@ -3,6 +3,7 @@ declare type PropsType = {
     size?: "small" | "medium" | "large";
     align?: "left" | "center" | "right";
     color?: "black" | "white" | "gray";
+    as?: "div";
     children: ReactNode;
 };
 declare const Subheading: FC<PropsType>;

package/build/components/molecules/Collapse/index.d.ts

@@ -2,7 +2,7 @@ import { FC } from "react";
 export declare type PropsType = {
     items: Array<{
         title: string;
-        content: string;
+        content: string | JSX.Element;
     }>;
 };
 declare const Collapse: FC<PropsType>;

package/build/components/organisms/Form/index.d.ts

@@ -54,7 +54,7 @@ declare type RangeFieldType = {
 export declare type FormFieldType = InputFieldType | PasswordInputFieldType | DateInputFieldType | TextareaFieldType | RadioGroupFieldType | NumberFieldType | CheckboxesFieldType | SelectFieldType | ToggleFieldType | RangeFieldType;
 export declare type PropsType = {
     title?: string;
-    description?: string;
+    description?: string | JSX.Element;
     fields: FormFieldType[];
     button?: ButtonPropsType;
     onChangeFields?(newValues: {

package/build/index.es.js

@@ -3488,7 +3488,11 @@ var Button = forwardRef(function (_a, ref) {
     var buttonRef = useRef(null);
     var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
     var as = href || asAnchor ? "a" : "button";
-    var onClick = function () {
+    var onClick = function (e) {
+        if (props.onClickAsync || props.onClick) {
+            e.stopPropagation();
+            e.preventDefault();
+        }
         if (props.onClickAsync) {
             setIsLoading(true);
             new Promise(function (resolve) {
@@ -11234,7 +11238,7 @@ var Checkboxes = function (props) {
 };
 
 var Container$i = styled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject$1(["\n  width: 100%;\n  background-color: ", ";\n  box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n  border-radius: 6px;\n  padding: 10px 20px;\n"], ["\n  width: 100%;\n  background-color: ", ";\n  box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n  border-radius: 6px;\n  padding: 10px 20px;\n"])), theme.colors.lightGray.light);
-var Item = styled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject$1(["\n  padding: 10px 0;\n  cursor: pointer;\n\n  > div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 5px;\n  }\n\n  p {\n    display: ", ";\n  }\n\n  :not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n"], ["\n  padding: 10px 0;\n  cursor: pointer;\n\n  > div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 5px;\n  }\n\n  p {\n    display: ", ";\n  }\n\n  :not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n"])), function (_a) {
+var Item = styled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject$1(["\n  padding: 10px 0;\n  cursor: pointer;\n\n  > div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 5px;\n  }\n\n  p, > div:last-child {\n    display: ", ";\n    margin: 0;\n  }\n\n  :not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n"], ["\n  padding: 10px 0;\n  cursor: pointer;\n\n  > div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 5px;\n  }\n\n  p, > div:last-child {\n    display: ", ";\n    margin: 0;\n  }\n\n  :not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n"])), function (_a) {
     var isOpen = _a.isOpen;
     return (isOpen ? "" : "none");
 }, theme.colors.lightGray.dark);
@@ -11252,7 +11256,7 @@ var Collapse = function (props) {
     };
     return (jsx$1(Container$i, __assign$2({}, props, { children: props.items.map(function (item, index) {
             var isOpen = openItems.includes(index);
-            return (jsxs(Item, __assign$2({ isOpen: isOpen, onClick: function () { return onClickItem(index, isOpen); } }, { children: [jsxs("div", { children: [jsx$1(Heading, __assign$2({ type: "h6" }, { children: item.title })), jsx$1(Icon, { type: isOpen ? "chevronUp" : "chevronDown", color: "blue" })] }), jsx$1(Paragraph, __assign$2({ weight: "regular" }, { children: item.content }))] }), "".concat(item.title, "-").concat(index)));
+            return (jsxs(Item, __assign$2({ isOpen: isOpen, onClick: function () { return onClickItem(index, isOpen); } }, { children: [jsxs("div", { children: [jsx$1(Heading, __assign$2({ type: "h6" }, { children: item.title })), jsx$1(Icon, { type: isOpen ? "chevronUp" : "chevronDown", color: "blue" })] }), jsx$1(Paragraph, __assign$2({ weight: "regular", as: typeof item.content !== "string" ? "div" : undefined }, { children: item.content }))] }), "".concat(item.title, "-").concat(index)));
         }) })));
 };
 
@@ -12102,7 +12106,7 @@ var Form = forwardRef(function (props, ref) {
             props.onError(feedback);
         }
     };
-    return (jsxs(Fragment$1, { children: [props.title && (jsxs(Fragment$1, { children: [jsx$1(Heading, __assign$2({ type: "h4" }, { children: props.title })), jsx$1(Spacer, { vertical: 15 })] })), props.description && (jsx$1(DescriptionWrapper, { children: jsx$1(Paragraph, __assign$2({ color: "darkGray", weight: "regular" }, { children: htmlReactParser(props.description) })) })), jsx$1(FormWrapper, { children: props.fields.map(function (field, index) {
+    return (jsxs(Fragment$1, { children: [props.title && (jsxs(Fragment$1, { children: [jsx$1(Heading, __assign$2({ type: "h4" }, { children: props.title })), jsx$1(Spacer, { vertical: 15 })] })), props.description && (jsx$1(DescriptionWrapper, { children: typeof props.description === "string" ? (jsx$1(Paragraph, __assign$2({ color: "darkGray", weight: "regular" }, { children: htmlReactParser(props.description) }))) : (props.description) })), jsx$1(FormWrapper, { children: props.fields.map(function (field, index) {
                     switch (field.type) {
                         case "text":
                             return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),