@datarobot/design-system 30.4.0 → 30.5.0

package/js/bundle/index.d.ts

@@ -174,6 +174,9 @@ export { DropdownMenu, DropdownMenuContent, DropdownItem, DropdownTrigger, Dropd
 export type { EditableTextProps, EditableTextControlledProps, EditModeProps, TextModeProps, };
 export { EditableText, EditableTextControlled };
 
+export type { ExpandableContentProps };
+export { ExpandableContent };
+
 export { FileTreeFileComponent, FileTreeFolderComponent, FileTree, FileTreeItem, FileTreeItemContent, FileTreeItemActions, FILE_TYPE, fileTreeAdapter, cleanUpPath, compareUtils, FileTreeLoading, };
 export type { FileTreeItemContentComponent, FileTreeFileComponentProps, FileTreeFolderComponentProps, FileTreeItemProps, FileTreeProps, FileTreeItemActionsActions, FileTreeItemActionsProps, FileTreeItemContentType, FileTreeItemContentProps, FileNodeType, FileTreeType, };
 
@@ -2595,6 +2598,22 @@ export default class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
 }
 export {};
 
+import './expandable-content.less';
+export type ExpandableContentProps = {
+        /** Content to render */
+        children: React.ReactNode;
+        /** Maximum height in pixels. When content exceeds this height it is clipped and a Show more/Show less button appears */
+        maxHeight: number;
+        /** Additional CSS class applied to the wrapper */
+        className?: string;
+};
+/** Clips content to a maximum height and shows a Show more/Show less ghost button when the content overflows.
+    * @midnight-gray-supported
+    * @alpine-light-supported
+    */
+const ExpandableContent: React.FC<ExpandableContentProps>;
+export { ExpandableContent };
+
 type ExportButtonProps = ButtonProps & {
     onExport: () => void;
     exportText?: string;
@@ -3898,9 +3917,15 @@ export const LoadingIcon: ({ message, id, testId, className, }: LoadingIconProps
 
 import './markdown.less';
 type Props = {
-    className?: string;
-    children?: React.ReactNode;
+        className?: string;
+        children?: React.ReactNode;
+        /** If set, content will be clipped to this height and a Show more/Show less button will appear */
+        maxHeight?: number;
 };
+/** Renders markdown content as HTML with support for GFM, math, and syntax highlighting.
+    * @midnight-gray-supported
+    * @alpine-light-supported
+    */
 const Markdown: React.FC<Props>;
 export { Markdown };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarobot/design-system",
-  "version": "30.4.0",
+  "version": "30.5.0",
   "description": "DataRobot react components library",
   "scripts": {
     "build": "node ../../tools/build-lib.js",

package/styles/index.css

@@ -8440,6 +8440,13 @@ td.rdtYear {
   max-width: 40rem;
 }
 
+/*!******************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/expandable-content/expandable-content.less ***!
+  \******************************************************************************************************************************************************************************************************************************************************************/
+.expandable-content .expandable-content-toggle {
+  margin-top: 0.5rem;
+}
+
 /*!************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/file-tree/file-tree.less ***!
   \************************************************************************************************************************************************************************************************************************************************/