@zonos/amino 5.1.24 → 5.1.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("react"),t=require("react-select"),i=require("styled-components"),s=require("../checkbox/Checkbox.js"),r=require("../help-text/HelpText.js"),a=require("../../icons/CheckCircleIcon.js"),l=require("../../icons/DoubleChevronIcon.js"),c=require("../../icons/RemoveCircleIcon.js"),u=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),p=require("../../utils/getTestId.js");function h(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var m,g,f,_,x,b,v,j,y,k,T,z=h(t),C=h(i),O=function(o){return e.jsx(t.components.ClearIndicator,n.__assign({},o,{children:e.jsx(c.RemoveCircleIcon,{size:19})}))},w=function(o){return e.jsx(t.components.DropdownIndicator,n.__assign({},o,{children:e.jsx(l.DoubleChevronIcon,{size:20})}))},I=C.default.div(m||(m=n.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ",";\n padding: 10px;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ",";\n padding: 10px;\n"])),d.theme.gray700),S=C.default.label(b||(b=n.__makeTemplateObject(["\n position: absolute;\n transition: ",";\n font-size: ",";\n line-height: ",";\n transform-origin: left top;\n left: calc("," - 2px);\n .has-icon & {\n left: calc("," + 2px);\n }\n top: calc(50% - "," / 2);\n .has-label & {\n & + div {\n align-self: flex-end;\n }\n }\n .has-value &,\n .is-focused & {\n top: calc("," + 3px);\n transform: scale(0.8);\n }\n\n /* Size modify */\n ","\n\n ","\n\n ","\n\n ","\n"],["\n position: absolute;\n transition: ",";\n font-size: ",";\n line-height: ",";\n transform-origin: left top;\n left: calc("," - 2px);\n .has-icon & {\n left: calc("," + 2px);\n }\n top: calc(50% - "," / 2);\n .has-label & {\n & + div {\n align-self: flex-end;\n }\n }\n .has-value &,\n .is-focused & {\n top: calc("," + 3px);\n transform: scale(0.8);\n }\n\n /* Size modify */\n ","\n\n ","\n\n ","\n\n ","\n"])),d.theme.transition,d.theme.fontSizeBase,d.theme.fontSizeBase,d.theme.space16,d.theme.space40,d.theme.fontSizeBase,d.theme.space8,(function(e){var o=e.$size;return"sm"===o&&i.css(g||(g=n.__makeTemplateObject(["\n .",".has-label & {\n & + div {\n margin-bottom: -6px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 2px;\n }\n "],["\n .",".has-label & {\n & + div {\n margin-bottom: -6px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 2px;\n }\n "])),o,o,o)}),(function(e){var o=e.$size;return"md"===o&&i.css(f||(f=n.__makeTemplateObject(["\n .",".has-label & {\n & + div {\n margin-bottom: -2px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 6px;\n }\n "],["\n .",".has-label & {\n & + div {\n margin-bottom: -2px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 6px;\n }\n "])),o,o,o)}),(function(e){var o=e.$size;return"lg"===o&&i.css(_||(_=n.__makeTemplateObject(["\n .",".has-value &,\n .",".is-focused & {\n top: 10px;\n }\n "],["\n .",".has-value &,\n .",".is-focused & {\n top: 10px;\n }\n "])),o,o)}),(function(e){var o=e.$size;return"xl"===o&&i.css(x||(x=n.__makeTemplateObject(["\n .",".has-label & {\n & + div {\n margin-bottom: 3px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 11px;\n }\n "],["\n .",".has-label & {\n & + div {\n margin-bottom: 3px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 11px;\n }\n "])),o,o,o)})),q=C.default.div(v||(v=n.__makeTemplateObject(["\n .react-select-control + div {\n z-index: 20;\n }\n\n &.has-error .react-select-control {\n box-shadow: ",";\n }\n"],["\n .react-select-control + div {\n z-index: 20;\n }\n\n &.has-error .react-select-control {\n box-shadow: ",";\n }\n"])),d.theme.glowError),R=C.default.strong(j||(j=n.__makeTemplateObject(["\n font-weight: 600;\n"],["\n font-weight: 600;\n"]))),L=function(o){var t=o.children,i=o.className,s=o.cx,r=o.getStyles,a=o.hasValue,l=o.innerProps,c=o.innerRef,u=o.isDisabled,d=o.isFocused,p=o.menuIsOpen,h=o.selectProps,m=h.icon,g=h.label,f=h.size,_=h.value;return e.jsxs("div",n.__assign({ref:c,className:s({control:!0,"control--is-disabled":u,"control--is-focused":d,"control--menu-is-open":p},[i,a?"has-value":"",m?"has-icon":"",d?"is-focused":"",g||Array.isArray(_)&&_.length>1?"has-label":"",f,"react-select-control"].join(" ")),style:r("control",o)},l,{children:[m&&e.jsx(I,{children:m}),e.jsxs(S,{$size:f,children:[g," ",Array.isArray(_)&&_.length>1&&e.jsxs(R,{children:["(",_.length," selected)"]})]}),t]}))},M=C.default.div(y||(y=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n color: ",";\n svg {\n margin-right: 4px;\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n color: ",";\n svg {\n margin-right: 4px;\n color: ",";\n }\n"])),(function(n){return n.$color||"inherit"}),d.theme.gray1200),P=C.default.div(k||(k=n.__makeTemplateObject(["\n &:not(.is-disabled) {\n &.is-focused,\n &:hover {\n /* The styles are inlined on this component from emotion, so we must override */\n background-color: "," !important;\n }\n }\n"],["\n &:not(.is-disabled) {\n &.is-focused,\n &:hover {\n /* The styles are inlined on this component from emotion, so we must override */\n background-color: "," !important;\n }\n }\n"])),d.theme.gray100),B=C.default.div(T||(T=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]))),D=function(n){var o=n.children,t=n.color,i=n.icon;return e.jsxs(M,{$color:t,children:[i,o]})},N=function(o){var i=o.children,s=n.__rest(o,["children"]);return e.jsx(t.components.MultiValueLabel,n.__assign({},s,{children:e.jsx(D,{icon:s.data.icon,children:i})}))},V=function(o){var t=o.innerProps;return e.jsx("div",n.__assign({},t,{role:"button",children:e.jsx(u.RemoveIcon,{size:14})}))},$=function(o){var t=o.children,i=o.className,r=o.data,l=o.getStyles,c=o.innerProps,u=o.innerRef,d=o.isDisabled,p=o.isFocused,h=o.isSelected,m=o.selectProps,g=m,f=g.customOption,_=g.hasGroups,x=l("option",o),b=x.color,v=n.__rest(x,["color"]);_&&(v.paddingLeft=48);return e.jsx("div",n.__assign({ref:u},c,{children:e.jsx(P,{className:[i,p?"is-focused":"",d?"is-disabled":""].join(" "),style:v,children:m.isMulti?e.jsx(s.Checkbox,{checked:h,disabled:d,icon:r.icon,label:r.label,labelDescription:r.labelDescription,onChange:function(){}}):f?f(r.value):e.jsxs(B,{children:[e.jsx(D,{color:b,icon:r.icon,children:t}),h&&e.jsx(a.CheckCircleIcon,{color:"blue600",size:16})]})})}))},W={clearIndicator:function(e){return n.__assign(n.__assign({},e),{color:d.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(e,o){var t=o.selectProps.size;return n.__assign(n.__assign({},e),{background:d.theme.inputBackground,borderColor:"".concat(d.theme.gray200),borderRadius:6,boxShadow:o.isFocused?"".concat(d.theme.glowBlue):"",color:d.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(t,")"),minHeight:"var(--amino-size-".concat(t,")")})},dropdownIndicator:function(e){return n.__assign(n.__assign({},e),{color:d.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(e){return n.__assign(n.__assign({},e),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(e){return n.__assign(n.__assign({},e),{width:0})},input:function(e){return n.__assign(n.__assign({},e),{color:d.theme.textColor,opacity:.8})},menu:function(e){return n.__assign(n.__assign({},e),{background:d.theme.surfaceColor,borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4})},menuList:function(e){return n.__assign(n.__assign({},e),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(e){return n.__assign(n.__assign({},e),{background:d.theme.gray200,fontWeight:500,minWidth:"inherit"})},multiValueLabel:function(e){return n.__assign(n.__assign({},e),{color:d.theme.textColor})},option:function(e,o){return n.__assign(n.__assign({},e),{backgroundColor:"inherit",borderRadius:"8px",color:o.isSelected?d.theme.blue600:d.theme.textColor,cursor:"pointer",fontWeight:o.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(e){return n.__assign(n.__assign({},e),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(e){return n.__assign(n.__assign({},e),{color:d.theme.textColor,fontWeight:500})},valueContainer:function(e){return n.__assign(n.__assign({},e),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=$,exports.StyledReactSelect=function(t){var i=t.closeOnOutsideScroll,s=void 0!==i&&i,a=t.components,l=t.customOption,c=t.error,u=t.hasGroups,d=t.helpText,h=t.icon,m=t.label,g=t.menuPosition,f=void 0===g?"fixed":g,_=t.placeholder,x=t.size,b=void 0===x?"xl":x,v=t.styles,j=n.__rest(t,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","styles"]),y={customOption:l,hasGroups:u,icon:h,label:m,size:b},k=o.useMemo((function(){return p.getTestId({componentName:"select",name:m})}),[m]),T=o.useRef(null),C=o.useMemo((function(){return!!s&&function(n){var e,o,t;return!(n.target instanceof HTMLElement)||(null===(t=!(null===(o=null===(e=T.current)||void 0===e?void 0:e.menuListRef)||void 0===o?void 0:o.isEqualNode(n.target)))||void 0===t||t)}}),[s]);return e.jsxs(q,{className:[c?"has-error":""].join(" "),"data-testid":k,children:[e.jsx(z.default,n.__assign({ref:T,closeMenuOnScroll:C,components:n.__assign({ClearIndicator:O,Control:L,DropdownIndicator:w,MultiValueLabel:N,MultiValueRemove:V,Option:$},a),menuPosition:f,placeholder:_||"",styles:n.__assign(n.__assign({},v),W)},j,y)),e.jsx(r.HelpText,{error:c,helpText:d})]})};
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("react-select"),i=require("styled-components"),s=require("../checkbox/Checkbox.js"),r=require("../help-text/HelpText.js"),a=require("../../icons/CheckCircleIcon.js"),l=require("../../icons/DoubleChevronIcon.js"),c=require("../../icons/RemoveCircleIcon.js"),d=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),p=require("../../utils/getTestId.js");function h(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var m,g,f,_,x,b,v,j,y,k,T,z=h(o),C=h(i),O=function(t){return e.jsx(o.components.ClearIndicator,n.__assign({},t,{children:e.jsx(c.RemoveCircleIcon,{size:19})}))},w=function(t){return e.jsx(o.components.DropdownIndicator,n.__assign({},t,{children:e.jsx(l.DoubleChevronIcon,{size:20})}))},I=C.default.div(m||(m=n.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ",";\n padding: 10px;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: ",";\n padding: 10px;\n"])),u.theme.gray700),R=C.default.label(b||(b=n.__makeTemplateObject(["\n position: absolute;\n transition: ",";\n font-size: ",";\n line-height: ",";\n transform-origin: left top;\n left: calc("," - 2px);\n .has-icon & {\n left: calc("," + 2px);\n }\n top: calc(50% - "," / 2);\n .has-label & {\n & + div {\n align-self: flex-end;\n }\n }\n .has-value &,\n .is-focused & {\n top: calc("," + 3px);\n transform: scale(0.8);\n }\n\n /* Size modify */\n ","\n\n ","\n\n ","\n\n ","\n"],["\n position: absolute;\n transition: ",";\n font-size: ",";\n line-height: ",";\n transform-origin: left top;\n left: calc("," - 2px);\n .has-icon & {\n left: calc("," + 2px);\n }\n top: calc(50% - "," / 2);\n .has-label & {\n & + div {\n align-self: flex-end;\n }\n }\n .has-value &,\n .is-focused & {\n top: calc("," + 3px);\n transform: scale(0.8);\n }\n\n /* Size modify */\n ","\n\n ","\n\n ","\n\n ","\n"])),u.theme.transition,u.theme.fontSizeBase,u.theme.fontSizeBase,u.theme.space16,u.theme.space40,u.theme.fontSizeBase,u.theme.space8,(function(e){var t=e.$size;return"sm"===t&&i.css(g||(g=n.__makeTemplateObject(["\n .",".has-label & {\n & + div {\n margin-bottom: -6px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 2px;\n }\n "],["\n .",".has-label & {\n & + div {\n margin-bottom: -6px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 2px;\n }\n "])),t,t,t)}),(function(e){var t=e.$size;return"md"===t&&i.css(f||(f=n.__makeTemplateObject(["\n .",".has-label & {\n & + div {\n margin-bottom: -2px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 6px;\n }\n "],["\n .",".has-label & {\n & + div {\n margin-bottom: -2px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 6px;\n }\n "])),t,t,t)}),(function(e){var t=e.$size;return"lg"===t&&i.css(_||(_=n.__makeTemplateObject(["\n .",".has-value &,\n .",".is-focused & {\n top: 10px;\n }\n "],["\n .",".has-value &,\n .",".is-focused & {\n top: 10px;\n }\n "])),t,t)}),(function(e){var t=e.$size;return"xl"===t&&i.css(x||(x=n.__makeTemplateObject(["\n .",".has-label & {\n & + div {\n margin-bottom: 3px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 11px;\n }\n "],["\n .",".has-label & {\n & + div {\n margin-bottom: 3px;\n }\n }\n .",".has-value &,\n .",".is-focused & {\n top: 11px;\n }\n "])),t,t,t)})),S=C.default.div(v||(v=n.__makeTemplateObject(["\n .react-select-control + div {\n z-index: 20;\n }\n\n &.has-error .react-select-control {\n box-shadow: ",";\n }\n"],["\n .react-select-control + div {\n z-index: 20;\n }\n\n &.has-error .react-select-control {\n box-shadow: ",";\n }\n"])),u.theme.glowError),q=C.default.strong(j||(j=n.__makeTemplateObject(["\n font-weight: 600;\n"],["\n font-weight: 600;\n"]))),L=function(t){var o=t.children,i=t.className,s=t.cx,r=t.getStyles,a=t.hasValue,l=t.innerProps,c=t.innerRef,d=t.isDisabled,u=t.isFocused,p=t.menuIsOpen,h=t.selectProps,m=h.icon,g=h.label,f=h.size,_=h.value;return e.jsxs("div",n.__assign({ref:c,className:s({control:!0,"control--is-disabled":d,"control--is-focused":u,"control--menu-is-open":p},[i,a?"has-value":"",m?"has-icon":"",u?"is-focused":"",g||Array.isArray(_)&&_.length>1?"has-label":"",f,"react-select-control"].join(" ")),style:r("control",t)},l,{children:[m&&e.jsx(I,{children:m}),e.jsxs(R,{$size:f,children:[g," ",Array.isArray(_)&&_.length>1&&e.jsxs(q,{children:["(",_.length," selected)"]})]}),o]}))},M=C.default.div(y||(y=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n color: ",";\n svg {\n margin-right: 4px;\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n color: ",";\n svg {\n margin-right: 4px;\n color: ",";\n }\n"])),(function(n){return n.$color||"inherit"}),u.theme.gray1200),P=C.default.div(k||(k=n.__makeTemplateObject(["\n &:not(.is-disabled) {\n &.is-focused,\n &:hover {\n /* The styles are inlined on this component from emotion, so we must override */\n background-color: "," !important;\n }\n }\n"],["\n &:not(.is-disabled) {\n &.is-focused,\n &:hover {\n /* The styles are inlined on this component from emotion, so we must override */\n background-color: "," !important;\n }\n }\n"])),u.theme.gray100),B=C.default.div(T||(T=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]))),D=function(n){var t=n.children,o=n.color,i=n.icon;return e.jsxs(M,{$color:o,children:[i,t]})},N=function(t){var i=t.children,s=n.__rest(t,["children"]);return e.jsx(o.components.MultiValueLabel,n.__assign({},s,{children:e.jsx(D,{icon:s.data.icon,children:i})}))},V=function(t){var o=t.innerProps;return e.jsx("div",n.__assign({},o,{role:"button",children:e.jsx(d.RemoveIcon,{size:14})}))},$=function(t){var o=t.children,i=t.className,r=t.data,l=t.getStyles,c=t.innerProps,d=t.innerRef,u=t.isDisabled,p=t.isFocused,h=t.isSelected,m=t.selectProps,g=m,f=g.customOption,_=g.hasGroups,x=l("option",t),b=x.color,v=n.__rest(x,["color"]);_&&(v.paddingLeft=48);return e.jsx("div",n.__assign({ref:d},c,{children:e.jsx(P,{className:[i,p?"is-focused":"",u?"is-disabled":""].join(" "),style:v,children:m.isMulti?e.jsx(s.Checkbox,{checked:h,disabled:u,icon:r.icon,label:r.label,labelDescription:r.labelDescription,onChange:function(){}}):f?f(r.value):e.jsxs(B,{children:[e.jsx(D,{color:b,icon:r.icon,children:o}),h&&e.jsx(a.CheckCircleIcon,{color:"blue600",size:16})]})})}))},W={clearIndicator:function(e){return n.__assign(n.__assign({},e),{color:u.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(e,t){var o=t.selectProps.size;return n.__assign(n.__assign({},e),{background:u.theme.inputBackground,borderColor:"".concat(u.theme.gray200),borderRadius:6,boxShadow:t.isFocused?"".concat(u.theme.glowBlue):"",color:u.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(e){return n.__assign(n.__assign({},e),{color:u.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(e){return n.__assign(n.__assign({},e),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(e){return n.__assign(n.__assign({},e),{width:0})},input:function(e){return n.__assign(n.__assign({},e),{color:u.theme.textColor,opacity:.8})},menu:function(e){return n.__assign(n.__assign({},e),{background:u.theme.surfaceColor,borderRadius:12,boxShadow:u.theme.v3ShadowLarge,marginTop:4})},menuList:function(e){return n.__assign(n.__assign({},e),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(e){return n.__assign(n.__assign({},e),{alignItems:"center",background:u.theme.gray100,borderRadius:u.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(e){return n.__assign(n.__assign({},e),{color:u.theme.textColor})},option:function(e,t){return n.__assign(n.__assign({},e),{backgroundColor:"inherit",borderRadius:"8px",color:t.isSelected?u.theme.blue600:u.theme.textColor,cursor:"pointer",fontWeight:t.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(e){return n.__assign(n.__assign({},e),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(e){return n.__assign(n.__assign({},e),{color:u.theme.textColor,fontWeight:500})},valueContainer:function(e){return n.__assign(n.__assign({},e),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=$,exports.StyledReactSelect=function(o){var i=o.closeOnOutsideScroll,s=void 0!==i&&i,a=o.components,l=o.customOption,c=o.error,d=o.hasGroups,u=o.helpText,h=o.icon,m=o.label,g=o.menuPosition,f=void 0===g?"fixed":g,_=o.placeholder,x=o.size,b=void 0===x?"xl":x,v=o.styles,j=n.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","styles"]),y={customOption:l,hasGroups:d,icon:h,label:m,size:b},k=t.useMemo((function(){return p.getTestId({componentName:"select",name:m})}),[m]),T=t.useRef(null),C=t.useMemo((function(){return!!s&&function(n){var e,t,o;return!(n.target instanceof HTMLElement)||(null===(o=!(null===(t=null===(e=T.current)||void 0===e?void 0:e.menuListRef)||void 0===t?void 0:t.isEqualNode(n.target)))||void 0===o||o)}}),[s]);return e.jsxs(S,{className:[c?"has-error":""].join(" "),"data-testid":k,children:[e.jsx(z.default,n.__assign({ref:T,closeMenuOnScroll:C,components:n.__assign({ClearIndicator:O,Control:L,DropdownIndicator:w,MultiValueLabel:N,MultiValueRemove:V,Option:$},a),menuPosition:f,placeholder:_||"",styles:n.__assign(n.__assign({},v),W)},j,y)),e.jsx(r.HelpText,{error:c,helpText:u})]})};
|
|
@@ -52,7 +52,7 @@ export type SimpleTableProps<T extends object> = {
|
|
|
52
52
|
selectable?: {
|
|
53
53
|
enabled: boolean;
|
|
54
54
|
headerCheckboxValue?: boolean;
|
|
55
|
-
|
|
55
|
+
isRowChecked?: (item: T, index: number) => boolean;
|
|
56
56
|
onHeaderCheckboxChange?: (checked: boolean) => void;
|
|
57
57
|
onRowCheckboxChange?: (checked: boolean, index: number) => void;
|
|
58
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../checkbox/Checkbox.js"),o=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var c,d,s,h,u,x,g=l(t),m=g.default.table(c||(c=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),b=g.default.thead(d||(d=e.__makeTemplateObject(["\n text-transform: uppercase;\n"],["\n text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n border-bottom: ",";\n height: 48px;\n"],["\n border-bottom: ",";\n height: 48px;\n"])),a.theme.border),k=g.default.th(h||(h=e.__makeTemplateObject(["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"],["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"])),a.theme.space16,(function(e){return e.$textAlign})),v=g.default.tr(u||(u=e.__makeTemplateObject(["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"],["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.clickable?"pointer":"auto"}),a.theme.border,a.theme.gray50),j=g.default.td(x||(x=e.__makeTemplateObject(["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"],["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.$noPadding?void 0:a.theme.space16}),(function(e){return e.$textAlign}));exports.SimpleTable=function(t){var a=t.className,l=t.headers,c=t.items,d=t.keyExtractor,s=t.loading,h=void 0!==s&&s,u=t.loadingItems,x=void 0===u?10:u,g=t.noHoverBackground,f=void 0!==g&&g,w=t.onRowClick,y=t.onRowHover,
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../checkbox/Checkbox.js"),o=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var c,d,s,h,u,x,g=l(t),m=g.default.table(c||(c=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),b=g.default.thead(d||(d=e.__makeTemplateObject(["\n text-transform: uppercase;\n"],["\n text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n border-bottom: ",";\n height: 48px;\n"],["\n border-bottom: ",";\n height: 48px;\n"])),a.theme.border),k=g.default.th(h||(h=e.__makeTemplateObject(["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"],["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"])),a.theme.space16,(function(e){return e.$textAlign})),v=g.default.tr(u||(u=e.__makeTemplateObject(["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"],["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.clickable?"pointer":"auto"}),a.theme.border,a.theme.gray50),j=g.default.td(x||(x=e.__makeTemplateObject(["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"],["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.$noPadding?void 0:a.theme.space16}),(function(e){return e.$textAlign}));exports.SimpleTable=function(t){var a=t.className,l=t.headers,c=t.items,d=t.keyExtractor,s=t.loading,h=void 0!==s&&s,u=t.loadingItems,x=void 0===u?10:u,g=t.noHoverBackground,f=void 0!==g&&g,w=t.onRowClick,y=t.onRowHover,C=t.renderFooter,_=t.selectable,$=void 0===_?{enabled:!1}:_;return n.jsxs(m,{className:a,children:[n.jsxs("colgroup",{children:[!!$.onHeaderCheckboxChange&&n.jsx("col",{}),l.map((function(e){return n.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),n.jsx(b,{children:n.jsxs(p,{children:[!!$.onHeaderCheckboxChange&&n.jsx(k,{$textAlign:"center",children:n.jsx(r.Checkbox,{checked:!h&&$.headerCheckboxValue||!1,disabled:h,onChange:$.onHeaderCheckboxChange})}),l.map((function(e){return n.jsx(k,{$textAlign:e.align||"start",children:n.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),n.jsx("tbody",{children:h?e.__spreadArray([],e.__read(Array(x+1).keys()),!1).map((function(e){return n.jsx(v,{clickable:!1,children:l.map((function(t){return n.jsx(j,{$noPadding:!!t.noPadding,$textAlign:"center",children:n.jsx(o.Skeleton,{height:30},e)},t.key)}))},e)})):c.map((function(e,t){var o;return n.jsxs(v,{className:f?"":"with-hover",clickable:!!w,onClick:function(){return null==w?void 0:w(e)},onMouseEnter:function(){return null==y?void 0:y(e)},children:[$.enabled&&n.jsx(j,{$noPadding:!1,$textAlign:"center",children:n.jsx(r.Checkbox,{checked:(null===(o=$.isRowChecked)||void 0===o?void 0:o.call($,e,t))||!1,onChange:function(e){var n;return null===(n=$.onRowCheckboxChange)||void 0===n?void 0:n.call($,e,t)}})}),l.map((function(t){return function(e,t){var r=t[e.key];return e.renderCustom?n.jsx(j,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:e.renderCustom(r,t)},e.key):n.jsx(j,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:String(r)},e.key)}(t,e)}))]},d(e))}))}),C]})};
|
|
@@ -5,4 +5,4 @@ export type SlideOverProps = BaseDialogProps & {
|
|
|
5
5
|
label?: string;
|
|
6
6
|
subtitle?: ReactNode;
|
|
7
7
|
};
|
|
8
|
-
export declare const SlideOver: ({ actions, children, label, onClose, subtitle, ...props }: SlideOverProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const SlideOver: ({ actions, children, label, onClose, subtitle, width, ...props }: SlideOverProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("../button/Button.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("../button/Button.js"),i=require("../dialog/BaseDialog.js"),a=require("../stack/HStack.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),d=require("../../icons/RemoveIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var u,h,p,m,b,x=c(r),g=x.default(i.BaseDialog)(u||(u=e.__makeTemplateObject(["\n /* Override BaseDialog.Popup styles */\n border-radius: 0;\n max-height: none;\n overflow: unset;\n border: none;\n background: transparent;\n box-shadow: none;\n\n position: absolute;\n height: 100vh;\n right: 0;\n top: 0;\n"],["\n /* Override BaseDialog.Popup styles */\n border-radius: 0;\n max-height: none;\n overflow: unset;\n border: none;\n background: transparent;\n box-shadow: none;\n\n position: absolute;\n height: 100vh;\n right: 0;\n top: 0;\n"]))),f=x.default.div(h||(h=e.__makeTemplateObject(["\n height: 100%;\n margin: ",";\n border-radius: ",";\n background: ",";\n\n display: flex;\n flex-direction: column;\n\n box-shadow: ",";\n"],["\n height: 100%;\n margin: ",";\n border-radius: ",";\n background: ",";\n\n display: flex;\n flex-direction: column;\n\n box-shadow: ",";\n"])),l.theme.space8,l.theme.space12,l.theme.surfaceColor,l.theme.v3ShadowXxl),j=x.default.header(p||(p=e.__makeTemplateObject(["\n padding: ",";\n border-bottom: ",";\n\n display: flex;\n gap: ",";\n align-items: center;\n\n .header-content {\n margin: 0;\n flex: 1;\n }\n"],["\n padding: ",";\n border-bottom: ",";\n\n display: flex;\n gap: ",";\n align-items: center;\n\n .header-content {\n margin: 0;\n flex: 1;\n }\n"])),l.theme.space16,l.theme.border,l.theme.space16),v=x.default.div(m||(m=e.__makeTemplateObject(["\n padding: ",";\n overflow-y: auto;\n overscroll-behavior: contain;\n flex: 1;\n"],["\n padding: ",";\n overflow-y: auto;\n overscroll-behavior: contain;\n flex: 1;\n"])),l.theme.space24),k=x.default.div(b||(b=e.__makeTemplateObject(["\n padding: ",";\n border-radius: ",";\n border-top: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n background: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"],["\n padding: ",";\n border-radius: ",";\n border-top: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n background: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"])),l.theme.space24,l.theme.space12,l.theme.border,l.theme.surfaceColorSecondary,l.theme.space8);exports.SlideOver=function(r){var i=r.actions,l=r.children,c=r.label,u=r.onClose,h=r.subtitle,p=r.width,m=e.__rest(r,["actions","children","label","onClose","subtitle","width"]);return n.jsx(g,e.__assign({onClose:u,popupMotionProps:{animate:{x:0},exit:{x:p},initial:{x:p},transition:{duration:.45,ease:[.4,0,.2,1]}},width:p},m,{children:n.jsxs(f,{children:[n.jsxs(j,{children:[n.jsx(t.Button,{icon:n.jsx(d.RemoveIcon,{}),onClick:u}),h?n.jsxs(o.VStack,{className:"header-content",spacing:0,children:[n.jsx(s.Text,{type:"subheader",children:c}),h]}):n.jsx(s.Text,{className:"header-content",type:"subheader",children:c})]}),n.jsx(v,{children:l}),i&&n.jsx(k,{children:n.jsx(a.HStack,{spacing:8,children:i})})]})}))};
|