josenanodev-react-components-library 0.0.2 → 0.0.4

package/dist/esm/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/esm/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./components";
-export { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
+import Multicalendar from "./components/Multicalendar/Multicalendar";
+import { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
+export { Multicalendar, setMulticalendarYScrollPosition };

package/dist/esm/index.js

@@ -1,3 +1,4 @@
-export * from "./components";
-export { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
+import Multicalendar from "./components/Multicalendar/Multicalendar";
+import { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
+export { Multicalendar, setMulticalendarYScrollPosition };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAE5F,OAAO,EAAE,aAAa,EAAE,+BAA+B,EAAE,CAAC"}

package/dist/esm/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/esm/react-app-env.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "josenanodev-react-components-library",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "author": "Jose Carlos Cardenas Martinez",
   "description": "Libreria de componentes React personales",
   "license": "MIT",
@@ -36,6 +36,7 @@
     "@types/react-test-renderer": "^18.0.0",
     "babel-cli": "^6.26.0",
     "babel-loader": "^8.3.0",
+    "copyfiles": "^2.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.7.1",
@@ -49,9 +50,13 @@
   },
   "scripts": {
     "start": "set PORT=80 && react-scripts start",
-    "build": "rm -rf /dist && npm run build:esm && npm run build:cjs",
+    "build": "rm -rf ./dist && npm run build:esm && npm run build:cjs && npm run copy-dts:cjs  && npm run copy-dts:esm  && npm run copy-css:cjs  && npm run copy-css:esm ",
     "build:esm": "tsc",
     "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
+    "copy-dts:cjs": "copyfiles -u 1 \"src/**/*.d.ts\" dist/cjs",
+    "copy-dts:esm": "copyfiles -u 1 \"src/**/*.d.ts\" dist/esm",
+    "copy-css:cjs": "copyfiles -u 1 \"src/**/*.css\" dist/cjs",
+    "copy-css:esm": "copyfiles -u 1 \"src/**/*.css\" dist/esm",
     "test": "jest --coverage",
     "tsc": "tsc",
     "storybook": "start-storybook -p 6006",

package/dist/cjs/components/index.d.ts

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

package/dist/cjs/components/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Multicalendar/Multicalendar"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gEAA6C"}

package/dist/cjs/stories/Button.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import './button.css';
-interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;
-export {};

package/dist/cjs/stories/Button.js

@@ -1,29 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const react_1 = __importDefault(require("react"));
-require("./button.css");
-/**
- * Primary UI component for user interaction
- */
-const Button = (_a) => {
-    var { primary = false, size = 'medium', backgroundColor, label } = _a, props = __rest(_a, ["primary", "size", "backgroundColor", "label"]);
-    const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
-    return (react_1.default.createElement("button", Object.assign({ type: "button", className: ['storybook-button', `storybook-button--${size}`, mode].join(' '), style: { backgroundColor } }, props), label));
-};
-exports.Button = Button;
-//# sourceMappingURL=Button.js.map

package/dist/cjs/stories/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/stories/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,wBAAsB;AAyBtB;;GAEG;AACI,MAAM,MAAM,GAAG,CAAC,EAMT,EAAE,EAAE;QANK,EACrB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,QAAQ,EACf,eAAe,EACf,KAAK,OAEO,EADT,KAAK,cALa,+CAMtB,CADS;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B,CAAC;IACnF,OAAO,CACL,wDACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,kBAAkB,EAAE,qBAAqB,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5E,KAAK,EAAE,EAAE,eAAe,EAAE,IACtB,KAAK,GAER,KAAK,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}

package/dist/cjs/stories/Header.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import './header.css';
-type User = {
-    name: string;
-};
-interface HeaderProps {
-    user?: User;
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;
-export {};

package/dist/cjs/stories/Header.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
-const react_1 = __importDefault(require("react"));
-const Button_1 = require("./Button");
-require("./header.css");
-const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (react_1.default.createElement("header", null,
-    react_1.default.createElement("div", { className: "wrapper" },
-        react_1.default.createElement("div", null,
-            react_1.default.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg" },
-                react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-                    react_1.default.createElement("path", { d: "M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z", fill: "#FFF" }),
-                    react_1.default.createElement("path", { d: "M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z", fill: "#555AB9" }),
-                    react_1.default.createElement("path", { d: "M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z", fill: "#91BAF8" }))),
-            react_1.default.createElement("h1", null, "Acme")),
-        react_1.default.createElement("div", null, user ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("span", { className: "welcome" },
-                "Welcome, ",
-                react_1.default.createElement("b", null, user.name),
-                "!"),
-            react_1.default.createElement(Button_1.Button, { size: "small", onClick: onLogout, label: "Log out" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Button_1.Button, { size: "small", onClick: onLogin, label: "Log in" }),
-            react_1.default.createElement(Button_1.Button, { primary: true, size: "small", onClick: onCreateAccount, label: "Sign up" })))))));
-exports.Header = Header;
-//# sourceMappingURL=Header.js.map

