@bigbinary/neeto-molecules 3.15.43 → 3.15.44

package/dist/cjs/Currency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.js","sources":["../../src/components/Currency/utils.js","../../src/components/Currency/Currency.jsx","../../src/components/Currency/FormikCurrency.jsx"],"sourcesContent":["import { isPresent, isNotEmpty } from \"neetocist\";\n\nimport currencyData from \"./currencyData.json\";\n\nexport const getCurrencies = allowedCurrencies => {\n  if (isPresent(allowedCurrencies) && isNotEmpty(allowedCurrencies)) {\n    return currencyData.filter(item => allowedCurrencies.includes(item.value));\n  }\n\n  return currencyData;\n};\n","import { useMemo } from \"react\";\n\nimport { Select } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst Currency = ({ label, allowedCurrencies, ...otherSelectProps }) => {\n  const { t } = useTranslation();\n\n  const data = useMemo(\n    () => getCurrencies(allowedCurrencies),\n    [allowedCurrencies]\n  );\n\n  return (\n    <Select\n      label={label || t(\"neetoMolecules.common.currency\")}\n      options={data}\n      {...otherSelectProps}\n    />\n  );\n};\n\nCurrency.propTypes = {\n  /**\n   * Label for the currency input.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify only a selected list of currencies to be used.\n   */\n  allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default Currency;\n","import { useMemo } from \"react\";\n\nimport { Select } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst FormikCurrency = ({\n  label,\n  name = \"currency\",\n  allowedCurrencies,\n  ...otherSelectProps\n}) => {\n  const { t } = useTranslation();\n\n  const data = useMemo(\n    () => getCurrencies(allowedCurrencies),\n    [allowedCurrencies]\n  );\n\n  return (\n    <Select\n      {...{ name }}\n      label={label || t(\"neetoMolecules.common.currency\")}\n      options={data}\n      {...otherSelectProps}\n    />\n  );\n};\n\nFormikCurrency.propTypes = {\n  /**\n   * Label for the currency input.\n   */\n  label: PropTypes.string,\n  /**\n   * Name for the currency input.\n   */\n  name: PropTypes.string,\n  /**\n   * To specify only a selected list of currencies to be used.\n   */\n  allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default FormikCurrency;\n"],"names":["getCurrencies","allowedCurrencies","isPresent","isNotEmpty","currencyData","filter","item","includes","value","Currency","_ref","label","otherSelectProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","data","useMemo","_jsx","Select","_objectSpread","options","FormikCurrency","_ref$name","name"],"mappings":"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"}

package/dist/cjs/DateFormat.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var neetoCist = require('@bigbinary/neeto-cist');
+var useTimer = require('@bigbinary/neeto-commons-frontend/react-utils/useTimer');
+var datetime = require('@bigbinary/neeto-commons-frontend/utils/datetime');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ramda = require('ramda');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DateFormat = ramda.fromPairs(ramda.keys(datetime.timeFormat).map(function (key) {
+  return [neetoCist.capitalize(key), function (_ref) {
+    var date = _ref.date,
+      _ref$timerInterval = _ref.timerInterval,
+      timerInterval = _ref$timerInterval === void 0 ? 60 : _ref$timerInterval,
+      _ref$tooltipProps = _ref.tooltipProps,
+      tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
+      _ref$typographyProps = _ref.typographyProps,
+      typographyProps = _ref$typographyProps === void 0 ? {} : _ref$typographyProps,
+      _ref$tooltipDateForma = _ref.tooltipDateFormat,
+      tooltipDateFormat = _ref$tooltipDateForma === void 0 ? "extended" : _ref$tooltipDateForma;
+    useTimer(timerInterval);
+    return /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread(_objectSpread({
+      interactive: true,
+      appendTo: function appendTo() {
+        return document.body;
+      },
+      content: datetime.timeFormat[tooltipDateFormat](date),
+      disabled: key === tooltipDateFormat,
+      position: "top",
+      touch: ["hold", 500]
+    }, tooltipProps), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, _objectSpread(_objectSpread({
+        component: "span",
+        style: "body2"
+      }, typographyProps), {}, {
+        children: datetime.timeFormat[key](date)
+      }))
+    }));
+  }];
+}));
+
+module.exports = DateFormat;
+//# sourceMappingURL=DateFormat.js.map

