Added Button, Form and Table skeleton (#1)

* WIP

* Tidy

* Started adding table

* Finished skeleton for Table component

* Added CODEOWNERS

* Added form skeleton

* Added form Rich Text

* Added form Date Time Picker

* Use latest Node LTS

* Include /dist

* Updated dist

* Working SCSS

* Added examples

* Changes

* Added card

* Classes to functional components

---------

Co-authored-by: Kishan Jadav <[email protected]>

NPM (#2)

NPM CI

Added list

Styling changes

Added info tile

Added examples

Added Header, Footer, infoTile, searchBarm and userProfile

Removed MUI

CSS fix

Feedback

CSS Extract fix

CSS and Styling Fixes (#4)

* CSS fix

* Minor style changes

* Version Bump

Added breadcrumbs component (#5)

* Added breadcrumbs component

* Styling changes

Styling changes (#6)

* Href change

* Slash fix

* Styling changes

* Label and Button changes

* Form feedback changes

* Form text changes

* Added filter button

* Use relative paths

---------

Co-authored-by: Kishan Jadav <[email protected]>

Version bumb 0.3.0 (#7)

Improved responsiveness (#10)

* Updated Navlink

* Updated Navlink

* Added breadcumb & nav providers

* Exposed dist

* List margin fix

* Made lists responsive

* Added typeahead

* Ignoring dist

* Expose dist

* Updated llist-row

* Improved responsive navbar

* Styling changes

* List Head styles

* Updated List Page

* Added subtitle

Changes to UI based on feedback

Added breadcumb & nav providers

Exposed dist

List margin fix

Made lists responsive

Added typeahead

Ignoring dist

Expose dist

Updated llist-row

Improved responsive navbar

Styling changes

List Head styles

Updated List Page

WIP

Updated layout

Updated UserProfile

Changes to tiles

Chip changes

Minor theme changes

Updated progress bar

Minor change

Fix to layout

Added tabs

Added tabs

Updated UI to match designs

Subtitle, searchbar

Breadcrumbs update

Btn stlying

Ignoring dist

Overdue fix

Added texmo icons

Expose dist

Update to navitem

Uppercase

InfoTile Link

Updated secondary color

Added script to generate icon types

Fixed issues

Updated search bar

More feedback changes

Minor styling

Updated types

List update

Info tile and list updates

Added navbar

Updated nav transition

Updated dist

Feedback

Updated sidenav icon

Updated infotiles

Updated min-width on lists

Updated infotiles

Updated navitem

Author: ianvexler

dist/components/breadcrumb/BreadCrumbContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const BreadcrumbContext: import("react").Context<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>>;
+export default BreadcrumbContext;
+//# sourceMappingURL=BreadCrumbContext.d.ts.map

dist/components/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+interface BreadcrumbProps extends React.HTMLProps<HTMLHeadingElement> {
+    link: typeof Link;
+}
+declare const Breadcrumb: {
+    ({ link, children, ...rest }: BreadcrumbProps): React.JSX.Element;
+    Item: ({ text, active, route, showSlash, className, ...rest }: import("./components/BreadcrumbItem").BreadcrumbItemProps) => React.JSX.Element;
+};
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.d.ts.map

dist/components/breadcrumb/components/BreadcrumbItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface BreadcrumbItemProps extends React.HTMLProps<HTMLSpanElement> {
+    text: string;
+    active?: boolean;
+    route?: string;
+    showSlash?: boolean;
+}
+declare const BreadcrumbItem: ({ text, active, route, showSlash, className, ...rest }: BreadcrumbItemProps) => React.JSX.Element;
+export default BreadcrumbItem;
+//# sourceMappingURL=BreadcrumbItem.d.ts.map

dist/components/breadcrumbs/BreadCrumbsContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const BreadcrumbsContext: import("react").Context<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>>;
+export default BreadcrumbsContext;
+//# sourceMappingURL=BreadCrumbsContext.d.ts.map

dist/components/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+interface BreadcrumbsProps extends React.HTMLProps<HTMLHeadingElement> {
+    link: typeof Link;
+}
+declare const Breadcrumbs: {
+    ({ className, link, children, ...rest }: BreadcrumbsProps): React.JSX.Element;
+    Item: ({ text, active, route, showSlash, className, ...rest }: import("./components/BreadcrumbItem").BreadcrumbItemProps) => React.JSX.Element;
+};
+export default Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

dist/components/breadcrumbs/components/BreadcrumbItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface BreadcrumbItemProps extends React.HTMLProps<HTMLSpanElement> {
+    text: string;
+    active?: boolean;
+    route?: string;
+    showSlash?: boolean;
+}
+declare const BreadcrumbItem: ({ text, active, route, showSlash, className, ...rest }: BreadcrumbItemProps) => React.JSX.Element;
+export default BreadcrumbItem;
+//# sourceMappingURL=BreadcrumbItem.d.ts.map

dist/components/button/Button.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Themes } from '../../types';
+import { ButtonProps as BootstrapButtonProps } from 'react-bootstrap';
+interface ButtonProps extends BootstrapButtonProps {
+    label?: string;
+    icon?: string;
+    variant?: Themes;
+}
+declare const Button: ({ label, icon, children, className, variant, ...rest }: ButtonProps) => React.JSX.Element;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

dist/components/card/Card.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CardProps as BootstrapCardProps } from 'react-bootstrap';
+interface CardProps extends BootstrapCardProps {
+    header?: string;
+}
+declare const Card: ({ header, children, className, ...rest }: CardProps) => React.JSX.Element;
+export default Card;
+//# sourceMappingURL=Card.d.ts.map

dist/components/chip/Chip.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Themes } from '../../types';
+interface ChipProps extends React.HTMLProps<HTMLDivElement> {
+    theme?: Themes;
+    label: string;
+}
+declare const Chip: ({ className, label, theme, ...rest }: ChipProps) => React.JSX.Element;
+export default Chip;
+//# sourceMappingURL=Chip.d.ts.map

dist/components/filterButton/FilterButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from 'react-bootstrap';
+interface FilterButtonProps extends ButtonProps {
+    filterExists: boolean;
+}
+declare const FilterButton: ({ variant, filterExists, className, ...rest }: FilterButtonProps) => React.JSX.Element;
+export default FilterButton;
+//# sourceMappingURL=FilterButton.d.ts.map

dist/components/footer/Footer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FooterProps extends React.HTMLProps<HTMLBaseElement> {
+    organisation: string;
+}
+declare const Footer: ({ className, organisation }: FooterProps) => React.JSX.Element;
+export default Footer;
+//# sourceMappingURL=Footer.d.ts.map

dist/components/form/Form.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { FormProps as BootstrapFormProps } from 'react-bootstrap';
+export interface FormProps extends BootstrapFormProps {
+}
+declare const Form: {
+    ({ children, ...rest }: FormProps): React.JSX.Element;
+    Group: ({ label, className, children, ...rest }: import("./FormGroup").FormGroupProps) => React.JSX.Element;
+    Label: ({ label, children, className }: import("./components/FormLabel").FormLabelProps) => React.JSX.Element;
+    Control: {
+        ({ className, ...rest }: import("./components/FormControl").FormControlProps): React.JSX.Element;
+        Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+    };
+    Select: {
+        ({ className, children, ...rest }: import("./components/FormSelect").FormSelectProps): React.JSX.Element;
+        Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+    };
+    Check: {
+        ({ type, className, ...rest }: import("./components/FormCheck").FormCheckProps): React.JSX.Element;
+        Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+    };
+    RichText: {
+        ({ style, ...rest }: import("./components/FormRichText").FormRichTextProps): React.JSX.Element;
+        Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+    };
+    DateTime: {
+        ({ className, ...rest }: import("./components/FormDateTime").FormDateTimeProps): React.JSX.Element;
+        Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+    };
+    Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+    Text: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"small", import("react-bootstrap").FormTextProps>;
+    Typeahead: {
+        ({ ...rest }: import("./components/FormTypeahead").FormSearchSelectProps): React.JSX.Element;
+        Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+    };
+};
+export default Form;
+//# sourceMappingURL=Form.d.ts.map

dist/components/form/FormGroup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormGroupProps as BootstrapFormGroupProps } from 'react-bootstrap';
+export interface FormGroupProps extends BootstrapFormGroupProps {
+    label?: string;
+}
+declare const FormGroup: ({ label, className, children, ...rest }: FormGroupProps) => React.JSX.Element;
+export default FormGroup;
+//# sourceMappingURL=FormGroup.d.ts.map

dist/components/form/components/FormCheck.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormCheckProps as BootstrapFormCheckProps } from 'react-bootstrap';
+export interface FormCheckProps extends BootstrapFormCheckProps {
+}
+declare const FormCheck: {
+    ({ type, className, ...rest }: FormCheckProps): React.JSX.Element;
+    Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+};
+export default FormCheck;
+//# sourceMappingURL=FormCheck.d.ts.map

dist/components/form/components/FormControl.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FormControlProps as BootstrapFormControlProps } from 'react-bootstrap';
+export interface FormControlProps extends BootstrapFormControlProps {
+    placeholder?: string;
+}
+declare const FormControl: {
+    ({ className, ...rest }: FormControlProps): React.JSX.Element;
+    Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+};
+export default FormControl;
+//# sourceMappingURL=FormControl.d.ts.map

dist/components/form/components/FormDateTime.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormControlProps } from 'react-bootstrap';
+export interface FormDateTimeProps extends FormControlProps {
+}
+declare const FormDateTime: {
+    ({ className, ...rest }: FormDateTimeProps): React.JSX.Element;
+    Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+};
+export default FormDateTime;
+//# sourceMappingURL=FormDateTime.d.ts.map

