@sikka/hawa 0.0.2 → 0.0.5

package/src/components/Hawa/AdaptiveButton/index.js

@@ -1 +0,0 @@
-export * from "./AdaptiveButton.js";

package/src/components/Hawa/AuthForms/NewPasswordForm.js

@@ -1,23 +0,0 @@
-import React, { useContext } from "react";
-import { ThemeProvider } from "../HawaProvider";
-import { StyledInputLabel } from "../InputLabel";
-import { StyledTextField } from "../TextField";
-export const NewPasswordForm = (props) => {
-  const theme = useContext(ThemeProvider);
-  return (
-    <div
-      style={{
-        backgroundColor: theme.paperColors,
-        padding: theme.paddings,
-        borderRadius: theme.borderRadius,
-        margin: theme.margins
-      }}
-    >
-      <StyledInputLabel label="Password" />
-      <StyledTextField type="password" />
-      <StyledInputLabel label="Confirm Password" />
-      <StyledTextField type="password" />
-      {props.children}
-    </div>
-  );
-};

package/src/components/Hawa/AuthForms/ResetPasswordForm.js

@@ -1,21 +0,0 @@
-import React, { useContext } from "react";
-import { ThemeProvider } from "../HawaProvider";
-import { StyledInputLabel } from "../InputLabel";
-import { StyledTextField } from "../TextField";
-export const ResetPasswordForm = (props) => {
-  const theme = useContext(ThemeProvider);
-  return (
-    <div
-      style={{
-        backgroundColor: theme.paperColors,
-        padding: theme.paddings,
-        borderRadius: theme.borderRadius,
-        margin: theme.margins
-      }}
-    >
-      <StyledInputLabel label="Email" />
-      <StyledTextField type="text" />
-      {props.children}
-    </div>
-  );
-};

package/src/components/Hawa/AuthForms/SignInForm.js

@@ -1,25 +0,0 @@
-import React, { useContext } from "react";
-import { ThemeProvider } from "../HawaProvider";
-import { StyledInputLabel } from "../InputLabel";
-import { StyledTextField } from "../TextField";
-
-export const SignInForm = (props) => {
-  const theme = useContext(ThemeProvider);
-  return (
-    <div
-      style={{
-        backgroundColor: theme.paperColors,
-        padding: theme.paddings,
-        borderRadius: theme.borderRadius,
-        margin: theme.margins
-      }}
-    >
-      <StyledInputLabel label="Email" />
-      <StyledTextField type="text" />
-      <StyledInputLabel label="Password" />
-      <StyledTextField type="text" />
-
-      {props.children}
-    </div>
-  );
-};

package/src/components/Hawa/AuthForms/SignUpForm.js

@@ -1,26 +0,0 @@
-import React, { useContext } from "react";
-import { ThemeProvider } from "../HawaProvider";
-import { StyledInputLabel } from "../InputLabel";
-import { StyledTextField } from "../TextField";
-
-export const SignUpForm = (props) => {
-  const theme = useContext(ThemeProvider);
-  return (
-    <div
-      style={{
-        backgroundColor: theme.paperColors,
-        padding: theme.paddings,
-        borderRadius: theme.borderRadius,
-        margin: theme.margins
-      }}
-    >
-      <StyledInputLabel label="Email" />
-      <StyledTextField type="text" />
-      <StyledInputLabel label="Password" />
-      <StyledTextField type="text" />
-      <StyledInputLabel label="Confirm Password" />
-      <StyledTextField type="text" />
-      {props.children}
-    </div>
-  );
-};

package/src/components/Hawa/AutoCompleteField/index.js

@@ -1 +0,0 @@
-export * from "./AutoCompleteField.jsx";

package/src/components/Hawa/Box/Box.js

@@ -1,18 +0,0 @@
-import React, { useContext } from "react";
-import { ThemeProvider } from "../HawaProvider";
-
-export const Box = (props) => {
-  const theme = useContext(ThemeProvider);
-  return (
-    <div
-      style={{
-        backgroundColor: theme.paperColors,
-        padding: theme.paddings,
-        borderRadius: theme.borderRadius,
-        margin: theme.margins
-      }}
-    >
-      {props.children}
-    </div>
-  );
-};

package/src/components/Hawa/Box/index.js

@@ -1 +0,0 @@
-export * from "./Box.js";

package/src/components/Hawa/Checkbox/index.js

@@ -1 +0,0 @@
-export * from "./Checkbox.jsx";

