@digigov/react-core 0.1.0 → 0.4.0

package/es/ButtonLink/index.test.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ButtonLink from '@digigov/react-core/ButtonLink';
+
+var _ref = /*#__PURE__*/React.createElement(ButtonLink, null, "hello");
+
+it('renders the ButtonLink with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(ButtonLink, {
+  color: 'primary'
+}, "hello");
+
+it('renders the ButtonLink with color=primary', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(ButtonLink, {
+  color: 'secondary'
+}, "hello");
+
+it('renders the ButtonLink with color=secondary', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(ButtonLink, {
+  color: 'warning'
+}, "hello");
+
+it('renders the ButtonLink with color=warning', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(ButtonLink, {
+  href: '#'
+}, "hello");
+
+it('renders the ButtonLink with href=#', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(ButtonLink, null, "hello");
+
+it('renders the ButtonLink with disabled=false', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(ButtonLink, {
+  href: '#',
+  color: 'primary'
+}, "hello");
+
+it('renders the ButtonLink with color=primary with href=#', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(ButtonLink, {
+  href: '#',
+  color: 'secondary'
+}, "hello");
+
+it('renders the ButtonLink with color=secondary with href=#', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/React.createElement(ButtonLink, {
+  href: '#',
+  color: 'warning'
+}, "hello");
+
+it('renders the ButtonLink with color=warning with href=#', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});

package/es/CallToAction/index.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import ButtonLink from '@digigov/react-core/ButtonLink';
+
+var _ref2 = /*#__PURE__*/React.createElement("svg", {
+  className: "govgr-btn-cta__arrow",
+  focusable: "false",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}));
+
+/**
+ * Use this button for the main call to action on your service’s start page.
+ */
+export var CallToAction = /*#__PURE__*/React.forwardRef(function CallToAction(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(ButtonLink, _extends({
+    ref: ref,
+    className: clsx(className, true && 'govgr-btn-cta')
+  }, props), children, _ref2);
+});
+export default CallToAction;

package/es/Card/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Card with no props 1`] = `
+<ForwardRef(Card)>
+  <div
+    className="govgr-card"
+  >
+    <div
+      className="govgr-card__body"
+    >
+      hello
+    </div>
+  </div>
+</ForwardRef(Card)>
+`;
+
+exports[`renders the Card with variant="border" props 1`] = `
+<ForwardRef(Card)
+  variant="border"
+>
+  <div
+    className="govgr-card--border govgr-card"
+  >
+    <div
+      className="govgr-card__body"
+    >
+      hello
+    </div>
+  </div>
+</ForwardRef(Card)>
+`;
+
+exports[`renders the Card with variant="divider" props 1`] = `
+<ForwardRef(Card)
+  variant="divider"
+>
+  <div
+    className="govgr-card--divider govgr-card"
+  >
+    <div
+      className="govgr-card__body"
+    >
+      hello
+    </div>
+  </div>
+</ForwardRef(Card)>
+`;

package/es/Card/index.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["variant", "style", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Cards can be used to divide and organise interface content for better understandability and readability.
+ * Cards can help your users to scan through vast amounts of information quicker.
+ * Use Card as parent component to wrap CardHeading, CardText and CartAction components
+ */
+export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
+  var variant = _ref.variant,
+      style = _ref.style,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className, variant === "divider" && 'govgr-card--divider', variant === "border" && 'govgr-card--border', true && 'govgr-card')
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: clsx(true && 'govgr-card__body')
+  }, children));
+});
+export default Card;

package/es/Card/index.test.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Card from '@digigov/react-core/Card';
+
+var _ref = /*#__PURE__*/React.createElement(Card, null, "hello");
+
+it('renders the Card with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(Card, {
+  variant: "border"
+}, "hello");
+
+it('renders the Card with variant="border" props', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(Card, {
+  variant: "divider"
+}, "hello");
+
+it('renders the Card with variant="divider" props', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});

package/es/CardAction/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CardAction with no props 1`] = `
+<ForwardRef(CardText)>
+  <div
+    className="govgr-card__action"
+  >
+    hello
+  </div>
+</ForwardRef(CardText)>
+`;

package/es/CardAction/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * CardAction contains the action behavior for Card Component.
+ * We can use links, Buttons or ButtonGroup with max of two buttons
+ * Use CardAction inside Card component as childern
+ */
+export var CardAction = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className && className, true && 'govgr-card__action')
+  }, props), children);
+});
+export default CardAction;

