@raystack/apsara 0.14.3 → 0.14.5

package/dist/index.cjs

@@ -28197,7 +28197,7 @@ const Calendar = function ({ className, classNames, showOutsideDays = true, ...p
         }, className: root$1({ className }), ...props }));
 };
 
-var styles$5 = {"textfield":"textfield-module_textfield__u4AGg","textfield-sm":"textfield-module_textfield-sm__OKPic","textfield-md":"textfield-module_textfield-md__e2ayW","textfield-invlid":"textfield-module_textfield-invlid__zo9MF","textfield-valid":"textfield-module_textfield-valid__6rMM9","textfield-leading":"textfield-module_textfield-leading__AE-ld","textfield-trailing":"textfield-module_textfield-trailing__Hj2jX"};
+var styles$5 = {"textfield":"textfield-module_textfield__u4AGg","textfield-sm":"textfield-module_textfield-sm__OKPic","textfield-md":"textfield-module_textfield-md__e2ayW","textfield-invlid":"textfield-module_textfield-invlid__zo9MF","textfield-valid":"textfield-module_textfield-valid__6rMM9","textfield-leading":"textfield-module_textfield-leading__AE-ld","textfield-trailing":"textfield-module_textfield-trailing__Hj2jX","leadingIcon":"textfield-module_leadingIcon__u-GJ6","trailingIcon":"textfield-module_trailingIcon__q-49S"};
 
 const textfield = cva(styles$5.textfield, {
     variants: {
@@ -28223,13 +28223,13 @@ const textfield = cva(styles$5.textfield, {
 const TextField = React.forwardRef(({ leading, trailing, className, src, size, state, style, ...props }, ref) => {
     const hasLeadingElement = Boolean(leading);
     const hasTrailingElement = Boolean(trailing);
-    return (jsxRuntimeExports$1.jsxs(Flex, { align: "center", style: { position: "relative", width: "100%" }, children: [hasLeadingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { position: "absolute", left: "8px" }, children: leading })) : null, jsxRuntimeExports$1.jsx("input", { className: cx(textfield({
+    return (jsxRuntimeExports$1.jsxs(Flex, { align: "center", style: { position: "relative", width: "100%" }, children: [hasLeadingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { left: "8px" }, className: styles$5.leadingIcon, children: leading })) : null, jsxRuntimeExports$1.jsx("input", { className: cx(textfield({
                     size,
                     state,
                     className,
                     hasLeadingElement,
                     hasTrailingElement,
-                })), ...props, ref: ref }), hasTrailingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { position: "absolute", right: "8px" }, children: trailing })) : null] }));
+                })), ...props, ref: ref }), hasTrailingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { right: "8px" }, className: styles$5.trailingIcon, children: trailing })) : null] }));
 });
 TextField.displayName = "TextField";
 
@@ -31750,7 +31750,7 @@ function DataTableClearFilter({ children, ...props }) {
     return (jsxRuntimeExports$1.jsx(Button$1, { variant: "ghost", onClick: () => {
             table.resetColumnFilters();
             resetColumns();
-        }, style: { width: "100%" }, ...props, children: children || (jsxRuntimeExports$1.jsxs(Flex, { gap: "small", align: "center", justify: "center", children: ["Clear filters ", jsxRuntimeExports$1.jsx(Cross2Icon, { width: 12, height: "12" })] })) }));
+        }, ...props, children: children || (jsxRuntimeExports$1.jsxs(Flex, { gap: "small", align: "center", justify: "center", style: { textWrap: "nowrap" }, children: ["Clear filters ", jsxRuntimeExports$1.jsx(Cross2Icon, { width: 12, height: "12" })] })) }));
 }
 
 function DataTableFilterOptions({ children, ...props }) {
@@ -31966,15 +31966,14 @@ const getFilterValueType = ({ filterOperation, columnType, }) => {
         return filterValueTypeMap.text;
     }
 };
-const FilterValues = ({ columnType = filterValueTypeMap.text, options = [], onValueChange, filterOperation, ...props }) => {
-    const [value, setValue] = React.useState({
-        value: "",
-        date: new Date(),
-        dateRange: {
-            to: new Date(),
-            from: new Date(),
-        },
-    });
+const FilterValues = ({ column, columnType = filterValueTypeMap.text, options = [], onValueChange, filterOperation, ...props }) => {
+    const [value, setValue] = React.useState(column?.columnDef?.meta?.defaultValue
+        ? { value: (column?.columnDef.meta).defaultValue }
+        : {
+            value: "",
+            date: new Date(),
+            dateRange: { to: new Date(), from: new Date() },
+        });
     const valueType = getFilterValueType({ filterOperation, columnType });
     React.useEffect(() => {
         if (onValueChange) {
@@ -32028,7 +32027,7 @@ const FilteredChip = ({ column, updateColumnCustomFilter, }) => {
         setFilterOperation(undefined);
         setFilterValue({});
     }
-    return (jsxRuntimeExports$1.jsxs(Box, { className: styles$4.chip, children: [jsxRuntimeExports$1.jsx(Text, { className: styles$4.filterText, children: columnName }), jsxRuntimeExports$1.jsx(Operation, { columnType: filterVariant, onOperationSelect: setFilterOperation }), filterOperation?.hideValueField ? null : (jsxRuntimeExports$1.jsx(FilterValues, { columnType: filterVariant, options: options, onValueChange: setFilterValue, filterOperation: filterOperation })), jsxRuntimeExports$1.jsx(Flex, { children: jsxRuntimeExports$1.jsx(Cross1Icon, { height: "12", width: "12", onClick: removeFilter }) })] }));
+    return (jsxRuntimeExports$1.jsxs(Box, { className: styles$4.chip, children: [jsxRuntimeExports$1.jsx(Text, { className: styles$4.filterText, children: columnName }), jsxRuntimeExports$1.jsx(Operation, { columnType: filterVariant, onOperationSelect: setFilterOperation }), filterOperation?.hideValueField ? null : (jsxRuntimeExports$1.jsx(FilterValues, { column: column, columnType: filterVariant, options: options, onValueChange: setFilterValue, filterOperation: filterOperation })), jsxRuntimeExports$1.jsx(Flex, { children: jsxRuntimeExports$1.jsx(Cross1Icon, { height: "12", width: "12", onClick: removeFilter }) })] }));
 };
 
 function DataTableFilterChips(props) {