@datarobot/design-system 28.11.0 → 29.0.0

package/js/bundle/index.d.ts

@@ -202,7 +202,7 @@ export const inputSanitizers: {
 
 export { KeyValuePairs };
 
-export { Message, MESSAGE_TYPES, MESSAGE_SIZES, MESSAGE_ICON_PLACEMENT };
+export { Message, MESSAGE_TYPES, MESSAGE_SIZES, MESSAGE_ICON_PLACEMENT, MESSAGE_ICONS, };
 
 export { MultiselectSearchableList, ToggleSelectButton, SearchableListLayout, SelectedItemsBoard, };
 export type { MultiselectSearchableListProps, ToggleSelectButtonProps, SearchableListLayoutProps, SelectedItemsBoardProps, };
@@ -2573,9 +2573,10 @@ export {};
 type ExportButtonProps = ButtonProps & {
     onExport: () => void;
     exportText?: string;
+    icon?: IconLookup;
 };
 /** An export action indicator. */
-export const ExportButton: ({ onExport, isDisabled, testId, tooltipText, exportText, tooltipDocsLink, tooltipPlacement, }: ExportButtonProps) => import("react/jsx-runtime").JSX.Element;
+export const ExportButton: ({ onExport, isDisabled, testId, tooltipText, exportText, tooltipDocsLink, tooltipPlacement, icon, }: ExportButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 
 import './file-tree.less';
@@ -3087,6 +3088,10 @@ export type FloatingPanelProps = {
             * Aria label for the floating panel
             */
         ariaLabel?: string;
+        /**
+            * Font awesome component for the drag handle
+            */
+        dragIcon?: IconLookup;
 };
 /**
     * Floating panel
@@ -3094,7 +3099,7 @@ export type FloatingPanelProps = {
     * @uxr-only-supported
     * @alpine-light-supported
     */
-export function FloatingPanel({ children, minHeight, minWidth, maxWidth, maxHeight, anchorEl, dockEl, pageContentEl, initialState, testId, placement, popperModifiers, onClose, actions, ...props }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;
+export function FloatingPanel({ children, minHeight, minWidth, maxWidth, maxHeight, anchorEl, dockEl, pageContentEl, initialState, testId, placement, popperModifiers, onClose, actions, dragIcon, ...props }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;
 
 export type PanelState = {
     top: number;
@@ -3878,6 +3883,19 @@ export const MESSAGE_SIZES: {
 export type MessageTypes = ValueOf<typeof MESSAGE_TYPES>;
 export type MessageSize = ValueOf<typeof MESSAGE_SIZES>;
 export type MessageIconPlacementTypes = ValueOf<typeof MESSAGE_ICON_PLACEMENT>;
+export const MESSAGE_ICONS: {
+        disabled: import("@fortawesome/fontawesome-common-types").IconDefinition;
+        info: import("@fortawesome/fontawesome-common-types").IconDefinition;
+        "success-info": import("@fortawesome/fontawesome-common-types").IconDefinition;
+        warning: import("@fortawesome/fontawesome-common-types").IconDefinition;
+        error: import("@fortawesome/fontawesome-common-types").IconDefinition;
+        success: import("@fortawesome/fontawesome-common-types").IconDefinition;
+        "in-progress": import("@fortawesome/fontawesome-common-types").IconDefinition;
+        expired: import("@fortawesome/fontawesome-common-types").IconDefinition;
+};
+type Icons = {
+        [key: string]: IconLookup;
+};
 export type MessageProps = {
         children: ReactNode;
         className?: string;
@@ -3889,13 +3907,15 @@ export type MessageProps = {
         size?: MessageSize;
         id?: string;
         iconPlacement?: string;
+        icons?: Icons;
 };
 /** Simple component to show a message with an appropriate icon
     * [CAPITALIZATION] Sentence case, full sentence, end in period
     * @midnight-gray-supported
     * @alpine-light-supported
     */
-export function Message({ children, className, testId, type, isCentered, isStatus, size, id, iconPlacement, }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export function Message({ children, className, testId, type, isCentered, isStatus, size, id, iconPlacement, icons, }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
 
 import './modal.less';
 export type AriaProps = {
@@ -4588,13 +4608,15 @@ export type SchedulerProps = {
     switcherType?: ValueOf<typeof SWITCHER_TYPES>;
     selectedTabKey?: string;
     tabTexts?: TabTexts;
+    advancedSchedulerSwitcherIcon?: IconLookup;
+    simpleSchedulerSwitcherIcon?: IconLookup;
 };
 /**
   * Scheduler is form for cron jobs configuration
   * @midnight-gray-supported
   * @alpine-light-supported
   */
-export function Scheduler({ onUpdateSchedule, initialSchedule, testId, isDisabled, frequencyOptions: frequencyOptionsParams, daysOfWeek: daysOfWeekParams, months: monthsParams, validateArrayOfRangedNumbersOrAll: validateArrayOfRangedNumbersOrAllParams, simpleSchedulerToggleButtonText: simpleSchedulerToggleButtonTextParams, advancedSchedulerToggleButtonText: advancedSchedulerToggleButtonTextParams, simpleSchedulerModalTexts: simpleSchedulerModalTextsParams, labelTexts: labelTextsParams, advancedSchedulerInfoTexts: advancedSchedulerInfoTextsParams, validationTexts: validationTextsParams, switcherType, selectedTabKey, tabTexts: tabTextsParams, }: SchedulerProps): import("react/jsx-runtime").JSX.Element;
+export function Scheduler({ onUpdateSchedule, initialSchedule, testId, isDisabled, frequencyOptions: frequencyOptionsParams, daysOfWeek: daysOfWeekParams, months: monthsParams, validateArrayOfRangedNumbersOrAll: validateArrayOfRangedNumbersOrAllParams, simpleSchedulerToggleButtonText: simpleSchedulerToggleButtonTextParams, advancedSchedulerToggleButtonText: advancedSchedulerToggleButtonTextParams, simpleSchedulerModalTexts: simpleSchedulerModalTextsParams, labelTexts: labelTextsParams, advancedSchedulerInfoTexts: advancedSchedulerInfoTextsParams, validationTexts: validationTextsParams, switcherType, selectedTabKey, tabTexts: tabTextsParams, advancedSchedulerSwitcherIcon, simpleSchedulerSwitcherIcon, }: SchedulerProps): import("react/jsx-runtime").JSX.Element;
 
 export type NumbersOrWildcard = '*' | string | number;
 export type ArrayOfNumbersOrWildcard = Array<NumbersOrWildcard>;
@@ -7091,12 +7113,15 @@ export type ZoomControlsProps = {
     zoomInText?: string;
     zoomOutText?: string;
     resetText?: string;
+    zoomInIcon?: IconLookup;
+    zoomOutIcon?: IconLookup;
+    resetIcon?: IconLookup;
 };
 /** Zoom is used on graphs if you need to increase or decrease data visualization
   *  @midnight-gray-supported
   *  @alpine-light-supported
   *  */
-export default function ZoomControls({ currentZoom, onZoomIn, onZoomOut, onZoomReset, className, minZoomFactor, maxZoomFactor, testId, hidden, zoomInText, zoomOutText, resetText, }: ZoomControlsProps): import("react/jsx-runtime").JSX.Element | null;
+export default function ZoomControls({ currentZoom, onZoomIn, onZoomOut, onZoomReset, className, minZoomFactor, maxZoomFactor, testId, hidden, zoomInText, zoomOutText, resetText, zoomInIcon, zoomOutIcon, resetIcon, }: ZoomControlsProps): import("react/jsx-runtime").JSX.Element | null;
 
 export const MAX_ZOOM_FACTOR = 2;
 export const MIN_ZOOM_FACTOR = 0.5;

package/js/midnight-gray/midnight-gray.min.js

@@ -1 +1 @@
-!function(o,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.DataRobot=t():(o.DataRobot=o.DataRobot||{},o.DataRobot["midnight-gray"]=t())}(this,(()=>(()=>{var o,t={5227:()=>{}},e={};function r(o){var a=e[o];if(void 0!==a)return a.exports;var n=e[o]={exports:{}};return t[o](n,n.exports,r),n.exports}r.m=t,o=[],r.O=(t,e,a,n)=>{if(!e){var i=1/0;for(b=0;b<o.length;b++){for(var[e,a,n]=o[b],f=!0,p=0;p<e.length;p++)(!1&n||i>=n)&&Object.keys(r.O).every((o=>r.O[o](e[p])))?e.splice(p--,1):(f=!1,n<i&&(i=n));if(f){o.splice(b--,1);var s=a();void 0!==s&&(t=s)}}return t}n=n||0;for(var b=o.length;b>0&&o[b-1][2]>n;b--)o[b]=o[b-1];o[b]=[e,a,n]},r.o=(o,t)=>Object.prototype.hasOwnProperty.call(o,t),(()=>{var o={745:0,988:0};r.O.j=t=>0===o[t];var t=(t,e)=>{var a,n,[i,f,p]=e,s=0;if(i.some((t=>0!==o[t]))){for(a in f)r.o(f,a)&&(r.m[a]=f[a]);if(p)var b=p(r)}for(t&&t(e);s<i.length;s++)n=i[s],r.o(o,n)&&o[n]&&o[n][0](),o[n]=0;return r.O(b)},e=this.webpackChunkDataRobot=this.webpackChunkDataRobot||[];e.forEach(t.bind(null,0)),e.push=t.bind(null,e.push.bind(e))})();var a=r.O(void 0,[988],(()=>r(5227)));return r.O(a)})()));
+!function(o,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.DataRobot=t():(o.DataRobot=o.DataRobot||{},o.DataRobot["midnight-gray"]=t())}(this,(()=>(()=>{var o,t={7608:()=>{}},e={};function r(o){var a=e[o];if(void 0!==a)return a.exports;var n=e[o]={exports:{}};return t[o](n,n.exports,r),n.exports}r.m=t,o=[],r.O=(t,e,a,n)=>{if(!e){var i=1/0;for(b=0;b<o.length;b++){for(var[e,a,n]=o[b],f=!0,p=0;p<e.length;p++)(!1&n||i>=n)&&Object.keys(r.O).every((o=>r.O[o](e[p])))?e.splice(p--,1):(f=!1,n<i&&(i=n));if(f){o.splice(b--,1);var s=a();void 0!==s&&(t=s)}}return t}n=n||0;for(var b=o.length;b>0&&o[b-1][2]>n;b--)o[b]=o[b-1];o[b]=[e,a,n]},r.o=(o,t)=>Object.prototype.hasOwnProperty.call(o,t),(()=>{var o={745:0,988:0};r.O.j=t=>0===o[t];var t=(t,e)=>{var a,n,[i,f,p]=e,s=0;if(i.some((t=>0!==o[t]))){for(a in f)r.o(f,a)&&(r.m[a]=f[a]);if(p)var b=p(r)}for(t&&t(e);s<i.length;s++)n=i[s],r.o(o,n)&&o[n]&&o[n][0](),o[n]=0;return r.O(b)},e=this.webpackChunkDataRobot=this.webpackChunkDataRobot||[];e.forEach(t.bind(null,0)),e.push=t.bind(null,e.push.bind(e))})();var a=r.O(void 0,[988],(()=>r(7608)));return r.O(a)})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarobot/design-system",
-  "version": "28.11.0",
+  "version": "29.0.0",
   "description": "DataRobot react components library",
   "scripts": {
     "build": "node ../../tools/build-lib.js",
@@ -55,8 +55,6 @@
     "@fortawesome/free-brands-svg-icons": "6.7.1",
     "@fortawesome/free-regular-svg-icons": "6.7.1",
     "@fortawesome/free-solid-svg-icons": "6.7.1",
-    "@fortawesome/pro-regular-svg-icons": "6.7.1",
-    "@fortawesome/pro-solid-svg-icons": "6.7.1",
     "@fortawesome/react-fontawesome": "0.2.2",
     "@tanstack/react-virtual": "3.13.6",
     "codemirror": "5.65.19",

package/styles/index.css

@@ -10198,7 +10198,7 @@ td.rdtYear {
 .inline-edit-container .dr-validity-messages {
   max-width: calc(100% - 5.625rem);
 }
-.inline-edit-container .dr-form-field .dr-form-field-wrapper .dr-form-field-icon.fa-square-exclamation {
+.inline-edit-container .dr-form-field .dr-form-field-wrapper .dr-form-field-icon.fa-circle-xmark {
   color: var(--input-failure-color);
 }
 .inline-edit-container textarea {
@@ -11502,7 +11502,7 @@ button:hover.active.pill {
   align-items: center;
   width: 100%;
 }
-.sidebar-menu .dr-form-field .dr-form-field-icon.fa-square-exclamation {
+.sidebar-menu .dr-form-field .dr-form-field-icon.fa-circle-xmark {
   color: var(--input-failure-color);
 }
 .sidebar-menu .dr-form-field .sidebar-menu-item-input {