@databricks/design-system 1.9.3 → 1.10.1

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useRef, useMemo, forwardRef, useImperativeHandle, Children, useCallback, useContext, useState, useEffect, createContext } from 'react';
+import React__default, { useRef, useMemo, forwardRef, useImperativeHandle, Children, useState, useCallback, useContext, useEffect, createContext } from 'react';
 import { u as useDesignSystemTheme, a as useDesignSystemFlags, I as Icon, D as DesignSystemAntDConfigProvider, R as RestoreAntDDefaultClsPrefix, C as ChevronDownIcon, g as getAnimationCss, b as CloseIcon, c as useDesignSystemContext, A as ApplyDesignSystemContextOverrides, T as Typography, B as Button, d as CheckIcon, e as Tooltip, i as importantify, X as XCircleFillIcon, L as LoadingIcon, f as getValidationStateColor, h as Input, j as Checkbox, k as Title$2, S as Spinner, l as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, m as getDefaultStyles, n as getPrimaryStyles, o as getDisabledStyles, p as lightColorList } from './Spinner-140f57ac.js';
 export { A as ApplyDesignSystemContextOverrides, v as ApplyDesignSystemFlags, B as Button, d as CheckIcon, j as Checkbox, C as ChevronDownIcon, b as CloseIcon, l as DU_BOIS_ENABLE_ANIMATION_CLASSNAME, D as DesignSystemAntDConfigProvider, s as DesignSystemContext, t as DesignSystemProvider, I as Icon, h as Input, L as LoadingIcon, N as NewWindowIcon, R as RestoreAntDDefaultClsPrefix, x as SearchIcon, y as SortAscendingIcon, z as SortDescendingIcon, E as SortUnsortedIcon, S as Spinner, e as Tooltip, T as Typography, W as WithDesignSystemThemeHoc, X as XCircleFillIcon, H as __INTERNAL_DO_NOT_USE_DEDUPE__Group, _ as __INTERNAL_DO_NOT_USE__Group, G as __INTERNAL_DO_NOT_USE__Password, F as __INTERNAL_DO_NOT_USE__TextArea, g as getAnimationCss, q as getButtonEmotionStyles, r as getWrapperStyle, w as useAntDConfigProviderContext, a as useDesignSystemFlags, u as useDesignSystemTheme } from './Spinner-140f57ac.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
@@ -7047,6 +7047,30 @@ function ChartLineIcon(props) {
   });
 }
 
