kiva-protocol-ui-kit 1.0.22 → 1.0.26

package/build/index.esm.js

@@ -52,7 +52,7 @@ var css_248z$6 = ".alert {\n  padding: 23.5px 50px;\n  box-shadow: 0px 0px 8px r
 styleInject(css_248z$6);
 
 var Alert = function (prop) {
-    return (React.createElement("div", { className: "alert alert-light", role: "alert" }, "A simple light alert\u2014check it out!"));
+    return (React.createElement("div", { className: "alert alert-light", role: "alert" }, prop.title));
 };
 
 var css_248z$5 = ".form-input {\n  padding: 12px 12px;\n  border: 0.5px solid #D4D4D4;\n  border-radius: 12px;\n  background-color: #FFF;\n  outline: none;\n  height: 68px;\n  font-size: 13px;\n}\n.form-input *:focus {\n  box-shadow: none !important;\n}\n\n.form-label {\n  font-weight: 500;\n  margin-left: 10px;\n  margin-bottom: 0px;\n}\n\n.text-input-field {\n  border: none;\n  font-size: 13px;\n  padding: none !important;\n}";

package/build/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/action-card/ActionCard.tsx","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React, { FunctionComponent } from \"react\";\nimport \"./ActionCard.scss\";\n\nexport interface ActionCardProps {\n  title: string;\n  caption: string;\n  src: string;\n}\n\nexport const ActionCard: FunctionComponent<ActionCardProps> = (prop) => {\n  return (\n    <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n      <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5 items-center\">\n        <img src={prop.src} width={36} alt={prop.caption} />\n        <h3 className=\"font-bold text-gray-900 text-xl\">{prop.title}</h3>\n        <span className=\"text-center text-gray-600\">{prop.caption}</span>\n      </div>\n    </div>\n  );\n};","import React, { FunctionComponent } from \"react\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n  title: string;\n  style: string\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n  return (\n    <button type=\"button\" className=\"btn btn-primary\">{prop.title}</button>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./Alert.scss\";\n\nexport interface AlertProps {\n  title: string;\n}\n\nexport const Alert: FunctionComponent<AlertProps> = (prop) => {\n  return (\n    <div className=\"alert alert-light\" role=\"alert\">\n      A simple light alert—check it out!\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./FormInput.scss\";\nimport { Form } from 'react-bootstrap';\n\nexport interface FormInputProps {\n  title: string;\n}\n\nexport const FormInput: FunctionComponent<FormInputProps> = (prop) => {\n  return (\n    <div className=\"form-input\">\n      <Form.Label>Username</Form.Label>\n      <Form.Control className=\"text-input-field\" type=\"email\" placeholder=\"Enter email\" />\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\nimport { useEffect } from 'react';\n\nexport interface QrCodeProps {\n  url: string;\n  state: string;\n}\n\nexport const QrCode: FunctionComponent<QrCodeProps> = (prop) => {\n  let qrRendered = false;\n  \n  const writeQRtoCanvas = () => {\n    try {\n        QRCode.toCanvas(document.getElementById('qr-code'), prop.url || \"\", {\n            width: 400\n        });\n    } catch {\n        console.error('The QR code failed to write to the canvas');\n    }\n  }\n  \n  useEffect(() => {\n    if(!qrRendered) {\n      writeQRtoCanvas();\n      qrRendered = true;\n    }\n  }, [writeQRtoCanvas]);\n\n  return (\n    <div id=\"qr-box\">\n      <canvas id=\"qr-code\"></canvas>\n        {prop.state === 'warning' ?\n          <ExclamationCircle className={`qr-icon dialog-icon ${prop.state}`}/> :\n          <CheckCircle className={`qr-icon dialog-icon ${prop.state}`}/> \n        }\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport { Button } from \"../button/Button\";\nimport _ from \"lodash\";\nimport \"./ConsentCard.scss\";\nimport \"../typography.scss\";\nimport \"../variables.scss\";\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nexport interface ConsentCardProps {\n  title: string;\n  agreement: string;\n  pii: Array<string>;\n  back: string;\n  accept: string;\n}\n\nexport const ConsentCard: FunctionComponent<ConsentCardProps> = (prop) => {\n  return (\n    <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n      <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5\">\n        <span className=\"consent-title items-center\">{prop.title}</span>\n        <span className=\"consent-body items-center\">{prop.agreement}</span>\n        <ul>\n          {prop.pii.map(item => <li className=\"pii-list-item\">{item}</li>)}\n        </ul>\n      </div>\n      <div className=\"row col-flex\">\n        <div className=\"col-sm text-center\">\n          <Button title={prop.back} style=\"secondary\"></Button>\n          </div>\n          <div className=\"col-sm text-center\">\n          <Button title={prop.accept} style=\"primary\"></Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/index.js

