pcm-shared-components 2.0.18 → 2.0.20

package/dist/index.js

@@ -28,6 +28,4 @@ import PlatformPaymentPlans from './components/Platform/PlatformPaymentPlans';
 import PlatformPlanTitles from './components/Platform/PlatformPlanTitles';
 import PlatformPlanPrices from './components/Platform/PlatformPlanPrices';
 import LoadingBackdrop from './components/Loaders/LoadingBackdrop';
-import ReservationTimelineComponent from './components/Timelines/ReservationTimelineComponent';
-import * as dateFormatter from './app/tools/date_formatter';
-export { TestButton, CodeHighlight, CustomFab, HelpButton, GenericDialogWindow, PcSharedComponentThemeInheritor, ImageCanvasDraw, PCMScrollbar, TwoColumnDisplay, SimpleTab, HrefLink, GenericAppBar, ReusablePopupMenu, SearchBar, TillButton, ProductItemButton, DropdownButton, translationResources, coreLocals, currencySymbol, DateRangeCalendar, SimpleLabel, CurrencyTextInput, ImageStack, PlatformPaymentPlans, PlatformPlanTitles, PlatformPlanPrices, LoadingBackdrop, ReservationTimelineComponent, dateFormatter };
+export { TestButton, CodeHighlight, CustomFab, HelpButton, GenericDialogWindow, PcSharedComponentThemeInheritor, ImageCanvasDraw, PCMScrollbar, TwoColumnDisplay, SimpleTab, HrefLink, GenericAppBar, ReusablePopupMenu, SearchBar, TillButton, ProductItemButton, DropdownButton, translationResources, coreLocals, currencySymbol, DateRangeCalendar, SimpleLabel, CurrencyTextInput, ImageStack, PlatformPaymentPlans, PlatformPlanTitles, PlatformPlanPrices, LoadingBackdrop };

package/dist/styles/tailwind.css

