@ceed/ads 0.0.59 → 0.0.61

package/framer/index.js

@@ -34612,9 +34612,50 @@ function Accordions(props) {
 }
 Accordions.displayName = "Accordions";
 
-// src/components/Box/Box.tsx
+// src/components/FormControl/FormControl.tsx
 import { motion as motion2 } from "framer-motion";
-var MotionBox = motion2(Box_default);
+var MotionFormControl = motion2(FormControl_default);
+var FormControl3 = MotionFormControl;
+FormControl3.displayName = "FormControl";
+
+// src/components/FormControl/index.ts
+var FormControl_default2 = FormControl3;
+
+// src/components/FormLabel/FormLabel.tsx
+import { motion as motion3 } from "framer-motion";
+var MotionFormLabel = motion3(FormLabel_default);
+var FormLabel3 = MotionFormLabel;
+FormLabel3.displayName = "FormLabel";
+
+// src/components/FormLabel/index.ts
+var FormLabel_default2 = FormLabel3;
+
+// src/components/FormHelperText/FormHelperText.tsx
+import { motion as motion4 } from "framer-motion";
+var MotionFormHelperText = motion4(FormHelperText_default);
+var FormHelperText3 = MotionFormHelperText;
+FormHelperText3.displayName = "FormHelperText";
+
+// src/components/FormHelperText/index.ts
+var FormHelperText_default2 = FormHelperText3;
+
+// src/components/Autocomplete/Autocomplete.tsx
+function Autocomplete3(props) {
+  const _a = props, { label, error, helperText, color: color2, size } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size"]);
+  if (label) {
+    return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, children: [
+      /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
+      /* @__PURE__ */ jsx2(Autocomplete_default, __spreadValues({}, innerProps)),
+      helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
+    ] });
+  }
+  return /* @__PURE__ */ jsx2(Autocomplete_default, __spreadProps(__spreadValues({}, innerProps), { color: color2, size }));
+}
+Autocomplete3.displayName = "Autocomplete";
+
+// src/components/Box/Box.tsx
+import { motion as motion5 } from "framer-motion";
+var MotionBox = motion5(Box_default);
 var Box2 = MotionBox;
 Box2.displayName = "Box";
 
@@ -34623,8 +34664,8 @@ var Box_default2 = Box2;
 
 // src/components/Button/Button.tsx
 import { forwardRef as forwardRef79 } from "react";
-import { motion as motion3 } from "framer-motion";
-var MotionButton = motion3(Button_default);
+import { motion as motion6 } from "framer-motion";
+var MotionButton = motion6(Button_default);
 var Button3 = forwardRef79(
   (props, ref) => {
     return /* @__PURE__ */ jsx2(
@@ -35588,11 +35629,11 @@ var ChevronRight_default = createSvgIcon2(/* @__PURE__ */ _jsx105("path", {
 }), "ChevronRight");
 
 // src/components/Calendar/Calendar.tsx
-import { AnimatePresence, motion as motion6 } from "framer-motion";
+import { AnimatePresence, motion as motion9 } from "framer-motion";
 
 // src/components/Typography/Typography.tsx
-import { motion as motion4 } from "framer-motion";
-var MotionTypography = motion4(Typography_default);
+import { motion as motion7 } from "framer-motion";
+var MotionTypography = motion7(Typography_default);
 var Typography3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionTypography, __spreadValues({}, props));
 };
@@ -35672,8 +35713,8 @@ var isSameMonth = (date1, date2) => {
 };
 
 // src/components/IconButton/IconButton.tsx
-import { motion as motion5 } from "framer-motion";
-var MotionIconButton = motion5(IconButton_default);
+import { motion as motion8 } from "framer-motion";
+var MotionIconButton = motion8(IconButton_default);
 var IconButton3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionIconButton, __spreadValues({}, props));
 };
