@hhgtech/hhg-components 1.21.0-beta-9 → 1.21.0-beta-11

package/build/index-94e56980.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./index.styled-af1f423b.js"),a=require("./tslib.es6-f7929e76.js"),l=require("./index-3474408b.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(e);exports.Divider=function(e){var a=e.type,l=void 0===a?"solid":a,d=e.className,i=e.style;return n.default.createElement(t.StyledDivider,{style:i,className:d,"data-diver-type":l,dividerType:l})},exports.Dropdown=function(e){var t=e.className,d=e.value,i=e.options,o=e.onChange,r=void 0===o?function(){}:o,u=e.id,s=e.placeholderIcon,c=e.placeholder,v=e.style,f=e.size,p=void 0===f?"lg":f,b=e.groupedWithLabel,y=e.disabled,m=e.dropdownLabelTrackingAttributes,E=void 0===m?{}:m,w=e.isNativeSelect,S=void 0!==w&&w,g=n.default.useState(!1),D=g[0],h=g[1],N=function(){return!y&&h(!D)};return S?n.default.createElement(l.StyledDropdown,{as:"select","data-is-native":"true",value:(null==d?void 0:d.value)||void 0,disabled:y,onChange:function(e){if("string"==typeof e.target.value){var t=i.find((function(t){return t.value===e.target.value}));t&&r(t)}}},c&&n.default.createElement("option",{value:c,disabled:!0,selected:!0},c),i.map((function(e){return n.default.createElement("option",{key:"".concat(u,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):n.default.createElement(l.StyledDropdown,{className:t,"data-dropdown-open":D||void 0,"data-size":p,id:u,"data-has-icons":!!s,style:v,onBlur:function(){return h(!1)},tabIndex:0,"data-disabled":y},!!b&&n.default.createElement(l.StyledDropdownLabel,null,b),n.default.createElement(l.StyledDropdownName,a.__assign({onClick:N,className:b&&"with-label"},E),s," ",n.default.createElement("span",null,d&&d.value?d.label:c)),D&&n.default.createElement(l.StyledDropdownList,{onClick:N,"data-has-icons":!!s},i.map((function(e){return n.default.createElement(l.StyledDropdownOption,{key:"".concat(u,"-").concat(e.value),"data-selected":d&&d.value===e.value||void 0,onClick:function(){return!e.disabled&&!y&&(null==r?void 0:r(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&n.default.createElement(l.StyledIcon,null,e.icon),e.label)}))))};

package/build/index-b71b4420.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-f7929e76.js"),a=require("react"),e=require("./index.styled-af1f423b.js");function d(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=d(a);exports.Button=function(a){var d=a.size,r=a.color,o=void 0===r?"primary":r,l=a.theme,i=void 0===l?"helloSites":l,c=a.isDisabled,s=a.isBlock,u=a.title,g=a.className,h=a.onClick,m=a.icon,v=a.children,f=a.isLoading,C=a.loadingText,p=a.dataEventCategory,y=a.dataEventAction,E=a.dataEventLabel,k=a.dataProductChannel,w=a.dataProductSku,b=a.dataProductBrand,P=a.dataProductName,x=a.dataProductPrice,B=a.dataProductCategory,L=a.dataProductPosition,A=a.isAmp,N=a.on,S=a.dataVarsTracking,_=a.type,F=t.__rest(a,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),z=A?{"data-vars-event-category":p,"data-vars-event-action":y,"data-vars-event-label":E,"data-vars-product-channel":k,"data-vars-product-sku":w,"data-vars-product-brand":b,"data-vars-product-name":P,"data-vars-product-price":x,"data-vars-product-category":B,"data-vars-product-position":L,"data-vars-tracking":S,on:N}:{"data-event-category":p,"data-event-action":y,"data-event-label":E,"data-product-channel":k,"data-product-sku":w,"data-product-brand":b,"data-product-name":P,"data-product-price":x,"data-product-category":B,"data-product-position":L};return n.default.createElement(e.StyledButton,t.__assign({},z,{className:g,"data-size":d,"data-color":o,"data-block":s,"data-has-icon":!!m||void 0,"data-theme":i,disabled:c,onClick:function(t){!f&&!c&&h&&h(t)},title:u,"data-is-loading":f||void 0,buttonHasIcon:!!m,buttonTheme:i,buttonSize:d,buttonColor:o,buttonIsLoading:f,buttonIsBlock:s,type:_},F),f?n.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:24}},("secondary"===o||"transparent"===o||"tertiary"===o||"ghost"===o||"danger"===o)&&n.default.createElement(n.default.Fragment,null,n.default.createElement("svg",{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},n.default.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"#DBDFE5",strokeWidth:"4"})),n.default.createElement(e.StyledLoader,{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},n.default.createElement("mask",{id:"a",fill:"#fff"},n.default.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z"})),n.default.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z",stroke:"#2D87F3",strokeWidth:"8",mask:"url(#a)"}))),"primary"===o&&n.default.createElement(n.default.Fragment,null,n.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),n.default.createElement(e.StyledLoader,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},n.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),n.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),n.default.createElement("span",null,C)):n.default.createElement("span",null,!f&&n.default.createElement("span",{className:"button-icon"},m)," ",v))},exports.Heading=function(a){var d,r=a.as,o=a.tag,l=a.className,i=a.children,c=a.title,s=a.color,u=a.style,g=a.fontWeight,h=a.dataEventCategory,m=a.dataEventAction,v=a.dataEventLabel,f=r||o;return n.default.createElement(e.StyledHeading,{title:c,style:t.__assign(t.__assign({},s?(d={},d["--custom-heading-color"]=s,d):void 0),u),"data-tag":o,"data-font-weight":g||void 0,"data-event-category":h,"data-event-action":m,"data-event-label":v,as:f,className:l,headingFontWeight:g,headingTag:o},i)};

package/build/index-e6f9ac7f.js

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

package/build/index.styled-a613a33c.js

@@ -1 +0,0 @@
-"use strict";var n=require("react"),e=require("./useTranslations-9e64b19e.js"),t=require("react-dom"),i=require("./index.styled-af1f423b.js"),o=require("./tslib.es6-f7929e76.js"),a=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var d,l,s,p=r(n),h=r(a),c=function(n){var e=n.open,t=void 0!==e&&e,o=n.onClickOutside;return p.default.createElement(i.StyledBackdrop,{open:t,onClick:o})},u=h.default.div(d||(d=o.__makeTemplateObject(["\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})),f=h.default.div(l||(l=o.__makeTemplateObject(["\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"])),u,u,u,u,u,u,e.MediaQueries.mbDown,u,e.MediaQueries.mbDown,u,e.MediaQueries.mbDown),x=h.default.div(s||(s=o.__makeTemplateObject(["\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}));exports.Drawer=function(o){var a=o.children,r=o.title,d=o.onClose,l=o.open,s=void 0!==l&&l,h=o.placement,u=void 0===h?"left":h,f=o.destroyOnClose,x=void 0!==f&&f,m=o.className,g=n.useRef();n.useEffect((function(){return e.toggleNoScroll(s),function(){return e.toggleNoScroll(!1)}}),[s]);var v=function(){g.current.classList.add("slideOut"),setTimeout((function(){d()}),1e3)};return!s&&x?null:t.createPortal(p.default.createElement(p.default.Fragment,null,s&&p.default.createElement(i.StyledDrawer,{className:m},p.default.createElement(c,{open:s,onClickOutside:v}),p.default.createElement(i.StyledDrawerPanel,{open:s,placement:u,ref:g,hasTitle:Boolean(r)},p.default.createElement("div",{className:"title"},r&&p.default.createElement(i.Text,{size:"s2",type:"semiBold"},r),p.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:v},p.default.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"}))),p.default.createElement(i.StyledDrawerContent,{onClick:function(n){return n.stopPropagation()}},a&&(p.default.isValidElement(a)?a:"function"==typeof a?a({internalClose:v}):null))))),e.getPopupWrapperDom())},exports.StyledModal=u,exports.StyledModalMask=x,exports.StyledModalWrapper=f;