@lanaco/lnc-react-ui 4.0.199 → 4.0.200

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 (247) hide show
  1. package/dist/Accordion.cjs +5 -5
  2. package/dist/Accordion.js +45 -56
  3. package/dist/AccordionDetails.cjs +3 -3
  4. package/dist/AccordionDetails.js +11 -25
  5. package/dist/AccordionSummary.cjs +4 -4
  6. package/dist/AccordionSummary.js +34 -44
  7. package/dist/ActionsToolbar.cjs +2 -3
  8. package/dist/ActionsToolbar.js +83 -135
  9. package/dist/Alert.cjs +10 -10
  10. package/dist/Alert.js +32 -64
  11. package/dist/Avatar.cjs +9 -9
  12. package/dist/Avatar.js +33 -72
  13. package/dist/Badge.cjs +6 -6
  14. package/dist/Badge.js +22 -47
  15. package/dist/BlogCategoryCardsSection.cjs +1 -1
  16. package/dist/BlogCategoryCardsSection.js +12 -14
  17. package/dist/BlogExploreSection.cjs +1 -1
  18. package/dist/BlogExploreSection.js +1 -1
  19. package/dist/BlogsSectionWithFilters.cjs +1 -1
  20. package/dist/BlogsSectionWithFilters.js +1 -1
  21. package/dist/Breadcrumbs.cjs +5 -5
  22. package/dist/Breadcrumbs.js +57 -87
  23. package/dist/Button.cjs +11 -11
  24. package/dist/Button.js +126 -173
  25. package/dist/ButtonGroup.cjs +8 -8
  26. package/dist/ButtonGroup.js +37 -49
  27. package/dist/CalorieCalculatorSection.cjs +8 -8
  28. package/dist/CalorieCalculatorSection.js +90 -97
  29. package/dist/CheckBoxInput.cjs +1 -1
  30. package/dist/CheckBoxInput.js +2 -5
  31. package/dist/Chip.cjs +14 -14
  32. package/dist/Chip.js +73 -111
  33. package/dist/ConfirmationForm.cjs +6 -6
  34. package/dist/ConfirmationForm.js +67 -109
  35. package/dist/ContactSection.cjs +1 -0
  36. package/dist/ContactSection.js +1 -0
  37. package/dist/Content.cjs +1 -1
  38. package/dist/Content.js +7 -15
  39. package/dist/{DailyMotion-ByXblnua.js → DailyMotion-BBcJkMo_.js} +1 -1
  40. package/dist/{DailyMotion-BaFUcQKQ.cjs → DailyMotion-CpZExcrg.cjs} +1 -1
  41. package/dist/DataView.cjs +1 -1
  42. package/dist/DataView.js +30 -50
  43. package/dist/DateInput.cjs +4 -4
  44. package/dist/DateInput.js +1347 -1383
  45. package/dist/DecimalInput.cjs +6 -6
  46. package/dist/DecimalInput.js +210 -263
  47. package/dist/DecimalInputV2.cjs +23 -23
  48. package/dist/DecimalInputV2.js +119 -176
  49. package/dist/DetailedProductsInfinitiveSection.cjs +1 -1
  50. package/dist/DetailedProductsInfinitiveSection.js +1 -1
  51. package/dist/DetailedProductsSection.cjs +1 -1
  52. package/dist/DetailedProductsSection.js +1 -1
  53. package/dist/DetailsView.cjs +9 -9
  54. package/dist/DetailsView.js +111 -162
  55. package/dist/DoubleRangeSlider.cjs +22 -22
  56. package/dist/DoubleRangeSlider.js +70 -95
  57. package/dist/DragAndDropFile.cjs +10 -10
  58. package/dist/DragAndDropFile.js +347 -402
  59. package/dist/DragDropFiles.cjs +4 -4
  60. package/dist/DragDropFiles.js +70 -124
  61. package/dist/Drawer.cjs +5 -5
  62. package/dist/Drawer.js +97 -135
  63. package/dist/Dropdown.cjs +1 -1
  64. package/dist/Dropdown.js +44 -213
  65. package/dist/DropdownItem.cjs +14 -14
  66. package/dist/DropdownItem.js +106 -142
  67. package/dist/DropdownLookup.cjs +1 -1
  68. package/dist/DropdownLookup.js +61 -242
  69. package/dist/DropdownMenu.cjs +4 -4
  70. package/dist/DropdownMenu.js +87 -149
  71. package/dist/EditableTable.cjs +10 -10
  72. package/dist/EditableTable.js +165 -331
  73. package/dist/{Facebook-BCqiOWZO.js → Facebook-BSWPEXjA.js} +1 -1
  74. package/dist/{Facebook-D9wwecSW.cjs → Facebook-DoKw-XxT.cjs} +1 -1
  75. package/dist/FaqSection.cjs +3 -3
  76. package/dist/FaqSection.js +119 -153
  77. package/dist/FileInput.cjs +7 -7
  78. package/dist/FileInput.js +66 -94
  79. package/dist/{FilePlayer-ktaNhf3p.js → FilePlayer-BtGpIWnK.js} +1 -1
  80. package/dist/{FilePlayer-DB6jnpeC.cjs → FilePlayer-D9az_lc_.cjs} +1 -1
  81. package/dist/FlexBox.cjs +6 -6
  82. package/dist/FlexBox.js +28 -63
  83. package/dist/FlexGrid.cjs +1 -1
  84. package/dist/FlexGrid.js +27 -67
  85. package/dist/FlexGridItem.cjs +6 -6
  86. package/dist/FlexGridItem.js +34 -62
  87. package/dist/Footer.cjs +1 -1
  88. package/dist/Footer.js +7 -15
  89. package/dist/FormField.cjs +7 -7
  90. package/dist/FormField.js +22 -47
  91. package/dist/FormView.cjs +6 -6
  92. package/dist/FormView.js +148 -195
  93. package/dist/Grid.cjs +2 -2
  94. package/dist/Grid.js +40 -65
  95. package/dist/GridItem.cjs +2 -2
  96. package/dist/GridItem.js +47 -80
  97. package/dist/Header.cjs +1 -1
  98. package/dist/Header.js +7 -15
  99. package/dist/HelpBannerSection.cjs +3 -3
  100. package/dist/HelpBannerSection.js +9 -15
  101. package/dist/Icon.cjs +4 -4
  102. package/dist/Icon.js +29 -55
  103. package/dist/IconButton.cjs +9 -9
  104. package/dist/IconButton.js +89 -127
  105. package/dist/{Kaltura-CvlN0HDg.js → Kaltura-BDqlEQpd.js} +1 -1
  106. package/dist/{Kaltura-CCdXLzOa.cjs → Kaltura-CK6JHUZC.cjs} +1 -1
  107. package/dist/Kanban.cjs +7 -7
  108. package/dist/Kanban.js +2033 -2098
  109. package/dist/KanbanActionsToolbar.cjs +4 -5
  110. package/dist/KanbanActionsToolbar.js +61 -96
  111. package/dist/KanbanCard-B9V9EjVE.js +137 -0
  112. package/dist/KanbanCard-DihrKn-I.cjs +30 -0
  113. package/dist/KanbanCard.cjs +1 -1
  114. package/dist/KanbanCard.js +2 -3
  115. package/dist/KanbanFooter.cjs +3 -3
  116. package/dist/KanbanFooter.js +37 -55
  117. package/dist/KanbanHeader.cjs +4 -4
  118. package/dist/KanbanHeader.js +49 -81
  119. package/dist/KanbanView.cjs +2 -2
  120. package/dist/KanbanView.js +106 -173
  121. package/dist/Link.cjs +7 -7
  122. package/dist/Link.js +20 -37
  123. package/dist/LocationSearchSection.cjs +1 -1
  124. package/dist/LocationSearchSection.js +1 -1
  125. package/dist/MasonryGeneralCardsSection.cjs +1 -1
  126. package/dist/MasonryGeneralCardsSection.js +1 -1
  127. package/dist/MenuItem.cjs +13 -13
  128. package/dist/MenuItem.js +101 -139
  129. package/dist/{Mixcloud-nG_VyBNt.cjs → Mixcloud-C1Boh2Bm.cjs} +1 -1
  130. package/dist/{Mixcloud-Bb8MTclI.js → Mixcloud-zAh6j7Ha.js} +1 -1
  131. package/dist/Modal.cjs +18 -19
  132. package/dist/Modal.js +131 -166
  133. package/dist/MultiSelectDropdown.cjs +1 -1
  134. package/dist/MultiSelectDropdown.js +25 -196
  135. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  136. package/dist/MultiSelectDropdownLookup.js +27 -209
  137. package/dist/{Mux-DfYpGTiP.js → Mux-BGTG_Tvc.js} +1 -1
  138. package/dist/{Mux-BgB2a8kM.cjs → Mux-C6TwZeaq.cjs} +1 -1
  139. package/dist/NestedDropdownItem.cjs +3 -3
  140. package/dist/NestedDropdownItem.js +45 -67
  141. package/dist/NestedMenuItem.cjs +5 -5
  142. package/dist/NestedMenuItem.js +51 -78
  143. package/dist/NotificationContainer.cjs +10 -10
  144. package/dist/NotificationContainer.js +46 -79
  145. package/dist/NotificationMessage.cjs +2 -2
  146. package/dist/NotificationMessage.js +47 -64
  147. package/dist/NumberInput.cjs +23 -23
  148. package/dist/NumberInput.js +89 -149
  149. package/dist/PageLayout.cjs +2 -2
  150. package/dist/PageLayout.js +20 -28
  151. package/dist/Pagination.cjs +3 -3
  152. package/dist/Pagination.js +102 -185
  153. package/dist/PasswordInput.cjs +23 -23
  154. package/dist/PasswordInput.js +108 -137
  155. package/dist/Popover.cjs +1 -1
  156. package/dist/Popover.js +7 -32
  157. package/dist/PopoverContent.cjs +5 -5
  158. package/dist/PopoverContent.js +22 -28
  159. package/dist/PopoverTrigger.cjs +1 -1
  160. package/dist/PopoverTrigger.js +7 -12
  161. package/dist/ProgressBar.cjs +8 -8
  162. package/dist/ProgressBar.js +32 -59
  163. package/dist/RadioGroup.cjs +3 -3
  164. package/dist/RadioGroup.js +41 -72
  165. package/dist/RadioInput.cjs +28 -28
  166. package/dist/RadioInput.js +78 -123
  167. package/dist/RangeSlider.cjs +19 -19
  168. package/dist/RangeSlider.js +92 -119
  169. package/dist/ReviewsSection.cjs +13 -13
  170. package/dist/ReviewsSection.js +81 -101
  171. package/dist/SalesCampaignsSection.cjs +19 -19
  172. package/dist/SalesCampaignsSection.js +283 -324
  173. package/dist/SearchBar.cjs +10 -10
  174. package/dist/SearchBar.js +168 -188
  175. package/dist/SearchSection-B94YN_6P.cjs +161 -0
  176. package/dist/{SearchSection-DDQ_K98T.js → SearchSection-DAaMecR4.js} +337 -359
  177. package/dist/SearchSection.cjs +1 -1
  178. package/dist/SearchSection.js +2 -3
  179. package/dist/Separator.cjs +3 -3
  180. package/dist/Separator.js +14 -19
  181. package/dist/Sidebar.cjs +4 -5
  182. package/dist/Sidebar.js +33 -56
  183. package/dist/SimpleCategoriesSection.cjs +1 -1
  184. package/dist/SimpleCategoriesSection.js +1 -1
  185. package/dist/{SoundCloud-C86xwUG6.cjs → SoundCloud-C6R6E6Zc.cjs} +1 -1
  186. package/dist/{SoundCloud-DG91z39R.js → SoundCloud-lO8wg_0s.js} +1 -1
  187. package/dist/Spinner.cjs +18 -18
  188. package/dist/Spinner.js +37 -54
  189. package/dist/StatsSection.cjs +6 -6
  190. package/dist/StatsSection.js +15 -25
  191. package/dist/{Streamable-4uAnb3WN.cjs → Streamable-DZO95CiT.cjs} +1 -1
  192. package/dist/{Streamable-BAIWLgyD.js → Streamable-Dwa5ZEK4.js} +1 -1
  193. package/dist/Surface.cjs +4 -4
  194. package/dist/Surface.js +19 -34
  195. package/dist/SwipeableDrawer.cjs +8 -8
  196. package/dist/SwipeableDrawer.js +84 -136
  197. package/dist/TabItem.cjs +11 -11
  198. package/dist/TabItem.js +83 -118
  199. package/dist/Table.cjs +65 -65
  200. package/dist/Table.js +786 -1167
  201. package/dist/TableView.cjs +2 -2
  202. package/dist/TableView.js +113 -197
  203. package/dist/Tabs.cjs +4 -4
  204. package/dist/Tabs.js +41 -60
  205. package/dist/TextAreaInput.cjs +14 -14
  206. package/dist/TextAreaInput.js +131 -181
  207. package/dist/TextInput.cjs +23 -23
  208. package/dist/TextInput.js +78 -126
  209. package/dist/ThemeProvider.cjs +5 -5
  210. package/dist/ThemeProvider.js +35 -39
  211. package/dist/TimeInput.cjs +7 -7
  212. package/dist/TimeInput.js +46 -72
  213. package/dist/Toggle.cjs +20 -20
  214. package/dist/Toggle.js +78 -109
  215. package/dist/ToggleSection.cjs +5 -5
  216. package/dist/ToggleSection.js +48 -55
  217. package/dist/TreeMenu.cjs +5 -5
  218. package/dist/TreeMenu.js +43 -67
  219. package/dist/TreeMenuSeparator.cjs +3 -3
  220. package/dist/TreeMenuSeparator.js +12 -20
  221. package/dist/{Twitch-CVAj24ti.cjs → Twitch-B17oKtD0.cjs} +1 -1
  222. package/dist/{Twitch-DfXeW5Xs.js → Twitch-C73-dwWo.js} +1 -1
  223. package/dist/UploadedFile.cjs +11 -11
  224. package/dist/UploadedFile.js +73 -99
  225. package/dist/{Vidyard-De3pges0.js → Vidyard-B6GdBHsM.js} +1 -1
  226. package/dist/{Vidyard-DaCcaaH4.cjs → Vidyard-s1MMcaRm.cjs} +1 -1
  227. package/dist/{Vimeo-8wXdCXGs.cjs → Vimeo-J1l_SU2E.cjs} +1 -1
  228. package/dist/{Vimeo-N6I2qi_h.js → Vimeo-kzHz4Gco.js} +1 -1
  229. package/dist/{Wistia-BrUzHQoq.cjs → Wistia-CudQyDHM.cjs} +1 -1
  230. package/dist/{Wistia-dlV6n6tO.js → Wistia-w4jnqd7y.js} +1 -1
  231. package/dist/{YouTube-Cfsj4ZaP.cjs → YouTube-BAYKouHS.cjs} +1 -1
  232. package/dist/{YouTube-DNJxWqRm.js → YouTube-BKyipPZx.js} +1 -1
  233. package/dist/index-BdKi2ogu.js +39 -0
  234. package/dist/index-CRk3vcd4.cjs +95 -0
  235. package/dist/index-CX2A-q39.cjs +4 -0
  236. package/dist/{index-CWALXP1T.js → index-CwMCk9wV.js} +118 -145
  237. package/dist/index.cjs +1 -1
  238. package/dist/index.js +2 -2
  239. package/dist/{tag-BtS5lWJ0.js → tag-Dm8CW4TM.js} +21 -27
  240. package/dist/{tag-CmeZsPQt.cjs → tag-UQjq2_Ba.cjs} +7 -7
  241. package/package.json +1 -1
  242. package/dist/KanbanCard-68kSAXL6.js +0 -175
  243. package/dist/KanbanCard-BDvoqTDS.cjs +0 -30
  244. package/dist/SearchSection-BcbHP6QF.cjs +0 -161
  245. package/dist/index-Be-_NM9Q.cjs +0 -4
  246. package/dist/index-C0LcDEqa.js +0 -47
  247. package/dist/index-CSNxZFTX.cjs +0 -95
