{"version":3,"file":"button-7951bc53.js","sources":["../../../../firstmile.widgets/src/helpers/getModifiers.tsx","../../../../firstmile.widgets/src/components/svg/Svg.tsx","../../../../firstmile.widgets/src/components/button/Button.tsx"],"sourcesContent":["export interface BasedModel {\n  styleModifier?: string[];\n  globalModifiers?: string[];\n}\n\nexport const getModifiers = (model: BasedModel, baseClass: string) => {\n  const classes = [baseClass];\n\n  model.styleModifier?.forEach((m) => classes.push(baseClass + '--' + m));\n  model?.globalModifiers?.forEach((m) => classes.push(m));\n\n  return classes.join(' ');\n};\n","export interface Props {\n  iconPath: string;\n  viewBoxWidth: number;\n  viewBoxHeight: number;\n  width?: number;\n  height?: number;\n  mainClass?: string;\n  standardAtom?: boolean;\n  onClick?: () => any;\n}\n\nconst Svg = ({ height, mainClass, iconPath, standardAtom, viewBoxHeight, viewBoxWidth, width, onClick }: Props) => {\n  const classes: string[] = [];\n  if (mainClass) {\n    classes.push(mainClass);\n  }\n  if (standardAtom) {\n    classes.push('fm-a-svg');\n  }\n  const className = classes.join(' ');\n  const href = iconPath.startsWith('#') ? '/assets/images/new-icons.svg' + iconPath : iconPath;\n\n  return (\n    <svg\n      onClick={onClick}\n      className={className}\n      viewBox={`0 0 ${viewBoxWidth} ${viewBoxHeight}`}\n      width={width || viewBoxWidth}\n      height={height || viewBoxHeight}\n      aria-hidden=\"true\"\n    >\n      <use xlinkHref={href}></use>\n    </svg>\n  );\n};\n\nexport default Svg;\n","import Svg, { Props as SvgProps } from '../svg/Svg';\nimport { KeyboardEvent, MouseEvent } from 'react';\ninterface ButtonModel {\n  disabled?: boolean;\n  icon?: SvgProps;\n  link?: boolean;\n  mainClass?: string;\n  styleModifier?: (\n    | 'fm-a-button--yellow'\n    | 'fm-a-button--dark'\n    | 'fm-a-button--blue'\n    | 'fm-a-button--light-outline'\n    | 'fm-a-button--small-x-padding'\n    | 'fm-a-button--small'\n    | 'fm-a-button--icon-right'\n    | 'fm-a-button--text-white'\n    | 'fm-a-button--xs'\n  )[];\n  url?: string;\n  newTab?: boolean;\n  raw?: boolean;\n  text: string;\n  onClick?: (event: MouseEvent) => any;\n  type?: 'button' | 'submit' | 'reset';\n  role?: string;\n  tabIndex?: number;\n  onKeyDown?: (event: KeyboardEvent) => any;\n  refButton?: (ref: any) => any;\n  commandType?: commandTypeButton;\n  dataHref?: string;\n}\n\nexport enum commandTypeButton {\n  order = 'order',\n  bookCollection = 'book-collection',\n  openDropdown = 'open-dropdown',\n}\n\nconst ButtonInner = ({ text, raw }: ButtonModel) => {\n  return raw ? <div className=\"fm-body-bold\" dangerouslySetInnerHTML={{ __html: text }}></div> : <div className=\"fm-body-bold\">{text}</div>;\n};\n\nconst Button = ({\n  disabled,\n  icon,\n  link,\n  role,\n  tabIndex,\n  refButton,\n  onKeyDown,\n  mainClass,\n  styleModifier,\n  url,\n  text,\n  onClick,\n  ...props\n}: ButtonModel) => {\n  const inner = <ButtonInner mainClass={mainClass} text={text} />;\n  const className = mainClass + ' fm-a-button tfm ' + (styleModifier ? styleModifier.join(' ') : '');\n\n  return link ? (\n    <a className={className} href={url} onClick={onClick} role={role} tabIndex={tabIndex || 0} onKeyDown={onKeyDown} ref={refButton}>\n      {icon && <Svg {...icon} />}\n      {inner}\n    </a>\n  ) : (\n    <button\n      className={className}\n      disabled={disabled}\n      onClick={onClick}\n      type={props.type}\n      ref={refButton}\n      role={role}\n      tabIndex={tabIndex || 0}\n      onKeyDown={onKeyDown}\n      data-href={props.dataHref}\n    >\n      {icon && <Svg {...icon} />}\n      {inner}\n    </button>\n  );\n};\n\nexport default Button;\nexport type { ButtonModel };\n"],"names":["getModifiers","model","baseClass","classes","styleModifier","forEach","push","m","globalModifiers","join","Svg","height","mainClass","iconPath","standardAtom","viewBoxHeight","viewBoxWidth","width","onClick","className","href","startsWith","commandTypeButton","order","bookCollection","openDropdown","ButtonInner","text","raw","__html","_jsx","Button","disabled","icon","link","role","tabIndex","refButton","onKeyDown","url","props","inner","_jsxs","type","dataHref"],"mappings":"gDAKaA,MAAAA,EAAe,CAACC,EAAmBC,IAAsB,SAC9DC,MAAAA,EAAU,CAACD,CAAD,EAEVE,OAAAA,EAAAA,EAAAA,gBAAAA,MAAAA,EAAeC,QAAeF,GAAAA,EAAQG,KAAKJ,EAAY,KAAOK,CAAhC,IACpCN,EAAAA,GAAAA,YAAAA,EAAOO,kBAAPP,MAAAA,EAAwBI,QAASE,GAAMJ,EAAQG,KAAKC,CAAb,GAEhCJ,EAAQM,KAAK,GAAb,CACR,ECDKC,EAAM,CAAC,CAAEC,OAAAA,EAAQC,UAAAA,EAAWC,SAAAA,EAAUC,aAAAA,EAAcC,cAAAA,EAAeC,aAAAA,EAAcC,MAAAA,EAAOC,QAAAA,CAAjF,IAAsG,CACjH,MAAMf,EAAoB,CAAA,EACtBS,GACFT,EAAQG,KAAKM,CAAb,EAEEE,GACFX,EAAQG,KAAK,UAAb,EAEIa,MAAAA,EAAYhB,EAAQM,KAAK,GAAb,EACZW,EAAOP,EAASQ,WAAW,GAApB,EAA2B,4CAAiCR,EAAWA,EAEpF,SACE,MAAA,CACE,QAAAK,EACA,UAAAC,EACA,QAAU,OAAMH,KAAgBD,IAChC,MAAOE,GAASD,EAChB,OAAQL,GAAUI,EAClB,cAAY,OANd,WAQE,MAAA,CAAK,UAAWK,CAAAA,CAAhB,CAAA,CATJ,CAYD,ECFWE,IAAAA,GAAAA,IACVC,EAAAA,MAAQ,QACRC,EAAAA,eAAiB,kBACjBC,EAAAA,aAAe,gBAHLH,IAAAA,GAAAA,CAAAA,CAAAA,EAMZ,MAAMI,EAAc,CAAC,CAAEC,KAAAA,EAAMC,IAAAA,CAAR,IACZA,IAAM,MAAA,CAAK,UAAU,eAAe,wBAAyB,CAAEC,OAAQF,CAAV,CAAA,CAAvD,EAAkFG,EAAA,MAAA,CAAK,UAAU,eAAf,SAA+BH,CAAAA,CAA9H,EAGII,EAAS,CAAC,CACdC,SAAAA,EACAC,KAAAA,EACAC,KAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,UAAAA,EACA1B,UAAAA,EACAR,cAAAA,EACAmC,IAAAA,EACAZ,KAAAA,EACAT,QAAAA,KACGsB,CAbW,IAcG,CACXC,MAAAA,IAASf,EAAD,CAAa,UAAAd,EAAsB,KAAAe,CAAA,CAAjD,EACMR,EAAYP,EAAY,qBAAuBR,EAAgBA,EAAcK,KAAK,GAAnB,EAA0B,IAExFyB,OAAAA,IACL,IAAA,CAAG,UAAAf,EAAsB,KAAMoB,EAAK,QAAArB,EAAkB,KAAAiB,EAAY,SAAUC,GAAY,EAAG,UAAAE,EAAsB,IAAKD,EAAtH,SAAA,CACGJ,GAAQH,EAACpB,EAAQuB,CAAAA,GAAAA,CAAT,CAAA,EACRQ,CAFH,CAAA,CAAA,EAKAC,EAAA,SAAA,CACE,UAAAvB,EACA,SAAAa,EACA,QAAAd,EACA,KAAMsB,EAAMG,KACZ,IAAKN,EACL,KAAAF,EACA,SAAUC,GAAY,EACtB,UAAAE,EACA,YAAWE,EAAMI,SATnB,SAAA,CAWGX,GAAQH,EAACpB,EAAQuB,CAAAA,GAAAA,CAAT,CAAA,EACRQ,CAZH,CAAA,CANF,CAqBD"}