@sikka/hawa 0.0.9 → 0.0.12

package/storybook-static/vendors~main.f8d30727.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendors~main.f8d30727.iframe.bundle.js","sources":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A","sourceRoot":""}

package/src/blocks/Account/UserProfile.js

@@ -1,65 +0,0 @@
-import React from "react";
-import { HawaInputLabel, ActionButton, HawaTextField } from "../../ui";
-import { Box } from "../../layout";
-import { FormProvider, useForm } from "react-hook-form";
-
-export const UserProfile = (props) => {
-  const methods = useForm();
-  const {
-    formState: { errors },
-    handleSubmit
-  } = methods;
-
-  return (
-    <Box maxWidth={400} noMargin>
-      <Box noMargin noColor>
-        <FormProvider {...methods}>
-          <form>
-            <HawaTextField
-              type="text"
-              name="fullName"
-              inputLabel="Full Name"
-              placeholder="Fulan AlFulani"
-              rules={{
-                required: "Email is required"
-              }}
-              helperText={errors.fullName?.message}
-            />
-            <HawaTextField
-              type="text"
-              name="email"
-              inputLabel="New Email"
-              placeholder="Enter your new email"
-              rules={{
-                required: "Email is required"
-              }}
-              helperText={errors.email?.message}
-            />
-            <HawaTextField
-              type="password"
-              name="password"
-              inputLabel="New password"
-              placeholder="Enter your new password"
-              rules={{
-                required: "Email is required"
-              }}
-              helperText={errors.password?.message}
-            />
-            <HawaTextField
-              type="password"
-              name="confirmPassword"
-              inputLabel="Confirm new password"
-              placeholder="Confirm new password"
-              rules={{
-                required: "Email is required"
-              }}
-              helperText={errors.confirmPassword?.message}
-            />
-
-            <ActionButton fullWidth last text="Update Account" />
-          </form>
-        </FormProvider>
-      </Box>
-    </Box>
-  );
-};

package/src/blocks/Account/UserSettings.js

@@ -1,15 +0,0 @@
-import React from "react";
-import { HawaTextField, ActionButton } from "../../ui";
-import { Box } from "../../layout";
-
-export const UserSettings = (props) => {
-  return (
-    <Box maxWidth={400}>
-      <HawaTextField type="text" inputLabel="First Name" />
-      <HawaTextField type="text" inputLabel="Last Name" />
-      <HawaTextField type="email" inputLabel="Email" />
-      <HawaTextField type="password" inputLabel="Password" />
-      <ActionButton last text="Update Account" />
-    </Box>
-  );
-};

package/src/stories/BlocksStories/AuthForm.stories.js

