@hitachivantara/uikit-react-core 5.11.0 → 5.13.0
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/components/BaseInput/BaseInput.cjs +7 -3
- package/dist/cjs/components/BaseInput/BaseInput.cjs.map +1 -1
- package/dist/cjs/components/Calendar/Calendar.cjs +4 -0
- package/dist/cjs/components/Calendar/Calendar.cjs.map +1 -1
- package/dist/cjs/components/Calendar/CalendarHeader/CalendarHeader.cjs +3 -3
- package/dist/cjs/components/Calendar/CalendarHeader/CalendarHeader.cjs.map +1 -1
- package/dist/cjs/components/Calendar/CalendarHeader/CalendarHeader.styles.cjs +23 -12
- package/dist/cjs/components/Calendar/CalendarHeader/CalendarHeader.styles.cjs.map +1 -1
- package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.cjs +3 -1
- package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.cjs +5 -3
- package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/Counter/Counter.cjs +1 -2
- package/dist/cjs/components/FilterGroup/Counter/Counter.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs +9 -21
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/TableCell/TableCell.styles.cjs +1 -1
- package/dist/cjs/components/Table/TableCell/TableCell.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs +4 -4
- package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs.map +1 -1
- package/dist/esm/components/BaseInput/BaseInput.js +7 -3
- package/dist/esm/components/BaseInput/BaseInput.js.map +1 -1
- package/dist/esm/components/Calendar/Calendar.js +4 -0
- package/dist/esm/components/Calendar/Calendar.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js +4 -4
- package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.styles.js +24 -13
- package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.js +3 -1
- package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +5 -3
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/FilterGroup/Counter/Counter.js +1 -2
- package/dist/esm/components/FilterGroup/Counter/Counter.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js +9 -21
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js.map +1 -1
- package/dist/esm/components/Table/TableCell/TableCell.styles.js +1 -1
- package/dist/esm/components/Table/TableCell/TableCell.styles.js.map +1 -1
- package/dist/esm/components/Table/TableRow/TableRow.styles.js +4 -4
- package/dist/esm/components/Table/TableRow/TableRow.styles.js.map +1 -1
- package/dist/types/index.d.ts +14 -2
- package/package.json +5 -5
|
@@ -12,8 +12,8 @@ const FormElementContext = require("../Forms/FormElement/context/FormElementCont
|
|
|
12
12
|
const FormElementDescriptorsContext = require("../Forms/FormElement/context/FormElementDescriptorsContext.cjs");
|
|
13
13
|
const baseInputStyles = /* @__PURE__ */ react.css({
|
|
14
14
|
"input:-webkit-autofill": {
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
WebkitBoxShadow: `0 0 0px 1000px ${uikitStyles.theme.colors.atmo1} inset`,
|
|
16
|
+
WebkitTextFillColor: uikitStyles.theme.colors.secondary
|
|
17
17
|
},
|
|
18
18
|
// Clears number input up/down arrows in Chrome and Firefox
|
|
19
19
|
"input::-webkit-outer-spin-button, input::-webkit-inner-spin-button": {
|
|
@@ -23,11 +23,15 @@ const baseInputStyles = /* @__PURE__ */ react.css({
|
|
|
23
23
|
"input[type=number]": {
|
|
24
24
|
MozAppearance: "textfield"
|
|
25
25
|
},
|
|
26
|
+
// Clears time input clock in Chrome
|
|
27
|
+
"input::-webkit-calendar-picker-indicator": {
|
|
28
|
+
display: "none"
|
|
29
|
+
},
|
|
26
30
|
// Clears search input clear button in Chrome
|
|
27
31
|
"input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration": {
|
|
28
32
|
display: "none"
|
|
29
33
|
}
|
|
30
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxuICBJbnB1dCBhcyBNdWlJbnB1dCxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIkBjb3JlL3R5cGVzXCI7XG5pbXBvcnQge1xuICBIdkZvcm1FbGVtZW50Q29udGV4dCxcbiAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCxcbiAgYnVpbGRGb3JtRWxlbWVudFByb3BzRnJvbUNvbnRleHQsXG4gIGJ1aWxkQXJpYVByb3BzRnJvbUNvbnRleHQsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgYXMgZW1vdGlvbkNzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9CYXNlSW5wdXQuc3R5bGVzXCI7XG5cbi8vIEdsb2JhbCBzdHlsZXMgZm9yIHRoZSBiYXNlIGlucHV0LlxuY29uc3QgYmFzZUlucHV0U3R5bGVzID0gZW1vdGlvbkNzcyh7XG4gIFwiaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbFwiOiB7XG4gICAgXCItd2Via2l0LWJveC1zaGFkb3dcIjogYDAgMCAwcHggMTAwMHB4ICR7dGhlbWUuY29sb3JzLmF0bW8xfSBpbnNldGAsXG4gICAgXCItd2Via2l0LXRleHQtZmlsbC1jb2xvclwiOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxuXG4gIC8vIENsZWFycyBudW1iZXIgaW5wdXQgdXAvZG93biBhcnJvd3MgaW4gQ2hyb21lIGFuZCBGaXJlZm94XG4gIFwiaW5wdXQ6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b25cIjoge1xuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPW51bWJlcl1cIjoge1xuICAgIE1vekFwcGVhcmFuY2U6IFwidGV4dGZpZWxkXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHNlYXJjaCBpbnB1dCBjbGVhciBidXR0b24gaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uLFxcXG4gIGlucHV0Ojotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB8IFwib25DaGFuZ2VcIlxuICAgICAgfCBcImNvbG9yXCJcbiAgICAgIHwgXCJvbkJsdXJcIlxuICAgICAgfCBcIm9uRm9jdXNcIlxuICAgICAgfCBcIm9uSW52YWxpZFwiXG4gICAgICB8IFwib25LZXlEb3duXCJcbiAgICAgIHwgXCJvbktleVVwXCJcbiAgICA+IHtcbiAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICBuYW1lPzogc3RyaW5nO1xuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiBjb250cm9sbGVkLiAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqIFRoZSBpbml0aWFsIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiB1bmNvbnRyb2xsZWQuICovXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBpcyBub3QgZWRpdGFibGUuICovXG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUsIHRoZSBpbnB1dCBlbGVtZW50IHdpbGwgYmUgcmVxdWlyZWQuICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgKiBpdCByZWNlaXZlcyB0aGUgdmFsdWUuIElmIGEgbmV3IHZhbHVlIHNob3VsZCBiZSBwcmVzZW50ZWQgaXQgbXVzdCByZXR1cm5lZCBpdC4gKi9cbiAgb25DaGFuZ2U/OiAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICB2YWx1ZTogc3RyaW5nXG4gICkgPT4gdm9pZDtcbiAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICB0eXBlPzogc3RyaW5nO1xuICAvKiogTGFiZWwgaW5zaWRlIHRoZSBpbnB1dCB1c2VkIHRvIGhlbHAgdXNlci4gKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBJZiB0cnVlLCBhIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZW5kZXJlZC4gKi9cbiAgbXVsdGlsaW5lPzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gIC8qKiBEZW5vdGVzIGlmIHRoZSBpbnB1dCBpcyBpbiBhbiBpbnZhbGlkIHN0YXRlLiAqL1xuICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgLyoqIEF0dHJpYnV0ZXMgYXBwbGllZCB0byB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgaW5wdXRQcm9wcz86IE11aUlucHV0QmFzZUNvbXBvbmVudFByb3BzO1xuICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xufVxuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBpZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGRlZmF1bHRWYWx1ZSxcbiAgcmVxdWlyZWQsXG4gIHJlYWRPbmx5LFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgcGxhY2Vob2xkZXIsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICByZXNpemFibGUgPSBmYWxzZSxcbiAgaW52YWxpZCA9IGZhbHNlLFxuICBpbnB1dFJlZixcbiAgaW5wdXRQcm9wcyA9IHt9LFxuICAuLi5vdGhlcnNcbn06IEh2QmFzZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybUVsZW1lbnRDb250ZXh0ID0gdXNlQ29udGV4dChIdkZvcm1FbGVtZW50Q29udGV4dCk7XG4gIGNvbnN0IGZvcm1FbGVtZW50UHJvcHMgPSBidWlsZEZvcm1FbGVtZW50UHJvcHNGcm9tQ29udGV4dChcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHN0YXR1cyxcbiAgICBmb3JtRWxlbWVudENvbnRleHRcbiAgKTtcblxuICBjb25zdCBsb2NhbEludmFsaWQgPSBpbnZhbGlkIHx8IGZvcm1FbGVtZW50UHJvcHMuc3RhdHVzID09PSBcImludmFsaWRcIjtcblxuICBjb25zdCBmb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCA9IHVzZUNvbnRleHQoXG4gICAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dFxuICApO1xuICBjb25zdCBhcmlhUHJvcHMgPSBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0KFxuICAgIGlucHV0UHJvcHMsXG4gICAgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gICAgbG9jYWxJbnZhbGlkLFxuICAgIGlkXG4gICk7XG5cbiAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKFxuICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudCwgZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDbGFzc05hbWVzPlxuICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHbG9iYWwgc3R5bGVzPXtiYXNlSW5wdXRTdHlsZXN9IC8+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5yb290LFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGJhc2VJbnB1dENsYXNzZXMuZGlzYWJsZWQsXG4gICAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJiBiYXNlSW5wdXRDbGFzc2VzLmludmFsaWQsXG4gICAgICAgICAgICAgIG11bHRpbGluZSAmJiByZXNpemFibGUgJiYgYmFzZUlucHV0Q2xhc3Nlcy5yZXNpemFibGUsXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgYmFzZUlucHV0Q2xhc3Nlcy5yZWFkT25seSxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJiBjc3Moc3R5bGVzLmRpc2FibGVkKSxcbiAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNzcyhzdHlsZXMuaW52YWxpZCksXG4gICAgICAgICAgICAgIG11bHRpbGluZSAmJiByZXNpemFibGUgJiYgY3NzKHN0eWxlcy5yZXNpemFibGUpLFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNzcyhzdHlsZXMucmVhZE9ubHkpLFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgY2xhc3Nlcz8uZGlzYWJsZWQsXG4gICAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJiBjbGFzc2VzPy5pbnZhbGlkLFxuICAgICAgICAgICAgICBtdWx0aWxpbmUgJiYgcmVzaXphYmxlICYmIGNsYXNzZXM/LnJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBjbGFzc2VzPy5yZWFkT25seVxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TXVpSW5wdXRcbiAgICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgICBuYW1lPXtmb3JtRWxlbWVudFByb3BzLm5hbWV9XG4gICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgZGVmYXVsdFZhbHVlPXtkZWZhdWx0VmFsdWV9XG4gICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgcmVhZE9ubHk9eyEhZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seX1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Zvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWR9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290SW52YWxpZCxcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290UmVhZE9ubHksXG4gICAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNzcyhzdHlsZXMuaW5wdXRSb290SW52YWxpZCksXG4gICAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBjc3Moc3R5bGVzLmlucHV0Um9vdFJlYWRPbmx5KSxcbiAgICAgICAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY2xhc3Nlcz8uaW5wdXRSb290SW52YWxpZCxcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNsYXNzZXM/LmlucHV0Um9vdFJlYWRPbmx5XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICAgICAgICByb290OiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3QpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290XG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBmb2N1c2VkOiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290Rm9jdXNlZCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuaW5wdXRSb290Rm9jdXNlZCksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RGb2N1c2VkXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBkaXNhYmxlZDogY3goXG4gICAgICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdERpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3REaXNhYmxlZCksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3REaXNhYmxlZFxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgbXVsdGlsaW5lOiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290TXVsdGlsaW5lLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3RNdWx0aWxpbmUpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290TXVsdGlsaW5lXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBpbnB1dDogY3goXG4gICAgICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0LFxuICAgICAgICAgICAgICAgICAgIWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiZcbiAgICAgICAgICAgICAgICAgICAgcmVzaXphYmxlICYmXG4gICAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGJhc2VJbnB1dENsYXNzZXMuaW5wdXREaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlYWRPbmx5LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dCksXG4gICAgICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgICAgICByZXNpemFibGUgJiZcbiAgICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJlc2l6YWJsZSksXG4gICAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGNzcyhzdHlsZXMuaW5wdXREaXNhYmxlZCksXG4gICAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNzcyhzdHlsZXMuaW5wdXRSZWFkT25seSksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dCxcbiAgICAgICAgICAgICAgICAgICFmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmXG4gICAgICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgY2xhc3Nlcz8uaW5wdXREaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgY2xhc3Nlcz8uaW5wdXRSZWFkT25seVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGlucHV0UHJvcHM9e3tcbiAgICAgICAgICAgICAgICAvLyBBdm9pZCB0aGUgcmVxdWlyZWQgYXR0cmlidXRlIGF0IHRoZSByb290IG5vZGVcbiAgICAgICAgICAgICAgICByZXF1aXJlZDogZm9ybUVsZW1lbnRQcm9wcy5yZXF1aXJlZCxcbiAgICAgICAgICAgICAgICAuLi5pbnB1dFByb3BzLFxuICAgICAgICAgICAgICAgIC4uLmFyaWFQcm9wcyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgaW5wdXRSZWY9e2lucHV0UmVmfVxuICAgICAgICAgICAgICBtdWx0aWxpbmU9e211bHRpbGluZX1cbiAgICAgICAgICAgICAgcm93cz17MTB9XG4gICAgICAgICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgeyFtdWx0aWxpbmUgJiYgKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXIsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0Qm9yZGVyQ29udGFpbmVyKSxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+XG4gICk7XG59O1xuIl19 */");
|
|
34
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxuICBJbnB1dCBhcyBNdWlJbnB1dCxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIkBjb3JlL3R5cGVzXCI7XG5pbXBvcnQge1xuICBIdkZvcm1FbGVtZW50Q29udGV4dCxcbiAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCxcbiAgYnVpbGRGb3JtRWxlbWVudFByb3BzRnJvbUNvbnRleHQsXG4gIGJ1aWxkQXJpYVByb3BzRnJvbUNvbnRleHQsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgYXMgZW1vdGlvbkNzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9CYXNlSW5wdXQuc3R5bGVzXCI7XG5cbi8vIEdsb2JhbCBzdHlsZXMgZm9yIHRoZSBiYXNlIGlucHV0LlxuY29uc3QgYmFzZUlucHV0U3R5bGVzID0gZW1vdGlvbkNzcyh7XG4gIFwiaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbFwiOiB7XG4gICAgV2Via2l0Qm94U2hhZG93OiBgMCAwIDBweCAxMDAwcHggJHt0aGVtZS5jb2xvcnMuYXRtbzF9IGluc2V0YCxcbiAgICBXZWJraXRUZXh0RmlsbENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxuXG4gIC8vIENsZWFycyBudW1iZXIgaW5wdXQgdXAvZG93biBhcnJvd3MgaW4gQ2hyb21lIGFuZCBGaXJlZm94XG4gIFwiaW5wdXQ6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b25cIjoge1xuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPW51bWJlcl1cIjoge1xuICAgIE1vekFwcGVhcmFuY2U6IFwidGV4dGZpZWxkXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHRpbWUgaW5wdXQgY2xvY2sgaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtY2FsZW5kYXItcGlja2VyLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHNlYXJjaCBpbnB1dCBjbGVhciBidXR0b24gaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24sXFxcbiAgaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uLFxcXG4gIGlucHV0Ojotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB8IFwib25DaGFuZ2VcIlxuICAgICAgfCBcImNvbG9yXCJcbiAgICAgIHwgXCJvbkJsdXJcIlxuICAgICAgfCBcIm9uRm9jdXNcIlxuICAgICAgfCBcIm9uSW52YWxpZFwiXG4gICAgICB8IFwib25LZXlEb3duXCJcbiAgICAgIHwgXCJvbktleVVwXCJcbiAgICA+IHtcbiAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICBuYW1lPzogc3RyaW5nO1xuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiBjb250cm9sbGVkLiAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqIFRoZSBpbml0aWFsIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiB1bmNvbnRyb2xsZWQuICovXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBpcyBub3QgZWRpdGFibGUuICovXG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUsIHRoZSBpbnB1dCBlbGVtZW50IHdpbGwgYmUgcmVxdWlyZWQuICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgKiBpdCByZWNlaXZlcyB0aGUgdmFsdWUuIElmIGEgbmV3IHZhbHVlIHNob3VsZCBiZSBwcmVzZW50ZWQgaXQgbXVzdCByZXR1cm5lZCBpdC4gKi9cbiAgb25DaGFuZ2U/OiAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICB2YWx1ZTogc3RyaW5nXG4gICkgPT4gdm9pZDtcbiAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICB0eXBlPzogc3RyaW5nO1xuICAvKiogTGFiZWwgaW5zaWRlIHRoZSBpbnB1dCB1c2VkIHRvIGhlbHAgdXNlci4gKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBJZiB0cnVlLCBhIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZW5kZXJlZC4gKi9cbiAgbXVsdGlsaW5lPzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gIC8qKiBEZW5vdGVzIGlmIHRoZSBpbnB1dCBpcyBpbiBhbiBpbnZhbGlkIHN0YXRlLiAqL1xuICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgLyoqIEF0dHJpYnV0ZXMgYXBwbGllZCB0byB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgaW5wdXRQcm9wcz86IE11aUlucHV0QmFzZUNvbXBvbmVudFByb3BzO1xuICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xufVxuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBpZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGRlZmF1bHRWYWx1ZSxcbiAgcmVxdWlyZWQsXG4gIHJlYWRPbmx5LFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgcGxhY2Vob2xkZXIsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICByZXNpemFibGUgPSBmYWxzZSxcbiAgaW52YWxpZCA9IGZhbHNlLFxuICBpbnB1dFJlZixcbiAgaW5wdXRQcm9wcyA9IHt9LFxuICAuLi5vdGhlcnNcbn06IEh2QmFzZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybUVsZW1lbnRDb250ZXh0ID0gdXNlQ29udGV4dChIdkZvcm1FbGVtZW50Q29udGV4dCk7XG4gIGNvbnN0IGZvcm1FbGVtZW50UHJvcHMgPSBidWlsZEZvcm1FbGVtZW50UHJvcHNGcm9tQ29udGV4dChcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHN0YXR1cyxcbiAgICBmb3JtRWxlbWVudENvbnRleHRcbiAgKTtcblxuICBjb25zdCBsb2NhbEludmFsaWQgPSBpbnZhbGlkIHx8IGZvcm1FbGVtZW50UHJvcHMuc3RhdHVzID09PSBcImludmFsaWRcIjtcblxuICBjb25zdCBmb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCA9IHVzZUNvbnRleHQoXG4gICAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dFxuICApO1xuICBjb25zdCBhcmlhUHJvcHMgPSBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0KFxuICAgIGlucHV0UHJvcHMsXG4gICAgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gICAgbG9jYWxJbnZhbGlkLFxuICAgIGlkXG4gICk7XG5cbiAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKFxuICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudCwgZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDbGFzc05hbWVzPlxuICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHbG9iYWwgc3R5bGVzPXtiYXNlSW5wdXRTdHlsZXN9IC8+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5yb290LFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGJhc2VJbnB1dENsYXNzZXMuZGlzYWJsZWQsXG4gICAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJiBiYXNlSW5wdXRDbGFzc2VzLmludmFsaWQsXG4gICAgICAgICAgICAgIG11bHRpbGluZSAmJiByZXNpemFibGUgJiYgYmFzZUlucHV0Q2xhc3Nlcy5yZXNpemFibGUsXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgYmFzZUlucHV0Q2xhc3Nlcy5yZWFkT25seSxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJiBjc3Moc3R5bGVzLmRpc2FibGVkKSxcbiAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNzcyhzdHlsZXMuaW52YWxpZCksXG4gICAgICAgICAgICAgIG11bHRpbGluZSAmJiByZXNpemFibGUgJiYgY3NzKHN0eWxlcy5yZXNpemFibGUpLFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNzcyhzdHlsZXMucmVhZE9ubHkpLFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgY2xhc3Nlcz8uZGlzYWJsZWQsXG4gICAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJiBjbGFzc2VzPy5pbnZhbGlkLFxuICAgICAgICAgICAgICBtdWx0aWxpbmUgJiYgcmVzaXphYmxlICYmIGNsYXNzZXM/LnJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBjbGFzc2VzPy5yZWFkT25seVxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TXVpSW5wdXRcbiAgICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgICBuYW1lPXtmb3JtRWxlbWVudFByb3BzLm5hbWV9XG4gICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgZGVmYXVsdFZhbHVlPXtkZWZhdWx0VmFsdWV9XG4gICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgcmVhZE9ubHk9eyEhZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seX1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Zvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWR9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290SW52YWxpZCxcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290UmVhZE9ubHksXG4gICAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNzcyhzdHlsZXMuaW5wdXRSb290SW52YWxpZCksXG4gICAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBjc3Moc3R5bGVzLmlucHV0Um9vdFJlYWRPbmx5KSxcbiAgICAgICAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY2xhc3Nlcz8uaW5wdXRSb290SW52YWxpZCxcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNsYXNzZXM/LmlucHV0Um9vdFJlYWRPbmx5XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICAgICAgICByb290OiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3QpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290XG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBmb2N1c2VkOiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290Rm9jdXNlZCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuaW5wdXRSb290Rm9jdXNlZCksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RGb2N1c2VkXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBkaXNhYmxlZDogY3goXG4gICAgICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdERpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3REaXNhYmxlZCksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3REaXNhYmxlZFxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgbXVsdGlsaW5lOiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290TXVsdGlsaW5lLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3RNdWx0aWxpbmUpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290TXVsdGlsaW5lXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBpbnB1dDogY3goXG4gICAgICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0LFxuICAgICAgICAgICAgICAgICAgIWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiZcbiAgICAgICAgICAgICAgICAgICAgcmVzaXphYmxlICYmXG4gICAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGJhc2VJbnB1dENsYXNzZXMuaW5wdXREaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlYWRPbmx5LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dCksXG4gICAgICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgICAgICByZXNpemFibGUgJiZcbiAgICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJlc2l6YWJsZSksXG4gICAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGNzcyhzdHlsZXMuaW5wdXREaXNhYmxlZCksXG4gICAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNzcyhzdHlsZXMuaW5wdXRSZWFkT25seSksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dCxcbiAgICAgICAgICAgICAgICAgICFmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmXG4gICAgICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgY2xhc3Nlcz8uaW5wdXREaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgY2xhc3Nlcz8uaW5wdXRSZWFkT25seVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGlucHV0UHJvcHM9e3tcbiAgICAgICAgICAgICAgICAvLyBBdm9pZCB0aGUgcmVxdWlyZWQgYXR0cmlidXRlIGF0IHRoZSByb290IG5vZGVcbiAgICAgICAgICAgICAgICByZXF1aXJlZDogZm9ybUVsZW1lbnRQcm9wcy5yZXF1aXJlZCxcbiAgICAgICAgICAgICAgICAuLi5pbnB1dFByb3BzLFxuICAgICAgICAgICAgICAgIC4uLmFyaWFQcm9wcyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgaW5wdXRSZWY9e2lucHV0UmVmfVxuICAgICAgICAgICAgICBtdWx0aWxpbmU9e211bHRpbGluZX1cbiAgICAgICAgICAgICAgcm93cz17MTB9XG4gICAgICAgICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgeyFtdWx0aWxpbmUgJiYgKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXIsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0Qm9yZGVyQ29udGFpbmVyKSxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+XG4gICk7XG59O1xuIl19 */");
|
|
31
35
|
const HvBaseInput = ({
|
|
32
36
|
classes,
|
|
33
37
|
className = "",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseInput.cjs","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n Input as MuiInput,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"@core/components\";\nimport { ClassNames, css as emotionCss, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { styles } from \"./BaseInput.styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = emotionCss({\n \"input:-webkit-autofill\": {\n \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.colors.atmo1} inset`,\n \"-webkit-text-fill-color\": theme.colors.secondary,\n },\n\n // Clears number input up/down arrows in Chrome and Firefox\n \"input::-webkit-outer-spin-button,\\\n input::-webkit-inner-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0,\n },\n \"input[type=number]\": {\n MozAppearance: \"textfield\",\n },\n\n // Clears search input clear button in Chrome\n \"input::-webkit-search-decoration,\\\n input::-webkit-search-cancel-button,\\\n input::-webkit-search-results-button,\\\n input::-webkit-search-results-decoration\": {\n display: \"none\",\n },\n});\n\nexport interface HvBaseInputProps\n extends Omit<MuiInputProps, \"onChange\" | \"classes\">,\n HvBaseProps<\n HTMLDivElement,\n | \"onChange\"\n | \"color\"\n | \"onBlur\"\n | \"onFocus\"\n | \"onInvalid\"\n | \"onKeyDown\"\n | \"onKeyUp\"\n > {\n /** The input name. */\n name?: string;\n /** The value of the input, when controlled. */\n value?: string;\n /** The initial value of the input, when uncontrolled. */\n defaultValue?: string;\n /** If `true` the input is disabled. */\n disabled?: boolean;\n /** Indicates that the input is not editable. */\n readOnly?: boolean;\n /** If true, the input element will be required. */\n required?: boolean;\n /** The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it. */\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n value: string\n ) => void;\n /** The input type. */\n type?: string;\n /** Label inside the input used to help user. */\n placeholder?: string;\n /** If true, a textarea element will be rendered. */\n multiline?: boolean;\n /** If true and multiline is also true the textarea element will be resizable. */\n resizable?: boolean;\n /** Denotes if the input is in an invalid state. */\n invalid?: boolean;\n /** Attributes applied to the input element. */\n inputProps?: MuiInputBaseComponentProps;\n /** Allows passing a ref to the underlying input */\n inputRef?: RefObject<HTMLElement>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBaseInputClasses;\n}\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n classes,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n}: HvBaseInputProps) => {\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n status,\n formElementContext\n );\n\n const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n ) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <>\n <Global styles={baseInputStyles} />\n <div\n className={cx(\n baseInputClasses.root,\n formElementProps.disabled && baseInputClasses.disabled,\n localInvalid && baseInputClasses.invalid,\n multiline && resizable && baseInputClasses.resizable,\n formElementProps.readOnly && baseInputClasses.readOnly,\n css(styles.root),\n formElementProps.disabled && css(styles.disabled),\n localInvalid && css(styles.invalid),\n multiline && resizable && css(styles.resizable),\n formElementProps.readOnly && css(styles.readOnly),\n className,\n classes?.root,\n formElementProps.disabled && classes?.disabled,\n localInvalid && classes?.invalid,\n multiline && resizable && classes?.resizable,\n formElementProps.readOnly && classes?.readOnly\n )}\n >\n <MuiInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={cx(\n localInvalid && baseInputClasses.inputRootInvalid,\n formElementProps.readOnly && baseInputClasses.inputRootReadOnly,\n localInvalid && css(styles.inputRootInvalid),\n formElementProps.readOnly && css(styles.inputRootReadOnly),\n localInvalid && classes?.inputRootInvalid,\n formElementProps.readOnly && classes?.inputRootReadOnly\n )}\n classes={{\n root: cx(\n baseInputClasses.inputRoot,\n css(styles.inputRoot),\n classes?.inputRoot\n ),\n focused: cx(\n baseInputClasses.inputRootFocused,\n css(styles.inputRootFocused),\n classes?.inputRootFocused\n ),\n disabled: cx(\n baseInputClasses.inputRootDisabled,\n css(styles.inputRootDisabled),\n classes?.inputRootDisabled\n ),\n multiline: cx(\n baseInputClasses.inputRootMultiline,\n css(styles.inputRootMultiline),\n classes?.inputRootMultiline\n ),\n input: cx(\n baseInputClasses.input,\n !formElementProps.disabled &&\n resizable &&\n baseInputClasses.inputResizable,\n formElementProps.disabled && baseInputClasses.inputDisabled,\n formElementProps.readOnly && baseInputClasses.inputReadOnly,\n css(styles.input),\n !formElementProps.disabled &&\n resizable &&\n css(styles.inputResizable),\n formElementProps.disabled && css(styles.inputDisabled),\n formElementProps.readOnly && css(styles.inputReadOnly),\n classes?.input,\n !formElementProps.disabled &&\n resizable &&\n classes?.inputResizable,\n formElementProps.disabled && classes?.inputDisabled,\n formElementProps.readOnly && classes?.inputReadOnly\n ),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n {...others}\n />\n {!multiline && (\n <div\n role=\"presentation\"\n className={cx(\n baseInputClasses.inputBorderContainer,\n css(styles.inputBorderContainer),\n classes?.inputBorderContainer\n )}\n />\n )}\n </div>\n </>\n )}\n </ClassNames>\n );\n};\n"],"names":["baseInputStyles","emotionCss","theme","colors","atmo1","secondary","WebkitAppearance","margin","MozAppearance","display","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","ClassNames","children","css","cx","_Fragment","_jsx","Global","styles","_jsxs","baseInputClasses","root","MuiInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","role","inputBorderContainer"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BaseInput.cjs","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n Input as MuiInput,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"@core/components\";\nimport { ClassNames, css as emotionCss, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { styles } from \"./BaseInput.styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = emotionCss({\n \"input:-webkit-autofill\": {\n WebkitBoxShadow: `0 0 0px 1000px ${theme.colors.atmo1} inset`,\n WebkitTextFillColor: theme.colors.secondary,\n },\n\n // Clears number input up/down arrows in Chrome and Firefox\n \"input::-webkit-outer-spin-button,\\\n input::-webkit-inner-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0,\n },\n \"input[type=number]\": {\n MozAppearance: \"textfield\",\n },\n\n // Clears time input clock in Chrome\n \"input::-webkit-calendar-picker-indicator\": {\n display: \"none\",\n },\n\n // Clears search input clear button in Chrome\n \"input::-webkit-search-decoration,\\\n input::-webkit-search-cancel-button,\\\n input::-webkit-search-results-button,\\\n input::-webkit-search-results-decoration\": {\n display: \"none\",\n },\n});\n\nexport interface HvBaseInputProps\n extends Omit<MuiInputProps, \"onChange\" | \"classes\">,\n HvBaseProps<\n HTMLDivElement,\n | \"onChange\"\n | \"color\"\n | \"onBlur\"\n | \"onFocus\"\n | \"onInvalid\"\n | \"onKeyDown\"\n | \"onKeyUp\"\n > {\n /** The input name. */\n name?: string;\n /** The value of the input, when controlled. */\n value?: string;\n /** The initial value of the input, when uncontrolled. */\n defaultValue?: string;\n /** If `true` the input is disabled. */\n disabled?: boolean;\n /** Indicates that the input is not editable. */\n readOnly?: boolean;\n /** If true, the input element will be required. */\n required?: boolean;\n /** The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it. */\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n value: string\n ) => void;\n /** The input type. */\n type?: string;\n /** Label inside the input used to help user. */\n placeholder?: string;\n /** If true, a textarea element will be rendered. */\n multiline?: boolean;\n /** If true and multiline is also true the textarea element will be resizable. */\n resizable?: boolean;\n /** Denotes if the input is in an invalid state. */\n invalid?: boolean;\n /** Attributes applied to the input element. */\n inputProps?: MuiInputBaseComponentProps;\n /** Allows passing a ref to the underlying input */\n inputRef?: RefObject<HTMLElement>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBaseInputClasses;\n}\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n classes,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n}: HvBaseInputProps) => {\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n status,\n formElementContext\n );\n\n const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n ) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <>\n <Global styles={baseInputStyles} />\n <div\n className={cx(\n baseInputClasses.root,\n formElementProps.disabled && baseInputClasses.disabled,\n localInvalid && baseInputClasses.invalid,\n multiline && resizable && baseInputClasses.resizable,\n formElementProps.readOnly && baseInputClasses.readOnly,\n css(styles.root),\n formElementProps.disabled && css(styles.disabled),\n localInvalid && css(styles.invalid),\n multiline && resizable && css(styles.resizable),\n formElementProps.readOnly && css(styles.readOnly),\n className,\n classes?.root,\n formElementProps.disabled && classes?.disabled,\n localInvalid && classes?.invalid,\n multiline && resizable && classes?.resizable,\n formElementProps.readOnly && classes?.readOnly\n )}\n >\n <MuiInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={cx(\n localInvalid && baseInputClasses.inputRootInvalid,\n formElementProps.readOnly && baseInputClasses.inputRootReadOnly,\n localInvalid && css(styles.inputRootInvalid),\n formElementProps.readOnly && css(styles.inputRootReadOnly),\n localInvalid && classes?.inputRootInvalid,\n formElementProps.readOnly && classes?.inputRootReadOnly\n )}\n classes={{\n root: cx(\n baseInputClasses.inputRoot,\n css(styles.inputRoot),\n classes?.inputRoot\n ),\n focused: cx(\n baseInputClasses.inputRootFocused,\n css(styles.inputRootFocused),\n classes?.inputRootFocused\n ),\n disabled: cx(\n baseInputClasses.inputRootDisabled,\n css(styles.inputRootDisabled),\n classes?.inputRootDisabled\n ),\n multiline: cx(\n baseInputClasses.inputRootMultiline,\n css(styles.inputRootMultiline),\n classes?.inputRootMultiline\n ),\n input: cx(\n baseInputClasses.input,\n !formElementProps.disabled &&\n resizable &&\n baseInputClasses.inputResizable,\n formElementProps.disabled && baseInputClasses.inputDisabled,\n formElementProps.readOnly && baseInputClasses.inputReadOnly,\n css(styles.input),\n !formElementProps.disabled &&\n resizable &&\n css(styles.inputResizable),\n formElementProps.disabled && css(styles.inputDisabled),\n formElementProps.readOnly && css(styles.inputReadOnly),\n classes?.input,\n !formElementProps.disabled &&\n resizable &&\n classes?.inputResizable,\n formElementProps.disabled && classes?.inputDisabled,\n formElementProps.readOnly && classes?.inputReadOnly\n ),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n {...others}\n />\n {!multiline && (\n <div\n role=\"presentation\"\n className={cx(\n baseInputClasses.inputBorderContainer,\n css(styles.inputBorderContainer),\n classes?.inputBorderContainer\n )}\n />\n )}\n </div>\n </>\n )}\n </ClassNames>\n );\n};\n"],"names":["baseInputStyles","emotionCss","WebkitBoxShadow","theme","colors","atmo1","WebkitTextFillColor","secondary","WebkitAppearance","margin","MozAppearance","display","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","ClassNames","children","css","cx","_Fragment","_jsx","Global","styles","_jsxs","baseInputClasses","root","MuiInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","role","inputBorderContainer"],"mappings":"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"}
|
|
@@ -25,6 +25,7 @@ const HvCalendar = ({
|
|
|
25
25
|
onChange,
|
|
26
26
|
onInputChange,
|
|
27
27
|
onVisibleDateChange,
|
|
28
|
+
invalidDateLabel,
|
|
28
29
|
...others
|
|
29
30
|
}) => {
|
|
30
31
|
const {
|
|
@@ -47,6 +48,7 @@ const HvCalendar = ({
|
|
|
47
48
|
onChange,
|
|
48
49
|
onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "left"),
|
|
49
50
|
onVisibleDateChange,
|
|
51
|
+
invalidDateLabel,
|
|
50
52
|
...others
|
|
51
53
|
});
|
|
52
54
|
const rangeCalendar = /* @__PURE__ */ jsxRuntime.jsxs(Calendar_styles.StyledRangeCalendarContainer, {
|
|
@@ -63,6 +65,7 @@ const HvCalendar = ({
|
|
|
63
65
|
onChange,
|
|
64
66
|
onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "left"),
|
|
65
67
|
onVisibleDateChange: (event, action, index) => onVisibleDateChange == null ? void 0 : onVisibleDateChange(event, action, index, "left"),
|
|
68
|
+
invalidDateLabel,
|
|
66
69
|
...others
|
|
67
70
|
}), /* @__PURE__ */ jsxRuntime.jsx(SingleCalendar.HvSingleCalendar, {
|
|
68
71
|
className: clsx.clsx(calendarClasses.default.singleCalendar, classes == null ? void 0 : classes.singleCalendar),
|
|
@@ -79,6 +82,7 @@ const HvCalendar = ({
|
|
|
79
82
|
onVisibleDateChange == null ? void 0 : onVisibleDateChange(event, action, index, "right");
|
|
80
83
|
},
|
|
81
84
|
showEndDate: true,
|
|
85
|
+
invalidDateLabel,
|
|
82
86
|
...others
|
|
83
87
|
})]
|
|
84
88
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.cjs","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useContext } from \"react\";\nimport { setId } from \"@core/utils\";\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n} from \"@core/components\";\nimport { isRange } from \"./utils\";\nimport { HvSingleCalendar } from \"./SingleCalendar\";\nimport calendarClasses, { HvCalendarClasses } from \"./calendarClasses\";\nimport { StyledRangeCalendarContainer, StyledRoot } from \"./Calendar.styles\";\n\nexport const HvCalendar = ({\n classes,\n id,\n locale = \"en-US\",\n value,\n visibleMonth,\n visibleYear,\n rightVisibleMonth,\n rightVisibleYear,\n minimumDate,\n maximumDate,\n startAdornment,\n onChange,\n onInputChange,\n onVisibleDateChange,\n ...others\n}: HvCalendarProps) => {\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const localValue = value ?? elementValue;\n const localId = id ?? setId(elementId, \"single-calendar\");\n const rangeMode = isRange(localValue);\n const rightCalendarId = setId(localId, \"single-calendar-right\");\n const clampedMonth =\n visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n const singleCalendar = (\n <HvSingleCalendar\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"left\")\n }\n onVisibleDateChange={onVisibleDateChange}\n {...others}\n />\n );\n\n const rangeCalendar = (\n <StyledRangeCalendarContainer\n className={clsx(\n calendarClasses.rangeCalendarContainer,\n classes?.rangeCalendarContainer\n )}\n >\n <HvSingleCalendar\n className={clsx(\n calendarClasses.singleCalendar,\n classes?.singleCalendar\n )}\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"left\")\n }\n onVisibleDateChange={(event, action, index) =>\n onVisibleDateChange?.(event, action, index, \"left\")\n }\n {...others}\n />\n\n <HvSingleCalendar\n className={clsx(\n calendarClasses.singleCalendar,\n classes?.singleCalendar\n )}\n id={rightCalendarId}\n locale={locale}\n value={localValue}\n visibleMonth={rightVisibleMonth}\n visibleYear={rightVisibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"right\")\n }\n onVisibleDateChange={(event, action, index) => {\n onVisibleDateChange?.(event, action, index, \"right\");\n }}\n showEndDate\n {...others}\n />\n </StyledRangeCalendarContainer>\n );\n\n return (\n <StyledRoot className={clsx(calendarClasses.root, classes?.root)}>\n {startAdornment}\n {rangeMode ? rangeCalendar : singleCalendar}\n </StyledRoot>\n );\n};\n\nexport interface DateRangeProp {\n startDate: Date;\n endDate?: Date;\n}\n\nexport type VisibilitySelectorActions =\n | \"previous_month\"\n | \"next_month\"\n | \"previous_year\"\n | \"next_year\"\n | \"month\"\n | \"month_year\";\n\nexport interface HvCalendarProps {\n /**\n * Styles applied from the theme.\n */\n classes?: HvCalendarClasses;\n /**\n * Identifier.\n */\n id?: string;\n /**\n * The calendar locale. If undefined, it defaults to en-US\n *\n */\n locale?: string;\n /**\n * Date that the calendar would show.\n * if using the object format the calendar enter in range mode showing two calendars\n */\n value?: DateRangeProp | Date;\n /**\n * Controls the visible month of the Calendar\n */\n visibleMonth?: number;\n /**\n * Controls the visible year of the Calendar\n */\n visibleYear?: number;\n /**\n * Controls the visible month of the Calendar on the right side of the datepicker\n */\n rightVisibleMonth?: number;\n /**\n * Controls the visible year of the Calendar on the right side of the datepicker\n */\n rightVisibleYear?: number;\n /**\n * Callback function to be triggered when the selected date has changed.\n */\n onChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n value: Date | DateRangeProp\n ) => void;\n /**\n * Callback function to be triggered when the selected date input has changed.\n */\n onInputChange?: (\n event:\n | React.ChangeEvent<\n HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n >\n | undefined,\n value: Date | DateRangeProp,\n position: \"left\" | \"right\"\n ) => void;\n /**\n * Callback function to be triggered when the user clicks on the month or year selector.\n * it receives the action that was pressed:\n * previous_month, next_month, previous_year, next_year,month\n */\n onVisibleDateChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n action: VisibilitySelectorActions,\n value?: Date | DateRangeProp | number,\n position?: \"left\" | \"right\"\n ) => void;\n /**\n * The maximum selectable date after this all values are disabled.\n */\n maximumDate?: Date;\n /**\n * The minimum selectable date before this all values are disabled.\n */\n minimumDate?: Date;\n /**\n * An element placed before the Calendar\n */\n startAdornment?: React.ReactNode;\n /**\n * Indicates if header should display the day of week.\n */\n showDayOfWeek?: boolean;\n}\n"],"names":["HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","others","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","localValue","localId","setId","rangeMode","isRange","rightCalendarId","clampedMonth","singleCalendar","HvSingleCalendar","evt","date","rangeCalendar","StyledRangeCalendarContainer","className","clsx","calendarClasses","rangeCalendarContainer","children","_jsx","event","action","index","showEndDate","StyledRoot","root"],"mappings":";;;;;;;;;;;;AAYO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAC/CC,QAAAA,eAAeF,iBAAWG,wBAAAA,yBAAyB;AACzD,QAAMC,
|
|
1
|
+
{"version":3,"file":"Calendar.cjs","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useContext } from \"react\";\nimport { setId } from \"@core/utils\";\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n} from \"@core/components\";\nimport { isRange } from \"./utils\";\nimport { HvSingleCalendar } from \"./SingleCalendar\";\nimport calendarClasses, { HvCalendarClasses } from \"./calendarClasses\";\nimport { StyledRangeCalendarContainer, StyledRoot } from \"./Calendar.styles\";\n\nexport const HvCalendar = ({\n classes,\n id,\n locale = \"en-US\",\n value,\n visibleMonth,\n visibleYear,\n rightVisibleMonth,\n rightVisibleYear,\n minimumDate,\n maximumDate,\n startAdornment,\n onChange,\n onInputChange,\n onVisibleDateChange,\n invalidDateLabel,\n ...others\n}: HvCalendarProps) => {\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const localValue = value ?? elementValue;\n const localId = id ?? setId(elementId, \"single-calendar\");\n const rangeMode = isRange(localValue);\n const rightCalendarId = setId(localId, \"single-calendar-right\");\n const clampedMonth =\n visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n const singleCalendar = (\n <HvSingleCalendar\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"left\")\n }\n onVisibleDateChange={onVisibleDateChange}\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n );\n\n const rangeCalendar = (\n <StyledRangeCalendarContainer\n className={clsx(\n calendarClasses.rangeCalendarContainer,\n classes?.rangeCalendarContainer\n )}\n >\n <HvSingleCalendar\n className={clsx(\n calendarClasses.singleCalendar,\n classes?.singleCalendar\n )}\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"left\")\n }\n onVisibleDateChange={(event, action, index) =>\n onVisibleDateChange?.(event, action, index, \"left\")\n }\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n\n <HvSingleCalendar\n className={clsx(\n calendarClasses.singleCalendar,\n classes?.singleCalendar\n )}\n id={rightCalendarId}\n locale={locale}\n value={localValue}\n visibleMonth={rightVisibleMonth}\n visibleYear={rightVisibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) =>\n onInputChange && onInputChange(evt, date, \"right\")\n }\n onVisibleDateChange={(event, action, index) => {\n onVisibleDateChange?.(event, action, index, \"right\");\n }}\n showEndDate\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n </StyledRangeCalendarContainer>\n );\n\n return (\n <StyledRoot className={clsx(calendarClasses.root, classes?.root)}>\n {startAdornment}\n {rangeMode ? rangeCalendar : singleCalendar}\n </StyledRoot>\n );\n};\n\nexport interface DateRangeProp {\n startDate: Date;\n endDate?: Date;\n}\n\nexport type VisibilitySelectorActions =\n | \"previous_month\"\n | \"next_month\"\n | \"previous_year\"\n | \"next_year\"\n | \"month\"\n | \"month_year\";\n\nexport interface HvCalendarProps {\n /**\n * Styles applied from the theme.\n */\n classes?: HvCalendarClasses;\n /**\n * Identifier.\n */\n id?: string;\n /**\n * The calendar locale. If undefined, it defaults to en-US\n *\n */\n locale?: string;\n /**\n * Date that the calendar would show.\n * if using the object format the calendar enter in range mode showing two calendars\n */\n value?: DateRangeProp | Date;\n /**\n * Controls the visible month of the Calendar\n */\n visibleMonth?: number;\n /**\n * Controls the visible year of the Calendar\n */\n visibleYear?: number;\n /**\n * Controls the visible month of the Calendar on the right side of the datepicker\n */\n rightVisibleMonth?: number;\n /**\n * Controls the visible year of the Calendar on the right side of the datepicker\n */\n rightVisibleYear?: number;\n /**\n * Callback function to be triggered when the selected date has changed.\n */\n onChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n value: Date | DateRangeProp\n ) => void;\n /**\n * Callback function to be triggered when the selected date input has changed.\n */\n onInputChange?: (\n event:\n | React.ChangeEvent<\n HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n >\n | undefined,\n value: Date | DateRangeProp,\n position: \"left\" | \"right\"\n ) => void;\n /**\n * Callback function to be triggered when the user clicks on the month or year selector.\n * it receives the action that was pressed:\n * previous_month, next_month, previous_year, next_year,month\n */\n onVisibleDateChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n action: VisibilitySelectorActions,\n value?: Date | DateRangeProp | number,\n position?: \"left\" | \"right\"\n ) => void;\n /**\n * The maximum selectable date after this all values are disabled.\n */\n maximumDate?: Date;\n /**\n * The minimum selectable date before this all values are disabled.\n */\n minimumDate?: Date;\n /**\n * An element placed before the Calendar\n */\n startAdornment?: React.ReactNode;\n /**\n * Indicates if header should display the day of week.\n */\n showDayOfWeek?: boolean;\n /**\n * Label shown when date is invalid.\n */\n invalidDateLabel?: string;\n}\n"],"names":["HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","invalidDateLabel","others","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","localValue","localId","setId","rangeMode","isRange","rightCalendarId","clampedMonth","singleCalendar","HvSingleCalendar","evt","date","rangeCalendar","StyledRangeCalendarContainer","className","clsx","calendarClasses","rangeCalendarContainer","children","_jsx","event","action","index","showEndDate","StyledRoot","root"],"mappings":";;;;;;;;;;;;AAYO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAC/CC,QAAAA,eAAeF,iBAAWG,wBAAAA,yBAAyB;AACzD,QAAMC,aAAalB,SAASgB;AAC5B,QAAMG,UAAUrB,MAAMsB,MAAMP,MAAAA,WAAW,iBAAiB;AAClDQ,QAAAA,YAAYC,cAAQJ,UAAU;AAC9BK,QAAAA,kBAAkBH,MAAAA,MAAMD,SAAS,uBAAuB;AAC9D,QAAMK,eACJvB,gBAAgBA,eAAe,KAAK,IAAIA,eAAe,KAAK;AAExDwB,QAAAA,gDACHC,iCAAgB;AAAA,IACf5B,IAAIqB;AAAAA,IACJpB;AAAAA,IACAC,OAAOkB;AAAAA,IACPjB,cAAcuB;AAAAA,IACdtB;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,eAAeA,CAACkB,KAAKC,SACnBnB,iBAAiBA,cAAckB,KAAKC,MAAM,MAAM;AAAA,IAElDlB;AAAAA,IACAC;AAAAA,IAAmC,GAC/BC;AAAAA,EAAAA,CAEP;AAEKiB,QAAAA,gDACHC,8CAA4B;AAAA,IAC3BC,WAAWC,KAAAA,KACTC,gBAAAA,QAAgBC,wBAChBrC,mCAASqC,sBAAsB;AAAA,IAC/BC,UAAA,CAEFC,2BAAAA,IAACV,iCAAgB;AAAA,MACfK,WAAWC,KAAAA,KACTC,gBAAAA,QAAgBR,gBAChB5B,mCAAS4B,cAAc;AAAA,MAEzB3B,IAAIqB;AAAAA,MACJpB;AAAAA,MACAC,OAAOkB;AAAAA,MACPjB,cAAcuB;AAAAA,MACdtB;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,CAACkB,KAAKC,SACnBnB,iBAAiBA,cAAckB,KAAKC,MAAM,MAAM;AAAA,MAElDlB,qBAAqBA,CAAC2B,OAAOC,QAAQC,UACnC7B,2DAAsB2B,OAAOC,QAAQC,OAAO;AAAA,MAE9C5B;AAAAA,MAAmC,GAC/BC;AAAAA,IAAAA,CACJ,GAEFwB,2BAAAA,IAACV,iCAAgB;AAAA,MACfK,WAAWC,KAAAA,KACTC,gBAAAA,QAAgBR,gBAChB5B,mCAAS4B,cAAc;AAAA,MAEzB3B,IAAIyB;AAAAA,MACJxB;AAAAA,MACAC,OAAOkB;AAAAA,MACPjB,cAAcE;AAAAA,MACdD,aAAaE;AAAAA,MACbC;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,CAACkB,KAAKC,SACnBnB,iBAAiBA,cAAckB,KAAKC,MAAM,OAAO;AAAA,MAEnDlB,qBAAqBA,CAAC2B,OAAOC,QAAQC,UAAU;AACvBF,mEAAAA,OAAOC,QAAQC,OAAO;AAAA,MAC9C;AAAA,MACAC,aAAW;AAAA,MACX7B;AAAAA,MAAmC,GAC/BC;AAAAA,IAAAA,CACJ,CAAA;AAAA,EAAA,CAEL;AAED,yCACG6B,gBAAAA,YAAU;AAAA,IAACV,WAAWC,KAAAA,KAAKC,gBAAAA,QAAgBS,MAAM7C,mCAAS6C,IAAI;AAAA,IAAEP,WAC9D5B,gBACAc,YAAYQ,gBAAgBJ,cAAc;AAAA,EAAA,CAChC;AAEjB;;"}
|
|
@@ -16,7 +16,6 @@ const FormElementValueContext = require("../../Forms/FormElement/context/FormEle
|
|
|
16
16
|
const FormElementContext = require("../../Forms/FormElement/context/FormElementContext.cjs");
|
|
17
17
|
const FormElementDescriptorsContext = require("../../Forms/FormElement/context/FormElementDescriptorsContext.cjs");
|
|
18
18
|
const setId = require("../../../utils/setId.cjs");
|
|
19
|
-
const Typography = require("../../Typography/Typography.cjs");
|
|
20
19
|
const keyCheck = require("../../../utils/keyboardUtils/keyCheck.cjs");
|
|
21
20
|
const keyboardCodes = require("../../../utils/keyboardUtils/keyboardCodes.cjs");
|
|
22
21
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
@@ -40,6 +39,7 @@ const HvCalendarHeader = ({
|
|
|
40
39
|
showEndDate,
|
|
41
40
|
showDayOfWeek = false,
|
|
42
41
|
onFocus,
|
|
42
|
+
invalidDateLabel = "Invalid Date",
|
|
43
43
|
...others
|
|
44
44
|
}) => {
|
|
45
45
|
var _a;
|
|
@@ -150,14 +150,14 @@ const HvCalendarHeader = ({
|
|
|
150
150
|
style: {
|
|
151
151
|
height: 32
|
|
152
152
|
},
|
|
153
|
-
children: !isValidValue && inputValue !== "" && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
153
|
+
children: !isValidValue && inputValue !== "" && /* @__PURE__ */ jsxRuntime.jsxs(CalendarHeader_styles.StyledTypography, {
|
|
154
154
|
component: "span",
|
|
155
155
|
variant: "body",
|
|
156
156
|
className: clsx.clsx(calendarHeaderClasses.default.invalidMessageStyling, classes == null ? void 0 : classes.invalidMessageStyling),
|
|
157
157
|
children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, {
|
|
158
158
|
color: "brand",
|
|
159
159
|
iconSize: "S"
|
|
160
|
-
}),
|
|
160
|
+
}), invalidDateLabel]
|
|
161
161
|
})
|
|
162
162
|
})]
|
|
163
163
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarHeader.cjs","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from \"react\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n HvFormElementDescriptorsContext,\n HvTypography,\n} from \"@core/components\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport { isRange, isSameDay, formatToLocale, isDate } from \"../utils\";\nimport { DateRangeProp } from \"../Calendar\";\nimport calendarHeaderClasses, {\n HvCalendarHeaderClasses,\n} from \"./calendarHeaderClasses\";\nimport {\n StyledHeaderDayOfWeek,\n StyledInput,\n StyledInputBorderContainer,\n StyledRoot,\n} from \"./CalendarHeader.styles\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = keyboardCodes;\n\nexport const HvCalendarHeader = ({\n id,\n value,\n locale = \"en-US\",\n classes,\n onChange,\n showEndDate,\n showDayOfWeek = false,\n onFocus,\n ...others\n}: HvCalendarHeaderProps) => {\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const { label } = useContext(HvFormElementDescriptorsContext);\n\n let localValue: string | Date | DateRangeProp | undefined =\n value ?? elementValue ?? \"\";\n if (isRange(localValue)) {\n localValue = showEndDate ? localValue.endDate : localValue.startDate;\n }\n const [dateValue, setDateValue] = useState<\n string | Date | DateRangeProp | undefined\n >(localValue);\n const [editedValue, setEditedValue] = useState<string | null>(null);\n const [displayValue, setDisplayValue] = useState(\"\");\n const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n const localId = id ?? setId(elementId, \"calendarHeader\");\n\n const inputValue = editedValue ?? displayValue;\n const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n const [isValidValue, setIsValidValue] = useState(\n inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n );\n\n const validateInput = (incomingValid) =>\n incomingValid === undefined || dayjs(incomingValid).isValid();\n useEffect(() => {\n const valid = validateInput(localValue);\n setIsValidValue(valid);\n if (valid) {\n if (!localValue) {\n setDisplayValue(\"\");\n setEditedValue(null);\n setWeekdayDisplay(\"\");\n return;\n }\n const weekday = new Intl.DateTimeFormat(locale, {\n weekday: \"short\",\n }).format(isDate(localValue) ? localValue : 0);\n setDisplayValue(formatToLocale(localValue, locale));\n setEditedValue(null);\n setWeekdayDisplay(weekday);\n }\n }, [localValue, locale]);\n\n const handleNewDate = (event, date) => {\n // attempt to format in locale data, or fallback to default\n const localeParsedDate = dayjs(date, localeFormat);\n\n const isValidInput = localeParsedDate.isValid();\n const dateParsed = isValidInput\n ? localeParsedDate.toDate()\n : dayjs(date).toDate();\n // prevent extra updates\n if (!isSameDay(dateParsed, dateValue)) {\n setDateValue(dateParsed);\n onChange?.(event, dateParsed);\n }\n\n setIsValidValue(isValidInput);\n if (isValidInput) {\n setEditedValue(null);\n }\n };\n\n const onBlurHandler = (event) => {\n if (isNil(editedValue)) return;\n if (editedValue === \"\") {\n setIsValidValue(true);\n setEditedValue(null);\n return;\n }\n handleNewDate(event, editedValue);\n };\n\n const keyDownHandler = (event) => {\n if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\")\n return;\n event.preventDefault();\n\n handleNewDate(event, editedValue);\n };\n\n const onFocusHandler = (event) => {\n if (!localValue) return;\n const formattedDate =\n isValidValue && isDate(localValue)\n ? dayjs(localValue).locale(locale).format(\"L\")\n : editedValue;\n setEditedValue(formattedDate);\n onFocus?.(event, formattedDate);\n };\n\n const onChangeHandler = (event) => {\n setEditedValue(event.target.value);\n };\n return (\n <>\n <StyledRoot\n id={localId}\n className={clsx(\n calendarHeaderClasses.root,\n classes?.root,\n !isValidValue &&\n inputValue !== \"\" &&\n clsx(calendarHeaderClasses.invalid, classes?.invalid)\n )}\n >\n {showDayOfWeek && (\n <StyledHeaderDayOfWeek\n className={clsx(\n calendarHeaderClasses.headerDayOfWeek,\n classes?.headerDayOfWeek\n )}\n >\n {weekdayDisplay || \"\\u00A0\"}\n </StyledHeaderDayOfWeek>\n )}\n\n <div\n className={clsx(\n calendarHeaderClasses.headerDate,\n classes?.headerDate\n )}\n >\n <StyledInput\n type=\"text\"\n id={setId(localId, \"header-input\")}\n placeholder={localeFormat}\n value={inputValue}\n className={clsx(calendarHeaderClasses.input, classes?.input)}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n onChange={onChangeHandler}\n onKeyDown={keyDownHandler}\n aria-labelledby={label?.[0]?.id}\n {...others}\n />\n </div>\n </StyledRoot>\n {!isValidValue && inputValue !== \"\" && (\n <StyledInputBorderContainer\n role=\"presentation\"\n className={clsx(\n calendarHeaderClasses.inputBorderContainer,\n classes?.inputBorderContainer\n )}\n />\n )}\n <div style={{ height: 32 }}>\n {!isValidValue && inputValue !== \"\" && (\n <HvTypography\n component=\"span\"\n variant=\"body\"\n className={clsx(\n calendarHeaderClasses.invalidMessageStyling,\n classes?.invalidMessageStyling\n )}\n >\n <Info color=\"brand\" iconSize=\"S\" />\n Invalid date\n </HvTypography>\n )}\n </div>\n </>\n );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nexport interface HvCalendarHeaderProps {\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes?: HvCalendarHeaderClasses;\n /**\n * Identifier.\n */\n id?: string;\n /**\n * The text to be shown on the main part of the header.\n */\n value?: string | Date | DateRangeProp;\n /**\n * Locale to be used by the calendar.\n */\n locale?: string;\n /**\n * Callback to define the input date.\n */\n onChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n value: Date | DateRangeProp\n ) => void;\n /**\n * Callback to handle input onFocus.\n */\n onFocus?: (\n event: React.FocusEventHandler<any>,\n formattedDate: string | null\n ) => void;\n /**\n * Indicates if header should display end date in a date range.\n */\n showEndDate?: boolean;\n /**\n * Indicates if header should display the day of week.\n */\n showDayOfWeek?: boolean;\n}\n"],"names":["dayjs","extend","localeData","localizedFormat","customParseFormat","Enter","keyboardCodes","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","showDayOfWeek","onFocus","others","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","label","HvFormElementDescriptorsContext","localValue","isRange","endDate","startDate","dateValue","setDateValue","useState","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","isDate","formatToLocale","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKeypress","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","_Fragment","children","_jsxs","StyledRoot","className","clsx","calendarHeaderClasses","root","invalid","_jsx","StyledHeaderDayOfWeek","headerDayOfWeek","headerDate","StyledInput","type","placeholder","input","onBlur","onKeyDown","StyledInputBorderContainer","role","inputBorderContainer","style","height","HvTypography","component","variant","invalidMessageStyling","Info","color","iconSize","formElementType"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CalendarHeader.cjs","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from \"react\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n HvFormElementDescriptorsContext,\n} from \"@core/components\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport { isRange, isSameDay, formatToLocale, isDate } from \"../utils\";\nimport { DateRangeProp } from \"../Calendar\";\nimport calendarHeaderClasses, {\n HvCalendarHeaderClasses,\n} from \"./calendarHeaderClasses\";\nimport {\n StyledHeaderDayOfWeek,\n StyledInput,\n StyledInputBorderContainer,\n StyledRoot,\n StyledTypography,\n} from \"./CalendarHeader.styles\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = keyboardCodes;\n\nexport const HvCalendarHeader = ({\n id,\n value,\n locale = \"en-US\",\n classes,\n onChange,\n showEndDate,\n showDayOfWeek = false,\n onFocus,\n invalidDateLabel = \"Invalid Date\",\n ...others\n}: HvCalendarHeaderProps) => {\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const { label } = useContext(HvFormElementDescriptorsContext);\n\n let localValue: string | Date | DateRangeProp | undefined =\n value ?? elementValue ?? \"\";\n if (isRange(localValue)) {\n localValue = showEndDate ? localValue.endDate : localValue.startDate;\n }\n const [dateValue, setDateValue] = useState<\n string | Date | DateRangeProp | undefined\n >(localValue);\n const [editedValue, setEditedValue] = useState<string | null>(null);\n const [displayValue, setDisplayValue] = useState(\"\");\n const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n const localId = id ?? setId(elementId, \"calendarHeader\");\n\n const inputValue = editedValue ?? displayValue;\n const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n const [isValidValue, setIsValidValue] = useState(\n inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n );\n\n const validateInput = (incomingValid) =>\n incomingValid === undefined || dayjs(incomingValid).isValid();\n useEffect(() => {\n const valid = validateInput(localValue);\n setIsValidValue(valid);\n if (valid) {\n if (!localValue) {\n setDisplayValue(\"\");\n setEditedValue(null);\n setWeekdayDisplay(\"\");\n return;\n }\n const weekday = new Intl.DateTimeFormat(locale, {\n weekday: \"short\",\n }).format(isDate(localValue) ? localValue : 0);\n setDisplayValue(formatToLocale(localValue, locale));\n setEditedValue(null);\n setWeekdayDisplay(weekday);\n }\n }, [localValue, locale]);\n\n const handleNewDate = (event, date) => {\n // attempt to format in locale data, or fallback to default\n const localeParsedDate = dayjs(date, localeFormat);\n\n const isValidInput = localeParsedDate.isValid();\n const dateParsed = isValidInput\n ? localeParsedDate.toDate()\n : dayjs(date).toDate();\n // prevent extra updates\n if (!isSameDay(dateParsed, dateValue)) {\n setDateValue(dateParsed);\n onChange?.(event, dateParsed);\n }\n\n setIsValidValue(isValidInput);\n if (isValidInput) {\n setEditedValue(null);\n }\n };\n\n const onBlurHandler = (event) => {\n if (isNil(editedValue)) return;\n if (editedValue === \"\") {\n setIsValidValue(true);\n setEditedValue(null);\n return;\n }\n handleNewDate(event, editedValue);\n };\n\n const keyDownHandler = (event) => {\n if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\")\n return;\n event.preventDefault();\n\n handleNewDate(event, editedValue);\n };\n\n const onFocusHandler = (event) => {\n if (!localValue) return;\n const formattedDate =\n isValidValue && isDate(localValue)\n ? dayjs(localValue).locale(locale).format(\"L\")\n : editedValue;\n setEditedValue(formattedDate);\n onFocus?.(event, formattedDate);\n };\n\n const onChangeHandler = (event) => {\n setEditedValue(event.target.value);\n };\n return (\n <>\n <StyledRoot\n id={localId}\n className={clsx(\n calendarHeaderClasses.root,\n classes?.root,\n !isValidValue &&\n inputValue !== \"\" &&\n clsx(calendarHeaderClasses.invalid, classes?.invalid)\n )}\n >\n {showDayOfWeek && (\n <StyledHeaderDayOfWeek\n className={clsx(\n calendarHeaderClasses.headerDayOfWeek,\n classes?.headerDayOfWeek\n )}\n >\n {weekdayDisplay || \"\\u00A0\"}\n </StyledHeaderDayOfWeek>\n )}\n\n <div\n className={clsx(\n calendarHeaderClasses.headerDate,\n classes?.headerDate\n )}\n >\n <StyledInput\n type=\"text\"\n id={setId(localId, \"header-input\")}\n placeholder={localeFormat}\n value={inputValue}\n className={clsx(calendarHeaderClasses.input, classes?.input)}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n onChange={onChangeHandler}\n onKeyDown={keyDownHandler}\n aria-labelledby={label?.[0]?.id}\n {...others}\n />\n </div>\n </StyledRoot>\n {!isValidValue && inputValue !== \"\" && (\n <StyledInputBorderContainer\n role=\"presentation\"\n className={clsx(\n calendarHeaderClasses.inputBorderContainer,\n classes?.inputBorderContainer\n )}\n />\n )}\n <div style={{ height: 32 }}>\n {!isValidValue && inputValue !== \"\" && (\n <StyledTypography\n component=\"span\"\n variant=\"body\"\n className={clsx(\n calendarHeaderClasses.invalidMessageStyling,\n classes?.invalidMessageStyling\n )}\n >\n <Info color=\"brand\" iconSize=\"S\" />\n {invalidDateLabel}\n </StyledTypography>\n )}\n </div>\n </>\n );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nexport interface HvCalendarHeaderProps {\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes?: HvCalendarHeaderClasses;\n /**\n * Identifier.\n */\n id?: string;\n /**\n * The text to be shown on the main part of the header.\n */\n value?: string | Date | DateRangeProp;\n /**\n * Locale to be used by the calendar.\n */\n locale?: string;\n /**\n * Callback to define the input date.\n */\n onChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n value: Date | DateRangeProp\n ) => void;\n /**\n * Callback to handle input onFocus.\n */\n onFocus?: (\n event: React.FocusEventHandler<any>,\n formattedDate: string | null\n ) => void;\n /**\n * Indicates if header should display end date in a date range.\n */\n showEndDate?: boolean;\n /**\n * Indicates if header should display the day of week.\n */\n showDayOfWeek?: boolean;\n /**\n * Label shown when date is invalid.\n */\n invalidDateLabel?: string;\n}\n"],"names":["dayjs","extend","localeData","localizedFormat","customParseFormat","Enter","keyboardCodes","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","showDayOfWeek","onFocus","invalidDateLabel","others","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","label","HvFormElementDescriptorsContext","localValue","isRange","endDate","startDate","dateValue","setDateValue","useState","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","isDate","formatToLocale","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKeypress","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","_Fragment","children","_jsxs","StyledRoot","className","clsx","calendarHeaderClasses","root","invalid","_jsx","StyledHeaderDayOfWeek","headerDayOfWeek","headerDate","StyledInput","type","placeholder","input","onBlur","onKeyDown","StyledInputBorderContainer","role","inputBorderContainer","style","height","StyledTypography","component","variant","invalidMessageStyling","Info","color","iconSize","formElementType"],"mappings":"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"}
|
|
@@ -8,9 +8,9 @@ const Typography = require("../../Typography/Typography.cjs");
|
|
|
8
8
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
9
9
|
const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
|
|
10
10
|
const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
11
|
-
target: "
|
|
11
|
+
target: "e1yjj6ap4"
|
|
12
12
|
} : {
|
|
13
|
-
target: "
|
|
13
|
+
target: "e1yjj6ap4",
|
|
14
14
|
label: "StyledRoot"
|
|
15
15
|
})({
|
|
16
16
|
marginTop: uikitStyles.theme.spacing("xs"),
|
|
@@ -23,23 +23,23 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
|
|
|
23
23
|
"&:hover, &:focus": {
|
|
24
24
|
borderBottom: `1px solid ${uikitStyles.theme.colors.secondary}`
|
|
25
25
|
}
|
|
26
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhckhlYWRlci9DYWxlbmRhckhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZyhcInhzXCIpLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgYm9yZGVyQm90dG9tOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEJvcmRlckJvdHRvbSxcbiAgYm9yZGVyVG9wOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEJvcmRlclRvcCxcbiAgYm9yZGVyTGVmdDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJMZWZ0LFxuICBib3JkZXJSaWdodDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJSaWdodCxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jYWxlbmRhci5ib3JkZXJSYWRpdXMsXG4gIFwiJjpob3ZlciwgJjpmb2N1c1wiOiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dEJvcmRlckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5lZ2F0aXZlLFxuICBoZWlnaHQ6IDEsXG4gIG1hcmdpblRvcDogLTEsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKChwcm9wcykgPT4gPGlucHV0IHsuLi5wcm9wc30gLz4pKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIHBhZGRpbmc6IGA1cHggJHt0aGVtZS5zcGFjaW5nKFwieHNcIil9YCxcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgZm9udFNpemU6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFNpemUsXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExldHRlclNwYWNpbmcsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExpbmVIZWlnaHQsXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFdlaWdodCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckRheU9mV2VlayA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgY29sb3I6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udENvbG9yLFxuICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2luZyhcInhzXCIpLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbn0pO1xuIl19 */");
|
|
27
27
|
const StyledInputBorderContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
28
|
-
target: "
|
|
28
|
+
target: "e1yjj6ap3"
|
|
29
29
|
} : {
|
|
30
|
-
target: "
|
|
30
|
+
target: "e1yjj6ap3",
|
|
31
31
|
label: "StyledInputBorderContainer"
|
|
32
32
|
})({
|
|
33
33
|
backgroundColor: uikitStyles.theme.colors.negative,
|
|
34
34
|
height: 1,
|
|
35
35
|
marginTop: -1
|
|
36
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+
|
|
36
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+KSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBwYWRkaW5nOiBgNXB4ICR7dGhlbWUuc3BhY2luZyhcInhzXCIpfWAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIGZvbnRTaXplOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRTaXplLFxuICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMZXR0ZXJTcGFjaW5nLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMaW5lSGVpZ2h0LFxuICBmb250V2VpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRXZWlnaHQsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJEYXlPZldlZWsgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcbiJdfQ== */");
|
|
37
37
|
const StyledInput = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx("input", {
|
|
38
38
|
...props
|
|
39
39
|
}), process.env.NODE_ENV === "production" ? {
|
|
40
|
-
target: "
|
|
40
|
+
target: "e1yjj6ap2"
|
|
41
41
|
} : {
|
|
42
|
-
target: "
|
|
42
|
+
target: "e1yjj6ap2",
|
|
43
43
|
label: "StyledInput"
|
|
44
44
|
})({
|
|
45
45
|
border: "none",
|
|
@@ -61,18 +61,29 @@ const StyledInput = /* @__PURE__ */ _styled__default.default((props) => /* @__PU
|
|
|
61
61
|
"&:focus-visible": {
|
|
62
62
|
...focusUtils.outlineStyles
|
|
63
63
|
}
|
|
64
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+
|
|
64
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+KSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBwYWRkaW5nOiBgNXB4ICR7dGhlbWUuc3BhY2luZyhcInhzXCIpfWAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIGZvbnRTaXplOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRTaXplLFxuICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMZXR0ZXJTcGFjaW5nLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMaW5lSGVpZ2h0LFxuICBmb250V2VpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRXZWlnaHQsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJEYXlPZldlZWsgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcbiJdfQ== */");
|
|
65
65
|
const StyledHeaderDayOfWeek = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
|
|
66
|
-
target: "
|
|
66
|
+
target: "e1yjj6ap1"
|
|
67
67
|
} : {
|
|
68
|
-
target: "
|
|
68
|
+
target: "e1yjj6ap1",
|
|
69
69
|
label: "StyledHeaderDayOfWeek"
|
|
70
70
|
})({
|
|
71
71
|
color: uikitStyles.theme.calendar.headerInputFontColor,
|
|
72
72
|
paddingLeft: uikitStyles.theme.spacing("xs")
|
|
73
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ3FDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+
|
|
73
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ3FDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+KSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBwYWRkaW5nOiBgNXB4ICR7dGhlbWUuc3BhY2luZyhcInhzXCIpfWAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIGZvbnRTaXplOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRTaXplLFxuICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMZXR0ZXJTcGFjaW5nLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMaW5lSGVpZ2h0LFxuICBmb250V2VpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRXZWlnaHQsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJEYXlPZldlZWsgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcbiJdfQ== */");
|
|
74
|
+
const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
|
|
75
|
+
target: "e1yjj6ap0"
|
|
76
|
+
} : {
|
|
77
|
+
target: "e1yjj6ap0",
|
|
78
|
+
label: "StyledTypography"
|
|
79
|
+
})({
|
|
80
|
+
display: "flex",
|
|
81
|
+
alignItems: "center",
|
|
82
|
+
color: uikitStyles.theme.colors.negative
|
|
83
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRGdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+KSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBwYWRkaW5nOiBgNXB4ICR7dGhlbWUuc3BhY2luZyhcInhzXCIpfWAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIGZvbnRTaXplOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRTaXplLFxuICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMZXR0ZXJTcGFjaW5nLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMaW5lSGVpZ2h0LFxuICBmb250V2VpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRXZWlnaHQsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJEYXlPZldlZWsgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcbiJdfQ== */");
|
|
74
84
|
exports.StyledHeaderDayOfWeek = StyledHeaderDayOfWeek;
|
|
75
85
|
exports.StyledInput = StyledInput;
|
|
76
86
|
exports.StyledInputBorderContainer = StyledInputBorderContainer;
|
|
77
87
|
exports.StyledRoot = StyledRoot;
|
|
88
|
+
exports.StyledTypography = StyledTypography;
|
|
78
89
|
//# sourceMappingURL=CalendarHeader.styles.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarHeader.styles.cjs","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\nimport { outlineStyles } from \"@core/utils\";\n\nexport const StyledRoot = styled(\"div\")({\n marginTop: theme.spacing(\"xs\"),\n backgroundColor: theme.colors.atmo1,\n borderBottom: theme.calendar.headerInputBorderBottom,\n borderTop: theme.calendar.headerInputBorderTop,\n borderLeft: theme.calendar.headerInputBorderLeft,\n borderRight: theme.calendar.headerInputBorderRight,\n borderRadius: theme.calendar.borderRadius,\n \"&:hover, &:focus\": {\n borderBottom: `1px solid ${theme.colors.secondary}`,\n },\n});\n\nexport const StyledInputBorderContainer = styled(\"div\")({\n backgroundColor: theme.colors.negative,\n height: 1,\n marginTop: -1,\n});\n\nexport const StyledInput = styled((props) => <input {...props} />)({\n border: \"none\",\n backgroundColor: \"transparent\",\n padding: `5px ${theme.spacing(\"xs\")}`,\n fontFamily: theme.fontFamily.body,\n\n color: theme.calendar.headerInputFontColor,\n fontSize: theme.calendar.headerInputFontSize,\n letterSpacing: theme.calendar.headerInputFontLetterSpacing,\n lineHeight: theme.calendar.headerInputFontLineHeight,\n fontWeight: theme.calendar.headerInputFontWeight,\n width: \"100%\",\n \"&::placeholder\": {\n color: theme.colors.secondary_60,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n});\n\nexport const StyledHeaderDayOfWeek = styled(HvTypography)({\n color: theme.calendar.headerInputFontColor,\n paddingLeft: theme.spacing(\"xs\"),\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","marginTop","theme","spacing","backgroundColor","colors","atmo1","borderBottom","calendar","headerInputBorderBottom","borderTop","headerInputBorderTop","borderLeft","headerInputBorderLeft","borderRight","headerInputBorderRight","borderRadius","secondary","StyledInputBorderContainer","negative","height","StyledInput","props","_jsx","border","padding","fontFamily","body","color","headerInputFontColor","fontSize","headerInputFontSize","letterSpacing","headerInputFontLetterSpacing","lineHeight","headerInputFontLineHeight","fontWeight","headerInputFontWeight","width","secondary_60","outline","outlineStyles","StyledHeaderDayOfWeek","HvTypography","paddingLeft"],"mappings":";;;;;;;;;AAKO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,WAAWC,YAAAA,MAAMC,QAAQ,IAAI;AAAA,EAC7BC,iBAAiBF,YAAAA,MAAMG,OAAOC;AAAAA,EAC9BC,cAAcL,YAAAA,MAAMM,SAASC;AAAAA,EAC7BC,WAAWR,YAAAA,MAAMM,SAASG;AAAAA,EAC1BC,YAAYV,YAAAA,MAAMM,SAASK;AAAAA,EAC3BC,aAAaZ,YAAAA,MAAMM,SAASO;AAAAA,EAC5BC,cAAcd,YAAAA,MAAMM,SAASQ;AAAAA,EAC7B,oBAAoB;AAAA,IAClBT,cAAe,aAAYL,YAAAA,MAAMG,OAAOY;AAAAA,EAC1C;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,
|
|
1
|
+
{"version":3,"file":"CalendarHeader.styles.cjs","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\nimport { outlineStyles } from \"@core/utils\";\n\nexport const StyledRoot = styled(\"div\")({\n marginTop: theme.spacing(\"xs\"),\n backgroundColor: theme.colors.atmo1,\n borderBottom: theme.calendar.headerInputBorderBottom,\n borderTop: theme.calendar.headerInputBorderTop,\n borderLeft: theme.calendar.headerInputBorderLeft,\n borderRight: theme.calendar.headerInputBorderRight,\n borderRadius: theme.calendar.borderRadius,\n \"&:hover, &:focus\": {\n borderBottom: `1px solid ${theme.colors.secondary}`,\n },\n});\n\nexport const StyledInputBorderContainer = styled(\"div\")({\n backgroundColor: theme.colors.negative,\n height: 1,\n marginTop: -1,\n});\n\nexport const StyledInput = styled((props) => <input {...props} />)({\n border: \"none\",\n backgroundColor: \"transparent\",\n padding: `5px ${theme.spacing(\"xs\")}`,\n fontFamily: theme.fontFamily.body,\n\n color: theme.calendar.headerInputFontColor,\n fontSize: theme.calendar.headerInputFontSize,\n letterSpacing: theme.calendar.headerInputFontLetterSpacing,\n lineHeight: theme.calendar.headerInputFontLineHeight,\n fontWeight: theme.calendar.headerInputFontWeight,\n width: \"100%\",\n \"&::placeholder\": {\n color: theme.colors.secondary_60,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n});\n\nexport const StyledHeaderDayOfWeek = styled(HvTypography)({\n color: theme.calendar.headerInputFontColor,\n paddingLeft: theme.spacing(\"xs\"),\n});\n\nexport const StyledTypography = styled(HvTypography)({\n display: \"flex\",\n alignItems: \"center\",\n color: theme.colors.negative,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","marginTop","theme","spacing","backgroundColor","colors","atmo1","borderBottom","calendar","headerInputBorderBottom","borderTop","headerInputBorderTop","borderLeft","headerInputBorderLeft","borderRight","headerInputBorderRight","borderRadius","secondary","StyledInputBorderContainer","negative","height","StyledInput","props","_jsx","border","padding","fontFamily","body","color","headerInputFontColor","fontSize","headerInputFontSize","letterSpacing","headerInputFontLetterSpacing","lineHeight","headerInputFontLineHeight","fontWeight","headerInputFontWeight","width","secondary_60","outline","outlineStyles","StyledHeaderDayOfWeek","HvTypography","paddingLeft","StyledTypography","display","alignItems"],"mappings":"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"}
|
|
@@ -40,6 +40,7 @@ const HvSingleCalendar = ({
|
|
|
40
40
|
onVisibleDateChange,
|
|
41
41
|
showEndDate,
|
|
42
42
|
showDayOfWeek,
|
|
43
|
+
invalidDateLabel,
|
|
43
44
|
children,
|
|
44
45
|
...others
|
|
45
46
|
}) => {
|
|
@@ -119,7 +120,8 @@ const HvSingleCalendar = ({
|
|
|
119
120
|
locale,
|
|
120
121
|
onChange: handleInputChange,
|
|
121
122
|
showEndDate: showEndDate && !isDateSelectionMode,
|
|
122
|
-
showDayOfWeek
|
|
123
|
+
showDayOfWeek,
|
|
124
|
+
invalidDateLabel
|
|
123
125
|
}), calViewMode === "calendar" && /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
124
126
|
children: [/* @__PURE__ */ jsxRuntime.jsx(ComposedNavigation.HvComposedNavigation, {
|
|
125
127
|
id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleCalendar.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId, keyboardCodes, isKeypress } from \"@core/utils\";\nimport { ViewMode } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"..\";\nimport {\n StyledCalendarContainer,\n StyledCalendarGrid,\n StyledCalendarWrapper,\n} from \"./SingleCalendar.styles\";\nimport singleCalendarClasses, {\n HvSingleCalendarClasses,\n} from \"./singleCalendarClasses\";\nimport { HvCalendarCell } from \"./CalendarCell\";\nimport { HvCalendarWeekLabel } from \"../CalendarWeekLabels\";\nimport { HvCalendarHeader } from \"../CalendarHeader/CalendarHeader\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = keyboardCodes;\n\nexport const HvSingleCalendar = ({\n classes,\n className,\n id,\n locale = \"en-US\",\n value,\n visibleMonth,\n visibleYear,\n minimumDate,\n maximumDate,\n onChange,\n onInputChange,\n onVisibleDateChange,\n showEndDate,\n showDayOfWeek,\n children,\n ...others\n}: HvSingleCalendarProps) => {\n // TODO: refactor this out\n // const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n const today = new Date();\n const localValue = isNil(value) ? today : value;\n\n const [calViewMode, setCalViewMode] = useState<ViewMode>(\"calendar\");\n\n const rangeMode = isRange(localValue);\n const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n const calModel = rangeMode\n ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n : generateCalendarModel(localValue, visibleMonth, visibleYear);\n const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n const listWeekdayNames = useMemo(\n () => getWeekdayNamesList(locale, \"narrow\"),\n [locale]\n );\n\n const handleChange = (event, date: Date | DateRangeProp) => {\n event?.preventDefault();\n onChange?.(event, date);\n };\n\n const handleInputChange = (event, date) => {\n event?.preventDefault();\n onInputChange?.(event, date);\n };\n\n const getNavChild = (event: KeyboardEvent, siblings, i: number) => {\n if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n return undefined;\n };\n\n const handleKeyDown = (event) => {\n // This code is very brittle and should be managed with the focus wrapper\n const el = document?.activeElement;\n const parent = el?.parentElement?.parentElement;\n const siblings =\n parent != null\n ? [\n ...parent.getElementsByClassName(\n singleCalendarClasses.cellContainer as string\n ),\n ]\n : [];\n const elIndex = el ? siblings.indexOf(el) : 0;\n\n if (isKeypress(event, Enter)) {\n (el as HTMLElement).focus();\n return;\n }\n\n const child = getNavChild(event, siblings, elIndex);\n\n if (child) {\n const inMonth = child.getAttribute(\"data-in-month\");\n if (inMonth === \"true\") {\n event?.preventDefault();\n child?.focus();\n }\n }\n };\n\n /**\n * Renders the element representing the received date.\n *\n * @param currentDate - The array representing the date [YYYY, MM, DD].\n * @memberOf Calendar\n */\n const renderCalendarDate = (currentDate) => {\n return (\n <HvCalendarCell\n classes={classes}\n key={currentDate}\n tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n value={currentDate}\n today={today}\n calendarValue={localValue}\n rangeMode={rangeMode}\n isDateSelectionMode={isDateSelectionMode}\n locale={locale}\n firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n maximumDate={maximumDate}\n minimumDate={minimumDate}\n />\n );\n };\n\n return (\n <StyledCalendarContainer\n className={clsx(\n className,\n singleCalendarClasses.calendarContainer,\n classes?.calendarContainer\n )}\n {...others}\n >\n <StyledCalendarWrapper\n id={id}\n className={clsx(\n singleCalendarClasses.calendarWrapper,\n classes?.calendarWrapper\n )}\n >\n <HvCalendarHeader\n id={setId(id, \"header\")}\n locale={locale}\n onChange={handleInputChange}\n showEndDate={showEndDate && !isDateSelectionMode}\n showDayOfWeek={showDayOfWeek}\n />\n {calViewMode === \"calendar\" && (\n <div>\n <HvComposedNavigation\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={setCalViewMode}\n visibleYear={visibleYear || today.getFullYear()}\n visibleMonth={visibleMonth || today.getMonth() + 1}\n />\n <StyledCalendarGrid\n className={clsx(\n singleCalendarClasses.calendarGrid,\n classes?.calendarGrid\n )}\n aria-controls={HvCalendarHeader?.[0]?.id}\n >\n <HvCalendarWeekLabel labels={listWeekdayNames} />\n {calModel.dates.map(renderCalendarDate)}\n </StyledCalendarGrid>\n </div>\n )}\n {calViewMode === \"monthly\" && (\n <HvMonthSelector\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={setCalViewMode}\n visibleMonth={visibleMonth || today.getMonth() + 1}\n rangeMode={rangeMode}\n />\n )}\n </StyledCalendarWrapper>\n </StyledCalendarContainer>\n );\n};\n\nexport interface HvSingleCalendarProps {\n /**\n * Styles applied from the theme.\n */\n classes?: HvSingleCalendarClasses;\n /**\n * Identifier.\n */\n id?: string;\n /**\n * The class name to add at the root of the single calendar\n */\n className?: string;\n /**\n * The calendar locale.\n *\n */\n locale: string;\n /**\n * Date that the calendar would show.\n */\n value?: string | Date | DateRangeProp;\n /**\n * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n * irrelevant.\n */\n visibleDate?: Date;\n /**\n * Controls the visible month of the Calendar\n */\n visibleMonth?: number;\n /**\n * Controls the visible month of the Calendar\n */\n visibleYear?: number;\n /**\n * Callback function to be triggered when the selected date has changed.\n */\n onChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n value: Date | DateRangeProp\n ) => void;\n /**\n * Callback function to be triggered when the selected date input has changed.\n */\n onInputChange?: (\n event:\n | React.ChangeEvent<\n HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n >\n | undefined,\n value: Date | DateRangeProp,\n position?: \"left\" | \"right\"\n ) => void;\n /**\n * Callback function to be triggered when visible date has changed.\n */\n onVisibleDateChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n action: VisibilitySelectorActions,\n value?: Date | DateRangeProp | number\n ) => void;\n /**\n * The maximum selectable date after this all values are disabled.\n */\n maximumDate?: Date;\n /**\n * The minimum selectable date before this all values are disabled.\n */\n minimumDate?: Date;\n /**\n * Indicates if header should display end date in a date range.\n */\n showEndDate?: boolean;\n /**\n * Indicates if header should display the day of week.\n */\n showDayOfWeek?: boolean;\n /**\n * Content on the upper part of the calendar.\n */\n children?: React.ReactNode;\n}\n"],"names":["Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","keyboardCodes","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","showDayOfWeek","children","others","today","Date","localValue","isNil","calViewMode","setCalViewMode","useState","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKeypress","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","singleCalendarClasses","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","HvCalendarCell","tabIndex","onKeyDown","calendarValue","StyledCalendarContainer","clsx","calendarContainer","StyledCalendarWrapper","calendarWrapper","_jsx","HvCalendarHeader","setId","HvComposedNavigation","onViewModeChange","getFullYear","getMonth","_jsxs","StyledCalendarGrid","calendarGrid","HvCalendarWeekLabel","labels","dates","map","HvMonthSelector"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SingleCalendar.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId, keyboardCodes, isKeypress } from \"@core/utils\";\nimport { ViewMode } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"..\";\nimport {\n StyledCalendarContainer,\n StyledCalendarGrid,\n StyledCalendarWrapper,\n} from \"./SingleCalendar.styles\";\nimport singleCalendarClasses, {\n HvSingleCalendarClasses,\n} from \"./singleCalendarClasses\";\nimport { HvCalendarCell } from \"./CalendarCell\";\nimport { HvCalendarWeekLabel } from \"../CalendarWeekLabels\";\nimport { HvCalendarHeader } from \"../CalendarHeader/CalendarHeader\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = keyboardCodes;\n\nexport const HvSingleCalendar = ({\n classes,\n className,\n id,\n locale = \"en-US\",\n value,\n visibleMonth,\n visibleYear,\n minimumDate,\n maximumDate,\n onChange,\n onInputChange,\n onVisibleDateChange,\n showEndDate,\n showDayOfWeek,\n invalidDateLabel,\n children,\n ...others\n}: HvSingleCalendarProps) => {\n // TODO: refactor this out\n // const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n const today = new Date();\n const localValue = isNil(value) ? today : value;\n\n const [calViewMode, setCalViewMode] = useState<ViewMode>(\"calendar\");\n\n const rangeMode = isRange(localValue);\n const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n const calModel = rangeMode\n ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n : generateCalendarModel(localValue, visibleMonth, visibleYear);\n const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n const listWeekdayNames = useMemo(\n () => getWeekdayNamesList(locale, \"narrow\"),\n [locale]\n );\n\n const handleChange = (event, date: Date | DateRangeProp) => {\n event?.preventDefault();\n onChange?.(event, date);\n };\n\n const handleInputChange = (event, date) => {\n event?.preventDefault();\n onInputChange?.(event, date);\n };\n\n const getNavChild = (event: KeyboardEvent, siblings, i: number) => {\n if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n return undefined;\n };\n\n const handleKeyDown = (event) => {\n // This code is very brittle and should be managed with the focus wrapper\n const el = document?.activeElement;\n const parent = el?.parentElement?.parentElement;\n const siblings =\n parent != null\n ? [\n ...parent.getElementsByClassName(\n singleCalendarClasses.cellContainer as string\n ),\n ]\n : [];\n const elIndex = el ? siblings.indexOf(el) : 0;\n\n if (isKeypress(event, Enter)) {\n (el as HTMLElement).focus();\n return;\n }\n\n const child = getNavChild(event, siblings, elIndex);\n\n if (child) {\n const inMonth = child.getAttribute(\"data-in-month\");\n if (inMonth === \"true\") {\n event?.preventDefault();\n child?.focus();\n }\n }\n };\n\n /**\n * Renders the element representing the received date.\n *\n * @param currentDate - The array representing the date [YYYY, MM, DD].\n * @memberOf Calendar\n */\n const renderCalendarDate = (currentDate) => {\n return (\n <HvCalendarCell\n classes={classes}\n key={currentDate}\n tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n value={currentDate}\n today={today}\n calendarValue={localValue}\n rangeMode={rangeMode}\n isDateSelectionMode={isDateSelectionMode}\n locale={locale}\n firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n maximumDate={maximumDate}\n minimumDate={minimumDate}\n />\n );\n };\n\n return (\n <StyledCalendarContainer\n className={clsx(\n className,\n singleCalendarClasses.calendarContainer,\n classes?.calendarContainer\n )}\n {...others}\n >\n <StyledCalendarWrapper\n id={id}\n className={clsx(\n singleCalendarClasses.calendarWrapper,\n classes?.calendarWrapper\n )}\n >\n <HvCalendarHeader\n id={setId(id, \"header\")}\n locale={locale}\n onChange={handleInputChange}\n showEndDate={showEndDate && !isDateSelectionMode}\n showDayOfWeek={showDayOfWeek}\n invalidDateLabel={invalidDateLabel}\n />\n {calViewMode === \"calendar\" && (\n <div>\n <HvComposedNavigation\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={setCalViewMode}\n visibleYear={visibleYear || today.getFullYear()}\n visibleMonth={visibleMonth || today.getMonth() + 1}\n />\n <StyledCalendarGrid\n className={clsx(\n singleCalendarClasses.calendarGrid,\n classes?.calendarGrid\n )}\n aria-controls={HvCalendarHeader?.[0]?.id}\n >\n <HvCalendarWeekLabel labels={listWeekdayNames} />\n {calModel.dates.map(renderCalendarDate)}\n </StyledCalendarGrid>\n </div>\n )}\n {calViewMode === \"monthly\" && (\n <HvMonthSelector\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={setCalViewMode}\n visibleMonth={visibleMonth || today.getMonth() + 1}\n rangeMode={rangeMode}\n />\n )}\n </StyledCalendarWrapper>\n </StyledCalendarContainer>\n );\n};\n\nexport interface HvSingleCalendarProps {\n /**\n * Styles applied from the theme.\n */\n classes?: HvSingleCalendarClasses;\n /**\n * Identifier.\n */\n id?: string;\n /**\n * The class name to add at the root of the single calendar\n */\n className?: string;\n /**\n * The calendar locale.\n *\n */\n locale: string;\n /**\n * Date that the calendar would show.\n */\n value?: string | Date | DateRangeProp;\n /**\n * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n * irrelevant.\n */\n visibleDate?: Date;\n /**\n * Controls the visible month of the Calendar\n */\n visibleMonth?: number;\n /**\n * Controls the visible month of the Calendar\n */\n visibleYear?: number;\n /**\n * Callback function to be triggered when the selected date has changed.\n */\n onChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n value: Date | DateRangeProp\n ) => void;\n /**\n * Callback function to be triggered when the selected date input has changed.\n */\n onInputChange?: (\n event:\n | React.ChangeEvent<\n HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n >\n | undefined,\n value: Date | DateRangeProp,\n position?: \"left\" | \"right\"\n ) => void;\n /**\n * Callback function to be triggered when visible date has changed.\n */\n onVisibleDateChange?: (\n event:\n | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n | undefined,\n action: VisibilitySelectorActions,\n value?: Date | DateRangeProp | number\n ) => void;\n /**\n * The maximum selectable date after this all values are disabled.\n */\n maximumDate?: Date;\n /**\n * The minimum selectable date before this all values are disabled.\n */\n minimumDate?: Date;\n /**\n * Indicates if header should display end date in a date range.\n */\n showEndDate?: boolean;\n /**\n * Indicates if header should display the day of week.\n */\n showDayOfWeek?: boolean;\n /**\n * Content on the upper part of the calendar.\n */\n children?: React.ReactNode;\n /**\n * Label shown when date is invalid.\n */\n invalidDateLabel?: string;\n}\n"],"names":["Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","keyboardCodes","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","showDayOfWeek","invalidDateLabel","children","others","today","Date","localValue","isNil","calViewMode","setCalViewMode","useState","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKeypress","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","singleCalendarClasses","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","HvCalendarCell","tabIndex","onKeyDown","calendarValue","StyledCalendarContainer","clsx","calendarContainer","StyledCalendarWrapper","calendarWrapper","_jsx","HvCalendarHeader","setId","HvComposedNavigation","onViewModeChange","getFullYear","getMonth","_jsxs","StyledCalendarGrid","calendarGrid","HvCalendarWeekLabel","labels","dates","map","HvMonthSelector"],"mappings":"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"}
|