@digigov/react-icons 1.0.0-88820b1e → 1.0.0-8b33e4c8

package/index.js

@@ -1,135 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _AccessibilityIcon = require("@digigov/react-icons/AccessibilityIcon");
-
-Object.keys(_AccessibilityIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AccessibilityIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AccessibilityIcon[key];
-    }
-  });
-});
-
-var _ArrowIcon = require("@digigov/react-icons/ArrowIcon");
-
-Object.keys(_ArrowIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ArrowIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ArrowIcon[key];
-    }
-  });
-});
-
-var _BurgerIcon = require("@digigov/react-icons/BurgerIcon");
-
-Object.keys(_BurgerIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BurgerIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _BurgerIcon[key];
-    }
-  });
-});
-
-var _CaretIcon = require("@digigov/react-icons/CaretIcon");
-
-Object.keys(_CaretIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CaretIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CaretIcon[key];
-    }
-  });
-});
-
-var _CheckIcon = require("@digigov/react-icons/CheckIcon");
-
-Object.keys(_CheckIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CheckIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CheckIcon[key];
-    }
-  });
-});
-
-var _UncheckIcon = require("@digigov/react-icons/UncheckIcon");
-
-Object.keys(_UncheckIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _UncheckIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _UncheckIcon[key];
-    }
-  });
-});
-
-var _CloseIcon = require("@digigov/react-icons/CloseIcon");
-
-Object.keys(_CloseIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CloseIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CloseIcon[key];
-    }
-  });
-});
-
-var _GlobeIcon = require("@digigov/react-icons/GlobeIcon");
-
-Object.keys(_GlobeIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _GlobeIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _GlobeIcon[key];
-    }
-  });
-});
-
-var _MoreVertIcon = require("@digigov/react-icons/MoreVertIcon");
-
-Object.keys(_MoreVertIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _MoreVertIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MoreVertIcon[key];
-    }
-  });
-});
-
-var _SearchIcon = require("@digigov/react-icons/SearchIcon");
-
-Object.keys(_SearchIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SearchIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SearchIcon[key];
-    }
-  });
-});
+export * from "./AccessibilityIcon";
+export * from "./ArrowIcon";
+export * from "./BurgerIcon";
+export * from "./CaretIcon";
+export * from "./CheckIcon";
+export * from "./ChevronIcon";
+export * from "./UncheckIcon";
+export * from "./CloseIcon";
+export * from "./GlobeIcon";
+export * from "./MoreVertIcon";
+export * from "./SearchIcon";

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "@digigov/react-icons",
-  "version": "1.0.0-88820b1e",
+  "version": "1.0.0-8b33e4c8",
   "description": "@digigov react icons",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