@@ -1 +1 @@
-*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.right-0{right:0}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.z-99{z-index:99}.m-auto{margin:auto}.m-12{margin:1.2rem}.mx-6{margin-left:.6rem;margin-right:.6rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-12{margin-left:1.2rem;margin-right:1.2rem}.my-4{margin-top:.4rem;margin-bottom:.4rem}.mx-0{margin-left:0;margin-right:0}.my-24{margin-top:2.4rem;margin-bottom:2.4rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-4{margin-left:.4rem;margin-right:.4rem}.my-12{margin-top:1.2rem;margin-bottom:1.2rem}.mx-2{margin-left:.2rem;margin-right:.2rem}.my-6{margin-top:.6rem;margin-bottom:.6rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.-ml-10{margin-left:-1rem}.ml-24{margin-left:2.4rem}.ml-0{margin-left:0}.mr-0{margin-right:0}.ml-4{margin-left:.4rem}.mt-12{margin-top:1.2rem}.mt-24{margin-top:2.4rem}.mt-auto{margin-top:auto}.mb-24{margin-bottom:2.4rem}.mr-24{margin-right:2.4rem}.mb-12{margin-bottom:1.2rem}.ml-1{margin-left:.1rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.mt-0{margin-top:0}.ml-6{margin-left:.6rem}.mt-6{margin-top:.6rem}.mb-2{margin-bottom:.2rem}.mb-6{margin-bottom:.6rem}.ml-12{margin-left:1.2rem}.mr-12{margin-right:1.2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.min-h-160{min-height:16rem}.min-h-256{min-height:25.6rem}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-2\/5{width:40%}.max-w-full{max-width:100%}.max-w-min{max-width:-moz-min-content;max-width:min-content}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.resize{resize:both}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overscroll-none{overscroll-behavior:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.4rem}.rounded-md{border-radius:.6rem}.rounded-lg{border-radius:.8rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-t-8{border-top-width:8px}.border-dashed{border-style:dashed}.border-transparent{border-color:#0000}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(67 160 71/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(34 41 47/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity))}.bg-gray-400\/75{background-color:#bdbdbdbf}.bg-yellow-100\/50{background-color:#fff9c480}.p-0{padding:0}.p-6{padding:.6rem}.p-12{padding:1.2rem}.px-4{padding-left:.4rem;padding-right:.4rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.px-2{padding-left:.2rem;padding-right:.2rem}.pl-4{padding-left:.4rem}.pt-12{padding-top:1.2rem}.pt-4{padding-top:.4rem}.pl-0{padding-left:0}.pr-0{padding-right:0}.pb-4{padding-bottom:.4rem}.pl-8{padding-left:.8rem}.text-center{text-align:center}.font-sans{font-family:Muli,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:Georgia,Cambria,Times New Roman,Times,serif}.text-sm{font-size:1.4rem;line-height:2rem}.text-17{font-size:1.7rem}.text-xl{font-size:2rem;line-height:2.8rem}.text-4xl{font-size:3.6rem;line-height:4rem}.text-base{font-size:1.6rem;line-height:2.4rem}.text-5xl{font-size:4.8rem;line-height:1}.text-2xl{line-height:3.2rem}.text-24,.text-2xl{font-size:2.4rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-900{font-weight:900}.font-500{font-weight:500}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.font-600{font-weight:600}.capitalize{text-transform:capitalize}.leading-tight{line-height:1.25}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(67 160 71/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(251 140 0/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-gray-500{text-decoration-color:#9e9e9e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-1{--tw-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--tw-shadow-colored:0px 2px 1px -1px var(--tw-shadow-color),0px 1px 1px 0px var(--tw-shadow-color),0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.drop-shadow-none{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-none{--tw-drop-shadow:drop-shadow(0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:translate-y-1:hover{--tw-translate-y:0.1rem}.hover\:rotate-3:hover,.hover\:translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-3:hover{--tw-rotate:3deg}.hover\:skew-y-3:hover{--tw-skew-y:3deg}.hover\:scale-105:hover,.hover\:skew-y-3:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:list-disc:hover{list-style-type:disc}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(56 142 60/var(--tw-bg-opacity))}.hover\:bg-gray-100\/75:hover{background-color:#f5f5f5bf}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:drop-shadow-2xl:hover{--tw-drop-shadow:drop-shadow(0 25px 25px #00000026);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}@media (prefers-color-scheme:dark){.dark\:text-green-500{--tw-text-opacity:1;color:rgb(76 175 80/var(--tw-text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.dark\:text-orange-500{--tw-text-opacity:1;color:rgb(255 152 0/var(--tw-text-opacity))}}@media (min-width:600px){.sm\:p-8{padding:.8rem}}@media (min-width:960px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:max-w-288{max-width:28.8rem}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:pt-0{padding-top:0}}
+*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.z-99{z-index:99}.m-auto{margin:auto}.m-12{margin:1.2rem}.mx-6{margin-left:.6rem;margin-right:.6rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-12{margin-left:1.2rem;margin-right:1.2rem}.my-4{margin-top:.4rem;margin-bottom:.4rem}.mx-0{margin-left:0;margin-right:0}.my-24{margin-top:2.4rem;margin-bottom:2.4rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-4{margin-left:.4rem;margin-right:.4rem}.my-12{margin-top:1.2rem;margin-bottom:1.2rem}.mx-2{margin-left:.2rem;margin-right:.2rem}.my-6{margin-top:.6rem;margin-bottom:.6rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.-ml-10{margin-left:-1rem}.ml-24{margin-left:2.4rem}.ml-0{margin-left:0}.mr-0{margin-right:0}.ml-4{margin-left:.4rem}.mt-12{margin-top:1.2rem}.mt-24{margin-top:2.4rem}.mt-auto{margin-top:auto}.mb-24{margin-bottom:2.4rem}.mr-24{margin-right:2.4rem}.mb-12{margin-bottom:1.2rem}.ml-1{margin-left:.1rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.mt-0{margin-top:0}.mt-6{margin-top:.6rem}.mb-2{margin-bottom:.2rem}.ml-6{margin-left:.6rem}.mb-6{margin-bottom:.6rem}.ml-12{margin-left:1.2rem}.mr-12{margin-right:1.2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.min-h-160{min-height:16rem}.min-h-256{min-height:25.6rem}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-2\/5{width:40%}.max-w-full{max-width:100%}.max-w-min{max-width:-moz-min-content;max-width:min-content}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overscroll-none{overscroll-behavior:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.4rem}.rounded-md{border-radius:.6rem}.rounded-lg{border-radius:.8rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-t-8{border-top-width:8px}.border-transparent{border-color:#0000}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(67 160 71/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(34 41 47/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity))}.bg-yellow-100\/50{background-color:#fff9c480}.p-0{padding:0}.p-6{padding:.6rem}.p-12{padding:1.2rem}.px-4{padding-left:.4rem;padding-right:.4rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.px-2{padding-left:.2rem;padding-right:.2rem}.pl-4{padding-left:.4rem}.pt-12{padding-top:1.2rem}.pt-4{padding-top:.4rem}.pl-0{padding-left:0}.pr-0{padding-right:0}.pb-4{padding-bottom:.4rem}.pl-8{padding-left:.8rem}.text-center{text-align:center}.font-sans{font-family:Muli,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:Georgia,Cambria,Times New Roman,Times,serif}.text-sm{font-size:1.4rem;line-height:2rem}.text-17{font-size:1.7rem}.text-xl{font-size:2rem;line-height:2.8rem}.text-4xl{font-size:3.6rem;line-height:4rem}.text-base{font-size:1.6rem;line-height:2.4rem}.text-5xl{font-size:4.8rem;line-height:1}.text-2xl{line-height:3.2rem}.text-24,.text-2xl{font-size:2.4rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-900{font-weight:900}.font-500{font-weight:500}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.font-600{font-weight:600}.capitalize{text-transform:capitalize}.leading-tight{line-height:1.25}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(67 160 71/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(251 140 0/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-gray-500{text-decoration-color:#9e9e9e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-1{--tw-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--tw-shadow-colored:0px 2px 1px -1px var(--tw-shadow-color),0px 1px 1px 0px var(--tw-shadow-color),0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.drop-shadow-none{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-none{--tw-drop-shadow:drop-shadow(0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:translate-y-1:hover{--tw-translate-y:0.1rem}.hover\:rotate-3:hover,.hover\:translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-3:hover{--tw-rotate:3deg}.hover\:skew-y-3:hover{--tw-skew-y:3deg}.hover\:scale-105:hover,.hover\:skew-y-3:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:list-disc:hover{list-style-type:disc}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(56 142 60/var(--tw-bg-opacity))}.hover\:bg-gray-100\/75:hover{background-color:#f5f5f5bf}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:drop-shadow-2xl:hover{--tw-drop-shadow:drop-shadow(0 25px 25px #00000026);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}@media (prefers-color-scheme:dark){.dark\:text-green-500{--tw-text-opacity:1;color:rgb(76 175 80/var(--tw-text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.dark\:text-orange-500{--tw-text-opacity:1;color:rgb(255 152 0/var(--tw-text-opacity))}}@media (min-width:600px){.sm\:p-8{padding:.8rem}}@media (min-width:960px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:max-w-288{max-width:28.8rem}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:pt-0{padding-top:0}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "private": false,
   "main": "dist/index.js",
   "babel": {
@@ -69,18 +69,15 @@
     "i18next": "^21.8.14",
     "i18next-browser-languagedetector": "^6.1.4",
     "i18next-http-backend": "^1.4.1",
-    "interactjs": "^1.9.2",
     "mobile-detect": "^1.4.5",
     "moment": "^2.29.1",
     "prismjs": "^1.27.0",
-    "react-calendar-timeline": "^0.28.0",
     "react-canvas-draw": "^1.2.1",
     "react-color": "^2.19.3",
     "react-i18next": "^11.18.1",
     "react-markdown": "^8.0.3",
     "react-perfect-scrollbar": "^1.5.8",
     "react-split-it": "^2.0.0",
-    "react-tooltip-lite": "^1.12.0",
     "styled-components": "^5.3.5",
     "tinycolor2": "^1.4.2"
   }

package/dist/app/config/reservation_state.js

@@ -1,89 +0,0 @@
-//import "app/i18n";
-import i18next from "i18next";
-
-//this is the mapping of fields from the reservation_status table
-export const NOT_ARRIVED = 1; //'Not Arrived';
-export const CHECKED_IN = 2; //'Checked In';
-export const CHECKED_OUT = 3; //'Checked Out';
-export const ON_HOLD = 4; //'On Hold';
-
-export const getAvailableItems = () => {
-  //Returns an object used to create the drop down list of item available to select.
-  //Note this list ID needs to match the unit_type id in my database
-  // id: is the unique id of the table id musth match table id
-  // name: is the string value I want to use
-  const return_val = [{
-    id: NOT_ARRIVED,
-    name: i18next.t("reservation_grid.reservation_status.not_arrived")
-  }, {
-    id: CHECKED_IN,
-    name: i18next.t("reservation_grid.reservation_status.checked_in")
-  }, {
-    id: CHECKED_OUT,
-    name: i18next.t("reservation_grid.reservation_status.checked_out")
-  }, {
-    id: ON_HOLD,
-    name: i18next.t("reservation_grid.reservation_status.on_hold")
-  }];
-  return return_val;
-};
-export const getPreBuildString = () => {
-  //THE PREBUILD_STRING is used to speed up the process by pre building the language string once and then looping over the PREBUILD_STRING instead of having i18next fetch the string for every check.
-  //Note the GET function handles with PREBUILD_STRING or without. without is much much... slower if looping over the rows. 
-  const stringArray = getAvailableItems();
-  const PREBUILT_STRING = {};
-  PREBUILT_STRING[NOT_ARRIVED] = findName(stringArray, NOT_ARRIVED);
-  PREBUILT_STRING[CHECKED_IN] = findName(stringArray, CHECKED_IN);
-  PREBUILT_STRING[CHECKED_OUT] = findName(stringArray, CHECKED_OUT);
-  PREBUILT_STRING[ON_HOLD] = findName(stringArray, ON_HOLD);
-  return PREBUILT_STRING;
-};
-const findName = (array, value) => {
-  //Just a quick way to return the object name by searching for the id inside the object
-  try {
-    return array.find(x => x.id === value).name;
-  } catch (error) {}
-  return 'Item not found!';
-};
-export const getMultiSelectItems = () => {
-  //used to populate the status filter on the reservation grid, works with the fuseChipSelect module
-  const status_chips = [{
-    value: NOT_ARRIVED,
-    label: i18next.t("reservation_grid.reservation_status.not_arrived"),
-    class: "bg-yellow"
-  }, {
-    value: CHECKED_IN,
-    label: i18next.t("reservation_grid.reservation_status.checked_in"),
-    class: "bg-green text-white"
-  }, {
-    value: CHECKED_OUT,
-    label: i18next.t("reservation_grid.reservation_status.checked_out"),
-    class: "bg-grey"
-  }, {
-    value: ON_HOLD,
-    label: i18next.t("reservation_grid.reservation_status.on_hold"),
-    class: "on-hold"
-  }];
-  return status_chips;
-};
-export const getResStateI18nValue = (res_status, PREBUILT_STRING = {}) => {
-  let status_i18n = null;
-  const LOCAL_PREBUILT_STRING = Object.keys(PREBUILT_STRING).length === 0 ? getPreBuildString() : {};
-  switch (res_status) {
-    case NOT_ARRIVED:
-      Object.keys(PREBUILT_STRING).length === 0 ? status_i18n = LOCAL_PREBUILT_STRING[NOT_ARRIVED] : status_i18n = PREBUILT_STRING[NOT_ARRIVED];
-      break;
-    case CHECKED_IN:
-      Object.keys(PREBUILT_STRING).length === 0 ? status_i18n = LOCAL_PREBUILT_STRING[CHECKED_IN] : status_i18n = PREBUILT_STRING[CHECKED_IN];
-      break;
-    case CHECKED_OUT:
-      Object.keys(PREBUILT_STRING).length === 0 ? status_i18n = LOCAL_PREBUILT_STRING[CHECKED_OUT] : status_i18n = PREBUILT_STRING[CHECKED_OUT];
-      break;
-    case ON_HOLD:
-      Object.keys(PREBUILT_STRING).length === 0 ? status_i18n = LOCAL_PREBUILT_STRING[ON_HOLD] : status_i18n = PREBUILT_STRING[ON_HOLD];
-      break;
-    default:
-      break;
-  }
-  return status_i18n;
-};

package/dist/app/config/yes_no_status.js

@@ -1,72 +0,0 @@
-//import "app/i18n";
-import i18next from "i18next";
-
-//this is the mapping of fields for any yes no display in the grid
-export const YES = 'Yes';
-export const NO = 'No';
-export const getPreBuildString = () => {
-  //THE PREBUILD_STRING is used to speed up the process by pre building the language string once and then looping over the PREBUILD_STRING instead of having i18next fetch the string for every check.
-  //Note the GET function handles with PREBUILD_STRING or without. without is much much... slower if looping over the rows. 
-  const PREBUILT_STRING = {};
-  PREBUILT_STRING[NO] = i18next.t("common.app.no");
-  PREBUILT_STRING[YES] = i18next.t("common.app.yes");
-  return PREBUILT_STRING;
-};
-export const getMultiSelectConflictItems = () => {
-  //used to populate the status filter on the reservation grid, works with the fuseChipSelect module
-  const LOCALPREBUILT = getPreBuildString();
-  const status_chips = [{
-    value: YES,
-    label: LOCALPREBUILT[YES],
-    class: "res-conflict"
-  }, {
-    value: NO,
-    label: LOCALPREBUILT[NO],
-    class: "bg-grey "
-  }];
-  return status_chips;
-};
-export const getMultiSelectMadeOnlineItems = () => {
-  //used to populate the made online filter on the reservation grid, works with the fuseChipSelect module
-  const LOCALPREBUILT = getPreBuildString();
-  const status_chips = [{
-    value: YES,
-    label: LOCALPREBUILT[YES],
-    class: "made-online-yes"
-  }, {
-    value: NO,
-    label: LOCALPREBUILT[NO],
-    class: "bg-grey "
-  }];
-  return status_chips;
-};
-export const getYesNoStatusI18nValue = (status, PREBUILT_STRING = {}) => {
-  let status_i18n = null;
-  const LOCAL_PREBUILT_STRING = Object.keys(PREBUILT_STRING).length === 0 ? getPreBuildString() : {};
-  switch (status) {
-    case YES:
-      Object.keys(PREBUILT_STRING).length === 0 ? status_i18n = LOCAL_PREBUILT_STRING[YES] : status_i18n = PREBUILT_STRING[YES];
-      break;
-    case NO:
-      Object.keys(PREBUILT_STRING).length === 0 ? status_i18n = LOCAL_PREBUILT_STRING[NO] : status_i18n = PREBUILT_STRING[NO];
-      break;
-    default:
-      break;
-  }
-  return status_i18n;
-};
-export const getYesNo_01_StatusI18nValue = (status, PREBUILT_STRING = {}) => {
-  let val_i18n = null;
-  const LOCAL_PREBUILT_STRING = Object.keys(PREBUILT_STRING).length === 0 ? getPreBuildString() : {};
-  switch (status) {
-    case 1:
-      Object.keys(PREBUILT_STRING).length === 0 ? val_i18n = LOCAL_PREBUILT_STRING[YES] : val_i18n = PREBUILT_STRING[YES];
-      break;
-    case 0:
-      Object.keys(PREBUILT_STRING).length === 0 ? val_i18n = LOCAL_PREBUILT_STRING[NO] : val_i18n = PREBUILT_STRING[NO];
-      break;
-    default:
-      break;
-  }
-  return val_i18n;
-};

package/dist/app/tools/date_formatter.js

@@ -1,141 +0,0 @@
-import { getSeasonalStartDate, getSeasonalEndDate } from './seasonal_dates';
-import moment from 'moment';
-export const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm';
-
-//outputs yyyy-mm-dd HH:MM
-export const dateToString = value => {
-  try {
-    if (Object.prototype.toString.call(value) === '[object Date]') {
-      var date = value;
-      var aaaa = date.getFullYear();
-      var gg = date.getDate();
-      var mm = date.getMonth() + 1;
-      if (gg < 10) gg = "0" + gg;
-      if (mm < 10) mm = "0" + mm;
-      var cur_day = aaaa + "-" + mm + "-" + gg;
-      var hours = date.getHours();
-      var minutes = date.getMinutes();
-      if (hours < 10) hours = "0" + hours;
-      if (minutes < 10) minutes = "0" + minutes;
-
-      // if (seconds < 10)
-      //     seconds = "0" + seconds;
-      return cur_day + " " + hours + ":" + minutes;
-    }
-  } catch (error) {}
-  return value;
-};
-
-/**
- * shortDateToString: yyyy-mm-dd
- *
- * @param {*} value a valid date must be give not a string
- * @returns outputs yyyy-mm-dd
- */
-export const shortDateToString = value => {
-  try {
-    if (Object.prototype.toString.call(value) === '[object Date]') {
-      var date = value;
-      var aaaa = date.getFullYear();
-      var gg = date.getDate();
-      var mm = date.getMonth() + 1;
-      if (gg < 10) gg = "0" + gg;
-      if (mm < 10) mm = "0" + mm;
-      var cur_day = aaaa + "-" + mm + "-" + gg;
-      return cur_day;
-    }
-  } catch (error) {}
-  return value;
-};
-
-/**
- * createSeasonalRange
- * 
- * Creates a seasonal range object that can be used in different situations.
- * 
- * returns: [ { year:yyyy , from: yyyy-mm-dd HH:mm , to: yyyy-mm-dd HH:mm } ]
- *
- * @param {*} start_year
- * @param {*} end_year
- */
-export const createSeasonalRange = (start_year, end_year, seasonal_dates) => {
-  //! Creating circular dependency luc
-  // let seasonal_dates = store.getState().system.parameters.seasonal_dates;
-  let return_value = [];
-  try {
-    for (let year = start_year; year <= end_year; year++) {
-      return_value.push({
-        year: year,
-        from: new Date(getSeasonalStartDate(year, seasonal_dates)),
-        to: new Date(getSeasonalEndDate(year, seasonal_dates))
-      });
-    }
-  } catch (error) {
-    console.error(error);
-  }
-  return return_value;
-};
-
-/**
- * This is used mostly in reports to crete the campgrounds seasonal fiscal year.
- * 
- * Example: let's say we need the fiscal year for 2019, then we would use...
- * 
- *    2018 ending date            2019 ending date
- *           V                           V
- * ----------|---------------------------|---------------------- 
- *
- * @param {*} start_year starting range 
- * @param {*} end_year ending range
- * @returns Returns an object with the fiscal year: ####, from: date, end: date
- */
-export const createSeasonalFiscalRange = (start_year, end_year, seasonal_dates) => {
-  //! Creating circular dependency luc
-  // let seasonal_dates = store.getState().system.parameters.seasonal_dates;
-  let return_value = [];
-  try {
-    for (let year = start_year; year <= end_year; year++) {
-      return_value.push({
-        year: year,
-        from: new Date(getSeasonalEndDate(year - 1, seasonal_dates)),
-        to: new Date(getSeasonalEndDate(year, seasonal_dates))
-      });
-    }
-  } catch (error) {
-    console.error(error);
-  }
-  return return_value;
-};
-
-/**
- * Takes in a string such as YYYY-MM-DD HH-MM and returns a date object.
-   Needed because on macos safari and iphone the new Date('YYYY-MM-DD HH:MM') will generate an error.
-   This way it works on both android iphone etc...
- *
- * @param {*} date
- * @returns
- */
-export const convertStringToDate = date => {
-  try {
-    return moment(date).toDate();
-  } catch (error) {
-    console.error(error);
-  }
-  return date;
-};
-
-/**
- * IOS and safari appears to not like the format yyyy-mm-dd HH:mm
-  So I need to convert it to yyyy/mm/dd HH:mm
- *
- * @param {*} date
- * @returns
- */
-export const convertDateToIosSafariSafeFormat = date => {
-  try {
-    return date.replace(/-/g, "/");
-  } catch (error) {
-    console.error(error);
-  }
-  return date;
-};

package/dist/app/tools/date_overlap.js

@@ -1,177 +0,0 @@
-/* eslint-disable eqeqeq */
-import * as YNStatus from "app/config/yes_no_status";
-
-/**
- * overlap
- *
- * this function takes an array of date ranges in this format:
- * [{ start: Date, end: Date}]
- * the array is first sorted, and then checked for any overlap
- * see this webpage: https://derickbailey.com/2015/09/07/check-for-date-range-overlap-with-javascript-arrays-sorting-and-reducing/
- *
- * @param {*} dateRanges {{start: Date, end: Date},{start: Date, end: Date}}
- * @returns true if overlap exists
- */
-export const overlap = dateRanges => {
-  var sortedRanges = dateRanges.sort((previous, current) => {
-    // get the start date from previous and current
-    var previousTime = previous.start.getTime();
-    var currentTime = current.start.getTime();
-
-    // if the previous is earlier than the current
-    if (previousTime < currentTime) {
-      return -1;
-    }
-
-    // if the previous time is the same as the current time
-    if (previousTime === currentTime) {
-      return 0;
-    }
-
-    // if the previous time is later than the current time
-    return 1;
-  });
-  var result = sortedRanges.reduce((result, current, idx, arr) => {
-    // get the previous range
-    if (idx === 0) {
-      return result;
-    }
-    var previous = arr[idx - 1];
-
-    // check for any overlap
-    var previousEnd = previous.end.getTime();
-    var currentStart = current.start.getTime();
-    var overlap = previousEnd > currentStart;
-
-    // store the result
-    if (overlap) {
-      // yes, there is overlap
-      result.overlap = true;
-      // store the specific ranges that overlap
-      result.ranges.push({
-        previous: previous,
-        current: current
-      });
-    }
-    return result;
-
-    // seed the reduce
-  }, {
-    overlap: false,
-    ranges: []
-  });
-
-  // return the final results
-  return result.overlap;
-};
-export const lots_date_overlap = (reservation_new_data, current_selected_res_id, lot) => {
-  /**
-   * This will verify if the the current active res overlaps any other active res being added.
-   */
-
-  try {
-    //verify if dates overlap with an existing reservation if lot id matches.
-    let conflict_found = reservation_new_data.active_res.find((row, idx) => {
-      return idx != current_selected_res_id && lot.lot_id == row.lot.lot_id && overlap([{
-        start: new Date(reservation_new_data.active_res[current_selected_res_id].reservation.start_date),
-        end: new Date(reservation_new_data.active_res[current_selected_res_id].reservation.end_date)
-      }, {
-        start: new Date(row.reservation.start_date),
-        end: new Date(row.reservation.end_date)
-      }]) ? true : false;
-    });
-    if (conflict_found) {
-      return true;
-    }
-  } catch (error) {
-    // let errors = error;
-  }
-  return false;
-};
-
-/**
- * validateExistingConflicts
- *
- * This will be used to ensure the current reservation conflicts that exist are still valid.
- * Will only loop over the reservations that are currently identified as conflicts and then verify if it's still a valid conflict.
- *
- * @param {*} reservation_data these are the reservation items
- * @returns returns the validation item with the corrected conflict status
- */
-export const validateExistingConflicts = (reservation_data, lot_number = "") => {
-  try {
-    const only_for_this_lot = reservation_data.filter(cur_res => cur_res.lot_number === lot_number);
-    const YN_STRING = YNStatus.getPreBuildString();
-
-    //Using the same criteria as the online server
-    reservation_data = reservation_data.map(row => {
-      if (row.lot_number === lot_number && parseInt(row.transaction_status_id, 10) <= 2 &&
-      // if Completed or Incomplete
-      parseInt(row.reservation_status_id, 10) !== 3 // if not Checked Out
-      ) {
-        if (only_for_this_lot.find(cur_res => parseInt(cur_res.transaction_status_id, 10) <= 2 &&
-        // if Completed or Incomplete
-        parseInt(cur_res.reservation_status_id, 10) !== 3 &&
-        // if not Checked Out
-        cur_res.reservation_id !== row.reservation_id &&
-        // Don't verify itself
-        overlap([{
-          start: new Date(row.arrival_date),
-          end: new Date(row.departure_date)
-        }, {
-          start: new Date(cur_res.arrival_date),
-          end: new Date(cur_res.departure_date)
-        }]))) {
-          return {
-            ...row,
-            conflict_detected: "Yes",
-            conflict_detected_i18n: YNStatus.getYesNoStatusI18nValue("Yes", YN_STRING)
-          };
-        } else {
-          // The reservation is no longer in conflict with another res
-          return {
-            ...row,
-            conflict_detected: "No",
-            conflict_detected_i18n: YNStatus.getYesNoStatusI18nValue("No", YN_STRING)
-          };
-        }
-      } else {
-        if (parseInt(row.transaction_status_id, 10) === 3 || parseInt(row.reservation_status_id, 10) === 3) {
-          // If cancelled or checked out then clear out the the conflicts if any
-          return {
-            ...row,
-            conflict_detected: "No",
-            conflict_detected_i18n: YNStatus.getYesNoStatusI18nValue("No", YN_STRING)
-          };
-        } else {
-          return row;
-        }
-      }
-    });
-  } catch (error) {
-    // let errors = error;
-  }
-  return reservation_data;
-};
-export const doDatesConflictWithOtherReservations = (reservation_data, lot_number, startDate, endDate) => {
-  try {
-    const only_for_this_lot = reservation_data.filter(cur_res => cur_res.lot_number === lot_number);
-    if (only_for_this_lot.find(cur_res => parseInt(cur_res.transaction_status_id, 10) <= 2 &&
-    // if Completed or Incomplete
-    parseInt(cur_res.reservation_status_id, 10) !== 3 &&
-    // if not Checked Out
-    overlap([{
-      start: new Date(startDate),
-      end: new Date(endDate)
-    }, {
-      start: new Date(cur_res.arrival_date),
-      end: new Date(cur_res.departure_date)
-    }]))) {
-      return true;
-    } else {
-      return false;
-    }
-  } catch (error) {
-    console.error('Error in doDatesConflictWithOtherReservations', error);
-  }
-};