You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
7.6 KiB
1 line
7.6 KiB
2 years ago
|
{"ast":null,"code":"var _jsxFileName = \"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/DistributedData/index.js\";\nimport React from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst DistributedData = _ref => {\n let {\n items1\n } = _ref;\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"w-[404px] flex flex-col items-center gap-y-4 mx-auto bg-surface md:bg-gray-400 border border-surfaceBorder shadow-sm rounded p-3\",\n children: items1.map((row, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n className: `flex flex-row items-center justify-around w-full border-surfaceBorder pb-3 ${index + 1 < items1.length ? \"border-b\" : \"\"}`,\n children: row.map((item, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n className: `flex items-center justify-around font-bold text-xs border-surfaceBorder flex-1 ${index + 1 < row.length ? \"border-l\" : \"\"} ${(item === null || item === void 0 ? void 0 : item.className) || \"\"}`,\n children: [item.name && /*#__PURE__*/_jsxDEV(\"p\", {\n className: \"text-primary text-center\",\n children: item.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 17\n }, this), item.number && /*#__PURE__*/_jsxDEV(\"span\", {\n className: `mt-2 ${item.remaining ? \"text-[#E16524]\" : \"text-secondary\"}`,\n children: item.number\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 13\n }, this))\n }, index, false, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 9\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 5\n }, this);\n};\n\n_c = DistributedData;\nexport default DistributedData;\nDistributedData.defaultProps = {\n items1: [[{\n name: \"تعداد کارمندان محترم\",\n number: \"259 نفر\",\n className: \"flex-col\"\n }, {\n name: \"تعداد مهمانان محترم\",\n number: \"569 نفر\",\n remaining: false,\n className: \"flex-col\"\n }], [{\n name: \"ظرفیت باقیمانده کارمندان محترم\",\n number: \"5 نفر\",\n remaining: true,\n className: \"flex-col\"\n }, {\n name: \"ظرفیت باقیمانده مهمانان محترم\",\n number: \"6 نفر\",\n remaining: true,\n className: \"flex-col\"\n }]],\n items: [[{\n name: \"صبح\",\n number: \"5:03\"\n }, {\n name: \"طلوع\",\n number: \"6:27\"\n }, {\n name: \"ظهر\",\n number: \"12:15\"\n }, {\n name: \"غروب\",\n number: \"18:05\"\n }, {\n name: \"مغرب\",\n number: \"18:23\"\n }, {\n name: \"نیمه شب\",\n number: \"18:23\"\n }]]\n}; // distributedData\n\nvar _c;\n\n$RefreshReg$(_c, \"DistributedData\");","map":{"version":3,"names":["React","DistributedData","items1","map","row","index","length","item","className","name","number","remaining","defaultProps","items"],"sources":["/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/DistributedData/index.js"],"sourcesContent":["import React from \"react\";\n\nconst DistributedData = ({ items1 }) => {\n return (\n <div className=\"w-[404px] flex flex-col items-center gap-y-4 mx-auto bg-surface md:bg-gray-400 border border-surfaceBorder shadow-sm rounded p-3\">\n {items1.map((row, index) => (\n <div\n className={`flex flex-row items-center justify-around w-full border-surfaceBorder pb-3 ${\n index + 1 < items1.length ? \"border-b\" : \"\"\n }`}\n key={index}\n >\n {row.map((item, index) => (\n <div\n className={`flex items-center justify-around font-bold text-xs border-surfaceBorder flex-1 ${\n index + 1 < row.length
|