@hhgtech/hhg-components 1.28.45 → 1.28.47

package/build/index-3c0d0730.js

@@ -0,0 +1,375 @@
+"use strict";var e=require("react"),a=require("./index-c53c2cf6.js"),t=require("./useTranslations-eef7f548.js"),r=require("date-fns"),i=require("react-day-picker/DayPickerInput"),o=require("styled-components"),n=require("./theme-0bb94193.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"))};

package/build/index-4198e282.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-293338f5.js"),t=require("react"),s=require("@mantine/core"),r=require("./index-8b4d8b74.js");require("@mantine/dates");var a=require("./index-3183ed6e.js"),i=require("./Subot-511ff255.js");require("./index-04bf4b9a.js"),require("./index-c53c2cf6.js"),require("./theme-0bb94193.js");var n=require("./useTranslations-eef7f548.js");require("@mantine/hooks");var c=require("./utils-5af37bc5.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(t);const o={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},u=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},p=({provinces:s})=>{const[r,n]=t.useReducer(u,o),{provinceByName:d,provinces:l,districts:p,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:h}=r,[y,g]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,r,d;try{const l=yield fetch((d=process.env.UNIFY_LOCALE||i.LOCALE.Vietnam,`${a.CDN_ADDRESS}/cities-data-${c.MAPPED_LOCALE[d]}.json`)).then((e=>e.json()));g(l);const{list:o}=l,u=s?((e,t)=>{const s={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(s[t]=e)}const r={};return e.map((e=>{r[e.name]=s[e.id]})),r})(s,o):o,p=Object.keys(u),v=Object.keys((null===(e=o[p[0]])||void 0===e?void 0:e.list)||{}),b=Object.keys((null===(r=null===(t=o[p[0]])||void 0===t?void 0:t[v[0]])||void 0===r?void 0:r.list)||{});n({type:"SET_DATA",payload:{provinceByName:u,provinces:p,districts:v,wards:b}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:l,districts:p,wards:v,selectedProvince:b,selectedDistrict:E,selectedWard:h,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=d[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:s}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const r=Object.keys((null===(s=null===(t=d[b])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});n({type:"SET_WARDS",payload:r}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}};exports.AddressInput=a=>{var{error:i,provinces:c,placeholder:d}=a,o=e.__rest(a,["error","provinces","placeholder"]);const{t:u}=n.useTranslations(),{provinces:v,districts:b,wards:E,selectedProvince:h,selectedDistrict:y,selectedWard:g,handleProvinceChange:j,handleDistrictChange:S,handleWardChange:f}=p({provinces:c}),[C,O]=t.useState("");return t.useEffect((()=>{h&&y&&g&&C?o.onChange({selectedProvince:h,selectedDistrict:y,selectedWard:g,extraInfo:C}):o.onChange(null)}),[h,y,g,C]),l.default.createElement(r.Input.Wrapper,Object.assign({withAsterisk:!0},o),l.default.createElement(s.Stack,null,l.default.createElement(r.Select,{placeholder:(null==d?void 0:d.province)||u("onboarding.similac.input.city"),data:c?v:v.sort(),searchable:!0,onChange:j,value:h}),l.default.createElement(r.Select,{placeholder:(null==d?void 0:d.district)||u("onboarding.similac.input.district"),data:b.sort(),searchable:!0,onChange:S,value:y,disabled:!h}),l.default.createElement(r.Select,{placeholder:(null==d?void 0:d.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:E.sort(),value:g,onChange:f,disabled:!h||!y}),l.default.createElement(r.Input,{placeholder:(null==d?void 0:d.address)||u("onboarding.similac.input.no"),disabled:!h||!y||!g,value:C,onChange:O,style:{marginBottom:0}})),l.default.createElement(s.Input.Error,{size:"md"},i))};

package/build/index-5e65f738.js

@@ -0,0 +1,137 @@
+"use strict";var e=require("react"),o=require("@mantine/core"),a=require("./theme-0bb94193.js"),t=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(e),i=r(t);const l=i.default.div`
+  --dropdown-padding: 12px 18px 12px 16px;
+  position: relative;
+  box-sizing: border-box;
+  border: 1px solid ${a.theme.colors.gray200};
+  background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
+    no-repeat;
+  background-position: right 16px center;
+  border-radius: ${a.theme.borderRadius};
+
+  &[data-disabled='true'],
+  :disabled {
+    background-color: #f2f2f2;
+    cursor: not-allowed;
+  }
+
+  &[data-size='sm'] {
+    font-size: 13px;
+    line-height: 20px;
+  }
+  &[data-size='md'] {
+    font-size: 14px;
+    line-height: 21px;
+  }
+  &[data-size='lg'] {
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  &[data-has-icons='true'] {
+    border: none;
+    background: ${a.theme.colors.gray100};
+
+    img,
+    svg {
+      display: inline-block;
+      max-width: 16px;
+      margin-right: 6px;
+    }
+
+    span {
+      display: inline-block;
+      vertical-align: middle;
+    }
+
+    &:hover {
+      box-shadow: none;
+    }
+    > div {
+      position: relative;
+      display: flex;
+      width: 100%;
+      box-sizing: border-box;
+      align-items: center;
+    }
+    > div::after {
+      position: absolute;
+      top: 50%;
+      right: 12px;
+      width: 10px;
+      height: 8px;
+      background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+      background-repeat: no-repeat;
+      content: '';
+      transform: translateY(-50%);
+    }
+  }
+
+  &:hover {
+    box-shadow: 0 0 2px 2px ${e=>e.shadowColor};
+  }
+
+  &[data-is-native='true'] {
+    padding: var(--dropdown-padding);
+    line-height: 24px;
+
+    &:focus {
+      box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor};
+    }
+  }
+`,n=i.default.div`
+  padding: var(--dropdown-padding);
+  cursor: pointer;
+
+  &.with-label {
+    padding-top: 34px;
+    padding-bottom: 12px;
+  }
+  &[data-dropdown-open] {
+    padding: 11px 15px 11px 15px;
+    border: 1px solid ${e=>e.color};
+    border-radius: ${a.theme.borderRadius};
+    box-shadow: 0 0 2px 2px ${e=>e.shadowColor};
+  }
+`,s=i.default.ul`
+  position: absolute;
+  top: 100%;
+  /* right: 0; */
+  min-width: 100%;
+  left: 0;
+  display: block;
+  margin-top: 4px;
+  background: ${a.theme.colors.white};
+  border-radius: ${a.theme.borderRadius};
+  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
+    -2px 2px 5px rgba(67, 86, 100, 0.123689);
+  cursor: pointer;
+
+  &[data-has-icons='true'] {
+    border: 1px solid ${a.theme.colors.gray200};
+    background: white;
+    box-shadow: none;
+    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));
+  }
+`,p=i.default.li`
+  display: flex;
+  padding: 12px 18px 12px 16px;
+  &[data-disabled='true'] {
+    cursor: not-allowed;
+    color: #bfbfbf;
+    & > * {
+      pointer-events: none;
+    }
+  }
+  &:hover,
+  :active {
+    background: ${a.theme.colors.gray100};
+  }
+`,u=i.default.div`
+  max-width: 16px;
+  margin-right: 8px;
+`,c=i.default.div`
+  position: absolute;
+  top: 12px;
+  left: 16px;
+  pointer-events: none;
+`;exports.Dropdown=({className:e,value:a,options:t,onChange:r=(()=>{}),id:i,placeholderIcon:x,placeholder:b,style:h,size:g="lg",groupedWithLabel:v,disabled:m,dropdownLabelTrackingAttributes:f={},isNativeSelect:w=!1})=>{const k=o.useMantineTheme(),[y,C]=d.default.useState(!1),E=()=>!m&&C(!y);if(w){const e="object"==typeof(null==a?void 0:a.value)&&a.value instanceof Date?a.value.toString():null==a?void 0:a.value;return d.default.createElement(l,{color:k.fn.primaryColor(),shadowColor:k.colors[k.primaryColor][2],as:"select","data-is-native":"true",value:e||void 0,disabled:m,onChange:e=>{if("string"==typeof e.target.value){const o=t.find((o=>o.value===e.target.value));o&&r(o)}}},b&&d.default.createElement("option",{value:b,disabled:!0,selected:!0},b),t.map((e=>d.default.createElement("option",{key:`${i}-${e.value}`,value:e.value,disabled:!!e.disabled&&e.disabled},e.label))))}return d.default.createElement(l,{color:k.fn.primaryColor(),shadowColor:k.colors[k.primaryColor][2],className:e,"data-dropdown-open":y||void 0,"data-size":g,id:i,"data-has-icons":!!x,style:h,onBlur:()=>C(!1),tabIndex:0,"data-disabled":m},!!v&&d.default.createElement(c,null,v),d.default.createElement(n,Object.assign({color:k.fn.primaryColor(),shadowColor:k.colors[k.primaryColor][2],onClick:E,className:v&&"with-label"},f),x," ",d.default.createElement("span",null,a&&a.value?a.label:b)),y&&d.default.createElement(s,{onClick:E,"data-has-icons":!!x},t.map((e=>d.default.createElement(p,{key:`${i}-${e.value}`,"data-selected":a&&a.value===e.value||void 0,onClick:()=>!e.disabled&&!m&&(null==r?void 0:r(e)),"data-disabled":!!e.disabled&&e.disabled},e.icon&&d.default.createElement(u,null,e.icon),e.label)))))};

package/build/{index-b23382c3.js → index-84f168eb.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-ef1f81bf.js"),a=require("react"),t=require("@mantine/core"),n=require("./constants-715f497a.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(a);exports.Input=l=>{var{name:s,value:o,errorMessage:i,isNumerousKeyboard:c=!1,showErrorMessage:u=!0,actionIcon:d,displayIcon:m,onActionClick:p,label:y,className:b,onChange:f,isDisabled:v,CustomInput:C,size:g,style:h,autoComplete:E="off",type:I="text",inputClassName:N,trackingAttributes:M,enterKeyHint:A}=l,k=e.__rest(l,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const K=t.useMantineTheme(),L=a.useMemo((()=>M?{"data-event-category":M.dataEventCategory,"data-event-action":M.dataEventAction,"data-event-label":M.dataEventLabel}:{}),[M]);return r.default.createElement(n.StyledInput,{"data-size":g,className:b,"data-has-action-icon":!!d||void 0,"data-has-display-icon":!!m||void 0,"data-has-error":i&&i.length>0||void 0,color:K.fn.primaryColor(),shadowColor:K.colors[K.primaryColor][0],style:h},y&&r.default.createElement(n.Label,{size:"label2",htmlFor:s,className:"inputLabel"},y),r.default.createElement("div",{style:{position:"relative"}},C||r.default.createElement("input",Object.assign({id:s,name:s,onChange:e=>f&&f(e.target.value),type:I,"aria-label":I,value:o,disabled:v,autoComplete:E,inputMode:c||"number"===I?"numeric":I,pattern:c?"[0-9]*":".*",className:N,enterKeyHint:A},L,k)),m&&r.default.createElement(n.StyledDisplayIcon,{className:"displayIcon"},m),d&&r.default.createElement(n.StyledActionIcon,{className:"actionIcon",onClick:p},d)),i&&i.length>0&&u&&r.default.createElement(n.StyledErrorLabel,{className:"errorLabel"},i))};
+"use strict";var e=require("./tslib.es6-293338f5.js"),a=require("react"),t=require("@mantine/core"),n=require("./constants-ded45618.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(a);exports.Input=l=>{var{name:s,value:o,errorMessage:i,isNumerousKeyboard:c=!1,showErrorMessage:u=!0,actionIcon:d,displayIcon:m,onActionClick:p,label:y,className:b,onChange:v,isDisabled:C,CustomInput:f,size:g,style:h,autoComplete:E="off",type:I="text",inputClassName:N,trackingAttributes:M,enterKeyHint:A}=l,k=e.__rest(l,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const K=t.useMantineTheme(),L=a.useMemo((()=>M?{"data-event-category":M.dataEventCategory,"data-event-action":M.dataEventAction,"data-event-label":M.dataEventLabel}:{}),[M]);return r.default.createElement(n.StyledInput,{"data-size":g,className:b,"data-has-action-icon":!!d||void 0,"data-has-display-icon":!!m||void 0,"data-has-error":i&&i.length>0||void 0,color:K.fn.primaryColor(),shadowColor:K.colors[K.primaryColor][0],style:h},y&&r.default.createElement(n.Label,{size:"label2",htmlFor:s,className:"inputLabel"},y),r.default.createElement("div",{style:{position:"relative"}},f||r.default.createElement("input",Object.assign({id:s,name:s,onChange:e=>v&&v(e.target.value),type:I,"aria-label":I,value:o,disabled:C,autoComplete:E,inputMode:c||"number"===I?"numeric":I,pattern:c?"[0-9]*":".*",className:N,enterKeyHint:A},L,k)),m&&r.default.createElement(n.StyledDisplayIcon,{className:"displayIcon"},m),d&&r.default.createElement(n.StyledActionIcon,{className:"actionIcon",onClick:p},d)),i&&i.length>0&&u&&r.default.createElement(n.StyledErrorLabel,{className:"errorLabel"},i))};