package/dist/cjs/stories/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/stories/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,qCAAkC;AAClC,wBAAsB;AAaf,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAe,EAAE,EAAE,CAAC,CACnF;IACE,uCAAK,SAAS,EAAC,SAAS;QACtB;YACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;gBAChF,qCAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;oBAC/B,wCACE,CAAC,EAAC,mFAAmF,EACrF,IAAI,EAAC,MAAM,GACX;oBACF,wCACE,CAAC,EAAC,kEAAkE,EACpE,IAAI,EAAC,SAAS,GACd;oBACF,wCACE,CAAC,EAAC,gEAAgE,EAClE,IAAI,EAAC,SAAS,GACd,CACA,CACA;YACN,iDAAa,CACT;QACN,2CACG,IAAI,CAAC,CAAC,CAAC,CACN;YACE,wCAAM,SAAS,EAAC,SAAS;;gBACd,yCAAI,IAAI,CAAC,IAAI,CAAK;oBACtB;YACP,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAG,CACzD,CACJ,CAAC,CAAC,CAAC,CACF;YACE,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,QAAQ,GAAG;YACxD,8BAAC,eAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAC,SAAS,GAAG,CACxE,CACJ,CACG,CACF,CACC,CACV,CAAC;AAvCW,QAAA,MAAM,UAuCjB"}

package/dist/cjs/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.VFC;

package/dist/cjs/stories/Page.js

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Page = void 0;
-const react_1 = __importDefault(require("react"));
-const Header_1 = require("./Header");
-require("./page.css");
-const Page = () => {
-    const [user, setUser] = react_1.default.useState();
-    return (react_1.default.createElement("article", null,
-        react_1.default.createElement(Header_1.Header, { user: user, onLogin: () => setUser({ name: 'Jane Doe' }), onLogout: () => setUser(undefined), onCreateAccount: () => setUser({ name: 'Jane Doe' }) }),
-        react_1.default.createElement("section", null,
-            react_1.default.createElement("h2", null, "Pages in Storybook"),
-            react_1.default.createElement("p", null,
-                "We recommend building UIs with a",
-                ' ',
-                react_1.default.createElement("a", { href: "https://componentdriven.org", target: "_blank", rel: "noopener noreferrer" },
-                    react_1.default.createElement("strong", null, "component-driven")),
-                ' ',
-                "process starting with atomic components and ending with pages."),
-            react_1.default.createElement("p", null, "Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"),
-            react_1.default.createElement("ul", null,
-                react_1.default.createElement("li", null, "Use a higher-level connected component. Storybook helps you compose such data from the \"args\" of child component stories"),
-                react_1.default.createElement("li", null, "Assemble data in the page component from your services. You can mock these services out using Storybook.")),
-            react_1.default.createElement("p", null,
-                "Get a guided tutorial on component-driven development at",
-                ' ',
-                react_1.default.createElement("a", { href: "https://storybook.js.org/tutorials/", target: "_blank", rel: "noopener noreferrer" }, "Storybook tutorials"),
-                ". Read more in the",
-                ' ',
-                react_1.default.createElement("a", { href: "https://storybook.js.org/docs", target: "_blank", rel: "noopener noreferrer" }, "docs"),
-                "."),
-            react_1.default.createElement("div", { className: "tip-wrapper" },
-                react_1.default.createElement("span", { className: "tip" }, "Tip"),
-                " Adjust the width of the canvas with the",
-                ' ',
-                react_1.default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" },
-                    react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-                        react_1.default.createElement("path", { d: "M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z", id: "a", fill: "#999" }))),
-                "Viewports addon in the toolbar"))));
-};
-exports.Page = Page;
-//# sourceMappingURL=Page.js.map

