@rolster/react-components 18.21.28 → 18.21.30
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/cjs/assets/{index-DRZWilOp.css → index-DQbtHgNQ.css} +115 -133
- package/dist/cjs/index.js +47 -26
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-DRZWilOp.css → index-DQbtHgNQ.css} +115 -133
- package/dist/es/index.js +47 -26
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Amount/Amount.css +1 -1
- package/dist/esm/components/atoms/Amount/Amount.css.map +1 -0
- package/dist/esm/components/atoms/Avatar/Avatar.css +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.css.map +1 -0
- package/dist/esm/components/atoms/Badge/Badge.css +1 -1
- package/dist/esm/components/atoms/Badge/Badge.css.map +1 -0
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +3 -3
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css.map +1 -0
- package/dist/esm/components/atoms/Button/Button.css +2 -3
- package/dist/esm/components/atoms/Button/Button.css.map +1 -0
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +2 -3
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.css.map +1 -0
- package/dist/esm/components/atoms/CheckBox/CheckBox.css +7 -10
- package/dist/esm/components/atoms/CheckBox/CheckBox.css.map +1 -0
- package/dist/esm/components/atoms/Icon/Icon.css +1 -1
- package/dist/esm/components/atoms/Icon/Icon.css.map +1 -0
- package/dist/esm/components/atoms/Input/Input.css +3 -3
- package/dist/esm/components/atoms/Input/Input.css.map +1 -0
- package/dist/esm/components/atoms/Input/Input.d.ts +3 -9
- package/dist/esm/components/atoms/Input/Input.js +12 -5
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.css +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.css.map +1 -0
- package/dist/esm/components/atoms/InputMoney/InputMoney.d.ts +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.js +3 -2
- package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.css +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.css.map +1 -0
- package/dist/esm/components/atoms/InputNumber/InputNumber.d.ts +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.js +3 -2
- package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.css +2 -2
- package/dist/esm/components/atoms/InputPassword/InputPassword.css.map +1 -0
- package/dist/esm/components/atoms/InputPassword/InputPassword.d.ts +3 -8
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +12 -5
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.css +1 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.css.map +1 -0
- package/dist/esm/components/atoms/InputSearch/InputSearch.d.ts +2 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.js +2 -2
- package/dist/esm/components/atoms/InputSearch/InputSearch.js.map +1 -1
- package/dist/esm/components/atoms/InputText/InputText.css +1 -1
- package/dist/esm/components/atoms/InputText/InputText.css.map +1 -0
- package/dist/esm/components/atoms/InputText/InputText.d.ts +1 -1
- package/dist/esm/components/atoms/InputText/InputText.js +3 -2
- package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
- package/dist/esm/components/atoms/Label/Label.css +1 -1
- package/dist/esm/components/atoms/Label/Label.css.map +1 -0
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.css +1 -1
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.css.map +1 -0
- package/dist/esm/components/atoms/Poster/Poster.css +1 -1
- package/dist/esm/components/atoms/Poster/Poster.css.map +1 -0
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +1 -3
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.css.map +1 -0
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css +1 -3
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css.map +1 -0
- package/dist/esm/components/atoms/RadioButton/RadioButton.css +7 -10
- package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +1 -0
- package/dist/esm/components/atoms/Skeleton/Skeleton.css +1 -2
- package/dist/esm/components/atoms/Skeleton/Skeleton.css.map +1 -0
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +1 -1
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.css.map +1 -0
- package/dist/esm/components/atoms/Switch/Switch.css +18 -28
- package/dist/esm/components/atoms/Switch/Switch.css.map +1 -0
- package/dist/esm/components/atoms/TabularText/TabularText.css +1 -1
- package/dist/esm/components/atoms/TabularText/TabularText.css.map +1 -0
- package/dist/esm/components/molecules/Alert/Alert.css +1 -1
- package/dist/esm/components/molecules/Alert/Alert.css.map +1 -0
- package/dist/esm/components/molecules/Ballot/Ballot.css +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.css.map +1 -0
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.css +1 -1
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.css.map +1 -0
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +1 -3
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css.map +1 -0
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.css +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.css.map +1 -0
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.d.ts +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +3 -2
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.css +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.css.map +1 -0
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.d.ts +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +3 -2
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.css +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.css.map +1 -0
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.d.ts +2 -11
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +3 -2
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css +10 -2
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css.map +1 -0
- package/dist/esm/components/molecules/FieldText/FieldText.css +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.css.map +1 -0
- package/dist/esm/components/molecules/FieldText/FieldText.d.ts +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js +3 -2
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +2 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -0
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +3 -3
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -0
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +2 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -0
- package/dist/esm/components/molecules/Pagination/Pagination.css +1 -1
- package/dist/esm/components/molecules/Pagination/Pagination.css.map +1 -0
- package/dist/esm/components/molecules/PickerDay/PickerDay.css +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.css.map +1 -0
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css.map +1 -0
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.css +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.css.map +1 -0
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css +1 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css.map +1 -0
- package/dist/esm/components/molecules/PickerYear/PickerYear.css +2 -2
- package/dist/esm/components/molecules/PickerYear/PickerYear.css.map +1 -0
- package/dist/esm/components/molecules/Toolbar/Toolbar.css +1 -1
- package/dist/esm/components/molecules/Toolbar/Toolbar.css.map +1 -0
- package/dist/esm/components/organisms/Card/Card.css +1 -1
- package/dist/esm/components/organisms/Card/Card.css.map +1 -0
- package/dist/esm/components/organisms/Confirmation/Confirmation.css +6 -7
- package/dist/esm/components/organisms/Confirmation/Confirmation.css.map +1 -0
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css +3 -3
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css.map +1 -0
- package/dist/esm/components/organisms/FieldDate/FieldDate.css +2 -2
- package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +1 -0
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +5 -5
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +1 -0
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css +1 -2
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map +1 -0
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.css +1 -1
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.css.map +1 -0
- package/dist/esm/components/organisms/Modal/Modal.css +1 -1
- package/dist/esm/components/organisms/Modal/Modal.css.map +1 -0
- package/dist/esm/components/organisms/PickerDate/PickerDate.css +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.css.map +1 -0
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css.map +1 -0
- package/dist/esm/components/organisms/Snackbar/Snackbar.css +1 -2
- package/dist/esm/components/organisms/Snackbar/Snackbar.css.map +1 -0
- package/dist/esm/components/types.d.ts +4 -0
- package/package.json +4 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Amount/Amount.scss"],"names":[],"mappings":"AAOA,YACE,sDACA,kDAEA,aACA,oCACA,oDACA,gCACA,+BAEA,uBACE","file":"Amount.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.scss"],"names":[],"mappings":"AAOA,YACE,kBACA,aACA,uBACA,gBACA,kEACA,qDACA,uDACA,yCACA,iCACA,6DAEA,sBACE,sCAEA,wBACE,aAIJ,qBACE,kBAGF,iBACE,kBACA","file":"Avatar.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,kBACA,qBACA,WACA,uDACA,sBACA,uCACA,iDACA,2CACA,iCACA,sCACA,mCAEA,gBACE,kBACA,uBACA","file":"Badge.css"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.rls-breadcrumb {
|
|
1
|
+
.rls-breadcrumb {
|
|
2
2
|
--pvt-height: var(--rlc-breadcrumb-height, var(--rls-sizing-x18));
|
|
3
3
|
--pvt-link-font-color: var(--rls-app-color-600);
|
|
4
4
|
display: -webkit-box;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
.rls-breadcrumb__label::before {
|
|
33
33
|
font-family: -rolster-icons;
|
|
34
34
|
display: inline-block;
|
|
35
|
-
content: '
|
|
35
|
+
content: '';
|
|
36
36
|
margin: 0rem var(--rls-sizing-x2);
|
|
37
37
|
cursor: default;
|
|
38
38
|
color: inherit;
|
|
@@ -56,4 +56,4 @@
|
|
|
56
56
|
.rls-breadcrumb__label__a--actionable:hover {
|
|
57
57
|
color: var(--rls-theme-color-500);
|
|
58
58
|
text-decoration: underline;
|
|
59
|
-
}
|
|
59
|
+
} /*# sourceMappingURL=Breadcrumb.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Breadcrumb/Breadcrumb.scss"],"names":[],"mappings":"CAOA,gBACE,kEACA,gDAEA,oBACA,WACA,yBACA,8BACA,kCACA,sBACA,iBACA,cACA,kBACA,+BACA,0CAEA,mCACE,WACA,YAGF,uBACE,cACA,eACA,oBACA,oBACA,cACA,oCACA,8CAGE,2CACE,aAIJ,+BACE,2BACA,qBACA,YACA,iCACA,eACA,cACA,gCACA,mBACA,kBACA,sBACA,mBACA,mCAGF,+BACE,kDAGF,0BACE,qBACA,iCAEA,sCACE,eAEA,4CACE,iCACA","file":"Breadcrumb.css"}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
padding: 0rem;
|
|
31
31
|
overflow: hidden;
|
|
32
32
|
outline: none;
|
|
33
|
-
background:
|
|
33
|
+
background: rgba(0, 0, 0, 0);
|
|
34
34
|
}
|
|
35
35
|
.rls-button:not(:disabled):not(:active) {
|
|
36
36
|
--pvt-button-content-animation: ripple-squarecenter 1000ms
|
|
@@ -173,7 +173,6 @@
|
|
|
173
173
|
text-decoration: none;
|
|
174
174
|
color: inherit;
|
|
175
175
|
}
|
|
176
|
-
|
|
177
176
|
@keyframes ripple-squarecenter {
|
|
178
177
|
0% {
|
|
179
178
|
transform: scale(0);
|
|
@@ -185,4 +184,4 @@
|
|
|
185
184
|
opacity: 0;
|
|
186
185
|
transform: scale(1);
|
|
187
186
|
}
|
|
188
|
-
}
|
|
187
|
+
} /*# sourceMappingURL=Button.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.scss"],"names":[],"mappings":"AAOA,YACE,sCACA,kCACA,4DACA,qCACA,wCACA,2DAEA,mDACA,mDACA,2BACA,oDACA,oDACA,0BACA,kDACA,kDACA,wBACA,sCACA,qDACA,oDACA,sCACA,mDACA,kDACA,6BACA,mDACA,yBACA,yDACA,sDACA,4BAEA,kBACA,aACA,gBACA,aACA,yBAEA,wCACE,qFAIF,iCACE,yCAGF,iCACE,qDACA,qDACA,2BACA,oDACA,mDACA,0BACA,kDACA,kDACA,wBACA,qDACA,qDACA,oDACA,sCACA,qDACA,oDACA,mDACA,kDACA,yBACA,sDACA,qDACA,4BAGF,qBACE,mDACA,mDACA,2BACA,oDACA,oDACA,0BACA,kDACA,kDACA,wBACA,sCACA,qDACA,oDACA,sCACA,mDACA,kDACA,oCACA,mDACA,yBACA,sDACA,sDACA,4BAEA,oBAGF,qBACE,aACA,uBACA,mBACA,gBACA,kCACA,6BACA,qEACA,sBACA,qEACA,2CACA,wCACA,gDAEA,6BACE,kBACA,cACA,WACA,QACA,SACA,8CACA,+CACA,6CACA,8CACA,kBACA,YACA,mBACA,6BACA,+CACA,8CACA,gDAGF,8BACE,+DACA,+DACA,uDACA,0DAGF,6BACE,8DACA,8DACA,sDACA,0DAGF,2BACE,4DACA,4DACA,oDACA,0DAGF,8BACE,+DACA,+DACA,uDAGF,8BACE,+DACA,+DACA,uDAGF,4BACE,6DACA,6DACA,qDAGF,+BACE,gEACA,gEACA,wDACA,0DAIJ,mBACE,kCACA,oBACA,WACA,sCACA,wCACA,gDACA,iEACA,uBACA,gBACA,mBAEA,qBACE,qBACA,cAKN,+BACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"Button.css"}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
user-select: none;
|
|
18
18
|
cursor: default;
|
|
19
|
-
background:
|
|
19
|
+
background: rgba(0, 0, 0, 0);
|
|
20
20
|
color: var(--rlc-action-color, var(--rls-app-color-600));
|
|
21
21
|
}
|
|
22
22
|
.rls-button-action::before {
|
|
@@ -84,7 +84,6 @@
|
|
|
84
84
|
opacity: var(--pvt-tooltip-opacity);
|
|
85
85
|
transition-delay: var(--pvt-tooltip-transition-delay);
|
|
86
86
|
}
|
|
87
|
-
|
|
88
87
|
@keyframes ripple-button-action {
|
|
89
88
|
0% {
|
|
90
89
|
transform: scale(0);
|
|
@@ -96,4 +95,4 @@
|
|
|
96
95
|
opacity: 0;
|
|
97
96
|
transform: scale(1);
|
|
98
97
|
}
|
|
99
|
-
}
|
|
98
|
+
} /*# sourceMappingURL=ButtonAction.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.scss"],"names":[],"mappings":"AAOA,mBACE,oFAKA,gEAEA,6EACA,oCACA,yBAEA,kBACA,4BACA,6BACA,YACA,aACA,6BACA,sBACA,iBACA,eACA,yBACA,wDAEA,2BACE,kBACA,cACA,WACA,QACA,SACA,YACA,kBACA,kBACA,mBACA,mCACA,8CACA,+CACA,6CACA,8CAGF,wCACE,gEAGF,iCACE,mBAGF,0BACE,kBACA,WACA,QACA,SACA,YACA,kCACA,mCACA,sCACA,uCACA,kBACA,mCACA,mBACA,sDAGF,wCACE,yBACA,sCAEA,+CACE,mBAIJ,4BACE,WACA,oBAGF,4BACE,kBACA,sCACA,SACA,WACA,cACA,6BACA,mCACA,mBACA,oBACA,2BACA,oCACA,+BACA,2DACA,mCACA,qDAIJ,gCACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"ButtonAction.css"}
|
|
@@ -4,8 +4,7 @@
|
|
|
4
4
|
--rlc-checkbox-children-dimension,
|
|
5
5
|
var(--rls-sizing-x6)
|
|
6
6
|
);
|
|
7
|
-
--pvt-component-
|
|
8
|
-
--pvt-component-transform: scale(0);
|
|
7
|
+
--pvt-component-background: var(--rls-app-color-050);
|
|
9
8
|
position: relative;
|
|
10
9
|
display: flex;
|
|
11
10
|
width: var(--pvt-dimension);
|
|
@@ -15,15 +14,15 @@
|
|
|
15
14
|
box-sizing: border-box;
|
|
16
15
|
outline: none;
|
|
17
16
|
border-radius: var(--rls-sizing-x3);
|
|
18
|
-
background: var(--rls-
|
|
19
|
-
|
|
17
|
+
background: var(--rls-app-color-300);
|
|
18
|
+
transition: all 160ms 0ms var(--rls-standard-curve);
|
|
20
19
|
}
|
|
21
20
|
.rls-checkbox:hover {
|
|
22
21
|
cursor: pointer;
|
|
23
22
|
}
|
|
24
23
|
.rls-checkbox--checked {
|
|
25
|
-
--pvt-component-
|
|
26
|
-
--
|
|
24
|
+
--pvt-component-background: var(--rls-theme-color-200);
|
|
25
|
+
background: var(--rls-theme-color-400);
|
|
27
26
|
}
|
|
28
27
|
.rls-checkbox--disabled {
|
|
29
28
|
opacity: 0.5;
|
|
@@ -33,8 +32,6 @@
|
|
|
33
32
|
width: var(--pvt-component-dimension);
|
|
34
33
|
height: var(--pvt-component-dimension);
|
|
35
34
|
border-radius: var(--rls-sizing-x1);
|
|
36
|
-
background: var(--
|
|
37
|
-
transform: var(--pvt-component-transform);
|
|
38
|
-
transform-origin: 50% 50%;
|
|
35
|
+
background: var(--pvt-component-background);
|
|
39
36
|
transition: all 160ms 0ms var(--rls-standard-curve);
|
|
40
|
-
}
|
|
37
|
+
} /*# sourceMappingURL=CheckBox.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.scss"],"names":[],"mappings":"AAOA,cACE,sEAEA,0FAKA,qDAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,sBACA,aACA,mCACA,oCACA,mDAEA,oBACE,eAGF,uBACE,uDAEA,sCAGF,wBACE,WACA,oBAGF,yBACE,qCACA,sCACA,mCACA,2CACA","file":"CheckBox.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Icon/Icon.scss"],"names":[],"mappings":"AAOA,UACE,uEACA,0BAEA,kBACA,oCACA,gCACA,iCACA,sCAEA,oBACE,yBAEA,sCACA,mCAGF,YACE,gCACA,qCACA,WACA,YACA,oBACA","file":"Icon.css"}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
cursor: text;
|
|
30
30
|
border: none;
|
|
31
31
|
outline: none;
|
|
32
|
-
background:
|
|
32
|
+
background: rgba(0, 0, 0, 0);
|
|
33
33
|
color: var(--pvt-component-font-color);
|
|
34
34
|
font-weight: var(--rls-font-weight-medium);
|
|
35
35
|
font-size: var(--pvt-font-size);
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
width: 100%;
|
|
59
59
|
height: var(--pvt-height);
|
|
60
60
|
line-height: var(--pvt-height);
|
|
61
|
-
background:
|
|
61
|
+
background: rgba(0, 0, 0, 0);
|
|
62
62
|
pointer-events: none;
|
|
63
63
|
overflow: hidden;
|
|
64
64
|
white-space: nowrap;
|
|
@@ -68,4 +68,4 @@
|
|
|
68
68
|
font-size: var(--pvt-font-size);
|
|
69
69
|
text-align: var(--pvt-text-align);
|
|
70
70
|
letter-spacing: var(--pvt-letter-spacing);
|
|
71
|
-
}
|
|
71
|
+
} /*# sourceMappingURL=Input.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.scss"],"names":[],"mappings":"AAOA,WACE,wEACA,wEAEA,yFAKA,6DACA,oDAEA,8CACA,uBACA,wCAEA,kBACA,WAEA,oBACE,kDACA,oCAGF,qBACE,yBAGF,sBACE,kBACA,WACA,yBACA,8BACA,aACA,YACA,YACA,aACA,yBACA,sCACA,0CACA,+BACA,iCACA,yCAEA,kGAEE,YACA,wBAGF,mCACE,+BAGF,iCACE,sCACA,+BAGF,+BACE,WAIJ,kBACE,kBACA,SACA,UACA,WACA,yBACA,8BACA,yBACA,oBACA,gBACA,mBACA,iCACA,kCACA,0CACA,+BACA,iCACA","file":"Input.css"}
|
|
@@ -1,15 +1,9 @@
|
|
|
1
|
-
import { ReactControl } from '@rolster/react-forms';
|
|
2
1
|
import { HTMLInputTypeAttribute } from 'react';
|
|
3
2
|
import { RlsComponent } from '../../definitions';
|
|
3
|
+
import { InputProps as RolsterInputProps } from '../../types';
|
|
4
4
|
import './Input.css';
|
|
5
|
-
interface InputProps extends RlsComponent {
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
formControl?: ReactControl<HTMLInputElement>;
|
|
8
|
-
onValue?: (value: any) => void;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
readOnly?: boolean;
|
|
5
|
+
interface InputProps extends RolsterInputProps<any>, RlsComponent {
|
|
11
6
|
type?: HTMLInputTypeAttribute;
|
|
12
|
-
value?: any;
|
|
13
7
|
}
|
|
14
|
-
export declare function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, readOnly, type, value }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function RlsInput({ children, disabled, formControl, identifier, onEnter, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type, value }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
15
9
|
export {};
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers';
|
|
4
4
|
import './Input.css';
|
|
5
|
-
export function RlsInput({ children, disabled, formControl, identifier, onValue, placeholder, readOnly, type, value }) {
|
|
5
|
+
export function RlsInput({ children, disabled, formControl, identifier, onEnter, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type, value }) {
|
|
6
6
|
const valueInitial = formControl?.value ?? value ? String(value) : '';
|
|
7
7
|
const [valueInput, setValueInput] = useState(valueInitial);
|
|
8
8
|
const [focused, setFocused] = useState(false);
|
|
@@ -10,18 +10,25 @@ export function RlsInput({ children, disabled, formControl, identifier, onValue,
|
|
|
10
10
|
const valueControl = formControl?.value ? String(formControl.value) : '';
|
|
11
11
|
(!focused || valueInput !== valueControl) && setValueInput(valueControl);
|
|
12
12
|
}, [formControl?.value]);
|
|
13
|
-
const
|
|
13
|
+
const _onChange = useCallback((event) => {
|
|
14
14
|
const valueInput = event.target.value;
|
|
15
15
|
const value = type === 'number' ? +valueInput : valueInput;
|
|
16
16
|
onValue && onValue(value);
|
|
17
17
|
setValueInput(valueInput);
|
|
18
18
|
formControl?.setValue(value);
|
|
19
19
|
}, [formControl, onValue]);
|
|
20
|
-
const
|
|
20
|
+
const _onKeyDown = useCallback((event) => {
|
|
21
|
+
onKeyDown && onKeyDown(event);
|
|
22
|
+
event.key === 'Enter' && onEnter && onEnter();
|
|
23
|
+
}, [onKeyDown, onEnter]);
|
|
24
|
+
const _onKeyUp = useCallback((event) => {
|
|
25
|
+
onKeyUp && onKeyUp(event);
|
|
26
|
+
}, [onKeyUp]);
|
|
27
|
+
const _onFocus = useCallback(() => {
|
|
21
28
|
formControl?.focus();
|
|
22
29
|
setFocused(() => true);
|
|
23
30
|
}, [formControl]);
|
|
24
|
-
const
|
|
31
|
+
const _onBlur = useCallback(() => {
|
|
25
32
|
formControl?.blur();
|
|
26
33
|
setFocused(() => false);
|
|
27
34
|
}, [formControl]);
|
|
@@ -31,6 +38,6 @@ export function RlsInput({ children, disabled, formControl, identifier, onValue,
|
|
|
31
38
|
focused: formControl?.focused ?? focused
|
|
32
39
|
});
|
|
33
40
|
}, [formControl?.focused, formControl?.disabled, focused, disabled]);
|
|
34
|
-
return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, readOnly: readOnly, onFocus:
|
|
41
|
+
return (_jsxs("div", { id: identifier, className: className, children: [_jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, readOnly: readOnly, onFocus: _onFocus, onBlur: _onBlur, onChange: _onChange, onKeyDown: _onKeyDown, onKeyUp: _onKeyUp, value: valueInput }), _jsx("span", { className: "rls-input__value", children: children })] }));
|
|
35
42
|
}
|
|
36
43
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.scss"],"names":[],"mappings":"AAOA,iBACE,wDACA,sCAEA,kBACA,WACA","file":"InputMoney.css"}
|
|
@@ -4,5 +4,5 @@ interface InputMoneyProps extends InputProps<number> {
|
|
|
4
4
|
decimals?: boolean;
|
|
5
5
|
symbol?: string;
|
|
6
6
|
}
|
|
7
|
-
export declare function RlsInputMoney(
|
|
7
|
+
export declare function RlsInputMoney(props: InputMoneyProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -3,12 +3,13 @@ import { useCallback, useState } from 'react';
|
|
|
3
3
|
import { RlsAmount } from '../Amount/Amount';
|
|
4
4
|
import { RlsInput } from '../Input/Input';
|
|
5
5
|
import './InputMoney.css';
|
|
6
|
-
export function RlsInputMoney(
|
|
6
|
+
export function RlsInputMoney(props) {
|
|
7
|
+
const { decimals, formControl, identifier, onValue, symbol, value } = props;
|
|
7
8
|
const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? 0);
|
|
8
9
|
const onValueInput = useCallback((value) => {
|
|
9
10
|
!formControl && setValueInput(value);
|
|
10
11
|
onValue && onValue(value);
|
|
11
12
|
}, [formControl, onValue]);
|
|
12
|
-
return (_jsx("div", { id: identifier, className: "rls-input-money", children: _jsx(RlsInput, {
|
|
13
|
+
return (_jsx("div", { id: identifier, className: "rls-input-money", children: _jsx(RlsInput, { ...props, type: "number", value: valueInput, onValue: onValueInput, children: _jsx(RlsAmount, { value: formControl?.value ?? valueInput, symbol: symbol, decimals: decimals }) }) }));
|
|
13
14
|
}
|
|
14
15
|
//# sourceMappingURL=InputMoney.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"InputMoney.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAO1B,MAAM,UAAU,aAAa,CAAC,KAAsB;IAClD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,iBAAiB,YAC9C,KAAC,QAAQ,OACH,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,YAErB,KAAC,SAAS,IACR,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,UAAU,EACvC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACO,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.scss"],"names":[],"mappings":"AAOA,kBACE,kBACA,WACA","file":"InputNumber.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputProps } from '../../types';
|
|
2
2
|
import './InputNumber.css';
|
|
3
|
-
export declare function RlsInputNumber(
|
|
3
|
+
export declare function RlsInputNumber(props: InputProps<number>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,12 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback, useState } from 'react';
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputNumber.css';
|
|
5
|
-
export function RlsInputNumber(
|
|
5
|
+
export function RlsInputNumber(props) {
|
|
6
|
+
const { formControl, identifier, onValue, value } = props;
|
|
6
7
|
const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? 0);
|
|
7
8
|
const onValueInput = useCallback((value) => {
|
|
8
9
|
!formControl && setValueInput(value);
|
|
9
10
|
onValue && onValue(value);
|
|
10
11
|
}, [formControl, onValue]);
|
|
11
|
-
return (_jsx("div", { id: identifier, className: "rls-input-number", children: _jsx(RlsInput, {
|
|
12
|
+
return (_jsx("div", { id: identifier, className: "rls-input-number", children: _jsx(RlsInput, { ...props, type: "number", value: valueInput, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
|
|
12
13
|
}
|
|
13
14
|
//# sourceMappingURL=InputNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,cAAc,CAAC,KAAyB;IACtD,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,kBAAkB,YAC/C,KAAC,QAAQ,OACH,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,UAAU,GACxB,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
cursor: text;
|
|
14
14
|
border: none;
|
|
15
15
|
outline: none;
|
|
16
|
-
background:
|
|
16
|
+
background: rgba(0, 0, 0, 0);
|
|
17
17
|
color: var(--rlc-input-font-color);
|
|
18
18
|
font-weight: var(--rls-font-weight-medium);
|
|
19
19
|
font-size: var(--rls-input-font-size);
|
|
@@ -33,4 +33,4 @@
|
|
|
33
33
|
}
|
|
34
34
|
.rls-input-password__component:disabled {
|
|
35
35
|
opacity: 0.5;
|
|
36
|
-
}
|
|
36
|
+
} /*# sourceMappingURL=InputPassword.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.scss"],"names":[],"mappings":"AAOA,oBACE,kBACA,WACA,sBAEA,+BACE,kBACA,WACA,WACA,6BACA,kCACA,aACA,YACA,YACA,aACA,yBACA,kCACA,0CACA,qCACA,+CAEA,oHAEE,YACA,wBAGF,4CACE,+BAGF,0CACE,sCACA,+BAGF,wCACE","file":"InputPassword.css"}
|
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
import { RlsComponent } from '../../definitions';
|
|
2
|
-
import {
|
|
2
|
+
import { InputProps } from '../../types';
|
|
3
3
|
import './InputPassword.css';
|
|
4
4
|
type InputPasswordType = 'password' | 'text';
|
|
5
|
-
interface InputPasswordProps extends RlsComponent {
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
formControl?: RolsterControl<string>;
|
|
8
|
-
onValue?: (value: string) => void;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
readOnly?: boolean;
|
|
5
|
+
interface InputPasswordProps extends InputProps<string>, RlsComponent {
|
|
11
6
|
type?: InputPasswordType;
|
|
12
7
|
}
|
|
13
|
-
export declare function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, readOnly, type }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function RlsInputPassword({ disabled, formControl, identifier, onEnter, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
14
9
|
export {};
|
|
@@ -2,17 +2,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback, useMemo, useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import './InputPassword.css';
|
|
5
|
-
export function RlsInputPassword({ disabled, formControl, identifier, onValue, placeholder, readOnly, type }) {
|
|
5
|
+
export function RlsInputPassword({ disabled, formControl, identifier, onEnter, onKeyDown, onKeyUp, onValue, placeholder, readOnly, type }) {
|
|
6
6
|
const [focused, setFocused] = useState(false);
|
|
7
|
-
const
|
|
7
|
+
const _onChange = useCallback((event) => {
|
|
8
8
|
formControl?.setValue(event.target.value);
|
|
9
9
|
onValue && onValue(event.target.value);
|
|
10
10
|
}, [formControl, onValue]);
|
|
11
|
-
const
|
|
11
|
+
const _onKeyDown = useCallback((event) => {
|
|
12
|
+
onKeyDown && onKeyDown(event);
|
|
13
|
+
event.code === 'NumpadEnter' && onEnter && onEnter();
|
|
14
|
+
}, [onKeyDown, onEnter]);
|
|
15
|
+
const _onKeyUp = useCallback((event) => {
|
|
16
|
+
onKeyUp && onKeyUp(event);
|
|
17
|
+
}, [onKeyUp]);
|
|
18
|
+
const _onFocus = useCallback(() => {
|
|
12
19
|
formControl?.focus();
|
|
13
20
|
setFocused(() => true);
|
|
14
21
|
}, [formControl]);
|
|
15
|
-
const
|
|
22
|
+
const _onBlur = useCallback(() => {
|
|
16
23
|
formControl?.blur();
|
|
17
24
|
setFocused(() => false);
|
|
18
25
|
}, [formControl]);
|
|
@@ -22,6 +29,6 @@ export function RlsInputPassword({ disabled, formControl, identifier, onValue, p
|
|
|
22
29
|
focused: formControl?.focused ?? focused
|
|
23
30
|
});
|
|
24
31
|
}, [formControl?.focused, formControl?.disabled, focused, disabled]);
|
|
25
|
-
return (_jsx("div", { id: identifier, className: className, children: _jsx("input", { className: "rls-input-password__component", autoComplete: "off", type: type ?? 'password', placeholder: placeholder, disabled: disabled, readOnly: readOnly, onFocus:
|
|
32
|
+
return (_jsx("div", { id: identifier, className: className, children: _jsx("input", { className: "rls-input-password__component", autoComplete: "off", type: type ?? 'password', placeholder: placeholder, disabled: disabled, readOnly: readOnly, onFocus: _onFocus, onBlur: _onBlur, onChange: _onChange, onKeyDown: _onKeyDown, onKeyUp: _onKeyUp }) }));
|
|
26
33
|
}
|
|
27
34
|
//# sourceMappingURL=InputPassword.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"InputPassword.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPassword/InputPassword.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,IAAI,EACe;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAU,EAAE,EAAE;QACb,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAsC,EAAE,EAAE;QACzC,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;QAE9B,KAAK,CAAC,IAAI,KAAK,aAAa,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;IACvD,CAAC,EACD,CAAC,SAAS,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAsC,EAAE,EAAE;QACzC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,EAAE,IAAI,EAAE,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,oBAAoB,EAAE;YAC7C,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,QAAQ;YAC3C,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,OAAO;SACzC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,YACvC,gBACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAC,KAAK,EAClB,IAAI,EAAE,IAAI,IAAI,UAAU,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,GACjB,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputSearch/InputSearch.scss"],"names":[],"mappings":"AAOA,kBACE,0CAEA,kBACA,aACA,mBACA,kDACA,sBACA,wEACA","file":"InputSearch.css"}
|
|
@@ -3,8 +3,9 @@ import './InputSearch.css';
|
|
|
3
3
|
interface InputSearchProps {
|
|
4
4
|
formControl?: RolsterControl<string>;
|
|
5
5
|
identifier?: string;
|
|
6
|
+
onEnter?: () => void;
|
|
6
7
|
onSearch?: () => void;
|
|
7
8
|
placeholder?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare function RlsInputSearch({ formControl, identifier, onSearch, placeholder }: InputSearchProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function RlsInputSearch({ formControl, identifier, onEnter, onSearch, placeholder }: InputSearchProps): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -3,11 +3,11 @@ import { useCallback, useState } from 'react';
|
|
|
3
3
|
import { RlsButtonAction } from '../ButtonAction/ButtonAction';
|
|
4
4
|
import { RlsInput } from '../Input/Input';
|
|
5
5
|
import './InputSearch.css';
|
|
6
|
-
export function RlsInputSearch({ formControl, identifier, onSearch, placeholder }) {
|
|
6
|
+
export function RlsInputSearch({ formControl, identifier, onEnter, onSearch, placeholder }) {
|
|
7
7
|
const [value, setValue] = useState('');
|
|
8
8
|
const onValue = useCallback((value) => {
|
|
9
9
|
!formControl && setValue(() => value);
|
|
10
10
|
}, [formControl]);
|
|
11
|
-
return (_jsxs("div", { id: identifier, className: "rls-input-search", children: [_jsx(RlsInput, { formControl: formControl, placeholder: placeholder, onValue: onValue, children: formControl?.value ?? value }), onSearch && _jsx(RlsButtonAction, { icon: "search", onClick: onSearch })] }));
|
|
11
|
+
return (_jsxs("div", { id: identifier, className: "rls-input-search", children: [_jsx(RlsInput, { formControl: formControl, placeholder: placeholder, onEnter: onEnter, onValue: onValue, children: formControl?.value ?? value }), onSearch && _jsx(RlsButtonAction, { icon: "search", onClick: onSearch })] }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=InputSearch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputSearch/InputSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"InputSearch.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputSearch/InputSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,mBAAmB,CAAC;AAU3B,MAAM,UAAU,cAAc,CAAC,EAC7B,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACM;IACjB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,kBAAkB,aAC/C,KAAC,QAAQ,IACP,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,WAAW,EAAE,KAAK,IAAI,KAAK,GACnB,EAEV,QAAQ,IAAI,KAAC,eAAe,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,GAAI,IAC7D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.scss"],"names":[],"mappings":"AAOA,gBACE,kBACA,WACA","file":"InputText.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputProps } from '../../types';
|
|
2
2
|
import './InputText.css';
|
|
3
|
-
export declare function RlsInputText(
|
|
3
|
+
export declare function RlsInputText(props: InputProps<string>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,12 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback, useState } from 'react';
|
|
3
3
|
import { RlsInput } from '../Input/Input';
|
|
4
4
|
import './InputText.css';
|
|
5
|
-
export function RlsInputText(
|
|
5
|
+
export function RlsInputText(props) {
|
|
6
|
+
const { formControl, identifier, onValue, value } = props;
|
|
6
7
|
const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? '');
|
|
7
8
|
const onValueInput = useCallback((value) => {
|
|
8
9
|
!formControl && setValueInput(value);
|
|
9
10
|
onValue && onValue(value);
|
|
10
11
|
}, [formControl, onValue]);
|
|
11
|
-
return (_jsx("div", { id: identifier, className: "rls-input-text", children: _jsx(RlsInput, {
|
|
12
|
+
return (_jsx("div", { id: identifier, className: "rls-input-text", children: _jsx(RlsInput, { ...props, type: "text", value: valueInput, onValue: onValueInput, children: formControl?.value ?? valueInput }) }));
|
|
12
13
|
}
|
|
13
14
|
//# sourceMappingURL=InputText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputText/InputText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,YAAY,CAAC,KAAyB;IACpD,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,CAClC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,YAC7C,KAAC,QAAQ,OACH,KAAK,EACT,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,YAEpB,WAAW,EAAE,KAAK,IAAI,UAAU,GACxB,GACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Label/Label.scss"],"names":[],"mappings":"AAOA,WACE,qEACA,oFAIA,sEACA,oBAEA,sBACE","file":"Label.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/MessageIcon/MessageIcon.scss"],"names":[],"mappings":"AAOA,kBACE,6CACA,2CAEA,aACA,mBACA,gCAEA,uBACE,uCACA,iDACA","file":"MessageIcon.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.scss"],"names":[],"mappings":"AAOA,YACE,6CACA,oEACA,2BACA,6CAEA,kBACA,cACA,WACA,oBACA,iEACA,gFAIA,yBACA,8BACA,wDACA,gDACA,mCACA,+BACA,oCACA,iCAEA,uBACE,+CAEA,iCACA,sCAGF,iCACE,+CAEA,iCACA,iCAGF,qBACE,6CACA","file":"Poster.css"}
|
|
@@ -33,7 +33,6 @@
|
|
|
33
33
|
background: var(--rls-theme-gradient-500);
|
|
34
34
|
transition: width 320ms 0ms var(--rls-standard-curve);
|
|
35
35
|
}
|
|
36
|
-
|
|
37
36
|
@keyframes progress-bar-indeterminate-before {
|
|
38
37
|
0% {
|
|
39
38
|
width: 100%;
|
|
@@ -48,7 +47,6 @@
|
|
|
48
47
|
left: 100%;
|
|
49
48
|
}
|
|
50
49
|
}
|
|
51
|
-
|
|
52
50
|
@keyframes progress-bar-indeterminate-after {
|
|
53
51
|
0% {
|
|
54
52
|
width: 12.5%;
|
|
@@ -62,4 +60,4 @@
|
|
|
62
60
|
width: 100%;
|
|
63
61
|
left: 125%;
|
|
64
62
|
}
|
|
65
|
-
}
|
|
63
|
+
} /*# sourceMappingURL=ProgressBar.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.scss"],"names":[],"mappings":"AAOA,kBACE,+BAEA,kBACA,WACA,4BACA,gBACA,sCAEA,iCACE,8BAEA,iFAEE,kBACA,WACA,SACA,SACA,4BACA,yCAGF,wCACE,2DAGF,yCACE,4DAIJ,6BACE,kBACA,SACA,SACA,4BACA,qCACA,yCACA,qDAIJ,6CACE,GACE,WACA,WAEF,IACE,WACA,WAEF,KACE,YACA,WAIJ,4CACE,GACE,YACA,YAEF,IACE,WACA,UAEF,KACE,WACA","file":"ProgressBar.css"}
|