package/dist/cjs/DateFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFormat.js","sources":["../../src/components/DateFormat.jsx"],"sourcesContent":["import { capitalize } from \"neetocist\";\nimport useTimer from \"neetocommons/react-utils/useTimer\";\nimport { timeFormat } from \"neetocommons/utils/datetime\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { fromPairs, keys } from \"ramda\";\n\nconst DateFormat = fromPairs(\n  keys(timeFormat).map(key => [\n    capitalize(key),\n    ({\n      date,\n      timerInterval = 60,\n      tooltipProps = {},\n      typographyProps = {},\n      tooltipDateFormat = \"extended\",\n    }) => {\n      useTimer(timerInterval);\n\n      return (\n        <Tooltip\n          interactive\n          appendTo={() => document.body}\n          content={timeFormat[tooltipDateFormat](date)}\n          disabled={key === tooltipDateFormat}\n          position=\"top\"\n          touch={[\"hold\", 500]}\n          {...tooltipProps}\n        >\n          <Typography component=\"span\" style=\"body2\" {...typographyProps}>\n            {timeFormat[key](date)}\n          </Typography>\n        </Tooltip>\n      );\n    },\n  ])\n);\n\nDateFormat.propTypes = {\n  /**\n   * The date object to be formatted.\n   */\n  date: PropTypes.instanceOf(Date),\n  /**\n   * This prop will be used to re-render the component in every `timerInterval` seconds to show updated relative time.\n   */\n  timerInterval: PropTypes.number,\n  /**\n   * This prop will accept a string to set the format corresponding to\n   * [dateFormat](https://github.com/bigbinary/neeto-commons-frontend/blob/main/docs/utils/dateFormat.md)\n   * options from `neeto-commons-frontend`.\n   */\n  tooltipDateFormat: PropTypes.string,\n  /**\n   * This prop will be forwarded to the neetoui Tooltip component. Default position is \"top\".\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * This prop will be forwarded to the neetoui Typography component.\n   */\n  typographyProps: PropTypes.object,\n};\n\nexport default DateFormat;\n"],"names":["DateFormat","fromPairs","keys","timeFormat","map","key","capitalize","_ref","date","_ref$timerInterval","timerInterval","_ref$tooltipProps","tooltipProps","_ref$typographyProps","typographyProps","_ref$tooltipDateForma","tooltipDateFormat","useTimer","_jsx","Tooltip","_objectSpread","interactive","appendTo","document","body","content","disabled","position","touch","children","Typography","component","style"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAGC,eAAS,CAC1BC,UAAI,CAACC,mBAAU,CAAC,CAACC,GAAG,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAI,CAC1BC,oBAAU,CAACD,GAAG,CAAC,EACf,UAAAE,IAAA,EAMM;AAAA,IAAA,IALJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MAAAC,kBAAA,GAAAF,IAAA,CACJG,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,kBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAClBK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,iBAAA;MAAAE,oBAAA,GAAAN,IAAA,CACjBO,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,oBAAA;MAAAE,qBAAA,GAAAR,IAAA,CACpBS,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,qBAAA,CAAA;IAE9BE,QAAQ,CAACP,aAAa,CAAC,CAAA;AAEvB,IAAA,oBACEQ,cAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;MACNC,WAAW,EAAA,IAAA;MACXC,QAAQ,EAAE,SAAVA,QAAQA,GAAA;QAAA,OAAQC,QAAQ,CAACC,IAAI,CAAA;OAAC;AAC9BC,MAAAA,OAAO,EAAEtB,mBAAU,CAACa,iBAAiB,CAAC,CAACR,IAAI,CAAE;MAC7CkB,QAAQ,EAAErB,GAAG,KAAKW,iBAAkB;AACpCW,MAAAA,QAAQ,EAAC,KAAK;AACdC,MAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG,CAAA;AAAE,KAAA,EACjBhB,YAAY,CAAA,EAAA,EAAA,EAAA;AAAAiB,MAAAA,QAAA,eAEhBX,cAAA,CAACY,UAAU,EAAAV,aAAA,CAAAA,aAAA,CAAA;AAACW,QAAAA,SAAS,EAAC,MAAM;AAACC,QAAAA,KAAK,EAAC,OAAA;AAAO,OAAA,EAAKlB,eAAe,CAAA,EAAA,EAAA,EAAA;AAAAe,QAAAA,QAAA,EAC3D1B,mBAAU,CAACE,GAAG,CAAC,CAACG,IAAI,CAAA;OACX,CAAA,CAAA;AAAC,KAAA,CACN,CAAC,CAAA;AAEd,GAAC,CACF,CAAA;AAAA,CAAA,CACH;;;;"}

package/dist/cjs/DateRangeFilter.js

@@ -0,0 +1,180 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var Select = require('@bigbinary/neetoui/Select');
+var DatePicker = require('@bigbinary/neetoui/DatePicker');
+var ramda = require('ramda');
+var i18next = require('i18next');
+var jsxRuntime = require('react/jsx-runtime');
+
+var defaultTimePeriodOptions = function defaultTimePeriodOptions() {
+  var today = utils.dayjs().startOf("day");
+  var startOfLastWeek = today.subtract(7, "day").startOf("week");
+  var endOfLastWeek = today.subtract(7, "day").endOf("week");
+  var lastMonthStart = today.subtract(1, "month").startOf("month");
+  var lastMonthEnd = today.subtract(1, "month").endOf("month");
+  var thisQuarterStart = utils.dayjs().startOf("quarter");
+  var thisQuarterEnd = utils.dayjs().endOf("quarter");
+  var lastQuarterStart = utils.dayjs().subtract(1, "quarter").startOf("quarter");
+  var lastQuarterEnd = utils.dayjs().subtract(1, "quarter").endOf("quarter");
+  var startOfLastYear = utils.dayjs().subtract(1, "year").startOf("year");
+  var endOfLastYear = utils.dayjs().subtract(1, "year").endOf("year");
+  var startOfYear = utils.dayjs().startOf("year");
+  var endOfYear = utils.dayjs().endOf("year");
+  var startOf24Hours = utils.dayjs().subtract(24, "hour");
+  var now = utils.dayjs();
+  var startOfLast7Days = utils.dayjs().subtract(7, "day");
+  var startOfWeek = utils.dayjs().startOf("week");
+  var startOfLast30Days = utils.dayjs().subtract(30, "day");
+  var startOfMonth = today.startOf("month");
+  return [{
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.allTime"),
+    value: {
+      startDate: null,
+      endDate: null,
+      rangeType: "all"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.last24Hours"),
+    value: {
+      startDate: startOf24Hours,
+      endDate: now,
+      rangeType: "hours"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.last7Days"),
+    value: {
+      startDate: startOfLast7Days,
+      endDate: now,
+      rangeType: "days"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.thisWeek"),
+    value: {
+      startDate: startOfWeek,
+      endDate: now,
+      rangeType: "week"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.lastWeek"),
+    value: {
+      startDate: startOfLastWeek,
+      endDate: endOfLastWeek,
+      rangeType: "week"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.last30Days"),
+    value: {
+      startDate: startOfLast30Days,
+      endDate: now,
+      rangeType: "days"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.thisMonth"),
+    value: {
+      startDate: startOfMonth,
+      endDate: now,
+      rangeType: "month"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.lastMonth"),
+    value: {
+      startDate: lastMonthStart,
+      endDate: lastMonthEnd,
+      rangeType: "month"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.thisQuarter"),
+    value: {
+      startDate: thisQuarterStart,
+      endDate: thisQuarterEnd,
+      rangeType: "quarter"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.lastQuarter"),
+    value: {
+      startDate: lastQuarterStart,
+      endDate: lastQuarterEnd,
+      rangeType: "quarter"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.thisYear"),
+    value: {
+      startDate: startOfYear,
+      endDate: endOfYear,
+      rangeType: "year"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.lastYear"),
+    value: {
+      startDate: startOfLastYear,
+      endDate: endOfLastYear,
+      rangeType: "year"
+    }
+  }, {
+    label: i18next.t("neetoMolecules.dateRangeFilter.timePeriodOptions.customDuration"),
+    value: "custom"
+  }];
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DateRangeFilter = function DateRangeFilter(_ref) {
+  var _timePeriod$value, _timePeriod$value2, _timePeriod$value3, _globalProps$user;
+  var timePeriodOptions = _ref.timePeriodOptions,
+    timePeriod = _ref.timePeriod,
+    setTimePeriod = _ref.setTimePeriod,
+    datePickerProps = _ref.datePickerProps;
+  var isCustom = (timePeriod === null || timePeriod === void 0 ? void 0 : timePeriod.value) === "custom" || (timePeriod === null || timePeriod === void 0 || (_timePeriod$value = timePeriod.value) === null || _timePeriod$value === void 0 ? void 0 : _timePeriod$value.rangeType) === "custom";
+  var startDate = timePeriod === null || timePeriod === void 0 || (_timePeriod$value2 = timePeriod.value) === null || _timePeriod$value2 === void 0 ? void 0 : _timePeriod$value2.startDate;
+  var endDate = timePeriod === null || timePeriod === void 0 || (_timePeriod$value3 = timePeriod.value) === null || _timePeriod$value3 === void 0 ? void 0 : _timePeriod$value3.endDate;
+  var requiredDateFormat = initializers.globalProps === null || initializers.globalProps === void 0 || (_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.dateFormat;
+  var options = timePeriodOptions || defaultTimePeriodOptions();
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-wrap gap-3",
+    "data-testid": "date-range-filter",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "w-40",
+      children: /*#__PURE__*/jsxRuntime.jsx(Select, {
+        options: options,
+        required: true,
+        getOptionValue: ramda.prop("label"),
+        strategy: "fixed",
+        value: timePeriod || options[0],
+        onChange: function onChange(option) {
+          return setTimePeriod(option);
+        }
+      })
+    }), isCustom && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "max-w-sm flex-grow",
+      "data-testid": "date-range-filter-custom-duration-picker",
+      children: /*#__PURE__*/jsxRuntime.jsx(DatePicker, _objectSpread({
+        autoFocus: true,
+        className: "w-full",
+        dateFormat: requiredDateFormat,
+        picker: "date",
+        type: "range",
+        defaultValue: [startDate ? utils.dayjs(startDate) : null, endDate ? utils.dayjs(endDate) : null],
+        onChange: function onChange(_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            startDate = _ref3[0],
+            endDate = _ref3[1];
+          setTimePeriod({
+            label: timePeriod === null || timePeriod === void 0 ? void 0 : timePeriod.label,
+            value: {
+              startDate: startDate,
+              endDate: endDate,
+              rangeType: "custom"
+            }
+          });
+        }
+      }, datePickerProps))
+    })]
+  });
+};
+
+module.exports = DateRangeFilter;
+//# sourceMappingURL=DateRangeFilter.js.map

package/dist/cjs/DateRangeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeFilter.js","sources":["../../src/components/DateRangeFilter/utils.js","../../src/components/DateRangeFilter/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { dayjs } from \"neetocommons/utils\";\n\nexport const defaultTimePeriodOptions = () => {\n  const today = dayjs().startOf(\"day\");\n  const startOfLastWeek = today.subtract(7, \"day\").startOf(\"week\");\n\n  const endOfLastWeek = today.subtract(7, \"day\").endOf(\"week\");\n  const lastMonthStart = today.subtract(1, \"month\").startOf(\"month\");\n  const lastMonthEnd = today.subtract(1, \"month\").endOf(\"month\");\n  const thisQuarterStart = dayjs().startOf(\"quarter\");\n  const thisQuarterEnd = dayjs().endOf(\"quarter\");\n  const lastQuarterStart = dayjs().subtract(1, \"quarter\").startOf(\"quarter\");\n  const lastQuarterEnd = dayjs().subtract(1, \"quarter\").endOf(\"quarter\");\n  const startOfLastYear = dayjs().subtract(1, \"year\").startOf(\"year\");\n  const endOfLastYear = dayjs().subtract(1, \"year\").endOf(\"year\");\n  const startOfYear = dayjs().startOf(\"year\");\n  const endOfYear = dayjs().endOf(\"year\");\n\n  const startOf24Hours = dayjs().subtract(24, \"hour\");\n  const now = dayjs();\n  const startOfLast7Days = dayjs().subtract(7, \"day\");\n  const startOfWeek = dayjs().startOf(\"week\");\n  const startOfLast30Days = dayjs().subtract(30, \"day\");\n  const startOfMonth = today.startOf(\"month\");\n\n  return [\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.allTime\"),\n      value: { startDate: null, endDate: null, rangeType: \"all\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last24Hours\"),\n      value: { startDate: startOf24Hours, endDate: now, rangeType: \"hours\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last7Days\"),\n      value: {\n        startDate: startOfLast7Days,\n        endDate: now,\n        rangeType: \"days\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisWeek\"),\n      value: { startDate: startOfWeek, endDate: now, rangeType: \"week\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastWeek\"),\n      value: {\n        startDate: startOfLastWeek,\n        endDate: endOfLastWeek,\n        rangeType: \"week\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last30Days\"),\n      value: {\n        startDate: startOfLast30Days,\n        endDate: now,\n        rangeType: \"days\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisMonth\"),\n      value: { startDate: startOfMonth, endDate: now, rangeType: \"month\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastMonth\"),\n      value: {\n        startDate: lastMonthStart,\n        endDate: lastMonthEnd,\n        rangeType: \"month\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisQuarter\"),\n      value: {\n        startDate: thisQuarterStart,\n        endDate: thisQuarterEnd,\n        rangeType: \"quarter\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastQuarter\"),\n      value: {\n        startDate: lastQuarterStart,\n        endDate: lastQuarterEnd,\n        rangeType: \"quarter\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisYear\"),\n      value: { startDate: startOfYear, endDate: endOfYear, rangeType: \"year\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastYear\"),\n      value: {\n        startDate: startOfLastYear,\n        endDate: endOfLastYear,\n        rangeType: \"year\",\n      },\n    },\n    {\n      label: t(\n        \"neetoMolecules.dateRangeFilter.timePeriodOptions.customDuration\"\n      ),\n      value: \"custom\",\n    },\n  ];\n};\n","import { globalProps } from \"neetocommons/initializers\";\nimport { dayjs } from \"neetocommons/utils\";\nimport { Select, DatePicker } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { prop } from \"ramda\";\n\nimport { defaultTimePeriodOptions } from \"./utils\";\n\nconst DateRangeFilter = ({\n  timePeriodOptions,\n  timePeriod,\n  setTimePeriod,\n  datePickerProps,\n}) => {\n  const isCustom =\n    timePeriod?.value === \"custom\" || timePeriod?.value?.rangeType === \"custom\";\n\n  const startDate = timePeriod?.value?.startDate;\n  const endDate = timePeriod?.value?.endDate;\n  const requiredDateFormat = globalProps?.user?.dateFormat;\n\n  const options = timePeriodOptions || defaultTimePeriodOptions();\n\n  return (\n    <div className=\"flex flex-wrap gap-3\" data-testid=\"date-range-filter\">\n      <div className=\"w-40\">\n        <Select\n          {...{ options }}\n          required\n          getOptionValue={prop(\"label\")}\n          strategy=\"fixed\"\n          value={timePeriod || options[0]}\n          onChange={option => setTimePeriod(option)}\n        />\n      </div>\n      {isCustom && (\n        <div\n          className=\"max-w-sm flex-grow\"\n          data-testid=\"date-range-filter-custom-duration-picker\"\n        >\n          <DatePicker\n            autoFocus\n            className=\"w-full\"\n            dateFormat={requiredDateFormat}\n            picker=\"date\"\n            type=\"range\"\n            defaultValue={[\n              startDate ? dayjs(startDate) : null,\n              endDate ? dayjs(endDate) : null,\n            ]}\n            onChange={([startDate, endDate]) => {\n              setTimePeriod({\n                label: timePeriod?.label,\n                value: { startDate, endDate, rangeType: \"custom\" },\n              });\n            }}\n            {...datePickerProps}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nDateRangeFilter.propTypes = {\n  /**\n   * An array of objects that can be passed to the component which can be used to override default filter options.\n   */\n  timePeriodOptions: PropTypes.arrayOf(\n    PropTypes.shape({ label: PropTypes.string, value: PropTypes.object })\n  ),\n  /**\n   * The state corresponding to the currently selected date range filter.\n   */\n  timePeriod: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.object,\n  }),\n  /**\n   * The setter method for `timePeriod` state.\n   */\n  setTimePeriod: PropTypes.func,\n  /**\n   * These props will be passed to the date range picker for custom date range selection.\n   */\n  datePickerProps: PropTypes.object,\n};\n\nexport default DateRangeFilter;\n"],"names":["defaultTimePeriodOptions","today","dayjs","startOf","startOfLastWeek","subtract","endOfLastWeek","endOf","lastMonthStart","lastMonthEnd","thisQuarterStart","thisQuarterEnd","lastQuarterStart","lastQuarterEnd","startOfLastYear","endOfLastYear","startOfYear","endOfYear","startOf24Hours","now","startOfLast7Days","startOfWeek","startOfLast30Days","startOfMonth","label","t","value","startDate","endDate","rangeType","DateRangeFilter","_ref","_timePeriod$value","_timePeriod$value2","_timePeriod$value3","_globalProps$user","timePeriodOptions","timePeriod","setTimePeriod","datePickerProps","isCustom","requiredDateFormat","globalProps","user","dateFormat","options","_jsxs","className","children","_jsx","Select","required","getOptionValue","prop","strategy","onChange","option","DatePicker","_objectSpread","autoFocus","picker","type","defaultValue","_ref2","_ref3","_slicedToArray"],"mappings":"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"}

package/dist/cjs/DeleteArchiveModal.js

@@ -0,0 +1,100 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Button = require('@bigbinary/neetoui/Button');
+var Checkbox = require('@bigbinary/neetoui/Checkbox');
+var Modal = require('@bigbinary/neetoui/Modal');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DeleteArchiveModal = function DeleteArchiveModal(_ref) {
+  var _ref$checkboxLabel = _ref.checkboxLabel,
+    checkboxLabel = _ref$checkboxLabel === void 0 ? "" : _ref$checkboxLabel,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$isArchiving = _ref.isArchiving,
+    isArchiving = _ref$isArchiving === void 0 ? false : _ref$isArchiving,
+    _ref$isDeleting = _ref.isDeleting,
+    isDeleting = _ref$isDeleting === void 0 ? false : _ref$isDeleting,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onArchive = _ref.onArchive,
+    onArchive = _ref$onArchive === void 0 ? neetoCist.noop : _ref$onArchive,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? neetoCist.noop : _ref$onClose,
+    _ref$onDelete = _ref.onDelete,
+    onDelete = _ref$onDelete === void 0 ? neetoCist.noop : _ref$onDelete,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isChecked = _useState2[0],
+    setIsChecked = _useState2[1];
+  var handleClose = function handleClose() {
+    setIsChecked(false);
+    onClose();
+  };
+  React.useEffect(function () {
+    if (ramda.not(isOpen)) setIsChecked(false);
+  }, [isOpen]);
+  return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
+    className: className,
+    isOpen: isOpen,
+    "data-cy": "alert-box",
+    "data-testid": "delete-archive-modal",
+    onClose: handleClose,
+    children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        "data-cy": "delete-archive-alert-title",
+        style: "h2",
+        children: title
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(Modal.Body, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        "data-cy": "delete-archive-alert-message",
+        lineHeight: "normal",
+        style: "body2",
+        children: description
+      }), /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
+        checked: isChecked,
+        className: "mt-4",
+        "data-cy": "delete-archive-alert-archive-checkbox",
+        "data-testid": "delete-archive-alert-archive-checkbox",
+        label: checkboxLabel,
+        onChange: function onChange() {
+          return setIsChecked(function (isChecked) {
+            return !isChecked;
+          });
+        }
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs(Modal.Footer, {
+      className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+        "data-cy": "delete-archive-alert-archive-button",
+        disabled: ramda.not(isOpen),
+        label: t("neetoMolecules.common.actions.archive"),
+        loading: isArchiving,
+        style: "secondary",
+        onClick: onArchive
+      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+        "data-cy": "delete-archive-alert-delete-button",
+        disabled: ramda.not(isChecked),
+        label: t("neetoMolecules.common.actions.delete"),
+        loading: isDeleting,
+        style: "danger",
+        onClick: onDelete
+      })]
+    })]
+  });
+};
+
+module.exports = DeleteArchiveModal;
+//# sourceMappingURL=DeleteArchiveModal.js.map

