fui-material 0.2.68 → 0.2.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (246) hide show
  1. package/dist/cjs/index.js +20 -0
  2. package/dist/cjs/index.js.map +1 -0
  3. package/dist/{icons → cjs/types/icons}/FArrowIcon/FArrowIcon.d.ts +1 -1
  4. package/dist/{icons → cjs/types/icons}/FCheckIcon/FCheckIcon.d.ts +1 -1
  5. package/dist/{icons → cjs/types/icons}/FCloseIcon/FCloseIcon.d.ts +1 -1
  6. package/dist/{icons → cjs/types/icons}/FCopyAddIcon/FCopyAdd.d.ts +1 -1
  7. package/dist/{icons → cjs/types/icons}/FDownloadIcon/FDownloadIcon.d.ts +1 -1
  8. package/dist/{icons → cjs/types/icons}/FFilterIcon/FFilterIcon.d.ts +1 -1
  9. package/dist/{icons → cjs/types/icons}/FListIcon/FListIcon.d.ts +1 -1
  10. package/dist/{icons → cjs/types/icons}/FLoadIcon/FLoadIcon.d.ts +1 -1
  11. package/dist/{icons → cjs/types/icons}/FPenIcon/FPenIcon.d.ts +1 -1
  12. package/dist/{icons → cjs/types/icons}/FPlusIcon/FPlusIcon.d.ts +1 -1
  13. package/dist/{icons → cjs/types/icons}/FTrashIcon/FTrashIcon.d.ts +1 -1
  14. package/dist/{icons → cjs/types/icons}/FUnlinkIcon/FUnlinkIcon.d.ts +1 -1
  15. package/dist/cjs/types/index.d.ts +3 -0
  16. package/dist/{material → cjs/types/material}/FButton/FButton.d.ts +1 -1
  17. package/dist/{material → cjs/types/material}/FButtonFile/FButtonFile.d.ts +2 -2
  18. package/dist/esm/index.js +20 -0
  19. package/dist/esm/index.js.map +1 -0
  20. package/dist/esm/types/function-elements/fAlert/fAlert.d.ts +8 -0
  21. package/dist/esm/types/function-elements/fAlert/index.d.ts +1 -0
  22. package/dist/esm/types/function-elements/fConfirm/fConfirm.d.ts +7 -0
  23. package/dist/esm/types/function-elements/fConfirm/index.d.ts +1 -0
  24. package/dist/esm/types/function-elements/fPrompt/fPrompt.d.ts +8 -0
  25. package/dist/esm/types/function-elements/fPrompt/index.d.ts +1 -0
  26. package/dist/esm/types/function-elements/index.d.ts +3 -0
  27. package/dist/esm/types/icons/FArrowIcon/FArrowIcon.d.ts +13 -0
  28. package/dist/esm/types/icons/FArrowIcon/index.d.ts +1 -0
  29. package/dist/esm/types/icons/FCheckIcon/FCheckIcon.d.ts +12 -0
  30. package/dist/esm/types/icons/FCheckIcon/index.d.ts +1 -0
  31. package/dist/esm/types/icons/FCloseIcon/FCloseIcon.d.ts +12 -0
  32. package/dist/esm/types/icons/FCloseIcon/index.d.ts +1 -0
  33. package/dist/esm/types/icons/FCopyAddIcon/FCopyAdd.d.ts +12 -0
  34. package/dist/esm/types/icons/FCopyAddIcon/index.d.ts +1 -0
  35. package/dist/esm/types/icons/FDownloadIcon/FDownloadIcon.d.ts +11 -0
  36. package/dist/esm/types/icons/FDownloadIcon/index.d.ts +1 -0
  37. package/dist/esm/types/icons/FFilterIcon/FFilterIcon.d.ts +11 -0
  38. package/dist/esm/types/icons/FFilterIcon/index.d.ts +1 -0
  39. package/dist/esm/types/icons/FListIcon/FListIcon.d.ts +12 -0
  40. package/dist/esm/types/icons/FListIcon/index.d.ts +1 -0
  41. package/dist/esm/types/icons/FLoadIcon/FLoadIcon.d.ts +12 -0
  42. package/dist/esm/types/icons/FLoadIcon/index.d.ts +1 -0
  43. package/dist/esm/types/icons/FPenIcon/FPenIcon.d.ts +12 -0
  44. package/dist/esm/types/icons/FPenIcon/index.d.ts +1 -0
  45. package/dist/esm/types/icons/FPlusIcon/FPlusIcon.d.ts +12 -0
  46. package/dist/esm/types/icons/FPlusIcon/index.d.ts +1 -0
  47. package/dist/esm/types/icons/FTrashIcon/FTrashIcon.d.ts +12 -0
  48. package/dist/esm/types/icons/FTrashIcon/index.d.ts +1 -0
  49. package/dist/esm/types/icons/FUnlinkIcon/FUnlinkIcon.d.ts +12 -0
  50. package/dist/esm/types/icons/FUnlinkIcon/index.d.ts +1 -0
  51. package/dist/esm/types/icons/index.d.ts +12 -0
  52. package/dist/esm/types/index.d.ts +3 -0
  53. package/dist/esm/types/material/Dialog/FDialog/FDialog.d.ts +14 -0
  54. package/dist/esm/types/material/Dialog/FDialog/index.d.ts +1 -0
  55. package/dist/esm/types/material/Dialog/FDialogBody/FDialogBody.d.ts +8 -0
  56. package/dist/esm/types/material/Dialog/FDialogBody/index.d.ts +1 -0
  57. package/dist/esm/types/material/Dialog/FDialogFooter/FDialogFooter.d.ts +6 -0
  58. package/dist/esm/types/material/Dialog/FDialogFooter/index.d.ts +1 -0
  59. package/dist/esm/types/material/Dialog/FDialogHeader/FDialogHeader.d.ts +7 -0
  60. package/dist/esm/types/material/Dialog/FDialogHeader/index.d.ts +1 -0
  61. package/dist/esm/types/material/Dropdown/FDropdown/FDropdown.d.ts +15 -0
  62. package/dist/esm/types/material/Dropdown/FDropdown/index.d.ts +1 -0
  63. package/dist/esm/types/material/Dropdown/FDropdownItem/FDropdownItem.d.ts +11 -0
  64. package/dist/esm/types/material/Dropdown/FDropdownItem/index.d.ts +1 -0
  65. package/dist/esm/types/material/FAccordion/FAccordion.d.ts +13 -0
  66. package/dist/esm/types/material/FAccordion/index.d.ts +1 -0
  67. package/dist/esm/types/material/FAlert/FAlert.d.ts +18 -0
  68. package/dist/esm/types/material/FAlert/index.d.ts +1 -0
  69. package/dist/esm/types/material/FButton/FButton.d.ts +18 -0
  70. package/dist/esm/types/material/FButton/index.d.ts +1 -0
  71. package/dist/esm/types/material/FButtonFile/FButtonFile.d.ts +21 -0
  72. package/dist/esm/types/material/FButtonFile/index.d.ts +1 -0
  73. package/dist/esm/types/material/FCheckbox/FCheckbox.d.ts +14 -0
  74. package/dist/esm/types/material/FCheckbox/index.d.ts +1 -0
  75. package/dist/esm/types/material/FContainer/FContainer.d.ts +11 -0
  76. package/dist/esm/types/material/FContainer/index.d.ts +1 -0
  77. package/dist/esm/types/material/FFile/FFile.d.ts +10 -0
  78. package/dist/esm/types/material/FFile/index.d.ts +1 -0
  79. package/dist/esm/types/material/FFullDateField/FFullDateField.d.ts +24 -0
  80. package/dist/esm/types/material/FFullDateField/index.d.ts +1 -0
  81. package/dist/esm/types/material/FGrid/FGrid.d.ts +17 -0
  82. package/dist/esm/types/material/FGrid/index.d.ts +1 -0
  83. package/dist/esm/types/material/FInputFileForm/FInputFileForm.d.ts +20 -0
  84. package/dist/esm/types/material/FInputFileForm/index.d.ts +1 -0
  85. package/dist/esm/types/material/FNative/FNative.d.ts +19 -0
  86. package/dist/esm/types/material/FNative/index.d.ts +1 -0
  87. package/dist/esm/types/material/FOpenImgFull/FOpenImgFull.d.ts +14 -0
  88. package/dist/esm/types/material/FOpenImgFull/index.d.ts +1 -0
  89. package/dist/esm/types/material/FPagination/FPagination.d.ts +14 -0
  90. package/dist/esm/types/material/FPagination/hooks/usePagination.d.ts +9 -0
  91. package/dist/esm/types/material/FPagination/index.d.ts +1 -0
  92. package/dist/esm/types/material/FPaper/FPaper.d.ts +18 -0
  93. package/dist/esm/types/material/FPaper/index.d.ts +1 -0
  94. package/dist/esm/types/material/FPreloader/FPreloader.d.ts +10 -0
  95. package/dist/esm/types/material/FPreloader/index.d.ts +1 -0
  96. package/dist/esm/types/material/FProgress/FProgress.d.ts +8 -0
  97. package/dist/esm/types/material/FProgress/index.d.ts +1 -0
  98. package/dist/esm/types/material/FRadioButton/FRadioButton.d.ts +13 -0
  99. package/dist/esm/types/material/FRadioButton/index.d.ts +1 -0
  100. package/dist/esm/types/material/FSearchBox/FSearchBox.d.ts +32 -0
  101. package/dist/esm/types/material/FSearchBox/index.d.ts +1 -0
  102. package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +21 -0
  103. package/dist/esm/types/material/FSelectSearchDb/index.d.ts +1 -0
  104. package/dist/esm/types/material/FStack/FStack.d.ts +14 -0
  105. package/dist/esm/types/material/FStack/index.d.ts +1 -0
  106. package/dist/esm/types/material/FTextArea/FTextArea.d.ts +23 -0
  107. package/dist/esm/types/material/FTextArea/index.d.ts +1 -0
  108. package/dist/esm/types/material/FTextField/FTextField.d.ts +26 -0
  109. package/dist/esm/types/material/FTextField/index.d.ts +1 -0
  110. package/dist/esm/types/material/FTimelineComponents/FTimeline/FTimeline.d.ts +10 -0
  111. package/dist/esm/types/material/FTimelineComponents/FTimeline/index.d.ts +1 -0
  112. package/dist/esm/types/material/FTimelineComponents/FTimelineCard/FTimelineCard.d.ts +10 -0
  113. package/dist/esm/types/material/FTimelineComponents/FTimelineCard/index.d.ts +1 -0
  114. package/dist/esm/types/material/SelectComponents/FSelect/FSelect.d.ts +21 -0
  115. package/dist/esm/types/material/SelectComponents/FSelect/index.d.ts +1 -0
  116. package/dist/esm/types/material/SelectComponents/FSelectItem/FSelectItem.d.ts +13 -0
  117. package/dist/esm/types/material/SelectComponents/FSelectItem/index.d.ts +1 -0
  118. package/dist/esm/types/material/TableComponents/FTable/FTable.d.ts +12 -0
  119. package/dist/esm/types/material/TableComponents/FTable/index.d.ts +1 -0
  120. package/dist/esm/types/material/TableComponents/FTableBody/FTableBody.d.ts +10 -0
  121. package/dist/esm/types/material/TableComponents/FTableBody/index.d.ts +1 -0
  122. package/dist/esm/types/material/TableComponents/FTableDataCell/FTableDataCell.d.ts +14 -0
  123. package/dist/esm/types/material/TableComponents/FTableDataCell/index.d.ts +1 -0
  124. package/dist/esm/types/material/TableComponents/FTableFooter/FTableFooter.d.ts +10 -0
  125. package/dist/esm/types/material/TableComponents/FTableFooter/index.d.ts +1 -0
  126. package/dist/esm/types/material/TableComponents/FTableHead/FTableHead.d.ts +10 -0
  127. package/dist/esm/types/material/TableComponents/FTableHead/index.d.ts +1 -0
  128. package/dist/esm/types/material/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts +12 -0
  129. package/dist/esm/types/material/TableComponents/FTableHeaderCell/index.d.ts +1 -0
  130. package/dist/esm/types/material/TableComponents/FTableRow/FTableRow.d.ts +10 -0
  131. package/dist/esm/types/material/TableComponents/FTableRow/index.d.ts +1 -0
  132. package/dist/esm/types/material/Tabs/FTab/FTab.d.ts +13 -0
  133. package/dist/esm/types/material/Tabs/FTab/index.d.ts +1 -0
  134. package/dist/esm/types/material/Tabs/FTabs/FTabs.d.ts +10 -0
  135. package/dist/esm/types/material/Tabs/FTabs/index.d.ts +1 -0
  136. package/dist/esm/types/material/index.d.ts +41 -0
  137. package/dist/index.d.ts +15 -14
  138. package/package.json +17 -16
  139. package/dist/bundle.css +0 -1980
  140. package/dist/bundle.esm.css +0 -1980
  141. package/dist/bundle.esm.js +0 -1330
  142. package/dist/bundle.esm.js.map +0 -1
  143. package/dist/bundle.js +0 -1393
  144. package/dist/bundle.js.map +0 -1
  145. /package/dist/{function-elements → cjs/types/function-elements}/fAlert/fAlert.d.ts +0 -0
  146. /package/dist/{function-elements → cjs/types/function-elements}/fAlert/index.d.ts +0 -0
  147. /package/dist/{function-elements → cjs/types/function-elements}/fConfirm/fConfirm.d.ts +0 -0
  148. /package/dist/{function-elements → cjs/types/function-elements}/fConfirm/index.d.ts +0 -0
  149. /package/dist/{function-elements → cjs/types/function-elements}/fPrompt/fPrompt.d.ts +0 -0
  150. /package/dist/{function-elements → cjs/types/function-elements}/fPrompt/index.d.ts +0 -0
  151. /package/dist/{function-elements → cjs/types/function-elements}/index.d.ts +0 -0
  152. /package/dist/{icons → cjs/types/icons}/FArrowIcon/index.d.ts +0 -0
  153. /package/dist/{icons → cjs/types/icons}/FCheckIcon/index.d.ts +0 -0
  154. /package/dist/{icons → cjs/types/icons}/FCloseIcon/index.d.ts +0 -0
  155. /package/dist/{icons → cjs/types/icons}/FCopyAddIcon/index.d.ts +0 -0
  156. /package/dist/{icons → cjs/types/icons}/FDownloadIcon/index.d.ts +0 -0
  157. /package/dist/{icons → cjs/types/icons}/FFilterIcon/index.d.ts +0 -0
  158. /package/dist/{icons → cjs/types/icons}/FListIcon/index.d.ts +0 -0
  159. /package/dist/{icons → cjs/types/icons}/FLoadIcon/index.d.ts +0 -0
  160. /package/dist/{icons → cjs/types/icons}/FPenIcon/index.d.ts +0 -0
  161. /package/dist/{icons → cjs/types/icons}/FPlusIcon/index.d.ts +0 -0
  162. /package/dist/{icons → cjs/types/icons}/FTrashIcon/index.d.ts +0 -0
  163. /package/dist/{icons → cjs/types/icons}/FUnlinkIcon/index.d.ts +0 -0
  164. /package/dist/{icons → cjs/types/icons}/index.d.ts +0 -0
  165. /package/dist/{material → cjs/types/material}/Dialog/FDialog/FDialog.d.ts +0 -0
  166. /package/dist/{material → cjs/types/material}/Dialog/FDialog/index.d.ts +0 -0
  167. /package/dist/{material → cjs/types/material}/Dialog/FDialogBody/FDialogBody.d.ts +0 -0
  168. /package/dist/{material → cjs/types/material}/Dialog/FDialogBody/index.d.ts +0 -0
  169. /package/dist/{material → cjs/types/material}/Dialog/FDialogFooter/FDialogFooter.d.ts +0 -0
  170. /package/dist/{material → cjs/types/material}/Dialog/FDialogFooter/index.d.ts +0 -0
  171. /package/dist/{material → cjs/types/material}/Dialog/FDialogHeader/FDialogHeader.d.ts +0 -0
  172. /package/dist/{material → cjs/types/material}/Dialog/FDialogHeader/index.d.ts +0 -0
  173. /package/dist/{material → cjs/types/material}/Dropdown/FDropdown/FDropdown.d.ts +0 -0
  174. /package/dist/{material → cjs/types/material}/Dropdown/FDropdown/index.d.ts +0 -0
  175. /package/dist/{material → cjs/types/material}/Dropdown/FDropdownItem/FDropdownItem.d.ts +0 -0
  176. /package/dist/{material → cjs/types/material}/Dropdown/FDropdownItem/index.d.ts +0 -0
  177. /package/dist/{material → cjs/types/material}/FAccordion/FAccordion.d.ts +0 -0
  178. /package/dist/{material → cjs/types/material}/FAccordion/index.d.ts +0 -0
  179. /package/dist/{material → cjs/types/material}/FAlert/FAlert.d.ts +0 -0
  180. /package/dist/{material → cjs/types/material}/FAlert/index.d.ts +0 -0
  181. /package/dist/{material → cjs/types/material}/FButton/index.d.ts +0 -0
  182. /package/dist/{material → cjs/types/material}/FButtonFile/index.d.ts +0 -0
  183. /package/dist/{material → cjs/types/material}/FCheckbox/FCheckbox.d.ts +0 -0
  184. /package/dist/{material → cjs/types/material}/FCheckbox/index.d.ts +0 -0
  185. /package/dist/{material → cjs/types/material}/FContainer/FContainer.d.ts +0 -0
  186. /package/dist/{material → cjs/types/material}/FContainer/index.d.ts +0 -0
  187. /package/dist/{material → cjs/types/material}/FFile/FFile.d.ts +0 -0
  188. /package/dist/{material → cjs/types/material}/FFile/index.d.ts +0 -0
  189. /package/dist/{material → cjs/types/material}/FFullDateField/FFullDateField.d.ts +0 -0
  190. /package/dist/{material → cjs/types/material}/FFullDateField/index.d.ts +0 -0
  191. /package/dist/{material → cjs/types/material}/FGrid/FGrid.d.ts +0 -0
  192. /package/dist/{material → cjs/types/material}/FGrid/index.d.ts +0 -0
  193. /package/dist/{material → cjs/types/material}/FInputFileForm/FInputFileForm.d.ts +0 -0
  194. /package/dist/{material → cjs/types/material}/FInputFileForm/index.d.ts +0 -0
  195. /package/dist/{material → cjs/types/material}/FNative/FNative.d.ts +0 -0
  196. /package/dist/{material → cjs/types/material}/FNative/index.d.ts +0 -0
  197. /package/dist/{material → cjs/types/material}/FOpenImgFull/FOpenImgFull.d.ts +0 -0
  198. /package/dist/{material → cjs/types/material}/FOpenImgFull/index.d.ts +0 -0
  199. /package/dist/{material → cjs/types/material}/FPagination/FPagination.d.ts +0 -0
  200. /package/dist/{material → cjs/types/material}/FPagination/hooks/usePagination.d.ts +0 -0
  201. /package/dist/{material → cjs/types/material}/FPagination/index.d.ts +0 -0
  202. /package/dist/{material → cjs/types/material}/FPaper/FPaper.d.ts +0 -0
  203. /package/dist/{material → cjs/types/material}/FPaper/index.d.ts +0 -0
  204. /package/dist/{material → cjs/types/material}/FPreloader/FPreloader.d.ts +0 -0
  205. /package/dist/{material → cjs/types/material}/FPreloader/index.d.ts +0 -0
  206. /package/dist/{material → cjs/types/material}/FProgress/FProgress.d.ts +0 -0
  207. /package/dist/{material → cjs/types/material}/FProgress/index.d.ts +0 -0
  208. /package/dist/{material → cjs/types/material}/FRadioButton/FRadioButton.d.ts +0 -0
  209. /package/dist/{material → cjs/types/material}/FRadioButton/index.d.ts +0 -0
  210. /package/dist/{material → cjs/types/material}/FSearchBox/FSearchBox.d.ts +0 -0
  211. /package/dist/{material → cjs/types/material}/FSearchBox/index.d.ts +0 -0
  212. /package/dist/{material → cjs/types/material}/FSelectSearchDb/FSelectSearchDb.d.ts +0 -0
  213. /package/dist/{material → cjs/types/material}/FSelectSearchDb/index.d.ts +0 -0
  214. /package/dist/{material → cjs/types/material}/FStack/FStack.d.ts +0 -0
  215. /package/dist/{material → cjs/types/material}/FStack/index.d.ts +0 -0
  216. /package/dist/{material → cjs/types/material}/FTextArea/FTextArea.d.ts +0 -0
  217. /package/dist/{material → cjs/types/material}/FTextArea/index.d.ts +0 -0
  218. /package/dist/{material → cjs/types/material}/FTextField/FTextField.d.ts +0 -0
  219. /package/dist/{material → cjs/types/material}/FTextField/index.d.ts +0 -0
  220. /package/dist/{material → cjs/types/material}/FTimelineComponents/FTimeline/FTimeline.d.ts +0 -0
  221. /package/dist/{material → cjs/types/material}/FTimelineComponents/FTimeline/index.d.ts +0 -0
  222. /package/dist/{material → cjs/types/material}/FTimelineComponents/FTimelineCard/FTimelineCard.d.ts +0 -0
  223. /package/dist/{material → cjs/types/material}/FTimelineComponents/FTimelineCard/index.d.ts +0 -0
  224. /package/dist/{material → cjs/types/material}/SelectComponents/FSelect/FSelect.d.ts +0 -0
  225. /package/dist/{material → cjs/types/material}/SelectComponents/FSelect/index.d.ts +0 -0
  226. /package/dist/{material → cjs/types/material}/SelectComponents/FSelectItem/FSelectItem.d.ts +0 -0
  227. /package/dist/{material → cjs/types/material}/SelectComponents/FSelectItem/index.d.ts +0 -0
  228. /package/dist/{material → cjs/types/material}/TableComponents/FTable/FTable.d.ts +0 -0
  229. /package/dist/{material → cjs/types/material}/TableComponents/FTable/index.d.ts +0 -0
  230. /package/dist/{material → cjs/types/material}/TableComponents/FTableBody/FTableBody.d.ts +0 -0
  231. /package/dist/{material → cjs/types/material}/TableComponents/FTableBody/index.d.ts +0 -0
  232. /package/dist/{material → cjs/types/material}/TableComponents/FTableDataCell/FTableDataCell.d.ts +0 -0
  233. /package/dist/{material → cjs/types/material}/TableComponents/FTableDataCell/index.d.ts +0 -0
  234. /package/dist/{material → cjs/types/material}/TableComponents/FTableFooter/FTableFooter.d.ts +0 -0
  235. /package/dist/{material → cjs/types/material}/TableComponents/FTableFooter/index.d.ts +0 -0
  236. /package/dist/{material → cjs/types/material}/TableComponents/FTableHead/FTableHead.d.ts +0 -0
  237. /package/dist/{material → cjs/types/material}/TableComponents/FTableHead/index.d.ts +0 -0
  238. /package/dist/{material → cjs/types/material}/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts +0 -0
  239. /package/dist/{material → cjs/types/material}/TableComponents/FTableHeaderCell/index.d.ts +0 -0
  240. /package/dist/{material → cjs/types/material}/TableComponents/FTableRow/FTableRow.d.ts +0 -0
  241. /package/dist/{material → cjs/types/material}/TableComponents/FTableRow/index.d.ts +0 -0
  242. /package/dist/{material → cjs/types/material}/Tabs/FTab/FTab.d.ts +0 -0
  243. /package/dist/{material → cjs/types/material}/Tabs/FTab/index.d.ts +0 -0
  244. /package/dist/{material → cjs/types/material}/Tabs/FTabs/FTabs.d.ts +0 -0
  245. /package/dist/{material → cjs/types/material}/Tabs/FTabs/index.d.ts +0 -0
  246. /package/dist/{material → cjs/types/material}/index.d.ts +0 -0