package/src/components/Hawa/DragDropImages/index.js

@@ -1 +0,0 @@
-export * from "./DragDropImages.jsx";

package/src/components/Hawa/HawaProvider/HawaProvider.js

@@ -1,19 +0,0 @@
-import { createContext } from "react";
-
-const defaultValue = {
-  borderRadius: 10,
-  primaryColor: "blue",
-  secondaryColor: "grey",
-  margins: 10,
-  paddings: 5
-};
-
-export const ThemeProvider = createContext(defaultValue);
-
-export const HawaProvider = ({ theme, ...props }) => {
-  return (
-    <ThemeProvider.Provider value={theme || defaultValue}>
-      {props.children}
-    </ThemeProvider.Provider>
-  );
-};

package/src/components/Hawa/HawaProvider/index.js

@@ -1 +0,0 @@
-export * from "./HawaProvider.js";

package/src/components/Hawa/InputLabel/StyledInputLabel.js

@@ -1,15 +0,0 @@
-import InputLabel from "@material-ui/core/InputLabel";
-
-export const StyledInputLabel = (props) => {
-  return (
-    <InputLabel
-      style={{
-        margin: 15,
-        marginRight: 0,
-        marginLeft: 0
-      }}
-    >
-      <div style={{ fontSize: 15, color: "black" }}>{props.label}</div>
-    </InputLabel>
-  );
-};

package/src/components/Hawa/InputLabel/index.js

@@ -1 +0,0 @@
-export * from "./StyledInputLabel.js";

package/src/components/Hawa/RadioBox/index.js

@@ -1 +0,0 @@
-export * from "./RadioBox.jsx";

package/src/components/Hawa/RadioSelector/index.js

@@ -1 +0,0 @@
-export * from "./RadioSelector.jsx";

package/src/components/Hawa/Row/index.js

@@ -1 +0,0 @@
-export * from "./Row.jsx";

package/src/components/Hawa/SelectedField/index.js

@@ -1 +0,0 @@
-export * from "./SelectedField.jsx";

package/src/components/Hawa/StyledAlert/StyledAlert.js

@@ -1,15 +0,0 @@
-// import * as Alert from "@material-ui/lab/Alert";
-// import styles from "../styles/Theme.module.css";
-
-export const StyledAlert = (props) => {
-  return (
-    <div>{props.text}</div>
-    // <Alert
-    //   {...props}
-    //   // className={styles.styled_alert}
-    //   // style={{ borderRadius: "var(--borderR)" }}
-    // >
-    //   {props.children}
-    // </Alert>
-  );
-};

package/src/components/Hawa/StyledAlert/index.js

@@ -1 +0,0 @@
-export * from "./StyledAlert.js";

package/src/components/Hawa/StyledTooltip/index.js

@@ -1 +0,0 @@
-export * from "./StyledTooltip.js";

package/src/components/Hawa/TabPanel/index.js

@@ -1 +0,0 @@
-export * from "./TabPanel.jsx";

package/src/components/Hawa/TextArea/index.js

@@ -1 +0,0 @@
-export * from "./TextArea.jsx";

package/src/components/Hawa/TextField/TextField.js

@@ -1,54 +0,0 @@
-import React, { useState, useContext } from "react";
-import TextField from "@material-ui/core/TextField";
-import { StyledInputLabel } from "../InputLabel";
-import PropTypes from "prop-types";
-import { ThemeProvider } from "../HawaProvider";
-
-export const StyledTextField = (props) => {
-  const theme = useContext(ThemeProvider);
-
-  return (
-    <div>
-      {props.inputLabel ? <StyledInputLabel label={props.inputLabel} /> : null}
-      <TextField
-        fullWidth={true}
-        style={{
-          color: "white",
-          backgroundColor: theme.inputColor,
-          borderRadius: props.bdRadius || 10,
-          borderBottom: "none",
-          padding: props.padding || 5,
-          border: "none",
-          width: "100%"
-        }}
-        helperText={props.helperText}
-        type={props.type ? props.type : "text"}
-        placeholder={props.placeholder}
-        inputProps={
-          props.type === "number"
-            ? {
-                inputMode: "numeric",
-                min: "0",
-                max: "9999999",
-                step: "0.01"
-              }
-            : {}
-        }
-        InputProps={{
-          disableUnderline: true,
-          onWheelCapture: (e) => e.target.blur()
-        }}
-        value={props.value ? props.value : null}
-      />
-    </div>
-  );
-};
-
-StyledTextField.propTypes = {
-  type: PropTypes.oneOf(["text", "number"]),
-  helperText: PropTypes.string
-};
-
-// StyledTextField.defaultProps = {
-//   type: "text"
-// };

