reka-ui
Version:
Vue port for Radix UI Primitives.
163 lines (161 loc) • 5.45 kB
JavaScript
const require_date_comparators = require('./comparators.cjs');
const require_date_utils = require('./utils.cjs');
const require_date_parts = require('./parts.cjs');
const require_date_placeholders = require('./placeholders.cjs');
//#region src/shared/date/parser.ts
const calendarDateTimeGranularities = [
"hour",
"minute",
"second"
];
function syncTimeSegmentValues(props) {
return Object.fromEntries(require_date_parts.TIME_SEGMENT_PARTS.map((part) => {
if (part === "dayPeriod") return [part, props.formatter.dayPeriod(require_date_comparators.toDate(props.value))];
return [part, props.value[part]];
}));
}
function syncSegmentValues(props) {
const { formatter } = props;
const dateValues = require_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(require_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 = require_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") return formatter.part(props.dateRef.set({
[part]: value,
month: segmentValues.month ?? 1
}), part, { hourCycle: require_date_utils.normalizeHourCycle(props.hourCycle) });
return formatter.part(props.dateRef.set({ [part]: value }), part, { hourCycle: require_date_utils.normalizeHourCycle(props.hourCycle) });
} else return require_date_placeholders.getPlaceholder(part, "", locale.value);
} else {
if (require_date_parts.isDateSegmentPart(part)) {
const value = segmentValues[part];
if (value !== null) {
if (part === "day") return formatter.part(props.dateRef.set({
[part]: value,
month: segmentValues.month ?? 1
}), part);
return formatter.part(props.dateRef.set({ [part]: value }), part);
} else return require_date_placeholders.getPlaceholder(part, "", locale.value);
}
return "";
}
}
const content = Object.keys(segmentValues).reduce((obj, part) => {
if (!require_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] = require_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, require_date_utils.getOptsByGranularity(granularity, hourCycle, isTimeValue));
const segmentContentArr = parts.map((part) => {
const defaultParts = [
"literal",
"timeZoneName",
null
];
if (defaultParts.includes(part.type) || !require_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" && (!require_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
};
}
//#endregion
Object.defineProperty(exports, 'createContent', {
enumerable: true,
get: function () {
return createContent;
}
});
Object.defineProperty(exports, 'initializeSegmentValues', {
enumerable: true,
get: function () {
return initializeSegmentValues;
}
});
Object.defineProperty(exports, 'initializeTimeSegmentValues', {
enumerable: true,
get: function () {
return initializeTimeSegmentValues;
}
});
Object.defineProperty(exports, 'syncSegmentValues', {
enumerable: true,
get: function () {
return syncSegmentValues;
}
});
Object.defineProperty(exports, 'syncTimeSegmentValues', {
enumerable: true,
get: function () {
return syncTimeSegmentValues;
}
});
//# sourceMappingURL=parser.cjs.map