@licklist/design 0.44.551-dev.8 → 0.44.551

package/dist/report/ReportRunnerModal/ReportRunnerModal.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { Report, ReportType } from "@licklist/core/dist/DataMapper/Report";
-import { HttpQuery } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
-import { CachedHttpQueryResponse } from "@licklist/plugins/dist/hooks/Api/useCachedHttpQuery";
-interface ReportField {
-    id: number;
-    key: string;
-    title: string;
-}
-type ReportRunnerModalProps = {
-    reportId: Report["id"] | null;
-    show: boolean;
-    useShowReportFields: (reportType?: ReportType) => CachedHttpQueryResponse<ReportField[], unknown>;
-    generate?: HttpQuery<Record<string, string>[] | null>;
-    download?: HttpQuery<Blob | null>;
-    onHide: () => void;
-    onEdit: () => void;
-    reports?: Report[] | null;
-};
-export declare const ReportRunnerModal: ({ reportId, show, onHide, useShowReportFields, reports, generate, download, onEdit, }: ReportRunnerModalProps) => JSX.Element;
-export {};
-//# sourceMappingURL=ReportRunnerModal.d.ts.map

package/dist/report/ReportRunnerModal/ReportRunnerModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReportRunnerModal.d.ts","sourceRoot":"","sources":["../../../src/report/ReportRunnerModal/ReportRunnerModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAO3E,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAG9F,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,mBAAmB,EAAE,CACnB,UAAU,CAAC,EAAE,UAAU,KACpB,uBAAuB,CAAC,WAAW,EAAE,EAAE,OAAO,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAC3B,CAAC;AAOF,eAAO,MAAM,iBAAiB,0FAS3B,sBAAsB,gBA8IxB,CAAC"}

package/dist/report/ReportRunnerModal/ReportRunnerModal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e;require("../../static/loader/LoaderIndicator.js");var n=require("../../static/loader/BlockLoader.js"),o=require("react-i18next"),i=require("react-bootstrap"),l=require("react-hook-form");require("../../static/loader/ButtonLoader.js"),require("../../static/loader/SnippetLoader.js"),require("../../static/loader/PaymentLoader.js");var d=require("lodash"),s=require("@licklist/plugins/dist/utils/report");exports.ReportRunnerModal=function(e){var r,u,c=e.reportId,m=e.show,p=e.onHide,v=e.useShowReportFields,f=e.reports,g=e.generate,E=e.download,F=e.onEdit,b=o.useTranslation(["App","Design"]).t,_=null==f?void 0:f.find((function(e){return e.id===c})),q=v(null==_?void 0:_.type),y=q.data,h=void 0===y?[]:y,w=q.isLoading,k=l.useForm({mode:"onChange"}),L=k.handleSubmit,C=k.register,I=k.formState.errors,D=k.reset,j=(0,k.watch)("dateFrom"),B=L((function(e){E.execute(t.__assign(t.__assign({},e),{reportId:c,type:null==_?void 0:_.type}))})),N=L((function(e){return t.__awaiter(void 0,void 0,void 0,(function(){var r;return t.__generator(this,(function(a){switch(a.label){case 0:return[4,g.execute(t.__assign(t.__assign({},e),{reportId:c}))];case 1:return r=a.sent(),_&&r&&!g.isError?(s.openOnlineViewer({type:_.type,dateFrom:e.dateFrom,dateTo:e.dateTo,data:r}),[2]):[2]}}))}))})),R=function(){D(),p()},T=g.isLoading||E.isLoading||w;return a.createElement(i.Modal,{show:m,onHide:R,className:"report-runner-modal",centered:!0},a.createElement("header",null,a.createElement("h5",null,b("generateReport")),a.createElement(i.Button,{variant:"","data-testid":"cancel-button",onClick:R},b("cancel"))),T&&a.createElement(n.BlockLoader,null),!T&&a.createElement("div",null,a.createElement("div",{className:"report-type-label"},d.capitalize(null==_?void 0:_.type)),a.createElement("div",null,null==_?void 0:_.name),a.createElement("div",{className:"data-fields"},null==_?void 0:_.reportFieldValues.map((function(e){var t=null==h?void 0:h.find((function(t){return t.id===e.reportFieldId}));return t?a.createElement("span",{key:e.id},t.title):null}))),a.createElement(i.Button,{className:"edit-button",type:"button",variant:"","data-testid":"edit-button",onClick:F},b("Design:edit")),a.createElement("form",{noValidate:!0},a.createElement("div",{className:"controls"},a.createElement(i.Form.Group,{controlId:"from-input"},a.createElement(i.Form.Label,null,b("Design:from")),a.createElement(i.Form.Control,t.__assign({type:"datetime-local","data-testid":"date-from-input",isInvalid:!!I.dateFrom},C("dateFrom",{required:{value:!0,message:"".concat(b("Validation:fieldRequired",{attribute:b("Design:to")}))}}))),a.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(r=I.dateFrom)||void 0===r?void 0:r.message)),a.createElement(i.Form.Group,{controlId:"to-input"},a.createElement(i.Form.Label,null,b("Design:to")),a.createElement(i.Form.Control,t.__assign({type:"datetime-local","data-testid":"date-to-input",isInvalid:!!I.dateTo},C("dateTo",{required:"".concat(b("Validation:fieldRequired",{attribute:b("Design:to")})),validate:function(e){return!j||(e>j||b("toDateAfterFrom"))}}))),a.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(u=I.dateTo)||void 0===u?void 0:u.message))),a.createElement("div",{className:"controls"},a.createElement(i.Button,{"data-testid":"download-button",onClick:B},b("generateDownload")),a.createElement(i.Button,{"data-testid":"view-button",onClick:N},b("generateView"))))))};

