@digigov/react-core 0.6.4 → 0.8.0

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

@@ -1,375 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the DropdownButton with arrow=false 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={false}
->
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with arrow=true 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={true}
->
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button--arrow govgr-dropdown__button"
-  >
-    hello
-    <ForwardRef(ArrowIcon)
-      direction="down"
-    >
-      <ForwardRef(SvgIcon)
-        className="govgr-arrow--down"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-arrow--down govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-          />
-        </svg>
-      </ForwardRef(SvgIcon)>
-    </ForwardRef(ArrowIcon)>
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary 1`] = `
-<ForwardRef(DropdownButton)
-  color="primary"
->
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary and arrow={false} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={false}
-  color="primary"
->
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary and arrow={true} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={true}
-  color="primary"
->
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button--arrow govgr-dropdown__button"
-  >
-    <ForwardRef(ArrowIcon)
-      direction="down"
-    >
-      <ForwardRef(SvgIcon)
-        className="govgr-arrow--down"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-arrow--down govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-          />
-        </svg>
-      </ForwardRef(SvgIcon)>
-    </ForwardRef(ArrowIcon)>
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary and variant="button" 1`] = `
-<ForwardRef(DropdownButton)
-  color="primary"
-  variant="button"
->
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary and variant="link" 1`] = `
-<ForwardRef(DropdownButton)
-  color="primary"
-  variant="link"
->
-  <summary
-    className="govgr-link govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary and variant="link" 2`] = `
-<ForwardRef(DropdownButton)
-  color="secondary"
-  variant="link"
->
-  <summary
-    className="govgr-link govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary variant="button" and arrow={false} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={false}
-  color="primary"
-  variant="button"
->
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary variant="button" arrow={true} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={true}
-  color="primary"
-  variant="button"
->
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button--arrow govgr-dropdown__button"
-  >
-    <ForwardRef(ArrowIcon)
-      direction="down"
-    >
-      <ForwardRef(SvgIcon)
-        className="govgr-arrow--down"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-arrow--down govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-          />
-        </svg>
-      </ForwardRef(SvgIcon)>
-    </ForwardRef(ArrowIcon)>
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary variant="link" arrow={false} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={false}
-  color="primary"
-  variant="link"
->
-  <summary
-    className="govgr-link govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=primary variant="link" arrow={true} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={true}
-  color="primary"
-  variant="link"
->
-  <summary
-    className="govgr-link govgr-dropdown__button--arrow govgr-dropdown__button"
-  >
-    <ForwardRef(ArrowIcon)
-      direction="down"
-    >
-      <ForwardRef(SvgIcon)
-        className="govgr-arrow--down"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-arrow--down govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-          />
-        </svg>
-      </ForwardRef(SvgIcon)>
-    </ForwardRef(ArrowIcon)>
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=secondary 1`] = `
-<ForwardRef(DropdownButton)
-  color="secondary"
->
-  <summary
-    className="govgr-btn-secondary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=secondary and arrow={false} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={false}
-  color="secondary"
->
-  <summary
-    className="govgr-btn-secondary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=secondary and arrow={true} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={true}
-  color="secondary"
->
-  <summary
-    className="govgr-btn-secondary govgr-btn govgr-dropdown__button--arrow govgr-dropdown__button"
-  >
-    <ForwardRef(ArrowIcon)
-      direction="down"
-    >
-      <ForwardRef(SvgIcon)
-        className="govgr-arrow--down"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-arrow--down govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-          />
-        </svg>
-      </ForwardRef(SvgIcon)>
-    </ForwardRef(ArrowIcon)>
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=secondary and variant="button" 1`] = `
-<ForwardRef(DropdownButton)
-  color="secondary"
-  variant="button"
->
-  <summary
-    className="govgr-btn-secondary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=warning variant="button" arrow={false} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={false}
-  color="warning"
-  variant="link"
->
-  <summary
-    className="govgr-link govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with color=warning variant="button" arrow={true} 1`] = `
-<ForwardRef(DropdownButton)
-  arrow={true}
-  color="warning"
-  variant="link"
->
-  <summary
-    className="govgr-link govgr-dropdown__button--arrow govgr-dropdown__button"
-  >
-    hello
-    <ForwardRef(ArrowIcon)
-      direction="down"
-    >
-      <ForwardRef(SvgIcon)
-        className="govgr-arrow--down"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-arrow--down govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-          />
-        </svg>
-      </ForwardRef(SvgIcon)>
-    </ForwardRef(ArrowIcon)>
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with no props 1`] = `
-<ForwardRef(DropdownButton)>
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with variant=button 1`] = `
-<ForwardRef(DropdownButton)
-  variant="button"
->
-  <summary
-    className="govgr-btn-primary govgr-btn govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;
-
-exports[`renders the DropdownButton with variant=link 1`] = `
-<ForwardRef(DropdownButton)
-  variant="link"
->
-  <summary
-    className="govgr-link govgr-dropdown__button"
-  >
-    hello
-  </summary>
-</ForwardRef(DropdownButton)>
-`;

