pmg-ui-kit 0.0.27 → 0.0.29

package/dist/ui/atoms/Step.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import TabsWithUnderline from "../components/TabsWithUnderline";
+import { TabsWithUnderline } from "../components/TabsWithUnderline";
 import { Text } from "./Text";
 const Step = ({ children, stepNumber, withoutUnderline = false, }) => {
     return (_jsxs(_Fragment, { children: [!withoutUnderline && (_jsx(TabsWithUnderline, { className: "mt-4 mb-4 border-gray-400" })), _jsxs("div", { className: "flex flex-row", children: [_jsx(Text, { className: "mt-1 !text-4xl", children: `${stepNumber})` }), _jsx("div", { className: "ml-4 first-line:flex flex-col w-full", children: children })] })] }));

package/dist/ui/atoms/Textarea.d.ts

@@ -9,5 +9,5 @@ type TextAreaProps = {
     required?: boolean;
     name?: string;
 };
-declare const Textarea: ({ rows, className, placeholder, value, bottomHint, handleOnChange, shouldBeValidateInWebchecker, required, name, }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
-export default Textarea;
+export declare const Textarea: ({ rows, className, placeholder, value, bottomHint, handleOnChange, shouldBeValidateInWebchecker, required, name, }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/atoms/Textarea.js

@@ -5,7 +5,7 @@ import { useEffect, useState } from "react";
 import { useValidatePattern } from "../../hooks/useValidatePattern";
 import { ValidationPatterns } from "../../consts/validationPatterns";
 import { Text } from "./Text";
-const Textarea = ({ rows = 4, className, placeholder = "", value, bottomHint, handleOnChange, shouldBeValidateInWebchecker = false, required, name, }) => {
+export const Textarea = ({ rows = 4, className, placeholder = "", value, bottomHint, handleOnChange, shouldBeValidateInWebchecker = false, required, name, }) => {
     const isValid = useValidatePattern(ValidationPatterns.NON_EMPTY_PATTERN, value?.toString(), required ? false : true);
     useEffect(() => {
         setVal(value);
@@ -17,4 +17,3 @@ const Textarea = ({ rows = 4, className, placeholder = "", value, bottomHint, ha
                     handleOnChange && handleOnChange(e);
                 }, rows: rows, className: classNames("block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500", className, !isValid && "!border-red-500 !focus:border-red-500"), placeholder: placeholder, required: required }), bottomHint && (_jsx(Text, { size: "sm", className: "mt-1 text-gray-600", children: bottomHint }))] }));
 };
-export default Textarea;

package/dist/ui/components/FormField.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Input } from "../atoms/Input";
 import { InputTypeFileWithListing } from "../atoms/InputTypeFileWithListing";
 import { Select } from "../atoms/Select";
-import Textarea from "../atoms/Textarea";
+import { Textarea } from "../atoms/Textarea";
 export const FormField = ({ fieldSetup, value, handleOnChange, }) => {
     if (fieldSetup.fieldType === "text") {
         return (_jsx(Input, { onClick: (e) => e.currentTarget.classList.remove("border-red-500", "!border-red-500"), onBlur: (e) => e.currentTarget.classList.remove("border-red-500", "!border-red-500"), className: fieldSetup.inputClassName, required: fieldSetup.required, name: fieldSetup.name, value: value, handleOnChange: handleOnChange, pattern: fieldSetup.pattern, placeholder: fieldSetup.placeholder, bottomHint: fieldSetup.bottomHint, wrapperClassNames: fieldSetup.wrapperClassNames }));

package/dist/ui/components/TabsWithUnderline.d.ts

@@ -10,5 +10,5 @@ type TabsWithUnderlineProps = {
     className?: string;
     listClassNames?: string;
 };
-declare const TabsWithUnderline: ({ items, className, listClassNames, }: TabsWithUnderlineProps) => import("react/jsx-runtime").JSX.Element;
-export default TabsWithUnderline;
+export declare const TabsWithUnderline: ({ items, className, listClassNames, }: TabsWithUnderlineProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/components/TabsWithUnderline.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from "classnames";
-const TabsWithUnderline = ({ items, className, listClassNames, }) => {
+export const TabsWithUnderline = ({ items, className, listClassNames, }) => {
     const hoverStyles = (disabled = true) => !disabled
         ? "hover:text-blue-700 transition-colors duration-200 ease-in-out hover:cursor-pointer"
         : "";
     const activeStyles = (active = false) => active ? "!text-blue-700 !border-blue-700" : "";
     return (_jsx("div", { className: classNames("text-sm font-medium text-center text-black border-b border-black dark:text-black dark:border-black", className), children: _jsx("ul", { className: classNames("flex flex-wrap -mb-px", listClassNames), children: items?.map((item) => (_jsx("li", { className: "me-2", children: _jsx("div", { className: classNames("inline-block p-4 text-gray-700 border-gray-600 rounded-t-lg dark:text-gray-500 dark:border-gray-500", hoverStyles(item.isDisabled), activeStyles(item.isActive)), onClick: item.onClick, "aria-current": "page", children: item.label }) }, item.label))) }) }));
 };
-export default TabsWithUnderline;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pmg-ui-kit",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "description": "Components library for PMG projects",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",