@lanaco/lnc-react-ui 4.0.198 → 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.
- package/dist/Accordion.cjs +5 -5
- package/dist/Accordion.js +45 -56
- package/dist/AccordionDetails.cjs +3 -3
- package/dist/AccordionDetails.js +11 -25
- package/dist/AccordionSummary.cjs +4 -4
- package/dist/AccordionSummary.js +34 -44
- package/dist/ActionsToolbar.cjs +2 -3
- package/dist/ActionsToolbar.js +83 -135
- package/dist/Alert.cjs +10 -10
- package/dist/Alert.js +32 -64
- package/dist/Avatar.cjs +9 -9
- package/dist/Avatar.js +33 -72
- package/dist/Badge.cjs +6 -6
- package/dist/Badge.js +22 -47
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +12 -14
- package/dist/BlogExploreSection.cjs +1 -1
- package/dist/BlogExploreSection.js +1 -1
- package/dist/BlogsSectionWithFilters.cjs +1 -1
- package/dist/BlogsSectionWithFilters.js +1 -1
- package/dist/Breadcrumbs.cjs +5 -5
- package/dist/Breadcrumbs.js +57 -87
- package/dist/Button.cjs +11 -11
- package/dist/Button.js +126 -173
- package/dist/ButtonGroup.cjs +8 -8
- package/dist/ButtonGroup.js +37 -49
- package/dist/CalorieCalculatorSection.cjs +8 -8
- package/dist/CalorieCalculatorSection.js +90 -97
- package/dist/CheckBoxInput.cjs +1 -1
- package/dist/CheckBoxInput.js +2 -5
- package/dist/Chip.cjs +14 -14
- package/dist/Chip.js +73 -111
- package/dist/ConfirmationForm.cjs +6 -6
- package/dist/ConfirmationForm.js +67 -109
- package/dist/ContactSection.cjs +1 -0
- package/dist/ContactSection.js +1 -0
- package/dist/Content.cjs +1 -1
- package/dist/Content.js +7 -15
- package/dist/{DailyMotion-ByXblnua.js → DailyMotion-BBcJkMo_.js} +1 -1
- package/dist/{DailyMotion-BaFUcQKQ.cjs → DailyMotion-CpZExcrg.cjs} +1 -1
- package/dist/DataView.cjs +1 -1
- package/dist/DataView.js +30 -50
- package/dist/DateInput.cjs +4 -4
- package/dist/DateInput.js +1347 -1383
- package/dist/DecimalInput.cjs +6 -6
- package/dist/DecimalInput.js +210 -263
- package/dist/DecimalInputV2.cjs +23 -23
- package/dist/DecimalInputV2.js +119 -176
- package/dist/DetailedProductsInfinitiveSection.cjs +1 -1
- package/dist/DetailedProductsInfinitiveSection.js +1 -1
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +1 -1
- package/dist/DetailsView.cjs +9 -9
- package/dist/DetailsView.js +111 -162
- package/dist/DoubleRangeSlider.cjs +22 -22
- package/dist/DoubleRangeSlider.js +70 -95
- package/dist/DragAndDropFile.cjs +10 -10
- package/dist/DragAndDropFile.js +347 -402
- package/dist/DragDropFiles.cjs +4 -4
- package/dist/DragDropFiles.js +70 -124
- package/dist/Drawer.cjs +5 -5
- package/dist/Drawer.js +97 -135
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +44 -213
- package/dist/DropdownItem.cjs +14 -14
- package/dist/DropdownItem.js +106 -142
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +61 -242
- package/dist/DropdownMenu.cjs +4 -4
- package/dist/DropdownMenu.js +87 -149
- package/dist/EditableTable.cjs +10 -10
- package/dist/EditableTable.js +165 -331
- package/dist/{Facebook-BCqiOWZO.js → Facebook-BSWPEXjA.js} +1 -1
- package/dist/{Facebook-D9wwecSW.cjs → Facebook-DoKw-XxT.cjs} +1 -1
- package/dist/FaqSection.cjs +3 -3
- package/dist/FaqSection.js +119 -153
- package/dist/FileInput.cjs +7 -7
- package/dist/FileInput.js +66 -94
- package/dist/{FilePlayer-ktaNhf3p.js → FilePlayer-BtGpIWnK.js} +1 -1
- package/dist/{FilePlayer-DB6jnpeC.cjs → FilePlayer-D9az_lc_.cjs} +1 -1
- package/dist/FlexBox.cjs +6 -6
- package/dist/FlexBox.js +28 -63
- package/dist/FlexGrid.cjs +1 -1
- package/dist/FlexGrid.js +27 -67
- package/dist/FlexGridItem.cjs +6 -6
- package/dist/FlexGridItem.js +34 -62
- package/dist/Footer.cjs +1 -1
- package/dist/Footer.js +7 -15
- package/dist/FormField.cjs +7 -7
- package/dist/FormField.js +22 -47
- package/dist/FormView.cjs +6 -6
- package/dist/FormView.js +148 -195
- package/dist/Grid.cjs +2 -2
- package/dist/Grid.js +40 -65
- package/dist/GridItem.cjs +2 -2
- package/dist/GridItem.js +47 -80
- package/dist/Header.cjs +1 -1
- package/dist/Header.js +7 -15
- package/dist/HelpBannerSection.cjs +3 -3
- package/dist/HelpBannerSection.js +9 -15
- package/dist/Icon.cjs +4 -4
- package/dist/Icon.js +29 -55
- package/dist/IconButton.cjs +9 -9
- package/dist/IconButton.js +89 -127
- package/dist/{Kaltura-CvlN0HDg.js → Kaltura-BDqlEQpd.js} +1 -1
- package/dist/{Kaltura-CCdXLzOa.cjs → Kaltura-CK6JHUZC.cjs} +1 -1
- package/dist/Kanban.cjs +7 -7
- package/dist/Kanban.js +2033 -2098
- package/dist/KanbanActionsToolbar.cjs +4 -5
- package/dist/KanbanActionsToolbar.js +61 -96
- package/dist/KanbanCard-B9V9EjVE.js +137 -0
- package/dist/KanbanCard-DihrKn-I.cjs +30 -0
- package/dist/KanbanCard.cjs +1 -1
- package/dist/KanbanCard.js +2 -3
- package/dist/KanbanFooter.cjs +3 -3
- package/dist/KanbanFooter.js +37 -55
- package/dist/KanbanHeader.cjs +4 -4
- package/dist/KanbanHeader.js +49 -81
- package/dist/KanbanView.cjs +2 -2
- package/dist/KanbanView.js +106 -173
- package/dist/Link.cjs +7 -7
- package/dist/Link.js +20 -37
- package/dist/LocationSearchSection.cjs +1 -1
- package/dist/LocationSearchSection.js +1 -1
- package/dist/MasonryGeneralCardsSection.cjs +1 -1
- package/dist/MasonryGeneralCardsSection.js +1 -1
- package/dist/MenuItem.cjs +13 -13
- package/dist/MenuItem.js +101 -139
- package/dist/{Mixcloud-nG_VyBNt.cjs → Mixcloud-C1Boh2Bm.cjs} +1 -1
- package/dist/{Mixcloud-Bb8MTclI.js → Mixcloud-zAh6j7Ha.js} +1 -1
- package/dist/Modal.cjs +18 -19
- package/dist/Modal.js +131 -166
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +25 -196
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +27 -209
- package/dist/{Mux-DfYpGTiP.js → Mux-BGTG_Tvc.js} +1 -1
- package/dist/{Mux-BgB2a8kM.cjs → Mux-C6TwZeaq.cjs} +1 -1
- package/dist/NestedDropdownItem.cjs +3 -3
- package/dist/NestedDropdownItem.js +45 -67
- package/dist/NestedMenuItem.cjs +5 -5
- package/dist/NestedMenuItem.js +51 -78
- package/dist/NotificationContainer.cjs +10 -10
- package/dist/NotificationContainer.js +46 -79
- package/dist/NotificationMessage.cjs +2 -2
- package/dist/NotificationMessage.js +47 -64
- package/dist/NumberInput.cjs +23 -23
- package/dist/NumberInput.js +89 -149
- package/dist/PageLayout.cjs +2 -2
- package/dist/PageLayout.js +20 -28
- package/dist/Pagination.cjs +3 -3
- package/dist/Pagination.js +102 -185
- package/dist/PasswordInput.cjs +23 -23
- package/dist/PasswordInput.js +108 -137
- package/dist/Popover.cjs +1 -1
- package/dist/Popover.js +7 -32
- package/dist/PopoverContent.cjs +5 -5
- package/dist/PopoverContent.js +22 -28
- package/dist/PopoverTrigger.cjs +1 -1
- package/dist/PopoverTrigger.js +7 -12
- package/dist/ProgressBar.cjs +8 -8
- package/dist/ProgressBar.js +32 -59
- package/dist/RadioGroup.cjs +3 -3
- package/dist/RadioGroup.js +41 -72
- package/dist/RadioInput.cjs +28 -28
- package/dist/RadioInput.js +78 -123
- package/dist/RangeSlider.cjs +19 -19
- package/dist/RangeSlider.js +92 -119
- package/dist/ReviewsSection.cjs +13 -13
- package/dist/ReviewsSection.js +81 -101
- package/dist/SalesCampaignsSection.cjs +19 -19
- package/dist/SalesCampaignsSection.js +283 -324
- package/dist/SearchBar.cjs +10 -10
- package/dist/SearchBar.js +168 -188
- package/dist/SearchSection-B94YN_6P.cjs +161 -0
- package/dist/{SearchSection-DDQ_K98T.js → SearchSection-DAaMecR4.js} +337 -359
- package/dist/SearchSection.cjs +1 -1
- package/dist/SearchSection.js +2 -3
- package/dist/Separator.cjs +3 -3
- package/dist/Separator.js +14 -19
- package/dist/Sidebar.cjs +4 -5
- package/dist/Sidebar.js +33 -56
- package/dist/SimpleCategoriesSection.cjs +1 -1
- package/dist/SimpleCategoriesSection.js +1 -1
- package/dist/{SoundCloud-C86xwUG6.cjs → SoundCloud-C6R6E6Zc.cjs} +1 -1
- package/dist/{SoundCloud-DG91z39R.js → SoundCloud-lO8wg_0s.js} +1 -1
- package/dist/Spinner.cjs +18 -18
- package/dist/Spinner.js +37 -54
- package/dist/StatsSection.cjs +6 -6
- package/dist/StatsSection.js +15 -25
- package/dist/{Streamable-4uAnb3WN.cjs → Streamable-DZO95CiT.cjs} +1 -1
- package/dist/{Streamable-BAIWLgyD.js → Streamable-Dwa5ZEK4.js} +1 -1
- package/dist/Surface.cjs +4 -4
- package/dist/Surface.js +19 -34
- package/dist/SwipeableDrawer.cjs +8 -8
- package/dist/SwipeableDrawer.js +84 -136
- package/dist/TabItem.cjs +11 -11
- package/dist/TabItem.js +83 -118
- package/dist/Table.cjs +65 -65
- package/dist/Table.js +786 -1167
- package/dist/TableView.cjs +2 -2
- package/dist/TableView.js +113 -197
- package/dist/Tabs.cjs +4 -4
- package/dist/Tabs.js +41 -60
- package/dist/TextAreaInput.cjs +14 -14
- package/dist/TextAreaInput.js +131 -181
- package/dist/TextInput.cjs +23 -23
- package/dist/TextInput.js +78 -126
- package/dist/ThemeProvider.cjs +5 -5
- package/dist/ThemeProvider.js +35 -39
- package/dist/TimeInput.cjs +7 -7
- package/dist/TimeInput.js +46 -72
- package/dist/Toggle.cjs +20 -20
- package/dist/Toggle.js +78 -109
- package/dist/ToggleSection.cjs +6 -5
- package/dist/ToggleSection.js +49 -55
- package/dist/TreeMenu.cjs +5 -5
- package/dist/TreeMenu.js +43 -67
- package/dist/TreeMenuSeparator.cjs +3 -3
- package/dist/TreeMenuSeparator.js +12 -20
- package/dist/{Twitch-CVAj24ti.cjs → Twitch-B17oKtD0.cjs} +1 -1
- package/dist/{Twitch-DfXeW5Xs.js → Twitch-C73-dwWo.js} +1 -1
- package/dist/UploadedFile.cjs +11 -11
- package/dist/UploadedFile.js +73 -99
- package/dist/{Vidyard-De3pges0.js → Vidyard-B6GdBHsM.js} +1 -1
- package/dist/{Vidyard-DaCcaaH4.cjs → Vidyard-s1MMcaRm.cjs} +1 -1
- package/dist/{Vimeo-8wXdCXGs.cjs → Vimeo-J1l_SU2E.cjs} +1 -1
- package/dist/{Vimeo-N6I2qi_h.js → Vimeo-kzHz4Gco.js} +1 -1
- package/dist/{Wistia-BrUzHQoq.cjs → Wistia-CudQyDHM.cjs} +1 -1
- package/dist/{Wistia-dlV6n6tO.js → Wistia-w4jnqd7y.js} +1 -1
- package/dist/{YouTube-Cfsj4ZaP.cjs → YouTube-BAYKouHS.cjs} +1 -1
- package/dist/{YouTube-DNJxWqRm.js → YouTube-BKyipPZx.js} +1 -1
- package/dist/index-BdKi2ogu.js +39 -0
- package/dist/index-CRk3vcd4.cjs +95 -0
- package/dist/index-CX2A-q39.cjs +4 -0
- package/dist/{index-CWALXP1T.js → index-CwMCk9wV.js} +118 -145
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/{tag-BtS5lWJ0.js → tag-Dm8CW4TM.js} +21 -27
- package/dist/{tag-CmeZsPQt.cjs → tag-UQjq2_Ba.cjs} +7 -7
- package/package.json +1 -1
- package/dist/KanbanCard-68kSAXL6.js +0 -175
- package/dist/KanbanCard-BDvoqTDS.cjs +0 -30
- package/dist/SearchSection-BcbHP6QF.cjs +0 -161
- package/dist/index-Be-_NM9Q.cjs +0 -4
- package/dist/index-C0LcDEqa.js +0 -47
- package/dist/index-CSNxZFTX.cjs +0 -95
package/dist/DecimalInputV2.cjs
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
"use strict";const m=require("react/jsx-runtime"),
|
|
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=>
|
|
6
|
-
max-height: ${e=>
|
|
7
|
-
background-color: ${e=>
|
|
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=>
|
|
10
|
-
border-radius: ${e=>
|
|
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?
|
|
13
|
-
/* ${e=>e.isDisabled===!0?
|
|
14
|
-
${e=>e.isDisabled===!0&&`background-color: ${
|
|
15
|
-
color: ${u=>
|
|
16
|
-
${e=>e.isDisabled===!0?"border: 1px solid "+
|
|
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=>
|
|
27
|
-
min-height: ${e=>
|
|
28
|
-
max-height: ${e=>
|
|
29
|
-
color: ${e=>
|
|
30
|
-
caret-color: ${e=>
|
|
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=>
|
|
37
|
-
${e=>`background-color: ${
|
|
38
|
-
color: ${u=>
|
|
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=>
|
|
47
|
+
color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
|
|
48
48
|
}
|
|
49
|
-
`,
|
|
49
|
+
`,U=I.styled.span`
|
|
50
50
|
padding: 0 12px;
|
|
51
|
-
color: ${e=>
|
|
52
|
-
`,
|
|
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;
|
package/dist/DecimalInputV2.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import { jsxs as Y, jsx as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
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) =>
|
|
12
|
-
max-height: ${(e) =>
|
|
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) =>
|
|
27
|
+
border-radius: ${(e) => v(e.theme, "regular")};
|
|
29
28
|
|
|
30
|
-
${(e) => e.focused === !0 && e.readOnly !== !0 ?
|
|
31
|
-
/* ${(e) => e.isDisabled === !0 ?
|
|
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: ${(
|
|
41
|
-
|
|
39
|
+
color: ${(d) => c(
|
|
40
|
+
d.theme,
|
|
42
41
|
"Input",
|
|
43
|
-
|
|
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) =>
|
|
64
|
-
min-height: ${(e) =>
|
|
65
|
-
max-height: ${(e) =>
|
|
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) =>
|
|
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: ${(
|
|
89
|
-
|
|
87
|
+
color: ${(d) => c(
|
|
88
|
+
d.theme,
|
|
90
89
|
"Input",
|
|
91
|
-
|
|
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 =
|
|
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
|
-
`,
|
|
119
|
+
`, ne = N(U)``, ae = Z((e, d) => {
|
|
121
120
|
const {
|
|
122
|
-
disabled:
|
|
123
|
-
readOnly:
|
|
121
|
+
disabled: j,
|
|
122
|
+
readOnly: C,
|
|
124
123
|
// debounceTime = 0,
|
|
125
|
-
prefix:
|
|
126
|
-
suffix:
|
|
127
|
-
decimalSeparator:
|
|
128
|
-
decimalScale:
|
|
124
|
+
prefix: f,
|
|
125
|
+
suffix: b,
|
|
126
|
+
decimalSeparator: a = ",",
|
|
127
|
+
decimalScale: r = 2,
|
|
129
128
|
allowNegative: E = !0,
|
|
130
129
|
// //----------------
|
|
131
|
-
onKeyDown:
|
|
130
|
+
onKeyDown: P = () => {
|
|
132
131
|
},
|
|
133
|
-
onBlur:
|
|
132
|
+
onBlur: $ = () => {
|
|
134
133
|
},
|
|
135
134
|
onFocus: x = () => {
|
|
136
135
|
},
|
|
137
|
-
onChange:
|
|
136
|
+
onChange: V = () => {
|
|
138
137
|
},
|
|
139
|
-
value:
|
|
138
|
+
value: y,
|
|
140
139
|
//----------------
|
|
141
|
-
className:
|
|
142
|
-
style:
|
|
143
|
-
size:
|
|
140
|
+
className: q = "",
|
|
141
|
+
style: G = {},
|
|
142
|
+
size: H = "small",
|
|
144
143
|
color: k = "primary",
|
|
145
|
-
onInputChange:
|
|
144
|
+
onInputChange: z = () => {
|
|
146
145
|
},
|
|
147
|
-
allowNull:
|
|
148
|
-
...
|
|
149
|
-
} = e,
|
|
150
|
-
var t,
|
|
151
|
-
if (isNaN(+
|
|
152
|
-
if (
|
|
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
|
|
156
|
-
if (!(
|
|
157
|
-
return "0" +
|
|
158
|
-
if ((
|
|
159
|
-
return
|
|
160
|
-
if ((
|
|
161
|
-
let n = (
|
|
162
|
-
if ((n == null ? void 0 : n.length) ===
|
|
163
|
-
return
|
|
164
|
-
if ((n == null ? void 0 : n.length) <
|
|
165
|
-
return
|
|
166
|
-
if ((n == null ? void 0 : n.length) >
|
|
167
|
-
return
|
|
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" +
|
|
171
|
-
}, K = B(
|
|
172
|
-
|
|
173
|
-
const
|
|
174
|
-
|
|
175
|
-
}, [
|
|
176
|
-
const
|
|
177
|
-
|
|
178
|
-
},
|
|
179
|
-
|
|
180
|
-
}, X = (
|
|
181
|
-
var
|
|
182
|
-
let t = (
|
|
183
|
-
if (
|
|
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) -
|
|
189
|
-
),
|
|
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
|
|
190
|
+
let h = [
|
|
192
191
|
n,
|
|
193
|
-
|
|
194
|
-
|
|
192
|
+
a,
|
|
193
|
+
s
|
|
195
194
|
].join("");
|
|
196
|
-
|
|
197
|
-
} else +t == 0 &&
|
|
198
|
-
else if (
|
|
199
|
-
((
|
|
200
|
-
else if (!isNaN(
|
|
201
|
-
(t == null ? void 0 : t.length) === 0 ? t = "0" + new Array(
|
|
202
|
-
let n = t.slice(0, (t == null ? void 0 : t.length) -
|
|
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
|
|
203
|
+
let h = [
|
|
205
204
|
n,
|
|
206
|
-
|
|
207
|
-
|
|
205
|
+
a,
|
|
206
|
+
s
|
|
208
207
|
].join("");
|
|
209
|
-
|
|
208
|
+
l.current = h, g(l.current);
|
|
210
209
|
}
|
|
211
|
-
|
|
212
|
-
},
|
|
213
|
-
var
|
|
214
|
-
if ((
|
|
215
|
-
|
|
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 = (
|
|
219
|
-
|
|
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
|
-
|
|
221
|
+
te,
|
|
223
222
|
{
|
|
224
|
-
style:
|
|
225
|
-
className:
|
|
226
|
-
theme:
|
|
223
|
+
style: G,
|
|
224
|
+
className: q,
|
|
225
|
+
theme: p,
|
|
227
226
|
color: k,
|
|
228
|
-
size:
|
|
229
|
-
prefix:
|
|
230
|
-
suffix:
|
|
227
|
+
size: H,
|
|
228
|
+
prefix: f,
|
|
229
|
+
suffix: b,
|
|
231
230
|
focused: I,
|
|
232
|
-
disabled:
|
|
233
|
-
readOnly:
|
|
231
|
+
disabled: j,
|
|
232
|
+
readOnly: C,
|
|
234
233
|
children: [
|
|
235
|
-
|
|
234
|
+
f && /* @__PURE__ */ w(
|
|
236
235
|
U,
|
|
237
236
|
{
|
|
238
|
-
theme:
|
|
237
|
+
theme: p,
|
|
239
238
|
color: k,
|
|
240
239
|
focused: I,
|
|
241
240
|
className: "lnc-input-prefix",
|
|
242
|
-
children:
|
|
241
|
+
children: f
|
|
243
242
|
}
|
|
244
243
|
),
|
|
245
|
-
/* @__PURE__ */
|
|
244
|
+
/* @__PURE__ */ w(
|
|
246
245
|
"input",
|
|
247
246
|
{
|
|
248
|
-
ref:
|
|
247
|
+
ref: d,
|
|
249
248
|
type: "text",
|
|
250
|
-
...
|
|
249
|
+
...J,
|
|
251
250
|
onKeyDown: X,
|
|
252
|
-
onBlur:
|
|
253
|
-
value:
|
|
251
|
+
onBlur: Q,
|
|
252
|
+
value: L,
|
|
254
253
|
className: "lnc-ui-decimal-v2-input",
|
|
255
|
-
onFocus:
|
|
256
|
-
disabled:
|
|
257
|
-
onChange: (
|
|
258
|
-
|
|
254
|
+
onFocus: M,
|
|
255
|
+
disabled: j || C,
|
|
256
|
+
onChange: (i) => {
|
|
257
|
+
T(i);
|
|
259
258
|
}
|
|
260
259
|
}
|
|
261
260
|
),
|
|
262
|
-
|
|
263
|
-
|
|
261
|
+
b && /* @__PURE__ */ w(
|
|
262
|
+
ne,
|
|
264
263
|
{
|
|
265
|
-
theme:
|
|
264
|
+
theme: p,
|
|
266
265
|
color: k,
|
|
267
266
|
focused: I,
|
|
268
267
|
className: "lnc-input-suffix",
|
|
269
|
-
children:
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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;
|
package/dist/DetailsView.cjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";const
|
|
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
|
-
${
|
|
5
|
-
color: ${
|
|
6
|
-
`,
|
|
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
|
-
`,
|
|
9
|
+
`,O=x.styled.div`
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: column;
|
|
12
12
|
gap: 1rem;
|
|
13
|
-
box-shadow: ${
|
|
14
|
-
border-radius: ${
|
|
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: ${
|
|
18
|
-
`,
|
|
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;
|