@pega/cosmos-react-build 9.0.0-build.27.8 → 9.0.0-build.27.9
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DynamicInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sOAAiB,CAAC;AAEtD,eAAO,MAAM,kBAAkB;eAA2B,OAAO;eAAa,OAAO;YA6FpF,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
|
-
import { Flex, StyledFormControl, StyledGrid,
|
|
2
|
+
import { Flex, StyledFormControl, StyledGrid, defaultThemeProp } from '@pega/cosmos-react-core';
|
|
3
3
|
import { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';
|
|
4
4
|
import { StyledContentWrapper, StyledInputTree } from '../ObjectSelect/InputTree/InputTree.styles';
|
|
5
5
|
import { StyledFieldReferenceInput, StyledFieldReferencePicker } from '../FieldReference/FieldReference.styles';
|
|
@@ -7,7 +7,6 @@ export const StyledExpressionControl = styled(Flex) ``;
|
|
|
7
7
|
export const StyledDynamicInput = styled.div(({ theme: { base: { palette: { 'foreground-color': foregroundColor }, 'content-width': contentWidth }, components: { 'form-control': { 'border-color': formControlBorderColor, ':read-only': { 'background-color': readOnlyBackgroundColor } } } }, readOnly }) => {
|
|
8
8
|
return css `
|
|
9
9
|
display: flex;
|
|
10
|
-
flex-grow: 1;
|
|
11
10
|
|
|
12
11
|
${StyledInputTree} {
|
|
13
12
|
margin-inline-start: -2.5rem;
|
|
@@ -21,10 +20,6 @@ export const StyledDynamicInput = styled.div(({ theme: { base: { palette: { 'for
|
|
|
21
20
|
padding-block-start: 0;
|
|
22
21
|
}
|
|
23
22
|
|
|
24
|
-
${StyledSelectInput} {
|
|
25
|
-
height: 100%;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
23
|
${StyledFormControl} {
|
|
29
24
|
border-start-start-radius: 0;
|
|
30
25
|
border-end-start-radius: 0;
|
|
@@ -59,6 +54,12 @@ export const StyledDynamicInput = styled.div(({ theme: { base: { palette: { 'for
|
|
|
59
54
|
}
|
|
60
55
|
}
|
|
61
56
|
|
|
57
|
+
/* When the sibling content contains a nested DynamicInput (another MenuButton),
|
|
58
|
+
pin the source button to the top so it doesn't stretch over nested Parameters. */
|
|
59
|
+
&:has(${StyledMenuButton} ~ * ${StyledMenuButton}) > ${StyledMenuButton} {
|
|
60
|
+
align-self: flex-start;
|
|
61
|
+
}
|
|
62
|
+
|
|
62
63
|
/* disabled-opacity is already being applied on DynamicInput, so we need to unset it on MenuButton */
|
|
63
64
|
&[disabled] {
|
|
64
65
|
${StyledMenuButton}:disabled {
|
|
@@ -77,7 +78,6 @@ export const StyledDynamicInput = styled.div(({ theme: { base: { palette: { 'for
|
|
|
77
78
|
flex-grow: 1;
|
|
78
79
|
z-index: 1;
|
|
79
80
|
width: 100%;
|
|
80
|
-
height: auto;
|
|
81
81
|
min-width: ${contentWidth.xs};
|
|
82
82
|
}
|
|
83
83
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicInput.styles.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,
|
|
1
|
+
{"version":3,"file":"DynamicInput.styles.js","sourceRoot":"","sources":["../../../src/components/DynamicInput/DynamicInput.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,8DAA8D,CAAC;AAEhG,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AACnG,OAAO,EACL,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,yCAAyC,CAAC;AAEjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAE,CAAC;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAC1C,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EACJ,OAAO,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EAChD,eAAe,EAAE,YAAY,EAC9B,EACD,UAAU,EAAE,EACV,cAAc,EAAE,EACd,cAAc,EAAE,sBAAsB,EACtC,YAAY,EAAE,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,EAC9D,EACF,EACF,EACD,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;;QAGN,eAAe;;;;QAIf,0BAA0B,MAAM,yBAAyB,MAAM,UAAU;;;;QAIzE,oBAAoB;;;;QAIpB,iBAAiB;;;;;;QAMjB,uBAAuB;;;;;;;;;;0BAUL,sBAAsB;;;;;;QAMxC,gBAAgB;;;wBAGA,sBAAsB;;;iBAG7B,eAAe;;;;;;;;cAQlB,gBAAgB,QAAQ,gBAAgB,OAAO,gBAAgB;;;;;;UAMnE,gBAAgB;;;;;QAKlB,QAAQ;QACV,GAAG,CAAA;UACC,gBAAgB;8BACI,uBAAuB;;OAE9C;;QAEC,gBAAgB;;;;qBAIH,YAAY,CAAC,EAAE;;KAE/B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Flex, StyledFormControl, StyledGrid, defaultThemeProp } from '@pega/cosmos-react-core';\nimport { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';\n\nimport { StyledContentWrapper, StyledInputTree } from '../ObjectSelect/InputTree/InputTree.styles';\nimport {\n StyledFieldReferenceInput,\n StyledFieldReferencePicker\n} from '../FieldReference/FieldReference.styles';\n\nexport const StyledExpressionControl = styled(Flex)``;\n\nexport const StyledDynamicInput = styled.div<{ disabled?: boolean; readOnly?: boolean }>(\n ({\n theme: {\n base: {\n palette: { 'foreground-color': foregroundColor },\n 'content-width': contentWidth\n },\n components: {\n 'form-control': {\n 'border-color': formControlBorderColor,\n ':read-only': { 'background-color': readOnlyBackgroundColor }\n }\n }\n },\n readOnly\n }) => {\n return css`\n display: flex;\n\n ${StyledInputTree} {\n margin-inline-start: -2.5rem;\n }\n\n ${StyledFieldReferencePicker} > ${StyledFieldReferenceInput} > ${StyledGrid} {\n padding: 0;\n }\n\n ${StyledContentWrapper} {\n padding-block-start: 0;\n }\n\n ${StyledFormControl} {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n width: 100%;\n }\n\n ${StyledExpressionControl} {\n position: relative;\n z-index: 1;\n\n .react-codemirror2 {\n min-height: 0;\n }\n\n .CodeMirror,\n .CodeMirror-wrap {\n border-color: ${formControlBorderColor};\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n }\n\n ${StyledMenuButton} {\n z-index: 0;\n border-inline-end: 0;\n border-color: ${formControlBorderColor};\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n color: ${foregroundColor};\n &:focus {\n z-index: 2;\n }\n }\n\n /* When the sibling content contains a nested DynamicInput (another MenuButton),\n pin the source button to the top so it doesn't stretch over nested Parameters. */\n &:has(${StyledMenuButton} ~ * ${StyledMenuButton}) > ${StyledMenuButton} {\n align-self: flex-start;\n }\n\n /* disabled-opacity is already being applied on DynamicInput, so we need to unset it on MenuButton */\n &[disabled] {\n ${StyledMenuButton}:disabled {\n opacity: 1;\n }\n }\n\n ${readOnly &&\n css`\n ${StyledMenuButton} {\n background-color: ${readOnlyBackgroundColor};\n }\n `}\n\n ${StyledMenuButton} + * {\n flex-grow: 1;\n z-index: 1;\n width: 100%;\n min-width: ${contentWidth.xs};\n }\n `;\n }\n);\n\nStyledDynamicInput.defaultProps = defaultThemeProp;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pega/cosmos-react-build",
|
|
3
|
-
"version": "9.0.0-build.27.
|
|
3
|
+
"version": "9.0.0-build.27.9",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"author": "Pegasystems",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@dagrejs/dagre": "^3.0.0",
|
|
18
|
-
"@pega/cosmos-react-core": "9.0.0-build.27.
|
|
19
|
-
"@pega/cosmos-react-dnd": "9.0.0-build.27.
|
|
20
|
-
"@pega/cosmos-react-rte": "9.0.0-build.27.
|
|
18
|
+
"@pega/cosmos-react-core": "9.0.0-build.27.9",
|
|
19
|
+
"@pega/cosmos-react-dnd": "9.0.0-build.27.9",
|
|
20
|
+
"@pega/cosmos-react-rte": "9.0.0-build.27.9",
|
|
21
21
|
"@types/codemirror": "^5.60.15",
|
|
22
22
|
"@types/react": "^17.0.62 || ^18.3.3",
|
|
23
23
|
"@types/react-dom": "^17.0.20 || ^18.3.0",
|