package/dist/report/ReportRunnerModal/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ReportRunnerModal";
-//# sourceMappingURL=index.d.ts.map

package/dist/report/ReportRunnerModal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/report/ReportRunnerModal/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/report/ReportTypeSelect/ReportTypeSelect.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const ReportTypeSelect: () => JSX.Element;
-//# sourceMappingURL=ReportTypeSelect.d.ts.map

package/dist/report/ReportTypeSelect/ReportTypeSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReportTypeSelect.d.ts","sourceRoot":"","sources":["../../../src/report/ReportTypeSelect/ReportTypeSelect.tsx"],"names":[],"mappings":";AAQA,eAAO,MAAM,gBAAgB,mBA2D5B,CAAC"}

package/dist/report/ReportTypeSelect/ReportTypeSelect.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),l=require("react-bootstrap"),n=require("react-hook-form"),i=require("lodash"),p=require("@licklist/core/dist/DataMapper/Report"),s=require("../../assets/dashboard/info.svg.js");exports.ReportTypeSelect=function(){var e,r=a.useTranslation(["App","Design"]).t,c=n.useFormContext(),u=c.register,m=c.formState.errors,d=c.setValue;return o.createElement(l.Row,null,o.createElement(l.Col,{lg:6,className:"mt-4"},o.createElement(l.Form.Group,{controlId:"typeSelect"},o.createElement(l.Form.Label,null,r("reportType")),o.createElement(l.Form.Control,t.__assign({as:"select","data-testid":"report-type-select",isInvalid:!!m.type},u("type",{required:{value:!0,message:"".concat(r("Validation:fieldRequired",{attribute:r("reportType")}))}}),{onChange:function(e){u("type").onChange(e),d("reportFieldValues",[])}}),p.reportTypes.map((function(e){return o.createElement("option",{key:e,value:e},i.capitalize(e))}))),o.createElement(l.Form.Control.Feedback,{type:"invalid"},null===(e=m.type)||void 0===e?void 0:e.message),o.createElement(l.OverlayTrigger,{trigger:"hover",overlay:o.createElement(l.Popover,{id:"report-type-popover"},o.createElement(l.Popover.Content,{className:"reports-popover"},r("reportTypeSelectInfo")))},o.createElement(s.ReactComponent,{className:"info-icon"})))))};

package/dist/report/ReportTypeSelect/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ReportTypeSelect";
-//# sourceMappingURL=index.d.ts.map

package/dist/report/ReportTypeSelect/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/report/ReportTypeSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/styles/report/ReportEditorModal.scss

