infinity-forge 3.9.2 → 3.9.3
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/test/index.js +2 -3
- package/dist/test/index.js.map +1 -1
- package/dist/ui/components/form/date-picker/styles.js +1 -1
- package/dist/ui/components/form/date-picker/styles.js.map +1 -1
- package/dist/ui/components/form/range-date-picker/styles.js +1 -1
- package/dist/ui/components/form/range-date-picker/styles.js.map +1 -1
- package/package.json +1 -1
package/dist/test/index.js
CHANGED
|
@@ -38,12 +38,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
39
|
exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = void 0;
|
|
40
40
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
|
-
var infra_1 = require("../infra/index.js");
|
|
42
41
|
var ui_1 = require("../ui/index.js");
|
|
43
42
|
function NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro() {
|
|
43
|
+
// const { useQueryBackend } = createClient<Swagger>()
|
|
44
44
|
var _this = this;
|
|
45
|
-
|
|
46
|
-
var data = useQueryBackend({ url: '/Users', method: 'get' }).data;
|
|
45
|
+
// const { data } = useQueryBackend({ url: '/Users', method: 'get' })
|
|
47
46
|
return ((0, jsx_runtime_1.jsxs)(ui_1.FormHandler, { initialData: { test: new Date(), range: { startDate: new Date() } }, button: { text: 'A' }, onSucess: function (data) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
|
|
48
47
|
return [2 /*return*/, console.log(data)];
|
|
49
48
|
}); }); }, children: [(0, jsx_runtime_1.jsx)(ui_1.DatePicker, { name: 'test', maxDate: new Date() }), (0, jsx_runtime_1.jsx)(ui_1.RangeDatePicker, { name: 'range' })] }));
|
package/dist/test/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2BAAwF;AACxF,SAAgB,8CAA8C;IAC5D,sDAAsD;IADxD,iBAiBC;IAdC,qEAAqE;IAErE,OAAO,CACL,wBAAC,gBAAW,IACV,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,EAAE,EACnE,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACrB,QAAQ,EAAE,UAAO,IAAI;YAAK,sBAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAA;iBAAA,aAG3C,uBAAC,eAAU,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,IAAI,EAAE,GAAI,EAE/C,uBAAC,oBAAe,IAAC,IAAI,EAAC,OAAO,GAAG,IACpB,CACf,CAAA;AACH,CAAC;AAjBD,wGAiBC"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.DatePicker = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.DatePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .react-date-picker__inputGroup__leadingZero {\n display: none;\n }\n\n .react-date-picker__calendar-button,\n .react-date-picker__clear-button {\n &:hover {\n svg > path {\n transition: 0.2s;\n fill: #000;\n }\n }\n }\n\n .react-date-picker__calendar-button {\n svg {\n width: 20px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-date-picker__clear-button {\n margin-left: 0px;\n\n svg {\n width: 10px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-date-picker__wrapper {\n border: 1px solid #e9ebee;\n padding: 8px 4px;\n border-radius: 6px;\n background: #eff1f8;\n\n > div {\n * {\n border: none;\n color: #6b7280;\n }\n\n color: #6b7280;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .react-date-picker__inputGroup:first-child {\n margin-right: 10px;\n }\n\n .react-date-picker__inputGroup {\n width: 200px;\n border: 1px solid #ccc;\n border-radius: 6px;\n background: #ffffff;\n transition: 0.2s;\n align-items: center;\n cursor: pointer;\n padding: 0 10px;\n\n input {\n height: 38px;\n background: transparent;\n cursor: pointer;\n width: fit-content;\n margin: 0 auto;\n }\n\n &:hover,\n &:focus {\n border: 1px solid #637bff;\n box-shadow: 1px 1px 4px;\n }\n }\n }\n"], ["\n .react-date-picker__inputGroup__leadingZero {\n display: none;\n }\n\n .react-date-picker__calendar-button,\n .react-date-picker__clear-button {\n &:hover {\n svg > path {\n transition: 0.2s;\n fill: #000;\n }\n }\n }\n\n .react-date-picker__calendar-button {\n svg {\n width: 20px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-date-picker__clear-button {\n margin-left: 0px;\n\n svg {\n width: 10px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-date-picker__wrapper {\n border: 1px solid #e9ebee;\n padding: 8px 4px;\n border-radius: 6px;\n background: #eff1f8;\n\n > div {\n * {\n border: none;\n color: #6b7280;\n }\n\n color: #6b7280;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .react-date-picker__inputGroup:first-child {\n margin-right: 10px;\n }\n\n .react-date-picker__inputGroup {\n width: 200px;\n border: 1px solid #ccc;\n border-radius: 6px;\n background: #ffffff;\n transition: 0.2s;\n align-items: center;\n cursor: pointer;\n padding: 0 10px;\n\n input {\n height: 38px;\n background: transparent;\n cursor: pointer;\n width: fit-content;\n margin: 0 auto;\n }\n\n &:hover,\n &:focus {\n border: 1px solid #637bff;\n box-shadow: 1px 1px 4px;\n }\n }\n }\n"])));
|
|
12
|
+
exports.DatePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .react-date-picker {\n display: inline-flex;\n position: relative;\n }\n\n .react-date-picker,\n .react-date-picker *,\n .react-date-picker *:before,\n .react-date-picker *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n .react-date-picker--disabled {\n background-color: #f0f0f0;\n color: #6d6d6d;\n }\n\n .react-date-picker__wrapper {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n border: thin solid gray;\n }\n\n .react-date-picker__inputGroup {\n min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);\n flex-grow: 1;\n padding: 0 2px;\n box-sizing: content-box;\n }\n\n .react-date-picker__inputGroup__divider {\n padding: 1px 0;\n white-space: pre;\n }\n\n .react-date-picker__inputGroup__divider,\n .react-date-picker__inputGroup__leadingZero {\n display: inline-block;\n font: inherit;\n }\n\n .react-date-picker__inputGroup__input {\n min-width: 0.54em;\n height: 100%;\n position: relative;\n padding: 0 1px;\n border: 0;\n background: none;\n color: currentColor;\n font: inherit;\n box-sizing: content-box;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n }\n\n .react-date-picker__inputGroup__input::-webkit-outer-spin-button,\n .react-date-picker__inputGroup__input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n }\n\n .react-date-picker__inputGroup__input:invalid {\n background: rgba(255, 0, 0, 0.1);\n }\n\n .react-date-picker__inputGroup__input--hasLeadingZero {\n margin-left: -0.54em;\n padding-left: calc(1px + 0.54em);\n }\n\n .react-date-picker__button {\n border: 0;\n background: transparent;\n padding: 4px 6px;\n }\n\n .react-date-picker__button:enabled {\n cursor: pointer;\n }\n\n .react-date-picker__button:enabled:hover .react-date-picker__button__icon,\n .react-date-picker__button:enabled:focus .react-date-picker__button__icon {\n stroke: #0078d7;\n }\n\n .react-date-picker__button:disabled .react-date-picker__button__icon {\n stroke: #6d6d6d;\n }\n\n .react-date-picker__button svg {\n display: inherit;\n }\n\n .react-date-picker__calendar {\n width: 350px;\n max-width: 100vw;\n z-index: 1;\n }\n\n .react-date-picker__calendar--closed {\n display: none;\n }\n\n .react-date-picker__calendar .react-calendar {\n border-width: thin;\n }\n\n .react-date-picker__inputGroup__leadingZero {\n display: none;\n }\n\n .react-date-picker__calendar-button,\n .react-date-picker__clear-button {\n &:hover {\n svg > path {\n transition: 0.2s;\n fill: #000;\n }\n }\n }\n\n .react-date-picker__calendar-button {\n svg {\n width: 20px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-date-picker__clear-button {\n margin-left: 0px;\n\n svg {\n width: 10px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-date-picker__wrapper {\n border: 1px solid #e9ebee;\n padding: 8px 4px;\n border-radius: 6px;\n background: #eff1f8;\n\n > div {\n * {\n border: none;\n color: #6b7280;\n }\n\n color: #6b7280;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .react-date-picker__inputGroup:first-child {\n margin-right: 10px;\n }\n\n .react-date-picker__inputGroup {\n width: 200px;\n border: 1px solid #ccc;\n border-radius: 6px;\n background: #ffffff;\n transition: 0.2s;\n align-items: center;\n cursor: pointer;\n padding: 0 10px;\n\n input {\n height: 38px;\n background: transparent;\n cursor: pointer;\n width: fit-content;\n margin: 0 auto;\n }\n\n &:hover,\n &:focus {\n border: 1px solid #637bff;\n box-shadow: 1px 1px 4px;\n }\n }\n }\n\n .react-calendar {\n width: 350px;\n max-width: 100%;\n background: white;\n border: 1px solid #a0a096;\n font-family: 'Arial', 'Helvetica', sans-serif;\n line-height: 1.125em;\n }\n\n .react-calendar--doubleView {\n width: 700px;\n }\n\n .react-calendar--doubleView .react-calendar__viewContainer {\n display: flex;\n margin: -0.5em;\n }\n\n .react-calendar--doubleView .react-calendar__viewContainer > * {\n width: 50%;\n margin: 0.5em;\n }\n\n .react-calendar,\n .react-calendar *,\n .react-calendar *:before,\n .react-calendar *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n .react-calendar button {\n margin: 0;\n border: 0;\n outline: none;\n }\n\n .react-calendar button:enabled:hover {\n cursor: pointer;\n }\n\n .react-calendar__navigation {\n display: flex;\n height: 44px;\n margin-bottom: 1em;\n }\n\n .react-calendar__navigation button {\n min-width: 44px;\n background: none;\n }\n\n .react-calendar__navigation button:disabled {\n background-color: #f0f0f0;\n }\n\n .react-calendar__navigation button:enabled:hover,\n .react-calendar__navigation button:enabled:focus {\n background-color: #e6e6e6;\n }\n\n .react-calendar__month-view__weekdays {\n text-align: center;\n text-transform: uppercase;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n }\n\n .react-calendar__month-view__weekdays__weekday {\n padding: 0.5em;\n }\n\n .react-calendar__month-view__weekNumbers .react-calendar__tile {\n display: flex;\n align-items: center;\n justify-content: center;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n }\n\n .react-calendar__month-view__days__day--weekend {\n color: #d10000;\n }\n\n .react-calendar__month-view__days__day--neighboringMonth,\n .react-calendar__decade-view__years__year--neighboringDecade,\n .react-calendar__century-view__decades__decade--neighboringCentury {\n color: #757575;\n }\n\n .react-calendar__year-view .react-calendar__tile,\n .react-calendar__decade-view .react-calendar__tile,\n .react-calendar__century-view .react-calendar__tile {\n padding: 2em 0.5em;\n }\n\n .react-calendar__tile {\n max-width: 100%;\n padding: 10px 6.6667px;\n background: none;\n text-align: center;\n font: inherit;\n font-size: 0.833em;\n }\n\n .react-calendar__tile:disabled {\n background-color: #f0f0f0;\n color: #ababab;\n }\n\n .react-calendar__month-view__days__day--neighboringMonth:disabled,\n .react-calendar__decade-view__years__year--neighboringDecade:disabled,\n .react-calendar__century-view__decades__decade--neighboringCentury:disabled {\n color: #cdcdcd;\n }\n\n .react-calendar__tile:enabled:hover,\n .react-calendar__tile:enabled:focus {\n background-color: #e6e6e6;\n }\n\n .react-calendar__tile--now {\n background: #ffff76;\n }\n\n .react-calendar__tile--now:enabled:hover,\n .react-calendar__tile--now:enabled:focus {\n background: #ffffa9;\n }\n\n .react-calendar__tile--hasActive {\n background: #76baff;\n }\n\n .react-calendar__tile--hasActive:enabled:hover,\n .react-calendar__tile--hasActive:enabled:focus {\n background: #a9d4ff;\n }\n\n .react-calendar__tile--active {\n background: #006edc;\n color: white;\n }\n\n .react-calendar__tile--active:enabled:hover,\n .react-calendar__tile--active:enabled:focus {\n background: #1087ff;\n }\n\n .react-calendar--selectRange .react-calendar__tile--hover {\n background-color: #e6e6e6;\n }\n"], ["\n .react-date-picker {\n display: inline-flex;\n position: relative;\n }\n\n .react-date-picker,\n .react-date-picker *,\n .react-date-picker *:before,\n .react-date-picker *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n .react-date-picker--disabled {\n background-color: #f0f0f0;\n color: #6d6d6d;\n }\n\n .react-date-picker__wrapper {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n border: thin solid gray;\n }\n\n .react-date-picker__inputGroup {\n min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);\n flex-grow: 1;\n padding: 0 2px;\n box-sizing: content-box;\n }\n\n .react-date-picker__inputGroup__divider {\n padding: 1px 0;\n white-space: pre;\n }\n\n .react-date-picker__inputGroup__divider,\n .react-date-picker__inputGroup__leadingZero {\n display: inline-block;\n font: inherit;\n }\n\n .react-date-picker__inputGroup__input {\n min-width: 0.54em;\n height: 100%;\n position: relative;\n padding: 0 1px;\n border: 0;\n background: none;\n color: currentColor;\n font: inherit;\n box-sizing: content-box;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n }\n\n .react-date-picker__inputGroup__input::-webkit-outer-spin-button,\n .react-date-picker__inputGroup__input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n }\n\n .react-date-picker__inputGroup__input:invalid {\n background: rgba(255, 0, 0, 0.1);\n }\n\n .react-date-picker__inputGroup__input--hasLeadingZero {\n margin-left: -0.54em;\n padding-left: calc(1px + 0.54em);\n }\n\n .react-date-picker__button {\n border: 0;\n background: transparent;\n padding: 4px 6px;\n }\n\n .react-date-picker__button:enabled {\n cursor: pointer;\n }\n\n .react-date-picker__button:enabled:hover .react-date-picker__button__icon,\n .react-date-picker__button:enabled:focus .react-date-picker__button__icon {\n stroke: #0078d7;\n }\n\n .react-date-picker__button:disabled .react-date-picker__button__icon {\n stroke: #6d6d6d;\n }\n\n .react-date-picker__button svg {\n display: inherit;\n }\n\n .react-date-picker__calendar {\n width: 350px;\n max-width: 100vw;\n z-index: 1;\n }\n\n .react-date-picker__calendar--closed {\n display: none;\n }\n\n .react-date-picker__calendar .react-calendar {\n border-width: thin;\n }\n\n .react-date-picker__inputGroup__leadingZero {\n display: none;\n }\n\n .react-date-picker__calendar-button,\n .react-date-picker__clear-button {\n &:hover {\n svg > path {\n transition: 0.2s;\n fill: #000;\n }\n }\n }\n\n .react-date-picker__calendar-button {\n svg {\n width: 20px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-date-picker__clear-button {\n margin-left: 0px;\n\n svg {\n width: 10px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-date-picker__wrapper {\n border: 1px solid #e9ebee;\n padding: 8px 4px;\n border-radius: 6px;\n background: #eff1f8;\n\n > div {\n * {\n border: none;\n color: #6b7280;\n }\n\n color: #6b7280;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .react-date-picker__inputGroup:first-child {\n margin-right: 10px;\n }\n\n .react-date-picker__inputGroup {\n width: 200px;\n border: 1px solid #ccc;\n border-radius: 6px;\n background: #ffffff;\n transition: 0.2s;\n align-items: center;\n cursor: pointer;\n padding: 0 10px;\n\n input {\n height: 38px;\n background: transparent;\n cursor: pointer;\n width: fit-content;\n margin: 0 auto;\n }\n\n &:hover,\n &:focus {\n border: 1px solid #637bff;\n box-shadow: 1px 1px 4px;\n }\n }\n }\n\n .react-calendar {\n width: 350px;\n max-width: 100%;\n background: white;\n border: 1px solid #a0a096;\n font-family: 'Arial', 'Helvetica', sans-serif;\n line-height: 1.125em;\n }\n\n .react-calendar--doubleView {\n width: 700px;\n }\n\n .react-calendar--doubleView .react-calendar__viewContainer {\n display: flex;\n margin: -0.5em;\n }\n\n .react-calendar--doubleView .react-calendar__viewContainer > * {\n width: 50%;\n margin: 0.5em;\n }\n\n .react-calendar,\n .react-calendar *,\n .react-calendar *:before,\n .react-calendar *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n .react-calendar button {\n margin: 0;\n border: 0;\n outline: none;\n }\n\n .react-calendar button:enabled:hover {\n cursor: pointer;\n }\n\n .react-calendar__navigation {\n display: flex;\n height: 44px;\n margin-bottom: 1em;\n }\n\n .react-calendar__navigation button {\n min-width: 44px;\n background: none;\n }\n\n .react-calendar__navigation button:disabled {\n background-color: #f0f0f0;\n }\n\n .react-calendar__navigation button:enabled:hover,\n .react-calendar__navigation button:enabled:focus {\n background-color: #e6e6e6;\n }\n\n .react-calendar__month-view__weekdays {\n text-align: center;\n text-transform: uppercase;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n }\n\n .react-calendar__month-view__weekdays__weekday {\n padding: 0.5em;\n }\n\n .react-calendar__month-view__weekNumbers .react-calendar__tile {\n display: flex;\n align-items: center;\n justify-content: center;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n }\n\n .react-calendar__month-view__days__day--weekend {\n color: #d10000;\n }\n\n .react-calendar__month-view__days__day--neighboringMonth,\n .react-calendar__decade-view__years__year--neighboringDecade,\n .react-calendar__century-view__decades__decade--neighboringCentury {\n color: #757575;\n }\n\n .react-calendar__year-view .react-calendar__tile,\n .react-calendar__decade-view .react-calendar__tile,\n .react-calendar__century-view .react-calendar__tile {\n padding: 2em 0.5em;\n }\n\n .react-calendar__tile {\n max-width: 100%;\n padding: 10px 6.6667px;\n background: none;\n text-align: center;\n font: inherit;\n font-size: 0.833em;\n }\n\n .react-calendar__tile:disabled {\n background-color: #f0f0f0;\n color: #ababab;\n }\n\n .react-calendar__month-view__days__day--neighboringMonth:disabled,\n .react-calendar__decade-view__years__year--neighboringDecade:disabled,\n .react-calendar__century-view__decades__decade--neighboringCentury:disabled {\n color: #cdcdcd;\n }\n\n .react-calendar__tile:enabled:hover,\n .react-calendar__tile:enabled:focus {\n background-color: #e6e6e6;\n }\n\n .react-calendar__tile--now {\n background: #ffff76;\n }\n\n .react-calendar__tile--now:enabled:hover,\n .react-calendar__tile--now:enabled:focus {\n background: #ffffa9;\n }\n\n .react-calendar__tile--hasActive {\n background: #76baff;\n }\n\n .react-calendar__tile--hasActive:enabled:hover,\n .react-calendar__tile--hasActive:enabled:focus {\n background: #a9d4ff;\n }\n\n .react-calendar__tile--active {\n background: #006edc;\n color: white;\n }\n\n .react-calendar__tile--active:enabled:hover,\n .react-calendar__tile--active:enabled:focus {\n background: #1087ff;\n }\n\n .react-calendar--selectRange .react-calendar__tile--hover {\n background-color: #e6e6e6;\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/date-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/date-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,umPAAA,oiPAmWtC,KAAA"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.DatePicker = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.DatePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .react-date-picker__inputGroup__leadingZero {\n display: none;\n }\n\n .react-daterange-picker__calendar-button,\n .react-daterange-picker__clear-button {\n &:hover {\n svg > path {\n transition: 0.2s;\n fill: #000;\n }\n }\n }\n\n .react-daterange-picker__calendar-button {\n svg {\n width: 20px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-daterange-picker__clear-button {\n margin-left: 20px;\n\n svg {\n width: 10px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-daterange-picker__wrapper {\n border: 1px solid #e9ebee;\n padding: 8px 4px;\n border-radius: 6px;\n background: #eff1f8;\n\n > div {\n * {\n border: none;\n color: #6b7280;\n }\n\n color: #6b7280;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .react-daterange-picker__inputGroup:first-child {\n margin-right: 10px;\n }\n\n .react-daterange-picker__inputGroup {\n width: 200px;\n border: 1px solid #ccc;\n border-radius: 6px;\n background: #ffffff;\n transition: 0.2s;\n align-items: center;\n cursor: pointer;\n\n input {\n height: 38px;\n background: transparent;\n cursor: pointer;\n width: fit-content;\n margin: 0 auto;\n }\n\n &:hover,\n &:focus {\n border: 1px solid #637bff;\n box-shadow: 1px 1px 4px;\n }\n }\n }\n"], ["\n .react-date-picker__inputGroup__leadingZero {\n display: none;\n }\n\n .react-daterange-picker__calendar-button,\n .react-daterange-picker__clear-button {\n &:hover {\n svg > path {\n transition: 0.2s;\n fill: #000;\n }\n }\n }\n\n .react-daterange-picker__calendar-button {\n svg {\n width: 20px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-daterange-picker__clear-button {\n margin-left: 20px;\n\n svg {\n width: 10px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-daterange-picker__wrapper {\n border: 1px solid #e9ebee;\n padding: 8px 4px;\n border-radius: 6px;\n background: #eff1f8;\n\n > div {\n * {\n border: none;\n color: #6b7280;\n }\n\n color: #6b7280;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .react-daterange-picker__inputGroup:first-child {\n margin-right: 10px;\n }\n\n .react-daterange-picker__inputGroup {\n width: 200px;\n border: 1px solid #ccc;\n border-radius: 6px;\n background: #ffffff;\n transition: 0.2s;\n align-items: center;\n cursor: pointer;\n\n input {\n height: 38px;\n background: transparent;\n cursor: pointer;\n width: fit-content;\n margin: 0 auto;\n }\n\n &:hover,\n &:focus {\n border: 1px solid #637bff;\n box-shadow: 1px 1px 4px;\n }\n }\n }\n"])));
|
|
12
|
+
exports.DatePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .react-daterange-picker {\n display: inline-flex;\n position: relative;\n }\n\n .react-daterange-picker,\n .react-daterange-picker *,\n .react-daterange-picker *:before,\n .react-daterange-picker *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n .react-daterange-picker--disabled {\n background-color: #f0f0f0;\n color: #6d6d6d;\n }\n\n .react-daterange-picker__wrapper {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n align-items: center;\n border: thin solid gray;\n }\n\n .react-daterange-picker__inputGroup {\n min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);\n height: 100%;\n flex-grow: 1;\n padding: 0 2px;\n box-sizing: content-box;\n }\n\n .react-daterange-picker__inputGroup__divider {\n padding: 1px 0;\n white-space: pre;\n }\n\n .react-daterange-picker__inputGroup__divider,\n .react-daterange-picker__inputGroup__leadingZero {\n display: inline-block;\n font: inherit;\n }\n\n .react-daterange-picker__inputGroup__input {\n min-width: 0.54em;\n height: 100%;\n position: relative;\n padding: 0 1px;\n border: 0;\n background: none;\n color: currentColor;\n font: inherit;\n box-sizing: content-box;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n }\n\n .react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,\n .react-daterange-picker__inputGroup__input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n }\n\n .react-daterange-picker__inputGroup__input:invalid {\n background: rgba(255, 0, 0, 0.1);\n }\n\n .react-daterange-picker__inputGroup__input--hasLeadingZero {\n margin-left: -0.54em;\n padding-left: calc(1px + 0.54em);\n }\n\n .react-daterange-picker__button {\n border: 0;\n background: transparent;\n padding: 4px 6px;\n }\n\n .react-daterange-picker__button:enabled {\n cursor: pointer;\n }\n\n .react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,\n .react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon {\n stroke: #0078d7;\n }\n\n .react-daterange-picker__button:disabled .react-daterange-picker__button__icon {\n stroke: #6d6d6d;\n }\n\n .react-daterange-picker__button svg {\n display: inherit;\n }\n\n .react-daterange-picker__calendar {\n width: 350px;\n max-width: 100vw;\n z-index: 1;\n }\n\n .react-daterange-picker__calendar--closed {\n display: none;\n }\n\n .react-daterange-picker__calendar .react-calendar {\n border-width: thin;\n }\n\n .react-date-picker__inputGroup__leadingZero {\n display: none;\n }\n\n .react-daterange-picker__calendar-button,\n .react-daterange-picker__clear-button {\n &:hover {\n svg > path {\n transition: 0.2s;\n fill: #000;\n }\n }\n }\n\n .react-daterange-picker__calendar-button {\n svg {\n width: 20px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-daterange-picker__clear-button {\n margin-left: 20px;\n\n svg {\n width: 10px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-daterange-picker__wrapper {\n border: 1px solid #e9ebee;\n padding: 8px 4px;\n border-radius: 6px;\n background: #eff1f8;\n\n > div {\n * {\n border: none;\n color: #6b7280;\n }\n\n color: #6b7280;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .react-daterange-picker__inputGroup:first-child {\n margin-right: 10px;\n }\n\n .react-daterange-picker__inputGroup {\n width: 200px;\n border: 1px solid #ccc;\n border-radius: 6px;\n background: #ffffff;\n transition: 0.2s;\n align-items: center;\n cursor: pointer;\n\n input {\n height: 38px;\n background: transparent;\n cursor: pointer;\n width: fit-content;\n margin: 0 auto;\n }\n\n &:hover,\n &:focus {\n border: 1px solid #637bff;\n box-shadow: 1px 1px 4px;\n }\n }\n }\n\n .react-calendar {\n width: 350px;\n max-width: 100%;\n background: white;\n border: 1px solid #a0a096;\n font-family: 'Arial', 'Helvetica', sans-serif;\n line-height: 1.125em;\n }\n\n .react-calendar--doubleView {\n width: 700px;\n }\n\n .react-calendar--doubleView .react-calendar__viewContainer {\n display: flex;\n margin: -0.5em;\n }\n\n .react-calendar--doubleView .react-calendar__viewContainer > * {\n width: 50%;\n margin: 0.5em;\n }\n\n .react-calendar,\n .react-calendar *,\n .react-calendar *:before,\n .react-calendar *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n .react-calendar button {\n margin: 0;\n border: 0;\n outline: none;\n }\n\n .react-calendar button:enabled:hover {\n cursor: pointer;\n }\n\n .react-calendar__navigation {\n display: flex;\n height: 44px;\n margin-bottom: 1em;\n }\n\n .react-calendar__navigation button {\n min-width: 44px;\n background: none;\n }\n\n .react-calendar__navigation button:disabled {\n background-color: #f0f0f0;\n }\n\n .react-calendar__navigation button:enabled:hover,\n .react-calendar__navigation button:enabled:focus {\n background-color: #e6e6e6;\n }\n\n .react-calendar__month-view__weekdays {\n text-align: center;\n text-transform: uppercase;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n }\n\n .react-calendar__month-view__weekdays__weekday {\n padding: 0.5em;\n }\n\n .react-calendar__month-view__weekNumbers .react-calendar__tile {\n display: flex;\n align-items: center;\n justify-content: center;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n }\n\n .react-calendar__month-view__days__day--weekend {\n color: #d10000;\n }\n\n .react-calendar__month-view__days__day--neighboringMonth,\n .react-calendar__decade-view__years__year--neighboringDecade,\n .react-calendar__century-view__decades__decade--neighboringCentury {\n color: #757575;\n }\n\n .react-calendar__year-view .react-calendar__tile,\n .react-calendar__decade-view .react-calendar__tile,\n .react-calendar__century-view .react-calendar__tile {\n padding: 2em 0.5em;\n }\n\n .react-calendar__tile {\n max-width: 100%;\n padding: 10px 6.6667px;\n background: none;\n text-align: center;\n font: inherit;\n font-size: 0.833em;\n }\n\n .react-calendar__tile:disabled {\n background-color: #f0f0f0;\n color: #ababab;\n }\n\n .react-calendar__month-view__days__day--neighboringMonth:disabled,\n .react-calendar__decade-view__years__year--neighboringDecade:disabled,\n .react-calendar__century-view__decades__decade--neighboringCentury:disabled {\n color: #cdcdcd;\n }\n\n .react-calendar__tile:enabled:hover,\n .react-calendar__tile:enabled:focus {\n background-color: #e6e6e6;\n }\n\n .react-calendar__tile--now {\n background: #ffff76;\n }\n\n .react-calendar__tile--now:enabled:hover,\n .react-calendar__tile--now:enabled:focus {\n background: #ffffa9;\n }\n\n .react-calendar__tile--hasActive {\n background: #76baff;\n }\n\n .react-calendar__tile--hasActive:enabled:hover,\n .react-calendar__tile--hasActive:enabled:focus {\n background: #a9d4ff;\n }\n\n .react-calendar__tile--active {\n background: #006edc;\n color: white;\n }\n\n .react-calendar__tile--active:enabled:hover,\n .react-calendar__tile--active:enabled:focus {\n background: #1087ff;\n }\n\n .react-calendar--selectRange .react-calendar__tile--hover {\n background-color: #e6e6e6;\n }\n"], ["\n .react-daterange-picker {\n display: inline-flex;\n position: relative;\n }\n\n .react-daterange-picker,\n .react-daterange-picker *,\n .react-daterange-picker *:before,\n .react-daterange-picker *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n .react-daterange-picker--disabled {\n background-color: #f0f0f0;\n color: #6d6d6d;\n }\n\n .react-daterange-picker__wrapper {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n align-items: center;\n border: thin solid gray;\n }\n\n .react-daterange-picker__inputGroup {\n min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);\n height: 100%;\n flex-grow: 1;\n padding: 0 2px;\n box-sizing: content-box;\n }\n\n .react-daterange-picker__inputGroup__divider {\n padding: 1px 0;\n white-space: pre;\n }\n\n .react-daterange-picker__inputGroup__divider,\n .react-daterange-picker__inputGroup__leadingZero {\n display: inline-block;\n font: inherit;\n }\n\n .react-daterange-picker__inputGroup__input {\n min-width: 0.54em;\n height: 100%;\n position: relative;\n padding: 0 1px;\n border: 0;\n background: none;\n color: currentColor;\n font: inherit;\n box-sizing: content-box;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n }\n\n .react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,\n .react-daterange-picker__inputGroup__input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n }\n\n .react-daterange-picker__inputGroup__input:invalid {\n background: rgba(255, 0, 0, 0.1);\n }\n\n .react-daterange-picker__inputGroup__input--hasLeadingZero {\n margin-left: -0.54em;\n padding-left: calc(1px + 0.54em);\n }\n\n .react-daterange-picker__button {\n border: 0;\n background: transparent;\n padding: 4px 6px;\n }\n\n .react-daterange-picker__button:enabled {\n cursor: pointer;\n }\n\n .react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,\n .react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon {\n stroke: #0078d7;\n }\n\n .react-daterange-picker__button:disabled .react-daterange-picker__button__icon {\n stroke: #6d6d6d;\n }\n\n .react-daterange-picker__button svg {\n display: inherit;\n }\n\n .react-daterange-picker__calendar {\n width: 350px;\n max-width: 100vw;\n z-index: 1;\n }\n\n .react-daterange-picker__calendar--closed {\n display: none;\n }\n\n .react-daterange-picker__calendar .react-calendar {\n border-width: thin;\n }\n\n .react-date-picker__inputGroup__leadingZero {\n display: none;\n }\n\n .react-daterange-picker__calendar-button,\n .react-daterange-picker__clear-button {\n &:hover {\n svg > path {\n transition: 0.2s;\n fill: #000;\n }\n }\n }\n\n .react-daterange-picker__calendar-button {\n svg {\n width: 20px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-daterange-picker__clear-button {\n margin-left: 20px;\n\n svg {\n width: 10px;\n height: auto;\n\n path {\n fill: #6b7280;\n }\n }\n }\n\n .react-daterange-picker__wrapper {\n border: 1px solid #e9ebee;\n padding: 8px 4px;\n border-radius: 6px;\n background: #eff1f8;\n\n > div {\n * {\n border: none;\n color: #6b7280;\n }\n\n color: #6b7280;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .react-daterange-picker__inputGroup:first-child {\n margin-right: 10px;\n }\n\n .react-daterange-picker__inputGroup {\n width: 200px;\n border: 1px solid #ccc;\n border-radius: 6px;\n background: #ffffff;\n transition: 0.2s;\n align-items: center;\n cursor: pointer;\n\n input {\n height: 38px;\n background: transparent;\n cursor: pointer;\n width: fit-content;\n margin: 0 auto;\n }\n\n &:hover,\n &:focus {\n border: 1px solid #637bff;\n box-shadow: 1px 1px 4px;\n }\n }\n }\n\n .react-calendar {\n width: 350px;\n max-width: 100%;\n background: white;\n border: 1px solid #a0a096;\n font-family: 'Arial', 'Helvetica', sans-serif;\n line-height: 1.125em;\n }\n\n .react-calendar--doubleView {\n width: 700px;\n }\n\n .react-calendar--doubleView .react-calendar__viewContainer {\n display: flex;\n margin: -0.5em;\n }\n\n .react-calendar--doubleView .react-calendar__viewContainer > * {\n width: 50%;\n margin: 0.5em;\n }\n\n .react-calendar,\n .react-calendar *,\n .react-calendar *:before,\n .react-calendar *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n .react-calendar button {\n margin: 0;\n border: 0;\n outline: none;\n }\n\n .react-calendar button:enabled:hover {\n cursor: pointer;\n }\n\n .react-calendar__navigation {\n display: flex;\n height: 44px;\n margin-bottom: 1em;\n }\n\n .react-calendar__navigation button {\n min-width: 44px;\n background: none;\n }\n\n .react-calendar__navigation button:disabled {\n background-color: #f0f0f0;\n }\n\n .react-calendar__navigation button:enabled:hover,\n .react-calendar__navigation button:enabled:focus {\n background-color: #e6e6e6;\n }\n\n .react-calendar__month-view__weekdays {\n text-align: center;\n text-transform: uppercase;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n }\n\n .react-calendar__month-view__weekdays__weekday {\n padding: 0.5em;\n }\n\n .react-calendar__month-view__weekNumbers .react-calendar__tile {\n display: flex;\n align-items: center;\n justify-content: center;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n }\n\n .react-calendar__month-view__days__day--weekend {\n color: #d10000;\n }\n\n .react-calendar__month-view__days__day--neighboringMonth,\n .react-calendar__decade-view__years__year--neighboringDecade,\n .react-calendar__century-view__decades__decade--neighboringCentury {\n color: #757575;\n }\n\n .react-calendar__year-view .react-calendar__tile,\n .react-calendar__decade-view .react-calendar__tile,\n .react-calendar__century-view .react-calendar__tile {\n padding: 2em 0.5em;\n }\n\n .react-calendar__tile {\n max-width: 100%;\n padding: 10px 6.6667px;\n background: none;\n text-align: center;\n font: inherit;\n font-size: 0.833em;\n }\n\n .react-calendar__tile:disabled {\n background-color: #f0f0f0;\n color: #ababab;\n }\n\n .react-calendar__month-view__days__day--neighboringMonth:disabled,\n .react-calendar__decade-view__years__year--neighboringDecade:disabled,\n .react-calendar__century-view__decades__decade--neighboringCentury:disabled {\n color: #cdcdcd;\n }\n\n .react-calendar__tile:enabled:hover,\n .react-calendar__tile:enabled:focus {\n background-color: #e6e6e6;\n }\n\n .react-calendar__tile--now {\n background: #ffff76;\n }\n\n .react-calendar__tile--now:enabled:hover,\n .react-calendar__tile--now:enabled:focus {\n background: #ffffa9;\n }\n\n .react-calendar__tile--hasActive {\n background: #76baff;\n }\n\n .react-calendar__tile--hasActive:enabled:hover,\n .react-calendar__tile--hasActive:enabled:focus {\n background: #a9d4ff;\n }\n\n .react-calendar__tile--active {\n background: #006edc;\n color: white;\n }\n\n .react-calendar__tile--active:enabled:hover,\n .react-calendar__tile--active:enabled:focus {\n background: #1087ff;\n }\n\n .react-calendar--selectRange .react-calendar__tile--hover {\n background-color: #e6e6e6;\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/range-date-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/range-date-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4yPAAA,yuPAoWtC,KAAA"}
|