@devtron-labs/devtron-fe-common-lib 0.0.59-beta-9 → 0.0.59-beta-11

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 (90) hide show
  1. package/dist/Common/Constants.d.ts +14 -1
  2. package/dist/Common/Hooks/index.d.ts +1 -0
  3. package/dist/Common/Hooks/useUrlFilters/constants.d.ts +8 -0
  4. package/dist/Common/Hooks/useUrlFilters/index.d.ts +2 -0
  5. package/dist/Common/Hooks/useUrlFilters/types.d.ts +6 -0
  6. package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts +32 -0
  7. package/dist/Common/SortableTableHeaderCell/SortableTableHeaderCell.d.ts +18 -0
  8. package/dist/Common/SortableTableHeaderCell/index.d.ts +2 -0
  9. package/dist/Common/SortableTableHeaderCell/types.d.ts +25 -0
  10. package/dist/Common/Types.d.ts +13 -1
  11. package/dist/Common/index.d.ts +1 -0
  12. package/dist/Pages/GlobalConfigurations/Authorization/constants.d.ts +15 -0
  13. package/dist/Pages/GlobalConfigurations/Authorization/index.d.ts +1 -0
  14. package/dist/Pages/GlobalConfigurations/index.d.ts +1 -1
  15. package/dist/Shared/Components/BulkSelection/constants.d.ts +1 -1
  16. package/dist/Shared/Components/index.d.ts +0 -2
  17. package/dist/Shared/index.d.ts +0 -2
  18. package/dist/index.js +271 -1051
  19. package/package.json +1 -1
  20. package/src/Assets/Icon/ic-arrow-up-down.svg +3 -0
  21. package/src/Assets/Icon/ic-close.svg +3 -0
  22. package/src/Assets/Icon/ic-sort-arrow-down.svg +3 -0
  23. package/src/Common/BreadCrumb/Types.ts +1 -0
  24. package/src/Common/Checkbox.tsx +0 -1
  25. package/src/Common/Constants.ts +18 -3
  26. package/src/Common/CustomInput/CustomInput.tsx +1 -2
  27. package/src/Common/DraggableWrapper/DraggableWrapper.tsx +1 -3
  28. package/src/Common/Hooks/index.ts +1 -0
  29. package/src/Common/Hooks/useUrlFilters/constants.ts +9 -0
  30. package/src/Common/Hooks/useUrlFilters/index.ts +2 -0
  31. package/src/Common/Hooks/useUrlFilters/types.ts +6 -0
  32. package/src/Common/Hooks/useUrlFilters/useUrlFilters.ts +121 -0
  33. package/src/Common/RJSF/utils.ts +0 -2
  34. package/src/Common/SearchBar/searchBar.scss +1 -1
  35. package/src/Common/SortableTableHeaderCell/SortableTableHeaderCell.tsx +44 -0
  36. package/src/Common/SortableTableHeaderCell/index.ts +2 -0
  37. package/src/Common/SortableTableHeaderCell/types.ts +26 -0
  38. package/src/Common/Types.ts +13 -1
  39. package/src/Common/index.ts +1 -0
  40. package/src/Pages/GlobalConfigurations/Authorization/constants.ts +16 -0
  41. package/src/Pages/GlobalConfigurations/Authorization/index.ts +1 -0
  42. package/src/Pages/GlobalConfigurations/index.ts +1 -1
  43. package/src/Shared/Components/BulkSelection/BulkSelection.tsx +2 -2
  44. package/src/Shared/Components/BulkSelection/constants.tsx +1 -1
  45. package/src/Shared/Components/index.ts +0 -2
  46. package/src/Shared/index.ts +0 -2
  47. package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraConfigForm.d.ts +0 -4
  48. package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraDescriptionField.d.ts +0 -4
  49. package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormAction.d.ts +0 -7
  50. package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormItem.d.ts +0 -4
  51. package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraProfileNameField.d.ts +0 -4
  52. package/dist/Pages/GlobalConfigurations/BuildInfra/Descriptor.d.ts +0 -4
  53. package/dist/Pages/GlobalConfigurations/BuildInfra/Footer.d.ts +0 -4
  54. package/dist/Pages/GlobalConfigurations/BuildInfra/constants.d.ts +0 -50
  55. package/dist/Pages/GlobalConfigurations/BuildInfra/index.d.ts +0 -7
  56. package/dist/Pages/GlobalConfigurations/BuildInfra/services.d.ts +0 -6
  57. package/dist/Pages/GlobalConfigurations/BuildInfra/types.d.ts +0 -286
  58. package/dist/Pages/GlobalConfigurations/BuildInfra/utils.d.ts +0 -12
  59. package/dist/Shared/Components/APIResponseHandler/APIResponseHandler.d.ts +0 -4
  60. package/dist/Shared/Components/APIResponseHandler/constants.d.ts +0 -4
  61. package/dist/Shared/Components/APIResponseHandler/index.d.ts +0 -2
  62. package/dist/Shared/Components/APIResponseHandler/types.d.ts +0 -37
  63. package/dist/Shared/Components/ReactSelect/index.d.ts +0 -1
  64. package/dist/Shared/Components/ReactSelect/utils.d.ts +0 -12
  65. package/dist/Shared/Helpers.d.ts +0 -16
  66. package/dist/Shared/validations.d.ts +0 -8
  67. package/src/Assets/Icon/ic-cpu.svg +0 -4
  68. package/src/Assets/Icon/ic-memory.svg +0 -3
  69. package/src/Assets/Icon/ic-timer.svg +0 -3
  70. package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraConfigForm.tsx +0 -128
  71. package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraDescriptionField.tsx +0 -44
  72. package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormAction.tsx +0 -106
  73. package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormItem.tsx +0 -55
  74. package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraProfileNameField.tsx +0 -32
  75. package/src/Pages/GlobalConfigurations/BuildInfra/Descriptor.tsx +0 -45
  76. package/src/Pages/GlobalConfigurations/BuildInfra/Footer.tsx +0 -55
  77. package/src/Pages/GlobalConfigurations/BuildInfra/Readme.md +0 -4
  78. package/src/Pages/GlobalConfigurations/BuildInfra/constants.tsx +0 -139
  79. package/src/Pages/GlobalConfigurations/BuildInfra/index.ts +0 -7
  80. package/src/Pages/GlobalConfigurations/BuildInfra/services.tsx +0 -167
  81. package/src/Pages/GlobalConfigurations/BuildInfra/types.tsx +0 -339
  82. package/src/Pages/GlobalConfigurations/BuildInfra/utils.tsx +0 -509
  83. package/src/Shared/Components/APIResponseHandler/APIResponseHandler.tsx +0 -41
  84. package/src/Shared/Components/APIResponseHandler/constants.tsx +0 -5
  85. package/src/Shared/Components/APIResponseHandler/index.ts +0 -2
  86. package/src/Shared/Components/APIResponseHandler/types.tsx +0 -39
  87. package/src/Shared/Components/ReactSelect/index.ts +0 -1
  88. package/src/Shared/Components/ReactSelect/utils.tsx +0 -97
  89. package/src/Shared/Helpers.tsx +0 -29
  90. package/src/Shared/validations.tsx +0 -130
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devtron-labs/devtron-fe-common-lib",
3
- "version": "0.0.59-beta-9",
3
+ "version": "0.0.59-beta-11",
4
4
  "description": "Supporting common component library",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
