@devtron-labs/devtron-fe-common-lib 0.0.7-beta-22 → 0.0.7-beta-24
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.
- package/dist/Common/CustomTagSelector/ResizableTagTextArea.d.ts +1 -1
- package/dist/Common/CustomTagSelector/Types.d.ts +1 -0
- package/dist/Common/Dialogs/Types.d.ts +1 -0
- package/dist/Common/PopupMenu.d.ts +2 -2
- package/dist/Common/Types.d.ts +4 -0
- package/dist/index.js +27 -27
- package/package.json +1 -1
- package/src/Common/Checkbox.tsx +1 -0
- package/src/Common/CustomTagSelector/ResizableTagTextArea.tsx +2 -0
- package/src/Common/CustomTagSelector/TagDetails.tsx +2 -1
- package/src/Common/CustomTagSelector/TagLabelSelect.tsx +2 -2
- package/src/Common/CustomTagSelector/TagLabelValueSelector.tsx +3 -1
- package/src/Common/CustomTagSelector/Types.ts +1 -0
- package/src/Common/Dialogs/DeleteDialog.tsx +2 -2
- package/src/Common/Dialogs/Types.ts +1 -0
- package/src/Common/EmptyState/GenericEmptyState.tsx +2 -1
- package/src/Common/ErrorScreenNotFound.tsx +1 -1
- package/src/Common/InfoColorBar/InfoColourbar.tsx +3 -1
- package/src/Common/Modals/Modal.tsx +1 -0
- package/src/Common/Modals/OpaqueModal.tsx +1 -1
- package/src/Common/Modals/VisibleModal.tsx +1 -1
- package/src/Common/Modals/VisibleModal2.tsx +1 -1
- package/src/Common/PopupMenu.tsx +5 -1
- package/src/Common/Progressing.tsx +1 -1
- package/src/Common/RadioGroup.tsx +2 -1
- package/src/Common/Reload.tsx +1 -1
- package/src/Common/Types.ts +4 -0
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ResizableTagTextAreaProps } from './Types';
|
|
3
|
-
export declare function ResizableTagTextArea({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, }: ResizableTagTextAreaProps): JSX.Element;
|
|
3
|
+
export declare function ResizableTagTextArea({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, }: ResizableTagTextAreaProps): JSX.Element;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
|
|
3
3
|
declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
|
|
4
4
|
declare namespace PopupMenu {
|
|
5
|
-
var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, }: PopupMenuButtonType) => JSX.Element;
|
|
6
|
-
var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop }: PopupMenuBodyType) => JSX.Element;
|
|
5
|
+
var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId }: PopupMenuButtonType) => JSX.Element;
|
|
6
|
+
var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, dataTestId }: PopupMenuBodyType) => JSX.Element;
|
|
7
7
|
}
|
|
8
8
|
export default PopupMenu;
|
package/dist/Common/Types.d.ts
CHANGED
|
@@ -40,6 +40,7 @@ export interface CheckboxProps {
|
|
|
40
40
|
rootClassName?: string;
|
|
41
41
|
onClick?: (event: any) => void;
|
|
42
42
|
id?: string;
|
|
43
|
+
dataTestId?: string;
|
|
43
44
|
}
|
|
44
45
|
export interface TippyCustomizedProps {
|
|
45
46
|
theme: TippyTheme;
|
|
@@ -105,6 +106,7 @@ export interface ReloadType {
|
|
|
105
106
|
}
|
|
106
107
|
export interface RadioGroupItemProps {
|
|
107
108
|
value: string;
|
|
109
|
+
dataTestId: string;
|
|
108
110
|
}
|
|
109
111
|
export interface RadioGroupProps {
|
|
110
112
|
value: string;
|
|
@@ -135,6 +137,7 @@ export interface PopupMenuButtonType {
|
|
|
135
137
|
tabIndex?: number;
|
|
136
138
|
onHover?: boolean;
|
|
137
139
|
isKebab?: boolean;
|
|
140
|
+
dataTestId?: string;
|
|
138
141
|
}
|
|
139
142
|
export interface PopupMenuBodyType {
|
|
140
143
|
children?: ReactNode;
|
|
@@ -143,6 +146,7 @@ export interface PopupMenuBodyType {
|
|
|
143
146
|
autoWidth?: boolean;
|
|
144
147
|
preventWheelDisable?: boolean;
|
|
145
148
|
noBackDrop?: boolean;
|
|
149
|
+
dataTestId?: string;
|
|
146
150
|
}
|
|
147
151
|
export interface ModalType {
|
|
148
152
|
style?: React.CSSProperties;
|
package/dist/index.js
CHANGED
|
@@ -1951,7 +1951,7 @@ function Reload(_a) {
|
|
|
1951
1951
|
function refresh(e) {
|
|
1952
1952
|
window.location.reload();
|
|
1953
1953
|
}
|
|
1954
|
-
return (jsxRuntime.jsx("article", __assign({ className: "flex w-100 h-100 ".concat(className) }, { children: jsxRuntime.jsxs("div", __assign({ className: "flex column w-250 dc__align-center" }, { children: [jsxRuntime.jsx("img", { src: loadingFailure, style: { height: 'auto' }, className: "w-100 mb-12", alt: "load-error" }), jsxRuntime.jsx("h3", __assign({ className: "title dc__bold" }, { children: "Failed to load" })), jsxRuntime.jsx("div", __assign({ className: "dc__empty__subtitle mb-20" }, { children: "We could not load this page. Please give us another try." })), jsxRuntime.jsx("button", __assign({ type: "button", className: "cta ghosted", onClick: typeof reload === 'function' ? reload : refresh }, { children: "Retry" }))] })) })));
|
|
1954
|
+
return (jsxRuntime.jsx("article", __assign({ className: "flex w-100 h-100 ".concat(className) }, { children: jsxRuntime.jsxs("div", __assign({ className: "flex column w-250 dc__align-center", "data-testid": "reload" }, { children: [jsxRuntime.jsx("img", { src: loadingFailure, style: { height: 'auto' }, className: "w-100 mb-12", alt: "load-error" }), jsxRuntime.jsx("h3", __assign({ className: "title dc__bold" }, { children: "Failed to load" })), jsxRuntime.jsx("div", __assign({ className: "dc__empty__subtitle mb-20" }, { children: "We could not load this page. Please give us another try." })), jsxRuntime.jsx("button", __assign({ type: "button", className: "cta ghosted", onClick: typeof reload === 'function' ? reload : refresh }, { children: "Retry" }))] })) })));
|
|
1955
1955
|
}
|
|
1956
1956
|
|
|
1957
1957
|
var notAuthorized = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22250%22%20height%3D%22200%22%20viewBox%3D%220%200%20250%20200%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22ho9etwod5c%22%20x1%3D%2255.01%25%22%20x2%3D%2240.976%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%232A318C%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231D225F%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22mdhg2gjypd%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23EEE%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23D6D7D8%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22xe2mx0bk0e%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%2218%25%22%20y2%3D%2282%25%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23E8B73F%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23CF9F36%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%2288gkjk6cca%22%20d%3D%22M0%200H250V200H0z%22%2F%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-590%20-308%29%20translate%28590%20308%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22pitr2853ub%22%20fill%3D%22%23fff%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%2388gkjk6cca%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20mask%3D%22url%28%23pitr2853ub%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M47.646%200c2.598%200%205.717%201.017%207.994%202.74%202.276%201.722%203.845%203.02%204.55%205.097.465%201.372.252%203.282-.641%205.728l.008-.072c-.013.145-.039.269-.071.387.574-1.048%201.638-1.624%202.576-1.283%201.07.39%201.5%201.803%201.013%203.14-.487%201.337-1.723%202.144-2.794%201.754-.536-.195-.91-.646-1.09-1.216.023.975.09%202.117.203%203.427l-2.317.161c-2.223%202.412-4.574%203.48-7.055%203.207-.6-.067-1.158-.18-1.675-.339-.588%201.007-1.177%202.688-1.766%205.043l-.064.031.005-.043c-.585%205.627-1.014%2011.07-1.287%2016.327l.001-.108c-.013.958-.003%201.853.028%202.684l.109-1.533c2.141%201.735%204.344%202.776%206.608%203.123%202.263.348%205.76-.128%2010.49-1.426%202.808-.962%205.555-2.299%208.243-4.011H63.94l16.84-20.83h2.756c0-1.439%201.165-2.604%202.604-2.604%201.378%200%202.506%201.07%202.597%202.425l.006.178h1.736c0-1.438%201.166-2.603%202.604-2.603%201.378%200%202.506%201.07%202.598%202.425l.006.178h5.284L89.832%2035.292c.097-.07.17-.106.212-.106.692%200%20.692%205.306-.057%207.152-.289.865-4.73%205.71-9.864%2010.844-2.78%202.78-6.605%206.366-11.477%2010.759l2.511%2011.858c-.568%201.157-2.01%201.928-4.324%202.314-5.208.579-10.415-1.736-16.78-1.736-1.852%200-3.142.343-4.269.744.841%208.545%202.264%2016.398%204.269%2023.558-1.157%201.157-1.946%201.682-2.808%202.052-1.015.394-2.305.789-3.009.86.776%202.429%201.318%204.584%201.627%206.464.38%202.322%202.518%2022.156%206.411%2059.5h-.044l2.037%201.697c2.308%201.962%2012.796%207.547%2014.132%208.307.891.506%202.067%201.794%203.526%203.864-16.575-.025-27.78-.05-33.613-.075l.053.075C12.788%20183.385%200%20183.346%200%20183.308c0-.116%201.154-3.288%202.538-7.095l2.44-6.658H1.761c-.4-1.385-.792-3.254-1.175-5.606-.75-4.788-.18-7.96%203.05-14.536%203.23-6.518%204.866-10.072%204.866-13.764.058-5.768%201.222-11.316%204.28-17.315%202.364-4.73%203.495-5.086%203.725-7.97l.367-5.421c-2.382-.231-5.928-.988-8.045-1.693l-4.21-1.385-.116-4.326C4.214%2085.6%205.08%2076.89%207.79%2065.757%2011.482%2050.47%2022.096%2034.84%2034.959%2025.668c3.055-2.203%204.272-3.049%205.093-2.807.79-.548%201.483-1.096%202.077-1.645-1.685-.52-3.275-1.222-4.77-2.105-2.311-1.366-4.444-3.194-6.398-5.483.397-.834.904-1.524%201.522-2.07.671-.592%201.935-1.108%203.169-1.822l-.065.021-1.204.401c-1.26.424-1.956.713-2.396%201.032-.829.601-1.259%201.275-1.312%202.032l-.005.191-.579.007c-.012-1.039.516-1.943%201.557-2.699.427-.31%201.013-.573%201.983-.916l1.755-.59.612-.213c.593-.213%201.063-.401%201.438-.584%201.296-1.399%202.17-3.971%204.089-5.678C43.642.855%2045.048%200%2047.646%200zM27.999%20144.476l-.189.512c-2.603%207.055-5.679%2015.219-9.228%2024.493l2.126%201.771c2.307%201.962%2012.795%207.547%2014.132%208.307l.035.021c.364-1.006.782-2.154%201.223-3.367l2.44-6.658h-4.242c-1.444-2.617-2.166-4.456-2.166-5.517%200-1.59.913-3.77.913-6.068%200-1.393-1.68-5.89-5.044-13.494zM78.827%2042.819l-1.242-.001c-2.375%202.17-3.972%203.706-4.791%204.61-.72.793-2.112%202.23-4.176%204.309%203.033-1.194%205.06-2.078%206.083-2.65%201.5-.865%202.077-1.673%203.807-5.307.082-.163.192-.506.319-.961zm7.313-22.857c-1.119%200-2.026.907-2.026%202.025h4.05c0-1.118-.906-2.025-2.024-2.025zm6.943%200c-1.119%200-2.025.907-2.025%202.025h4.05c0-1.118-.907-2.025-2.025-2.025zm-33.27-5.413c-.388%201.066-.065%202.132.666%202.398.73.266%201.664-.343%202.052-1.408.388-1.065.064-2.132-.667-2.398-.73-.266-1.664.343-2.052%201.408z%22%20transform%3D%22translate%2829%208%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2380AEF2%22%20fill-rule%3D%22nonzero%22%20d%3D%22M36.56%20183.308c0-.116%201.153-3.288%202.538-7.095l2.538-6.922%206.46-.173%206.403-.173%202.768%202.307c2.308%201.962%2012.796%207.547%2014.132%208.307.891.506%202.067%201.794%203.526%203.864-25.577-.038-38.365-.077-38.365-.115z%22%20transform%3D%22translate%2829%208%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2394BBF8%22%20fill-rule%3D%22nonzero%22%20d%3D%22M3%20183.308c0-.116%201.154-3.288%202.538-7.095l2.538-6.922%206.46-.173%206.403-.173%202.769%202.307c2.307%201.962%2012.795%207.547%2014.132%208.307.89.506%202.066%201.794%203.525%203.864C15.788%20183.385%203%20183.346%203%20183.308z%22%20transform%3D%22translate%2829%208%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231D225F%22%20fill-rule%3D%22nonzero%22%20d%3D%22M46.655%20101.836c1.09%203.158%201.826%205.898%202.208%208.22.38%202.321%202.518%2022.155%206.411%2059.5H37.296c-1.444-2.618-2.166-4.457-2.166-5.518%200-1.59.913-3.77.913-6.068%200-1.532-2.034-6.823-6.104-15.871l3.931-39.349%2012.785-.914z%22%20transform%3D%22translate%2829%208%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23ho9etwod5c%29%22%20d%3D%22M21.554%20169.555H4.76c-.4-1.385-.792-3.254-1.175-5.606-.75-4.788-.18-7.96%203.05-14.536%203.23-6.518%204.866-10.072%204.866-13.764.058-5.768%201.222-11.316%204.28-17.315%202.364-4.73%203.495-5.086%203.725-7.97l.42-6.202h21.078c.512%201.433.696%204.075.55%207.925-.145%203.85-6.812%2023.006-20.001%2057.468z%22%20transform%3D%22translate%2829%208%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2398BDF9%22%20d%3D%22M0%2024.302L16.84%203.472%2037.031%203.472%2019.592%2024.302z%22%20transform%3D%22translate%2829%208%29%20translate%2866.94%2018.516%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232174DB%22%20d%3D%22M22.2.868c1.378%200%202.506%201.07%202.597%202.425l.006.179h-.578c0-1.119-.907-2.025-2.025-2.025-1.119%200-2.025.906-2.025%202.025%200%201.062.818%201.934%201.859%202.018l.166.007v.578c-1.438%200-2.604-1.165-2.604-2.603%200-1.438%201.166-2.604%202.604-2.604zM29.143.868c1.378%200%202.506%201.07%202.598%202.425l.006.179h-.579c0-1.119-.906-2.025-2.025-2.025-1.118%200-2.025.906-2.025%202.025%200%201.062.818%201.934%201.859%202.018l.166.007v.578c-1.438%200-2.604-1.165-2.604-2.603%200-1.438%201.166-2.604%202.604-2.604z%22%20transform%3D%22translate%2829%208%29%20translate%2866.94%2018.516%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23F3A29D%22%20fill-rule%3D%22nonzero%22%20d%3D%22M65.472%2046.829c2.807-.962%205.554-2.299%208.242-4.011h6.871c-2.375%202.17-3.972%203.706-4.791%204.61-.82.903-2.509%202.638-5.068%205.205-1.091%205.781-2.254%208.21-3.487%207.285-1.85-1.386-7.939-10.897-1.767-13.09z%22%20transform%3D%22translate%2829%208%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FAB6AF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M69.254%2052.654c4.363-1.668%207.179-2.857%208.447-3.567%201.5-.865%202.077-1.673%203.807-5.307.23-.461.692-2.365%201.096-4.153.923-4.557%202.423-4.326%202.538.346.058%201.27.346%202.423.692%202.538.288.116%201.961-1.5%203.634-3.576%201.673-2.077%203.288-3.75%203.576-3.75.692%200%20.692%205.307-.057%207.153-.289.865-4.73%205.71-9.864%2010.844-3.422%203.423-8.431%208.068-15.026%2013.937l1.157-14.465z%22%20transform%3D%22translate%2829%208%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23F3A29D%22%20fill-rule%3D%22nonzero%22%20d%3D%22M49.581%2027.774c.772-3.086%201.543-5.015%202.315-5.787-1.157-1.157-2.315-2.314-4.63-3.471-.77%201.543-2.314%203.086-4.628%204.629%200%202.314.771%203.857%202.314%204.629%201.543.771%203.086.771%204.63%200z%22%20transform%3D%22translate%2829%208%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23mdhg2gjypd%29%22%20fill-rule%3D%22nonzero%22%20d%3D%22M12.858%2082.16c-2.365-.174-6.23-.981-8.48-1.731l-4.21-1.385-.115-4.326c-.289-11.94.577-20.65%203.288-31.782C7.032%2027.65%2017.646%2012.019%2030.509%202.847c4.96-3.576%205.076-3.576%206.518-1.153.634%201.153%201.96%202.307%202.884%202.653l2.161.594c-3.046%2029.324-1.87%2053.63%203.531%2072.917-1.157%201.158-1.946%201.682-2.808%202.052-1.039.403-2.365.807-3.057.865-.693.058-3%20.519-5.25%201.038-4.21.923-13.382%201.096-21.63.346z%22%20transform%3D%22translate%2829%208%29%20translate%287.45%2022.82%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23D6D7D8%22%20d%3D%22M58.022%2024.008l1.767%2011.311-19.972%202.645%201.106-15.653c2.141%201.735%204.344%202.776%206.608%203.123%202.263.348%205.76-.128%2010.49-1.426z%22%20transform%3D%22translate%2829%208%29%20translate%287.45%2022.82%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23E9E9E9%22%20fill-rule%3D%22nonzero%22%20d%3D%22M61.804%2029.833l4.903%2023.145c-.568%201.157-2.01%201.929-4.324%202.314-5.208.579-10.415-1.736-16.78-1.736-6.365%200-6.09%204.05-15.348.58-6.172-2.315-8.68-12.73-7.523-31.246l18.054-1.73c-.078%205.782.655%209.252%202.198%2010.409%201.512%201.134%207.569.601%2018.17-1.6l.65-.136z%22%20transform%3D%22translate%2829%208%29%20translate%287.45%2022.82%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FAB6AF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M29.082%207.444c1.07%201.52%201.488%203.536%201.253%206.049-.062.656-.376.883-.376%202.052%200%201.12.07%202.506.212%204.157l-2.317.161c-2.222%202.412-4.574%203.48-7.055%203.207-2.48-.275-4.251-1.343-5.31-3.207-2.18-4.023-1.621-7.444%201.675-10.262%203.296-2.818%207.269-3.537%2011.918-2.157z%22%20transform%3D%22translate%2829%208%29%20translate%2832.223%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23E94A47%22%20d%3D%22M18.423%200c2.598%200%205.717%201.017%207.994%202.74%202.277%201.722%203.845%203.02%204.55%205.097.47%201.384.248%203.314-.664%205.791.13-2.345-.048-3.647-.533-3.906-.67%201.653-1.595%201.987-2.703%202.787-.62.448-2.791.518-4.917.897-2.628%201.722-4.303%203.33-4.867%204.86-.448%201.218-.402%202.608.148%204.177l.126.339-.54.21c-.714-1.833-.81-3.478-.277-4.925.522-1.417%201.85-2.838%203.894-4.321-1.09.307-2.051.754-2.634%201.449-1.279%201.526-2.028%203.765-2.246%206.716-2.766-.5-5.305-1.433-7.617-2.8-2.312-1.366-4.445-3.194-6.398-5.483.396-.834.904-1.524%201.521-2.07.671-.592%201.935-1.108%203.169-1.822l-.065.021-1.204.401c-1.26.424-1.956.713-2.395%201.032-.83.601-1.26%201.275-1.313%202.032l-.005.191-.579.007c-.012-1.039.516-1.943%201.557-2.699.427-.31%201.013-.573%201.983-.916l1.756-.59.61-.213c.594-.213%201.064-.401%201.439-.584%201.296-1.399%202.17-3.971%204.09-5.678C14.418.855%2015.825%200%2018.422%200z%22%20transform%3D%22translate%2829%208%29%20translate%2832.223%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23222768%22%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.025%203.16C1.622%201.52%203.194.563%204.56%201.06c1.061.386%201.653%201.524%201.586%202.781.36-.092.688-.137.988-.137l.208.008c.254.02.466.056.636.114.511-1.271%201.708-2.023%202.749-1.644%201.07.39%201.5%201.802%201.013%203.14-.487%201.337-1.723%202.143-2.794%201.754-.953-.347-1.397-1.504-1.14-2.697-.103-.038-.274-.072-.508-.09-.334-.025-.737.029-1.209.165l-.03.01c-.036.159-.083.318-.14.477-.597%201.64-2.17%202.597-3.536%202.1C1.017%206.543.428%204.8%201.025%203.16zm9.504-.434c-.73-.266-1.664.343-2.052%201.408-.388%201.065-.064%202.132.667%202.398.73.266%201.664-.343%202.052-1.408.387-1.066.064-2.132-.667-2.398zM4.362%201.604c-1.036-.378-2.297.39-2.793%201.754-.496%201.363-.024%202.762%201.012%203.14%201.036.376%202.298-.392%202.794-1.755s.023-2.762-1.013-3.14z%22%20transform%3D%22translate%2829%208%29%20translate%2832.223%29%20translate%2822.112%2010.415%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20mask%3D%22url%28%23pitr2853ub%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30%200c12.15%200%2022%209.85%2022%2022v11h8v48H0V33h8V22C8%209.973%2017.654.198%2029.637.004zm0%207.934c-7.755%200-14.067%206.309-14.067%2014.067V33h28.133V22c0-7.652-6.14-13.896-13.752-14.063z%22%20transform%3D%22translate%28134%2061%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23D6D7D8%22%20d%3D%22M55%2034.3V22C55%209.85%2045.15%200%2033%200S11%209.85%2011%2022v12.3m7.933%200V22c0-7.757%206.312-14.066%2014.068-14.066%207.756%200%2014.065%206.31%2014.065%2014.067v12.298%22%20transform%3D%22translate%28134%2061%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23xe2mx0bk0e%29%22%20d%3D%22M3%2033H63V81H3z%22%20transform%3D%22translate%28134%2061%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%233E3D4C%22%20fill-rule%3D%22nonzero%22%20d%3D%22M39%2056c0-3.314-2.686-6-6-6s-6%202.686-6%206c0%202.282%201.275%204.267%203.15%205.281l-.965%207.386h7.63l-.965-7.386C37.726%2060.267%2039%2058.282%2039%2056z%22%20transform%3D%22translate%28134%2061%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
@@ -1962,7 +1962,7 @@ var AppNotDeployed = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAGQCAYA
|
|
|
1962
1962
|
|
|
1963
1963
|
function GenericEmptyState(_a) {
|
|
1964
1964
|
var title = _a.title, image = _a.image, subTitle = _a.subTitle, isButtonAvailable = _a.isButtonAvailable, classname = _a.classname, styles = _a.styles, heightToDeduct = _a.heightToDeduct, imageType = _a.imageType, renderButton = _a.renderButton, imageClassName = _a.imageClassName, children = _a.children, noImage = _a.noImage;
|
|
1965
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "flex column empty-state ".concat(classname ? classname : ''), style: styles }, (heightToDeduct >= 0 && { style: __assign(__assign({}, styles), { height: "calc(100vh - ".concat(heightToDeduct, "px)") }) }), { children: [!noImage && jsxRuntime.jsx("img", { className: imageClassName ? imageClassName : '', src: image || AppNotDeployed, width: imageType === exports.ImageType.Medium ? '200' : '250', height: imageType === exports.ImageType.Medium ? '160' : '200', alt: "empty-state" }), jsxRuntime.jsx("h4", __assign({ className: "title fw-6 cn-9 mb-8" }, { children: title })), subTitle && jsxRuntime.jsx("p", __assign({ className: "subtitle" }, { children: subTitle })), isButtonAvailable && renderButton(), children] })));
|
|
1965
|
+
return (jsxRuntime.jsxs("div", __assign({ className: "flex column empty-state dc__align-reload-center ".concat(classname ? classname : ''), style: styles, "data-testid": "generic-empty-state" }, (heightToDeduct >= 0 && { style: __assign(__assign({}, styles), { height: "calc(100vh - ".concat(heightToDeduct, "px)") }) }), { children: [!noImage && jsxRuntime.jsx("img", { className: imageClassName ? imageClassName : '', src: image || AppNotDeployed, width: imageType === exports.ImageType.Medium ? '200' : '250', height: imageType === exports.ImageType.Medium ? '160' : '200', alt: "empty-state" }), jsxRuntime.jsx("h4", __assign({ className: "title fw-6 cn-9 mb-8" }, { children: title })), subTitle && jsxRuntime.jsx("p", __assign({ className: "subtitle" }, { children: subTitle })), isButtonAvailable && renderButton(), children] })));
|
|
1966
1966
|
}
|
|
1967
1967
|
|
|
1968
1968
|
function ErrorScreenNotFound() {
|
|
@@ -1971,7 +1971,7 @@ function ErrorScreenNotFound() {
|
|
|
1971
1971
|
history.push('app/list');
|
|
1972
1972
|
};
|
|
1973
1973
|
var renderGenerateButton = function () {
|
|
1974
|
-
return (jsxRuntime.jsx("button", __assign({ className: "flex cta h-32", onClick: redirectToHome }, { children: ERROR_EMPTY_SCREEN.TAKE_BACK_HOME })));
|
|
1974
|
+
return (jsxRuntime.jsx("button", __assign({ className: "flex cta h-32", onClick: redirectToHome, "data-testid": "empty-screen-take-me-home" }, { children: ERROR_EMPTY_SCREEN.TAKE_BACK_HOME })));
|
|
1975
1975
|
};
|
|
1976
1976
|
return (jsxRuntime.jsx(GenericEmptyState, { image: notFound, title: ERROR_EMPTY_SCREEN.PAGE_NOT_FOUND, subTitle: ERROR_EMPTY_SCREEN.PAGE_NOT_EXIST, isButtonAvailable: true, renderButton: renderGenerateButton }));
|
|
1977
1977
|
}
|
|
@@ -3987,7 +3987,7 @@ function useThrottledEffect(callback, delay, deps) {
|
|
|
3987
3987
|
function Progressing(_a) {
|
|
3988
3988
|
var pageLoader = _a.pageLoader, size = _a.size, theme = _a.theme, styles = _a.styles;
|
|
3989
3989
|
var loaderSize = size ? "".concat(size, "px") : pageLoader ? '48px' : '20px';
|
|
3990
|
-
return (jsxRuntime.jsx("div", __assign({ className: "loader ".concat(theme || 'default', "-background"), style: styles }, { children: jsxRuntime.jsx("div", __assign({ style: { width: loaderSize, height: loaderSize } }, { children: jsxRuntime.jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "loader__svg" }, { children: jsxRuntime.jsxs("g", __assign({ fill: "none", fillRule: "evenodd", strokeLinecap: "round" }, { children: [jsxRuntime.jsx("animateTransform", { attributeName: "transform", attributeType: "XML", dur: "0.5s", from: "0 12 12", repeatCount: "indefinite", to: "360 12 12", type: "rotate" }), jsxRuntime.jsx("path", { fill: "#06C", fillRule: "nonzero", d: "M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z" })] })) })) })) })));
|
|
3990
|
+
return (jsxRuntime.jsx("div", __assign({ className: "loader ".concat(theme || 'default', "-background"), style: styles, "data-testid": "progressing" }, { children: jsxRuntime.jsx("div", __assign({ style: { width: loaderSize, height: loaderSize } }, { children: jsxRuntime.jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "loader__svg" }, { children: jsxRuntime.jsxs("g", __assign({ fill: "none", fillRule: "evenodd", strokeLinecap: "round" }, { children: [jsxRuntime.jsx("animateTransform", { attributeName: "transform", attributeType: "XML", dur: "0.5s", from: "0 12 12", repeatCount: "indefinite", to: "360 12 12", type: "rotate" }), jsxRuntime.jsx("path", { fill: "#06C", fillRule: "nonzero", d: "M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z" })] })) })) })) })));
|
|
3991
3991
|
}
|
|
3992
3992
|
function DetailsProgressing(_a) {
|
|
3993
3993
|
var loadingText = _a.loadingText, _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.fullHeight, fullHeight = _c === void 0 ? false : _c, children = _a.children, styles = _a.styles;
|
|
@@ -4029,7 +4029,7 @@ var VisibleModal = /** @class */ (function (_super) {
|
|
|
4029
4029
|
};
|
|
4030
4030
|
VisibleModal.prototype.render = function () {
|
|
4031
4031
|
var _a;
|
|
4032
|
-
return ReactDOM.createPortal(jsxRuntime.jsx("div", __assign({ className: "visible-modal__body ".concat(this.props.className), onClick: (_a = this.props) === null || _a === void 0 ? void 0 : _a.close }, { children: this.props.children })), document.getElementById('visible-modal'));
|
|
4032
|
+
return ReactDOM.createPortal(jsxRuntime.jsx("div", __assign({ className: "visible-modal__body ".concat(this.props.className), onClick: (_a = this.props) === null || _a === void 0 ? void 0 : _a.close, "data-testid": "visible-modal-close" }, { children: this.props.children })), document.getElementById('visible-modal'));
|
|
4033
4033
|
};
|
|
4034
4034
|
return VisibleModal;
|
|
4035
4035
|
}(React.Component));
|
|
@@ -4101,7 +4101,7 @@ var Modal = function (_a) {
|
|
|
4101
4101
|
modal.classList.remove('no-back-drop');
|
|
4102
4102
|
};
|
|
4103
4103
|
}, []);
|
|
4104
|
-
return ReactDOM.createPortal(jsxRuntime.jsx("div", __assign({ tabIndex: 0, onClick: onClick, ref: function (el) {
|
|
4104
|
+
return ReactDOM.createPortal(jsxRuntime.jsx("div", __assign({ tabIndex: 0, onClick: onClick, "data-testid": "modal", ref: function (el) {
|
|
4105
4105
|
if (typeof callbackRef === 'function') {
|
|
4106
4106
|
callbackRef(el);
|
|
4107
4107
|
}
|
|
@@ -4144,7 +4144,7 @@ var OpaqueModal = /** @class */ (function (_super) {
|
|
|
4144
4144
|
};
|
|
4145
4145
|
OpaqueModal.prototype.render = function () {
|
|
4146
4146
|
var _a = __assign({}, this.props), _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.onHide, onHide = _c === void 0 ? null : _c;
|
|
4147
|
-
return ReactDOM.createPortal(jsxRuntime.jsxs("div", __assign({ className: "full-screen-modal__body-container ".concat(className) }, { children: [this.props.children, typeof onHide === 'function' && jsxRuntime.jsx("div", __assign({ className: "close-btn icon-dim-24", onClick: function (e) { return onHide(false); } }, { children: jsxRuntime.jsx("img", { className: "close-img", src: close, alt: "close" }) }))] })), document.getElementById('full-screen-modal'));
|
|
4147
|
+
return ReactDOM.createPortal(jsxRuntime.jsxs("div", __assign({ className: "full-screen-modal__body-container ".concat(className) }, { children: [this.props.children, typeof onHide === 'function' && jsxRuntime.jsx("div", __assign({ className: "close-btn icon-dim-24", onClick: function (e) { return onHide(false); }, "data-testid": "opaque-modal-close" }, { children: jsxRuntime.jsx("img", { className: "close-img", src: close, alt: "close" }) }))] })), document.getElementById('full-screen-modal'));
|
|
4148
4148
|
};
|
|
4149
4149
|
return OpaqueModal;
|
|
4150
4150
|
}(React.Component));
|
|
@@ -4172,7 +4172,7 @@ var VisibleModal2 = /** @class */ (function (_super) {
|
|
|
4172
4172
|
};
|
|
4173
4173
|
VisibleModal2.prototype.render = function () {
|
|
4174
4174
|
var _a;
|
|
4175
|
-
return ReactDOM.createPortal(jsxRuntime.jsx("div", __assign({ className: "visible-modal__body ".concat(this.props.className), onClick: (_a = this.props) === null || _a === void 0 ? void 0 : _a.close }, { children: this.props.children })), document.getElementById('visible-modal-2'));
|
|
4175
|
+
return ReactDOM.createPortal(jsxRuntime.jsx("div", __assign({ className: "visible-modal__body ".concat(this.props.className), onClick: (_a = this.props) === null || _a === void 0 ? void 0 : _a.close, "data-testid": "visible-modal2-close" }, { children: this.props.children })), document.getElementById('visible-modal-2'));
|
|
4176
4176
|
};
|
|
4177
4177
|
return VisibleModal2;
|
|
4178
4178
|
}(React.Component));
|
|
@@ -4268,7 +4268,7 @@ var RadioGroupItem = /** @class */ (function (_super) {
|
|
|
4268
4268
|
RadioGroupItem.prototype.render = function () {
|
|
4269
4269
|
var _this = this;
|
|
4270
4270
|
return (jsxRuntime.jsx(RadioGroupContext.Consumer, { children: function (context) {
|
|
4271
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("label", __assign({ className: context.disabled ? 'form__radio-item disabled' : 'form__radio-item' }, { children: [jsxRuntime.jsx("input", { type: "radio", className: "form__checkbox", name: context.name, disabled: context.disabled, onChange: context.onChange, value: _this.props.value, checked: context.value === _this.props.value }), jsxRuntime.jsxs("span", __assign({ className: "
|
|
4271
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("label", __assign({ className: context.disabled ? 'form__radio-item disabled' : 'form__radio-item' }, { children: [jsxRuntime.jsx("input", { type: "radio", className: "form__checkbox", name: context.name, disabled: context.disabled, onChange: context.onChange, value: _this.props.value, checked: context.value === _this.props.value, "data-testid": _this.props.dataTestId }), jsxRuntime.jsxs("span", __assign({ className: "form__raRadioGroupItemdio-item-content" }, { children: [jsxRuntime.jsx("span", { className: "radio__button" }), jsxRuntime.jsx("span", __assign({ className: "radio__title" }, { children: _this.props.children }))] }))] })) }));
|
|
4272
4272
|
} }));
|
|
4273
4273
|
};
|
|
4274
4274
|
return RadioGroupItem;
|
|
@@ -4401,14 +4401,14 @@ function PopupMenu(_a) {
|
|
|
4401
4401
|
} }, { children: children })));
|
|
4402
4402
|
}
|
|
4403
4403
|
function Button(_a) {
|
|
4404
|
-
var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.rootClassName, rootClassName = _d === void 0 ? '' : _d, _e = _a.tabIndex, tabIndex = _e === void 0 ? 0 : _e, _f = _a.onHover, onHover = _f === void 0 ? false : _f, _g = _a.isKebab, isKebab = _g === void 0 ? false : _g;
|
|
4405
|
-
var
|
|
4406
|
-
return (jsxRuntime.jsx("button", __assign({ ref: initialiseButtonWidth, type: "button", tabIndex: tabIndex, disabled: disabled, className: "".concat(rootClassName, " ").concat(popupPosition ? 'focused' : '', " ").concat(isKebab ? 'popup-button-kebab' : 'popup-button'), onMouseEnter: onHover ? (disabled ? null : handleOpen) : function () { }, onClick: disabled ? null : handleOpen }, { children: children })));
|
|
4404
|
+
var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.rootClassName, rootClassName = _d === void 0 ? '' : _d, _e = _a.tabIndex, tabIndex = _e === void 0 ? 0 : _e, _f = _a.onHover, onHover = _f === void 0 ? false : _f, _g = _a.isKebab, isKebab = _g === void 0 ? false : _g, _h = _a.dataTestId, dataTestId = _h === void 0 ? "" : _h;
|
|
4405
|
+
var _j = usePopupContext(), handleOpen = _j.handleOpen, popupPosition = _j.popupPosition; _j.buttonRef; var initialiseButtonWidth = _j.initialiseButtonWidth;
|
|
4406
|
+
return (jsxRuntime.jsx("button", __assign({ ref: initialiseButtonWidth, type: "button", tabIndex: tabIndex, disabled: disabled, className: "".concat(rootClassName, " ").concat(popupPosition ? 'focused' : '', " ").concat(isKebab ? 'popup-button-kebab' : 'popup-button'), onMouseEnter: onHover ? (disabled ? null : handleOpen) : function () { }, onClick: disabled ? null : handleOpen, "data-testid": dataTestId }, { children: children })));
|
|
4407
4407
|
}
|
|
4408
4408
|
function Body$1(_a) {
|
|
4409
|
-
var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.rootClassName, rootClassName = _c === void 0 ? '' : _c, _d = _a.style, style = _d === void 0 ? {} : _d, _e = _a.autoWidth, autoWidth = _e === void 0 ? false : _e, _f = _a.preventWheelDisable, preventWheelDisable = _f === void 0 ? false : _f, noBackDrop = _a.noBackDrop;
|
|
4410
|
-
var
|
|
4411
|
-
return popupPosition ? (jsxRuntime.jsx(Modal, __assign({ callbackRef: callbackRef, onClick: handleClose, rootClassName: "".concat(rootClassName, " popup-body ").concat(!children ? 'popup-body--empty' : '', " ").concat(Object.keys(popupPosition).join(' ')), style: __assign(__assign(__assign(__assign({}, popupPosition), style), (autoWidth ? { width: buttonWidth.current } : {})), { opacity: opacity }), preventWheelDisable: preventWheelDisable, noBackDrop: noBackDrop }, { children: children }))) : null;
|
|
4409
|
+
var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.rootClassName, rootClassName = _c === void 0 ? '' : _c, _d = _a.style, style = _d === void 0 ? {} : _d, _e = _a.autoWidth, autoWidth = _e === void 0 ? false : _e, _f = _a.preventWheelDisable, preventWheelDisable = _f === void 0 ? false : _f, noBackDrop = _a.noBackDrop, _g = _a.dataTestId, dataTestId = _g === void 0 ? "" : _g;
|
|
4410
|
+
var _h = usePopupContext(), handleClose = _h.handleClose, popupPosition = _h.popupPosition, opacity = _h.opacity, callbackRef = _h.callbackRef, buttonWidth = _h.buttonWidth;
|
|
4411
|
+
return popupPosition ? (jsxRuntime.jsx(Modal, __assign({ callbackRef: callbackRef, onClick: handleClose, "data-testid": dataTestId, rootClassName: "".concat(rootClassName, " popup-body ").concat(!children ? 'popup-body--empty' : '', " ").concat(Object.keys(popupPosition).join(' ')), style: __assign(__assign(__assign(__assign({}, popupPosition), style), (autoWidth ? { width: buttonWidth.current } : {})), { opacity: opacity }), preventWheelDisable: preventWheelDisable, noBackDrop: noBackDrop }, { children: children }))) : null;
|
|
4412
4412
|
}
|
|
4413
4413
|
PopupMenu.Button = Button;
|
|
4414
4414
|
PopupMenu.Body = Body$1;
|
|
@@ -8522,7 +8522,7 @@ var SvgIcInfoOutlined = function SvgIcInfoOutlined(props) {
|
|
|
8522
8522
|
};
|
|
8523
8523
|
|
|
8524
8524
|
function ResizableTagTextArea(_a) {
|
|
8525
|
-
var className = _a.className, minHeight = _a.minHeight, maxHeight = _a.maxHeight, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, placeholder = _a.placeholder, tabIndex = _a.tabIndex, refVar = _a.refVar, dependentRef = _a.dependentRef;
|
|
8525
|
+
var className = _a.className, minHeight = _a.minHeight, maxHeight = _a.maxHeight, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, placeholder = _a.placeholder, tabIndex = _a.tabIndex, refVar = _a.refVar, dependentRef = _a.dependentRef, dataTestId = _a.dataTestId;
|
|
8526
8526
|
var _b = __read(React.useState(''), 2), text = _b[0], setText = _b[1];
|
|
8527
8527
|
React.useEffect(function () {
|
|
8528
8528
|
setText(value);
|
|
@@ -8559,7 +8559,7 @@ function ResizableTagTextArea(_a) {
|
|
|
8559
8559
|
reInitHeight();
|
|
8560
8560
|
onFocus && onFocus(event);
|
|
8561
8561
|
};
|
|
8562
|
-
return (jsxRuntime.jsx("textarea", { rows: 1, ref: refVar, value: text, placeholder: placeholder, className: "".concat(className || '', " lh-20"), style: { resize: 'none' }, onChange: handleChange, onBlur: handleOnBlur, onFocus: handleOnFocus, tabIndex: tabIndex }));
|
|
8562
|
+
return (jsxRuntime.jsx("textarea", { rows: 1, ref: refVar, value: text, placeholder: placeholder, className: "".concat(className || '', " lh-20"), style: { resize: 'none' }, onChange: handleChange, onBlur: handleOnBlur, onFocus: handleOnFocus, tabIndex: tabIndex, "data-testid": dataTestId }));
|
|
8563
8563
|
}
|
|
8564
8564
|
|
|
8565
8565
|
var validateTagValue = function (value) {
|
|
@@ -8681,12 +8681,12 @@ var TagLabelValueSelector = function (_a) {
|
|
|
8681
8681
|
field = validationRules.propagateTagValue(selectedValue);
|
|
8682
8682
|
}
|
|
8683
8683
|
if (!field.isValid) {
|
|
8684
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "p-4", onClick: stopPropagation }, { children: [field.messages.map(function (error) { return (jsxRuntime.jsxs("div", __assign({ className: "flexbox pr-4 pl-4" }, { children: [jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-14 scr-5 mt-3 mr-4" }) }), jsxRuntime.jsx("span", { children: error })] }), error)); }), tagInputType === exports.KEY_VALUE.KEY && (jsxRuntime.jsxs("div", __assign({ className: "flexbox pr-4 pl-4" }, { children: [jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SvgIcInfoOutlined, { className: "icon-dim-14 mt-3 mr-4" }) }), jsxRuntime.jsx("span", __assign({ className: "dc__italic-font-style" }, { children: "Key format: prefix/name or name" }))] })))] })));
|
|
8684
|
+
return (jsxRuntime.jsxs("div", __assign({ className: "p-4", onClick: stopPropagation, "data-testid": "tag-label-cross-stop-propagation" }, { children: [field.messages.map(function (error) { return (jsxRuntime.jsxs("div", __assign({ className: "flexbox pr-4 pl-4" }, { children: [jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-14 scr-5 mt-3 mr-4" }) }), jsxRuntime.jsx("span", { children: error })] }), error)); }), tagInputType === exports.KEY_VALUE.KEY && (jsxRuntime.jsxs("div", __assign({ className: "flexbox pr-4 pl-4" }, { children: [jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SvgIcInfoOutlined, { className: "icon-dim-14 mt-3 mr-4" }) }), jsxRuntime.jsx("span", __assign({ className: "dc__italic-font-style" }, { children: "Key format: prefix/name or name" }))] })))] })));
|
|
8685
8685
|
}
|
|
8686
8686
|
return null;
|
|
8687
8687
|
};
|
|
8688
8688
|
var option = function (tag, index) {
|
|
8689
|
-
return (jsxRuntime.jsx("div", __assign({ "data-key": tag.label, "data-propagate": tag.propagate, className: "dc__hover-n50 dc__ellipsis-right lh-20 fs-13 fw-4 pt-6 pr-8 pb-6 pl-8 cursor", onClick: onSelectValue }, { children: tag.label }), "".concat(tag.value, "-").concat(index)));
|
|
8689
|
+
return (jsxRuntime.jsx("div", __assign({ "data-key": tag.label, "data-propagate": tag.propagate, className: "dc__hover-n50 dc__ellipsis-right lh-20 fs-13 fw-4 pt-6 pr-8 pb-6 pl-8 cursor", onClick: onSelectValue, "data-testid": "tag-label-value-".concat(index) }, { children: tag.label }), "".concat(tag.value, "-").concat(index)));
|
|
8690
8690
|
};
|
|
8691
8691
|
var optionWithTippy = function (tag, index) {
|
|
8692
8692
|
return (jsxRuntime.jsx(Tippy, __assign({ className: "default-tt", arrow: false, placement: "right", content: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", __assign({ className: "mb-10 fs-12 fw-6 cn-0 dc__break-word" }, { children: tag.label })), jsxRuntime.jsx("div", __assign({ className: "fs-12 fw-4 cn-0 dc__break-word" }, { children: tag.description }))] }) }, { children: option(tag, index) })));
|
|
@@ -8707,7 +8707,7 @@ var TagLabelValueSelector = function (_a) {
|
|
|
8707
8707
|
? "dc__no-right-radius"
|
|
8708
8708
|
: "dc__no-border-radius dc__no-right-border dc__no-left-border", " ").concat(tagData[tagInputType === exports.KEY_VALUE.KEY ? 'isInvalidKey' : 'isInvalidValue']
|
|
8709
8709
|
? 'form__input--error'
|
|
8710
|
-
: ''), value: selectedValue, onChange: handleInputChange, onBlur: handleOnBlur, onFocus: handleOnFocus, placeholder: placeholder, tabIndex: tabIndex, refVar: refVar, dependentRef: dependentRef }) })), popupMenuBody && (jsxRuntime.jsx(PopupMenu.Body, __assign({ rootClassName: "mxh-210 dc__overflow-auto tag-".concat(selectedTagIndex, "-class"), autoWidth: true, preventWheelDisable: true, noBackDrop: noBackDrop }, { children: popupMenuBody })))] })));
|
|
8710
|
+
: ''), value: selectedValue, onChange: handleInputChange, onBlur: handleOnBlur, onFocus: handleOnFocus, placeholder: placeholder, tabIndex: tabIndex, refVar: refVar, dependentRef: dependentRef, dataTestId: "tag-".concat(tagInputType === exports.KEY_VALUE.KEY ? 'key' : 'value', "-").concat(selectedTagIndex) }) })), popupMenuBody && (jsxRuntime.jsx(PopupMenu.Body, __assign({ rootClassName: "mxh-210 dc__overflow-auto tag-".concat(selectedTagIndex, "-class"), autoWidth: true, preventWheelDisable: true, noBackDrop: noBackDrop }, { children: popupMenuBody })))] })));
|
|
8711
8711
|
};
|
|
8712
8712
|
|
|
8713
8713
|
var TagDetails = function (_a) {
|
|
@@ -8735,7 +8735,7 @@ var TagDetails = function (_a) {
|
|
|
8735
8735
|
}
|
|
8736
8736
|
setTagData(index, _tagData);
|
|
8737
8737
|
};
|
|
8738
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "flexbox mb-8" }, { children: [jsxRuntime.jsx("div", __assign({ className: "dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ".concat(tagData.propagate ? 'bcn-7' : ''), onClick: propagateTagToResource }, { children: jsxRuntime.jsx(SvgInjectTag, { className: "icon-dim-20 mt-4 ".concat(tagData.propagate ? 'scn-0' : '') }) })), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.KEY, placeholder: "Enter key", tabIndex: tabIndex - 1, refVar: keyRef, dependentRef: valueRef, tagOptions: suggestedTagsOptions }), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.VALUE, placeholder: "Enter value", tabIndex: tabIndex, refVar: valueRef, dependentRef: keyRef }), jsxRuntime.jsx("div", __assign({ className: "dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top", onClick: deleteTag }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-20 mt-4" }) }))] })));
|
|
8738
|
+
return (jsxRuntime.jsxs("div", __assign({ className: "flexbox mb-8" }, { children: [jsxRuntime.jsx("div", __assign({ className: "dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ".concat(tagData.propagate ? 'bcn-7' : ''), onClick: propagateTagToResource, "data-testid": "propagate-tag-".concat(index) }, { children: jsxRuntime.jsx(SvgInjectTag, { className: "icon-dim-20 mt-4 ".concat(tagData.propagate ? 'scn-0' : '') }) })), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.KEY, placeholder: "Enter key", tabIndex: tabIndex - 1, refVar: keyRef, dependentRef: valueRef, tagOptions: suggestedTagsOptions }), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.VALUE, placeholder: "Enter value", tabIndex: tabIndex, refVar: valueRef, dependentRef: keyRef }), jsxRuntime.jsx("div", __assign({ className: "dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top", onClick: deleteTag, "data-testid": "delete-tag-".concat(index) }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-20 mt-4" }) }))] })));
|
|
8739
8739
|
};
|
|
8740
8740
|
|
|
8741
8741
|
var _path$1;
|
|
@@ -8770,7 +8770,7 @@ var TagLabelSelect = function (_a) {
|
|
|
8770
8770
|
_tags.splice(index, 1);
|
|
8771
8771
|
setLabelTags(_tags);
|
|
8772
8772
|
};
|
|
8773
|
-
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "flexbox dc__content-space mb-8" }, { children: [jsxRuntime.jsx("span", { children: "Tags" }), jsxRuntime.jsx(PropagateTagInfo, { isCreateApp: isCreateApp })] })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "dc_width-max-content cb-5 fw-6 fs-13 flexbox mr-20 mb-8 cursor", onClick: addNewTag }, { children: [jsxRuntime.jsx(SvgIcAdd, { className: "icon-dim-20 fcb-5" }), " Add tag"] })), jsxRuntime.jsx("div", __assign({ className: "mb-8" }, { children: labelTags === null || labelTags === void 0 ? void 0 : labelTags.map(function (tagData, index) { return (jsxRuntime.jsx(TagDetails, { index: index, tagData: tagData, setTagData: setTagData, removeTag: removeTag, tabIndex: tabIndex + (index + 2) }, "tag-".concat(index))); }) }))] })] }));
|
|
8773
|
+
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "flexbox dc__content-space mb-8" }, { children: [jsxRuntime.jsx("span", { children: "Tags" }), jsxRuntime.jsx(PropagateTagInfo, { isCreateApp: isCreateApp })] })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "dc_width-max-content cb-5 fw-6 fs-13 flexbox mr-20 mb-8 cursor", onClick: addNewTag, "data-testid": "add-tag-button" }, { children: [jsxRuntime.jsx(SvgIcAdd, { className: "icon-dim-20 fcb-5" }), " Add tag"] })), jsxRuntime.jsx("div", __assign({ className: "mb-8", "data-testid": "tag-rows-container" }, { children: labelTags === null || labelTags === void 0 ? void 0 : labelTags.map(function (tagData, index) { return (jsxRuntime.jsx(TagDetails, { index: index, tagData: tagData, setTagData: setTagData, removeTag: removeTag, tabIndex: tabIndex + (index + 2) }, "tag-".concat(index))); }) }))] })] }));
|
|
8774
8774
|
};
|
|
8775
8775
|
|
|
8776
8776
|
function ConfirmationDialog(_a) {
|
|
@@ -8796,7 +8796,7 @@ ConfirmationDialog.ButtonGroup = ButtonGroup;
|
|
|
8796
8796
|
var warn = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23FFEBEB%22%20stroke%3D%22%23F33E3E%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7%2024h24v17a4%204%200%200%201-4%204H11a4%204%200%200%201-4-4V24z%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19%2029.5v10M24%2029.5v10M14%2029.5v10%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23F33E3E%22%20stroke-dasharray%3D%2217%2C3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M42%2010a3%203%200%200%201%200%206H31M38%2023a3%203%200%200%200-3-3h-8%22%2F%3E%20%20%20%20%20%20%20%20%3Cg%20stroke%3D%22%23F33E3E%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20transform%3D%22rotate%28-10%2036.29%20-8.86%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2230%22%20height%3D%225%22%20y%3D%226%22%20fill%3D%22%23FFEBEB%22%20rx%3D%221%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%200h8a2%202%200%200%201%202%202v4H9V2a2%202%200%200%201%202-2z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
8797
8797
|
|
|
8798
8798
|
var DeleteDialog = function (props) {
|
|
8799
|
-
return jsxRuntime.jsxs(ConfirmationDialog, __assign({ className: "confirmation-dialog__body--w-400" }, { children: [jsxRuntime.jsx(ConfirmationDialog.Icon, { src: warn }), jsxRuntime.jsx(ConfirmationDialog.Body, __assign({ title: props.title }, { children: jsxRuntime.jsxs("div", __assign({ className: "fs-13 cn-7 lh-1-54 w-100" }, { children: [props.description ? props.description : null, props.children] })) })), jsxRuntime.jsx(ConfirmationDialog.ButtonGroup, { children: jsxRuntime.jsxs("div", __assign({ className: "flex right" }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", className: "cta cancel cta-cd-delete-modal ml-16", onClick: props.closeDelete, disabled: props.apiCallInProgress }, { children: "Cancel" })), jsxRuntime.jsx("button", __assign({ type: "button", className: "cta delete cta-cd-delete-modal ml-16", onClick: function () { return props.delete(); }, disabled: props.apiCallInProgress }, { children: props.apiCallInProgress ? jsxRuntime.jsx(Progressing, {}) : "".concat(props.deletePrefix || '', "Delete").concat(props.deletePostfix || '') }))] })) })] }));
|
|
8799
|
+
return jsxRuntime.jsxs(ConfirmationDialog, __assign({ className: "confirmation-dialog__body--w-400" }, { children: [jsxRuntime.jsx(ConfirmationDialog.Icon, { src: warn }), jsxRuntime.jsx(ConfirmationDialog.Body, __assign({ title: props.title }, { children: jsxRuntime.jsxs("div", __assign({ className: "fs-13 cn-7 lh-1-54 w-100" }, { children: [props.description ? props.description : null, props.children] })) })), jsxRuntime.jsx(ConfirmationDialog.ButtonGroup, { children: jsxRuntime.jsxs("div", __assign({ className: "flex right" }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", className: "cta cancel cta-cd-delete-modal ml-16", onClick: props.closeDelete, disabled: props.apiCallInProgress, "data-testid": "dialog-cancel" }, { children: "Cancel" })), jsxRuntime.jsx("button", __assign({ type: "button", className: "cta delete cta-cd-delete-modal ml-16", onClick: function () { return props.delete(); }, disabled: props.apiCallInProgress, "data-testid": "dialog-delete" }, { children: props.apiCallInProgress ? jsxRuntime.jsx(Progressing, {}) : "".concat(props.deletePrefix || '', "Delete").concat(props.deletePostfix || '') }))] })) })] }));
|
|
8800
8800
|
};
|
|
8801
8801
|
function DeleteDialogDescription(props) {
|
|
8802
8802
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
|
|
@@ -16370,11 +16370,11 @@ function InfoColourBar(_a) {
|
|
|
16370
16370
|
}
|
|
16371
16371
|
else if (redirectLink) {
|
|
16372
16372
|
if (internalLink) {
|
|
16373
|
-
return (jsxRuntime.jsx(reactRouterDom.Link, __assign({ to: redirectLink, onClick: linkOnClick, className: "cursor dc__link dc__underline-onhover mr-5" }, { children: linkText })));
|
|
16373
|
+
return (jsxRuntime.jsx(reactRouterDom.Link, __assign({ to: redirectLink, onClick: linkOnClick, "data-testId": "info-bar-internal-link", className: "cursor dc__link dc__underline-onhover mr-5" }, { children: linkText })));
|
|
16374
16374
|
}
|
|
16375
|
-
return (jsxRuntime.jsx("a", __assign({ href: redirectLink, target: "_blank", onClick: linkOnClick, className: "cursor dc__link dc__underline-onhover mr-5" }, { children: linkText })));
|
|
16375
|
+
return (jsxRuntime.jsx("a", __assign({ href: redirectLink, target: "_blank", onClick: linkOnClick, "data-testid": "info-bar-redirectLink", className: "cursor dc__link dc__underline-onhover mr-5" }, { children: linkText })));
|
|
16376
16376
|
}
|
|
16377
|
-
return (linkOnClick && (jsxRuntime.jsx("div", __assign({ onClick: linkOnClick, className: "cursor dc__link dc__underline-onhover" }, { children: linkText }))));
|
|
16377
|
+
return (linkOnClick && (jsxRuntime.jsx("div", __assign({ onClick: linkOnClick, className: "cursor dc__link dc__underline-onhover", "data-testid": "info-bar-linkText" }, { children: linkText }))));
|
|
16378
16378
|
};
|
|
16379
16379
|
return (jsxRuntime.jsx("div", __assign({ className: "info-bar-container" }, { children: jsxRuntime.jsxs("div", __assign({ className: "".concat(classname, " info_text flex dc__content-space pt-8 pb-8 pl-12 pr-12 br-4 top fs-13 fw-4"), style: styles }, { children: [jsxRuntime.jsxs("div", __assign({ className: "flex top ".concat(typeof renderActionButton === 'function' ? 'mr-5' : '') }, { children: [jsxRuntime.jsx("div", __assign({ className: "icon-dim-".concat(iconSize !== null && iconSize !== void 0 ? iconSize : '20', " mr-10") }, { children: jsxRuntime.jsx(Icon, { className: "icon-dim-".concat(iconSize !== null && iconSize !== void 0 ? iconSize : '20', " ").concat(iconClass || '', " mr-8") }) })), jsxRuntime.jsxs("div", __assign({ className: "info-bar-message-wrapper ".concat(linkClass || '') }, { children: [jsxRuntime.jsx("span", __assign({ className: linkText && redirectLink ? 'mr-5' : '' }, { children: message })), renderLink()] }))] })), typeof renderActionButton === 'function' && renderActionButton()] })) })));
|
|
16380
16380
|
}
|
|
@@ -16415,7 +16415,7 @@ var Checkbox = /** @class */ (function (_super) {
|
|
|
16415
16415
|
Checkbox.prototype.render = function () {
|
|
16416
16416
|
var _a;
|
|
16417
16417
|
var rootClassName = "".concat(this.props.rootClassName ? this.props.rootClassName : '');
|
|
16418
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("label", __assign({ className: "dc__position-rel flex left cursor ".concat(rootClassName), onClick: (_a = this.props) === null || _a === void 0 ? void 0 : _a.onClick }, { children: [jsxRuntime.jsx("input", { type: "checkbox", className: 'form__checkbox', disabled: this.props.disabled, value: this.props.value, onChange: this.props.onChange, tabIndex: this.props.tabIndex, checked: this.props.isChecked, id: this.props.id }), jsxRuntime.jsx("span", { className: "form__checkbox-container" }), jsxRuntime.jsx("span", __assign({ className: "form__checkbox-label" }, { children: this.props.children }))] })) }));
|
|
16418
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("label", __assign({ className: "dc__position-rel flex left cursor ".concat(rootClassName), onClick: (_a = this.props) === null || _a === void 0 ? void 0 : _a.onClick }, { children: [jsxRuntime.jsx("input", { type: "checkbox", className: 'form__checkbox', disabled: this.props.disabled, value: this.props.value, onChange: this.props.onChange, tabIndex: this.props.tabIndex, checked: this.props.isChecked, id: this.props.id, "data-testid": this.props.dataTestId }), jsxRuntime.jsx("span", { className: "form__checkbox-container" }), jsxRuntime.jsx("span", __assign({ className: "form__checkbox-label" }, { children: this.props.children }))] })) }));
|
|
16419
16419
|
};
|
|
16420
16420
|
return Checkbox;
|
|
16421
16421
|
}(React.Component));
|
package/package.json
CHANGED
package/src/Common/Checkbox.tsx
CHANGED
|
@@ -25,6 +25,7 @@ export class Checkbox extends Component<CheckboxProps> {
|
|
|
25
25
|
tabIndex={this.props.tabIndex}
|
|
26
26
|
checked={this.props.isChecked}
|
|
27
27
|
id={this.props.id}
|
|
28
|
+
data-testid={this.props.dataTestId}
|
|
28
29
|
/>
|
|
29
30
|
<span className="form__checkbox-container"></span>
|
|
30
31
|
<span className={`form__checkbox-label`}>{this.props.children}</span>
|
|
@@ -14,6 +14,7 @@ export function ResizableTagTextArea({
|
|
|
14
14
|
tabIndex,
|
|
15
15
|
refVar,
|
|
16
16
|
dependentRef,
|
|
17
|
+
dataTestId,
|
|
17
18
|
}: ResizableTagTextAreaProps) {
|
|
18
19
|
const [text, setText] = useState('')
|
|
19
20
|
|
|
@@ -69,6 +70,7 @@ export function ResizableTagTextArea({
|
|
|
69
70
|
onBlur={handleOnBlur}
|
|
70
71
|
onFocus={handleOnFocus}
|
|
71
72
|
tabIndex={tabIndex}
|
|
73
|
+
data-testid={dataTestId}
|
|
72
74
|
/>
|
|
73
75
|
)
|
|
74
76
|
}
|
|
@@ -43,6 +43,7 @@ export const TagDetails = ({
|
|
|
43
43
|
<div
|
|
44
44
|
className={`dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ${tagData.propagate ? 'bcn-7' : ''}`}
|
|
45
45
|
onClick={propagateTagToResource}
|
|
46
|
+
data-testid={`propagate-tag-${index}`}
|
|
46
47
|
>
|
|
47
48
|
<InjectTag className={`icon-dim-20 mt-4 ${tagData.propagate ? 'scn-0' : ''}`} />
|
|
48
49
|
</div>
|
|
@@ -67,7 +68,7 @@ export const TagDetails = ({
|
|
|
67
68
|
refVar={valueRef}
|
|
68
69
|
dependentRef={keyRef}
|
|
69
70
|
/>
|
|
70
|
-
<div className="dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top" onClick={deleteTag}>
|
|
71
|
+
<div className="dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top" onClick={deleteTag} data-testid={`delete-tag-${index}`}>
|
|
71
72
|
<DeleteCross className="icon-dim-20 mt-4" />
|
|
72
73
|
</div>
|
|
73
74
|
</div>
|
|
@@ -36,10 +36,10 @@ export const TagLabelSelect = ({
|
|
|
36
36
|
<PropagateTagInfo isCreateApp={isCreateApp} />
|
|
37
37
|
</div>
|
|
38
38
|
<div>
|
|
39
|
-
<div className="dc_width-max-content cb-5 fw-6 fs-13 flexbox mr-20 mb-8 cursor" onClick={addNewTag}>
|
|
39
|
+
<div className="dc_width-max-content cb-5 fw-6 fs-13 flexbox mr-20 mb-8 cursor" onClick={addNewTag} data-testid="add-tag-button">
|
|
40
40
|
<Add className="icon-dim-20 fcb-5" /> Add tag
|
|
41
41
|
</div>
|
|
42
|
-
<div className="mb-8">
|
|
42
|
+
<div className="mb-8" data-testid="tag-rows-container">
|
|
43
43
|
{labelTags?.map((tagData, index) => (
|
|
44
44
|
<TagDetails
|
|
45
45
|
key={`tag-${index}`}
|
|
@@ -84,7 +84,7 @@ export const TagLabelValueSelector = ({
|
|
|
84
84
|
}
|
|
85
85
|
if (!field.isValid) {
|
|
86
86
|
return (
|
|
87
|
-
<div className="p-4" onClick={stopPropagation}>
|
|
87
|
+
<div className="p-4" onClick={stopPropagation} data-testid="tag-label-cross-stop-propagation">
|
|
88
88
|
{field.messages.map((error) => (
|
|
89
89
|
<div key={error} className="flexbox pr-4 pl-4">
|
|
90
90
|
<span>
|
|
@@ -115,6 +115,7 @@ export const TagLabelValueSelector = ({
|
|
|
115
115
|
data-propagate={tag.propagate}
|
|
116
116
|
className="dc__hover-n50 dc__ellipsis-right lh-20 fs-13 fw-4 pt-6 pr-8 pb-6 pl-8 cursor"
|
|
117
117
|
onClick={onSelectValue}
|
|
118
|
+
data-testid={`tag-label-value-${index}`}
|
|
118
119
|
>
|
|
119
120
|
{tag.label}
|
|
120
121
|
</div>
|
|
@@ -179,6 +180,7 @@ export const TagLabelValueSelector = ({
|
|
|
179
180
|
tabIndex={tabIndex}
|
|
180
181
|
refVar={refVar}
|
|
181
182
|
dependentRef={dependentRef}
|
|
183
|
+
dataTestId={`tag-${tagInputType === KEY_VALUE.KEY ? 'key' : 'value'}-${selectedTagIndex}`}
|
|
182
184
|
/>
|
|
183
185
|
</PopupMenu.Button>
|
|
184
186
|
{popupMenuBody && (
|
|
@@ -16,8 +16,8 @@ export const DeleteDialog: React.FC<DeleteDialogProps> & { Description?: React.F
|
|
|
16
16
|
</ConfirmationDialog.Body>
|
|
17
17
|
<ConfirmationDialog.ButtonGroup>
|
|
18
18
|
<div className="flex right">
|
|
19
|
-
<button type="button" className="cta cancel cta-cd-delete-modal ml-16" onClick={props.closeDelete} disabled={props.apiCallInProgress}>Cancel</button>
|
|
20
|
-
<button type="button" className="cta delete cta-cd-delete-modal ml-16" onClick={() => props.delete()} disabled={props.apiCallInProgress}>
|
|
19
|
+
<button type="button" className="cta cancel cta-cd-delete-modal ml-16" onClick={props.closeDelete} disabled={props.apiCallInProgress} data-testid="dialog-cancel">Cancel</button>
|
|
20
|
+
<button type="button" className="cta delete cta-cd-delete-modal ml-16" onClick={() => props.delete()} disabled={props.apiCallInProgress} data-testid="dialog-delete">
|
|
21
21
|
{props.apiCallInProgress ? <Progressing /> : `${props.deletePrefix || ''}Delete${props.deletePostfix || ''}`}
|
|
22
22
|
</button>
|
|
23
23
|
</div>
|
|
@@ -19,8 +19,9 @@ function GenericEmptyState({
|
|
|
19
19
|
}: GenericEmptyStateType): JSX.Element {
|
|
20
20
|
return (
|
|
21
21
|
<div
|
|
22
|
-
className={`flex column empty-state ${classname ? classname : ''}`}
|
|
22
|
+
className={`flex column empty-state dc__align-reload-center ${classname ? classname : ''}`}
|
|
23
23
|
style={styles}
|
|
24
|
+
data-testid="generic-empty-state"
|
|
24
25
|
{...(heightToDeduct >= 0 && { style: { ...styles, height: `calc(100vh - ${heightToDeduct}px)` } })}
|
|
25
26
|
>
|
|
26
27
|
{!noImage && <img className={imageClassName ? imageClassName : ''}
|
|
@@ -11,7 +11,7 @@ function ErrorScreenNotFound() {
|
|
|
11
11
|
}
|
|
12
12
|
const renderGenerateButton = () => {
|
|
13
13
|
return (
|
|
14
|
-
<button className="flex cta h-32" onClick={redirectToHome}>
|
|
14
|
+
<button className="flex cta h-32" onClick={redirectToHome} data-testid="empty-screen-take-me-home">
|
|
15
15
|
{ERROR_EMPTY_SCREEN.TAKE_BACK_HOME}
|
|
16
16
|
</button>
|
|
17
17
|
)
|
|
@@ -26,6 +26,7 @@ function InfoColourBar({
|
|
|
26
26
|
<Link
|
|
27
27
|
to={redirectLink}
|
|
28
28
|
onClick={linkOnClick}
|
|
29
|
+
data-testId= "info-bar-internal-link"
|
|
29
30
|
className="cursor dc__link dc__underline-onhover mr-5"
|
|
30
31
|
>
|
|
31
32
|
{linkText}
|
|
@@ -38,6 +39,7 @@ function InfoColourBar({
|
|
|
38
39
|
href={redirectLink}
|
|
39
40
|
target="_blank"
|
|
40
41
|
onClick={linkOnClick}
|
|
42
|
+
data-testid= "info-bar-redirectLink"
|
|
41
43
|
className="cursor dc__link dc__underline-onhover mr-5"
|
|
42
44
|
>
|
|
43
45
|
{linkText}
|
|
@@ -47,7 +49,7 @@ function InfoColourBar({
|
|
|
47
49
|
|
|
48
50
|
return (
|
|
49
51
|
linkOnClick && (
|
|
50
|
-
<div onClick={linkOnClick} className="cursor dc__link dc__underline-onhover">
|
|
52
|
+
<div onClick={linkOnClick} className="cursor dc__link dc__underline-onhover" data-testid= "info-bar-linkText">
|
|
51
53
|
{linkText}
|
|
52
54
|
</div>
|
|
53
55
|
)
|
|
@@ -28,7 +28,7 @@ export class OpaqueModal extends React.Component<OpaqueModalProps> {
|
|
|
28
28
|
return ReactDOM.createPortal(
|
|
29
29
|
<div className={`full-screen-modal__body-container ${className}`}>
|
|
30
30
|
{this.props.children}
|
|
31
|
-
{typeof onHide === 'function' && <div className="close-btn icon-dim-24" onClick={e => onHide(false)}>
|
|
31
|
+
{typeof onHide === 'function' && <div className="close-btn icon-dim-24" onClick={e => onHide(false)} data-testid="opaque-modal-close">
|
|
32
32
|
<img className="close-img" src={closeIcon} alt="close" />
|
|
33
33
|
</div>}
|
|
34
34
|
</div>, document.getElementById('full-screen-modal'))
|
|
@@ -46,7 +46,7 @@ export class VisibleModal extends React.Component<{
|
|
|
46
46
|
|
|
47
47
|
render() {
|
|
48
48
|
return ReactDOM.createPortal(
|
|
49
|
-
<div className={`visible-modal__body ${this.props.className}`} onClick={this.props?.close}>
|
|
49
|
+
<div className={`visible-modal__body ${this.props.className}`} onClick={this.props?.close} data-testid="visible-modal-close">
|
|
50
50
|
{this.props.children}
|
|
51
51
|
</div>,
|
|
52
52
|
document.getElementById('visible-modal'),
|
|
@@ -28,7 +28,7 @@ export class VisibleModal2 extends React.Component<{ className: string; close?:
|
|
|
28
28
|
|
|
29
29
|
render() {
|
|
30
30
|
return ReactDOM.createPortal(
|
|
31
|
-
<div className={`visible-modal__body ${this.props.className}`} onClick={this.props?.close}>
|
|
31
|
+
<div className={`visible-modal__body ${this.props.className}`} onClick={this.props?.close} data-testid="visible-modal2-close">
|
|
32
32
|
{this.props.children}
|
|
33
33
|
</div>, document.getElementById('visible-modal-2'))
|
|
34
34
|
}
|
package/src/Common/PopupMenu.tsx
CHANGED
|
@@ -142,6 +142,7 @@ function Button({
|
|
|
142
142
|
tabIndex = 0,
|
|
143
143
|
onHover = false,
|
|
144
144
|
isKebab = false,
|
|
145
|
+
dataTestId= ""
|
|
145
146
|
}: PopupMenuButtonType) {
|
|
146
147
|
const { handleOpen, popupPosition, buttonRef, initialiseButtonWidth } = usePopupContext()
|
|
147
148
|
return (
|
|
@@ -155,6 +156,7 @@ function Button({
|
|
|
155
156
|
}`}
|
|
156
157
|
onMouseEnter={onHover ? (disabled ? null : handleOpen) : () => {}}
|
|
157
158
|
onClick={disabled ? null : handleOpen}
|
|
159
|
+
data-testid={dataTestId}
|
|
158
160
|
>
|
|
159
161
|
{children}
|
|
160
162
|
</button>
|
|
@@ -167,13 +169,15 @@ function Body({
|
|
|
167
169
|
style = {},
|
|
168
170
|
autoWidth = false,
|
|
169
171
|
preventWheelDisable = false,
|
|
170
|
-
noBackDrop
|
|
172
|
+
noBackDrop,
|
|
173
|
+
dataTestId= ""
|
|
171
174
|
}: PopupMenuBodyType) {
|
|
172
175
|
const { handleClose, popupPosition, opacity, callbackRef, buttonWidth } = usePopupContext()
|
|
173
176
|
return popupPosition ? (
|
|
174
177
|
<Modal
|
|
175
178
|
callbackRef={callbackRef}
|
|
176
179
|
onClick={handleClose}
|
|
180
|
+
data-testid={dataTestId}
|
|
177
181
|
rootClassName={`${rootClassName} popup-body ${!children ? 'popup-body--empty' : ''} ${Object.keys(
|
|
178
182
|
popupPosition,
|
|
179
183
|
).join(' ')}`}
|
|
@@ -4,7 +4,7 @@ import { ProgressingProps } from './Types'
|
|
|
4
4
|
export function Progressing({ pageLoader, size, theme, styles }: ProgressingProps): JSX.Element {
|
|
5
5
|
const loaderSize = size ? `${size}px` : pageLoader ? '48px' : '20px'
|
|
6
6
|
return (
|
|
7
|
-
<div className={`loader ${theme || 'default'}-background`} style={styles}>
|
|
7
|
+
<div className={`loader ${theme || 'default'}-background`} style={styles} data-testid="progressing">
|
|
8
8
|
<div style={{ width: loaderSize, height: loaderSize }}>
|
|
9
9
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" className="loader__svg">
|
|
10
10
|
<g fill="none" fillRule="evenodd" strokeLinecap="round">
|
|
@@ -18,8 +18,9 @@ export class RadioGroupItem extends Component<RadioGroupItemProps> {
|
|
|
18
18
|
onChange={context.onChange}
|
|
19
19
|
value={this.props.value}
|
|
20
20
|
checked={context.value === this.props.value}
|
|
21
|
+
data-testid={this.props.dataTestId}
|
|
21
22
|
/>
|
|
22
|
-
<span className="
|
|
23
|
+
<span className="form__raRadioGroupItemdio-item-content">
|
|
23
24
|
<span className="radio__button"></span>
|
|
24
25
|
<span className="radio__title">{this.props.children}</span>
|
|
25
26
|
</span>
|
package/src/Common/Reload.tsx
CHANGED
|
@@ -8,7 +8,7 @@ export default function Reload({ reload, className = '' }: ReloadType) {
|
|
|
8
8
|
}
|
|
9
9
|
return (
|
|
10
10
|
<article className={`flex w-100 h-100 ${className}`}>
|
|
11
|
-
<div className="flex column w-250 dc__align-center">
|
|
11
|
+
<div className="flex column w-250 dc__align-center" data-testid="reload">
|
|
12
12
|
<img src={loadingFailure} style={{ height: 'auto' }} className="w-100 mb-12" alt="load-error" />
|
|
13
13
|
<h3 className="title dc__bold">Failed to load</h3>
|
|
14
14
|
<div className="dc__empty__subtitle mb-20">
|
package/src/Common/Types.ts
CHANGED
|
@@ -45,6 +45,7 @@ export interface CheckboxProps {
|
|
|
45
45
|
rootClassName?: string
|
|
46
46
|
onClick?: (event) => void
|
|
47
47
|
id?: string
|
|
48
|
+
dataTestId?: string
|
|
48
49
|
}
|
|
49
50
|
|
|
50
51
|
export interface TippyCustomizedProps {
|
|
@@ -115,6 +116,7 @@ export interface ReloadType {
|
|
|
115
116
|
|
|
116
117
|
export interface RadioGroupItemProps {
|
|
117
118
|
value: string
|
|
119
|
+
dataTestId: string
|
|
118
120
|
}
|
|
119
121
|
|
|
120
122
|
export interface RadioGroupProps {
|
|
@@ -149,6 +151,7 @@ export interface PopupMenuButtonType {
|
|
|
149
151
|
tabIndex?: number
|
|
150
152
|
onHover?: boolean
|
|
151
153
|
isKebab?: boolean
|
|
154
|
+
dataTestId?: string;
|
|
152
155
|
}
|
|
153
156
|
|
|
154
157
|
export interface PopupMenuBodyType {
|
|
@@ -158,6 +161,7 @@ export interface PopupMenuBodyType {
|
|
|
158
161
|
autoWidth?: boolean
|
|
159
162
|
preventWheelDisable?: boolean
|
|
160
163
|
noBackDrop?: boolean
|
|
164
|
+
dataTestId?: string
|
|
161
165
|
}
|
|
162
166
|
|
|
163
167
|
export interface ModalType {
|