Add dateRangeSumField function to docs

jakubknejzlik · Sep 6, 2024 · 4c9fbfc · 4c9fbfc
1 parent 36a5a27
commit 4c9fbfc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/stories/3_Function.stories.mdx b/src/stories/3_Function.stories.mdx
@@ -95,6 +95,14 @@ Execute logic based on conditions:
 
 <QueryPreview code={`Fn.if(Cond.equal('status', 'active'), 'Yes', 'No');`} />
 
+### Advanced functions
+
+**DateRange sum field**
+
+<QueryPreview
+  code={`Fn.dateRangeSumField({dateColumn:"date",valueColumn:"amount",dateFrom:dayjs().startOf('year'),dateTo:dayjs().endOf('month')})`}
+/>
+
 ## Advanced Usage
 
 Combining functions to create complex expressions:

diff --git a/src/stories/QueryPreview.tsx b/src/stories/QueryPreview.tsx
@@ -3,6 +3,7 @@ import { themes } from "prism-react-renderer";
 import React, { useState } from "react";
 import { LiveEditor, LiveError, LivePreview, LiveProvider } from "react-live";
 import * as components from "../index";
+import dayjs from "dayjs";
 
 interface QueryPreviewProps {
   code: string;
@@ -17,6 +18,7 @@ export const QueryPreview = ({ code }: QueryPreviewProps) => {
         code={`const query = ${state.code};\nrender(<>{query.toSQL(Q.flavors.mysql)}</>)`}
         scope={{
           ...components,
+          dayjs,
         }}
         noInline={true}
       >