@platformatic/ui-components 0.13.0 → 0.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/assets/index-DES2qWoG.js +49 -0
  2. package/dist/index.html +1 -1
  3. package/package.json +1 -1
  4. package/src/components/icons/ScheduledJobSettingsIcon.jsx +108 -0
  5. package/src/components/icons/ScheduledJobsDetailIcon.jsx +108 -0
  6. package/src/components/icons/ScheduledJobsIcon.jsx +108 -0
  7. package/src/components/icons/ScheduledJobsSuspendIcon.jsx +108 -0
  8. package/src/components/icons/index.js +27 -19
  9. package/src/stories/icons/Icons.stories.jsx +6 -3
  10. package/dist/assets/index-_szOjVkB.js +0 -49
package/dist/index.html CHANGED
@@ -4,7 +4,7 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>Platformatic UI Components</title>
7
- <script type="module" crossorigin src="/assets/index-_szOjVkB.js"></script>
7
+ <script type="module" crossorigin src="/assets/index-DES2qWoG.js"></script>
8
8
  <link rel="stylesheet" crossorigin href="/assets/index-DMinbJlj.css">
9
9
  </head>
10
10
  <body>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@platformatic/ui-components",
3
3
  "description": "Platformatic UI Components",
4
- "version": "0.13.0",
4
+ "version": "0.13.2",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
package/src/components/icons/ScheduledJobSettingsIcon.jsx ADDED
@@ -0,0 +1,108 @@
1
+ import * as React from 'react'
2
+ import PropTypes from 'prop-types'
3
+ import styles from './Icons.module.css'
4
+ import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
5
+
6
+ const ScheduledJobSettingsIcon = ({
7
+ color = MAIN_DARK_BLUE,
8
+ size = MEDIUM,
9
+ disabled = false,
10
+ inactive = false
11
+ }) => {
12
+ let className = `${styles.svgClassName} ` + styles[`${color}`]
13
+ if (disabled) {
14
+ className += ` ${styles.iconDisabled}`
15
+ }
16
+ if (inactive) {
17
+ className += ` ${styles.iconInactive}`
18
+ }
19
+ let icon = <></>
20
+
21
+ switch (size) {
22
+ case SMALL:
23
+ icon = (
24
+ <svg
25
+ width={16}
26
+ height={16}
27
+ viewBox='0 0 16 16'
28
+ fill='none'
29
+ xmlns='http://www.w3.org/2000/svg'
30
+ className={className}
31
+ >
32
+ <path d='M5.79744 11.0001C3.70017 11.0001 2 9.29539 2 7.19246C2 5.08953 3.70017 3.38477 5.79744 3.38477C7.40205 3.38477 8.77421 4.38268 9.33032 5.79334' stroke='currentColor' strokeLinecap='round' />
33
+ <path d='M5.79715 3.38462V2M4.41626 2H7.17803' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M8.73768 4.271L9.23141 3.78706M8.74878 3.29199L9.71405 4.28213' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M3.00073 4.32316L2.52032 3.82592M2.02441 4.30762L3.01623 3.34422' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
36
+ <path d='M7.00592 5.46146L5.79758 7.53839' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
37
+ <path d='M10.5005 11.8589C11.2324 11.8589 11.8257 11.2755 11.8257 10.5559C11.8257 9.8363 11.2324 9.25293 10.5005 9.25293C9.76861 9.25293 9.17529 9.8363 9.17529 10.5559C9.17529 11.2755 9.76861 11.8589 10.5005 11.8589Z' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
38
+ <path d='M11.2114 7.20302V7.64522C11.2114 7.72938 11.2647 7.80542 11.3451 7.83495L11.9187 8.0483C11.9968 8.07709 12.0854 8.05716 12.1424 7.99663L12.418 7.70576C12.4991 7.62012 12.6372 7.61938 12.7191 7.70502L13.3843 8.39749C13.4587 8.47501 13.4594 8.59534 13.3866 8.67359L13.0322 9.056C12.9759 9.11654 12.9624 9.20439 12.9976 9.27821L13.2379 9.7876C13.2717 9.85921 13.3453 9.90572 13.4256 9.90572H13.7935C13.9076 9.90572 14 9.99652 14 10.1087V10.9636C14 11.0758 13.9076 11.1666 13.7935 11.1666H13.4068C13.3175 11.1666 13.2379 11.2235 13.2101 11.3069L13.0149 11.8953C12.9916 11.9647 13.0082 12.0407 13.0585 12.0946L13.3761 12.4394C13.4534 12.5235 13.4459 12.6542 13.3588 12.7287L12.6267 13.3585C12.5426 13.4308 12.415 13.4242 12.3392 13.3437L12.0839 13.0735C12.0283 13.0144 11.942 12.993 11.8646 13.0196L11.3315 13.2027C11.2482 13.2315 11.1926 13.3083 11.1926 13.3946V13.797C11.1926 13.9092 11.1003 14 10.9862 14H10.0131C9.89896 14 9.80661 13.9092 9.80661 13.797V13.3946C9.80661 13.3083 9.75105 13.2315 9.6677 13.2027L9.13461 13.0196C9.05728 12.993 8.97093 13.0137 8.91537 13.0735L8.66009 13.3437C8.58425 13.4242 8.45661 13.4308 8.37252 13.3585L7.64046 12.7287C7.55336 12.6542 7.54585 12.5235 7.62319 12.4394L7.94079 12.0946C7.99035 12.0407 8.00686 11.9647 7.98434 11.8953L7.78912 11.3069C7.76134 11.2235 7.68175 11.1666 7.59241 11.1666H7.20648C7.09235 11.1666 7 11.0758 7 10.9636V10.1087C7 9.99652 7.09235 9.90572 7.20648 9.90572H7.57439C7.65472 9.90572 7.72831 9.85994 7.76209 9.7876L8.00236 9.27821C8.03765 9.20365 8.02338 9.11654 7.96782 9.056L7.61343 8.67359C7.5406 8.59534 7.54135 8.47427 7.61568 8.39749L8.28092 7.70502C8.36276 7.62012 8.50091 7.62012 8.582 7.70576L8.85756 7.99663C8.91462 8.05716 9.00322 8.07709 9.0813 8.0483L9.65494 7.83495C9.73528 7.80542 9.78859 7.72938 9.78859 7.64522V7.20302C9.78859 7.0908 9.88094 7 9.99507 7H11.0049C11.1191 7 11.2114 7.0908 11.2114 7.20302Z' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
39
+ </svg>
40
+ )
41
+ break
42
+ case MEDIUM:
43
+ icon = (
44
+ <svg
45
+ width={24}
46
+ height={24}
47
+ viewBox='0 0 24 24'
48
+ fill='none'
49
+ xmlns='http://www.w3.org/2000/svg'
50
+ className={className}
51
+ >
52
+ <path d='M8.69616 16.5002C5.55026 16.5002 3 13.9431 3 10.7887C3 7.63429 5.55026 5.07715 8.69616 5.07715C11.1031 5.07715 13.1613 6.57402 13.9955 8.69001' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' />
53
+ <path d='M8.69584 5.07692V3M6.62451 3H10.7672' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
54
+ <path d='M13.1064 6.40601L13.847 5.6801M13.123 4.9375L14.571 6.42271' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
55
+ <path d='M4.50109 6.48426L3.78048 5.73839M3.03662 6.46094L4.52434 5.01584' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
56
+ <path d='M10.5086 8.19268L8.69612 11.3081' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
57
+ <path d='M15.751 17.7879C16.8489 17.7879 17.7388 16.9128 17.7388 15.8334C17.7388 14.754 16.8489 13.8789 15.751 13.8789C14.6532 13.8789 13.7632 14.754 13.7632 15.8334C13.7632 16.9128 14.6532 17.7879 15.751 17.7879Z' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
58
+ <path d='M16.8171 10.8045V11.4678C16.8171 11.5941 16.8971 11.7081 17.0176 11.7524L17.878 12.0725C17.9952 12.1156 18.1281 12.0857 18.2137 11.9949L18.627 11.5586C18.7486 11.4302 18.9559 11.4291 19.0786 11.5575L20.0765 12.5962C20.188 12.7125 20.1891 12.893 20.0799 13.0104L19.5483 13.584C19.4638 13.6748 19.4435 13.8066 19.4965 13.9173L19.8569 14.6814C19.9075 14.7888 20.0179 14.8586 20.1384 14.8586H20.6903C20.8615 14.8586 21 14.9948 21 15.1631V16.4454C21 16.6137 20.8615 16.7499 20.6903 16.7499H20.1103C19.9762 16.7499 19.8569 16.8352 19.8152 16.9603L19.5224 17.8429C19.4875 17.947 19.5122 18.0611 19.5877 18.1419L20.0641 18.659C20.1801 18.7853 20.1688 18.9813 20.0382 19.0931L18.9401 20.0377C18.814 20.1462 18.6225 20.1363 18.5087 20.0156L18.1258 19.6103C18.0425 19.5217 17.913 19.4896 17.797 19.5294L16.9973 19.8041C16.8723 19.8472 16.789 19.9624 16.789 20.092V20.6955C16.789 20.8638 16.6504 21 16.4792 21H15.0196C14.8484 21 14.7099 20.8638 14.7099 20.6955V20.092C14.7099 19.9624 14.6266 19.8472 14.5016 19.8041L13.7019 19.5294C13.5859 19.4896 13.4564 19.5206 13.3731 19.6103L12.9901 20.0156C12.8764 20.1363 12.6849 20.1462 12.5588 20.0377L11.4607 19.0931C11.33 18.9813 11.3188 18.7853 11.4348 18.659L11.9112 18.1419C11.9855 18.0611 12.0103 17.947 11.9765 17.8429L11.6837 16.9603C11.642 16.8352 11.5226 16.7499 11.3886 16.7499H10.8097C10.6385 16.7499 10.5 16.6137 10.5 16.4454V15.1631C10.5 14.9948 10.6385 14.8586 10.8097 14.8586H11.3616C11.4821 14.8586 11.5925 14.7899 11.6431 14.6814L12.0035 13.9173C12.0565 13.8055 12.0351 13.6748 11.9517 13.584L11.4201 13.0104C11.3109 12.893 11.312 12.7114 11.4235 12.5962L12.4214 11.5575C12.5441 11.4302 12.7514 11.4302 12.873 11.5586L13.2863 11.9949C13.3719 12.0857 13.5048 12.1156 13.622 12.0725L14.4824 11.7524C14.6029 11.7081 14.6829 11.5941 14.6829 11.4678V10.8045C14.6829 10.6362 14.8214 10.5 14.9926 10.5H16.5074C16.6786 10.5 16.8171 10.6362 16.8171 10.8045Z' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
59
+ </svg>
60
+ )
61
+ break
62
+ case LARGE:
63
+ icon = (
64
+ <svg
65
+ width={40}
66
+ height={40}
67
+ viewBox='0 0 40 40'
68
+ fill='none'
69
+ xmlns='http://www.w3.org/2000/svg'
70
+ className={className}
71
+ >
72
+ <path d='M14.4936 27.5004C9.25043 27.5004 5 23.2385 5 17.9811C5 12.7238 9.25043 8.46191 14.4936 8.46191C18.5051 8.46191 21.9355 10.9567 23.3258 14.4833' stroke='currentColor' strokeWidth={2} strokeLinecap='round' />
73
+ <path d='M14.4932 8.46154V5M11.041 5H17.9454' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
74
+ <path d='M21.8443 10.677L23.0787 9.46716M21.8721 8.22949L24.2852 10.7048' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
75
+ <path d='M7.50181 10.8074L6.3008 9.5643M5.06104 10.7686L7.54057 8.36005' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
76
+ <path d='M17.5146 13.6541L14.4937 18.8465' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
77
+ <path d='M26.2515 29.6468C28.0813 29.6468 29.5646 28.1884 29.5646 26.3893C29.5646 24.5903 28.0813 23.1318 26.2515 23.1318C24.4218 23.1318 22.9385 24.5903 22.9385 26.3893C22.9385 28.1884 24.4218 29.6468 26.2515 29.6468Z' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
78
+ <path d='M28.0285 18.0075V19.1131C28.0285 19.3235 28.1618 19.5136 28.3627 19.5874L29.7967 20.1208C29.992 20.1927 30.2135 20.1429 30.3561 19.9916L31.045 19.2644C31.2477 19.0503 31.5931 19.0485 31.7977 19.2626L33.4608 20.9937C33.6466 21.1875 33.6485 21.4883 33.4664 21.684L32.5804 22.64C32.4397 22.7913 32.4059 23.011 32.4941 23.1955L33.0948 24.469C33.1792 24.648 33.3632 24.7643 33.564 24.7643H34.4838C34.7691 24.7643 35 24.9913 35 25.2718V27.409C35 27.6896 34.7691 27.9166 34.4838 27.9166H33.5171C33.2937 27.9166 33.0948 28.0587 33.0253 28.2672L32.5373 29.7382C32.4791 29.9117 32.5204 30.1018 32.6461 30.2365L33.4401 31.0984C33.6335 31.3088 33.6147 31.6355 33.397 31.8219L31.5668 33.3962C31.3566 33.577 31.0375 33.5604 30.8479 33.3593L30.2097 32.6838C30.0708 32.5361 29.8549 32.4826 29.6616 32.549L28.3289 33.0068C28.1205 33.0787 27.9816 33.2707 27.9816 33.4866V34.4925C27.9816 34.773 27.7507 35 27.4654 35H25.0327C24.7474 35 24.5165 34.773 24.5165 34.4925V33.4866C24.5165 33.2707 24.3776 33.0787 24.1693 33.0068L22.8365 32.549C22.6432 32.4826 22.4273 32.5343 22.2884 32.6838L21.6502 33.3593C21.4606 33.5604 21.1415 33.577 20.9313 33.3962L19.1011 31.8219C18.8834 31.6355 18.8646 31.3088 19.058 31.0984L19.852 30.2365C19.9759 30.1018 20.0172 29.9117 19.9608 29.7382L19.4728 28.2672C19.4034 28.0587 19.2044 27.9166 18.981 27.9166H18.0162C17.7309 27.9166 17.5 27.6896 17.5 27.409V25.2718C17.5 24.9913 17.7309 24.7643 18.0162 24.7643H18.936C19.1368 24.7643 19.3208 24.6499 19.4052 24.469L20.0059 23.1955C20.0941 23.0091 20.0585 22.7913 19.9196 22.64L19.0336 21.684C18.8515 21.4883 18.8534 21.1857 19.0392 20.9937L20.7023 19.2626C20.9069 19.0503 21.2523 19.0503 21.455 19.2644L22.1439 19.9916C22.2865 20.1429 22.508 20.1927 22.7033 20.1208L24.1373 19.5874C24.3382 19.5136 24.4715 19.3235 24.4715 19.1131V18.0075C24.4715 17.727 24.7023 17.5 24.9877 17.5H27.5123C27.7977 17.5 28.0285 17.727 28.0285 18.0075Z' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
79
+ </svg>
80
+ )
81
+ break
82
+
83
+ default:
84
+ break
85
+ }
86
+ return icon
87
+ }
88
+
89
+ ScheduledJobSettingsIcon.propTypes = {
90
+ /**
91
+ * color of text, icon and borders
92
+ */
93
+ color: PropTypes.oneOf(COLORS_ICON),
94
+ /**
95
+ * Size
96
+ */
97
+ size: PropTypes.oneOf(SIZES),
98
+ /**
99
+ * disabled
100
+ */
101
+ disabled: PropTypes.bool,
102
+ /**
103
+ * inactive
104
+ */
105
+ inactive: PropTypes.bool
106
+ }
107
+
108
+ export default ScheduledJobSettingsIcon
package/src/components/icons/ScheduledJobsDetailIcon.jsx ADDED
@@ -0,0 +1,108 @@
1
+ import * as React from 'react'
2
+ import PropTypes from 'prop-types'
3
+ import styles from './Icons.module.css'
4
+ import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
5
+
6
+ const ScheduledJobsDetailIcon = ({
7
+ color = MAIN_DARK_BLUE,
8
+ size = MEDIUM,
9
+ disabled = false,
10
+ inactive = false
11
+ }) => {
12
+ let className = `${styles.svgClassName} ` + styles[`${color}`]
13
+ if (disabled) {
14
+ className += ` ${styles.iconDisabled}`
15
+ }
16
+ if (inactive) {
17
+ className += ` ${styles.iconInactive}`
18
+ }
19
+ let icon = <></>
20
+
21
+ switch (size) {
22
+ case SMALL:
23
+ icon = (
24
+ <svg
25
+ width={16}
26
+ height={16}
27
+ viewBox='0 0 16 16'
28
+ fill='none'
29
+ xmlns='http://www.w3.org/2000/svg'
30
+ className={className}
31
+ >
32
+ <path d='M5.79744 11.0001C3.70017 11.0001 2 9.29539 2 7.19246C2 5.08953 3.70017 3.38477 5.79744 3.38477C7.40205 3.38477 8.77421 4.38268 9.33032 5.79334' stroke='currentColor' strokeLinecap='round' />
33
+ <path d='M5.79715 3.38462V2M4.41626 2H7.17803' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M8.73768 4.271L9.23141 3.78706M8.74878 3.29199L9.71405 4.28213' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M3.00073 4.32316L2.52032 3.82592M2.02441 4.30762L3.01623 3.34422' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
36
+ <path d='M7.00592 5.46146L5.79758 7.53839' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
37
+ <circle cx='9.91667' cy='9.91667' r='2.91667' stroke='currentColor' />
38
+ <path d='M14 14L12.25 12.25' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
39
+ </svg>
40
+ )
41
+ break
42
+ case MEDIUM:
43
+ icon = (
44
+ <svg
45
+ width={24}
46
+ height={24}
47
+ viewBox='0 0 24 24'
48
+ fill='none'
49
+ xmlns='http://www.w3.org/2000/svg'
50
+ className={className}
51
+ >
52
+ <path d='M8.69616 16.5002C5.55026 16.5002 3 13.9431 3 10.7887C3 7.63429 5.55026 5.07715 8.69616 5.07715C11.1031 5.07715 13.1613 6.57402 13.9955 8.69001' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' />
53
+ <path d='M8.69584 5.07692V3M6.62451 3H10.7672' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
54
+ <path d='M13.1066 6.40601L13.8472 5.6801M13.1233 4.9375L14.5712 6.42271' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
55
+ <path d='M4.50109 6.48426L3.78048 5.73839M3.03662 6.46094L4.52434 5.01584' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
56
+ <path d='M10.5089 8.19268L8.69637 11.3081' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
57
+ <circle cx='14.875' cy='14.875' r='4.375' stroke='currentColor' strokeWidth={1.5} />
58
+ <path d='M21 21L18.375 18.375' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
59
+ </svg>
60
+ )
61
+ break
62
+ case LARGE:
63
+ icon = (
64
+ <svg
65
+ width={40}
66
+ height={40}
67
+ viewBox='0 0 40 40'
68
+ fill='none'
69
+ xmlns='http://www.w3.org/2000/svg'
70
+ className={className}
71
+ >
72
+ <path d='M14.4936 27.5004C9.25043 27.5004 5 23.2385 5 17.9811C5 12.7238 9.25043 8.46191 14.4936 8.46191C18.5051 8.46191 21.9355 10.9567 23.3258 14.4833' stroke='currentColor' strokeWidth={2} strokeLinecap='round' />
73
+ <path d='M14.493 8.46154V5M11.0408 5H17.9452' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
74
+ <path d='M21.8443 10.677L23.0787 9.46716M21.8721 8.22949L24.2852 10.7048' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
75
+ <path d='M7.50206 10.8074L6.30105 9.5643M5.06128 10.7686L7.54082 8.36005' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
76
+ <path d='M17.5148 13.6541L14.4939 18.8465' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
77
+ <circle cx='24.7917' cy='24.7917' r='7.29167' stroke='currentColor' strokeWidth={2} />
78
+ <path d='M35 35L30.625 30.625' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
79
+ </svg>
80
+ )
81
+ break
82
+
83
+ default:
84
+ break
85
+ }
86
+ return icon
87
+ }
88
+
89
+ ScheduledJobsDetailIcon.propTypes = {
90
+ /**
91
+ * color of text, icon and borders
92
+ */
93
+ color: PropTypes.oneOf(COLORS_ICON),
94
+ /**
95
+ * Size
96
+ */
97
+ size: PropTypes.oneOf(SIZES),
98
+ /**
99
+ * disabled
100
+ */
101
+ disabled: PropTypes.bool,
102
+ /**
103
+ * inactive
104
+ */
105
+ inactive: PropTypes.bool
106
+ }
107
+
108
+ export default ScheduledJobsDetailIcon
package/src/components/icons/ScheduledJobsIcon.jsx ADDED
@@ -0,0 +1,108 @@
1
+ import * as React from 'react'
2
+ import PropTypes from 'prop-types'
3
+ import styles from './Icons.module.css'
4
+ import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
5
+
6
+ const ScheduledJobsIcon = ({
7
+ color = MAIN_DARK_BLUE,
8
+ size = MEDIUM,
9
+ disabled = false,
10
+ inactive = false
11
+ }) => {
12
+ let className = `${styles.svgClassName} ` + styles[`${color}`]
13
+ if (disabled) {
14
+ className += ` ${styles.iconDisabled}`
15
+ }
16
+ if (inactive) {
17
+ className += ` ${styles.iconInactive}`
18
+ }
19
+ let icon = <></>
20
+
21
+ switch (size) {
22
+ case SMALL:
23
+ icon = (
24
+ <svg
25
+ width={16}
26
+ height={16}
27
+ viewBox='0 0 16 16'
28
+ fill='none'
29
+ xmlns='http://www.w3.org/2000/svg'
30
+ className={className}
31
+ >
32
+ <path d='M6.92237 3.79488V2M5.13232 2H8.71241' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
33
+ <path d='M10.7341 4.94389L11.3742 4.31656M10.7485 3.6748L11.9998 4.95832' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M3.29733 5.01136L2.67458 4.36678M2.03174 4.99121L3.31743 3.74235' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M5 6.5L7 9' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
36
+ <path d='M6.92262 13.8718C4.20393 13.8718 2 11.6619 2 8.93592C2 6.20988 4.20393 4 6.92262 4C8.81506 4 10.4581 5.07076 11.282 6.64102' stroke='white' strokeLinecap='round' />
37
+ <path d='M9.5 12.5H12.5M9.5 11H12.5M9.5 9.5H12.5' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
38
+ <path d='M8 9V13C8 13.5523 8.44772 14 9 14H13C13.5523 14 14 13.5523 14 13V9C14 8.44772 13.5523 8 13 8H11H9C8.44772 8 8 8.44772 8 9Z' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
39
+ </svg>
40
+ )
41
+ break
42
+ case MEDIUM:
43
+ icon = (
44
+ <svg
45
+ width={24}
46
+ height={24}
47
+ viewBox='0 0 24 24'
48
+ fill='none'
49
+ xmlns='http://www.w3.org/2000/svg'
50
+ className={className}
51
+ >
52
+ <path d='M10.3836 5.69232V3M7.69849 3H13.0686' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
53
+ <path d='M16.1012 7.41535L17.0613 6.47436M16.1228 5.51172L17.9997 7.43699' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
54
+ <path d='M4.946 7.51656L4.01188 6.54968M3.04761 7.48633L4.97614 5.61304' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
55
+ <path d='M7.5 9.75L10.5 13.5' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
56
+ <path d='M10.3839 20.8077C6.3059 20.8077 3 17.4929 3 13.4039C3 9.31483 6.3059 6 10.3839 6C13.2226 6 15.6871 7.60614 16.9229 9.96153' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
57
+ <path d='M14.25 18.75H18.75M14.25 16.5H18.75M14.25 14.25H18.75' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
58
+ <path d='M12 13V20C12 20.5523 12.4477 21 13 21H20C20.5523 21 21 20.5523 21 20V13C21 12.4477 20.5523 12 20 12H16.5H13C12.4477 12 12 12.4477 12 13Z' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
59
+ </svg>
60
+ )
61
+ break
62
+ case LARGE:
63
+ icon = (
64
+ <svg
65
+ width={40}
66
+ height={40}
67
+ viewBox='0 0 40 40'
68
+ fill='none'
69
+ xmlns='http://www.w3.org/2000/svg'
70
+ className={className}
71
+ >
72
+ <path d='M17.3059 9.4872V5M12.8308 5H21.781' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
73
+ <path d='M26.8354 12.3583L28.4354 10.7899M26.8713 9.18555L29.9995 12.3943' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
74
+ <path d='M8.24333 12.5279L6.68646 10.9165M5.07935 12.4775L8.29357 9.35539' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
75
+ <path d='M12.5 16.25L17.5 22.5' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
76
+ <path d='M17.3066 34.6796C10.5098 34.6796 5 29.1549 5 22.3398C5 15.5247 10.5098 10 17.3066 10C22.0376 10 26.1452 12.6769 28.2049 16.6026' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
77
+ <path d='M23.75 31.25H31.25M23.75 27.5H31.25M23.75 23.75H31.25' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
78
+ <path d='M20 21V34C20 34.5523 20.4477 35 21 35H34C34.5523 35 35 34.5523 35 34V21C35 20.4477 34.5523 20 34 20H27.5H21C20.4477 20 20 20.4477 20 21Z' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
79
+ </svg>
80
+ )
81
+ break
82
+
83
+ default:
84
+ break
85
+ }
86
+ return icon
87
+ }
88
+
89
+ ScheduledJobsIcon.propTypes = {
90
+ /**
91
+ * color of text, icon and borders
92
+ */
93
+ color: PropTypes.oneOf(COLORS_ICON),
94
+ /**
95
+ * Size
96
+ */
97
+ size: PropTypes.oneOf(SIZES),
98
+ /**
99
+ * disabled
100
+ */
101
+ disabled: PropTypes.bool,
102
+ /**
103
+ * inactive
104
+ */
105
+ inactive: PropTypes.bool
106
+ }
107
+
108
+ export default ScheduledJobsIcon
package/src/components/icons/ScheduledJobsSuspendIcon.jsx ADDED
@@ -0,0 +1,108 @@
1
+ import * as React from 'react'
2
+ import PropTypes from 'prop-types'
3
+ import styles from './Icons.module.css'
4
+ import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
5
+
6
+ const ScheduledJobsSuspendIcon = ({
7
+ color = MAIN_DARK_BLUE,
8
+ size = MEDIUM,
9
+ disabled = false,
10
+ inactive = false
11
+ }) => {
12
+ let className = `${styles.svgClassName} ` + styles[`${color}`]
13
+ if (disabled) {
14
+ className += ` ${styles.iconDisabled}`
15
+ }
16
+ if (inactive) {
17
+ className += ` ${styles.iconInactive}`
18
+ }
19
+ let icon = <></>
20
+
21
+ switch (size) {
22
+ case SMALL:
23
+ icon = (
24
+ <svg
25
+ width={16}
26
+ height={16}
27
+ viewBox='0 0 16 16'
28
+ fill='none'
29
+ xmlns='http://www.w3.org/2000/svg'
30
+ className={className}
31
+ >
32
+ <path d='M5.79744 11.0001C3.70017 11.0001 2 9.29539 2 7.19246C2 5.08953 3.70017 3.38477 5.79744 3.38477C7.0807 3.38477 8.21529 4.02301 8.90271 5.00018L9.20135 5.50009' stroke='currentColor' strokeLinecap='round' />
33
+ <path d='M5.79739 3.38462V2M4.4165 2H7.17828' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M8.73792 4.271L9.23166 3.78706M8.74902 3.29199L9.71429 4.28213' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M3.00073 4.32316L2.52032 3.82592M2.02441 4.30762L3.01623 3.34422' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
36
+ <path d='M7.00592 5.46146L5.79758 7.53839' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' />
37
+ <path d='M14 10.5C14 12.433 12.433 14 10.5 14C8.567 14 7 12.433 7 10.5C7 8.567 8.567 7 10.5 7C12.433 7 14 8.567 14 10.5Z' stroke='currentColor' strokeLinejoin='round' />
38
+ <path d='M11.5 9.5H9.5V11.5H11.5V9.5Z' fill='currentColor' stroke='currentColor' strokeLinejoin='round' />
39
+ </svg>
40
+ )
41
+ break
42
+ case MEDIUM:
43
+ icon = (
44
+ <svg
45
+ width={24}
46
+ height={24}
47
+ viewBox='0 0 24 24'
48
+ fill='none'
49
+ xmlns='http://www.w3.org/2000/svg'
50
+ className={className}
51
+ >
52
+ <path d='M8.69616 16.5002C5.55026 16.5002 3 13.9431 3 10.7887C3 7.63429 5.55026 5.07715 8.69616 5.07715C10.621 5.07715 12.3229 6.03451 13.3541 7.50027L13.802 8.25014' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' />
53
+ <path d='M8.69609 5.07692V3M6.62476 3H10.7674' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
54
+ <path d='M13.1069 6.40601L13.8475 5.6801M13.1235 4.9375L14.5714 6.42271' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
55
+ <path d='M4.50109 6.48426L3.78048 5.73839M3.03662 6.46094L4.52434 5.01584' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
56
+ <path d='M10.5089 8.1917L8.69637 11.3071' stroke='currentColor' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
57
+ <path d='M21 15.75C21 18.6495 18.6495 21 15.75 21C12.8505 21 10.5 18.6495 10.5 15.75C10.5 12.8505 12.8505 10.5 15.75 10.5C18.6495 10.5 21 12.8505 21 15.75Z' stroke='currentColor' strokeWidth={1.5} strokeLinejoin='round' />
58
+ <path d='M17.25 14.25H14.25V17.25H17.25V14.25Z' fill='currentColor' stroke='currentColor' strokeWidth={1.5} strokeLinejoin='round' />
59
+ </svg>
60
+ )
61
+ break
62
+ case LARGE:
63
+ icon = (
64
+ <svg
65
+ width={40}
66
+ height={40}
67
+ viewBox='0 0 40 40'
68
+ fill='none'
69
+ xmlns='http://www.w3.org/2000/svg'
70
+ className={className}
71
+ >
72
+ <path d='M14.4936 27.5004C9.25043 27.5004 5 23.2385 5 17.9811C5 12.7238 9.25043 8.46191 14.4936 8.46191C17.7017 8.46191 20.5382 10.0575 22.2568 12.5005L23.0034 13.7502' stroke='currentColor' strokeWidth={2} strokeLinecap='round' />
73
+ <path d='M14.4935 8.46154V5M11.0413 5H17.9457' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
74
+ <path d='M21.8448 10.678L23.0791 9.46814M21.8726 8.23047L24.2857 10.7058' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
75
+ <path d='M7.50181 10.8084L6.3008 9.56528M5.06104 10.7695L7.54057 8.36103' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
76
+ <path d='M17.5148 13.6541L14.4939 18.8465' stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
77
+ <path d='M35 26.25C35 31.0825 31.0825 35 26.25 35C21.4175 35 17.5 31.0825 17.5 26.25C17.5 21.4175 21.4175 17.5 26.25 17.5C31.0825 17.5 35 21.4175 35 26.25Z' stroke='currentColor' strokeWidth={2} strokeLinejoin='round' />
78
+ <path d='M28.75 23.75H23.75V28.75H28.75V23.75Z' fill='currentColor' stroke='currentColor' strokeWidth={2} strokeLinejoin='round' />
79
+ </svg>
80
+ )
81
+ break
82
+
83
+ default:
84
+ break
85
+ }
86
+ return icon
87
+ }
88
+
89
+ ScheduledJobsSuspendIcon.propTypes = {
90
+ /**
91
+ * color of text, icon and borders
92
+ */
93
+ color: PropTypes.oneOf(COLORS_ICON),
94
+ /**
95
+ * Size
96
+ */
97
+ size: PropTypes.oneOf(SIZES),
98
+ /**
99
+ * disabled
100
+ */
101
+ disabled: PropTypes.bool,
102
+ /**
103
+ * inactive
104
+ */
105
+ inactive: PropTypes.bool
106
+ }
107
+
108
+ export default ScheduledJobsSuspendIcon
package/src/components/icons/index.js CHANGED
@@ -168,6 +168,10 @@ import ResourceIcon from './ResourceIcon'
168
168
  import RestartIcon from './RestartIcon'