package/dist/cjs/DeleteArchiveModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteArchiveModal.js","sources":["../../src/components/DeleteArchiveModal/index.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button, Checkbox, Modal, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DeleteArchiveModal = ({\n  checkboxLabel = \"\",\n  className = \"\",\n  description = \"\",\n  isArchiving = false,\n  isDeleting = false,\n  isOpen = false,\n  onArchive = noop,\n  onClose = noop,\n  onDelete = noop,\n  title = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const [isChecked, setIsChecked] = useState(false);\n\n  const handleClose = () => {\n    setIsChecked(false);\n    onClose();\n  };\n\n  useEffect(() => {\n    if (not(isOpen)) setIsChecked(false);\n  }, [isOpen]);\n\n  return (\n    <Modal\n      {...{ className, isOpen }}\n      data-cy=\"alert-box\"\n      data-testid=\"delete-archive-modal\"\n      onClose={handleClose}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"delete-archive-alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography\n          data-cy=\"delete-archive-alert-message\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n        <Checkbox\n          checked={isChecked}\n          className=\"mt-4\"\n          data-cy=\"delete-archive-alert-archive-checkbox\"\n          data-testid=\"delete-archive-alert-archive-checkbox\"\n          label={checkboxLabel}\n          onChange={() => setIsChecked(isChecked => !isChecked)}\n        />\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end\">\n        <Button\n          data-cy=\"delete-archive-alert-archive-button\"\n          disabled={not(isOpen)}\n          label={t(\"neetoMolecules.common.actions.archive\")}\n          loading={isArchiving}\n          style=\"secondary\"\n          onClick={onArchive}\n        />\n        <Button\n          data-cy=\"delete-archive-alert-delete-button\"\n          disabled={not(isChecked)}\n          label={t(\"neetoMolecules.common.actions.delete\")}\n          loading={isDeleting}\n          style=\"danger\"\n          onClick={onDelete}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nDeleteArchiveModal.propTypes = {\n  /**\n   * To specify whether the modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To be passed to loading prop of the archive button\n   */\n  isArchiving: PropTypes.bool,\n  /**\n   * To be passed to loading prop of the delete button\n   */\n  isDeleting: PropTypes.bool,\n  /**\n   * Additional classes to be added to the modal\n   */\n  className: PropTypes.string,\n  /**\n   * Function to be called when the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Function to be called when the archive button is clicked\n   */\n  onArchive: PropTypes.func,\n  /**\n   * Function to be called when the delete button is clicked\n   * */\n  onDelete: PropTypes.func,\n  /**\n   * Title of the modal\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the modal\n   */\n  description: PropTypes.string,\n  /**\n   * Label for the checkbox\n   */\n  checkboxLabel: PropTypes.string,\n};\n\nexport default DeleteArchiveModal;\n"],"names":["DeleteArchiveModal","_ref","_ref$checkboxLabel","checkboxLabel","_ref$className","className","_ref$description","description","_ref$isArchiving","isArchiving","_ref$isDeleting","isDeleting","_ref$isOpen","isOpen","_ref$onArchive","onArchive","noop","_ref$onClose","onClose","_ref$onDelete","onDelete","_ref$title","title","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","handleClose","useEffect","not","_jsxs","Modal","children","_jsx","Header","Typography","style","Body","lineHeight","Checkbox","checked","label","onChange","Footer","Button","disabled","loading","onClick"],"mappings":"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"}

