@dtdot/lego 2.0.0-42 → 2.0.0-43

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

@@ -4,7 +4,7 @@ export interface MinimalMenuProps {
 }
 declare const MinimalMenu: {
     ({ children }: MinimalMenuProps): JSX.Element;
-    Header: ({ hiddenMenu, text, rightContent }: import("./_MinimalMenuHeader.component").MinimalMenuHeaderProps) => JSX.Element;
+    Header: ({ hiddenMenu, text, rightContent, size }: import("./_MinimalMenuHeader.component").MinimalMenuHeaderProps) => JSX.Element;
     Item: ({ icon, label, active, onClick, "data-testid": dataTestId }: import("./_MinimalMenuItem.component").MinimalMenuItemProps) => JSX.Element;
     Page: ({ children, hiddenMenu }: import("./_MinimalMenuPage.component").MinimalMenuPageProps) => JSX.Element;
 };

package/build/components/MinimalMenu/_MinimalMenuHeader.component.d.ts

@@ -6,10 +6,11 @@ export interface MinimalMenuHeaderProps {
     hiddenMenu?: boolean;
     text?: string;
     rightContent?: React.ReactNode;
+    size?: 'sm' | 'md';
 }
 /**
  * A header that is designed to be nested within the page content.
  * You can use a header per page or simply use a single header for your entire application.
  */
-declare const MinimalMenuHeader: ({ hiddenMenu, text, rightContent }: MinimalMenuHeaderProps) => JSX.Element;
+declare const MinimalMenuHeader: ({ hiddenMenu, text, rightContent, size }: MinimalMenuHeaderProps) => JSX.Element;
 export default MinimalMenuHeader;

package/build/components/MinimalMenu/_MinimalMenuHeader.component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 const MinimalMenuHeaderContainer = styled.div ``;
 const Header = styled.div `
-  height: 48px;
+  height: ${(props) => (props.size === 'sm' ? '48px' : '64px')};
   background-color: ${(props) => props.theme.colours.cardBackground};
 
   display: flex;
@@ -22,9 +22,9 @@ const TitleText = styled.div `
  * A header that is designed to be nested within the page content.
  * You can use a header per page or simply use a single header for your entire application.
  */
-const MinimalMenuHeader = ({ hiddenMenu, text, rightContent }) => {
+const MinimalMenuHeader = ({ hiddenMenu, text, rightContent, size = 'sm' }) => {
     return (React.createElement(MinimalMenuHeaderContainer, { hiddenMenu: !!hiddenMenu },
-        React.createElement(Header, null,
+        React.createElement(Header, { size: size },
             React.createElement(HeaderItem, null, text && React.createElement(TitleText, null, text)),
             React.createElement(HeaderItem, null, rightContent))));
 };

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

@@ -9,6 +9,7 @@ export interface ISelectProps {
     'onChange'?: (value: any) => void;
     'data-testid'?: string;
     'options': SelectOption[];
+    'className'?: string;
 }
 declare const Select: (props: ISelectProps) => JSX.Element;
 export default Select;

package/build/components/Select/Select.component.js

@@ -38,7 +38,7 @@ const ValueText = styled.div `
 const Select = (props) => {
     const [isOpen, setIsOpen] = useState(false);
     const [referenceElement, setReferenceElement] = useState();
-    const { label, name, description, placeholder, 'value': propsValue, 'data-testid': dataTestId, options } = props;
+    const { label, name, description, placeholder, 'value': propsValue, 'data-testid': dataTestId, options, className, } = props;
     const { value: contextValue, onChange: contextOnChange } = useFormNode(name);
     const value = getValue(propsValue, contextValue);
     const splitDescription = description ? description.split('\\n').map((str) => str.trim()) : undefined;
@@ -52,7 +52,7 @@ const Select = (props) => {
         }
     };
     const valueLabel = value && options.find((o) => o.value === value)?.label;
-    return (React.createElement("div", null,
+    return (React.createElement("div", { className: className },
         label && React.createElement(ControlLabel, { htmlFor: name }, label),
         React.createElement(ControlOuter, { ref: setReferenceElement },
             React.createElement(SelectControl, { "data-testid": dataTestId, onClick: () => setIsOpen(!isOpen) },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtdot/lego",
-  "version": "2.0.0-42",
+  "version": "2.0.0-43",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {