How to use the idx.macro function in idx
To help you get started, we’ve selected a few idx examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
VinSpee / react-gcal-events-list / src / index.js View on Github 
dateTime={
idx(event, _ => _.start.dateTime) ||
idx(event, _ => _.start.date)
}
>
<span>
{event.start.dateTime
? formatDate(
idx(event, _ => _.start.dateTime.split('T')[0]),
)
: formatDate(idx(event, _ => _.start.date))}
</span>
{idx(event, _ => _.start.dateTime) && (
<span>
{formatTime(
idx(event, _ => _.start.dateTime.split('T')[1]),
)}
</span>
)}
))}{currentEvents.map(event => (
<div>
<dt data-test="event-summary">
{event.summary}
</dt>
{event.location && (
<span>
<span>{event.location}</span>
</span>
)}
<dd>
<time datetime="{"> _.start.dateTime) ||
idx(event, _ => _.start.date)
}
>
<span>
{event.start.dateTime
? formatDate(
idx(event, _ => _.start.dateTime.split('T')[0]),
)
: formatDate(idx(event, _ => _.start.date))}
</span>
{idx(event, _ => _.start.dateTime) && (
<span>
{formatTime(
idx(event, _ => _.start.dateTime.split('T')[1]),
)}
</span></time></dd></div>{currentEvents.map(event => (
<div>
<dt data-test="event-summary">
{event.summary}
</dt>
{event.location && (
<span>
<span>{event.location}</span>
</span>
)}
<dd>
<time datetime="{"> _.start.dateTime) ||
idx(event, _ => _.start.date)
}
>
<span>
{event.start.dateTime
? formatDate(
idx(event, _ => _.start.dateTime.split('T')[0]),
)
: formatDate(idx(event, _ => _.start.date))}
</span>
{idx(event, _ => _.start.dateTime) && (
<span>
{formatTime(
idx(event, _ => _.start.dateTime.split('T')[1]),
)}
</span>
)}</time></dd></div>const update: MutationUpdaterFn = (proxy, result) => {
const userId = idx(result, _ => _.data.addTodo.user.id);
if (!userId) {
return;
}
const data = proxy.readFragment({
fragment: TodoList_UserFragmentDoc,
fragmentName: "TodoList_user",
id: `User:${userId}`
});
if (!data) {
return;
}
const edges = idx(data, _ => _.todos.edges);
const addTodo = idx(result, _ => _.data.addTodo);
if (!edges || !addTodo) {
return;
}
edges.push(addTodo.todoEdge);
proxy.writeFragment({
fragment: TodoList_UserFragmentDoc,
fragmentName: "TodoList_user",
id: `User:${userId}`,
data
});
};const update: MutationUpdaterFn = (
dataProxy,
result
) => {
const removedItemId = idx(result, _ => _.data.removeTodo.deletedTodoId);
const userId = idx(result, _ => _.data.removeTodo.user.id);
if (!removedItemId || !userId) {
return;
}
const data = dataProxy.readFragment({
fragment: TodoList_UserFragmentDoc,
fragmentName: "TodoList_user",
id: `User:${userId}`
});
if (!data || !data.todos || !data.todos.edges) {
return;
}
data.todos.edges = data.todos.edges
.filter(emptyEdgeFilter)
.filter(edge => (edge.node ? edge.node.id !== removedItemId : true));
dataProxy.writeFragment({const update: MutationUpdaterFn = (
dataProxy,
result
) => {
const removedItemId = idx(result, _ => _.data.removeTodo.deletedTodoId);
const userId = idx(result, _ => _.data.removeTodo.user.id);
if (!removedItemId || !userId) {
return;
}
const data = dataProxy.readFragment({
fragment: TodoList_UserFragmentDoc,
fragmentName: "TodoList_user",
id: `User:${userId}`
});
if (!data || !data.todos || !data.todos.edges) {
return;
}
data.todos.edges = data.todos.edges
.filter(emptyEdgeFilter)
.filter(edge => (edge.node ? edge.node.id !== removedItemId : true));
dataProxy.writeFragment({
fragment: TodoList_UserFragmentDoc,const update: MutationUpdaterFn = (proxy, result) => {
const userId = idx(result, _ => _.data.addTodo.user.id);
if (!userId) {
return;
}
const data = proxy.readFragment({
fragment: TodoList_UserFragmentDoc,
fragmentName: "TodoList_user",
id: `User:${userId}`
});
if (!data) {
return;
}
const edges = idx(data, _ => _.todos.edges);
const addTodo = idx(result, _ => _.data.addTodo);
if (!edges || !addTodo) {
return;
}const update: MutationUpdaterFn = (
dataProxy,
result
) => {
const deletedTodoIds = idx(
result,
_ => _.data.removeCompletedTodos.deletedTodoIds
);
const userId = idx(result, _ => _.data.removeCompletedTodos.user.id);
if (!deletedTodoIds || !userId) {
return;
}
const data = dataProxy.readFragment({
id: `User:${userId}`,
fragment: TodoListFooter_UserFragmentDoc,
fragmentName: "TodoListFooter_user"
});
if (!data || !data.todos || !data.todos.edges) {
return;
}const update: MutationUpdaterFn = (proxy, result) => {
const userId = idx(result, _ => _.data.addTodo.user.id);
if (!userId) {
return;
}
const data = proxy.readFragment({
fragment: TodoList_UserFragmentDoc,
fragmentName: "TodoList_user",
id: `User:${userId}`
});
if (!data) {
return;
}
const edges = idx(data, _ => _.todos.edges);
const addTodo = idx(result, _ => _.data.addTodo);
if (!edges || !addTodo) {
return;
}
edges.push(addTodo.todoEdge);
proxy.writeFragment({
fragment: TodoList_UserFragmentDoc,
fragmentName: "TodoList_user",
id: `User:${userId}`,
data
});
};event =>
(idx(event, _ => _.start.dateTime) || idx(event, _ => _.start.date)) >
new Date().toISOString(),
);idx
Utility function for traversing properties on objects and arrays.
