xmlui 0.10.18 → 0.10.19
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/lib/{index-Cy6Emsex.mjs → index-cuh97e2e.mjs} +286 -140
- package/dist/lib/index.css +1 -1
- package/dist/lib/{initMock-B-rmnC-t.mjs → initMock-BMxsanHc.mjs} +1 -1
- package/dist/lib/xmlui.mjs +1 -1
- package/dist/metadata/{collectedComponentMetadata-CB63ngkU.mjs → collectedComponentMetadata-Cp-9lpnG.mjs} +286 -140
- package/dist/metadata/{initMock-D0wDKF_I.mjs → initMock-C-cnv--V.mjs} +1 -1
- package/dist/metadata/style.css +1 -1
- package/dist/metadata/xmlui-metadata.mjs +1 -1
- package/dist/metadata/xmlui-metadata.umd.js +3 -3
- package/dist/scripts/package.json +1 -1
- package/dist/scripts/src/components/AutoComplete/AutoComplete.spec.js +25 -4
- package/dist/scripts/src/components/Checkbox/Checkbox.spec.js +5 -0
- package/dist/scripts/src/components/DateInput/DateInput.spec.js +22 -17
- package/dist/scripts/src/components/DatePicker/DatePicker.js +14 -9
- package/dist/scripts/src/components/DatePicker/DatePicker.spec.js +21 -18
- package/dist/scripts/src/components/DatePicker/DatePickerNative.js +24 -21
- package/dist/scripts/src/components/FileInput/FileInput.spec.js +7 -0
- package/dist/scripts/src/components/Icon/Icon.js +1 -1
- package/dist/scripts/src/components/NumberBox/NumberBox.spec.js +5 -0
- package/dist/scripts/src/components/RadioGroup/RadioGroup.spec.js +9 -0
- package/dist/scripts/src/components/Select/Select.spec.js +286 -217
- package/dist/scripts/src/components/Slider/Slider.spec.js +7 -0
- package/dist/scripts/src/components/Switch/Switch.spec.js +24 -17
- package/dist/scripts/src/components/Table/Table.js +11 -1
- package/dist/scripts/src/components/Table/Table.spec.js +272 -0
- package/dist/scripts/src/components/Table/TableNative.js +162 -5
- package/dist/scripts/src/components/TextArea/TextArea.spec.js +51 -0
- package/dist/scripts/src/components/TextBox/TextBox.spec.js +7 -0
- package/dist/scripts/src/components/TimeInput/TimeInput.spec.js +44 -37
- package/dist/scripts/src/components/TimeInput/TimeInputNative.js +6 -20
- package/dist/scripts/src/components/Toggle/Toggle.js +3 -1
- package/dist/standalone/xmlui-standalone.umd.js +33 -33
- package/package.json +1 -1
|
@@ -11106,32 +11106,33 @@ const fragmentComponentRenderer = createComponentRenderer(
|
|
|
11106
11106
|
}
|
|
11107
11107
|
);
|
|
11108
11108
|
const themeVars$I = `'{"textColor-pagination-Table": "var(--xmlui-textColor-pagination-Table)", "backgroundColor-Table": "var(--xmlui-backgroundColor-Table)", "textColor-Table": "var(--xmlui-textColor-Table)", "backgroundColor-row-Table": "var(--xmlui-backgroundColor-row-Table)", "backgroundColor-row-Table--hover": "var(--xmlui-backgroundColor-row-Table--hover)", "backgroundColor-selected-Table": "var(--xmlui-backgroundColor-selected-Table)", "backgroundColor-selected-Table--hover": "var(--xmlui-backgroundColor-selected-Table--hover)", "backgroundColor-heading-Table": "var(--xmlui-backgroundColor-heading-Table)", "backgroundColor-heading-Table--hover": "var(--xmlui-backgroundColor-heading-Table--hover)", "backgroundColor-heading-Table--active": "var(--xmlui-backgroundColor-heading-Table--active)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "paddingHorizontal-heading-Table": "var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table))", "paddingVertical-heading-Table": "var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table))", "paddingLeft-heading-Table": "var(--xmlui-paddingLeft-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingRight-heading-Table": "var(--xmlui-paddingRight-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingTop-heading-Table": "var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingBottom-heading-Table": "var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "paddingHorizontal-cell-Table": "var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table))", "paddingVertical-cell-Table": "var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table))", "paddingLeft-cell-Table": "var(--xmlui-paddingLeft-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingRight-cell-Table": "var(--xmlui-paddingRight-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingTop-cell-Table": "var(--xmlui-paddingTop-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingBottom-cell-Table": "var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingHorizontal-cell-first-Table": "var(--xmlui-paddingHorizontal-cell-first-Table)", "paddingHorizontal-cell-last-Table": "var(--xmlui-paddingHorizontal-cell-last-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "borderHorizontal-cell-Table": "var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table))", "borderVertical-cell-Table": "var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table))", "borderLeft-cell-Table": "var(--xmlui-borderLeft-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderRight-cell-Table": "var(--xmlui-borderRight-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderTop-cell-Table": "var(--xmlui-borderTop-cell-Table, var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table)))", "borderBottom-cell-Table": "var(--xmlui-borderBottom-cell-Table)", "borderWidth-cell-Table": "var(--xmlui-borderWidth-cell-Table)", "borderHorizontalWidth-cell-Table": "var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderLeftWidth-cell-Table": "var(--xmlui-borderLeftWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderRightWidth-cell-Table": "var(--xmlui-borderRightWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderVerticalWidth-cell-Table": "var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderTopWidth-cell-Table": "var(--xmlui-borderTopWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderBottomWidth-cell-Table": "var(--xmlui-borderBottomWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderStyle-cell-Table": "var(--xmlui-borderStyle-cell-Table)", "borderHorizontalStyle-cell-Table": "var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderLeftStyle-cell-Table": "var(--xmlui-borderLeftStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderRightStyle-cell-Table": "var(--xmlui-borderRightStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderVerticalStyle-cell-Table": "var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderTopStyle-cell-Table": "var(--xmlui-borderTopStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderBottomStyle-cell-Table": "var(--xmlui-borderBottomStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderColor-cell-Table": "var(--xmlui-borderColor-cell-Table)", "borderHorizontalColor-cell-Table": "var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderLeftColor-cell-Table": "var(--xmlui-borderLeftColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderRightColor-cell-Table": "var(--xmlui-borderRightColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderVerticalColor-cell-Table": "var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderTopColor-cell-Table": "var(--xmlui-borderTopColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderBottomColor-cell-Table": "var(--xmlui-borderBottomColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderStartStartRadius-cell-Table": "var(--xmlui-borderStartStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderStartEndRadius-cell-Table": "var(--xmlui-borderStartEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndStartRadius-cell-Table": "var(--xmlui-borderEndStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndEndRadius-cell-Table": "var(--xmlui-borderEndEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "border-Table": "var(--xmlui-border-Table)", "borderHorizontal-Table": "var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table))", "borderVertical-Table": "var(--xmlui-borderVertical-Table, var(--xmlui-border-Table))", "borderLeft-Table": "var(--xmlui-borderLeft-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderRight-Table": "var(--xmlui-borderRight-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderTop-Table": "var(--xmlui-borderTop-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderBottom-Table": "var(--xmlui-borderBottom-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderWidth-Table": "var(--xmlui-borderWidth-Table)", "borderHorizontalWidth-Table": "var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table))", "borderLeftWidth-Table": "var(--xmlui-borderLeftWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderRightWidth-Table": "var(--xmlui-borderRightWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderVerticalWidth-Table": "var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table))", "borderTopWidth-Table": "var(--xmlui-borderTopWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderBottomWidth-Table": "var(--xmlui-borderBottomWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderStyle-Table": "var(--xmlui-borderStyle-Table)", "borderHorizontalStyle-Table": "var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table))", "borderLeftStyle-Table": "var(--xmlui-borderLeftStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderRightStyle-Table": "var(--xmlui-borderRightStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderVerticalStyle-Table": "var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table))", "borderTopStyle-Table": "var(--xmlui-borderTopStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderBottomStyle-Table": "var(--xmlui-borderBottomStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderColor-Table": "var(--xmlui-borderColor-Table)", "borderHorizontalColor-Table": "var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table))", "borderLeftColor-Table": "var(--xmlui-borderLeftColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderRightColor-Table": "var(--xmlui-borderRightColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderVerticalColor-Table": "var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table))", "borderTopColor-Table": "var(--xmlui-borderTopColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderBottomColor-Table": "var(--xmlui-borderBottomColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderStartStartRadius-Table": "var(--xmlui-borderStartStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderStartEndRadius-Table": "var(--xmlui-borderStartEndRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndStartRadius-Table": "var(--xmlui-borderEndStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndEndRadius-Table": "var(--xmlui-borderEndEndRadius-Table, var(--xmlui-borderRadius-Table))", "backgroundColor-pagination-Table": "var(--xmlui-backgroundColor-pagination-Table)", "textColor-heading-Table": "var(--xmlui-textColor-heading-Table)", "fontWeight-row-Table": "var(--xmlui-fontWeight-row-Table)", "fontSize-row-Table": "var(--xmlui-fontSize-row-Table)", "fontWeight-heading-Table": "var(--xmlui-fontWeight-heading-Table)", "fontSize-heading-Table": "var(--xmlui-fontSize-heading-Table)", "textTransform-heading-Table": "var(--xmlui-textTransform-heading-Table)", "borderRadius-Table": "var(--xmlui-borderRadius-Table)", "outlineWidth-heading-Table--focus": "var(--xmlui-outlineWidth-heading-Table--focus)", "outlineColor-heading-Table--focus": "var(--xmlui-outlineColor-heading-Table--focus)", "outlineStyle-heading-Table--focus": "var(--xmlui-outlineStyle-heading-Table--focus)", "outlineOffset-heading-Table--focus": "var(--xmlui-outlineOffset-heading-Table--focus)", "borderBottom-last-row-Table": "var(--xmlui-borderBottom-last-row-Table)"}'`;
|
|
11109
|
-
const wrapper$i = "
|
|
11110
|
-
const noScroll = "
|
|
11111
|
-
const headerWrapper = "
|
|
11112
|
-
const tableBody = "
|
|
11113
|
-
const clickableHeader = "
|
|
11114
|
-
const headerContent = "
|
|
11115
|
-
const headerRow = "
|
|
11116
|
-
const columnCell = "
|
|
11117
|
-
const cell = "
|
|
11118
|
-
const alignTop = "
|
|
11119
|
-
const alignCenter = "
|
|
11120
|
-
const alignBottom = "
|
|
11121
|
-
const table = "
|
|
11122
|
-
const row$1 = "
|
|
11123
|
-
const checkBoxWrapper = "
|
|
11124
|
-
const showInHeader = "
|
|
11125
|
-
const selected$1 = "
|
|
11126
|
-
const allSelected = "
|
|
11127
|
-
const cellContent = "
|
|
11128
|
-
const focused$1 = "
|
|
11129
|
-
const disabled$7 = "
|
|
11130
|
-
const noBottomBorder = "
|
|
11131
|
-
const noRows$1 = "
|
|
11132
|
-
const loadingWrapper$1 = "
|
|
11133
|
-
const
|
|
11134
|
-
const
|
|
11109
|
+
const wrapper$i = "_wrapper_1ylgd_14";
|
|
11110
|
+
const noScroll = "_noScroll_1ylgd_42";
|
|
11111
|
+
const headerWrapper = "_headerWrapper_1ylgd_45";
|
|
11112
|
+
const tableBody = "_tableBody_1ylgd_46";
|
|
11113
|
+
const clickableHeader = "_clickableHeader_1ylgd_51";
|
|
11114
|
+
const headerContent = "_headerContent_1ylgd_65";
|
|
11115
|
+
const headerRow = "_headerRow_1ylgd_97";
|
|
11116
|
+
const columnCell = "_columnCell_1ylgd_101";
|
|
11117
|
+
const cell = "_cell_1ylgd_102";
|
|
11118
|
+
const alignTop = "_alignTop_1ylgd_110";
|
|
11119
|
+
const alignCenter = "_alignCenter_1ylgd_114";
|
|
11120
|
+
const alignBottom = "_alignBottom_1ylgd_118";
|
|
11121
|
+
const table = "_table_1ylgd_46";
|
|
11122
|
+
const row$1 = "_row_1ylgd_126";
|
|
11123
|
+
const checkBoxWrapper = "_checkBoxWrapper_1ylgd_133";
|
|
11124
|
+
const showInHeader = "_showInHeader_1ylgd_138";
|
|
11125
|
+
const selected$1 = "_selected_1ylgd_142";
|
|
11126
|
+
const allSelected = "_allSelected_1ylgd_142";
|
|
11127
|
+
const cellContent = "_cellContent_1ylgd_173";
|
|
11128
|
+
const focused$1 = "_focused_1ylgd_200";
|
|
11129
|
+
const disabled$7 = "_disabled_1ylgd_212";
|
|
11130
|
+
const noBottomBorder = "_noBottomBorder_1ylgd_219";
|
|
11131
|
+
const noRows$1 = "_noRows_1ylgd_244";
|
|
11132
|
+
const loadingWrapper$1 = "_loadingWrapper_1ylgd_283";
|
|
11133
|
+
const forceHoverWrapper = "_forceHoverWrapper_1ylgd_296";
|
|
11134
|
+
const resizer$1 = "_resizer_1ylgd_299";
|
|
11135
|
+
const isResizing = "_isResizing_1ylgd_320";
|
|
11135
11136
|
const styles$12 = {
|
|
11136
11137
|
themeVars: themeVars$I,
|
|
11137
11138
|
wrapper: wrapper$i,
|
|
@@ -11158,6 +11159,7 @@ const styles$12 = {
|
|
|
11158
11159
|
noBottomBorder,
|
|
11159
11160
|
noRows: noRows$1,
|
|
11160
11161
|
loadingWrapper: loadingWrapper$1,
|
|
11162
|
+
forceHoverWrapper,
|
|
11161
11163
|
resizer: resizer$1,
|
|
11162
11164
|
isResizing
|
|
11163
11165
|
};
|
|
@@ -12358,23 +12360,25 @@ function generateTones(baseColorStr) {
|
|
|
12358
12360
|
};
|
|
12359
12361
|
}
|
|
12360
12362
|
const themeVars$H = `'{"Input:borderRadius-Checkbox-default": "var(--xmlui-borderRadius-Checkbox-default)", "Input:borderColor-Checkbox-default": "var(--xmlui-borderColor-Checkbox-default)", "Input:backgroundColor-Checkbox-default": "var(--xmlui-backgroundColor-Checkbox-default)", "Input:outlineWidth-Checkbox-default--focus": "var(--xmlui-outlineWidth-Checkbox-default--focus)", "Input:outlineColor-Checkbox-default--focus": "var(--xmlui-outlineColor-Checkbox-default--focus)", "Input:outlineStyle-Checkbox-default--focus": "var(--xmlui-outlineStyle-Checkbox-default--focus)", "Input:outlineOffset-Checkbox-default--focus": "var(--xmlui-outlineOffset-Checkbox-default--focus)", "Input:borderColor-Checkbox-default--hover": "var(--xmlui-borderColor-Checkbox-default--hover)", "Input:backgroundColor-Checkbox--disabled": "var(--xmlui-backgroundColor-Checkbox--disabled)", "Input:borderColor-Checkbox--disabled": "var(--xmlui-borderColor-Checkbox--disabled)", "Input:borderRadius-Checkbox-error": "var(--xmlui-borderRadius-Checkbox-error)", "Input:borderColor-Checkbox-error": "var(--xmlui-borderColor-Checkbox-error)", "Input:backgroundColor-Checkbox-error": "var(--xmlui-backgroundColor-Checkbox-error)", "Input:outlineWidth-Checkbox-error--focus": "var(--xmlui-outlineWidth-Checkbox-error--focus)", "Input:outlineColor-Checkbox-error--focus": "var(--xmlui-outlineColor-Checkbox-error--focus)", "Input:outlineStyle-Checkbox-error--focus": "var(--xmlui-outlineStyle-Checkbox-error--focus)", "Input:outlineOffset-Checkbox-error--focus": "var(--xmlui-outlineOffset-Checkbox-error--focus)", "Input:borderRadius-Checkbox-warning": "var(--xmlui-borderRadius-Checkbox-warning)", "Input:borderColor-Checkbox-warning": "var(--xmlui-borderColor-Checkbox-warning)", "Input:backgroundColor-Checkbox-warning": "var(--xmlui-backgroundColor-Checkbox-warning)", "Input:outlineWidth-Checkbox-warning--focus": "var(--xmlui-outlineWidth-Checkbox-warning--focus)", "Input:outlineColor-Checkbox-warning--focus": "var(--xmlui-outlineColor-Checkbox-warning--focus)", "Input:outlineStyle-Checkbox-warning--focus": "var(--xmlui-outlineStyle-Checkbox-warning--focus)", "Input:outlineOffset-Checkbox-warning--focus": "var(--xmlui-outlineOffset-Checkbox-warning--focus)", "Input:borderRadius-Checkbox-success": "var(--xmlui-borderRadius-Checkbox-success)", "Input:borderColor-Checkbox-success": "var(--xmlui-borderColor-Checkbox-success)", "Input:backgroundColor-Checkbox-success": "var(--xmlui-backgroundColor-Checkbox-success)", "Input:outlineWidth-Checkbox-success--focus": "var(--xmlui-outlineWidth-Checkbox-success--focus)", "Input:outlineColor-Checkbox-success--focus": "var(--xmlui-outlineColor-Checkbox-success--focus)", "Input:outlineStyle-Checkbox-success--focus": "var(--xmlui-outlineStyle-Checkbox-success--focus)", "Input:outlineOffset-Checkbox-success--focus": "var(--xmlui-outlineOffset-Checkbox-success--focus)", "backgroundColor-indicator-Checkbox": "var(--xmlui-backgroundColor-indicator-Checkbox)", "Input:borderColor-checked-Checkbox": "var(--xmlui-borderColor-checked-Checkbox)", "Input:backgroundColor-checked-Checkbox": "var(--xmlui-backgroundColor-checked-Checkbox)", "Input:borderColor-checked-Checkbox-error": "var(--xmlui-borderColor-checked-Checkbox-error)", "Input:backgroundColor-checked-Checkbox-error": "var(--xmlui-backgroundColor-checked-Checkbox-error)", "Input:borderColor-checked-Checkbox-warning": "var(--xmlui-borderColor-checked-Checkbox-warning)", "Input:backgroundColor-checked-Checkbox-warning": "var(--xmlui-backgroundColor-checked-Checkbox-warning)", "Input:borderColor-checked-Checkbox-success": "var(--xmlui-borderColor-checked-Checkbox-success)", "Input:backgroundColor-checked-Checkbox-success": "var(--xmlui-backgroundColor-checked-Checkbox-success)", "Input:backgroundColor-Switch": "var(--xmlui-backgroundColor-Switch)", "Input:borderColor-Switch": "var(--xmlui-borderColor-Switch)", "backgroundColor-indicator-Switch": "var(--xmlui-backgroundColor-indicator-Switch)", "backgroundColor-checked-Switch": "var(--xmlui-backgroundColor-checked-Switch)", "backgroundColor-indicator-checked-Switch": "var(--xmlui-backgroundColor-indicator-checked-Switch)", "Input:borderColor-Switch-default--hover": "var(--xmlui-borderColor-Switch-default--hover)", "Input:backgroundColor-Switch--disabled": "var(--xmlui-backgroundColor-Switch--disabled)", "Input:borderColor-Switch--disabled": "var(--xmlui-borderColor-Switch--disabled)", "Input:borderColor-checked-Switch": "var(--xmlui-borderColor-checked-Switch)", "Input:backgroundColor-checked-Switch": "var(--xmlui-backgroundColor-checked-Switch)", "Input:borderColor-checked-Switch-error": "var(--xmlui-borderColor-checked-Switch-error)", "Input:backgroundColor-checked-Switch-error": "var(--xmlui-backgroundColor-checked-Switch-error)", "Input:borderColor-checked-Switch-warning": "var(--xmlui-borderColor-checked-Switch-warning)", "Input:backgroundColor-checked-Switch-warning": "var(--xmlui-backgroundColor-checked-Switch-warning)", "Input:borderColor-checked-Switch-success": "var(--xmlui-borderColor-checked-Switch-success)", "Input:backgroundColor-checked-Switch-success": "var(--xmlui-backgroundColor-checked-Switch-success)", "Input:outlineWidth-Switch--focus": "var(--xmlui-outlineWidth-Switch--focus)", "Input:outlineColor-Switch--focus": "var(--xmlui-outlineColor-Switch--focus)", "Input:outlineStyle-Switch--focus": "var(--xmlui-outlineStyle-Switch--focus)", "Input:outlineOffset-Switch--focus": "var(--xmlui-outlineOffset-Switch--focus)", "backgroundColor-Switch-indicator--disabled": "var(--xmlui-backgroundColor-Switch-indicator--disabled)", "Input:borderColor-Switch-error": "var(--xmlui-borderColor-Switch-error)", "Input:borderColor-Switch-warning": "var(--xmlui-borderColor-Switch-warning)", "Input:borderColor-Switch-success": "var(--xmlui-borderColor-Switch-success)"}'`;
|
|
12361
|
-
const resetAppearance = "
|
|
12362
|
-
const label$1 = "
|
|
12363
|
-
const inputContainer = "
|
|
12364
|
-
const checkbox = "
|
|
12365
|
-
const
|
|
12366
|
-
const
|
|
12367
|
-
const
|
|
12363
|
+
const resetAppearance = "_resetAppearance_1onhr_14";
|
|
12364
|
+
const label$1 = "_label_1onhr_21";
|
|
12365
|
+
const inputContainer = "_inputContainer_1onhr_24";
|
|
12366
|
+
const checkbox = "_checkbox_1onhr_31";
|
|
12367
|
+
const forceHover = "_forceHover_1onhr_60";
|
|
12368
|
+
const error$c = "_error_1onhr_63";
|
|
12369
|
+
const warning$d = "_warning_1onhr_74";
|
|
12370
|
+
const valid$c = "_valid_1onhr_85";
|
|
12368
12371
|
const styles$11 = {
|
|
12369
12372
|
themeVars: themeVars$H,
|
|
12370
12373
|
resetAppearance,
|
|
12371
12374
|
label: label$1,
|
|
12372
12375
|
inputContainer,
|
|
12373
12376
|
checkbox,
|
|
12377
|
+
forceHover,
|
|
12374
12378
|
error: error$c,
|
|
12375
12379
|
warning: warning$d,
|
|
12376
12380
|
valid: valid$c,
|
|
12377
|
-
"switch": "
|
|
12381
|
+
"switch": "_switch_1onhr_144"
|
|
12378
12382
|
};
|
|
12379
12383
|
const defaultProps$$ = {
|
|
12380
12384
|
initialValue: false,
|
|
@@ -12403,6 +12407,7 @@ const Toggle = forwardRef(function Toggle2({
|
|
|
12403
12407
|
autoFocus,
|
|
12404
12408
|
registerComponentApi,
|
|
12405
12409
|
inputRenderer,
|
|
12410
|
+
forceHover: forceHover2 = false,
|
|
12406
12411
|
...rest
|
|
12407
12412
|
}, forwardedRef) {
|
|
12408
12413
|
const innerRef = React__default.useRef(null);
|
|
@@ -12509,7 +12514,8 @@ const Toggle = forwardRef(function Toggle2({
|
|
|
12509
12514
|
[styles$11.switch]: variant === "switch",
|
|
12510
12515
|
[styles$11.error]: validationStatus === "error",
|
|
12511
12516
|
[styles$11.warning]: validationStatus === "warning",
|
|
12512
|
-
[styles$11.valid]: validationStatus === "valid"
|
|
12517
|
+
[styles$11.valid]: validationStatus === "valid",
|
|
12518
|
+
[styles$11.forceHover]: forceHover2
|
|
12513
12519
|
})
|
|
12514
12520
|
}
|
|
12515
12521
|
);
|
|
@@ -12530,7 +12536,8 @@ const Toggle = forwardRef(function Toggle2({
|
|
|
12530
12536
|
value,
|
|
12531
12537
|
variant,
|
|
12532
12538
|
indeterminate,
|
|
12533
|
-
autoFocus
|
|
12539
|
+
autoFocus,
|
|
12540
|
+
forceHover2
|
|
12534
12541
|
]);
|
|
12535
12542
|
return inputRenderer ? /* @__PURE__ */ jsxs("label", { className: styles$11.label, children: [
|
|
12536
12543
|
/* @__PURE__ */ jsx("div", { className: styles$11.inputContainer, children: input2 }),
|
|
@@ -13268,11 +13275,38 @@ const PaginationNative = forwardRef(function PaginationNative2({
|
|
|
13268
13275
|
);
|
|
13269
13276
|
});
|
|
13270
13277
|
const TablePaginationControlsLocationValues = ["top", "bottom", "both"];
|
|
13278
|
+
const CheckboxToleranceValues = ["none", "compact", "comfortable", "spacious"];
|
|
13271
13279
|
function defaultIsRowDisabled(_) {
|
|
13272
13280
|
return false;
|
|
13273
13281
|
}
|
|
13274
13282
|
const SELECT_COLUMN_WIDTH = 42;
|
|
13275
13283
|
const DEFAULT_PAGE_SIZES = [10];
|
|
13284
|
+
const getCheckboxTolerancePixels = (tolerance) => {
|
|
13285
|
+
switch (tolerance) {
|
|
13286
|
+
case "none":
|
|
13287
|
+
return 0;
|
|
13288
|
+
case "compact":
|
|
13289
|
+
return 8;
|
|
13290
|
+
case "comfortable":
|
|
13291
|
+
return 12;
|
|
13292
|
+
case "spacious":
|
|
13293
|
+
return 16;
|
|
13294
|
+
default:
|
|
13295
|
+
return 8;
|
|
13296
|
+
}
|
|
13297
|
+
};
|
|
13298
|
+
const isWithinCheckboxBoundary = (pointX, pointY, checkboxRect, tolerancePixels) => {
|
|
13299
|
+
const distanceToLeft = Math.abs(pointX - checkboxRect.left);
|
|
13300
|
+
const distanceToRight = Math.abs(pointX - checkboxRect.right);
|
|
13301
|
+
const distanceToTop = Math.abs(pointY - checkboxRect.top);
|
|
13302
|
+
const distanceToBottom = Math.abs(pointY - checkboxRect.bottom);
|
|
13303
|
+
const withinHorizontalBounds = pointX >= checkboxRect.left && pointX <= checkboxRect.right;
|
|
13304
|
+
const withinVerticalBounds = pointY >= checkboxRect.top && pointY <= checkboxRect.bottom;
|
|
13305
|
+
const withinCheckbox = withinHorizontalBounds && withinVerticalBounds;
|
|
13306
|
+
const nearHorizontalBoundary = withinVerticalBounds && (distanceToLeft <= tolerancePixels || distanceToRight <= tolerancePixels);
|
|
13307
|
+
const nearVerticalBoundary = withinHorizontalBounds && (distanceToTop <= tolerancePixels || distanceToBottom <= tolerancePixels);
|
|
13308
|
+
return withinCheckbox || nearHorizontalBoundary || nearVerticalBoundary;
|
|
13309
|
+
};
|
|
13276
13310
|
const getCommonPinningStyles = (column) => {
|
|
13277
13311
|
const isPinned = column.getIsPinned();
|
|
13278
13312
|
return {
|
|
@@ -13329,6 +13363,7 @@ const Table = forwardRef(
|
|
|
13329
13363
|
showCurrentPage = defaultProps$Z.showCurrentPage,
|
|
13330
13364
|
showPageInfo = defaultProps$Z.showPageInfo,
|
|
13331
13365
|
showPageSizeSelector = defaultProps$Z.showPageSizeSelector,
|
|
13366
|
+
checkboxTolerance = defaultProps$Z.checkboxTolerance,
|
|
13332
13367
|
...rest
|
|
13333
13368
|
// cols
|
|
13334
13369
|
}, forwardedRef) => {
|
|
@@ -13354,6 +13389,9 @@ const Table = forwardRef(
|
|
|
13354
13389
|
}
|
|
13355
13390
|
}, [autoFocus]);
|
|
13356
13391
|
const [visibleItems2, setVisibleItems] = useState(EMPTY_ARRAY);
|
|
13392
|
+
const [hoveredRowId, setHoveredRowId] = useState(null);
|
|
13393
|
+
const [headerCheckboxHovered, setHeaderCheckboxHovered] = useState(false);
|
|
13394
|
+
const tolerancePixels = getCheckboxTolerancePixels(checkboxTolerance);
|
|
13357
13395
|
const {
|
|
13358
13396
|
toggleRow,
|
|
13359
13397
|
checkAllRows,
|
|
@@ -13485,10 +13523,12 @@ const Table = forwardRef(
|
|
|
13485
13523
|
{
|
|
13486
13524
|
...{
|
|
13487
13525
|
className: classnames(styles$12.checkBoxWrapper, {
|
|
13488
|
-
[styles$12.showInHeader]: alwaysShowSelectionHeader
|
|
13526
|
+
[styles$12.showInHeader]: alwaysShowSelectionHeader,
|
|
13527
|
+
[styles$12.forceHoverWrapper]: headerCheckboxHovered
|
|
13489
13528
|
}),
|
|
13490
13529
|
value: table22.getIsAllRowsSelected(),
|
|
13491
13530
|
indeterminate: table22.getIsSomeRowsSelected(),
|
|
13531
|
+
forceHover: headerCheckboxHovered,
|
|
13492
13532
|
onDidChange: () => {
|
|
13493
13533
|
const allSelected2 = table22.getRowModel().rows.every((row2) => rowDisabledPredicate(row2.original) || row2.getIsSelected());
|
|
13494
13534
|
checkAllRows(!allSelected2);
|
|
@@ -13500,9 +13540,12 @@ const Table = forwardRef(
|
|
|
13500
13540
|
Toggle,
|
|
13501
13541
|
{
|
|
13502
13542
|
...{
|
|
13503
|
-
className: styles$12.checkBoxWrapper,
|
|
13543
|
+
className: classnames(styles$12.checkBoxWrapper, {
|
|
13544
|
+
[styles$12.forceHoverWrapper]: hoveredRowId === row2.id
|
|
13545
|
+
}),
|
|
13504
13546
|
value: row2.getIsSelected(),
|
|
13505
13547
|
indeterminate: row2.getIsSomeSelected(),
|
|
13548
|
+
forceHover: hoveredRowId === row2.id,
|
|
13506
13549
|
onDidChange: () => {
|
|
13507
13550
|
toggleRow(row2.original, { metaKey: true });
|
|
13508
13551
|
}
|
|
@@ -13518,7 +13561,9 @@ const Table = forwardRef(
|
|
|
13518
13561
|
alwaysShowSelectionHeader,
|
|
13519
13562
|
checkAllRows,
|
|
13520
13563
|
toggleRow,
|
|
13521
|
-
rowDisabledPredicate
|
|
13564
|
+
rowDisabledPredicate,
|
|
13565
|
+
hoveredRowId,
|
|
13566
|
+
headerCheckboxHovered
|
|
13522
13567
|
]);
|
|
13523
13568
|
const [pagination2, setPagination] = useState({
|
|
13524
13569
|
pageSize: isPaginated ? pageSize : Number.MAX_VALUE,
|
|
@@ -13703,6 +13748,67 @@ const Table = forwardRef(
|
|
|
13703
13748
|
className: classnames(styles$12.headerRow, {
|
|
13704
13749
|
[styles$12.allSelected]: table2.getIsAllRowsSelected()
|
|
13705
13750
|
}),
|
|
13751
|
+
onClick: (event) => {
|
|
13752
|
+
const target2 = event.target;
|
|
13753
|
+
const headerCell = target2.closest("th");
|
|
13754
|
+
if (headerCell && rowsSelectable && enableMultiRowSelection) {
|
|
13755
|
+
const header2 = headerGroup.headers.find((h) => {
|
|
13756
|
+
const headerElement = headerCell;
|
|
13757
|
+
return (headerElement == null ? void 0 : headerElement.getAttribute("data-column-id")) === h.id || h.id === "select";
|
|
13758
|
+
});
|
|
13759
|
+
if (header2 && header2.id === "select") {
|
|
13760
|
+
const clickX = event.clientX;
|
|
13761
|
+
const clickY = event.clientY;
|
|
13762
|
+
const checkbox2 = headerCell.querySelector('input[type="checkbox"]');
|
|
13763
|
+
if (checkbox2) {
|
|
13764
|
+
const checkboxRect = checkbox2.getBoundingClientRect();
|
|
13765
|
+
if (isWithinCheckboxBoundary(clickX, clickY, checkboxRect, tolerancePixels)) {
|
|
13766
|
+
event.preventDefault();
|
|
13767
|
+
event.stopPropagation();
|
|
13768
|
+
const allSelected2 = table2.getRowModel().rows.every((row2) => rowDisabledPredicate(row2.original) || row2.getIsSelected());
|
|
13769
|
+
checkAllRows(!allSelected2);
|
|
13770
|
+
}
|
|
13771
|
+
}
|
|
13772
|
+
}
|
|
13773
|
+
}
|
|
13774
|
+
},
|
|
13775
|
+
onMouseMove: (event) => {
|
|
13776
|
+
if (rowsSelectable && enableMultiRowSelection) {
|
|
13777
|
+
const target2 = event.target;
|
|
13778
|
+
const headerCell = target2.closest("th");
|
|
13779
|
+
if (headerCell) {
|
|
13780
|
+
const header2 = headerGroup.headers.find((h) => {
|
|
13781
|
+
const headerElement = headerCell;
|
|
13782
|
+
return (headerElement == null ? void 0 : headerElement.getAttribute("data-column-id")) === h.id || h.id === "select";
|
|
13783
|
+
});
|
|
13784
|
+
if (header2 && header2.id === "select") {
|
|
13785
|
+
const mouseX = event.clientX;
|
|
13786
|
+
const mouseY = event.clientY;
|
|
13787
|
+
const checkbox2 = headerCell.querySelector('input[type="checkbox"]');
|
|
13788
|
+
if (checkbox2) {
|
|
13789
|
+
const checkboxRect = checkbox2.getBoundingClientRect();
|
|
13790
|
+
const shouldShowHover = isWithinCheckboxBoundary(mouseX, mouseY, checkboxRect, tolerancePixels);
|
|
13791
|
+
if (shouldShowHover && !headerCheckboxHovered) {
|
|
13792
|
+
setHeaderCheckboxHovered(true);
|
|
13793
|
+
event.currentTarget.style.cursor = "pointer";
|
|
13794
|
+
} else if (!shouldShowHover && headerCheckboxHovered) {
|
|
13795
|
+
setHeaderCheckboxHovered(false);
|
|
13796
|
+
event.currentTarget.style.cursor = "";
|
|
13797
|
+
}
|
|
13798
|
+
}
|
|
13799
|
+
} else if (headerCheckboxHovered) {
|
|
13800
|
+
setHeaderCheckboxHovered(false);
|
|
13801
|
+
event.currentTarget.style.cursor = "";
|
|
13802
|
+
}
|
|
13803
|
+
}
|
|
13804
|
+
}
|
|
13805
|
+
},
|
|
13806
|
+
onMouseLeave: (event) => {
|
|
13807
|
+
if (headerCheckboxHovered) {
|
|
13808
|
+
setHeaderCheckboxHovered(false);
|
|
13809
|
+
event.currentTarget.style.cursor = "";
|
|
13810
|
+
}
|
|
13811
|
+
},
|
|
13706
13812
|
children: headerGroup.headers.map((header2, headerIndex) => {
|
|
13707
13813
|
var _a3, _b2, _c2;
|
|
13708
13814
|
const { width, ...style22 } = ((_a3 = header2.column.columnDef.meta) == null ? void 0 : _a3.style) || {};
|
|
@@ -13711,6 +13817,7 @@ const Table = forwardRef(
|
|
|
13711
13817
|
return /* @__PURE__ */ jsxs(
|
|
13712
13818
|
"th",
|
|
13713
13819
|
{
|
|
13820
|
+
"data-column-id": header2.id,
|
|
13714
13821
|
className: classnames(styles$12.columnCell, alignmentClass),
|
|
13715
13822
|
colSpan: header2.colSpan,
|
|
13716
13823
|
style: {
|
|
@@ -13807,8 +13914,41 @@ const Table = forwardRef(
|
|
|
13807
13914
|
if (target2.tagName.toLowerCase() === "input") {
|
|
13808
13915
|
return;
|
|
13809
13916
|
}
|
|
13917
|
+
const currentRow = event.currentTarget;
|
|
13918
|
+
const checkbox2 = currentRow.querySelector('input[type="checkbox"]');
|
|
13919
|
+
if (checkbox2) {
|
|
13920
|
+
const checkboxRect = checkbox2.getBoundingClientRect();
|
|
13921
|
+
const clickX = event.clientX;
|
|
13922
|
+
const clickY = event.clientY;
|
|
13923
|
+
if (isWithinCheckboxBoundary(clickX, clickY, checkboxRect, tolerancePixels)) {
|
|
13924
|
+
toggleRow(row2.original, { metaKey: true });
|
|
13925
|
+
return;
|
|
13926
|
+
}
|
|
13927
|
+
}
|
|
13810
13928
|
toggleRow(row2.original, event);
|
|
13811
13929
|
},
|
|
13930
|
+
onMouseMove: (event) => {
|
|
13931
|
+
const currentRow = event.currentTarget;
|
|
13932
|
+
const checkbox2 = currentRow.querySelector('input[type="checkbox"]');
|
|
13933
|
+
if (checkbox2) {
|
|
13934
|
+
const checkboxRect = checkbox2.getBoundingClientRect();
|
|
13935
|
+
const mouseX = event.clientX;
|
|
13936
|
+
const mouseY = event.clientY;
|
|
13937
|
+
const shouldShowHover = isWithinCheckboxBoundary(mouseX, mouseY, checkboxRect, tolerancePixels);
|
|
13938
|
+
if (shouldShowHover) {
|
|
13939
|
+
setHoveredRowId(row2.id);
|
|
13940
|
+
currentRow.style.cursor = "pointer";
|
|
13941
|
+
} else {
|
|
13942
|
+
setHoveredRowId(null);
|
|
13943
|
+
currentRow.style.cursor = "";
|
|
13944
|
+
}
|
|
13945
|
+
}
|
|
13946
|
+
},
|
|
13947
|
+
onMouseLeave: (event) => {
|
|
13948
|
+
const currentRow = event.currentTarget;
|
|
13949
|
+
currentRow.style.cursor = "";
|
|
13950
|
+
setHoveredRowId(null);
|
|
13951
|
+
},
|
|
13812
13952
|
children: row2.getVisibleCells().map((cell2, i) => {
|
|
13813
13953
|
var _a3, _b2;
|
|
13814
13954
|
const cellRenderer = (_b2 = (_a3 = cell2.column.columnDef) == null ? void 0 : _a3.meta) == null ? void 0 : _b2.cellRenderer;
|
|
@@ -13886,7 +14026,8 @@ const defaultProps$Z = {
|
|
|
13886
14026
|
showCurrentPage: true,
|
|
13887
14027
|
buttonRowPosition: "center",
|
|
13888
14028
|
pageSizeSelectorPosition: "start",
|
|
13889
|
-
pageInfoPosition: "end"
|
|
14029
|
+
pageInfoPosition: "end",
|
|
14030
|
+
checkboxTolerance: "compact"
|
|
13890
14031
|
};
|
|
13891
14032
|
const COMP$1l = "Table";
|
|
13892
14033
|
const TableMd = createMetadata({
|
|
@@ -14010,6 +14151,12 @@ const TableMd = createMetadata({
|
|
|
14010
14151
|
valueType: "string",
|
|
14011
14152
|
availableValues: ["top", "center", "bottom"],
|
|
14012
14153
|
defaultValue: "center"
|
|
14154
|
+
},
|
|
14155
|
+
checkboxTolerance: {
|
|
14156
|
+
description: `This property controls the tolerance area around checkboxes for easier interaction. This property only has an effect when the rowsSelectable property is set to \`true\`. \`none\` provides no tolerance (0px), \`compact\` provides minimal tolerance (8px), \`comfortable\` provides medium tolerance (12px), and \`spacious\` provides generous tolerance (16px) for improved accessibility.`,
|
|
14157
|
+
valueType: "string",
|
|
14158
|
+
availableValues: CheckboxToleranceValues,
|
|
14159
|
+
defaultValue: defaultProps$Z.checkboxTolerance
|
|
14013
14160
|
}
|
|
14014
14161
|
},
|
|
14015
14162
|
events: {
|
|
@@ -14197,6 +14344,7 @@ const TableWithColumns = memo(forwardRef(
|
|
|
14197
14344
|
showCurrentPage: extractValue.asOptionalBoolean(node.props.showCurrentPage),
|
|
14198
14345
|
showPageInfo: extractValue.asOptionalBoolean(node.props.showPageInfo),
|
|
14199
14346
|
showPageSizeSelector: extractValue.asOptionalBoolean(node.props.showPageSizeSelector),
|
|
14347
|
+
checkboxTolerance: extractValue.asOptionalString(node.props.checkboxTolerance),
|
|
14200
14348
|
initiallySelected: extractValue(node.props.initiallySelected),
|
|
14201
14349
|
syncWithAppState: extractValue(node.props.syncWithAppState)
|
|
14202
14350
|
}
|
|
@@ -15593,7 +15741,7 @@ const IconMd = createMetadata({
|
|
|
15593
15741
|
},
|
|
15594
15742
|
themeVars: parseScssVar(styles$1f.themeVars),
|
|
15595
15743
|
defaultThemeVars: {
|
|
15596
|
-
[`size-${COMP$1b}`]: "1.
|
|
15744
|
+
[`size-${COMP$1b}`]: "1.2em"
|
|
15597
15745
|
}
|
|
15598
15746
|
});
|
|
15599
15747
|
const iconComponentRenderer = createComponentRenderer(
|
|
@@ -20102,41 +20250,41 @@ function useLongPress(elementRef, action2, delay2 = 500) {
|
|
|
20102
20250
|
}, [elementRef, action2, delay2]);
|
|
20103
20251
|
}
|
|
20104
20252
|
const themeVars$o = `'{"padding-item-Select": "var(--xmlui-padding-item-Select)", "paddingHorizontal-item-Select": "var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select))", "paddingVertical-item-Select": "var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select))", "paddingLeft-item-Select": "var(--xmlui-paddingLeft-item-Select, var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select)))", "paddingRight-item-Select": "var(--xmlui-paddingRight-item-Select, var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select)))", "paddingTop-item-Select": "var(--xmlui-paddingTop-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)))", "paddingBottom-item-Select": "var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)))", "padding-Select": "var(--xmlui-padding-Select)", "paddingHorizontal-Select": "var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select))", "paddingVertical-Select": "var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select))", "paddingLeft-Select": "var(--xmlui-paddingLeft-Select, var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select)))", "paddingRight-Select": "var(--xmlui-paddingRight-Select, var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select)))", "paddingTop-Select": "var(--xmlui-paddingTop-Select, var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select)))", "paddingBottom-Select": "var(--xmlui-paddingBottom-Select, var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select)))", "Input:fontSize-Select-default": "var(--xmlui-fontSize-Select-default)", "Input:textColor-placeholder-Select-default": "var(--xmlui-textColor-placeholder-Select-default)", "Input:textColor-Select-default": "var(--xmlui-textColor-Select-default)", "Input:fontSize-Select-error": "var(--xmlui-fontSize-Select-error)", "Input:textColor-placeholder-Select-error": "var(--xmlui-textColor-placeholder-Select-error)", "Input:textColor-Select-error": "var(--xmlui-textColor-Select-error)", "Input:fontSize-Select-warning": "var(--xmlui-fontSize-Select-warning)", "Input:textColor-placeholder-Select-warning": "var(--xmlui-textColor-placeholder-Select-warning)", "Input:textColor-Select-warning": "var(--xmlui-textColor-Select-warning)", "Input:fontSize-Select-success": "var(--xmlui-fontSize-Select-success)", "Input:textColor-placeholder-Select-success": "var(--xmlui-textColor-placeholder-Select-success)", "Input:textColor-Select-success": "var(--xmlui-textColor-Select-success)", "Input:borderRadius-Select-default": "var(--xmlui-borderRadius-Select-default)", "Input:borderColor-Select-default": "var(--xmlui-borderColor-Select-default)", "Input:borderWidth-Select-default": "var(--xmlui-borderWidth-Select-default)", "Input:borderStyle-Select-default": "var(--xmlui-borderStyle-Select-default)", "Input:backgroundColor-Select-default": "var(--xmlui-backgroundColor-Select-default)", "Input:boxShadow-Select-default": "var(--xmlui-boxShadow-Select-default)", "Input:borderColor-Select-default--hover": "var(--xmlui-borderColor-Select-default--hover)", "Input:backgroundColor-Select-default--hover": "var(--xmlui-backgroundColor-Select-default--hover)", "Input:boxShadow-Select-default--hover": "var(--xmlui-boxShadow-Select-default--hover)", "Input:textColor-Select-default--hover": "var(--xmlui-textColor-Select-default--hover)", "Input:outlineWidth-Select-default--focus": "var(--xmlui-outlineWidth-Select-default--focus)", "Input:outlineColor-Select-default--focus": "var(--xmlui-outlineColor-Select-default--focus)", "Input:outlineStyle-Select-default--focus": "var(--xmlui-outlineStyle-Select-default--focus)", "Input:outlineOffset-Select-default--focus": "var(--xmlui-outlineOffset-Select-default--focus)", "Input:fontSize-placeholder-Select-default": "var(--xmlui-fontSize-placeholder-Select-default)", "Input:borderRadius-Select-error": "var(--xmlui-borderRadius-Select-error)", "Input:borderColor-Select-error": "var(--xmlui-borderColor-Select-error)", "Input:borderWidth-Select-error": "var(--xmlui-borderWidth-Select-error)", "Input:borderStyle-Select-error": "var(--xmlui-borderStyle-Select-error)", "Input:backgroundColor-Select-error": "var(--xmlui-backgroundColor-Select-error)", "Input:boxShadow-Select-error": "var(--xmlui-boxShadow-Select-error)", "Input:borderColor-Select-error--hover": "var(--xmlui-borderColor-Select-error--hover)", "Input:backgroundColor-Select-error--hover": "var(--xmlui-backgroundColor-Select-error--hover)", "Input:boxShadow-Select-error--hover": "var(--xmlui-boxShadow-Select-error--hover)", "Input:textColor-Select-error--hover": "var(--xmlui-textColor-Select-error--hover)", "Input:outlineWidth-Select-error--focus": "var(--xmlui-outlineWidth-Select-error--focus)", "Input:outlineColor-Select-error--focus": "var(--xmlui-outlineColor-Select-error--focus)", "Input:outlineStyle-Select-error--focus": "var(--xmlui-outlineStyle-Select-error--focus)", "Input:outlineOffset-Select-error--focus": "var(--xmlui-outlineOffset-Select-error--focus)", "Input:fontSize-placeholder-Select-error": "var(--xmlui-fontSize-placeholder-Select-error)", "Input:borderRadius-Select-warning": "var(--xmlui-borderRadius-Select-warning)", "Input:borderColor-Select-warning": "var(--xmlui-borderColor-Select-warning)", "Input:borderWidth-Select-warning": "var(--xmlui-borderWidth-Select-warning)", "Input:borderStyle-Select-warning": "var(--xmlui-borderStyle-Select-warning)", "Input:backgroundColor-Select-warning": "var(--xmlui-backgroundColor-Select-warning)", "Input:boxShadow-Select-warning": "var(--xmlui-boxShadow-Select-warning)", "Input:borderColor-Select-warning--hover": "var(--xmlui-borderColor-Select-warning--hover)", "Input:backgroundColor-Select-warning--hover": "var(--xmlui-backgroundColor-Select-warning--hover)", "Input:boxShadow-Select-warning--hover": "var(--xmlui-boxShadow-Select-warning--hover)", "Input:textColor-Select-warning--hover": "var(--xmlui-textColor-Select-warning--hover)", "Input:outlineWidth-Select-warning--focus": "var(--xmlui-outlineWidth-Select-warning--focus)", "Input:outlineColor-Select-warning--focus": "var(--xmlui-outlineColor-Select-warning--focus)", "Input:outlineStyle-Select-warning--focus": "var(--xmlui-outlineStyle-Select-warning--focus)", "Input:outlineOffset-Select-warning--focus": "var(--xmlui-outlineOffset-Select-warning--focus)", "Input:fontSize-placeholder-Select-warning": "var(--xmlui-fontSize-placeholder-Select-warning)", "Input:borderRadius-Select-success": "var(--xmlui-borderRadius-Select-success)", "Input:borderColor-Select-success": "var(--xmlui-borderColor-Select-success)", "Input:borderWidth-Select-success": "var(--xmlui-borderWidth-Select-success)", "Input:borderStyle-Select-success": "var(--xmlui-borderStyle-Select-success)", "Input:backgroundColor-Select-success": "var(--xmlui-backgroundColor-Select-success)", "Input:boxShadow-Select-success": "var(--xmlui-boxShadow-Select-success)", "Input:borderColor-Select-success--hover": "var(--xmlui-borderColor-Select-success--hover)", "Input:backgroundColor-Select-success--hover": "var(--xmlui-backgroundColor-Select-success--hover)", "Input:boxShadow-Select-success--hover": "var(--xmlui-boxShadow-Select-success--hover)", "Input:textColor-Select-success--hover": "var(--xmlui-textColor-Select-success--hover)", "Input:outlineWidth-Select-success--focus": "var(--xmlui-outlineWidth-Select-success--focus)", "Input:outlineColor-Select-success--focus": "var(--xmlui-outlineColor-Select-success--focus)", "Input:outlineStyle-Select-success--focus": "var(--xmlui-outlineStyle-Select-success--focus)", "Input:outlineOffset-Select-success--focus": "var(--xmlui-outlineOffset-Select-success--focus)", "Input:fontSize-placeholder-Select-success": "var(--xmlui-fontSize-placeholder-Select-success)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "Input:backgroundColor-Select--disabled": "var(--xmlui-backgroundColor-Select--disabled)", "Input:textColor-Select--disabled": "var(--xmlui-textColor-Select--disabled)", "Input:borderColor-Select--disabled": "var(--xmlui-borderColor-Select--disabled)", "paddingVertical-Select-badge": "var(--xmlui-paddingVertical-Select-badge)", "paddingHorizontal-Select-badge": "var(--xmlui-paddingHorizontal-Select-badge)", "borderRadius-Select-badge": "var(--xmlui-borderRadius-Select-badge)", "Input:fontSize-Select-badge": "var(--xmlui-fontSize-Select-badge)", "Input:backgroundColor-Select-badge": "var(--xmlui-backgroundColor-Select-badge)", "Input:textColor-Select-badge": "var(--xmlui-textColor-Select-badge)", "Input:backgroundColor-Select-badge--hover": "var(--xmlui-backgroundColor-Select-badge--hover)", "Input:textColor-Select-badge--hover": "var(--xmlui-textColor-Select-badge--hover)", "Input:backgroundColor-Select-badge--active": "var(--xmlui-backgroundColor-Select-badge--active)", "Input:textColor-Select-badge--active": "var(--xmlui-textColor-Select-badge--active)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:backgroundColor-menu-Select": "var(--xmlui-backgroundColor-menu-Select)", "Input:borderRadius-menu-Select": "var(--xmlui-borderRadius-menu-Select)", "Input:boxShadow-menu-Select": "var(--xmlui-boxShadow-menu-Select)", "Input:borderWidth-menu-Select": "var(--xmlui-borderWidth-menu-Select)", "Input:borderColor-menu-Select": "var(--xmlui-borderColor-menu-Select)", "backgroundColor-item-Select": "var(--xmlui-backgroundColor-item-Select)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "fontSize-Select": "var(--xmlui-fontSize-Select)", "backgroundColor-item-Select--active": "var(--xmlui-backgroundColor-item-Select--active)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)"}'`;
|
|
20105
|
-
const selectValue = "
|
|
20106
|
-
const error$9 = "
|
|
20107
|
-
const warning$a = "
|
|
20108
|
-
const valid$9 = "
|
|
20109
|
-
const selectTrigger = "
|
|
20110
|
-
const badgeListContainer = "
|
|
20111
|
-
const badgeList$1 = "
|
|
20112
|
-
const badge$1 = "
|
|
20113
|
-
const actions$1 = "
|
|
20114
|
-
const placeholder$1 = "
|
|
20115
|
-
const emptyList = "
|
|
20116
|
-
const selectScrollUpButton = "
|
|
20117
|
-
const selectScrollDownButton = "
|
|
20118
|
-
const command$1 = "
|
|
20119
|
-
const commandInputContainer = "
|
|
20120
|
-
const commandInput$1 = "
|
|
20121
|
-
const commandList$1 = "
|
|
20122
|
-
const selectContent = "
|
|
20123
|
-
const fadeIn = "
|
|
20124
|
-
const zoomIn = "
|
|
20125
|
-
const fadeOut = "
|
|
20126
|
-
const zoomOut = "
|
|
20127
|
-
const slideInFromTop = "
|
|
20128
|
-
const slideInFromRight = "
|
|
20129
|
-
const slideInFromLeft = "
|
|
20130
|
-
const slideInFromBottom = "
|
|
20131
|
-
const multiComboboxOption = "
|
|
20132
|
-
const multiComboboxOptionContent = "
|
|
20133
|
-
const selectItem = "
|
|
20134
|
-
const selectItemContent = "
|
|
20135
|
-
const selectItemIndicator = "
|
|
20136
|
-
const selectViewport = "
|
|
20137
|
-
const selectEmpty = "
|
|
20138
|
-
const loading = "
|
|
20139
|
-
const srOnly = "
|
|
20253
|
+
const selectValue = "_selectValue_11axh_14";
|
|
20254
|
+
const error$9 = "_error_11axh_22";
|
|
20255
|
+
const warning$a = "_warning_11axh_30";
|
|
20256
|
+
const valid$9 = "_valid_11axh_38";
|
|
20257
|
+
const selectTrigger = "_selectTrigger_11axh_46";
|
|
20258
|
+
const badgeListContainer = "_badgeListContainer_11axh_175";
|
|
20259
|
+
const badgeList$1 = "_badgeList_11axh_175";
|
|
20260
|
+
const badge$1 = "_badge_11axh_175";
|
|
20261
|
+
const actions$1 = "_actions_11axh_212";
|
|
20262
|
+
const placeholder$1 = "_placeholder_11axh_217";
|
|
20263
|
+
const emptyList = "_emptyList_11axh_221";
|
|
20264
|
+
const selectScrollUpButton = "_selectScrollUpButton_11axh_230";
|
|
20265
|
+
const selectScrollDownButton = "_selectScrollDownButton_11axh_238";
|
|
20266
|
+
const command$1 = "_command_11axh_246";
|
|
20267
|
+
const commandInputContainer = "_commandInputContainer_11axh_255";
|
|
20268
|
+
const commandInput$1 = "_commandInput_11axh_255";
|
|
20269
|
+
const commandList$1 = "_commandList_11axh_278";
|
|
20270
|
+
const selectContent = "_selectContent_11axh_282";
|
|
20271
|
+
const fadeIn = "_fadeIn_11axh_1";
|
|
20272
|
+
const zoomIn = "_zoomIn_11axh_1";
|
|
20273
|
+
const fadeOut = "_fadeOut_11axh_1";
|
|
20274
|
+
const zoomOut = "_zoomOut_11axh_1";
|
|
20275
|
+
const slideInFromTop = "_slideInFromTop_11axh_1";
|
|
20276
|
+
const slideInFromRight = "_slideInFromRight_11axh_1";
|
|
20277
|
+
const slideInFromLeft = "_slideInFromLeft_11axh_1";
|
|
20278
|
+
const slideInFromBottom = "_slideInFromBottom_11axh_1";
|
|
20279
|
+
const multiComboboxOption = "_multiComboboxOption_11axh_323";
|
|
20280
|
+
const multiComboboxOptionContent = "_multiComboboxOptionContent_11axh_323";
|
|
20281
|
+
const selectItem = "_selectItem_11axh_347";
|
|
20282
|
+
const selectItemContent = "_selectItemContent_11axh_362";
|
|
20283
|
+
const selectItemIndicator = "_selectItemIndicator_11axh_381";
|
|
20284
|
+
const selectViewport = "_selectViewport_11axh_391";
|
|
20285
|
+
const selectEmpty = "_selectEmpty_11axh_396";
|
|
20286
|
+
const loading = "_loading_11axh_406";
|
|
20287
|
+
const srOnly = "_srOnly_11axh_409";
|
|
20140
20288
|
const styles$J = {
|
|
20141
20289
|
themeVars: themeVars$o,
|
|
20142
20290
|
selectValue,
|
|
@@ -21121,8 +21269,8 @@ const DatePicker = forwardRef(function DatePicker2({
|
|
|
21121
21269
|
dateFormat = defaultProps$B.dateFormat,
|
|
21122
21270
|
showWeekNumber = defaultProps$B.showWeekNumber,
|
|
21123
21271
|
weekStartsOn = defaultProps$B.weekStartsOn,
|
|
21124
|
-
|
|
21125
|
-
|
|
21272
|
+
startDate,
|
|
21273
|
+
endDate,
|
|
21126
21274
|
disabledDates = defaultProps$B.disabledDates,
|
|
21127
21275
|
style: style2,
|
|
21128
21276
|
className,
|
|
@@ -21165,12 +21313,12 @@ const DatePicker = forwardRef(function DatePicker2({
|
|
|
21165
21313
|
);
|
|
21166
21314
|
}
|
|
21167
21315
|
}, [dateFormat]);
|
|
21168
|
-
const
|
|
21169
|
-
return
|
|
21170
|
-
}, [
|
|
21171
|
-
const
|
|
21172
|
-
return
|
|
21173
|
-
}, [
|
|
21316
|
+
const _startDate = useMemo(() => {
|
|
21317
|
+
return startDate ? parse(startDate, dateFormat, /* @__PURE__ */ new Date()) : void 0;
|
|
21318
|
+
}, [startDate, dateFormat]);
|
|
21319
|
+
const _endDate = useMemo(() => {
|
|
21320
|
+
return endDate ? parse(endDate, dateFormat, /* @__PURE__ */ new Date()) : void 0;
|
|
21321
|
+
}, [endDate, dateFormat]);
|
|
21174
21322
|
const defaultMonth = useMemo(() => {
|
|
21175
21323
|
if (mode === "single" && selected2) {
|
|
21176
21324
|
return selected2;
|
|
@@ -21324,32 +21472,42 @@ const DatePicker = forwardRef(function DatePicker2({
|
|
|
21324
21472
|
},
|
|
21325
21473
|
[onDidChange, updateState, mode, dateFormat, readOnly2]
|
|
21326
21474
|
);
|
|
21327
|
-
return inline ? /* @__PURE__ */ jsx(
|
|
21328
|
-
|
|
21475
|
+
return inline ? /* @__PURE__ */ jsx(
|
|
21476
|
+
"div",
|
|
21329
21477
|
{
|
|
21330
|
-
|
|
21331
|
-
|
|
21332
|
-
|
|
21333
|
-
|
|
21334
|
-
|
|
21335
|
-
|
|
21336
|
-
|
|
21337
|
-
|
|
21338
|
-
|
|
21339
|
-
|
|
21340
|
-
|
|
21341
|
-
|
|
21342
|
-
|
|
21343
|
-
|
|
21344
|
-
|
|
21345
|
-
|
|
21346
|
-
|
|
21347
|
-
|
|
21348
|
-
|
|
21349
|
-
|
|
21350
|
-
|
|
21478
|
+
ref,
|
|
21479
|
+
...rest,
|
|
21480
|
+
style: style2,
|
|
21481
|
+
className: classnames(styles$H.inlinePickerMenu, className),
|
|
21482
|
+
tabIndex: 0,
|
|
21483
|
+
children: /* @__PURE__ */ jsx(
|
|
21484
|
+
DayPicker,
|
|
21485
|
+
{
|
|
21486
|
+
id,
|
|
21487
|
+
required: void 0,
|
|
21488
|
+
captionLayout: "dropdown",
|
|
21489
|
+
fixedWeeks: true,
|
|
21490
|
+
startMonth: _startDate,
|
|
21491
|
+
endMonth: _endDate,
|
|
21492
|
+
month: inlineMonth,
|
|
21493
|
+
onMonthChange: setInlineMonth,
|
|
21494
|
+
disabled: disabled2,
|
|
21495
|
+
weekStartsOn: _weekStartsOn,
|
|
21496
|
+
showWeekNumber,
|
|
21497
|
+
showOutsideDays: true,
|
|
21498
|
+
classNames: styles$H,
|
|
21499
|
+
mode: mode === "single" ? "single" : "range",
|
|
21500
|
+
selected: selected2,
|
|
21501
|
+
onSelect: handleSelect,
|
|
21502
|
+
autoFocus,
|
|
21503
|
+
numberOfMonths: mode === "range" ? 2 : 1,
|
|
21504
|
+
components: {
|
|
21505
|
+
Chevron
|
|
21506
|
+
}
|
|
21507
|
+
}
|
|
21508
|
+
)
|
|
21351
21509
|
}
|
|
21352
|
-
)
|
|
21510
|
+
) : /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
|
|
21353
21511
|
/* @__PURE__ */ jsxs(
|
|
21354
21512
|
PopoverTrigger,
|
|
21355
21513
|
{
|
|
@@ -21403,8 +21561,8 @@ const DatePicker = forwardRef(function DatePicker2({
|
|
|
21403
21561
|
autoFocus,
|
|
21404
21562
|
classNames: styles$H,
|
|
21405
21563
|
captionLayout: "dropdown",
|
|
21406
|
-
startMonth:
|
|
21407
|
-
endMonth:
|
|
21564
|
+
startMonth: _startDate,
|
|
21565
|
+
endMonth: _endDate,
|
|
21408
21566
|
defaultMonth,
|
|
21409
21567
|
disabled: disabled2,
|
|
21410
21568
|
weekStartsOn: _weekStartsOn,
|
|
@@ -23870,7 +24028,7 @@ function ApiInterceptorProvider({
|
|
|
23870
24028
|
return;
|
|
23871
24029
|
}
|
|
23872
24030
|
(async () => {
|
|
23873
|
-
const { initMock } = await import("./initMock-
|
|
24031
|
+
const { initMock } = await import("./initMock-BMxsanHc.mjs");
|
|
23874
24032
|
const apiInstance2 = await initMock(interceptor);
|
|
23875
24033
|
setApiInstance(apiInstance2);
|
|
23876
24034
|
setInitialized(true);
|
|
@@ -23887,7 +24045,7 @@ function ApiInterceptorProvider({
|
|
|
23887
24045
|
if (process.env.VITE_MOCK_ENABLED) {
|
|
23888
24046
|
const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
|
|
23889
24047
|
useWorker ? import("./apiInterceptorWorker-DPgtUtdA.mjs") : Promise.resolve({ createApiInterceptorWorker: () => null }),
|
|
23890
|
-
import("./initMock-
|
|
24048
|
+
import("./initMock-BMxsanHc.mjs")
|
|
23891
24049
|
]);
|
|
23892
24050
|
if (interceptor || forceInitialize) {
|
|
23893
24051
|
const apiInstance2 = await initMock(interceptor || {});
|
|
@@ -23924,7 +24082,7 @@ function ApiInterceptorProvider({
|
|
|
23924
24082
|
(async () => {
|
|
23925
24083
|
const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
|
|
23926
24084
|
import("./apiInterceptorWorker-DPgtUtdA.mjs"),
|
|
23927
|
-
import("./initMock-
|
|
24085
|
+
import("./initMock-BMxsanHc.mjs")
|
|
23928
24086
|
]);
|
|
23929
24087
|
const apiInstance2 = await initMock(interceptor);
|
|
23930
24088
|
await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
|
|
@@ -33799,20 +33957,20 @@ const DatePickerMd = createMetadata({
|
|
|
33799
33957
|
}
|
|
33800
33958
|
]
|
|
33801
33959
|
},
|
|
33802
|
-
|
|
33803
|
-
description: "The
|
|
33960
|
+
startDate: {
|
|
33961
|
+
description: "The earliest month to start the month navigation from (inclusive). If not defined, the component allows any dates in the past. Accepts the same date format as the `initialValue`.Example: '2023-01-01' ensures the first month to select a date from is January 2023.",
|
|
33804
33962
|
valueType: "string"
|
|
33805
33963
|
},
|
|
33806
|
-
|
|
33807
|
-
description: "The
|
|
33964
|
+
endDate: {
|
|
33965
|
+
description: "The latest month to start the month navigation from (inclusive). If not defined, the component allows any future dates. Accepts the same date format as the `initialValue`.Example: '2023-12-31' ensures the last month to select a date from is December 2023.",
|
|
33808
33966
|
valueType: "string"
|
|
33809
33967
|
},
|
|
33810
33968
|
disabledDates: {
|
|
33811
|
-
description: "An optional array of dates that are disabled",
|
|
33969
|
+
description: "An optional array of dates that are to be disabled.",
|
|
33812
33970
|
valueType: "any"
|
|
33813
33971
|
},
|
|
33814
33972
|
inline: {
|
|
33815
|
-
description: "
|
|
33973
|
+
description: "If set to true, the calendar is always visible and its panel is rendered as part of the layout. If false, the calendar is shown in a popup when the input is focused or clicked.",
|
|
33816
33974
|
valueType: "boolean",
|
|
33817
33975
|
defaultValue: defaultProps$B.inline
|
|
33818
33976
|
},
|
|
@@ -33887,8 +34045,8 @@ const datePickerComponentRenderer = createComponentRenderer(
|
|
|
33887
34045
|
dateFormat: extractValue(node.props.dateFormat),
|
|
33888
34046
|
showWeekNumber: extractValue.asOptionalBoolean(node.props.showWeekNumber),
|
|
33889
34047
|
weekStartsOn: extractValue(node.props.weekStartsOn),
|
|
33890
|
-
|
|
33891
|
-
|
|
34048
|
+
startDate: extractValue(node.props.startDate),
|
|
34049
|
+
endDate: extractValue(node.props.endDate),
|
|
33892
34050
|
disabledDates: extractValue(node.props.disabledDates),
|
|
33893
34051
|
inline: extractValue.asOptionalBoolean(node.props.inline),
|
|
33894
34052
|
startText: extractValue.asOptionalString(node.props.startText),
|
|
@@ -35592,7 +35750,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
|
|
|
35592
35750
|
handleChange(timeString);
|
|
35593
35751
|
}
|
|
35594
35752
|
},
|
|
35595
|
-
[hour2, minute2, second2, amPm, is12HourFormat, handleChange]
|
|
35753
|
+
[hour2, minute2, second2, formatTimeValue, amPm, is12HourFormat, handleChange]
|
|
35596
35754
|
);
|
|
35597
35755
|
const handleHourChange = useMemo(
|
|
35598
35756
|
() => createInputChangeHandler(
|
|
@@ -35653,7 +35811,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
|
|
|
35653
35811
|
setAmPm(newAmPm);
|
|
35654
35812
|
const timeString = formatTimeValue(hour2, minute2, second2, newAmPm, is12HourFormat);
|
|
35655
35813
|
handleChange(timeString);
|
|
35656
|
-
}, [amPm, hour2, minute2, second2, is12HourFormat, handleChange]);
|
|
35814
|
+
}, [amPm, formatTimeValue, hour2, minute2, second2, is12HourFormat, handleChange]);
|
|
35657
35815
|
const handleAmPmSet = useCallback(
|
|
35658
35816
|
(targetAmPm) => {
|
|
35659
35817
|
if (amPm === targetAmPm) return;
|
|
@@ -35661,7 +35819,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
|
|
|
35661
35819
|
const timeString = formatTimeValue(hour2, minute2, second2, targetAmPm, is12HourFormat);
|
|
35662
35820
|
handleChange(timeString);
|
|
35663
35821
|
},
|
|
35664
|
-
[amPm, hour2, minute2, second2, is12HourFormat, handleChange]
|
|
35822
|
+
[amPm, formatTimeValue, hour2, minute2, second2, is12HourFormat, handleChange]
|
|
35665
35823
|
);
|
|
35666
35824
|
const focus = useCallback(() => {
|
|
35667
35825
|
var _a2;
|
|
@@ -35754,21 +35912,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
|
|
|
35754
35912
|
setTimeout(() => {
|
|
35755
35913
|
focus();
|
|
35756
35914
|
}, 0);
|
|
35757
|
-
}, [
|
|
35758
|
-
stableInitialValue,
|
|
35759
|
-
handleChange,
|
|
35760
|
-
localValue,
|
|
35761
|
-
controlledValue,
|
|
35762
|
-
hour2,
|
|
35763
|
-
minute2,
|
|
35764
|
-
second2,
|
|
35765
|
-
amPm,
|
|
35766
|
-
setHour,
|
|
35767
|
-
setMinute,
|
|
35768
|
-
setSecond,
|
|
35769
|
-
setAmPm,
|
|
35770
|
-
focus
|
|
35771
|
-
]);
|
|
35915
|
+
}, [clearToInitialValue, stableInitialValue, handleChange, is12HourFormat, focus]);
|
|
35772
35916
|
function stopPropagation(event) {
|
|
35773
35917
|
event.stopPropagation();
|
|
35774
35918
|
}
|
|
@@ -36016,6 +36160,7 @@ function AmPmButton({
|
|
|
36016
36160
|
);
|
|
36017
36161
|
}
|
|
36018
36162
|
function HourInput({
|
|
36163
|
+
id,
|
|
36019
36164
|
amPm,
|
|
36020
36165
|
maxTime,
|
|
36021
36166
|
minTime,
|
|
@@ -36063,6 +36208,7 @@ function HourInput({
|
|
|
36063
36208
|
return /* @__PURE__ */ jsx(
|
|
36064
36209
|
PartialInput,
|
|
36065
36210
|
{
|
|
36211
|
+
id,
|
|
36066
36212
|
"data-part-id": PART_HOUR,
|
|
36067
36213
|
value: displayValue,
|
|
36068
36214
|
emptyCharacter,
|
|
@@ -45378,7 +45524,7 @@ function IconProvider({ children }) {
|
|
|
45378
45524
|
/* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
|
|
45379
45525
|
] });
|
|
45380
45526
|
}
|
|
45381
|
-
const version = "0.10.
|
|
45527
|
+
const version = "0.10.19";
|
|
45382
45528
|
const miscellaneousUtils = {
|
|
45383
45529
|
capitalize,
|
|
45384
45530
|
pluralize: pluralize$1,
|