@trackunit/react-components 0.0.46 → 0.0.49

package/README.md

@@ -1,36 +1,18 @@
-# React components
+# Trackunit React Components
+The `@trackunit/react-components` package is the home of Trackunits public UI library.
 
-The React Components library should be the home for reuseable React components in the manager.  
-This library is (going to be) exposed publibly and should therfore be treated accordingly. 
+This library is exposed publicly for use in the  the Trackunit [Iris App SDK](https://www.npmjs.com/package/@trackunit/iris-app).  
 
-### Component generation command example
-`yarn nx workspace-generator react-component MyTestComponent --directory=components --project=react-components --no-interactive`
+To browse all avaliable components visit our [Public Storybook](https://developers.trackunit.com/page/ui-components).
 
-## Rules for this library
-_Not all current components lives up the these standards but any new component should_  
-_We are working on updating all existing components_
+For more info and a full guide on Iris App SDK Development, please visit our [Developer Hub](https://developers.trackunit.com/).
 
-All Components in this lib: 
-- Must be exposed in our storybook.  
-- Must have sufficient test coverage.  
-- Must extend CommonProps (Have ClassName and DataTestId).  
-- Must expose their styles in a .css file using @apply and be exposed in our css-components library.  
-- Should be reviewed by @patr2275.  
-- May only depend on other Buildable, Publishable and visibility:public tagged libs.
+## Development
+At this point this library is only developed by Trackunit Employees.  
+For development related information see the [development readme](https://github.com/Trackunit/manager/blob/master/libs/react/components/DEVELOPMENT.md).
 
-## Stories for components
+## Trackunit
+This package was developed by Trackunit ApS.  
+Trackunit is the leading SaaS-based IoT solution for the construction industry, offering an ecosystem of hardware, fleet management software & telematics.
 
-**Component.stories.tsx**
-Used for holding the code for the individual stories and configuring the story parameters.  
-Keeping these in the .tsx file allows for Typescript and auto completion.
-
-Prefixing a story with Hidden removes it form the sidebar navigation, but they can still be referenced in the docs mdx.
-
-**Component.docs.mdx**
-Handles the layout of the docs page shown in storybook.
-References stories from the tsx file.
-
-## TODO: 
-1. Update Introduction and Fundamentals documentation.
-2. Enable docs autogen to generate props and controls from typescript and jsdocs.
-3. Update stories on existing components and move them away from Legacy Components.
+![The Trackunit logo](https://trackunit.com/wp-content/uploads/2022/03/top-logo.svg)

package/components/buttons/button/Button.d.ts

@@ -51,5 +51,9 @@ export interface ButtonProps extends ButtonCommonProps {
      * @memberof ButtonProps
      */
     renderAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+    /**
+     * The Id of the form to submit, for button type submit
+     */
+    form?: string;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/index.js

@@ -85,7 +85,7 @@ const Spinner = ({
     "$centered": centered,
     className: containerClassName
   }, {
-    children: jsx(StyledSpinner, {
+    children: jsx(StyledSpinner$1, {
       "$size": size,
       "$mode": mode,
       role: "spinbutton",
@@ -111,7 +111,7 @@ const getSpinnerStyles = () => ({
   }
 };
 
-const StyledSpinner = tw.span`
+const StyledSpinner$1 = tw.span`
   spinner
   ${p => p.$mode === "dark" ? tws`spinner--dark` : null}
   ${getSpinnerStyles()}
@@ -199,7 +199,7 @@ const Button = React.forwardRef((_a, ref) => {
     "data-testid": dataTestId,
     ref: ref
   }, rest, {
-    children: [loading && jsx(Spinner, {
+    children: [loading && jsx(StyledSpinner, {
       centered: true
     }), prefix, children, suffix]
   }));
@@ -211,6 +211,9 @@ const StyledButton$1 = tw.button`
   ${getStyles()}
   ${getPadding()}
 `;
+const StyledSpinner = tw(Spinner)`
+  button__spinner
+`;
 Button.displayName = "Button";
 
 const IconButton = React.forwardRef((_a, ref) => {

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.46",
+  "version": "0.0.49",
   "repository": "https://github.com/Trackunit/manager",
   "license": "MIT",
   "dependencies": {
-    "@trackunit/css-core": "0.0.38",
-    "@trackunit/tailwind-styled-components": "0.0.36",
+    "@trackunit/css-core": "0.0.39",
+    "@trackunit/tailwind-styled-components": "0.0.37",
     "react": "17.0.1",
-    "@trackunit/ui-design-tokens": "0.0.35",
+    "@trackunit/ui-design-tokens": "0.0.36",
     "echarts-for-react": "^3.0.2",
     "uuid": "^8.3.2",
     "@react-spring/web": "^9.4.4",
     "react-use": "^17.3.2",
     "react-day-picker": "^8.0.3",
     "date-fns": "^2.28.0",
-    "@trackunit/ui-icons": "0.0.35",
+    "@trackunit/ui-icons": "0.0.36",
     "react-useportal": "^1.0.16",
     "react-helmet": "^6.1.0",
     "@popperjs/core": "^2.11.4",