@escolalms/components
Advanced tools
Comparing version 0.0.86 to 0.0.87
@@ -8,4 +8,4 @@ import * as React from "react"; | ||
error?: string | React.ReactNode; | ||
ref?: RefObject<HTMLTextAreaElement>; | ||
textAreaRef?: RefObject<HTMLTextAreaElement>; | ||
} | ||
export declare const TextArea: React.FC<TextAreaProps>; |
@@ -91,3 +91,3 @@ "use strict"; | ||
var TextArea = function (props) { | ||
var ref = props.ref, label = props.label, required = props.required, disabled = props.disabled, error = props.error, helper = props.helper, _a = props.className, className = _a === void 0 ? "" : _a; | ||
var textAreaRef = props.textAreaRef, label = props.label, required = props.required, disabled = props.disabled, error = props.error, helper = props.helper, _a = props.className, className = _a === void 0 ? "" : _a; | ||
var generateRandomTextAreatId = (0, react_1.useMemo)(function () { | ||
@@ -110,5 +110,5 @@ var randomString = (Math.random() + 1).toString(36).substring(3); | ||
}, [generateRandomTextAreatId, label, required]); | ||
return ((0, jsx_runtime_1.jsx)(StyledTextArea, __assign({ disabled: disabled, error: error, required: required, className: "wellms-component lsm-input ".concat(helper ? "has-helper" : "", " ").concat(error ? "has-error" : "", " ").concat(className) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "textarea-container ".concat(addFilledClass()) }, { children: [renderLabel(), (0, jsx_runtime_1.jsx)("textarea", __assign({}, props, notTextAreaProps, { ref: ref, id: label ? generateRandomTextAreatId : undefined }, { children: props.value })), helper && (0, jsx_runtime_1.jsx)("span", { children: helper }), error && (0, jsx_runtime_1.jsx)("div", __assign({ className: "error" }, { children: error }))] })) }))); | ||
return ((0, jsx_runtime_1.jsx)(StyledTextArea, __assign({ disabled: disabled, error: error, required: required, className: "wellms-component lsm-input ".concat(helper ? "has-helper" : "", " ").concat(error ? "has-error" : "", " ").concat(className) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "textarea-container ".concat(addFilledClass()) }, { children: [renderLabel(), (0, jsx_runtime_1.jsx)("textarea", __assign({}, props, notTextAreaProps, { id: label ? generateRandomTextAreatId : undefined, ref: textAreaRef }, { children: props.value })), helper && (0, jsx_runtime_1.jsx)("span", { children: helper }), error && (0, jsx_runtime_1.jsx)("div", __assign({ className: "error" }, { children: error }))] })) }))); | ||
}; | ||
exports.TextArea = TextArea; | ||
var templateObject_1; |
@@ -50,3 +50,3 @@ "use strict"; | ||
var DropdownMenuWrapper = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n padding: 0px;\n right: 0;\n z-index: 1000;\n display: flex;\n flex-direction: column;\n width: max-content;\n box-shadow: 0 24px 34px rgba(66, 66, 66, 5%),\n 0 -2px 8px rgba(255, 255, 255, 4%);\n\n &.fade-enter {\n opacity: 0;\n }\n\n &.fade-enter-active {\n opacity: 1;\n transition: 0.3s;\n }\n\n &.fade-enter-done {\n opacity: 1;\n }\n\n &.fade-exit-active {\n opacity: 0;\n transition: 0.3s;\n }\n"], ["\n position: absolute;\n padding: 0px;\n right: 0;\n z-index: 1000;\n display: flex;\n flex-direction: column;\n width: max-content;\n box-shadow: 0 24px 34px rgba(66, 66, 66, 5%),\n 0 -2px 8px rgba(255, 255, 255, 4%);\n\n &.fade-enter {\n opacity: 0;\n }\n\n &.fade-enter-active {\n opacity: 1;\n transition: 0.3s;\n }\n\n &.fade-enter-done {\n opacity: 1;\n }\n\n &.fade-exit-active {\n opacity: 0;\n transition: 0.3s;\n }\n"]))); | ||
var MenuItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n list-style: none;\n width: 100%;\n display: flex;\n background: ", ";\n color: ", ";\n transition: 0.3s;\n padding: 12px;\n cursor: pointer;\n\n &:hover {\n background: ", ";\n }\n\n & p {\n margin: 0px;\n }\n"], ["\n list-style: none;\n width: 100%;\n display: flex;\n background: ", ";\n color: ", ";\n transition: 0.3s;\n padding: 12px;\n cursor: pointer;\n\n &:hover {\n background: ", ";\n }\n\n & p {\n margin: 0px;\n }\n"])), function (_a) { | ||
var MenuItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n list-style: none;\n width: 100%;\n display: flex;\n background: ", ";\n color: ", ";\n transition: 0.3s;\n cursor: pointer;\n\n &:hover {\n background: ", ";\n }\n\n & p {\n margin: 0px;\n padding: 12px;\n }\n"], ["\n list-style: none;\n width: 100%;\n display: flex;\n background: ", ";\n color: ", ";\n transition: 0.3s;\n cursor: pointer;\n\n &:hover {\n background: ", ";\n }\n\n & p {\n margin: 0px;\n padding: 12px;\n }\n"])), function (_a) { | ||
var theme = _a.theme; | ||
@@ -53,0 +53,0 @@ return (0, utils_1.getStylesBasedOnTheme)(theme.mode, theme.dm__background, theme.white); |
@@ -7,3 +7,2 @@ /// <reference types="react" /> | ||
export declare const LeftPaddingWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; | ||
export declare const TextArea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {}, never>; | ||
export declare const ResponsiveCalendarSelect: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{ | ||
@@ -19,7 +18,1 @@ [x: string]: any; | ||
export declare const AddNoteWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; | ||
export declare const getSelectDates: () => { | ||
today: string; | ||
tomorrow: string; | ||
nextWeek: string; | ||
}; | ||
export declare const getDueDate: (dueDate: string) => string; |
@@ -10,5 +10,4 @@ "use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
exports.getDueDate = exports.getSelectDates = exports.AddNoteWrapper = exports.Note = exports.NotesContainer = exports.ResponsiveCalendarSelect = exports.TextArea = exports.LeftPaddingWrapper = exports.SectionHeader = exports.StyledCheckbox = exports.RightCol = exports.LeftCol = void 0; | ||
exports.AddNoteWrapper = exports.Note = exports.NotesContainer = exports.ResponsiveCalendarSelect = exports.LeftPaddingWrapper = exports.SectionHeader = exports.StyledCheckbox = exports.RightCol = exports.LeftCol = void 0; | ||
var __1 = require("../../../../"); | ||
var date_fns_1 = require("date-fns"); | ||
var styled_components_1 = __importDefault(require("styled-components")); | ||
@@ -24,12 +23,11 @@ var utils_1 = require("../../../../utils/utils"); | ||
exports.LeftPaddingWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 100%;\n padding-left: 36px;\n"], ["\n width: 100%;\n padding-left: 36px;\n"]))); | ||
exports.TextArea = styled_components_1.default.textarea(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 100%;\n padding: 16px;\n border: 1px solid ", ";\n color: ", ";\n line-height: 130%;\n resize: none;\n transition: border-color 200ms ease-in-out;\n"], ["\n width: 100%;\n padding: 16px;\n border: 1px solid ", ";\n color: ", ";\n line-height: 130%;\n resize: none;\n transition: border-color 200ms ease-in-out;\n"])), function (_a) { | ||
exports.ResponsiveCalendarSelect = (0, styled_components_1.default)(__1.Input)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"]))); | ||
exports.NotesContainer = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n & > div {\n width: 100%;\n max-height: 380px;\n overflow: auto;\n }\n & p {\n line-height: normal;\n }\n"], ["\n width: 100%;\n & > div {\n width: 100%;\n max-height: 380px;\n overflow: auto;\n }\n & p {\n line-height: normal;\n }\n"]))); | ||
exports.Note = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n min-width: 100%;\n margin: 4px 0px;\n & > div:first-child {\n display: flex;\n width: 100%;\n background-color: ", ";\n :hover {\n color: ", ";\n }\n & button {\n width: auto;\n transition: 0.3s;\n padding: 6px;\n margin: 4px 6px;\n margin-left: 0px;\n :hover {\n color: ", ";\n }\n & picture svg {\n color: ", ";\n }\n }\n & textarea {\n min-height: 100%;\n min-width: 75%;\n border: none;\n color: ", ";\n background-color: ", ";\n cursor: pointer;\n\n &:focus {\n color: ", ";\n outline: none;\n cursor: text;\n }\n }\n }\n\n"], ["\n display: flex;\n min-width: 100%;\n margin: 4px 0px;\n & > div:first-child {\n display: flex;\n width: 100%;\n background-color: ", ";\n :hover {\n color: ", ";\n }\n & button {\n width: auto;\n transition: 0.3s;\n padding: 6px;\n margin: 4px 6px;\n margin-left: 0px;\n :hover {\n color: ", ";\n }\n & picture svg {\n color: ", ";\n }\n }\n & textarea {\n min-height: 100%;\n min-width: 75%;\n border: none;\n color: ", ";\n background-color: ", ";\n cursor: pointer;\n\n &:focus {\n color: ", ";\n outline: none;\n cursor: text;\n }\n }\n }\n\n"])), function (_a) { | ||
var theme = _a.theme; | ||
return theme.outlineButtonColor; | ||
return (0, utils_1.getStylesBasedOnTheme)(theme.mode, theme.gray3, theme.gray3); | ||
}, function (_a) { | ||
var theme = _a.theme; | ||
return (0, utils_1.getStylesBasedOnTheme)(theme.mode, theme.white, theme.gray1); | ||
}); | ||
exports.ResponsiveCalendarSelect = (0, styled_components_1.default)(__1.Input)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"]))); | ||
exports.NotesContainer = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\npadding: 12px 0px;\n width: 100%;\n & > div {\n & div {\n margin: 4px 0;\n }\n width: 100%;\n max-height: 380px;\n overflow: auto;\n }\n & p {\n line-height: normal;\n }\n"], ["\npadding: 12px 0px;\n width: 100%;\n & > div {\n & div {\n margin: 4px 0;\n }\n width: 100%;\n max-height: 380px;\n overflow: auto;\n }\n & p {\n line-height: normal;\n }\n"]))); | ||
exports.Note = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n min-width: 100%;\n\n & > div:first-child {\n display: flex;\n width: 100%;\n padding: 4px;\n border-radius: 12px;\n background-color: ", ";\n :hover {\n color: ", ";\n }\n & button {\n width: auto;\n transition: 0.3s;\n padding: 6px;\n :hover {\n color: ", ";\n }\n & picture svg {\n color: ", ";\n }\n }\n & textarea {\n min-height: 100%;\n min-width: 75%;\n margin-block: 4px;\n border: none;\n background-color: ", ";\n cursor: pointer;\n\n &:focus {\n color: ", ";\n outline: none;\n cursor: text;\n }\n }\n }\n\n"], ["\n display: flex;\n min-width: 100%;\n\n & > div:first-child {\n display: flex;\n width: 100%;\n padding: 4px;\n border-radius: 12px;\n background-color: ", ";\n :hover {\n color: ", ";\n }\n & button {\n width: auto;\n transition: 0.3s;\n padding: 6px;\n :hover {\n color: ", ";\n }\n & picture svg {\n color: ", ";\n }\n }\n & textarea {\n min-height: 100%;\n min-width: 75%;\n margin-block: 4px;\n border: none;\n background-color: ", ";\n cursor: pointer;\n\n &:focus {\n color: ", ";\n outline: none;\n cursor: text;\n }\n }\n }\n\n"])), function (_a) { | ||
return theme.dm__colorBackground; | ||
}, function (_a) { | ||
var theme = _a.theme; | ||
@@ -42,34 +40,11 @@ return theme.dm__background; | ||
var theme = _a.theme; | ||
return theme.dm__background; | ||
return (0, utils_1.getStylesBasedOnTheme)(theme.mode, theme.white, theme.gray1); | ||
}, function (_a) { | ||
var theme = _a.theme; | ||
return theme.dm__colorBackground; | ||
return (0, utils_1.getStylesBasedOnTheme)(theme.mode, theme.gray3, theme.gray3); | ||
}, function (_a) { | ||
var theme = _a.theme; | ||
return theme.dm__background; | ||
}, function (_a) { | ||
var theme = _a.theme; | ||
return theme.dm__colorBackground; | ||
}); | ||
exports.AddNoteWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n width: 100%;\n\n button {\n margin: 12px 0px;\n width: max-content;\n }\n"], ["\n width: 100%;\n\n button {\n margin: 12px 0px;\n width: max-content;\n }\n"]))); | ||
var getSelectDates = function () { | ||
var today = (0, date_fns_1.endOfToday)(); | ||
var tomorrow = (0, date_fns_1.add)(today, { days: 1 }).toString(); | ||
var nextWeek = (0, date_fns_1.add)(today, { weeks: 1 }).toString(); | ||
return { today: today.toString(), tomorrow: tomorrow, nextWeek: nextWeek }; | ||
}; | ||
exports.getSelectDates = getSelectDates; | ||
var getDueDate = function (dueDate) { | ||
var _a; | ||
var _b; | ||
var endOfDayDueDateStr = (0, date_fns_1.endOfDay)(new Date(dueDate)).toString(); | ||
var _c = (0, exports.getSelectDates)(), today = _c.today, tomorrow = _c.tomorrow, nextWeek = _c.nextWeek; | ||
var dueDateMap = (_a = {}, | ||
_a[today] = today, | ||
_a[tomorrow] = tomorrow, | ||
_a[nextWeek] = nextWeek, | ||
_a); | ||
return (_b = dueDateMap[endOfDayDueDateStr]) !== null && _b !== void 0 ? _b : dueDate; | ||
}; | ||
exports.getDueDate = getDueDate; | ||
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10; | ||
exports.AddNoteWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: 100%;\n\n button {\n margin: 12px 0px;\n width: max-content;\n }\n"], ["\n width: 100%;\n\n button {\n margin: 12px 0px;\n width: max-content;\n }\n"]))); | ||
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9; |
@@ -51,4 +51,5 @@ "use strict"; | ||
var _c = (0, react_2.useState)(false), isStatusUpdating = _c[0], setIsStatusUpdating = _c[1]; | ||
var _d = (0, react_2.useState)(!!taskForAction.completed_at), taskDone = _d[0], setTaskDone = _d[1]; | ||
var t = (0, react_i18next_1.useTranslation)().t; | ||
var _d = (0, react_2.useContext)(react_1.EscolaLMSContext), updateTask = _d.updateTask, updateTaskStatus = _d.updateTaskStatus, createTaskNote = _d.createTaskNote, fetchTask = _d.fetchTask, task = _d.task; | ||
var _e = (0, react_2.useContext)(react_1.EscolaLMSContext), updateTask = _e.updateTask, updateTaskStatus = _e.updateTaskStatus, createTaskNote = _e.createTaskNote, fetchTask = _e.fetchTask, task = _e.task; | ||
var initialValues = { | ||
@@ -60,3 +61,3 @@ title: taskForAction.title, | ||
description: (_b = taskForAction.description) !== null && _b !== void 0 ? _b : "", | ||
due_date: (0, common_1.getDueDate)(taskForAction.due_date), | ||
due_date: taskForAction.due_date, | ||
}; | ||
@@ -69,4 +70,10 @@ (0, react_2.useEffect)(function () { | ||
if (!values.title) { | ||
errors.title = "Required"; | ||
errors.title = t("Required"); | ||
} | ||
if (!values.due_date) { | ||
errors.due_date = t("Required"); | ||
} | ||
else if (!(0, date_fns_1.isAfter)(new Date(values.due_date), new Date())) { | ||
errors.due_date = t("DateAfterToday"); | ||
} | ||
return errors; | ||
@@ -77,4 +84,3 @@ }, onSubmit: function (_a, _b) { | ||
var sendValues = __assign({}, values); | ||
if (due_date !== initialValues.due_date && | ||
typeof due_date === "string") { | ||
if (due_date) { | ||
sendValues = __assign(__assign({}, sendValues), { due_date: (0, date_fns_1.format)(new Date(due_date), "yyyy-MM-dd") }); | ||
@@ -110,3 +116,3 @@ } | ||
var values = _a.values, touched = _a.touched, errors = _a.errors, handleChange = _a.handleChange, handleBlur = _a.handleBlur, handleSubmit = _a.handleSubmit, setFieldValue = _a.setFieldValue; | ||
return ((0, jsx_runtime_1.jsxs)(Form, __assign({ onSubmit: handleSubmit }, { children: [(0, jsx_runtime_1.jsxs)(common_1.LeftCol, { children: [(0, jsx_runtime_1.jsxs)(__1.Row, __assign({ "$gap": 16 }, { children: [(0, jsx_runtime_1.jsx)(__1.Checkbox, { disabled: isStatusUpdating, checked: !!taskForAction.completed_at, onChange: function (e) { | ||
return ((0, jsx_runtime_1.jsxs)(Form, __assign({ onSubmit: handleSubmit }, { children: [(0, jsx_runtime_1.jsxs)(common_1.LeftCol, { children: [(0, jsx_runtime_1.jsxs)(__1.Row, __assign({ "$gap": 16 }, { children: [(0, jsx_runtime_1.jsx)(__1.Checkbox, { disabled: isStatusUpdating, checked: taskDone, onChange: function (e) { | ||
setIsStatusUpdating(true); | ||
@@ -118,9 +124,8 @@ updateTaskStatus(taskForAction.id, e.target.checked) | ||
setIsStatusUpdating(false); | ||
setTaskDone(!taskDone); | ||
}) | ||
.catch(function () { return setIsStatusUpdating(false); }); | ||
} }), (0, jsx_runtime_1.jsxs)(common_1.SectionHeader, { children: [errors && errors.error && (0, jsx_runtime_1.jsx)(__1.Text, { children: errors.error }), (0, jsx_runtime_1.jsx)(__1.Input, { label: t("Tasks.Title"), placeholder: t("Tasks.Title"), id: "title", name: "title", value: values.title, onChange: handleChange, onBlur: handleBlur, required: true }), (0, jsx_runtime_1.jsx)(RelatedTreeSelect_1.RelatedTreeSelect, { label: t("Tasks.RelatesTo"), notFoundContent: t("Tasks.NoContent"), error: touched.related && errors.related | ||
} }), (0, jsx_runtime_1.jsxs)(common_1.SectionHeader, { children: [(0, jsx_runtime_1.jsx)(__1.Input, { label: t("Tasks.Title"), error: touched.title && errors.title ? ((0, jsx_runtime_1.jsx)("p", { children: errors.title })) : undefined, placeholder: t("Tasks.Title"), id: "title", name: "title", value: values.title, onChange: handleChange, onBlur: handleBlur, required: true }), (0, jsx_runtime_1.jsx)(__1.TextArea, { name: "description", id: "description", label: t("Tasks.Description"), placeholder: t("Tasks.Description"), value: values.description, onChange: handleChange }), (0, jsx_runtime_1.jsx)(RelatedTreeSelect_1.RelatedTreeSelect, { label: t("Tasks.RelatesTo"), notFoundContent: t("Tasks.NoContent"), error: touched.related && errors.related | ||
? errors.related | ||
: undefined, id: "related", value: values.related, onChange: function (v) { return setFieldValue("related", v); }, onBlur: handleBlur }), (0, jsx_runtime_1.jsx)(__1.TextArea, { name: "description", id: "description", label: t("Tasks.Description"), placeholder: t("Tasks.Description"), value: values.description, onChange: handleChange }), (0, jsx_runtime_1.jsxs)(common_1.NotesContainer, { children: [(0, jsx_runtime_1.jsxs)(__1.Row, __assign({ "$alignItems": "center", "$gap": 4 }, { children: [(0, jsx_runtime_1.jsx)(hi_1.HiOutlineDocumentText, {}), (0, jsx_runtime_1.jsx)(__1.Text, { children: t("Tasks.Notes") })] })), (0, jsx_runtime_1.jsx)("div", { children: ((_b = task.value) === null || _b === void 0 ? void 0 : _b.notes) && task.value.notes.length > 0 ? (task.value.notes.map(function (note) { return ((0, jsx_runtime_1.jsx)(common_1.Note, { children: (0, jsx_runtime_1.jsx)(TaskNote_1.EditTaskNote, { note: note, onEdit: function () { return fetchTask(taskForAction.id); }, onDelete: function () { return fetchTask(taskForAction.id); } }) }, note.id)); })) : ((0, jsx_runtime_1.jsx)(__1.Text, { children: t("Tasks.NoNotes") })) })] }), (0, jsx_runtime_1.jsx)(TaskNote_1.AddTaskNote, { taskId: taskForAction.id, onSuccess: function () { return fetchTask(taskForAction.id); } })] })] })), (0, jsx_runtime_1.jsxs)(ButtonsContainer, __assign({ "$justifyContent": "flex-end", "$gap": 12 }, { children: [(0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "button", onClick: closeModal }, { children: t("Tasks.Cancel") })), (0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "submit" }, { children: t("Tasks.Save") }))] }))] }), (0, jsx_runtime_1.jsx)(common_1.RightCol, { children: (0, jsx_runtime_1.jsx)(common_1.ResponsiveCalendarSelect, { type: "datetime-local", error: touched.due_date && errors.due_date ? ((0, jsx_runtime_1.jsx)("p", { children: errors.due_date })) : undefined, label: t("Tasks.DueDate"), placeholder: t("Tasks.DueDate"), name: "due_date", onChange: function (option) { | ||
return setFieldValue("due_date", option === null || option === void 0 ? void 0 : option.value); | ||
}, onBlur: handleBlur, value: values.due_date }) })] }))); | ||
: undefined, id: "related", value: values.related, onChange: function (v) { return setFieldValue("related", v); }, onBlur: handleBlur }), (0, jsx_runtime_1.jsxs)(common_1.NotesContainer, { children: [(0, jsx_runtime_1.jsxs)(__1.Row, __assign({ "$alignItems": "center", "$gap": 4 }, { children: [(0, jsx_runtime_1.jsx)(hi_1.HiOutlineDocumentText, {}), (0, jsx_runtime_1.jsx)(__1.Text, { children: t("Tasks.Notes") })] })), (0, jsx_runtime_1.jsx)("div", { children: ((_b = task.value) === null || _b === void 0 ? void 0 : _b.notes) && task.value.notes.length > 0 ? (task.value.notes.map(function (note) { return ((0, jsx_runtime_1.jsx)(common_1.Note, { children: (0, jsx_runtime_1.jsx)(TaskNote_1.EditTaskNote, { note: note, onEdit: function () { return fetchTask(taskForAction.id); }, onDelete: function () { return fetchTask(taskForAction.id); } }) }, note.id)); })) : ((0, jsx_runtime_1.jsx)(__1.Text, { children: t("Tasks.NoNotes") })) })] }), (0, jsx_runtime_1.jsx)(TaskNote_1.AddTaskNote, { taskId: taskForAction.id, onSuccess: function () { return fetchTask(taskForAction.id); } })] })] })), (0, jsx_runtime_1.jsxs)(ButtonsContainer, __assign({ "$justifyContent": "flex-end", "$gap": 12 }, { children: [(0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "button", onClick: closeModal }, { children: t("Tasks.Cancel") })), (0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "submit" }, { children: t("Tasks.Save") }))] }))] }), (0, jsx_runtime_1.jsx)(common_1.RightCol, { children: (0, jsx_runtime_1.jsx)(__1.Input, { type: "date", error: touched.due_date && errors.due_date ? ((0, jsx_runtime_1.jsx)("p", { children: errors.due_date })) : undefined, label: t("Tasks.DueDate"), placeholder: t("Tasks.DueDate"), name: "due_date", id: "due_date", onChange: handleChange, onBlur: handleBlur, value: (0, date_fns_1.format)(values.due_date ? new Date(values.due_date) : new Date(), "yyyy-MM-dd") }) })] }))); | ||
} }))); | ||
@@ -127,0 +132,0 @@ }; |
@@ -23,3 +23,2 @@ "use strict"; | ||
var isPersonal = ((_b = task.created_by) === null || _b === void 0 ? void 0 : _b.id) === ((_c = task.user) === null || _c === void 0 ? void 0 : _c.id); | ||
console.log(isPersonal); | ||
return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(__1.Title, { children: t("Tasks.EditTask") }), isPersonal ? ((0, jsx_runtime_1.jsx)(PersonalContent_1.PersonalContent, { taskForAction: task, onStatusUpdateSuccess: onTaskStatusUpdateSuccess, onSuccess: onTaskUpdateSuccess, onError: onTaskUpdateError, closeModal: closeModal })) : ((0, jsx_runtime_1.jsx)(IncomingContent_1.IncomingContent, { task: task, onTaskStatusUpdateSuccess: onTaskStatusUpdateSuccess }))] })); | ||
@@ -26,0 +25,0 @@ }; |
@@ -66,4 +66,4 @@ "use strict"; | ||
}, [note]); | ||
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading ? ((0, jsx_runtime_1.jsx)(__1.Spin, {})) : ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(__1.TextArea, { ref: textAreaRef, name: "note", label: t("Tasks.Note"), placeholder: t("Tasks.EditNote"), value: value, onChange: function (e) { return setValue(e.target.value); } }), (0, jsx_runtime_1.jsxs)(__1.Row, __assign({ "$gap": 6, "$alignItems": "center", "$justifyContent": "space-around" }, { children: [value !== note.note && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "button", onClick: function () { return setValue(note.note); } }, { children: t("Tasks.Undo") })), (0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "button", onClick: function () { return onEditNote(); } }, { children: t("Tasks.Edit") }))] })), (0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "button", onClick: function () { return onDeleteNote(); } }, { children: t("Tasks.Delete") }))] }))] })) })); | ||
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading ? ((0, jsx_runtime_1.jsx)(__1.Spin, {})) : ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(__1.TextArea, { textAreaRef: textAreaRef, name: "note", placeholder: t("Tasks.EditNote"), value: value, onChange: function (e) { return setValue(e.target.value); } }), (0, jsx_runtime_1.jsxs)(__1.Row, __assign({ "$gap": 6, "$alignItems": "center", "$justifyContent": "space-around" }, { children: [value !== note.note && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "button", onClick: function () { return setValue(note.note); } }, { children: t("Tasks.Undo") })), (0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "button", onClick: function () { return onEditNote(); } }, { children: t("Tasks.Save") }))] })), (0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "button", onClick: function () { return onDeleteNote(); } }, { children: t("Tasks.Delete") }))] }))] })) })); | ||
}; | ||
exports.EditTaskNote = EditTaskNote; |
@@ -170,3 +170,3 @@ "use strict"; | ||
switch (type) { | ||
case "Today": | ||
case (0, i18next_1.t)("Tasks.TodayTasks"): | ||
var today = getTaskArray().filter(function (task) { | ||
@@ -176,3 +176,3 @@ return (0, date_fns_1.isToday)(new Date(task.due_date)); | ||
return checkCreateBy(today, create); | ||
case "Upcoming": | ||
case (0, i18next_1.t)("Tasks.UpcomingTasks"): | ||
var upcoming = getTaskArray().filter(function (task) { | ||
@@ -183,3 +183,3 @@ return (0, date_fns_1.isAfter)(new Date(task.due_date), new Date()) && | ||
return checkCreateBy(upcoming, create); | ||
case "Overdue": | ||
case (0, i18next_1.t)("Tasks.OverdueTasks"): | ||
var overdue = getTaskArray().filter(function (task) { | ||
@@ -200,3 +200,3 @@ return (0, date_fns_1.isBefore)(new Date(task.due_date), new Date()) && | ||
numberOfItems: tasksList | ||
? filterTasks(tasksList, "All", createBy.type).length | ||
? filterTasks(tasksList, (0, i18next_1.t)("Tasks.AllTasks"), createBy.type).length | ||
: 0, | ||
@@ -209,3 +209,3 @@ }, | ||
numberOfItems: tasksList | ||
? filterTasks(tasksList, "Today", createBy.type).length | ||
? filterTasks(tasksList, (0, i18next_1.t)("Tasks.TodayTasks"), createBy.type).length | ||
: 0, | ||
@@ -218,4 +218,3 @@ }, | ||
numberOfItems: tasksList | ||
? filterTasks(tasksList, "Upcoming", createBy.type) | ||
.length | ||
? filterTasks(tasksList, (0, i18next_1.t)("Tasks.UpcomingTasks"), createBy.type).length | ||
: 0, | ||
@@ -228,3 +227,3 @@ }, | ||
numberOfItems: tasksList | ||
? filterTasks(tasksList, "Overdue", createBy.type).length | ||
? filterTasks(tasksList, (0, i18next_1.t)("Tasks.OverdueTasks"), createBy.type).length | ||
: 0, | ||
@@ -283,6 +282,6 @@ }, | ||
}, [fetchProgress, fetchTasks, pagination]); | ||
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.TasksContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.TasksHeader, { children: [(0, jsx_runtime_1.jsx)(__1.Title, { children: (0, i18next_1.t)("Tasks.TasksHeader") }), (0, jsx_runtime_1.jsx)(__1.Button, __assign({ onClick: addTaskButton.onClick, mode: "secondary" }, { children: (0, i18next_1.t)("Tasks.AddTask") }))] }), (0, jsx_runtime_1.jsxs)(styles_1.TasksBody, { children: [(0, jsx_runtime_1.jsx)(styles_1.TasksMenu, { children: (0, jsx_runtime_1.jsx)(__1.List, { listItems: listItems, selectedListItem: selectedListItem, setSelectedListItem: setSelectedListItem }) }), (0, jsx_runtime_1.jsxs)(styles_1.TasksContent, { children: [(0, jsx_runtime_1.jsxs)(styles_1.TasksContentHeader, { children: [(0, jsx_runtime_1.jsx)(__1.Title, { children: currentlySelectedListItem === null || currentlySelectedListItem === void 0 ? void 0 : currentlySelectedListItem.text }), (0, jsx_runtime_1.jsx)(__1.DropdownMenu, { child: (0, jsx_runtime_1.jsx)(__1.Text, __assign({ size: "12", noMargin: true }, { children: "".concat((0, i18next_1.t)("Tasks.CreateBy"), ": ").concat(createBy.type) })), menuItems: createBy.options }), (0, jsx_runtime_1.jsx)(__1.DropdownMenu, { child: (0, jsx_runtime_1.jsx)(__1.Text, __assign({ size: "12", noMargin: true }, { children: "".concat((0, i18next_1.t)("Tasks.Sort"), ": ").concat(sortOptions.type) })), menuItems: sortOptions.options }), (0, jsx_runtime_1.jsx)(__1.DropdownMenu, { child: (0, jsx_runtime_1.jsx)(md_1.MdMoreHoriz, { size: "1.6em" }), menuItems: taskShowAction.options })] }), tasksToShowInList().map(function (item) { | ||
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.TasksContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.TasksHeader, { children: [(0, jsx_runtime_1.jsx)(__1.Title, __assign({ level: 4 }, { children: (0, i18next_1.t)("Tasks.TasksHeader") })), (0, jsx_runtime_1.jsx)(__1.Button, __assign({ onClick: addTaskButton.onClick, mode: "secondary" }, { children: (0, i18next_1.t)("Tasks.AddTask") }))] }), (0, jsx_runtime_1.jsxs)(styles_1.TasksBody, { children: [(0, jsx_runtime_1.jsx)(styles_1.TasksMenu, { children: (0, jsx_runtime_1.jsx)(__1.List, { listItems: listItems, selectedListItem: selectedListItem, setSelectedListItem: setSelectedListItem }) }), (0, jsx_runtime_1.jsxs)(styles_1.TasksContent, { children: [(0, jsx_runtime_1.jsxs)(styles_1.TasksContentHeader, { children: [(0, jsx_runtime_1.jsx)(__1.Title, { children: currentlySelectedListItem === null || currentlySelectedListItem === void 0 ? void 0 : currentlySelectedListItem.text }), (0, jsx_runtime_1.jsx)(__1.DropdownMenu, { child: (0, jsx_runtime_1.jsx)(__1.Text, __assign({ size: "12", noMargin: true }, { children: "".concat((0, i18next_1.t)("Tasks.CreateBy"), ": ").concat((0, i18next_1.t)("Tasks.".concat(createBy.type))) })), menuItems: createBy.options }), (0, jsx_runtime_1.jsx)(__1.DropdownMenu, { child: (0, jsx_runtime_1.jsx)(__1.Text, __assign({ size: "12", noMargin: true }, { children: "".concat((0, i18next_1.t)("Tasks.Sort"), ": ").concat((0, i18next_1.t)("Tasks.".concat(sortOptions.type))) })), menuItems: sortOptions.options }), (0, jsx_runtime_1.jsx)(__1.DropdownMenu, { child: (0, jsx_runtime_1.jsx)(md_1.MdMoreHoriz, { size: "1.6em" }), menuItems: taskShowAction.options })] }), tasksToShowInList().map(function (item) { | ||
var id = item.id, title = item.title, completed_at = item.completed_at, related_type = item.related_type; | ||
var checkedDate = checkDate(String(item.due_date)); | ||
return ((0, jsx_runtime_1.jsxs)(styles_1.TaskItem, { children: [(0, jsx_runtime_1.jsxs)(__1.Row, __assign({ "$gap": 16 }, { children: [(0, jsx_runtime_1.jsx)(ChangeStatusCheckbox, { id: id, checked: !!completed_at, onSuccess: refreshTasks }), (0, jsx_runtime_1.jsxs)(__1.Stack, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTitle, __assign({ "$isCompleted": !!completed_at, as: "h2" }, { children: title })), related_type && ((0, jsx_runtime_1.jsx)(styles_1.ProgrammeText, { children: String(related_type).replaceAll("\\", " - ") }))] })] })), (0, jsx_runtime_1.jsxs)(styles_1.TaskDateWrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.TaskDate, __assign({ "$date": checkedDate }, { children: (0, jsx_runtime_1.jsx)(__1.Text, { children: checkedDate }) })), (0, jsx_runtime_1.jsx)(__1.DropdownMenu, { onClick: function () { | ||
return ((0, jsx_runtime_1.jsxs)(styles_1.TaskItem, { children: [(0, jsx_runtime_1.jsxs)(__1.Row, __assign({ "$gap": 16 }, { children: [(0, jsx_runtime_1.jsx)(ChangeStatusCheckbox, { id: id, checked: !!completed_at, onSuccess: refreshTasks }), (0, jsx_runtime_1.jsxs)(__1.Stack, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTitle, __assign({ "$isCompleted": !!completed_at, as: "h2" }, { children: title })), related_type && ((0, jsx_runtime_1.jsx)(styles_1.ProgrammeText, { children: String(related_type).replaceAll("\\", " - ") }))] })] })), (0, jsx_runtime_1.jsxs)(styles_1.TaskDateWrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.TaskDate, __assign({ "$date": checkedDate }, { children: (0, jsx_runtime_1.jsx)(__1.Text, { children: (0, i18next_1.t)("Tasks.".concat(checkedDate)) }) })), (0, jsx_runtime_1.jsx)(__1.DropdownMenu, { onClick: function () { | ||
return item !== taskForActions && setTaskForActions(item); | ||
@@ -289,0 +288,0 @@ }, child: (0, jsx_runtime_1.jsx)(md_1.MdMoreHoriz, { size: "1.6em" }), menuItems: taskAction })] })] }, id)); |
@@ -20,5 +20,11 @@ /// <reference types="react" /> | ||
}, never>; | ||
export declare const ProgrammeText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>; | ||
export declare const ProgrammeText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{ | ||
[x: string]: any; | ||
[x: number]: any; | ||
[x: symbol]: any; | ||
} & { | ||
theme?: import("styled-components").DefaultTheme | undefined; | ||
}>, import("styled-components").DefaultTheme, {}, never>; | ||
export declare const TaskDate: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, { | ||
$date?: "Today" | "Tomorrow" | "Upcoming" | "Overdue" | undefined; | ||
}, never>; |
@@ -35,3 +35,3 @@ "use strict"; | ||
var defaultFlex = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"]))); | ||
exports.TasksContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: 100%;\n background: ", ";\n overflow: auto;\n ::-webkit-scrollbar {\n width: 2px;\n border-radius: 2px;\n height: 2px;\n background-color: ", ";\n }\n ::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n }\n"], ["\n min-width: 100%;\n background: ", ";\n overflow: auto;\n ::-webkit-scrollbar {\n width: 2px;\n border-radius: 2px;\n height: 2px;\n background-color: ", ";\n }\n ::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n }\n"])), function (_a) { | ||
exports.TasksContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-width: 100%;\n min-height: 100%;\n background: ", ";\n overflow: auto;\n ::-webkit-scrollbar {\n width: 2px;\n border-radius: 2px;\n height: 2px;\n background-color: ", ";\n }\n ::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n min-width: 100%;\n min-height: 100%;\n background: ", ";\n overflow: auto;\n ::-webkit-scrollbar {\n width: 2px;\n border-radius: 2px;\n height: 2px;\n background-color: ", ";\n }\n ::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 4px;\n }\n"])), function (_a) { | ||
var theme = _a.theme; | ||
@@ -64,3 +64,3 @@ return (0, utils_1.getStylesBasedOnTheme)(theme.mode, theme.dm__background, theme.white); | ||
}); | ||
exports.ProgrammeText = styled_components_1.default.p(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n text-transform: uppercase;\n margin: 0px;\n padding-top: 6px;\n"], ["\n text-transform: uppercase;\n margin: 0px;\n padding-top: 6px;\n"]))); | ||
exports.ProgrammeText = (0, styled_components_1.default)(__1.Text)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n text-transform: uppercase;\n margin: 0px;\n padding-top: 6px;\n font-size: 12px;\n"], ["\n text-transform: uppercase;\n margin: 0px;\n padding-top: 6px;\n font-size: 12px;\n"]))); | ||
exports.TaskDate = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n\n p,\n picture {\n color: ", ";\n }\n"], ["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 8px;\n\n p,\n picture {\n color: ", ";\n }\n"])), function (_a) { | ||
@@ -67,0 +67,0 @@ var $date = _a.$date, theme = _a.theme; |
@@ -118,5 +118,5 @@ "use strict"; | ||
var _b = useQuiz(topic.topicable.id, onTopicEnd), data = _b.data, startQuiz = _b.startQuiz, sendAnswer = _b.sendAnswer, endQuiz = _b.endQuiz; | ||
return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-testid": "gift-quiz-player", className: className }, { children: [!data.value && !data.loading && ((0, jsx_runtime_1.jsx)(StartButtonWrapper, { children: (0, jsx_runtime_1.jsx)(__1.Button, __assign({ type: "button", onClick: startQuiz }, { children: t("Quiz.Start") })) })), data.loading && !data.value && (0, jsx_runtime_1.jsx)(__1.Spin, {}), data.value && ((0, jsx_runtime_1.jsx)(GiftQuizPlayerContent_1.default, { attempt: data.value, startQuiz: startQuiz, sendAnswer: sendAnswer, endQuiz: endQuiz }))] }))); | ||
return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-testid": "gift-quiz-player", className: className }, { children: [!data.value && !data.loading && ((0, jsx_runtime_1.jsx)(StartButtonWrapper, { children: (0, jsx_runtime_1.jsx)(__1.Button, __assign({ mode: "secondary", type: "button", onClick: startQuiz }, { children: t("Quiz.Start") })) })), data.loading && !data.value && (0, jsx_runtime_1.jsx)(__1.Spin, {}), data.value && ((0, jsx_runtime_1.jsx)(GiftQuizPlayerContent_1.default, { attempt: data.value, startQuiz: startQuiz, sendAnswer: sendAnswer, endQuiz: endQuiz }))] }))); | ||
}; | ||
exports.default = (0, styled_components_1.withTheme)((0, styled_components_1.default)(GiftQuizPlayer)(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])))); | ||
var templateObject_1, templateObject_2, templateObject_3; |
@@ -7,5 +7,5 @@ "use strict"; | ||
if (textAreaRef) { | ||
textAreaRef.style.height = '0px'; | ||
textAreaRef.style.height = "0px"; | ||
var scrollHeight = textAreaRef.scrollHeight; | ||
textAreaRef.style.height = scrollHeight + 'px'; | ||
textAreaRef.style.height = scrollHeight + "px"; | ||
} | ||
@@ -12,0 +12,0 @@ }, [textAreaRef, value]); |
@@ -54,2 +54,3 @@ import i18n from "i18next"; | ||
Required: string; | ||
DateAfterToday: string; | ||
"Wrong email": string; | ||
@@ -206,2 +207,8 @@ "Wrong phone number": string; | ||
Note: string; | ||
Today: string; | ||
Tomorrow: string; | ||
Overdue: string; | ||
Upcoming: string; | ||
Ascending: string; | ||
Descending: string; | ||
}; | ||
@@ -266,2 +273,3 @@ }; | ||
Required: string; | ||
DateAfterToday: string; | ||
"Wrong email": string; | ||
@@ -415,2 +423,8 @@ "Wrong phone number": string; | ||
Note: string; | ||
Today: string; | ||
Tomorrow: string; | ||
Overdue: string; | ||
Upcoming: string; | ||
Ascending: string; | ||
Descending: string; | ||
}; | ||
@@ -417,0 +431,0 @@ }; |
@@ -64,2 +64,3 @@ "use strict"; | ||
Required: "Required", | ||
DateAfterToday: "The date must be later than today", | ||
"Wrong email": "Wrong email adress", | ||
@@ -216,3 +217,9 @@ "Wrong phone number": "Wrong phone number", | ||
Note: "Note", | ||
}, | ||
Today: "Today", | ||
Tomorrow: "Tomorrow", | ||
Overdue: "Overdue", | ||
Upcoming: "Upcoming", | ||
Ascending: "Ascending", | ||
Descending: "Descending", | ||
} | ||
}, | ||
@@ -276,2 +283,3 @@ }, | ||
Required: "Wymagane", | ||
DateAfterToday: "Data musi być późniejsza niź dzisiaj", | ||
"Wrong email": "Zły adres email", | ||
@@ -425,3 +433,9 @@ "Wrong phone number": "Zły numer telefonu", | ||
Note: "Notatka", | ||
}, | ||
Today: "Dzisiaj", | ||
Tomorrow: "Jutro", | ||
Overdue: "Przekroczone", | ||
Upcoming: "Nadchodzące", | ||
Ascending: "Rosnąco", | ||
Descending: "Malejąco", | ||
} | ||
}, | ||
@@ -428,0 +442,0 @@ }, |
{ | ||
"name": "@escolalms/components", | ||
"version": "0.0.86", | ||
"version": "0.0.87", | ||
"main": "lib/index.js", | ||
@@ -32,3 +32,3 @@ "license": "MIT", | ||
"@escolalms/h5p-react": "^0.2.11", | ||
"@escolalms/sdk": "^0.4.56", | ||
"@escolalms/sdk": "^0.4.60", | ||
"@stylelint/postcss-css-in-js": "stylelint/postcss-css-in-js", | ||
@@ -35,0 +35,0 @@ "@types/chroma-js": "^2.1.3", |
import { Checkbox, Input } from '../../../../'; | ||
import { add, endOfDay, endOfToday } from 'date-fns'; | ||
import styled from 'styled-components'; | ||
@@ -44,13 +43,2 @@ import { getStylesBasedOnTheme } from '../../../../utils/utils'; | ||
export const TextArea = styled.textarea` | ||
width: 100%; | ||
padding: 16px; | ||
border: 1px solid ${({ theme }) => theme.outlineButtonColor}; | ||
color: ${({ theme }) => | ||
getStylesBasedOnTheme(theme.mode, theme.white, theme.gray1)}; | ||
line-height: 130%; | ||
resize: none; | ||
transition: border-color 200ms ease-in-out; | ||
`; | ||
export const ResponsiveCalendarSelect = styled(Input)` | ||
@@ -61,8 +49,4 @@ width: 100%; | ||
export const NotesContainer = styled.div` | ||
padding: 12px 0px; | ||
width: 100%; | ||
& > div { | ||
& div { | ||
margin: 4px 0; | ||
} | ||
width: 100%; | ||
@@ -80,9 +64,7 @@ max-height: 380px; | ||
min-width: 100%; | ||
margin: 4px 0px; | ||
& > div:first-child { | ||
display: flex; | ||
width: 100%; | ||
padding: 4px; | ||
border-radius: 12px; | ||
background-color: ${({ theme }) => theme.dm__background}; | ||
background-color: ${({ theme }) => getStylesBasedOnTheme(theme.mode, theme.gray3, theme.gray3)}; | ||
:hover { | ||
@@ -95,2 +77,4 @@ color: ${({ theme }) => theme.dm__colorBackground}; | ||
padding: 6px; | ||
margin: 4px 6px; | ||
margin-left: 0px; | ||
:hover { | ||
@@ -106,5 +90,5 @@ color: ${({ theme }) => theme.dm__background}; | ||
min-width: 75%; | ||
margin-block: 4px; | ||
border: none; | ||
background-color: ${({ theme }) => theme.dm__background}; | ||
color: ${({ theme }) => getStylesBasedOnTheme(theme.mode, theme.white, theme.gray1)}; | ||
background-color: ${({ theme }) => getStylesBasedOnTheme(theme.mode, theme.gray3, theme.gray3)}; | ||
cursor: pointer; | ||
@@ -131,21 +115,1 @@ | ||
export const getSelectDates = () => { | ||
const today = endOfToday(); | ||
const tomorrow = add(today, { days: 1 }).toString(); | ||
const nextWeek = add(today, { weeks: 1 }).toString(); | ||
return { today: today.toString(), tomorrow, nextWeek }; | ||
}; | ||
export const getDueDate = (dueDate: string): string => { | ||
const endOfDayDueDateStr = endOfDay(new Date(dueDate)).toString(); | ||
const { today, tomorrow, nextWeek } = getSelectDates(); | ||
const dueDateMap = { | ||
[today]: today, | ||
[tomorrow]: tomorrow, | ||
[nextWeek]: nextWeek, | ||
}; | ||
return dueDateMap[endOfDayDueDateStr] ?? dueDate; | ||
}; |
import { getStylesBasedOnTheme } from '../../../utils/utils'; | ||
import { Title } from '../../../'; | ||
import { Title, Text } from '../../../'; | ||
import styled, { css } from 'styled-components'; | ||
@@ -12,3 +12,6 @@ | ||
export const TasksContainer = styled.div` | ||
display: flex; | ||
flex-direction: column; | ||
min-width: 100%; | ||
min-height: 100%; | ||
background: ${({ theme }) => | ||
@@ -87,6 +90,7 @@ getStylesBasedOnTheme(theme.mode, theme.dm__background, theme.white)}; | ||
export const ProgrammeText = styled.p` | ||
export const ProgrammeText = styled(Text)` | ||
text-transform: uppercase; | ||
margin: 0px; | ||
padding-top: 6px; | ||
font-size: 12px; | ||
`; | ||
@@ -93,0 +97,0 @@ export const TaskDate = styled.div<{ |
@@ -81,3 +81,2 @@ ```jsx | ||
taskShowAction={{ options: taskShowAction, showDone: showDone }} | ||
programmeItems={[]} | ||
sortOptions={{ options: sortType, type: sort }} | ||
@@ -84,0 +83,0 @@ createBy={{ options: taskCreateBy, type: createBy }} |
@@ -59,2 +59,3 @@ import i18n from "i18next"; | ||
Required: "Required", | ||
DateAfterToday: "The date must be later than today", | ||
"Wrong email": "Wrong email adress", | ||
@@ -204,4 +205,3 @@ "Wrong phone number": "Wrong phone number", | ||
DeleteTask: "Delete this task", | ||
DeleteTaskDescription: | ||
"Are you sure you want to delete this task? This action is irreversible", | ||
DeleteTaskDescription: "Are you sure you want to delete this task? This action is irreversible", | ||
EditTask: "Edit task", | ||
@@ -215,3 +215,9 @@ ThereIsNoDescription: "There is no description provided for this task", | ||
Note: "Note", | ||
}, | ||
Today: "Today", | ||
Tomorrow: "Tomorrow", | ||
Overdue: "Overdue", | ||
Upcoming: "Upcoming", | ||
Ascending: "Ascending", | ||
Descending : "Descending", | ||
} | ||
}, | ||
@@ -275,2 +281,3 @@ }, | ||
Required: "Wymagane", | ||
DateAfterToday: "Data musi być późniejsza niź dzisiaj", | ||
"Wrong email": "Zły adres email", | ||
@@ -417,4 +424,3 @@ "Wrong phone number": "Zły numer telefonu", | ||
DeleteTask: "Usuń te zadanie", | ||
DeleteTaskDescription: | ||
"Czy na pewno chcesz usunąć to zadanie? Ta czynność jest nieodwracalna", | ||
DeleteTaskDescription: "Czy na pewno chcesz usunąć to zadanie? Ta czynność jest nieodwracalna", | ||
EditTask: "Edytuj zadanie", | ||
@@ -428,3 +434,9 @@ ThereIsNoDescription: "Nie ma opisu tego zadania", | ||
Note: "Notatka", | ||
}, | ||
Today: "Dzisiaj", | ||
Tomorrow: "Jutro", | ||
Overdue: "Przekroczone", | ||
Upcoming: "Nadchodzące", | ||
Ascending: "Rosnąco", | ||
Descending : "Malejąco", | ||
} | ||
}, | ||
@@ -431,0 +443,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
18723204
36375