+function SvgCheckCircleBadgeIcon(props) {
+  return jsxs("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [jsx("path", {
+      d: "M10.47 5.47l1.06 1.06L7 11.06 4.47 8.53l1.06-1.06L7 8.94l3.47-3.47zM16 12.5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0z",
+      fill: "currentColor"
+    }), jsx("path", {
+      d: "M1.5 8a6.5 6.5 0 0113-.084c.54.236 1.031.565 1.452.967a8 8 0 10-7.07 7.07 5.008 5.008 0 01-.966-1.454A6.5 6.5 0 011.5 8z",
+      fill: "currentColor"
+    })]
+  });
+}
+function CheckCircleBadgeIcon(props) {
+  return jsx(Icon, {
+    ...props,
+    component: SvgCheckCircleBadgeIcon
+  });
+}
+
 function SvgCloudKeyIcon(props) {
   return jsx("svg", {
     width: "1em",
@@ -8164,7 +8188,7 @@ const Spacer = _ref => {
   });
 };
 
-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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { 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)."; }
 const DEFAULT_WIDTH$1 = 320;
 const MIN_WIDTH = 320;
 const MAX_WIDTH = '90vw';
@@ -8177,7 +8201,7 @@ var _ref2$1 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "h5yqvj-Content",
   styles: "flex-grow:1;margin-bottom:0;margin-top:0;white-space:nowrap;overflow:hidden;label:Content;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
 };
 const Content$4 = _ref => {
   let {
@@ -8826,7 +8850,7 @@ var DropdownMenu = /*#__PURE__*/Object.freeze({
   dropdownContentStyles: dropdownContentStyles
 });
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { 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)."; }
+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)."; }
 const {
   Title: Title$1,
   Paragraph
@@ -8873,7 +8897,7 @@ var _ref$2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "11tid6c-Empty",
   styles: "display:flex;justify-content:center;label:Empty;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
 };
 const Empty = props => {
   const {
@@ -10124,7 +10148,7 @@ const Space = _ref => {
   });
 };
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { 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)."; }
 const getHeaderStyles = (clsPrefix, theme) => {
   const breadcrumbClass = ".".concat(clsPrefix, "-breadcrumb");
   const styles = {
@@ -10140,7 +10164,7 @@ var _ref$1 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "gxikdi-titleAddOnsWrapper",
   styles: "display:inline-flex;vertical-align:middle;align-items:center;margin-left:8px;label:titleAddOnsWrapper;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1q4vxyr",
@@ -10148,15 +10172,15 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "ozrfom-buttonContainer",
   styles: "margin-left:8px;label:buttonContainer;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
-var _ref3$1 = process.env.NODE_ENV === "production" ? {
+var _ref3$2 = process.env.NODE_ENV === "production" ? {
   name: "s079uh",
   styles: "margin-top:2px"
 } : {
   name: "1ky5whb-titleIfOtherElementsPresent",
   styles: "margin-top:2px;label:titleIfOtherElementsPresent;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
 var _ref4$1 = process.env.NODE_ENV === "production" ? {
   name: "18hxk3h",
@@ -10164,7 +10188,7 @@ var _ref4$1 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "abhq57-title",
   styles: "margin-top:0;margin-bottom:0 !important;label:title;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
 var _ref5 = process.env.NODE_ENV === "production" ? {
   name: "1cl2a0e",
@@ -10172,7 +10196,7 @@ var _ref5 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "m9gz0x-titleWrapper",
   styles: "display:flex;align-items:flex-start;justify-content:space-between;label:titleWrapper;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
 const Header$1 = props => {
   const {
@@ -10189,7 +10213,7 @@ const Header$1 = props => {
     }, process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbWrapper;"),
     title: _ref4$1,
     // TODO: Look into a more emotion-idomatic way of doing this.
-    titleIfOtherElementsPresent: _ref3$1,
+    titleIfOtherElementsPresent: _ref3$2,
     buttonContainer: _ref2,
     titleAddOnsWrapper: _ref$1
   };
@@ -10301,6 +10325,7 @@ const Layout = /* #__PURE__ */(() => {
   return Layout;
 })();
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { 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)."; }
 function getPaginationEmotionStyles(clsPrefix, theme) {
   const classRoot = ".".concat(clsPrefix, "-pagination");
   const classItem = ".".concat(clsPrefix, "-pagination-item");
@@ -10433,6 +10458,67 @@ const Pagination = function Pagination(_ref) {
     })
   });
 };
+var _ref3$1 = process.env.NODE_ENV === "production" ? {
+  name: "1u1zie3",
+  styles: "width:120px"
+} : {
+  name: "1am9qog-CursorPagination",
+  styles: "width:120px;label:CursorPagination;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+};
+const CursorPagination = function CursorPagination(_ref2) {
+  let {
+    onNextPage,
+    onPreviousPage,
+    hasNextPage,
+    hasPreviousPage,
+    nextPageText = 'Next',
+    previousPageText = 'Previous',
+    pageSizeSelect: {
+      options: pageSizeOptions,
+      default: defaultPageSize,
+      getOptionText: getPageSizeOptionText,
+      onChange: onPageSizeChange
+    } = {}
+  } = _ref2;
+  const {
+    theme
+  } = useDesignSystemTheme();
+  const [pageSizeValue, setPageSizeValue] = useState(defaultPageSize);
+  const getPageSizeOptionTextDefault = pageSize => "".concat(pageSize, " / page");
+  return jsxs("div", {
+    css: /*#__PURE__*/css({
+      display: 'flex',
+      flexDirection: 'row',
+      gap: theme.spacing.sm
+    }, process.env.NODE_ENV === "production" ? "" : ";label:CursorPagination;"),
+    children: [jsx(Button, {
+      icon: jsx(ChevronLeftIcon, {}),
+      disabled: !hasPreviousPage,
+      onClick: onPreviousPage,
+      type: "tertiary",
+      children: previousPageText
+    }), jsx(Button, {
+      endIcon: jsx(ChevronRightIcon, {}),
+      disabled: !hasNextPage,
+      onClick: onNextPage,
+      type: "tertiary",
+      children: nextPageText
+    }), pageSizeOptions && jsx(Select, {
+      value: String(pageSizeValue),
+      css: _ref3$1,
+      onChange: pageSize => {
+        const updatedPageSize = Number(pageSize);
+        onPageSizeChange === null || onPageSizeChange === void 0 ? void 0 : onPageSizeChange(updatedPageSize);
+        setPageSizeValue(updatedPageSize);
+      },
+      children: pageSizeOptions.map(pageSize => jsx(Select.Option, {
+        value: String(pageSize),
+        children: (getPageSizeOptionText || getPageSizeOptionTextDefault)(pageSize)
+      }, pageSize))
+    })]
+  });
+};
 
 const getTableEmotionStyles = (classNamePrefix, theme, scrollableInFlexibleContainer) => {
   const styles = [/*#__PURE__*/css({
@@ -12885,5 +12971,5 @@ const Tree = /*#__PURE__*/forwardRef(function Tree(_ref, ref) {
   });
 });
 
-export { Accordion, AccordionPanel, Alert, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsUpDownIcon, AutoComplete, BarChartIcon, BeakerIcon, BinaryIcon, BoldIcon, BookIcon, BookmarkFillIcon, BookmarkIcon, BracketsCurlyIcon, BracketsSquareIcon, BracketsXIcon, Breadcrumb, BriefcaseFillIcon, BriefcaseIcon, CalendarEventIcon, CalendarIcon, CaretDownSquareIcon, CaretUpSquareIcon, CatalogIcon, ChartLineIcon, CheckCircleFillIcon, CheckCircleIcon, CheckLineIcon, ChecklistIcon, ChevronDoubleDownIcon, ChevronDoubleLeftIcon, ChevronDoubleRightIcon, ChevronDoubleUpIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDownloadIcon, CloudIcon, CloudKeyIcon, CloudModelIcon, CloudOffIcon, CloudUploadIcon, CodeIcon, Col, ColorFillIcon, ConnectIcon, Content, CopyIcon, CursorIcon, DIcon, DagIcon, DangerFillIcon, DangerIcon, DangerModal, DashIcon, DashboardIcon, DataIcon, DatabaseIcon, DecimalIcon, DotsCircleIcon, DownloadIcon, DragIcon, Drawer, Dropdown, DropdownMenu, DuboisDatePicker, Empty, ExpandLessIcon, ExpandMoreIcon, FileCodeIcon, FileDocumentIcon, FileIcon, FileImageIcon, FileModelIcon, FilterIcon, FolderFillIcon, FolderIcon, FontIcon, ForkIcon, Form, FormDubois, FormUI, FullscreenExitIcon, FullscreenIcon, GearFillIcon, GearIcon, GiftIcon, GridDashIcon, GridIcon, H1Icon, H2Icon, H3Icon, Header$1 as Header, HistoryIcon, HomeIcon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfinityIcon, InfoFillIcon, InfoIcon, ItalicIcon, KeyboardIcon, LayerIcon, Layout, LegacyDatePicker, LegacyTable, LettersIcon, LightningIcon, LinkIcon, LinkOffIcon, ListBorderIcon, ListIcon, LockFillIcon, LockIcon, LockUnlockedIcon, MIcon, Menu, MenuIcon, MinusBoxIcon, MinusCircleFillIcon, MinusCircleIcon, Modal, ModelsIcon, Nav, NavButton, NoIcon, NotebookIcon, NotificationIcon, NotificationOffIcon, NotificationV2, NumbersIcon, OfficeIcon, OptGroup, Option, OverflowIcon, PageBottomIcon, PageFirstIcon, PageLastIcon, PageTopIcon, PageWrapper, Pagination, Panel, PanelBody, PanelHeader, PanelHeaderButtons, PanelHeaderTitle, PencilIcon, PinCancelIcon, PinFillIcon, PinIcon, PlayCircleFillIcon, PlayCircleIcon, PlayIcon, PlugIcon, PlusCircleFillIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, Popover, PopoverV2, QueryEditorIcon, QueryIcon, QuestionMarkFillIcon, QuestionMarkIcon, RHFControlledComponents, ROW_GUTTER_SIZE, Radio, ReaderModeIcon, RedoIcon, RefreshIcon, ReposIcon, Row, SaveIcon, SchoolIcon, SecurityIcon, SegmentedControlButton, SegmentedControlGroup, Select, ShareIcon, Sidebar, SidebarAutoIcon, SidebarCollapseIcon, SidebarExpandIcon, SidebarIcon, Skeleton, SlidersIcon, Space, Spacer, SpeechBubbleIcon, SpeechBubblePlusIcon, SplitButton, StarFillIcon, StarIcon, StopCircleFillIcon, StopCircleIcon, StopIcon, StorefrontIcon, StreamIcon, Switch, SyncIcon, TabPane, Table, TableIcon, Tabs, Tag, ToggleButton, TrashIcon, Tree, TreeIcon, UnderlineIcon, UndoIcon, UploadIcon, UsbIcon, UserBadgeIcon, UserCircleIcon, UserGroupIcon, UserIcon, VariableIcon, VisibleIcon, VisibleOffIcon, WarningFillIcon, WarningIcon, WorkspacesIcon, XCircleIcon, ZoomInIcon, ZoomOutIcon, __INTERNAL_DO_NOT_USE__FormItem, __INTERNAL_DO_NOT_USE__HorizontalGroup, __INTERNAL_DO_NOT_USE__VerticalGroup, getPaginationEmotionStyles, getRadioStyles, getTabEmotionStyles, useNotification, useThemedStyles, withNotifications };
+export { Accordion, AccordionPanel, Alert, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsUpDownIcon, AutoComplete, BarChartIcon, BeakerIcon, BinaryIcon, BoldIcon, BookIcon, BookmarkFillIcon, BookmarkIcon, BracketsCurlyIcon, BracketsSquareIcon, BracketsXIcon, Breadcrumb, BriefcaseFillIcon, BriefcaseIcon, CalendarEventIcon, CalendarIcon, CaretDownSquareIcon, CaretUpSquareIcon, CatalogIcon, ChartLineIcon, CheckCircleBadgeIcon, CheckCircleFillIcon, CheckCircleIcon, CheckLineIcon, ChecklistIcon, ChevronDoubleDownIcon, ChevronDoubleLeftIcon, ChevronDoubleRightIcon, ChevronDoubleUpIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDownloadIcon, CloudIcon, CloudKeyIcon, CloudModelIcon, CloudOffIcon, CloudUploadIcon, CodeIcon, Col, ColorFillIcon, ConnectIcon, Content, CopyIcon, CursorIcon, CursorPagination, DIcon, DagIcon, DangerFillIcon, DangerIcon, DangerModal, DashIcon, DashboardIcon, DataIcon, DatabaseIcon, DecimalIcon, DotsCircleIcon, DownloadIcon, DragIcon, Drawer, Dropdown, DropdownMenu, DuboisDatePicker, Empty, ExpandLessIcon, ExpandMoreIcon, FileCodeIcon, FileDocumentIcon, FileIcon, FileImageIcon, FileModelIcon, FilterIcon, FolderFillIcon, FolderIcon, FontIcon, ForkIcon, Form, FormDubois, FormUI, FullscreenExitIcon, FullscreenIcon, GearFillIcon, GearIcon, GiftIcon, GridDashIcon, GridIcon, H1Icon, H2Icon, H3Icon, Header$1 as Header, HistoryIcon, HomeIcon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfinityIcon, InfoFillIcon, InfoIcon, ItalicIcon, KeyboardIcon, LayerIcon, Layout, LegacyDatePicker, LegacyTable, LettersIcon, LightningIcon, LinkIcon, LinkOffIcon, ListBorderIcon, ListIcon, LockFillIcon, LockIcon, LockUnlockedIcon, MIcon, Menu, MenuIcon, MinusBoxIcon, MinusCircleFillIcon, MinusCircleIcon, Modal, ModelsIcon, Nav, NavButton, NoIcon, NotebookIcon, NotificationIcon, NotificationOffIcon, NotificationV2, NumbersIcon, OfficeIcon, OptGroup, Option, OverflowIcon, PageBottomIcon, PageFirstIcon, PageLastIcon, PageTopIcon, PageWrapper, Pagination, Panel, PanelBody, PanelHeader, PanelHeaderButtons, PanelHeaderTitle, PencilIcon, PinCancelIcon, PinFillIcon, PinIcon, PlayCircleFillIcon, PlayCircleIcon, PlayIcon, PlugIcon, PlusCircleFillIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, Popover, PopoverV2, QueryEditorIcon, QueryIcon, QuestionMarkFillIcon, QuestionMarkIcon, RHFControlledComponents, ROW_GUTTER_SIZE, Radio, ReaderModeIcon, RedoIcon, RefreshIcon, ReposIcon, Row, SaveIcon, SchoolIcon, SecurityIcon, SegmentedControlButton, SegmentedControlGroup, Select, ShareIcon, Sidebar, SidebarAutoIcon, SidebarCollapseIcon, SidebarExpandIcon, SidebarIcon, Skeleton, SlidersIcon, Space, Spacer, SpeechBubbleIcon, SpeechBubblePlusIcon, SplitButton, StarFillIcon, StarIcon, StopCircleFillIcon, StopCircleIcon, StopIcon, StorefrontIcon, StreamIcon, Switch, SyncIcon, TabPane, Table, TableIcon, Tabs, Tag, ToggleButton, TrashIcon, Tree, TreeIcon, UnderlineIcon, UndoIcon, UploadIcon, UsbIcon, UserBadgeIcon, UserCircleIcon, UserGroupIcon, UserIcon, VariableIcon, VisibleIcon, VisibleOffIcon, WarningFillIcon, WarningIcon, WorkspacesIcon, XCircleIcon, ZoomInIcon, ZoomOutIcon, __INTERNAL_DO_NOT_USE__FormItem, __INTERNAL_DO_NOT_USE__HorizontalGroup, __INTERNAL_DO_NOT_USE__VerticalGroup, getPaginationEmotionStyles, getRadioStyles, getTabEmotionStyles, useNotification, useThemedStyles, withNotifications };
 //# sourceMappingURL=index.js.map