@digigov/react-core 0.5.5 → 0.6.2

package/es/CaretIcon/index.js

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "variant", "direction", "className"];
+import React from 'react';
+import SvgIcon from '@digigov/react-core/SvgIcon';
+import clsx from 'clsx';
+
+var _ref2 = /*#__PURE__*/React.createElement("path", {
+  d: "M18,22V2L6,12L18,22z"
+});
+
+var _ref3 = /*#__PURE__*/React.createElement("path", {
+  d: "M6,2v20l12-10L6,2z"
+});
+
+var _ref4 = /*#__PURE__*/React.createElement("path", {
+  d: "M2,18h20L12,6L2,18z"
+});
+
+var _ref5 = /*#__PURE__*/React.createElement("path", {
+  d: "M22,6H2l10,12L22,6z"
+});
+
+/**
+ * CaretIcon component is used to add caret icon.
+ * CaretIcon can be used inside other components, for example BackLink component.
+ */
+export var CaretIcon = /*#__PURE__*/React.forwardRef(function CaretIcon(_ref, ref) {
+  var size = _ref.size,
+      variant = _ref.variant,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? 'left' : _ref$direction,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    size: size,
+    variant: variant,
+    className: clsx(direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up', className && className),
+    ref: ref
+  }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
+});
+export default CaretIcon;

package/es/CaretIcon/index.test.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import CaretIcon from '@digigov/react-core/CaretIcon';
+
+var _ref = /*#__PURE__*/React.createElement(CaretIcon, null);
+
+it('renders the CaretIcon with no props, direction prop is left by default', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(CaretIcon, {
+  direction: "right"
+});
+
+it('renders the CaretIcon with direction right prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(CaretIcon, {
+  direction: "up"
+});
+
+it('renders the CaretIcon with direction up prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(CaretIcon, {
+  direction: "down"
+});
+
+it('renders the CaretIcon with direction down prop', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});

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

@@ -0,0 +1,316 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CheckIcon with no props 1`] = `
+<ForwardRef(CheckIcon)>
+  <ForwardRef(SvgIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop size=l 1`] = `
+<ForwardRef(CheckIcon)
+  size="l"
+>
+  <ForwardRef(SvgIcon)
+    size="l"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--l govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop size=m 1`] = `
+<ForwardRef(CheckIcon)
+  size="m"
+>
+  <ForwardRef(SvgIcon)
+    size="m"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop size=s 1`] = `
+<ForwardRef(CheckIcon)
+  size="s"
+>
+  <ForwardRef(SvgIcon)
+    size="s"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop size=xl 1`] = `
+<ForwardRef(CheckIcon)
+  size="xl"
+>
+  <ForwardRef(SvgIcon)
+    size="xl"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=dark 1`] = `
+<ForwardRef(CheckIcon)
+  variant="dark"
+>
+  <ForwardRef(SvgIcon)
+    variant="dark"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=error 1`] = `
+<ForwardRef(CheckIcon)
+  variant="error"
+>
+  <ForwardRef(SvgIcon)
+    variant="error"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--error govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=error and size= xl 1`] = `
+<ForwardRef(CheckIcon)
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(SvgIcon)
+    size="xl"
+    variant="warning"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=focus 1`] = `
+<ForwardRef(CheckIcon)
+  variant="focus"
+>
+  <ForwardRef(SvgIcon)
+    variant="focus"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--focus govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=gray 1`] = `
+<ForwardRef(CheckIcon)
+  variant="gray"
+>
+  <ForwardRef(SvgIcon)
+    variant="gray"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--gray govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=light 1`] = `
+<ForwardRef(CheckIcon)
+  variant="light"
+>
+  <ForwardRef(SvgIcon)
+    variant="light"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--light govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=primary 1`] = `
+<ForwardRef(CheckIcon)
+  variant="primary"
+>
+  <ForwardRef(SvgIcon)
+    variant="primary"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--primary govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=success 1`] = `
+<ForwardRef(CheckIcon)
+  variant="success"
+>
+  <ForwardRef(SvgIcon)
+    variant="success"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--success govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=warning 1`] = `
+<ForwardRef(CheckIcon)
+  variant="warning"
+>
+  <ForwardRef(SvgIcon)
+    variant="warning"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--warning govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;
+
+exports[`renders the CheckIcon with prop variant=warning and size=s 1`] = `
+<ForwardRef(CheckIcon)
+  size="s"
+  variant="warning"
+>
+  <ForwardRef(SvgIcon)
+    size="s"
+    variant="warning"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CheckIcon)>
+`;

package/es/CheckIcon/index.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "variant", "className"];
+import React from 'react';
+import SvgIcon from '@digigov/react-core/SvgIcon';
+import clsx from 'clsx';
+
+var _ref2 = /*#__PURE__*/React.createElement("polygon", {
+  points: "9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+});
+
+/**
+ * Use CheckIcon component when you need a check icon.
+ */
+export var CheckIcon = /*#__PURE__*/React.forwardRef(function CheckIcon(_ref, ref) {
+  var size = _ref.size,
+      variant = _ref.variant,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    size: size,
+    variant: variant,
+    className: clsx(className && className, true && 'govgr-svg-icon--check'),
+    ref: ref
+  }, props), _ref2);
+});
+export default CheckIcon;

