Aberratio

import React, { useRef } from 'react';
import { useOutsideClick } from './useOutsideClick';

export const MyComponent = () => {
  const ref1 = useRef(null);
  const ref2 = useRef(null);

  const handleOutsideClick = () => {
    // Place your code to be executed when clicked outside the elements
  };

Aberratio

Example regexes

URL

^(https?:\\/\\/)?(www\\.)?([\\da-z\\.-]+)\\.([a-z\\.]{2,6})([\\/\\w \\.-]*)*\\/?$

---

E-mail

^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$

Aberratio

import React from 'react';
import { withDocument } from 'part:@sanity/form-builder';

const ChildObjectView = (props) => {
  const PARENT_ICON = {
    correct: '✅',
    incorrect: '❌',
    neutral: '🔵',
  };

Aberratio

import React from "react";
import { BlogItem, isLongPostBody } from "./types";

const BlogItemPreview = (blogItem: BlogItem) => {
  const { body, author, title } = blogItem;

  const image = isLongPostBody(body) && body.image;
  const previewText = isLongPostBody(body) ? body.lead : body.summary;

  return (

Aberratio

The code allows for arbitrary sorting and filtering of elements in an array of references in Sanity.io.

Supports Sanity.io version v2.

In the example given an array of references for two types, but you can limit it to one type or extend it as desired.

In the fetchElement() function, you can use a custom query so as to get the required elements.

Aberratio

CSS Grid is a two-dimensional grid-based layout.

When to use CSS Grid?

• user interfaces;
• overall layout on website.

How does it work?

Grid container contains grid items, which are its direct children.

Aberratio

Read about the plugin here.

Instalation

sanity install @sanity/scheduled-publishing

Simply installing the plugin adds the ability to schedule the publication of all documents over time from the drop-down list level next to the "Publish" button. The snippets below show the customization options for this.

Three use cases were implemented:

1. Change Publish button to Schedule for all documents that are type1 and type2