package/dist/cjs/stories/Page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/stories/Page.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,qCAAkC;AAClC,sBAAoB;AAMb,MAAM,IAAI,GAAc,GAAG,EAAE;IAClC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAQ,CAAC;IAE/C,OAAO,CACL;QACE,8BAAC,eAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAClC,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,GACpD;QAEF;YACE,+DAA2B;YAC3B;;gBACmC,GAAG;gBACpC,qCAAG,IAAI,EAAC,6BAA6B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;oBAC7E,iEAAiC,CAC/B;gBAAC,GAAG;iFAEN;YACJ,8OAII;YACJ;gBACE,uKAGK;gBACL,qJAGK,CACF;YACL;;gBAC2D,GAAG;gBAC5D,qCAAG,IAAI,EAAC,qCAAqC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,0BAEnF;;gBACe,GAAG;gBACtB,qCAAG,IAAI,EAAC,+BAA+B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,WAE7E;oBAEF;YACJ,uCAAK,SAAS,EAAC,aAAa;gBAC1B,wCAAM,SAAS,EAAC,KAAK,UAAW;;gBAAyC,GAAG;gBAC5E,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;oBAChF,qCAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;wBAC/B,wCACE,CAAC,EAAC,sOAAsO,EACxO,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,GACX,CACA,CACA;iDAEF,CACE,CACF,CACX,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,IAAI,QA+Df"}

package/dist/cjs/utils/datesArray.test.d.ts

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

package/dist/cjs/utils/datesArray.test.js