package/es/DropdownButton/index.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "color", "variant", "arrow"];
-import React from 'react';
-import clsx from 'clsx';
-import ArrowIcon from '@digigov/react-core/ArrowIcon';
-
-var _ref2 = /*#__PURE__*/React.createElement(ArrowIcon, {
-  direction: "down"
-});
-
-/**
- * DropdownButton it should be inside the Dropdown and it is used for opening or closing dropdown.
- */
-export var DropdownButton = /*#__PURE__*/React.forwardRef(function DropdownButton(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'primary' : _ref$color,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'button' : _ref$variant,
-      _ref$arrow = _ref.arrow,
-      arrow = _ref$arrow === void 0 ? false : _ref$arrow,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement("summary", _extends({
-    ref: ref,
-    className: clsx(className, variant === 'button' && [color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', 'govgr-btn'], variant === 'link' && 'govgr-link', arrow === true && 'govgr-dropdown__button--arrow', true && 'govgr-dropdown__button')
-  }, props), children, arrow === true && _ref2);
-});
-export default DropdownButton;

package/es/DropdownButton/index.test.js

@@ -1,189 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import DropdownButton from '@digigov/react-core/DropdownButton';
-
-var _ref = /*#__PURE__*/React.createElement(DropdownButton, null, "hello");
-
-it('renders the DropdownButton with no props', function () {
-  expect(mount(_ref)).toMatchSnapshot();
-});
-
-var _ref2 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "primary"
-}, "hello");
-
-it('renders the DropdownButton with color=primary', function () {
-  expect(mount(_ref2)).toMatchSnapshot();
-});
-
-var _ref3 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "secondary"
-}, "hello");
-
-it('renders the DropdownButton with color=secondary', function () {
-  expect(mount(_ref3)).toMatchSnapshot();
-});
-
-var _ref4 = /*#__PURE__*/React.createElement(DropdownButton, {
-  variant: "button"
-}, "hello");
-
-it('renders the DropdownButton with variant=button', function () {
-  expect(mount(_ref4)).toMatchSnapshot();
-});
-
-var _ref5 = /*#__PURE__*/React.createElement(DropdownButton, {
-  variant: "link"
-}, "hello");
-
-it('renders the DropdownButton with variant=link', function () {
-  expect(mount(_ref5)).toMatchSnapshot();
-});
-
-var _ref6 = /*#__PURE__*/React.createElement(DropdownButton, {
-  arrow: false
-}, "hello");
-
-it('renders the DropdownButton with arrow=false', function () {
-  expect(mount(_ref6)).toMatchSnapshot();
-});
-
-var _ref7 = /*#__PURE__*/React.createElement(DropdownButton, {
-  arrow: true
-}, "hello");
-
-it('renders the DropdownButton with arrow=true', function () {
-  expect(mount(_ref7)).toMatchSnapshot();
-});
-
-var _ref8 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "primary",
-  variant: "button"
-}, "hello");
-
-it('renders the DropdownButton with color=primary and variant="button"', function () {
-  expect(mount(_ref8)).toMatchSnapshot();
-});
-
-var _ref9 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "primary",
-  variant: "link"
-}, "hello");
-
-it('renders the DropdownButton with color=primary and variant="link"', function () {
-  expect(mount(_ref9)).toMatchSnapshot();
-});
-
-var _ref10 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "primary",
-  arrow: false
-}, "hello");
-
-it('renders the DropdownButton with color=primary and arrow={false}', function () {
-  expect(mount(_ref10)).toMatchSnapshot();
-});
-
-var _ref11 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "primary",
-  arrow: true
-});
-
-it('renders the DropdownButton with color=primary and arrow={true}', function () {
-  expect(mount(_ref11)).toMatchSnapshot();
-});
-
-var _ref12 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "secondary",
-  variant: "button"
-}, "hello");
-
-it('renders the DropdownButton with color=secondary and variant="button"', function () {
-  expect(mount(_ref12)).toMatchSnapshot();
-});
-
-var _ref13 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "secondary",
-  variant: "link"
-}, "hello");
-
-it('renders the DropdownButton with color=primary and variant="link"', function () {
-  expect(mount(_ref13)).toMatchSnapshot();
-});
-
-var _ref14 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "secondary",
-  arrow: false
-}, "hello");
-
-it('renders the DropdownButton with color=secondary and arrow={false}', function () {
-  expect(mount(_ref14)).toMatchSnapshot();
-});
-
-var _ref15 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "secondary",
-  arrow: true
-});
-
-it('renders the DropdownButton with color=secondary and arrow={true}', function () {
-  expect(mount(_ref15)).toMatchSnapshot();
-});
-
-var _ref16 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "primary",
-  variant: "button",
-  arrow: false
-}, "hello");
-
-it('renders the DropdownButton with color=primary variant="button" and arrow={false}', function () {
-  expect(mount(_ref16)).toMatchSnapshot();
-});
-
-var _ref17 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "primary",
-  variant: "button",
-  arrow: true
-});
-
-it('renders the DropdownButton with color=primary variant="button" arrow={true}', function () {
-  expect(mount(_ref17)).toMatchSnapshot();
-});
-
-var _ref18 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "primary",
-  variant: "link",
-  arrow: true
-});
-
-it('renders the DropdownButton with color=primary variant="link" arrow={true}', function () {
-  expect(mount(_ref18)).toMatchSnapshot();
-});
-
-var _ref19 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "primary",
-  variant: "link",
-  arrow: false
-}, "hello");
-
-it('renders the DropdownButton with color=primary variant="link" arrow={false}', function () {
-  expect(mount(_ref19)).toMatchSnapshot();
-});
-
-var _ref20 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "warning",
-  variant: "link",
-  arrow: false
-}, "hello");
-
-it('renders the DropdownButton with color=warning variant="button" arrow={false}', function () {
-  expect(mount(_ref20)).toMatchSnapshot();
-});
-
-var _ref21 = /*#__PURE__*/React.createElement(DropdownButton, {
-  color: "warning",
-  variant: "link",
-  arrow: true
-}, "hello");
-
-it('renders the DropdownButton with color=warning variant="button" arrow={true}', function () {
-  expect(mount(_ref21)).toMatchSnapshot();
-});

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

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

package/es/DropdownContent/index.js

@@ -1,20 +0,0 @@
-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';
-
-/**
- * You should use DropdownContent component inside Dropdown component.
- */
-export var DropdownContent = /*#__PURE__*/React.forwardRef(function DropdownContent(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref,
-    className: clsx(className, true && 'govgr-dropdown__content')
-  }, props), children);
-});
-export default DropdownContent;

package/es/DropdownContent/index.test.js

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