@egov3/system-design 1.2.58 → 1.2.61

package/dist/cjs/stories/Button.stories.d.ts

@@ -2,7 +2,7 @@
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: import("../components/Button").IButtonProps) => import("react").JSX.Element;
+    component: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: import("../components/Button").IButtonProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/esm/components/Button/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface IButtonProps {
     ariaLabel?: string;
     onClick?: () => void;
@@ -6,8 +6,9 @@ export interface IButtonProps {
     className?: string;
     isRounded?: boolean;
     disabled?: boolean;
-    variant?: 'default' | 'tinted' | 'secondary';
-    size?: 'mini' | 'small' | 'medium' | 'large';
+    variant?: "default" | "tinted" | "secondary";
+    size?: "mini" | "small" | "medium" | "large";
     style?: React.CSSProperties;
+    dataTestid?: string;
 }
-export declare const Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: IButtonProps) => React.JSX.Element;
+export declare const Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: IButtonProps) => React.JSX.Element;

package/dist/esm/components/InputField/index.d.ts

@@ -17,5 +17,6 @@ export interface IInputFieldProps extends React.DetailedHTMLProps<React.InputHTM
     focused?: boolean;
     setFocused?: (val: boolean) => void;
     readOnly?: boolean;
+    dataTestid?: string;
 }
 export declare const InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/index.d.ts

@@ -3,7 +3,7 @@ import { Button } from "./Button";
 import "../styles/colors.css";
 export declare const Components: {
     Accordion: ({ open, setOpen, children, title, }: import("./Accordion").IAccordionProps) => import("react").JSX.Element;
-    Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: import("./Button").IButtonProps) => import("react").JSX.Element;
+    Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: import("./Button").IButtonProps) => import("react").JSX.Element;
     CustomRadioButton: ({ label, name, checked, onChange, value, }: import("./RadioGroup").ICustomRadioButtonProps) => import("react").JSX.Element;
     InputField: import("react").ForwardRefExoticComponent<Omit<import("./InputField").IInputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
     Modal: ({ open, setOpen, children, headerTitle, variant, }: import("./Modal").IModalProps) => import("react").JSX.Element | null;

package/dist/esm/index.d.ts

@@ -47,6 +47,7 @@ interface IInputFieldProps extends React__default.DetailedHTMLProps<React__defau
     focused?: boolean;
     setFocused?: (val: boolean) => void;
     readOnly?: boolean;
+    dataTestid?: string;
 }
 
 interface RadioGroupItem {
@@ -74,9 +75,10 @@ interface IButtonProps {
     className?: string;
     isRounded?: boolean;
     disabled?: boolean;
-    variant?: 'default' | 'tinted' | 'secondary';
-    size?: 'mini' | 'small' | 'medium' | 'large';
+    variant?: "default" | "tinted" | "secondary";
+    size?: "mini" | "small" | "medium" | "large";
     style?: React__default.CSSProperties;
+    dataTestid?: string;
 }
 
 interface IAccordionProps {
@@ -89,7 +91,7 @@ interface IAccordionProps {
 declare const SystemDesign: {
     Components: {
         Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => React.JSX.Element;
-        Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: IButtonProps) => React.JSX.Element;
+        Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: IButtonProps) => React.JSX.Element;
         CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => React.JSX.Element;
         InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
         Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) => React.JSX.Element | null;

package/dist/esm/index.js

@@ -2847,8 +2847,8 @@ var btnTypography = {
     large: typography.body1Medium,
 };
 var Button = function (_a) {
-    var onClick = _a.onClick, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.size, size = _f === void 0 ? 'medium' : _f, _g = _a.ariaLabel, ariaLabel = _g === void 0 ? 'Кнопка' : _g;
-    return (React.createElement("button", { "data-testid": "Button_MAIN", "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled, onClick: onClick, className: joinClasses(styles$5["btn--".concat(size)], btnTypography[size], isRounded
+    var onClick = _a.onClick, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e, _f = _a.size, size = _f === void 0 ? "medium" : _f, _g = _a.ariaLabel, ariaLabel = _g === void 0 ? "Кнопка" : _g, _h = _a.dataTestid, dataTestid = _h === void 0 ? "Button_MAIN" : _h;
+    return (React.createElement("button", { "data-testid": dataTestid, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled, onClick: onClick, className: joinClasses(styles$5["btn--".concat(size)], btnTypography[size], isRounded
             ? styles$5["btn-rounded--".concat(size)]
             : styles$5["btn-square--".concat(size)], disabled ? styles$5["btn-".concat(variant, "--disabled")] : styles$5["btn-".concat(variant)], styles$5.button, className), style: style }, children));
 };
@@ -2908,7 +2908,7 @@ var ClearIcon = function (_a) {
 
 // InputField.tsx
 var InputField = react.exports.forwardRef(function (_a, ref) {
-    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, style = _a.style, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? "text" : _f, id = _a.id, _g = _a.labelText, labelText = _g === void 0 ? "" : _g, _h = _a.ariaLabel, ariaLabel = _h === void 0 ? "" : _h, _j = _a.focused, focused = _j === void 0 ? false : _j, _k = _a.setFocused, setFocused = _k === void 0 ? function () { } : _k, _l = _a.readOnly, readOnly = _l === void 0 ? false : _l;
+    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, style = _a.style, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? "text" : _f, id = _a.id, _g = _a.labelText, labelText = _g === void 0 ? "" : _g, _h = _a.ariaLabel, ariaLabel = _h === void 0 ? "" : _h, _j = _a.focused, focused = _j === void 0 ? false : _j, _k = _a.setFocused, setFocused = _k === void 0 ? function () { } : _k, _l = _a.readOnly, readOnly = _l === void 0 ? false : _l, _m = _a.dataTestid, dataTestid = _m === void 0 ? "InputField_MAIN" : _m;
     var handleClear = function () {
         if (onChange) {
             onChange({
@@ -2931,7 +2931,7 @@ var InputField = react.exports.forwardRef(function (_a, ref) {
             onEnterPress(event);
         }
     };
-    return (React.createElement("div", { "data-testid": "InputField_MAIN", className: joinClasses(styles$4[labelText.length ? "inputContainerLabeled" : "inputContainer"], focused ? styles$4["input--onfocus"] : undefined, type === 'text' ? typography.body1Regular : undefined, styles$4["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], className), style: style },
+    return (React.createElement("div", { "data-testid": dataTestid, className: joinClasses(styles$4[labelText.length ? "inputContainerLabeled" : "inputContainer"], focused ? styles$4["input--onfocus"] : undefined, type === "text" ? typography.body1Regular : undefined, styles$4["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], className), style: style },
         labelText.length > 0 && (React.createElement("label", { htmlFor: id, "data-testid": "InputField_LABEL" }, labelText)),
         inputLeftIcon,
         React.createElement("input", { ref: ref, "data-testid": "InputField_INPUT", "aria-label": ariaLabel, id: id, type: type, className: styles$4.input, placeholder: placeholder, "aria-placeholder": placeholder, onFocus: handleFocus, onBlur: handleBlur, onChange: onChange, onKeyDown: handleKeyDown, value: value, readOnly: readOnly }),