-  "main": "./index.js",
-  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "module": "./index.js",
   "publishConfig": {
     "access": "public",
     "directory": "dist"
   },
   "peerDependencies": {
-    "@digigov/css": "1.0.0-88820b1e",
-    "@digigov/react-core": "1.0.0-88820b1e",
+    "@digigov/css": "1.0.0-8b33e4c8",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"

package/registry.d.ts

@@ -4,8 +4,10 @@ declare var _default: {
     '@digigov/react-icons/BurgerIcon': {};
     '@digigov/react-icons/CaretIcon': {};
     '@digigov/react-icons/CheckIcon': {};
+    '@digigov/react-icons/ChevronIcon': {};
     '@digigov/react-icons/CloseIcon': {};
     '@digigov/react-icons/GlobeIcon': {};
+    '@digigov/react-icons/Icon': {};
     '@digigov/react-icons/icons': {};
     '@digigov/react-icons': {};
     '@digigov/react-icons/MoreVertIcon': {};

package/registry.js

@@ -1,39 +1,17 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _digigov_react_icons_AccessibilityIcon = _interopRequireWildcard(require("@digigov/react-icons/AccessibilityIcon"));
-
-var _digigov_react_icons_ArrowIcon = _interopRequireWildcard(require("@digigov/react-icons/ArrowIcon"));
-
-var _digigov_react_icons_BurgerIcon = _interopRequireWildcard(require("@digigov/react-icons/BurgerIcon"));
-
-var _digigov_react_icons_CaretIcon = _interopRequireWildcard(require("@digigov/react-icons/CaretIcon"));
-
-var _digigov_react_icons_CheckIcon = _interopRequireWildcard(require("@digigov/react-icons/CheckIcon"));
-
-var _digigov_react_icons_CloseIcon = _interopRequireWildcard(require("@digigov/react-icons/CloseIcon"));
-
-var _digigov_react_icons_GlobeIcon = _interopRequireWildcard(require("@digigov/react-icons/GlobeIcon"));
-
-var _digigov_react_icons_icons = _interopRequireWildcard(require("@digigov/react-icons/icons"));
-
-var _digigov_react_icons = _interopRequireWildcard(require("@digigov/react-icons"));
-
-var _digigov_react_icons_MoreVertIcon = _interopRequireWildcard(require("@digigov/react-icons/MoreVertIcon"));
-
-var _digigov_react_icons_SearchIcon = _interopRequireWildcard(require("@digigov/react-icons/SearchIcon"));
-
-var _digigov_react_icons_UncheckIcon = _interopRequireWildcard(require("@digigov/react-icons/UncheckIcon"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import * as _digigov_react_icons_AccessibilityIcon from "./AccessibilityIcon";
+import * as _digigov_react_icons_ArrowIcon from "./ArrowIcon";
+import * as _digigov_react_icons_BurgerIcon from "./BurgerIcon";
+import * as _digigov_react_icons_CaretIcon from "./CaretIcon";
+import * as _digigov_react_icons_CheckIcon from "./CheckIcon";
+import * as _digigov_react_icons_ChevronIcon from "./ChevronIcon";
+import * as _digigov_react_icons_CloseIcon from "./CloseIcon";
+import * as _digigov_react_icons_GlobeIcon from "./GlobeIcon";
+import * as _digigov_react_icons_Icon from "./Icon";
+import * as _digigov_react_icons_icons from "./icons";
+import * as _digigov_react_icons from "./";
+import * as _digigov_react_icons_MoreVertIcon from "./MoreVertIcon";
+import * as _digigov_react_icons_SearchIcon from "./SearchIcon";
+import * as _digigov_react_icons_UncheckIcon from "./UncheckIcon";
 
 function lazyImport(pkgImport) {
   // eslint-disable-next-line no-undef
@@ -50,18 +28,19 @@ function lazyImport(pkgImport) {
   });
 }
 
-var _default = {
+export default {
   '@digigov/react-icons/AccessibilityIcon': lazyImport(_digigov_react_icons_AccessibilityIcon),
   '@digigov/react-icons/ArrowIcon': lazyImport(_digigov_react_icons_ArrowIcon),
   '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),
   '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),
   '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
+  '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
   '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),
   '@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),
+  '@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),
   '@digigov/react-icons/icons': lazyImport(_digigov_react_icons_icons),
   '@digigov/react-icons': lazyImport(_digigov_react_icons),
   '@digigov/react-icons/MoreVertIcon': lazyImport(_digigov_react_icons_MoreVertIcon),
   '@digigov/react-icons/SearchIcon': lazyImport(_digigov_react_icons_SearchIcon),
   '@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon)
-};
-exports["default"] = _default;
+};

package/src/AccessibilityIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const AccessibilityIcon: React.FC<IconProps<'accessibility'>> = (
   props

package/src/ArrowIcon/config.tsx

@@ -6,25 +6,25 @@ export interface ArrowType {
   * @value 'right'
   * @value 'up'
   * @value 'down'
-  * @default 'right'
+  * @default 'up'
   */
   direction?: 'left' | 'right' | 'up' | 'down'
 }
 
-export const arrow: React.FC<ArrowType> = ({ direction = 'right' }) => {
+export const arrow: React.FC<ArrowType> = ({ direction = 'up' }) => {
   return (
     <>
       {direction === 'left' && (
-        <path d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z" />
+        <polygon points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7" />
       )}
       {direction === 'right' && (
-        <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" />
+        <polygon points="9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3" />
       )}
       {direction === 'up' && (
-        <path d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z" />
+        <polygon points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12" />
       )}
       {direction === 'down' && (
-        <path d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z" />
+        <polygon points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6" />
       )}
     </>
   );

package/src/ArrowIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const ArrowIcon: React.FC<IconProps<'arrow'>> = (props) => {
   return <Icon {...props} icon="arrow"></Icon>;

package/src/BurgerIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const BurgerIcon: React.FC<IconProps<'burger'>> = (props) => {
   return <Icon {...props} icon="burger"></Icon>;

package/src/CaretIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const CaretIcon: React.FC<IconProps<'caret'>> = (props) => {
   return <Icon {...props} icon="caret"></Icon>;

package/src/CheckIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const CheckIcon: React.FC<IconProps<'check'>> = (props) => {
   return <Icon {...props} icon="check"></Icon>;

package/src/ChevronIcon/config.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+export interface ChevronType {
+  /**
+  * direction sets the direction of the chevron icon.
+  * @value 'left'
+  * @value 'right'
+  * @value 'up'
+  * @value 'down'
+  * @default 'right'
+  */
+  direction?: 'left' | 'right' | 'up' | 'down'
+}
+
+export const chevron: React.FC<ChevronType> = ({ direction = 'right' }) => {
+  return (
+    <>
+      {direction === 'left' && (
+        <path d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z" />
+      )}
+      {direction === 'right' && (
+        <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" />
+      )}
+      {direction === 'up' && (
+        <path d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z" />
+      )}
+      {direction === 'down' && (
+        <path d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z" />
+      )}
+    </>
+  );
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+chevron.props = ['direction'];
+
+export default chevron;

package/src/ChevronIcon/index.test.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import ChevronIcon from '@digigov/react-icons/ChevronIcon';
+
+it('renders the ChevronIcon with no props, direction prop is right by default', () => {
+  expect(mount(<ChevronIcon />)).toMatchSnapshot();
+});
+
+it('renders the ChevronIcon with direction left prop', () => {
+  expect(mount(<ChevronIcon direction="left" />)).toMatchSnapshot();
+});
+
+it('renders the ChevronIcon with direction up prop', () => {
+  expect(mount(<ChevronIcon direction="up" />)).toMatchSnapshot();
+});
+
+it('renders the ChevronIcon with direction down prop', () => {
+  expect(mount(<ChevronIcon direction="down" />)).toMatchSnapshot();
+});

package/src/ChevronIcon/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+
+export const ChevronIcon: React.FC<IconProps<'chevron'>> = (props) => {
+  return <Icon {...props} icon="chevron"></Icon>;
+};
+
+export default ChevronIcon;

package/src/CloseIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const CloseIcon: React.FC<IconProps<'close'>> = (props) => {
   return <Icon {...props} icon="close"></Icon>;

package/src/GlobeIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const GlobeIcon: React.FC<IconProps<'globe'>> = (props) => {
   return <Icon {...props} icon="globe"></Icon>;