josenanodev-react-components-library 0.0.1 → 0.0.3

package/dist/cjs/components/Multicalendar/subcomponents/individuals/DatesRow/DatesRow.css

@@ -0,0 +1,60 @@
+.dates-row {
+  box-sizing: border-box;
+  display: flex;
+  flex-flow: row;
+  overflow-y: hidden;
+}
+
+.dates-row .date-cell {
+  position: relative;
+}
+
+.dates-row .date-cell .div-date-cell,
+.dates-row .date-cell .div-date-cell-today {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 48px;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.dates-row .date-cell .div-date-cell-today div {
+  border-radius: 4px;
+  background: var(--primary-color);
+  color: rgb(255, 255, 255);
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 800;
+  width: 40px;
+  height: 40px;
+  padding: 1px 0;
+}
+
+.dates-row .date-cell .div-date-cell p,
+.dates-row .date-cell .div-date-cell-today p {
+  margin: 0;
+  font-size: 14px;
+  line-height: 18px;
+}
+
+.dates-row .date-cell .month-start {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  box-sizing: border-box;
+  border-left: 1px solid rgb(235, 235, 235);
+}
+
+.dates-row .date-cell .month-start p {
+  margin: 0;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 600;
+  white-space: nowrap;
+  padding-left: 8px;
+  padding-top: 8px;
+}
+

package/dist/cjs/components/Multicalendar/subcomponents/individuals/DatesRow/types.d.ts

@@ -0,0 +1,11 @@
+import { languageType } from "../../../../../languages/types";
+
+export interface DatesRowPropsType {
+    visibleDates: Date[];
+    width: number;
+    height: number;
+    cellsWidth: number;
+    cellsHeight: number;
+    offset: number;
+    language: languageType;
+  }

package/dist/cjs/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation.css

@@ -0,0 +1,14 @@
+ .dropdown-month-navigation {
+    position: relative;
+    display: flex;
+    width: 200px;
+    margin: 0px 10px;
+    border: 1px solid rgb(216, 216, 216);
+    color: black;
+    background-color: white;
+    border-radius: 6px;
+    white-space: nowrap;
+    font-size: 14px;
+    line-height: 18px;
+    height: 28px;
+  }

package/dist/cjs/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/types.d.ts

@@ -0,0 +1,5 @@
+export interface DropdownMonthNavigationPropsType {
+  minimumVisibleDate: Date;
+  onChangeAction: Function;
+  options: JSX.Element[];
+}

package/dist/cjs/components/Multicalendar/subcomponents/individuals/ListElement/ListElement.css

@@ -0,0 +1,14 @@
+.list-element {
+  position: relative;
+  border-bottom: 1px solid rgb(235, 235, 235);
+  box-sizing: border-box;
+  background-color: white;
+  cursor: pointer;
+  overflow: hidden;
+}
+
+.list-element:hover {
+  background-color: rgb(240, 240, 240);
+}
+
+

package/dist/cjs/components/Multicalendar/subcomponents/individuals/ListElement/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactListElementChildrenType } from "../../../types";
+
+export interface ListElementPropsType {
+  listElementId: string | number;
+  ReactListElementChildren: ReactListElementChildrenType;
+  height: number;
+}

package/dist/cjs/components/Multicalendar/types.d.ts