package/dist/cjs/DeviceIncompatibilityMessage.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
+var Typography = require('@bigbinary/neetoui/Typography');
+var index$1 = require('./index-JY2zVpnv.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('./_commonjsHelpers-BJu3ubxk.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _rect, _path, _g, _g2, _path2, _defs;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgScreenSize = function SvgScreenSize(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 86,
+    height: 59,
+    fill: "none"
+  }, props), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
+    width: 70.094,
+    height: 45.532,
+    x: 7.951,
+    y: 2.061,
+    stroke: "#87929D",
+    strokeWidth: 4.121,
+    rx: 4.394
+  })), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "#87929D",
+    strokeLinecap: "round",
+    strokeWidth: 3,
+    d: "M28.871 32.02 57.34 16.708"
+  })), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#screen-size_svg__a)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "#87929D",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2.088,
+    d: "m57.46 21.788 1.798-5.97-5.969-1.798"
+  }))), _g2 || (_g2 = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#screen-size_svg__b)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "#87929D",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2.092,
+    d: "m28.525 27.162-1.37 6.093 6.093 1.37"
+  }))), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "#87929D",
+    strokeLinecap: "round",
+    strokeWidth: 4.121,
+    d: "M3 56.356h80"
+  })), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "screen-size_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    d: "m50.283 14.21 9.812-5.267 5.268 9.812-9.812 5.268z"
+  })), /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "screen-size_svg__b"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    d: "m36.232 34.227-9.427 5.966-5.967-9.428 9.428-5.966z"
+  })))));
+};
+
+var DeviceIncompatibilityMessage = withT(function (_ref) {
+  var t = _ref.t,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames("mx-auto flex w-full max-w-80 flex-col items-center justify-center p-4", className),
+    children: [/*#__PURE__*/jsxRuntime.jsx(SvgScreenSize, {}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+      className: "neeto-ui-text-center mt-6",
+      "data-cy": "device-incompatibility-description",
+      "data-testid": "device-incompatibility-description",
+      style: "body2",
+      children: description || t("neetoMolecules.deviceIncompatibility.description")
+    })]
+  });
+});
+DeviceIncompatibilityMessage.propTypes = {
+  /**
+   * Additional classes to be added to the modal.
+   */
+  className: index$1.PropTypes.string,
+  /**
+   * To provide description.
+   */
+  description: index$1.PropTypes.node
+};
+var index = /*#__PURE__*/React.memo(DeviceIncompatibilityMessage);
+
+module.exports = index;
+//# sourceMappingURL=DeviceIncompatibilityMessage.js.map

