{"version":3,"file":"static/js/13163.9732e2c7.chunk.js","mappings":"qLAgCA,MAGaA,EAAMC,IAmBY,IAnBX,KAClBC,EAAI,KACJC,EAAI,OACJC,EAAM,KACNC,EAAI,KACJC,EAAI,MACJC,EAAK,GACLC,EAAE,GACFC,EAAE,GACFC,EAAE,GACFC,EAAE,GACFC,EAAE,IACFC,EAAG,MACHC,EAAK,SACLC,EAAQ,UACRC,EAAS,IACTC,EAAG,IACHC,EAAG,GACHC,GACSlB,EACT,MAAM,OAAEmB,IAAWC,EAAAA,EAAAA,YAAWC,EAAAA,GAExBC,EAAW,CACfpB,KAAMA,GAAcD,GAAS,OA1Bf,IA0BsBA,EAzBlB,MA0BlBsB,SAAUtB,GA3BI,IA2BQA,EA1BJ,GA0BC,IACnBuB,YAAaL,EAASA,EAAO,GAAK,EAAI,EACtCM,aAAcN,EAASA,EAAO,GAAK,EAAI,EACvCO,QAASxB,KACNW,GAGL,OACEc,EAAAA,EAAAA,KAAA,OACEZ,WAAWa,EAAAA,EAAAA,GAAG,CACZ,cACA,CACE,CAAE,cAAavB,KAASA,EACxB,CAAE,cAAaD,KAASA,EACxB,CAAE,eAAcE,KAAUA,EAC1B,CAAE,gBAAeH,KAAWA,EAC5B,CAAE,YAAWI,KAAOA,EACpB,CAAE,YAAWC,KAAOA,EACpB,CAAE,YAAWC,KAAOA,EACpB,CAAE,YAAWC,KAAOA,EACpB,CAAE,YAAWC,KAAOA,EACpB,CAAE,aAAYC,KAAQA,EACtB,CAAE,GAAEG,KAAcA,KAGtBF,MAAOS,EACPN,IAAKA,EACLC,IAAKA,EACLC,GAAIA,EAAGJ,SAENA,GACG,C,mCCnFH,MAAMO,GAAaQ,E,SAAAA,eAA8B,CAAC,E,mFCUzD,MAEaC,EAAM9B,IAUY,IAVX,QAClB+B,EAAO,MACPlB,EAAK,KACLmB,EAAI,QACJC,EAAO,MACPC,EAAK,UACLC,EAAS,SACTrB,EAAQ,UACRC,EAAS,QACTqB,GACSpC,EACT,MAAMqC,EAAW,CACfC,cAAeH,EACfI,SAAUP,GAAQ,OAClBQ,WAAYN,EACZO,OAAQR,EACRS,WAAYX,EAAUA,GAlBF,EAkB8B,EAClDY,YAAaZ,EAAUA,GAnBH,EAmB+B,KAChDlB,GAGC+B,GAAaC,EAAAA,EAAAA,UACjB,MAAS1B,OAAQ,CAACY,EAASE,GAA8BD,UACzD,CAACD,EAASE,EAASD,IAGrB,OACEL,EAAAA,EAAAA,KAACN,EAAAA,EAAWyB,SAAQ,CAACC,MAAOH,EAAW9B,UACrCa,EAAAA,EAAAA,KAAA,OACEZ,WAAWa,EAAAA,EAAAA,GAAG,CAAC,cAAe,CAAE,CAAC,GAAGb,KAAcA,KAClDF,MAAOwB,EACPD,QAASA,EAAQtB,SAEhBA,KAEiB,C","sources":["newcomponents/UI/Col/index.tsx","newcomponents/UI/Row/RowContext.ts","newcomponents/UI/Row/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  LegacyRef,\n  ReactElement,\n  ReactNode,\n  useContext\n} from 'react';\nimport cc from 'classcat';\nimport { RowContext } from '../Row/RowContext';\nimport './index.less';\n\ntype ColProps = {\n  span?: number;\n  flex?: string;\n  offset?: number;\n  pull?: number;\n  push?: number;\n  order?: number;\n  style?: CSSProperties;\n  children?: ReactNode;\n  className?: string;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  xxl?: number;\n  dir?: string;\n  ref?: LegacyRef<HTMLDivElement>;\n  id?: string;\n};\n\nconst ROW_WIDTH = 100;\nconst COL_MAX_COUNT = 24;\n\nexport const Col = ({\n  span,\n  flex,\n  offset,\n  pull,\n  push,\n  order,\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n  xxl,\n  style,\n  children,\n  className,\n  dir,\n  ref,\n  id\n}: ColProps): ReactElement => {\n  const { gutter } = useContext(RowContext);\n\n  const colStyle = {\n    flex: flex ? flex : span && `0 0 ${(span * ROW_WIDTH) / COL_MAX_COUNT}%`,\n    maxWidth: span && `${(span * ROW_WIDTH) / COL_MAX_COUNT}%`,\n    paddingLeft: gutter ? gutter[0] / 2 : 0,\n    paddingRight: gutter ? gutter[0] / 2 : 0,\n    display: flex,\n    ...style\n  } as CSSProperties;\n\n  return (\n    <div\n      className={cc([\n        'custom__col',\n        {\n          [`col__push--${push}`]: push,\n          [`col__pull--${pull}`]: pull,\n          [`col__order--${order}`]: order,\n          [`col__offset--${offset}`]: offset,\n          [`col__xs--${xs}`]: xs,\n          [`col__sm--${sm}`]: sm,\n          [`col__md--${md}`]: md,\n          [`col__lg--${lg}`]: lg,\n          [`col__xl--${xl}`]: xl,\n          [`col__xxl--${xxl}`]: xxl,\n          [`${className}`]: className\n        }\n      ])}\n      style={colStyle}\n      dir={dir}\n      ref={ref}\n      id={id}\n    >\n      {children}\n    </div>\n  );\n};\n","import { createContext } from 'react';\n\nexport interface RowContextType {\n  gutter?: [number, number];\n  wrap?: boolean;\n}\n\nexport const RowContext = createContext<RowContextType>({});\n","import { CSSProperties, ReactElement, ReactNode, useMemo } from 'react';\nimport cc from 'classcat';\nimport { RowContext, RowContextType } from './RowContext';\nimport './index.less';\n\ntype RowProps = {\n  gutterH?: number;\n  style?: CSSProperties;\n  children?: ReactNode;\n  className?: string;\n  wrap?: boolean;\n  direction?: 'column' | 'row' | 'row-reverse' | 'column-reverse';\n  align?: 'center' | 'flex-end' | 'flex-start' | 'baseline';\n  gutterV?: number;\n  onClick?: () => void;\n};\n\nconst ROW_GUTTER_HALF = -2;\n\nexport const Row = ({\n  gutterH,\n  style,\n  wrap,\n  gutterV,\n  align,\n  direction,\n  children,\n  className,\n  onClick\n}: RowProps): ReactElement => {\n  const rowStyle = {\n    flexDirection: direction,\n    flexWrap: wrap && 'wrap',\n    alignItems: align,\n    rowGap: gutterV,\n    marginLeft: gutterH ? gutterH / ROW_GUTTER_HALF : 0,\n    marginRight: gutterH ? gutterH / ROW_GUTTER_HALF : 0,\n    ...style\n  } as CSSProperties;\n\n  const rowContext = useMemo<RowContextType>(\n    () => ({ gutter: [gutterH, gutterV] as [number, number], wrap }),\n    [gutterH, gutterV, wrap]\n  );\n\n  return (\n    <RowContext.Provider value={rowContext}>\n      <div\n        className={cc(['custom__row', { [`${className}`]: className }])}\n        style={rowStyle}\n        onClick={onClick}\n      >\n        {children}\n      </div>\n    </RowContext.Provider>\n  );\n};\n"],"names":["Col","_ref","span","flex","offset","pull","push","order","xs","sm","md","lg","xl","xxl","style","children","className","dir","ref","id","gutter","useContext","RowContext","colStyle","maxWidth","paddingLeft","paddingRight","display","_jsx","cc","createContext","Row","gutterH","wrap","gutterV","align","direction","onClick","rowStyle","flexDirection","flexWrap","alignItems","rowGap","marginLeft","marginRight","rowContext","useMemo","Provider","value"],"sourceRoot":""}