@@ -0,0 +1,41 @@
+import { languageType } from "../../languages/types";
+
+export interface MulticalendarPropsType {
+  multicalendarId: string;
+  ReactCellChildren: ReactCellChildrenType;
+  ReactListElementChildren: ReactListElementChildrenType;
+  listElementsIdsArray: string[] | number[];
+  language: languageType,
+  cellsWidth?: number;
+  cellsHeight?: number;
+  verticalAxisWidth?: number;
+  horizontalAxisHeight?: number;
+  horizontalInitialCellQuantity?: number;
+  chunkRenderX?: number;
+  chunkRenderY?: number;
+  draggingOverDateCells?: boolean,
+  dynamicPagination?: boolean;
+  logoUrl?: string;
+  waitTimeForCalls?: number;
+  callsOnScrollingStops?: Function;
+}
+
+export interface RenderCoordinatesType {
+  x: number;
+  y: number;
+}
+
+export type ReactCellChildrenType = React.ElementType<CellChildrenPropsType>;
+
+export type ReactListElementChildrenType =
+  React.ElementType<ListElementChildrenPropsType>;
+
+export interface CellChildrenPropsType {
+  date: string;
+  /**Date in SQL format, i.e. 1993-03-29 */
+  listElementId: string | number;
+}
+
+export interface ListElementChildrenPropsType {
+  listElementId: string | number;
+}

package/dist/cjs/index.css

