@orchestrator-ui/orchestrator-ui-components 0.2.3 → 0.2.5

package/src/icons/WfoPencilAlt.tsx

@@ -0,0 +1,33 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoPencilAlt: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#000000',
+}) => (
+    <svg
+        width={width}
+        height={height}
+        viewBox="0 0 24 24"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <title>icon/pencil-alt</title>
+        <g
+            id="Symbols"
+            stroke="none"
+            strokeWidth="1"
+            fill="none"
+            fillRule="evenodd"
+        >
+            <g id="icon/pencil-alt" fill={color} fillRule="nonzero">
+                <path
+                    d="M10,5.9999975 C10.55228,5.9999975 11,6.4477175 11,6.9999975 C11,7.5522775 10.55228,7.9999975 10,7.9999975 L6,7.9999975 L6,17.9999975 L16,17.9999975 L16,13.9999975 C16,13.4476975 16.4477,12.9999975 17,12.9999975 C17.5523,12.9999975 18,13.4476975 18,13.9999975 L18,17.9999975 C18,19.1045975 17.1046,19.9999975 16,19.9999975 L6,19.9999975 C4.89543,19.9999975 4,19.1045975 4,17.9999975 L4,7.9999975 C4,6.8954275 4.89543,5.9999975 6,5.9999975 L10,5.9999975 Z M16.5858,4.5857875 C17.3668,3.8047375 18.6332,3.8047375 19.4142,4.5857875 C20.1953,5.3668275 20.1953,6.6331575 19.4142,7.4142075 L11.82842,15 L9,15 L9,12.1715975 Z"
+                    id="Combined-Shape"
+                ></path>
+            </g>
+        </g>
+    </svg>
+);

package/src/icons/WfoPlayFill.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoPlayFill } from './WfoPlayFill';
+
+const Story: Meta<typeof WfoPlayFill> = {
+    component: WfoPlayFill,
+    title: 'Icons/WfoPlayFill',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/WfoPlayFill.tsx

@@ -0,0 +1,35 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoPlayFill: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#000000',
+}) => {
+    return (
+        <svg
+            width={width}
+            height={height}
+            viewBox="0 0 24 24"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <title>icon/play-fill</title>
+            <g
+                id="Symbols"
+                stroke="none"
+                strokeWidth="1"
+                fill="none"
+                fillRule="evenodd"
+            >
+                <g id="icon/play-id" fill={color}>
+                    <path
+                        d="M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M11.5547,9.16795 C11.24784,8.96338 10.8533,8.94431 10.52814,9.11833 C10.20298,9.29235 10,9.63121 10,10.0000011 L10,14.0000011 C10,14.3688 10.20298,14.7077 10.52814,14.8817 C10.8533,15.0557 11.24784,15.0366 11.5547,14.8321 L14.5547,12.8321 C14.8329,12.6466 15,12.3344 15,12.0000011 C15,11.66565 14.8329,11.35342 14.5547,11.16795 L11.5547,9.16795 Z"
+                        id="Shape"
+                    ></path>
+                </g>
+            </g>
+        </svg>
+    );
+};

