@dtdot/lego 2.0.0-25 → 2.0.0-26

package/build/components/Input/Input.component.js

@@ -112,7 +112,7 @@ const Input = React.forwardRef(function ForwardRefInput(props, ref) {
                 React.createElement(ErrorInner, null,
                     React.createElement(FontAwesomeIcon, { icon: faExclamationCircle }))),
             error && (React.createElement(ErrorMessage, { style: { opacity: 0, y: 0 }, animate: animationVariant, variants: messageVariants, transition: { type: 'spring', duration: 0.3 }, "data-testid": 'error-message' }, error))),
-        splitDescription && (React.createElement(ControlDescription, null, splitDescription.map((line, index) => (React.createElement(React.Fragment, null,
+        splitDescription && (React.createElement(ControlDescription, null, splitDescription.map((line, index) => (React.createElement("span", { key: index },
             index !== 0 && React.createElement("br", null),
             line))))),
         filteredOptions && isOpen && (React.createElement(OptionsPopper, { referenceElement: referenceElement, options: filteredOptions, onSelect: handleSetSuggestion, onClose: () => setIsOpen(false) }))));

package/build/components/Modal/Modal.component.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
 export type ModalSize = 'sm' | 'md' | 'lg';
 export interface ModalProps {
-    children: React.ReactNode;
-    size?: ModalSize;
-    loading?: boolean;
-    onClose: () => void;
+    'children': React.ReactNode;
+    'size'?: ModalSize;
+    'loading'?: boolean;
+    'onClose': () => void;
+    'data-testid'?: string;
 }
 declare const Modal: {
-    ({ children, size, loading, onClose }: ModalProps): React.ReactPortal;
+    ({ children, size, loading, onClose, "data-testid": dataTestId }: ModalProps): React.ReactPortal;
     Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
     Header: ({ header, subHeader }: import("./_ModalHeader.component").ModalHeaderProps) => JSX.Element;
 };

package/build/components/Modal/Modal.component.js

@@ -76,7 +76,7 @@ const SpinnerContainer = styled.div `
   justify-content: center;
   align-items: center;
 `;
-const Modal = ({ children, size, loading, onClose }) => {
+const Modal = ({ children, size, loading, onClose, 'data-testid': dataTestId }) => {
     const handleModalClick = (event) => {
         event.modalClicked = true;
     };
@@ -90,7 +90,7 @@ const Modal = ({ children, size, loading, onClose }) => {
             React.createElement(ScrollContainer, null,
                 React.createElement(ModalContext.Provider, { value: { onClose } },
                     React.createElement(ModalWrapper, { size: size || 'md' },
-                        React.createElement(ModalOuter, { transition: { type: 'spring', bounce: 0, duration: 0.6 }, initial: { height: loading ? loadingHeight : 'auto' }, animate: { height: loading ? loadingHeight : 'auto' }, size: size || 'md', onClick: handleModalClick, "data-testid": 'modal' },
+                        React.createElement(ModalOuter, { transition: { type: 'spring', bounce: 0, duration: 0.6 }, initial: { height: loading ? loadingHeight : 'auto' }, animate: { height: loading ? loadingHeight : 'auto' }, size: size || 'md', onClick: handleModalClick, "data-testid": dataTestId || 'modal' },
                             !loading && children,
                             loading && (React.createElement(SpinnerContainer, null,
                                 React.createElement(Loader, null))))))))), document.body);

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dtdot/lego",
-  "version": "2.0.0-25",
+  "version": "2.0.0-26",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {
     "build": "tsc",
     "start": "start-storybook -p 6006 --no-open",
     "watch": "npm run build -- --watch",
-    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
+    "lint": "eslint src",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "pretty": "prettier --write \"./**/*.{js,jsx,ts,tsx,json}\""
@@ -22,7 +22,7 @@
     "@babel/core": "^7.20.7",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@dtdot/eslint-config": "^0.0.6",
+    "@dtdot/eslint-config": "^0.0.9-15",
     "@storybook/addon-actions": "^6.5.15",
     "@storybook/addon-essentials": "^6.5.15",
     "@storybook/addon-interactions": "^6.5.15",
@@ -31,7 +31,6 @@
     "@storybook/manager-webpack5": "^6.5.15",
     "@storybook/react": "^6.5.15",
     "@storybook/testing-library": "^0.0.13",
-    "@trivago/prettier-plugin-sort-imports": "^4.0.0",
     "@types/identicon.js": "^2.3.1",
     "@types/qrcode": "^1.5.0",
     "@types/react": "^18.0.26",
@@ -40,15 +39,9 @@
     "@types/styled-components": "^5.1.26",
     "@types/tinycolor2": "^1.4.3",
     "@types/uuid": "^9.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.47.0",
-    "@typescript-eslint/parser": "^5.47.0",
     "babel-loader": "^9.1.0",
-    "eslint": "^8.30.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^2.8.1",
+    "eslint": "^8.57.0",
+    "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "styled-components": "^5.3.5",