@@ -36002,18 +36043,17 @@ var CalendarHeader = styled_default2("div", {
 var CalendarViewContainer = styled_default2("div", {
   name: "Calendar",
   slot: "viewContainer"
-})(({ theme }) => ({
+})(({ theme, viewType }) => ({
   paddingLeft: theme.spacing(1),
   paddingRight: theme.spacing(1),
   position: "relative",
   overflow: "hidden",
-  minHeight: "250px"
+  minHeight: viewType === "day" ? "250px" : "unset"
 }));
-var CalendarViewTable = styled_default2(motion6.table, {
+var CalendarViewTable = styled_default2(motion9.table, {
   name: "Calendar",
   slot: "viewTable"
 })(({ theme }) => ({
-  position: "absolute",
   borderSpacing: 0,
   "& td, & th": {
     padding: 0
@@ -36165,12 +36205,14 @@ var variants = {
     };
   },
   center: {
+    position: "relative",
     zIndex: 1,
     x: 0,
     opacity: 1
   },
   exit: (direction) => {
     return {
+      position: "absolute",
       zIndex: 0,
       x: direction < 0 ? 300 : -300,
       opacity: 0
@@ -36192,7 +36234,7 @@ var PickerDays = (props) => {
     () => getWeekdayNames(ownerState.locale || "default"),
     [ownerState.locale]
   );
-  return /* @__PURE__ */ jsx2(CalendarViewContainer, { children: /* @__PURE__ */ jsx2(AnimatePresence, { initial: false, custom: ownerState.direction, children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx2(CalendarViewContainer, { viewType: "day", children: /* @__PURE__ */ jsx2(AnimatePresence, { initial: false, custom: ownerState.direction, children: /* @__PURE__ */ jsxs2(
     CalendarViewTable,
     {
       custom: ownerState.direction,
@@ -36271,7 +36313,7 @@ var PickerMonths = (props) => {
     },
     [[]]
   );
-  return /* @__PURE__ */ jsx2(CalendarViewContainer, { children: /* @__PURE__ */ jsx2(AnimatePresence, { initial: false, custom: ownerState.direction, children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx2(CalendarViewContainer, { viewType: "month", children: /* @__PURE__ */ jsx2(AnimatePresence, { initial: false, custom: ownerState.direction, children: /* @__PURE__ */ jsx2(
     CalendarViewTable,
     {
       custom: ownerState.direction,
@@ -36378,8 +36420,8 @@ Calendar.displayName = "Calendar";
 var Calendar_default = Calendar;
 
 // src/components/Checkbox/Checkbox.tsx
-import { motion as motion7 } from "framer-motion";
-var MotionCheckbox = motion7(Checkbox_default);
+import { motion as motion10 } from "framer-motion";
+var MotionCheckbox = motion10(Checkbox_default);
 var Checkbox3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionCheckbox, __spreadValues({}, props));
 };
@@ -36435,8 +36477,8 @@ import {
 } from "react";
 
 // src/components/Sheet/Sheet.tsx
-import { motion as motion8 } from "framer-motion";
-var MotionSheet = motion8(Sheet_default);
+import { motion as motion11 } from "framer-motion";
+var MotionSheet = motion11(Sheet_default);
 var Sheet3 = MotionSheet;
 Sheet3.displayName = "Sheet";
 
@@ -36527,8 +36569,8 @@ function TableBody(props) {
 TableBody.displayName = "TableBody";
 
 // src/components/Stack/Stack.tsx
-import { motion as motion9 } from "framer-motion";
-var MotionStack = motion9(Stack_default);
+import { motion as motion12 } from "framer-motion";
+var MotionStack = motion12(Stack_default);
 var Stack2 = MotionStack;
 Stack2.displayName = "Stack";
 
@@ -36701,11 +36743,11 @@ function useDataTableRenderer({
   rows,
   columns,
   rowCount: totalRowsProp,
+  paginationMode,
   paginationModel,
   onPaginationModelChange,
   selectionModel = [],
-  onSelectionModelChange,
-  stickyHeader
+  onSelectionModelChange
 }) {
   const [page, setPage] = useState25((paginationModel == null ? void 0 : paginationModel.page) || 1);
   const pageSize2 = (paginationModel == null ? void 0 : paginationModel.pageSize) || 20;
@@ -36714,8 +36756,8 @@ function useDataTableRenderer({
     [selectionModel]
   );
   const dataInPage = useMemo35(
-    () => rows.slice((page - 1) * pageSize2, (page - 1) * pageSize2 + pageSize2),
-    [rows, page, pageSize2]
+    () => paginationMode === "server" ? rows : rows.slice((page - 1) * pageSize2, (page - 1) * pageSize2 + pageSize2),
+    [rows, page, pageSize2, paginationMode]
   );
   const isAllSelected = useMemo35(
     () => dataInPage.length > 0 && dataInPage.every(
@@ -36752,26 +36794,6 @@ function useDataTableRenderer({
     pageSize: pageSize2,
     onPaginationModelChange: handlePageChange,
     HeadCell,
-    // HeadCell: useCallback(
-    //   (column: Column<any>) => {
-    //     const ref = useRef<HTMLTableCellElement>(null);
-    //     const style = {
-    //       width: column.width,
-    //       minWidth: column.minWidth ?? "50px",
-    //       maxWidth: column.maxWidth,
-    //       textAlign: column.type === "number" ? "end" : "start",
-    //       position: stickyHeader ? undefined : "relative",
-    //     } as React.CSSProperties;
-    //     const resizer = column.resizable ?? true ? Resizer(ref) : null;
-    //     return (
-    //       <th ref={ref} key={column.field as string} style={style}>
-    //         {column.headerName ?? (column.field as string)}
-    //         {resizer}
-    //       </th>
-    //     );
-    //   },
-    //   [stickyHeader, columns]
-    // ),
     dataInPage,
     isAllSelected,
     // all rows are selected on this page
@@ -36808,7 +36830,8 @@ function useDataTableRenderer({
     ),
     onTotalSelect: useCallback26(() => {
       onSelectionModelChange == null ? void 0 : onSelectionModelChange(
-        isTotalSelected ? [] : rows.map((_4, i) => `${i}`)
+        isTotalSelected ? [] : rows.map((_4, i) => `${i}`),
+        isTotalSelected
       );
     }, [isTotalSelected, rows, onSelectionModelChange])
   };
@@ -36888,14 +36911,14 @@ function DataTable(props) {
               ] }),
               /* @__PURE__ */ jsxs2(Button_default2, { size: "sm", variant: "plain", onClick: onTotalSelect, children: [
                 "Select all ",
-                numberFormatter(rows.length),
+                numberFormatter(rowCount != null ? rowCount : rows.length),
                 " items"
               ] })
             ] }),
             isTotalSelected && /* @__PURE__ */ jsxs2(Stack_default2, { direction: "row", spacing: 1, alignItems: "center", children: [
               /* @__PURE__ */ jsxs2(Typography_default2, { level: "body-xs", children: [
                 "All ",
-                numberFormatter(rows.length),
+                numberFormatter(rowCount != null ? rowCount : rows.length),
                 " items are selected."
               ] }),
               /* @__PURE__ */ jsx2(
@@ -40613,35 +40636,6 @@ var CalendarToday_default = createSvgIcon2(/* @__PURE__ */ _jsx106("path", {
 
 // src/components/Input/Input.tsx
 import { motion as motion13 } from "framer-motion";
-
-// src/components/FormControl/FormControl.tsx
-import { motion as motion10 } from "framer-motion";
-var MotionFormControl = motion10(FormControl_default);
-var FormControl3 = MotionFormControl;
-FormControl3.displayName = "FormControl";
-
-// src/components/FormControl/index.ts
-var FormControl_default2 = FormControl3;
-
-// src/components/FormLabel/FormLabel.tsx
-import { motion as motion11 } from "framer-motion";
-var MotionFormLabel = motion11(FormLabel_default);
-var FormLabel3 = MotionFormLabel;
-FormLabel3.displayName = "FormLabel";
-
-// src/components/FormLabel/index.ts
-var FormLabel_default2 = FormLabel3;
-
-// src/components/FormHelperText/FormHelperText.tsx
-import { motion as motion12 } from "framer-motion";
-var MotionFormHelperText = motion12(FormHelperText_default);
-var FormHelperText3 = MotionFormHelperText;
-FormHelperText3.displayName = "FormHelperText";
-
-// src/components/FormHelperText/index.ts
-var FormHelperText_default2 = FormHelperText3;
-
-// src/components/Input/Input.tsx
 var MotionInput = motion13(Input_default);
 var Input3 = (props) => {
   const _a = props, { label, helperText, error, style: style4, size, color: color2 } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "style", "size", "color"]);
@@ -41511,6 +41505,19 @@ Tooltip3.displayName = "Tooltip";
 // src/components/Autocomplete/Autocomplete.framer.ts
 import { ControlType } from "framer";
 var autocompletePropertyControls = {
+  label: {
+    title: "Label",
+    type: ControlType.String
+  },
+  helperText: {
+    title: "Helper Text",
+    type: ControlType.String
+  },
+  error: {
+    title: "Error",
+    type: ControlType.Boolean,
+    defaultValue: false
+  },
   options: {
     title: "Options",
     type: ControlType.Array,
@@ -42566,12 +42573,12 @@ var textareaPropertyControls = {
 // src/components/Typography/Typography.framer.ts
 import { ControlType as ControlType27 } from "framer";
 var typographyPropertyControls = {
-  // color: {
-  //     title: "Color",
-  //     type: ControlType.Enum,
-  //     options: ["primary", "neutral", "danger", "success", "warning"],
-  //     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
-  // },
+  textAlign: {
+    title: "Text Align",
+    type: ControlType27.Enum,
+    options: ["start", "center", "end"],
+    defaultValue: "start"
+  },
   level: {
     title: "Level",
     type: ControlType27.Enum,
@@ -42626,7 +42633,7 @@ export {
   AccordionSummary3 as AccordionSummary,
   Accordions,
   AspectRatio_default as AspectRatio,
-  Autocomplete_default as Autocomplete,
+  Autocomplete3 as Autocomplete,
   AutocompleteListbox_default as AutocompleteListbox,
   AutocompleteOption_default as AutocompleteOption,
   Avatar_default as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/ads",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",