@databricks/design-system 1.5.1 → 1.5.2

package/dist/design-system/Notification/Notification.d.ts

@@ -9,4 +9,25 @@ export interface NotificationProps extends Omit<AntDNotificationArgs, 'bottom' |
     type: NotificationType;
 }
 export declare function useNotification(): [NotificationInstance, React.ReactElement];
+/**
+ * A type wrapping given component interface with props returned by withNotifications() HOC
+ *
+ * @deprecated Please migrate components to functional components and use useNotification() hook instead.
+ */
+export declare type WithNotificationsHOCProps<T> = T & {
+    notificationAPI: NotificationInstance;
+    notificationContextHolder: React.ReactElement;
+};
+/**
+ * A higher-order component factory function, enables using notifications in
+ * class components in a similar way to useNotification() hook. Wrapped component will have
+ * additional "notificationAPI" and "notificationContextHolder" props injected containing
+ * the notification API object and context holder react node respectively.
+ *
+ * The wrapped component can implement WithNotificationsHOCProps<OwnProps> type which
+ * enriches the component's interface with the mentioned props.
+ *
+ * @deprecated Please migrate components to functional components and use useNotification() hook instead.
+ */
+export declare const withNotifications: <P, T>(Component: import("react").ComponentType<WithNotificationsHOCProps<P>>) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P> & import("react").RefAttributes<T>>;
 //# sourceMappingURL=Notification.d.ts.map

package/dist/design-system/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/design-system/Notification/Notification.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EACV,SAAS,IAAI,oBAAoB,EACjC,QAAQ,IAAI,YAAY,EACxB,oBAAoB,IAAI,wBAAwB,EACjD,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,oBAAY,gBAAgB,GAAG,YAAY,CAAC;AAC5C,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACpE,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CACR,oBAAoB,EACpB,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CACrF,EACD,uBAAuB,CAAC,oBAAoB,CAAC;IAC/C,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAID,wBAAgB,eAAe,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,YAAY,CAAC,CA4C5E"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/design-system/Notification/Notification.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EACV,SAAS,IAAI,oBAAoB,EACjC,QAAQ,IAAI,YAAY,EACxB,oBAAoB,IAAI,wBAAwB,EACjD,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,oBAAY,gBAAgB,GAAG,YAAY,CAAC;AAC5C,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACpE,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CACR,oBAAoB,EACpB,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CACrF,EACD,uBAAuB,CAAC,oBAAoB,CAAC;IAC/C,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAID,wBAAgB,eAAe,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,YAAY,CAAC,CA4C5E;AAOD;;;;GAIG;AACH,oBAAY,yBAAyB,CAAC,CAAC,IAAI,CAAC,GAAG;IAC7C,eAAe,EAAE,oBAAoB,CAAC;IACtC,yBAAyB,EAAE,KAAK,CAAC,YAAY,CAAC;CAC/C,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,oMAW1B,CAAC"}

package/dist/index.js