169
169
  import RocketIcon from './RocketIcon'
170
170
  import RunningIcon from './RunningIcon'
171
+ import ScheduledJobsIcon from './ScheduledJobsIcon'
172
+ import ScheduledJobSettingsIcon from './ScheduledJobSettingsIcon'
173
+ import ScheduledJobsSuspendIcon from './ScheduledJobsSuspendIcon'
174
+ import ScheduledJobsDetailIcon from './ScheduledJobsDetailIcon'
171
175
  import ScalerDetailsIcon from './ScalerDetailsIcon'
172
176
  import ScalerHistoryIcon from './ScalerHistoryIcon'
173
177
  import SendIcon from './SendIcon'
@@ -266,11 +270,11 @@ export default {
266
270
  CircleCheckMarkButtonIcon,
267
271
  CircleCheckMarkIcon,
268
272
  CircleCheckMarkFullIcon,
269
- CircleExclamationIcon,
270
273
  CircleCopyPasteIcon,
271
274
  CircleCloseIcon,
272
275
  CircleCloseHoverIcon,
273
276
  CircleDownloadIcon,
277
+ CircleExclamationIcon,
274
278
  CircleEditIcon,
275
279
  CircleFullIcon,
276
280
  CircleGearIcon,
@@ -300,20 +304,20 @@ export default {
300
304
  DatabaseMigrationIcon,
301
305
  DepencenciesReloadIcon,
302
306
  DeploymentHistoryIcon,
303
- DownloadIcon,
304
307
  DocumentIcon,
308
+ DownloadIcon,
305
309
  EditDocumentIcon,
306
310
  EditIcon,
307
311
  EntrypointIcon,
308
- EyeClosedIcon,
309
- EyeOpenedIcon,
312
+ EnlargeIcon,
313
+ EntryIcon,
314
+ EnvVariableszIcon,
310
315
  ExpandIcon,
311
316
  ExpandSquareIcon,
312
317
  ExploreDocIcon,
313
318
  ExportIcon,
314
- EnlargeIcon,
315
- EntryIcon,
316
- EnvVariableszIcon,
319
+ EyeClosedIcon,
320
+ EyeOpenedIcon,
317
321
  FailureRateIcon,
318
322
  FolderIcon,
319
323
  FoldersIcon,
@@ -326,16 +330,16 @@ export default {
326
330
  GraphQLEditsIcon,
327
331
  HorizontalPodAutoscalerIcon,
328
332
  HourglassIcon,
333
+ K8SIcon,
334
+ K8SMetricsIcon,
335
+ KeyIcon,
329
336
  ImportAppIcon,
330
337
  ImportIcon,
331
- InfrastructureIcon,
332
338
  InfoCircleIcon,
339
+ InfrastructureIcon,
333
340
  IngressControllIcon,
334
341
  InternalLinkIcon,
335
342
  InternetIcon,
336
- K8SIcon,
337
- K8SMetricsIcon,
338
- KeyIcon,
339
343
  LabelIcon,
340
344
  LayersIcon,
341
345
  LensIcon,
@@ -350,29 +354,29 @@ export default {
350
354
  MissingTemplateIcon,
351
355
  NameAppIcon,
352
356
  NextJSIcon,
353
- NodeJSIcon,
354
357
  NodeJSMetricsIcon,
355
358
  NoActivitiesIcon,
356
359
  NoDeploymentsIcon,
360
+ NodeJSIcon,
357
361
  NoMetricsIcon,
358
362
  NoResultsIcon,
359
363
  NotCompliantServiceIcon,
360
364
  OpenAPIEditsIcon,
361
365
  OrganizationIcon,
366
+ OutOfBoxGraphQLIcon,
362
367
  OutdatedServiceIcon,
363
368
  OtherLogosGoogleIcon,
364
- OutOfBoxGraphQLIcon,
365
369
  PlatformaticComposerIcon,
366
370
  PlatformaticDBIcon,
367
371
  PlatformaticRuntimeIcon,
368
372
  PlatformaticServiceIcon,
369
373
  PlayIcon,
370
- PodPerformanceIcon,
371
374
  PodDetailsIcon,
372
375
  PodhealthIcon,
373
376
  PodLogsIcon,
374
377
  PodMetricsIcon,
375
378
  PodServicesIcon,
379
+ PodPerformanceIcon,
376
380
  PreviewPRIcon,
377
381
  PullRequestIcon,
378
382
  PullRequestLoadingIcon,
@@ -385,13 +389,15 @@ export default {
385
389
  RestartIcon,
386
390
  RocketIcon,
387
391
  RunningIcon,
392
+ ScheduledJobsIcon,
393
+ ScheduledJobSettingsIcon,
394
+ ScheduledJobsSuspendIcon,
395
+ ScheduledJobsDetailIcon,
388
396
  ScalerDetailsIcon,
389
397
  ScalerHistoryIcon,
390
398
  SendIcon,
391
399
  ServiceIcon,
392
400
  ServicesWorkingIcon,
393
- StopIcon,
394
- AppStoppedIcon,
395
401
  SlotIcon,
396
402
  SwitchIcon,
397
403
  SocialDiscordIcon,
@@ -404,16 +410,18 @@ export default {
404
410
  SortIcon,
405
411
  SortDownArrowAndBarIcon,
406
412
  SortDownIcon,
407
- SortUpIcon,
408
413
  SortUpArrowAndBarIcon,
414
+ SortUpIcon,
409
415
  StackablesIcon,
410
416
  StackablesPluginIcon,
411
417
  StackablesTemplateIcon,
418
+ StopIcon,
419
+ AppStoppedIcon,
412
420
  TableIcon,
413
421
  TaxonomyIcon,
414
422
  TerminalIcon,
415
- TeamsIcon,
416
423
  TwoUsersIcon,
424
+ TeamsIcon,
417
425
  TrashIcon,
418
426
  UpgradeIcon,
419
427
  UploadFileIcon,
@@ -423,8 +431,8 @@ export default {
423
431
  UserRoleIcon,
424
432
  WorkspaceDynamicIcon,
425
433
  WorkspaceEmptyIcon,
426
- WorkspaceFailIcon,
427
434
  WorkspaceGitHubIcon,
435
+ WorkspaceFailIcon,
428
436
  WorkspaceLoadingIcon,
429
437
  WorkspaceReadyIcon,
430
438
  WorkspaceStaticIcon,
package/src/stories/icons/Icons.stories.jsx CHANGED
@@ -5,7 +5,7 @@ import CircleCloseIcon from '../../components/icons/CircleCloseIcon'
5
5
  import WorkspaceStaticIcon from '../../components/icons/WorkspaceStaticIcon'
6
6
  import UpgradeIcon from '../../components/icons/UpgradeIcon'
7
7
  import WorkspaceDynamicIcon from '../../components/icons/WorkspaceDynamicIcon'
8
- import { COLORS_ICON, MAIN_GREEN, RICH_BLACK } from '../../components/constants'
8
+ import { COLORS_ICON, RICH_BLACK } from '../../components/constants'
9
9
  import icons from '../../components/icons/index.js'
10
10
 
11
11
  const divStyle = {
@@ -98,8 +98,8 @@ LargeIconsDefault.args = {}
98
98
 
99
99
  const AllSizesIcons = (Icon) => () => {
100
100
  const icons = ['small', 'medium', 'large'].map((size) => (
101
- <div key={size} className='antani' style={{ backgroundColor: RICH_BLACK }}>
102
- <Icon size={size} color={MAIN_GREEN} />
101
+ <div key={size} className='' style={{ backgroundColor: RICH_BLACK }}>
102
+ <Icon size={size} color={RICH_BLACK} />
103
103
  </div>
104
104
 
105
105
  ))
@@ -118,3 +118,6 @@ export const CollapseSquareIcons = AllSizesIcons(icons.CollapseSquareIcon).bind(
118
118
  export const ExpandSquareIcon = AllSizesIcons(icons.ExpandSquareIcon).bind({})
119
119
  export const EntrypointIcon = AllSizesIcons(icons.EntrypointIcon).bind({})
120
120
  export const AlertIcon = AllSizesIcons(icons.AlertIcon).bind({})
121
+ export const ScheduledJobSettingsIcons = AllSizesIcons(icons.ScheduledJobSettingsIcon).bind({})
122
+ export const ScheduledJobsSuspendIcons = AllSizesIcons(icons.ScheduledJobsSuspendIcon).bind({})
123
+ export const ScheduledJobsDetailIcons = AllSizesIcons(icons.ScheduledJobsDetailIcon).bind({})