{"version":3,"sources":["modules/app_sigo/components/MyUI/Types/WContent.tsx"],"names":["Wrap","styled","div","Message","Loading","MyUIWContent","props","className","classNameEmpty","isLoading","keepDataLoading","isEmpty","isError","msgEmpty","children","msgError","renderLoadMore","moreConfig","ignoreLoading","customLoading","isSearching","classnames","renderMain","renderEmpty","renderError","renderLoading"],"mappings":"2SAmFaA,EAAOC,IAAOC,IAAV,0BACJC,EAAUF,IAAOC,IAAV,uHAMPE,EAAUH,IAAOC,IAAV,iLASLG,UA/EM,SAACC,GACpB,IACEC,EAaED,EAbFC,UACAC,EAYEF,EAZFE,eACAC,EAWEH,EAXFG,UACAC,EAUEJ,EAVFI,gBACAC,EASEL,EATFK,QACAC,EAQEN,EARFM,QACAC,EAOEP,EAPFO,SAEAC,GAKER,EANFS,SAMET,EALFQ,UACAE,EAIEV,EAJFU,eAEAC,EAEEX,EAFFW,WACAC,EACEZ,EADFY,cAEF,EAAuCD,GAAc,GAA7CE,EAAR,EAAQA,cAAR,EAAuBC,YA+BvB,OACE,eAACpB,EAAD,CACEO,UAAWc,IACT,oBACAd,EACAI,EAAUH,EAAiB,IAJ/B,UAPiB,WACjB,IAAKU,IAAkBT,GAAaC,KAAqBC,EACvD,OAAOG,EAYNQ,GA1Be,WAClB,IAAKb,GAAaE,EAChB,OACE,cAACR,EAAD,CAASI,UAAU,SAAnB,SAA6BM,GAAY,qCAwB1CU,GApBe,WAClB,IAAKd,GAAaG,EAChB,OAAO,cAACT,EAAD,yEAmBNqB,GAxCiB,WACpB,GAAIf,EACF,OAAIU,EACKA,IAGP,cAACf,EAAD,UACE,cAAC,IAAD,MAkCHqB,GACAT,GAAkBA","file":"static/js/106.36beb077.chunk.js","sourcesContent":["import React from \"react\"\r\nimport classnames from \"classnames\"\r\nimport styled from \"styled-components\"\r\nimport MyLoadingPage from \"../../MyLoading\"\r\n\r\ninterface IProps {\r\n  className?: string\r\n  classNameEmpty?: string\r\n  isLoading?: boolean\r\n  keepDataLoading?: boolean\r\n  isEmpty?: boolean\r\n  isError?: boolean\r\n  msgEmpty?: string\r\n  msgError?: string\r\n  children?: any\r\n  renderLoadMore?: any\r\n  customLoading?: any\r\n  moreConfig?: any\r\n  ignoreLoading?: any\r\n}\r\nconst MyUIWContent = (props: IProps) => {\r\n  const {\r\n    className,\r\n    classNameEmpty,\r\n    isLoading,\r\n    keepDataLoading,\r\n    isEmpty,\r\n    isError,\r\n    msgEmpty,\r\n    msgError,\r\n    children,\r\n    renderLoadMore,\r\n    // customLoading,\r\n    moreConfig,\r\n    ignoreLoading,\r\n  } = props\r\n  const { customLoading, isSearching } = moreConfig || {}\r\n  const renderLoading = () => {\r\n    if (isLoading) {\r\n      if (customLoading) {\r\n        return customLoading()\r\n      }\r\n      return (\r\n        <Loading>\r\n          <MyLoadingPage />\r\n        </Loading>\r\n      )\r\n    }\r\n  }\r\n  const renderEmpty = () => {\r\n    if (!isLoading && isEmpty) {\r\n      return (\r\n        <Message className=\"r-card\">{msgEmpty || \"Không có dữ liệu\"}</Message>\r\n      )\r\n    }\r\n  }\r\n  const renderError = () => {\r\n    if (!isLoading && isError) {\r\n      return <Message>Có lỗi xảy ra! Vui lòng thử lại.</Message>\r\n    }\r\n  }\r\n  const renderMain = () => {\r\n    if ((ignoreLoading || !isLoading || keepDataLoading) && !isEmpty) {\r\n      return children\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrap\r\n      className={classnames(\r\n        \"myui-wrap-content\",\r\n        className,\r\n        isEmpty ? classNameEmpty : \"\"\r\n      )}\r\n    >\r\n      {renderMain()}\r\n      {renderEmpty()}\r\n      {renderError()}\r\n      {renderLoading()}\r\n      {renderLoadMore && renderLoadMore()}\r\n    </Wrap>\r\n  )\r\n}\r\nexport const Wrap = styled.div``\r\nexport const Message = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: 20px;\r\n`\r\nexport const Loading = styled.div`\r\n  min-height: 100px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  @media (min-width: 1200px) {\r\n    display: none;\r\n  }\r\n`\r\nexport default MyUIWContent\r\n"],"sourceRoot":""}