@@ -1,105 +0,0 @@
-import React from "react";
-import {
-  NewPasswordForm,
-  ResetPasswordForm,
-  SignInForm,
-  SignUpForm
-} from "../../blocks/AuthForms";
-import { HawaProvider } from "../../themes/HawaProvider";
-
-export default {
-  title: "Blocks/AuthBlocks",
-  component: [SignInForm, SignUpForm, NewPasswordForm, NewPasswordForm],
-  argTypes: {
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    }
-  }
-};
-
-const SignInTemplate = (args) => {
-  return (
-    <HawaProvider themeName={args.theme}>
-      <SignInForm
-        {...args}
-        error={args.showError}
-        handleSignIn={(e) => console.log("singing in via email", e)}
-        viaGoogle={args.viaGoogle}
-        googleButtonLabel={"Sign in with Google"}
-        handleGoogleSignIn={() => console.log("signing in via google")}
-        viaGithub={args.viaGithub}
-        githubButtonLabel={"Sign in with Github"}
-        handleGithubSignIn={() => console.log("signing in via github")}
-        viaTwitter={args.viaTwitter}
-        twitterButtonLabel={"Sign in with Twitter"}
-        handleTwitterSignIn={() => console.log("signing in via Twitter")}
-      />
-    </HawaProvider>
-  );
-};
-
-export const SignIn = SignInTemplate.bind({});
-SignIn.args = {
-  viaGoogle: true,
-  viaGithub: true,
-  viaTwitter: true,
-  showError: false,
-  theme: "primary"
-};
-
-const SignUpTemplate = (args) => {
-  return (
-    <HawaProvider themeName={args.theme}>
-      <SignUpForm
-        {...args}
-        error={args.showError}
-        handleSignUp={() => console.log("singing up via email")}
-        viaGoogle={args.viaGoogle}
-        googleButtonLabel={"Sign up with Google"}
-        handleGoogleSignUp={() => console.log("signing up via google")}
-        viaGithub={args.viaGithub}
-        githubButtonLabel={"Sign up with Github"}
-        handleGithubSignUp={() => console.log("signing up via github")}
-        viaTwitter={args.viaTwitter}
-        twitterButtonLabel={"Sign up with Twitter"}
-        handleTwitterSignUp={() => console.log("signing up via Twitter")}
-      />
-    </HawaProvider>
-  );
-};
-export const SignUp = SignUpTemplate.bind({});
-SignUp.args = {
-  viaGoogle: true,
-  viaGithub: true,
-  viaTwitter: true,
-  showError: false,
-  theme: "primary"
-};
-
-const ResetPasswordTemplate = (args) => {
-  return (
-    <HawaProvider themeName={args.theme}>
-      <ResetPasswordForm error={args.showError} theme={args.theme} {...args} />
-    </HawaProvider>
-  );
-};
-export const ResetPassword = ResetPasswordTemplate.bind({});
-ResetPassword.args = {
-  theme: "primary",
-  showError: false,
-  sent: false
-};
-const NewPasswordTemplate = (args) => {
-  return (
-    <HawaProvider themeName={args.theme}>
-      <NewPasswordForm error={args.showError} theme={args.theme} {...args} />
-    </HawaProvider>
-  );
-};
-export const NewPassword = NewPasswordTemplate.bind({});
-NewPassword.args = {
-  theme: "primary",
-  showError: false,
-  passwordChanged: false
-};

package/src/stories/BlocksStories/PaymentForm.stories.js

@@ -1,86 +0,0 @@
-import React from "react";
-import {
-  SelectPayment,
-  CreditCardForm,
-  ChargeWalletForm,
-  PayWithWallet
-} from "../../blocks/Payment";
-import { defaultTheme, HawaProvider } from "../../themes/HawaProvider";
-
-export default {
-  title: "Blocks/PaymentBlocks",
-  component: [SelectPayment, CreditCardForm],
-  argTypes: {
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    },
-    viaWallet: { control: "boolean" },
-    viaApplePay: { control: "boolean" },
-    viaGooglePay: { control: "boolean" },
-    viaSTCPay: { control: "boolean" },
-    viaCreditCard: { control: "boolean" },
-    viaPayPal: { control: "boolean" }
-  },
-  args: {
-    theme: "primary",
-    viaWallet: true,
-    viaMada: true,
-    viaApplePay: true,
-    viaGooglePay: true,
-    viaSTCPay: true,
-    viaCreditCard: true,
-    viaPayPal: true
-  }
-};
-
-export const PaymentSelection = (args) => {
-  return (
-    <HawaProvider themeName={args.theme}>
-      <SelectPayment
-        {...args}
-        walletLabel="Wallet Balance"
-        handleWallet={() => console.log("paying via wallet")}
-        visaMasterLabel="Credit Card"
-        handleCreditCard={() => console.log("paying via Credit Card")}
-        madaLabel="Mada"
-        handleMada={() => console.log("paying via Mada")}
-        paypalLabel="PayPal"
-        handlePayPal={() => console.log("paying via PayPal")}
-        applePayLabel="Apple Pay"
-        handleApplePay={() => console.log("paying via Apple Pay")}
-        googlePayLabel="Google Pay"
-        handleGooglePay={() => console.log("paying via Google Pay")}
-        stcPayLabel="STC Pay"
-        handleSTCPay={() => console.log("paying via STC Pay")}
-      />
-    </HawaProvider>
-  );
-};
-
-export const PayViaWallet = (args) => {
-  return (
-    <HawaProvider theme={{ ...defaultTheme }}>
-      <PayWithWallet theme={args.theme} />
-    </HawaProvider>
-  );
-};
-export const PayViaCreditCard = (args) => {
-  return (
-    <HawaProvider theme={{ ...defaultTheme }}>
-      <CreditCardForm />
-    </HawaProvider>
-  );
-};
-
-export const ChargeWallet = (args) => {
-  return (
-    <HawaProvider themeName={args.theme}>
-      <ChargeWalletForm currency="SAR" />
-    </HawaProvider>
-  );
-};
-
-ChargeWallet.args = {
-  theme: "secondary"
-};

