@hhgtech/hhg-components 1.28.67 → 1.28.69

package/build/index-238813a4.js

@@ -1,375 +0,0 @@
-"use strict";var e=require("react"),a=require("./index-64d2f812.js"),t=require("./useTranslations-233c68bc.js"),r=require("date-fns"),i=require("react-day-picker/DayPickerInput"),o=require("styled-components"),n=require("./theme-f2b8aad7.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),l=c(i),s=c(o),p="tliWyii";const u={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},y=s.default.div`
-  .pickerContainer {
-    position: relative;
-    padding-top: 0;
-    & > div > svg {
-      position: absolute;
-      top: 36px;
-      right: 16px;
-      cursor: pointer;
-    }
-
-    & > :not(:first-child) {
-      position: absolute;
-      z-index: 2;
-      width: 100%;
-    }
-  }
-
-  &[data-is-static] .pickerOverlayWrapper {
-    position: static;
-    max-width: 250px;
-    aspect-ratio: 1 / 1;
-
-    > .pickerOverlay {
-      padding: 1rem;
-    }
-  }
-
-  .pickerOverlayWrapper {
-    min-width: 320px;
-  }
-
-  &[data-align-right='true'] {
-    .pickerOverlayWrapper {
-      right: 0;
-    }
-  }
-
-  .pickerOverlay {
-    margin-top: 6px;
-    background: white;
-    border-radius: ${n.theme.borderRadius};
-    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);
-  }
-
-  .picker {
-    width: 100%;
-  }
-
-  .react-datepicker-popper {
-    .react-datepicker {
-      display: flex;
-      width: 340px;
-      height: 305px;
-      align-items: center;
-      justify-content: center;
-      border: none;
-      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),
-        (-2px 2px 5px rgba(67, 86, 100, 0.123689));
-    }
-
-    .svg {
-      cursor: pointer;
-      stroke: ${n.theme.colors.gray800};
-    }
-    .react-datepicker__day {
-      width: 40px;
-    }
-
-    .react-datepicker__header {
-      border-bottom: 0;
-      background-color: white;
-    }
-
-    .react-datepicker__day--outside-month {
-      color: #e9e9e9;
-    }
-
-    .react-datepicker__day {
-      font-weight: ${n.theme.sizes.fwBold};
-    }
-
-    .react-datepicker__day--selected,
-    .react-datepicker__day--today,
-    .react-datepicker__day--selected:hover,
-    .react-datepicker__day--keyboard-selected {
-      width: 32px;
-      height: 30px;
-      margin: 4px;
-      margin-bottom: -2px;
-      background: ${n.theme.colors.primaryBase};
-      border-radius: 50%;
-    }
-
-    .react-datepicker__day-name {
-      width: 40px;
-    }
-
-    .react-datepicker__triangle {
-      display: none;
-    }
-
-    .react-datepicker__header.react-datepicker__header--custom {
-      svg {
-        stroke: #262626;
-      }
-      select {
-        background: ${n.theme.colors.neutral100};
-        text-align: center;
-        &:not(:last-child) {
-          padding: 8px 10px;
-          margin-right: 15px;
-          border-radius: ${n.theme.borderRadius};
-        }
-      }
-    }
-  }
-
-  /* DayPicker styles */
-
-  .DayPicker {
-    display: inline-block;
-    font-size: 1rem;
-  }
-
-  .DayPicker-wrapper {
-    position: relative;
-
-    flex-direction: row;
-    padding-bottom: 1em;
-
-    -webkit-user-select: none;
-
-    -moz-user-select: none;
-
-    -ms-user-select: none;
-
-    user-select: none;
-  }
-
-  .DayPicker-Months {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-  }
-
-  .DayPicker-Month {
-    display: table;
-    margin: 0 16px;
-    margin-top: 16px;
-    border-collapse: collapse;
-    border-spacing: 0;
-
-    -webkit-user-select: none;
-
-    -moz-user-select: none;
-
-    -ms-user-select: none;
-
-    user-select: none;
-  }
-
-  .DayPicker-NavBar {
-    position: absolute;
-    top: 16px;
-    left: 0;
-    display: flex;
-    width: 100%;
-    height: 0;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 20px;
-  }
-
-  .DayPicker-NavButton {
-    width: 24px;
-    height: 24px;
-    margin-bottom: -47px;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 16px 16px;
-    color: #8b9898;
-    cursor: pointer;
-  }
-
-  .DayPicker-NavButton:hover {
-    opacity: 0.8;
-  }
-
-  .DayPicker-NavButton--prev {
-    //left: 2px;
-    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-  }
-
-  .DayPicker-NavButton--next {
-    //right: 2px;
-    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-  }
-
-  .DayPicker-NavButton--interactionDisabled {
-    display: none;
-  }
-
-  .DayPicker-Caption {
-    display: table-caption;
-    width: 100%;
-    height: 46px;
-    padding: 0 32px;
-  }
-
-  .DayPicker-Caption select {
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 24px;
-    text-align: left;
-  }
-
-  .DayPicker-Weekdays {
-    display: table-header-group;
-    margin-top: 1em;
-  }
-
-  .DayPicker-WeekdaysRow {
-    display: table-row;
-  }
-
-  .DayPicker-Weekday {
-    display: table-cell;
-    padding: 0.5em;
-    color: #8b9898;
-    font-size: 0.875em;
-    text-align: center;
-  }
-
-  .DayPicker-Weekday abbr[title] {
-    border-bottom: none;
-    text-decoration: none;
-  }
-
-  .DayPicker-Body {
-    display: table-row-group;
-  }
-
-  .DayPicker-Week {
-    display: table-row;
-  }
-
-  .DayPicker-Day {
-    display: table-cell;
-
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    cursor: pointer;
-    text-align: center;
-    vertical-align: middle;
-  }
-
-  .DayPicker-WeekNumber {
-    display: table-cell;
-    min-width: 1em;
-    padding: 0.5em;
-    border-right: 1px solid #eaecec;
-    color: #8b9898;
-    cursor: pointer;
-    font-size: 0.75em;
-    text-align: right;
-    vertical-align: middle;
-  }
-
-  .DayPicker--interactionDisabled .DayPicker-Day {
-    cursor: default;
-  }
-
-  .DayPicker-Footer {
-    padding-top: 0.5em;
-  }
-
-  .DayPicker-TodayButton {
-    border: none;
-    background-color: transparent;
-    background-image: none;
-    box-shadow: none;
-    color: #4a90e2;
-    cursor: pointer;
-    font-size: 0.875em;
-  }
-
-  /* Default modifiers */
-
-  .DayPicker-Day--today {
-    color: #d0021b;
-    font-weight: 700;
-  }
-
-  .DayPicker-Day--outside {
-    color: #8b9898;
-    cursor: default;
-  }
-
-  .DayPicker-Day--disabled {
-    color: #dce0e0;
-    cursor: default;
-    /* background-color: #eff1f1; */
-  }
-
-  /* Example modifiers */
-
-  .DayPicker-Day--sunday {
-    background-color: #f7f8f8;
-  }
-
-  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
-    color: #dce0e0;
-  }
-
-  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
-      .DayPicker-Day--outside
-    ) {
-    position: relative;
-
-    background-color: ${n.theme.colors.primaryBase};
-    color: #f0f8ff;
-    font-weight: ${n.theme.sizes.fwBold};
-  }
-
-  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
-      .DayPicker-Day--outside
-    ):hover {
-    background-color: #51a0fa;
-  }
-
-  .DayPicker:not(.DayPicker--interactionDisabled)
-    .DayPicker-Day:not(.DayPicker-Day--disabled):not(
-      .DayPicker-Day--selected
-    ):not(.DayPicker-Day--outside):hover {
-    background-color: #f0f8ff;
-  }
-
-  /* DayPickerInput */
-
-  .DayPickerInput {
-    display: inline-block;
-  }
-
-  .DayPickerInput-OverlayWrapper {
-    position: relative;
-  }
-
-  .DayPickerInput-Overlay {
-    position: absolute;
-    z-index: 1;
-    left: 0;
-
-    background: white;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
-  }
-`,g=s.default.form`
-  display: flex;
-  width: 100%;
-
-  height: 46px;
-  align-items: center;
-  justify-content: space-between;
-  & > :first-child {
-    margin-right: 10px;
-  }
-
-  & * {
-    height: 46px;
-    padding: 10px 10px;
-    background: ${n.theme.colors.neutral100};
-    border-radius: ${n.theme.borderRadius};
-  }
-`;exports.DatePicker=({alignRight:a=!0,placeholder:t,displayDateFormat:i,onChange:o,customInput:n,pickedDate:c,className:s,isStatic:p,disabledDays:h,modifiers:k,UnHideOnClickOutside:m,initialMonth:b,locale:D="en-PH"})=>{const f=e.useRef(!1),x=r.format,[v,w]=e.useState(b||new Date),P=e.useRef(null),_=e.useRef(null),E=u[D],C=e=>{m||P.current&&P.current.contains(e.target)||_.current&&_.current.hideDayPicker()},M=(new Date).getFullYear(),O=new Date(M-150,0),N=new Date(M+1,0),T=({date:e,onChange:a,monthLabels:t})=>{const r=[];for(let e=N.getFullYear();e>=O.getFullYear();e-=1)r.push(e);const i=function(e){const{year:t,month:r}=e.target.form;a(new Date(t.value,r.value))};return d.default.createElement("div",{className:"DayPicker-Caption"},d.default.createElement(g,null,d.default.createElement("select",{name:"month",onChange:i,value:e.getMonth()},t.map(((e,a)=>d.default.createElement("option",{key:e,value:a},e)))),d.default.createElement("select",{name:"year",onChange:i,value:e.getFullYear()},r.map((e=>d.default.createElement("option",{key:e,value:e},e))))))};return e.useEffect((()=>(document.addEventListener("mousedown",C,{passive:!0}),()=>{document.removeEventListener("mousedown",C,!1)})),[]),d.default.createElement(y,{className:s,"data-align-right":a,ref:P,"data-is-static":p||void 0},d.default.createElement(l.default,{ref:_,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:n&&d.default.forwardRef(((e,a)=>d.default.createElement(n,Object.assign({},e)))),onDayPickerHide:()=>{f.current=!1},onDayPickerShow:()=>{f.current=!0},dayPickerProps:{month:v,className:"picker",selectedDays:c,canChangeMonth:!0,enableOutsideDaysClick:!p,firstDayOfWeek:1,captionElement:({date:e,localeUtils:a})=>{const t=null==a?void 0:a.getMonths();return d.default.createElement(T,{date:e,monthLabels:E||t,onChange:w})},disabledDays:h||void 0,modifiers:k},format:i||"yyyy-MM-dd",formatDate:(e,a)=>x(e,a),hideOnDayClick:!p,placeholder:t||"",onDayChange:e=>{var a;a=e,_.current&&!p&&_.current.hideDayPicker(),o&&o(a)},showOverlay:p}))},exports.Loading=({className:e,theme:r,hideText:i})=>{const{t:o}=t.useTranslations();return d.default.createElement("div",{className:`${p} ${e}`},d.default.createElement(a.Icon.Spinner,{isMarryBaby:"marryBaby"===r}),!i&&o("loading"))};