@@ -31703,6 +31703,7 @@ function OperationNode(_ref, ref) {
       editable = _ref.editable,
       tabBarGutter = _ref.tabBarGutter,
       rtl = _ref.rtl,
+      getPopupContainer = _ref.getPopupContainer,
       onTabClick = _ref.onTabClick; // ======================== Dropdown ========================
 
   var _useState = useState(false),
@@ -31827,6 +31828,7 @@ function OperationNode(_ref, ref) {
     transitionName: moreTransitionName,
     onVisibleChange: setOpen,
     overlayClassName: overlayClassName,
+    getPopupContainer: getPopupContainer,
     mouseEnterDelay: 0.1,
     mouseLeaveDelay: 0.1
   }, /*#__PURE__*/React.createElement("button", {
@@ -32663,6 +32665,7 @@ function Tabs$2(_ref, ref) {
       onChange = _ref.onChange,
       onTabClick = _ref.onTabClick,
       onTabScroll = _ref.onTabScroll,
+      getPopupContainer = _ref.getPopupContainer,
       restProps = _objectWithoutProperties$1(_ref, ["id", "prefixCls", "className", "children", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "moreIcon", "moreTransitionName", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll"]);
 
   var tabs = parseTabList(children);
@@ -32784,7 +32787,8 @@ function Tabs$2(_ref, ref) {
     onTabScroll: onTabScroll,
     extra: tabBarExtraContent,
     style: tabBarStyle,
-    panes: children
+    panes: children,
+    getPopupContainer: getPopupContainer
   });
 
   if (renderTabBar) {
@@ -32841,7 +32845,8 @@ function Tabs$1(_a) {
 
   var _React$useContext = React.useContext(ConfigContext),
       getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
+      direction = _React$useContext.direction,
+      getPopupContainer = _React$useContext.getPopupContainer;
 
   var prefixCls = getPrefixCls('tabs', customizePrefixCls);
   var editable;
@@ -32867,6 +32872,7 @@ function Tabs$1(_a) {
     var size = propSize !== undefined ? propSize : contextSize;
     return /*#__PURE__*/React.createElement(ForwardTabs, _extends$1({
       direction: direction,
+      getPopupContainer: getPopupContainer,
       moreTransitionName: "".concat(rootPrefixCls, "-slide-up")
     }, props, {
       className: classNames((_classNames = {}, _defineProperty$4(_classNames, "".concat(prefixCls, "-").concat(size), size), _defineProperty$4(_classNames, "".concat(prefixCls, "-card"), ['card', 'editable-card'].includes(type)), _defineProperty$4(_classNames, "".concat(prefixCls, "-editable-card"), type === 'editable-card'), _defineProperty$4(_classNames, "".concat(prefixCls, "-centered"), centered), _classNames), className),
@@ -56346,6 +56352,32 @@ const defaultProps = {
   type: 'info',
   duration: 3
 };
+/**
+ * A type wrapping given component interface with props returned by withNotifications() HOC
+ *
+ * @deprecated Please migrate components to functional components and use useNotification() hook instead.
+ */
+
+/**
+ * A higher-order component factory function, enables using notifications in
+ * class components in a similar way to useNotification() hook. Wrapped component will have
+ * additional "notificationAPI" and "notificationContextHolder" props injected containing
+ * the notification API object and context holder react node respectively.
+ *
+ * The wrapped component can implement WithNotificationsHOCProps<OwnProps> type which
+ * enriches the component's interface with the mentioned props.
+ *
+ * @deprecated Please migrate components to functional components and use useNotification() hook instead.
+ */
+const withNotifications = Component => /*#__PURE__*/forwardRef((props, ref) => {
+  const [notificationAPI, notificationContextHolder] = useNotification();
+  return jsx(Component, {
+    ref: ref,
+    notificationAPI: notificationAPI,
+    notificationContextHolder: notificationContextHolder,
+    ...props
+  });
+});
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
@@ -58377,5 +58409,5 @@ Typography.Title = Title;
 Typography.Paragraph = Paragraph;
 Typography.Link = Link;
 
-export { AIcon, Alert, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, ApplyDesignSystemFlags, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsUpDownIcon, AutoComplete, BarChartIcon, BeakerIcon, BookIcon, BookmarkBorderIcon, BookmarkFillIcon, Breadcrumb, BriefcaseFillIcon, BriefcaseIcon, Button, CalendarEventIcon, CalendarIcon, CaretDownSquareIcon, CaretUpSquareIcon, CheckCircleBorderIcon, CheckCircleFillIcon, CheckIcon, CheckLineIcon, Checkbox, ChecklistIcon, ChevronDoubleDownIcon, ChevronDoubleLeftIcon, ChevronDoubleRightIcon, ChevronDoubleUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardIcon, Clock1Icon, ClockIcon, CloseIcon, CloudDownloadIcon, CloudIcon, CloudOffIcon, CloudUploadIcon, ClusterIcon, ClustersIcon, CodeIcon, Col, Collapse, CollapsePanel, CopyIcon, DIcon, DU_BOIS_ENABLE_ANIMATION_CLASSNAME, DangerModal, DashIcon, DashboardIcon, DataIcon, DatabaseIcon, DesignSystemContext, DesignSystemProvider, DownloadIcon, DragIcon, Dropdown, DropdownMenu, DuboisDatePicker, ErrorBorderIcon, ErrorFillIcon, ExpandLessIcon, ExpandMoreIcon, ExperimentIcon, FeatureStoreIcon, FileCodeIcon, FileDocumentIcon, FileIcon, FileImageIcon, FileModelIcon, FilterIcon, Folder1Icon, FolderIcon, ForkIcon, Form, FormDubois, FullscreenExitIcon, FullscreenIcon, Gear1Icon, GearIcon, GridDashIcon, GridIcon, H1Icon, H2Icon, H3Icon, Header$1 as Header, HistoryIcon, HomeIcon, Icon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfinityIcon, InfoBorderIcon, InfoFillIcon, Input, KeyboardIcon, LayerIcon, Layout, LegacyDatePicker, LifesaverIcon, LightningIcon, LinkIcon, LinkRemoveIcon, ListBorderIcon, ListIcon, LoadingIcon, LockBorderIcon, LockFillIcon, LockUnlockedIcon, MIcon, Menu, MinusBoxIcon, MinusCircleBorderIcon, MinusCircleFillIcon, Modal, ModelsIcon, NewWindowIcon, NoIcon, NotebookIcon, NotificationIcon, NotificationsIcon, OfficeIcon, OptGroup, Option, OverflowIcon, PageBottomIcon, PageFirstIcon, PageLastIcon, PageTopIcon, PageWrapper, Pagination, PencilIcon, PinBorderIcon, PinCancelIcon, PinFillIcon, PinXIcon, PlayCircleBorderIcon, PlayCircleFillIcon, PlayIcon, PlusCircleBorderIcon, PlusCircleFillIcon, PlusIcon, PlusSquareIcon, Popover, QueryEditorIcon, QueryIcon, QueryListViewIcon, QueryNavIcon, QuestionMarkBorderIcon, QuestionMarkFillIcon, ROW_GUTTER_SIZE, Radio, ReaderModeIcon, ReposIcon, Row, SchoolIcon, Search1Icon, SearchIcon, SecurityIcon, SegmentedControlButton, SegmentedControlGroup, Select, ShareIcon, SidebarAutoIcon, SidebarCollapseIcon, SidebarExpandIcon, SidebarIcon, Skeleton, Space, Spacer, SpeechBubbleIcon, SpeechBubblePlusIcon, Spinner, SplitButton, StarBorderIcon, StarFillIcon, StopCircleBorderIcon, StopCricleFillIcon, StopIcon, StreamIcon, Switch, SyncIcon, TabPane, Table, TableIcon, Tabs, Tag, Tooltip, TrashIcon, Tree, TreeIcon, Typography, UploadIcon, UsbIcon, UserBadgeIcon, UserCircleIcon, UserGroupIcon, UserIcon, VideosIcon, Visible, VisibleOff, WarningBorderIcon, WarningFillIcon, WithDesignSystemThemeHoc, XCircleBorderIcon, XCircleFillIcon, ZoomInIcon, ZoomOutIcon, __INTERNAL_DO_NOT_USE__FormItem, __INTERNAL_DO_NOT_USE__Group, __INTERNAL_DO_NOT_USE__HorizontalGroup, __INTERNAL_DO_NOT_USE__Password, __INTERNAL_DO_NOT_USE__TextArea, __INTERNAL_DO_NOT_USE__VerticalGroup, getAnimationCss, getButtonEmotionStyles, getPaginationEmotionStyles, getTabEmotionStyles, useDesignSystemFlags, useDesignSystemTheme, useNotification, useThemedStyles };
+export { AIcon, Alert, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, ApplyDesignSystemFlags, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsUpDownIcon, AutoComplete, BarChartIcon, BeakerIcon, BookIcon, BookmarkBorderIcon, BookmarkFillIcon, Breadcrumb, BriefcaseFillIcon, BriefcaseIcon, Button, CalendarEventIcon, CalendarIcon, CaretDownSquareIcon, CaretUpSquareIcon, CheckCircleBorderIcon, CheckCircleFillIcon, CheckIcon, CheckLineIcon, Checkbox, ChecklistIcon, ChevronDoubleDownIcon, ChevronDoubleLeftIcon, ChevronDoubleRightIcon, ChevronDoubleUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardIcon, Clock1Icon, ClockIcon, CloseIcon, CloudDownloadIcon, CloudIcon, CloudOffIcon, CloudUploadIcon, ClusterIcon, ClustersIcon, CodeIcon, Col, Collapse, CollapsePanel, CopyIcon, DIcon, DU_BOIS_ENABLE_ANIMATION_CLASSNAME, DangerModal, DashIcon, DashboardIcon, DataIcon, DatabaseIcon, DesignSystemContext, DesignSystemProvider, DownloadIcon, DragIcon, Dropdown, DropdownMenu, DuboisDatePicker, ErrorBorderIcon, ErrorFillIcon, ExpandLessIcon, ExpandMoreIcon, ExperimentIcon, FeatureStoreIcon, FileCodeIcon, FileDocumentIcon, FileIcon, FileImageIcon, FileModelIcon, FilterIcon, Folder1Icon, FolderIcon, ForkIcon, Form, FormDubois, FullscreenExitIcon, FullscreenIcon, Gear1Icon, GearIcon, GridDashIcon, GridIcon, H1Icon, H2Icon, H3Icon, Header$1 as Header, HistoryIcon, HomeIcon, Icon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfinityIcon, InfoBorderIcon, InfoFillIcon, Input, KeyboardIcon, LayerIcon, Layout, LegacyDatePicker, LifesaverIcon, LightningIcon, LinkIcon, LinkRemoveIcon, ListBorderIcon, ListIcon, LoadingIcon, LockBorderIcon, LockFillIcon, LockUnlockedIcon, MIcon, Menu, MinusBoxIcon, MinusCircleBorderIcon, MinusCircleFillIcon, Modal, ModelsIcon, NewWindowIcon, NoIcon, NotebookIcon, NotificationIcon, NotificationsIcon, OfficeIcon, OptGroup, Option, OverflowIcon, PageBottomIcon, PageFirstIcon, PageLastIcon, PageTopIcon, PageWrapper, Pagination, PencilIcon, PinBorderIcon, PinCancelIcon, PinFillIcon, PinXIcon, PlayCircleBorderIcon, PlayCircleFillIcon, PlayIcon, PlusCircleBorderIcon, PlusCircleFillIcon, PlusIcon, PlusSquareIcon, Popover, QueryEditorIcon, QueryIcon, QueryListViewIcon, QueryNavIcon, QuestionMarkBorderIcon, QuestionMarkFillIcon, ROW_GUTTER_SIZE, Radio, ReaderModeIcon, ReposIcon, Row, SchoolIcon, Search1Icon, SearchIcon, SecurityIcon, SegmentedControlButton, SegmentedControlGroup, Select, ShareIcon, SidebarAutoIcon, SidebarCollapseIcon, SidebarExpandIcon, SidebarIcon, Skeleton, Space, Spacer, SpeechBubbleIcon, SpeechBubblePlusIcon, Spinner, SplitButton, StarBorderIcon, StarFillIcon, StopCircleBorderIcon, StopCricleFillIcon, StopIcon, StreamIcon, Switch, SyncIcon, TabPane, Table, TableIcon, Tabs, Tag, Tooltip, TrashIcon, Tree, TreeIcon, Typography, UploadIcon, UsbIcon, UserBadgeIcon, UserCircleIcon, UserGroupIcon, UserIcon, VideosIcon, Visible, VisibleOff, WarningBorderIcon, WarningFillIcon, WithDesignSystemThemeHoc, XCircleBorderIcon, XCircleFillIcon, ZoomInIcon, ZoomOutIcon, __INTERNAL_DO_NOT_USE__FormItem, __INTERNAL_DO_NOT_USE__Group, __INTERNAL_DO_NOT_USE__HorizontalGroup, __INTERNAL_DO_NOT_USE__Password, __INTERNAL_DO_NOT_USE__TextArea, __INTERNAL_DO_NOT_USE__VerticalGroup, getAnimationCss, getButtonEmotionStyles, getPaginationEmotionStyles, getTabEmotionStyles, useDesignSystemFlags, useDesignSystemTheme, useNotification, useThemedStyles, withNotifications };
 //# sourceMappingURL=index.js.map