package/src/icons/WfoPlusCircleFill.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoPlusCircleFill } from './WfoPlusCircleFill';
+
+const Story: Meta<typeof WfoPlusCircleFill> = {
+    component: WfoPlusCircleFill,
+    title: 'Icons/WfoPlusCircleFill',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/{WFOPlusCircleFill.tsx → WfoPlusCircleFill.tsx}

@@ -1,7 +1,8 @@
 import React, { FC } from 'react';
-import { WFOIconProps } from './WFOIconProps';
 
-export const WFOPlusCircleFill: FC<WFOIconProps> = ({
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoPlusCircleFill: FC<WfoIconProps> = ({
     width = 24,
     height = 24,
     color = '#000000',

package/src/icons/WfoRefresh.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoRefresh } from './WfoRefresh';
+
+const Story: Meta<typeof WfoRefresh> = {
+    component: WfoRefresh,
+    title: 'Icons/WfoRefresh',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/WfoRefresh.tsx

@@ -0,0 +1,35 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoRefresh: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#000000',
+}) => {
+    return (
+        <svg
+            width={width}
+            height={height}
+            viewBox="0 0 24 24"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <title>icon/refresh</title>
+            <g
+                id="Symbols"
+                stroke="none"
+                strokeWidth="1"
+                fill="none"
+                fillRule="evenodd"
+            >
+                <g id="icon/refresh" fill={color}>
+                    <path
+                        d="M6,4 C6.55228,4 7,4.44772 7,5 L7,7.10125 C8.27009,5.80489 10.04052,5 12,5 C15.0494,5 17.641,6.94932 18.6014,9.66675 C18.7855,10.18747 18.5126,10.75879 17.9918,10.94284 C17.4711,11.12689 16.8998,10.85396 16.7157,10.33325 C16.0289,8.38991 14.1755,7 12,7 C10.36507,7 8.91204,7.78502 7.99935,9 L11,9 C11.55228,9 12,9.44772 12,10 C12,10.55228 11.55228,11 11,11 L6,11 C5.44772,11 5,10.55228 5,10 L5,5 C5,4.44772 5.44772,4 6,4 Z M6.00817,13.0572 C6.52888,12.8731 7.1002,13.146 7.28425,13.6668 C7.97112,15.6101 9.82453,17 12,17 C13.6349,17 15.088,16.215 16.0006,15 L13,15 C12.4477,15 12,14.5523 12,14 C12,13.4477 12.4477,13 13,13 L18,13 C18.2652,13 18.5196,13.1054 18.7071,13.2929 C18.8946,13.4804 19,13.7348 19,14 L19,19 C19,19.5523 18.5523,20 18,20 C17.4477,20 17,19.5523 17,19 L17,16.8987 C15.7299,18.1951 13.9595,19 12,19 C8.95059,19 6.35905,17.0507 5.39857,14.3332 C5.21452,13.8125 5.48745,13.2412 6.00817,13.0572 Z"
+                        id="Shape"
+                    ></path>
+                </g>
+            </g>
+        </svg>
+    );
+};

package/src/icons/WfoSearchStrikethrough.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoSearchStrikethrough } from './WfoSearchStrikethrough';
+
+const Story: Meta<typeof WfoSearchStrikethrough> = {
+    component: WfoSearchStrikethrough,
+    title: 'Icons/WfoSearchStrikethrough',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/WfoSearchStrikethrough.tsx

@@ -0,0 +1,33 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoSearchStrikethrough: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#0067AC',
+}) => (
+    <svg
+        width={width}
+        height={height}
+        viewBox="0 0 24 24"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <title>icon/search-strikethrough</title>
+        <g
+            id="Symbols"
+            stroke="none"
+            strokeWidth="1"
+            fill="none"
+            fillRule="evenodd"
+        >
+            <g id="icon/search-strikethrough" fill={color}>
+                <path
+                    d="M10,4 C10.5522847,4 11,4.44771525 11,5 C11,5.55228475 10.5522847,6 10,6 C7.790861,6 6,7.790861 6,10 C6,12.209139 7.790861,14 10,14 C11.6843802,14 13.170862,12.9492826 13.7495202,11.3971234 C13.9424456,10.8796312 14.518353,10.6165178 15.0358452,10.8094433 C15.5533374,11.0023688 15.8164508,11.5782761 15.6235253,12.0957684 C15.4431518,12.5795917 15.204012,13.0309152 14.9156524,13.4423562 C14.9089265,13.4506778 14.9001611,13.4632152 14.8907,13.4765 L19.7071,18.2929 C20.0976,18.6834 20.0976,19.3166 19.7071,19.7071 C19.3166,20.0976 18.6834,20.0976 18.2929,19.7071 L13.4765,14.8907 L13.4335575,14.9210711 C12.4519621,15.6060667 11.2631018,16 10,16 C6.6862915,16 4,13.3137085 4,10 C4,6.6862915 6.6862915,4 10,4 Z M13.70711,2.29289 L16,4.58579 L18.2929,2.29289 C18.6834,1.90237 19.3166,1.90237 19.7071,2.29289 C20.0976,2.68342 20.0976,3.31658 19.7071,3.70711 L17.4142,6 L19.7071,8.2929 C20.0976,8.6834 20.0976,9.3166 19.7071,9.7071 C19.3166,10.0976 18.6834,10.0976 18.2929,9.7071 L16,7.4142 L13.70711,9.7071 C13.31658,10.0976 12.68342,10.0976 12.29289,9.7071 C11.90237,9.3166 11.90237,8.6834 12.29289,8.2929 L14.58579,6 L12.29289,3.70711 C11.90237,3.31658 11.90237,2.68342 12.29289,2.29289 C12.68342,1.90237 13.31658,1.90237 13.70711,2.29289 Z"
+                    id="Combined-Shape"
+                ></path>
+            </g>
+        </g>
+    </svg>
+);

package/src/icons/WfoSortAsc.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoSortAsc } from './WfoSortAsc';
+
+const Story: Meta<typeof WfoSortAsc> = {
+    component: WfoSortAsc,
+    title: 'Icons/WfoSortAsc',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/WfoSortAsc.tsx

@@ -0,0 +1,33 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoSortAsc: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#000000',
+}) => (
+    <svg
+        width={width}
+        height={height}
+        viewBox="0 0 24 24"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <title>icon/sort-asc</title>
+        <g
+            id="Symbols"
+            stroke="none"
+            strokeWidth="1"
+            fill="none"
+            fillRule="evenodd"
+        >
+            <g id="icon/sort-asc" fill={color} fillRule="nonzero">
+                <path
+                    d="M5,5 C4.44772,5 4,5.44772 4,6 C4,6.55228 4.44772,7 5,7 L16,7 C16.5523,7 17,6.55228 17,6 C17,5.44772 16.5523,5 16,5 L5,5 Z M5,9 C4.44772,9 4,9.44772 4,10 C4,10.55228 4.44772,11 5,11 L10,11 C10.55228,11 11,10.55228 11,10 C11,9.44772 10.55228,9 10,9 L5,9 Z M5,13 C4.44772,13 4,13.4477 4,14 C4,14.5523 4.44772,15 5,15 L9,15 C9.55228,15 10,14.5523 10,14 C10,13.4477 9.55228,13 9,13 L5,13 Z M15.0000025,18 C15.0000025,18.5523 15.4477,19 16.0000025,19 C16.5523,19 17.0000025,18.5523 17.0000025,18 L17.0000025,12.4142 L18.2929,13.7071 C18.6834,14.0976 19.3166,14.0976 19.7071,13.7071 C20.0976,13.3166 20.0976,12.6834 19.7071,12.2929 L16.7071,9.29289 C16.5196,9.10536 16.2652,9 16.0000025,9 C15.7348,9 15.4804,9.10536 15.2929,9.29289 L12.2929,12.2929 C11.90237,12.6834 11.90237,13.3166 12.2929,13.7071 C12.6834,14.0976 13.3166,14.0976 13.7071,13.7071 L15.0000025,12.4142 L15.0000025,18 Z"
+                    id="Combined-Shape"
+                ></path>
+            </g>
+        </g>
+    </svg>
+);