@@ -1,19 +1,19 @@
1
- "use strict";const m=require("react/jsx-runtime"),l=require("./index-BpbMKBf_.cjs"),y=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./utils-RnrgDDZP.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Q=k.styled.div`
1
+ "use strict";const m=require("react/jsx-runtime"),b=require("react"),I=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-RnrgDDZP.cjs"),J=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),L=I.styled.div`
2
2
  display: flex;
3
3
  align-items: center;
4
4
 
5
- min-height: ${e=>a.getSizeValueWithUnits(e.theme,e.size)};
6
- max-height: ${e=>a.getSizeValueWithUnits(e.theme,e.size)};
7
- background-color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
5
+ min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
6
+ max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
7
+ background-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
8
8
  border: 1px solid
9
- ${e=>a.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","border")};
10
- border-radius: ${e=>a.getBorderRadiusValueWithUnits(e.theme,"regular")};
9
+ ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","border")};
10
+ border-radius: ${e=>r.getBorderRadiusValueWithUnits(e.theme,"regular")};
11
11
 
12
- ${e=>e.focused===!0&&e.readOnly!==!0?a.getOutlineCss(e.theme):""}
13
- /* ${e=>e.isDisabled===!0?a.getDisabledStateCss(e.theme):""} */
14
- ${e=>e.isDisabled===!0&&`background-color: ${a.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
15
- color: ${u=>a.getColorRgbaValue(u.theme,"Input",u.color,"disabled","text")};`}
16
- ${e=>e.isDisabled===!0?"border: 1px solid "+a.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border"):""}
12
+ ${e=>e.focused===!0&&e.readOnly!==!0?r.getOutlineCss(e.theme):""}
13
+ /* ${e=>e.isDisabled===!0?r.getDisabledStateCss(e.theme):""} */
14
+ ${e=>e.isDisabled===!0&&`background-color: ${r.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
15
+ color: ${u=>r.getColorRgbaValue(u.theme,"Input",u.color,"disabled","text")};`}
16
+ ${e=>e.isDisabled===!0?"border: 1px solid "+r.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border"):""}
17
17
 
18
18
  & input {
19
19
  background: none;
@@ -23,19 +23,19 @@
23
23
  padding-bottom: 0.625rem;
24
24
  width: 100%;
25
25
 
26
- ${e=>a.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
27
- min-height: ${e=>a.getSizeValueWithUnits(e.theme,e.size)};
28
- max-height: ${e=>a.getSizeValueWithUnits(e.theme,e.size)};
29
- color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
30
- caret-color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
26
+ ${e=>r.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
27
+ min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
28
+ max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
29
+ color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
30
+ caret-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
31
31
  padding-right: ${e=>e.suffix?"0":"0.75rem"};
32
32
  padding-left: ${e=>e.prefix?"0":"0.75rem"};
33
33
  }
34
34
 
35
35
  & input:disabled {
36
- /* ${e=>a.getDisabledStateCss(e.theme)} */
37
- ${e=>`background-color: ${a.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
38
- color: ${u=>a.getColorRgbaValue(u.theme,"Input",u.color,"disabled","text")};`}
36
+ /* ${e=>r.getDisabledStateCss(e.theme)} */
37
+ ${e=>`background-color: ${r.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
38
+ color: ${u=>r.getColorRgbaValue(u.theme,"Input",u.color,"disabled","text")};`}
39
39
  background: none;
40
40
  }
41
41
 
@@ -44,9 +44,9 @@
44
44
  }
45
45
 
46
46
  & input::placeholder {
47
- color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
47
+ color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
48
48
  }
49
- `,S=k.styled.span`
49
+ `,U=I.styled.span`
50
50
  padding: 0 12px;
51
- color: ${e=>a.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
52
- `,X=k.styled(S)``,W=y.forwardRef((e,u)=>{const{disabled:w,readOnly:I,prefix:b,suffix:f,decimalSeparator:c=",",decimalScale:s=2,allowNegative:U=!0,onKeyDown:B=()=>{},onBlur:T=()=>{},onFocus:x=()=>{},onChange:j=()=>{},value:P,className:F="",style:K={},size:_="small",color:$="primary",onInputChange:N=()=>{},allowNull:O=!0,...E}=e,C=M.useTheme(),[V,z]=y.useState(!1),D=o=>{var t,d;if(isNaN(+o)){if(O===!0&&(o==null||o===""))return""}else{const i=(t=o==null?void 0:o.toString())==null?void 0:t.split(".");if(!(i!=null&&i.length)>0)return"0"+c+new Array(s+1).join("0");if((i==null?void 0:i.length)===1)return i.at(0)+c+new Array(s+1).join("0");if((i==null?void 0:i.length)>1){let n=(d=i==null?void 0:i.at(1))==null?void 0:d.toString();if((n==null?void 0:n.length)===s)return i.at(0)+c+n;if((n==null?void 0:n.length)<s)return i.at(0)+c+i.at(1)+new Array(s-n.length+1).join("0");if((n==null?void 0:n.length)>s)return i.at(0)+c+n.slice(0,s)}}return"0"+c+new Array(s+1).join("0")},R=D(P),[G,h]=y.useState(R),r=y.useRef(R);y.useEffect(()=>{const o=D(P);r.current=o,h(r.current)},[P]);const H=o=>{z(!0),x==null||x(o)},J=o=>{z(!1),T==null||T(o)},L=o=>{var d,i;let t=(d=r.current)==null?void 0:d.replace(c,"");if(o.key==="Delete"||o.key==="Backspace")if(+t!=0){t=t.slice(0,(t==null?void 0:t.length)-1);let n=t.slice(0,(t==null?void 0:t.length)-s),g=t.slice((t==null?void 0:t.length)-s);(n==null?void 0:n.length)===0?n="0":n==="-"&&+t!=0?n="-0":n==="-"&&+t==0&&(n="0");let p=[n,c,g].join("");r.current=p,h(r.current)}else+t==0&&O===!0&&(r==null?void 0:r.current)!==""&&(r.current="",h(r.current),q(o));else if(o.key==="-"&&U===!0&&+t!=0)((i=r==null?void 0:r.current)==null?void 0:i.slice(1))==="-"?r.current=r.current.slice(1,r.current.length):r.current="-"+r.current,h(r.current);else if(!isNaN(o.key)){(t==null?void 0:t.length)===0?t="0"+new Array(s).join("0")+o.key:t=t+o.key;let n=t.slice(0,(t==null?void 0:t.length)-s),g=t.slice((t==null?void 0:t.length)-s);(n==null?void 0:n.length)>1&&(n=n.replace(/^0+/,""),(n==null?void 0:n.length)===0&&(n="0"));let p=[n,c,g].join("");r.current=p,h(r.current)}B(o)},q=o=>{var g,p;if((r==null?void 0:r.current)===""){o.target.value="",N(o,null),j(o,null);return}let t=(g=r==null?void 0:r.current)==null?void 0:g.split(c),d=+(t==null?void 0:t.at(0)),i=((p=t==null?void 0:t.at(1))==null?void 0:p.length)>0?`0.${t==null?void 0:t.at(1)}`:0,n=d+ +i;o.target.value=n,N(o,n),j(o,n)};return m.jsxs(Q,{style:K,className:F,theme:C,color:$,size:_,prefix:b,suffix:f,focused:V,disabled:w,readOnly:I,children:[b&&m.jsx(S,{theme:C,color:$,focused:V,className:"lnc-input-prefix",children:b}),m.jsx("input",{ref:u,type:"text",...E,onKeyDown:L,onBlur:J,value:G,className:"lnc-ui-decimal-v2-input",onFocus:H,disabled:w||I,onChange:o=>{q(o)}}),f&&m.jsx(X,{theme:C,color:$,focused:V,className:"lnc-input-suffix",children:f})]})});W.propTypes={id:l.PropTypes.any,value:l.PropTypes.any,defaultValue:l.PropTypes.any,disabled:l.PropTypes.bool,readOnly:l.PropTypes.bool,debounceTime:l.PropTypes.number,prefix:l.PropTypes.oneOfType([l.PropTypes.string,l.PropTypes.element]),suffix:l.PropTypes.oneOfType([l.PropTypes.string,l.PropTypes.element]),thousandSeparator:l.PropTypes.oneOf([".",","," "]),decimalSeparator:l.PropTypes.oneOf([".",","]),decimalScale:l.PropTypes.number,fixedDecimalScale:l.PropTypes.bool,allowNegative:l.PropTypes.bool,onChange:l.PropTypes.func,onInputChange:l.PropTypes.func,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,size:l.PropTypes.oneOf(["small","medium","large"]),color:l.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=W;
51
+ color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
52
+ `,M=I.styled(U)``,Q=b.forwardRef((e,u)=>{const{disabled:j,readOnly:p,prefix:f,suffix:x,decimalSeparator:a=",",decimalScale:c=2,allowNegative:_=!0,onKeyDown:B=()=>{},onBlur:$=()=>{},onFocus:y=()=>{},onChange:z=()=>{},value:V,className:F="",style:K={},size:T="small",color:C="primary",onInputChange:N=()=>{},allowNull:R=!0,...E}=e,k=J.useTheme(),[w,D]=b.useState(!1),W=l=>{var t,s;if(isNaN(+l)){if(R===!0&&(l==null||l===""))return""}else{const o=(t=l==null?void 0:l.toString())==null?void 0:t.split(".");if(!(o!=null&&o.length)>0)return"0"+a+new Array(c+1).join("0");if((o==null?void 0:o.length)===1)return o.at(0)+a+new Array(c+1).join("0");if((o==null?void 0:o.length)>1){let n=(s=o==null?void 0:o.at(1))==null?void 0:s.toString();if((n==null?void 0:n.length)===c)return o.at(0)+a+n;if((n==null?void 0:n.length)<c)return o.at(0)+a+o.at(1)+new Array(c-n.length+1).join("0");if((n==null?void 0:n.length)>c)return o.at(0)+a+n.slice(0,c)}}return"0"+a+new Array(c+1).join("0")},q=W(V),[S,h]=b.useState(q),i=b.useRef(q);b.useEffect(()=>{const l=W(V);i.current=l,h(i.current)},[V]);const P=l=>{D(!0),y==null||y(l)},G=l=>{D(!1),$==null||$(l)},H=l=>{var s,o;let t=(s=i.current)==null?void 0:s.replace(a,"");if(l.key==="Delete"||l.key==="Backspace")if(+t!=0){t=t.slice(0,(t==null?void 0:t.length)-1);let n=t.slice(0,(t==null?void 0:t.length)-c),d=t.slice((t==null?void 0:t.length)-c);(n==null?void 0:n.length)===0?n="0":n==="-"&&+t!=0?n="-0":n==="-"&&+t==0&&(n="0");let g=[n,a,d].join("");i.current=g,h(i.current)}else+t==0&&R===!0&&(i==null?void 0:i.current)!==""&&(i.current="",h(i.current),O(l));else if(l.key==="-"&&_===!0&&+t!=0)((o=i==null?void 0:i.current)==null?void 0:o.slice(1))==="-"?i.current=i.current.slice(1,i.current.length):i.current="-"+i.current,h(i.current);else if(!isNaN(l.key)){(t==null?void 0:t.length)===0?t="0"+new Array(c).join("0")+l.key:t=t+l.key;let n=t.slice(0,(t==null?void 0:t.length)-c),d=t.slice((t==null?void 0:t.length)-c);(n==null?void 0:n.length)>1&&(n=n.replace(/^0+/,""),(n==null?void 0:n.length)===0&&(n="0"));let g=[n,a,d].join("");i.current=g,h(i.current)}B(l)},O=l=>{var d,g;if((i==null?void 0:i.current)===""){l.target.value="",N(l,null),z(l,null);return}let t=(d=i==null?void 0:i.current)==null?void 0:d.split(a),s=+(t==null?void 0:t.at(0)),o=((g=t==null?void 0:t.at(1))==null?void 0:g.length)>0?`0.${t==null?void 0:t.at(1)}`:0,n=s+ +o;l.target.value=n,N(l,n),z(l,n)};return m.jsxs(L,{style:K,className:F,theme:k,color:C,size:T,prefix:f,suffix:x,focused:w,disabled:j,readOnly:p,children:[f&&m.jsx(U,{theme:k,color:C,focused:w,className:"lnc-input-prefix",children:f}),m.jsx("input",{ref:u,type:"text",...E,onKeyDown:H,onBlur:G,value:S,className:"lnc-ui-decimal-v2-input",onFocus:P,disabled:j||p,onChange:l=>{O(l)}}),x&&m.jsx(M,{theme:k,color:C,focused:w,className:"lnc-input-suffix",children:x})]})});module.exports=Q;
@@ -1,15 +1,14 @@
1
- import { jsxs as Y, jsx as N } from "react/jsx-runtime";
2
- import { P as l } from "./index-CblbdqjE.js";
3
- import { forwardRef as Z, useState as P, useRef as _, useEffect as v } from "react";
4
- import { s as O } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { d as f, b as c, a as R, e as A, h as W, c as ee } from "./utils-DtEfC-TX.js";
6
- import { u as te } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
7
- const ne = O.div`
1
+ import { jsxs as Y, jsx as w } from "react/jsx-runtime";
2
+ import { forwardRef as Z, useState as W, useRef as _, useEffect as R } from "react";
3
+ import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { d as m, b as c, a as v, e as S, h as F, c as A } from "./utils-DtEfC-TX.js";
5
+ import { u as ee } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
6
+ const te = N.div`
8
7
  display: flex;
9
8
  align-items: center;
10
9
 
11
- min-height: ${(e) => f(e.theme, e.size)};
12
- max-height: ${(e) => f(e.theme, e.size)};
10
+ min-height: ${(e) => m(e.theme, e.size)};
11
+ max-height: ${(e) => m(e.theme, e.size)};
13
12
  background-color: ${(e) => c(
14
13
  e.theme,
15
14
  "Input",
@@ -25,10 +24,10 @@ const ne = O.div`
25
24
  "enabled",
26
25
  "border"
27
26
  )};
28
- border-radius: ${(e) => R(e.theme, "regular")};
27
+ border-radius: ${(e) => v(e.theme, "regular")};
29
28
 
30
- ${(e) => e.focused === !0 && e.readOnly !== !0 ? A(e.theme) : ""}
31
- /* ${(e) => e.isDisabled === !0 ? W(e.theme) : ""} */
29
+ ${(e) => e.focused === !0 && e.readOnly !== !0 ? S(e.theme) : ""}
30
+ /* ${(e) => e.isDisabled === !0 ? F(e.theme) : ""} */
32
31
  ${(e) => e.isDisabled === !0 && `background-color: ${c(
33
32
  e.theme,
34
33
  "Input",
@@ -37,10 +36,10 @@ const ne = O.div`
37
36
  "background",
38
37
  "backgroundOpacity"
39
38
  )};
40
- color: ${(u) => c(
41
- u.theme,
39
+ color: ${(d) => c(
40
+ d.theme,
42
41
  "Input",
43
- u.color,
42
+ d.color,
44
43
  "disabled",
45
44
  "text"
46
45
  )};`}
@@ -60,9 +59,9 @@ const ne = O.div`
60
59
  padding-bottom: 0.625rem;
61
60
  width: 100%;
62
61
 
63
- ${(e) => ee(e.theme, "Input", e.size, "enabled")}
64
- min-height: ${(e) => f(e.theme, e.size)};
65
- max-height: ${(e) => f(e.theme, e.size)};
62
+ ${(e) => A(e.theme, "Input", e.size, "enabled")}
63
+ min-height: ${(e) => m(e.theme, e.size)};
64
+ max-height: ${(e) => m(e.theme, e.size)};
66
65
  color: ${(e) => c(
67
66
  e.theme,
68
67
  "Input",
@@ -76,7 +75,7 @@ const ne = O.div`
76
75
  }
77
76
 
78
77
  & input:disabled {
79
- /* ${(e) => W(e.theme)} */
78
+ /* ${(e) => F(e.theme)} */
80
79
  ${(e) => `background-color: ${c(
81
80
  e.theme,
82
81
  "Input",
@@ -85,10 +84,10 @@ const ne = O.div`
85
84
  "background",
86
85
  "backgroundOpacity"
87
86
  )};
88
- color: ${(u) => c(
89
- u.theme,
87
+ color: ${(d) => c(
88
+ d.theme,
90
89
  "Input",
91
- u.color,
90
+ d.color,
92
91
  "disabled",
93
92
  "text"
94
93
  )};`}
@@ -108,7 +107,7 @@ const ne = O.div`
108
107
  "placeholder"
109
108
  )};
110
109
  }
111
- `, U = O.span`
110
+ `, U = N.span`
112
111
  padding: 0 12px;
113
112
  color: ${(e) => c(
114
113
  e.theme,
@@ -117,218 +116,162 @@ const ne = O.div`
117
116
  "enabled",
118
117
  "prefix"
119
118
  )};
120
- `, oe = O(U)``, ie = Z((e, u) => {
119
+ `, ne = N(U)``, ae = Z((e, d) => {
121
120
  const {
122
- disabled: C,
123
- readOnly: j,
121
+ disabled: j,
122
+ readOnly: C,
124
123
  // debounceTime = 0,
125
- prefix: b,
126
- suffix: y,
127
- decimalSeparator: d = ",",
128
- decimalScale: a = 2,
124
+ prefix: f,
125
+ suffix: b,
126
+ decimalSeparator: a = ",",
127
+ decimalScale: r = 2,
129
128
  allowNegative: E = !0,
130
129
  // //----------------
131
- onKeyDown: q = () => {
130
+ onKeyDown: P = () => {
132
131
  },
133
- onBlur: p = () => {
132
+ onBlur: $ = () => {
134
133
  },
135
134
  onFocus: x = () => {
136
135
  },
137
- onChange: D = () => {
136
+ onChange: V = () => {
138
137
  },
139
- value: $,
138
+ value: y,
140
139
  //----------------
141
- className: G = "",
142
- style: H = {},
143
- size: J = "small",
140
+ className: q = "",
141
+ style: G = {},
142
+ size: H = "small",
144
143
  color: k = "primary",
145
- onInputChange: V = () => {
144
+ onInputChange: z = () => {
146
145
  },
147
- allowNull: z = !0,
148
- ...L
149
- } = e, w = te(), [I, T] = P(!1), B = (o) => {
150
- var t, s;
151
- if (isNaN(+o)) {
152
- if (z === !0 && (o == null || o === ""))
146
+ allowNull: D = !0,
147
+ ...J
148
+ } = e, p = ee(), [I, O] = W(!1), B = (i) => {
149
+ var t, u;
150
+ if (isNaN(+i)) {
151
+ if (D === !0 && (i == null || i === ""))
153
152
  return "";
154
153
  } else {
155
- const r = (t = o == null ? void 0 : o.toString()) == null ? void 0 : t.split(".");
156
- if (!(r != null && r.length) > 0)
157
- return "0" + d + new Array(a + 1).join("0");
158
- if ((r == null ? void 0 : r.length) === 1)
159
- return r.at(0) + d + new Array(a + 1).join("0");
160
- if ((r == null ? void 0 : r.length) > 1) {
161
- let n = (s = r == null ? void 0 : r.at(1)) == null ? void 0 : s.toString();
162
- if ((n == null ? void 0 : n.length) === a)
163
- return r.at(0) + d + n;
164
- if ((n == null ? void 0 : n.length) < a)
165
- return r.at(0) + d + r.at(1) + new Array(a - n.length + 1).join("0");
166
- if ((n == null ? void 0 : n.length) > a)
167
- return r.at(0) + d + n.slice(0, a);
154
+ const o = (t = i == null ? void 0 : i.toString()) == null ? void 0 : t.split(".");
155
+ if (!(o != null && o.length) > 0)
156
+ return "0" + a + new Array(r + 1).join("0");
157
+ if ((o == null ? void 0 : o.length) === 1)
158
+ return o.at(0) + a + new Array(r + 1).join("0");
159
+ if ((o == null ? void 0 : o.length) > 1) {
160
+ let n = (u = o == null ? void 0 : o.at(1)) == null ? void 0 : u.toString();
161
+ if ((n == null ? void 0 : n.length) === r)
162
+ return o.at(0) + a + n;
163
+ if ((n == null ? void 0 : n.length) < r)
164
+ return o.at(0) + a + o.at(1) + new Array(r - n.length + 1).join("0");
165
+ if ((n == null ? void 0 : n.length) > r)
166
+ return o.at(0) + a + n.slice(0, r);
168
167
  }
169
168
  }
170
- return "0" + d + new Array(a + 1).join("0");
171
- }, K = B($), [M, m] = P(K), i = _(K);
172
- v(() => {
173
- const o = B($);
174
- i.current = o, m(i.current);
175
- }, [$]);
176
- const Q = (o) => {
177
- T(!0), x == null || x(o);
178
- }, S = (o) => {
179
- T(!1), p == null || p(o);
180
- }, X = (o) => {
181
- var s, r;
182
- let t = (s = i.current) == null ? void 0 : s.replace(d, "");
183
- if (o.key === "Delete" || o.key === "Backspace")
169
+ return "0" + a + new Array(r + 1).join("0");
170
+ }, K = B(y), [L, g] = W(K), l = _(K);
171
+ R(() => {
172
+ const i = B(y);
173
+ l.current = i, g(l.current);
174
+ }, [y]);
175
+ const M = (i) => {
176
+ O(!0), x == null || x(i);
177
+ }, Q = (i) => {
178
+ O(!1), $ == null || $(i);
179
+ }, X = (i) => {
180
+ var u, o;
181
+ let t = (u = l.current) == null ? void 0 : u.replace(a, "");
182
+ if (i.key === "Delete" || i.key === "Backspace")
184
183
  if (+t != 0) {
185
184
  t = t.slice(0, (t == null ? void 0 : t.length) - 1);
186
185
  let n = t.slice(
187
186
  0,
188
- (t == null ? void 0 : t.length) - a
189
- ), h = t.slice((t == null ? void 0 : t.length) - a);
187
+ (t == null ? void 0 : t.length) - r
188
+ ), s = t.slice((t == null ? void 0 : t.length) - r);
190
189
  (n == null ? void 0 : n.length) === 0 ? n = "0" : n === "-" && +t != 0 ? n = "-0" : n === "-" && +t == 0 && (n = "0");
191
- let g = [
190
+ let h = [
192
191
  n,
193
- d,
194
- h
192
+ a,
193
+ s
195
194
  ].join("");
196
- i.current = g, m(i.current);
197
- } else +t == 0 && z === !0 && (i == null ? void 0 : i.current) !== "" && (i.current = "", m(i.current), F(o));
198
- else if (o.key === "-" && E === !0 && +t != 0)
199
- ((r = i == null ? void 0 : i.current) == null ? void 0 : r.slice(1)) === "-" ? i.current = i.current.slice(1, i.current.length) : i.current = "-" + i.current, m(i.current);
200
- else if (!isNaN(o.key)) {
201
- (t == null ? void 0 : t.length) === 0 ? t = "0" + new Array(a).join("0") + o.key : t = t + o.key;
202
- let n = t.slice(0, (t == null ? void 0 : t.length) - a), h = t.slice((t == null ? void 0 : t.length) - a);
195
+ l.current = h, g(l.current);
196
+ } else +t == 0 && D === !0 && (l == null ? void 0 : l.current) !== "" && (l.current = "", g(l.current), T(i));
197
+ else if (i.key === "-" && E === !0 && +t != 0)
198
+ ((o = l == null ? void 0 : l.current) == null ? void 0 : o.slice(1)) === "-" ? l.current = l.current.slice(1, l.current.length) : l.current = "-" + l.current, g(l.current);
199
+ else if (!isNaN(i.key)) {
200
+ (t == null ? void 0 : t.length) === 0 ? t = "0" + new Array(r).join("0") + i.key : t = t + i.key;
201
+ let n = t.slice(0, (t == null ? void 0 : t.length) - r), s = t.slice((t == null ? void 0 : t.length) - r);
203
202
  (n == null ? void 0 : n.length) > 1 && (n = n.replace(/^0+/, ""), (n == null ? void 0 : n.length) === 0 && (n = "0"));
204
- let g = [
203
+ let h = [
205
204
  n,
206
- d,
207
- h
205
+ a,
206
+ s
208
207
  ].join("");
209
- i.current = g, m(i.current);
208
+ l.current = h, g(l.current);
210
209
  }
211
- q(o);
212
- }, F = (o) => {
213
- var h, g;
214
- if ((i == null ? void 0 : i.current) === "") {
215
- o.target.value = "", V(o, null), D(o, null);
210
+ P(i);
211
+ }, T = (i) => {
212
+ var s, h;
213
+ if ((l == null ? void 0 : l.current) === "") {
214
+ i.target.value = "", z(i, null), V(i, null);
216
215
  return;
217
216
  }
218
- let t = (h = i == null ? void 0 : i.current) == null ? void 0 : h.split(d), s = +(t == null ? void 0 : t.at(0)), r = ((g = t == null ? void 0 : t.at(1)) == null ? void 0 : g.length) > 0 ? `0.${t == null ? void 0 : t.at(1)}` : 0, n = s + +r;
219
- o.target.value = n, V(o, n), D(o, n);
217
+ let t = (s = l == null ? void 0 : l.current) == null ? void 0 : s.split(a), u = +(t == null ? void 0 : t.at(0)), o = ((h = t == null ? void 0 : t.at(1)) == null ? void 0 : h.length) > 0 ? `0.${t == null ? void 0 : t.at(1)}` : 0, n = u + +o;
218
+ i.target.value = n, z(i, n), V(i, n);
220
219
  };
221
220
  return /* @__PURE__ */ Y(
222
- ne,
221
+ te,
223
222
  {
224
- style: H,
225
- className: G,
226
- theme: w,
223
+ style: G,
224
+ className: q,
225
+ theme: p,
227
226
  color: k,
228
- size: J,
229
- prefix: b,
230
- suffix: y,
227
+ size: H,
228
+ prefix: f,
229
+ suffix: b,
231
230
  focused: I,
232
- disabled: C,
233
- readOnly: j,
231
+ disabled: j,
232
+ readOnly: C,
234
233
  children: [
235
- b && /* @__PURE__ */ N(
234
+ f && /* @__PURE__ */ w(
236
235
  U,
237
236
  {
238
- theme: w,
237
+ theme: p,
239
238
  color: k,
240
239
  focused: I,
241
240
  className: "lnc-input-prefix",
242
- children: b
241
+ children: f
243
242
  }
244
243
  ),
245
- /* @__PURE__ */ N(
244
+ /* @__PURE__ */ w(
246
245
  "input",
247
246
  {
248
- ref: u,
247
+ ref: d,
249
248
  type: "text",
250
- ...L,
249
+ ...J,
251
250
  onKeyDown: X,
252
- onBlur: S,
253
- value: M,
251
+ onBlur: Q,
252
+ value: L,
254
253
  className: "lnc-ui-decimal-v2-input",
255
- onFocus: Q,
256
- disabled: C || j,
257
- onChange: (o) => {
258
- F(o);
254
+ onFocus: M,
255
+ disabled: j || C,
256
+ onChange: (i) => {
257
+ T(i);
259
258
  }
260
259
  }
261
260
  ),
262
- y && /* @__PURE__ */ N(
263
- oe,
261
+ b && /* @__PURE__ */ w(
262
+ ne,
264
263
  {
265
- theme: w,
264
+ theme: p,
266
265
  color: k,
267
266
  focused: I,
268
267
  className: "lnc-input-suffix",
269
- children: y
268
+ children: b
270
269
  }
271
270
  )
272
271
  ]
273
272
  }
274
273
  );
275
274
  });
276
- ie.propTypes = {
277
- id: l.any,
278
- value: l.any,
279
- defaultValue: l.any,
280
- disabled: l.bool,
281
- readOnly: l.bool,
282
- debounceTime: l.number,
283
- /**
284
- * Reserved space before input. Intented to be used with plain text or `Icon` component.
285
- */
286
- prefix: l.oneOfType([l.string, l.element]),
287
- /**
288
- * Reserved space after input. Intented to be used with plain text or `Icon` component.
289
- */
290
- suffix: l.oneOfType([l.string, l.element]),
291
- thousandSeparator: l.oneOf([".", ",", " "]),
292
- decimalSeparator: l.oneOf([".", ","]),
293
- decimalScale: l.number,
294
- fixedDecimalScale: l.bool,
295
- allowNegative: l.bool,
296
- //----------------
297
- /**
298
- * `(event, value) => void`
299
- */
300
- onChange: l.func,
301
- /**
302
- * `(event, value) => void`
303
- */
304
- onInputChange: l.func,
305
- /**
306
- * `(event) => void`
307
- */
308
- onBlur: l.func,
309
- /**
310
- * `(event) => void`
311
- */
312
- onFocus: l.func,
313
- /**
314
- * `(event) => void`
315
- */
316
- onKeyDown: l.func,
317
- //----------------
318
- className: l.string,
319
- style: l.object,
320
- size: l.oneOf(["small", "medium", "large"]),
321
- color: l.oneOf([
322
- "primary",
323
- "secondary",
324
- "success",
325
- "danger",
326
- "warning",
327
- "information",
328
- "neutral",
329
- "gray"
330
- ])
331
- };
332
275
  export {
333
- ie as default
276
+ ae as default
334
277
  };
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),l=require("react"),V=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),s=require("./utils-RnrgDDZP.cjs"),X=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-CS4w87SW.cjs"),Z=require("./index-CSNxZFTX.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=V.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),l=require("react"),V=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),s=require("./utils-RnrgDDZP.cjs"),X=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-CS4w87SW.cjs"),Z=require("./index-CRk3vcd4.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=V.styled.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: 1.5rem;
@@ -7,7 +7,7 @@ import Z from "./Button.js";
7
7
  import { k as n } from "./utils-DtEfC-TX.js";
8
8
  import { u as H } from "./useDetectMobile-Bkvj0VMa.js";
9
9
  import { D as J, S as W } from "./index-BASX-BjS.js";
10
- import { S as Y } from "./index-CWALXP1T.js";
10
+ import { S as Y } from "./index-CwMCk9wV.js";
11
11
  import { S as x } from "./index-4wvppFLx.js";
12
12
  const ee = Q.div`
13
13
  display: flex;
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),c=require("react"),Q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),W=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),G=require("./style-CkcozOY6.cjs"),j=require("./index-CS4w87SW.cjs"),V=require("./index-CSNxZFTX.cjs"),X=require("./index-oYE1Pl7q.cjs"),Z=Q.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),c=require("react"),Q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),W=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),G=require("./style-CkcozOY6.cjs"),j=require("./index-CS4w87SW.cjs"),V=require("./index-CRk3vcd4.cjs"),X=require("./index-oYE1Pl7q.cjs"),Z=Q.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${n=>`repeat(${n.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
@@ -7,7 +7,7 @@ import { k as c } from "./utils-DtEfC-TX.js";
7
7
  import { u as X } from "./useDetectMobile-Bkvj0VMa.js";
8
8
  import { T as Z } from "./style-Cmlod7oq.js";
9
9
  import { D as H, S as J } from "./index-BASX-BjS.js";
10
- import { S as Y } from "./index-CWALXP1T.js";
10
+ import { S as Y } from "./index-CwMCk9wV.js";
11
11
  import { S as x } from "./index-4wvppFLx.js";
12
12
  const ee = z.div`
13
13
  display: grid;
@@ -1,18 +1,18 @@
1
- "use strict";const s=require("react/jsx-runtime"),k=require("react"),e=require("./index-BpbMKBf_.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./FlexGrid.cjs"),L=require("./FlexGridItem.cjs"),n=require("./utils-RnrgDDZP.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=require("./Button.cjs"),c=require("./IconButton.cjs"),A=T.styled.label`
1
+ "use strict";const o=require("react/jsx-runtime"),T=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./FlexGrid.cjs"),L=require("./FlexGridItem.cjs"),i=require("./utils-RnrgDDZP.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=require("./Button.cjs"),d=require("./IconButton.cjs"),A=x.styled.label`
2
2
  display: block;
3
3
  margin-bottom: 4px;
4
- ${o=>n.getComponentTypographyCss(o.theme,"FormField",o.size,"enabled")}
5
- color: ${o=>n.getColorRgbaValue(o.theme,"FormField",o.color,"enabled","text")};
6
- `,m=k.forwardRef((o,p)=>{const{size:P="small",color:a="primary",className:l="",style:y={},children:u}=o,b=_.useTheme();return s.jsx(A,{theme:b,size:P,className:"lnc-ui-label "+l,style:y,color:a,ref:p,children:u})});m.defaultProps={style:{},size:"small",color:"primary"};m.propTypes={className:e.PropTypes.string,style:e.PropTypes.object,size:e.PropTypes.oneOf(["small","medium","large"]),color:e.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};const j=T.styled.div`
4
+ ${e=>i.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}
5
+ color: ${e=>i.getColorRgbaValue(e.theme,"FormField",e.color,"enabled","text")};
6
+ `,k=T.forwardRef((e,c)=>{const{size:h="small",color:n="primary",className:l="",style:u={},children:b}=e,m=w.useTheme();return o.jsx(A,{theme:m,size:h,className:"lnc-ui-label "+l,style:u,color:n,ref:c,children:b})});k.defaultProps={style:{},size:"small",color:"primary"};const j=x.styled.div`
7
7
  display: flex;
8
8
  justify-content: space-between;
9
- `,Y=T.styled.div`
9
+ `,O=x.styled.div`
10
10
  display: flex;
11
11
  flex-direction: column;
12
12
  gap: 1rem;
13
- box-shadow: ${o=>n.getComponentPropValue(o.theme,"Popover",o.color,"enabled","boxShadow")};
14
- border-radius: ${o=>n.getBorderRadiusValueWithUnits(o.theme,o.borderRadius)};
13
+ box-shadow: ${e=>i.getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};
14
+ border-radius: ${e=>i.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
15
15
  border-top: 1px solid rgba(0, 0, 0, 0.04);
16
16
  padding: 12px;
17
- background-color: ${o=>n.getColorRgbaValue(o.theme,"Popover","default","enabled","bg")};
18
- `,g=k.forwardRef((o,p)=>{const{__TYPE__:P="DETAILS_VIEW",goToPreviousView:a,data:l={},fields:y={},flexGridProps:u,goBackText:b="Go back",showBack:E=!0,showNext:v=!0,showPrevious:B=!0,showEdit:x=!0,disableGoBack:N=!1,disableNext:C=!1,disablePrevious:q=!1,disableEdit:h=!1,editOnTop:f=!1,goToNext:F=()=>{},goToPrevious:R=()=>{},onEdit:w=()=>{},goBack:V=()=>{},className:G="",color:t="primary",size:i="small",children:I,...S}=o,z=_.useTheme(),O=(r,d)=>{a&&a(),V(r,d)},$=()=>s.jsx(s.Fragment,{children:I||s.jsx(D,{spacing:10,...u,children:y.map((r,d)=>s.jsxs(L,{...r,children:[s.jsxs(m,{color:t,size:i,children:[r.label,":"]},d),l[r.accessor]]},d))})});return s.jsxs(Y,{ref:p,theme:z,color:t,borderRadius:"regular",className:G,...S,children:[s.jsxs(j,{children:[E&&s.jsx(W,{leadingIcon:"arrow-circle-left",text:b,btnType:"outline",style:{width:"fit-content"},onClick:r=>O(r,l),disabled:N,color:t,size:i},0),x&&f&&s.jsx(c,{btnType:"outline",icon:"pen",disabled:h,onClick:r=>w(l,r),color:t,size:i})]}),$(),s.jsxs(j,{children:[s.jsxs("div",{children:[v&&s.jsxs(s.Fragment,{children:[s.jsx(c,{btnType:"outline",icon:"angle-left",disabled:q,onClick:r=>R(l,r),color:t,size:i}),"  "]}),B&&s.jsx(c,{btnType:"outline",icon:"angle-right",disabled:C,onClick:r=>F(l,r),color:t,size:i})]}),x&&!f&&s.jsx(c,{btnType:"outline",icon:"pen",disabled:h,onClick:r=>w(l,r),color:t,size:i})]})]})});g.propTypes={__TYPE__:e.PropTypes.string,goBackText:e.PropTypes.string,fields:e.PropTypes.array,data:e.PropTypes.object,showBack:e.PropTypes.bool,showNext:e.PropTypes.bool,showPrevious:e.PropTypes.bool,showEdit:e.PropTypes.bool,disableGoBack:e.PropTypes.bool,disableNext:e.PropTypes.bool,disablePrevious:e.PropTypes.bool,disableEdit:e.PropTypes.bool,flexGridProps:e.PropTypes.any,editOnTop:e.PropTypes.bool,goToNext:e.PropTypes.func,goToPrevious:e.PropTypes.func,onEdit:e.PropTypes.func,goBack:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};g.displayName="DETAILS_VIEW";module.exports=g;
17
+ background-color: ${e=>i.getColorRgbaValue(e.theme,"Popover","default","enabled","bg")};
18
+ `,C=T.forwardRef((e,c)=>{const{__TYPE__:h="DETAILS_VIEW",goToPreviousView:n,data:l={},fields:u={},flexGridProps:b,goBackText:m="Go back",showBack:P=!0,showNext:_=!0,showPrevious:q=!0,showEdit:g=!0,disableGoBack:v=!1,disableNext:E=!1,disablePrevious:F=!1,disableEdit:p=!1,editOnTop:y=!1,goToNext:R=()=>{},goToPrevious:V=()=>{},onEdit:f=()=>{},goBack:B=()=>{},className:I="",color:t="primary",size:r="small",children:N,...S}=e,G=w.useTheme(),$=(s,a)=>{n&&n(),B(s,a)},z=()=>o.jsx(o.Fragment,{children:N||o.jsx(D,{spacing:10,...b,children:u.map((s,a)=>o.jsxs(L,{...s,children:[o.jsxs(k,{color:t,size:r,children:[s.label,":"]},a),l[s.accessor]]},a))})});return o.jsxs(O,{ref:c,theme:G,color:t,borderRadius:"regular",className:I,...S,children:[o.jsxs(j,{children:[P&&o.jsx(W,{leadingIcon:"arrow-circle-left",text:m,btnType:"outline",style:{width:"fit-content"},onClick:s=>$(s,l),disabled:v,color:t,size:r},0),g&&y&&o.jsx(d,{btnType:"outline",icon:"pen",disabled:p,onClick:s=>f(l,s),color:t,size:r})]}),z(),o.jsxs(j,{children:[o.jsxs("div",{children:[_&&o.jsxs(o.Fragment,{children:[o.jsx(d,{btnType:"outline",icon:"angle-left",disabled:F,onClick:s=>V(l,s),color:t,size:r}),"  "]}),q&&o.jsx(d,{btnType:"outline",icon:"angle-right",disabled:E,onClick:s=>R(l,s),color:t,size:r})]}),g&&!y&&o.jsx(d,{btnType:"outline",icon:"pen",disabled:p,onClick:s=>f(l,s),color:t,size:r})]})]})});C.displayName="DETAILS_VIEW";module.exports=C;