package/src/components/Hawa/TextField/index.js

@@ -1 +0,0 @@
-export * from "./TextField.js";

package/src/components/Hawa/index.js

@@ -1,10 +0,0 @@
-export * from "./AdaptiveButton";
-export * from "./Checkbox";
-export * from "./InputLabel";
-export * from "./RadioBox";
-export * from "./RadioSelector";
-export * from "./Row";
-export * from "./SelectedField";
-export * from "./TabPanel";
-export * from "./TextArea";
-export * from "./TextField";

package/src/stories/AuthForm.stories.js

@@ -1,76 +0,0 @@
-import React from "react";
-import { NewPasswordForm } from "../components/Hawa/AuthForms/NewPasswordForm";
-import { ResetPasswordForm } from "../components/Hawa/AuthForms/ResetPasswordForm";
-import { SignInForm } from "../components/Hawa/AuthForms/SignInForm";
-import { SignUpForm } from "../components/Hawa/AuthForms/SignUpForm";
-import { HawaProvider } from "../components/Hawa/HawaProvider";
-
-export default {
-  title: "Blocks/AuthForms",
-  component: SignInForm,
-  argsTypes: {
-    viaGoogle: { control: "boolean" },
-    viaGithub: { control: "boolean" },
-    viaTwitter: { control: "boolean" },
-    viaFacebook: { control: "boolean" }
-  },
-  args: {}
-};
-
-const theme = {
-  borderRadius: 20,
-  primaryColor: "green",
-  secondaryColor: "red",
-  inputColor: "lightGrey",
-  paddings: 10
-};
-
-const SignInTemplate = (args) => {
-  return (
-    <HawaProvider theme={theme}>
-      <SignInForm {...args} />
-    </HawaProvider>
-  );
-};
-
-export const SignIn = SignInTemplate.bind({});
-SignIn.args = {
-  viaGoogle: true,
-  viaGithub: true,
-  viaTwitter: true,
-  viaFacebook: true
-};
-
-const SignUpTemplate = (args) => {
-  return (
-    <HawaProvider theme={theme}>
-      <SignUpForm {...args} />
-    </HawaProvider>
-  );
-};
-export const SignUp = SignUpTemplate.bind({});
-SignUp.args = {
-  viaGoogle: true,
-  viaGithub: true,
-  viaTwitter: true,
-  viaFacebook: true
-};
-
-const ResetPasswordTemplate = (args) => {
-  return (
-    <HawaProvider theme={theme}>
-      <ResetPasswordForm {...args} />
-    </HawaProvider>
-  );
-};
-export const ResetPassword = ResetPasswordTemplate.bind({});
-ResetPassword.args = {};
-const NewPasswordTemplate = (args) => {
-  return (
-    <HawaProvider theme={theme}>
-      <NewPasswordForm {...args} />
-    </HawaProvider>
-  );
-};
-export const NewPassword = NewPasswordTemplate.bind({});
-NewPassword.args = {};

package/src/stories/Box.stories.js

@@ -1,45 +0,0 @@
-import React from "react";
-import AdaptiveButton from "../components/Hawa/AdaptiveButton/AdaptiveButton";
-import { Box } from "../components/Hawa/Box";
-import { HawaProvider } from "../components/Hawa/HawaProvider";
-
-const Template = (args) => {
-  const theme = {
-    borderRadius: 10,
-    primaryColor: "green",
-    secondaryColor: "red",
-    // margins: "10px",
-    paperColors: "#c6c6c6",
-    paddings: 10,
-    margins: 10
-  };
-  return (
-    <HawaProvider theme={theme}>
-      <Box>Box 1</Box>
-      <Box>Box 2</Box>
-      <Box>Box 3</Box>
-    </HawaProvider>
-  );
-};
-export default {
-  title: "Layout/Box",
-  component: AdaptiveButton
-};
-
-export const Light = Template.bind({});
-Light.args = {
-  showText: true,
-  buttonLabel: "test",
-  borderRadius: 5,
-  textColor: "#000000",
-  buttonColor: "#f9f9f9"
-};
-
-export const Dark = Template.bind({});
-Dark.args = {
-  showText: true,
-  buttonLabel: "test",
-  borderRadius: 5,
-  buttonColor: "#878787",
-  textColor: "#ffffff"
-};