@factorearth/component-library 5.3.1 → 5.3.2-alpha.0

package/dist/Organisms/Table/Table.js

@@ -3,21 +3,21 @@ import { TableHeader } from "../../Molecules/TableHeader/TableHeader";
 import { TableRow } from "../../Molecules/TableRow/TableRow";
 import styled from "@emotion/styled";
 import { Pagination } from "../../Atoms/Pagination/Pagination";
-const StyledTable = styled.table `
-	display: flex;
-	padding: 0px 24px;
-	flex-direction: column;
+const StyledTable = styled.table `
+	display: flex;
+	padding: 0px 24px;
+	flex-direction: column;
 `;
-const StyledTableHead = styled.thead `
-	position: sticky;
-	top: 0;
-	z-index: 998;
-	border-width: 1px;
-	border-style: solid;
-	border-color: ${({ colorPalette }) => colorPalette.border.secondary};
-	border-right: none;
-	border-left: none;
-	border-top: none;
+const StyledTableHead = styled.thead `
+	position: sticky;
+	top: 0;
+	z-index: 998;
+	border-width: 1px;
+	border-style: solid;
+	border-color: ${({ colorPalette }) => colorPalette.border.secondary};
+	border-right: none;
+	border-left: none;
+	border-top: none;
 `;
 const paginate = ({ items, pageIndex, pageSize, }) => {
     if (pageIndex === 0) {

package/dist/Organisms/Tutorial/Tutorial.js

@@ -5,64 +5,64 @@ import Accordion from "../../Atoms/Accordion/Accordion";
 import { Button } from "../../Atoms/Buttons/Button";
 import { Typography } from "../../Atoms/Typography/Typography";
 import { GoBug } from "react-icons/go";
-const TutorialOverlay = styled.div `
-	background-color: ${({ colors }) => `${colors.background.secondary}90`};
-	position: absolute;
-	z-index: 1000;
-  display: flex;
-  justify-content: center;
-  height: 100vh;
-  width: 100vw;
-  top: 0;
-  left: 0;
+const TutorialOverlay = styled.div `
+	background-color: ${({ colors }) => `${colors.background.secondary}90`};
+	position: absolute;
+	z-index: 1000;
+  display: flex;
+  justify-content: center;
+  height: 100vh;
+  width: 100vw;
+  top: 0;
+  left: 0;
 `;
-const TutorialWrapper = styled.div `
-  background-color: ${({ colors }) => colors.background.primary};
-  color: ${({ colors }) => colors.text.primary};
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 16px;
-  align-self: stretch;
-  height: 500px;
-  width: 500px;
-  border-radius: 4px;
-	box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 5px 15px`};
-  margin-top: calc(50vh - 250px)
+const TutorialWrapper = styled.div `
+  background-color: ${({ colors }) => colors.background.primary};
+  color: ${({ colors }) => colors.text.primary};
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  align-self: stretch;
+  height: 500px;
+  width: 500px;
+  border-radius: 4px;
+	box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 5px 15px`};
+  margin-top: calc(50vh - 250px)
 `;
 //I used the calc above because `align-items: center` had no affect when applied to the TutorialOverlay styled div
-const HelpHeader = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 16px;
-  align-self: stretch;
-  padding: 24px;
-  box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 3px 5px`};
+const HelpHeader = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  align-self: stretch;
+  padding: 24px;
+  box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 3px 5px`};
 `;
-const TitleAndExit = styled.div `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  align-self: stretch;
+const TitleAndExit = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  align-self: stretch;
 `;
-const ScrollableArea = styled.div `
-  overflow: scroll;
-  overflow-x: hidden;
+const ScrollableArea = styled.div `
+  overflow: scroll;
+  overflow-x: hidden;
 `;
-const ContentContainer = styled.div `
-  padding: 0px 24px;
-  width: 90%;
+const ContentContainer = styled.div `
+  padding: 0px 24px;
+  width: 90%;
 `;
-const ContactContainer = styled.div `
-  background-color: ${({ colors }) => colors.background.tertiary};
-  color: ${({ colors }) => colors.text.primary};
-  display: flex;
-  padding: 24px 16px;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  align-self: stretch;
+const ContactContainer = styled.div `
+  background-color: ${({ colors }) => colors.background.tertiary};
+  color: ${({ colors }) => colors.text.primary};
+  display: flex;
+  padding: 24px 16px;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  align-self: stretch;
 `;
 ;
 ;

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from "./Atoms/FieldWrapper/FieldWrapper";
 export * from "./Atoms/DropdownField/DropdownField";
 export * from "./Atoms/NoteField/NoteField";
 export * from "./Atoms/SelectField/SelectField";
+export * from "./Atoms/Spinner/Spinner";
 export * from "./Atoms/Tab/Tab";
 export * from "./Atoms/ProgressBar/ProgressBar";
 export * from "./Atoms/Typography/Typography";

package/dist/index.js

@@ -12,6 +12,7 @@ export * from "./Atoms/FieldWrapper/FieldWrapper";
 export * from "./Atoms/DropdownField/DropdownField";
 export * from "./Atoms/NoteField/NoteField";
 export * from "./Atoms/SelectField/SelectField";
+export * from "./Atoms/Spinner/Spinner";
 export * from "./Atoms/Tab/Tab";
 export * from "./Atoms/ProgressBar/ProgressBar";
 export * from "./Atoms/Typography/Typography";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAA;AACvD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,SAAS;AACT,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAA;AACvD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,SAAS;AACT,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@factorearth/component-library",
-	"version": "5.3.1",
+	"version": "5.3.2-alpha.0",
 	"description": " A storybook component library for FactorEarth",
 	"author": "madtrx <marlin.makori@gmail.com>",
 	"homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
@@ -46,7 +46,7 @@
 		"access": "public",
 		"registry": "https://registry.npmjs.org/"
 	},