package/src/icons/WfoSortDesc.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoSortDesc } from './WfoSortDesc';
+
+const Story: Meta<typeof WfoSortDesc> = {
+    component: WfoSortDesc,
+    title: 'Icons/WfoSortDesc',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/WfoSortDesc.tsx

@@ -0,0 +1,33 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoSortDesc: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#000000',
+}) => (
+    <svg
+        width={width}
+        height={height}
+        viewBox="0 0 24 24"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <title>icon/sort-desc</title>
+        <g
+            id="Symbols"
+            stroke="none"
+            strokeWidth="1"
+            fill="none"
+            fillRule="evenodd"
+        >
+            <g id="icon/sort-desc" fill={color} fillRule="nonzero">
+                <path
+                    d="M5,5 C4.44772,5 4,5.44772 4,6 C4,6.55228 4.44772,7 5,7 L16,7 C16.5523,7 17,6.55228 17,6 C17,5.44772 16.5523,5 16,5 L5,5 Z M16.0000025,9 C16.5523,9 17.0000025,9.44772 17.0000025,10 L17.0000025,15.5858 L18.2929,14.2929 C18.6834,13.9024 19.3166,13.9024 19.7071,14.2929 C20.0976,14.6834 20.0976,15.3166 19.7071,15.7071 L16.7071,18.7071 C16.5196,18.8946 16.2652,19 16.0000025,19 C15.7348,19 15.4804,18.8946 15.2929,18.7071 L12.2929,15.7071 C11.90237,15.3166 11.90237,14.6834 12.2929,14.2929 C12.6834,13.9024 13.3166,13.9024 13.7071,14.2929 L15.0000025,15.5858 L15.0000025,10 C15.0000025,9.44771 15.4477,9 16.0000025,9 Z M9,13 C9.55228,13 10,13.4477 10,14 C10,14.5523 9.55228,15 9,15 L5,15 C4.44772,15 4,14.5523 4,14 C4,13.4477 4.44772,13 5,13 Z M12,9 C12.5523,9 13,9.44772 13,10 C13,10.55228 12.5523,11 12,11 L5,11 C4.44772,11 4,10.55228 4,10 C4,9.44772 4.44772,9 5,9 L12,9 Z"
+                    id="Combined-Shape"
+                ></path>
+            </g>
+        </g>
+    </svg>
+);

package/src/icons/WfoStatistic.tsx