@@ -1,98 +0,0 @@
-.report-builder {
-  .modal-dialog {
-    @include media-breakpoint-up(sm) {
-      max-width: 45rem;
-    }
-  }
-
-  .modal-content {
-    max-width: 45rem;
-    margin: 0 auto;
-    padding: 1.25rem 1.5rem;
-
-    header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 1rem;
-      border-bottom: 2px solid #dcdcdc;
-
-      h5 {
-        margin-bottom: 0;
-        font-size: 1.125rem;
-        font-weight: 500;
-      }
-
-      button {
-        padding-top: 0.5rem;
-        padding-bottom: 0.5rem;
-        font-size: 0.875rem;
-        font-weight: 600;
-        color: #0e8ce2;
-      }
-    }
-
-    .data-fields {
-      display: flex;
-      flex-wrap: wrap;
-
-      span {
-        position: relative;
-        font-size: 0.875rem;
-        font-weight: 500;
-
-        &:after {
-          content: "|";
-          margin: 0 0.25rem;
-          color: #dcdcdc;
-        }
-
-        &:last-child:after {
-          display: none;
-        }
-      }
-    }
-
-    .edit-button {
-      padding: 0;
-      font-size: 0.875rem;
-      font-weight: 600;
-      color: #0e8ce2;
-      text-decoration: underline;
-
-      &:focus {
-        box-shadow: none;
-      }
-    }
-
-    input {
-      border-radius: 0.5rem;
-    }
-
-    form {
-      margin-top: 1.25rem;
-
-      .controls {
-        display: flex;
-        gap: 2rem;
-        align-items: flex-start;
-        flex-wrap: wrap;
-      }
-
-      .form-group {
-        flex: 1;
-      }
-
-      button[type="submit"] {
-        white-space: nowrap;
-      }
-    }
-
-    .loader {
-      height: 10rem;
-    }
-  }
-  button[type="submit"] {
-    margin-top: 1.5rem;
-  }
-}

package/dist/styles/report/ReportRunnerModal.scss

@@ -1,95 +0,0 @@
-.report-runner-modal {
-    .modal-dialog {
-      @include media-breakpoint-up(sm) {
-        max-width: 45rem;
-      }
-    }
-  
-    .modal-content {
-      max-width: 45rem;
-      margin: 0 auto;
-      padding: 1.25rem 1.5rem;
-  
-      header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 1rem;
-        border-bottom: 2px solid #dcdcdc;
-  
-        h5 {
-          margin-bottom: 0;
-          font-size: 1.125rem;
-          font-weight: 500;
-        }
-  
-        button {
-          padding-top: 0.5rem;
-          padding-bottom: 0.5rem;
-          font-size: 0.875rem;
-          font-weight: 600;
-          color: #0e8ce2;
-        }
-      }
-  
-      .data-fields {
-        display: flex;
-        flex-wrap: wrap;
-  
-        span {
-          position: relative;
-          font-size: 0.875rem;
-          font-weight: 500;
-  
-          &:after {
-            content: "|";
-            margin: 0 0.25rem;
-            color: #dcdcdc;
-          }
-  
-          &:last-child:after {
-            display: none;
-          }
-        }
-      }
-  
-      .edit-button {
-        padding: 0;
-        font-size: 0.875rem;
-        font-weight: 600;
-        color: #0e8ce2;
-        text-decoration: underline;
-  
-        &:focus {
-          box-shadow: none;
-        }
-      }
-  
-      input {
-        border-radius: 0.5rem;
-      }
-  
-      form {
-        margin-top: 1.25rem;
-  
-        .controls {
-          display: flex;
-          gap: 2rem;
-          align-items: flex-start;
-          flex-wrap: wrap;
-        }
-  
-        .form-group {
-          flex: 1;
-        }
-  
-        button[type="submit"] {
-          white-space: nowrap;
-        }
-      }
-  
-      .loader {
-        height: 10rem;
-      }
-    }
-  }

package/src/assets/dashboard/info.svg

@@ -1,8 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
-    xmlns="http://www.w3.org/2000/svg">
-    <g id="Info icon">
-        <circle id="Oval" cx="10" cy="6" r="1.25" fill="#0E8CE2"/>
-        <rect id="Rectangle" x="9" y="8" width="2" height="7" fill="#0E8CE2"/>
-        <circle id="Oval_2" cx="10" cy="10" r="9" stroke="#0E8CE2" stroke-width="2"/>
-    </g>
-</svg>

package/src/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.tsx

@@ -1,43 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { useIntl } from "react-intl";
-import * as Config from "@licklist/core/dist/Config";
-import { OrderItem } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
-
-type ProductSummaryProps = {
-  name?: string;
-  productQuantityError?: string;
-  orderProduct: OrderItem;
-};
-
-export const ProductSummary = ({
-  name,
-  productQuantityError,
-  orderProduct,
-}: ProductSummaryProps) => {
-  const { t } = useTranslation("Design");
-  const { formatNumber } = useIntl();
-
-  const price = formatNumber(
-    (orderProduct?.deposit || orderProduct?.price || 0) *
-      orderProduct?.quantity,
-    { style: "currency", currency: Config.Currency.GBP }
-  );
-
-  return (
-    <div className="product">
-      <p className="m-0 name">{name ?? orderProduct?.name}</p>
-      <div className="d-flex justify-content-between">
-        <p className="m-0">
-          {t("shortQuantity")}:&nbsp;{orderProduct?.quantity}
-        </p>
-
-        <p className="price">{price}</p>
-      </div>
-
-      {productQuantityError && (
-        <p className="iframe-event__message-error">{productQuantityError}</p>
-      )}
-    </div>
-  );
-};

