reka-ui
Version:
Vue port for Radix UI Primitives.
151 lines (147 loc) • 5.26 kB
JavaScript
'use strict';
const date_comparators = require('./comparators.cjs');
const date_parts = require('./parts.cjs');
const date_placeholders = require('./placeholders.cjs');
const date_utils = require('./utils.cjs');
const calendarDateTimeGranularities = ["hour", "minute", "second"];
function syncTimeSegmentValues(props) {
return Object.fromEntries(date_parts.TIME_SEGMENT_PARTS.map((part) => {
if (part === "dayPeriod")
return [part, props.formatter.dayPeriod(date_comparators.toDate(props.value))];
return [part, props.value[part]];
}));
}
function syncSegmentValues(props) {
const { formatter } = props;
const dateValues = date_parts.DATE_SEGMENT_PARTS.map((part) => {
return [part, props.value[part]];
});
if ("hour" in props.value) {
const timeValues = syncTimeSegmentValues({ value: props.value, formatter });
return { ...Object.fromEntries(dateValues), ...timeValues };
}
return Object.fromEntries(dateValues);
}
function initializeTimeSegmentValues(granularity) {
return Object.fromEntries(
date_parts.TIME_SEGMENT_PARTS.map((part) => {
if (part === "dayPeriod")
return [part, "AM"];
return [part, null];
}).filter(([key]) => {
if (key === "literal" || key === null)
return false;
if (granularity === "minute" && key === "second")
return false;
if (granularity === "hour" && (key === "second" || key === "minute"))
return false;
else return true;
})
);
}
function initializeSegmentValues(granularity) {
const initialParts = date_parts.EDITABLE_SEGMENT_PARTS.map((part) => {
if (part === "dayPeriod")
return [part, "AM"];
return [part, null];
}).filter(([key]) => {
if (key === "literal" || key === null)
return false;
if (granularity === "minute" && key === "second")
return false;
if (granularity === "hour" && (key === "second" || key === "minute"))
return false;
if (granularity === "day")
return !calendarDateTimeGranularities.includes(key) && key !== "dayPeriod";
else return true;
});
return Object.fromEntries(initialParts);
}
function createContentObj(props) {
const { segmentValues, formatter, locale } = props;
function getPartContent(part) {
if ("hour" in segmentValues) {
const value = segmentValues[part];
if (value !== null) {
if (part === "day" && segmentValues.month !== null) {
return formatter.part(props.dateRef.set({ [part]: value, month: segmentValues.month }), part, {
hourCycle: props.hourCycle === 24 ? "h23" : void 0
});
}
return formatter.part(props.dateRef.set({ [part]: value }), part, {
hourCycle: props.hourCycle === 24 ? "h23" : void 0
});
} else {
return date_placeholders.getPlaceholder(part, "", locale.value);
}
} else {
if (date_parts.isDateSegmentPart(part)) {
const value = segmentValues[part];
if (value !== null) {
if (part === "day" && segmentValues.month !== null)
return formatter.part(props.dateRef.set({ [part]: value, month: segmentValues.month }), part);
return formatter.part(props.dateRef.set({ [part]: value }), part);
} else {
return date_placeholders.getPlaceholder(part, "", locale.value);
}
}
return "";
}
}
const content = Object.keys(segmentValues).reduce((obj, part) => {
if (!date_parts.isSegmentPart(part))
return obj;
if ("hour" in segmentValues && part === "dayPeriod") {
const value = segmentValues[part];
if (value !== null)
obj[part] = value;
else
obj[part] = date_placeholders.getPlaceholder(part, "AM", locale.value);
} else {
obj[part] = getPartContent(part);
}
return obj;
}, {});
return content;
}
function createContentArr(props) {
const { granularity, formatter, contentObj, hideTimeZone, hourCycle, isTimeValue } = props;
const parts = formatter.toParts(props.dateRef, date_utils.getOptsByGranularity(granularity, hourCycle, isTimeValue));
const segmentContentArr = parts.map((part) => {
const defaultParts = ["literal", "timeZoneName", null];
if (defaultParts.includes(part.type) || !date_parts.isSegmentPart(part.type)) {
return {
part: part.type,
value: part.value
};
}
return {
part: part.type,
value: contentObj[part.type]
};
}).filter((segment) => {
if (segment.part === null || segment.value === null)
return false;
if (segment.part === "timeZoneName" && (!date_comparators.isZonedDateTime(props.dateRef) || hideTimeZone))
return false;
return true;
});
return segmentContentArr;
}
function createContent(props) {
const contentObj = createContentObj(props);
const contentArr = createContentArr({
contentObj,
...props
});
return {
obj: contentObj,
arr: contentArr
};
}
exports.createContent = createContent;
exports.initializeSegmentValues = initializeSegmentValues;
exports.initializeTimeSegmentValues = initializeTimeSegmentValues;
exports.syncSegmentValues = syncSegmentValues;
exports.syncTimeSegmentValues = syncTimeSegmentValues;
//# sourceMappingURL=parser.cjs.map