@stokr/components-library 0.5.6 → 0.5.8

package/dist/components/AgreementItem/AgreementItem.stories.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AgreementItemOverview = exports.AgreementItemExample = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _AgreementItem = _interopRequireDefault(require("./AgreementItem"));
+var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// import Checkbox, { CheckboxPropTypes } from 'components/Checkbox/Checkbox'
+var _default = {
+  title: 'Components Library/Agreement Item',
+  component: _AgreementItem.default,
+  argTypes: {
+    title: {
+      type: 'string',
+      defaultValue: ''
+    },
+    text: {
+      type: 'string',
+      defaultValue: '',
+      required: true
+    },
+    withTermsLink: {
+      type: 'boolean'
+    },
+    ventureName: {
+      type: 'string'
+    },
+    info: {
+      type: 'string',
+      defaultValue: ''
+    },
+    checkbox: {
+      type: 'shape',
+      defaultValue: {
+        id: '',
+        name: '',
+        text: '',
+        label: '',
+        value: '',
+        checked: false,
+        large: false,
+        error: false,
+        touched: false
+      }
+    },
+    checkboxWithFileDownload: {
+      type: 'shape',
+      defaultValue: {
+        id: '',
+        name: '',
+        text: '',
+        label: '',
+        value: '',
+        checked: false,
+        large: false,
+        error: false,
+        touched: false
+      }
+    }
+  }
+};
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_AgreementItem.default, args));
+};
+var AgreementItemOverview = Template.bind({});
+exports.AgreementItemOverview = AgreementItemOverview;
+AgreementItemOverview.args = {
+  title: 'Agreement Item Title',
+  text: 'some Text',
+  withTermsLink: true,
+  ventureName: 'Venture Name',
+  info: 'Info'
+};
+var AgreementItemExample = Template.bind({});
+exports.AgreementItemExample = AgreementItemExample;
+AgreementItemExample.args = {
+  title: 'disclaimer',
+  text: 'Before being able to view any fund offering, you, as a prospective investor, must confirm a few things. Please read check the boxes',
+  withTermsLink: true,
+  ventureName: 'Algorand',
+  info: 'Info',
+  checkbox: {
+    checked: true
+  },
+  checkboxWithFileDownload: {
+    checked: true
+  }
+};
+
+//doublecheck:
+// CheckboxPropTypes....
+//  events/actions not incooporated
+//     onChange: { type: 'function', action: 'onChange' },
+//     onBlur: { type: 'function', action: 'onBlur' },
+//     onFocus: { type: 'function', action: 'onFocus' },
+
+// 'Please read check the boxes to the right.' - is bad english in Disclaimer
+
+// change since Merge:
+//OfferingPageLink
+//TermsOfOfferingLink
+//withTermsLink
+// ventureName
+//checkboxwithfiledownload
+//hardcoded texts all taken out.

package/dist/components/AgreementItem/AgreementItem.styles.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TermsOfOfferingLink = exports.OfferingPageLink = exports.InfoBox = exports.Container = exports.CheckboxWrap = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Container = _styledComponents.default.div.withConfig({
+  displayName: "AgreementItemstyles__Container",
+  componentId: "sc-1prg3a3-0"
+})(["display:block;"]);
+exports.Container = Container;
+var CheckboxWrap = _styledComponents.default.div.withConfig({
+  displayName: "AgreementItemstyles__CheckboxWrap",
+  componentId: "sc-1prg3a3-1"
+})(["padding:6px 0;"]);
+exports.CheckboxWrap = CheckboxWrap;
+var InfoBox = _styledComponents.default.div.withConfig({
+  displayName: "AgreementItemstyles__InfoBox",
+  componentId: "sc-1prg3a3-2"
+})(["max-width:240px;text-align:left;"]);
+
+//styles from unmerged IIS:
+exports.InfoBox = InfoBox;
+var OfferingPageLink = _styledComponents.default.a.withConfig({
+  displayName: "AgreementItemstyles__OfferingPageLink",
+  componentId: "sc-1prg3a3-3"
+})(["text-decoration:underline;&:hover{color:#0050ca !important;opacity:0.7;text-decoration:underline;}"]);
+exports.OfferingPageLink = OfferingPageLink;
+var TermsOfOfferingLink = _styledComponents.default.a.withConfig({
+  displayName: "AgreementItemstyles__TermsOfOfferingLink",
+  componentId: "sc-1prg3a3-4"
+})(["text-decoration:underline;&:hover{opacity:0.7;text-decoration:underline;}"]);
+exports.TermsOfOfferingLink = TermsOfOfferingLink;