@mittwald/flow-react-components 0.2.0-alpha.802 → 0.2.0-alpha.803

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 (37) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/assets/doc-properties.json +2421 -2383
  3. package/dist/css/all.css +1 -1
  4. package/dist/js/_virtual/_.locale.json@aaaa2422dd023a875e13abc0d3d178ce.mjs +26 -0
  5. package/dist/js/_virtual/_.locale.json@aaaa2422dd023a875e13abc0d3d178ce.mjs.map +1 -0
  6. package/dist/js/flr-universal.mjs +5 -3
  7. package/dist/js/flr-universal.mjs.map +1 -1
  8. package/dist/js/packages/components/src/components/Calendar/Calendar.module.scss.mjs +5 -1
  9. package/dist/js/packages/components/src/components/Calendar/Calendar.module.scss.mjs.map +1 -1
  10. package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/RangeCalendar.mjs +40 -6
  11. package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/RangeCalendar.mjs.map +1 -1
  12. package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.mjs +186 -0
  13. package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.mjs.map +1 -0
  14. package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/types.mjs.map +1 -1
  15. package/dist/js/packages/components/src/components/DatePicker/DatePicker.mjs +10 -1
  16. package/dist/js/packages/components/src/components/DatePicker/DatePicker.mjs.map +1 -1
  17. package/dist/js/packages/components/src/components/DateRangePicker/DateRangePicker.mjs +24 -9
  18. package/dist/js/packages/components/src/components/DateRangePicker/DateRangePicker.mjs.map +1 -1
  19. package/dist/js/packages/components/src/components/Label/Label.mjs +4 -4
  20. package/dist/js/packages/components/src/components/Label/Label.mjs.map +1 -1
  21. package/dist/js/packages/components/src/components/Label/Label.module.scss.mjs +2 -2
  22. package/dist/js/packages/components/src/components/List/model/filter/DateRangeFilter.mjs +10 -0
  23. package/dist/js/packages/components/src/components/List/model/filter/DateRangeFilter.mjs.map +1 -1
  24. package/dist/js/packages/components/src/components/Switch/Switch.mjs +2 -2
  25. package/dist/js/packages/components/src/components/Switch/Switch.mjs.map +1 -1
  26. package/dist/types/components/Calendar/components/RangeCalendar/RangeCalendar.d.ts +2 -1
  27. package/dist/types/components/Calendar/components/RangeCalendar/RangeCalendar.d.ts.map +1 -1
  28. package/dist/types/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.d.ts +8 -0
  29. package/dist/types/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.d.ts.map +1 -0
  30. package/dist/types/components/Calendar/components/RangeCalendar/types.d.ts +1 -0
  31. package/dist/types/components/Calendar/components/RangeCalendar/types.d.ts.map +1 -1
  32. package/dist/types/components/DatePicker/DatePicker.d.ts.map +1 -1
  33. package/dist/types/components/DateRangePicker/DateRangePicker.d.ts +2 -0
  34. package/dist/types/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  35. package/dist/types/components/DateRangePicker/stories/Default.stories.d.ts +2 -0
  36. package/dist/types/components/DateRangePicker/stories/Default.stories.d.ts.map +1 -1
  37. package/package.json +6 -6
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangeFilter.mjs","sources":["../../../../../../../../../src/components/List/model/filter/DateRangeFilter.tsx"],"sourcesContent":["import type { ColumnDef } from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport { Filter } from \"./Filter\";\nimport type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\n\nimport type { DateRange, RangeValue } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\nimport {\n isDateRangeValue,\n type RangeCalendarProps,\n} from \"@/components/Calendar\";\nimport { dateRangeFilterFn } from \"@/components/List/model/filter/dateRangeFilterFn\";\n\nexport class DateRangeFilter<\n T = never,\n TProp extends PropertyName<T> = never,\n> extends Filter<T, TProp> {\n public readonly dateRangeOptions?: RangeCalendarProps;\n\n public constructor(list: List<T>, shape: FilterShape<T, TProp, never>) {\n super(list, shape);\n this.dateRangeOptions = shape.dateRangeOptions;\n }\n\n public override updateTableColumnDef(def: ColumnDef<T>): void {\n def.enableColumnFilter = true;\n def.filterFn = dateRangeFilterFn;\n }\n\n public override getValue(): DateRange | null {\n const value = this.getTableColumnFilter()?.value;\n return isDateRangeValue(value) ? value : null;\n }\n\n public setValue(range: RangeValue<DateValue>) {\n this.list.reactTable.getTableColumn(this.property).setFilterValue(range);\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAcO,MAAM,wBAGH,MAAA,CAAiB;AAAA,EACT,gBAAA;AAAA,EAET,WAAA,CAAY,MAAe,KAAA,EAAqC;AACrE,IAAA,KAAA,CAAM,MAAM,KAAK,CAAA;AACjB,IAAA,IAAA,CAAK,mBAAmB,KAAA,CAAM,gBAAA;AAAA,EAChC;AAAA,EAEgB,qBAAqB,GAAA,EAAyB;AAC5D,IAAA,GAAA,CAAI,kBAAA,GAAqB,IAAA;AACzB,IAAA,GAAA,CAAI,QAAA,GAAW,iBAAA;AAAA,EACjB;AAAA,EAEgB,QAAA,GAA6B;AAC3C,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,oBAAA,EAAqB,EAAG,KAAA;AAC3C,IAAA,OAAO,gBAAA,CAAiB,KAAK,CAAA,GAAI,KAAA,GAAQ,IAAA;AAAA,EAC3C;AAAA,EAEO,SAAS,KAAA,EAA8B;AAC5C,IAAA,IAAA,CAAK,KAAK,UAAA,CAAW,cAAA,CAAe,KAAK,QAAQ,CAAA,CAAE,eAAe,KAAK,CAAA;AAAA,EACzE;AACF;;;;"}
1
+ {"version":3,"file":"DateRangeFilter.mjs","sources":["../../../../../../../../../src/components/List/model/filter/DateRangeFilter.tsx"],"sourcesContent":["import type { ColumnDef } from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport { Filter } from \"./Filter\";\nimport type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\n\nimport type { DateRange, RangeValue } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\nimport {\n isDateRangeValue,\n type RangeCalendarProps,\n} from \"@/components/Calendar\";\nimport { dateRangeFilterFn } from \"@/components/List/model/filter/dateRangeFilterFn\";\n\nexport class DateRangeFilter<\n T = never,\n TProp extends PropertyName<T> = never,\n> extends Filter<T, TProp> {\n public readonly dateRangeOptions?: RangeCalendarProps;\n\n public constructor(list: List<T>, shape: FilterShape<T, TProp, never>) {\n super(list, shape);\n this.dateRangeOptions = shape.dateRangeOptions;\n }\n\n public override updateTableColumnDef(def: ColumnDef<T>): void {\n def.enableColumnFilter = true;\n def.filterFn = dateRangeFilterFn;\n }\n\n public override getValue(): DateRange | null {\n const value = this.getTableColumnFilter()?.value;\n return isDateRangeValue(value) ? value : null;\n }\n\n public setValue(range: RangeValue<DateValue>) {\n this.list.reactTable.getTableColumn(this.property).setFilterValue(range);\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,wBAGH,MAAA,CAAiB;AAAA,EACT,gBAAA;AAAA,EAET,WAAA,CAAY,MAAe,KAAA,EAAqC;AACrE,IAAA,KAAA,CAAM,MAAM,KAAK,CAAA;AACjB,IAAA,IAAA,CAAK,mBAAmB,KAAA,CAAM,gBAAA;AAAA,EAChC;AAAA,EAEgB,qBAAqB,GAAA,EAAyB;AAC5D,IAAA,GAAA,CAAI,kBAAA,GAAqB,IAAA;AACzB,IAAA,GAAA,CAAI,QAAA,GAAW,iBAAA;AAAA,EACjB;AAAA,EAEgB,QAAA,GAA6B;AAC3C,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,oBAAA,EAAqB,EAAG,KAAA;AAC3C,IAAA,OAAO,gBAAA,CAAiB,KAAK,CAAA,GAAI,KAAA,GAAQ,IAAA;AAAA,EAC3C;AAAA,EAEO,SAAS,KAAA,EAA8B;AAC5C,IAAA,IAAA,CAAK,KAAK,UAAA,CAAW,cAAA,CAAe,KAAK,QAAQ,CAAA,CAAE,eAAe,KAAK,CAAA;AAAA,EACzE;AACF;;;;"}
@@ -15,7 +15,7 @@ import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
15
15
  import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
16
16
  import '../../lib/propsContext/propsContext.mjs';
17
17
  import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
18
- import labelStyles from '../Label/Label.module.scss.mjs';
18
+ import styles$1 from '../Label/Label.module.scss.mjs';
19
19
  import { useObjectRef } from 'react-aria';
20
20
 
21
21
  const Switch = flowComponent("Switch", (props) => {
@@ -48,7 +48,7 @@ const Switch = flowComponent("Switch", (props) => {
48
48
  return /* @__PURE__ */ jsxs("div", { ...fieldProps, children: [
49
49
  /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsx(Aria.Switch, { ...rest, className: rootClassName, inputRef: objectRef, children: ({ isSelected }) => /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
50
50
  /* @__PURE__ */ jsx("div", { className: styles.track, children: /* @__PURE__ */ jsx("div", { className: styles.handle, children: isSelected ? /* @__PURE__ */ jsx(IconCheck, { size: "s" }) : /* @__PURE__ */ jsx(IconClose, { size: "s" }) }) }),
51
- /* @__PURE__ */ jsx("div", { className: labelStyles.label, children })
51
+ /* @__PURE__ */ jsx("div", { className: styles$1.label, children })
52
52
  ] }) }) }),
53
53
  /* @__PURE__ */ jsx(FieldErrorView, {})
54
54
  ] });
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.mjs","sources":["../../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport labelStyles from \"../Label/Label.module.scss\";\nimport { useObjectRef } from \"react-aria\";\n\nexport interface SwitchProps\n extends\n PropsWithChildren<Omit<Aria.SwitchProps, \"children\" | \"inputRef\">>,\n FlowComponentProps<HTMLInputElement> {\n /**\n * Whether the label should appear before or after the switch. @default\n * \"trailing\"\n */\n labelPosition?: \"leading\" | \"trailing\";\n}\n\n/** @flr-generate all */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n const {\n children,\n className,\n labelPosition = \"trailing\",\n ref,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.switch,\n className,\n styles[`label-${labelPosition}`],\n );\n\n const objectRef = useObjectRef(ref);\n\n const {\n FieldErrorView,\n FieldErrorCaptureContext,\n fieldPropsContext,\n fieldProps,\n } = useFieldComponent(props);\n\n const propsContext: PropsContext = {\n ...fieldPropsContext,\n Label: {\n ...fieldPropsContext.Label,\n optional: false,\n },\n };\n\n return (\n <div {...fieldProps}>\n <FieldErrorCaptureContext>\n <Aria.Switch {...rest} className={rootClassName} inputRef={objectRef}>\n {({ isSelected }) => (\n <PropsContextProvider props={propsContext}>\n <div className={styles.track}>\n <div className={styles.handle}>\n {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n </div>\n </div>\n <div className={labelStyles.label}>{children}</div>\n </PropsContextProvider>\n )}\n </Aria.Switch>\n </FieldErrorCaptureContext>\n <FieldErrorView />\n </div>\n );\n});\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAwBO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA,GAAgB,UAAA;AAAA,IAChB,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,SAAA;AAAA,IACA,MAAA,CAAO,CAAA,MAAA,EAAS,aAAa,CAAA,CAAE;AAAA,GACjC;AAEA,EAAA,MAAM,SAAA,GAAY,aAAa,GAAG,CAAA;AAElC,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,GAAG,iBAAA;AAAA,IACH,KAAA,EAAO;AAAA,MACL,GAAG,iBAAA,CAAkB,KAAA;AAAA,MACrB,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAK,GAAG,UAAA,EACP,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,4BACC,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,QAAL,EAAa,GAAG,MAAM,SAAA,EAAW,aAAA,EAAe,QAAA,EAAU,SAAA,EACxD,WAAC,EAAE,UAAA,uBACF,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,KAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,MAAA,EACpB,QAAA,EAAA,UAAA,uBAAc,SAAA,EAAA,EAAU,IAAA,EAAK,KAAI,CAAA,mBAAK,GAAA,CAAC,aAAU,IAAA,EAAK,GAAA,EAAI,GAC7D,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,WAAA,CAAY,OAAQ,QAAA,EAAS;AAAA,KAAA,EAC/C,GAEJ,CAAA,EACF,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA;AAEJ,CAAC;;;;"}
1
+ {"version":3,"file":"Switch.mjs","sources":["../../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport labelStyles from \"../Label/Label.module.scss\";\nimport { useObjectRef } from \"react-aria\";\n\nexport interface SwitchProps\n extends\n PropsWithChildren<Omit<Aria.SwitchProps, \"children\" | \"inputRef\">>,\n FlowComponentProps<HTMLInputElement> {\n /**\n * Whether the label should appear before or after the switch. @default\n * \"trailing\"\n */\n labelPosition?: \"leading\" | \"trailing\";\n}\n\n/** @flr-generate all */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n const {\n children,\n className,\n labelPosition = \"trailing\",\n ref,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.switch,\n className,\n styles[`label-${labelPosition}`],\n );\n\n const objectRef = useObjectRef(ref);\n\n const {\n FieldErrorView,\n FieldErrorCaptureContext,\n fieldPropsContext,\n fieldProps,\n } = useFieldComponent(props);\n\n const propsContext: PropsContext = {\n ...fieldPropsContext,\n Label: {\n ...fieldPropsContext.Label,\n optional: false,\n },\n };\n\n return (\n <div {...fieldProps}>\n <FieldErrorCaptureContext>\n <Aria.Switch {...rest} className={rootClassName} inputRef={objectRef}>\n {({ isSelected }) => (\n <PropsContextProvider props={propsContext}>\n <div className={styles.track}>\n <div className={styles.handle}>\n {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n </div>\n </div>\n <div className={labelStyles.label}>{children}</div>\n </PropsContextProvider>\n )}\n </Aria.Switch>\n </FieldErrorCaptureContext>\n <FieldErrorView />\n </div>\n );\n});\n\nexport default Switch;\n"],"names":["labelStyles"],"mappings":";;;;;;;;;;;;;;;;;;AAwBO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA,GAAgB,UAAA;AAAA,IAChB,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,SAAA;AAAA,IACA,MAAA,CAAO,CAAA,MAAA,EAAS,aAAa,CAAA,CAAE;AAAA,GACjC;AAEA,EAAA,MAAM,SAAA,GAAY,aAAa,GAAG,CAAA;AAElC,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,GAAG,iBAAA;AAAA,IACH,KAAA,EAAO;AAAA,MACL,GAAG,iBAAA,CAAkB,KAAA;AAAA,MACrB,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAK,GAAG,UAAA,EACP,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,4BACC,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,QAAL,EAAa,GAAG,MAAM,SAAA,EAAW,aAAA,EAAe,QAAA,EAAU,SAAA,EACxD,WAAC,EAAE,UAAA,uBACF,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,KAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,MAAA,EACpB,QAAA,EAAA,UAAA,uBAAc,SAAA,EAAA,EAAU,IAAA,EAAK,KAAI,CAAA,mBAAK,GAAA,CAAC,aAAU,IAAA,EAAK,GAAA,EAAI,GAC7D,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAY,OAAQ,QAAA,EAAS;AAAA,KAAA,EAC/C,GAEJ,CAAA,EACF,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA;AAEJ,CAAC;;;;"}
@@ -1,6 +1,7 @@
1
1
  import { FC } from 'react';
