@digigov/react-icons 1.0.0-rc

package/src/CaretIcon/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,148 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CaretIcon with direction down prop 1`] = `
+<CaretIcon
+  direction="down"
+>
+  <ForwardRef(Icon)
+    direction="down"
+    icon="caret"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--caret"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--caret govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--caret govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <caret
+            direction="down"
+          >
+            <path
+              d="M22,6H2l10,12L22,6z"
+            />
+          </caret>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CaretIcon>
+`;
+
+exports[`renders the CaretIcon with direction right prop 1`] = `
+<CaretIcon
+  direction="right"
+>
+  <ForwardRef(Icon)
+    direction="right"
+    icon="caret"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--caret"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--caret govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--caret govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <caret
+            direction="right"
+          >
+            <path
+              d="M6,2v20l12-10L6,2z"
+            />
+          </caret>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CaretIcon>
+`;
+
+exports[`renders the CaretIcon with direction up prop 1`] = `
+<CaretIcon
+  direction="up"
+>
+  <ForwardRef(Icon)
+    direction="up"
+    icon="caret"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--caret"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--caret govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--caret govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <caret
+            direction="up"
+          >
+            <path
+              d="M2,18h20L12,6L2,18z"
+            />
+          </caret>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CaretIcon>
+`;
+
+exports[`renders the CaretIcon with no props, direction prop is left by default 1`] = `
+<CaretIcon>
+  <ForwardRef(Icon)
+    icon="caret"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--caret"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--caret govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--caret govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <caret>
+            <path
+              d="M18,22V2L6,12L18,22z"
+            />
+          </caret>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CaretIcon>
+`;

package/src/CaretIcon/config.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+export interface CaretType {
+  direction?: 'left' | 'right' | 'up' | 'down';
+}
+
+export const caret: React.FC<CaretType> = ({ direction = 'left' }) => {
+  return (
+    <>
+      {direction === 'left' && <path d="M18,22V2L6,12L18,22z" />}
+      {direction === 'right' && <path d="M6,2v20l12-10L6,2z" />}
+      {direction === 'up' && <path d="M2,18h20L12,6L2,18z" />}
+      {direction === 'down' && <path d="M22,6H2l10,12L22,6z" />}
+    </>
+  );
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+caret.props = ['direction'];
+
+export default caret;

package/src/CaretIcon/index.test.tsx

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

package/src/CaretIcon/index.tsx

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