iguazio.dashboard-react-controls 3.2.8 → 3.2.12
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/components/FormToggle/FormToggle.d.ts.map +1 -1
- package/dist/components/FormToggle/FormToggle.mjs +0 -1
- package/dist/components/FormToggle/FormToggle.mjs.map +1 -1
- package/dist/components/TableCell/TableCell.d.ts.map +1 -1
- package/dist/components/TableCell/TableCell.mjs +46 -47
- package/dist/components/TableCell/TableCell.mjs.map +1 -1
- package/dist/elements/index.d.ts +1 -2
- package/dist/elements/index.d.ts.map +1 -1
- package/dist/elements/index.mjs +8 -10
- package/dist/elements/index.mjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/utils/common.util.mjs +1 -1
- package/dist/utils/datetime.util.d.ts.map +1 -1
- package/dist/utils/datetime.util.mjs +18 -23
- package/dist/utils/datetime.util.mjs.map +1 -1
- package/package.json +14 -7
- package/dist/elements/TableTagStatusCell/TableTagStatusCell.d.ts +0 -16
- package/dist/elements/TableTagStatusCell/TableTagStatusCell.d.ts.map +0 -1
- package/dist/elements/TableTagStatusCell/TableTagStatusCell.mjs +0 -49
- package/dist/elements/TableTagStatusCell/TableTagStatusCell.mjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormToggle.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"names":[],"mappings":";AA0BA;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"FormToggle.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"names":[],"mappings":";AA0BA;;;;;;;;;gBAkDC;;;;;;;;;;;;wBAtDuB,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormToggle.mjs","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport classnames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { Field } from 'react-final-form'\n\nimport Tip from '../Tip/Tip'\nimport { DENSITY } from '../../types.js'\n\nimport './formToggle.scss'\n\nconst FormToggle = ({\n className = '',\n density = '',\n label = '',\n labelTip = '',\n name,\n readOnly = false,\n onChange = () => {},\n ...inputProps\n}) => {\n const formFieldClassNames = classnames(\n '
|
|
1
|
+
{"version":3,"file":"FormToggle.mjs","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport classnames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { Field } from 'react-final-form'\n\nimport Tip from '../Tip/Tip'\nimport { DENSITY } from '../../types.js'\n\nimport './formToggle.scss'\n\nconst FormToggle = ({\n className = '',\n density = '',\n label = '',\n labelTip = '',\n name,\n readOnly = false,\n onChange = () => {},\n ...inputProps\n}) => {\n const formFieldClassNames = classnames(\n 'form-field-toggle',\n 'form-field__wrapper',\n density && `form-field__wrapper-${density}`,\n (label || labelTip) && 'form-field-toggle_has-label',\n className\n )\n\n return (\n <Field name={name} value={inputProps.value} type=\"checkbox\">\n {({ input }) => (\n <div\n className={formFieldClassNames}\n data-testid={name ? `${name}-form-field-toggle` : 'form-field-toggle'}\n >\n {(label || labelTip) && (\n <label htmlFor={name} className=\"form-field-toggle__label\">\n {label}\n {labelTip && <Tip text={labelTip} />}\n </label>\n )}\n <label htmlFor={name} className=\"form-field-toggle__toggle-wrapper\">\n <input\n type=\"checkbox\"\n data-testid={name ? `${name}-form-toggle` : 'form-toggle'}\n id={name}\n {...{ ...input, ...inputProps }}\n value={String(input.checked)}\n disabled={readOnly}\n onChange={event => {\n onChange?.(event)\n input.onChange(event)\n }}\n />\n <span className=\"form-field-toggle__switch\" />\n </label>\n </div>\n )}\n </Field>\n )\n}\n\nFormToggle.propTypes = {\n className: PropTypes.string,\n density: DENSITY,\n label: PropTypes.string,\n labelTip: PropTypes.string,\n name: PropTypes.string.isRequired,\n readOnly: PropTypes.bool,\n onChange: PropTypes.func\n}\n\nexport default FormToggle\n"],"names":["FormToggle","className","density","label","labelTip","name","readOnly","onChange","inputProps","formFieldClassNames","classnames","jsx","Field","input","jsxs","Tip","event","PropTypes","DENSITY"],"mappings":";;;;;;;;AA0BA,MAAMA,IAAa,CAAC;AAAA,EAClB,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW,MAAM;AAAA,EAAC;AAAA,EAClB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAsBC;AAAA,IAC1B;AAAA,IACA;AAAA,IACAR,KAAW,uBAAuBA,CAAO;AAAA,KACxCC,KAASC,MAAa;AAAA,IACvBH;AAAA,EAAA;AAGF,SACE,gBAAAU,EAACC,GAAA,EAAM,MAAAP,GAAY,OAAOG,EAAW,OAAO,MAAK,YAC9C,UAAA,CAAC,EAAE,OAAAK,EAAA,MACF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,eAAaJ,IAAO,GAAGA,CAAI,uBAAuB;AAAA,MAEhD,UAAA;AAAA,SAAAF,KAASC,MACT,gBAAAU,EAAC,SAAA,EAAM,SAAST,GAAM,WAAU,4BAC7B,UAAA;AAAA,UAAAF;AAAA,UACAC,KAAY,gBAAAO,EAACI,GAAA,EAAI,MAAMX,EAAA,CAAU;AAAA,QAAA,GACpC;AAAA,QAEF,gBAAAU,EAAC,SAAA,EAAM,SAAST,GAAM,WAAU,qCAC9B,UAAA;AAAA,UAAA,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAaN,IAAO,GAAGA,CAAI,iBAAiB;AAAA,cAC5C,IAAIA;AAAA,cACE,GAAGQ;AAAA,cAAO,GAAGL;AAAA,cACnB,OAAO,OAAOK,EAAM,OAAO;AAAA,cAC3B,UAAUP;AAAA,cACV,UAAU,CAAAU,MAAS;AACjB,gBAAAT,KAAA,QAAAA,EAAWS,IACXH,EAAM,SAASG,CAAK;AAAA,cACtB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAL,EAAC,QAAA,EAAK,WAAU,4BAAA,CAA4B;AAAA,QAAA,EAAA,CAC9C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEAX,EAAW,YAAY;AAAA,EACrB,WAAWiB,EAAU;AAAA,EACrB,SAASC;AAAA,EACT,OAAOD,EAAU;AAAA,EACjB,UAAUA,EAAU;AAAA,EACpB,MAAMA,EAAU,OAAO;AAAA,EACvB,UAAUA,EAAU;AAAA,EACpB,UAAUA,EAAU;AACtB;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"names":[],"mappings":";AAkCA;;;;;;;;;;;gBA6HC"}
|
|
@@ -1,100 +1,99 @@
|
|
|
1
|
-
import { jsx as s, jsxs as
|
|
2
|
-
import { cloneElement as
|
|
1
|
+
import { jsx as s, jsxs as C } from "react/jsx-runtime";
|
|
2
|
+
import { cloneElement as T } from "react";
|
|
3
3
|
import t from "prop-types";
|
|
4
4
|
import c from "classnames";
|
|
5
|
-
import
|
|
5
|
+
import i from "../Tooltip/Tooltip.mjs";
|
|
6
6
|
import j from "../ReadOnlyChips/ReadOnlyChips.mjs";
|
|
7
7
|
import I from "../../elements/TableLinkCell/TableLinkCell.mjs";
|
|
8
|
-
import O from "../../elements/
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import {
|
|
12
|
-
import
|
|
13
|
-
|
|
14
|
-
const S = ({
|
|
8
|
+
import O from "../../elements/TableTypeCell/TableTypeCell.mjs";
|
|
9
|
+
import p from "../TooltipTemplate/TextTooltipTemplate.mjs";
|
|
10
|
+
import { getChipOptions as A } from "../../utils/chips.util.mjs";
|
|
11
|
+
import { truncateUid as L } from "../../utils/string.util.mjs";
|
|
12
|
+
import _ from "../../images/arrow.svg.mjs";
|
|
13
|
+
const g = ({
|
|
15
14
|
cellData: e,
|
|
16
|
-
className:
|
|
15
|
+
className: m = "",
|
|
17
16
|
firstCell: h = !1,
|
|
18
17
|
item: r,
|
|
19
|
-
link:
|
|
20
|
-
onClick:
|
|
18
|
+
link: l = "",
|
|
19
|
+
onClick: d = null,
|
|
21
20
|
selectItem: y = () => {
|
|
22
21
|
},
|
|
23
22
|
selectedItem: b = {},
|
|
24
|
-
showExpandButton:
|
|
25
|
-
toggleRow:
|
|
23
|
+
showExpandButton: a = !1,
|
|
24
|
+
toggleRow: u = null
|
|
26
25
|
}) => {
|
|
27
|
-
const { value:
|
|
26
|
+
const { value: N, label: f, className: v } = r.state ?? {}, o = c(
|
|
28
27
|
"table-body__cell",
|
|
29
28
|
e.className,
|
|
30
|
-
|
|
29
|
+
m,
|
|
31
30
|
e.bodyCellClassName,
|
|
32
|
-
|
|
31
|
+
d && "link"
|
|
33
32
|
);
|
|
34
|
-
return e.template ?
|
|
35
|
-
className:
|
|
36
|
-
}) :
|
|
33
|
+
return e.template ? T(e.template, {
|
|
34
|
+
className: m
|
|
35
|
+
}) : l && e.type !== "hidden" ? /* @__PURE__ */ s(
|
|
37
36
|
I,
|
|
38
37
|
{
|
|
39
|
-
className:
|
|
38
|
+
className: m,
|
|
40
39
|
cellData: e,
|
|
41
40
|
item: r,
|
|
42
|
-
link:
|
|
41
|
+
link: l,
|
|
43
42
|
selectItem: y,
|
|
44
43
|
selectedItem: b,
|
|
45
|
-
showExpandButton:
|
|
46
|
-
toggleRow:
|
|
44
|
+
showExpandButton: a,
|
|
45
|
+
toggleRow: u
|
|
47
46
|
}
|
|
48
|
-
) : h && !
|
|
47
|
+
) : h && !l ? /* @__PURE__ */ C(
|
|
49
48
|
"td",
|
|
50
49
|
{
|
|
51
|
-
onClick: () => e.value &&
|
|
52
|
-
className:
|
|
50
|
+
onClick: () => e.value && d && d(e.value),
|
|
51
|
+
className: o,
|
|
53
52
|
children: [
|
|
54
53
|
/* @__PURE__ */ s("div", { className: "data-ellipsis", children: e && /* @__PURE__ */ s(
|
|
55
|
-
|
|
54
|
+
i,
|
|
56
55
|
{
|
|
57
|
-
template: /* @__PURE__ */ s(
|
|
56
|
+
template: /* @__PURE__ */ s(p, { text: e.tooltip || e.value || "" }),
|
|
58
57
|
children: e.value
|
|
59
58
|
}
|
|
60
59
|
) }),
|
|
61
|
-
r.state &&
|
|
62
|
-
!r.state && r.status && /* @__PURE__ */ s(
|
|
63
|
-
|
|
60
|
+
r.state && N && f && /* @__PURE__ */ s(i, { className: "status", template: /* @__PURE__ */ s(p, { text: f }), children: /* @__PURE__ */ s("i", { className: v }) }),
|
|
61
|
+
!r.state && r.status && /* @__PURE__ */ s(i, { className: "status", template: /* @__PURE__ */ s(p, { text: r.status }), children: /* @__PURE__ */ s("i", { className: `${r.status[0].toLowerCase()}${r.status.slice(1)}` }) }),
|
|
62
|
+
a && /* @__PURE__ */ s(_, { onClick: (n) => u && u(n, r), className: "expand-arrow" })
|
|
64
63
|
]
|
|
65
64
|
}
|
|
66
|
-
) : e.type === "type" ? /* @__PURE__ */ s(
|
|
67
|
-
|
|
65
|
+
) : e.type === "type" ? /* @__PURE__ */ s(O, { className: m, cellData: e }) : e.type === "icons" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: e.value.map((n, x) => /* @__PURE__ */ s(
|
|
66
|
+
i,
|
|
68
67
|
{
|
|
69
|
-
template: /* @__PURE__ */ s(
|
|
70
|
-
children:
|
|
68
|
+
template: /* @__PURE__ */ s(p, { text: n.tooltip }),
|
|
69
|
+
children: n.icon
|
|
71
70
|
},
|
|
72
|
-
|
|
73
|
-
)) }) : Array.isArray(e.value) ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className:
|
|
71
|
+
n.tooltip + x
|
|
72
|
+
)) }) : Array.isArray(e.value) ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ s(
|
|
74
73
|
j,
|
|
75
74
|
{
|
|
76
|
-
chipOptions:
|
|
75
|
+
chipOptions: A(e.type),
|
|
77
76
|
labels: e.value,
|
|
78
77
|
shortChips: !0
|
|
79
78
|
}
|
|
80
|
-
) }) : e.type === "hash" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className:
|
|
79
|
+
) }) : e.type === "hash" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ s(i, { template: /* @__PURE__ */ s(p, { text: e.value }), children: /* @__PURE__ */ s("span", { children: L(e.value) }) }) }) : e.type === "hidden" ? null : e.type === "component" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: e.value }) : /* @__PURE__ */ s(
|
|
81
80
|
"td",
|
|
82
81
|
{
|
|
83
82
|
"data-testid": e == null ? void 0 : e.headerId,
|
|
84
|
-
className:
|
|
85
|
-
onClick: () => e.value &&
|
|
83
|
+
className: o,
|
|
84
|
+
onClick: () => e.value && d && d(e.value),
|
|
86
85
|
children: /* @__PURE__ */ s(
|
|
87
|
-
|
|
86
|
+
i,
|
|
88
87
|
{
|
|
89
88
|
className: "text_small",
|
|
90
|
-
template: /* @__PURE__ */ s(
|
|
89
|
+
template: /* @__PURE__ */ s(p, { text: e.tooltip || e.value || "" }),
|
|
91
90
|
children: e.value
|
|
92
91
|
}
|
|
93
92
|
)
|
|
94
93
|
}
|
|
95
94
|
);
|
|
96
95
|
};
|
|
97
|
-
|
|
96
|
+
g.propTypes = {
|
|
98
97
|
cellData: t.object.isRequired,
|
|
99
98
|
className: t.string,
|
|
100
99
|
firstCell: t.bool,
|
|
@@ -107,6 +106,6 @@ S.propTypes = {
|
|
|
107
106
|
toggleRow: t.func
|
|
108
107
|
};
|
|
109
108
|
export {
|
|
110
|
-
|
|
109
|
+
g as default
|
|
111
110
|
};
|
|
112
111
|
//# sourceMappingURL=TableCell.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport ReadOnlyChips from '../ReadOnlyChips/ReadOnlyChips'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport
|
|
1
|
+
{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport ReadOnlyChips from '../ReadOnlyChips/ReadOnlyChips'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport TableTypeCell from '../../elements/TableTypeCell/TableTypeCell'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TableCell = ({\n cellData,\n className = '',\n firstCell = false,\n item,\n link = '',\n onClick = null,\n selectItem = () => {},\n selectedItem = {},\n showExpandButton = false,\n toggleRow = null\n}) => {\n const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n const cellClassNames = classnames(\n 'table-body__cell',\n cellData.className,\n className,\n cellData.bodyCellClassName,\n onClick && 'link'\n )\n\n if (cellData.template) {\n return cloneElement(cellData.template, {\n className\n })\n } else if (link && cellData.type !== 'hidden') {\n return (\n <TableLinkCell\n className={className}\n cellData={cellData}\n item={item}\n link={link}\n selectItem={selectItem}\n selectedItem={selectedItem}\n showExpandButton={showExpandButton}\n toggleRow={toggleRow}\n />\n )\n } else if (firstCell && !link) {\n return (\n <td\n onClick={() => cellData.value && onClick && onClick(cellData.value)}\n className={cellClassNames}\n >\n <div className=\"data-ellipsis\">\n {cellData && (\n <Tooltip\n template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n >\n {cellData.value}\n </Tooltip>\n )}\n </div>\n {item.state && stateValue && stateLabel && (\n <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n <i className={stateClassName} />\n </Tooltip>\n )}\n {!item.state && item.status && (\n <Tooltip className=\"status\" template={<TextTooltipTemplate text={item.status} />}>\n <i className={`${item.status[0].toLowerCase()}${item.status.slice(1)}`} />\n </Tooltip>\n )}\n {showExpandButton && (\n <Arrow onClick={e => toggleRow && toggleRow(e, item)} className=\"expand-arrow\" />\n )}\n </td>\n )\n } else if (cellData.type === 'type') {\n return <TableTypeCell className={className} cellData={cellData} />\n } else if (cellData.type === 'icons') {\n return (\n <td data-testid={cellData.headerId} className={cellClassNames}>\n {cellData.value.map((valueItem, index) => (\n <Tooltip\n key={valueItem.tooltip + index}\n template={<TextTooltipTemplate text={valueItem.tooltip} />}\n >\n {valueItem.icon}\n </Tooltip>\n ))}\n </td>\n )\n } else if (Array.isArray(cellData.value)) {\n return (\n <td data-testid={cellData.headerId} className={cellClassNames}>\n <ReadOnlyChips\n chipOptions={getChipOptions(cellData.type)}\n labels={cellData.value}\n shortChips\n />\n </td>\n )\n } else if (cellData.type === 'hash') {\n return (\n <td data-testid={cellData.headerId} className={cellClassNames}>\n <Tooltip template={<TextTooltipTemplate text={cellData.value} />}>\n <span>{truncateUid(cellData.value)}</span>\n </Tooltip>\n </td>\n )\n } else if (cellData.type === 'hidden') {\n return null\n } else if (cellData.type === 'component') {\n return (\n <td data-testid={cellData.headerId} className={cellClassNames}>\n {cellData.value}\n </td>\n )\n } else {\n return (\n <td\n data-testid={cellData?.headerId}\n className={cellClassNames}\n onClick={() => cellData.value && onClick && onClick(cellData.value)}\n >\n <Tooltip\n className=\"text_small\"\n template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n >\n {cellData.value}\n </Tooltip>\n </td>\n )\n }\n}\n\nTableCell.propTypes = {\n cellData: PropTypes.object.isRequired,\n className: PropTypes.string,\n firstCell: PropTypes.bool,\n item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onClick: PropTypes.func,\n selectItem: PropTypes.func,\n selectedItem: PropTypes.object,\n showExpandButton: PropTypes.bool,\n toggleRow: PropTypes.func\n}\n\nexport default TableCell\n"],"names":["TableCell","cellData","className","firstCell","item","link","onClick","selectItem","selectedItem","showExpandButton","toggleRow","stateValue","stateLabel","stateClassName","cellClassNames","classnames","cloneElement","jsx","TableLinkCell","jsxs","Tooltip","TextTooltipTemplate","Arrow","e","TableTypeCell","valueItem","index","ReadOnlyChips","getChipOptions","PropTypes"],"mappings":";;;;;;;;;;;;AAkCA,MAAMA,IAAY,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa,MAAM;AAAA,EAAC;AAAA,EACpB,cAAAC,IAAe,CAAA;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,EAAE,OAAOC,GAAY,OAAOC,GAAY,WAAWC,EAAA,IAAmBT,EAAK,SAAS,CAAA,GACpFU,IAAiBC;AAAA,IACrB;AAAA,IACAd,EAAS;AAAA,IACTC;AAAA,IACAD,EAAS;AAAA,IACTK,KAAW;AAAA,EAAA;AAGb,SAAIL,EAAS,WACJe,EAAaf,EAAS,UAAU;AAAA,IACrC,WAAAC;AAAA,EAAA,CACD,IACQG,KAAQJ,EAAS,SAAS,WAEjC,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAhB;AAAA,MACA,UAAAD;AAAA,MACA,MAAAG;AAAA,MACA,MAAAC;AAAA,MACA,YAAAE;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,IAGKP,KAAa,CAACE,IAErB,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAMlB,EAAS,SAASK,KAAWA,EAAQL,EAAS,KAAK;AAAA,MAClE,WAAWa;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,iBACZ,UAAAhB,KACC,gBAAAgB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,4BAAWC,GAAA,EAAoB,MAAMpB,EAAS,WAAWA,EAAS,SAAS,IAAI;AAAA,YAE9E,UAAAA,EAAS;AAAA,UAAA;AAAA,QAAA,GAGhB;AAAA,QACCG,EAAK,SAASO,KAAcC,KAC3B,gBAAAK,EAACG,GAAA,EAAQ,WAAU,UAAS,UAAU,gBAAAH,EAACI,GAAA,EAAoB,MAAMT,GAAY,GAC3E,4BAAC,KAAA,EAAE,WAAWC,GAAgB,GAChC;AAAA,QAED,CAACT,EAAK,SAASA,EAAK,UACnB,gBAAAa,EAACG,GAAA,EAAQ,WAAU,UAAS,UAAU,gBAAAH,EAACI,GAAA,EAAoB,MAAMjB,EAAK,OAAA,CAAQ,GAC5E,UAAA,gBAAAa,EAAC,KAAA,EAAE,WAAW,GAAGb,EAAK,OAAO,CAAC,EAAE,YAAA,CAAa,GAAGA,EAAK,OAAO,MAAM,CAAC,CAAC,IAAI,GAC1E;AAAA,QAEDK,KACC,gBAAAQ,EAACK,GAAA,EAAM,SAAS,CAAAC,MAAKb,KAAaA,EAAUa,GAAGnB,CAAI,GAAG,WAAU,eAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAI5EH,EAAS,SAAS,SACpB,gBAAAgB,EAACO,GAAA,EAAc,WAAAtB,GAAsB,UAAAD,EAAA,CAAoB,IACvDA,EAAS,SAAS,UAEzB,gBAAAgB,EAAC,MAAA,EAAG,eAAahB,EAAS,UAAU,WAAWa,GAC5C,UAAAb,EAAS,MAAM,IAAI,CAACwB,GAAWC,MAC9B,gBAAAT;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,UAAU,gBAAAH,EAACI,GAAA,EAAoB,MAAMI,EAAU,SAAS;AAAA,MAEvD,UAAAA,EAAU;AAAA,IAAA;AAAA,IAHNA,EAAU,UAAUC;AAAA,EAAA,CAK5B,GACH,IAEO,MAAM,QAAQzB,EAAS,KAAK,sBAElC,MAAA,EAAG,eAAaA,EAAS,UAAU,WAAWa,GAC7C,UAAA,gBAAAG;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,aAAaC,EAAe3B,EAAS,IAAI;AAAA,MACzC,QAAQA,EAAS;AAAA,MACjB,YAAU;AAAA,IAAA;AAAA,EAAA,GAEd,IAEOA,EAAS,SAAS,SAEzB,gBAAAgB,EAAC,QAAG,eAAahB,EAAS,UAAU,WAAWa,GAC7C,UAAA,gBAAAG,EAACG,GAAA,EAAQ,UAAU,gBAAAH,EAACI,KAAoB,MAAMpB,EAAS,MAAA,CAAO,GAC5D,UAAA,gBAAAgB,EAAC,QAAA,EAAM,YAAYhB,EAAS,KAAK,EAAA,CAAE,EAAA,CACrC,EAAA,CACF,IAEOA,EAAS,SAAS,WACpB,OACEA,EAAS,SAAS,cAEzB,gBAAAgB,EAAC,QAAG,eAAahB,EAAS,UAAU,WAAWa,GAC5C,YAAS,MAAA,CACZ,IAIA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAahB,KAAA,gBAAAA,EAAU;AAAA,MACvB,WAAWa;AAAA,MACX,SAAS,MAAMb,EAAS,SAASK,KAAWA,EAAQL,EAAS,KAAK;AAAA,MAElE,UAAA,gBAAAgB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,4BAAWC,GAAA,EAAoB,MAAMpB,EAAS,WAAWA,EAAS,SAAS,IAAI;AAAA,UAE9E,UAAAA,EAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAIR;AAEAD,EAAU,YAAY;AAAA,EACpB,UAAU6B,EAAU,OAAO;AAAA,EAC3B,WAAWA,EAAU;AAAA,EACrB,WAAWA,EAAU;AAAA,EACrB,MAAMA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,IAAI,CAAC;AAAA,EAC5D,MAAMA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,IAAI,CAAC;AAAA,EAC5D,SAASA,EAAU;AAAA,EACnB,YAAYA,EAAU;AAAA,EACtB,cAAcA,EAAU;AAAA,EACxB,kBAAkBA,EAAU;AAAA,EAC5B,WAAWA,EAAU;AACvB;"}
|
package/dist/elements/index.d.ts
CHANGED
|
@@ -5,8 +5,7 @@ import OptionsMenu from './OptionsMenu/OptionsMenu';
|
|
|
5
5
|
import SelectOption from './SelectOption/SelectOption';
|
|
6
6
|
import TableHead from './TableHead/TableHead';
|
|
7
7
|
import TableLinkCell from './TableLinkCell/TableLinkCell';
|
|
8
|
-
import TableTagStatusCell from './TableTagStatusCell/TableTagStatusCell';
|
|
9
8
|
import TableTypeCell from './TableTypeCell/TableTypeCell';
|
|
10
9
|
import ValidationTemplate from './ValidationTemplate/ValidationTemplate';
|
|
11
|
-
export { ActionsMenuItem, FormActionButton, FormRowActions, OptionsMenu, SelectOption, TableHead, TableLinkCell,
|
|
10
|
+
export { ActionsMenuItem, FormActionButton, FormRowActions, OptionsMenu, SelectOption, TableHead, TableLinkCell, TableTypeCell, ValidationTemplate };
|
|
12
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"4BAiB4B,mCAAmC;6BAClC,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;sBAChC,uBAAuB;0BACnB,+BAA+B
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"4BAiB4B,mCAAmC;6BAClC,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;sBAChC,uBAAuB;0BACnB,+BAA+B;0BAC/B,+BAA+B;+BAC1B,yCAAyC"}
|
package/dist/elements/index.mjs
CHANGED
|
@@ -1,23 +1,21 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
1
|
+
import { default as o } from "./ActionsMenuItem/ActionsMenuItem.mjs";
|
|
2
|
+
import { default as r } from "./FormActionButton/FormActionButton.mjs";
|
|
3
3
|
import { default as f } from "./FormRowActions/FormRowActions.mjs";
|
|
4
4
|
import { default as p } from "./OptionsMenu/OptionsMenu.mjs";
|
|
5
5
|
import { default as u } from "./SelectOption/SelectOption.mjs";
|
|
6
6
|
import { default as n } from "./TableHead/TableHead.mjs";
|
|
7
7
|
import { default as i } from "./TableLinkCell/TableLinkCell.mjs";
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as A } from "./
|
|
10
|
-
import { default as F } from "./ValidationTemplate/ValidationTemplate.mjs";
|
|
8
|
+
import { default as c } from "./TableTypeCell/TableTypeCell.mjs";
|
|
9
|
+
import { default as A } from "./ValidationTemplate/ValidationTemplate.mjs";
|
|
11
10
|
export {
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
o as ActionsMenuItem,
|
|
12
|
+
r as FormActionButton,
|
|
14
13
|
f as FormRowActions,
|
|
15
14
|
p as OptionsMenu,
|
|
16
15
|
u as SelectOption,
|
|
17
16
|
n as TableHead,
|
|
18
17
|
i as TableLinkCell,
|
|
19
|
-
|
|
20
|
-
A as
|
|
21
|
-
F as ValidationTemplate
|
|
18
|
+
c as TableTypeCell,
|
|
19
|
+
A as ValidationTemplate
|
|
22
20
|
};
|
|
23
21
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tooltip-template{padding:6px 8px;word-break:break-word}.tooltip__text{color:#fff;background-color:#4b4760;border-radius:4px}.tooltip__warning{color:#ea336a;background-color:#fff;box-shadow:0 5px 11px #0000002e}.btn{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#fff;font-weight:500;font-size:.875rem;font-style:normal;border:1px solid transparent;border-radius:4px}.btn-dense{height:36px}.btn-normal{height:40px}.btn-medium{height:44px}.btn-chunky{height:48px}.btn svg>*{fill:currentColor}.btn:focus{border-color:#0006}.btn:active{border-color:#0006}.btn:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn:disabled svg>*{fill:#dadada}.btn :not(:last-child){margin-right:10px}.btn :last-child{margin:0}.btn-secondary{background:#0fddaf}.btn-secondary:hover:not(:disabled){background:#1fcc9e}.btn-secondary:active:not(:disabled){background:#1db284}.btn-secondary:disabled{border:1px solid #0fddaf}.btn-tertiary{color:#4b4760;background:#fff;border:1px solid rgba(0,0,0,.2)}.btn-tertiary svg>*{fill:#4b4760}.btn-tertiary:hover:not(:disabled){background:#f8f7f8}.btn-tertiary:active:not(:disabled){background:#e7e7e7}.btn-tertiary:disabled{border:1px solid rgba(0,0,0,.2)}.btn-primary{color:#fff;background:#869cff}.btn-primary:hover:not(:disabled){background:#6279e7}.btn-primary:active:not(:disabled){background:#5468c7}.btn-primary:disabled{border:1px solid #869cff}.btn-danger{color:#fff;background:#ea336a}.btn-danger:hover:not(:disabled){background:#d22a5d}.btn-danger:active:not(:disabled){background:#bc2553}.btn-danger:disabled{border:1px solid #ea336a}.btn-label{color:#4b4760;background:transparent;border:0}.btn-label svg>*{fill:#4b4760}.btn-label:focus:not(:disabled){border-color:transparent}.btn-label:hover:not(:disabled){color:#7f7989}.btn-label:active:not(:disabled){color:#000;border-color:transparent}.btn-label:disabled{border-color:transparent}.round-icon-cp{position:relative;display:flex;align-items:center;margin:0 .2rem}.round-icon-cp__circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:4px}.round-icon-cp__circle>*{position:relative;z-index:2;display:inline-flex;margin:0!important}.round-icon-cp__circle:before{position:absolute;right:0;left:0;z-index:1;width:inherit;height:inherit;background-color:#483f561f;border-radius:50%;opacity:0;transition:opacity .3s ease-in-out;content:""}.round-icon-cp__circle:hover:before,.round-icon-cp__circle-active:before{opacity:1}.round-icon-cp__circle-disabled path{fill:#adabb0}.round-icon-cp__circle-disabled:hover:before{opacity:0}.pop-up-dialog{position:relative;width:477px;max-height:90vh;padding:20px;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003}.pop-up-dialog__buttons_wrapper{display:flex}.pop-up-dialog__overlay{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#333333bf;z-index:9}.pop-up-dialog__overlay.custom-position{width:auto;height:auto;background:unset}.pop-up-dialog__header{display:flex;align-items:baseline;justify-content:space-between;min-height:30px;margin-bottom:15px}.pop-up-dialog__header-text{width:100%;color:#4b4760;font-size:24px;line-height:28px;word-break:break-word}.pop-up-dialog__header-close{width:14px;height:14px;margin:5px 0 5px auto;cursor:pointer}.pop-up-dialog__footer-container{display:flex;justify-content:flex-end;margin-top:20px}.pop-up-dialog__btn_cancel{margin:0 10px}.pop-up-dialog__btn_close{position:absolute;top:10px;right:10px}.pop-up-dialog__form-input{width:100%}.confirm-dialog{color:#4b4760}.confirm-dialog__message{font-size:15px;line-height:24px}.confirm-dialog__message-only{font-size:22px}.confirm-dialog__btn-container{display:flex;justify-content:flex-end;margin-top:20px}.confirm-dialog__body{margin:20px 0}.tooltip{position:fixed;font-weight:400;font-size:15px;line-height:1.4;display:flex;max-width:400px;z-index:9}.actions-menu__icon{display:none;align-items:center;justify-content:center;width:25px;height:25px;margin-right:5px}.actions-menu__icon svg path:first-child{fill:#7f7989}.actions-menu__icon_visible{display:flex}.actions-menu__option{padding:10px;color:#4b4760;cursor:pointer}.actions-menu__option:hover{background-color:#f8f7f8}.actions-menu__option_danger{color:#ea336a}.actions-menu__option_danger svg path:first-child{fill:#ea336a}.actions-menu__option_disabled{color:#adabb0;cursor:not-allowed}.actions-menu__option_disabled .actions-menu__icon svg path:first-child{fill:#0003}.actions-menu__option>*{display:flex;flex:1;align-items:center;justify-content:flex-start;width:100%}.actions-menu{position:relative}.actions-menu__container{position:relative;display:none}.actions-menu__container_extended{position:absolute;right:0;display:none;align-items:center;justify-content:center;background-color:#f5f7ff;height:100%}.actions-menu__container_extended:before{content:"";width:30px;height:100%;position:absolute;display:block;left:-30px;background:linear-gradient(90deg,#fff0,#f5f7ff)}.actions-menu__container_extended .actions-menu{padding:0 5px 0 0}.actions-menu__container-active{display:flex}.actions-menu__main-actions-wrapper{display:flex;align-items:center;justify-content:center}.actions-menu__body{min-width:150px;max-width:250px}.actions-menu__body .pop-up-dialog{width:100%;padding:0}.actions-menu__list{list-style-type:none;margin:0;padding:0}.error{display:flex;justify-content:space-between;padding:10px 14px;color:#ea336a;background-color:#ea336a1a;border:1px solid #ea336a}.error__data{display:flex;align-items:center}.error__message{margin-right:10px;word-break:break-word}.error__icon{width:22px;height:22px;margin-right:10px;padding:5px;background-color:#eb5757;border-radius:50%}.form-field-checkbox{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760}.form-field-checkbox_readonly input{pointer-events:none;opacity:.5}.form-field-checkbox_readonly input~label,.form-field-checkbox_readonly input~.label{pointer-events:none;opacity:.5}.form-field-checkbox input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;border-radius:4px;transition:background .2s ease-in-out;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-checkbox input[type=checkbox]:checked:hover{color:#6279e7}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-checkbox input[type=checkbox]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled~label,.form-field-checkbox input[type=checkbox]:disabled~.label{color:#adabb0;cursor:not-allowed}.form-field-checkbox input[type=checkbox]:not(:disabled):focus,.form-field-checkbox input[type=checkbox]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-checkbox input[type=checkbox]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-checkbox input[type=checkbox]~label,.form-field-checkbox input[type=checkbox]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-checkbox input[type=checkbox]:before{content:"";display:block;position:absolute;top:1px;left:5px;width:6px;height:11px;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-field-checkbox input[type=checkbox]:checked{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{background:currentColor}.form-field-checkbox input[type=checkbox]:disabled:hover{background:#fff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked~label.highlighted{color:#fff;background-color:#869cff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked:hover~label.highlighted{background-color:#6279e7}.form-field-checkbox input[type=checkbox]~label.highlighted{background-color:#e9e8eb;font-size:12px;font-weight:700;margin-left:10px;padding:4px 8px;border-radius:4px}.form-field-checkbox input[type=checkbox]:not(:disabled):hover~label.highlighted{background-color:#dfe2e5}.options-menu__body{width:100%;max-height:250px;margin:0;padding:0;overflow-y:auto;color:#483f56de;font-size:1rem;list-style-type:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 10px #0003}.options-menu .pop-up-dialog{width:100%;padding:0}.options-menu-transition-enter{opacity:0}.options-menu-transition-enter-active{opacity:1;transition:opacity .3s ease-in-out}.options-menu-transition-exit{opacity:1}.options-menu-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.validation-option{display:flex;align-items:flex-start;margin:.6rem 0;padding:0 1rem;font-size:.875rem}.validation-option__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.5rem}.validation-option__icon_valid{width:14px;height:15px}.validation-option__icon_valid path{fill:#0fddaf}.validation-option__icon_invalid{width:12px;height:12px}.validation-option__icon_invalid path{fill:#ea336a}.edit-chip-container{display:inline-flex;max-width:100%;margin:2px 0;padding:0 8px;font-size:14px;line-height:22px}.edit-chip-container input{display:flex;padding:0;font-size:14px;background-color:transparent;border:none}.edit-chip-container input[disabled]{pointer-events:none}.edit-chip-container input.item_edited_invalid{color:#ea336a}.edit-chip-container input.input-label-key::placeholder,.edit-chip-container input.input-label-value::placeholder{color:#7f7989}.edit-chip-container-background_none{background-color:transparent}.edit-chip-container-background_green{background-color:#13bbb13d}.edit-chip-container-background_grey{background-color:#483f561f}.edit-chip-container-background_orange{background-color:#ffd0775c}.edit-chip-container-background_purple{background-color:#a44cc529}.edit-chip-container-background_amethyst{background-color:#a44cc5}.edit-chip-container-background_sorbus{background-color:#f98b0a}.edit-chip-container-background_java{background-color:#13bbb1}.edit-chip-container-border_transparent{border:1px solid transparent}.edit-chip-container-border_green{border:1px solid #49af53}.edit-chip-container-border_grey{border:1px solid rgba(0,0,0,.2)}.edit-chip-container-border_orange{border:1px solid #ea7f54}.edit-chip-container-border_purple{border:1px solid #a44cc5}.edit-chip-container-border_primary{border-radius:4px}.edit-chip-container-border_secondary{border-radius:20px}.edit-chip-container-density_dense{height:26px}.edit-chip-container-density_normal{height:32px;padding:8px 15px}.edit-chip-container-density_medium{height:34px;padding:8px 15px;font-size:15px}.edit-chip-container-font_primary,.edit-chip-container-font_primary .input-label-key,.edit-chip-container-font_primary .input-label-value,.edit-chip-container-font_primary .edit-label-separator{color:#4b4760}.edit-chip-container-font_primary .item-icon-close svg path{fill:#4b4760}.edit-chip-container-font_green,.edit-chip-container-font_green .input-label-key,.edit-chip-container-font_green .input-label-value,.edit-chip-container-font_green .edit-label-separator{color:#49af53}.edit-chip-container-font_green .item-icon-close svg path{fill:#49af53}.edit-chip-container-font_white,.edit-chip-container-font_white .input-label-key,.edit-chip-container-font_white .input-label-value,.edit-chip-container-font_white .edit-label-separator{color:#fff}.edit-chip-container-font_white .item-icon-close svg path{fill:#fff}.edit-chip-container-font_orange,.edit-chip-container-font_orange .input-label-key,.edit-chip-container-font_orange .input-label-value,.edit-chip-container-font_orange .edit-label-separator{color:#f98b0a}.edit-chip-container-font_orange .item-icon-close svg path{fill:#f98b0a}.edit-chip-container-font_purple,.edit-chip-container-font_purple .input-label-key,.edit-chip-container-font_purple .input-label-value,.edit-chip-container-font_purple .edit-label-separator{color:#a44cc5}.edit-chip-container-font_purple .item-icon-close svg path{fill:#a44cc5}.edit-chip-container-font_disabled,.edit-chip-container-font_disabled .input-label-key,.edit-chip-container-font_disabled .input-label-value,.edit-chip-container-font_disabled .edit-label-separator{color:#adabb0}.edit-chip-container-font_disabled .item-icon-close svg path{fill:#adabb0}.edit-chip-container button.item-icon-close{display:flex;align-items:center;justify-content:center}.edit-chip-container button.item-icon-close.hidden{display:none}.edit-chip-container button.item-icon-close.invisible{visibility:hidden}.edit-chip-container button.item-icon-close svg{transform:scale(.7)}.edit-chip-container_disabled{cursor:not-allowed}.edit-chip-separator{margin-right:5px}.chip{position:relative;margin:2px 8px 2px 0;padding:4px 8px;font-size:14px;line-height:16px;visibility:hidden;cursor:default}.chip_visible{visibility:visible}.chip_invisible{visibility:hidden;height:30px}.chip__content{display:flex;align-items:center}.chip__content-item{flex:1 1 50%;max-width:fit-content;align-self:flex-start}.chip__delimiter{display:flex;align-items:center;margin:0 4px}.chip__value{min-width:10px}.chip.editable{cursor:pointer}.chip.chips_button{padding:8px 7px;width:max-content}.chip-background_none{background-color:transparent}.chip-background_green{background-color:#13bbb13d}.chip-background_grey{background-color:#483f561f}.chip-background_orange{background-color:#ffd0775c}.chip-background_purple{background-color:#a44cc529}.chip-background_amethyst{background-color:#a44cc5}.chip-background_sorbus{background-color:#f98b0a}.chip-background_java{background-color:#13bbb1}.chip-border_transparent{border:1px solid transparent}.chip-border_green{border:1px solid #49af53}.chip-border_grey{border:1px solid rgba(0,0,0,.2)}.chip-border_orange{border:1px solid #ea7f54}.chip-border_purple{border:1px solid #a44cc5}.chip-border_primary{border-radius:4px}.chip-border_secondary{border-radius:20px}.chip-density_dense{height:26px}.chip-density_normal{height:32px;padding:8px 15px}.chip-density_medium{height:34px;padding:8px 15px;font-size:15px}.chip-density_medium .item-icon-close{transform:scale(1.2)}.chip-font_white{color:#fff}.chip-font_white .item-icon-close svg path{fill:#fff}.chip-font_green{color:#49af53}.chip-font_green .item-icon-close svg path{fill:#49af53}.chip-font_purple{color:#a44cc5}.chip-font_purple .item-icon-close svg path{fill:#a44cc5}.chip-font_primary{color:#4b4760}.chip-font_primary .item-icon-close svg path{fill:#4b4760}.chip-font_orange{color:#f98b0a}.chip-font_orange .item-icon-close svg path{fill:#f98b0a}.chip-value_bold{font-weight:700;font-size:15px}.loader-wrapper{position:fixed;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#00000029}.loader-wrapper .loader{display:flex}.loader-wrapper .loader:after{display:block;width:64px;height:64px;border:6px solid #6279e7;border-color:#6279e7 transparent #6279e7 transparent;border-radius:50%;animation:rotate 1.5s linear infinite;content:" "}.loader-wrapper.section-loader{position:relative;z-index:2;background-color:transparent}.loader-wrapper.small-loader .loader:after{width:20px;height:20px;border-width:2px}.loader-wrapper.secondary-loader .loader:after{border-color:#adabb0 transparent #adabb0 transparent}@keyframes rotate{to{transform:rotate(360deg)}}.tip-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--arrow-length)}.tip{position:fixed;display:block;padding:10px;color:#fff;white-space:pre-line;background:#4b4760;border-radius:4px;z-index:9}.tip-wrapper{display:inline-flex;align-items:center}.tip_top:after{bottom:calc(var(--tipArrowLength) * -.5)}.tip_bottom:after{top:calc(var(--tipArrowLength) * -.5)}.tip_left:after{right:calc(var(--tipArrowOffset))}.tip_right:after{left:calc(var(--tipArrowOffset))}.tip_small{min-width:100px;max-width:250px}.tip_big{min-width:250px;max-width:400px}.tip:after{position:absolute;width:var(--tipArrowLength);height:var(--tipArrowLength);background:#4b4760;transform:rotate(45deg);content:""}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s}.btn-load{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#4b4760;font-weight:500;font-size:14px;font-style:normal;line-height:16px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px}.btn-load svg path{fill:#fff}.btn-load:active{background:#eee}.btn-load:hover{background:#f8f7f8}.btn-load:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn-load:disabled svg path{fill:#dadada}.btn-load :first-child{margin-right:5px}.btn-load-primary{border-bottom:4px solid #0fddaf}.btn-load-primary:disabled{border-bottom:4px solid #c5f7ec}.btn-load-secondary{border-bottom:4px solid #869cff}.btn-load-secondary:disabled{border-bottom:4px solid #e2e7ff}.btn-load-tertiary{border-bottom:4px solid #adabb0}.btn-load-tertiary svg path{fill:#4b4760}.btn-load-tertiary:disabled{border-bottom:4px solid #ebebec}.chips{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.chips__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.chips__label:first-letter{text-transform:uppercase}.chips__label-mandatory{color:#ea336a}.chips__label-disabled,.chips__label-disabled .form-field__label-mandatory{color:#adabb0}.chips__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.chips__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.chips__wrapper-invalid{border:1px solid #ea336a}.chips__wrapper.without-border{border-color:transparent}.chips__wrapper-dense{height:36px}.chips__wrapper-normal{height:40px}.chips__wrapper-medium{height:44px}.chips__wrapper-chunky{height:48px}.chips__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.chips__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.chips__icons>*{display:flex;align-items:center;padding:0 4px}.chips__icons>*:last-child{margin-right:4px}.chips{height:auto;min-width:0}.chips__wrapper{padding:12px 16px}.chips-wrapper{display:flex;flex-flow:row;align-items:center;overflow:hidden}.chips-wrapper.chips-wrapper_all-visible{flex-wrap:wrap}.chips-cell{display:flex;flex:1;align-items:center;max-width:100%}.chips-cell .fixed-max-width{max-width:100%}.chips-cell .chip-block{position:relative;max-width:100%;margin-right:calc(var(--chipBlockMarginRight))}.chips-cell .button-add{display:flex;align-items:center;justify-content:center;margin:2px 0;border-radius:32px}.chips-cell .button-add-background_orange{background-color:#ffd0775c}.chips-cell .button-add-background_orange:hover{background-color:#f98b0a}.chips-cell .button-add-background_purple{background-color:#a44cc529}.chips-cell .button-add-background_purple:hover{background-color:#a44cc5}.chips-cell .button-add-background_green{background-color:#13bbb13d}.chips-cell .button-add-background_green:hover{background-color:#13bbb1}.chips-cell .button-add-background_grey{background-color:#483f561f}.chips-cell .button-add-background_grey:hover{background-color:#7f7989}.chips-cell .button-add_border_transparent{border:1px solid transparent}.chips-cell .button-add_border_green{border:1px solid #49af53}.chips-cell .button-add_border_grey{border:1px solid rgba(0,0,0,.2)}.chips-cell .button-add_border_orange{border:1px solid #ea7f54}.chips-cell .button-add_border_purple{border:1px solid #a44cc5}.chips-cell .button-add_border_primary{border-radius:4px}.chips-cell .button-add_border_secondary{border-radius:20px}.chips-cell .button-add-density_dense{width:26px;height:26px}.chips-cell .button-add-density_normal{width:32px;height:32px}.chips-cell .button-add-density_medium{width:34px;height:34px}.chips-cell .button-add-font_primary svg rect,.chips-cell .button-add-font_primary svg path{fill:#7f7989}.chips-cell .button-add-font_primary:hover svg rect,.chips-cell .button-add-font_primary:hover svg path{fill:#fff}.chips-cell .button-add-font_green svg rect,.chips-cell .button-add-font_green svg path{fill:#49af53}.chips-cell .button-add-font_green:hover svg rect,.chips-cell .button-add-font_green:hover svg path{fill:#fff}.chips-cell .button-add-font_orange svg rect,.chips-cell .button-add-font_orange svg path{fill:#f98b0a}.chips-cell .button-add-font_orange:hover svg rect,.chips-cell .button-add-font_orange:hover svg path{fill:#fff}.chips-cell .button-add-font_purple svg rect,.chips-cell .button-add-font_purple svg path{fill:#a44cc5}.chips-cell .button-add-font_purple:hover svg rect,.chips-cell .button-add-font_purple:hover svg path{fill:#fff}.chips input:disabled{cursor:default}.form-field.form-field-combobox{width:100%}.form-field.form-field-combobox .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field.form-field-combobox .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field.form-field-combobox .form-field__label:first-letter{text-transform:uppercase}.form-field.form-field-combobox .form-field__label-mandatory{color:#ea336a}.form-field.form-field-combobox .form-field__label-disabled,.form-field.form-field-combobox .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field.form-field-combobox .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field.form-field-combobox .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field.form-field-combobox .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field.form-field-combobox .form-field__wrapper.without-border{border-color:transparent}.form-field.form-field-combobox .form-field__wrapper-dense{height:36px}.form-field.form-field-combobox .form-field__wrapper-normal{height:40px}.form-field.form-field-combobox .form-field__wrapper-medium{height:44px}.form-field.form-field-combobox .form-field__wrapper-chunky{height:48px}.form-field.form-field-combobox .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field.form-field-combobox .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field.form-field-combobox .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field.form-field-combobox .form-field__icons>*:last-child{margin-right:4px}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon{cursor:pointer;padding:0;transition:transform .2s linear}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon_open{transform:rotate(90deg);transform-origin:center center}.form-field.form-field-combobox .form-field-combobox__placeholder{color:#7f7989;font-size:15px;text-align:left;text-transform:capitalize;background-color:transparent}.form-field.form-field-combobox .form-field-combobox__placeholder label{cursor:inherit}.form-field.form-field-combobox .form-field-combobox__select{padding:0;overflow:visible}.form-field.form-field-combobox .form-field-combobox__select-header{display:flex;flex:1;align-items:center;cursor:pointer;height:100%}.form-field.form-field-combobox .form-field-combobox__input{width:100%;padding:0 8px 0 0}.form-field.form-field-combobox .form-field-combobox__input_hidden{flex:0}.form-field-combobox__search{width:100%;padding:12px 0}.form-field-combobox__search-wrapper{position:sticky;top:0;display:flex;align-items:center;margin:0 9px;border-bottom:1px solid rgba(72,63,86,.12);background-color:#fff}.form-field-combobox__dropdown-select{max-width:220px}.form-field-combobox__dropdown-suggestions{max-width:350px}.form-field-combobox__dropdown-list{margin:0;padding:0;min-width:140px;list-style-type:none}.form-field-combobox__dropdown-list-option{padding:8px 15px;word-break:break-all;cursor:pointer}.form-field-combobox__dropdown-list-option:hover{background-color:#f8f7f8}.form-field-combobox__dropdown .pop-up-dialog{width:100%;max-height:250px;padding:0}.form-field-combobox .path-type-store,.form-field-combobox__dropdown .path-type-store{color:#a44cc5}.form-field-combobox .path-type-v3io,.form-field-combobox__dropdown .path-type-v3io{color:#5871f4}.form-field-combobox .path-type-az,.form-field-combobox .path-type-gs,.form-field-combobox .path-type-http,.form-field-combobox .path-type-https,.form-field-combobox .path-type-s3,.form-field-combobox__dropdown .path-type-az,.form-field-combobox__dropdown .path-type-gs,.form-field-combobox__dropdown .path-type-http,.form-field-combobox__dropdown .path-type-https,.form-field-combobox__dropdown .path-type-s3{color:#f98b0a}.form-field-combobox .path-type-dbfs,.form-field-combobox__dropdown .path-type-dbfs{color:#49af53}.form-field-range{align-self:stretch}.form-field-range .range__buttons{display:flex;flex-direction:column;justify-content:center;width:28px;height:100%}.form-field-range .range__button{display:flex;width:100%;height:calc(50% + 1px);align-items:center;justify-content:center;padding:0;background-color:#f5f5f5;cursor:pointer}.form-field-range .range__button svg path{fill:#7f7989}.form-field-range .range__button:hover{background-color:#e7e7e7}.form-field-range .range__button:hover svg path{fill:#4b4760}.form-field-range .range__button:focus{border:1px solid #7f7989}.form-field-range .range__button:active{background-color:#0003;border:1px solid #7f7989}.form-field-range .range__button:active svg path{fill:#4b4760}.form-field-range .range__button:disabled{cursor:not-allowed}.form-field-range .range__button:disabled svg path{fill:#adabb0}.form-field-range .range__button:disabled:focus{border:none}.form-field-range .range__button:disabled:hover{background-color:#f5f5f5}.form-field-range .range__button-increase{border-bottom:1px solid transparent;border-left:1px solid transparent;border-top-right-radius:4px}.form-field-range .range__button-decrease{border-top:1px solid transparent;border-left:1px solid transparent;border-bottom-right-radius:4px}.form-field-range .range__button .decrease{transform:rotate(180deg)}.form-field-range .range-warning{border:1px solid #ea336a}.form-field-range .range-warning_asterisk{position:absolute;top:50%;right:35px;color:#ea336a;transform:translateY(-50%)}.form-field-range .range-warning .range__button-increase{border-top:1px solid #ea336a;border-right:1px solid #ea336a}.form-field-range .range-warning .range__button-decrease{border-right:1px solid #ea336a;border-bottom:1px solid #ea336a}.form-field-range .range__warning-icon{position:absolute;top:50%;right:30px;transform:translateY(-50%)}.form-field-input{width:100%}.form-field-input input{height:inherit;width:100%;padding:12px 16px}.form-field-input .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-input .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-input .form-field__label:first-letter{text-transform:uppercase}.form-field-input .form-field__label-mandatory{color:#ea336a}.form-field-input .form-field__label-disabled,.form-field-input .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-input .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-input .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-input .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-input .form-field__wrapper.without-border{border-color:transparent}.form-field-input .form-field__wrapper-dense{height:36px}.form-field-input .form-field__wrapper-normal{height:40px}.form-field-input .form-field__wrapper-medium{height:44px}.form-field-input .form-field__wrapper-chunky{height:48px}.form-field-input .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-input .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-input .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-input .form-field__icons>*:last-child{margin-right:4px}.form-field-input .form-field__label-icon{display:inline-flex;margin-left:3px}.form-field-input .form-field__label-icon>*,.form-field-input .form-field__label-icon a{display:inline-flex}.form-field-input .form-field__label-icon a{transform:translateY(-1px)}.form-field-input .form-field__label-icon svg{width:12px;height:12px}.form-field-input .form-field__label-icon svg path{fill:#6279e7}.form-field-input .form-field__suggestion-list{position:absolute;top:100%;left:0;z-index:5;margin:0;padding:7px 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003}.form-field-input .form-field__suggestion-list .suggestion-item{padding:7px 15px;color:#483f56;list-style-type:none}.form-field-input .form-field__suggestion-list .suggestion-item:hover{background-color:#f8f7f8;cursor:pointer}.form-field-input input[type=number]{border:none;-moz-appearance:textfield}.form-field-input input[type=number]::-webkit-outer-spin-button,.form-field-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.select__item{display:flex;align-items:center;flex-flow:row wrap;width:100%;min-height:45px;padding:10px 15px}.select__item.multiple{padding:0 15px;min-height:0}.select__item.multiple input[type=checkbox]~label{padding-top:16px;padding-bottom:16px}.select__item.hidden{display:none}.select__item .form-field-checkbox{flex:1;height:100%;width:100%}.select__item:hover{background-color:#f8f7f8;cursor:pointer}.select__item.disabled{color:#adabb0;background:#fff;cursor:not-allowed}.select__item .status{margin:0 10px}.select__item .all{margin:0;display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background-color:none}.select__item .label-row{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%}.select__item-label{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;flex:1}.select__item-main-label{width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.select__item-sub-label{margin-top:5px;font-size:13px;width:100%}.select__item-icon{display:flex;margin-right:10px}.select__item .checkmark{align-self:flex-start;margin:0 0 0 10px}.select__item .checkmark path{fill:#49af53}.select-tooltip,.form-field-select{width:100%}.form-field-select .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-select .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-select .form-field__label:first-letter{text-transform:uppercase}.form-field-select .form-field__label-mandatory{color:#ea336a}.form-field-select .form-field__label-disabled,.form-field-select .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-select .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-select .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-select .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-select .form-field__wrapper.without-border{border-color:transparent}.form-field-select .form-field__wrapper-dense{height:36px}.form-field-select .form-field__wrapper-normal{height:40px}.form-field-select .form-field__wrapper-medium{height:44px}.form-field-select .form-field__wrapper-chunky{height:48px}.form-field-select .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-select .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-select .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-select .form-field__icons>*:last-child{margin-right:4px}.form-field-select .form-field__wrapper{cursor:pointer}.form-field-select .form-field__wrapper-active{background:#f8f7f8}.form-field-select .form-field__wrapper-disabled{cursor:not-allowed}.form-field-select .form-field__wrapper-disabled .form-field__caret path{fill:#adabb0}.form-field-select .form-field__select{display:flex;align-items:center;width:100%;padding:0 20px 0 16px}.form-field-select .form-field__select-value{display:block;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-field-select .form-field__select-placeholder{color:#adabb0}.form-field-select .form-field__select-sub_label{display:block;margin-left:10px;overflow:hidden;color:#7f7989;white-space:nowrap;text-overflow:ellipsis}.form-field-select__options-list .pop-up-dialog{width:100%;padding:0;border-radius:0}.form-field-select__options-list .options-list{margin:0;padding:0;list-style-type:none;max-height:250px;overflow-y:auto}.form-field-select__options-list .options-list__body{width:100%;color:#483f56de;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 4px 8px #0000003b}.form-field-select__options-list .options-list__search{width:100%}.form-field-select__options-list .options-list__search input{width:100%;padding:10px;border:none;border-bottom:1px solid rgba(0,0,0,.2)}.form-field-radio{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760;margin-right:15px}.form-field-radio_readonly input{pointer-events:none;opacity:.5}.form-field-radio_readonly input~label,.form-field-radio_readonly input~.label{pointer-events:none;opacity:.5}.form-field-radio input[type=radio]{width:16px;height:16px;border-radius:50%;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-radio input[type=radio]:checked:hover{color:#6279e7}.form-field-radio input[type=radio]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-radio input[type=radio]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled~label,.form-field-radio input[type=radio]:disabled~.label{color:#adabb0;cursor:not-allowed}@keyframes pulse-animation{20%{box-shadow:0 0 #6279e780}to{box-shadow:0 0 0 6px #6279e700}}.form-field-radio input[type=radio]:not(:disabled):focus,.form-field-radio input[type=radio]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-radio input[type=radio]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-radio input[type=radio]~label,.form-field-radio input[type=radio]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-radio input[type=radio]:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform .2s ease-in-out;box-shadow:inset 1em 1em currentColor}.form-field-radio input[type=radio]:checked:before{transform:scale(1)}.form-field-textarea{width:100%}.form-field-textarea textarea{height:inherit;width:100%;padding:12px 16px;white-space:normal}.form-field-textarea .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-textarea .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-textarea .form-field__label:first-letter{text-transform:uppercase}.form-field-textarea .form-field__label-mandatory{color:#ea336a}.form-field-textarea .form-field__label-disabled,.form-field-textarea .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-textarea .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-textarea .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-textarea .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-textarea .form-field__wrapper.without-border{border-color:transparent}.form-field-textarea .form-field__wrapper-dense{height:36px}.form-field-textarea .form-field__wrapper-normal{height:40px}.form-field-textarea .form-field__wrapper-medium{height:44px}.form-field-textarea .form-field__wrapper-chunky{height:48px}.form-field-textarea .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-textarea .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-textarea .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-textarea .form-field__icons>*:last-child{margin-right:4px}.form-field-textarea .form-field__wrapper .form-field__control{padding:0}.form-field-textarea .form-field__counter{color:#7f7989;font-size:12px;margin-top:5px;text-align:right}.form-field-toggle{display:inline-flex;align-items:center;justify-content:flex-start}.form-field-toggle_has-label{gap:10px}.form-field-toggle__label{display:flex;align-items:center}.form-field-toggle__toggle-wrapper{position:relative;display:inline-flex;cursor:pointer}.form-field-toggle__switch{height:24px;width:48px;display:flex;cursor:pointer;align-items:center;background-color:#dadada;border-radius:20px;transition:all .2s ease;box-shadow:0 1px 3px #0003}.form-field-toggle__switch:before{content:"";width:20px;height:20px;background-color:#fff;border-radius:50%;transform:translate(2px);transition:all .2s ease;box-shadow:0 1px 2px #0003}.form-field-toggle .form-field__wrapper{border:none}.form-field-toggle input[type=checkbox]{display:none;width:0;height:0}.form-field-toggle input[type=checkbox]:disabled+.form-field-toggle__switch{opacity:.5;pointer-events:none;cursor:default}.form-field-toggle input[type=checkbox]:checked+.form-field-toggle__switch{background-color:#869cff}.form-field-toggle input[type=checkbox]:checked+.form-field-toggle__switch:before{transform:translate(26px)}.form-field-toggle .form-field-toggle__toggle-wrapper:not(:has(input:disabled)):hover .form-field-toggle__switch{opacity:.9}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9}.backdrop-transition-enter{opacity:0}.backdrop-transition-enter-active,.backdrop-transition-enter-done{opacity:.5;transition:opacity .3s ease-in-out}.backdrop-transition-exit{opacity:.5}.backdrop-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.modal{position:fixed;top:50%;left:50%;width:100%;height:660px;max-width:96%;min-width:300px;max-height:96%;outline:0;transform:translate(-50%,-50%);z-index:9}@media screen and (min-width:1200px){.modal{width:1000px}.modal.modal-sm{width:700px}.modal.modal-lg{width:1400px}.modal.modal-max{width:95vw;height:95vh}}.modal.modal-min{width:500px;height:auto}.modal.modal-max{width:96vw;height:94vw}.modal__content{display:flex;flex-flow:column nowrap;position:relative;min-height:inherit;height:100%;width:100%;max-height:100%;background-color:#fff;border-radius:8px;box-shadow:0 6px 26px #0003;text-align:left}.modal__header{position:relative;border-bottom:1px solid rgba(0,0,0,.2);min-height:92px;padding:1rem 3rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.modal__header-title{color:#4b4760;font-size:2em;text-transform:capitalize;margin:0}.modal__header-sub-title{color:#7f7989;font-size:1.5em;font-weight:500;margin:10px 0 0}.modal__header-preview-text{position:absolute;top:1rem;left:1rem;font-size:1rem}.modal__header-button{position:absolute;top:10px;right:10px}.modal__body{overflow-y:auto;overflow-x:hidden;flex:1 0;padding:1.5rem 2rem 0;margin-bottom:1rem}.modal__footer{display:flex;flex-flow:row nowrap;flex-shrink:0;justify-content:space-between;padding:1rem 2rem;min-height:50px}.modal__footer-actions{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.modal__footer-actions>*:not(:last-child){margin-right:10px}.modal-transition-enter{opacity:0;transform:translate(-50%,100vh)}.modal-transition-enter-active,.modal-transition-enter-done{opacity:1;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.modal-transition-exit{opacity:1;transform:translate(-50%,-50%)}.modal-transition-exit-active{opacity:0;transform:translate(-50%,-70%);transition:all .3s ease-in-out}.table .table-body__cell{line-height:20px}.table .table-body__cell .name-wrapper{display:flex;flex:1;flex-wrap:wrap;align-items:center}.table .table-body__cell .name-wrapper .item-name{color:#4b4760;font-weight:700}.table .table-body__cell .name-wrapper .item-name.function-name{max-width:120px}.table .table-body__cell .name-wrapper .item-tag{max-width:150px}.table .table-body__cell .name-wrapper .item-tag span{display:inline}.table .table-body__cell .name-wrapper .link{display:flex;width:100%;color:#4b4760}.table .table-body__cell .link-subtext{color:#7f7989}.table .table-body__cell .date-uid-row{display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:12px;font-family:Roboto,sans-serif;font-style:normal;margin-top:5px;width:max-content;min-width:100%}.table .table-body__cell .date-uid-row>span:not(:last-child){margin-right:10px}.table .table-body__cell .date-uid-row span{width:auto}.table .table-body__cell.link-blue .name-wrapper .link .item-name{color:#6279e7;font-weight:400}.table .table-body__cell.tag-status-cell{line-height:20px;text-decoration:none}.table .table-body__cell.tag-status-cell .cell-wrapper{display:flex;flex:1;flex-direction:column;align-items:flex-start}.table .table-body__cell.tag-status-cell .cell-wrapper .cell-content{display:flex;width:100%;align-items:center;gap:6px}.table .table-body__cell.tag-status-cell.link .cell-wrapper .cell-name{color:#6279e7;text-decoration:underline;cursor:pointer}.table .table-body__cell.tag-status-cell .cell-tag{max-width:150px;margin-top:5px}.table .table-body__cell.tag-status-cell .cell-tag span{display:inline}.table .table-body__cell.tag-status-cell .cell-tag .cell-subtext{color:#7f7989}.wizard-steps{display:flex;flex-flow:row nowrap;background-color:#fff;min-width:260px;margin:1.5rem 0;padding:0 2rem}@media screen and (min-width:1200px){.wizard-steps{flex-flow:column nowrap;overflow-y:auto;padding:0 1rem}.wizard-steps>*:not(:last-child){margin-bottom:10px}}.wizard-steps .wizard-steps__item{display:block;background-color:inherit;color:#4b4760;border:0;border-radius:8px;font-size:1em;padding:8px;min-height:52px;height:auto;width:100%}@media screen and (min-width:1200px){.wizard-steps .wizard-steps__item{display:flex;align-items:center;justify-content:flex-start}.wizard-steps .wizard-steps__item>*{text-align:left;white-space:normal}}.wizard-steps .wizard-steps__item .wizard-steps__indicator{border-color:#869cff;color:#869cff;background-color:inherit}.wizard-steps .wizard-steps__item.wizard-steps__item_active{background-color:#869cff1f;color:#6279e7}.wizard-steps .wizard-steps__item.wizard-steps__item_active .wizard-steps__indicator{border-color:transparent;color:#fff;background-color:#869cff}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid{color:#ea336a}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid.wizard-steps__item_active{background-color:#ea336a26}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid .wizard-steps__indicator{border-color:#ea336a;color:#ea336a;background-color:inherit}.wizard-steps .wizard-steps__item:disabled{border:0;color:#adabb0}.wizard-steps .wizard-steps__item:disabled .wizard-steps__indicator{border-color:#adabb0;color:#adabb0;background-color:inherit}.wizard-steps .wizard-steps__indicator{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50%;padding:10px;margin:0 0 10px;width:36px;height:36px}@media screen and (min-width:1200px){.wizard-steps .wizard-steps__indicator{flex-flow:row nowrap;text-align:left;margin:0 10px 0 0}}.wizard-form .modal__body{display:flex;flex-flow:column nowrap;overflow:hidden;padding:0}@media screen and (min-width:1200px){.wizard-form .modal__body{flex-flow:row nowrap}}.wizard-form .wizard-form__content-container{overflow-y:auto;height:100%;width:100%;padding:0 2rem 1.5rem}@media screen and (min-width:1200px){.wizard-form .wizard-form__content-container{padding:1.5rem 2rem 1.5rem 1rem}}.wizard-form .wizard-form__content{min-width:350px;height:100%}.wizard-form .wizard-form__content .wizard-form__hidden-content-item{position:absolute;visibility:hidden;height:0;opacity:0;pointer-events:none}.wizard-form .wizard-form__content .wizard-form__visible-content-item{height:100%}.wizard-form__back-button svg,.wizard-form__next-button svg{width:14px}.wizard-form__next-button svg{rotate:180deg}
|
|
1
|
+
.tooltip-template{padding:6px 8px;word-break:break-word}.tooltip__text{color:#fff;background-color:#4b4760;border-radius:4px}.tooltip__warning{color:#ea336a;background-color:#fff;box-shadow:0 5px 11px #0000002e}.btn{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#fff;font-weight:500;font-size:.875rem;font-style:normal;border:1px solid transparent;border-radius:4px}.btn-dense{height:36px}.btn-normal{height:40px}.btn-medium{height:44px}.btn-chunky{height:48px}.btn svg>*{fill:currentColor}.btn:focus{border-color:#0006}.btn:active{border-color:#0006}.btn:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn:disabled svg>*{fill:#dadada}.btn :not(:last-child){margin-right:10px}.btn :last-child{margin:0}.btn-secondary{background:#0fddaf}.btn-secondary:hover:not(:disabled){background:#1fcc9e}.btn-secondary:active:not(:disabled){background:#1db284}.btn-secondary:disabled{border:1px solid #0fddaf}.btn-tertiary{color:#4b4760;background:#fff;border:1px solid rgba(0,0,0,.2)}.btn-tertiary svg>*{fill:#4b4760}.btn-tertiary:hover:not(:disabled){background:#f8f7f8}.btn-tertiary:active:not(:disabled){background:#e7e7e7}.btn-tertiary:disabled{border:1px solid rgba(0,0,0,.2)}.btn-primary{color:#fff;background:#869cff}.btn-primary:hover:not(:disabled){background:#6279e7}.btn-primary:active:not(:disabled){background:#5468c7}.btn-primary:disabled{border:1px solid #869cff}.btn-danger{color:#fff;background:#ea336a}.btn-danger:hover:not(:disabled){background:#d22a5d}.btn-danger:active:not(:disabled){background:#bc2553}.btn-danger:disabled{border:1px solid #ea336a}.btn-label{color:#4b4760;background:transparent;border:0}.btn-label svg>*{fill:#4b4760}.btn-label:focus:not(:disabled){border-color:transparent}.btn-label:hover:not(:disabled){color:#7f7989}.btn-label:active:not(:disabled){color:#000;border-color:transparent}.btn-label:disabled{border-color:transparent}.round-icon-cp{position:relative;display:flex;align-items:center;margin:0 .2rem}.round-icon-cp__circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:4px}.round-icon-cp__circle>*{position:relative;z-index:2;display:inline-flex;margin:0!important}.round-icon-cp__circle:before{position:absolute;right:0;left:0;z-index:1;width:inherit;height:inherit;background-color:#483f561f;border-radius:50%;opacity:0;transition:opacity .3s ease-in-out;content:""}.round-icon-cp__circle:hover:before,.round-icon-cp__circle-active:before{opacity:1}.round-icon-cp__circle-disabled path{fill:#adabb0}.round-icon-cp__circle-disabled:hover:before{opacity:0}.pop-up-dialog{position:relative;width:477px;max-height:90vh;padding:20px;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003}.pop-up-dialog__buttons_wrapper{display:flex}.pop-up-dialog__overlay{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#333333bf;z-index:9}.pop-up-dialog__overlay.custom-position{width:auto;height:auto;background:unset}.pop-up-dialog__header{display:flex;align-items:baseline;justify-content:space-between;min-height:30px;margin-bottom:15px}.pop-up-dialog__header-text{width:100%;color:#4b4760;font-size:24px;line-height:28px;word-break:break-word}.pop-up-dialog__header-close{width:14px;height:14px;margin:5px 0 5px auto;cursor:pointer}.pop-up-dialog__footer-container{display:flex;justify-content:flex-end;margin-top:20px}.pop-up-dialog__btn_cancel{margin:0 10px}.pop-up-dialog__btn_close{position:absolute;top:10px;right:10px}.pop-up-dialog__form-input{width:100%}.confirm-dialog{color:#4b4760}.confirm-dialog__message{font-size:15px;line-height:24px}.confirm-dialog__message-only{font-size:22px}.confirm-dialog__btn-container{display:flex;justify-content:flex-end;margin-top:20px}.confirm-dialog__body{margin:20px 0}.tooltip{position:fixed;font-weight:400;font-size:15px;line-height:1.4;display:flex;max-width:400px;z-index:9}.actions-menu__icon{display:none;align-items:center;justify-content:center;width:25px;height:25px;margin-right:5px}.actions-menu__icon svg path:first-child{fill:#7f7989}.actions-menu__icon_visible{display:flex}.actions-menu__option{padding:10px;color:#4b4760;cursor:pointer}.actions-menu__option:hover{background-color:#f8f7f8}.actions-menu__option_danger{color:#ea336a}.actions-menu__option_danger svg path:first-child{fill:#ea336a}.actions-menu__option_disabled{color:#adabb0;cursor:not-allowed}.actions-menu__option_disabled .actions-menu__icon svg path:first-child{fill:#0003}.actions-menu__option>*{display:flex;flex:1;align-items:center;justify-content:flex-start;width:100%}.actions-menu{position:relative}.actions-menu__container{position:relative;display:none}.actions-menu__container_extended{position:absolute;right:0;display:none;align-items:center;justify-content:center;background-color:#f5f7ff;height:100%}.actions-menu__container_extended:before{content:"";width:30px;height:100%;position:absolute;display:block;left:-30px;background:linear-gradient(90deg,#fff0,#f5f7ff)}.actions-menu__container_extended .actions-menu{padding:0 5px 0 0}.actions-menu__container-active{display:flex}.actions-menu__main-actions-wrapper{display:flex;align-items:center;justify-content:center}.actions-menu__body{min-width:150px;max-width:250px}.actions-menu__body .pop-up-dialog{width:100%;padding:0}.actions-menu__list{list-style-type:none;margin:0;padding:0}.error{display:flex;justify-content:space-between;padding:10px 14px;color:#ea336a;background-color:#ea336a1a;border:1px solid #ea336a}.error__data{display:flex;align-items:center}.error__message{margin-right:10px;word-break:break-word}.error__icon{width:22px;height:22px;margin-right:10px;padding:5px;background-color:#eb5757;border-radius:50%}.form-field-checkbox{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760}.form-field-checkbox_readonly input{pointer-events:none;opacity:.5}.form-field-checkbox_readonly input~label,.form-field-checkbox_readonly input~.label{pointer-events:none;opacity:.5}.form-field-checkbox input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;border-radius:4px;transition:background .2s ease-in-out;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-checkbox input[type=checkbox]:checked:hover{color:#6279e7}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-checkbox input[type=checkbox]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled~label,.form-field-checkbox input[type=checkbox]:disabled~.label{color:#adabb0;cursor:not-allowed}.form-field-checkbox input[type=checkbox]:not(:disabled):focus,.form-field-checkbox input[type=checkbox]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-checkbox input[type=checkbox]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-checkbox input[type=checkbox]~label,.form-field-checkbox input[type=checkbox]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-checkbox input[type=checkbox]:before{content:"";display:block;position:absolute;top:1px;left:5px;width:6px;height:11px;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-field-checkbox input[type=checkbox]:checked{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{background:currentColor}.form-field-checkbox input[type=checkbox]:disabled:hover{background:#fff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked~label.highlighted{color:#fff;background-color:#869cff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked:hover~label.highlighted{background-color:#6279e7}.form-field-checkbox input[type=checkbox]~label.highlighted{background-color:#e9e8eb;font-size:12px;font-weight:700;margin-left:10px;padding:4px 8px;border-radius:4px}.form-field-checkbox input[type=checkbox]:not(:disabled):hover~label.highlighted{background-color:#dfe2e5}.options-menu__body{width:100%;max-height:250px;margin:0;padding:0;overflow-y:auto;color:#483f56de;font-size:1rem;list-style-type:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 10px #0003}.options-menu .pop-up-dialog{width:100%;padding:0}.options-menu-transition-enter{opacity:0}.options-menu-transition-enter-active{opacity:1;transition:opacity .3s ease-in-out}.options-menu-transition-exit{opacity:1}.options-menu-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.validation-option{display:flex;align-items:flex-start;margin:.6rem 0;padding:0 1rem;font-size:.875rem}.validation-option__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.5rem}.validation-option__icon_valid{width:14px;height:15px}.validation-option__icon_valid path{fill:#0fddaf}.validation-option__icon_invalid{width:12px;height:12px}.validation-option__icon_invalid path{fill:#ea336a}.edit-chip-container{display:inline-flex;max-width:100%;margin:2px 0;padding:0 8px;font-size:14px;line-height:22px}.edit-chip-container input{display:flex;padding:0;font-size:14px;background-color:transparent;border:none}.edit-chip-container input[disabled]{pointer-events:none}.edit-chip-container input.item_edited_invalid{color:#ea336a}.edit-chip-container input.input-label-key::placeholder,.edit-chip-container input.input-label-value::placeholder{color:#7f7989}.edit-chip-container-background_none{background-color:transparent}.edit-chip-container-background_green{background-color:#13bbb13d}.edit-chip-container-background_grey{background-color:#483f561f}.edit-chip-container-background_orange{background-color:#ffd0775c}.edit-chip-container-background_purple{background-color:#a44cc529}.edit-chip-container-background_amethyst{background-color:#a44cc5}.edit-chip-container-background_sorbus{background-color:#f98b0a}.edit-chip-container-background_java{background-color:#13bbb1}.edit-chip-container-border_transparent{border:1px solid transparent}.edit-chip-container-border_green{border:1px solid #49af53}.edit-chip-container-border_grey{border:1px solid rgba(0,0,0,.2)}.edit-chip-container-border_orange{border:1px solid #ea7f54}.edit-chip-container-border_purple{border:1px solid #a44cc5}.edit-chip-container-border_primary{border-radius:4px}.edit-chip-container-border_secondary{border-radius:20px}.edit-chip-container-density_dense{height:26px}.edit-chip-container-density_normal{height:32px;padding:8px 15px}.edit-chip-container-density_medium{height:34px;padding:8px 15px;font-size:15px}.edit-chip-container-font_primary,.edit-chip-container-font_primary .input-label-key,.edit-chip-container-font_primary .input-label-value,.edit-chip-container-font_primary .edit-label-separator{color:#4b4760}.edit-chip-container-font_primary .item-icon-close svg path{fill:#4b4760}.edit-chip-container-font_green,.edit-chip-container-font_green .input-label-key,.edit-chip-container-font_green .input-label-value,.edit-chip-container-font_green .edit-label-separator{color:#49af53}.edit-chip-container-font_green .item-icon-close svg path{fill:#49af53}.edit-chip-container-font_white,.edit-chip-container-font_white .input-label-key,.edit-chip-container-font_white .input-label-value,.edit-chip-container-font_white .edit-label-separator{color:#fff}.edit-chip-container-font_white .item-icon-close svg path{fill:#fff}.edit-chip-container-font_orange,.edit-chip-container-font_orange .input-label-key,.edit-chip-container-font_orange .input-label-value,.edit-chip-container-font_orange .edit-label-separator{color:#f98b0a}.edit-chip-container-font_orange .item-icon-close svg path{fill:#f98b0a}.edit-chip-container-font_purple,.edit-chip-container-font_purple .input-label-key,.edit-chip-container-font_purple .input-label-value,.edit-chip-container-font_purple .edit-label-separator{color:#a44cc5}.edit-chip-container-font_purple .item-icon-close svg path{fill:#a44cc5}.edit-chip-container-font_disabled,.edit-chip-container-font_disabled .input-label-key,.edit-chip-container-font_disabled .input-label-value,.edit-chip-container-font_disabled .edit-label-separator{color:#adabb0}.edit-chip-container-font_disabled .item-icon-close svg path{fill:#adabb0}.edit-chip-container button.item-icon-close{display:flex;align-items:center;justify-content:center}.edit-chip-container button.item-icon-close.hidden{display:none}.edit-chip-container button.item-icon-close.invisible{visibility:hidden}.edit-chip-container button.item-icon-close svg{transform:scale(.7)}.edit-chip-container_disabled{cursor:not-allowed}.edit-chip-separator{margin-right:5px}.chip{position:relative;margin:2px 8px 2px 0;padding:4px 8px;font-size:14px;line-height:16px;visibility:hidden;cursor:default}.chip_visible{visibility:visible}.chip_invisible{visibility:hidden;height:30px}.chip__content{display:flex;align-items:center}.chip__content-item{flex:1 1 50%;max-width:fit-content;align-self:flex-start}.chip__delimiter{display:flex;align-items:center;margin:0 4px}.chip__value{min-width:10px}.chip.editable{cursor:pointer}.chip.chips_button{padding:8px 7px;width:max-content}.chip-background_none{background-color:transparent}.chip-background_green{background-color:#13bbb13d}.chip-background_grey{background-color:#483f561f}.chip-background_orange{background-color:#ffd0775c}.chip-background_purple{background-color:#a44cc529}.chip-background_amethyst{background-color:#a44cc5}.chip-background_sorbus{background-color:#f98b0a}.chip-background_java{background-color:#13bbb1}.chip-border_transparent{border:1px solid transparent}.chip-border_green{border:1px solid #49af53}.chip-border_grey{border:1px solid rgba(0,0,0,.2)}.chip-border_orange{border:1px solid #ea7f54}.chip-border_purple{border:1px solid #a44cc5}.chip-border_primary{border-radius:4px}.chip-border_secondary{border-radius:20px}.chip-density_dense{height:26px}.chip-density_normal{height:32px;padding:8px 15px}.chip-density_medium{height:34px;padding:8px 15px;font-size:15px}.chip-density_medium .item-icon-close{transform:scale(1.2)}.chip-font_white{color:#fff}.chip-font_white .item-icon-close svg path{fill:#fff}.chip-font_green{color:#49af53}.chip-font_green .item-icon-close svg path{fill:#49af53}.chip-font_purple{color:#a44cc5}.chip-font_purple .item-icon-close svg path{fill:#a44cc5}.chip-font_primary{color:#4b4760}.chip-font_primary .item-icon-close svg path{fill:#4b4760}.chip-font_orange{color:#f98b0a}.chip-font_orange .item-icon-close svg path{fill:#f98b0a}.chip-value_bold{font-weight:700;font-size:15px}.loader-wrapper{position:fixed;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#00000029}.loader-wrapper .loader{display:flex}.loader-wrapper .loader:after{display:block;width:64px;height:64px;border:6px solid #6279e7;border-color:#6279e7 transparent #6279e7 transparent;border-radius:50%;animation:rotate 1.5s linear infinite;content:" "}.loader-wrapper.section-loader{position:relative;z-index:2;background-color:transparent}.loader-wrapper.small-loader .loader:after{width:20px;height:20px;border-width:2px}.loader-wrapper.secondary-loader .loader:after{border-color:#adabb0 transparent #adabb0 transparent}@keyframes rotate{to{transform:rotate(360deg)}}.tip-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--arrow-length)}.tip{position:fixed;display:block;padding:10px;color:#fff;white-space:pre-line;background:#4b4760;border-radius:4px;z-index:9}.tip-wrapper{display:inline-flex;align-items:center}.tip_top:after{bottom:calc(var(--tipArrowLength) * -.5)}.tip_bottom:after{top:calc(var(--tipArrowLength) * -.5)}.tip_left:after{right:calc(var(--tipArrowOffset))}.tip_right:after{left:calc(var(--tipArrowOffset))}.tip_small{min-width:100px;max-width:250px}.tip_big{min-width:250px;max-width:400px}.tip:after{position:absolute;width:var(--tipArrowLength);height:var(--tipArrowLength);background:#4b4760;transform:rotate(45deg);content:""}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s}.btn-load{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#4b4760;font-weight:500;font-size:14px;font-style:normal;line-height:16px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px}.btn-load svg path{fill:#fff}.btn-load:active{background:#eee}.btn-load:hover{background:#f8f7f8}.btn-load:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn-load:disabled svg path{fill:#dadada}.btn-load :first-child{margin-right:5px}.btn-load-primary{border-bottom:4px solid #0fddaf}.btn-load-primary:disabled{border-bottom:4px solid #c5f7ec}.btn-load-secondary{border-bottom:4px solid #869cff}.btn-load-secondary:disabled{border-bottom:4px solid #e2e7ff}.btn-load-tertiary{border-bottom:4px solid #adabb0}.btn-load-tertiary svg path{fill:#4b4760}.btn-load-tertiary:disabled{border-bottom:4px solid #ebebec}.chips{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.chips__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.chips__label:first-letter{text-transform:uppercase}.chips__label-mandatory{color:#ea336a}.chips__label-disabled,.chips__label-disabled .form-field__label-mandatory{color:#adabb0}.chips__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.chips__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.chips__wrapper-invalid{border:1px solid #ea336a}.chips__wrapper.without-border{border-color:transparent}.chips__wrapper-dense{height:36px}.chips__wrapper-normal{height:40px}.chips__wrapper-medium{height:44px}.chips__wrapper-chunky{height:48px}.chips__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.chips__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.chips__icons>*{display:flex;align-items:center;padding:0 4px}.chips__icons>*:last-child{margin-right:4px}.chips{height:auto;min-width:0}.chips__wrapper{padding:12px 16px}.chips-wrapper{display:flex;flex-flow:row;align-items:center;overflow:hidden}.chips-wrapper.chips-wrapper_all-visible{flex-wrap:wrap}.chips-cell{display:flex;flex:1;align-items:center;max-width:100%}.chips-cell .fixed-max-width{max-width:100%}.chips-cell .chip-block{position:relative;max-width:100%;margin-right:calc(var(--chipBlockMarginRight))}.chips-cell .button-add{display:flex;align-items:center;justify-content:center;margin:2px 0;border-radius:32px}.chips-cell .button-add-background_orange{background-color:#ffd0775c}.chips-cell .button-add-background_orange:hover{background-color:#f98b0a}.chips-cell .button-add-background_purple{background-color:#a44cc529}.chips-cell .button-add-background_purple:hover{background-color:#a44cc5}.chips-cell .button-add-background_green{background-color:#13bbb13d}.chips-cell .button-add-background_green:hover{background-color:#13bbb1}.chips-cell .button-add-background_grey{background-color:#483f561f}.chips-cell .button-add-background_grey:hover{background-color:#7f7989}.chips-cell .button-add_border_transparent{border:1px solid transparent}.chips-cell .button-add_border_green{border:1px solid #49af53}.chips-cell .button-add_border_grey{border:1px solid rgba(0,0,0,.2)}.chips-cell .button-add_border_orange{border:1px solid #ea7f54}.chips-cell .button-add_border_purple{border:1px solid #a44cc5}.chips-cell .button-add_border_primary{border-radius:4px}.chips-cell .button-add_border_secondary{border-radius:20px}.chips-cell .button-add-density_dense{width:26px;height:26px}.chips-cell .button-add-density_normal{width:32px;height:32px}.chips-cell .button-add-density_medium{width:34px;height:34px}.chips-cell .button-add-font_primary svg rect,.chips-cell .button-add-font_primary svg path{fill:#7f7989}.chips-cell .button-add-font_primary:hover svg rect,.chips-cell .button-add-font_primary:hover svg path{fill:#fff}.chips-cell .button-add-font_green svg rect,.chips-cell .button-add-font_green svg path{fill:#49af53}.chips-cell .button-add-font_green:hover svg rect,.chips-cell .button-add-font_green:hover svg path{fill:#fff}.chips-cell .button-add-font_orange svg rect,.chips-cell .button-add-font_orange svg path{fill:#f98b0a}.chips-cell .button-add-font_orange:hover svg rect,.chips-cell .button-add-font_orange:hover svg path{fill:#fff}.chips-cell .button-add-font_purple svg rect,.chips-cell .button-add-font_purple svg path{fill:#a44cc5}.chips-cell .button-add-font_purple:hover svg rect,.chips-cell .button-add-font_purple:hover svg path{fill:#fff}.chips input:disabled{cursor:default}.form-field.form-field-combobox{width:100%}.form-field.form-field-combobox .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field.form-field-combobox .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field.form-field-combobox .form-field__label:first-letter{text-transform:uppercase}.form-field.form-field-combobox .form-field__label-mandatory{color:#ea336a}.form-field.form-field-combobox .form-field__label-disabled,.form-field.form-field-combobox .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field.form-field-combobox .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field.form-field-combobox .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field.form-field-combobox .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field.form-field-combobox .form-field__wrapper.without-border{border-color:transparent}.form-field.form-field-combobox .form-field__wrapper-dense{height:36px}.form-field.form-field-combobox .form-field__wrapper-normal{height:40px}.form-field.form-field-combobox .form-field__wrapper-medium{height:44px}.form-field.form-field-combobox .form-field__wrapper-chunky{height:48px}.form-field.form-field-combobox .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field.form-field-combobox .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field.form-field-combobox .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field.form-field-combobox .form-field__icons>*:last-child{margin-right:4px}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon{cursor:pointer;padding:0;transition:transform .2s linear}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon_open{transform:rotate(90deg);transform-origin:center center}.form-field.form-field-combobox .form-field-combobox__placeholder{color:#7f7989;font-size:15px;text-align:left;text-transform:capitalize;background-color:transparent}.form-field.form-field-combobox .form-field-combobox__placeholder label{cursor:inherit}.form-field.form-field-combobox .form-field-combobox__select{padding:0;overflow:visible}.form-field.form-field-combobox .form-field-combobox__select-header{display:flex;flex:1;align-items:center;cursor:pointer;height:100%}.form-field.form-field-combobox .form-field-combobox__input{width:100%;padding:0 8px 0 0}.form-field.form-field-combobox .form-field-combobox__input_hidden{flex:0}.form-field-combobox__search{width:100%;padding:12px 0}.form-field-combobox__search-wrapper{position:sticky;top:0;display:flex;align-items:center;margin:0 9px;border-bottom:1px solid rgba(72,63,86,.12);background-color:#fff}.form-field-combobox__dropdown-select{max-width:220px}.form-field-combobox__dropdown-suggestions{max-width:350px}.form-field-combobox__dropdown-list{margin:0;padding:0;min-width:140px;list-style-type:none}.form-field-combobox__dropdown-list-option{padding:8px 15px;word-break:break-all;cursor:pointer}.form-field-combobox__dropdown-list-option:hover{background-color:#f8f7f8}.form-field-combobox__dropdown .pop-up-dialog{width:100%;max-height:250px;padding:0}.form-field-combobox .path-type-store,.form-field-combobox__dropdown .path-type-store{color:#a44cc5}.form-field-combobox .path-type-v3io,.form-field-combobox__dropdown .path-type-v3io{color:#5871f4}.form-field-combobox .path-type-az,.form-field-combobox .path-type-gs,.form-field-combobox .path-type-http,.form-field-combobox .path-type-https,.form-field-combobox .path-type-s3,.form-field-combobox__dropdown .path-type-az,.form-field-combobox__dropdown .path-type-gs,.form-field-combobox__dropdown .path-type-http,.form-field-combobox__dropdown .path-type-https,.form-field-combobox__dropdown .path-type-s3{color:#f98b0a}.form-field-combobox .path-type-dbfs,.form-field-combobox__dropdown .path-type-dbfs{color:#49af53}.form-field-range{align-self:stretch}.form-field-range .range__buttons{display:flex;flex-direction:column;justify-content:center;width:28px;height:100%}.form-field-range .range__button{display:flex;width:100%;height:calc(50% + 1px);align-items:center;justify-content:center;padding:0;background-color:#f5f5f5;cursor:pointer}.form-field-range .range__button svg path{fill:#7f7989}.form-field-range .range__button:hover{background-color:#e7e7e7}.form-field-range .range__button:hover svg path{fill:#4b4760}.form-field-range .range__button:focus{border:1px solid #7f7989}.form-field-range .range__button:active{background-color:#0003;border:1px solid #7f7989}.form-field-range .range__button:active svg path{fill:#4b4760}.form-field-range .range__button:disabled{cursor:not-allowed}.form-field-range .range__button:disabled svg path{fill:#adabb0}.form-field-range .range__button:disabled:focus{border:none}.form-field-range .range__button:disabled:hover{background-color:#f5f5f5}.form-field-range .range__button-increase{border-bottom:1px solid transparent;border-left:1px solid transparent;border-top-right-radius:4px}.form-field-range .range__button-decrease{border-top:1px solid transparent;border-left:1px solid transparent;border-bottom-right-radius:4px}.form-field-range .range__button .decrease{transform:rotate(180deg)}.form-field-range .range-warning{border:1px solid #ea336a}.form-field-range .range-warning_asterisk{position:absolute;top:50%;right:35px;color:#ea336a;transform:translateY(-50%)}.form-field-range .range-warning .range__button-increase{border-top:1px solid #ea336a;border-right:1px solid #ea336a}.form-field-range .range-warning .range__button-decrease{border-right:1px solid #ea336a;border-bottom:1px solid #ea336a}.form-field-range .range__warning-icon{position:absolute;top:50%;right:30px;transform:translateY(-50%)}.form-field-input{width:100%}.form-field-input input{height:inherit;width:100%;padding:12px 16px}.form-field-input .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-input .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-input .form-field__label:first-letter{text-transform:uppercase}.form-field-input .form-field__label-mandatory{color:#ea336a}.form-field-input .form-field__label-disabled,.form-field-input .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-input .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-input .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-input .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-input .form-field__wrapper.without-border{border-color:transparent}.form-field-input .form-field__wrapper-dense{height:36px}.form-field-input .form-field__wrapper-normal{height:40px}.form-field-input .form-field__wrapper-medium{height:44px}.form-field-input .form-field__wrapper-chunky{height:48px}.form-field-input .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-input .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-input .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-input .form-field__icons>*:last-child{margin-right:4px}.form-field-input .form-field__label-icon{display:inline-flex;margin-left:3px}.form-field-input .form-field__label-icon>*,.form-field-input .form-field__label-icon a{display:inline-flex}.form-field-input .form-field__label-icon a{transform:translateY(-1px)}.form-field-input .form-field__label-icon svg{width:12px;height:12px}.form-field-input .form-field__label-icon svg path{fill:#6279e7}.form-field-input .form-field__suggestion-list{position:absolute;top:100%;left:0;z-index:5;margin:0;padding:7px 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003}.form-field-input .form-field__suggestion-list .suggestion-item{padding:7px 15px;color:#483f56;list-style-type:none}.form-field-input .form-field__suggestion-list .suggestion-item:hover{background-color:#f8f7f8;cursor:pointer}.form-field-input input[type=number]{border:none;-moz-appearance:textfield}.form-field-input input[type=number]::-webkit-outer-spin-button,.form-field-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.select__item{display:flex;align-items:center;flex-flow:row wrap;width:100%;min-height:45px;padding:10px 15px}.select__item.multiple{padding:0 15px;min-height:0}.select__item.multiple input[type=checkbox]~label{padding-top:16px;padding-bottom:16px}.select__item.hidden{display:none}.select__item .form-field-checkbox{flex:1;height:100%;width:100%}.select__item:hover{background-color:#f8f7f8;cursor:pointer}.select__item.disabled{color:#adabb0;background:#fff;cursor:not-allowed}.select__item .status{margin:0 10px}.select__item .all{margin:0;display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background-color:none}.select__item .label-row{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%}.select__item-label{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;flex:1}.select__item-main-label{width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.select__item-sub-label{margin-top:5px;font-size:13px;width:100%}.select__item-icon{display:flex;margin-right:10px}.select__item .checkmark{align-self:flex-start;margin:0 0 0 10px}.select__item .checkmark path{fill:#49af53}.select-tooltip,.form-field-select{width:100%}.form-field-select .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-select .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-select .form-field__label:first-letter{text-transform:uppercase}.form-field-select .form-field__label-mandatory{color:#ea336a}.form-field-select .form-field__label-disabled,.form-field-select .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-select .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-select .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-select .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-select .form-field__wrapper.without-border{border-color:transparent}.form-field-select .form-field__wrapper-dense{height:36px}.form-field-select .form-field__wrapper-normal{height:40px}.form-field-select .form-field__wrapper-medium{height:44px}.form-field-select .form-field__wrapper-chunky{height:48px}.form-field-select .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-select .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-select .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-select .form-field__icons>*:last-child{margin-right:4px}.form-field-select .form-field__wrapper{cursor:pointer}.form-field-select .form-field__wrapper-active{background:#f8f7f8}.form-field-select .form-field__wrapper-disabled{cursor:not-allowed}.form-field-select .form-field__wrapper-disabled .form-field__caret path{fill:#adabb0}.form-field-select .form-field__select{display:flex;align-items:center;width:100%;padding:0 20px 0 16px}.form-field-select .form-field__select-value{display:block;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-field-select .form-field__select-placeholder{color:#adabb0}.form-field-select .form-field__select-sub_label{display:block;margin-left:10px;overflow:hidden;color:#7f7989;white-space:nowrap;text-overflow:ellipsis}.form-field-select__options-list .pop-up-dialog{width:100%;padding:0;border-radius:0}.form-field-select__options-list .options-list{margin:0;padding:0;list-style-type:none;max-height:250px;overflow-y:auto}.form-field-select__options-list .options-list__body{width:100%;color:#483f56de;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 4px 8px #0000003b}.form-field-select__options-list .options-list__search{width:100%}.form-field-select__options-list .options-list__search input{width:100%;padding:10px;border:none;border-bottom:1px solid rgba(0,0,0,.2)}.form-field-radio{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760;margin-right:15px}.form-field-radio_readonly input{pointer-events:none;opacity:.5}.form-field-radio_readonly input~label,.form-field-radio_readonly input~.label{pointer-events:none;opacity:.5}.form-field-radio input[type=radio]{width:16px;height:16px;border-radius:50%;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-radio input[type=radio]:checked:hover{color:#6279e7}.form-field-radio input[type=radio]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-radio input[type=radio]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled~label,.form-field-radio input[type=radio]:disabled~.label{color:#adabb0;cursor:not-allowed}@keyframes pulse-animation{20%{box-shadow:0 0 #6279e780}to{box-shadow:0 0 0 6px #6279e700}}.form-field-radio input[type=radio]:not(:disabled):focus,.form-field-radio input[type=radio]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-radio input[type=radio]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-radio input[type=radio]~label,.form-field-radio input[type=radio]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-radio input[type=radio]:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform .2s ease-in-out;box-shadow:inset 1em 1em currentColor}.form-field-radio input[type=radio]:checked:before{transform:scale(1)}.form-field-textarea{width:100%}.form-field-textarea textarea{height:inherit;width:100%;padding:12px 16px;white-space:normal}.form-field-textarea .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-textarea .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-textarea .form-field__label:first-letter{text-transform:uppercase}.form-field-textarea .form-field__label-mandatory{color:#ea336a}.form-field-textarea .form-field__label-disabled,.form-field-textarea .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-textarea .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-textarea .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-textarea .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-textarea .form-field__wrapper.without-border{border-color:transparent}.form-field-textarea .form-field__wrapper-dense{height:36px}.form-field-textarea .form-field__wrapper-normal{height:40px}.form-field-textarea .form-field__wrapper-medium{height:44px}.form-field-textarea .form-field__wrapper-chunky{height:48px}.form-field-textarea .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-textarea .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-textarea .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-textarea .form-field__icons>*:last-child{margin-right:4px}.form-field-textarea .form-field__wrapper .form-field__control{padding:0}.form-field-textarea .form-field__counter{color:#7f7989;font-size:12px;margin-top:5px;text-align:right}.form-field-toggle{display:inline-flex;align-items:center;justify-content:flex-start}.form-field-toggle_has-label{gap:10px}.form-field-toggle__label{display:flex;align-items:center;white-space:nowrap}.form-field-toggle__toggle-wrapper{position:relative;display:inline-flex;cursor:pointer}.form-field-toggle__switch{height:24px;width:48px;display:flex;cursor:pointer;align-items:center;background-color:#dadada;border-radius:20px;transition:all .2s ease;box-shadow:0 1px 3px #0003}.form-field-toggle__switch:before{content:"";width:20px;height:20px;background-color:#fff;border-radius:50%;transform:translate(2px);transition:all .2s ease;box-shadow:0 1px 2px #0003}.form-field-toggle .form-field__wrapper{border:none}.form-field-toggle input[type=checkbox]{display:none;width:0;height:0}.form-field-toggle input[type=checkbox]:disabled+.form-field-toggle__switch{opacity:.5;pointer-events:none;cursor:default}.form-field-toggle input[type=checkbox]:checked+.form-field-toggle__switch{background-color:#869cff}.form-field-toggle input[type=checkbox]:checked+.form-field-toggle__switch:before{transform:translate(26px)}.form-field-toggle .form-field-toggle__toggle-wrapper:not(:has(input:disabled)):hover .form-field-toggle__switch{opacity:.9}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9}.backdrop-transition-enter{opacity:0}.backdrop-transition-enter-active,.backdrop-transition-enter-done{opacity:.5;transition:opacity .3s ease-in-out}.backdrop-transition-exit{opacity:.5}.backdrop-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.modal{position:fixed;top:50%;left:50%;width:100%;height:660px;max-width:96%;min-width:300px;max-height:96%;outline:0;transform:translate(-50%,-50%);z-index:9}@media screen and (min-width:1200px){.modal{width:1000px}.modal.modal-sm{width:700px}.modal.modal-lg{width:1400px}.modal.modal-max{width:95vw;height:95vh}}.modal.modal-min{width:500px;height:auto}.modal.modal-max{width:96vw;height:94vw}.modal__content{display:flex;flex-flow:column nowrap;position:relative;min-height:inherit;height:100%;width:100%;max-height:100%;background-color:#fff;border-radius:8px;box-shadow:0 6px 26px #0003;text-align:left}.modal__header{position:relative;border-bottom:1px solid rgba(0,0,0,.2);min-height:92px;padding:1rem 3rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.modal__header-title{color:#4b4760;font-size:2em;text-transform:capitalize;margin:0}.modal__header-sub-title{color:#7f7989;font-size:1.5em;font-weight:500;margin:10px 0 0}.modal__header-preview-text{position:absolute;top:1rem;left:1rem;font-size:1rem}.modal__header-button{position:absolute;top:10px;right:10px}.modal__body{overflow-y:auto;overflow-x:hidden;flex:1 0;padding:1.5rem 2rem 0;margin-bottom:1rem}.modal__footer{display:flex;flex-flow:row nowrap;flex-shrink:0;justify-content:space-between;padding:1rem 2rem;min-height:50px}.modal__footer-actions{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.modal__footer-actions>*:not(:last-child){margin-right:10px}.modal-transition-enter{opacity:0;transform:translate(-50%,100vh)}.modal-transition-enter-active,.modal-transition-enter-done{opacity:1;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.modal-transition-exit{opacity:1;transform:translate(-50%,-50%)}.modal-transition-exit-active{opacity:0;transform:translate(-50%,-70%);transition:all .3s ease-in-out}.table .table-body__cell{line-height:20px}.table .table-body__cell .name-wrapper{display:flex;flex:1;flex-wrap:wrap;align-items:center}.table .table-body__cell .name-wrapper .item-name{color:#4b4760;font-weight:700}.table .table-body__cell .name-wrapper .item-name.function-name{max-width:120px}.table .table-body__cell .name-wrapper .item-tag{max-width:150px}.table .table-body__cell .name-wrapper .item-tag span{display:inline}.table .table-body__cell .name-wrapper .link{display:flex;width:100%;color:#4b4760}.table .table-body__cell .link-subtext{color:#7f7989}.table .table-body__cell .date-uid-row{display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:12px;font-family:Roboto,sans-serif;font-style:normal;margin-top:5px;width:max-content;min-width:100%}.table .table-body__cell .date-uid-row>span:not(:last-child){margin-right:10px}.table .table-body__cell .date-uid-row span{width:auto}.table .table-body__cell.link-blue .name-wrapper .link .item-name{color:#6279e7;font-weight:400}.wizard-steps{display:flex;flex-flow:row nowrap;background-color:#fff;min-width:260px;margin:1.5rem 0;padding:0 2rem}@media screen and (min-width:1200px){.wizard-steps{flex-flow:column nowrap;overflow-y:auto;padding:0 1rem}.wizard-steps>*:not(:last-child){margin-bottom:10px}}.wizard-steps .wizard-steps__item{display:block;background-color:inherit;color:#4b4760;border:0;border-radius:8px;font-size:1em;padding:8px;min-height:52px;height:auto;width:100%}@media screen and (min-width:1200px){.wizard-steps .wizard-steps__item{display:flex;align-items:center;justify-content:flex-start}.wizard-steps .wizard-steps__item>*{text-align:left;white-space:normal}}.wizard-steps .wizard-steps__item .wizard-steps__indicator{border-color:#869cff;color:#869cff;background-color:inherit}.wizard-steps .wizard-steps__item.wizard-steps__item_active{background-color:#869cff1f;color:#6279e7}.wizard-steps .wizard-steps__item.wizard-steps__item_active .wizard-steps__indicator{border-color:transparent;color:#fff;background-color:#869cff}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid{color:#ea336a}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid.wizard-steps__item_active{background-color:#ea336a26}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid .wizard-steps__indicator{border-color:#ea336a;color:#ea336a;background-color:inherit}.wizard-steps .wizard-steps__item:disabled{border:0;color:#adabb0}.wizard-steps .wizard-steps__item:disabled .wizard-steps__indicator{border-color:#adabb0;color:#adabb0;background-color:inherit}.wizard-steps .wizard-steps__indicator{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50%;padding:10px;margin:0 0 10px;width:36px;height:36px}@media screen and (min-width:1200px){.wizard-steps .wizard-steps__indicator{flex-flow:row nowrap;text-align:left;margin:0 10px 0 0}}.wizard-form .modal__body{display:flex;flex-flow:column nowrap;overflow:hidden;padding:0}@media screen and (min-width:1200px){.wizard-form .modal__body{flex-flow:row nowrap}}.wizard-form .wizard-form__content-container{overflow-y:auto;height:100%;width:100%;padding:0 2rem 1.5rem}@media screen and (min-width:1200px){.wizard-form .wizard-form__content-container{padding:1.5rem 2rem 1.5rem 1rem}}.wizard-form .wizard-form__content{min-width:350px;height:100%}.wizard-form .wizard-form__content .wizard-form__hidden-content-item{position:absolute;visibility:hidden;height:0;opacity:0;pointer-events:none}.wizard-form .wizard-form__content .wizard-form__visible-content-item{height:100%}.wizard-form__back-button svg,.wizard-form__next-button svg{width:14px}.wizard-form__next-button svg{rotate:180deg}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { create as g } from "react-modal-promise";
|
|
2
|
-
import {
|
|
2
|
+
import { isNumber as E, isEmpty as u, differenceWith as w, isEqual as T, omit as a, get as s } from "lodash";
|
|
3
3
|
import d from "../components/ConfirmDialog/ConfirmDialog.mjs";
|
|
4
4
|
import { PRIMARY_BUTTON as b, TERTIARY_BUTTON as m, DANGER_BUTTON as h, FORBIDDEN_ERROR_STATUS_CODE as v, VIEW_SEARCH_PARAMETER as y } from "../constants.mjs";
|
|
5
5
|
import { setFiltersWasHandled as C, showWarning as R } from "../reducers/commonDetailsReducer.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datetime.util.d.ts","sourceRoot":"","sources":["../../src/lib/utils/datetime.util.js"],"names":[],"mappings":"AAqBA,6CASC;AAED,qCAAmD;AAE5C;;;;;;;
|
|
1
|
+
{"version":3,"file":"datetime.util.d.ts","sourceRoot":"","sources":["../../src/lib/utils/datetime.util.js"],"names":[],"mappings":"AAqBA,6CASC;AAED,qCAAmD;AAE5C;;;;;;;yBA8BN;AAEM;;;EAYN;AAEM,6DAyBN;AAEM,wEAEN;AAEM,sFAON"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import a from "moment";
|
|
2
2
|
function m() {
|
|
3
|
-
const
|
|
4
|
-
return (navigator.languages || [navigator.language]).find((o) =>
|
|
3
|
+
const e = /* @__PURE__ */ new Set(["en-GB", "en-US"]);
|
|
4
|
+
return (navigator.languages || [navigator.language]).find((o) => e.has(o)) || "en-US";
|
|
5
5
|
}
|
|
6
|
-
const c = m(), d = (
|
|
6
|
+
const c = m(), d = (e, t, n = {
|
|
7
7
|
year: "numeric",
|
|
8
8
|
month: "short",
|
|
9
9
|
day: "numeric",
|
|
@@ -11,29 +11,24 @@ const c = m(), d = (t, e, r = {
|
|
|
11
11
|
minute: "2-digit",
|
|
12
12
|
second: "2-digit"
|
|
13
13
|
}, o = c) => {
|
|
14
|
-
if (!
|
|
15
|
-
return
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
n = new Date(t);
|
|
19
|
-
} catch {
|
|
20
|
-
return e;
|
|
21
|
-
}
|
|
22
|
-
return typeof n != "object" || !(n instanceof Date) || isNaN(n) ? e : new Intl.DateTimeFormat(o, {
|
|
14
|
+
if (!e)
|
|
15
|
+
return t;
|
|
16
|
+
const r = new Date(e);
|
|
17
|
+
return isNaN(r) || typeof r != "object" || !(r instanceof Date) || isNaN(r) ? t : new Intl.DateTimeFormat(o, {
|
|
23
18
|
numberingSystem: "latn",
|
|
24
19
|
calendar: "gregory",
|
|
25
|
-
...
|
|
26
|
-
}).format(
|
|
27
|
-
}, g = (
|
|
28
|
-
const [
|
|
29
|
-
return
|
|
30
|
-
hour:
|
|
31
|
-
minute:
|
|
20
|
+
...n
|
|
21
|
+
}).format(r);
|
|
22
|
+
}, g = (e) => {
|
|
23
|
+
const [t, n] = e.split(":");
|
|
24
|
+
return n ? {
|
|
25
|
+
hour: t.replace(/_/g, "0"),
|
|
26
|
+
minute: n.replace(/_/g, "0")
|
|
32
27
|
} : {
|
|
33
28
|
hour: "0",
|
|
34
29
|
minute: "0"
|
|
35
30
|
};
|
|
36
|
-
}, h = (
|
|
31
|
+
}, h = (e) => (a.updateLocale("en", {
|
|
37
32
|
relativeTime: {
|
|
38
33
|
future: "in %s",
|
|
39
34
|
past: "%s ago",
|
|
@@ -52,9 +47,9 @@ const c = m(), d = (t, e, r = {
|
|
|
52
47
|
y: "a year",
|
|
53
48
|
yy: "%d years"
|
|
54
49
|
}
|
|
55
|
-
}), a.utc(
|
|
56
|
-
const s = Date.parse(o[
|
|
57
|
-
return
|
|
50
|
+
}), a.utc(e).fromNow()), p = (e, t) => a(e).format(t), y = (e = [], t, n = !0) => [...e].sort((o, r) => {
|
|
51
|
+
const s = Date.parse(o[t]), u = Date.parse(r[t]);
|
|
52
|
+
return n ? s - u : u - s;
|
|
58
53
|
});
|
|
59
54
|
export {
|
|
60
55
|
d as formatDatetime,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datetime.util.mjs","sources":["../../src/lib/utils/datetime.util.js"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport moment from 'moment'\n\nexport function getSupportedLocale() {\n const SUPPORTED_LOCALES = new Set(['en-GB', 'en-US'])\n\n const userLocales = navigator.languages || [navigator.language]\n\n // browser always returns locales in descending order of preference\n const match = userLocales.find(locale => SUPPORTED_LOCALES.has(locale))\n\n return match || 'en-US'\n}\n\nexport const supportedLocale = getSupportedLocale()\n\nexport const formatDatetime = (\n datetime,\n invalidDateMessage,\n options = {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit'\n },\n locale = supportedLocale\n) => {\n if (!datetime) {\n return invalidDateMessage\n }\n\n
|
|
1
|
+
{"version":3,"file":"datetime.util.mjs","sources":["../../src/lib/utils/datetime.util.js"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport moment from 'moment'\n\nexport function getSupportedLocale() {\n const SUPPORTED_LOCALES = new Set(['en-GB', 'en-US'])\n\n const userLocales = navigator.languages || [navigator.language]\n\n // browser always returns locales in descending order of preference\n const match = userLocales.find(locale => SUPPORTED_LOCALES.has(locale))\n\n return match || 'en-US'\n}\n\nexport const supportedLocale = getSupportedLocale()\n\nexport const formatDatetime = (\n datetime,\n invalidDateMessage,\n options = {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit'\n },\n locale = supportedLocale\n) => {\n if (!datetime) {\n return invalidDateMessage\n }\n\n const date = new Date(datetime)\n\n if (isNaN(date)) {\n return invalidDateMessage\n }\n\n return typeof date !== 'object' || !(date instanceof Date) || isNaN(date)\n ? invalidDateMessage\n : new Intl.DateTimeFormat(locale, {\n numberingSystem: 'latn',\n calendar: 'gregory',\n ...options\n }).format(date)\n}\n\nexport const getFormatTime = time => {\n const [hour, minute] = time.split(':')\n if (!minute) {\n return {\n hour: '0',\n minute: '0'\n }\n }\n return {\n hour: hour.replace(/_/g, '0'),\n minute: minute.replace(/_/g, '0')\n }\n}\n\nexport const getTimeElapsedByDate = creationDate => {\n moment.updateLocale('en', {\n relativeTime: {\n future: 'in %s',\n past: '%s ago',\n s: 'a few seconds',\n ss: '%d seconds',\n m: 'a minute',\n mm: '%d minutes',\n h: 'an hour',\n hh: '%d hours',\n d: 'a day',\n dd: '%d days',\n w: 'a week',\n ww: '%d weeks',\n M: 'a month',\n MM: '%d months',\n y: 'a year',\n yy: '%d years'\n }\n })\n\n const time = moment.utc(creationDate)\n\n return time.fromNow()\n}\n\nexport const getDateAndTimeByFormat = (date, dateFormat) => {\n return moment(date).format(dateFormat)\n}\n\nexport const sortListByDate = (list = [], field, isAscending = true) => {\n return [...list].sort((prevElem, nextElem) => {\n const prev = Date.parse(prevElem[field])\n const next = Date.parse(nextElem[field])\n\n return isAscending ? prev - next : next - prev\n })\n}\n"],"names":["getSupportedLocale","SUPPORTED_LOCALES","locale","supportedLocale","formatDatetime","datetime","invalidDateMessage","options","date","getFormatTime","time","hour","minute","getTimeElapsedByDate","creationDate","moment","getDateAndTimeByFormat","dateFormat","sortListByDate","list","field","isAscending","prevElem","nextElem","prev","next"],"mappings":";AAqBO,SAASA,IAAqB;AACnC,QAAMC,IAAoB,oBAAI,IAAI,CAAC,SAAS,OAAO,CAAC;AAOpD,UALoB,UAAU,aAAa,CAAC,UAAU,QAAQ,GAGpC,KAAK,CAAAC,MAAUD,EAAkB,IAAIC,CAAM,CAAC,KAEtD;AAClB;AAEY,MAACC,IAAkBH,EAAkB,GAEpCI,IAAiB,CAC5BC,GACAC,GACAC,IAAU;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AACZ,GACEL,IAASC,MACN;AACH,MAAI,CAACE;AACH,WAAOC;AAGT,QAAME,IAAO,IAAI,KAAKH,CAAQ;AAE9B,SAAI,MAAMG,CAAI,KAIP,OAAOA,KAAS,YAAY,EAAEA,aAAgB,SAAS,MAAMA,CAAI,IAH/DF,IAKL,IAAI,KAAK,eAAeJ,GAAQ;AAAA,IAC9B,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,GAAGK;AAAA,EACX,CAAO,EAAE,OAAOC,CAAI;AACpB,GAEaC,IAAgB,CAAAC,MAAQ;AACnC,QAAM,CAACC,GAAMC,CAAM,IAAIF,EAAK,MAAM,GAAG;AACrC,SAAKE,IAME;AAAA,IACL,MAAMD,EAAK,QAAQ,MAAM,GAAG;AAAA,IAC5B,QAAQC,EAAO,QAAQ,MAAM,GAAG;AAAA,EACpC,IARW;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,EACd;AAMA,GAEaC,IAAuB,CAAAC,OAClCC,EAAO,aAAa,MAAM;AAAA,EACxB,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,EACV;AACA,CAAG,GAEYA,EAAO,IAAID,CAAY,EAExB,QAAO,IAGRE,IAAyB,CAACR,GAAMS,MACpCF,EAAOP,CAAI,EAAE,OAAOS,CAAU,GAG1BC,IAAiB,CAACC,IAAO,CAAA,GAAIC,GAAOC,IAAc,OACtD,CAAC,GAAGF,CAAI,EAAE,KAAK,CAACG,GAAUC,MAAa;AAC5C,QAAMC,IAAO,KAAK,MAAMF,EAASF,CAAK,CAAC,GACjCK,IAAO,KAAK,MAAMF,EAASH,CAAK,CAAC;AAEvC,SAAOC,IAAcG,IAAOC,IAAOA,IAAOD;AAC5C,CAAC;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "iguazio.dashboard-react-controls",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.12",
|
|
4
4
|
"description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"main": "./dist/index.mjs",
|
|
@@ -60,13 +60,13 @@
|
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@eslint/js": "^9.19.0",
|
|
62
62
|
"@reduxjs/toolkit": "^2.8.2",
|
|
63
|
-
"@storybook/addon-actions": "^8.6.
|
|
64
|
-
"@storybook/addon-essentials": "^8.6.
|
|
65
|
-
"@storybook/addon-interactions": "^8.6.
|
|
66
|
-
"@storybook/addon-links": "^8.6.
|
|
67
|
-
"@storybook/builder-webpack5": "^8.6.
|
|
63
|
+
"@storybook/addon-actions": "^8.6.17",
|
|
64
|
+
"@storybook/addon-essentials": "^8.6.17",
|
|
65
|
+
"@storybook/addon-interactions": "^8.6.17",
|
|
66
|
+
"@storybook/addon-links": "^8.6.17",
|
|
67
|
+
"@storybook/builder-webpack5": "^8.6.17",
|
|
68
68
|
"@storybook/manager-webpack5": "^6.5.16",
|
|
69
|
-
"@storybook/react": "^8.6.
|
|
69
|
+
"@storybook/react": "^8.6.17",
|
|
70
70
|
"@storybook/testing-library": "0.2.2",
|
|
71
71
|
"@types/react": "18.3.1",
|
|
72
72
|
"@types/react-dom": "18.3.1",
|
|
@@ -104,6 +104,13 @@
|
|
|
104
104
|
"vite-plugin-static-copy": "^2.2.0",
|
|
105
105
|
"vite-plugin-svgr": "^4.3.0"
|
|
106
106
|
},
|
|
107
|
+
"overrides": {
|
|
108
|
+
"rollup": "^4.59.0",
|
|
109
|
+
"serialize-javascript": "^7.0.3",
|
|
110
|
+
"braces": ">=3.0.3",
|
|
111
|
+
"bn.js": "5.2.3",
|
|
112
|
+
"webpack-dev-middleware": ">=5.3.4"
|
|
113
|
+
},
|
|
107
114
|
"scripts": {
|
|
108
115
|
"lint": "eslint \"src/**/*.{js,jsx}\" --quiet",
|
|
109
116
|
"lint:fix": "eslint \"src/**/*.{js,jsx}\" --fix",
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export default TableTagStatusCell;
|
|
2
|
-
declare function TableTagStatusCell({ cellData, className, item, onClick }: {
|
|
3
|
-
cellData?: {};
|
|
4
|
-
className?: string;
|
|
5
|
-
item: any;
|
|
6
|
-
onClick?: any;
|
|
7
|
-
}): JSX.Element;
|
|
8
|
-
declare namespace TableTagStatusCell {
|
|
9
|
-
namespace propTypes {
|
|
10
|
-
let cellData: any;
|
|
11
|
-
let className: any;
|
|
12
|
-
let item: any;
|
|
13
|
-
let onClick: any;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
//# sourceMappingURL=TableTagStatusCell.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableTagStatusCell.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/TableTagStatusCell/TableTagStatusCell.jsx"],"names":[],"mappings":";AA4BA;;;;;gBAuCC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import l from "prop-types";
|
|
4
|
-
import i from "classnames";
|
|
5
|
-
import r from "../../components/Tooltip/Tooltip.mjs";
|
|
6
|
-
import o from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
|
|
7
|
-
/* empty css */
|
|
8
|
-
const N = ({ cellData: e = {}, className: m = "", item: a, onClick: t = null }) => {
|
|
9
|
-
const d = i(
|
|
10
|
-
"table-body__cell",
|
|
11
|
-
"tag-status-cell",
|
|
12
|
-
e.className,
|
|
13
|
-
m,
|
|
14
|
-
e.bodyCellClassName,
|
|
15
|
-
t && "link"
|
|
16
|
-
), { value: n, label: p, className: u } = (a == null ? void 0 : a.state) ?? {};
|
|
17
|
-
return /* @__PURE__ */ s(
|
|
18
|
-
"td",
|
|
19
|
-
{
|
|
20
|
-
"data-testid": (e == null ? void 0 : e.headerId) ?? "table-tag-status-cell",
|
|
21
|
-
className: d,
|
|
22
|
-
onClick: () => e.value && (t == null ? void 0 : t(e.value)),
|
|
23
|
-
children: /* @__PURE__ */ c("div", { className: "cell-wrapper", children: [
|
|
24
|
-
/* @__PURE__ */ c("div", { className: "cell-content", children: [
|
|
25
|
-
/* @__PURE__ */ s(
|
|
26
|
-
r,
|
|
27
|
-
{
|
|
28
|
-
className: "cell-name",
|
|
29
|
-
template: /* @__PURE__ */ s(o, { text: e.tooltip || e.value || "" }),
|
|
30
|
-
children: e.value
|
|
31
|
-
}
|
|
32
|
-
),
|
|
33
|
-
n && p && /* @__PURE__ */ s(r, { className: "cell-status", template: /* @__PURE__ */ s(o, { text: p }), children: /* @__PURE__ */ s("i", { className: u }) })
|
|
34
|
-
] }),
|
|
35
|
-
(a == null ? void 0 : a.tag) && /* @__PURE__ */ s(r, { className: "cell-tag", template: /* @__PURE__ */ s(o, { text: a.tag }), children: /* @__PURE__ */ s("span", { className: "cell-subtext", children: a.tag }) })
|
|
36
|
-
] })
|
|
37
|
-
}
|
|
38
|
-
);
|
|
39
|
-
};
|
|
40
|
-
N.propTypes = {
|
|
41
|
-
cellData: l.object.isRequired,
|
|
42
|
-
className: l.string,
|
|
43
|
-
item: l.oneOfType([l.object, l.bool]).isRequired,
|
|
44
|
-
onClick: l.func
|
|
45
|
-
};
|
|
46
|
-
export {
|
|
47
|
-
N as default
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=TableTagStatusCell.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableTagStatusCell.mjs","sources":["../../../src/lib/elements/TableTagStatusCell/TableTagStatusCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport './tableTagStatusCell.scss'\n\nconst TableTagStatusCell = ({ cellData = {}, className = '', item, onClick = null }) => {\n const tableCellClassNames = classnames(\n 'table-body__cell',\n 'tag-status-cell',\n cellData.className,\n className,\n cellData.bodyCellClassName,\n onClick && 'link'\n )\n const { value: stateValue, label: stateLabel, className: stateClassName } = item?.state ?? {}\n\n return (\n <td\n data-testid={cellData?.headerId ?? 'table-tag-status-cell'}\n className={tableCellClassNames}\n onClick={() => cellData.value && onClick?.(cellData.value)}\n >\n <div className=\"cell-wrapper\">\n <div className=\"cell-content\">\n <Tooltip\n className=\"cell-name\"\n template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n >\n {cellData.value}\n </Tooltip>\n {stateValue && stateLabel && (\n <Tooltip className=\"cell-status\" template={<TextTooltipTemplate text={stateLabel} />}>\n <i className={stateClassName} />\n </Tooltip>\n )}\n </div>\n {item?.tag && (\n <Tooltip className=\"cell-tag\" template={<TextTooltipTemplate text={item.tag} />}>\n <span className=\"cell-subtext\">{item.tag}</span>\n </Tooltip>\n )}\n </div>\n </td>\n )\n}\n\nTableTagStatusCell.propTypes = {\n cellData: PropTypes.object.isRequired,\n className: PropTypes.string,\n item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).isRequired,\n onClick: PropTypes.func\n}\n\nexport default TableTagStatusCell\n"],"names":["TableTagStatusCell","cellData","className","item","onClick","tableCellClassNames","classnames","stateValue","stateLabel","stateClassName","jsx","jsxs","Tooltip","TextTooltipTemplate","PropTypes"],"mappings":";;;;;;;AA4BA,MAAMA,IAAqB,CAAC,EAAE,UAAAC,IAAW,IAAI,WAAAC,IAAY,IAAI,MAAAC,GAAM,SAAAC,IAAU,WAAW;AACtF,QAAMC,IAAsBC;AAAA,IAC1B;AAAA,IACA;AAAA,IACAL,EAAS;AAAA,IACTC;AAAA,IACAD,EAAS;AAAA,IACTG,KAAW;AAAA,EAAA,GAEP,EAAE,OAAOG,GAAY,OAAOC,GAAY,WAAWC,EAAA,KAAmBN,KAAA,gBAAAA,EAAM,UAAS,CAAA;AAE3F,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,gBAAaT,KAAA,gBAAAA,EAAU,aAAY;AAAA,MACnC,WAAWI;AAAA,MACX,SAAS,MAAMJ,EAAS,UAASG,KAAA,gBAAAA,EAAUH,EAAS;AAAA,MAEpD,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,4BAAWC,GAAA,EAAoB,MAAMZ,EAAS,WAAWA,EAAS,SAAS,IAAI;AAAA,cAE9E,UAAAA,EAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAEXM,KAAcC,KACb,gBAAAE,EAACE,GAAA,EAAQ,WAAU,eAAc,UAAU,gBAAAF,EAACG,GAAA,EAAoB,MAAML,GAAY,GAChF,UAAA,gBAAAE,EAAC,KAAA,EAAE,WAAWD,GAAgB,EAAA,CAChC;AAAA,QAAA,GAEJ;AAAA,SACCN,KAAA,gBAAAA,EAAM,QACL,gBAAAO,EAACE,KAAQ,WAAU,YAAW,UAAU,gBAAAF,EAACG,GAAA,EAAoB,MAAMV,EAAK,IAAA,CAAK,GAC3E,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,gBAAgB,UAAAP,EAAK,KAAI,EAAA,CAC3C;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAH,EAAmB,YAAY;AAAA,EAC7B,UAAUc,EAAU,OAAO;AAAA,EAC3B,WAAWA,EAAU;AAAA,EACrB,MAAMA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,IAAI,CAAC,EAAE;AAAA,EAC9D,SAASA,EAAU;AACrB;"}
|