@@ -1,24 +0,0 @@
-"use strict";
-/**
- * @jest-environment jsdom
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const datesArray_1 = __importDefault(require("./datesArray"));
-describe("Dates array generator functionality", () => {
-    it("Returns an array of dates in between the range", () => {
-        expect((0, datesArray_1.default)(new Date(1999, 11, 29), new Date(2000, 0, 2))).toStrictEqual([
-            new Date(1999, 11, 29, 12),
-            new Date(1999, 11, 30, 12),
-            new Date(1999, 11, 31, 12),
-            new Date(2000, 0, 1, 12),
-            new Date(2000, 0, 2, 12),
-        ]);
-    });
-    it("Returns an empty array if startDate is greater than endDate", () => {
-        expect((0, datesArray_1.default)(new Date(2000, 0, 2), new Date(1999, 11, 29))).toStrictEqual([]);
-    });
-});
-//# sourceMappingURL=datesArray.test.js.map

package/dist/cjs/utils/datesArray.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datesArray.test.js","sourceRoot":"","sources":["../../../src/utils/datesArray.test.ts"],"names":[],"mappings":";AAAA;;GAEG;;;;;AAEH,8DAAsC;AAEtC,QAAQ,CAAC,qCAAqC,EAAE,GAAG,EAAE;IACnD,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,MAAM,CAAC,IAAA,oBAAU,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;YAC7E,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;YAC1B,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;YAC1B,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;YAC1B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACxB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;SACzB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,6DAA6D,EAAE,GAAG,EAAE;QACrE,MAAM,CAAC,IAAA,oBAAU,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/utils/jsToSqlDate.test.d.ts

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

package/dist/cjs/utils/jsToSqlDate.test.js

@@ -1,16 +0,0 @@
-"use strict";
-/**
- * @jest-environment jsdom
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsToSqlDate_1 = __importDefault(require("./jsToSqlDate"));
-describe("JS to SQL date object formater", () => {
-    it("Parses to 1993-03-29 correctly", () => {
-        const dateObject = new Date(1993, 2, 29);
-        expect((0, jsToSqlDate_1.default)(dateObject)).toBe("1993-03-29");
-    });
-});
-//# sourceMappingURL=jsToSqlDate.test.js.map

package/dist/cjs/utils/jsToSqlDate.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"jsToSqlDate.test.js","sourceRoot":"","sources":["../../../src/utils/jsToSqlDate.test.ts"],"names":[],"mappings":";AAAA;;GAEG;;;;;AAEH,gEAAuC;AAEvC,QAAQ,CAAC,gCAAgC,EAAE,GAAE,EAAE;IAC3C,EAAE,CAAC,gCAAgC,EAAE,GAAE,EAAE;QACrC,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;QACxC,MAAM,CAAC,IAAA,qBAAW,EAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IACtD,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA"}

package/dist/cjs/utils/monthYearString.test.d.ts

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

package/dist/cjs/utils/monthYearString.test.js

@@ -1,16 +0,0 @@
-"use strict";
-/**
- * @jest-environment jsdom
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const monthYearString_1 = __importDefault(require("./monthYearString"));
-const es_ES_1 = __importDefault(require("../languages/es-ES"));
-describe("Month and year string funtionality", () => {
-    it("Correctly parses a date object to a translated string", () => {
-        expect((0, monthYearString_1.default)(new Date(1993, 2, 29), es_ES_1.default)).toBe("marzo 1993");
-    });
-});
-//# sourceMappingURL=monthYearString.test.js.map

package/dist/cjs/utils/monthYearString.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"monthYearString.test.js","sourceRoot":"","sources":["../../../src/utils/monthYearString.test.ts"],"names":[],"mappings":";AAAA;;GAEG;;;;;AAEH,wEAAgD;AAChD,+DAAuC;AAEvC,QAAQ,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAClD,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,CAAC,IAAA,yBAAe,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,eAAK,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/utils/numberOfDaysInAMonth.test.d.ts

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

package/dist/cjs/utils/numberOfDaysInAMonth.test.js

@@ -1,18 +0,0 @@
-"use strict";
-/**
- * @jest-environment jsdom
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-const numberOfDaysInAMonth_1 = require("./numberOfDaysInAMonth");
-describe("Number of days in a month functionality", () => {
-    it("Correctly returns the number of days of specified dates", () => {
-        expect((0, numberOfDaysInAMonth_1.numberOfDaysInAMonth)(new Date(1993, 2, 29))).toBe(31);
-        expect((0, numberOfDaysInAMonth_1.numberOfDaysInAMonth)(new Date(2023, 1, 12))).toBe(28);
-        expect((0, numberOfDaysInAMonth_1.numberOfDaysInAMonth)(new Date(2022, 0, 1))).toBe(31);
-        expect((0, numberOfDaysInAMonth_1.numberOfDaysInAMonth)(new Date(2024, 1, 29))).toBe(29);
-        expect((0, numberOfDaysInAMonth_1.numberOfDaysInAMonth)(new Date(2000, 6, 6))).toBe(31);
-        expect((0, numberOfDaysInAMonth_1.numberOfDaysInAMonth)(new Date(1980, 5, 10))).toBe(30);
-        expect((0, numberOfDaysInAMonth_1.numberOfDaysInAMonth)(new Date(1988, 10, 15))).toBe(30);
-    });
-});
-//# sourceMappingURL=numberOfDaysInAMonth.test.js.map

package/dist/cjs/utils/numberOfDaysInAMonth.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"numberOfDaysInAMonth.test.js","sourceRoot":"","sources":["../../../src/utils/numberOfDaysInAMonth.test.ts"],"names":[],"mappings":";AAAA;;GAEG;;AAEH,iEAA8D;AAE9D,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACvD,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,CAAC,IAAA,2CAAoB,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7D,MAAM,CAAC,IAAA,2CAAoB,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7D,MAAM,CAAC,IAAA,2CAAoB,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC5D,MAAM,CAAC,IAAA,2CAAoB,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7D,MAAM,CAAC,IAAA,2CAAoB,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC5D,MAAM,CAAC,IAAA,2CAAoB,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7D,MAAM,CAAC,IAAA,2CAAoB,EAAC,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}