-	"gitHead": "20874c787252c7b50f0a4d1baad0ee21b540ee38",
+	"gitHead": "c2359a9ea44c547ff1dae25db07736920fcd3f6e",
 	"dependencies": {
 		"@emotion/react": "^11.13.0",
 		"@emotion/styled": "^11.13.0",

package/dist/Organisms/Splash/Splash.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { Colors } from "Theme/types";
-interface ErrorSplashProps {
-    colorPalette: Colors & string;
-    title: string;
-    description: string;
-    image?: string;
-}
-export declare const ErrorSplash: (props: ErrorSplashProps) => React.JSX.Element;
-export {};

package/dist/Organisms/Splash/Splash.js

@@ -1,82 +0,0 @@
-import React from "react";
-import styled from "@emotion/styled";
-import { FiChevronLeft, FiRefreshCw } from "react-icons/fi";
-import { GoBug } from "react-icons/go";
-import { Button } from "../../Atoms/Buttons/Button";
-import { Typography } from "../../Atoms/Typography/Typography";
-const ErrorSplashContainer = styled.div `
-	// width: 100vw;
-	// height: 100vh;
-
-`;
-const HeaderDiv = styled.div `
-	display: flex;
-	padding: 24px;
-	flex-direction: column;
-	align-items: flex-start;
-	gap: 16px;
-	align-self: stretch;
-`;
-const HeaderAndBackDiv = styled.div `
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	align-self: stretch;
-`;
-const DescriptionDiv = styled.div `
-	display: -webkit-box;
-	-webkit-box-orient: vertical;
-	-webkit-line-clamp: 2;
-	flex: 1 0 0;
-`;
-const ButtonsDiv = styled.div `
-	//background is the topo image
-	display: flex;
-	height: 245px;
-	justify-content: center;
-	align-items: center;
-	align-content: center;
-	gap: 16px;
-	flex-shrink: 0;
-	align-self: stretch;
-	flex-wrap: wrap;
-`;
-const AmbassadorContactDiv = styled.div `
-	background-color: ${({ colorPalette }) => colorPalette.background.tertiary};
-	border-top: ${({ colorPalette }) => colorPalette.border.tertiary} 1px solid;
-	display: flex;
-	padding: 24px 16px;
-	flex-direction: column;
-	align-items: center;
-	gap: 16px;
-	align-self: stretch;
-`;
-const ContactContainer = styled.div `
-  background-color: ${({ colors }) => colors.background.tertiary};
-  color: ${({ colors }) => colors.text.primary};
-  display: flex;
-  padding: 24px 16px;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  align-self: stretch;
-`;
-export const ErrorSplash = (props) => {
-    const { colorPalette, title, description, image, ...tableHtmlProps } = props;
-    console.log("colorPalette:", colorPalette);
-    return (React.createElement(ErrorSplashContainer, { colorPalette: colorPalette, ...tableHtmlProps },
-        React.createElement(HeaderDiv, { colorPalette: colorPalette },
-            React.createElement(HeaderAndBackDiv, { colorPalette: colorPalette },
-                React.createElement(FiChevronLeft, null),
-                React.createElement(Typography, { textColor: colorPalette.text.primary, content: title, variant: "Heading 3" })),
-            React.createElement(DescriptionDiv, { colorPalette: colorPalette },
-                React.createElement(Typography, { textColor: colorPalette.text.primary, content: description, variant: "Paragraphy Body" }))),
-        image && React.createElement("img", { src: image, alt: "Splash Image" }),
-        React.createElement(ButtonsDiv, { colorPalette: colorPalette },
-            React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Refresh", variant: "outlined", icon: React.createElement(FiRefreshCw, null) }),
-            React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Report a bug", variant: "filled", icon: React.createElement(GoBug, null) })),
-        React.createElement(ContactContainer, { colors: colorPalette },
-            React.createElement(Typography, { textColor: colorPalette.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
-            React.createElement(Typography, { textColor: colorPalette.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }))));
-};
-//# sourceMappingURL=Splash.js.map

package/dist/Organisms/Splash/Splash.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Splash.js","sourceRoot":"","sources":["../../../lib/Organisms/Splash/Splash.tsx"],"names":[],"mappings":"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"}