@@ -0,0 +1,77 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
+    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: black;
+}
+
+body p {
+  line-height: normal;
+  margin: 0;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+
+:root {
+  --primary-color: #ec6321;
+  --secondary-color: #46ba0d;
+  --green-palette-one: #7bce51;
+  --green-palette-two: #52ac25;
+  --green-palette-three: #3a8117;
+  --green-palette-four: #27580f;
+  --green-palette-five: #1b3a0c;
+}
+
+input[type="checkbox"] {
+  /* Add if not using autoprefixer */
+  -webkit-appearance: none;
+  /* Remove most all native input styles */
+  appearance: none;
+  /* For iOS < 15 */
+  background-color: white;
+  /* Not removed via appearance */
+  margin: 0;
+
+  font: inherit;
+  color: dimgray;
+  min-width: 1.15em;
+  width: 1.15em;
+  height: 1.15em;
+  border: 0.15em solid dimgray;
+  border-radius: 0.15em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+input[type="checkbox"]::before {
+  content: "";
+  width: 0.65em;
+  height: 0.65em;
+  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
+  transform: scale(0);
+  transform-origin: bottom left;
+  transition: 120ms transform ease-in-out;
+  box-shadow: inset 1em 1em var(--primary-color);
+  /* Windows High Contrast Mode */
+  background-color: CanvasText;
+}
+
+input[type="checkbox"]:checked::before {
+  transform: scale(1);
+}
+
+input[type="checkbox"]:focus {
+  outline: max(2px, 0.08em) solid rgb(145, 145, 145);
+  outline-offset: max(2px, 0.08em);
+}
+
+input[type="checkbox"]:disabled {
+  color: rgb(165, 165, 165);
+  cursor: not-allowed;
+}

package/dist/cjs/languages/types.d.ts

@@ -0,0 +1,192 @@
+export type languageType = {[key: string]: string} & {
+    "of": string
+    "Automatized": string,
+    "properties": string,
+    "stablishment": string,
+    "stablishments": string,
+    "Loading": string,
+    "Today": string,
+    "Filters": string,
+    "Search": string,
+    "Property Manager": string,
+    "Zones": string,
+    "Properties": string,
+    "Categories": string,
+    "Clear filters": string,
+    "monday": string,
+    "tuesday": string,
+    "wednesday": string,
+    "thursday": string,
+    "friday": string,
+    "saturday": string,
+    "sunday": string,
+    "january": string,
+    "february": string,
+    "march": string,
+    "april": string,
+    "may": string,
+    "june": string,
+    "july": string,
+    "august": string,
+    "september": string,
+    "october": string,
+    "november": string,
+    "december": string,
+    "days": string,
+    "Reload": string,
+    "Reload properties": string,
+    "Reload prices": string,
+    "Competitors": string,
+    "Quick view": string,
+    "View KPIs": string,
+    "Recommended price": string,
+    "Minimal price": string,
+    "Base price": string,
+    "PMS price": string,
+    "Change by quantity": string,
+    "Change by percentage": string,
+    "Competitors price": string,
+    "Minimal stay": string,
+    "Availability": string,
+    "Auto adjustment": string,
+    "Ajust leftout days": string,
+    "Send prices to OTAs": string,
+    "Update competitors prices": string,
+    "Go back to original values": string,
+    "Updating competitors prices": string,
+    "Select price type": string,
+    "Base": string,
+    "Recommended": string,
+    "Minimal": string,
+    "It is the ideal price of the market": string,
+    "It is the price desired by the property manager": string,
+    "It is the highest value between recommended and base price": string,
+    "Go back": string,
+    "Apply": string,
+    "Send": string,
+    "Cancel": string,
+    "Schedule": string,
+    "Menu": string,
+    "Multidashboard": string,
+    "Settings": string,
+    "General report": string,
+    "Property resume": string,
+    "Price settings": string,
+    "Update competitors prices up to 1 year": string,
+    "Performance manager": string,
+    "Pickup": string,
+    "Forecast": string,
+    "Rate shopper": string,
+    "Aspirational compset": string,
+    "Individual dashboard": string,
+    "Individual report": string,
+    "Schedule automatic prices sends": string,
+    "Send new prices now": string,
+    "Select date range": string,
+    "Custom range": string,
+    "Generate prices Excel file": string,
+    "Select channels, Mark Up and currency": string,
+    "Channel": string,
+    "Mark Up": string,
+    "MLOS": string,
+    "Currency": string,
+    "Add channel": string,
+    "Export to Excel": string,
+    "Save settings": string,
+    "Controls": string,
+    "General data": string,
+    "Work days": string,
+    "Weekends and holydays": string,
+    "Fixed expenses": string,
+    "Varaible expenses": string,
+    "Local currency": string,
+    "Symbol": string,
+    "Cleaning fee": string,
+    "Weekdays discounts": string,
+    "Seasons discounts": string,
+    "High": string,
+    "Medium high": string,
+    "Medium": string,
+    "Medium low": string,
+    "Low": string,
+    "Left out days": string,
+    "Release": string,
+    "Increase": string,
+    "Occupation rules": string,
+    "Apply rules": string,
+    "Max OCC": string,
+    "Max ADR": string,
+    "Final autoprice": string,
+    "Release (N days)": string,
+    "% Occupation": string,
+    "% Discount": string,
+    "Maximum": string,
+    "Pax. Mapped": string,
+    "Minimal occ.": string,
+    "Maxmimum occ.": string,
+    "Type of adjustment": string,
+    "Personalized": string,
+    "Price per guest": string,
+    "Occupation": string,
+    "Pax occupation": string,
+    "Price": string,
+    "Guests": string,
+    "Regular price rised by:": string,
+    "Regular price decreased by:": string,
+    "PAX price": string,
+    "Go back to Multiprice": string,
+    "Seasons": string,
+    "1º Fortnight": string;
+    "2º Fortnight": string;
+    "Workdays": string;
+    "Weekend": string;
+    "Go back to initial price settings": string;
+    "Settings saved succesfully": string;
+    "Seasons and minimal stays saved succesfully": string;
+    "An error has ocurred, try again later": string;
+    "All task have been succesfully achived. We are waiting to recieve data from the OTA. This task can take up to 15min.": string,
+    "It was no possible to send the task to update the competitors prices": string;
+    "Server is under mantanance, please wait until the service is brought back to you": string;
+    "There has been an error, please try again": string;
+    "prices will be sent periodically": string;
+    "Selected dates": string;
+    "Days range": string;
+    "Revenue": string;
+    "ADR": string;
+    "Appliable days of the week": string;
+    "Manual edition": string;
+    "Period": string;
+    "Protect prices": string;
+    "Protect MLOS": string;
+    "Unprotect prices": string;
+    "Unprotect MLOS": string;
+    "Import prices from PMS": string;
+    "Settings type": string;
+    "Customized": string;
+    "Prices have been successfully sent": string;
+    "There has been an error while trying to send the selected prices, please try again later": string;
+    "Copy settings to other properties": string;
+    "Select the properties to which the settings will be copied": string;
+    "NOTE: All the settings on the selected properties will be overwriten, previous settings in each of the will be lost": string;
+    "Request import": string;
+    "Atention!": string;
+    "You are trying to lower a price below the minimal price, this can't be done, the price will stay at the minimum": string;
+    "Don't show this again": string;
+    "Import successfully requested, this task can take up to 10 minutes": string;
+    "Import requested have failed, please try again later": string;
+    "Some custom changes are not protected": string;
+    "There are unprotected custom changes that will be sent. Remember to protect any change in base price or minimal stay, otherwise the changes will be lost on further calculus": string;
+    "Protect changes and send": string;
+    "Send changes without protecting": string;
+    "Please define base price values before saving": string;
+    "Please define pax mapped before saving": string;
+    "Do you want to save your changes?": string;
+    "A request will be sent to save your settings": string;
+    "Minimal price by season": string;
+    "Minimum price according to costs": string;
+    "Break even": string;
+    "The minimal price of a season can't be lower than the minimal price according to costs": string;
+    "Season": string;
+    "Event": string;
+    "Holiday": string;
+  }

package/dist/cjs/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

package/dist/esm/common/types.d.ts

@@ -0,0 +1,113 @@
+import { languageType } from "./assets/languages/types";
+
+export interface customWindow extends Window {
+  access: string;
+  propertyManagerCode: string;
+  propertyManagerLookAndFeelCode: string;
+  languageCode: string;
+  actionUrl: string;
+}
+
+export interface SagaActionParamsType<T> {
+  type: string;
+  payload: T;
+  repeatsLeft: number;
+  persistentReduxAction: string;
+  reduxError: string;
+  showErrorMessage?: boolean;
+  millisecondsWait?: number;
+}
+
+export interface NotificationsReducerStateType {
+  quickNotifications: QuickNotificationsType[];
+}
+
+export interface lookAndFeelType {
+  code: string;
+  logoUrl: string;
+  primaryColor: string;
+  secondaryColor: string;
+  fontFamily: "Roboto" | "Bitter" | "Dosis" | "Figtree" | "Mulish" | "Nunito Sans";
+  enabled: boolean;
+  propertyManagerCode?: string;
+}
+
+export interface AppSettingsReducerStateType {
+  view: "multidestiny";
+  language: languageType;
+  lookAndFeel?: lookAndFeelType;
+}
+
+export interface DestiniesReducerStateType {
+  countries: CountryType[];
+  regions: RegionType[];
+  provinces: ProvinceType[];
+  municipalities: MunicipalityType[];
+  mixedDestinies: DestinyType[];
+}
+
+export interface DatesReducerStateType {
+  draggingOverDateCells: boolean;
+}
+
+export interface QuickNotificationsType {
+  text: string;
+  creation: Date;
+  type: "info" | "error" | "ok";
+}
+
+export interface CountryType {
+  code: string;
+  name: string;
+}
+
+export interface RegionType {
+  code: string;
+  name: string;
+  country: {
+    code: string;
+    name: string;
+  };
+}
+
+export interface ProvinceType {
+  code: string;
+  name: string;
+  country: {
+    code: string;
+    name: string;
+  };
+  region: {
+    code: string;
+    name: string;
+  };
+}
+
+export interface MunicipalityType {
+  code: string;
+  name: string;
+  country: {
+    code: string;
+    name: string;
+  };
+  region: {
+    code: string;
+    name: string;
+  };
+  province: {
+    code: string;
+    name: string;
+  };
+}
+
+export type DestinyType = (CountryType | RegionType | ProvinceType | MunicipalityType) & {
+  type: "country" | "region" | "province" | "municipality";
+};
+
+export type SeasonsType = "high" | "medium high" | "medium" | "medium low" | "low"
+
+export type EventsType = "1" | "2" | "3"
+
+export type HolidaysType = "1" | "2" | "3"
+
+export type OccupationsType = "high" | "medium" | "low"