2
+ import { DateRangePickerProps } from '../../../DateRangePicker';
2
3
  import * as Aria from "react-aria-components";
3
- export type RangeCalendarProps = Omit<Aria.RangeCalendarProps<Aria.DateValue>, "children">;
4
+ export type RangeCalendarProps = Omit<Aria.RangeCalendarProps<Aria.DateValue>, "children"> & Pick<DateRangePickerProps, "withDatePickerPresets">;
4
5
  /** @flr-generate all */
5
6
  export declare const RangeCalendar: FC<RangeCalendarProps>;
6
7
  export default RangeCalendar;
@@ -1 +1 @@
1
- {"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Calendar/components/RangeCalendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAK9C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,EACvC,UAAU,CACX,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAahD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Calendar/components/RangeCalendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAQ9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,EACvC,UAAU,CACX,GACC,IAAI,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,CAAC;AA4CtD,wBAAwB;AACxB,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAShD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { CalendarDate } from '@internationalized/date';
2
+ export interface DateRangePresetItem {
3
+ start: CalendarDate;
4
+ end: CalendarDate;
5
+ label: string;
6
+ }
7
+ export type DateRangePresets = DateRangePresetItem[];
8
+ //# sourceMappingURL=useCalendarDateRangePresets.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCalendarDateRangePresets.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAkB,MAAM,yBAAyB,CAAC;AAOvE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,YAAY,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { DateRange } from 'react-aria-components';
2
+ export type { DateRangePresets, DateRangePresetItem, } from './helpers/useCalendarDateRangePresets';
2
3
  export declare function isDateRangeValue(value: unknown): value is DateRange;
3
4
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Calendar/components/RangeCalendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,SAAS,CAOnE"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Calendar/components/RangeCalendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,YAAY,EACV,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,uCAAuC,CAAC;AAE/C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,SAAS,CAOnE"}
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAI9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAK9C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CACxE,SACE,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC,EACpE,kBAAkB,CAAC,eAAe,CAAC;CAAG;AAE1C,wBAAwB;AACxB,eAAO,MAAM,UAAU,qHA4CrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAI9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAK9C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CACxE,SACE,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC,EACpE,kBAAkB,CAAC,eAAe,CAAC;CAAG;AAE1C,wBAAwB;AACxB,eAAO,MAAM,UAAU,qHA2CrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
@@ -1,7 +1,9 @@
1
1
  import { PropsWithChildren } from 'react';