2
+ <path d="M4.125 8.5L6 10.75L7.875 8.5M4.125 3.5L6 1.25L7.875 3.5" stroke="#3B444C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.33335 1.66699L1.66669 8.33366M8.33335 8.33366L1.66669 1.66699" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3.5 7.50009L6.00004 10.0001M6.00004 10.0001L8.5 7.50054M6.00004 10.0001V2" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -1,3 +1,4 @@
1
+
1
2
  export interface Breadcrumb {
2
3
  to: string
3
4
  name: string
@@ -10,7 +10,6 @@ Valid States of Checkbox:
10
10
  5. disabled: false, checked: true, value: INTERMIDIATE
11
11
  6. disabled: false, checked: true, value: CHECKED
12
12
  */
13
- // TODO: Associate label with input element
14
13
  export class Checkbox extends Component<CheckboxProps> {
15
14
  render() {
16
15
  let rootClassName = `${this.props.rootClassName ? this.props.rootClassName : ''}`
@@ -25,8 +25,7 @@ export const ROUTES = {
25
25
  USER_CHECK_ROLE: 'user/check/roles',
26
26
  IMAGE_TAGGING:'app/image-tagging',
27
27
  CD_MATERIAL_GET: 'app/cd-pipeline',
28
- DEPLOYMENT_TEMPLATE_LIST: 'app/template/list',
29
- INFRA_CONFIG_PROFILE: 'infra-config/profile',
28
+ DEPLOYMENT_TEMPLATE_LIST: 'app/template/list'
30
29
  }
31
30
 
32
31
  export enum KEY_VALUE {
@@ -252,4 +251,20 @@ export const MAX_Z_INDEX = 2147483647
252
251
  export const SELECTED_APPROVAL_TAB_STATE = {
253
252
  APPROVAL: 'approval',
254
253
  PENDING: 'pending',
255
- }
254
+ }
255
+
256
+ export enum SortingOrder {
257
+ /**
258
+ * Ascending order
259
+ */
260
+ ASC = 'ASC',
261
+ /**
262
+ * Descending order
263
+ */
264
+ DESC = 'DESC',
265
+ }
266
+
267
+ /**
268
+ * Base page size for pagination
269
+ */
270
+ export const DEFAULT_BASE_PAGE_SIZE = 20
@@ -2,7 +2,6 @@ import { CustomInputProps } from './Types'
2
2
  import { ReactComponent as Info } from '../../Assets/Icon/ic-info-filled.svg'
3
3
  import { ReactComponent as ErrorIcon } from '../../Assets/Icon/ic-warning.svg'
4
4
 
5
- // TODO: label association with input
6
5
  export function CustomInput({
7
6
  name,
8
7
  value,
@@ -14,7 +13,7 @@ export function CustomInput({
14
13
  disabled = false,
15
14
  labelClassName = '',
16
15
  placeholder = '',
17
- tabIndex = 0,
16
+ tabIndex = 1,
18
17
  dataTestid = '',
19
18
  isRequiredField = false,
20
19
  autoFocus = false,
@@ -94,9 +94,8 @@ export default function DraggableWrapper({
94
94
  }
95
95
 
96
96
  return (
97
- // Since we are using position fixed so we need to disable click on the div so that it does not interfere with the click of other elements
98
97
  <div
99
- className="dc__position-fixed dc__disable-click"
98
+ className="dc__position-fixed"
100
99
  style={{
101
100
  zIndex,
102
101
  }}
@@ -107,7 +106,6 @@ export default function DraggableWrapper({
107
106
  {...childDivProps}
108
107
  style={{
109
108
  zIndex,
110
- pointerEvents: 'auto',
111
109
  }}
112
110
  >
113
111
  {children}
@@ -1,3 +1,4 @@
1
1
  export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin'
2
2
  export { useClickOutside } from './UseClickOutside/UseClickOutside'
3
3
  export { useWindowSize } from './UseWindowSize/UseWindowSize'
4
+ export * from './useUrlFilters'
@@ -0,0 +1,9 @@
1
+ export const DEFAULT_PAGE_NUMBER = 1
2
+
3
+ export const URL_FILTER_KEYS = {
4
+ PAGE_SIZE: 'pageSize',
5
+ PAGE_NUMBER: 'pageNumber',
6
+ SEARCH_KEY: 'searchKey',
7
+ SORT_BY: 'sortBy',
8
+ SORT_ORDER: 'sortOrder',
9
+ } as const
@@ -0,0 +1,2 @@
1
+ export { default as useUrlFilters } from './useUrlFilters'
2
+ export type { UseUrlFiltersProps } from './types'
@@ -0,0 +1,6 @@
1
+ export interface UseUrlFiltersProps<T> {
2
+ /**
3
+ * The key on which the sorting should be applied
4
+ */
5
+ initialSortKey?: T
6
+ }
@@ -0,0 +1,121 @@
1
+ import { useMemo } from 'react'
2
+ import { useHistory, useLocation } from 'react-router-dom'
3
+ import { DEFAULT_BASE_PAGE_SIZE, SortingOrder } from '../../Constants'
4
+ import { DEFAULT_PAGE_NUMBER, URL_FILTER_KEYS } from './constants'
5
+ import { UseUrlFiltersProps } from './types'
6
+
7
+ const { PAGE_SIZE, PAGE_NUMBER, SEARCH_KEY, SORT_BY, SORT_ORDER } = URL_FILTER_KEYS
8
+
9
+ /**
10
+ * Generic hook for implementing URL based filters.
11
+ * eg: pagination, search, sort.
12
+ *
13
+ * The exposed handlers can be consumed directly without the need for explicit state management
14
+ *
15
+ * @example Default Usage:
16
+ * ```tsx
17
+ * const { pageSize, changePage, ...rest } = useUrlFilters()
18
+ * ```
19
+ *
20
+ * @example Usage with custom type for sort keys and initial sort key:
21
+ * ```tsx
22
+ * const { sortBy, sortOrder } = useUrlFilters<'email' | 'name'>({ initialSortKey: 'email' })
23
+ * ```
24
+ *
25
+ */
26
+ const useUrlFilters = <T = string>({ initialSortKey }: UseUrlFiltersProps<T> = {}) => {
27
+ const location = useLocation()
28
+ const history = useHistory()
29
+ const searchParams = new URLSearchParams(location.search)
30
+
31
+ const { pageSize, pageNumber, searchKey, sortBy, sortOrder } = useMemo(() => {
32
+ const _pageSize = searchParams.get(PAGE_SIZE)
33
+ const _pageNumber = searchParams.get(PAGE_NUMBER)
34
+ const _searchKey = searchParams.get(SEARCH_KEY)
35
+ const _sortOrder = searchParams.get(SORT_ORDER) as SortingOrder
36
+ const _sortBy = searchParams.get(SORT_BY)
37
+
38
+ const sortByKey = (_sortBy || initialSortKey || '') as T
39
+ // Fallback to ascending order
40
+ const sortByOrder = Object.values(SortingOrder).includes(_sortOrder) ? _sortOrder : SortingOrder.ASC
41
+
42
+ return {
43
+ pageSize: Number(_pageSize) || DEFAULT_BASE_PAGE_SIZE,
44
+ pageNumber: Number(_pageNumber) || DEFAULT_PAGE_NUMBER,
45
+ searchKey: _searchKey || '',
46
+ sortBy: sortByKey,
47
+ // sort order should only be applied if the key is available
48
+ sortOrder: (sortByKey ? sortByOrder : '') as SortingOrder,
49
+ }
50
+ }, [searchParams])
51
+
52
+ /**
53
+ * Used for getting the required result from the API
54
+ */
55
+ const offset = pageSize * (pageNumber - 1)
56
+
57
+ /**
58
+ * Update and replace the search params in the URL.
59
+ *
60
+ * Note: Currently only primitive data types are supported
61
+ */
62
+ const _updateSearchParam = (key: string, value) => {
63
+ searchParams.set(key, String(value))
64
+ history.replace({ search: searchParams.toString() })
65
+ }
66
+
67
+ const _resetPageNumber = () => {
68
+ _updateSearchParam(PAGE_NUMBER, DEFAULT_PAGE_NUMBER)
69
+ }
70
+
71
+ const changePage = (page: number) => {
72
+ _updateSearchParam(PAGE_NUMBER, page)
73
+ }
74
+
75
+ const changePageSize = (_pageSize: number) => {
76
+ _updateSearchParam(PAGE_SIZE, _pageSize)
77
+ _resetPageNumber()
78
+ }
79
+
80
+ const handleSearch = (searchTerm: string) => {
81
+ _updateSearchParam(SEARCH_KEY, searchTerm)
82
+ _resetPageNumber()
83
+ }
84
+
85
+ const handleSorting = (_sortBy: T) => {
86
+ let order: SortingOrder
87
+ if (_sortBy === sortBy && sortOrder === SortingOrder.ASC) {
88
+ order = SortingOrder.DESC
89
+ } else {
90
+ order = SortingOrder.ASC
91
+ }
92
+
93
+ _updateSearchParam(SORT_BY, _sortBy)
94
+ _updateSearchParam(SORT_ORDER, order)
95
+
96
+ // Reset page number on sorting change
97
+ _resetPageNumber()
98
+ }
99
+
100
+ const clearFilters = () => {
101
+ Object.values(URL_FILTER_KEYS).forEach((key) => {
102
+ searchParams.delete(key)
103
+ })
104
+ history.replace({ search: searchParams.toString() })
105
+ }
106
+
107
+ return {
108
+ pageSize,
109
+ changePage,
110
+ changePageSize,
111
+ searchKey,
112
+ handleSearch,
113
+ offset,
114
+ sortBy,
115
+ sortOrder,
116
+ handleSorting,
117
+ clearFilters,
118
+ }
119
+ }
120
+
121
+ export default useUrlFilters
@@ -19,7 +19,6 @@ export const getCommonSelectStyle = (styleOverrides = {}) => {
19
19
  ...base,
20
20
  paddingTop: 0,
21
21
  paddingBottom: 0,
22
- cursor: 'pointer',
23
22
  }),
24
23
  control: (base, state) => ({
25
24
  ...base,
@@ -34,7 +33,6 @@ export const getCommonSelectStyle = (styleOverrides = {}) => {
34
33
  color: 'var(--N900)',
35
34
  backgroundColor: state.isFocused ? 'var(--N100)' : 'white',
36
35
  padding: '10px 12px',
37
- cursor: 'pointer',
38
36
  }),
39
37
  dropdownIndicator: (base, state) => ({
40
38
  ...base,
@@ -3,7 +3,7 @@
3
3
  &:focus,
4
4
  &:focus-within {
5
5
  outline: none;
6
- border: solid 1px var(--B500) !important;
6
+ border: solid 1px var(--B500);
7
7
  }
8
8
 
9
9
  &__input {
@@ -0,0 +1,44 @@
1
+ import { ReactComponent as SortIcon } from '../../Assets/Icon/ic-arrow-up-down.svg'
2
+ import { ReactComponent as SortArrowDown } from '../../Assets/Icon/ic-sort-arrow-down.svg'
3
+ import { SortingOrder } from '../Constants'
4
+ import { SortableTableHeaderCellProps } from './types'
5
+
6
+ /**
7
+ * Reusable component for the table header cell with support for sorting icons
8
+ *
9
+ * @example Usage
10
+ * ```tsx
11
+ * <SortableTableHeaderCell
12
+ * isSorted={currentSortedCell === 'cell'}
13
+ * triggerSorting={() => {}}
14
+ * sortOrder={SortingOrder.ASC}
15
+ * title="Header Cell"
16
+ * disabled={isDisabled}
17
+ * />
18
+ * ```
19
+ */
20
+ const SortableTableHeaderCell = ({
21
+ isSorted,
22
+ triggerSorting,
23
+ sortOrder,
24
+ title,
25
+ disabled,
26
+ }: SortableTableHeaderCellProps) => (
27
+ <button
28
+ type="button"
29
+ className="dc__transparent p-0 bcn-0 cn-7 flex dc__content-start dc__gap-4 cursor"
30
+ onClick={triggerSorting}
31
+ disabled={disabled}
32
+ >
33
+ <span className="dc__uppercase dc__ellipsis-right">{title}</span>
34
+ {isSorted ? (
35
+ <SortArrowDown
36
+ className={`icon-dim-12 mw-12 scn-7 ${sortOrder === SortingOrder.DESC ? 'dc__flip-180' : ''}`}
37
+ />
38
+ ) : (
39
+ <SortIcon className="icon-dim-12 mw-12 scn-7" />
40
+ )}
41
+ </button>
42
+ )
43
+
44
+ export default SortableTableHeaderCell
@@ -0,0 +1,2 @@
1
+ export { default as SortableTableHeaderCell } from './SortableTableHeaderCell'
2
+ export type { SortableTableHeaderCellProps } from './types'
@@ -0,0 +1,26 @@
1
+ import { SortingOrder } from '../Constants'
2
+
3
+ export interface SortableTableHeaderCellProps {
4
+ /**
5
+ * If true, the cell is sorted
6
+ */
7
+ isSorted: boolean
8
+ /**
9
+ * Callback for handling the sorting of the cell
10
+ */
11
+ triggerSorting: () => void
12
+ /**
13
+ * Current sort order
14
+ *
15
+ * Note: On click, the sort order should be updated as required
16
+ */
17
+ sortOrder: SortingOrder
18
+ /**
19
+ * Label for the cell
20
+ */
21
+ title: string
22
+ /**
23
+ * If true, the cell is disabled
24
+ */
25
+ disabled: boolean
26
+ }
@@ -1,7 +1,7 @@
1
1
  import React, { ReactNode, CSSProperties } from 'react'
2
2
  import { Placement } from 'tippy.js'
3
3
  import { ImageComment, ReleaseTag } from './ImageTags.Types'
4
- import { DockerConfigOverrideType, TaskErrorObj } from '.'
4
+ import { DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.'
5
5
 
6
6
  /**
7
7
  * Generic response type object with support for overriding the result type
@@ -764,3 +764,15 @@ export interface EdgeNodeType {
764
764
  export interface EdgeEndNodeType extends EdgeNodeType {
765
765
  userApprovalConfig?: UserApprovalConfigType
766
766
  }
767
+
768
+ /**
769
+ * Search params for sorting configuration
770
+ *
771
+ * Note: Either both sortOrder and sortBy are required or none
772
+ */
773
+ export type SortingParams<T = string> =
774
+ | {
775
+ sortOrder: SortingOrder
776
+ sortBy: T
777
+ }
778
+ | { sortOrder?: never; sortBy?: never }
@@ -27,6 +27,7 @@ export * from './Checkbox'
27
27
  export { default as EmptyState } from './EmptyState/EmptyState'
28
28
  export { default as GenericEmptyState } from './EmptyState/GenericEmptyState'
29
29
  export * from './SearchBar'
30
+ export * from './SortableTableHeaderCell'
30
31
  export { default as Toggle } from './Toggle/Toggle'
31
32
  export { default as ScanVulnerabilitiesTable } from './Security/ScanVulnerabilitiesTable'
32
33
  export { default as StyledRadioGroup } from './RadioGroup/RadioGroup'
@@ -0,0 +1,16 @@
1
+ /**
2
+ * User Status received from the API
3
+ */
4
+ export enum UserStatusDto {
5
+ active = 'active',
6
+ inactive = 'inactive',
7
+ }
8
+
9
+ /**
10
+ * User status for the frontend
11
+ */
12
+ export enum UserStatus {
13
+ active = 'active',
14
+ inactive = 'inactive',
15
+ temporary = 'temporary',
16
+ }
@@ -0,0 +1 @@
1
+ export * from './constants'
@@ -1 +1 @@
1
- export * from './BuildInfra'
1
+ export * from './Authorization'
@@ -5,7 +5,7 @@ import { BULK_DROPDOWN_TEST_ID, BulkSelectionOptionsLabels } from './constants'
5
5
  import { ReactComponent as ICChevronDown } from '../../../Assets/Icon/ic-chevron-down.svg'
6
6
  import { ReactComponent as ICCheckSquare } from '../../../Assets/Icon/ic-check-square.svg'
7
7
  import { ReactComponent as ICCheckAll } from '../../../Assets/Icon/ic-check-all.svg'
8
- import { ReactComponent as ICCross } from '../../../Assets/Icon/ic-cross.svg'
8
+ import { ReactComponent as ICClose } from '../../../Assets/Icon/ic-close.svg'
9
9
 
10
10
  const BulkSelection = <T,>({
11
11
  checkboxValue,
@@ -38,7 +38,7 @@ const BulkSelection = <T,>({
38
38
  locator: BulkSelectionEvents.CLEAR_ALL_SELECTIONS,
39
39
  label: BulkSelectionOptionsLabels[BulkSelectionEvents.CLEAR_ALL_SELECTIONS],
40
40
  isSelected: false,
41
- icon: ICCross,
41
+ icon: ICClose,
42
42
  },
43
43
  ]
44
44
  : []),
@@ -4,7 +4,7 @@ export const BULK_DROPDOWN_TEST_ID = 'bulk-selection-pop-up-menu' as const
4
4
  export const BulkSelectionOptionsLabels = {
5
5
  [BulkSelectionEvents.SELECT_ALL_ON_PAGE]: 'All on this page',
6
6
  [BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES]: 'All across pages',
7
- [BulkSelectionEvents.CLEAR_ALL_SELECTIONS]: 'Clear all selections',
7
+ [BulkSelectionEvents.CLEAR_ALL_SELECTIONS]: 'Clear selection',
8
8
  } as const
9
9
 
10
10
  // Considering application can not be named as *
@@ -1,3 +1 @@
1
- export * from './APIResponseHandler'
2
- export * from './ReactSelect'
3
1
  export * from './BulkSelection'
@@ -1,3 +1 @@
1
1
  export * from './Components'
2
- export * from './validations'
3
- export * from './Helpers'
@@ -1,4 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { BuildInfraConfigFormProps } from './types';
3
- declare const BuildInfraConfigForm: FunctionComponent<BuildInfraConfigFormProps>;
4
- export default BuildInfraConfigForm;
@@ -1,4 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { BuildInfraInputFieldComponentProps } from './types';
3
- declare const BuildInfraProfileDescriptionField: FunctionComponent<BuildInfraInputFieldComponentProps>;
4
- export default BuildInfraProfileDescriptionField;
@@ -1,7 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { BuildInfraFormActionProps } from './types';
3
- /**
4
- * In case need arise for variants break this CustomInput and Select as a separate component
5
- */
6
- declare const BuildInfraFormAction: FunctionComponent<BuildInfraFormActionProps>;
7
- export default BuildInfraFormAction;
@@ -1,4 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { BuildInfraFormItemProps } from './types';
3
- declare const BuildInfraFormItem: FunctionComponent<BuildInfraFormItemProps>;
4
- export default BuildInfraFormItem;
@@ -1,4 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { BuildInfraInputFieldComponentProps } from './types';
3
- declare const BuildInfraProfileNameField: FunctionComponent<BuildInfraInputFieldComponentProps>;
4
- export default BuildInfraProfileNameField;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { DescriptorProps } from './types';
3
- declare const Descriptor: ({ additionalContainerClasses, breadCrumbs, children, tippyInfoText, tippyAdditionalContent, }: DescriptorProps) => JSX.Element;
4
- export default Descriptor;
@@ -1,4 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { FooterProps } from './types';
3
- declare const Footer: FunctionComponent<FooterProps>;
4
- export default Footer;
@@ -1,50 +0,0 @@
1
- import { UseBreadcrumbProps } from '../../../Common/BreadCrumb/Types';
2
- import { BuildInfraFormFieldType, BuildInfraMetaConfigTypes, ProfileInputErrorType, BuildInfraProfileBase, HandleProfileInputChangeType } from './types';
3
- export declare const BUILD_INFRA_INPUT_CONSTRAINTS: {
4
- readonly STEP: "any";
5
- readonly MIN: 0;
6
- readonly DECIMAL_PLACES: 2;
7
- };
8
- export declare const BUILD_INFRA_TEXT: {
9
- readonly HEADING: "Build Infra Configuration";
10
- readonly EDIT_SUBMIT: "Save changes";
11
- readonly SAVE_SUBMIT: "Save";
12
- readonly EDIT_CANCEL: "Cancel";
13
- readonly EDIT_DEFAULT_TOOLTIP: "Efficiently control infrastructure settings such as CPU, Memory, and Build timeout for your build pipelines. Streamline resource management to optimise build time and cost effortlessly.";
14
- readonly DESCRIPTION_LABEL: "Description";
15
- readonly DESCRIPTION_PLACEHOLDER: "Enter a description here";
16
- readonly PROFILE_LABEL: "Profile name";
17
- readonly PROFILE_PLACEHOLDER: "Eg. java or node";
18
- readonly INHERITING_HEADING_DESCRIPTION: "Inheriting from default";
19
- readonly SUBMIT_BUTTON_TIPPY: {
20
- readonly INVALID_INPUT: "Valid input is required for all mandatory fields.";
21
- readonly REQUEST_IN_PROGRESS: "Request in progress.";
22
- };
23
- readonly VALIDATE_REQUEST_LIMIT: {
24
- readonly REQUEST_LESS_THAN_LIMIT: "Request should be less than or equal to limit.";
25
- readonly CAN_NOT_COMPUTE: "Request and limit value diff are too high to validate.";
26
- readonly REQUEST_DECIMAL_PLACES: "Request should be upto 2 decimal places.";
27
- readonly LIMIT_DECIMAL_PLACES: "Limit should be upto 2 decimal places.";
28
- };
29
- readonly getInvalidActionMessage: (action: HandleProfileInputChangeType['action']) => string;
30
- readonly getSubmitSuccessMessage: (profileName: string, isEdited: boolean) => string;
31
- readonly PROFILE_NOT_FOUND: {
32
- readonly title: "Profile not found";
33
- readonly subTitle: "The profile you are looking for does not exist.";
34
- };
35
- readonly INVALID_FORM_MESSAGE: "Valid input is required for all mandatory fields.";
36
- };
37
- export declare const BUILD_INFRA_BREADCRUMB: UseBreadcrumbProps;
38
- export declare const BUILD_INFRA_FORM_FIELDS: BuildInfraFormFieldType[];
39
- export declare const PROFILE_INPUT_ERROR_FIELDS: ProfileInputErrorType;
40
- export declare const CREATE_MODE_REQUIRED_INPUT_FIELDS: BuildInfraMetaConfigTypes[];
41
- export declare const DEFAULT_PROFILE_NAME: "default";
42
- export declare const CREATE_PROFILE_BASE_VALUE: BuildInfraProfileBase;
43
- export declare const CREATE_VIEW_CHECKED_CONFIGS: {
44
- readonly cpu_request: true;
45
- readonly cpu_limit: true;
46
- };
47
- export declare const BUILD_INFRA_TEST_IDS: {
48
- readonly SUBMIT_BUTTON: "build-infra-submit-button";
49
- readonly CANCEL_BUTTON: "build-infra-cancel-button";
50
- };
@@ -1,7 +0,0 @@
1
- export { default as BuildInfraDescriptor } from './Descriptor';
2
- export { default as BuildInfraFooter } from './Footer';
3
- export { default as BuildInfraConfigForm } from './BuildInfraConfigForm';
4
- export * from './services';
5
- export * from './utils';
6
- export * from './types';
7
- export * from './constants';
@@ -1,6 +0,0 @@
1
- import { ResponseType } from '../../../Common';
2
- import { BuildInfraProfileResponseType, BuildInfraProfileTransformerType, CreateBuildInfraProfileType, GetBuildInfraProfileType, UpdateBuildInfraProfileType } from './types';
3
- export declare const getTransformedBuildInfraProfileResponse: ({ configurationUnits, defaultConfigurations, profile, fromCreateView, }: BuildInfraProfileTransformerType) => BuildInfraProfileResponseType;
4
- export declare const getBuildInfraProfileByName: ({ name, fromCreateView, }: GetBuildInfraProfileType) => Promise<BuildInfraProfileResponseType>;
5
- export declare const updateBuildInfraProfile: ({ name, profileInput }: UpdateBuildInfraProfileType) => Promise<ResponseType<any>>;
6
- export declare const createBuildInfraProfile: ({ profileInput }: CreateBuildInfraProfileType) => Promise<ResponseType<any>>;