fui-material 0.2.68 → 0.2.69

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 +16 -15
  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
package/dist/bundle.js DELETED
@@ -1,1393 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
-
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
-
11
- const FButton = ({ children, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, onClick, st, className, fullWidth, id, type = 'button' }) => {
12
- if (fullWidth) {
13
- if (st === undefined) {
14
- st = {
15
- width: '100%'
16
- };
17
- }
18
- else {
19
- st.width = '100%';
20
- }
21
- }
22
- else {
23
- if (st === undefined) {
24
- st = {
25
- width: "fit-content"
26
- };
27
- }
28
- else {
29
- st.width = "fit-content";
30
- }
31
- }
32
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
33
- React__default["default"].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)));
34
- };
35
-
36
- const FButtonFile = ({ children, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, st, className, fullWidth, id, onChange, multiple = false, maxCount, accept, spacing, direction }) => {
37
- const fileRef = React.useRef();
38
- const [files, setFiles] = React.useState([]);
39
- if (fullWidth) {
40
- if (st === undefined) {
41
- st = {
42
- width: '100%'
43
- };
44
- }
45
- else {
46
- st.width = '100%';
47
- }
48
- }
49
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
50
- React__default["default"].createElement("button", { disabled: disabled, className: `btn ${variant === 'contained' ? 'btn' : 'btn-default'}-${color} ${size} ${className !== undefined ? className : ''}`, style: st, id: id,
51
- //@ts-ignore
52
- onClick: () => fileRef.current.click() }, children),
53
- React__default["default"].createElement("input", { style: { display: 'none' },
54
- //@ts-ignore
55
- ref: fileRef, onChange: (e) => {
56
- const newFiles = [...files];
57
- //@ts-ignore
58
- Object.values(e.target.files).map((opt) => {
59
- //@ts-ignore
60
- newFiles.push(opt);
61
- });
62
- // @ts-ignore
63
- setFiles(newFiles);
64
- // @ts-ignore
65
- onChange(newFiles);
66
- }, multiple: multiple, type: "file", hidden: true, maxCount: maxCount, accept: accept }),
67
- React__default["default"].createElement("div", { className: "custom-files-preview", id: "files", style: { marginTop: '16px' } },
68
- React__default["default"].createElement(FStack, { direction: direction, spacing: spacing }, files !== undefined &&
69
- files.map((opt, index) => {
70
- return (React__default["default"].createElement("span", {
71
- // @ts-ignore
72
- key: `file-${opt.name}-${Math.round(+opt.size / 1024)}}`, className: "tag tag-default tag-file tag-block", style: {
73
- width: 'fit-content',
74
- display: 'flex',
75
- justifyContent: 'flex-end',
76
- } },
77
- React__default["default"].createElement("span", { className: "tag-file-name" }, opt.name),
78
- React__default["default"].createElement("span", { className: "tag-file-size" },
79
- "(",
80
- Math.round(+opt.size / 1024),
81
- " \u041A\u0411)"),
82
- React__default["default"].createElement("div", { className: "cl-btn-3", style: {
83
- marginLeft: '16px',
84
- marginTop: '2px',
85
- width: '10px',
86
- height: '10px',
87
- }, onClick: () => {
88
- let arFiles = [...files];
89
- arFiles.splice(index, 1);
90
- //@ts-ignore
91
- setFiles(arFiles);
92
- if (arFiles.length === 0) {
93
- // @ts-ignore
94
- fileRef.current.value = null;
95
- // @ts-ignore
96
- onChange(null);
97
- }
98
- else {
99
- // @ts-ignore
100
- onChange(arFiles);
101
- }
102
- } },
103
- React__default["default"].createElement("span", { className: "top" }),
104
- React__default["default"].createElement("span", { className: "bot" }))));
105
- })))));
106
- };
107
-
108
- const FLoadIcon = ({ size = 35, st, id, className, color = 'primary' }) => {
109
- const randomId = React.useRef((Math.random() + 1).toString(36).substring(2));
110
- return (React__default["default"].createElement("div", { style: { margin: 0, padding: 0 } },
111
- React__default["default"].createElement("style", null,
112
- `
113
- .f-load-icon-${randomId.current} {
114
- width: ${size}px;
115
- height: ${size * 2.25}px;
116
- -webkit-animation: anim-f-load-icon-${randomId.current} 2s linear infinite alternate;
117
- animation: anim-f-load-icon-${randomId.current} 2s linear infinite alternate;
118
- transform: perspective(${size * 2.5}px) rotateX(-45deg);
119
- border-width: ${size / 10}px !important;
120
- }
121
- `,
122
- `@-webkit-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
- `@keyframes anim-f-load-icon-${randomId.current} {
131
- 0% {
132
- box-shadow: 0 0 inset;
133
- }
134
- 100% {
135
- box-shadow: 0 calc((${size * 2.25}px - 2px) * -1) inset;
136
- }
137
- }`),
138
- React__default["default"].createElement("span", { className: `f-load-icon f-load-icon-${randomId.current} ${color} ${className !== undefined ? className : ''}`, style: st, id: id })));
139
- };
140
-
141
- const FTextField = ({ label, value, onChange, type = 'text', onBlur, onFocus, fullWidth, disabled, readOnly, defaultValue, errText, helpText, onInput, st, id, className, load = false, min, max, placeholder, }) => {
142
- if (fullWidth) {
143
- if (st === undefined) {
144
- st = {
145
- width: '100%'
146
- };
147
- }
148
- else {
149
- st.width = '100%';
150
- }
151
- }
152
- else {
153
- if (st === undefined) {
154
- st = {
155
- width: 'fit-content'
156
- };
157
- }
158
- else {
159
- st.width = 'fit-content';
160
- }
161
- }
162
- let style = {
163
- whiteSpace: 'nowrap',
164
- overflow: 'hidden',
165
- textOverflow: 'ellipsis',
166
- };
167
- st = Object.assign({}, st, style);
168
- if (value === null) {
169
- value = '';
170
- }
171
- if (type === 'number' && (value === undefined)) {
172
- value = '';
173
- }
174
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
175
- React__default["default"].createElement("div", { className: `
176
- form-group ${className !== undefined ? className : ''}`, style: st, id: id },
177
- label &&
178
- React__default["default"].createElement("label", { className: "control-label with-offset", style: {
179
- whiteSpace: 'nowrap',
180
- overflow: 'hidden',
181
- textOverflow: 'ellipsis'
182
- } }, label),
183
- React__default["default"].createElement("div", { className: `${load ? 'ui left icon input loading' : ''}` },
184
- React__default["default"].createElement("input", { placeholder: placeholder, style: {
185
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
186
- }, min: min, max: max, disabled: disabled, defaultValue: defaultValue, required: true, onInput: onInput, readOnly: readOnly || load, value: value,
187
- //@ts-ignore
188
- onChange: onChange, type: type, className: "form-control", onBlur: onBlur, onFocus: onFocus }),
189
- helpText !== undefined &&
190
- React__default["default"].createElement("span", { style: {
191
- whiteSpace: 'initial',
192
- color: '#a6a3a3',
193
- fontSize: '12px'
194
- } }, helpText),
195
- errText !== undefined && errText.length > 0 &&
196
- React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
197
- return (React__default["default"].createElement("span", { key: index, style: {
198
- whiteSpace: 'initial',
199
- color: 'red'
200
- } }, opt));
201
- })),
202
- load &&
203
- React__default["default"].createElement("div", { className: 'input-load' },
204
- React__default["default"].createElement(FLoadIcon, { size: 10 }))))));
205
- };
206
-
207
- const FStack = ({ children, alignItems, justifyContent, direction = 'column', spacing = 0, className, st, id }) => {
208
- let style = {
209
- gap: `${+spacing * 8}px`,
210
- display: 'flex',
211
- flexDirection: direction,
212
- // @ts-ignore
213
- WebkitBoxPack: justifyContent,
214
- justifyContent: justifyContent,
215
- // @ts-ignore
216
- WebkitBoxAlign: alignItems,
217
- alignItems: alignItems,
218
- };
219
- if (st !== undefined) {
220
- style = Object.assign(style, st);
221
- }
222
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
223
- React__default["default"].createElement("div", { className: className, style: style, id: id }, children)));
224
- };
225
-
226
- const FGrid = ({ children, className, st, id, obj, xs, sm, md, lg, xl, xxl, colAuto }) => {
227
- let style = {
228
- paddingBottom: '16px'
229
- };
230
- if (st !== undefined) {
231
- style = Object.assign(style, st);
232
- }
233
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
234
- obj === 'container' &&
235
- React__default["default"].createElement("div", { className: `container` },
236
- React__default["default"].createElement("div", { className: `row ${className !== undefined ? className : ''}`, style: st, id: id }, children)),
237
- obj === 'item' &&
238
- React__default["default"].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),
239
- obj === undefined &&
240
- React__default["default"].createElement("div", null, children)));
241
- };
242
-
243
- const FContainer = ({ children, className, st, id, maxWidth = 'container-xs' }) => {
244
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
245
- React__default["default"].createElement("div", { className: `${className !== undefined ? className : ''} ${maxWidth} f-container`, style: st, id: id }, children)));
246
- };
247
-
248
- const FPaper = ({ label, children, st, fontSizeLabel, id, className, fontSizeBody, onAnimationEnd, animated }) => {
249
- React.useEffect(() => {
250
- if (animated !== undefined) {
251
- const element = document.getElementsByClassName(`animated-${animated.name}`)[0];
252
- element === null || element === void 0 ? void 0 : element.setAttribute(animated.name, animated.value);
253
- }
254
- }, [animated === null || animated === void 0 ? void 0 : animated.value]);
255
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
256
- React__default["default"].createElement("div", { className: `panel panel-default ${className} ${animated !== undefined ? `animated-${animated.name}` : ''}`, style: st, id: id, onAnimationEnd: onAnimationEnd },
257
- label &&
258
- React__default["default"].createElement("div", { className: "panel-heading" },
259
- React__default["default"].createElement("h3", { style: { fontSize: fontSizeLabel }, className: "panel-title" }, label)),
260
- React__default["default"].createElement("div", { className: "panel-body", style: { fontSize: fontSizeBody } }, children))));
261
- };
262
-
263
- const FTable = ({ st, children, id, className, onClick, overflowX = "auto" }) => {
264
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
265
- React__default["default"].createElement(FStack, { direction: 'row', spacing: 2, st: { overflowX: overflowX } },
266
- React__default["default"].createElement("table", { className: `table table-bordered table-bordered-half ${className}`, style: st, id: id, onClick: onClick }, children))));
267
- };
268
-
269
- const FTableHead = ({ st, children, id, className, onClick }) => {
270
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
271
- React__default["default"].createElement("thead", { style: st, id: id, className: className, onClick: onClick }, children)));
272
- };
273
-
274
- const FTableBody = ({ st, children, id, className, onClick }) => {
275
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
276
- React__default["default"].createElement("tbody", { style: st, className: className, id: id, onClick: onClick }, children)));
277
- };
278
-
279
- const FTableRow = ({ st, children, onClick, id, className }) => {
280
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
281
- React__default["default"].createElement("tr", { style: st, onClick: onClick, id: id, className: className }, children)));
282
- };
283
-
284
- const FTableHeaderCell = ({ st, row, col, children, onClick, id, className }) => {
285
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
286
- React__default["default"].createElement("th", { style: st, rowSpan: row, colSpan: col, onClick: onClick, id: id, className: className }, children)));
287
- };
288
-
289
- const FTableDataCell = ({ st, row, col, children, onClick, id, onBlur, onFocus, className }) => {
290
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
291
- React__default["default"].createElement("td", { style: st, rowSpan: row, colSpan: col, onClick: onClick, id: id, onBlur: onBlur, onFocus: onFocus, className: className }, children)));
292
- };
293
-
294
- const FTableFooter = ({ st, children, id, className, onClick }) => {
295
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
296
- React__default["default"].createElement("tfoot", { style: st, id: id, className: className, onClick: onClick }, children)));
297
- };
298
-
299
- // *********************************************************************************************************************
300
- const FDialog = ({ openAndClose, closeButtonBackPage, hide, children, id, className, st, width = 'lg' }) => {
301
- React.useEffect(() => {
302
- if (document.getElementsByClassName("active-dialog").length > 0) {
303
- document.body.classList.add('open-dialog');
304
- }
305
- else {
306
- document.body.classList.remove('open-dialog');
307
- }
308
- }, [openAndClose]);
309
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
310
- React__default["default"].createElement("div", { className: `${openAndClose ? 'f-dialog active-dialog' : 'f-dialog'} ${className !== undefined ? className : ''}`, onClick: () => closeButtonBackPage && closeButtonBackPage(false), id: id, style: st },
311
- React__default["default"].createElement("div", { className: `${openAndClose ? 'f-dialog-content active' : 'f-dialog-content'} ${hide ? 'hide' : ''}`, style: {
312
- width: width === 'xxl' ? '95vw' : width === 'lg' ? '80vw' : width === 'md' ? '65vw' : width === 'xs' ? '50vw' : 'fit-content'
313
- }, onClick: (e) => e.stopPropagation() }, children))));
314
- };
315
-
316
- // *********************************************************************************************************************
317
- const FDialogHeader = ({ title, handleClose, }) => {
318
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
319
- React__default["default"].createElement("div", { className: "dialog-header" },
320
- React__default["default"].createElement("div", null,
321
- React__default["default"].createElement("h3", { className: "dialog-title", style: { margin: 0 } }, title === undefined ? '' : title)),
322
- handleClose !== undefined &&
323
- React__default["default"].createElement("div", null,
324
- React__default["default"].createElement("div", { className: "cl-btn-3", onClick: handleClose },
325
- React__default["default"].createElement("span", { className: "top" }),
326
- React__default["default"].createElement("span", { className: "bot" }))))));
327
- };
328
-
329
- // *********************************************************************************************************************
330
- const FDialogBody = ({ st, children, scroll }) => {
331
- let style = {};
332
- if (scroll) {
333
- style['overflowY'] = 'auto';
334
- }
335
- if (st !== undefined) {
336
- style = Object.assign(style, st);
337
- }
338
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
339
- React__default["default"].createElement("div", { className: "dialog-body", style: style }, children)));
340
- };
341
-
342
- // *********************************************************************************************************************
343
- const FDialogFooter = ({ children }) => {
344
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
345
- React__default["default"].createElement("div", { className: 'dialog-footer' }, children)));
346
- };
347
-
348
- // *********************************************************************************************************************
349
- const FProgress = ({ st, color = 'primary' }) => {
350
- let style = {
351
- borderTopColor: color === 'primary' ? '#007bff' :
352
- color === 'secondary' ? '#6c757d' :
353
- color === 'success' ? '#28a745' :
354
- color === 'danger' ? '#dc3545' :
355
- color === 'warning' ? '#ffc107' :
356
- color === 'info' ? '#17a2b8' :
357
- color === 'light' ? '#f8f9fa' :
358
- color === 'dark' ? '#343a40' : '#007bff'
359
- };
360
- if (st !== undefined) {
361
- style = Object.assign(style, st);
362
- }
363
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
364
- React__default["default"].createElement("div", { style: style, className: 'f-progress' })));
365
- };
366
-
367
- // *********************************************************************************************************************
368
- const FPreloader = ({ st, backgroundColor = '#e0e0e0', children, open }) => {
369
- if (open) {
370
- document.body.style.overflow = 'hidden';
371
- }
372
- else {
373
- document.body.style.overflow = 'auto';
374
- }
375
- let style = {
376
- backgroundColor: backgroundColor,
377
- display: open ? 'block' : 'none'
378
- };
379
- if (st !== undefined) {
380
- style = Object.assign(style, st);
381
- }
382
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
383
- React__default["default"].createElement("div", { className: "f-preloader", style: style },
384
- React__default["default"].createElement("div", { className: "f-preloader-row" }, children))));
385
- };
386
-
387
- const FCheckbox = ({ label, onChange, defaultChecked, className, id, st, checked, disabled }) => {
388
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
389
- React__default["default"].createElement("div", { className: `f-checkbox ${className !== undefined ? className : ''}`, id: id, style: st },
390
- React__default["default"].createElement("label", null,
391
- React__default["default"].createElement("input", { defaultChecked: defaultChecked, type: "checkbox", onChange: onChange, checked: checked, disabled: disabled }),
392
- label))));
393
- };
394
-
395
- const FRadioButton = ({ label, onClick, className, id, st, checked, disabled }) => {
396
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
397
- React__default["default"].createElement("div", { className: `f-radio ${className !== undefined ? className : ''}`, id: id, style: st },
398
- React__default["default"].createElement("label", null,
399
- React__default["default"].createElement("input", { type: "radio", onClick: onClick, checked: checked, disabled: disabled }),
400
- label))));
401
- };
402
-
403
- const DOTS = '...';
404
- const range = (start, end) => {
405
- let length = end - start + 1;
406
- return Array.from({ length }, (_, idx) => idx + start);
407
- };
408
- const usePagination = ({ totalCount, pageSize, siblingCount = 1, currentPage }) => {
409
- const paginationRange = React.useMemo(() => {
410
- const totalPageCount = Math.ceil(totalCount / pageSize);
411
- const totalPageNumbers = siblingCount + 5;
412
- if (totalPageNumbers >= totalPageCount) {
413
- return range(1, totalPageCount);
414
- }
415
- const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
416
- const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
417
- const shouldShowLeftDots = leftSiblingIndex > 2;
418
- const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
419
- const firstPageIndex = 1;
420
- const lastPageIndex = totalPageCount;
421
- if (!shouldShowLeftDots && shouldShowRightDots) {
422
- let leftItemCount = 3 + 2 * siblingCount;
423
- let leftRange = range(1, leftItemCount);
424
- return [...leftRange, DOTS, totalPageCount];
425
- }
426
- if (shouldShowLeftDots && !shouldShowRightDots) {
427
- let rightItemCount = 3 + 2 * siblingCount;
428
- let rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
429
- return [firstPageIndex, DOTS, ...rightRange];
430
- }
431
- if (shouldShowLeftDots && shouldShowRightDots) {
432
- let middleRange = range(leftSiblingIndex, rightSiblingIndex);
433
- return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
434
- }
435
- }, [totalCount, pageSize, siblingCount, currentPage]);
436
- return paginationRange;
437
- };
438
-
439
- const FPagination = ({ currentPage, totalCount, pageSize, onPageChange, id, className, st, siblingCount }) => {
440
- const paginationRange = usePagination({
441
- currentPage,
442
- totalCount,
443
- siblingCount,
444
- pageSize
445
- });
446
- // @ts-ignore
447
- if (currentPage === 0 || paginationRange.length < 2) {
448
- return null;
449
- }
450
- const onNext = () => {
451
- onPageChange(currentPage + 1);
452
- };
453
- const onPrevious = () => {
454
- onPageChange(currentPage - 1);
455
- };
456
- // @ts-ignore
457
- let lastPage = paginationRange[paginationRange.length - 1];
458
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
459
- React__default["default"].createElement("ul", { className: `pagination-container ${className !== undefined ? className : ''}`, style: st, id: `${id !== undefined ? id : ''}` },
460
- React__default["default"].createElement("li", { className: `pagination-item ${currentPage === 1 ? 'disabled' : ''}`, onClick: onPrevious },
461
- React__default["default"].createElement("div", { className: "arrow left" })),
462
- paginationRange.map(pageNumber => {
463
- if (pageNumber === DOTS) {
464
- return React__default["default"].createElement("li", { className: "pagination-item dots" }, "\u2026");
465
- }
466
- return (React__default["default"].createElement("li", { className: `pagination-item ${pageNumber === currentPage ? 'selected' : ''}`, id: 'test-id', onClick: () => onPageChange(pageNumber) }, pageNumber));
467
- }),
468
- React__default["default"].createElement("li", { className: `pagination-item ${currentPage === lastPage ? 'disabled' : ''}`, onClick: onNext },
469
- React__default["default"].createElement("div", { className: "arrow right" })))));
470
- };
471
-
472
- const FTimeline = ({ children, st, id, className }) => {
473
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
474
- React__default["default"].createElement("div", { className: `fv-timeline ${className !== undefined ? className : ''}`, style: st, id: id }, children)));
475
- };
476
-
477
- const FTimelineCard = ({ children, st, title, id, className }) => {
478
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
479
- React__default["default"].createElement("div", { className: `fv-tl-block-card ${className !== undefined ? className : ''}`, id: id },
480
- React__default["default"].createElement("div", { className: 'fv-tl-line-circle' }),
481
- React__default["default"].createElement(FPaper, { label: title, st: st, className: 'fv-tl-card' }, children))));
482
- };
483
-
484
- const FCloseIcon = ({ color = 'primary', size = 70, st, id, className, handleClose }) => {
485
- return (React__default["default"].createElement("svg", { width: size, style: st, className: `bi bi-x-lg ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", onClick: handleClose, id: id },
486
- React__default["default"].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" })));
487
- };
488
-
489
- const FArrowIcon = ({ color = 'primary', size = 32, st, direction = 'right', handleClick, id, className }) => {
490
- const style = {
491
- transform: `rotate(
492
- ${direction === 'down' ? 90 :
493
- direction === 'up' ? -90 :
494
- direction === 'right' ? 0 :
495
- 180}deg)`
496
- };
497
- st = Object.assign({}, style, st);
498
- return (React__default["default"].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 },
499
- React__default["default"].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" })));
500
- };
501
-
502
- const FPlusIcon = ({ color = 'primary', size = 32, st, className, id, handleClick }) => {
503
- return (React__default["default"].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" },
504
- React__default["default"].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" })));
505
- };
506
-
507
- const FTrashIcon = ({ color = "primary", size = 32, st, id, className, handleClick, }) => {
508
- return (React__default["default"].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 },
509
- React__default["default"].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" }),
510
- React__default["default"].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" })));
511
- };
512
-
513
- const FCheckIcon = ({ color = 'success', size = 30, st, id, className, handleClick }) => {
514
- return (React__default["default"].createElement("svg", { width: size, viewBox: "0 0 16 16", className: `${color} ${className !== undefined ? className : ''}`, id: id, onClick: handleClick, style: st },
515
- React__default["default"].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" })));
516
- };
517
-
518
- const FListIcon = ({ color = 'dark', size = 32, st, id, className, handleClick }) => {
519
- return (React__default["default"].createElement("svg", { width: size, style: st, className: `bi bi-card-list ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", id: id, onClick: handleClick },
520
- React__default["default"].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" }),
521
- React__default["default"].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" })));
522
- };
523
-
524
- const FPenIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
525
- return (React__default["default"].createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", onClick: handleClick, id: id },
526
- React__default["default"].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" })));
527
- };
528
-
529
- const FDownloadIcon = ({ color = 'dark', size = 32, st, id, className, handleClick }) => {
530
- return (React__default["default"].createElement("svg", { style: st, id: id, width: size, onClick: handleClick, className: `bi bi-download download-icon ${color} ${className}`, viewBox: "0 0 16 16" },
531
- React__default["default"].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" }),
532
- React__default["default"].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" })));
533
- };
534
-
535
- const FCopyAddIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
536
- return (React__default["default"].createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 32 32", onClick: handleClick, id: id },
537
- React__default["default"].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" }),
538
- React__default["default"].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" })));
539
- };
540
-
541
- const FUnlinkIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
542
- return (React__default["default"].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' },
543
- React__default["default"].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" }),
544
- React__default["default"].createElement("path", { d: "M8.82996 3.86V6.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
545
- React__default["default"].createElement("path", { d: "M5.32996 5.22L6.82996 7.81", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
546
- React__default["default"].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" }),
547
- React__default["default"].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" }),
548
- React__default["default"].createElement("path", { d: "M12.33 5.22L10.83 7.81", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
549
- React__default["default"].createElement("path", { d: "M15.1699 21.14V18.14", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
550
- React__default["default"].createElement("path", { d: "M18.6699 19.79L17.1699 17.19", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
551
- React__default["default"].createElement("path", { d: "M11.6699 19.79L13.1699 17.19", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" })));
552
- };
553
-
554
- const FFilterIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
555
- return (React__default["default"].createElement("svg", { width: size, viewBox: "0 0 24 24", className: `${color} ${className !== undefined ? className : ''}`, id: id, onClick: handleClick, style: st },
556
- React__default["default"].createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
557
- React__default["default"].createElement("path", { fillRule: "nonzero", d: "M14 14v6l-4 2v-8L4 5V3h16v2l-6 9zM6.404 5L12 13.394 17.596 5H6.404z" })));
558
- };
559
-
560
- const FOpenImgFull = ({ id, className, st, imagesUrl, selectedImg, setSelectedImg, handleClose, openAndClose }) => {
561
- let style = {
562
- boxShadow: '2px 2px 10px 5px rgb(0 0 0 / 0%)',
563
- backgroundColor: "inherit",
564
- overflow: "inherit",
565
- display: 'flex',
566
- alignItems: 'center',
567
- justifyContent: 'center',
568
- maxWidth: '80%',
569
- maxHeight: '80%',
570
- padding: '90px'
571
- };
572
- if (st !== undefined) {
573
- style = Object.assign(style, st);
574
- }
575
- return (React__default["default"].createElement(React__default["default"].Fragment, null, imagesUrl.length !== 0 && selectedImg >= 0 && selectedImg < imagesUrl.length &&
576
- React__default["default"].createElement(FDialog, { openAndClose: openAndClose, st: style, className: className, id: id },
577
- React__default["default"].createElement("div", { className: 'fv-opn-img-full-body' },
578
- React__default["default"].createElement(FStack, { direction: 'row-reverse', spacing: 2 },
579
- React__default["default"].createElement("div", { style: {
580
- position: 'fixed',
581
- top: '70px',
582
- right: '20px'
583
- } }, handleClose !== undefined &&
584
- React__default["default"].createElement(FCloseIcon, { handleClose: () => {
585
- handleClose();
586
- document.body.style.overflow = 'auto';
587
- } })),
588
- React__default["default"].createElement(FStack, { direction: 'row', spacing: 2, alignItems: 'center', justifyContent: 'center' },
589
- selectedImg > 0 ?
590
- React__default["default"].createElement(FArrowIcon, { direction: 'left', handleClick: () => setSelectedImg(selectedImg - 1) })
591
- :
592
- React__default["default"].createElement("div", { style: { width: '35px', height: '35px' } }, "\u3164"),
593
- React__default["default"].createElement("img", { className: 'open-full-img', src: imagesUrl[selectedImg], style: {
594
- objectFit: 'contain',
595
- width: '100%',
596
- maxHeight: '80%',
597
- } }),
598
- selectedImg < imagesUrl.length - 1 ?
599
- React__default["default"].createElement(FArrowIcon, { direction: 'right', handleClick: () => setSelectedImg(selectedImg + 1) })
600
- :
601
- React__default["default"].createElement("div", { style: { width: '35px', height: '35px' } }, "\u3164")))))));
602
- };
603
-
604
- const FAccordion = ({ variant = 'info', title, children, id, className, st, defaultOpen }) => {
605
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
606
- React__default["default"].createElement("div", { className: `card ${className !== undefined ? className : ''}`, id: id },
607
- React__default["default"].createElement("details", { className: `${variant}`, open: defaultOpen, style: st },
608
- React__default["default"].createElement("summary", { className: 'fv-accord-title' }, title),
609
- children))));
610
- };
611
-
612
- const FInputFileForm = ({ id, className, st, dataMaxSize, name, accept, multiple = false, onChange, disabled = false, deleteFile, title }) => {
613
- let disabledColor = {
614
- customFileLabel: undefined,
615
- svgIcon: undefined,
616
- span: undefined,
617
- b: undefined,
618
- };
619
- if (disabled) {
620
- disabledColor = {
621
- customFileLabel: {
622
- backgroundColor: '#F3F3F3',
623
- borderRadius: '8px',
624
- border: '1px dashed #C4C4C4'
625
- },
626
- svgIcon: {
627
- color: '#888888'
628
- },
629
- span: {
630
- color: '#C4C4C4'
631
- },
632
- b: {
633
- color: '#888888'
634
- }
635
- };
636
- }
637
- const inputRef = React.useRef({
638
- value: undefined
639
- });
640
- React.useEffect(() => {
641
- if (deleteFile) {
642
- inputRef.current.value = null;
643
- }
644
- }, [deleteFile]);
645
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
646
- React__default["default"].createElement("div", { className: "custom-file custom-file-dropzone", style: st },
647
- React__default["default"].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) => {
648
- if (e.target.files && e.target.files[0]) {
649
- let maximumSize = undefined;
650
- if ((dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.dimension) === 'МБ') {
651
- maximumSize = dataMaxSize.size * 1024 * 1024; // Перевод из мегабайт в байты
652
- }
653
- else if ((dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.dimension) === 'КБ')
654
- (maximumSize = dataMaxSize.size * 1024 // Перевод из килобайт в байты
655
- );
656
- if (maximumSize !== undefined) {
657
- const dt = new DataTransfer();
658
- Object.values(e.target.files).forEach((file) => {
659
- //@ts-ignore
660
- if (file.size <= maximumSize)
661
- dt.items.add(file);
662
- });
663
- onChange(dt.files);
664
- }
665
- else {
666
- onChange(e.target.files);
667
- }
668
- }
669
- }, disabled: disabled,
670
- //@ts-ignore
671
- ref: inputRef }),
672
- React__default["default"].createElement("label", { className: "custom-file-label", style: disabledColor.customFileLabel },
673
- React__default["default"].createElement("svg", { className: "svg-icon icon-md", focusable: "false", role: "img", viewBox: "0 0 36 35", style: disabledColor.svgIcon },
674
- React__default["default"].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" }),
675
- React__default["default"].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" })),
676
- React__default["default"].createElement("br", null),
677
- React__default["default"].createElement("span", { style: disabledColor.span },
678
- React__default["default"].createElement("b", { style: disabledColor.b }, "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435"),
679
- " \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",
680
- React__default["default"].createElement("br", null),
681
- " ",
682
- React__default["default"].createElement("small", null,
683
- "\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 :
684
- dataMaxSize.size,
685
- " ", dataMaxSize === null || dataMaxSize === void 0 ? void 0 :
686
- dataMaxSize.dimension))))));
687
- };
688
-
689
- const FFile = ({ id, className, st, handleDelete, name }) => {
690
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
691
- React__default["default"].createElement(FStack, { direction: 'row', spacing: 1, className: className, id: id, st: st },
692
- React__default["default"].createElement("svg", { className: "svg-icon text-primary", focusable: "false", role: "img", viewBox: "0 0 24 24" },
693
- React__default["default"].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" }),
694
- React__default["default"].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" })),
695
- React__default["default"].createElement(FStack, { direction: 'row', justifyContent: 'space-between', st: { width: '100%' } },
696
- React__default["default"].createElement("span", null, name),
697
- React__default["default"].createElement(FCloseIcon, { handleClose: handleDelete, st: {
698
- width: '10px',
699
- height: '10px',
700
- marginTop: '7px',
701
- marginRight: '15px',
702
- marginLeft: '8px'
703
- } })))));
704
- };
705
-
706
- const FSelect = ({ label, st, onChange, children, value, multiple, size, fullWidth, disabled, defaultValue, id, className, load = false, errText, helpText, }) => {
707
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
708
- React__default["default"].createElement("div", { className: `form-group ${className !== undefined ? className : ''}`, style: {
709
- width: fullWidth ? '100%' : 'fit-content',
710
- whiteSpace: 'nowrap',
711
- overflow: 'hidden',
712
- textOverflow: 'ellipsis'
713
- }, id: id },
714
- React__default["default"].createElement("label", { className: "control-label with-offset", style: {
715
- whiteSpace: 'nowrap',
716
- overflow: 'hidden',
717
- textOverflow: 'ellipsis'
718
- } }, label),
719
- React__default["default"].createElement("div", { className: `${load ? 'ui left icon input loading' : ''}` },
720
- React__default["default"].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 &&
721
- children),
722
- helpText !== undefined &&
723
- React__default["default"].createElement("span", { style: {
724
- whiteSpace: 'initial',
725
- color: '#a6a3a3',
726
- fontSize: '12px'
727
- } }, helpText),
728
- errText !== undefined && errText.length > 0 &&
729
- React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
730
- return (React__default["default"].createElement("span", { key: index, style: {
731
- whiteSpace: 'initial',
732
- color: 'red'
733
- } }, opt));
734
- })),
735
- load &&
736
- React__default["default"].createElement("div", { className: 'input-load' },
737
- React__default["default"].createElement(FLoadIcon, { size: 10 }))))));
738
- };
739
-
740
- const FSelectItem = ({ st, value, children, onClick, disabled, className, id }) => {
741
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
742
- React__default["default"].createElement("option", { selected: true, disabled: disabled, onClick: onClick, style: st, value: value, className: className, id: id }, children)));
743
- };
744
-
745
- const FFullDateField = ({ label, st, value, onChange, fullWidth, defaultValue, disabled, readOnly, onkeydown, min, max, load = false, errText, helpText, onBlur, onFocus }) => {
746
- let style = {
747
- whiteSpace: 'nowrap',
748
- overflow: 'hidden',
749
- textOverflow: 'ellipsis',
750
- width: fullWidth ? '100%' : 'fit-content'
751
- };
752
- st = Object.assign({}, st, style);
753
- if (typeof value === 'number') {
754
- value = new Date(value).toISOString().split('T')[0];
755
- }
756
- else if (value === undefined || value === null) {
757
- value = '';
758
- }
759
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
760
- React__default["default"].createElement("div", { className: `form - group ${load ? 'ui left icon input loading' : ''}`, style: st },
761
- label &&
762
- React__default["default"].createElement("label", { className: "control-label", style: {
763
- whiteSpace: 'nowrap',
764
- overflow: 'hidden',
765
- textOverflow: 'ellipsis'
766
- } }, label),
767
- React__default["default"].createElement("input", { min: min, max: max, onKeyDown: onkeydown, readOnly: readOnly, onBlur: onBlur, onFocus: onFocus, disabled: disabled || load, required: true, style: {
768
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
769
- }, defaultValue: defaultValue, value: load ? '' : value,
770
- //@ts-ignore
771
- onChange: onChange, type: 'date', className: "form-control" }),
772
- helpText !== undefined &&
773
- React__default["default"].createElement("span", { style: {
774
- whiteSpace: 'initial',
775
- color: '#a6a3a3',
776
- fontSize: '12px'
777
- } }, helpText),
778
- errText !== undefined && errText.length > 0 &&
779
- React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
780
- return (React__default["default"].createElement("span", { key: index, style: {
781
- whiteSpace: 'initial',
782
- color: 'red'
783
- } }, opt));
784
- })),
785
- load &&
786
- React__default["default"].createElement("div", { className: 'input-load' },
787
- React__default["default"].createElement(FLoadIcon, { size: 10 })))));
788
- };
789
-
790
- const FSelectSearchDb = ({ fetchingFunc, selectedElement, selectItem, st, id, className, disabled, readOnly, fullWidth, label, onBlur, onFocus, errText, helpText, minLengthText }) => {
791
- const [valueInput, setValueInput] = React.useState('');
792
- const [arrObject, setArrObject] = React.useState([]);
793
- const timerDebounceRef = React.useRef();
794
- const [load, setLoad] = React.useState(false);
795
- const handlerOnChange = (e) => {
796
- const text = e.target.value;
797
- setValueInput(text);
798
- if (timerDebounceRef.current) {
799
- clearTimeout(timerDebounceRef.current);
800
- }
801
- if (text !== '') {
802
- if (minLengthText !== undefined && text.length === minLengthText) {
803
- timerDebounceRef.current = setTimeout(() => {
804
- setLoad(true);
805
- fetchingFunc(e.target.value).then(r => {
806
- setArrObject(r);
807
- setLoad(false);
808
- });
809
- }, 1000);
810
- }
811
- else {
812
- timerDebounceRef.current = setTimeout(() => {
813
- setLoad(true);
814
- fetchingFunc(e.target.value).then(r => {
815
- setArrObject(r);
816
- setLoad(false);
817
- });
818
- }, 1000);
819
- }
820
- }
821
- else {
822
- setArrObject([]);
823
- setLoad(false);
824
- }
825
- };
826
- let style = {
827
- whiteSpace: 'nowrap',
828
- textOverflow: 'ellipsis',
829
- width: 'fit-content'
830
- };
831
- st = Object.assign({}, st, style);
832
- if (fullWidth) {
833
- st.width = '100%';
834
- }
835
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
836
- React__default["default"].createElement("div", { className: `select-search-db ${className !== undefined ? className : ''} ${load ? 'ui left icon input loading' : ''}`, style: st, id: id },
837
- label &&
838
- React__default["default"].createElement("label", { className: "control-label with-offset", style: {
839
- whiteSpace: 'nowrap',
840
- textOverflow: 'ellipsis'
841
- } }, label),
842
- React__default["default"].createElement("div", { className: 'select-search-db-input-block' },
843
- React__default["default"].createElement("input", { readOnly: readOnly, disabled: disabled || load, required: true, style: {
844
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
845
- }, type: 'text', className: "form-control select-search-db-input", value: valueInput, onChange: handlerOnChange, onFocus: onFocus, onBlur: onBlur }),
846
- (!load && !disabled) &&
847
- React__default["default"].createElement("div", { className: 'select-search-db-input-arrow' },
848
- React__default["default"].createElement(FArrowIcon, { direction: 'down', size: 15 })),
849
- load &&
850
- React__default["default"].createElement("div", { className: 'select-search-db-input-load' },
851
- React__default["default"].createElement(FLoadIcon, { size: 10 }))),
852
- (!load && arrObject !== undefined && arrObject.length > 0) &&
853
- React__default["default"].createElement("div", { className: 'select-search-db-dropdown' },
854
- React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, arrObject.slice(0, 10).map((opt, index) => (React__default["default"].createElement("li", { key: index, onClick: (e) => {
855
- selectedElement(opt);
856
- //@ts-ignore
857
- setValueInput(e.target.textContent);
858
- } }, selectItem(opt)))))),
859
- helpText !== undefined &&
860
- React__default["default"].createElement("span", { style: {
861
- whiteSpace: 'initial',
862
- color: '#a6a3a3',
863
- fontSize: '12px'
864
- } }, helpText),
865
- errText !== undefined && errText.length > 0 &&
866
- React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
867
- return (React__default["default"].createElement("span", { key: index, style: {
868
- whiteSpace: 'initial',
869
- color: 'red'
870
- } }, opt));
871
- })))));
872
- };
873
-
874
- const FTextArea = ({ label, st, value, cols, rows, placeholder, readOnly, disabled, autoComplete, className, id, fullWidth, onChange, onClick, onFocus, errText, helpText, load, }) => {
875
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
876
- React__default["default"].createElement("div", { style: {
877
- width: fullWidth ? '100%' : 'fit-content'
878
- }, className: `control-group ${className !== undefined ? className : ''}`, id: id },
879
- React__default["default"].createElement("div", { className: `${load ? 'ui left icon input loading' : ''} form-group`, style: st },
880
- label &&
881
- React__default["default"].createElement("label", { className: "control-label with-offset required" }, label),
882
- React__default["default"].createElement("textarea", { onClick: onClick, onFocus: onFocus, cols: cols, rows: rows, style: {
883
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
884
- }, disabled: disabled || load, readOnly: readOnly,
885
- //@ts-ignore
886
- autoComplete: autoComplete, required: true, value: load ? undefined : value, placeholder: placeholder, className: "form-control", onChange: onChange }),
887
- helpText !== undefined &&
888
- React__default["default"].createElement("span", { style: {
889
- whiteSpace: 'initial',
890
- color: '#a6a3a3',
891
- fontSize: '12px'
892
- } }, helpText),
893
- errText !== undefined && errText.length > 0 &&
894
- React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
895
- return (React__default["default"].createElement("span", { key: index, style: {
896
- whiteSpace: 'initial',
897
- color: 'red'
898
- } }, opt));
899
- })),
900
- load &&
901
- React__default["default"].createElement("div", { className: 'input-load' },
902
- React__default["default"].createElement(FLoadIcon, { size: 10 }))))));
903
- };
904
-
905
- const FAlert = ({ title, body, variant = 'info', displayTime, open, onClose, vertical = 'center', horizontal = 'center', buttonClose = false, size }) => {
906
- const visible = React.useRef();
907
- const hidden = React.useRef();
908
- const close = React.useRef();
909
- const randomId = React.useRef((Math.random() + 1).toString(36).substring(2));
910
- let newTime = displayTime;
911
- React.useEffect(() => {
912
- const progress = document.getElementById(`f-alert-progress-value-${randomId.current}`);
913
- visible.current = setTimeout(() => {
914
- if (open) {
915
- const el = document.querySelector(`#f-block-alert-${randomId.current}`);
916
- el.classList.add('f-alert-visible');
917
- if (progress !== null) {
918
- progress.style.width = '0';
919
- }
920
- }
921
- });
922
- if (newTime !== undefined && open && onClose !== undefined) {
923
- if (newTime < 1)
924
- newTime = 1;
925
- const el = document.querySelector(`#f-block-alert-${randomId.current}`);
926
- progress.style.transition = `${newTime}s linear`;
927
- hidden.current = setTimeout(() => {
928
- el.classList.remove('f-alert-visible');
929
- el.classList.add('f-alert-hidden');
930
- }, (newTime - 1) * 1000);
931
- close.current = setTimeout(() => {
932
- onClose(false);
933
- el.classList.remove('f-alert-hidden');
934
- el.classList.remove('f-alert-visible');
935
- }, newTime * 1000);
936
- }
937
- }, [open]);
938
- const handlerIco = () => {
939
- let ico = React__default["default"].createElement(React__default["default"].Fragment, null,
940
- React__default["default"].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" }),
941
- React__default["default"].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" }));
942
- switch (variant) {
943
- case 'info':
944
- ico = React__default["default"].createElement(React__default["default"].Fragment, null,
945
- React__default["default"].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" }),
946
- React__default["default"].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" }));
947
- break;
948
- case "success":
949
- ico = React__default["default"].createElement(React__default["default"].Fragment, null,
950
- React__default["default"].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" }),
951
- React__default["default"].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" }));
952
- break;
953
- case 'error':
954
- ico = React__default["default"].createElement(React__default["default"].Fragment, null,
955
- React__default["default"].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" }),
956
- React__default["default"].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" }));
957
- break;
958
- case 'warning':
959
- ico = React__default["default"].createElement(React__default["default"].Fragment, null,
960
- React__default["default"].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" }),
961
- React__default["default"].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" }));
962
- break;
963
- }
964
- return ico;
965
- };
966
- const handlerPosition = () => {
967
- const styleVertical = {};
968
- const styleHorizontal = {};
969
- switch (vertical) {
970
- case 'top':
971
- styleVertical.top = 0;
972
- break;
973
- case 'bottom':
974
- styleVertical.bottom = 0;
975
- break;
976
- case 'center':
977
- if (vertical === 'center' && horizontal !== 'center') {
978
- styleVertical.transform = 'translateY(-50%)';
979
- }
980
- styleVertical.top = '50%';
981
- break;
982
- }
983
- switch (horizontal) {
984
- case 'left':
985
- styleHorizontal.left = 0;
986
- break;
987
- case 'right':
988
- styleHorizontal.right = 0;
989
- break;
990
- case 'center':
991
- if (vertical === 'center' && horizontal === 'center') {
992
- styleHorizontal.transform = 'translate(-50%, -50%)';
993
- }
994
- else {
995
- styleHorizontal.transform = 'translateX(-50%)';
996
- }
997
- styleHorizontal.left = '50%';
998
- break;
999
- }
1000
- return Object.assign({}, styleHorizontal, styleVertical);
1001
- };
1002
- return (React__default["default"].createElement(React__default["default"].Fragment, null, open &&
1003
- React__default["default"].createElement("div", { className: 'f-block-alert', id: `f-block-alert-${randomId.current}` },
1004
- React__default["default"].createElement("div", { className: "f-alert-component", style: handlerPosition() },
1005
- React__default["default"].createElement("div", { className: 'f-alert' },
1006
- React__default["default"].createElement("div", { className: `f-alert-ico ${variant}` },
1007
- React__default["default"].createElement("svg", { width: "28", height: "28", viewBox: "0 0 16 16" }, handlerIco())),
1008
- React__default["default"].createElement("div", { className: 'f-alert-inside', style: { width: size !== undefined ? `${size}` : "fit-content" } },
1009
- React__default["default"].createElement("div", { className: 'f-alert-header' },
1010
- React__default["default"].createElement("h4", null, title !== undefined ? title : ''),
1011
- (buttonClose && onClose) &&
1012
- React__default["default"].createElement(FCloseIcon, { size: 25, st: {
1013
- cursor: 'pointer'
1014
- }, handleClose: () => {
1015
- const el = document.querySelector(`#f-block-alert-${randomId.current}`);
1016
- el.classList.remove('f-alert-visible');
1017
- el.classList.add('f-alert-hidden');
1018
- onClose(false);
1019
- el.classList.remove('f-alert-visible');
1020
- el.classList.remove('f-alert-hidden');
1021
- clearTimeout(visible.current);
1022
- clearTimeout(hidden.current);
1023
- clearTimeout(close.current);
1024
- } })),
1025
- React__default["default"].createElement("div", { className: 'f-alert-body' },
1026
- React__default["default"].createElement("span", null, body))),
1027
- newTime &&
1028
- React__default["default"].createElement("div", { className: 'f-alert-progress' },
1029
- React__default["default"].createElement("div", { className: "f-alert-progress-bar" },
1030
- React__default["default"].createElement("div", { className: `f-alert-progress-value ${variant}`, id: `f-alert-progress-value-${randomId.current}` }))))))));
1031
- };
1032
-
1033
- const FNative = ({ label, id, className, st, children, value, singleChoice, multipleChoice, disabled, size = 4, overflowX, width = '-webkit-fill-available', fullWidth }) => {
1034
- const handleSingleChoice = (event) => {
1035
- if (singleChoice) {
1036
- let a = [];
1037
- a.push(event.target.value);
1038
- singleChoice(a);
1039
- }
1040
- };
1041
- const handlerMultipleChoice = (event) => {
1042
- const { options } = event.target;
1043
- const value = [];
1044
- for (let i = 0, l = options.length; i < l; i += 1) {
1045
- if (options[i].selected) {
1046
- value.push(options[i].value);
1047
- }
1048
- }
1049
- if (multipleChoice) {
1050
- multipleChoice(value);
1051
- }
1052
- };
1053
- if (fullWidth) {
1054
- if (st === undefined) {
1055
- st = {
1056
- width: '100%'
1057
- };
1058
- }
1059
- else {
1060
- st.width = '100%';
1061
- }
1062
- }
1063
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
1064
- React__default["default"].createElement("div", { className: `f-form-native ${className !== undefined ? className : ''}`, style: st, id: id },
1065
- React__default["default"].createElement("label", { className: 'f-native-label' }, label),
1066
- React__default["default"].createElement("select", { style: {
1067
- overflowX: overflowX ? 'auto' : 'hidden',
1068
- width: width
1069
- }, size: size, disabled: disabled,
1070
- //@ts-ignore
1071
- value: value, multiple: true, className: 'f-native', onChange: (event) => {
1072
- if (singleChoice) {
1073
- handleSingleChoice(event);
1074
- }
1075
- else if (multipleChoice) {
1076
- handlerMultipleChoice(event);
1077
- }
1078
- } }, children))));
1079
- };
1080
-
1081
- const FTabs = ({ children, id, className, st }) => {
1082
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
1083
- React__default["default"].createElement("div", { className: `f-tabs ${className !== undefined ? className : ''}`, id: id, style: st }, children)));
1084
- };
1085
-
1086
- const FTab = ({ children, id, className, st, onClick, disabled, active }) => {
1087
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
1088
- React__default["default"].createElement("button", { className: `f-tabs-btn ${active ? 'active' : ''} ${className !== undefined ? className : ''}`, disabled: disabled, onClick: onClick, id: id, style: st }, children)));
1089
- };
1090
-
1091
- 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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";
1092
-
1093
- const FDropdown = ({ label, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, st, className, id, children }) => {
1094
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
1095
- React__default["default"].createElement("div", { className: 'f-dropdown' },
1096
- React__default["default"].createElement(FButton, { variant: variant, color: color, size: size, disabled: disabled, st: st, className: `f-dropdown-bottom ${className !== undefined ? className : ''}`, id: id, onClick: () => {
1097
- document.getElementsByClassName('#heading');
1098
- } },
1099
- React__default["default"].createElement(FStack, { direction: 'row', spacing: 1, justifyContent: "center", alignItems: 'center' },
1100
- label,
1101
- React__default["default"].createElement("img", { className: 'f-dropdown-down-arrow', src: img }))),
1102
- React__default["default"].createElement("div", { className: "f-dropdown-content" }, children))));
1103
- };
1104
-
1105
- const FDropdownItem = ({ disabled, st, className, id, children, onClick }) => {
1106
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
1107
- React__default["default"].createElement("li", { className: `f-dropdown-link ${className !== undefined ? className : ''} ${disabled ? 'disabled' : ''}`, id: id, style: st, onClick: onClick }, children)));
1108
- };
1109
-
1110
- 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 }) => {
1111
- let style = {
1112
- whiteSpace: 'nowrap',
1113
- overflow: 'hidden',
1114
- textOverflow: 'ellipsis',
1115
- };
1116
- st = Object.assign({}, st, style);
1117
- if (fullWidth) {
1118
- if (st === undefined) {
1119
- st = {
1120
- width: '100%'
1121
- };
1122
- }
1123
- else {
1124
- st.width = '100%';
1125
- }
1126
- }
1127
- else {
1128
- if (st === undefined) {
1129
- st = {
1130
- width: 'fit-content'
1131
- };
1132
- }
1133
- else {
1134
- st.width = 'fit-content';
1135
- }
1136
- }
1137
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
1138
- React__default["default"].createElement("div", { className: `f-search-box
1139
- form-group`, style: st },
1140
- label &&
1141
- React__default["default"].createElement("label", { className: "control-label with-offset", style: {
1142
- whiteSpace: 'nowrap',
1143
- overflow: 'hidden',
1144
- textOverflow: 'ellipsis'
1145
- } }, label),
1146
- React__default["default"].createElement("div", { className: 'f-search-box-box' },
1147
- React__default["default"].createElement("div", { className: `${load ? 'ui left icon input loading' : ''}`, style: { width: '100%' } },
1148
- React__default["default"].createElement("input", { id: id, placeholder: placeholder, style: {
1149
- borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
1150
- }, min: min, max: max, disabled: disabled, defaultValue: defaultValue, required: true, onInput: onInput, readOnly: readOnly || load, value: value,
1151
- //@ts-ignore
1152
- onChange: onChange, type: type === undefined ? 'text' : type, className: `form-control f-search-box-inp ${className !== undefined ? className : ''}`, onBlur: onBlur, onFocus: onFocus }),
1153
- helpText !== undefined &&
1154
- React__default["default"].createElement("span", { style: {
1155
- whiteSpace: 'initial',
1156
- color: '#a6a3a3',
1157
- fontSize: '12px'
1158
- } }, helpText),
1159
- errText !== undefined && errText.length > 0 &&
1160
- React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
1161
- return (React__default["default"].createElement("span", { key: index, style: {
1162
- whiteSpace: 'initial',
1163
- color: 'red'
1164
- } }, opt));
1165
- })),
1166
- load &&
1167
- React__default["default"].createElement("div", { className: 'input-load' },
1168
- React__default["default"].createElement(FLoadIcon, { size: 10 }))),
1169
- React__default["default"].createElement(FButton, { st: {
1170
- borderTopLeftRadius: '0',
1171
- borderBottomLeftRadius: '0',
1172
- height: '34px',
1173
- whiteSpace: 'nowrap',
1174
- textAlign: 'center',
1175
- }, disabled: disabled, onClick: onClick, color: color, variant: variant }, children)))));
1176
- };
1177
-
1178
- const fAlert = ({ title, body, variant = 'info' }) => {
1179
- let ico = '';
1180
- switch (variant) {
1181
- case 'info':
1182
- 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"/>';
1183
- break;
1184
- case "success":
1185
- 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"/>';
1186
- break;
1187
- case 'error':
1188
- 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"/>';
1189
- break;
1190
- case 'warning':
1191
- 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"/>';
1192
- break;
1193
- }
1194
- window.document.body.insertAdjacentHTML('afterbegin', `
1195
- <div class='f-function-block-alert' id='f-function-block-alert'>
1196
- <div class='f-function-alert'>
1197
- <div class='f-function-alert-ico ${variant}-alert'>
1198
- <svg width="28" height="28" viewBox="0 0 16 16">
1199
- ${ico}
1200
- </svg>
1201
- </div>
1202
- <div class='f-function-alert-inside'>
1203
- <div class='f-function-alert-header'>
1204
- <h4>${title !== undefined ? title : ''}</h4>
1205
- </div>
1206
- <div class='f-function-alert-body'>
1207
- <span>${body}</span>
1208
- </div>
1209
- <div class='f-function-alert-footer'>
1210
- <button
1211
- class='btn btn-primary btn-sm'
1212
- onclick='document.querySelector("#f-function-block-alert").remove()'
1213
- >
1214
- Закрыть
1215
- </button>
1216
- </div>
1217
- </div>
1218
- </div>
1219
- </div>
1220
- `);
1221
- };
1222
-
1223
- const fConfirm = ({ title, body }) => {
1224
- return new Promise((resolve) => {
1225
- window.document.body.insertAdjacentHTML('afterbegin', `
1226
- <div class='f-function-block-confirm' id='f-function-block-confirm'>
1227
- <div class='f-function-confirm'>
1228
- <div class='f-function-confirm-ico warning'>
1229
- <svg width="28" height="28" viewBox="0 0 16 16">
1230
- <path
1231
- 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"/>
1232
- <path
1233
- 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"/>
1234
- </svg>
1235
- </div>
1236
- <div class='f-function-confirm-inside'>
1237
- <div class='f-function-confirm-header'>
1238
- <h4>${title !== undefined ? title : ''}</h4>
1239
- </div>
1240
- <div class='f-function-confirm-body'>
1241
- <span>${body}</span>
1242
- </div>
1243
- <div class='f-function-confirm-footer'>
1244
- <button
1245
- id="f-function-confirm-ok"
1246
- class='btn btn-success btn-sm'
1247
- onclick='document.querySelector("#f-function-block-confirm").remove()'
1248
- >
1249
- Ок
1250
- </button>
1251
- <button
1252
- id="f-function-confirm-cancellation"
1253
- class='btn btn-danger btn-sm'
1254
- onclick='document.querySelector("#f-function-block-confirm").remove()'
1255
- >
1256
- Отменить
1257
- </button>
1258
- </div>
1259
- </div>
1260
- </div>
1261
- </div>
1262
- `);
1263
- let ok = document.querySelector('#f-function-confirm-ok');
1264
- let cancellation = document.querySelector('#f-function-confirm-cancellation');
1265
- ok.addEventListener('click', function () {
1266
- resolve(true);
1267
- });
1268
- cancellation.addEventListener('click', function () {
1269
- resolve(false);
1270
- });
1271
- });
1272
- };
1273
-
1274
- function getValue(element) {
1275
- if (element) {
1276
- return element.value;
1277
- }
1278
- else {
1279
- return null;
1280
- }
1281
- }
1282
- const fPrompt = ({ title, body }) => {
1283
- return new Promise((resolve) => {
1284
- window.document.body.insertAdjacentHTML('afterbegin', `
1285
- <div class='f-function-block-prompt' id='f-function-block-prompt'>
1286
- <div class='f-function-prompt'>
1287
- <div class='f-function-prompt-ico warning'>
1288
- <svg width="28" height="28" viewBox="0 0 16 16">
1289
- <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"/>
1290
- <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"/>
1291
- </svg>
1292
- </div>
1293
- <div class='f-function-prompt-inside'>
1294
- <div class='f-function-prompt-header'>
1295
- <h4>${title}</h4>
1296
- </div>
1297
- <div class='f-function-prompt-body'>
1298
- <span>${body}</span>
1299
- <input
1300
- type="text"
1301
- id="f-function-prompt-input"
1302
- class="form-control f-function-prompt-input"
1303
- />
1304
- </div>
1305
- <div class='f-function-prompt-footer'>
1306
- <button
1307
- id="f-function-prompt-ok"
1308
- class='btn btn-success btn-sm'
1309
- onclick='document.querySelector("#f-function-block-prompt").remove()'
1310
- >
1311
- Ок
1312
- </button>
1313
- <button
1314
- id="f-function-prompt-cancellation"
1315
- class='btn btn-danger btn-sm'
1316
- onclick='document.querySelector("#f-function-block-prompt").remove()'
1317
- >
1318
- Отменить
1319
- </button>
1320
- </div>
1321
- </div>
1322
- </div>
1323
- </div>
1324
- `);
1325
- let ok = document.querySelector('#f-function-prompt-ok');
1326
- let cancellation = document.querySelector('#f-function-prompt-cancellation');
1327
- let submit = document.querySelector('#f-function-prompt-input');
1328
- ok.addEventListener('click', function () {
1329
- resolve(getValue(submit));
1330
- });
1331
- cancellation.addEventListener('click', function () {
1332
- resolve(null);
1333
- });
1334
- });
1335
- };
1336
-
1337
- exports.FAccordion = FAccordion;
1338
- exports.FAlert = FAlert;
1339
- exports.FArrowIcon = FArrowIcon;
1340
- exports.FButton = FButton;
1341
- exports.FButtonFile = FButtonFile;
1342
- exports.FCheckIcon = FCheckIcon;
1343
- exports.FCheckbox = FCheckbox;
1344
- exports.FCloseIcon = FCloseIcon;
1345
- exports.FContainer = FContainer;
1346
- exports.FCopyAddIcon = FCopyAddIcon;
1347
- exports.FDialog = FDialog;
1348
- exports.FDialogBody = FDialogBody;
1349
- exports.FDialogFooter = FDialogFooter;
1350
- exports.FDialogHeader = FDialogHeader;
1351
- exports.FDownloadIcon = FDownloadIcon;
1352
- exports.FDropdown = FDropdown;
1353
- exports.FDropdownItem = FDropdownItem;
1354
- exports.FFile = FFile;
1355
- exports.FFilterIcon = FFilterIcon;
1356
- exports.FFullDateField = FFullDateField;
1357
- exports.FGrid = FGrid;
1358
- exports.FInputFileForm = FInputFileForm;
1359
- exports.FListIcon = FListIcon;
1360
- exports.FLoadIcon = FLoadIcon;
1361
- exports.FNative = FNative;
1362
- exports.FOpenImgFull = FOpenImgFull;
1363
- exports.FPagination = FPagination;
1364
- exports.FPaper = FPaper;
1365
- exports.FPenIcon = FPenIcon;
1366
- exports.FPlusIcon = FPlusIcon;
1367
- exports.FPreloader = FPreloader;
1368
- exports.FProgress = FProgress;
1369
- exports.FRadioButton = FRadioButton;
1370
- exports.FSearchBox = FSearchBox;
1371
- exports.FSelect = FSelect;
1372
- exports.FSelectItem = FSelectItem;
1373
- exports.FSelectSearchDb = FSelectSearchDb;
1374
- exports.FStack = FStack;
1375
- exports.FTab = FTab;
1376
- exports.FTable = FTable;
1377
- exports.FTableBody = FTableBody;
1378
- exports.FTableDataCell = FTableDataCell;
1379
- exports.FTableFooter = FTableFooter;
1380
- exports.FTableHead = FTableHead;
1381
- exports.FTableHeaderCell = FTableHeaderCell;
1382
- exports.FTableRow = FTableRow;
1383
- exports.FTabs = FTabs;
1384
- exports.FTextArea = FTextArea;
1385
- exports.FTextField = FTextField;
1386
- exports.FTimeline = FTimeline;
1387
- exports.FTimelineCard = FTimelineCard;
1388
- exports.FTrashIcon = FTrashIcon;
1389
- exports.FUnlinkIcon = FUnlinkIcon;
1390
- exports.fAlert = fAlert;
1391
- exports.fConfirm = fConfirm;
1392
- exports.fPrompt = fPrompt;
1393
- //# sourceMappingURL=bundle.js.map