@@ -61,7 +61,7 @@ var css_248z$6 = ".alert {\n  padding: 23.5px 50px;\n  box-shadow: 0px 0px 8px r
 styleInject(css_248z$6);
 
 var Alert = function (prop) {
-    return (React__default['default'].createElement("div", { className: "alert alert-light", role: "alert" }, "A simple light alert\u2014check it out!"));
+    return (React__default['default'].createElement("div", { className: "alert alert-light", role: "alert" }, prop.title));
 };
 
 var css_248z$5 = ".form-input {\n  padding: 12px 12px;\n  border: 0.5px solid #D4D4D4;\n  border-radius: 12px;\n  background-color: #FFF;\n  outline: none;\n  height: 68px;\n  font-size: 13px;\n}\n.form-input *:focus {\n  box-shadow: none !important;\n}\n\n.form-label {\n  font-weight: 500;\n  margin-left: 10px;\n  margin-bottom: 0px;\n}\n\n.text-input-field {\n  border: none;\n  font-size: 13px;\n  padding: none !important;\n}";

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/action-card/ActionCard.tsx","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React, { FunctionComponent } from \"react\";\nimport \"./ActionCard.scss\";\n\nexport interface ActionCardProps {\n  title: string;\n  caption: string;\n  src: string;\n}\n\nexport const ActionCard: FunctionComponent<ActionCardProps> = (prop) => {\n  return (\n    <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n      <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5 items-center\">\n        <img src={prop.src} width={36} alt={prop.caption} />\n        <h3 className=\"font-bold text-gray-900 text-xl\">{prop.title}</h3>\n        <span className=\"text-center text-gray-600\">{prop.caption}</span>\n      </div>\n    </div>\n  );\n};","import React, { FunctionComponent } from \"react\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n  title: string;\n  style: string\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n  return (\n    <button type=\"button\" className=\"btn btn-primary\">{prop.title}</button>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./Alert.scss\";\n\nexport interface AlertProps {\n  title: string;\n}\n\nexport const Alert: FunctionComponent<AlertProps> = (prop) => {\n  return (\n    <div className=\"alert alert-light\" role=\"alert\">\n      A simple light alert—check it out!\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./FormInput.scss\";\nimport { Form } from 'react-bootstrap';\n\nexport interface FormInputProps {\n  title: string;\n}\n\nexport const FormInput: FunctionComponent<FormInputProps> = (prop) => {\n  return (\n    <div className=\"form-input\">\n      <Form.Label>Username</Form.Label>\n      <Form.Control className=\"text-input-field\" type=\"email\" placeholder=\"Enter email\" />\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\nimport { useEffect } from 'react';\n\nexport interface QrCodeProps {\n  url: string;\n  state: string;\n}\n\nexport const QrCode: FunctionComponent<QrCodeProps> = (prop) => {\n  let qrRendered = false;\n  \n  const writeQRtoCanvas = () => {\n    try {\n        QRCode.toCanvas(document.getElementById('qr-code'), prop.url || \"\", {\n            width: 400\n        });\n    } catch {\n        console.error('The QR code failed to write to the canvas');\n    }\n  }\n  \n  useEffect(() => {\n    if(!qrRendered) {\n      writeQRtoCanvas();\n      qrRendered = true;\n    }\n  }, [writeQRtoCanvas]);\n\n  return (\n    <div id=\"qr-box\">\n      <canvas id=\"qr-code\"></canvas>\n        {prop.state === 'warning' ?\n          <ExclamationCircle className={`qr-icon dialog-icon ${prop.state}`}/> :\n          <CheckCircle className={`qr-icon dialog-icon ${prop.state}`}/> \n        }\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport { Button } from \"../button/Button\";\nimport _ from \"lodash\";\nimport \"./ConsentCard.scss\";\nimport \"../typography.scss\";\nimport \"../variables.scss\";\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nexport interface ConsentCardProps {\n  title: string;\n  agreement: string;\n  pii: Array<string>;\n  back: string;\n  accept: string;\n}\n\nexport const ConsentCard: FunctionComponent<ConsentCardProps> = (prop) => {\n  return (\n    <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n      <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5\">\n        <span className=\"consent-title items-center\">{prop.title}</span>\n        <span className=\"consent-body items-center\">{prop.agreement}</span>\n        <ul>\n          {prop.pii.map(item => <li className=\"pii-list-item\">{item}</li>)}\n        </ul>\n      </div>\n      <div className=\"row col-flex\">\n        <div className=\"col-sm text-center\">\n          <Button title={prop.back} style=\"secondary\"></Button>\n          </div>\n          <div className=\"col-sm text-center\">\n          <Button title={prop.accept} style=\"primary\"></Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["React","Form","QRCode","useEffect","ExclamationCircle","CheckCircle"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kiva-protocol-ui-kit",
-  "version": "1.0.22",
+  "version": "1.0.26",
   "description": "Protocol Web UI",
   "main": "build/index.js",
   "module": "build/index.esm.js",
@@ -64,6 +64,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.1",
     "rollup-plugin-svg": "^2.0.0",
+    "rollup-plugin-tailwind": "^1.0.0",
     "rollup-plugin-typescript2": "^0.29.0",
     "sass-loader": "^10.2.0",
     "style-loader": "^2.0.0",