@@ -1,1330 +0,0 @@
1
- import React, { useRef, useState, useEffect, useMemo } from 'react';
2
-
3
- const FButton = ({ children, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, onClick, st, className, fullWidth, id, type = 'button' }) => {
4
- if (fullWidth) {
5
- if (st === undefined) {
6
- st = {
7
- width: '100%'
8
- };
9
- }
10
- else {
11
- st.width = '100%';
12
- }
13
- }
14
- else {
15
- if (st === undefined) {
16
- st = {
17
- width: "fit-content"
18
- };
19
- }
20
- else {
21
- st.width = "fit-content";
22
- }
23
- }
24
- return (React.createElement(React.Fragment, null,
25
- React.createElement("button", { disabled: disabled, type: type, className: `btn ${variant === 'contained' ? 'btn' : 'btn-default'}-${color} ${size} ${className !== undefined ? className : ''}`, onClick: onClick, style: st, id: id }, children)));
26
- };
27
-
28
- const FButtonFile = ({ children, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, st, className, fullWidth, id, onChange, multiple = false, maxCount, accept, spacing, direction }) => {
29
- const fileRef = useRef();
30
- const [files, setFiles] = useState([]);
31
- if (fullWidth) {
32
- if (st === undefined) {
33
- st = {
34
- width: '100%'
35
- };
36
- }
37
- else {
38
- st.width = '100%';
39
- }
40
- }
41
- return (React.createElement(React.Fragment, null,
42
- React.createElement("button", { disabled: disabled, className: `btn ${variant === 'contained' ? 'btn' : 'btn-default'}-${color} ${size} ${className !== undefined ? className : ''}`, style: st, id: id,
43
- //@ts-ignore
44
- onClick: () => fileRef.current.click() }, children),
45
- React.createElement("input", { style: { display: 'none' },
46
- //@ts-ignore
47
- ref: fileRef, onChange: (e) => {
48
- const newFiles = [...files];
49
- //@ts-ignore
50
- Object.values(e.target.files).map((opt) => {
51
- //@ts-ignore
52
- newFiles.push(opt);
53
- });
54
- // @ts-ignore
55
- setFiles(newFiles);
56
- // @ts-ignore
57
- onChange(newFiles);
58
- }, multiple: multiple, type: "file", hidden: true, maxCount: maxCount, accept: accept }),
59
- React.createElement("div", { className: "custom-files-preview", id: "files", style: { marginTop: '16px' } },
60
- React.createElement(FStack, { direction: direction, spacing: spacing }, files !== undefined &&
61
- files.map((opt, index) => {
62
- return (React.createElement("span", {
63
- // @ts-ignore
64
- key: `file-${opt.name}-${Math.round(+opt.size / 1024)}}`, className: "tag tag-default tag-file tag-block", style: {
65
- width: 'fit-content',
66
- display: 'flex',
67
- justifyContent: 'flex-end',
68
- } },
69
- React.createElement("span", { className: "tag-file-name" }, opt.name),
70
- React.createElement("span", { className: "tag-file-size" },
71
- "(",
72
- Math.round(+opt.size / 1024),
73
- " \u041A\u0411)"),
74
- React.createElement("div", { className: "cl-btn-3", style: {
75
- marginLeft: '16px',
76
- marginTop: '2px',
77
- width: '10px',
78
- height: '10px',
79
- }, onClick: () => {
80
- let arFiles = [...files];
81
- arFiles.splice(index, 1);
82
- //@ts-ignore
83
- setFiles(arFiles);
84
- if (arFiles.length === 0) {
85
- // @ts-ignore
86
- fileRef.current.value = null;
87
- // @ts-ignore
88
- onChange(null);
89
- }
90
- else {
91
- // @ts-ignore
92
- onChange(arFiles);
93
- }
94
- } },
95
- React.createElement("span", { className: "top" }),
96
- React.createElement("span", { className: "bot" }))));
97
- })))));
98
- };
99
-
100
- const FLoadIcon = ({ size = 35, st, id, className, color = 'primary' }) => {
101
- const randomId = useRef((Math.random() + 1).toString(36).substring(2));
102
- return (React.createElement("div", { style: { margin: 0, padding: 0 } },
103
- React.createElement("style", null,
104
- `
105
- .f-load-icon-${randomId.current} {
106
- width: ${size}px;
107
- height: ${size * 2.25}px;
108
- -webkit-animation: anim-f-load-icon-${randomId.current} 2s linear infinite alternate;
109
- animation: anim-f-load-icon-${randomId.current} 2s linear infinite alternate;
110
- transform: perspective(${size * 2.5}px) rotateX(-45deg);
111
- border-width: ${size / 10}px !important;
112
- }
113
- `,
114
- `@-webkit-keyframes anim-f-load-icon-${randomId.current} {
115
- 0% {
116
- box-shadow: 0 0 inset;
117
- }
118
- 100% {
119
- box-shadow: 0 calc((${size * 2.25}px - 2px) * -1) inset;
120
- }
121
- }`,
122
- `@keyframes anim-f-load-icon-${randomId.current} {
123
- 0% {
124
- box-shadow: 0 0 inset;
125
- }
126
- 100% {
127
- box-shadow: 0 calc((${size * 2.25}px - 2px) * -1) inset;
128
- }
129
- }`),
130
- React.createElement("span", { className: `f-load-icon f-load-icon-${randomId.current} ${color} ${className !== undefined ? className : ''}`, style: st, id: id })));
131
- };
132
-
133
- const FTextField = ({ label, value, onChange, type = 'text', onBlur, onFocus, fullWidth, disabled, readOnly, defaultValue, errText, helpText, onInput, st, id, className, load = false, min, max, placeholder, }) => {
134
- if (fullWidth) {
135
- if (st === undefined) {
136
- st = {
137
- width: '100%'
138
- };
139
- }
140
- else {
141
- st.width = '100%';
142
- }
143
- }
144
- else {
145
- if (st === undefined) {
146
- st = {
147
- width: 'fit-content'
148
- };
149
- }
150
- else {
151
- st.width = 'fit-content';
152
- }
153
- }
154
- let style = {
155
- whiteSpace: 'nowrap',
156
- overflow: 'hidden',
157
- textOverflow: 'ellipsis',
158
- };
159
- st = Object.assign({}, st, style);
160
- if (value === null) {
161
- value = '';
162
- }
163
- if (type === 'number' && (value === undefined)) {
164
- value = '';
165
- }
166
- return (React.createElement(React.Fragment, null,
167
- React.createElement("div", { className: `
168
- form-group ${className !== undefined ? className : ''}`, style: st, id: id },
169
- label &&
170
- React.createElement("label", { className: "control-label with-offset", style: {
171
- whiteSpace: 'nowrap',
172
- overflow: 'hidden',
173
- textOverflow: 'ellipsis'
174
- } }, label),
175
- React.createElement("div", { className: `${load ? 'ui left icon input loading' : ''}` },
176
- React.createElement("input", { placeholder: placeholder, style: {
177
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
178
- }, min: min, max: max, disabled: disabled, defaultValue: defaultValue, required: true, onInput: onInput, readOnly: readOnly || load, value: value,
179
- //@ts-ignore
180
- onChange: onChange, type: type, className: "form-control", onBlur: onBlur, onFocus: onFocus }),
181
- helpText !== undefined &&
182
- React.createElement("span", { style: {
183
- whiteSpace: 'initial',
184
- color: '#a6a3a3',
185
- fontSize: '12px'
186
- } }, helpText),
187
- errText !== undefined && errText.length > 0 &&
188
- React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
189
- return (React.createElement("span", { key: index, style: {
190
- whiteSpace: 'initial',
191
- color: 'red'
192
- } }, opt));
193
- })),
194
- load &&
195
- React.createElement("div", { className: 'input-load' },
196
- React.createElement(FLoadIcon, { size: 10 }))))));
197
- };
198
-
199
- const FStack = ({ children, alignItems, justifyContent, direction = 'column', spacing = 0, className, st, id }) => {
200
- let style = {
201
- gap: `${+spacing * 8}px`,
202
- display: 'flex',
203
- flexDirection: direction,
204
- // @ts-ignore
205
- WebkitBoxPack: justifyContent,
206
- justifyContent: justifyContent,
207
- // @ts-ignore
208
- WebkitBoxAlign: alignItems,
209
- alignItems: alignItems,
210
- };
211
- if (st !== undefined) {
212
- style = Object.assign(style, st);
213
- }
214
- return (React.createElement(React.Fragment, null,
215
- React.createElement("div", { className: className, style: style, id: id }, children)));
216
- };
217
-
218
- const FGrid = ({ children, className, st, id, obj, xs, sm, md, lg, xl, xxl, colAuto }) => {
219
- let style = {
220
- paddingBottom: '16px'
221
- };
222
- if (st !== undefined) {
223
- style = Object.assign(style, st);
224
- }
225
- return (React.createElement(React.Fragment, null,
226
- obj === 'container' &&
227
- React.createElement("div", { className: `container` },
228
- React.createElement("div", { className: `row ${className !== undefined ? className : ''}`, style: st, id: id }, children)),
229
- obj === 'item' &&
230
- React.createElement("div", { className: `${className !== undefined ? className : ''} ${xs !== undefined ? `col-${xs}` : ''} ${sm !== undefined ? `col-sm-${sm}` : ''} ${md !== undefined ? `col-md-${md}` : ''} ${lg !== undefined ? `col-lg-${lg}` : ''} ${xl !== undefined ? `col-lg-${lg}` : ''} ${xxl !== undefined ? `col-xxl-${xxl}` : ''} ${colAuto !== undefined ? colAuto : ''}`, style: style, id: id }, children),
231
- obj === undefined &&
232
- React.createElement("div", null, children)));
233
- };
234
-
235
- const FContainer = ({ children, className, st, id, maxWidth = 'container-xs' }) => {
236
- return (React.createElement(React.Fragment, null,
237
- React.createElement("div", { className: `${className !== undefined ? className : ''} ${maxWidth} f-container`, style: st, id: id }, children)));
238
- };
239
-
240
- const FPaper = ({ label, children, st, fontSizeLabel, id, className, fontSizeBody, onAnimationEnd, animated }) => {
241
- useEffect(() => {
242
- if (animated !== undefined) {
243
- const element = document.getElementsByClassName(`animated-${animated.name}`)[0];
244
- element === null || element === void 0 ? void 0 : element.setAttribute(animated.name, animated.value);
245
- }
246
- }, [animated === null || animated === void 0 ? void 0 : animated.value]);
247
- return (React.createElement(React.Fragment, null,
248
- React.createElement("div", { className: `panel panel-default ${className} ${animated !== undefined ? `animated-${animated.name}` : ''}`, style: st, id: id, onAnimationEnd: onAnimationEnd },
249
- label &&
250
- React.createElement("div", { className: "panel-heading" },
251
- React.createElement("h3", { style: { fontSize: fontSizeLabel }, className: "panel-title" }, label)),
252
- React.createElement("div", { className: "panel-body", style: { fontSize: fontSizeBody } }, children))));
253
- };
254
-
255
- const FTable = ({ st, children, id, className, onClick, overflowX = "auto" }) => {
256
- return (React.createElement(React.Fragment, null,
257
- React.createElement(FStack, { direction: 'row', spacing: 2, st: { overflowX: overflowX } },
258
- React.createElement("table", { className: `table table-bordered table-bordered-half ${className}`, style: st, id: id, onClick: onClick }, children))));
259
- };
260
-
261
- const FTableHead = ({ st, children, id, className, onClick }) => {
262
- return (React.createElement(React.Fragment, null,
263
- React.createElement("thead", { style: st, id: id, className: className, onClick: onClick }, children)));
264
- };
265
-
266
- const FTableBody = ({ st, children, id, className, onClick }) => {
267
- return (React.createElement(React.Fragment, null,
268
- React.createElement("tbody", { style: st, className: className, id: id, onClick: onClick }, children)));
269
- };
270
-
271
- const FTableRow = ({ st, children, onClick, id, className }) => {
272
- return (React.createElement(React.Fragment, null,
273
- React.createElement("tr", { style: st, onClick: onClick, id: id, className: className }, children)));
274
- };
275
-
276
- const FTableHeaderCell = ({ st, row, col, children, onClick, id, className }) => {
277
- return (React.createElement(React.Fragment, null,
278
- React.createElement("th", { style: st, rowSpan: row, colSpan: col, onClick: onClick, id: id, className: className }, children)));
279
- };
280
-
281
- const FTableDataCell = ({ st, row, col, children, onClick, id, onBlur, onFocus, className }) => {
282
- return (React.createElement(React.Fragment, null,
283
- React.createElement("td", { style: st, rowSpan: row, colSpan: col, onClick: onClick, id: id, onBlur: onBlur, onFocus: onFocus, className: className }, children)));
284
- };
285
-
286
- const FTableFooter = ({ st, children, id, className, onClick }) => {
287
- return (React.createElement(React.Fragment, null,
288
- React.createElement("tfoot", { style: st, id: id, className: className, onClick: onClick }, children)));
289
- };
290
-
291
- // *********************************************************************************************************************
292
- const FDialog = ({ openAndClose, closeButtonBackPage, hide, children, id, className, st, width = 'lg' }) => {
293
- useEffect(() => {
294
- if (document.getElementsByClassName("active-dialog").length > 0) {
295
- document.body.classList.add('open-dialog');
296
- }
297
- else {
298
- document.body.classList.remove('open-dialog');
299
- }
300
- }, [openAndClose]);
301
- return (React.createElement(React.Fragment, null,
302
- React.createElement("div", { className: `${openAndClose ? 'f-dialog active-dialog' : 'f-dialog'} ${className !== undefined ? className : ''}`, onClick: () => closeButtonBackPage && closeButtonBackPage(false), id: id, style: st },
303
- React.createElement("div", { className: `${openAndClose ? 'f-dialog-content active' : 'f-dialog-content'} ${hide ? 'hide' : ''}`, style: {
304
- width: width === 'xxl' ? '95vw' : width === 'lg' ? '80vw' : width === 'md' ? '65vw' : width === 'xs' ? '50vw' : 'fit-content'
305
- }, onClick: (e) => e.stopPropagation() }, children))));
306
- };
307
-
308
- // *********************************************************************************************************************
309
- const FDialogHeader = ({ title, handleClose, }) => {
310
- return (React.createElement(React.Fragment, null,
311
- React.createElement("div", { className: "dialog-header" },
312
- React.createElement("div", null,
313
- React.createElement("h3", { className: "dialog-title", style: { margin: 0 } }, title === undefined ? '' : title)),
314
- handleClose !== undefined &&
315
- React.createElement("div", null,
316
- React.createElement("div", { className: "cl-btn-3", onClick: handleClose },
317
- React.createElement("span", { className: "top" }),
318
- React.createElement("span", { className: "bot" }))))));
319
- };
320
-
321
- // *********************************************************************************************************************
322
- const FDialogBody = ({ st, children, scroll }) => {
323
- let style = {};
324
- if (scroll) {
325
- style['overflowY'] = 'auto';
326
- }
327
- if (st !== undefined) {
328
- style = Object.assign(style, st);
329
- }
330
- return (React.createElement(React.Fragment, null,
331
- React.createElement("div", { className: "dialog-body", style: style }, children)));
332
- };
333
-
334
- // *********************************************************************************************************************
335
- const FDialogFooter = ({ children }) => {
336
- return (React.createElement(React.Fragment, null,
337
- React.createElement("div", { className: 'dialog-footer' }, children)));
338
- };
339
-
340
- // *********************************************************************************************************************
341
- const FProgress = ({ st, color = 'primary' }) => {
342
- let style = {
343
- borderTopColor: color === 'primary' ? '#007bff' :
344
- color === 'secondary' ? '#6c757d' :
345
- color === 'success' ? '#28a745' :
346
- color === 'danger' ? '#dc3545' :
347
- color === 'warning' ? '#ffc107' :
348
- color === 'info' ? '#17a2b8' :
349
- color === 'light' ? '#f8f9fa' :
350
- color === 'dark' ? '#343a40' : '#007bff'
351
- };
352
- if (st !== undefined) {
353
- style = Object.assign(style, st);
354
- }
355
- return (React.createElement(React.Fragment, null,
356
- React.createElement("div", { style: style, className: 'f-progress' })));
357
- };
358
-
359
- // *********************************************************************************************************************
360
- const FPreloader = ({ st, backgroundColor = '#e0e0e0', children, open }) => {
361
- if (open) {
362
- document.body.style.overflow = 'hidden';
363
- }
364
- else {
365
- document.body.style.overflow = 'auto';
366
- }
367
- let style = {
368
- backgroundColor: backgroundColor,
369
- display: open ? 'block' : 'none'
370
- };
371
- if (st !== undefined) {
372
- style = Object.assign(style, st);
373
- }
374
- return (React.createElement(React.Fragment, null,
375
- React.createElement("div", { className: "f-preloader", style: style },
376
- React.createElement("div", { className: "f-preloader-row" }, children))));
377
- };
378
-
379
- const FCheckbox = ({ label, onChange, defaultChecked, className, id, st, checked, disabled }) => {
380
- return (React.createElement(React.Fragment, null,
381
- React.createElement("div", { className: `f-checkbox ${className !== undefined ? className : ''}`, id: id, style: st },
382
- React.createElement("label", null,
383
- React.createElement("input", { defaultChecked: defaultChecked, type: "checkbox", onChange: onChange, checked: checked, disabled: disabled }),
384
- label))));
385
- };
386
-
387
- const FRadioButton = ({ label, onClick, className, id, st, checked, disabled }) => {
388
- return (React.createElement(React.Fragment, null,
389
- React.createElement("div", { className: `f-radio ${className !== undefined ? className : ''}`, id: id, style: st },
390
- React.createElement("label", null,
391
- React.createElement("input", { type: "radio", onClick: onClick, checked: checked, disabled: disabled }),
392
- label))));
393
- };
394
-
395
- const DOTS = '...';
396
- const range = (start, end) => {
397
- let length = end - start + 1;
398
- return Array.from({ length }, (_, idx) => idx + start);
399
- };
400
- const usePagination = ({ totalCount, pageSize, siblingCount = 1, currentPage }) => {
401
- const paginationRange = useMemo(() => {
402
- const totalPageCount = Math.ceil(totalCount / pageSize);
403
- const totalPageNumbers = siblingCount + 5;
404
- if (totalPageNumbers >= totalPageCount) {
405
- return range(1, totalPageCount);
406
- }
407
- const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
408
- const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
409
- const shouldShowLeftDots = leftSiblingIndex > 2;
410
- const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
411
- const firstPageIndex = 1;
412
- const lastPageIndex = totalPageCount;
413
- if (!shouldShowLeftDots && shouldShowRightDots) {
414
- let leftItemCount = 3 + 2 * siblingCount;
415
- let leftRange = range(1, leftItemCount);
416
- return [...leftRange, DOTS, totalPageCount];
417
- }
418
- if (shouldShowLeftDots && !shouldShowRightDots) {
419
- let rightItemCount = 3 + 2 * siblingCount;
420
- let rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
421
- return [firstPageIndex, DOTS, ...rightRange];
422
- }
423
- if (shouldShowLeftDots && shouldShowRightDots) {
424
- let middleRange = range(leftSiblingIndex, rightSiblingIndex);
425
- return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
426
- }
427
- }, [totalCount, pageSize, siblingCount, currentPage]);
428
- return paginationRange;
429
- };
430
-
431
- const FPagination = ({ currentPage, totalCount, pageSize, onPageChange, id, className, st, siblingCount }) => {
432
- const paginationRange = usePagination({
433
- currentPage,
434
- totalCount,
435
- siblingCount,
436
- pageSize
437
- });
438
- // @ts-ignore
439
- if (currentPage === 0 || paginationRange.length < 2) {
440
- return null;
441
- }
442
- const onNext = () => {
443
- onPageChange(currentPage + 1);
444
- };
445
- const onPrevious = () => {
446
- onPageChange(currentPage - 1);
447
- };
448
- // @ts-ignore
449
- let lastPage = paginationRange[paginationRange.length - 1];
450
- return (React.createElement(React.Fragment, null,
451
- React.createElement("ul", { className: `pagination-container ${className !== undefined ? className : ''}`, style: st, id: `${id !== undefined ? id : ''}` },
452
- React.createElement("li", { className: `pagination-item ${currentPage === 1 ? 'disabled' : ''}`, onClick: onPrevious },
453
- React.createElement("div", { className: "arrow left" })),
454
- paginationRange.map(pageNumber => {
455
- if (pageNumber === DOTS) {
456
- return React.createElement("li", { className: "pagination-item dots" }, "\u2026");
457
- }
458
- return (React.createElement("li", { className: `pagination-item ${pageNumber === currentPage ? 'selected' : ''}`, id: 'test-id', onClick: () => onPageChange(pageNumber) }, pageNumber));
459
- }),
460
- React.createElement("li", { className: `pagination-item ${currentPage === lastPage ? 'disabled' : ''}`, onClick: onNext },
461
- React.createElement("div", { className: "arrow right" })))));
462
- };
463
-
464
- const FTimeline = ({ children, st, id, className }) => {
465
- return (React.createElement(React.Fragment, null,
466
- React.createElement("div", { className: `fv-timeline ${className !== undefined ? className : ''}`, style: st, id: id }, children)));
467
- };
468
-
469
- const FTimelineCard = ({ children, st, title, id, className }) => {
470
- return (React.createElement(React.Fragment, null,
471
- React.createElement("div", { className: `fv-tl-block-card ${className !== undefined ? className : ''}`, id: id },
472
- React.createElement("div", { className: 'fv-tl-line-circle' }),
473
- React.createElement(FPaper, { label: title, st: st, className: 'fv-tl-card' }, children))));
474
- };
475
-
476
- const FCloseIcon = ({ color = 'primary', size = 70, st, id, className, handleClose }) => {
477
- return (React.createElement("svg", { width: size, style: st, className: `bi bi-x-lg ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", onClick: handleClose, id: id },
478
- React.createElement("path", { d: "M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" })));
479
- };
480
-
481
- const FArrowIcon = ({ color = 'primary', size = 32, st, direction = 'right', handleClick, id, className }) => {
482
- const style = {
483
- transform: `rotate(
484
- ${direction === 'down' ? 90 :
485
- direction === 'up' ? -90 :
486
- direction === 'right' ? 0 :
487
- 180}deg)`
488
- };
489
- st = Object.assign({}, style, st);
490
- return (React.createElement("svg", { width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", className: `arrow-icon ${color} ${className !== undefined ? className : ''}`, style: st, onClick: handleClick, id: id },
491
- React.createElement("path", { d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" })));
492
- };
493
-
494
- const FPlusIcon = ({ color = 'primary', size = 32, st, className, id, handleClick }) => {
495
- return (React.createElement("svg", { onClick: handleClick, className: `MuiSvgIcon-root MuiSvgIcon-fontSizeMedium ${color} ${className !== undefined ? className : ''}`, id: id, width: size, style: st, focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "AddCircleOutlineOutlinedIcon" },
496
- React.createElement("path", { d: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" })));
497
- };
498
-
499
- const FTrashIcon = ({ color = "primary", size = 32, st, id, className, handleClick, }) => {
500
- return (React.createElement("svg", { onClick: handleClick, xmlns: "http://www.w3.org/2000/svg", width: size, style: st, className: `bi bi-trash ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", id: id },
501
- React.createElement("path", { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" }),
502
- React.createElement("path", { fillRule: "evenodd", d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" })));
503
- };
504
-
505
- const FCheckIcon = ({ color = 'success', size = 30, st, id, className, handleClick }) => {
506
- return (React.createElement("svg", { width: size, viewBox: "0 0 16 16", className: `${color} ${className !== undefined ? className : ''}`, id: id, onClick: handleClick, style: st },
507
- React.createElement("path", { clipRule: "evenodd", d: "M15.4142 4.41421L6 13.8284L0.585785 8.41421L3.41421 5.58578L6 8.17157L12.5858 1.58578L15.4142 4.41421Z", fillRule: "evenodd" })));
508
- };
509
-
510
- const FListIcon = ({ color = 'dark', size = 32, st, id, className, handleClick }) => {
511
- return (React.createElement("svg", { width: size, style: st, className: `bi bi-card-list ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", id: id, onClick: handleClick },
512
- React.createElement("path", { d: "M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z" }),
513
- React.createElement("path", { d: "M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" })));
514
- };
515
-
516
- const FPenIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
517
- return (React.createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", onClick: handleClick, id: id },
518
- React.createElement("path", { d: "M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z" })));
519
- };
520
-
521
- const FDownloadIcon = ({ color = 'dark', size = 32, st, id, className, handleClick }) => {
522
- return (React.createElement("svg", { style: st, id: id, width: size, onClick: handleClick, className: `bi bi-download download-icon ${color} ${className}`, viewBox: "0 0 16 16" },
523
- React.createElement("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
524
- React.createElement("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" })));
525
- };
526
-
527
- const FCopyAddIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
528
- return (React.createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 32 32", onClick: handleClick, id: id },
529
- React.createElement("path", { d: "M27.2,8.22H23.78V5.42A3.42,3.42,0,0,0,20.36,2H5.42A3.42,3.42,0,0,0,2,5.42V20.36a3.42,3.42,0,0,0,3.42,3.42h2.8V27.2A2.81,2.81,0,0,0,11,30H27.2A2.81,2.81,0,0,0,30,27.2V11A2.81,2.81,0,0,0,27.2,8.22ZM5.42,21.91a1.55,1.55,0,0,1-1.55-1.55V5.42A1.54,1.54,0,0,1,5.42,3.87H20.36a1.55,1.55,0,0,1,1.55,1.55v2.8H11A2.81,2.81,0,0,0,8.22,11V21.91ZM28.13,27.2a.93.93,0,0,1-.93.93H11a.93.93,0,0,1-.93-.93V11a.93.93,0,0,1,.93-.93H27.2a.93.93,0,0,1,.93.93Z" }),
530
- React.createElement("path", { d: "M24.09,18.18H20v-4a.93.93,0,1,0-1.86,0v4h-4a.93.93,0,0,0,0,1.86h4v4.05a.93.93,0,1,0,1.86,0V20h4.05a.93.93,0,1,0,0-1.86Z" })));
531
- };
532
-
533
- const FUnlinkIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
534
- return (React.createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "-0.5 0 25 25", onClick: handleClick, id: id, fill: 'none' },
535
- React.createElement("path", { d: "M9.23993 17.55L7.95993 18.84C7.33993 19.47 6.51992 19.79 5.69992 19.79C4.87992 19.79 4.05994 19.47 3.43994 18.84C2.18994 17.58 2.18994 15.54 3.43994 14.29L4.70993 13.02L6.11993 11.6L8.82993 8.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
536
- React.createElement("path", { d: "M8.82996 3.86V6.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
537
- React.createElement("path", { d: "M5.32996 5.22L6.82996 7.81", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
538
- React.createElement("path", { d: "M9.23993 17.55L7.95993 18.84C7.33993 19.47 6.51992 19.79 5.69992 19.79C4.87992 19.79 4.05994 19.47 3.43994 18.84C2.18994 17.58 2.18994 15.54 3.43994 14.29L4.70993 13.02L6.11993 11.6L8.82993 8.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
539
- React.createElement("path", { d: "M14.7599 7.45L16.0399 6.16C16.6599 5.53 17.4799 5.21 18.2999 5.21C19.1199 5.21 19.9399 5.53 20.5599 6.16C21.8099 7.42 21.8099 9.46 20.5599 10.71L19.2899 11.98L17.8799 13.4L15.1699 16.14", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
540
- React.createElement("path", { d: "M12.33 5.22L10.83 7.81", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
541
- React.createElement("path", { d: "M15.1699 21.14V18.14", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
542
- React.createElement("path", { d: "M18.6699 19.79L17.1699 17.19", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
543
- React.createElement("path", { d: "M11.6699 19.79L13.1699 17.19", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" })));
544
- };
545
-
546
- const FFilterIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
547
- return (React.createElement("svg", { width: size, viewBox: "0 0 24 24", className: `${color} ${className !== undefined ? className : ''}`, id: id, onClick: handleClick, style: st },
548
- React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
549
- React.createElement("path", { fillRule: "nonzero", d: "M14 14v6l-4 2v-8L4 5V3h16v2l-6 9zM6.404 5L12 13.394 17.596 5H6.404z" })));
550
- };
551
-
552
- const FOpenImgFull = ({ id, className, st, imagesUrl, selectedImg, setSelectedImg, handleClose, openAndClose }) => {
553
- let style = {
554
- boxShadow: '2px 2px 10px 5px rgb(0 0 0 / 0%)',
555
- backgroundColor: "inherit",
556
- overflow: "inherit",
557
- display: 'flex',
558
- alignItems: 'center',
559
- justifyContent: 'center',
560
- maxWidth: '80%',
561
- maxHeight: '80%',
562
- padding: '90px'
563
- };
564
- if (st !== undefined) {
565
- style = Object.assign(style, st);
566
- }
567
- return (React.createElement(React.Fragment, null, imagesUrl.length !== 0 && selectedImg >= 0 && selectedImg < imagesUrl.length &&
568
- React.createElement(FDialog, { openAndClose: openAndClose, st: style, className: className, id: id },
569
- React.createElement("div", { className: 'fv-opn-img-full-body' },
570
- React.createElement(FStack, { direction: 'row-reverse', spacing: 2 },
571
- React.createElement("div", { style: {
572
- position: 'fixed',
573
- top: '70px',
574
- right: '20px'
575
- } }, handleClose !== undefined &&
576
- React.createElement(FCloseIcon, { handleClose: () => {
577
- handleClose();
578
- document.body.style.overflow = 'auto';
579
- } })),
580
- React.createElement(FStack, { direction: 'row', spacing: 2, alignItems: 'center', justifyContent: 'center' },
581
- selectedImg > 0 ?
582
- React.createElement(FArrowIcon, { direction: 'left', handleClick: () => setSelectedImg(selectedImg - 1) })
583
- :
584
- React.createElement("div", { style: { width: '35px', height: '35px' } }, "\u3164"),
585
- React.createElement("img", { className: 'open-full-img', src: imagesUrl[selectedImg], style: {
586
- objectFit: 'contain',
587
- width: '100%',
588
- maxHeight: '80%',
589
- } }),
590
- selectedImg < imagesUrl.length - 1 ?
591
- React.createElement(FArrowIcon, { direction: 'right', handleClick: () => setSelectedImg(selectedImg + 1) })
592
- :
593
- React.createElement("div", { style: { width: '35px', height: '35px' } }, "\u3164")))))));
594
- };
595
-
596
- const FAccordion = ({ variant = 'info', title, children, id, className, st, defaultOpen }) => {
597
- return (React.createElement(React.Fragment, null,
598
- React.createElement("div", { className: `card ${className !== undefined ? className : ''}`, id: id },
599
- React.createElement("details", { className: `${variant}`, open: defaultOpen, style: st },
600
- React.createElement("summary", { className: 'fv-accord-title' }, title),
601
- children))));
602
- };
603
-
604
- const FInputFileForm = ({ id, className, st, dataMaxSize, name, accept, multiple = false, onChange, disabled = false, deleteFile, title }) => {
605
- let disabledColor = {
606
- customFileLabel: undefined,
607
- svgIcon: undefined,
608
- span: undefined,
609
- b: undefined,
610
- };
611
- if (disabled) {
612
- disabledColor = {
613
- customFileLabel: {
614
- backgroundColor: '#F3F3F3',
615
- borderRadius: '8px',
616
- border: '1px dashed #C4C4C4'
617
- },
618
- svgIcon: {
619
- color: '#888888'
620
- },
621
- span: {
622
- color: '#C4C4C4'
623
- },
624
- b: {
625
- color: '#888888'
626
- }
627
- };
628
- }
629
- const inputRef = useRef({
630
- value: undefined
631
- });
632
- useEffect(() => {
633
- if (deleteFile) {
634
- inputRef.current.value = null;
635
- }
636
- }, [deleteFile]);
637
- return (React.createElement(React.Fragment, null,
638
- React.createElement("div", { className: "custom-file custom-file-dropzone", style: st },
639
- React.createElement("input", { accept: accept, type: "file", className: `custom-file-input ${className !== undefined ? className : ''}`, name: name, id: id, title: title, "data-max-size": dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.size, multiple: multiple, onChange: (e) => {
640
- if (e.target.files && e.target.files[0]) {
641
- let maximumSize = undefined;
642
- if ((dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.dimension) === 'МБ') {
643
- maximumSize = dataMaxSize.size * 1024 * 1024; // Перевод из мегабайт в байты
644
- }
645
- else if ((dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.dimension) === 'КБ')
646
- (maximumSize = dataMaxSize.size * 1024 // Перевод из килобайт в байты
647
- );
648
- if (maximumSize !== undefined) {
649
- const dt = new DataTransfer();
650
- Object.values(e.target.files).forEach((file) => {
651
- //@ts-ignore
652
- if (file.size <= maximumSize)
653
- dt.items.add(file);
654
- });
655
- onChange(dt.files);
656
- }
657
- else {
658
- onChange(e.target.files);
659
- }
660
- }
661
- }, disabled: disabled,
662
- //@ts-ignore
663
- ref: inputRef }),
664
- React.createElement("label", { className: "custom-file-label", style: disabledColor.customFileLabel },
665
- React.createElement("svg", { className: "svg-icon icon-md", focusable: "false", role: "img", viewBox: "0 0 36 35", style: disabledColor.svgIcon },
666
- React.createElement("path", { d: "M19.035 16.465a1.458 1.458 0 0 0-2.041 0l-4.376 4.229a1.459 1.459 0 1 0 2.013 2.1l1.91-1.852v8.225a1.458 1.458 0 1 0 2.917 0v-8.152l1.881 1.895a1.459 1.459 0 0 0 2.071 0 1.457 1.457 0 0 0 0-2.07l-4.375-4.375z" }),
667
- React.createElement("path", { d: "M26.269 10.208a8.75 8.75 0 0 0-16.538 0 7.292 7.292 0 0 0-4.491 12.06 1.457 1.457 0 1 0 2.187-1.851 4.375 4.375 0 0 1 3.282-7.292h.145a1.458 1.458 0 0 0 1.459-1.167 5.833 5.833 0 0 1 11.433 0 1.458 1.458 0 0 0 1.458 1.167h.088a4.376 4.376 0 0 1 3.281 7.292 1.457 1.457 0 0 0 .131 2.07 1.458 1.458 0 0 0 1.563.235c.189-.085.357-.21.494-.366a7.292 7.292 0 0 0-4.492-12.148z" })),
668
- React.createElement("br", null),
669
- React.createElement("span", { style: disabledColor.span },
670
- React.createElement("b", { style: disabledColor.b }, "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435"),
671
- " \u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u0435 \u0444\u0430\u0439\u043B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438",
672
- React.createElement("br", null),
673
- " ",
674
- React.createElement("small", null,
675
- "\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u044B\u0439 \u0440\u0430\u0437\u043C\u0435\u0440 ", dataMaxSize === null || dataMaxSize === void 0 ? void 0 :
676
- dataMaxSize.size,
677
- " ", dataMaxSize === null || dataMaxSize === void 0 ? void 0 :
678
- dataMaxSize.dimension))))));
679
- };
680
-
681
- const FFile = ({ id, className, st, handleDelete, name }) => {
682
- return (React.createElement(React.Fragment, null,
683
- React.createElement(FStack, { direction: 'row', spacing: 1, className: className, id: id, st: st },
684
- React.createElement("svg", { className: "svg-icon text-primary", focusable: "false", role: "img", viewBox: "0 0 24 24" },
685
- React.createElement("path", { d: "M15 16H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2zm-6-2h3a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" }),
686
- React.createElement("path", { d: "M19.74 8.33l-5.44-6a1 1 0 0 0-.74-.33h-7A2.53 2.53 0 0 0 4 4.5v15A2.53 2.53 0 0 0 6.56 22h10.88A2.53 2.53 0 0 0 20 19.5V9a1 1 0 0 0-.26-.67zM14 5l2.74 3h-2a.79.79 0 0 1-.74-.85V5zm3.44 15H6.56a.532.532 0 0 1-.56-.5v-15a.53.53 0 0 1 .56-.5H12v3.15A2.79 2.79 0 0 0 14.71 10H18v9.5a.53.53 0 0 1-.56.5z" })),
687
- React.createElement(FStack, { direction: 'row', justifyContent: 'space-between', st: { width: '100%' } },
688
- React.createElement("span", null, name),
689
- React.createElement(FCloseIcon, { handleClose: handleDelete, st: {
690
- width: '10px',
691
- height: '10px',
692
- marginTop: '7px',
693
- marginRight: '15px',
694
- marginLeft: '8px'
695
- } })))));
696
- };
697
-
698
- const FSelect = ({ label, st, onChange, children, value, multiple, size, fullWidth, disabled, defaultValue, id, className, load = false, errText, helpText, }) => {
699
- return (React.createElement(React.Fragment, null,
700
- React.createElement("div", { className: `form-group ${className !== undefined ? className : ''}`, style: {
701
- width: fullWidth ? '100%' : 'fit-content',
702
- whiteSpace: 'nowrap',
703
- overflow: 'hidden',
704
- textOverflow: 'ellipsis'
705
- }, id: id },
706
- React.createElement("label", { className: "control-label with-offset", style: {
707
- whiteSpace: 'nowrap',
708
- overflow: 'hidden',
709
- textOverflow: 'ellipsis'
710
- } }, label),
711
- React.createElement("div", { className: `${load ? 'ui left icon input loading' : ''}` },
712
- React.createElement("select", { disabled: disabled || load, style: Object.assign({}, st, { borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4' }), className: "form-control", onChange: onChange, value: load ? undefined : value, multiple: multiple, size: size, defaultValue: defaultValue }, !load &&
713
- children),
714
- helpText !== undefined &&
715
- React.createElement("span", { style: {
716
- whiteSpace: 'initial',
717
- color: '#a6a3a3',
718
- fontSize: '12px'
719
- } }, helpText),
720
- errText !== undefined && errText.length > 0 &&
721
- React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
722
- return (React.createElement("span", { key: index, style: {
723
- whiteSpace: 'initial',
724
- color: 'red'
725
- } }, opt));
726
- })),
727
- load &&
728
- React.createElement("div", { className: 'input-load' },
729
- React.createElement(FLoadIcon, { size: 10 }))))));
730
- };
731
-
732
- const FSelectItem = ({ st, value, children, onClick, disabled, className, id }) => {
733
- return (React.createElement(React.Fragment, null,
734
- React.createElement("option", { selected: true, disabled: disabled, onClick: onClick, style: st, value: value, className: className, id: id }, children)));
735
- };
736
-
737
- const FFullDateField = ({ label, st, value, onChange, fullWidth, defaultValue, disabled, readOnly, onkeydown, min, max, load = false, errText, helpText, onBlur, onFocus }) => {
738
- let style = {
739
- whiteSpace: 'nowrap',
740
- overflow: 'hidden',
741
- textOverflow: 'ellipsis',
742
- width: fullWidth ? '100%' : 'fit-content'
743
- };
744
- st = Object.assign({}, st, style);
745
- if (typeof value === 'number') {
746
- value = new Date(value).toISOString().split('T')[0];
747
- }
748
- else if (value === undefined || value === null) {
749
- value = '';
750
- }
751
- return (React.createElement(React.Fragment, null,
752
- React.createElement("div", { className: `form - group ${load ? 'ui left icon input loading' : ''}`, style: st },
753
- label &&
754
- React.createElement("label", { className: "control-label", style: {
755
- whiteSpace: 'nowrap',
756
- overflow: 'hidden',
757
- textOverflow: 'ellipsis'
758
- } }, label),
759
- React.createElement("input", { min: min, max: max, onKeyDown: onkeydown, readOnly: readOnly, onBlur: onBlur, onFocus: onFocus, disabled: disabled || load, required: true, style: {
760
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
761
- }, defaultValue: defaultValue, value: load ? '' : value,
762
- //@ts-ignore
763
- onChange: onChange, type: 'date', className: "form-control" }),
764
- helpText !== undefined &&
765
- React.createElement("span", { style: {
766
- whiteSpace: 'initial',
767
- color: '#a6a3a3',
768
- fontSize: '12px'
769
- } }, helpText),
770
- errText !== undefined && errText.length > 0 &&
771
- React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
772
- return (React.createElement("span", { key: index, style: {
773
- whiteSpace: 'initial',
774
- color: 'red'
775
- } }, opt));
776
- })),
777
- load &&
778
- React.createElement("div", { className: 'input-load' },
779
- React.createElement(FLoadIcon, { size: 10 })))));
780
- };
781
-
782
- const FSelectSearchDb = ({ fetchingFunc, selectedElement, selectItem, st, id, className, disabled, readOnly, fullWidth, label, onBlur, onFocus, errText, helpText, minLengthText }) => {
783
- const [valueInput, setValueInput] = useState('');
784
- const [arrObject, setArrObject] = useState([]);
785
- const timerDebounceRef = useRef();
786
- const [load, setLoad] = useState(false);
787
- const handlerOnChange = (e) => {
788
- const text = e.target.value;
789
- setValueInput(text);
790
- if (timerDebounceRef.current) {
791
- clearTimeout(timerDebounceRef.current);
792
- }
793
- if (text !== '') {
794
- if (minLengthText !== undefined && text.length === minLengthText) {
795
- timerDebounceRef.current = setTimeout(() => {
796
- setLoad(true);
797
- fetchingFunc(e.target.value).then(r => {
798
- setArrObject(r);
799
- setLoad(false);
800
- });
801
- }, 1000);
802
- }
803
- else {
804
- timerDebounceRef.current = setTimeout(() => {
805
- setLoad(true);
806
- fetchingFunc(e.target.value).then(r => {
807
- setArrObject(r);
808
- setLoad(false);
809
- });
810
- }, 1000);
811
- }
812
- }
813
- else {
814
- setArrObject([]);
815
- setLoad(false);
816
- }
817
- };
818
- let style = {
819
- whiteSpace: 'nowrap',
820
- textOverflow: 'ellipsis',
821
- width: 'fit-content'
822
- };
823
- st = Object.assign({}, st, style);
824
- if (fullWidth) {
825
- st.width = '100%';
826
- }
827
- return (React.createElement(React.Fragment, null,
828
- React.createElement("div", { className: `select-search-db ${className !== undefined ? className : ''} ${load ? 'ui left icon input loading' : ''}`, style: st, id: id },
829
- label &&
830
- React.createElement("label", { className: "control-label with-offset", style: {
831
- whiteSpace: 'nowrap',
832
- textOverflow: 'ellipsis'
833
- } }, label),
834
- React.createElement("div", { className: 'select-search-db-input-block' },
835
- React.createElement("input", { readOnly: readOnly, disabled: disabled || load, required: true, style: {
836
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
837
- }, type: 'text', className: "form-control select-search-db-input", value: valueInput, onChange: handlerOnChange, onFocus: onFocus, onBlur: onBlur }),
838
- (!load && !disabled) &&
839
- React.createElement("div", { className: 'select-search-db-input-arrow' },
840
- React.createElement(FArrowIcon, { direction: 'down', size: 15 })),
841
- load &&
842
- React.createElement("div", { className: 'select-search-db-input-load' },
843
- React.createElement(FLoadIcon, { size: 10 }))),
844
- (!load && arrObject !== undefined && arrObject.length > 0) &&
845
- React.createElement("div", { className: 'select-search-db-dropdown' },
846
- React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, arrObject.slice(0, 10).map((opt, index) => (React.createElement("li", { key: index, onClick: (e) => {
847
- selectedElement(opt);
848
- //@ts-ignore
849
- setValueInput(e.target.textContent);
850
- } }, selectItem(opt)))))),
851
- helpText !== undefined &&
852
- React.createElement("span", { style: {
853
- whiteSpace: 'initial',
854
- color: '#a6a3a3',
855
- fontSize: '12px'
856
- } }, helpText),
857
- errText !== undefined && errText.length > 0 &&
858
- React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
859
- return (React.createElement("span", { key: index, style: {
860
- whiteSpace: 'initial',
861
- color: 'red'
862
- } }, opt));
863
- })))));
864
- };
865
-
866
- const FTextArea = ({ label, st, value, cols, rows, placeholder, readOnly, disabled, autoComplete, className, id, fullWidth, onChange, onClick, onFocus, errText, helpText, load, }) => {
867
- return (React.createElement(React.Fragment, null,
868
- React.createElement("div", { style: {
869
- width: fullWidth ? '100%' : 'fit-content'
870
- }, className: `control-group ${className !== undefined ? className : ''}`, id: id },
871
- React.createElement("div", { className: `${load ? 'ui left icon input loading' : ''} form-group`, style: st },
872
- label &&
873
- React.createElement("label", { className: "control-label with-offset required" }, label),
874
- React.createElement("textarea", { onClick: onClick, onFocus: onFocus, cols: cols, rows: rows, style: {
875
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
876
- }, disabled: disabled || load, readOnly: readOnly,
877
- //@ts-ignore
878
- autoComplete: autoComplete, required: true, value: load ? undefined : value, placeholder: placeholder, className: "form-control", onChange: onChange }),
879
- helpText !== undefined &&
880
- React.createElement("span", { style: {
881
- whiteSpace: 'initial',
882
- color: '#a6a3a3',
883
- fontSize: '12px'
884
- } }, helpText),
885
- errText !== undefined && errText.length > 0 &&
886
- React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
887
- return (React.createElement("span", { key: index, style: {
888
- whiteSpace: 'initial',
889
- color: 'red'
890
- } }, opt));
891
- })),
892
- load &&
893
- React.createElement("div", { className: 'input-load' },
894
- React.createElement(FLoadIcon, { size: 10 }))))));
895
- };
896
-
897
- const FAlert = ({ title, body, variant = 'info', displayTime, open, onClose, vertical = 'center', horizontal = 'center', buttonClose = false, size }) => {
898
- const visible = useRef();
899
- const hidden = useRef();
900
- const close = useRef();
901
- const randomId = useRef((Math.random() + 1).toString(36).substring(2));
902
- let newTime = displayTime;
903
- useEffect(() => {
904
- const progress = document.getElementById(`f-alert-progress-value-${randomId.current}`);
905
- visible.current = setTimeout(() => {
906
- if (open) {
907
- const el = document.querySelector(`#f-block-alert-${randomId.current}`);
908
- el.classList.add('f-alert-visible');
909
- if (progress !== null) {
910
- progress.style.width = '0';
911
- }
912
- }
913
- });
914
- if (newTime !== undefined && open && onClose !== undefined) {
915
- if (newTime < 1)
916
- newTime = 1;
917
- const el = document.querySelector(`#f-block-alert-${randomId.current}`);
918
- progress.style.transition = `${newTime}s linear`;
919
- hidden.current = setTimeout(() => {
920
- el.classList.remove('f-alert-visible');
921
- el.classList.add('f-alert-hidden');
922
- }, (newTime - 1) * 1000);
923
- close.current = setTimeout(() => {
924
- onClose(false);
925
- el.classList.remove('f-alert-hidden');
926
- el.classList.remove('f-alert-visible');
927
- }, newTime * 1000);
928
- }
929
- }, [open]);
930
- const handlerIco = () => {
931
- let ico = React.createElement(React.Fragment, null,
932
- React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
933
- React.createElement("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }));
934
- switch (variant) {
935
- case 'info':
936
- ico = React.createElement(React.Fragment, null,
937
- React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
938
- React.createElement("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }));
939
- break;
940
- case "success":
941
- ico = React.createElement(React.Fragment, null,
942
- React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
943
- React.createElement("path", { d: "M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z" }));
944
- break;
945
- case 'error':
946
- ico = React.createElement(React.Fragment, null,
947
- React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
948
- React.createElement("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" }));
949
- break;
950
- case 'warning':
951
- ico = React.createElement(React.Fragment, null,
952
- React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
953
- React.createElement("path", { d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" }));
954
- break;
955
- }
956
- return ico;
957
- };
958
- const handlerPosition = () => {
959
- const styleVertical = {};
960
- const styleHorizontal = {};
961
- switch (vertical) {
962
- case 'top':
963
- styleVertical.top = 0;
964
- break;
965
- case 'bottom':
966
- styleVertical.bottom = 0;
967
- break;
968
- case 'center':
969
- if (vertical === 'center' && horizontal !== 'center') {
970
- styleVertical.transform = 'translateY(-50%)';
971
- }
972
- styleVertical.top = '50%';
973
- break;
974
- }
975
- switch (horizontal) {
976
- case 'left':
977
- styleHorizontal.left = 0;
978
- break;
979
- case 'right':
980
- styleHorizontal.right = 0;
981
- break;
982
- case 'center':
983
- if (vertical === 'center' && horizontal === 'center') {
984
- styleHorizontal.transform = 'translate(-50%, -50%)';
985
- }
986
- else {
987
- styleHorizontal.transform = 'translateX(-50%)';
988
- }
989
- styleHorizontal.left = '50%';
990
- break;
991
- }
992
- return Object.assign({}, styleHorizontal, styleVertical);
993
- };
994
- return (React.createElement(React.Fragment, null, open &&
995
- React.createElement("div", { className: 'f-block-alert', id: `f-block-alert-${randomId.current}` },
996
- React.createElement("div", { className: "f-alert-component", style: handlerPosition() },
997
- React.createElement("div", { className: 'f-alert' },
998
- React.createElement("div", { className: `f-alert-ico ${variant}` },
999
- React.createElement("svg", { width: "28", height: "28", viewBox: "0 0 16 16" }, handlerIco())),
1000
- React.createElement("div", { className: 'f-alert-inside', style: { width: size !== undefined ? `${size}` : "fit-content" } },
1001
- React.createElement("div", { className: 'f-alert-header' },
1002
- React.createElement("h4", null, title !== undefined ? title : ''),
1003
- (buttonClose && onClose) &&
1004
- React.createElement(FCloseIcon, { size: 25, st: {
1005
- cursor: 'pointer'
1006
- }, handleClose: () => {
1007
- const el = document.querySelector(`#f-block-alert-${randomId.current}`);
1008
- el.classList.remove('f-alert-visible');
1009
- el.classList.add('f-alert-hidden');
1010
- onClose(false);
1011
- el.classList.remove('f-alert-visible');
1012
- el.classList.remove('f-alert-hidden');
1013
- clearTimeout(visible.current);
1014
- clearTimeout(hidden.current);
1015
- clearTimeout(close.current);
1016
- } })),
1017
- React.createElement("div", { className: 'f-alert-body' },
1018
- React.createElement("span", null, body))),
1019
- newTime &&
1020
- React.createElement("div", { className: 'f-alert-progress' },
1021
- React.createElement("div", { className: "f-alert-progress-bar" },
1022
- React.createElement("div", { className: `f-alert-progress-value ${variant}`, id: `f-alert-progress-value-${randomId.current}` }))))))));
1023
- };
1024
-
1025
- const FNative = ({ label, id, className, st, children, value, singleChoice, multipleChoice, disabled, size = 4, overflowX, width = '-webkit-fill-available', fullWidth }) => {
1026
- const handleSingleChoice = (event) => {
1027
- if (singleChoice) {
1028
- let a = [];
1029
- a.push(event.target.value);
1030
- singleChoice(a);
1031
- }
1032
- };
1033
- const handlerMultipleChoice = (event) => {
1034
- const { options } = event.target;
1035
- const value = [];
1036
- for (let i = 0, l = options.length; i < l; i += 1) {
1037
- if (options[i].selected) {
1038
- value.push(options[i].value);
1039
- }
1040
- }
1041
- if (multipleChoice) {
1042
- multipleChoice(value);
1043
- }
1044
- };
1045
- if (fullWidth) {
1046
- if (st === undefined) {
1047
- st = {
1048
- width: '100%'
1049
- };
1050
- }
1051
- else {
1052
- st.width = '100%';
1053
- }
1054
- }
1055
- return (React.createElement(React.Fragment, null,
1056
- React.createElement("div", { className: `f-form-native ${className !== undefined ? className : ''}`, style: st, id: id },
1057
- React.createElement("label", { className: 'f-native-label' }, label),
1058
- React.createElement("select", { style: {
1059
- overflowX: overflowX ? 'auto' : 'hidden',
1060
- width: width
1061
- }, size: size, disabled: disabled,
1062
- //@ts-ignore
1063
- value: value, multiple: true, className: 'f-native', onChange: (event) => {
1064
- if (singleChoice) {
1065
- handleSingleChoice(event);
1066
- }
1067
- else if (multipleChoice) {
1068
- handlerMultipleChoice(event);
1069
- }
1070
- } }, children))));
1071
- };
1072
-
1073
- const FTabs = ({ children, id, className, st }) => {
1074
- return (React.createElement(React.Fragment, null,
1075
- React.createElement("div", { className: `f-tabs ${className !== undefined ? className : ''}`, id: id, style: st }, children)));
1076
- };
1077
-
1078
- const FTab = ({ children, id, className, st, onClick, disabled, active }) => {
1079
- return (React.createElement(React.Fragment, null,
1080
- React.createElement("button", { className: `f-tabs-btn ${active ? 'active' : ''} ${className !== undefined ? className : ''}`, disabled: disabled, onClick: onClick, id: id, style: st }, children)));
1081
- };
1082
-
1083
- var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAEAQAAAAO4cAyAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAQPRJREFUeNrt3XfAFNXVBvDnDAIRjGAiYIyAXdRobNFoovTeJCJNEQuoYG9YozGxd4ldgiCISrXQpL0gWGKMYomCHWw06R3e+3x/TPhiobxld8/OzvP7T4G9Z+7M7Dk75VxARERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERKR8GGrVIitU8I5DpDTIChUYatXyjkNEJJEY6tZl+PRTcuBAMoq84xEpCdKM4bHHyLlzyX328Y5HRCRRyL32Ij//nP9vwAAVAZLvSDPy4Yf/d9zOm8ew337ecYmIJAJ5wAHkV1/xJ/r3J8284xPZkjj5P/jgT4/b+fPJgw/2jk9EJK+R9eqRX3/NrerXT0WA5Js4+ffrt/XjdsEChkMO8Y5TRCQvkYcdRi5cyO26917vWEW+j7zttu0ft0uWMBx1lHesIiJ5hTz8cHLx4u1/if5XuPtu75hFAIC8+eYSH7dcupTh6KO9YxYRyQvkkUeS331X8i/RzUXAnXd6xy7pRv7tb6U+brlsGfn733vHLiLiivzDH8jly0v/JbrZ9dd7b4OkE3nDDWU+bMOqVWSDBt7bICLiguH448kVK8qe/De79lrvbZF0IS+7rNyHbVi1imzUyHtbRERyiqxfn1y5svzJf7OrrvLeJkkH8uKLM3fcrl7N0LSp9zaJiOQEQ/Pm5Jo1mfsS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";
1084
-
1085
- const FDropdown = ({ label, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, st, className, id, children }) => {
1086
- return (React.createElement(React.Fragment, null,
1087
- React.createElement("div", { className: 'f-dropdown' },
1088
- React.createElement(FButton, { variant: variant, color: color, size: size, disabled: disabled, st: st, className: `f-dropdown-bottom ${className !== undefined ? className : ''}`, id: id, onClick: () => {
1089
- document.getElementsByClassName('#heading');
1090
- } },
1091
- React.createElement(FStack, { direction: 'row', spacing: 1, justifyContent: "center", alignItems: 'center' },
1092
- label,
1093
- React.createElement("img", { className: 'f-dropdown-down-arrow', src: img }))),
1094
- React.createElement("div", { className: "f-dropdown-content" }, children))));
1095
- };
1096
-
1097
- const FDropdownItem = ({ disabled, st, className, id, children, onClick }) => {
1098
- return (React.createElement(React.Fragment, null,
1099
- React.createElement("li", { className: `f-dropdown-link ${className !== undefined ? className : ''} ${disabled ? 'disabled' : ''}`, id: id, style: st, onClick: onClick }, children)));
1100
- };
1101
-
1102
- const FSearchBox = ({ label, value, onChange, type, onBlur, onFocus, fullWidth, disabled, readOnly, defaultValue, errText, helpText, onInput, st, id, className, load = false, min, max, placeholder, children, onClick, color, variant }) => {
1103
- let style = {
1104
- whiteSpace: 'nowrap',
1105
- overflow: 'hidden',
1106
- textOverflow: 'ellipsis',
1107
- };
1108
- st = Object.assign({}, st, style);
1109
- if (fullWidth) {
1110
- if (st === undefined) {
1111
- st = {
1112
- width: '100%'
1113
- };
1114
- }
1115
- else {
1116
- st.width = '100%';
1117
- }
1118
- }
1119
- else {
1120
- if (st === undefined) {
1121
- st = {
1122
- width: 'fit-content'
1123
- };
1124
- }
1125
- else {
1126
- st.width = 'fit-content';
1127
- }
1128
- }
1129
- return (React.createElement(React.Fragment, null,
1130
- React.createElement("div", { className: `f-search-box
1131
- form-group`, style: st },
1132
- label &&
1133
- React.createElement("label", { className: "control-label with-offset", style: {
1134
- whiteSpace: 'nowrap',
1135
- overflow: 'hidden',
1136
- textOverflow: 'ellipsis'
1137
- } }, label),
1138
- React.createElement("div", { className: 'f-search-box-box' },
1139
- React.createElement("div", { className: `${load ? 'ui left icon input loading' : ''}`, style: { width: '100%' } },
1140
- React.createElement("input", { id: id, placeholder: placeholder, style: {
1141
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
1142
- }, min: min, max: max, disabled: disabled, defaultValue: defaultValue, required: true, onInput: onInput, readOnly: readOnly || load, value: value,
1143
- //@ts-ignore
1144
- onChange: onChange, type: type === undefined ? 'text' : type, className: `form-control f-search-box-inp ${className !== undefined ? className : ''}`, onBlur: onBlur, onFocus: onFocus }),
1145
- helpText !== undefined &&
1146
- React.createElement("span", { style: {
1147
- whiteSpace: 'initial',
1148
- color: '#a6a3a3',
1149
- fontSize: '12px'
1150
- } }, helpText),
1151
- errText !== undefined && errText.length > 0 &&
1152
- React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
1153
- return (React.createElement("span", { key: index, style: {
1154
- whiteSpace: 'initial',
1155
- color: 'red'
1156
- } }, opt));
1157
- })),
1158
- load &&
1159
- React.createElement("div", { className: 'input-load' },
1160
- React.createElement(FLoadIcon, { size: 10 }))),
1161
- React.createElement(FButton, { st: {
1162
- borderTopLeftRadius: '0',
1163
- borderBottomLeftRadius: '0',
1164
- height: '34px',
1165
- whiteSpace: 'nowrap',
1166
- textAlign: 'center',
1167
- }, disabled: disabled, onClick: onClick, color: color, variant: variant }, children)))));
1168
- };
1169
-
1170
- const fAlert = ({ title, body, variant = 'info' }) => {
1171
- let ico = '';
1172
- switch (variant) {
1173
- case 'info':
1174
- ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>';
1175
- break;
1176
- case "success":
1177
- ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z"/>';
1178
- break;
1179
- case 'error':
1180
- ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>';
1181
- break;
1182
- case 'warning':
1183
- ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>';
1184
- break;
1185
- }
1186
- window.document.body.insertAdjacentHTML('afterbegin', `
1187
- <div class='f-function-block-alert' id='f-function-block-alert'>
1188
- <div class='f-function-alert'>
1189
- <div class='f-function-alert-ico ${variant}-alert'>
1190
- <svg width="28" height="28" viewBox="0 0 16 16">
1191
- ${ico}
1192
- </svg>
1193
- </div>
1194
- <div class='f-function-alert-inside'>
1195
- <div class='f-function-alert-header'>
1196
- <h4>${title !== undefined ? title : ''}</h4>
1197
- </div>
1198
- <div class='f-function-alert-body'>
1199
- <span>${body}</span>
1200
- </div>
1201
- <div class='f-function-alert-footer'>
1202
- <button
1203
- class='btn btn-primary btn-sm'
1204
- onclick='document.querySelector("#f-function-block-alert").remove()'
1205
- >
1206
- Закрыть
1207
- </button>
1208
- </div>
1209
- </div>
1210
- </div>
1211
- </div>
1212
- `);
1213
- };
1214
-
1215
- const fConfirm = ({ title, body }) => {
1216
- return new Promise((resolve) => {
1217
- window.document.body.insertAdjacentHTML('afterbegin', `
1218
- <div class='f-function-block-confirm' id='f-function-block-confirm'>
1219
- <div class='f-function-confirm'>
1220
- <div class='f-function-confirm-ico warning'>
1221
- <svg width="28" height="28" viewBox="0 0 16 16">
1222
- <path
1223
- d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
1224
- <path
1225
- d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
1226
- </svg>
1227
- </div>
1228
- <div class='f-function-confirm-inside'>
1229
- <div class='f-function-confirm-header'>
1230
- <h4>${title !== undefined ? title : ''}</h4>
1231
- </div>
1232
- <div class='f-function-confirm-body'>
1233
- <span>${body}</span>
1234
- </div>
1235
- <div class='f-function-confirm-footer'>
1236
- <button
1237
- id="f-function-confirm-ok"
1238
- class='btn btn-success btn-sm'
1239
- onclick='document.querySelector("#f-function-block-confirm").remove()'
1240
- >
1241
- Ок
1242
- </button>
1243
- <button
1244
- id="f-function-confirm-cancellation"
1245
- class='btn btn-danger btn-sm'
1246
- onclick='document.querySelector("#f-function-block-confirm").remove()'
1247
- >
1248
- Отменить
1249
- </button>
1250
- </div>
1251
- </div>
1252
- </div>
1253
- </div>
1254
- `);
1255
- let ok = document.querySelector('#f-function-confirm-ok');
1256
- let cancellation = document.querySelector('#f-function-confirm-cancellation');
1257
- ok.addEventListener('click', function () {
1258
- resolve(true);
1259
- });
1260
- cancellation.addEventListener('click', function () {
1261
- resolve(false);
1262
- });
1263
- });
1264
- };
1265
-
1266
- function getValue(element) {
1267
- if (element) {
1268
- return element.value;
1269
- }
1270
- else {
1271
- return null;
1272
- }
1273
- }
1274
- const fPrompt = ({ title, body }) => {
1275
- return new Promise((resolve) => {
1276
- window.document.body.insertAdjacentHTML('afterbegin', `
1277
- <div class='f-function-block-prompt' id='f-function-block-prompt'>
1278
- <div class='f-function-prompt'>
1279
- <div class='f-function-prompt-ico warning'>
1280
- <svg width="28" height="28" viewBox="0 0 16 16">
1281
- <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
1282
- <path d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
1283
- </svg>
1284
- </div>
1285
- <div class='f-function-prompt-inside'>
1286
- <div class='f-function-prompt-header'>
1287
- <h4>${title}</h4>
1288
- </div>
1289
- <div class='f-function-prompt-body'>
1290
- <span>${body}</span>
1291
- <input
1292
- type="text"
1293
- id="f-function-prompt-input"
1294
- class="form-control f-function-prompt-input"
1295
- />
1296
- </div>
1297
- <div class='f-function-prompt-footer'>
1298
- <button
1299
- id="f-function-prompt-ok"
1300
- class='btn btn-success btn-sm'
1301
- onclick='document.querySelector("#f-function-block-prompt").remove()'
1302
- >
1303
- Ок
1304
- </button>
1305
- <button
1306
- id="f-function-prompt-cancellation"
1307
- class='btn btn-danger btn-sm'
1308
- onclick='document.querySelector("#f-function-block-prompt").remove()'
1309
- >
1310
- Отменить
1311
- </button>
1312
- </div>
1313
- </div>
1314
- </div>
1315
- </div>
1316
- `);
1317
- let ok = document.querySelector('#f-function-prompt-ok');
1318
- let cancellation = document.querySelector('#f-function-prompt-cancellation');
1319
- let submit = document.querySelector('#f-function-prompt-input');
1320
- ok.addEventListener('click', function () {
1321
- resolve(getValue(submit));
1322
- });
1323
- cancellation.addEventListener('click', function () {
1324
- resolve(null);
1325
- });
1326
- });
1327
- };
1328
-
1329
- export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FFile, FFilterIcon, FFullDateField, FGrid, FInputFileForm, FListIcon, FLoadIcon, FNative, FOpenImgFull, FPagination, FPaper, FPenIcon, FPlusIcon, FPreloader, FProgress, FRadioButton, FSearchBox, FSelect, FSelectItem, FSelectSearchDb, FStack, FTab, FTable, FTableBody, FTableDataCell, FTableFooter, FTableHead, FTableHeaderCell, FTableRow, FTabs, FTextArea, FTextField, FTimeline, FTimelineCard, FTrashIcon, FUnlinkIcon, fAlert, fConfirm, fPrompt };
1330
- //# sourceMappingURL=bundle.esm.js.map