package/dist/cjs/DeviceIncompatibilityMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceIncompatibilityMessage.js","sources":["../../src/assets/images/screen-size.svg","../../src/components/DeviceIncompatibilityMessage/index.jsx"],"sourcesContent":["<svg width=\"86\" height=\"59\" viewBox=\"0 0 86 59\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect x=\"7.95124\" y=\"2.06061\" width=\"70.0943\" height=\"45.5319\" rx=\"4.39424\" stroke=\"#87929D\" stroke-width=\"4.12122\"/>\n<path d=\"M28.8711 32.0195L57.3394 16.7079\" stroke=\"#87929D\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n<g clip-path=\"url(#clip0_3430_7602)\">\n<path d=\"M57.4595 21.7876L59.2582 15.8183L53.2891 14.0195\" stroke=\"#87929D\" stroke-width=\"2.08795\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</g>\n<g clip-path=\"url(#clip1_3430_7602)\">\n<path d=\"M28.5248 27.1616L27.1548 33.255L33.248 34.625\" stroke=\"#87929D\" stroke-width=\"2.09165\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</g>\n<path d=\"M3 56.3555H83\" stroke=\"#87929D\" stroke-width=\"4.12122\" stroke-linecap=\"round\"/>\n<defs>\n<clipPath id=\"clip0_3430_7602\">\n<rect width=\"11.1368\" height=\"11.1369\" fill=\"white\" transform=\"matrix(0.88105 -0.473022 0.47301 0.881057 50.2832 14.2109)\"/>\n</clipPath>\n<clipPath id=\"clip1_3430_7602\">\n<rect width=\"11.1566\" height=\"11.1567\" fill=\"white\" transform=\"matrix(-0.844992 0.534779 -0.534767 -0.845 36.2324 34.2266)\"/>\n</clipPath>\n</defs>\n</svg>\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport ScreenSizeImage from \"assets/images/screen-size\";\n\nconst DeviceIncompatibilityMessage = withT(\n  ({ t, className = \"\", description = \"\" }) => (\n    <div\n      className={classnames(\n        \"mx-auto flex w-full max-w-80 flex-col items-center justify-center p-4\",\n        className\n      )}\n    >\n      <ScreenSizeImage />\n      <Typography\n        className=\"neeto-ui-text-center mt-6\"\n        data-cy=\"device-incompatibility-description\"\n        data-testid=\"device-incompatibility-description\"\n        style=\"body2\"\n      >\n        {description || t(\"neetoMolecules.deviceIncompatibility.description\")}\n      </Typography>\n    </div>\n  )\n);\n\nDeviceIncompatibilityMessage.propTypes = {\n  /**\n   * Additional classes to be added to the modal.\n   */\n  className: PropTypes.string,\n  /**\n   * To provide description.\n   */\n  description: PropTypes.node,\n};\n\nexport default memo(DeviceIncompatibilityMessage);\n"],"names":["React","DeviceIncompatibilityMessage","withT","_ref","t","_ref$className","className","_ref$description","description","_jsxs","classnames","children","_jsx","ScreenSizeImage","Typography","style","propTypes","PropTypes","string","node","memo"],"mappings":"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"}