@hhgtech/hhg-components 1.21.36 → 1.21.38

package/build/esm/{index.styled-5f98744d.js → index.styled-a059652b.js}

@@ -1 +1 @@
-import n,{useRef as e,useEffect as t}from"react";import{Portal as o}from"@mantine/core";import{t as i,M as a}from"./screenSizeContext-f2090394.js";import{ao as r,ap as d,aq as l,T as s,ar as h,V as p}from"./index.styled-0ef0a0dd.js";import{e as c}from"./tslib.es6-dcf36680.js";import m from"styled-components";var x,u,f,g=function(e){var t=e.open,o=void 0!==t&&t,i=e.onClickOutside;return n.createElement(r,{"data-open":o,onClick:i})},v=function(a){var r=a.children,p=a.title,c=a.onClose,m=a.open,x=void 0!==m&&m,u=a.placement,f=void 0===u?"left":u,v=a.destroyOnClose,w=void 0!==v&&v,b=a.className,C=e();t((function(){return i(x),function(){return i(!1)}}),[x]);var y=function(){C.current.classList.add("slideOut"),setTimeout((function(){c()}),800)};return!x&&w?null:n.createElement(o,null,n.createElement(d,{className:b,open:x},n.createElement(g,{open:x,onClickOutside:y}),n.createElement(l,{open:x,placement:f,ref:C,hasTitle:Boolean(p)},n.createElement("div",{className:"title"},p&&n.createElement(s,{size:"s2",type:"semiBold"},p),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:y},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(h,{onClick:function(n){return n.stopPropagation()}},r&&(n.isValidElement(r)?r:"function"==typeof r?r({internalClose:y}):null)))))},w="hhgcomp-modal-modal",b=p(m.div(x||(x=c(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),w),C=m.div(u||(u=c(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),w,w,w,w,w,w,a.mbDown,w,a.mbDown,w,a.mbDown),y=m.div(f||(f=c(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark}));export{v as D,C as S,y as a,b};
+import n,{useRef as e,useEffect as t}from"react";import{Portal as o}from"@mantine/core";import{t as i,M as a}from"./screenSizeContext-f2090394.js";import{ao as r,ap as d,aq as l,T as s,ar as h,V as p}from"./index.styled-8edc19fe.js";import{e as c}from"./tslib.es6-dcf36680.js";import m from"styled-components";var x,u,f,g=function(e){var t=e.open,o=void 0!==t&&t,i=e.onClickOutside;return n.createElement(r,{"data-open":o,onClick:i})},v=function(a){var r=a.children,p=a.title,c=a.onClose,m=a.open,x=void 0!==m&&m,u=a.placement,f=void 0===u?"left":u,v=a.destroyOnClose,w=void 0!==v&&v,b=a.className,C=e();t((function(){return i(x),function(){return i(!1)}}),[x]);var y=function(){C.current.classList.add("slideOut"),setTimeout((function(){c()}),800)};return!x&&w?null:n.createElement(o,null,n.createElement(d,{className:b,open:x},n.createElement(g,{open:x,onClickOutside:y}),n.createElement(l,{open:x,placement:f,ref:C,hasTitle:Boolean(p)},n.createElement("div",{className:"title"},p&&n.createElement(s,{size:"s2",type:"semiBold"},p),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:y},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(h,{onClick:function(n){return n.stopPropagation()}},r&&(n.isValidElement(r)?r:"function"==typeof r?r({internalClose:y}):null)))))},w="hhgcomp-modal-modal",b=p(m.div(x||(x=c(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),w),C=m.div(u||(u=c(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),w,w,w,w,w,w,a.mbDown,w,a.mbDown,w,a.mbDown),y=m.div(f||(f=c(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark}));export{v as D,C as S,y as a,b};

package/build/esm/mantine.js

@@ -1 +1 @@
-import{_ as e,e as n,b as t}from"./tslib.es6-dcf36680.js";import r,{useEffect as a,useState as o}from"react";import{Select as i,Image as l,createEmotionCache as s,FileInput as c,NumberInput as m,PasswordInput as d,TextInput as u,LoadingOverlay as p,Checkbox as h,Slider as f,Radio as g,Switch as v,MantineProvider as w}from"@mantine/core";import{CommonGAssets as b}from"./gAssets.js";import{DatePicker as y,DateRangePicker as Y}from"@mantine/dates";import x,{css as k}from"styled-components";import{useDebouncedState as C,useDebouncedValue as M}from"@mantine/hooks";import{L as S}from"./Locale-69030fff.js";import"date-fns";import"./screenSizeContext-f2090394.js";import{t as E}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import{Carousel as D}from"@mantine/carousel";import{V as P}from"./index.styled-0ef0a0dd.js";import{B as z}from"./index-1013d3f5.js";import"react-range";import"./translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"vanilla-lazyload";import"lodash";var j,F,I,T,B,R=function(n){return r.createElement(i,e({rightSection:r.createElement(l,{src:b.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},n))},L=x(y)(F||(F=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&k(j||(j=n(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),A=x(Y)(T||(T=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&k(I||(I=n(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),V=function(n){return r.createElement(L,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(l,{src:b.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};V.Range=function(n){return r.createElement(A,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(l,{src:b.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var W=300,N=s({key:"mantine",prepend:!1}),G=((B={})[S.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},B[S.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},B[S.India]={dateFormat:"DD/MM/YYYY",separator:"."},B[S.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},B[S.Malaysia]={dateFormat:"DD/MM/YYYY",separator:","},B[S.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},B[S.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},B[S.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},B[S.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},B[S.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},B),H=b.getAssetPath("EyeVisible.svg"),O=b.getAssetPath("EyeHidden.svg"),U=function(n){var o=n.value,i=n.onChange,l=t(n,["value","onChange"]),s=C(o||"",W),c=s[0],m=s[1];return a((function(){null==i||i(c)}),[c]),r.createElement(u,e({size:"md",defaultValue:c,onChange:function(e){return m(e.currentTarget.value)}},l))};U.File=function(n){return r.createElement(c,e({size:"md"},n))},U.Password=function(n){var o=n.value,i=n.onChange,l=t(n,["value","onChange"]),s=C(o||"",W),c=s[0],m=s[1];return a((function(){null==i||i(c)}),[c]),console.log("Re-render"),r.createElement(d,e({size:"md",defaultValue:c,onChange:function(e){return m(e.currentTarget.value)},visibilityToggleIcon:function(e){var n=e.reveal,t=e.size;return n?r.createElement("img",{src:H,width:t}):r.createElement("img",{src:O,width:t})},styles:{rightSection:{pointerEvents:"initial"}}},l))},U.Number=function(n){var o=n.value,i=n.onChange,l=t(n,["value","onChange"]),s=C(o||0,W),c=s[0],d=s[1];return a((function(){null==i||i(c)}),[c]),r.createElement(m,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},defaultValue:c,onChange:d,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0},l))};var q=function(n){return r.createElement(p,e({loaderProps:{color:E.colors.primaryBase}},n))},Z=function(n){var a=n.slidesToShow,o=void 0===a?1:a,i=n.children,l=t(n,["slidesToShow","children"]);return r.createElement(D,e({slideSize:String(Math.floor(1/o*100))+"%",containScroll:"trimSnaps"},l),i)};Z.Slide=D.Slide;var _=function(n){return r.createElement(h,e({},n))};_.Group=h.Group;var J,K,Q,X="hhgcomp-mantine-slider-slider",$=P(x(f)(J||(J=n(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),X),ee=x.div(K||(K=n(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),X),ne=function(n){var i=n.color,l=void 0===i?E.colors.primaryBase:i,s=n.withControl,c=n.onChange,m=n.value,d=n.min,u=n.max,p=t(n,["color","withControl","onChange","value","min","max"]),h=o(m||d||0),f=h[0],g=h[1],v=M(f,W)[0];return a((function(){null==c||c(v)}),[v]),r.createElement(ee,null,s&&r.createElement(z,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return d&&e===d?e:e-1}))}},r.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},r.createElement("path",{d:"M1 1.004h8",stroke:l,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r.createElement($,e({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:l,value:f,onChange:g,min:d,max:u},p)),s&&r.createElement(z,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return u&&e===u?e:e+1}))}},r.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},r.createElement("path",{d:"M8 4v8M4 8h8",stroke:l,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},te=x(g)(Q||(Q=n(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||E.colors.primaryBase})),re=function(n){return r.createElement(te,e({size:"sm"},n))};re.Group=g.Group;var ae,oe,ie=x(v)(ae||(ae=n(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),le=((oe={})[S.Vietnam]="vi",oe[S.Cambodia]="km",oe[S.India]="hi",oe[S.Indonesia]="id",oe[S.Malaysia]="ms",oe[S.Thailand]="th",oe[S.Taiwan]="zh-tw",oe[S.PhilippinesTagalog]="tl-ph",oe[S.PhilippinesEnglish]="en",oe[S.Myanmar]="my",oe),se={"&:hover":{borderColor:"".concat(E.colors.blue200),boxShadow:"0 0 2px 2px ".concat(E.colors.blue200)}},ce=function(n){return{datesLocale:le[n],dateFormat:G[n].dateFormat,fontFamily:n===S.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:G[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(E.colors.blue200),boxShadow:"0 0 2px 2px ".concat(E.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:se}},Radio:{styles:{radio:e(e({backgroundColor:"#ffffff"},se),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},me=function(n){var o=n.children,i=n.locale,l=t(n,["children","locale"]);return function(e){a((function(){le[e]&&require("dayjs/locale/".concat(le[e],".js"))}),[e])}(i),r.createElement(w,e({theme:ce(i),withGlobalStyles:!0,withNormalizeCSS:!0},l),o)};export{Z as Carousel,_ as Checkbox,V as DatePicker,U as Input,q as LoadingOverlay,me as MantineProvider,re as Radio,R as Select,ne as Slider,ie as Switch,N as emotionCache,ce as getMantineThemeOverride};
+import{_ as e,e as n,b as t}from"./tslib.es6-dcf36680.js";import r,{useEffect as a,useState as o}from"react";import{Select as i,Image as l,createEmotionCache as s,FileInput as c,NumberInput as m,PasswordInput as d,TextInput as u,LoadingOverlay as p,Checkbox as h,Slider as f,Radio as g,Switch as v,MantineProvider as w}from"@mantine/core";import{CommonGAssets as b}from"./gAssets.js";import{DatePicker as y,DateRangePicker as Y}from"@mantine/dates";import x,{css as k}from"styled-components";import{useDebouncedState as C,useDebouncedValue as M}from"@mantine/hooks";import{L as S}from"./Locale-69030fff.js";import"date-fns";import"./screenSizeContext-f2090394.js";import{t as E}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import{Carousel as D}from"@mantine/carousel";import{V as P}from"./index.styled-8edc19fe.js";import{B as z}from"./index-b1574c09.js";import"react-range";import"./translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"vanilla-lazyload";import"lodash";var j,F,I,T,B,R=function(n){return r.createElement(i,e({rightSection:r.createElement(l,{src:b.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},n))},L=x(y)(F||(F=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&k(j||(j=n(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),A=x(Y)(T||(T=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&k(I||(I=n(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),V=function(n){return r.createElement(L,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(l,{src:b.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};V.Range=function(n){return r.createElement(A,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(l,{src:b.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var W=300,N=s({key:"mantine",prepend:!1}),G=((B={})[S.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},B[S.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},B[S.India]={dateFormat:"DD/MM/YYYY",separator:"."},B[S.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},B[S.Malaysia]={dateFormat:"DD/MM/YYYY",separator:","},B[S.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},B[S.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},B[S.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},B[S.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},B[S.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},B),H=b.getAssetPath("EyeVisible.svg"),O=b.getAssetPath("EyeHidden.svg"),U=function(n){var o=n.value,i=n.onChange,l=t(n,["value","onChange"]),s=C(o||"",W),c=s[0],m=s[1];return a((function(){null==i||i(c)}),[c]),r.createElement(u,e({size:"md",defaultValue:c,onChange:function(e){return m(e.currentTarget.value)}},l))};U.File=function(n){return r.createElement(c,e({size:"md"},n))},U.Password=function(n){var o=n.value,i=n.onChange,l=t(n,["value","onChange"]),s=C(o||"",W),c=s[0],m=s[1];return a((function(){null==i||i(c)}),[c]),console.log("Re-render"),r.createElement(d,e({size:"md",defaultValue:c,onChange:function(e){return m(e.currentTarget.value)},visibilityToggleIcon:function(e){var n=e.reveal,t=e.size;return n?r.createElement("img",{src:H,width:t}):r.createElement("img",{src:O,width:t})},styles:{rightSection:{pointerEvents:"initial"}}},l))},U.Number=function(n){var o=n.value,i=n.onChange,l=t(n,["value","onChange"]),s=C(o||0,W),c=s[0],d=s[1];return a((function(){null==i||i(c)}),[c]),r.createElement(m,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},defaultValue:c,onChange:d,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0},l))};var q=function(n){return r.createElement(p,e({loaderProps:{color:E.colors.primaryBase}},n))},Z=function(n){var a=n.slidesToShow,o=void 0===a?1:a,i=n.children,l=t(n,["slidesToShow","children"]);return r.createElement(D,e({slideSize:String(Math.floor(1/o*100))+"%",containScroll:"trimSnaps"},l),i)};Z.Slide=D.Slide;var _=function(n){return r.createElement(h,e({},n))};_.Group=h.Group;var J,K,Q,X="hhgcomp-mantine-slider-slider",$=P(x(f)(J||(J=n(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),X),ee=x.div(K||(K=n(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),X),ne=function(n){var i=n.color,l=void 0===i?E.colors.primaryBase:i,s=n.withControl,c=n.onChange,m=n.value,d=n.min,u=n.max,p=t(n,["color","withControl","onChange","value","min","max"]),h=o(m||d||0),f=h[0],g=h[1],v=M(f,W)[0];return a((function(){null==c||c(v)}),[v]),r.createElement(ee,null,s&&r.createElement(z,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return d&&e===d?e:e-1}))}},r.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},r.createElement("path",{d:"M1 1.004h8",stroke:l,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r.createElement($,e({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:l,value:f,onChange:g,min:d,max:u},p)),s&&r.createElement(z,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return u&&e===u?e:e+1}))}},r.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},r.createElement("path",{d:"M8 4v8M4 8h8",stroke:l,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},te=x(g)(Q||(Q=n(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||E.colors.primaryBase})),re=function(n){return r.createElement(te,e({size:"sm"},n))};re.Group=g.Group;var ae,oe,ie=x(v)(ae||(ae=n(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),le=((oe={})[S.Vietnam]="vi",oe[S.Cambodia]="km",oe[S.India]="hi",oe[S.Indonesia]="id",oe[S.Malaysia]="ms",oe[S.Thailand]="th",oe[S.Taiwan]="zh-tw",oe[S.PhilippinesTagalog]="tl-ph",oe[S.PhilippinesEnglish]="en",oe[S.Myanmar]="my",oe),se={"&:hover":{borderColor:"".concat(E.colors.blue200),boxShadow:"0 0 2px 2px ".concat(E.colors.blue200)}},ce=function(n){return{datesLocale:le[n],dateFormat:G[n].dateFormat,fontFamily:n===S.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:G[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(E.colors.blue200),boxShadow:"0 0 2px 2px ".concat(E.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:se}},Radio:{styles:{radio:e(e({backgroundColor:"#ffffff"},se),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},me=function(n){var o=n.children,i=n.locale,l=t(n,["children","locale"]);return function(e){a((function(){le[e]&&require("dayjs/locale/".concat(le[e],".js"))}),[e])}(i),r.createElement(w,e({theme:ce(i),withGlobalStyles:!0,withNormalizeCSS:!0},l),o)};export{Z as Carousel,_ as Checkbox,V as DatePicker,U as Input,q as LoadingOverlay,me as MantineProvider,re as Radio,R as Select,ne as Slider,ie as Switch,N as emotionCache,ce as getMantineThemeOverride};

package/build/esm/navigation.js

@@ -1 +1 @@
-import"./tslib.es6-dcf36680.js";import"react";import"./core-3b861395.js";import"./index.styled-0ef0a0dd.js";export{N as NavigationV2,g as getNavMenuContent,f as getNavMenuContentWithCache}from"./index-8d0d46cd.js";import"react-id-generator";import"./index-27bbccb2.js";import"date-fns";import"react-day-picker/DayPickerInput";import"lodash/debounce";import"react-dom";import"./index.styled-5f98744d.js";import"lodash";import"keen-slider/react";import"./gAssets.js";import"./screenSizeContext-f2090394.js";import"react-range";import"styled-components";import"./getDynamicHealthTool-831ea86d.js";import"./Locale-69030fff.js";import"@mantine/core";import"./translationsContext-d658f58d.js";import"string-format";import"./index-9dd60ba6.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./isProduction-6fc0946c.js";import"./theme-a50a1aa5.js";import"smoothscroll-polyfill";import"./index-1013d3f5.js";import"./index-2e2fc9a7.js";import"./index-df0ab41e.js";import"./useTranslations-1e8e7345.js";import"./en-PH-623a044d.js";import"./types-f57c9932.js";import"./useHealthToolCache-74a46d69.js";import"./constants-a0a981fa.js";import"./cookieHelper-0e8521c3.js";import"date-fns/locale/hi";import"date-fns/locale/ms";import"date-fns/locale/th";import"slugify";import"vanilla-lazyload";
+import"./tslib.es6-dcf36680.js";import"react";import"./core-3b861395.js";import"./index.styled-8edc19fe.js";export{N as NavigationV2,g as getNavMenuContent,f as getNavMenuContentWithCache}from"./index-4b7ec0b4.js";import"react-id-generator";import"./index-bd089173.js";import"date-fns";import"react-day-picker/DayPickerInput";import"lodash/debounce";import"react-dom";import"./index.styled-a059652b.js";import"lodash";import"keen-slider/react";import"./gAssets.js";import"./screenSizeContext-f2090394.js";import"react-range";import"styled-components";import"./getDynamicHealthTool-831ea86d.js";import"./Locale-69030fff.js";import"@mantine/core";import"./translationsContext-d658f58d.js";import"string-format";import"./index-9dd60ba6.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./isProduction-6fc0946c.js";import"./theme-a50a1aa5.js";import"smoothscroll-polyfill";import"./index-b1574c09.js";import"./index-9695a6f7.js";import"./index-5f818249.js";import"./useTranslations-1e8e7345.js";import"./en-PH-623a044d.js";import"./types-f57c9932.js";import"./useHealthToolCache-74a46d69.js";import"./constants-a0a981fa.js";import"./cookieHelper-0e8521c3.js";import"date-fns/locale/hi";import"date-fns/locale/ms";import"date-fns/locale/th";import"slugify";import"vanilla-lazyload";

package/build/esm/together.js

@@ -1 +1 @@
-export{C as CardLink,r as CardPost,s as CardPostPopoverMore,b as CardReactions,v as CardReply,w as CardReplyPopover,f as CreateNewPostContent,g as CreatePostDescription,h as CreatePostTitle,n as ImagePreviewPopup,I as InputCommentBar,d as LabelPin,L as LabelSortPin,e as LabelSorting,x as PopoverMenu,P as PopupDanger,j as PopupFrame,m as PostContent,p as PostImagePreview,o as PostSingleImageViewPopup,l as ShareBox,S as SharePopup,q as SocialLinkPreview,k as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,i as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-4bffb078.js";export{C as CardAuthor,f as DefaultComponentGlobalContextData,G as GlobalData,L as Loading,b as PopupDoctor,a as PopupExpert,e as PopupHospital,T as TogetherComponentGlobalContext,g as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-27bbccb2.js";import"react";import"./index.styled-0ef0a0dd.js";import"./tslib.es6-dcf36680.js";import"styled-components";import"./theme-a50a1aa5.js";import"./screenSizeContext-f2090394.js";import"vanilla-lazyload";import"lodash";import"./translationsContext-d658f58d.js";import"string-format";import"./index-1013d3f5.js";import"./useTranslations-1e8e7345.js";import"./en-PH-623a044d.js";import"innertext";import"./gAssets.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"react-range";import"date-fns";import"./Locale-69030fff.js";import"@mantine/core";import"lodash/debounce";import"./index-df0ab41e.js";import"react-contenteditable";import"./index-2e2fc9a7.js";import"./cookieHelper-0e8521c3.js";import"./index-e62b5d9c.js";import"react-dom";import"date-fns/locale/en-US";import"date-fns/locale/hi";import"date-fns/locale/id";import"date-fns/locale/ms";import"date-fns/locale/th";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"slugify";import"react-id-generator";
+export{C as CardLink,r as CardPost,s as CardPostPopoverMore,b as CardReactions,v as CardReply,w as CardReplyPopover,f as CreateNewPostContent,g as CreatePostDescription,h as CreatePostTitle,n as ImagePreviewPopup,I as InputCommentBar,d as LabelPin,L as LabelSortPin,e as LabelSorting,x as PopoverMenu,P as PopupDanger,j as PopupFrame,m as PostContent,p as PostImagePreview,o as PostSingleImageViewPopup,l as ShareBox,S as SharePopup,q as SocialLinkPreview,k as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,i as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-809f5221.js";export{C as CardAuthor,f as DefaultComponentGlobalContextData,G as GlobalData,L as Loading,b as PopupDoctor,a as PopupExpert,e as PopupHospital,T as TogetherComponentGlobalContext,g as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-bd089173.js";import"react";import"./index.styled-8edc19fe.js";import"./tslib.es6-dcf36680.js";import"styled-components";import"./theme-a50a1aa5.js";import"./screenSizeContext-f2090394.js";import"vanilla-lazyload";import"lodash";import"./translationsContext-d658f58d.js";import"string-format";import"./index-b1574c09.js";import"./useTranslations-1e8e7345.js";import"./en-PH-623a044d.js";import"innertext";import"./gAssets.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"react-range";import"date-fns";import"./Locale-69030fff.js";import"@mantine/core";import"lodash/debounce";import"./index-5f818249.js";import"react-contenteditable";import"./index-9695a6f7.js";import"./cookieHelper-0e8521c3.js";import"./index-ff6e618a.js";import"react-dom";import"date-fns/locale/en-US";import"date-fns/locale/hi";import"date-fns/locale/id";import"date-fns/locale/ms";import"date-fns/locale/th";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"slugify";import"react-id-generator";