dist/components/form/components/FormLabel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormLabelProps as BootstrapFormLabelProps } from 'react-bootstrap';
+export type FormLabelProps = BootstrapFormLabelProps & {
+    label?: string;
+};
+declare const FormLabel: ({ label, children, className }: FormLabelProps) => React.JSX.Element;
+export default FormLabel;
+//# sourceMappingURL=FormLabel.d.ts.map

dist/components/form/components/FormRichText.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactQuill from 'react-quill';
+import 'react-quill/dist/quill.snow.css';
+export interface FormRichTextProps extends ReactQuill.ReactQuillProps {
+}
+declare const FormRichText: {
+    ({ style, ...rest }: FormRichTextProps): React.JSX.Element;
+    Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+};
+export default FormRichText;
+//# sourceMappingURL=FormRichText.d.ts.map

dist/components/form/components/FormSelect.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormSelectProps as BootstrapFormSelectProps } from 'react-bootstrap';
+export interface FormSelectProps extends BootstrapFormSelectProps {
+}
+declare const FormSelect: {
+    ({ className, children, ...rest }: FormSelectProps): React.JSX.Element;
+    Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+};
+export default FormSelect;
+//# sourceMappingURL=FormSelect.d.ts.map

dist/components/form/components/FormTypeahead.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TypeaheadComponentProps } from 'react-bootstrap-typeahead';
+export interface FormSearchSelectProps extends TypeaheadComponentProps {
+}
+declare const FormTypeahead: {
+    ({ ...rest }: FormSearchSelectProps): React.JSX.Element;
+    Feedback: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/Feedback").FeedbackProps>;
+};
+export default FormTypeahead;
+//# sourceMappingURL=FormTypeahead.d.ts.map

dist/components/header/Header.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { NavbarProps } from 'react-bootstrap';
+export interface HeaderProps extends NavbarProps {
+}
+declare const Header: {
+    ({ children, ...rest }: HeaderProps): React.JSX.Element;
+    Dropdown: {
+        ({ children }: import("./components/HeaderDropdown").HeaderDropDownProps): React.JSX.Element;
+        Item: ({ children, ...rest }: import("./components/dropdown/DropdownItem").DropdownItemProps) => React.JSX.Element;
+        Menu: ({ children, ...rest }: import("./components/dropdown/DropdownMenu").DropdownMenuProps) => React.JSX.Element;
+        Toggle: ({ className }: import("./components/dropdown/DropdownToggle").DropdownToggleProps) => React.JSX.Element;
+    };
+    Navbar: ({ children }: import("./components/HeaderNavbar").HeaderNavbarProps) => React.JSX.Element;
+};
+export default Header;
+//# sourceMappingURL=Header.d.ts.map