@ceed/ads 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs +23 -3
  2. package/dist/index.js +23 -3
  3. package/framer/index.js +38 -38
  4. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -324,7 +324,16 @@ var MotionAlert = (0, import_joy4.styled)((0, import_framer_motion3.motion)(impo
324
324
  function Alert(props) {
325
325
  const { title, content, actions, color = "primary", ...innerProps } = props;
326
326
  const invertedColors = props.invertedColors || props.variant === "solid";
327
- return /* @__PURE__ */ import_react3.default.createElement(MotionAlert, { ...innerProps, color, endDecorator: actions, invertedColors }, /* @__PURE__ */ import_react3.default.createElement(Stack_default, null, title && /* @__PURE__ */ import_react3.default.createElement(Typography_default, { level: "title-sm", color }, title), /* @__PURE__ */ import_react3.default.createElement(Typography_default, { level: "body-sm", color }, content)));
327
+ return /* @__PURE__ */ import_react3.default.createElement(
328
+ MotionAlert,
329
+ {
330
+ ...innerProps,
331
+ color,
332
+ endDecorator: actions,
333
+ invertedColors
334
+ },
335
+ /* @__PURE__ */ import_react3.default.createElement(Stack_default, null, title && /* @__PURE__ */ import_react3.default.createElement(Typography_default, { level: "title-md", fontWeight: "bold", color }, title), /* @__PURE__ */ import_react3.default.createElement(Typography_default, { level: "body-sm", fontWeight: 500, color }, content))
336
+ );
328
337
  }
329
338
  Alert.displayName = "Alert";
330
339
 
@@ -2901,6 +2910,15 @@ var InfoSign_default = InfoSign;
2901
2910
  function getTextAlign(props) {
2902
2911
  return !props.editMode && ["number", "date", "currency"].includes(props.type || "") ? "end" : "start";
2903
2912
  }
2913
+ var DefaultLoadingOverlay = () => /* @__PURE__ */ import_react25.default.createElement(import_joy33.LinearProgress, { value: 8, variant: "plain" });
2914
+ var TextEllipsis = (0, import_joy33.styled)("div", {
2915
+ name: "DataTable",
2916
+ slot: "textEllipsis"
2917
+ })({
2918
+ overflow: "hidden",
2919
+ textOverflow: "ellipsis",
2920
+ whiteSpace: "nowrap"
2921
+ });
2904
2922
  var OverlayWrapper = (0, import_joy33.styled)("tr", {
2905
2923
  name: "DataTable",
2906
2924
  slot: "overlayWrapper"
@@ -3123,7 +3141,7 @@ var HeadCell = (props) => {
3123
3141
  },
3124
3142
  textAlign === "end" && sortIcon,
3125
3143
  textAlign === "end" && infoSign,
3126
- /* @__PURE__ */ import_react25.default.createElement("div", null, headerName ?? field, editMode && required && /* @__PURE__ */ import_react25.default.createElement(Asterisk, null, "*")),
3144
+ /* @__PURE__ */ import_react25.default.createElement(TextEllipsis, null, headerName ?? field, editMode && required && /* @__PURE__ */ import_react25.default.createElement(Asterisk, null, "*")),
3127
3145
  textAlign === "start" && infoSign,
3128
3146
  textAlign === "start" && sortIcon
3129
3147
  ),
@@ -3658,12 +3676,14 @@ function Component(props, apiRef) {
3658
3676
  // onSortModelChange is used in useDataTableRenderer
3659
3677
  initialState: _________,
3660
3678
  // initialState is used in useDataTableRenderer
3679
+ getId: ____________,
3680
+ // getId is used in useDataTableRenderer
3661
3681
  loading,
3662
3682
  slots: {
3663
3683
  checkbox: RenderCheckbox = Checkbox_default,
3664
3684
  toolbar: Toolbar,
3665
3685
  footer: Footer,
3666
- loadingOverlay: LoadingOverlay = () => /* @__PURE__ */ import_react25.default.createElement(import_joy33.LinearProgress, { value: 8, variant: "plain" })
3686
+ loadingOverlay: LoadingOverlay = DefaultLoadingOverlay
3667
3687
  } = {},
3668
3688
  slotProps: {
3669
3689
  checkbox: checkboxProps = {},
package/dist/index.js CHANGED
@@ -222,7 +222,16 @@ var MotionAlert = styled(motion3(JoyAlert))({
222
222
  function Alert(props) {
223
223
  const { title, content, actions, color = "primary", ...innerProps } = props;
224
224
  const invertedColors = props.invertedColors || props.variant === "solid";
225
- return /* @__PURE__ */ React3.createElement(MotionAlert, { ...innerProps, color, endDecorator: actions, invertedColors }, /* @__PURE__ */ React3.createElement(Stack_default, null, title && /* @__PURE__ */ React3.createElement(Typography_default, { level: "title-sm", color }, title), /* @__PURE__ */ React3.createElement(Typography_default, { level: "body-sm", color }, content)));
225
+ return /* @__PURE__ */ React3.createElement(
226
+ MotionAlert,
227
+ {
228
+ ...innerProps,
229
+ color,
230
+ endDecorator: actions,
231
+ invertedColors
232
+ },
233
+ /* @__PURE__ */ React3.createElement(Stack_default, null, title && /* @__PURE__ */ React3.createElement(Typography_default, { level: "title-md", fontWeight: "bold", color }, title), /* @__PURE__ */ React3.createElement(Typography_default, { level: "body-sm", fontWeight: 500, color }, content))
234
+ );
226
235
  }
227
236
  Alert.displayName = "Alert";
228
237
 
@@ -2851,6 +2860,15 @@ var InfoSign_default = InfoSign;
2851
2860
  function getTextAlign(props) {
2852
2861
  return !props.editMode && ["number", "date", "currency"].includes(props.type || "") ? "end" : "start";
2853
2862
  }
2863
+ var DefaultLoadingOverlay = () => /* @__PURE__ */ React23.createElement(LinearProgress, { value: 8, variant: "plain" });
2864
+ var TextEllipsis = styled12("div", {
2865
+ name: "DataTable",
2866
+ slot: "textEllipsis"
2867
+ })({
2868
+ overflow: "hidden",
2869
+ textOverflow: "ellipsis",
2870
+ whiteSpace: "nowrap"
2871
+ });
2854
2872
  var OverlayWrapper = styled12("tr", {
2855
2873
  name: "DataTable",
2856
2874
  slot: "overlayWrapper"
@@ -3073,7 +3091,7 @@ var HeadCell = (props) => {
3073
3091
  },
3074
3092
  textAlign === "end" && sortIcon,
3075
3093
  textAlign === "end" && infoSign,
3076
- /* @__PURE__ */ React23.createElement("div", null, headerName ?? field, editMode && required && /* @__PURE__ */ React23.createElement(Asterisk, null, "*")),
3094
+ /* @__PURE__ */ React23.createElement(TextEllipsis, null, headerName ?? field, editMode && required && /* @__PURE__ */ React23.createElement(Asterisk, null, "*")),
3077
3095
  textAlign === "start" && infoSign,
3078
3096
  textAlign === "start" && sortIcon
3079
3097
  ),
@@ -3608,12 +3626,14 @@ function Component(props, apiRef) {
3608
3626
  // onSortModelChange is used in useDataTableRenderer
3609
3627
  initialState: _________,
3610
3628
  // initialState is used in useDataTableRenderer
3629
+ getId: ____________,
3630
+ // getId is used in useDataTableRenderer
3611
3631
  loading,
3612
3632
  slots: {
3613
3633
  checkbox: RenderCheckbox = Checkbox_default,
3614
3634
  toolbar: Toolbar,
3615
3635
  footer: Footer,
3616
- loadingOverlay: LoadingOverlay = () => /* @__PURE__ */ React23.createElement(LinearProgress, { value: 8, variant: "plain" })
3636
+ loadingOverlay: LoadingOverlay = DefaultLoadingOverlay
3617
3637
  } = {},
3618
3638
  slotProps: {
3619
3639
  checkbox: checkboxProps = {},