package/src/stories/BlocksStories/UserForm.stories.js

@@ -1,41 +0,0 @@
-import React from "react";
-import { UserProfile } from "../../blocks/Account";
-import { defaultTheme, HawaProvider } from "../../themes/HawaProvider";
-
-export default {
-  title: "Blocks/UserBlocks",
-  component: UserProfile,
-  argTypes: {
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    }
-  }
-};
-
-const theme = {
-  ...defaultTheme,
-  paddings: 20
-};
-
-export const UserAccount = (args) => {
-  return (
-    <HawaProvider theme={{ ...defaultTheme, ...theme }}>
-      <UserProfile {...args} />
-    </HawaProvider>
-  );
-};
-
-UserAccount.args = {
-  theme: "primary"
-};
-export const UserSettings = (args) => {
-  return (
-    <HawaProvider theme={{ ...defaultTheme, ...theme }}>
-      <UserProfile {...args} />
-    </HawaProvider>
-  );
-};
-UserSettings.args = {
-  theme: "primary"
-};

package/src/stories/HawaProvider.stories.js

@@ -1,22 +0,0 @@
-import React from "react";
-import { HawaProvider } from "../themes/HawaProvider";
-
-const Template = (args) => {
-  const theme = {
-    borderRadius: 20,
-    primaryColor: "green",
-    secondaryColor: "red",
-    // margins: "10px",
-    paddings: 10
-  };
-  return (
-    <HawaProvider theme={theme}>
-      <div>test</div>
-    </HawaProvider>
-  );
-};
-
-export default {
-  title: "Globals/HawaProvider",
-  component: HawaProvider
-};

