@itcase/ui 1.9.26 → 1.9.28
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.
|
@@ -130,7 +130,7 @@ const datePeriodConfig = {
|
|
|
130
130
|
},
|
|
131
131
|
};
|
|
132
132
|
function DatePeriod(props) {
|
|
133
|
-
const { appearance, className, datePeriodIntervalsList = Object.values(common.DATE_PERIOD_INTERVALS), datePeriodSelectFirstOptions, datePeriodSelectFirstPlaceholder, datePeriodSelectFirstValue, datePeriodSelectSecondOptions, datePeriodSelectSecondPlaceholder, datePeriodSelectSecondValue, datePeriodValueEnd, datePeriodValueStart, monthsShown, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onChangeDatePeriodFirstSelect, onChangeDatePeriodSecondSelect, onKeyDown, } = props;
|
|
133
|
+
const { appearance, className, datePeriodIntervalsList = Object.values(common.DATE_PERIOD_INTERVALS), datePeriodSelectFirstOptions, datePeriodSelectFirstPlaceholder, datePeriodSelectFirstValue, datePeriodSelectSecondOptions, datePeriodSelectSecondPlaceholder, datePeriodSelectSecondValue, datePeriodValueEnd, datePeriodValueStart, monthsShown, popperPlacement, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onChangeDatePeriodFirstSelect, onChangeDatePeriodSecondSelect, onKeyDown, } = props;
|
|
134
134
|
const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
|
|
135
135
|
const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
136
136
|
const { fillClass, chipsAppearance, chipsAppearanceSize, chipsShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputAppearanceSize, datePickerInputFillHover, datePickerInputTextSize, selectAppearance, selectAppearanceSize, selectShape, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
|
|
@@ -157,6 +157,7 @@ function DatePeriod(props) {
|
|
|
157
157
|
appearance: `${datePickerAppearance} ${datePickerAppearanceSize}`,
|
|
158
158
|
dateFormat: 'dd/MM/yyyy',
|
|
159
159
|
monthsShown: monthsShown,
|
|
160
|
+
popperPlacement: popperPlacement,
|
|
160
161
|
selectsRange: selectsRange,
|
|
161
162
|
showWeekNumbers: showWeekNumbers,
|
|
162
163
|
isClearable: false,
|
|
@@ -128,7 +128,7 @@ const datePeriodConfig = {
|
|
|
128
128
|
},
|
|
129
129
|
};
|
|
130
130
|
function DatePeriod(props) {
|
|
131
|
-
const { appearance, className, datePeriodIntervalsList = Object.values(DATE_PERIOD_INTERVALS), datePeriodSelectFirstOptions, datePeriodSelectFirstPlaceholder, datePeriodSelectFirstValue, datePeriodSelectSecondOptions, datePeriodSelectSecondPlaceholder, datePeriodSelectSecondValue, datePeriodValueEnd, datePeriodValueStart, monthsShown, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onChangeDatePeriodFirstSelect, onChangeDatePeriodSecondSelect, onKeyDown, } = props;
|
|
131
|
+
const { appearance, className, datePeriodIntervalsList = Object.values(DATE_PERIOD_INTERVALS), datePeriodSelectFirstOptions, datePeriodSelectFirstPlaceholder, datePeriodSelectFirstValue, datePeriodSelectSecondOptions, datePeriodSelectSecondPlaceholder, datePeriodSelectSecondValue, datePeriodValueEnd, datePeriodValueStart, monthsShown, popperPlacement, selectsRange = true, showWeekNumbers = true, isDisabled, isSkeleton, onChangeDatePeriod, onChangeDatePeriodFirstSelect, onChangeDatePeriodSecondSelect, onKeyDown, } = props;
|
|
132
132
|
const appearanceConfig = useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
|
|
133
133
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
134
134
|
const { fillClass, chipsAppearance, chipsAppearanceSize, chipsShape, datePickerAppearance, datePickerAppearanceSize, datePickerInputAppearance, datePickerInputAppearanceSize, datePickerInputFillHover, datePickerInputTextSize, selectAppearance, selectAppearanceSize, selectShape, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
|
|
@@ -155,6 +155,7 @@ function DatePeriod(props) {
|
|
|
155
155
|
appearance: `${datePickerAppearance} ${datePickerAppearanceSize}`,
|
|
156
156
|
dateFormat: 'dd/MM/yyyy',
|
|
157
157
|
monthsShown: monthsShown,
|
|
158
|
+
popperPlacement: popperPlacement,
|
|
158
159
|
selectsRange: selectsRange,
|
|
159
160
|
showWeekNumbers: showWeekNumbers,
|
|
160
161
|
isClearable: false,
|
|
@@ -38274,9 +38274,9 @@ textarea.fill {
|
|
|
38274
38274
|
display: none !important;
|
|
38275
38275
|
}
|
|
38276
38276
|
.print {
|
|
38277
|
-
height: auto
|
|
38278
|
-
overflow: auto
|
|
38279
|
-
display: block
|
|
38277
|
+
height: auto;
|
|
38278
|
+
overflow: auto;
|
|
38279
|
+
display: block;
|
|
38280
38280
|
}
|
|
38281
38281
|
}
|
|
38282
38282
|
.resize-horizontal {
|
|
@@ -62168,6 +62168,11 @@ h2.react-datepicker__current-month {
|
|
|
62168
62168
|
.flex {
|
|
62169
62169
|
&__item {
|
|
62170
62170
|
display: flex;
|
|
62171
|
+
&.print {
|
|
62172
|
+
@media print {
|
|
62173
|
+
display: flex;
|
|
62174
|
+
}
|
|
62175
|
+
}
|
|
62171
62176
|
}
|
|
62172
62177
|
}
|
|
62173
62178
|
.flex {
|
|
@@ -62348,6 +62353,11 @@ h2.react-datepicker__current-month {
|
|
|
62348
62353
|
top: 0;
|
|
62349
62354
|
}
|
|
62350
62355
|
}
|
|
62356
|
+
&.print {
|
|
62357
|
+
@media print {
|
|
62358
|
+
display: grid;
|
|
62359
|
+
}
|
|
62360
|
+
}
|
|
62351
62361
|
}
|
|
62352
62362
|
.grid {
|
|
62353
62363
|
&_align-content_auto {
|
|
@@ -64599,6 +64609,11 @@ h2.react-datepicker__current-month {
|
|
|
64599
64609
|
&__row {
|
|
64600
64610
|
display: grid;
|
|
64601
64611
|
transition: var(--grid-row-transition);
|
|
64612
|
+
&.print {
|
|
64613
|
+
@media print {
|
|
64614
|
+
display: grid;
|
|
64615
|
+
}
|
|
64616
|
+
}
|
|
64602
64617
|
}
|
|
64603
64618
|
}
|
|
64604
64619
|
:root {
|
|
@@ -64760,41 +64775,81 @@ h2.react-datepicker__current-month {
|
|
|
64760
64775
|
display: flex;
|
|
64761
64776
|
flex-direction: row;
|
|
64762
64777
|
align-items: flex-start;
|
|
64778
|
+
&.print {
|
|
64779
|
+
@media print {
|
|
64780
|
+
display: flex;
|
|
64781
|
+
}
|
|
64782
|
+
}
|
|
64763
64783
|
&-reverse {
|
|
64764
64784
|
display: flex;
|
|
64765
64785
|
flex-direction: row-reverse;
|
|
64766
64786
|
align-items: flex-start;
|
|
64787
|
+
&.print {
|
|
64788
|
+
@media print {
|
|
64789
|
+
display: flex;
|
|
64790
|
+
}
|
|
64791
|
+
}
|
|
64767
64792
|
}
|
|
64768
64793
|
}
|
|
64769
64794
|
&_vertical {
|
|
64770
64795
|
display: flex;
|
|
64771
64796
|
flex-direction: column;
|
|
64772
64797
|
align-items: flex-start;
|
|
64798
|
+
&.print {
|
|
64799
|
+
@media print {
|
|
64800
|
+
display: flex;
|
|
64801
|
+
}
|
|
64802
|
+
}
|
|
64773
64803
|
&-reverse {
|
|
64774
64804
|
display: flex;
|
|
64775
64805
|
flex-direction: column-reverse;
|
|
64776
64806
|
align-items: flex-start;
|
|
64807
|
+
&.print {
|
|
64808
|
+
@media print {
|
|
64809
|
+
display: flex;
|
|
64810
|
+
}
|
|
64811
|
+
}
|
|
64777
64812
|
}
|
|
64778
64813
|
}
|
|
64779
64814
|
&_row {
|
|
64780
64815
|
display: flex;
|
|
64781
64816
|
flex-direction: row;
|
|
64782
64817
|
align-items: flex-start;
|
|
64818
|
+
&.print {
|
|
64819
|
+
@media print {
|
|
64820
|
+
display: flex;
|
|
64821
|
+
}
|
|
64822
|
+
}
|
|
64783
64823
|
}
|
|
64784
64824
|
&_row-reverse {
|
|
64785
64825
|
display: flex;
|
|
64786
64826
|
flex-direction: row-reverse;
|
|
64787
64827
|
align-items: flex-start;
|
|
64828
|
+
&.print {
|
|
64829
|
+
@media print {
|
|
64830
|
+
display: flex;
|
|
64831
|
+
}
|
|
64832
|
+
}
|
|
64788
64833
|
}
|
|
64789
64834
|
&_column {
|
|
64790
64835
|
display: flex;
|
|
64791
64836
|
flex-direction: column;
|
|
64792
64837
|
align-items: flex-start;
|
|
64838
|
+
&.print {
|
|
64839
|
+
@media print {
|
|
64840
|
+
display: flex;
|
|
64841
|
+
}
|
|
64842
|
+
}
|
|
64793
64843
|
}
|
|
64794
64844
|
&_column-reverse {
|
|
64795
64845
|
display: flex;
|
|
64796
64846
|
flex-direction: column-reverse;
|
|
64797
64847
|
align-items: flex-start;
|
|
64848
|
+
&.print {
|
|
64849
|
+
@media print {
|
|
64850
|
+
display: flex;
|
|
64851
|
+
}
|
|
64852
|
+
}
|
|
64798
64853
|
}
|
|
64799
64854
|
}
|
|
64800
64855
|
}
|