@osdk/cbac-components 0.1.0-beta.2 → 0.1.0
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 +24 -0
- package/build/browser/cbac-picker/CbacPicker.js +71 -0
- package/build/browser/cbac-picker/CbacPicker.js.map +1 -0
- package/build/browser/cbac-picker/CbacPickerDialog.js +88 -0
- package/build/browser/cbac-picker/CbacPickerDialog.js.map +1 -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/public/experimental.js +9 -0
- package/build/browser/public/experimental.js.map +1 -1
- package/build/browser/styles.css +144 -0
- package/build/cjs/public/experimental.cjs +590 -5
- package/build/cjs/public/experimental.cjs.map +1 -1
- package/build/cjs/public/experimental.css +297 -0
- package/build/cjs/public/experimental.css.map +1 -0
- package/build/cjs/public/experimental.d.cts +55 -1
- package/build/esm/cbac-picker/CbacPicker.js +71 -0
- package/build/esm/cbac-picker/CbacPicker.js.map +1 -0
- package/build/esm/cbac-picker/CbacPickerDialog.js +88 -0
- package/build/esm/cbac-picker/CbacPickerDialog.js.map +1 -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/esm/public/experimental.js +9 -0
- package/build/esm/public/experimental.js.map +1 -1
- package/build/types/cbac-picker/CbacPicker.d.ts +8 -0
- package/build/types/cbac-picker/CbacPicker.d.ts.map +1 -0
- package/build/types/cbac-picker/CbacPickerDialog.d.ts +8 -0
- package/build/types/cbac-picker/CbacPickerDialog.d.ts.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/build/types/public/experimental.d.ts +5 -0
- package/build/types/public/experimental.d.ts.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# @osdk/cbac-components
|
|
2
2
|
|
|
3
|
+
## 0.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- c3da451: add marking button, category group, and validation components for CBAC picker
|
|
8
|
+
- c35231f: add cbac css tokens and create cbac-components package
|
|
9
|
+
- e68c1c1: add osdk-aware cbac picker components with marking resolution
|
|
10
|
+
- c933198: add base cbac picker and dialog components
|
|
11
|
+
- 0c76a82: add cbac types, selection logic, and picker utils
|
|
12
|
+
|
|
13
|
+
## 0.1.0-beta.3
|
|
14
|
+
|
|
15
|
+
### Minor Changes
|
|
16
|
+
|
|
17
|
+
- c933198: add base cbac picker and dialog components
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- Updated dependencies [4ad9b36]
|
|
22
|
+
- Updated dependencies [d6c2c8b]
|
|
23
|
+
- Updated dependencies [d6c2c8b]
|
|
24
|
+
- @osdk/react-components@0.2.0-beta.29
|
|
25
|
+
- @osdk/react@0.10.0-beta.15
|
|
26
|
+
|
|
3
27
|
## 0.1.0-beta.2
|
|
4
28
|
|
|
5
29
|
### Minor Changes
|
|
@@ -0,0 +1,71 @@
|
|
|
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 React from "react";
|
|
18
|
+
import { BaseCbacPicker } from "./base/BaseCbacPicker.js";
|
|
19
|
+
import { useCbacPickerState } from "./useCbacPickerState.js";
|
|
20
|
+
import { EMPTY_ARRAY } from "./utils/cbacPickerUtils.js";
|
|
21
|
+
import { toggleMarking } from "./utils/selectionLogic.js";
|
|
22
|
+
export function CbacPicker({
|
|
23
|
+
initialMarkingIds,
|
|
24
|
+
onChange,
|
|
25
|
+
readOnly,
|
|
26
|
+
className
|
|
27
|
+
}) {
|
|
28
|
+
const [selectedIds, setSelectedIds] = React.useState(initialMarkingIds ?? EMPTY_ARRAY);
|
|
29
|
+
|
|
30
|
+
// Reset local state when initialMarkingIds changes (e.g. external update)
|
|
31
|
+
const [prevInitialIds, setPrevInitialIds] = React.useState(initialMarkingIds);
|
|
32
|
+
if (initialMarkingIds !== prevInitialIds) {
|
|
33
|
+
setPrevInitialIds(initialMarkingIds);
|
|
34
|
+
setSelectedIds(initialMarkingIds ?? EMPTY_ARRAY);
|
|
35
|
+
}
|
|
36
|
+
const {
|
|
37
|
+
categoryGroups,
|
|
38
|
+
markingStates,
|
|
39
|
+
banner,
|
|
40
|
+
requiredMarkingGroups,
|
|
41
|
+
isValid,
|
|
42
|
+
isLoading,
|
|
43
|
+
error
|
|
44
|
+
} = useCbacPickerState(selectedIds);
|
|
45
|
+
const handleMarkingToggle = React.useCallback(markingId => {
|
|
46
|
+
if (readOnly) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
const newSelection = toggleMarking(markingId, selectedIds, categoryGroups);
|
|
50
|
+
setSelectedIds(newSelection);
|
|
51
|
+
onChange(newSelection);
|
|
52
|
+
}, [readOnly, selectedIds, categoryGroups, onChange]);
|
|
53
|
+
const handleDismiss = React.useCallback(() => {
|
|
54
|
+
setSelectedIds(EMPTY_ARRAY);
|
|
55
|
+
onChange(EMPTY_ARRAY);
|
|
56
|
+
}, [onChange]);
|
|
57
|
+
return /*#__PURE__*/React.createElement(BaseCbacPicker, {
|
|
58
|
+
categories: categoryGroups,
|
|
59
|
+
markingStates: markingStates,
|
|
60
|
+
banner: banner,
|
|
61
|
+
onMarkingToggle: handleMarkingToggle,
|
|
62
|
+
onDismissBanner: handleDismiss,
|
|
63
|
+
requiredMarkingGroups: requiredMarkingGroups,
|
|
64
|
+
isValid: isValid,
|
|
65
|
+
readOnly: readOnly,
|
|
66
|
+
isLoading: isLoading,
|
|
67
|
+
error: error,
|
|
68
|
+
className: className
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=CbacPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CbacPicker.js","names":["React","BaseCbacPicker","useCbacPickerState","EMPTY_ARRAY","toggleMarking","CbacPicker","initialMarkingIds","onChange","readOnly","className","selectedIds","setSelectedIds","useState","prevInitialIds","setPrevInitialIds","categoryGroups","markingStates","banner","requiredMarkingGroups","isValid","isLoading","error","handleMarkingToggle","useCallback","markingId","newSelection","handleDismiss","createElement","categories","onMarkingToggle","onDismissBanner"],"sources":["CbacPicker.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 { BaseCbacPicker } from \"./base/BaseCbacPicker.js\";\nimport { useCbacPickerState } from \"./useCbacPickerState.js\";\nimport { EMPTY_ARRAY } from \"./utils/cbacPickerUtils.js\";\nimport { toggleMarking } from \"./utils/selectionLogic.js\";\n\nexport interface CbacPickerProps {\n initialMarkingIds?: string[];\n onChange: (markingIds: string[]) => void;\n readOnly?: boolean;\n className?: string;\n}\n\nexport function CbacPicker({\n initialMarkingIds,\n onChange,\n readOnly,\n className,\n}: CbacPickerProps): React.ReactElement {\n const [selectedIds, setSelectedIds] = React.useState<string[]>(\n initialMarkingIds ?? EMPTY_ARRAY,\n );\n\n // Reset local state when initialMarkingIds changes (e.g. external update)\n const [prevInitialIds, setPrevInitialIds] = React.useState(initialMarkingIds);\n if (initialMarkingIds !== prevInitialIds) {\n setPrevInitialIds(initialMarkingIds);\n setSelectedIds(initialMarkingIds ?? EMPTY_ARRAY);\n }\n\n const {\n categoryGroups,\n markingStates,\n banner,\n requiredMarkingGroups,\n isValid,\n isLoading,\n error,\n } = useCbacPickerState(selectedIds);\n\n const handleMarkingToggle = React.useCallback(\n (markingId: string) => {\n if (readOnly) {\n return;\n }\n const newSelection = toggleMarking(\n markingId,\n selectedIds,\n categoryGroups,\n );\n setSelectedIds(newSelection);\n onChange(newSelection);\n },\n [readOnly, selectedIds, categoryGroups, onChange],\n );\n\n const handleDismiss = React.useCallback(() => {\n setSelectedIds(EMPTY_ARRAY);\n onChange(EMPTY_ARRAY);\n }, [onChange]);\n\n return (\n <BaseCbacPicker\n categories={categoryGroups}\n markingStates={markingStates}\n banner={banner}\n onMarkingToggle={handleMarkingToggle}\n onDismissBanner={handleDismiss}\n requiredMarkingGroups={requiredMarkingGroups}\n isValid={isValid}\n readOnly={readOnly}\n isLoading={isLoading}\n error={error}\n className={className}\n />\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,2BAA2B;AASzD,OAAO,SAASC,UAAUA,CAAC;EACzBC,iBAAiB;EACjBC,QAAQ;EACRC,QAAQ;EACRC;AACe,CAAC,EAAsB;EACtC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGX,KAAK,CAACY,QAAQ,CAClDN,iBAAiB,IAAIH,WACvB,CAAC;;EAED;EACA,MAAM,CAACU,cAAc,EAAEC,iBAAiB,CAAC,GAAGd,KAAK,CAACY,QAAQ,CAACN,iBAAiB,CAAC;EAC7E,IAAIA,iBAAiB,KAAKO,cAAc,EAAE;IACxCC,iBAAiB,CAACR,iBAAiB,CAAC;IACpCK,cAAc,CAACL,iBAAiB,IAAIH,WAAW,CAAC;EAClD;EAEA,MAAM;IACJY,cAAc;IACdC,aAAa;IACbC,MAAM;IACNC,qBAAqB;IACrBC,OAAO;IACPC,SAAS;IACTC;EACF,CAAC,GAAGnB,kBAAkB,CAACQ,WAAW,CAAC;EAEnC,MAAMY,mBAAmB,GAAGtB,KAAK,CAACuB,WAAW,CAC1CC,SAAiB,IAAK;IACrB,IAAIhB,QAAQ,EAAE;MACZ;IACF;IACA,MAAMiB,YAAY,GAAGrB,aAAa,CAChCoB,SAAS,EACTd,WAAW,EACXK,cACF,CAAC;IACDJ,cAAc,CAACc,YAAY,CAAC;IAC5BlB,QAAQ,CAACkB,YAAY,CAAC;EACxB,CAAC,EACD,CAACjB,QAAQ,EAAEE,WAAW,EAAEK,cAAc,EAAER,QAAQ,CAClD,CAAC;EAED,MAAMmB,aAAa,GAAG1B,KAAK,CAACuB,WAAW,CAAC,MAAM;IAC5CZ,cAAc,CAACR,WAAW,CAAC;IAC3BI,QAAQ,CAACJ,WAAW,CAAC;EACvB,CAAC,EAAE,CAACI,QAAQ,CAAC,CAAC;EAEd,oBACEP,KAAA,CAAA2B,aAAA,CAAC1B,cAAc;IACb2B,UAAU,EAAEb,cAAe;IAC3BC,aAAa,EAAEA,aAAc;IAC7BC,MAAM,EAAEA,MAAO;IACfY,eAAe,EAAEP,mBAAoB;IACrCQ,eAAe,EAAEJ,aAAc;IAC/BR,qBAAqB,EAAEA,qBAAsB;IAC7CC,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA,QAAS;IACnBY,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbZ,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1,88 @@
|
|
|
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 React from "react";
|
|
18
|
+
import { BaseCbacPickerDialog } from "./base/BaseCbacPickerDialog.js";
|
|
19
|
+
import { useCbacPickerState } from "./useCbacPickerState.js";
|
|
20
|
+
import { EMPTY_ARRAY } from "./utils/cbacPickerUtils.js";
|
|
21
|
+
import { toggleMarking } from "./utils/selectionLogic.js";
|
|
22
|
+
export function CbacPickerDialog({
|
|
23
|
+
isOpen,
|
|
24
|
+
onOpenChange,
|
|
25
|
+
onConfirm,
|
|
26
|
+
initialMarkingIds
|
|
27
|
+
}) {
|
|
28
|
+
const [selectedIds, setSelectedIds] = React.useState(initialMarkingIds ?? EMPTY_ARRAY);
|
|
29
|
+
|
|
30
|
+
// Reset local state when initialMarkingIds changes (e.g. external update)
|
|
31
|
+
const [prevInitialIds, setPrevInitialIds] = React.useState(initialMarkingIds);
|
|
32
|
+
if (initialMarkingIds !== prevInitialIds) {
|
|
33
|
+
setPrevInitialIds(initialMarkingIds);
|
|
34
|
+
setSelectedIds(initialMarkingIds ?? EMPTY_ARRAY);
|
|
35
|
+
}
|
|
36
|
+
const {
|
|
37
|
+
categoryGroups,
|
|
38
|
+
markingStates,
|
|
39
|
+
banner,
|
|
40
|
+
requiredMarkingGroups,
|
|
41
|
+
isValid,
|
|
42
|
+
isLoading,
|
|
43
|
+
error
|
|
44
|
+
} = useCbacPickerState(selectedIds);
|
|
45
|
+
const handleMarkingToggle = React.useCallback(markingId => {
|
|
46
|
+
setSelectedIds(prev => toggleMarking(markingId, prev, categoryGroups));
|
|
47
|
+
}, [categoryGroups]);
|
|
48
|
+
|
|
49
|
+
// Parent controls dialog close on confirm (e.g. to show a loading state)
|
|
50
|
+
const handleConfirm = React.useCallback(() => {
|
|
51
|
+
onConfirm(selectedIds);
|
|
52
|
+
}, [onConfirm, selectedIds]);
|
|
53
|
+
const handleCancel = React.useCallback(() => {
|
|
54
|
+
setSelectedIds(initialMarkingIds ?? EMPTY_ARRAY);
|
|
55
|
+
onOpenChange(false);
|
|
56
|
+
}, [initialMarkingIds, onOpenChange]);
|
|
57
|
+
const handleDismiss = React.useCallback(() => {
|
|
58
|
+
setSelectedIds(EMPTY_ARRAY);
|
|
59
|
+
}, []);
|
|
60
|
+
const hasInitialMarkings = initialMarkingIds !== undefined && initialMarkingIds.length > 0;
|
|
61
|
+
const submitDisabledReason = React.useMemo(() => {
|
|
62
|
+
if (isValid) {
|
|
63
|
+
return undefined;
|
|
64
|
+
}
|
|
65
|
+
if (requiredMarkingGroups.length > 0) {
|
|
66
|
+
return "Selected markings do not include all required markings.";
|
|
67
|
+
}
|
|
68
|
+
return "Invalid marking selection.";
|
|
69
|
+
}, [isValid, requiredMarkingGroups.length]);
|
|
70
|
+
return /*#__PURE__*/React.createElement(BaseCbacPickerDialog, {
|
|
71
|
+
isOpen: isOpen,
|
|
72
|
+
onOpenChange: onOpenChange,
|
|
73
|
+
onConfirm: handleConfirm,
|
|
74
|
+
onCancel: handleCancel,
|
|
75
|
+
title: hasInitialMarkings ? "Edit classification" : "Add classification",
|
|
76
|
+
categories: categoryGroups,
|
|
77
|
+
markingStates: markingStates,
|
|
78
|
+
banner: banner,
|
|
79
|
+
onMarkingToggle: handleMarkingToggle,
|
|
80
|
+
onDismissBanner: handleDismiss,
|
|
81
|
+
requiredMarkingGroups: requiredMarkingGroups,
|
|
82
|
+
isValid: isValid,
|
|
83
|
+
submitDisabledReason: submitDisabledReason,
|
|
84
|
+
isLoading: isLoading,
|
|
85
|
+
error: error
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
//# sourceMappingURL=CbacPickerDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CbacPickerDialog.js","names":["React","BaseCbacPickerDialog","useCbacPickerState","EMPTY_ARRAY","toggleMarking","CbacPickerDialog","isOpen","onOpenChange","onConfirm","initialMarkingIds","selectedIds","setSelectedIds","useState","prevInitialIds","setPrevInitialIds","categoryGroups","markingStates","banner","requiredMarkingGroups","isValid","isLoading","error","handleMarkingToggle","useCallback","markingId","prev","handleConfirm","handleCancel","handleDismiss","hasInitialMarkings","undefined","length","submitDisabledReason","useMemo","createElement","onCancel","title","categories","onMarkingToggle","onDismissBanner"],"sources":["CbacPickerDialog.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 { BaseCbacPickerDialog } from \"./base/BaseCbacPickerDialog.js\";\nimport { useCbacPickerState } from \"./useCbacPickerState.js\";\nimport { EMPTY_ARRAY } from \"./utils/cbacPickerUtils.js\";\nimport { toggleMarking } from \"./utils/selectionLogic.js\";\n\nexport interface CbacPickerDialogProps {\n isOpen: boolean;\n onOpenChange: (open: boolean) => void;\n onConfirm: (markingIds: string[]) => void;\n initialMarkingIds?: string[];\n}\n\nexport function CbacPickerDialog({\n isOpen,\n onOpenChange,\n onConfirm,\n initialMarkingIds,\n}: CbacPickerDialogProps): React.ReactElement {\n const [selectedIds, setSelectedIds] = React.useState<string[]>(\n initialMarkingIds ?? EMPTY_ARRAY,\n );\n\n // Reset local state when initialMarkingIds changes (e.g. external update)\n const [prevInitialIds, setPrevInitialIds] = React.useState(initialMarkingIds);\n if (initialMarkingIds !== prevInitialIds) {\n setPrevInitialIds(initialMarkingIds);\n setSelectedIds(initialMarkingIds ?? EMPTY_ARRAY);\n }\n\n const {\n categoryGroups,\n markingStates,\n banner,\n requiredMarkingGroups,\n isValid,\n isLoading,\n error,\n } = useCbacPickerState(selectedIds);\n\n const handleMarkingToggle = React.useCallback(\n (markingId: string) => {\n setSelectedIds((prev) => toggleMarking(markingId, prev, categoryGroups));\n },\n [categoryGroups],\n );\n\n // Parent controls dialog close on confirm (e.g. to show a loading state)\n const handleConfirm = React.useCallback(() => {\n onConfirm(selectedIds);\n }, [onConfirm, selectedIds]);\n\n const handleCancel = React.useCallback(() => {\n setSelectedIds(initialMarkingIds ?? EMPTY_ARRAY);\n onOpenChange(false);\n }, [initialMarkingIds, onOpenChange]);\n\n const handleDismiss = React.useCallback(() => {\n setSelectedIds(EMPTY_ARRAY);\n }, []);\n\n const hasInitialMarkings = initialMarkingIds !== undefined\n && initialMarkingIds.length > 0;\n\n const submitDisabledReason = React.useMemo((): string | undefined => {\n if (isValid) {\n return undefined;\n }\n if (requiredMarkingGroups.length > 0) {\n return \"Selected markings do not include all required markings.\";\n }\n return \"Invalid marking selection.\";\n }, [isValid, requiredMarkingGroups.length]);\n\n return (\n <BaseCbacPickerDialog\n isOpen={isOpen}\n onOpenChange={onOpenChange}\n onConfirm={handleConfirm}\n onCancel={handleCancel}\n title={hasInitialMarkings ? \"Edit classification\" : \"Add classification\"}\n categories={categoryGroups}\n markingStates={markingStates}\n banner={banner}\n onMarkingToggle={handleMarkingToggle}\n onDismissBanner={handleDismiss}\n requiredMarkingGroups={requiredMarkingGroups}\n isValid={isValid}\n submitDisabledReason={submitDisabledReason}\n isLoading={isLoading}\n error={error}\n />\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,2BAA2B;AASzD,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,MAAM;EACNC,YAAY;EACZC,SAAS;EACTC;AACqB,CAAC,EAAsB;EAC5C,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGX,KAAK,CAACY,QAAQ,CAClDH,iBAAiB,IAAIN,WACvB,CAAC;;EAED;EACA,MAAM,CAACU,cAAc,EAAEC,iBAAiB,CAAC,GAAGd,KAAK,CAACY,QAAQ,CAACH,iBAAiB,CAAC;EAC7E,IAAIA,iBAAiB,KAAKI,cAAc,EAAE;IACxCC,iBAAiB,CAACL,iBAAiB,CAAC;IACpCE,cAAc,CAACF,iBAAiB,IAAIN,WAAW,CAAC;EAClD;EAEA,MAAM;IACJY,cAAc;IACdC,aAAa;IACbC,MAAM;IACNC,qBAAqB;IACrBC,OAAO;IACPC,SAAS;IACTC;EACF,CAAC,GAAGnB,kBAAkB,CAACQ,WAAW,CAAC;EAEnC,MAAMY,mBAAmB,GAAGtB,KAAK,CAACuB,WAAW,CAC1CC,SAAiB,IAAK;IACrBb,cAAc,CAAEc,IAAI,IAAKrB,aAAa,CAACoB,SAAS,EAAEC,IAAI,EAAEV,cAAc,CAAC,CAAC;EAC1E,CAAC,EACD,CAACA,cAAc,CACjB,CAAC;;EAED;EACA,MAAMW,aAAa,GAAG1B,KAAK,CAACuB,WAAW,CAAC,MAAM;IAC5Cf,SAAS,CAACE,WAAW,CAAC;EACxB,CAAC,EAAE,CAACF,SAAS,EAAEE,WAAW,CAAC,CAAC;EAE5B,MAAMiB,YAAY,GAAG3B,KAAK,CAACuB,WAAW,CAAC,MAAM;IAC3CZ,cAAc,CAACF,iBAAiB,IAAIN,WAAW,CAAC;IAChDI,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,CAACE,iBAAiB,EAAEF,YAAY,CAAC,CAAC;EAErC,MAAMqB,aAAa,GAAG5B,KAAK,CAACuB,WAAW,CAAC,MAAM;IAC5CZ,cAAc,CAACR,WAAW,CAAC;EAC7B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM0B,kBAAkB,GAAGpB,iBAAiB,KAAKqB,SAAS,IACrDrB,iBAAiB,CAACsB,MAAM,GAAG,CAAC;EAEjC,MAAMC,oBAAoB,GAAGhC,KAAK,CAACiC,OAAO,CAAC,MAA0B;IACnE,IAAId,OAAO,EAAE;MACX,OAAOW,SAAS;IAClB;IACA,IAAIZ,qBAAqB,CAACa,MAAM,GAAG,CAAC,EAAE;MACpC,OAAO,yDAAyD;IAClE;IACA,OAAO,4BAA4B;EACrC,CAAC,EAAE,CAACZ,OAAO,EAAED,qBAAqB,CAACa,MAAM,CAAC,CAAC;EAE3C,oBACE/B,KAAA,CAAAkC,aAAA,CAACjC,oBAAoB;IACnBK,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAa;IAC3BC,SAAS,EAAEkB,aAAc;IACzBS,QAAQ,EAAER,YAAa;IACvBS,KAAK,EAAEP,kBAAkB,GAAG,qBAAqB,GAAG,oBAAqB;IACzEQ,UAAU,EAAEtB,cAAe;IAC3BC,aAAa,EAAEA,aAAc;IAC7BC,MAAM,EAAEA,MAAO;IACfqB,eAAe,EAAEhB,mBAAoB;IACrCiB,eAAe,EAAEX,aAAc;IAC/BV,qBAAqB,EAAEA,qBAAsB;IAC7CC,OAAO,EAAEA,OAAQ;IACjBa,oBAAoB,EAAEA,oBAAqB;IAC3CZ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN","ignoreList":[]}
|
|
@@ -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", {
|