@ceed/cds 1.3.0-next.4 → 1.3.1-next.1

package/dist/components/Tabs/Tabs.d.ts

@@ -1,14 +1,16 @@
 import React from "react";
-declare const Tabs: import("@emotion/styled").StyledComponent<Omit<Omit<import("@mui/base").TabsOwnProps, "slots" | "slotProps"> & {
+declare const Tabs: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").TabsOwnProps, "slots" | "slotProps"> & {
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabsPropsColorOverrides> | undefined;
     size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabsPropsSizeOverrides> | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabsPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "orientation" | "value" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
+}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "orientation" | "value" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { Tabs };
-declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<{
+declare const Tab: React.ForwardRefExoticComponent<Omit<{
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & {
     action?: React.Ref<{
         focusVisible(): void;
     }> | undefined;
@@ -24,33 +26,12 @@ declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "onChange" | "variant" | "sx" | "disabled" | "orientation" | "action" | "value" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
+}, "color" | "onChange" | "variant" | "sx" | "disabled" | "orientation" | "action" | "value" | "component" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps> & {
     startDecorator?: React.ReactNode;
     endDecorator?: React.ReactNode;
-}, "ref"> & React.RefAttributes<HTMLElement | SVGElement>>;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Tab };
-declare const TabList: import("framer-motion").CustomDomComponent<{
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabListPropsColorOverrides> | undefined;
-    children?: React.ReactNode;
-    disableUnderline?: boolean | undefined;
-    tabFlex?: string | number | undefined;
-    underlinePlacement?: "bottom" | "left" | "right" | "top" | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabListPropsSizeOverrides> | undefined;
-    sticky?: "bottom" | "top" | undefined;
-    sx?: import("@mui/joy/styles/types").SxProps | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabListPropsVariantOverrides> | undefined;
-} & import("@mui/joy").TabListSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "variant" | "sx" | "size" | "sticky" | "disableUnderline" | "tabFlex" | "underlinePlacement" | keyof import("@mui/joy").TabListSlotsAndSlotProps>>;
+declare const TabList: import("@mui/types").OverridableComponent<import("@mui/joy").TabListTypeMap<{}, "div">>;
 export { TabList };
-declare const TabPanel: import("framer-motion").CustomDomComponent<Omit<import("@mui/base").TabPanelOwnProps, "slots" | "slotProps" | "value"> & {
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabPanelPropsColorOverrides> | undefined;
-    value?: string | number | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabPanelPropsSizeOverrides> | undefined;
-    sx?: import("@mui/joy/styles/types").SxProps | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPanelPropsVariantOverrides> | undefined;
-    keepMounted?: boolean | undefined;
-} & import("@mui/joy").TabPanelSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "className" | "variant" | "sx" | "size" | "value" | "keepMounted" | keyof import("@mui/joy").TabPanelSlotsAndSlotProps>>;
+declare const TabPanel: import("@mui/types").OverridableComponent<import("@mui/joy").TabPanelTypeMap<{}, "div">>;
 export { TabPanel };

package/dist/index.cjs

@@ -2868,6 +2868,15 @@ var InfoSign_default = InfoSign;
 function getTextAlign(props) {
   return !props.editMode && ["number", "date", "currency"].includes(props.type || "") ? "end" : "start";
 }
+var DefaultLoadingOverlay = () => /* @__PURE__ */ import_react24.default.createElement(import_joy32.LinearProgress, { value: 8, variant: "plain" });
+var TextEllipsis = (0, import_joy32.styled)("div", {
+  name: "DataTable",
+  slot: "textEllipsis"
+})({
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+});
 var OverlayWrapper = (0, import_joy32.styled)("tr", {
   name: "DataTable",
   slot: "overlayWrapper"
@@ -3090,7 +3099,7 @@ var HeadCell = (props) => {
       },
       textAlign === "end" && sortIcon,
       textAlign === "end" && infoSign,
-      /* @__PURE__ */ import_react24.default.createElement("div", null, headerName ?? field, editMode && required && /* @__PURE__ */ import_react24.default.createElement(Asterisk, null, "*")),
+      /* @__PURE__ */ import_react24.default.createElement(TextEllipsis, null, headerName ?? field, editMode && required && /* @__PURE__ */ import_react24.default.createElement(Asterisk, null, "*")),
       textAlign === "start" && infoSign,
       textAlign === "start" && sortIcon
     ),
@@ -3625,12 +3634,14 @@ function Component(props, apiRef) {
     // onSortModelChange is used in useDataTableRenderer
     initialState: _________,
     // initialState is used in useDataTableRenderer
+    getId: ____________,
+    // getId is used in useDataTableRenderer
     loading,
     slots: {
       checkbox: RenderCheckbox = Checkbox_default,
       toolbar: Toolbar,
       footer: Footer,
-      loadingOverlay: LoadingOverlay = () => /* @__PURE__ */ import_react24.default.createElement(import_joy32.LinearProgress, { value: 8, variant: "plain" })
+      loadingOverlay: LoadingOverlay = DefaultLoadingOverlay
     } = {},
     slotProps: {
       checkbox: checkboxProps = {},
@@ -5302,13 +5313,12 @@ Switch.displayName = "Switch";
 // src/components/Tabs/Tabs.tsx
 var import_react41 = __toESM(require("react"));
 var import_joy53 = require("@mui/joy");
-var import_framer_motion29 = require("framer-motion");
-var MotionTabs = (0, import_joy53.styled)((0, import_framer_motion29.motion)(import_joy53.Tabs))(({ theme }) => ({
+var StyledTabs = (0, import_joy53.styled)(import_joy53.Tabs)(({ theme }) => ({
   backgroundColor: theme.palette.background.body
 }));
-var Tabs = MotionTabs;
+var Tabs = StyledTabs;
 Tabs.displayName = "Tabs";
-var MotionTab = (0, import_joy53.styled)((0, import_framer_motion29.motion)(import_joy53.Tab))(({ theme }) => ({
+var StyledTab = (0, import_joy53.styled)(import_joy53.Tab)(({ theme }) => ({
   [`&:not(.${import_joy53.tabClasses.selected})`]: {
     color: theme.palette.neutral[700]
   },
@@ -5317,15 +5327,11 @@ var MotionTab = (0, import_joy53.styled)((0, import_framer_motion29.motion)(impo
   }
 }));
 var Tab = (0, import_react41.forwardRef)(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
-  return /* @__PURE__ */ import_react41.default.createElement(MotionTab, { ...props, ref }, startDecorator, children, endDecorator);
+  return /* @__PURE__ */ import_react41.default.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
 });
 Tab.displayName = "Tab";
-var MotionTabList = (0, import_framer_motion29.motion)(import_joy53.TabList);
-var TabList = MotionTabList;
-TabList.displayName = "TabList";
-var MotionTabPanel = (0, import_framer_motion29.motion)(import_joy53.TabPanel);
-var TabPanel = MotionTabPanel;
-TabPanel.displayName = "TabPanel";
+var TabList = import_joy53.TabList;
+var TabPanel = import_joy53.TabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
 var import_react42 = __toESM(require("react"));

package/dist/index.js

@@ -2830,6 +2830,15 @@ var InfoSign_default = InfoSign;
 function getTextAlign(props) {
   return !props.editMode && ["number", "date", "currency"].includes(props.type || "") ? "end" : "start";
 }
+var DefaultLoadingOverlay = () => /* @__PURE__ */ React22.createElement(LinearProgress, { value: 8, variant: "plain" });
+var TextEllipsis = styled11("div", {
+  name: "DataTable",
+  slot: "textEllipsis"
+})({
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+});
 var OverlayWrapper = styled11("tr", {
   name: "DataTable",
   slot: "overlayWrapper"
@@ -3052,7 +3061,7 @@ var HeadCell = (props) => {
       },
       textAlign === "end" && sortIcon,
       textAlign === "end" && infoSign,
-      /* @__PURE__ */ React22.createElement("div", null, headerName ?? field, editMode && required && /* @__PURE__ */ React22.createElement(Asterisk, null, "*")),
+      /* @__PURE__ */ React22.createElement(TextEllipsis, null, headerName ?? field, editMode && required && /* @__PURE__ */ React22.createElement(Asterisk, null, "*")),
       textAlign === "start" && infoSign,
       textAlign === "start" && sortIcon
     ),
@@ -3587,12 +3596,14 @@ function Component(props, apiRef) {
     // onSortModelChange is used in useDataTableRenderer
     initialState: _________,
     // initialState is used in useDataTableRenderer
+    getId: ____________,
+    // getId is used in useDataTableRenderer
     loading,
     slots: {
       checkbox: RenderCheckbox = Checkbox_default,
       toolbar: Toolbar,
       footer: Footer,
-      loadingOverlay: LoadingOverlay = () => /* @__PURE__ */ React22.createElement(LinearProgress, { value: 8, variant: "plain" })
+      loadingOverlay: LoadingOverlay = DefaultLoadingOverlay
     } = {},
     slotProps: {
       checkbox: checkboxProps = {},
@@ -5331,13 +5342,12 @@ import {
   styled as styled26,
   tabClasses
 } from "@mui/joy";
-import { motion as motion29 } from "framer-motion";
-var MotionTabs = styled26(motion29(JoyTabs))(({ theme }) => ({
+var StyledTabs = styled26(JoyTabs)(({ theme }) => ({
   backgroundColor: theme.palette.background.body
 }));
-var Tabs = MotionTabs;
+var Tabs = StyledTabs;
 Tabs.displayName = "Tabs";
-var MotionTab = styled26(motion29(JoyTab))(({ theme }) => ({
+var StyledTab = styled26(JoyTab)(({ theme }) => ({
   [`&:not(.${tabClasses.selected})`]: {
     color: theme.palette.neutral[700]
   },
@@ -5346,15 +5356,11 @@ var MotionTab = styled26(motion29(JoyTab))(({ theme }) => ({
   }
 }));
 var Tab = forwardRef11(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
-  return /* @__PURE__ */ React39.createElement(MotionTab, { ...props, ref }, startDecorator, children, endDecorator);
+  return /* @__PURE__ */ React39.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
 });
 Tab.displayName = "Tab";
-var MotionTabList = motion29(JoyTabList);
-var TabList = MotionTabList;
-TabList.displayName = "TabList";
-var MotionTabPanel = motion29(JoyTabPanel);
-var TabPanel = MotionTabPanel;
-TabPanel.displayName = "TabPanel";
+var TabList = JoyTabList;
+var TabPanel = JoyTabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
 import React40 from "react";