2
+ import { DateRangePresets } from '../Calendar';
2
3
  import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
3
4
  import * as Aria from "react-aria-components";
4
5
  export interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue> extends PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, "children" | "ref">>, FlowComponentProps<HTMLSpanElement> {
6
+ withDatePickerPresets?: boolean | DateRangePresets;
5
7
  }
6
8
  /** @flr-generate all */
7
9
  export declare const DateRangePicker: import('react').FunctionComponent<DateRangePickerProps<Aria.DateValue> & import('react').RefAttributes<HTMLSpanElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAK9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAI9C,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAC7E,SACE,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC,EACzE,kBAAkB,CAAC,eAAe,CAAC;CAAG;AAE1C,wBAAwB;AACxB,eAAO,MAAM,eAAe,0HA2C1B,CAAC;AAEH,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,uBAAuB,CAAC;AAG7E,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAO9C,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAC7E,SACE,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC,EACzE,kBAAkB,CAAC,eAAe,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;CACpD;AAED,wBAAwB;AACxB,eAAO,MAAM,eAAe,0HAsD1B,CAAC;AAEH,eAAe,eAAe,CAAC"}
@@ -7,4 +7,6 @@ export declare const Default: Story;
7
7
  export declare const Disabled: Story;
8
8
  export declare const Invalid: Story;
