mod-arch-shared 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/__tests__/__mocks__/mockGenericResponse.js +5 -8
- package/dist/__tests__/__mocks__/mockGenericResponse.js.map +1 -1
- package/dist/__tests__/unit/jest.setup.js +14 -23
- package/dist/__tests__/unit/jest.setup.js.map +1 -1
- package/dist/__tests__/unit/testUtils/hooks.js +44 -67
- package/dist/__tests__/unit/testUtils/hooks.js.map +1 -1
- package/dist/__tests__/unit/testUtils/hooks.spec.js +56 -91
- package/dist/__tests__/unit/testUtils/hooks.spec.js.map +1 -1
- package/dist/api/__tests__/errorUtils.spec.js +22 -55
- package/dist/api/__tests__/errorUtils.spec.js.map +1 -1
- package/dist/api/apiUtils.d.ts.map +1 -1
- package/dist/api/apiUtils.js +69 -90
- package/dist/api/apiUtils.js.map +1 -1
- package/dist/api/const.d.ts +3 -0
- package/dist/api/const.d.ts.map +1 -0
- package/dist/api/const.js +4 -0
- package/dist/api/const.js.map +1 -0
- package/dist/api/errorUtils.js +20 -22
- package/dist/api/errorUtils.js.map +1 -1
- package/dist/api/index.d.ts +1 -0
- package/dist/api/index.d.ts.map +1 -1
- package/dist/api/index.js +1 -0
- package/dist/api/index.js.map +1 -1
- package/dist/api/k8s.d.ts +7 -2
- package/dist/api/k8s.d.ts.map +1 -1
- package/dist/api/k8s.js +13 -21
- package/dist/api/k8s.js.map +1 -1
- package/dist/api/useAPIState.js +8 -9
- package/dist/api/useAPIState.js.map +1 -1
- package/dist/components/ApplicationsPage.js +4 -5
- package/dist/components/ApplicationsPage.js.map +1 -1
- package/dist/components/DashboardDescriptionListGroup.js +4 -4
- package/dist/components/DashboardDescriptionListGroup.js.map +1 -1
- package/dist/components/DashboardEmptyTableView.js +5 -8
- package/dist/components/DashboardEmptyTableView.js.map +1 -1
- package/dist/components/DashboardHelpTooltip.js +2 -5
- package/dist/components/DashboardHelpTooltip.js.map +1 -1
- package/dist/components/DashboardModalFooter.js +12 -15
- package/dist/components/DashboardModalFooter.js.map +1 -1
- package/dist/components/DashboardSearchField.js +15 -18
- package/dist/components/DashboardSearchField.js.map +1 -1
- package/dist/components/EditableLabelsDescriptionListGroup.js +60 -73
- package/dist/components/EditableLabelsDescriptionListGroup.js.map +1 -1
- package/dist/components/EditableTextDescriptionListGroup.d.ts.map +1 -1
- package/dist/components/EditableTextDescriptionListGroup.js +18 -33
- package/dist/components/EditableTextDescriptionListGroup.js.map +1 -1
- package/dist/components/EmptyStateErrorMessage.js +6 -9
- package/dist/components/EmptyStateErrorMessage.js.map +1 -1
- package/dist/components/FieldGroupHelpLabelIcon.js +2 -5
- package/dist/components/FieldGroupHelpLabelIcon.js.map +1 -1
- package/dist/components/FormFieldset.js +4 -7
- package/dist/components/FormFieldset.js.map +1 -1
- package/dist/components/InlineTruncatedClipboardCopy.js +7 -10
- package/dist/components/InlineTruncatedClipboardCopy.js.map +1 -1
- package/dist/components/KubeflowDocs.js +3 -6
- package/dist/components/KubeflowDocs.js.map +1 -1
- package/dist/components/MarkdownView.js +4 -6
- package/dist/components/MarkdownView.js.map +1 -1
- package/dist/components/NavBar.d.ts.map +1 -1
- package/dist/components/NavBar.js +12 -14
- package/dist/components/NavBar.js.map +1 -1
- package/dist/components/NavSidebar.d.ts.map +1 -1
- package/dist/components/NavSidebar.js +13 -19
- package/dist/components/NavSidebar.js.map +1 -1
- package/dist/components/PopoverListContent.js +6 -13
- package/dist/components/PopoverListContent.js.map +1 -1
- package/dist/components/ResourceNameTooltip.js +15 -19
- package/dist/components/ResourceNameTooltip.js.map +1 -1
- package/dist/components/SimpleSelect.js +20 -33
- package/dist/components/SimpleSelect.js.map +1 -1
- package/dist/components/ToastNotification.js +10 -13
- package/dist/components/ToastNotification.js.map +1 -1
- package/dist/components/ToastNotifications.js +3 -3
- package/dist/components/ToastNotifications.js.map +1 -1
- package/dist/components/TruncatedText.js +17 -14
- package/dist/components/TruncatedText.js.map +1 -1
- package/dist/components/TypeaheadSelect.js +56 -66
- package/dist/components/TypeaheadSelect.js.map +1 -1
- package/dist/components/WhosMyAdministrator.js +2 -5
- package/dist/components/WhosMyAdministrator.js.map +1 -1
- package/dist/components/browserStorage/BrowserStorageContext.js +29 -44
- package/dist/components/browserStorage/BrowserStorageContext.js.map +1 -1
- package/dist/components/dashboard/DashboardPopupIconButton.js +1 -5
- package/dist/components/dashboard/DashboardPopupIconButton.js.map +1 -1
- package/dist/components/design/CollapsibleSection.js +8 -10
- package/dist/components/design/CollapsibleSection.js.map +1 -1
- package/dist/components/design/DividedGallery.js +7 -11
- package/dist/components/design/DividedGallery.js.map +1 -1
- package/dist/components/design/DividedGalleryItem.js +1 -5
- package/dist/components/design/DividedGalleryItem.js.map +1 -1
- package/dist/components/design/HeaderIcon.js +12 -15
- package/dist/components/design/HeaderIcon.js.map +1 -1
- package/dist/components/design/InfoGalleryItem.js +20 -24
- package/dist/components/design/InfoGalleryItem.js.map +1 -1
- package/dist/components/design/ScrolledGallery.js +7 -9
- package/dist/components/design/ScrolledGallery.js.map +1 -1
- package/dist/components/design/TitleWithIcon.js +11 -14
- package/dist/components/design/TitleWithIcon.js.map +1 -1
- package/dist/components/design/TypeBorderedCard.js +1 -5
- package/dist/components/design/TypeBorderedCard.js.map +1 -1
- package/dist/components/design/TypedObjectIcon.js +6 -5
- package/dist/components/design/TypedObjectIcon.js.map +1 -1
- package/dist/components/design/utils.js +8 -8
- package/dist/components/design/utils.js.map +1 -1
- package/dist/components/notFound/NotFound.js +2 -2
- package/dist/components/notFound/NotFound.js.map +1 -1
- package/dist/components/pf-overrides/FormSection.js +3 -7
- package/dist/components/pf-overrides/FormSection.js.map +1 -1
- package/dist/components/table/CheckboxTd.js +3 -5
- package/dist/components/table/CheckboxTd.js.map +1 -1
- package/dist/components/table/Table.js +9 -11
- package/dist/components/table/Table.js.map +1 -1
- package/dist/components/table/TableBase.js +47 -54
- package/dist/components/table/TableBase.js.map +1 -1
- package/dist/components/table/TableRowTitleDescription.js +4 -5
- package/dist/components/table/TableRowTitleDescription.js.map +1 -1
- package/dist/components/table/__tests__/useCheckboxTable.spec.js +12 -12
- package/dist/components/table/__tests__/useCheckboxTable.spec.js.map +1 -1
- package/dist/components/table/const.js +9 -9
- package/dist/components/table/const.js.map +1 -1
- package/dist/components/table/useCheckboxTable.js +3 -4
- package/dist/components/table/useCheckboxTable.js.map +1 -1
- package/dist/components/table/useCheckboxTableBase.js +36 -37
- package/dist/components/table/useCheckboxTableBase.js.map +1 -1
- package/dist/components/table/useTableColumnSort.js +34 -38
- package/dist/components/table/useTableColumnSort.js.map +1 -1
- package/dist/config/stylePaths.js +2 -2
- package/dist/config/stylePaths.js.map +1 -1
- package/dist/config/transform.file.js +4 -4
- package/dist/config/transform.file.js.map +1 -1
- package/dist/context/DashboardScriptLoader.d.ts.map +1 -1
- package/dist/context/DashboardScriptLoader.js +14 -15
- package/dist/context/DashboardScriptLoader.js.map +1 -1
- package/dist/context/ModularArchContext.d.ts +19 -0
- package/dist/context/ModularArchContext.d.ts.map +1 -0
- package/dist/context/ModularArchContext.js +7 -0
- package/dist/context/ModularArchContext.js.map +1 -0
- package/dist/context/NamespaceSelectorContext.js +24 -31
- package/dist/context/NamespaceSelectorContext.js.map +1 -1
- package/dist/context/NotificationContext.js +16 -17
- package/dist/context/NotificationContext.js.map +1 -1
- package/dist/context/ThemeContext.d.ts.map +1 -1
- package/dist/context/ThemeContext.js +12 -11
- package/dist/context/ThemeContext.js.map +1 -1
- package/dist/context/__tests__/NamespaceSelectorContext.test.js +95 -75
- package/dist/context/__tests__/NamespaceSelectorContext.test.js.map +1 -1
- package/dist/context/index.d.ts +1 -0
- package/dist/context/index.d.ts.map +1 -1
- package/dist/context/index.js +1 -1
- package/dist/context/index.js.map +1 -1
- package/dist/hooks/index.d.ts +2 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +2 -2
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useModularArchContext.d.ts +4 -0
- package/dist/hooks/useModularArchContext.d.ts.map +1 -0
- package/dist/hooks/useModularArchContext.js +10 -0
- package/dist/hooks/useModularArchContext.js.map +1 -0
- package/dist/hooks/useNamespaces.d.ts.map +1 -1
- package/dist/hooks/useNamespaces.js +14 -10
- package/dist/hooks/useNamespaces.js.map +1 -1
- package/dist/hooks/useNotification.js +17 -17
- package/dist/hooks/useNotification.js.map +1 -1
- package/dist/hooks/useQueryParamNamespaces.js +4 -4
- package/dist/hooks/useQueryParamNamespaces.js.map +1 -1
- package/dist/hooks/useSettings.d.ts.map +1 -1
- package/dist/hooks/useSettings.js +35 -38
- package/dist/hooks/useSettings.js.map +1 -1
- package/dist/hooks/useTimeBasedRefresh.js +10 -11
- package/dist/hooks/useTimeBasedRefresh.js.map +1 -1
- package/dist/images/icons/AcceleratorProfileIcon.js +1 -1
- package/dist/images/icons/AcceleratorProfileIcon.js.map +1 -1
- package/dist/images/icons/ArtifactIcon.js +1 -1
- package/dist/images/icons/ArtifactIcon.js.map +1 -1
- package/dist/images/icons/BuildIcon.js +1 -1
- package/dist/images/icons/BuildIcon.js.map +1 -1
- package/dist/images/icons/ClusterSettingsIcon.js +1 -1
- package/dist/images/icons/ClusterSettingsIcon.js.map +1 -1
- package/dist/images/icons/ConfigurationIcon.js +1 -1
- package/dist/images/icons/ConfigurationIcon.js.map +1 -1
- package/dist/images/icons/CreateAndTrainIcon.js +1 -1
- package/dist/images/icons/CreateAndTrainIcon.js.map +1 -1
- package/dist/images/icons/DataConnectionIcon.js +1 -1
- package/dist/images/icons/DataConnectionIcon.js.map +1 -1
- package/dist/images/icons/DeployedModelIcon.js +1 -1
- package/dist/images/icons/DeployedModelIcon.js.map +1 -1
- package/dist/images/icons/DistributedWorkloadIcon.js +1 -1
- package/dist/images/icons/DistributedWorkloadIcon.js.map +1 -1
- package/dist/images/icons/EnabledApplicationsIcon.js +1 -1
- package/dist/images/icons/EnabledApplicationsIcon.js.map +1 -1
- package/dist/images/icons/ExperimentIcon.js +1 -1
- package/dist/images/icons/ExperimentIcon.js.map +1 -1
- package/dist/images/icons/ExploreApplicationsIcon.js +1 -1
- package/dist/images/icons/ExploreApplicationsIcon.js.map +1 -1
- package/dist/images/icons/GroupIcon.js +1 -1
- package/dist/images/icons/GroupIcon.js.map +1 -1
- package/dist/images/icons/ModelIcon.js +1 -1
- package/dist/images/icons/ModelIcon.js.map +1 -1
- package/dist/images/icons/ModelRegistryIcon.js +1 -1
- package/dist/images/icons/ModelRegistryIcon.js.map +1 -1
- package/dist/images/icons/ModelServerIcon.js +1 -1
- package/dist/images/icons/ModelServerIcon.js.map +1 -1
- package/dist/images/icons/MultiModelIcon.js +1 -1
- package/dist/images/icons/MultiModelIcon.js.map +1 -1
- package/dist/images/icons/NotebookIcon.js +1 -1
- package/dist/images/icons/NotebookIcon.js.map +1 -1
- package/dist/images/icons/NotebookImageIcon.js +1 -1
- package/dist/images/icons/NotebookImageIcon.js.map +1 -1
- package/dist/images/icons/PermissionsIcon.js +1 -1
- package/dist/images/icons/PermissionsIcon.js.map +1 -1
- package/dist/images/icons/PipelineExecutionIcon.js +1 -1
- package/dist/images/icons/PipelineExecutionIcon.js.map +1 -1
- package/dist/images/icons/PipelineIcon.js +1 -1
- package/dist/images/icons/PipelineIcon.js.map +1 -1
- package/dist/images/icons/PipelineRunIcon.js +1 -1
- package/dist/images/icons/PipelineRunIcon.js.map +1 -1
- package/dist/images/icons/ProjectIcon.js +1 -1
- package/dist/images/icons/ProjectIcon.js.map +1 -1
- package/dist/images/icons/RegisteredModelIcon.js +1 -1
- package/dist/images/icons/RegisteredModelIcon.js.map +1 -1
- package/dist/images/icons/ResourcesIcon.js +1 -1
- package/dist/images/icons/ResourcesIcon.js.map +1 -1
- package/dist/images/icons/ServingRuntimeIcon.js +1 -1
- package/dist/images/icons/ServingRuntimeIcon.js.map +1 -1
- package/dist/images/icons/SingleModelIcon.js +1 -1
- package/dist/images/icons/SingleModelIcon.js.map +1 -1
- package/dist/images/icons/StorageClassIcon.js +1 -1
- package/dist/images/icons/StorageClassIcon.js.map +1 -1
- package/dist/images/icons/StorageIcon.js +1 -1
- package/dist/images/icons/StorageIcon.js.map +1 -1
- package/dist/images/icons/UserIcon.js +1 -1
- package/dist/images/icons/UserIcon.js.map +1 -1
- package/dist/index.d.ts +2 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -6
- package/dist/index.js.map +1 -1
- package/dist/style/MUI-theme.scss +77 -53
- package/dist/style/index.d.ts +1 -1
- package/dist/style/index.d.ts.map +1 -1
- package/dist/style/index.js +5 -4
- package/dist/style/index.js.map +1 -1
- package/dist/style/index.ts +5 -4
- package/dist/types/common.js +1 -3
- package/dist/types/common.js.map +1 -1
- package/dist/types/k8sTypes.d.ts +2 -0
- package/dist/types/k8sTypes.d.ts.map +1 -1
- package/dist/types/k8sTypes.js.map +1 -1
- package/dist/utilities/appUtils.js +3 -4
- package/dist/utilities/appUtils.js.map +1 -1
- package/dist/utilities/const.d.ts +2 -18
- package/dist/utilities/const.d.ts.map +1 -1
- package/dist/utilities/const.js +3 -22
- package/dist/utilities/const.js.map +1 -1
- package/dist/utilities/markdown.js +4 -4
- package/dist/utilities/markdown.js.map +1 -1
- package/dist/utilities/time.js +14 -14
- package/dist/utilities/time.js.map +1 -1
- package/dist/utilities/useDebounceCallback.js +1 -4
- package/dist/utilities/useDebounceCallback.js.map +1 -1
- package/dist/utilities/useDeepCompareMemoize.js +2 -2
- package/dist/utilities/useDeepCompareMemoize.js.map +1 -1
- package/dist/utilities/useEventListener.js +3 -3
- package/dist/utilities/useEventListener.js.map +1 -1
- package/dist/utilities/useFetchState.js +67 -79
- package/dist/utilities/useFetchState.js.map +1 -1
- package/dist/utilities/useGenericObjectState.js +6 -10
- package/dist/utilities/useGenericObjectState.js.map +1 -1
- package/dist/utilities/useMakeFetchObject.js +3 -4
- package/dist/utilities/useMakeFetchObject.js.map +1 -1
- package/dist/utilities/utils.js +4 -11
- package/dist/utilities/utils.js.map +1 -1
- package/package.json +10 -10
- package/style/MUI-theme.scss +77 -53
- package/style/index.ts +5 -4
|
@@ -5,15 +5,12 @@ import * as React from 'react';
|
|
|
5
5
|
* https://github.com/patternfly/patternfly-react/issues/10890
|
|
6
6
|
**/
|
|
7
7
|
// TODO: Fix this when PF 6 supports a ReactNode as a child for the ClipboardCopy component
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
} },
|
|
16
|
-
React.createElement(Truncate, { content: textToCopy, position: truncatePosition })));
|
|
17
|
-
};
|
|
8
|
+
const InlineTruncatedClipboardCopy = ({ textToCopy, testId, maxWidth, truncatePosition, }) => (
|
|
9
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
10
|
+
// @ts-ignore
|
|
11
|
+
React.createElement(ClipboardCopy, { variant: ClipboardCopyVariant.inlineCompact, style: { display: 'inline-flex', maxWidth }, hoverTip: "Copy", clickTip: "Copied", "data-testid": testId, onCopy: () => {
|
|
12
|
+
navigator.clipboard.writeText(textToCopy);
|
|
13
|
+
} },
|
|
14
|
+
React.createElement(Truncate, { content: textToCopy, position: truncatePosition })));
|
|
18
15
|
export default InlineTruncatedClipboardCopy;
|
|
19
16
|
//# sourceMappingURL=InlineTruncatedClipboardCopy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineTruncatedClipboardCopy.js","sourceRoot":"","sources":["../../components/InlineTruncatedClipboardCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;IAGI;AAEJ,2FAA2F;AAC3F,
|
|
1
|
+
{"version":3,"file":"InlineTruncatedClipboardCopy.js","sourceRoot":"","sources":["../../components/InlineTruncatedClipboardCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;IAGI;AAEJ,2FAA2F;AAC3F,MAAM,4BAA4B,GAAoB,CAAC,EACrD,UAAU,EACV,MAAM,EACN,QAAQ,EACR,gBAAgB,GACjB,EAAE,EAAE,CAAC;AACJ,6DAA6D;AAC7D,aAAa;AACb,oBAAC,aAAa,IACZ,OAAO,EAAE,oBAAoB,CAAC,aAAa,EAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,EAC3C,QAAQ,EAAC,MAAM,EACf,QAAQ,EAAC,QAAQ,iBACJ,MAAM,EACnB,MAAM,EAAE,GAAG,EAAE;QACX,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC;IAED,oBAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,GAAI,CAC/C,CACjB,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Button } from '@patternfly/react-core';
|
|
3
3
|
import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
window.open(docsLink);
|
|
8
|
-
} }, buttonLabel));
|
|
9
|
-
};
|
|
4
|
+
const KubeflowDocs = ({ buttonLabel = 'Kubeflow Docs', docsLink = 'https://www.kubeflow.org/docs/components/model-registry/installation/#installing-model-registry', isInline, linkTestId, }) => (React.createElement(Button, { isInline: isInline, variant: "link", icon: React.createElement(OutlinedQuestionCircleIcon, null), "data-testid": linkTestId, onClick: () => {
|
|
5
|
+
window.open(docsLink);
|
|
6
|
+
} }, buttonLabel));
|
|
10
7
|
export default KubeflowDocs;
|
|
11
8
|
//# sourceMappingURL=KubeflowDocs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KubeflowDocs.js","sourceRoot":"","sources":["../../components/KubeflowDocs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AASrE,
|
|
1
|
+
{"version":3,"file":"KubeflowDocs.js","sourceRoot":"","sources":["../../components/KubeflowDocs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AASrE,MAAM,YAAY,GAAoB,CAAC,EACrC,WAAW,GAAG,eAAe,EAC7B,QAAQ,GAAG,iGAAiG,EAC5G,QAAQ,EACR,UAAU,GACX,EAAE,EAAE,CAAC,CACJ,oBAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,0BAA0B,OAAG,iBACvB,UAAU,EACvB,OAAO,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,IAEA,WAAW,CACL,CACV,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import classNames from 'classnames';
|
|
4
3
|
import { markdownConverter } from '../utilities/markdown';
|
|
5
4
|
import './MarkdownView.scss';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return (React.createElement(Component, __assign({ className: classNames('kubeflow-markdown-view', className, {
|
|
5
|
+
const MarkdownView = ({ className = '', markdown = '', conciseDisplay, component = 'div', ...props }) => {
|
|
6
|
+
const Component = component;
|
|
7
|
+
return (React.createElement(Component, { className: classNames('kubeflow-markdown-view', className, {
|
|
10
8
|
'kubeflow-markdown-view--with-padding': !conciseDisplay,
|
|
11
|
-
})
|
|
9
|
+
}), ...props, dangerouslySetInnerHTML: { __html: markdownConverter.makeHtml(markdown) } }));
|
|
12
10
|
};
|
|
13
11
|
export default MarkdownView;
|
|
14
12
|
//# sourceMappingURL=MarkdownView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownView.js","sourceRoot":"","sources":["../../components/MarkdownView.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MarkdownView.js","sourceRoot":"","sources":["../../components/MarkdownView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,qBAAqB,CAAC;AAU7B,MAAM,YAAY,GAAuE,CAAC,EACxF,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,EAAE,EACb,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,SAAS,CAAC;IAC5B,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,EAAE;YACzD,sCAAsC,EAAE,CAAC,cAAc;SACxD,CAAC,KACE,KAAK,EACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,GACzE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { Brand, Dropdown, DropdownItem, DropdownList, Masthead, MastheadBrand, MastheadContent, MastheadLogo, MastheadMain, MastheadToggle, MenuToggle, PageToggleButton, Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem, } from '@patternfly/react-core';
|
|
4
3
|
import { SimpleSelect } from '@patternfly/react-templates';
|
|
@@ -6,21 +5,20 @@ import { BarsIcon } from '@patternfly/react-icons';
|
|
|
6
5
|
import { NamespaceSelectorContext } from '../context/NamespaceSelectorContext';
|
|
7
6
|
import logoDarkTheme from '../images/logo-dark-theme.svg';
|
|
8
7
|
import { useThemeContext } from '../context/ThemeContext';
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var options = namespaces.map(function (namespace) { return ({
|
|
8
|
+
const NavBar = ({ username, onLogout }) => {
|
|
9
|
+
const { namespaces, preferredNamespace, updatePreferredNamespace } = React.useContext(NamespaceSelectorContext);
|
|
10
|
+
const { isMUITheme } = useThemeContext();
|
|
11
|
+
const [userMenuOpen, setUserMenuOpen] = React.useState(false);
|
|
12
|
+
const options = namespaces.map((namespace) => ({
|
|
15
13
|
content: namespace.name,
|
|
16
14
|
value: namespace.name,
|
|
17
|
-
selected: namespace.name ===
|
|
18
|
-
})
|
|
19
|
-
|
|
15
|
+
selected: namespace.name === preferredNamespace?.name,
|
|
16
|
+
}));
|
|
17
|
+
const handleLogout = () => {
|
|
20
18
|
setUserMenuOpen(false);
|
|
21
19
|
onLogout();
|
|
22
20
|
};
|
|
23
|
-
|
|
21
|
+
const userMenuItems = [
|
|
24
22
|
React.createElement(DropdownItem, { key: "logout", onClick: handleLogout }, "Log out"),
|
|
25
23
|
];
|
|
26
24
|
return (React.createElement(Masthead, null,
|
|
@@ -30,18 +28,18 @@ var NavBar = function (_a) {
|
|
|
30
28
|
React.createElement(BarsIcon, null))),
|
|
31
29
|
!isMUITheme ? (React.createElement(MastheadBrand, null,
|
|
32
30
|
React.createElement(MastheadLogo, { component: "a" },
|
|
33
|
-
React.createElement(Brand, { src: logoDarkTheme, alt: "Kubeflow", heights: { default: '36px' } })))) :
|
|
31
|
+
React.createElement(Brand, { src: logoDarkTheme, alt: "Kubeflow", heights: { default: '36px' } })))) : null),
|
|
34
32
|
React.createElement(MastheadContent, null,
|
|
35
33
|
React.createElement(Toolbar, null,
|
|
36
34
|
React.createElement(ToolbarContent, null,
|
|
37
35
|
React.createElement(ToolbarGroup, { variant: "action-group-plain", align: { default: 'alignStart' } },
|
|
38
36
|
React.createElement(ToolbarItem, { className: "kubeflow-u-namespace-select" },
|
|
39
|
-
React.createElement(SimpleSelect, { initialOptions: options, onSelect:
|
|
37
|
+
React.createElement(SimpleSelect, { initialOptions: options, onSelect: (_ev, selection) => {
|
|
40
38
|
updatePreferredNamespace({ name: String(selection) });
|
|
41
39
|
} }))),
|
|
42
40
|
username && (React.createElement(ToolbarGroup, { variant: "action-group-plain", align: { default: 'alignEnd' } },
|
|
43
41
|
React.createElement(ToolbarItem, null,
|
|
44
|
-
React.createElement(Dropdown, { popperProps: { position: 'right' }, onOpenChange:
|
|
42
|
+
React.createElement(Dropdown, { popperProps: { position: 'right' }, onOpenChange: (isOpen) => setUserMenuOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { "aria-label": "User menu", id: "user-menu-toggle", "data-testid": "user-menu-toggle-button", ref: toggleRef, onClick: () => setUserMenuOpen(!userMenuOpen), isExpanded: userMenuOpen }, username)), isOpen: userMenuOpen },
|
|
45
43
|
React.createElement(DropdownList, null, userMenuItems))))))))));
|
|
46
44
|
};
|
|
47
45
|
export default NavBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavSidebar.d.ts","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAA6C,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"NavSidebar.d.ts","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAA6C,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+BxF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,31 +1,25 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { NavLink } from 'react-router-dom';
|
|
4
3
|
import { Brand, Nav, NavExpandable, NavItem, NavList, PageSidebar, PageSidebarBody, } from '@patternfly/react-core';
|
|
5
|
-
import
|
|
4
|
+
import logoLightTheme from '../images/logo-light-theme.svg';
|
|
6
5
|
import { isNavDataGroup } from '../types/common';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
import { useThemeContext } from '../context';
|
|
7
|
+
const NavHref = ({ item }) => (React.createElement(NavItem, { key: item.label, "data-id": item.label, itemId: item.label },
|
|
8
|
+
React.createElement(NavLink, { to: item.path }, item.label)));
|
|
9
|
+
const NavGroup = ({ item }) => {
|
|
10
|
+
const { children } = item;
|
|
11
|
+
const [expanded, setExpanded] = React.useState(false);
|
|
12
|
+
return (React.createElement(NavExpandable, { "data-id": item.label, key: item.label, id: item.label, title: item.label, groupId: item.label, isExpanded: expanded, onExpand: (e, val) => setExpanded(val), "aria-label": item.label }, children.map((childItem) => (React.createElement(NavHref, { key: childItem.label, "data-id": childItem.label, item: childItem })))));
|
|
11
13
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var children = item.children;
|
|
15
|
-
var _b = __read(React.useState(false), 2), expanded = _b[0], setExpanded = _b[1];
|
|
16
|
-
return (React.createElement(NavExpandable, { "data-id": item.label, key: item.label, id: item.label, title: item.label, groupId: item.label, isExpanded: expanded, onExpand: function (e, val) { return setExpanded(val); }, "aria-label": item.label }, children.map(function (childItem) { return (React.createElement(NavHref, { key: childItem.label, "data-id": childItem.label, item: childItem })); })));
|
|
17
|
-
};
|
|
18
|
-
var NavSidebar = function (_a) {
|
|
19
|
-
var navData = _a.navData;
|
|
14
|
+
const NavSidebar = ({ navData }) => {
|
|
15
|
+
const { isMUITheme } = useThemeContext();
|
|
20
16
|
return (React.createElement(PageSidebar, null,
|
|
21
17
|
React.createElement(PageSidebarBody, null,
|
|
22
18
|
React.createElement(Nav, { id: "nav-primary-simple" },
|
|
23
19
|
React.createElement(NavList, { id: "nav-list-simple" },
|
|
24
|
-
React.createElement(NavItem, null,
|
|
25
|
-
React.createElement(Brand, { className: "kubeflow_brand", src:
|
|
26
|
-
navData.map(
|
|
27
|
-
return isNavDataGroup(item) ? (React.createElement(NavGroup, { key: item.label, item: item })) : (React.createElement(NavHref, { key: item.label, item: item }));
|
|
28
|
-
}))))));
|
|
20
|
+
isMUITheme ? (React.createElement(NavItem, null,
|
|
21
|
+
React.createElement(Brand, { className: "kubeflow_brand", src: logoLightTheme, alt: "Kubeflow Logo" }))) : null,
|
|
22
|
+
navData.map((item) => isNavDataGroup(item) ? (React.createElement(NavGroup, { key: item.label, item: item })) : (React.createElement(NavHref, { key: item.label, item: item }))))))));
|
|
29
23
|
};
|
|
30
24
|
export default NavSidebar;
|
|
31
25
|
//# sourceMappingURL=NavSidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavSidebar.js","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NavSidebar.js","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EACL,KAAK,EACL,GAAG,EACH,aAAa,EACb,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAChC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAA0C,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,OAAO,GAAoC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC7D,oBAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,aAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK;IAC/D,oBAAC,OAAO,IAAC,EAAE,EAAE,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,KAAK,CAAW,CACtC,CACX,CAAC;AAEF,MAAM,QAAQ,GAAqC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,aAAa,eACH,IAAI,CAAC,KAAK,EACnB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,gBAC1B,IAAI,CAAC,KAAK,IAErB,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC3B,oBAAC,OAAO,IAAC,GAAG,EAAE,SAAS,CAAC,KAAK,aAAW,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,GAAI,CAC7E,CAAC,CACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,UAAU,GAA8B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5D,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,eAAe;YACd,oBAAC,GAAG,IAAC,EAAE,EAAC,oBAAoB;gBAC1B,oBAAC,OAAO,IAAC,EAAE,EAAC,iBAAiB;oBAC1B,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,OAAO;wBACN,oBAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,cAAc,EAAE,GAAG,EAAC,eAAe,GAAG,CACrE,CACX,CAAC,CAAC,CAAC,IAAI;oBACP,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACpB,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACrB,oBAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC1C,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACzC,CACF,CACO,CACN,CACU,CACN,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { Content } from '@patternfly/react-core';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
return (React.createElement(Content, __assign({}, props),
|
|
11
|
-
leadText ? React.createElement(ContentText, null, leadText) : null,
|
|
12
|
-
listHeading ? React.createElement(Content, { component: "h4" }, listHeading) : null,
|
|
13
|
-
React.createElement(Content, { component: "ul", style: { margin: 0 } }, listItems.map(function (item, index) { return (React.createElement(Content, { component: "li", key: index },
|
|
14
|
-
React.createElement(ContentText, null, item))); }))));
|
|
15
|
-
};
|
|
3
|
+
const ContentText = ({ children }) => (React.createElement(Content, { component: "small", style: { color: 'var(--pf-t--global--text--color--regular)' } }, children));
|
|
4
|
+
const PopoverListContent = ({ leadText, listHeading, listItems, ...props }) => (React.createElement(Content, { ...props },
|
|
5
|
+
leadText ? React.createElement(ContentText, null, leadText) : null,
|
|
6
|
+
listHeading ? React.createElement(Content, { component: "h4" }, listHeading) : null,
|
|
7
|
+
React.createElement(Content, { component: "ul", style: { margin: 0 } }, listItems.map((item, index) => (React.createElement(Content, { component: "li", key: index },
|
|
8
|
+
React.createElement(ContentText, null, item)))))));
|
|
16
9
|
export default PopoverListContent;
|
|
17
10
|
//# sourceMappingURL=PopoverListContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverListContent.js","sourceRoot":"","sources":["../../components/PopoverListContent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PopoverListContent.js","sourceRoot":"","sources":["../../components/PopoverListContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAgB,MAAM,wBAAwB,CAAC;AAQ/D,MAAM,WAAW,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7E,oBAAC,OAAO,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2CAA2C,EAAE,IACrF,QAAQ,CACD,CACX,CAAC;AAEF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,OAAK,KAAK;IACf,QAAQ,CAAC,CAAC,CAAC,oBAAC,WAAW,QAAE,QAAQ,CAAe,CAAC,CAAC,CAAC,IAAI;IACvD,WAAW,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,SAAS,EAAC,IAAI,IAAE,WAAW,CAAW,CAAC,CAAC,CAAC,IAAI;IACrE,oBAAC,OAAO,IAAC,SAAS,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IACzC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,OAAO,IAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAE,KAAK;QAChC,oBAAC,WAAW,QAAE,IAAI,CAAe,CACzB,CACX,CAAC,CACM,CACF,CACX,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -3,24 +3,20 @@ import { ClipboardCopy, DescriptionList, DescriptionListDescription, Description
|
|
|
3
3
|
import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
|
|
4
4
|
import '../components/NotebookController.scss';
|
|
5
5
|
import DashboardPopupIconButton from '../components/dashboard/DashboardPopupIconButton';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
React.createElement(DescriptionListTerm, null, "Resource type"),
|
|
22
|
-
React.createElement(DescriptionListDescription, { "data-testid": "resource-kind-text" }, resource.kind))))) },
|
|
23
|
-
React.createElement(DashboardPopupIconButton, { "data-testid": "resource-name-icon-button", icon: React.createElement(OutlinedQuestionCircleIcon, null), "aria-label": "More info", style: { paddingTop: 0, paddingBottom: 0 } }))))));
|
|
24
|
-
};
|
|
6
|
+
const ResourceNameTooltip = ({ children, resource, wrap = true, }) => (React.createElement("div", { style: { display: wrap ? 'block' : 'inline-flex' } },
|
|
7
|
+
React.createElement(Flex, { gap: { default: 'gapXs' }, alignItems: { default: 'alignItemsCenter' } },
|
|
8
|
+
React.createElement(FlexItem, null, children),
|
|
9
|
+
resource.metadata?.name && (React.createElement(Popover, { position: "right", bodyContent: React.createElement(Stack, { hasGutter: true },
|
|
10
|
+
React.createElement(StackItem, null, "Resource names and types are used to find your resources in the cluster."),
|
|
11
|
+
React.createElement(StackItem, null,
|
|
12
|
+
React.createElement(DescriptionList, { isCompact: true, isHorizontal: true },
|
|
13
|
+
React.createElement(DescriptionListGroup, null,
|
|
14
|
+
React.createElement(DescriptionListTerm, null, "Resource name"),
|
|
15
|
+
React.createElement(DescriptionListDescription, null,
|
|
16
|
+
React.createElement(ClipboardCopy, { hoverTip: "Copy", clickTip: "Copied", variant: "inline-compact", "data-testid": "resource-name-text" }, resource.metadata.name))),
|
|
17
|
+
React.createElement(DescriptionListGroup, null,
|
|
18
|
+
React.createElement(DescriptionListTerm, null, "Resource type"),
|
|
19
|
+
React.createElement(DescriptionListDescription, { "data-testid": "resource-kind-text" }, resource.kind))))) },
|
|
20
|
+
React.createElement(DashboardPopupIconButton, { "data-testid": "resource-name-icon-button", icon: React.createElement(OutlinedQuestionCircleIcon, null), "aria-label": "More info", style: { paddingTop: 0, paddingBottom: 0 } }))))));
|
|
25
21
|
export default ResourceNameTooltip;
|
|
26
22
|
//# sourceMappingURL=ResourceNameTooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceNameTooltip.js","sourceRoot":"","sources":["../../components/ResourceNameTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,aAAa,EACb,eAAe,EACf,0BAA0B,EAC1B,oBAAoB,EACpB,mBAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,sCAAsC,CAAC;AAC9C,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAQvF,
|
|
1
|
+
{"version":3,"file":"ResourceNameTooltip.js","sourceRoot":"","sources":["../../components/ResourceNameTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,aAAa,EACb,eAAe,EACf,0BAA0B,EAC1B,oBAAoB,EACpB,mBAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,sCAAsC,CAAC;AAC9C,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAQvF,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,GACZ,EAAE,EAAE,CAAC,CACJ,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EAAE;IACrD,oBAAC,IAAI,IAAC,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;QAC1E,oBAAC,QAAQ,QAAE,QAAQ,CAAY;QAC9B,QAAQ,CAAC,QAAQ,EAAE,IAAI,IAAI,CAC1B,oBAAC,OAAO,IACN,QAAQ,EAAC,OAAO,EAChB,WAAW,EACT,oBAAC,KAAK,IAAC,SAAS;gBACd,oBAAC,SAAS,mFAEE;gBACZ,oBAAC,SAAS;oBACR,oBAAC,eAAe,IAAC,SAAS,QAAC,YAAY;wBACrC,oBAAC,oBAAoB;4BACnB,oBAAC,mBAAmB,wBAAoC;4BACxD,oBAAC,0BAA0B;gCACzB,oBAAC,aAAa,IACZ,QAAQ,EAAC,MAAM,EACf,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAC,gBAAgB,iBACZ,oBAAoB,IAE/B,QAAQ,CAAC,QAAQ,CAAC,IAAI,CACT,CACW,CACR;wBACvB,oBAAC,oBAAoB;4BACnB,oBAAC,mBAAmB,wBAAoC;4BACxD,oBAAC,0BAA0B,mBAAa,oBAAoB,IACzD,QAAQ,CAAC,IAAI,CACa,CACR,CACP,CACR,CACN;YAGV,oBAAC,wBAAwB,mBACX,2BAA2B,EACvC,IAAI,EAAE,oBAAC,0BAA0B,OAAG,gBACzB,WAAW,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,GAC1C,CACM,CACX,CACI,CACH,CACP,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,26 +1,19 @@
|
|
|
1
|
-
import { __assign, __read, __rest, __spreadArray } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { Truncate, MenuToggle,
|
|
4
3
|
// eslint-disable-next-line no-restricted-imports
|
|
5
4
|
Select, SelectList, SelectOption, SelectGroup, Divider, FormHelperText, HelperText, HelperTextItem, Skeleton, } from '@patternfly/react-core';
|
|
6
5
|
import TruncatedText from '../components/TruncatedText';
|
|
7
6
|
import './SimpleSelect.scss';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return (options === null || options === void 0 ? void 0 : options.find(function (option) { return option.key === key; })) || (groupedOptionsFlat === null || groupedOptionsFlat === void 0 ? void 0 : groupedOptionsFlat.find(function (o) { return o.key === key; }));
|
|
17
|
-
};
|
|
18
|
-
var selectedOption = value ? findOptionForKey(value) : undefined;
|
|
19
|
-
var selectedLabel = (_b = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _b !== void 0 ? _b : placeholder;
|
|
20
|
-
var totalOptions = React.useMemo(function () { return __spreadArray(__spreadArray([], __read((options || [])), false), __read((groupedOptionsFlat || [])), false); }, [options, groupedOptionsFlat]);
|
|
21
|
-
var singleOptionKey = totalOptions.length === 1 ? totalOptions[0].optionKey || totalOptions[0].key : null;
|
|
7
|
+
const SimpleSelect = ({ isDisabled, onChange, options, groupedOptions, placeholder = 'Select...', value, toggleLabel, isFullWidth, icon, dataTestId, toggleProps, previewDescription = true, popperProps, isSkeleton, ...props }) => {
|
|
8
|
+
const [open, setOpen] = React.useState(false);
|
|
9
|
+
const groupedOptionsFlat = React.useMemo(() => groupedOptions?.reduce((acc, group) => [...acc, ...group.options], []), [groupedOptions]);
|
|
10
|
+
const findOptionForKey = (key) => options?.find((option) => option.key === key) || groupedOptionsFlat?.find((o) => o.key === key);
|
|
11
|
+
const selectedOption = value ? findOptionForKey(value) : undefined;
|
|
12
|
+
const selectedLabel = selectedOption?.label ?? placeholder;
|
|
13
|
+
const totalOptions = React.useMemo(() => [...(options || []), ...(groupedOptionsFlat || [])], [options, groupedOptionsFlat]);
|
|
14
|
+
const singleOptionKey = totalOptions.length === 1 ? totalOptions[0].optionKey || totalOptions[0].key : null;
|
|
22
15
|
// If there is only one option, call the onChange function
|
|
23
|
-
React.useEffect(
|
|
16
|
+
React.useEffect(() => {
|
|
24
17
|
if (singleOptionKey && !isSkeleton) {
|
|
25
18
|
onChange(totalOptions[0].key, false);
|
|
26
19
|
}
|
|
@@ -31,24 +24,18 @@ var SimpleSelect = function (_a) {
|
|
|
31
24
|
return React.createElement(Skeleton, { style: { minWidth: 100 } });
|
|
32
25
|
}
|
|
33
26
|
return (React.createElement(React.Fragment, null,
|
|
34
|
-
React.createElement(Select,
|
|
35
|
-
|
|
36
|
-
onChange(String(selectValue), !!selectValue && ((_b = (_a = findOptionForKey(String(selectValue))) === null || _a === void 0 ? void 0 : _a.isPlaceholder) !== null && _b !== void 0 ? _b : false));
|
|
27
|
+
React.createElement(Select, { ...props, isOpen: open, selected: value || toggleLabel, onSelect: (e, selectValue) => {
|
|
28
|
+
onChange(String(selectValue), !!selectValue && (findOptionForKey(String(selectValue))?.isPlaceholder ?? false));
|
|
37
29
|
setOpen(false);
|
|
38
|
-
}, onOpenChange: setOpen, toggle:
|
|
39
|
-
index
|
|
40
|
-
|
|
41
|
-
React.createElement(
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
options.map(function (_a) {
|
|
48
|
-
var key = _a.key, label = _a.label, dropdownLabel = _a.dropdownLabel, description = _a.description, isFavorited = _a.isFavorited, optionDisabled = _a.isDisabled, optionDataTestId = _a.dataTestId;
|
|
49
|
-
return (React.createElement(SelectOption, { key: key, value: key, description: React.createElement(TruncatedText, { maxLines: 2, content: description }), isFavorited: isFavorited, isDisabled: optionDisabled, "data-testid": optionDataTestId || key }, dropdownLabel || label));
|
|
50
|
-
}))) : null),
|
|
51
|
-
previewDescription && (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.description) ? (React.createElement(FormHelperText, null,
|
|
30
|
+
}, onOpenChange: setOpen, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, "data-testid": dataTestId, "aria-label": "Options menu", onClick: () => setOpen(!open), icon: icon, isExpanded: open, isDisabled: totalOptions.length <= 1 || isDisabled, isFullWidth: isFullWidth, ...toggleProps }, toggleLabel || React.createElement(Truncate, { content: selectedLabel, className: "truncate-no-min-width" }))), shouldFocusToggleOnSelect: true, popperProps: { maxWidth: 'trigger', ...popperProps } },
|
|
31
|
+
groupedOptions?.map((group, index) => (React.createElement(React.Fragment, { key: group.key },
|
|
32
|
+
index > 0 ? React.createElement(Divider, null) : null,
|
|
33
|
+
React.createElement(SelectGroup, { label: group.label },
|
|
34
|
+
React.createElement(SelectList, null, group.options.map(({ key, label, dropdownLabel, description, isFavorited, isDisabled: optionDisabled, dataTestId: optionDataTestId, }) => (React.createElement(SelectOption, { key: key, value: key, description: React.createElement(TruncatedText, { maxLines: 2, content: description }), isDisabled: optionDisabled, isFavorited: isFavorited, "data-testid": optionDataTestId || key }, dropdownLabel || label)))))))) ?? null,
|
|
35
|
+
options?.length ? (React.createElement(SelectList, null,
|
|
36
|
+
groupedOptions?.length ? React.createElement(Divider, null) : null,
|
|
37
|
+
options.map(({ key, label, dropdownLabel, description, isFavorited, isDisabled: optionDisabled, dataTestId: optionDataTestId, }) => (React.createElement(SelectOption, { key: key, value: key, description: React.createElement(TruncatedText, { maxLines: 2, content: description }), isFavorited: isFavorited, isDisabled: optionDisabled, "data-testid": optionDataTestId || key }, dropdownLabel || label))))) : null),
|
|
38
|
+
previewDescription && selectedOption?.description ? (React.createElement(FormHelperText, null,
|
|
52
39
|
React.createElement(HelperText, null,
|
|
53
40
|
React.createElement(HelperTextItem, null,
|
|
54
41
|
React.createElement(TruncatedText, { maxLines: 2, content: selectedOption.description }))))) : null));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../components/SimpleSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../components/SimpleSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,24 +1,21 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { Alert, AlertActionCloseButton, AlertVariant } from '@patternfly/react-core';
|
|
4
3
|
import { asEnumMember } from '../utilities/utils';
|
|
5
4
|
import { useNotification } from '../hooks/useNotification';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
React.useEffect(function () {
|
|
14
|
-
var handle = setTimeout(function () {
|
|
5
|
+
const TOAST_NOTIFICATION_TIMEOUT = 8 * 1000;
|
|
6
|
+
const ToastNotification = ({ notification }) => {
|
|
7
|
+
const notifications = useNotification();
|
|
8
|
+
const [timedOut, setTimedOut] = React.useState(false);
|
|
9
|
+
const [mouseOver, setMouseOver] = React.useState(false);
|
|
10
|
+
React.useEffect(() => {
|
|
11
|
+
const handle = setTimeout(() => {
|
|
15
12
|
setTimedOut(true);
|
|
16
13
|
}, TOAST_NOTIFICATION_TIMEOUT);
|
|
17
|
-
return
|
|
14
|
+
return () => {
|
|
18
15
|
clearTimeout(handle);
|
|
19
16
|
};
|
|
20
17
|
}, [setTimedOut]);
|
|
21
|
-
React.useEffect(
|
|
18
|
+
React.useEffect(() => {
|
|
22
19
|
if (!notification.hidden && timedOut && !mouseOver) {
|
|
23
20
|
notifications.remove(notification.id);
|
|
24
21
|
}
|
|
@@ -26,7 +23,7 @@ var ToastNotification = function (_a) {
|
|
|
26
23
|
if (notification.hidden) {
|
|
27
24
|
return null;
|
|
28
25
|
}
|
|
29
|
-
return (React.createElement(Alert, { variant:
|
|
26
|
+
return (React.createElement(Alert, { variant: asEnumMember(notification.status, AlertVariant) ?? undefined, title: notification.title, actionClose: React.createElement(AlertActionCloseButton, { onClose: () => notifications.remove(notification.id) }), onMouseEnter: () => setMouseOver(true), onMouseLeave: () => setMouseOver(false) }, notification.message));
|
|
30
27
|
};
|
|
31
28
|
export default ToastNotification;
|
|
32
29
|
//# sourceMappingURL=ToastNotification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastNotification.js","sourceRoot":"","sources":["../../components/ToastNotification.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToastNotification.js","sourceRoot":"","sources":["../../components/ToastNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,0BAA0B,GAAG,CAAC,GAAG,IAAI,CAAC;AAM5C,MAAM,iBAAiB,GAAqC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAG,eAAe,EAAE,CAAC;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE;YAC7B,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,0BAA0B,CAAC,CAAC;QAC/B,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;YACnD,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAEvD,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,IAAI,SAAS,EACrE,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,WAAW,EAAE,oBAAC,sBAAsB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,GAAI,EAC7F,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAEtC,YAAY,CAAC,OAAO,CACf,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
|
|
|
2
2
|
import { AlertGroup } from '@patternfly/react-core';
|
|
3
3
|
import { NotificationContext } from '../context/NotificationContext';
|
|
4
4
|
import ToastNotification from './ToastNotification';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
return (React.createElement(AlertGroup, { isToast: true, isLiveRegion: true }, notifications.map(
|
|
5
|
+
const ToastNotifications = () => {
|
|
6
|
+
const { notifications } = useContext(NotificationContext);
|
|
7
|
+
return (React.createElement(AlertGroup, { isToast: true, isLiveRegion: true }, notifications.map((notification) => (React.createElement(ToastNotification, { notification: notification, key: notification.id })))));
|
|
8
8
|
};
|
|
9
9
|
export default ToastNotifications;
|
|
10
10
|
//# sourceMappingURL=ToastNotifications.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastNotifications.js","sourceRoot":"","sources":["../../components/ToastNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,
|
|
1
|
+
{"version":3,"file":"ToastNotifications.js","sourceRoot":"","sources":["../../components/ToastNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,MAAM,kBAAkB,GAAa,GAAG,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,QAAC,YAAY,UAC7B,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACnC,oBAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE,GAAI,CACxE,CAAC,CACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,25 +1,28 @@
|
|
|
1
|
-
import { __assign, __read, __rest } from "tslib";
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { Tooltip } from '@patternfly/react-core';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var updateTruncation = React.useCallback(function () {
|
|
3
|
+
const TruncatedText = ({ maxLines, content, ...props }) => {
|
|
4
|
+
const outerElementRef = React.useRef(null);
|
|
5
|
+
const textElementRef = React.useRef(null);
|
|
6
|
+
const [isTruncated, setIsTruncated] = React.useState(false);
|
|
7
|
+
const updateTruncation = React.useCallback(() => {
|
|
10
8
|
if (textElementRef.current && outerElementRef.current) {
|
|
11
9
|
setIsTruncated(textElementRef.current.offsetHeight > outerElementRef.current.offsetHeight);
|
|
12
10
|
}
|
|
13
11
|
}, []);
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
const truncateBody = (React.createElement("span", { ...props, style: {
|
|
13
|
+
display: '-webkit-box',
|
|
14
|
+
WebkitBoxOrient: 'vertical',
|
|
15
|
+
overflowWrap: 'anywhere',
|
|
16
|
+
overflow: 'hidden',
|
|
17
|
+
WebkitLineClamp: maxLines,
|
|
18
|
+
...(props.style || {}),
|
|
19
|
+
}, ref: outerElementRef, onMouseEnter: (e) => {
|
|
20
|
+
props.onMouseEnter?.(e);
|
|
17
21
|
updateTruncation();
|
|
18
|
-
}, onFocus:
|
|
19
|
-
|
|
20
|
-
(_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
22
|
+
}, onFocus: (e) => {
|
|
23
|
+
props.onFocus?.(e);
|
|
21
24
|
updateTruncation();
|
|
22
|
-
} }
|
|
25
|
+
} },
|
|
23
26
|
React.createElement("span", { ref: textElementRef }, content)));
|
|
24
27
|
return (React.createElement(Tooltip, { hidden: !isTruncated ? true : undefined, content: content }, truncateBody));
|
|
25
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../../components/TruncatedText.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../../components/TruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOjD,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtF,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErE,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,IAAI,cAAc,CAAC,OAAO,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YACtD,cAAc,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAC7F,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CACnB,iCACM,KAAK,EACT,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,eAAe,EAAE,UAAU;YAC3B,YAAY,EAAE,UAAU;YACxB,QAAQ,EAAE,QAAQ;YAClB,eAAe,EAAE,QAAQ;YACzB,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;SACvB,EACD,GAAG,EAAE,eAAe,EACpB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;YACxB,gBAAgB,EAAE,CAAC;QACrB,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YACnB,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,8BAAM,GAAG,EAAE,cAAc,IAAG,OAAO,CAAQ,CACtC,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,IAC/D,YAAY,CACL,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|