package/storybook-static/8.c4cb6081.iframe.bundle.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{"./node_modules/@storybook/components/dist/esm/ScrollArea/GlobalScrollAreaStyles.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"getScrollAreaStyles",(function(){return getScrollAreaStyles}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js");var _templateObject,react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_storybook_theming__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@emotion/core/dist/core.browser.esm.js");var hsResizeObserverDummyAnimation=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.d)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["0%{z-index:0}to{z-index:-1}"]))),getScrollAreaStyles=function getScrollAreaStyles(theme){return{"html.os-html, html.os-html>.os-host":{display:"block",overflow:"hidden",boxSizing:"border-box",height:"100%!important",width:"100%!important",minWidth:"100%!important",minHeight:"100%!important",margin:"0!important",position:"absolute!important"},"html.os-html>.os-host>.os-padding":{position:"absolute"},"body.os-dragging, body.os-dragging *":{cursor:"default"},".os-host, .os-host-textarea":{position:"relative",overflow:"visible!important",flexDirection:"column",flexWrap:"nowrap",justifyContent:"flex-start",alignContent:"flex-start",alignItems:"flex-start"},".os-host-flexbox":{overflow:"hidden!important",display:"flex"},".os-host-flexbox>.os-size-auto-observer":{height:"inherit!important"},".os-host-flexbox>.os-content-glue":{flexGrow:1,flexShrink:0},".os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue":{minHeight:0,minWidth:0,flexGrow:0,flexShrink:1,flexBasis:"auto"},"#os-dummy-scrollbar-size":{position:"fixed",opacity:0,visibility:"hidden",overflow:"scroll",height:500,width:500},"#os-dummy-scrollbar-size>div":{width:"200%",height:"200%",margin:10},"#os-dummy-scrollbar-size, .os-viewport":{},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport":{scrollbarWidth:"none!important"},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner":{display:"none!important",width:"0!important",height:"0!important",visibility:"hidden!important",background:"0 0!important"},".os-content-glue":{boxSizing:"inherit",maxHeight:"100%",maxWidth:"100%",width:"100%",pointerEvents:"none"},".os-padding":{boxSizing:"inherit",direction:"inherit",position:"absolute",overflow:"visible",padding:0,margin:0,left:0,top:0,bottom:0,right:0,width:"auto!important",height:"auto!important",zIndex:1},".os-host-overflow>.os-padding":{overflow:"hidden"},".os-viewport":{direction:"inherit!important",boxSizing:"inherit!important",resize:"none!important",outline:"0!important",position:"absolute",overflow:"hidden",top:0,left:0,bottom:0,right:0,padding:0,margin:0},".os-content-arrange":{position:"absolute",zIndex:-1,minHeight:1,minWidth:1,pointerEvents:"none"},".os-content":{direction:"inherit",boxSizing:"border-box!important",position:"relative",display:"block",height:"100%",width:"100%",visibility:"visible"},".os-content:before, .os-content:after":{content:"''",display:"table",width:0,height:0,lineHeight:0,fontSize:0},".os-content>.os-textarea":{boxSizing:"border-box!important",direction:"inherit!important",background:"0 0!important",outline:"0 transparent!important",overflow:"hidden!important",position:"absolute!important",display:"block!important",top:"0!important",left:"0!important",margin:"0!important",borderRadius:"0!important",float:"none!important",filter:"none!important",border:"0!important",resize:"none!important",transform:"none!important",maxWidth:"none!important",maxHeight:"none!important",boxShadow:"none!important",perspective:"none!important",opacity:"1!important",zIndex:"1!important",clip:"auto!important",verticalAlign:"baseline!important",padding:0},".os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea":{right:"0!important"},".os-content>.os-textarea-cover":{zIndex:-1,pointerEvents:"none"},".os-content>.os-textarea[wrap=off]":{whiteSpace:"pre!important",margin:"0!important"},".os-text-inherit":{fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",fontStyle:"inherit",fontVariant:"inherit",textTransform:"inherit",textDecoration:"inherit",textIndent:"inherit",textAlign:"inherit",textShadow:"inherit",textOverflow:"inherit",letterSpacing:"inherit",wordSpacing:"inherit",lineHeight:"inherit",unicodeBidi:"inherit",direction:"inherit",color:"inherit",cursor:"text"},".os-resize-observer, .os-resize-observer-host":{boxSizing:"inherit",display:"block",opacity:0,position:"absolute",top:0,left:0,height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:-1},".os-resize-observer-host":{padding:"inherit",border:"inherit",borderColor:"transparent",borderStyle:"solid",boxSizing:"border-box"},".os-resize-observer-host:after":{content:"''"},".os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after":{height:"200%",width:"200%",padding:"inherit",border:"inherit",margin:0,display:"block",boxSizing:"content-box"},".os-resize-observer.observed, object.os-resize-observer":{boxSizing:"border-box!important"},".os-size-auto-observer":{boxSizing:"inherit!important",height:"100%",width:"inherit",maxWidth:1,position:"relative",float:"left",maxHeight:1,overflow:"hidden",zIndex:-1,padding:0,margin:0,pointerEvents:"none",flexGrow:"inherit",flexShrink:0,flexBasis:0},".os-size-auto-observer>.os-resize-observer":{width:"1000%",height:"1000%",minHeight:1,minWidth:1},".os-resize-observer-item":{position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden",zIndex:-1,opacity:0,direction:"ltr!important",flex:"none!important"},".os-resize-observer-item-final":{position:"absolute",left:0,top:0,transition:"none!important",flex:"none!important"},".os-resize-observer":{animationDuration:".001s",animationName:"".concat(hsResizeObserverDummyAnimation)},".os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner":{transition:"opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s"},"html.os-html>.os-host>.os-scrollbar":{position:"absolute",zIndex:999999},".os-scrollbar, .os-scrollbar-corner":{position:"absolute",opacity:1,zIndex:1},".os-scrollbar-corner":{bottom:0,right:0,height:10,width:10,backgroundColor:"transparent"},".os-scrollbar":{pointerEvents:"none",padding:2,boxSizing:"border-box",background:0},".os-scrollbar-track":{pointerEvents:"auto",position:"relative",height:"100%",width:"100%",padding:"0!important",border:"0!important"},".os-scrollbar-handle":{pointerEvents:"auto",position:"absolute",width:"100%",height:"100%"},".os-scrollbar-handle-off, .os-scrollbar-track-off":{pointerEvents:"none"},".os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *":{pointerEvents:"none!important"},".os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle":{opacity:"0!important"},".os-scrollbar-horizontal":{bottom:0,left:0,right:10,height:10},".os-scrollbar-vertical":{top:0,right:0,bottom:10,width:10},".os-host-rtl>.os-scrollbar-horizontal":{right:0},".os-host-rtl>.os-scrollbar-vertical":{right:"auto",left:0},".os-host-rtl>.os-scrollbar-corner":{right:"auto",left:0},".os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner":{opacity:0,visibility:"hidden",pointerEvents:"none"},".os-scrollbar-corner-resize-both":{cursor:"nwse-resize"},".os-host-rtl>.os-scrollbar-corner-resize-both":{cursor:"nesw-resize"},".os-scrollbar-corner-resize-horizontal":{cursor:"ew-resize"},".os-scrollbar-corner-resize-vertical":{cursor:"ns-resize"},".os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize":{cursor:"default"},".os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical":{top:0,bottom:0},".os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal":{right:0,left:0},".os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize":{opacity:"1!important",visibility:"visible!important"},".os-scrollbar-corner.os-scrollbar-corner-resize":{backgroundImage:"linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0)  50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)",backgroundRepeat:"no-repeat",backgroundPosition:"100% 100%",pointerEvents:"auto!important"},".os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize":{transform:"scale(-1,1)"},".os-host-overflow":{overflow:"hidden!important"},".os-theme-dark.os-host-rtl>.os-scrollbar-horizontal":{left:10,right:0},".os-scrollbar.os-scrollbar-unusable":{background:0},".os-scrollbar>.os-scrollbar-track":{background:0},".os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle":{minWidth:30},".os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle":{minHeight:30},".os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{transition:"background-color .3s"},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track":{borderRadius:10},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{background:theme.color.mediumdark,opacity:.5},".os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle":{opacity:.6},".os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before":{content:"''",position:"absolute",left:0,right:0,top:0,bottom:0,display:"block"},".os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before":{display:"none"},".os-scrollbar-horizontal .os-scrollbar-handle:before":{top:-6,bottom:-2},".os-scrollbar-vertical .os-scrollbar-handle:before":{left:-6,right:-2},".os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before":{right:-6,left:-2}}},GlobalScrollAreaStyles=function GlobalScrollAreaStyles(){return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.a,{styles:getScrollAreaStyles})};GlobalScrollAreaStyles.displayName="GlobalScrollAreaStyles",__webpack_exports__.default=GlobalScrollAreaStyles}}]);