@@ -0,0 +1,41 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoStatistic: FC<WfoIconProps> = ({
+    width = 20,
+    height = 20,
+    color = '#000000',
+}) => (
+    <svg
+        width={width}
+        height={height}
+        viewBox="0 0 20 20"
+        version="1.1"
+        color={color}
+        xmlns="http://www.w3.org/2000/svg"
+        className="wfoStatisticIcon"
+    >
+        <title>icon/statistic</title>
+        <g xmlns="http://www.w3.org/2000/svg">
+            <path
+                fill={color}
+                fill-rule="nonzero"
+                d="M17.5,4 C16.6715729,4 16,4.67157288 16,5.5 L16,18.5 C16,19.3284271 16.6715729,20 17.5,20 L18.5,20 C19.3284271,20 20,19.3284271 20,18.5 L20,5.5 C20,4.67157288 19.3284271,4 18.5,4 L17.5,4 L17.5,4 Z"
+                opacity=".88"
+            />
+            <path
+                fill={color}
+                fill-rule="nonzero"
+                d="M11.5,8 C10.6715729,8 10,8.67157288 10,9.5 L10,18.5 C10,19.3284271 10.6715729,20 11.5,20 L12.5,20 C13.3284271,20 14,19.3284271 14,18.5 L14,9.5 C14,8.67157288 13.3284271,8 12.5,8 L11.5,8 Z"
+                opacity=".66"
+            />
+            <path
+                fill={color}
+                fill-rule="nonzero"
+                d="M5.5,12 C4.67157288,12 4,12.6715729 4,13.5 L4,18.5 C4,19.3284271 4.67157288,20 5.5,20 L6.5,20 C7.32842712,20 8,19.3284271 8,18.5 L8,13.5 C8,12.6715729 7.32842712,12 6.5,12 L5.5,12 Z"
+                opacity=".33"
+            />
+        </g>
+    </svg>
+);

package/src/icons/WfoStatusDotIcon.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoStatusDotIcon } from './WfoStatusDotIcon';
+
+const Story: Meta<typeof WfoStatusDotIcon> = {
+    component: WfoStatusDotIcon,
+    title: 'Icons/WfoStatusDotIcon',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/{WFOStatusDotIcon.tsx → WfoStatusDotIcon.tsx}

@@ -1,8 +1,9 @@
 import React from 'react';
 import { FC } from 'react';
-import { WFOIconProps } from './WFOIconProps';
 
-export const WFOStatusDotIcon: FC<WFOIconProps> = ({
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoStatusDotIcon: FC<WfoIconProps> = ({
     width = 24,
     height = 24,
     color = '#000000',

package/src/icons/WfoXCircleFill.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoXCircleFill } from './WfoXCircleFill';
+
+const Story: Meta<typeof WfoXCircleFill> = {
+    component: WfoXCircleFill,
+    title: 'Icons/WfoXCircleFill',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/{WFOXCircleFill.tsx → WfoXCircleFill.tsx}

@@ -1,7 +1,8 @@
 import React, { FC } from 'react';
-import { WFOIconProps } from './WFOIconProps';
 
-export const WFOXCircleFill: FC<WFOIconProps> = ({
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoXCircleFill: FC<WfoIconProps> = ({
     width = 24,
     height = 24,
     color = '#000000',

package/src/icons/index.ts

@@ -1,10 +1,22 @@
-export * from './WFOXCircleFill';
-export * from './WFOStatusDotIcon';
-export * from './WFOLogoutIcon';
-export * from './WFOCheckmarkCircleFill';
-export * from './WFOIconProps';
-export * from './WFOMinusCircleOutline';
-export * from './WFOPlusCircleFill';
-export * from './WFOChevronDown';
-export * from './WFOArrowNarrowDown';
-export * from './WFOArrowNarrowUp';
+export * from './WfoXCircleFill';
+export * from './WfoArrowsExpand';
+export * from './WfoStatusDotIcon';
+export * from './WfoLogoutIcon';
+export * from './WfoCheckmarkCircleFill';
+export * from './WfoIconProps';
+export * from './WfoMinusCircleOutline';
+export * from './WfoPlusCircleFill';
+export * from './WfoChevronDown';
+export * from './WfoChevronUp';
+export * from './WfoArrowNarrowDown';
+export * from './WfoRefresh';
+export * from './WfoArrowNarrowUp';
+export * from './WfoMinusCircleFill';
+export * from './WfoSearchStrikethrough';
+export * from './WfoSortAsc';
+export * from './WfoSortDesc';
+export * from './WfoPlayFill';
+export * from './WfoCode';
+export * from './WfoEyeFill';
+export * from './WfoCogFill';
+export * from './WfoStatistic';

package/src/index.ts

@@ -1,3 +1,4 @@
+export * from './api';
 export * from './components';
 export * from './icons';
 export * from './theme';
@@ -7,3 +8,4 @@ export * from './types';
 export * from './hooks';
 export * from './messages';
 export * from './pages';
+export * from './graphqlQueries';