package/src/iframe/order-process/components/BookingSummary/components/ProductSummary/index.ts

@@ -1 +0,0 @@
-export * from "./ProductSummary";

package/src/report/DataFieldsSelector/DataFieldsSelector.tsx

@@ -1,112 +0,0 @@
-import React, { ChangeEvent } from "react";
-import { useId } from "@react-aria/utils";
-import { xor } from "lodash";
-import { useTranslation } from "react-i18next";
-import { Form, Row, Col } from "react-bootstrap";
-import { Controller, useFormContext } from "react-hook-form";
-import { LoaderIndicator } from "../../static/loader/LoaderIndicator";
-
-type ReportField = {
-  id: number;
-  key: string;
-  title: string;
-};
-
-interface DataFieldsSelectorType {
-  reportFields: ReportField[];
-  isLoading?: boolean;
-}
-
-export const DataFieldsSelector = ({
-  reportFields,
-  isLoading,
-}: DataFieldsSelectorType) => {
-  const { t } = useTranslation(["App", "Design"]);
-  const {
-    control,
-    formState: { errors },
-  } = useFormContext();
-
-  return (
-    <>
-      {isLoading && (
-        <div className="report-fields-loader">
-          <LoaderIndicator />
-        </div>
-      )}
-
-      {!isLoading && (
-        <>
-          <Form.Label className="mt-4">{t("dataFields")}</Form.Label>
-          <Row>
-            <Controller
-              name="reportFieldValues"
-              data-testid="report-field-values-select"
-              control={control}
-              rules={{
-                validate: (value) => {
-                  if (value.length > 0) return true;
-                  return t("dataFieldRequired") as string;
-                },
-              }}
-              render={({ field }) => {
-                const onChange = (e: ChangeEvent<HTMLInputElement>) => {
-                  // xor adds value if not present, removes if present
-                  field.onChange(xor(field.value, [Number(e.target.value)]));
-                };
-
-                return (
-                  <>
-                    {reportFields?.map((reportField) => (
-                      <Col key={reportField.id} lg={6}>
-                        <Checkbox
-                          value={reportField.id}
-                          onChange={onChange}
-                          label={reportField.title}
-                          checked={field.value.includes(reportField.id)}
-                        />
-                      </Col>
-                    ))}
-                  </>
-                );
-              }}
-            />
-          </Row>
-
-          {errors.reportFieldValues?.message && (
-            <Row>
-              <Col>
-                <div className="invalid-feedback field-values-error">
-                  {errors.reportFieldValues?.message}
-                </div>
-              </Col>
-            </Row>
-          )}
-        </>
-      )}
-    </>
-  );
-};
-
-type CheckboxProps = {
-  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-  value: number;
-  label: string;
-  checked: boolean;
-};
-
-const Checkbox = ({ onChange, value, label, checked }: CheckboxProps) => {
-  const checkboxId = useId();
-
-  return (
-    <Form.Group controlId={checkboxId} className="custom-checkbox">
-      <Form.Check
-        label={label}
-        value={value}
-        onChange={onChange}
-        checked={checked}
-        custom
-      />
-    </Form.Group>
-  );
-};

package/src/report/DataFieldsSelector/index.ts

@@ -1 +0,0 @@
-export * from "./DataFieldsSelector";

package/src/report/ReportRunnerModal/ReportRunnerModal.tsx

