ordering-components-external 13.2.32 → 13.2.34

package/example/components/FloatingButtonUI/index.js

@@ -1,145 +1,145 @@
-import React from 'react'
-
-export const FloatingButtonUI = (props) => {
-  const {
-    btnText,
-    btnValue,
-    handleButtonClick,
-    beforeComponents,
-    afterComponents,
-    beforeElements,
-    afterElements
-  } = props
-
-  const styledDiv = {
-    position: 'fixed',
-    bottom: '0px',
-    width: '100%',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: '#FFF'
-  }
-
-  const styledButton = {
-    position: 'relative',
-    width: '50%',
-    padding: '15px',
-    backgroundColor: '#D81212',
-    color: '#FFF',
-    borderRadius: '50px',
-    textAlign: 'center',
-    fontSize: '20px',
-    margin: '10px 0px',
-    border: 0,
-    cursor: 'pointer',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center'
-  }
-
-  const styledSpan = {
-    position: 'absolute',
-    borderRadius: '50%',
-    backgroundColor: 'rgba(0, 0, 0, 0.25)',
-    padding: '10px',
-    right: '7px',
-    height: '20px',
-    width: 'auto',
-    minWidth: '20px'
-  }
-
-  return (
-    <div style={{ position: 'relative' }}>
-      {beforeElements.map((BeforeElement, i) => (
-        <React.Fragment key={i}>
-          {BeforeElement}
-        </React.Fragment>
-      ))}
-
-      {beforeComponents.map(
-        (BeforeComponent, i) => <BeforeComponent key={i} {...props} />
-      )}
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-      <p>
-        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
-      </p>
-
-      {afterComponents.map(
-        (AfterComponent, i) => <AfterComponent key={i} {...props} />
-      )}
-
-      {afterElements.map((AfterElement, i) => (
-        <React.Fragment key={i}>
-          {AfterElement}
-        </React.Fragment>
-      ))}
-
-      <div style={styledDiv}>
-        <button style={styledButton} onClick={handleButtonClick}>
-          {btnText}
-          <span style={styledSpan}>{btnValue}</span>
-        </button>
-      </div>
-    </div>
-  )
-}
+import React from 'react'
+
+export const FloatingButtonUI = (props) => {
+  const {
+    btnText,
+    btnValue,
+    handleButtonClick,
+    beforeComponents,
+    afterComponents,
+    beforeElements,
+    afterElements
+  } = props
+
+  const styledDiv = {
+    position: 'fixed',
+    bottom: '0px',
+    width: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#FFF'
+  }
+
+  const styledButton = {
+    position: 'relative',
+    width: '50%',
+    padding: '15px',
+    backgroundColor: '#D81212',
+    color: '#FFF',
+    borderRadius: '50px',
+    textAlign: 'center',
+    fontSize: '20px',
+    margin: '10px 0px',
+    border: 0,
+    cursor: 'pointer',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+
+  const styledSpan = {
+    position: 'absolute',
+    borderRadius: '50%',
+    backgroundColor: 'rgba(0, 0, 0, 0.25)',
+    padding: '10px',
+    right: '7px',
+    height: '20px',
+    width: 'auto',
+    minWidth: '20px'
+  }
+
+  return (
+    <div style={{ position: 'relative' }}>
+      {beforeElements.map((BeforeElement, i) => (
+        <React.Fragment key={i}>
+          {BeforeElement}
+        </React.Fragment>
+      ))}
+
+      {beforeComponents.map(
+        (BeforeComponent, i) => <BeforeComponent key={i} {...props} />
+      )}
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+      <p>
+        Do elit sint amet adipisicing adipisicing. Nisi elit deserunt enim enim. Ipsum reprehenderit anim consequat irure adipisicing occaecat ut voluptate do ex aute mollit quis dolor. Proident non aliquip do nostrud pariatur excepteur do tempor dolor sunt ad eu nulla officia. Aute irure irure mollit voluptate reprehenderit dolor eiusmod anim mollit dolore aliqua deserunt ullamco pariatur. Sit consectetur laborum eiusmod ad aute elit enim.Cillum sunt elit laboris id consequat culpa. Ex sit pariatur mollit esse ea velit est culpa proident aliqua aliqua. Officia proident nostrud non ipsum enim dolor irure cillum. Cupidatat est occaecat quis mollit enim veniam et duis officia adipisicing mollit. Irure labore aliqua culpa id. Aliquip aute dolor irure tempor.
+      </p>
+
+      {afterComponents.map(
+        (AfterComponent, i) => <AfterComponent key={i} {...props} />
+      )}
+
+      {afterElements.map((AfterElement, i) => (
+        <React.Fragment key={i}>
+          {AfterElement}
+        </React.Fragment>
+      ))}
+
+      <div style={styledDiv}>
+        <button style={styledButton} onClick={handleButtonClick}>
+          {btnText}
+          <span style={styledSpan}>{btnValue}</span>
+        </button>
+      </div>
+    </div>
+  )
+}

package/example/components/ForgotPasswordFormUI/index.js

@@ -1,93 +1,93 @@
-import React from 'react'
-import { useForm } from 'react-hook-form'
-
-export const ForgotPasswordFormUI = (props) => {
-  const {
-    formState,
-    formData,
-    defaultEmail,
-    handleButtonForgotPasswordClick,
-    beforeComponents,
-    afterComponents,
-    beforeElements,
-    afterElements,
-    linkToSignup,
-    linkToLogin,
-    elementLinkToSignup,
-    elementLinkToLogin,
-    hanldeChangeInput
-  } = props
-
-  const { handleSubmit, register, errors } = useForm()
-  const onSubmit = values => {
-    handleButtonForgotPasswordClick(formData)
-  }
-
-  return (
-    <>
-      <h1>Forgot Password</h1>
-      {
-        beforeElements.map((BeforeElement, i) => (
-          <React.Fragment key={i}>
-            {BeforeElement}
-          </React.Fragment>
-        ))
-      }
-      {
-        beforeComponents.map((BeforeComponent, i) => <BeforeComponent key={i} {...props} />)
-      }
-      {
-        <form onSubmit={handleSubmit(onSubmit)}>
-          <div>
-            <input
-              name='email'
-              type='text'
-              placeholder='Email'
-              style={{ borderColor: errors.email ? '#c10000' : null }}
-              onChange={hanldeChangeInput}
-              disabled={defaultEmail}
-              value={defaultEmail ? formData.email : undefined}
-              ref={register({
-                required: 'Email is required'
-              })}
-            />
-            {errors.email && <i style={{ color: '#c10000' }}>{errors.email.message}</i>}
-          </div>
-          <div>
-            {formState.loading && <p>Loading...</p>}
-            {!formState.loading && formState.result && formState.result.error && <p style={{ color: '#c10000' }}>{formState.result.result}</p>}
-            {!formState.loading && <button type='submit'>Forgot password</button>}
-          </div>
-        </form>
-      }
-      {
-        afterComponents.map((AfterComponent, i) => <AfterComponent key={i} {...props} />)
-      }
-      {
-        afterElements.map((AfterElement, i) => (
-          <React.Fragment key={i}>
-            {AfterElement}
-          </React.Fragment>
-        ))
-      }
-      {
-        linkToSignup && <a href={linkToSignup}>Go to signup</a>
-      }
-      {
-        linkToLogin && <a href={linkToLogin}>Go to forgot password</a>
-      }
-      {
-        (elementLinkToSignup || elementLinkToLogin) && (
-          <div>
-            {
-              elementLinkToSignup
-            }
-            {
-              elementLinkToLogin
-            }
-          </div>
-        )
-      }
-    </>
-  )
-}
+import React from 'react'
+import { useForm } from 'react-hook-form'
+
+export const ForgotPasswordFormUI = (props) => {
+  const {
+    formState,
+    formData,
+    defaultEmail,
+    handleButtonForgotPasswordClick,
+    beforeComponents,
+    afterComponents,
+    beforeElements,
+    afterElements,
+    linkToSignup,
+    linkToLogin,
+    elementLinkToSignup,
+    elementLinkToLogin,
+    hanldeChangeInput
+  } = props
+
+  const { handleSubmit, register, errors } = useForm()
+  const onSubmit = values => {
+    handleButtonForgotPasswordClick(formData)
+  }
+
+  return (
+    <>
+      <h1>Forgot Password</h1>
+      {
+        beforeElements.map((BeforeElement, i) => (
+          <React.Fragment key={i}>
+            {BeforeElement}
+          </React.Fragment>
+        ))
+      }
+      {
+        beforeComponents.map((BeforeComponent, i) => <BeforeComponent key={i} {...props} />)
+      }
+      {
+        <form onSubmit={handleSubmit(onSubmit)}>
+          <div>
+            <input
+              name='email'
+              type='text'
+              placeholder='Email'
+              style={{ borderColor: errors.email ? '#c10000' : null }}
+              onChange={hanldeChangeInput}
+              disabled={defaultEmail}
+              value={defaultEmail ? formData.email : undefined}
+              ref={register({
+                required: 'Email is required'
+              })}
+            />
+            {errors.email && <i style={{ color: '#c10000' }}>{errors.email.message}</i>}
+          </div>
+          <div>
+            {formState.loading && <p>Loading...</p>}
+            {!formState.loading && formState.result && formState.result.error && <p style={{ color: '#c10000' }}>{formState.result.result}</p>}
+            {!formState.loading && <button type='submit'>Forgot password</button>}
+          </div>
+        </form>
+      }
+      {
+        afterComponents.map((AfterComponent, i) => <AfterComponent key={i} {...props} />)
+      }
+      {
+        afterElements.map((AfterElement, i) => (
+          <React.Fragment key={i}>
+            {AfterElement}
+          </React.Fragment>
+        ))
+      }
+      {
+        linkToSignup && <a href={linkToSignup}>Go to signup</a>
+      }
+      {
+        linkToLogin && <a href={linkToLogin}>Go to forgot password</a>
+      }
+      {
+        (elementLinkToSignup || elementLinkToLogin) && (
+          <div>
+            {
+              elementLinkToSignup
+            }
+            {
+              elementLinkToLogin
+            }
+          </div>
+        )
+      }
+    </>
+  )
+}

package/example/components/GoogleLoginUI/index.js

@@ -1,30 +1,30 @@
-import React from 'react'
-
-export const GoogleLoginUI = (props) => {
-  const {
-    signIn,
-    beforeComponents,
-    afterComponents,
-    beforeElements,
-    afterElements
-  } = props
-
-  return (
-    <>
-      {beforeElements.map((BeforeElement, i) => (
-        <React.Fragment key={i}>{BeforeElement}</React.Fragment>
-      ))}
-      {beforeComponents.map((BeforeComponent, i) => (
-        <BeforeComponent key={i} {...props} />
-      ))}
-      {<h2>Google Login</h2>}
-      {<div onClick={signIn} id='my-signin2'>Login</div>}
-      {afterComponents.map((AfterComponent, i) => (
-        <AfterComponent key={i} {...props} />
-      ))}
-      {afterElements.map((AfterElement, i) => (
-        <React.Fragment key={i}>{AfterElement}</React.Fragment>
-      ))}
-    </>
-  )
-}
+import React from 'react'
+
+export const GoogleLoginUI = (props) => {
+  const {
+    signIn,
+    beforeComponents,
+    afterComponents,
+    beforeElements,
+    afterElements
+  } = props
+
+  return (
+    <>
+      {beforeElements.map((BeforeElement, i) => (
+        <React.Fragment key={i}>{BeforeElement}</React.Fragment>
+      ))}
+      {beforeComponents.map((BeforeComponent, i) => (
+        <BeforeComponent key={i} {...props} />
+      ))}
+      {<h2>Google Login</h2>}
+      {<div onClick={signIn} id='my-signin2'>Login</div>}
+      {afterComponents.map((AfterComponent, i) => (
+        <AfterComponent key={i} {...props} />
+      ))}
+      {afterElements.map((AfterElement, i) => (
+        <React.Fragment key={i}>{AfterElement}</React.Fragment>
+      ))}
+    </>
+  )
+}

package/example/components/GpsButtonUI/index.js

@@ -1,22 +1,22 @@
-import React from 'react'
-
-export const GpsButtonUI = (props) => {
-  const {
-    handleGPS,
-    isGoogleButton,
-    googleReady,
-    isLoading,
-    IconButton,
-    IconLoadingButton
-  } = props
-
-  return (
-    <button type='button' onClick={handleGPS} disabled={(isGoogleButton && !googleReady) || isLoading}>
-      {isLoading ? (
-        IconLoadingButton ? 'Loading' : 'GPS'
-      ) : (
-        IconButton ? 'ICON' : 'GPS'
-      )}
-    </button>
-  )
-}
+import React from 'react'
+
+export const GpsButtonUI = (props) => {
+  const {
+    handleGPS,
+    isGoogleButton,
+    googleReady,
+    isLoading,
+    IconButton,
+    IconLoadingButton
+  } = props
+
+  return (
+    <button type='button' onClick={handleGPS} disabled={(isGoogleButton && !googleReady) || isLoading}>
+      {isLoading ? (
+        IconLoadingButton ? 'Loading' : 'GPS'
+      ) : (
+        IconButton ? 'ICON' : 'GPS'
+      )}
+    </button>
+  )
+}