@factorearth/component-library 3.0.45-alpha.0 → 3.0.47-alpha.0

package/dist/Atoms/NoteField/NoteField.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Colors } from "../../Theme/types";
+interface NoteFieldTextAreaProps extends React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+    colorPalette: Colors;
+    toggleFullScreenView: () => void;
+    noHistory: boolean;
+}
+export declare const NoteFieldTextArea: (props: NoteFieldTextAreaProps) => React.JSX.Element;
+export {};

package/dist/Atoms/NoteField/NoteField.js

@@ -0,0 +1,52 @@
+import React from "react";
+import styled from "@emotion/styled";
+import { FiMaximize } from "react-icons/fi";
+const NoteContainer = styled.div `
+	display: flex;
+	width: 100%;
+	justify-content: flex-end;
+`;
+const MaximizeIconContainer = styled.div `
+	border-radius: 4px 0px 0px 4px;
+	height: 38px;
+	width: 40px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	cursor: pointer;
+	color: ${({ colorPalette }) => colorPalette.text.primary};
+	background: ${({ colorPalette }) => colorPalette.background.primary};
+	border-width: 1px;
+	border-style: solid;
+	border-color: ${({ colorPalette }) => colorPalette.border.primary};
+`;
+const MaximizeIcon = styled(FiMaximize) `
+	color: ${({ colorPalette }) => colorPalette.utils.icon};
+	width: 20px;
+	height: 20px;
+`;
+const NoteArea = styled.textarea `
+	border-color: ${({ colorPalette }) => colorPalette.border.primary};
+	border-style: solid;
+	border-width: 1px;
+    padding: 8px 16px 0px 16px;
+    height: 30px;
+    width: 100%;
+    min-height: 26px;
+    resize: vertical;
+	color: ${({ colorPalette }) => colorPalette.text.primary};
+    background: ${({ colorPalette }) => colorPalette.background.primary};
+	border-left: none;
+    font-size: 14px;
+	${({ noHistory }) => !noHistory && `border-right: none;`}
+	${({ noHistory }) => !noHistory &&
+    `border-top-right-radius: 0px;border-bottom-right-radius: 0px;`}
+`;
+export const NoteFieldTextArea = (props) => {
+    const { colorPalette, toggleFullScreenView, noHistory } = props;
+    return (React.createElement(NoteContainer, { colorPalette: colorPalette },
+        React.createElement(MaximizeIconContainer, { colorPalette: colorPalette },
+            React.createElement(MaximizeIcon, { colorPalette: colorPalette, onClick: toggleFullScreenView })),
+        React.createElement(NoteArea, { ...props, colorPalette: colorPalette, noHistory: noHistory })));
+};
+//# sourceMappingURL=NoteField.js.map

package/dist/Atoms/NoteField/NoteField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteField.js","sourceRoot":"","sources":["../../../lib/Atoms/NoteField/NoteField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;CAIzD,CAAC;AACF,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;UAQxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;eAC1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;iBAGnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;CACjE,CAAC;AACF,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAA0B;UACvD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI;;;CAGtD,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAA8C;iBAC7D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;;;;;;UAQxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;kBACvC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;GAGpE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,qBAAqB;GACtD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACnB,CAAC,SAAS;IACV,+DAA+D;CAChE,CAAC;AAYF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAClE,MAAM,EAAE,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChE,OAAO,CACN,oBAAC,aAAa,IAAC,YAAY,EAAE,YAAY;QACxC,oBAAC,qBAAqB,IAAC,YAAY,EAAE,YAAY;YAChD,oBAAC,YAAY,IACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,oBAAoB,GAC5B,CACqB;QACxB,oBAAC,QAAQ,OAAK,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAC1D,CAChB,CAAC;AACH,CAAC,CAAC"}

package/dist/index.d.ts

@@ -8,3 +8,4 @@ export * from "./Atoms/FieldWrapper/FieldWrapper";
 export * from "./Atoms/DropdownField/DropdownField";
 export * from "./Molecules/Thumbnail/Thumbnail";
 export * from "./Organisms/Card/Card";
+export * from "./Atoms/NoteField/NoteField";

package/dist/index.js

@@ -10,4 +10,5 @@ export * from "./Atoms/FieldWrapper/FieldWrapper";
 export * from "./Atoms/DropdownField/DropdownField";
 export * from "./Molecules/Thumbnail/Thumbnail";
 export * from "./Organisms/Card/Card";
+export * from "./Atoms/NoteField/NoteField";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,6DAA6D;AAC7D,cAAc,+BAA+B,CAAC;AAC9C,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,6DAA6D;AAC7D,cAAc,+BAA+B,CAAC;AAC9C,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}

package/package.json

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