@@ -1,187 +0,0 @@
-import { Report, ReportType } from "@licklist/core/dist/DataMapper/Report";
-import { capitalize } from "lodash";
-import React from "react";
-import { Button, Form, Modal } from "react-bootstrap";
-import { useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { openOnlineViewer } from "@licklist/plugins/dist/utils/report";
-import { HttpQuery } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
-import { CachedHttpQueryResponse } from "@licklist/plugins/dist/hooks/Api/useCachedHttpQuery";
-import { BlockLoader } from "../../static/loader";
-
-interface ReportField {
-  id: number;
-  key: string;
-  title: string;
-}
-
-type ReportRunnerModalProps = {
-  reportId: Report["id"] | null;
-  show: boolean;
-  useShowReportFields: (
-    reportType?: ReportType
-  ) => CachedHttpQueryResponse<ReportField[], unknown>;
-  generate?: HttpQuery<Record<string, string>[] | null>;
-  download?: HttpQuery<Blob | null>;
-  onHide: () => void;
-  onEdit: () => void;
-  reports?: Report[] | null;
-};
-
-type FormValues = {
-  dateFrom: string;
-  dateTo: string;
-};
-
-export const ReportRunnerModal = ({
-  reportId,
-  show,
-  onHide,
-  useShowReportFields,
-  reports,
-  generate,
-  download,
-  onEdit,
-}: ReportRunnerModalProps) => {
-  const { t } = useTranslation(["App", "Design"]);
-  const report = reports?.find((report) => report.id === reportId);
-
-  const { data: reportFields = [], isLoading: isLoadingReportFields } =
-    useShowReportFields(report?.type);
-
-  const {
-    handleSubmit,
-    register,
-    formState: { errors },
-    reset,
-    watch,
-  } = useForm<FormValues>({ mode: "onChange" });
-  const dateFrom = watch("dateFrom");
-
-  const onDownload = handleSubmit((values) => {
-    download.execute({ ...values, reportId, type: report?.type });
-  });
-
-  const onViewOnline = handleSubmit(async (values) => {
-    const data = await generate.execute({
-      ...values,
-      reportId,
-    });
-    if (!report || !data || generate.isError) return;
-
-    openOnlineViewer({
-      type: report.type,
-      dateFrom: values.dateFrom,
-      dateTo: values.dateTo,
-      data,
-    });
-  });
-
-  const onClose = () => {
-    reset();
-    onHide();
-  };
-
-  const isLoading =
-    generate.isLoading || download.isLoading || isLoadingReportFields;
-
-  return (
-    <Modal
-      show={show}
-      onHide={onClose}
-      className="report-runner-modal"
-      centered
-    >
-      <header>
-        <h5>{t("generateReport")}</h5>
-        <Button variant="" data-testid="cancel-button" onClick={onClose}>
-          {t("cancel")}
-        </Button>
-      </header>
-
-      {isLoading && <BlockLoader />}
-
-      {!isLoading && (
-        <div>
-          <div className="report-type-label">{capitalize(report?.type)}</div>
-          <div>{report?.name}</div>
-          <div className="data-fields">
-            {report?.reportFieldValues.map((fieldValue) => {
-              const field = reportFields?.find(
-                (field) => field.id === fieldValue.reportFieldId
-              );
-              if (!field) return null;
-              return <span key={fieldValue.id}>{field.title}</span>;
-            })}
-          </div>
-
-          <Button
-            className="edit-button"
-            type="button"
-            variant=""
-            data-testid="edit-button"
-            onClick={onEdit}
-          >
-            {t("Design:edit")}
-          </Button>
-
-          <form noValidate>
-            <div className="controls">
-              <Form.Group controlId="from-input">
-                <Form.Label>{t("Design:from")}</Form.Label>
-                <Form.Control
-                  type="datetime-local"
-                  data-testid="date-from-input"
-                  isInvalid={!!errors.dateFrom}
-                  {...register("dateFrom", {
-                    required: {
-                      value: true,
-                      message: `${t("Validation:fieldRequired", {
-                        attribute: t("Design:to"),
-                      })}`,
-                    },
-                  })}
-                />
-                <Form.Control.Feedback type="invalid">
-                  {errors.dateFrom?.message}
-                </Form.Control.Feedback>
-              </Form.Group>
-
-              <Form.Group controlId="to-input">
-                <Form.Label>{t("Design:to")}</Form.Label>
-                <Form.Control
-                  type="datetime-local"
-                  data-testid="date-to-input"
-                  isInvalid={!!errors.dateTo}
-                  {...register("dateTo", {
-                    required: `${t("Validation:fieldRequired", {
-                      attribute: t("Design:to"),
-                    })}`,
-                    validate(value) {
-                      if (!dateFrom) return true;
-                      if (value > dateFrom) return true;
-                      return t("toDateAfterFrom") as string;
-                    },
-                  })}
-                />
-                <Form.Control.Feedback type="invalid">
-                  {errors.dateTo?.message}
-                </Form.Control.Feedback>
-              </Form.Group>
-            </div>
-
-            <div className="controls">
-              <Button data-testid="download-button" onClick={onDownload}>
-                {t("generateDownload")}
-              </Button>
-
-              <Button data-testid="view-button" onClick={onViewOnline}>
-                {t("generateView")}
-              </Button>
-            </div>
-          </form>
-        </div>
-      )}
-    </Modal>
-  );
-};

package/src/report/ReportRunnerModal/index.ts

@@ -1 +0,0 @@
-export * from "./ReportRunnerModal";