@osdk/cbac-components 0.1.0-beta.2 → 0.1.0-beta.3
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/CHANGELOG.md +14 -0
- package/build/browser/cbac-picker/base/BaseCbacBanner.js +64 -0
- package/build/browser/cbac-picker/base/BaseCbacBanner.js.map +1 -0
- package/build/browser/cbac-picker/base/BaseCbacBanner.module.css +74 -0
- package/build/browser/cbac-picker/base/BaseCbacBanner.module.css.js +9 -0
- package/build/browser/cbac-picker/base/BaseCbacPicker.js +70 -0
- package/build/browser/cbac-picker/base/BaseCbacPicker.js.map +1 -0
- package/build/browser/cbac-picker/base/BaseCbacPicker.module.css +42 -0
- package/build/browser/cbac-picker/base/BaseCbacPicker.module.css.js +9 -0
- package/build/browser/cbac-picker/base/BaseCbacPickerDialog.js +51 -0
- package/build/browser/cbac-picker/base/BaseCbacPickerDialog.js.map +1 -0
- package/build/browser/cbac-picker/base/CategoryMarkingGroup.js +12 -3
- package/build/browser/cbac-picker/base/CategoryMarkingGroup.js.map +1 -1
- package/build/browser/cbac-picker/base/CbacPickerDialogFooter.js +42 -0
- package/build/browser/cbac-picker/base/CbacPickerDialogFooter.js.map +1 -0
- package/build/browser/cbac-picker/base/CbacPickerDialogFooter.module.css +19 -0
- package/build/browser/cbac-picker/base/CbacPickerDialogFooter.module.css.js +6 -0
- package/build/browser/cbac-picker/useCbacPickerState.js +85 -0
- package/build/browser/cbac-picker/useCbacPickerState.js.map +1 -0
- package/build/browser/styles.css +144 -0
- package/build/esm/cbac-picker/base/BaseCbacBanner.js +64 -0
- package/build/esm/cbac-picker/base/BaseCbacBanner.js.map +1 -0
- package/build/esm/cbac-picker/base/BaseCbacBanner.module.css +74 -0
- package/build/esm/cbac-picker/base/BaseCbacPicker.js +70 -0
- package/build/esm/cbac-picker/base/BaseCbacPicker.js.map +1 -0
- package/build/esm/cbac-picker/base/BaseCbacPicker.module.css +42 -0
- package/build/esm/cbac-picker/base/BaseCbacPickerDialog.js +51 -0
- package/build/esm/cbac-picker/base/BaseCbacPickerDialog.js.map +1 -0
- package/build/esm/cbac-picker/base/CategoryMarkingGroup.js +12 -3
- package/build/esm/cbac-picker/base/CategoryMarkingGroup.js.map +1 -1
- package/build/esm/cbac-picker/base/CbacPickerDialogFooter.js +42 -0
- package/build/esm/cbac-picker/base/CbacPickerDialogFooter.js.map +1 -0
- package/build/esm/cbac-picker/base/CbacPickerDialogFooter.module.css +19 -0
- package/build/esm/cbac-picker/useCbacPickerState.js +85 -0
- package/build/esm/cbac-picker/useCbacPickerState.js.map +1 -0
- package/build/types/cbac-picker/base/BaseCbacBanner.d.ts +10 -0
- package/build/types/cbac-picker/base/BaseCbacBanner.d.ts.map +1 -0
- package/build/types/cbac-picker/base/BaseCbacPicker.d.ts +17 -0
- package/build/types/cbac-picker/base/BaseCbacPicker.d.ts.map +1 -0
- package/build/types/cbac-picker/base/BaseCbacPickerDialog.d.ts +11 -0
- package/build/types/cbac-picker/base/BaseCbacPickerDialog.d.ts.map +1 -0
- package/build/types/cbac-picker/base/CategoryMarkingGroup.d.ts +3 -3
- package/build/types/cbac-picker/base/CategoryMarkingGroup.d.ts.map +1 -1
- package/build/types/cbac-picker/base/CbacPickerDialogFooter.d.ts +8 -0
- package/build/types/cbac-picker/base/CbacPickerDialogFooter.d.ts.map +1 -0
- package/build/types/cbac-picker/useCbacPickerState.d.ts +11 -0
- package/build/types/cbac-picker/useCbacPickerState.d.ts.map +1 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @osdk/cbac-components
|
|
2
2
|
|
|
3
|
+
## 0.1.0-beta.3
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- c933198: add base cbac picker and dialog components
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [4ad9b36]
|
|
12
|
+
- Updated dependencies [d6c2c8b]
|
|
13
|
+
- Updated dependencies [d6c2c8b]
|
|
14
|
+
- @osdk/react-components@0.2.0-beta.29
|
|
15
|
+
- @osdk/react@0.10.0-beta.15
|
|
16
|
+
|
|
3
17
|
## 0.1.0-beta.2
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
import { Button } from "@base-ui/react/button";
|
|
18
|
+
import { Cross } from "@blueprintjs/icons";
|
|
19
|
+
import classnames from "classnames";
|
|
20
|
+
import React from "react";
|
|
21
|
+
import { backgroundFromColors } from "../utils/cbacPickerUtils.js";
|
|
22
|
+
import styles from "./BaseCbacBanner.module.css.js";
|
|
23
|
+
export function BaseCbacBanner({
|
|
24
|
+
classificationString,
|
|
25
|
+
textColor,
|
|
26
|
+
backgroundColors,
|
|
27
|
+
onClick,
|
|
28
|
+
onDismiss,
|
|
29
|
+
className
|
|
30
|
+
}) {
|
|
31
|
+
const bannerStyle = React.useMemo(() => ({
|
|
32
|
+
"--osdk-cbac-banner-bg": backgroundFromColors(backgroundColors),
|
|
33
|
+
"--osdk-cbac-banner-color": textColor
|
|
34
|
+
}), [textColor, backgroundColors]);
|
|
35
|
+
const handleDismiss = React.useCallback(e => {
|
|
36
|
+
e.stopPropagation();
|
|
37
|
+
onDismiss?.();
|
|
38
|
+
}, [onDismiss]);
|
|
39
|
+
const dismissButton = onDismiss != null ? /*#__PURE__*/React.createElement(Button, {
|
|
40
|
+
className: styles.dismissButton,
|
|
41
|
+
onClick: handleDismiss,
|
|
42
|
+
"aria-label": "Clear classification"
|
|
43
|
+
}, /*#__PURE__*/React.createElement(Cross, {
|
|
44
|
+
size: 12,
|
|
45
|
+
color: "currentColor"
|
|
46
|
+
})) : null;
|
|
47
|
+
if (onClick != null) {
|
|
48
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
49
|
+
className: classnames(styles.bannerRow, className),
|
|
50
|
+
style: bannerStyle
|
|
51
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
52
|
+
className: classnames(styles.banner, styles.clickable),
|
|
53
|
+
onClick: onClick,
|
|
54
|
+
"aria-label": "Edit classification"
|
|
55
|
+
}, classificationString), dismissButton);
|
|
56
|
+
}
|
|
57
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
58
|
+
className: classnames(styles.bannerRow, className),
|
|
59
|
+
style: bannerStyle
|
|
60
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
61
|
+
className: styles.banner
|
|
62
|
+
}, classificationString), dismissButton);
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=BaseCbacBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseCbacBanner.js","names":["Button","Cross","classnames","React","backgroundFromColors","styles","BaseCbacBanner","classificationString","textColor","backgroundColors","onClick","onDismiss","className","bannerStyle","useMemo","handleDismiss","useCallback","e","stopPropagation","dismissButton","createElement","size","color","bannerRow","style","banner","clickable"],"sources":["BaseCbacBanner.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport { backgroundFromColors } from \"../utils/cbacPickerUtils.js\";\nimport styles from \"./BaseCbacBanner.module.css\";\n\nexport interface BaseCbacBannerProps {\n classificationString: string;\n textColor: string;\n backgroundColors: string[];\n onClick?: () => void;\n onDismiss?: () => void;\n className?: string;\n}\n\nexport function BaseCbacBanner({\n classificationString,\n textColor,\n backgroundColors,\n onClick,\n onDismiss,\n className,\n}: BaseCbacBannerProps): React.ReactElement {\n const bannerStyle = React.useMemo((): React.CSSProperties => ({\n \"--osdk-cbac-banner-bg\": backgroundFromColors(backgroundColors),\n \"--osdk-cbac-banner-color\": textColor,\n } as React.CSSProperties), [textColor, backgroundColors]);\n\n const handleDismiss = React.useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n },\n [onDismiss],\n );\n\n const dismissButton = onDismiss != null\n ? (\n <Button\n className={styles.dismissButton}\n onClick={handleDismiss}\n aria-label=\"Clear classification\"\n >\n <Cross size={12} color=\"currentColor\" />\n </Button>\n )\n : null;\n\n if (onClick != null) {\n return (\n <div\n className={classnames(styles.bannerRow, className)}\n style={bannerStyle}\n >\n <Button\n className={classnames(styles.banner, styles.clickable)}\n onClick={onClick}\n aria-label=\"Edit classification\"\n >\n {classificationString}\n </Button>\n {dismissButton}\n </div>\n );\n }\n\n return (\n <div\n className={classnames(styles.bannerRow, className)}\n style={bannerStyle}\n >\n <span className={styles.banner}>\n {classificationString}\n </span>\n {dismissButton}\n </div>\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,6BAA6B;AAClE,OAAOC,MAAM,MAAM,6BAA6B;AAWhD,OAAO,SAASC,cAAcA,CAAC;EAC7BC,oBAAoB;EACpBC,SAAS;EACTC,gBAAgB;EAChBC,OAAO;EACPC,SAAS;EACTC;AACmB,CAAC,EAAsB;EAC1C,MAAMC,WAAW,GAAGV,KAAK,CAACW,OAAO,CAAC,OAA4B;IAC5D,uBAAuB,EAAEV,oBAAoB,CAACK,gBAAgB,CAAC;IAC/D,0BAA0B,EAAED;EAC9B,CAAC,CAAwB,EAAE,CAACA,SAAS,EAAEC,gBAAgB,CAAC,CAAC;EAEzD,MAAMM,aAAa,GAAGZ,KAAK,CAACa,WAAW,CACpCC,CAAmB,IAAK;IACvBA,CAAC,CAACC,eAAe,CAAC,CAAC;IACnBP,SAAS,GAAG,CAAC;EACf,CAAC,EACD,CAACA,SAAS,CACZ,CAAC;EAED,MAAMQ,aAAa,GAAGR,SAAS,IAAI,IAAI,gBAEnCR,KAAA,CAAAiB,aAAA,CAACpB,MAAM;IACLY,SAAS,EAAEP,MAAM,CAACc,aAAc;IAChCT,OAAO,EAAEK,aAAc;IACvB,cAAW;EAAsB,gBAEjCZ,KAAA,CAAAiB,aAAA,CAACnB,KAAK;IAACoB,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAc,CAAE,CACjC,CAAC,GAET,IAAI;EAER,IAAIZ,OAAO,IAAI,IAAI,EAAE;IACnB,oBACEP,KAAA,CAAAiB,aAAA;MACER,SAAS,EAAEV,UAAU,CAACG,MAAM,CAACkB,SAAS,EAAEX,SAAS,CAAE;MACnDY,KAAK,EAAEX;IAAY,gBAEnBV,KAAA,CAAAiB,aAAA,CAACpB,MAAM;MACLY,SAAS,EAAEV,UAAU,CAACG,MAAM,CAACoB,MAAM,EAAEpB,MAAM,CAACqB,SAAS,CAAE;MACvDhB,OAAO,EAAEA,OAAQ;MACjB,cAAW;IAAqB,GAE/BH,oBACK,CAAC,EACRY,aACE,CAAC;EAEV;EAEA,oBACEhB,KAAA,CAAAiB,aAAA;IACER,SAAS,EAAEV,UAAU,CAACG,MAAM,CAACkB,SAAS,EAAEX,SAAS,CAAE;IACnDY,KAAK,EAAEX;EAAY,gBAEnBV,KAAA,CAAAiB,aAAA;IAAMR,SAAS,EAAEP,MAAM,CAACoB;EAAO,GAC5BlB,oBACG,CAAC,EACNY,aACE,CAAC;AAEV","ignoreList":[]}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
.bannerRow {
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
border-radius: var(--osdk-cbac-banner-border-radius);
|
|
21
|
+
width: 100%;
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
background: var(--osdk-cbac-banner-bg);
|
|
24
|
+
color: var(--osdk-cbac-banner-color);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.banner {
|
|
28
|
+
flex: 1;
|
|
29
|
+
padding: var(--osdk-cbac-banner-padding);
|
|
30
|
+
font-size: var(--osdk-cbac-banner-font-size);
|
|
31
|
+
font-weight: var(--osdk-cbac-banner-font-weight);
|
|
32
|
+
text-align: var(--osdk-cbac-banner-text-align);
|
|
33
|
+
font-family: inherit;
|
|
34
|
+
border: none;
|
|
35
|
+
background: transparent;
|
|
36
|
+
color: inherit;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.clickable {
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.clickable:focus-visible {
|
|
44
|
+
outline: var(--osdk-focus-outline);
|
|
45
|
+
outline-offset: var(--osdk-focus-visible-outline-offset);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.clickable:hover {
|
|
49
|
+
filter: brightness(0.9);
|
|
50
|
+
text-decoration: underline;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.dismissButton {
|
|
54
|
+
display: flex;
|
|
55
|
+
align-items: center;
|
|
56
|
+
justify-content: center;
|
|
57
|
+
padding: calc(var(--osdk-surface-spacing) * 1);
|
|
58
|
+
margin-right: calc(var(--osdk-surface-spacing) * 1);
|
|
59
|
+
background: transparent;
|
|
60
|
+
border: none;
|
|
61
|
+
color: inherit;
|
|
62
|
+
cursor: pointer;
|
|
63
|
+
border-radius: var(--osdk-surface-border-radius);
|
|
64
|
+
flex-shrink: 0;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.dismissButton:hover {
|
|
68
|
+
filter: brightness(0.8);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.dismissButton:focus-visible {
|
|
72
|
+
outline: var(--osdk-focus-outline);
|
|
73
|
+
outline-offset: var(--osdk-focus-visible-outline-offset);
|
|
74
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// CSS Module proxy for BaseCbacBanner.module.css
|
|
2
|
+
const styles = {
|
|
3
|
+
"bannerRow": "BaseCbacBanner-module__bannerRow___oxu42hEl",
|
|
4
|
+
"banner": "BaseCbacBanner-module__banner___IjvLA5g7",
|
|
5
|
+
"clickable": "BaseCbacBanner-module__clickable___EhVZQgrU",
|
|
6
|
+
"dismissButton": "BaseCbacBanner-module__dismissButton___pEhcnzSL"
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export default styles;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
import classnames from "classnames";
|
|
18
|
+
import React from "react";
|
|
19
|
+
import { BaseCbacBanner } from "./BaseCbacBanner.js";
|
|
20
|
+
import styles from "./BaseCbacPicker.module.css.js";
|
|
21
|
+
import { CategoryMarkingGroup } from "./CategoryMarkingGroup.js";
|
|
22
|
+
import { InfoBanner } from "./InfoBanner.js";
|
|
23
|
+
import { ValidationWarning } from "./ValidationWarning.js";
|
|
24
|
+
export function BaseCbacPicker({
|
|
25
|
+
categories,
|
|
26
|
+
markingStates,
|
|
27
|
+
banner,
|
|
28
|
+
onMarkingToggle,
|
|
29
|
+
onDismissBanner,
|
|
30
|
+
showInfoBanner,
|
|
31
|
+
requiredMarkingGroups,
|
|
32
|
+
isValid,
|
|
33
|
+
readOnly,
|
|
34
|
+
isLoading,
|
|
35
|
+
error,
|
|
36
|
+
className
|
|
37
|
+
}) {
|
|
38
|
+
const showInitialLoading = isLoading === true && categories.length === 0;
|
|
39
|
+
const showValidationWarning = isValid === false && requiredMarkingGroups != null && requiredMarkingGroups.length > 0;
|
|
40
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
41
|
+
className: classnames(styles.picker, className)
|
|
42
|
+
}, showInfoBanner === true && /*#__PURE__*/React.createElement(InfoBanner, {
|
|
43
|
+
message: "Implied markings are (in parentheses)."
|
|
44
|
+
}), banner != null && /*#__PURE__*/React.createElement(BaseCbacBanner, {
|
|
45
|
+
classificationString: banner.classificationString,
|
|
46
|
+
textColor: banner.textColor,
|
|
47
|
+
backgroundColors: banner.backgroundColors,
|
|
48
|
+
onDismiss: onDismissBanner,
|
|
49
|
+
className: styles.innerBanner
|
|
50
|
+
}), error != null ? /*#__PURE__*/React.createElement("div", {
|
|
51
|
+
className: styles.statusMessage,
|
|
52
|
+
role: "alert"
|
|
53
|
+
}, error.message) : showInitialLoading ? /*#__PURE__*/React.createElement("div", {
|
|
54
|
+
className: styles.statusMessage,
|
|
55
|
+
role: "status",
|
|
56
|
+
"aria-live": "polite"
|
|
57
|
+
}, "Loading...") : /*#__PURE__*/React.createElement("div", {
|
|
58
|
+
className: styles.categoriesContainer
|
|
59
|
+
}, categories.map(group => /*#__PURE__*/React.createElement(CategoryMarkingGroup, {
|
|
60
|
+
key: group.category.id,
|
|
61
|
+
categoryName: group.category.name,
|
|
62
|
+
markings: group.markings,
|
|
63
|
+
markingStates: markingStates,
|
|
64
|
+
readOnly: readOnly,
|
|
65
|
+
onMarkingToggle: onMarkingToggle
|
|
66
|
+
}))), showValidationWarning && /*#__PURE__*/React.createElement(ValidationWarning, {
|
|
67
|
+
requiredMarkingGroups: requiredMarkingGroups
|
|
68
|
+
}));
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=BaseCbacPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseCbacPicker.js","names":["classnames","React","BaseCbacBanner","styles","CategoryMarkingGroup","InfoBanner","ValidationWarning","BaseCbacPicker","categories","markingStates","banner","onMarkingToggle","onDismissBanner","showInfoBanner","requiredMarkingGroups","isValid","readOnly","isLoading","error","className","showInitialLoading","length","showValidationWarning","createElement","picker","message","classificationString","textColor","backgroundColors","onDismiss","innerBanner","statusMessage","role","categoriesContainer","map","group","key","category","id","categoryName","name","markings"],"sources":["BaseCbacPicker.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport type {\n CategoryMarkingGroup as CategoryMarkingGroupType,\n CbacBannerData,\n MarkingSelectionState,\n RequiredMarkingGroup,\n} from \"../types.js\";\nimport { BaseCbacBanner } from \"./BaseCbacBanner.js\";\nimport styles from \"./BaseCbacPicker.module.css\";\nimport { CategoryMarkingGroup } from \"./CategoryMarkingGroup.js\";\nimport { InfoBanner } from \"./InfoBanner.js\";\nimport { ValidationWarning } from \"./ValidationWarning.js\";\n\nexport interface BaseCbacPickerProps {\n categories: CategoryMarkingGroupType[];\n markingStates: Map<string, MarkingSelectionState>;\n banner?: CbacBannerData;\n onMarkingToggle: (markingId: string) => void;\n onDismissBanner?: () => void;\n showInfoBanner?: boolean;\n requiredMarkingGroups?: ReadonlyArray<RequiredMarkingGroup>;\n isValid?: boolean;\n readOnly?: boolean;\n isLoading?: boolean;\n error?: Error;\n className?: string;\n}\n\nexport function BaseCbacPicker({\n categories,\n markingStates,\n banner,\n onMarkingToggle,\n onDismissBanner,\n showInfoBanner,\n requiredMarkingGroups,\n isValid,\n readOnly,\n isLoading,\n error,\n className,\n}: BaseCbacPickerProps): React.ReactElement {\n const showInitialLoading = isLoading === true && categories.length === 0;\n const showValidationWarning = isValid === false\n && requiredMarkingGroups != null\n && requiredMarkingGroups.length > 0;\n\n return (\n <div className={classnames(styles.picker, className)}>\n {showInfoBanner === true && (\n <InfoBanner message=\"Implied markings are (in parentheses).\" />\n )}\n {banner != null && (\n <BaseCbacBanner\n classificationString={banner.classificationString}\n textColor={banner.textColor}\n backgroundColors={banner.backgroundColors}\n onDismiss={onDismissBanner}\n className={styles.innerBanner}\n />\n )}\n {error != null\n ? (\n <div\n className={styles.statusMessage}\n role=\"alert\"\n >\n {error.message}\n </div>\n )\n : showInitialLoading\n ? (\n <div\n className={styles.statusMessage}\n role=\"status\"\n aria-live=\"polite\"\n >\n Loading...\n </div>\n )\n : (\n <div className={styles.categoriesContainer}>\n {categories.map((group) => (\n <CategoryMarkingGroup\n key={group.category.id}\n categoryName={group.category.name}\n markings={group.markings}\n markingStates={markingStates}\n readOnly={readOnly}\n onMarkingToggle={onMarkingToggle}\n />\n ))}\n </div>\n )}\n {showValidationWarning && (\n <ValidationWarning requiredMarkingGroups={requiredMarkingGroups} />\n )}\n </div>\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAOzB,SAASC,cAAc,QAAQ,qBAAqB;AACpD,OAAOC,MAAM,MAAM,6BAA6B;AAChD,SAASC,oBAAoB,QAAQ,2BAA2B;AAChE,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,iBAAiB,QAAQ,wBAAwB;AAiB1D,OAAO,SAASC,cAAcA,CAAC;EAC7BC,UAAU;EACVC,aAAa;EACbC,MAAM;EACNC,eAAe;EACfC,eAAe;EACfC,cAAc;EACdC,qBAAqB;EACrBC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC;AACmB,CAAC,EAAsB;EAC1C,MAAMC,kBAAkB,GAAGH,SAAS,KAAK,IAAI,IAAIT,UAAU,CAACa,MAAM,KAAK,CAAC;EACxE,MAAMC,qBAAqB,GAAGP,OAAO,KAAK,KAAK,IAC1CD,qBAAqB,IAAI,IAAI,IAC7BA,qBAAqB,CAACO,MAAM,GAAG,CAAC;EAErC,oBACEpB,KAAA,CAAAsB,aAAA;IAAKJ,SAAS,EAAEnB,UAAU,CAACG,MAAM,CAACqB,MAAM,EAAEL,SAAS;EAAE,GAClDN,cAAc,KAAK,IAAI,iBACtBZ,KAAA,CAAAsB,aAAA,CAAClB,UAAU;IAACoB,OAAO,EAAC;EAAwC,CAAE,CAC/D,EACAf,MAAM,IAAI,IAAI,iBACbT,KAAA,CAAAsB,aAAA,CAACrB,cAAc;IACbwB,oBAAoB,EAAEhB,MAAM,CAACgB,oBAAqB;IAClDC,SAAS,EAAEjB,MAAM,CAACiB,SAAU;IAC5BC,gBAAgB,EAAElB,MAAM,CAACkB,gBAAiB;IAC1CC,SAAS,EAAEjB,eAAgB;IAC3BO,SAAS,EAAEhB,MAAM,CAAC2B;EAAY,CAC/B,CACF,EACAZ,KAAK,IAAI,IAAI,gBAEVjB,KAAA,CAAAsB,aAAA;IACEJ,SAAS,EAAEhB,MAAM,CAAC4B,aAAc;IAChCC,IAAI,EAAC;EAAO,GAEXd,KAAK,CAACO,OACJ,CAAC,GAENL,kBAAkB,gBAElBnB,KAAA,CAAAsB,aAAA;IACEJ,SAAS,EAAEhB,MAAM,CAAC4B,aAAc;IAChCC,IAAI,EAAC,QAAQ;IACb,aAAU;EAAQ,GACnB,YAEI,CAAC,gBAGN/B,KAAA,CAAAsB,aAAA;IAAKJ,SAAS,EAAEhB,MAAM,CAAC8B;EAAoB,GACxCzB,UAAU,CAAC0B,GAAG,CAAEC,KAAK,iBACpBlC,KAAA,CAAAsB,aAAA,CAACnB,oBAAoB;IACnBgC,GAAG,EAAED,KAAK,CAACE,QAAQ,CAACC,EAAG;IACvBC,YAAY,EAAEJ,KAAK,CAACE,QAAQ,CAACG,IAAK;IAClCC,QAAQ,EAAEN,KAAK,CAACM,QAAS;IACzBhC,aAAa,EAAEA,aAAc;IAC7BO,QAAQ,EAAEA,QAAS;IACnBL,eAAe,EAAEA;EAAgB,CAClC,CACF,CACE,CACN,EACFW,qBAAqB,iBACpBrB,KAAA,CAAAsB,aAAA,CAACjB,iBAAiB;IAACQ,qBAAqB,EAAEA;EAAsB,CAAE,CAEjE,CAAC;AAEV","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
.picker {
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
gap: var(--osdk-cbac-picker-category-gap);
|
|
21
|
+
padding: var(--osdk-cbac-picker-padding);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.categoriesContainer {
|
|
25
|
+
display: flex;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
gap: var(--osdk-cbac-picker-category-gap);
|
|
28
|
+
overflow-y: auto;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.innerBanner {
|
|
32
|
+
border: 1px solid var(--osdk-cbac-banner-border-color);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.statusMessage {
|
|
36
|
+
display: flex;
|
|
37
|
+
align-items: center;
|
|
38
|
+
justify-content: center;
|
|
39
|
+
padding: calc(var(--osdk-surface-spacing) * 5);
|
|
40
|
+
color: var(--osdk-typography-color-muted);
|
|
41
|
+
font-style: italic;
|
|
42
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// CSS Module proxy for BaseCbacPicker.module.css
|
|
2
|
+
const styles = {
|
|
3
|
+
"picker": "BaseCbacPicker-module__picker___MceZY02I",
|
|
4
|
+
"categoriesContainer": "BaseCbacPicker-module__categoriesContainer___nXngi1OL",
|
|
5
|
+
"innerBanner": "BaseCbacPicker-module__innerBanner___VcvOQHCz",
|
|
6
|
+
"statusMessage": "BaseCbacPicker-module__statusMessage___Rf2tId8K"
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export default styles;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
/*
|
|
3
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
import { Dialog } from "@osdk/react-components/primitives";
|
|
19
|
+
import React from "react";
|
|
20
|
+
import { BaseCbacPicker } from "./BaseCbacPicker.js";
|
|
21
|
+
import { CbacPickerDialogFooter } from "./CbacPickerDialogFooter.js";
|
|
22
|
+
export function BaseCbacPickerDialog({
|
|
23
|
+
isOpen,
|
|
24
|
+
onOpenChange,
|
|
25
|
+
onConfirm,
|
|
26
|
+
onCancel,
|
|
27
|
+
title = "Select classification",
|
|
28
|
+
submitDisabledReason,
|
|
29
|
+
...pickerProps
|
|
30
|
+
}) {
|
|
31
|
+
const handleOpenChange = React.useCallback(open => {
|
|
32
|
+
if (!open) {
|
|
33
|
+
onCancel();
|
|
34
|
+
}
|
|
35
|
+
onOpenChange(open);
|
|
36
|
+
}, [onCancel, onOpenChange]);
|
|
37
|
+
return /*#__PURE__*/React.createElement(Dialog, {
|
|
38
|
+
isOpen: isOpen,
|
|
39
|
+
onOpenChange: handleOpenChange,
|
|
40
|
+
title: title,
|
|
41
|
+
footer: /*#__PURE__*/React.createElement(CbacPickerDialogFooter, {
|
|
42
|
+
onCancel: onCancel,
|
|
43
|
+
onConfirm: onConfirm,
|
|
44
|
+
submitDisabledReason: submitDisabledReason
|
|
45
|
+
}),
|
|
46
|
+
disablePointerDismissal: true
|
|
47
|
+
}, /*#__PURE__*/React.createElement(BaseCbacPicker, _extends({}, pickerProps, {
|
|
48
|
+
showInfoBanner: pickerProps.showInfoBanner ?? true
|
|
49
|
+
})));
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=BaseCbacPickerDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseCbacPickerDialog.js","names":["Dialog","React","BaseCbacPicker","CbacPickerDialogFooter","BaseCbacPickerDialog","isOpen","onOpenChange","onConfirm","onCancel","title","submitDisabledReason","pickerProps","handleOpenChange","useCallback","open","createElement","footer","disablePointerDismissal","_extends","showInfoBanner"],"sources":["BaseCbacPickerDialog.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Dialog } from \"@osdk/react-components/primitives\";\nimport React from \"react\";\nimport { BaseCbacPicker } from \"./BaseCbacPicker.js\";\nimport type { BaseCbacPickerProps } from \"./BaseCbacPicker.js\";\nimport { CbacPickerDialogFooter } from \"./CbacPickerDialogFooter.js\";\n\nexport interface BaseCbacPickerDialogProps extends BaseCbacPickerProps {\n isOpen: boolean;\n onOpenChange: (open: boolean) => void;\n onConfirm: () => void;\n onCancel: () => void;\n title?: string;\n submitDisabledReason?: string;\n}\n\nexport function BaseCbacPickerDialog({\n isOpen,\n onOpenChange,\n onConfirm,\n onCancel,\n title = \"Select classification\",\n submitDisabledReason,\n ...pickerProps\n}: BaseCbacPickerDialogProps): React.ReactElement {\n const handleOpenChange = React.useCallback(\n (open: boolean) => {\n if (!open) {\n onCancel();\n }\n onOpenChange(open);\n },\n [onCancel, onOpenChange],\n );\n\n return (\n <Dialog\n isOpen={isOpen}\n onOpenChange={handleOpenChange}\n title={title}\n footer={\n <CbacPickerDialogFooter\n onCancel={onCancel}\n onConfirm={onConfirm}\n submitDisabledReason={submitDisabledReason}\n />\n }\n disablePointerDismissal={true}\n >\n <BaseCbacPicker\n {...pickerProps}\n showInfoBanner={pickerProps.showInfoBanner ?? true}\n />\n </Dialog>\n );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,mCAAmC;AAC1D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,qBAAqB;AAEpD,SAASC,sBAAsB,QAAQ,6BAA6B;AAWpE,OAAO,SAASC,oBAAoBA,CAAC;EACnCC,MAAM;EACNC,YAAY;EACZC,SAAS;EACTC,QAAQ;EACRC,KAAK,GAAG,uBAAuB;EAC/BC,oBAAoB;EACpB,GAAGC;AACsB,CAAC,EAAsB;EAChD,MAAMC,gBAAgB,GAAGX,KAAK,CAACY,WAAW,CACvCC,IAAa,IAAK;IACjB,IAAI,CAACA,IAAI,EAAE;MACTN,QAAQ,CAAC,CAAC;IACZ;IACAF,YAAY,CAACQ,IAAI,CAAC;EACpB,CAAC,EACD,CAACN,QAAQ,EAAEF,YAAY,CACzB,CAAC;EAED,oBACEL,KAAA,CAAAc,aAAA,CAACf,MAAM;IACLK,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEM,gBAAiB;IAC/BH,KAAK,EAAEA,KAAM;IACbO,MAAM,eACJf,KAAA,CAAAc,aAAA,CAACZ,sBAAsB;MACrBK,QAAQ,EAAEA,QAAS;MACnBD,SAAS,EAAEA,SAAU;MACrBG,oBAAoB,EAAEA;IAAqB,CAC5C,CACF;IACDO,uBAAuB,EAAE;EAAK,gBAE9BhB,KAAA,CAAAc,aAAA,CAACb,cAAc,EAAAgB,QAAA,KACTP,WAAW;IACfQ,cAAc,EAAER,WAAW,CAACQ,cAAc,IAAI;EAAK,EACpD,CACK,CAAC;AAEb","ignoreList":[]}
|
|
@@ -21,16 +21,25 @@ import { OverflowButton } from "./OverflowButton.js";
|
|
|
21
21
|
import { isImplied } from "./selectionStateHelpers.js";
|
|
22
22
|
const GRID_COLUMNS = 4;
|
|
23
23
|
const VISIBLE_ROWS = 3;
|
|
24
|
+
const DEFAULT_MARKING_STATE = "NONE";
|
|
24
25
|
export const CategoryMarkingGroup = /*#__PURE__*/React.memo(function ({
|
|
25
26
|
categoryName,
|
|
26
27
|
markings,
|
|
28
|
+
markingStates,
|
|
29
|
+
readOnly,
|
|
27
30
|
onMarkingToggle
|
|
28
31
|
}) {
|
|
29
32
|
const headingId = React.useId();
|
|
33
|
+
const resolvedMarkings = React.useMemo(() => markings.map(marking => ({
|
|
34
|
+
id: marking.id,
|
|
35
|
+
label: marking.name,
|
|
36
|
+
selectionState: markingStates.get(marking.id) ?? DEFAULT_MARKING_STATE,
|
|
37
|
+
disabled: readOnly
|
|
38
|
+
})), [markings, markingStates, readOnly]);
|
|
30
39
|
const maxVisible = GRID_COLUMNS * VISIBLE_ROWS;
|
|
31
|
-
const hasOverflow =
|
|
32
|
-
const visibleMarkings = hasOverflow ?
|
|
33
|
-
const overflowMarkings = hasOverflow ?
|
|
40
|
+
const hasOverflow = resolvedMarkings.length > maxVisible;
|
|
41
|
+
const visibleMarkings = hasOverflow ? resolvedMarkings.slice(0, maxVisible - 1) : resolvedMarkings;
|
|
42
|
+
const overflowMarkings = hasOverflow ? resolvedMarkings.slice(maxVisible - 1) : [];
|
|
34
43
|
const gridItemCount = hasOverflow ? visibleMarkings.length + 1 : visibleMarkings.length;
|
|
35
44
|
const hasActiveOverflow = overflowMarkings.some(m => m.selectionState === "SELECTED" || isImplied(m.selectionState));
|
|
36
45
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoryMarkingGroup.js","names":["React","styles","MarkingButton","OverflowButton","isImplied","GRID_COLUMNS","VISIBLE_ROWS","CategoryMarkingGroup","memo","categoryName","markings","onMarkingToggle","headingId","useId","
|
|
1
|
+
{"version":3,"file":"CategoryMarkingGroup.js","names":["React","styles","MarkingButton","OverflowButton","isImplied","GRID_COLUMNS","VISIBLE_ROWS","DEFAULT_MARKING_STATE","CategoryMarkingGroup","memo","categoryName","markings","markingStates","readOnly","onMarkingToggle","headingId","useId","resolvedMarkings","useMemo","map","marking","id","label","name","selectionState","get","disabled","maxVisible","hasOverflow","length","visibleMarkings","slice","overflowMarkings","gridItemCount","hasActiveOverflow","some","m","createElement","className","categoryGroup","role","markingGrid","MarkingButtonItem","key","onToggle","Array","from","_","i","emptyCell","handleToggle","useCallback"],"sources":["CategoryMarkingGroup.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport type { MarkingSelectionState } from \"../types.js\";\nimport styles from \"./CategoryMarkingGroup.module.css\";\nimport { MarkingButton } from \"./MarkingButton.js\";\nimport { OverflowButton } from \"./OverflowButton.js\";\nimport { isImplied } from \"./selectionStateHelpers.js\";\n\nconst GRID_COLUMNS = 4;\nconst VISIBLE_ROWS = 3;\nconst DEFAULT_MARKING_STATE: MarkingSelectionState = \"NONE\";\n\nexport interface CategoryMarkingGroupProps {\n categoryName: string;\n markings: ReadonlyArray<{ id: string; name: string }>;\n markingStates: Map<string, MarkingSelectionState>;\n readOnly?: boolean;\n onMarkingToggle: (markingId: string) => void;\n}\n\nexport const CategoryMarkingGroup: React.MemoExoticComponent<\n (props: CategoryMarkingGroupProps) => React.ReactElement\n> = React.memo(function CategoryMarkingGroup({\n categoryName,\n markings,\n markingStates,\n readOnly,\n onMarkingToggle,\n}: CategoryMarkingGroupProps): React.ReactElement {\n const headingId = React.useId();\n\n const resolvedMarkings = React.useMemo(\n () =>\n markings.map((marking) => ({\n id: marking.id,\n label: marking.name,\n selectionState: markingStates.get(marking.id) ?? DEFAULT_MARKING_STATE,\n disabled: readOnly,\n })),\n [markings, markingStates, readOnly],\n );\n\n const maxVisible = GRID_COLUMNS * VISIBLE_ROWS;\n const hasOverflow = resolvedMarkings.length > maxVisible;\n const visibleMarkings = hasOverflow\n ? resolvedMarkings.slice(0, maxVisible - 1)\n : resolvedMarkings;\n const overflowMarkings = hasOverflow\n ? resolvedMarkings.slice(maxVisible - 1)\n : [];\n\n const gridItemCount = hasOverflow\n ? visibleMarkings.length + 1\n : visibleMarkings.length;\n const emptyCellCount = (GRID_COLUMNS - (gridItemCount % GRID_COLUMNS))\n % GRID_COLUMNS;\n\n const hasActiveOverflow = overflowMarkings.some(\n (m) => m.selectionState === \"SELECTED\" || isImplied(m.selectionState),\n );\n\n return (\n <div\n className={styles.categoryGroup}\n role=\"group\"\n aria-labelledby={headingId}\n >\n <h3 id={headingId} className={styles.categoryName}>{categoryName}</h3>\n <div className={styles.markingGrid}>\n {visibleMarkings.map((marking) => (\n <MarkingButtonItem\n key={marking.id}\n id={marking.id}\n label={marking.label}\n selectionState={marking.selectionState}\n disabled={marking.disabled}\n onToggle={onMarkingToggle}\n />\n ))}\n {hasOverflow && (\n <OverflowButton\n overflowMarkings={overflowMarkings}\n hasActiveOverflow={hasActiveOverflow}\n onMarkingToggle={onMarkingToggle}\n />\n )}\n {Array.from({ length: emptyCellCount }, (_, i) => (\n <div\n key={`empty-${i}`}\n className={styles.emptyCell}\n />\n ))}\n </div>\n </div>\n );\n});\n\ninterface MarkingButtonItemProps {\n id: string;\n label: string;\n selectionState: MarkingSelectionState;\n disabled?: boolean;\n onToggle: (markingId: string) => void;\n}\n\nconst MarkingButtonItem = React.memo(function MarkingButtonItem({\n id,\n label,\n selectionState,\n disabled,\n onToggle,\n}: MarkingButtonItemProps): React.ReactElement {\n const handleToggle = React.useCallback(() => {\n onToggle(id);\n }, [onToggle, id]);\n\n return (\n <MarkingButton\n label={label}\n selectionState={selectionState}\n onToggle={handleToggle}\n disabled={disabled}\n />\n );\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
import { ActionButton, Tooltip } from "@osdk/react-components/primitives";
|
|
18
|
+
import React from "react";
|
|
19
|
+
import styles from "./CbacPickerDialogFooter.module.css.js";
|
|
20
|
+
export function CbacPickerDialogFooter({
|
|
21
|
+
onCancel,
|
|
22
|
+
onConfirm,
|
|
23
|
+
submitDisabledReason
|
|
24
|
+
}) {
|
|
25
|
+
const isSubmitDisabled = submitDisabledReason != null;
|
|
26
|
+
const submitButton = /*#__PURE__*/React.createElement(ActionButton, {
|
|
27
|
+
variant: "primary",
|
|
28
|
+
onClick: onConfirm,
|
|
29
|
+
disabled: isSubmitDisabled
|
|
30
|
+
}, "Set classification");
|
|
31
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionButton, {
|
|
32
|
+
variant: "secondary",
|
|
33
|
+
onClick: onCancel
|
|
34
|
+
}, "Cancel"), isSubmitDisabled ? /*#__PURE__*/React.createElement(Tooltip.Root, null, /*#__PURE__*/React.createElement(Tooltip.Trigger, {
|
|
35
|
+
render: /*#__PURE__*/React.createElement("span", {
|
|
36
|
+
className: styles.tooltipTriggerWrapper
|
|
37
|
+
})
|
|
38
|
+
}, submitButton), /*#__PURE__*/React.createElement(Tooltip.Portal, null, /*#__PURE__*/React.createElement(Tooltip.Positioner, {
|
|
39
|
+
side: "top"
|
|
40
|
+
}, /*#__PURE__*/React.createElement(Tooltip.Popup, null, submitDisabledReason, /*#__PURE__*/React.createElement(Tooltip.Arrow, null))))) : submitButton);
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=CbacPickerDialogFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CbacPickerDialogFooter.js","names":["ActionButton","Tooltip","React","styles","CbacPickerDialogFooter","onCancel","onConfirm","submitDisabledReason","isSubmitDisabled","submitButton","createElement","variant","onClick","disabled","Fragment","Root","Trigger","render","className","tooltipTriggerWrapper","Portal","Positioner","side","Popup","Arrow"],"sources":["CbacPickerDialogFooter.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ActionButton, Tooltip } from \"@osdk/react-components/primitives\";\nimport React from \"react\";\nimport styles from \"./CbacPickerDialogFooter.module.css\";\n\ninterface CbacPickerDialogFooterProps {\n onCancel: () => void;\n onConfirm: () => void;\n submitDisabledReason?: string;\n}\n\nexport function CbacPickerDialogFooter({\n onCancel,\n onConfirm,\n submitDisabledReason,\n}: CbacPickerDialogFooterProps): React.ReactElement {\n const isSubmitDisabled = submitDisabledReason != null;\n\n const submitButton = (\n <ActionButton\n variant=\"primary\"\n onClick={onConfirm}\n disabled={isSubmitDisabled}\n >\n Set classification\n </ActionButton>\n );\n\n return (\n <>\n <ActionButton variant=\"secondary\" onClick={onCancel}>\n Cancel\n </ActionButton>\n {isSubmitDisabled\n ? (\n <Tooltip.Root>\n <Tooltip.Trigger\n render={<span className={styles.tooltipTriggerWrapper} />}\n >\n {submitButton}\n </Tooltip.Trigger>\n <Tooltip.Portal>\n <Tooltip.Positioner side=\"top\">\n <Tooltip.Popup>\n {submitDisabledReason}\n <Tooltip.Arrow />\n </Tooltip.Popup>\n </Tooltip.Positioner>\n </Tooltip.Portal>\n </Tooltip.Root>\n )\n : submitButton}\n </>\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,YAAY,EAAEC,OAAO,QAAQ,mCAAmC;AACzE,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,qCAAqC;AAQxD,OAAO,SAASC,sBAAsBA,CAAC;EACrCC,QAAQ;EACRC,SAAS;EACTC;AAC2B,CAAC,EAAsB;EAClD,MAAMC,gBAAgB,GAAGD,oBAAoB,IAAI,IAAI;EAErD,MAAME,YAAY,gBAChBP,KAAA,CAAAQ,aAAA,CAACV,YAAY;IACXW,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAEN,SAAU;IACnBO,QAAQ,EAAEL;EAAiB,GAC5B,oBAEa,CACf;EAED,oBACEN,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAY,QAAA,qBACEZ,KAAA,CAAAQ,aAAA,CAACV,YAAY;IAACW,OAAO,EAAC,WAAW;IAACC,OAAO,EAAEP;EAAS,GAAC,QAEvC,CAAC,EACdG,gBAAgB,gBAEbN,KAAA,CAAAQ,aAAA,CAACT,OAAO,CAACc,IAAI,qBACXb,KAAA,CAAAQ,aAAA,CAACT,OAAO,CAACe,OAAO;IACdC,MAAM,eAAEf,KAAA,CAAAQ,aAAA;MAAMQ,SAAS,EAAEf,MAAM,CAACgB;IAAsB,CAAE;EAAE,GAEzDV,YACc,CAAC,eAClBP,KAAA,CAAAQ,aAAA,CAACT,OAAO,CAACmB,MAAM,qBACblB,KAAA,CAAAQ,aAAA,CAACT,OAAO,CAACoB,UAAU;IAACC,IAAI,EAAC;EAAK,gBAC5BpB,KAAA,CAAAQ,aAAA,CAACT,OAAO,CAACsB,KAAK,QACXhB,oBAAoB,eACrBL,KAAA,CAAAQ,aAAA,CAACT,OAAO,CAACuB,KAAK,MAAE,CACH,CACG,CACN,CACJ,CAAC,GAEff,YACJ,CAAC;AAEP","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
.tooltipTriggerWrapper {
|
|
18
|
+
display: contents;
|
|
19
|
+
}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
import { useCbacBanner, useCbacMarkingRestrictions, useMarkingCategories, useMarkings } from "@osdk/react/experimental/admin";
|
|
18
|
+
import React from "react";
|
|
19
|
+
import { EMPTY_ARRAY, resolveRequiredGroups } from "./utils/cbacPickerUtils.js";
|
|
20
|
+
import { computeMarkingStates, groupMarkingsByCategory } from "./utils/selectionLogic.js";
|
|
21
|
+
const EMPTY_GROUPS = [];
|
|
22
|
+
function useStableArray(arr) {
|
|
23
|
+
const ref = React.useRef(arr);
|
|
24
|
+
if (arr.length !== ref.current.length || arr.some((id, i) => id !== ref.current[i])) {
|
|
25
|
+
ref.current = arr;
|
|
26
|
+
}
|
|
27
|
+
return ref.current;
|
|
28
|
+
}
|
|
29
|
+
export function useCbacPickerState(selectedIds) {
|
|
30
|
+
const stableSelectedIds = useStableArray(selectedIds);
|
|
31
|
+
const {
|
|
32
|
+
categories: rawCategories,
|
|
33
|
+
isLoading: categoriesLoading,
|
|
34
|
+
error: categoriesError
|
|
35
|
+
} = useMarkingCategories();
|
|
36
|
+
const {
|
|
37
|
+
markings: rawMarkings,
|
|
38
|
+
isLoading: markingsLoading,
|
|
39
|
+
error: markingsError
|
|
40
|
+
} = useMarkings();
|
|
41
|
+
const {
|
|
42
|
+
banner,
|
|
43
|
+
isLoading: bannerLoading,
|
|
44
|
+
error: bannerError
|
|
45
|
+
} = useCbacBanner({
|
|
46
|
+
markingIds: stableSelectedIds
|
|
47
|
+
});
|
|
48
|
+
const {
|
|
49
|
+
restrictions,
|
|
50
|
+
isLoading: restrictionsLoading,
|
|
51
|
+
error: restrictionsError
|
|
52
|
+
} = useCbacMarkingRestrictions({
|
|
53
|
+
markingIds: stableSelectedIds
|
|
54
|
+
});
|
|
55
|
+
const impliedMarkingIds = restrictions?.impliedMarkings ?? EMPTY_ARRAY;
|
|
56
|
+
const disallowedMarkingIds = restrictions?.disallowedMarkings ?? EMPTY_ARRAY;
|
|
57
|
+
const requiredMarkingGroups = restrictions?.requiredMarkings ?? EMPTY_GROUPS;
|
|
58
|
+
const isValid = restrictions?.isValid ?? true;
|
|
59
|
+
const isLoading = categoriesLoading || markingsLoading || restrictionsLoading || bannerLoading;
|
|
60
|
+
const error = React.useMemo(() => {
|
|
61
|
+
const errors = [categoriesError, markingsError, restrictionsError, bannerError].filter(e => e != null);
|
|
62
|
+
if (errors.length > 1) {
|
|
63
|
+
return new AggregateError(errors, errors.map(e => e.message).join("; "));
|
|
64
|
+
}
|
|
65
|
+
return errors[0];
|
|
66
|
+
}, [categoriesError, markingsError, restrictionsError, bannerError]);
|
|
67
|
+
const categoryGroups = React.useMemo(() => {
|
|
68
|
+
if (rawCategories === undefined || rawMarkings === undefined) {
|
|
69
|
+
return [];
|
|
70
|
+
}
|
|
71
|
+
return groupMarkingsByCategory(rawMarkings, rawCategories);
|
|
72
|
+
}, [rawMarkings, rawCategories]);
|
|
73
|
+
const markingStates = React.useMemo(() => computeMarkingStates(stableSelectedIds, impliedMarkingIds, disallowedMarkingIds), [stableSelectedIds, impliedMarkingIds, disallowedMarkingIds]);
|
|
74
|
+
const resolvedRequiredGroups = React.useMemo(() => resolveRequiredGroups(categoryGroups, requiredMarkingGroups), [categoryGroups, requiredMarkingGroups]);
|
|
75
|
+
return React.useMemo(() => ({
|
|
76
|
+
categoryGroups,
|
|
77
|
+
markingStates,
|
|
78
|
+
banner,
|
|
79
|
+
requiredMarkingGroups: resolvedRequiredGroups,
|
|
80
|
+
isValid,
|
|
81
|
+
isLoading,
|
|
82
|
+
error
|
|
83
|
+
}), [categoryGroups, markingStates, banner, resolvedRequiredGroups, isValid, isLoading, error]);
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=useCbacPickerState.js.map
|