package/es/CardAction/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import CardAction from '@digigov/react-core/CardAction';
+
+var _ref = /*#__PURE__*/React.createElement(CardAction, null, "hello");
+
+it('renders the CardAction with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/es/CardHeading/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CardAction with no props 1`] = `
+<ForwardRef(CardHeading)>
+  <div
+    aria-level={2}
+    className="govgr-card__heading"
+    role="heading"
+  >
+    hello
+  </div>
+</ForwardRef(CardHeading)>
+`;

package/es/CardHeading/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * CardHeading gives header title to Card Component
+ * Use CardHeading inside Card component as children
+ */
+export var CardHeading = /*#__PURE__*/React.forwardRef(function CardHeading(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    role: "heading",
+    "aria-level": 2,
+    className: clsx(className && className, true && 'govgr-card__heading')
+  }, props), children);
+});
+export default CardHeading;

package/es/CardHeading/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import CardHeading from '@digigov/react-core/CardHeading';
+
+var _ref = /*#__PURE__*/React.createElement(CardHeading, null, "hello");
+
+it('renders the CardAction with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/es/CardText/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CardAction with no props 1`] = `
+<ForwardRef(CardText)>
+  <div
+    className="govgr-card__text"
+  >
+    hello
+  </div>
+</ForwardRef(CardText)>
+`;

package/es/CardText/index.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * CardText contains the text for Card Component
+ * Use CardText inside Card component as children
+ */
+export var CardText = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className && className, true && 'govgr-card__text')
+  }, props), children);
+});
+export default CardText;

package/es/CardText/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import CardText from '@digigov/react-core/CardText';
+
+var _ref = /*#__PURE__*/React.createElement(CardText, null, "hello");
+
+it('renders the CardAction with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/es/CheckboxItem/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CheckboxItem with \`name\` prop 1`] = `
+<ForwardRef(CheckboxItem)
+  name="example"
+>
+  <div
+    className="govgr-checkboxes__item"
+  >
+    <input
+      className="govgr-checkboxes__input"
+      name="example"
+      type="checkbox"
+    />
+    <label
+      className="govgr-label govgr-checkboxes__label"
+    >
+      hello
+    </label>
+  </div>
+</ForwardRef(CheckboxItem)>
+`;
+
+exports[`renders the CheckboxItem with \`value\` prop 1`] = `
+<ForwardRef(CheckboxItem)
+  value="example"
+>
+  <div
+    className="govgr-checkboxes__item"
+  >
+    <input
+      className="govgr-checkboxes__input"
+      type="checkbox"
+      value="example"
+    />
+    <label
+      className="govgr-label govgr-checkboxes__label"
+    >
+      hello
+    </label>
+  </div>
+</ForwardRef(CheckboxItem)>
+`;
+
+exports[`renders the CheckboxItem with no props 1`] = `
+<ForwardRef(CheckboxItem)>
+  <div
+    className="govgr-checkboxes__item"
+  >
+    <input
+      className="govgr-checkboxes__input"
+      type="checkbox"
+    />
+    <label
+      className="govgr-label govgr-checkboxes__label"
+    >
+      hello
+    </label>
+  </div>
+</ForwardRef(CheckboxItem)>
+`;

package/es/Container/index.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["cols", "fullWidth", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Use Container as a wrapper.
+ */
+export var Container = /*#__PURE__*/React.forwardRef(function Container(_ref, ref) {
+  var _ref$cols = _ref.cols,
+      cols = _ref$cols === void 0 ? true : _ref$cols,
+      _ref$fullWidth = _ref.fullWidth,
+      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className, !fullWidth && 'govgr-width-container', fullWidth && 'govgr-full-width-container')
+  }, props), /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(cols && 'govgr-main-wrapper')
+  }, props), children));
+});
+export default Container;

package/es/FileUpload/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the FileUpload with name prop 1`] = `
+<ForwardRef(FileUpload)
+  name="some-name"
+>
+  <div
+    className="upload-file"
+  >
+    <input
+      className="govgr-file-upload"
+      name="some-name"
+      type="file"
+    />
+  </div>
+</ForwardRef(FileUpload)>
+`;
+
+exports[`renders the FileUpload with no props 1`] = `
+<ForwardRef(FileUpload)>
+  <div
+    className="upload-file"
+  >
+    <input
+      className="govgr-file-upload"
+      type="file"
+    />
+  </div>
+</ForwardRef(FileUpload)>
+`;

package/es/FileUpload/index.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Details for the FileUpload.
+ * FileUpload component is used for uploading files
+ */
+export var FileUpload = /*#__PURE__*/React.forwardRef(function FileUpload(_ref, ref) {
+  var name = _ref.name,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className, true && 'upload-file')
+  }, props), children, /*#__PURE__*/React.createElement("input", {
+    type: "file",
+    name: name,
+    className: clsx(true && 'govgr-file-upload')
+  }));
+});
+export default FileUpload;