@licklist/design 0.44.551-dev.8 → 0.44.551

package/src/report/ReportTypeSelect/ReportTypeSelect.tsx

@@ -1,68 +0,0 @@
-import { reportTypes } from "@licklist/core/dist/DataMapper/Report";
-import { capitalize } from "lodash";
-import React from "react";
-import { Row, Col, Form, OverlayTrigger, Popover } from "react-bootstrap";
-import { useFormContext } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { ReactComponent as InfoIcon } from "../../assets/dashboard/info.svg";
-
-export const ReportTypeSelect = () => {
-  const { t } = useTranslation(["App", "Design"]);
-
-  const {
-    register,
-    formState: { errors },
-    setValue,
-  } = useFormContext();
-
-  return (
-    <Row>
-      <Col lg={6} className="mt-4">
-        <Form.Group controlId="typeSelect">
-          <Form.Label>{t("reportType")}</Form.Label>
-
-          <Form.Control
-            as="select"
-            data-testid="report-type-select"
-            isInvalid={!!errors.type}
-            {...register("type", {
-              required: {
-                value: true,
-                message: `${t("Validation:fieldRequired", {
-                  attribute: t("reportType"),
-                })}`,
-              },
-            })}
-            onChange={(event) => {
-              register("type").onChange(event);
-              setValue("reportFieldValues", []);
-            }}
-          >
-            {reportTypes.map((reportType) => (
-              <option key={reportType} value={reportType}>
-                {capitalize(reportType)}
-              </option>
-            ))}
-          </Form.Control>
-
-          <Form.Control.Feedback type="invalid">
-            {errors.type?.message}
-          </Form.Control.Feedback>
-
-          <OverlayTrigger
-            trigger="hover"
-            overlay={
-              <Popover id="report-type-popover">
-                <Popover.Content className="reports-popover">
-                  {t("reportTypeSelectInfo")}
-                </Popover.Content>
-              </Popover>
-            }
-          >
-            <InfoIcon className="info-icon" />
-          </OverlayTrigger>
-        </Form.Group>
-      </Col>
-    </Row>
-  );
-};

package/src/report/ReportTypeSelect/index.ts

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

package/src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.stories.tsx

@@ -1,48 +0,0 @@
-import React, { useRef, useState } from "react";
-import { Meta, Story } from "@storybook/react";
-import { NumberInputHorizontal } from "./NumberInputHorizontal";
-
-export default {
-  title: "Manual Booking/NumberInputHorizontal",
-} as Meta;
-
-export const Default: Story<any> = (args) => {
-  const ref = useRef(null);
-  const [value, setValue] = useState(0);
-  const [isDisabled, setDisabled] = useState(true);
-
-  const onPriceClick = (e) => {
-    if (!isDisabled) {
-      return;
-    }
-    console.log("click");
-    setDisabled(false);
-  };
-
-  return (
-    <div
-      role="button"
-      tabIndex={0}
-      onClick={onPriceClick}
-      onKeyDown={onPriceClick}
-      style={{ height: "250px", width: "370px" }}
-    >
-      <NumberInputHorizontal
-        ref={ref}
-        hasCurrency
-        onSelect={onPriceClick}
-        onChange={(val) => {
-          setValue(val);
-        }}
-        onMinusClick={() => {
-          setValue(value - 1 || 0);
-        }}
-        onPlusClick={() => {
-          setValue((value ?? 0) + 1);
-        }}
-        value={value}
-        disabled={isDisabled}
-      />
-    </div>
-  );
-};

package/src/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/src/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;
-      }
-    }
-  }