package/es/CheckIcon/index.test.js

@@ -0,0 +1,123 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import CheckIcon from '@digigov/react-core/CheckIcon';
+
+var _ref = /*#__PURE__*/React.createElement(CheckIcon, null);
+
+it('renders the CheckIcon with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(CheckIcon, {
+  size: "s"
+});
+
+it('renders the CheckIcon with prop size=s', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(CheckIcon, {
+  size: "m"
+});
+
+it('renders the CheckIcon with prop size=m', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(CheckIcon, {
+  size: "l"
+});
+
+it('renders the CheckIcon with prop size=l', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(CheckIcon, {
+  size: "xl"
+});
+
+it('renders the CheckIcon with prop size=xl', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "dark"
+});
+
+it('renders the CheckIcon with prop variant=dark', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "light"
+});
+
+it('renders the CheckIcon with prop variant=light', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "gray"
+});
+
+it('renders the CheckIcon with prop variant=gray', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "primary"
+});
+
+it('renders the CheckIcon with prop variant=primary', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "success"
+});
+
+it('renders the CheckIcon with prop variant=success', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+
+var _ref11 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "warning"
+});
+
+it('renders the CheckIcon with prop variant=warning', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
+});
+
+var _ref12 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "error"
+});
+
+it('renders the CheckIcon with prop variant=error', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
+});
+
+var _ref13 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "focus"
+});
+
+it('renders the CheckIcon with prop variant=focus', function () {
+  expect(mount(_ref13)).toMatchSnapshot();
+});
+
+var _ref14 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "warning",
+  size: "s"
+});
+
+it('renders the CheckIcon with prop variant=warning and size=s', function () {
+  expect(mount(_ref14)).toMatchSnapshot();
+});
+
+var _ref15 = /*#__PURE__*/React.createElement(CheckIcon, {
+  variant: "warning",
+  size: "xl"
+});
+
+it('renders the CheckIcon with prop variant=error and size= xl', function () {
+  expect(mount(_ref15)).toMatchSnapshot();
+});

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

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CloseIcon with no props 1`] = `
+<ForwardRef(CloseIcon)>
+  <ForwardRef(SvgIcon)
+    className="govgr-close-icon"
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-close-icon govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(CloseIcon)>
+`;

package/es/CloseIcon/index.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "variant", "className"];
+import React from 'react';
+import SvgIcon from '@digigov/react-core/SvgIcon';
+import clsx from 'clsx';
+
+var _ref2 = /*#__PURE__*/React.createElement("polygon", {
+  points: "14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
+});
+
+/**
+ * CloseIcon component is used to add close icon.
+ * CloseIcon component can be used for dismissing contents
+ */
+export var CloseIcon = /*#__PURE__*/React.forwardRef(function CloseIcon(_ref, ref) {
+  var size = _ref.size,
+      variant = _ref.variant,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    size: size,
+    variant: variant,
+    className: clsx(className && className, true && 'govgr-close-icon'),
+    ref: ref
+  }, props), _ref2);
+});
+export default CloseIcon;

package/es/CloseIcon/index.test.js

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

package/es/DateInputItem/index.js

@@ -18,17 +18,17 @@ export var DateInputItem = /*#__PURE__*/React.forwardRef(function DateInputItem(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref,
+  return /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-date-input__item')
-  }, props), /*#__PURE__*/React.createElement("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     className: clsx(true && 'govgr-label')
-  }, children, /*#__PURE__*/React.createElement("input", {
+  }, children, /*#__PURE__*/React.createElement("input", _extends({
+    ref: ref,
     type: "text",
     pattern: "[0-9]*",
     inputMode: "numeric",
     name: name,
     className: clsx(error === true && 'govgr-error-input', width === 2 && 'govgr-input--width-2', width === 4 && 'govgr-input--width-4', true && 'govgr-input')
-  })));
+  }, props))));
 });
 export default DateInputItem;

package/es/FooterContainer/index.js

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