rotion 0.0.1

package/dist/ui.backup/styles/table.css

@@ -0,0 +1,166 @@
+/* title */
+.notionate-table-title-a {
+  color: #333;
+  text-decoration: none;
+  border-bottom: 1px solid #ddd;
+}
+
+/* url */
+.notionate-table-url {
+  display: flex;
+  white-space: nowrap;
+  margin: 0;
+}
+.notionate-table-url-a {
+  display: block;
+  text-decoration: none;
+  cursor: pointer;
+  color: inherit;
+  background: inherit;
+  margin-bottom: 2px;
+}
+.notionate-table-url-a:hover {
+  color: rgb(50, 48, 44);
+  background: rgb(227, 226, 224) none repeat scroll 0% 0%;
+  border-radius: 3px;
+}
+.notionate-table-url-address {
+  display: inline;
+  font-size: .8rem;
+  white-space: nowrap;
+  background-image: linear-gradient(to right, rgba(55, 53, 47, 0.16) 0%, rgba(55, 53, 47, 0.16) 100%);
+  background-repeat: repeat-x;
+  background-position: 0 100%;
+  background-size: 100% 1px;
+}
+
+/* multiselect */
+.notionate-table-multiselect-ul {
+  list-style-type: none;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.notionate-table-multiselect-li {
+  font-size: .75rem;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  min-width: 0;
+  border-radius: 3px;
+  padding: 0;
+  color: rgb(24, 51, 71);
+  background: rgb(211, 229, 239) none repeat scroll 0% 0%;
+  margin: 0 6px 0 0;
+}
+.notionate-table-multiselect-a,
+.notionate-table-multiselect-span {
+  text-decoration: none;
+  color: inherit;
+  padding: 2px 10px;
+}
+/* select */
+.notionate-table-select-div {
+  font-size: .75rem;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  min-width: 0;
+  border-radius: 3px;
+  padding: 0;
+  color: rgb(24, 51, 71);
+  background: rgb(211, 229, 239) none repeat scroll 0% 0%;
+  margin: 0 6px 0 0;
+}
+.notionate-table-select-a,
+.notionate-table-select-span {
+  text-decoration: none;
+  color: inherit;
+  padding: 2px 10px;
+}
+
+/* date */
+.notionate-table-date {
+  white-space: nowrap;
+  font-size: .85rem;
+  display: flex;
+  align-items: center;
+  min-width: 20px;
+  color: #999;
+}
+
+/* richtext */
+.notionate-table-richtext {
+  font-size: .85rem;
+  white-space: nowrap;
+  display: block;
+  margin: 0;
+  padding: 0;
+  color: #777;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+/* number */
+.notionate-table-number {
+  white-space: nowrap;
+  font-size: .85rem;
+  display: block;
+  width: 100%;
+  text-align: right;
+}
+
+/* table */
+.notionate-table {
+  margin: 0;
+  padding: 0 0 10px;
+  width: 100%;
+  overflow-x: scroll;
+}
+.notionate-table-inner {
+  position: relative;
+  float: left;
+  min-width: 100%;
+}
+.notionate-table-row {
+  display: inline-flex;
+  background: inherit;
+  height: 33px;
+  color: rgba(55, 53, 47, 0.65);
+  border-top: 1px solid rgb(233, 233, 231);
+  box-shadow: white -3px 0px 0px, rgb(233 233 231) 0px 1px 0px;
+  min-width: calc((100% - 192px) - 0px);
+}
+.notionate-table-cell {
+  display: flex;
+  flex-direction: row;
+  line-height: 1.5;
+}
+.notionate-table-cell-inner {
+  display: flex;
+  flex-shrink: 0;
+  overflow: hidden;
+  font-size: 14px;
+  padding: 5px 8px;
+  width: 174px;
+  border-right: 1px solid rgba(55, 53, 47, 0.09);
+}
+.notionate-table-icon {
+  width: 14px;
+  height: 14px;
+  display: block;
+  fill: rgba(55, 53, 47, 0.45);
+  flex-shrink: 0;
+  backface-visibility: hidden;
+  margin-top: 4px;
+  margin-right: 7px;
+}
+.notionate-table-cell-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/dist/ui.backup/types.d.ts

@@ -0,0 +1,421 @@
+import React, { ReactNode } from 'react';
+import { QueryDatabaseResponseEx, PageObjectResponseEx, DateResponse, MultiSelectPropertyItemObjectResponse, NumberPropertyItemObjectResponse, RichTextPropertyItemObjectResponse, TitlePropertyItemObjectResponse, SelectPropertyItemObjectResponse, ListBlockChildrenResponseEx, BookmarkBlockObjectResponseEx, BreadcrumbBlockObjectResponse, BulletedListItemBlockObjectResponseEx, CalloutBlockObjectResponseEx, ChildDatabaseBlockObjectResponseEx, ChildPageBlockObjectResponseEx, CodeBlockObjectResponse, ColumnListBlockObjectResponseEx, EmbedBlockObjectResponseEx, EquationBlockObjectResponse, FileBlockObjectResponse, ImageBlockObjectResponseEx, LinkPreviewBlockObjectResponse, BlockObjectResponse, NumberedListItemBlockObjectResponseEx, PdfBlockObjectResponse, SyncedBlockBlockObjectResponse, TableBlockObjectResponseEx, TableOfContentsBlockObjectResponse, TemplateBlockObjectResponse, RichTextItemResponse, RichTextItemResponseEx, ToDoBlockObjectResponse, ToggleBlockObjectResponseEx, VideoBlockObjectResponseEx } from 'notionate-pages';
+import { ParsedUrlQueryInput } from 'node:querystring';
+import { UrlObject } from 'node:url';
+
+interface Link extends React.FC<{
+    children: string | React.ReactNode;
+    className?: string;
+    href: string | UrlObject;
+}> {
+}
+interface ExternalModules {
+    mermaid?: {
+        init: (config?: {}, nodes?: string | HTMLElement, callback?: ((id: string) => unknown) | undefined) => Promise<void>;
+    };
+    prism?: {
+        highlightElement: (element: Element, async?: boolean | undefined, callback?: (element: Element) => void | undefined) => void;
+    };
+}
+
+interface GalleryProps {
+    keys: string[];
+    db: QueryDatabaseResponseEx;
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    preview?: 'cover' | 'content';
+    size?: 'small' | 'medium' | 'large';
+    fit?: boolean;
+}
+
+declare const Gallery: ({ keys, db, href, link, query, preview, size, fit }: GalleryProps) => React.JSX.Element;
+
+interface GalleryCardProps {
+    keys: string[];
+    page: PageObjectResponseEx;
+    href: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    preview?: 'cover' | 'content';
+}
+
+declare const GalleryCard: ({ keys, page, href, link, query, preview }: GalleryCardProps) => React.JSX.Element;
+
+interface GalleryCheckboxFieldProps {
+    payload: boolean;
+}
+
+declare const GalleryCheckboxField: ({ payload }: GalleryCheckboxFieldProps) => React.JSX.Element;
+
+interface GalleryDateFieldProps {
+    payload: DateResponse | null;
+}
+
+declare const GalleryDateField: ({ payload }: GalleryDateFieldProps) => React.JSX.Element;
+
+interface GalleryMultiSelectFieldProps {
+    payload: MultiSelectPropertyItemObjectResponse;
+    path: string;
+    link?: Link;
+}
+
+declare const GalleryMultiSelectField: ({ payload, path, link }: GalleryMultiSelectFieldProps) => React.JSX.Element;
+
+interface GalleryNumberFieldProps {
+    payload: NumberPropertyItemObjectResponse;
+}
+
+declare const GalleryNumberField: ({ payload }: GalleryNumberFieldProps) => React.JSX.Element;
+
+interface GalleryRichTextFieldProps {
+    payload: RichTextPropertyItemObjectResponse;
+}
+
+declare const GalleryRichTextField: ({ payload }: GalleryRichTextFieldProps) => React.JSX.Element;
+
+interface GalleryTitleFieldProps {
+    payload: Array<TitlePropertyItemObjectResponse>;
+}
+
+declare const GalleryTitleField: ({ payload }: GalleryTitleFieldProps) => React.JSX.Element;
+
+interface GalleryUrlFieldProps {
+    payload: string | null;
+}
+
+declare const GalleryUrlField: ({ payload }: GalleryUrlFieldProps) => React.JSX.Element;
+
+interface ListProps {
+    keys: string[];
+    db: QueryDatabaseResponseEx;
+    href: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    children?: ReactNode;
+}
+
+declare const List: React.FC<ListProps>;
+
+interface ListCheckboxFieldProps {
+    payload: boolean;
+}
+
+declare const ListCheckboxField: ({ payload }: ListCheckboxFieldProps) => React.JSX.Element;
+
+interface ListDateFieldProps {
+    payload: DateResponse | null;
+}
+
+declare const ListDateField: ({ payload }: ListDateFieldProps) => React.JSX.Element;
+
+interface ListMultiSelectFieldProps {
+    payload: MultiSelectPropertyItemObjectResponse;
+    path: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}
+
+declare const ListMultiSelectField: ({ payload, path, link, query }: ListMultiSelectFieldProps) => React.JSX.Element;
+
+interface ListNumberFieldProps {
+    payload: NumberPropertyItemObjectResponse;
+}
+
+declare const ListNumberField: ({ payload }: ListNumberFieldProps) => React.JSX.Element;
+
+interface ListRichTextFieldProps {
+    payload: RichTextPropertyItemObjectResponse;
+}
+
+declare const ListRichTextField: ({ payload }: ListRichTextFieldProps) => React.JSX.Element;
+
+interface ListTitleFieldProps {
+    payload: Array<TitlePropertyItemObjectResponse>;
+    path: string;
+    slug: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}
+
+declare const ListTitleField: ({ payload, path, slug, link, query }: ListTitleFieldProps) => React.JSX.Element;
+
+interface ListUrlFieldProps {
+    payload: string | null;
+}
+
+declare const ListUrlField: ({ payload }: ListUrlFieldProps) => React.JSX.Element;
+
+interface TableProps {
+    keys: string[];
+    db: QueryDatabaseResponseEx;
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    children?: ReactNode;
+}
+
+declare const Table: ({ keys, db, href, link, query }: TableProps) => React.JSX.Element;
+
+interface TableCheckboxFieldProps {
+    payload: boolean;
+}
+
+declare const TableCheckboxField: ({ payload }: TableCheckboxFieldProps) => React.JSX.Element;
+
+interface TableDateFieldProps {
+    payload: DateResponse | null;
+}
+
+declare const TableDateField: ({ payload }: TableDateFieldProps) => React.JSX.Element;
+
+interface TableIconProps {
+    type: string;
+}
+
+declare const TableIcon: ({ type }: TableIconProps) => React.JSX.Element;
+
+interface TableMultiSelectFieldProps {
+    payload: MultiSelectPropertyItemObjectResponse;
+    path?: string;
+    link?: Link;
+}
+
+declare const TableMultiSelectField: ({ payload, path, link }: TableMultiSelectFieldProps) => React.JSX.Element;
+
+interface TableNumberFieldProps {
+    payload: NumberPropertyItemObjectResponse;
+}
+
+declare const TableNumberField: ({ payload }: TableNumberFieldProps) => React.JSX.Element;
+
+interface TableRichTextFieldProps {
+    payload?: RichTextPropertyItemObjectResponse;
+}
+
+declare const TableRichTextField: ({ payload }: TableRichTextFieldProps) => React.JSX.Element;
+
+interface TableSelectFieldProps {
+    payload: SelectPropertyItemObjectResponse;
+    path?: string;
+    link?: Link;
+}
+
+declare const TableSelectField: ({ payload, path, link }: TableSelectFieldProps) => React.JSX.Element;
+
+interface TableTitleFieldProps {
+    payload: Array<TitlePropertyItemObjectResponse>;
+    path?: string;
+    slug?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}
+
+declare const TableTitleField: ({ payload, path, slug, link, query }: TableTitleFieldProps) => React.JSX.Element;
+
+interface TableUrlFieldProps {
+    payload: string | null;
+}
+
+declare const TableUrlField: ({ payload }: TableUrlFieldProps) => React.JSX.Element;
+
+interface PageProps {
+    blocks: ListBlockChildrenResponseEx;
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    modules?: ExternalModules;
+}
+
+declare const Page: ({ blocks, href, link, query, modules }: PageProps) => React.JSX.Element;
+
+interface BookmarkBlockProps {
+    block: BookmarkBlockObjectResponseEx;
+}
+
+declare const BookmarkBlock: ({ block }: BookmarkBlockProps) => React.JSX.Element;
+
+interface BreadcrumbBlockProps {
+    block: BreadcrumbBlockObjectResponse;
+}
+
+declare const BreadcrumbBlock: ({ block }: BreadcrumbBlockProps) => React.JSX.Element;
+
+interface BulletedListBlocksProps {
+    block: BulletedListItemBlockObjectResponseEx;
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}
+
+declare const BulletedListBlocks: ({ block, href, link, query }: BulletedListBlocksProps) => React.JSX.Element;
+
+interface CalloutBlockProps {
+    block: CalloutBlockObjectResponseEx;
+}
+
+declare const CalloutBlock: ({ block }: CalloutBlockProps) => React.JSX.Element;
+
+interface ChildDatabaseBlockProps {
+    block: ChildDatabaseBlockObjectResponseEx;
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}
+
+declare const ChildDatabaseBlock: ({ block, href, link, query }: ChildDatabaseBlockProps) => React.JSX.Element;
+
+interface ChildPageBlockProps {
+    block: ChildPageBlockObjectResponseEx;
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}
+
+declare const ChildPageBlock: ({ block, href, link, query }: ChildPageBlockProps) => React.JSX.Element;
+
+interface CodeBlockProps {
+    block: CodeBlockObjectResponse;
+    modules?: ExternalModules;
+}
+
+declare const CodeBlock: ({ block, modules }: CodeBlockProps) => React.JSX.Element;
+
+interface ColumnListBlockProps {
+    block: ColumnListBlockObjectResponseEx;
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}
+
+declare const ColumnListBlock: ({ block, href, link, query }: ColumnListBlockProps) => React.JSX.Element;
+
+interface EmbedBlockProps {
+    block: EmbedBlockObjectResponseEx;
+}
+
+declare const EmbedBlock: ({ block }: EmbedBlockProps) => React.JSX.Element;
+
+interface EquationBlockProps {
+    block: EquationBlockObjectResponse;
+}
+
+declare const EquationBlock: ({ block }: EquationBlockProps) => React.JSX.Element;
+
+interface FileBlockProps {
+    block: FileBlockObjectResponse;
+}
+
+declare const FileBlock: ({ block }: FileBlockProps) => React.JSX.Element;
+
+interface ImageBlockProps {
+    block: ImageBlockObjectResponseEx;
+}
+
+declare const ImageBlock: ({ block }: ImageBlockProps) => React.JSX.Element;
+
+type LinkPreviewBlockProps = {
+    block: LinkPreviewBlockObjectResponse;
+};
+
+declare const LinkPreviewBlock: ({ block }: LinkPreviewBlockProps) => React.JSX.Element;
+
+interface ListBlockProps {
+    tag: keyof JSX.IntrinsicElements;
+    blocks: BlockObjectResponse[];
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}
+
+declare const ListBlock: ({ tag, blocks, href, link, query }: ListBlockProps) => React.JSX.Element;
+
+interface NumberedListBlocksProps {
+    block: NumberedListItemBlockObjectResponseEx;
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}
+
+declare const NumberedListBlocks: ({ block, href, link, query }: NumberedListBlocksProps) => React.JSX.Element;
+
+interface PageIconProps {
+    name: 'figma' | 'slack' | 'github';
+}
+declare const PageIcon: ({ name }: PageIconProps) => React.JSX.Element;
+
+interface PdfBlockProps {
+    block: PdfBlockObjectResponse;
+}
+
+declare const PdfBlock: ({ block }: PdfBlockProps) => React.JSX.Element;
+
+interface SyncedBlockProps {
+    block: SyncedBlockBlockObjectResponse;
+}
+
+declare const SyncedBlock: ({ block }: SyncedBlockProps) => React.JSX.Element;
+
+interface TableBlockProps {
+    block: TableBlockObjectResponseEx;
+}
+
+declare const TableBlock: React.FC<TableBlockProps>;
+
+interface TableOfContentsBlockProps {
+    block: TableOfContentsBlockObjectResponse;
+}
+
+declare const TableOfContentsBlock: ({ block }: TableOfContentsBlockProps) => React.JSX.Element;
+
+interface TemplateBlockProps {
+    block: TemplateBlockObjectResponse;
+}
+
+declare const TemplateBlock: ({ block }: TemplateBlockProps) => React.JSX.Element;
+
+interface TextBlockProps {
+    tag: keyof JSX.IntrinsicElements;
+    block: RichTextItemResponse[] | undefined;
+}
+
+declare const TextBlock: ({ tag, block }: TextBlockProps) => React.JSX.Element;
+
+interface RichTextProps {
+    textObject?: RichTextItemResponseEx | RichTextItemResponse;
+    key?: string;
+    children?: ReactNode;
+}
+
+declare const RichText: ({ textObject }: RichTextProps) => React.JSX.Element;
+
+type ToDoBlockProps = {
+    block: ToDoBlockObjectResponse;
+};
+
+declare const ToDoBlock: ({ block }: ToDoBlockProps) => React.JSX.Element;
+
+interface ToggleBlockProps {
+    block: ToggleBlockObjectResponseEx;
+}
+
+declare const ToggleBlock: ({ block }: ToggleBlockProps) => React.JSX.Element;
+
+interface VideoBlockProps {
+    block: VideoBlockObjectResponseEx;
+}
+
+declare const VideoBlock: ({ block }: VideoBlockProps) => React.JSX.Element;
+
+declare function queryToString(q: ParsedUrlQueryInput | undefined): string;
+declare const getLinkPathAndLinkKey: (link: string) => [string, string];
+declare function UsePagination<T>(pages: T[], perPage: number): {
+    currentData(): T[];
+    next(): void;
+    currentPage: number;
+    maxPage: number;
+};
+declare function BuildPlainTextByPage(blocks: ListBlockChildrenResponseEx): string;
+declare function pathBasename(str: string): string;
+
+export { BookmarkBlock, BreadcrumbBlock, BuildPlainTextByPage, BulletedListBlocks, CalloutBlock, ChildDatabaseBlock, ChildPageBlock, CodeBlock, ColumnListBlock, EmbedBlock, EquationBlock, type ExternalModules, FileBlock, Gallery, GalleryCard, GalleryCheckboxField, GalleryDateField, GalleryMultiSelectField, GalleryNumberField, GalleryRichTextField, GalleryTitleField, GalleryUrlField, ImageBlock, type Link, LinkPreviewBlock, List, ListBlock, ListCheckboxField, ListDateField, ListMultiSelectField, ListNumberField, ListRichTextField, ListTitleField, ListUrlField, NumberedListBlocks, Page, PageIcon, PdfBlock, RichText, SyncedBlock, Table, TableBlock, TableCheckboxField, TableDateField, TableIcon, TableMultiSelectField, TableNumberField, TableOfContentsBlock, TableRichTextField, TableSelectField, TableTitleField, TableUrlField, TemplateBlock, TextBlock, ToDoBlock, ToggleBlock, UsePagination, VideoBlock, getLinkPathAndLinkKey, pathBasename, queryToString };