text: (window["webpackJsonp@visa/vds-react"]=window["webpackJsonp@visa/vds-react"]||[]).push([[49],{279:function(e,n,a){"use strict";a.r(n);var t=a(84),l=a(516),o=a(0),r=a.n(o),s=a(3),c=a.n(s),i=a(519),d=a(518),m=a(37),g=a(8),u=a(507),p=a(17),x=a(23),f=a(16),v=a(508),E=a(61),b=a(133),h=a(509),S=a(510),N=a(511),C=a(512),T=a(513),O=a(7),y=function(){return r.a.createElement(x.a,null,r.a.createElement(f.a,null,r.a.createElement(g.a,null,r.a.createElement(O.a,{tag:"h2"},"See Props and Methods for more details on Col usage"))))},R=a(517),P="import React from 'react';\nimport { bool, node, oneOf, string } from 'prop-types';\nimport classnames from 'classnames';\n\nconst CSS_PREFIX = 'col';\nconst ALIGNMENTS = ['center', 'left', 'right'];\n\nconst Col = ({\n  alignCenter,\n  alignEnd,\n  children,\n  className,\n  lg,\n  lgHidden,\n  lgTextAlign,\n  md,\n  mdHidden,\n  mdTextAlign,\n  noBottomGutter,\n  noGutter,\n  noLeftGutter,\n  noRightGutter,\n  noTopGutter,\n  sm,\n  smHidden,\n  smTextAlign,\n  textAlign,\n  valignBottom,\n  valignCenter,\n  valignTop,\n  xl,\n  xlHidden,\n  xlTextAlign,\n  xs,\n  xsHidden,\n  xsTextAlign,\n  xxl,\n  xxlHidden,\n  xxlTextAlign,\n  ...remainingProps\n}) => (\n  <div\n    className={classnames(CSS_PREFIX, {\n      [`vds-text--${textAlign}`]: Boolean(textAlign),\n      [`${CSS_PREFIX}--xs-${xs}`]: Boolean(xs),\n      [`${CSS_PREFIX}--sm-${sm}`]: Boolean(sm),\n      [`${CSS_PREFIX}--md-${md}`]: Boolean(md),\n      [`${CSS_PREFIX}--lg-${lg}`]: Boolean(lg),\n      [`${CSS_PREFIX}--xl-${xl}`]: Boolean(xl),\n      [`${CSS_PREFIX}--xxl-${xxl}`]: Boolean(xxl),\n      [`${CSS_PREFIX}--xs-hidden`]: Boolean(xsHidden),\n      [`${CSS_PREFIX}--sm-hidden`]: Boolean(smHidden),\n      [`${CSS_PREFIX}--md-hidden`]: Boolean(mdHidden),\n      [`${CSS_PREFIX}--lg-hidden`]: Boolean(lgHidden),\n      [`${CSS_PREFIX}--xl-hidden`]: Boolean(xlHidden),\n      [`${CSS_PREFIX}--xxl-hidden`]: Boolean(xxlHidden),\n      [`${CSS_PREFIX}--xs-text-${xsTextAlign}`]: Boolean(xsTextAlign),\n      [`${CSS_PREFIX}--sm-text-${smTextAlign}`]: Boolean(smTextAlign),\n      [`${CSS_PREFIX}--md-text-${mdTextAlign}`]: Boolean(mdTextAlign),\n      [`${CSS_PREFIX}--lg-text-${lgTextAlign}`]: Boolean(lgTextAlign),\n      [`${CSS_PREFIX}--xl-text-${xlTextAlign}`]: Boolean(xlTextAlign),\n      [`${CSS_PREFIX}--xxl-text-${xxlTextAlign}`]: Boolean(xxlTextAlign),\n      [`${CSS_PREFIX}--no-bottom-gutter`]: Boolean(noBottomGutter),\n      [`${CSS_PREFIX}--no-gutter`]: Boolean(noGutter),\n      [`${CSS_PREFIX}--no-left-gutter`]: Boolean(noLeftGutter),\n      [`${CSS_PREFIX}--no-right-gutter`]: Boolean(noRightGutter),\n      [`${CSS_PREFIX}--no-top-gutter`]: Boolean(noTopGutter),\n      [`${CSS_PREFIX}--align-end`]: Boolean(alignEnd),\n      [`${CSS_PREFIX}--align-center`]: Boolean(alignCenter),\n      [`${CSS_PREFIX}--valign-bottom`]: Boolean(valignBottom),\n      [`${CSS_PREFIX}--valign-center`]: Boolean(valignCenter),\n      [`${CSS_PREFIX}--valign-top`]: Boolean(valignTop)\n    }, className)}\n    data-vds-col\n    {...remainingProps}\n  >\n    {children}\n  </div>\n);\n\nCol.propTypes = {\n  /**\n   * alignCenter\n   */\n  alignCenter: bool,\n\n  /**\n   * alignEnd\n   */\n  alignEnd: bool,\n\n  /**\n   * Content\n   */\n  children: node,\n\n  /**\n   * @ignore\n   */\n  className: string,\n\n  /**\n   * Prefix for large screens\n   */\n  lg: oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n  /**\n   * Hide at large screens\n   */\n  lgHidden: bool,\n\n  /**\n   * Text alignment at large screens\n   */\n  lgTextAlign: oneOf(ALIGNMENTS),\n\n  /**\n   * Prefix for medium screens\n   */\n  md: oneOf([1, 2, 3, 4, 5, 6, 7, 8]),\n\n  /**\n   * Hide at medium screens\n   */\n  mdHidden: bool,\n\n  /**\n   * Text alignment at medium screens\n   */\n  mdTextAlign: oneOf(ALIGNMENTS),\n\n  /**\n   * hasNoBottomGutter\n   */\n  noBottomGutter: bool,\n\n  /**\n   * noGutter\n   */\n  noGutter: bool,\n\n  /**\n   * noLeftGutter\n   */\n  noLeftGutter: bool,\n\n  /**\n   * noRightGutter\n   */\n  noRightGutter: bool,\n\n  /**\n   * noTopGutter\n   */\n  noTopGutter: bool,\n\n  /**\n   * Prefix for small screens\n   */\n  sm: oneOf([1, 2, 3, 4, 5, 6, 7, 8]),\n\n  /**\n   * Hide at small screens\n   */\n  smHidden: bool,\n\n  /**\n   * Text alignment at small screens\n   */\n  smTextAlign: oneOf(ALIGNMENTS),\n\n  /**\n   * Text alignment at all sizes\n   */\n  textAlign: oneOf(ALIGNMENTS),\n\n  /**\n   * valignBottom\n   */\n  valignBottom: bool,\n\n  /**\n   * valignCenter\n   */\n  valignCenter: bool,\n\n  /**\n   * valignTop\n   */\n  valignTop: bool,\n\n  /**\n   * Prefix for extra-large screens\n   */\n  xl: oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n  /**\n   * Hide at extra-large screens\n   */\n  xlHidden: bool,\n\n  /**\n   * Text alignment at extra-large screens\n   */\n  xlTextAlign: oneOf(ALIGNMENTS),\n\n  /**\n   * Prefix for extra-small screens\n   */\n  xs: oneOf([1, 2, 3, 4]),\n\n  /**\n   * Hide at extra-small screens\n   */\n  xsHidden: bool,\n\n  /**\n   * Text alignment at extra-small screens\n   */\n  xsTextAlign: oneOf(ALIGNMENTS),\n\n  /**\n   * Prefix for extra extra large screens\n   */\n  xxl: oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n  /**\n   * Hide at extra-extra-large screens\n   */\n  xxlHidden: bool,\n\n  /**\n   * Text alignment at extra-extra-large screens\n   */\n  xxlTextAlign: oneOf(ALIGNMENTS)\n};\n\nCol.displayName = 'Col';\n\nexport default Col;\n".replace("= memo(({","= React.forwardRef(({").replace("cloneElement(","React.cloneElement("),j="import React from 'react';\nimport Col from '../../col';\nimport Grid from '../../grid';\nimport Row from '../../row';\nimport Typography from '../../typography';\n\nconst ColExample = () => (\n  <Grid>\n    <Row>\n      <Col>\n        <Typography tag=\"h2\">See Props and Methods for more details on Col usage</Typography>\n      </Col>\n    </Row>\n  </Grid>\n);\n\nexport default ColExample;\n".replace(/'..\/..\//g,"'@visa/vds-react/"),B=function(e){var n=Object(l.a)({},e),a=Object(o.useState)({}),s=Object(t.a)(a,2),B=s[0],$=s[1];return Object(o.useEffect)((function(){try{$(R.parse(P))}catch(e){console.log("\n        React-docgen could not parse props for Col\n        check for fix here https://github.com/reactjs/react-docgen/issues/342")}}),[]),r.a.createElement(x.a,{siblingOfStickyFooter:!0},r.a.createElement(f.a,null,r.a.createElement(g.a,null,r.a.createElement(O.a,{tag:"h1"},"Col"))),r.a.createElement(f.a,null,r.a.createElement(g.a,null,r.a.createElement(b.a,null,r.a.createElement(E.a,{tag:r.a.createElement(m.c,{exact:!0,to:"".concat("/vds-react","/components/col"),activeClassName:"vds-state--selected"})},r.a.createElement(p.a,{name:"log",resolution:"low"}),"Col Example"),r.a.createElement(E.a,{tag:r.a.createElement(m.c,{exact:!0,to:"".concat("/vds-react","/components/col/code"),activeClassName:"vds-state--selected"})},r.a.createElement(p.a,{name:"code-fork-code-alt",resolution:"low"}),"Code for Col Example")))),r.a.createElement(f.a,null,r.a.createElement(g.a,null,r.a.createElement("div",{className:c()({"vds-state--hidden":n.match.path==="".concat("/vds-react","/components/col/code"),"vds-state--show":n.match.path!=="".concat("/vds-react","/components/col/code")})},r.a.createElement(y,n)),r.a.createElement("div",{className:c()({"vds-state--hidden":n.match.path!=="".concat("/vds-react","/components/col/code"),"vds-state--show":n.match.path==="".concat("/vds-react","/components/col/code")})},r.a.createElement(i.a,Object.assign({},i.b,{theme:d.a,code:j,language:"jsx"}),(function(e){var n=e.className,a=e.style,t=e.tokens,l=e.getLineProps,o=e.getTokenProps;return r.a.createElement("pre",{className:n,style:a},t.map((function(e,n){return r.a.createElement("div",l({key:n,line:e}),r.a.createElement("span",{style:{display:"inline-block",opacity:"0.3",userSelect:"none",width:"2em"}},n+1),e.map((function(e,n){return r.a.createElement("span",o({key:n,token:e}))})))})))}))))),r.a.createElement(f.a,null,r.a.createElement(g.a,null,r.a.createElement(u.a,{className:c()(["components"]),dividerLines:!0,size:"compact"},r.a.createElement(v.a,{tag:"caption"},"Props"),r.a.createElement(C.a,null,r.a.createElement(T.a,{className:"vds-tr"},r.a.createElement(N.a,{"aria-sort":"none",role:"columnheader",scope:"col"},"Prop"),r.a.createElement(N.a,{"aria-sort":"none",role:"columnheader",scope:"col"},"Type"),r.a.createElement(N.a,{"aria-sort":"none",role:"columnheader",scope:"col"},"Default"),r.a.createElement(N.a,{"aria-sort":"none",role:"columnheader",scope:"col"},"Description"))),r.a.createElement(h.a,null,B.props&&Object.entries(B.props).filter((function(e){return"@ignore"!==e[1].description})).map((function(e,n){return r.a.createElement(T.a,{className:"vds-tr",key:n,tabIndex:"0"},r.a.createElement(S.a,{className:"vds-td"},e[0]," ",e[1].required?r.a.createElement("sup",{style:{color:"red"}}," required"):""),r.a.createElement(S.a,{className:"vds-td"},r.a.createElement("strong",null,e[1].type.name),e[1].type.value&&e[1].type.value.length?r.a.createElement("small",{style:{color:"#1a1f71"}},r.a.createElement("br",null),e[1].type.value.length?e[1].type.value.map((function(e){return e.value||e.name})).join(", "):void 0):""),r.a.createElement(S.a,{className:"vds-td"},e[1].defaultValue?e[1].defaultValue.value:""),r.a.createElement(S.a,{className:"vds-td"},e[1].description))})))))))};B.displayName="ColExample";n.default=B},507:function(e,n,a){"use strict";var t=a(2),l=a(5),o=a(0),r=a.n(o),s=a(4),c=a(3),i=a.n(c),d=Object(o.forwardRef)((function(e,n){var a,o=e.children,s=e.className,c=e.customizableColumns,d=e.dividerLines,m=e.keyValuePairs,g=e.reveal,u=e.revealFirstColumn,p=e.revealLastColumn,x=e.rowSelection,f=e.size,v=e.stickyHeader,E=Object(l.a)(e,["children","className","customizableColumns","dividerLines","keyValuePairs","reveal","revealFirstColumn","revealLastColumn","rowSelection","size","stickyHeader"]);return r.a.createElement("table",Object.assign({},E,{className:i()("vds-data-table",(a={},Object(t.a)(a,"".concat("vds-state","--customizable-columns"),Boolean(c)),Object(t.a)(a,"".concat("vds-state","--divider-lines"),Boolean(d)),Object(t.a)(a,"".concat("vds-state","--key-value-pairs"),Boolean(m)),Object(t.a)(a,"".concat("vds-state","--").concat(f),Boolean(f)),Object(t.a)(a,"".concat("vds-state","--reveal"),Boolean(g)),Object(t.a)(a,"".concat("vds-state","--reveal-first-column"),Boolean(u)),Object(t.a)(a,"".concat("vds-state","--reveal-last-column"),Boolean(p)),Object(t.a)(a,"".concat("vds-state","--").concat(x),Boolean(x)),Object(t.a)(a,"".concat("vds-state","--sticky-header"),Boolean(v)),a),s),ref:n}),o)}));d.propTypes={children:s.node,className:s.string,columns:Object(s.arrayOf)(Object(s.shape)({})),customizableColumns:s.bool,data:Object(s.arrayOf)(Object(s.shape)({})),dividerLines:s.bool,keyValuePairs:s.bool,reveal:s.bool,revealFirstColumn:s.bool,revealLastColumn:s.bool,rowSelection:Object(s.oneOf)(["multi-select","single-select"]),size:Object(s.oneOf)(["compact"]),stickyHeader:s.bool},d.displayName="DataTable",n.a=d},508:function(e,n,a){"use strict";var t=a(5),l=a(0),o=a.n(l),r=a(4),s=a(3),c=a.n(s),i=Object(l.forwardRef)((function(e,n){var a=e.children,l=e.className,r=e.tag,s=Object(t.a)(e,["children","className","tag"]);return o.a.createElement(r,Object.assign({className:c()("vds-sr",l),ref:n},s),a)}));i.propTypes={children:r.node,className:r.string,tag:r.elementType},i.defaultProps={tag:"span"},i.displayName="Sr",n.a=i},509:function(e,n,a){"use strict";var t=a(5),l=a(0),o=a.n(l),r=a(4),s=a(3),c=a.n(s),i=Object(l.forwardRef)((function(e,n){var a=e.children,l=e.className,r=Object(t.a)(e,["children","className"]);return o.a.createElement("tbody",Object.assign({className:c()("vds-tbody",l),ref:n},r),a)}));i.propTypes={children:r.node,className:r.string},i.displayName="Tbody",n.a=i},510:function(e,n,a){"use strict";var t=a(2),l=a(5),o=a(0),r=a.n(o),s=a(4),c=a(3),i=a.n(c),d=Object(o.forwardRef)((function(e,n){var a=e.children,o=e.className,s=e.textAlign,c=Object(l.a)(e,["children","className","textAlign"]);return r.a.createElement("td",Object.assign({className:i()("vds-td",Object(t.a)({},"vds-text--".concat(s),Boolean(s)),o),ref:n},c),a)}));d.propTypes={children:s.node,className:s.string,textAlign:Object(s.oneOf)(["center","left","right"])},d.displayName="Td",n.a=d},511:function(e,n,a){"use strict";var t=a(5),l=a(0),o=a.n(l),r=a(4),s=a(3),c=a.n(s),i=Object(l.forwardRef)((function(e,n){var a=e.children,l=e.className,r=Object(t.a)(e,["children","className"]);return o.a.createElement("th",Object.assign({className:c()("vds-th",l),ref:n},r),a)}));i.propTypes={children:r.node,className:r.string},i.displayName="Th",n.a=i},512:function(e,n,a){"use strict";var t=a(5),l=a(0),o=a.n(l),r=a(4),s=a(3),c=a.n(s),i=Object(l.forwardRef)((function(e,n){var a=e.children,l=e.className,r=Object(t.a)(e,["children","className"]);return o.a.createElement("thead",Object.assign({className:c()("vds-thead",l),ref:n},r),a)}));i.propTypes={children:r.node,className:r.string},i.displayName="Thead",n.a=i},513:function(e,n,a){"use strict";var t=a(5),l=a(0),o=a.n(l),r=a(4),s=a(3),c=a.n(s),i=Object(l.forwardRef)((function(e,n){var a=e.children,l=e.className,r=Object(t.a)(e,["children","className"]);return o.a.createElement("tr",Object.assign({className:c()("vds-tr",l),ref:n},r),a)}));i.propTypes={children:r.node,className:r.string},i.displayName="Tr",n.a=i},520:function(e,n){}}]);
  //# sourceMappingURL=49.b17bafa3.chunk.js.map