9
9
  export declare const FutureDatesOnly: Story;
10
+ export declare const WithDefaultPresets: Story;
11
+ export declare const WithCustomPresets: Story;
10
12
  //# sourceMappingURL=Default.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateRangePicker/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAM3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAQtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC"}
1
+ {"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateRangePicker/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAW3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAQtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.2.0-alpha.802",
3
+ "version": "0.2.0-alpha.803",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://mittwald.github.io/flow",
@@ -60,9 +60,9 @@
60
60
  "@codemirror/lint": "^6.9.5",
61
61
  "@internationalized/string": "^3.2.7",
62
62
  "@lezer/highlight": "^1.2.3",
63
- "@mittwald/flow-icons": "0.2.0-alpha.802",
63
+ "@mittwald/flow-icons": "0.2.0-alpha.803",
64
64
  "@mittwald/password-tools-js": "3.0.0-alpha.29",
65
- "@mittwald/react-tunnel": "0.2.0-alpha.802",
65
+ "@mittwald/react-tunnel": "0.2.0-alpha.803",
66
66
  "@mittwald/react-use-promise": "^4.2.2",
67
67
  "@react-aria/form": "^3.1.3",
68
68
  "@react-aria/i18n": "^3.12.16",
@@ -116,7 +116,7 @@
116
116
  "@lezer/generator": "^1.8.0",
117
117
  "@lezer/lr": "^1.4.8",
118
118
  "@mittwald/flow-core": "",
119
- "@mittwald/flow-design-tokens": "0.2.0-alpha.802",
119
+ "@mittwald/flow-design-tokens": "0.2.0-alpha.803",
120
120
  "@mittwald/flow-icons-base": "",
121
121
  "@mittwald/react-use-promise": "^4.2.2",
122
122
  "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
@@ -169,7 +169,7 @@
169
169
  },
170
170
  "peerDependencies": {
171
171
  "@internationalized/date": "^3.10.0",
172
- "@mittwald/flow-icons-pro": "0.2.0-alpha.801",
172
+ "@mittwald/flow-icons-pro": "0.2.0-alpha.802",
173
173
  "@mittwald/react-use-promise": "^4.2.2",
174
174
  "next": "*",
175
175
  "react": "^19.2.0",
@@ -190,5 +190,5 @@
190
190
  "optional": true
191
191
  }
192
192
  },
193
- "gitHead": "2cac152dc4d8870b1c1d8dbd45f70da19b9ef8ec"
193
+ "gitHead": "320b78782b0a09d8abe27b3de519ed0a25db4ad8"
194
194
  }