@apexcura/ui-components 0.0.14-Beta273 → 0.0.14-Beta275

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 (5) hide show
  1. package/dist/index.d.mts +1 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +23 -10
  4. package/dist/index.mjs +23 -10
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -75,6 +75,7 @@ type ElementType = {
75
75
  minRows?: number;
76
76
  maxRows?: number;
77
77
  mode?: "multiple" | "tags" | undefined;
78
+ picker?: "date" | "week" | "month" | "quarter" | "year";
78
79
  };
79
80
 
80
81
  declare const TextElement: (props: ElementType) => React$1.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -75,6 +75,7 @@ type ElementType = {
75
75
  minRows?: number;
76
76
  maxRows?: number;
77
77
  mode?: "multiple" | "tags" | undefined;
78
+ picker?: "date" | "week" | "month" | "quarter" | "year";
78
79
  };
79
80
 
80
81
  declare const TextElement: (props: ElementType) => React$1.JSX.Element;
package/dist/index.js CHANGED
@@ -864,7 +864,8 @@ var DatePickerElement = (props) => {
864
864
  placeholder: props.placeholder,
865
865
  value: dateState,
866
866
  format: { format: "DD-MM-YYYY" },
867
- onChange: handleChange
867
+ onChange: handleChange,
868
+ picker: props.picker
868
869
  }
869
870
  ));
870
871
  };
@@ -873,9 +874,8 @@ var DatePickerElement = (props) => {
873
874
  var import_react21 = __toESM(require("react"));
874
875
  var import_antd15 = require("antd");
875
876
  var import_dayjs2 = __toESM(require("dayjs"));
876
- var import_moment2 = __toESM(require("moment"));
877
877
  var DateRangePickerElement = (props) => {
878
- const { value } = props;
878
+ const { value, weekrange } = props;
879
879
  const { RangePicker } = import_antd15.DatePicker;
880
880
  const dateValues = value ? value.map((date) => (0, import_dayjs2.default)(date, "DD-MM-YYYY")) : null;
881
881
  const handleChange = (dates, dateStrings) => {
@@ -885,21 +885,34 @@ var DateRangePickerElement = (props) => {
885
885
  props.onChange && props.onChange("");
886
886
  }
887
887
  };
888
- const rangePresets = [
889
- { label: "Last 7 Days", value: [(0, import_dayjs2.default)().add(-7, "d"), (0, import_dayjs2.default)()] },
890
- { label: "Last 14 Days", value: [(0, import_dayjs2.default)().add(-14, "d"), (0, import_dayjs2.default)()] },
891
- { label: "Last 30 Days", value: [(0, import_dayjs2.default)().add(-30, "d"), (0, import_dayjs2.default)()] },
892
- { label: "Last 90 Days", value: [(0, import_dayjs2.default)().add(-90, "d"), (0, import_dayjs2.default)()] }
888
+ const today = (0, import_dayjs2.default)();
889
+ let rangePresets = [
890
+ { label: "Last 7 Days", value: [(0, import_dayjs2.default)().subtract(6, "d"), today] },
891
+ { label: "Last 14 Days", value: [(0, import_dayjs2.default)().subtract(13, "d"), today] },
892
+ { label: "Last 30 Days", value: [(0, import_dayjs2.default)().subtract(29, "d"), today] },
893
+ { label: "Last 90 Days", value: [(0, import_dayjs2.default)().subtract(89, "d"), today] }
893
894
  ];
895
+ if (weekrange) {
896
+ rangePresets = [
897
+ {
898
+ label: "This Week",
899
+ value: [today.startOf("week"), today.endOf("week")]
900
+ },
901
+ {
902
+ label: "Last Week",
903
+ value: [today.startOf("week").subtract(1, "week"), today.endOf("week").subtract(1, "week")]
904
+ }
905
+ ];
906
+ }
894
907
  const disabledDate = (current) => {
895
- return current && current > (0, import_moment2.default)();
908
+ return current && (current > today.add(7, "d") || current < today.subtract(7, "d"));
896
909
  };
897
910
  return /* @__PURE__ */ import_react21.default.createElement(import_antd15.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react21.default.createElement(
898
911
  RangePicker,
899
912
  {
900
913
  disabledDate,
901
914
  presets: rangePresets,
902
- format: { format: "DD-MM-YYYY" },
915
+ format: "DD-MM-YYYY",
903
916
  onChange: handleChange,
904
917
  value: dateValues
905
918
  }
package/dist/index.mjs CHANGED
@@ -797,7 +797,8 @@ var DatePickerElement = (props) => {
797
797
  placeholder: props.placeholder,
798
798
  value: dateState,
799
799
  format: { format: "DD-MM-YYYY" },
800
- onChange: handleChange
800
+ onChange: handleChange,
801
+ picker: props.picker
801
802
  }
802
803
  ));
803
804
  };
@@ -806,9 +807,8 @@ var DatePickerElement = (props) => {
806
807
  import React21 from "react";
807
808
  import { DatePicker as DatePicker2, Space } from "antd";
808
809
  import dayjs2 from "dayjs";
809
- import moment2 from "moment";
810
810
  var DateRangePickerElement = (props) => {
811
- const { value } = props;
811
+ const { value, weekrange } = props;
812
812
  const { RangePicker } = DatePicker2;
813
813
  const dateValues = value ? value.map((date) => dayjs2(date, "DD-MM-YYYY")) : null;
814
814
  const handleChange = (dates, dateStrings) => {
@@ -818,21 +818,34 @@ var DateRangePickerElement = (props) => {
818
818
  props.onChange && props.onChange("");
819
819
  }
820
820
  };
821
- const rangePresets = [
822
- { label: "Last 7 Days", value: [dayjs2().add(-7, "d"), dayjs2()] },
823
- { label: "Last 14 Days", value: [dayjs2().add(-14, "d"), dayjs2()] },
824
- { label: "Last 30 Days", value: [dayjs2().add(-30, "d"), dayjs2()] },
825
- { label: "Last 90 Days", value: [dayjs2().add(-90, "d"), dayjs2()] }
821
+ const today = dayjs2();
822
+ let rangePresets = [
823
+ { label: "Last 7 Days", value: [dayjs2().subtract(6, "d"), today] },
824
+ { label: "Last 14 Days", value: [dayjs2().subtract(13, "d"), today] },
825
+ { label: "Last 30 Days", value: [dayjs2().subtract(29, "d"), today] },
826
+ { label: "Last 90 Days", value: [dayjs2().subtract(89, "d"), today] }
826
827
  ];
828
+ if (weekrange) {
829
+ rangePresets = [
830
+ {
831
+ label: "This Week",
832
+ value: [today.startOf("week"), today.endOf("week")]
833
+ },
834
+ {
835
+ label: "Last Week",
836
+ value: [today.startOf("week").subtract(1, "week"), today.endOf("week").subtract(1, "week")]
837
+ }
838
+ ];
839
+ }
827
840
  const disabledDate = (current) => {
828
- return current && current > moment2();
841
+ return current && (current > today.add(7, "d") || current < today.subtract(7, "d"));
829
842
  };
830
843
  return /* @__PURE__ */ React21.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React21.createElement(
831
844
  RangePicker,
832
845
  {
833
846
  disabledDate,
834
847
  presets: rangePresets,
835
- format: { format: "DD-MM-YYYY" },
848
+ format: "DD-MM-YYYY",
836
849
  onChange: handleChange,
837
850
  value: dateValues
838
851
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta273",
3
+ "version": "0.0.14-Beta275",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",