rotion 0.4.0 → 1.0.0

package/dist/ui/umd/types/ui/components/Table/TableHandler.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { TableHandlerProps } from './TableHandler.types';
-declare const TableHandler: ({ property, path, slug, link, query }: TableHandlerProps) => React.JSX.Element;
+declare const TableHandler: ({ property, options }: TableHandlerProps) => React.JSX.Element;
 export default TableHandler;

package/dist/ui/umd/types/ui/components/Table/TableHandler.types.d.ts

@@ -4,8 +4,12 @@ import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { Link } from '../types';
 export interface TableHandlerProps {
     property: DatabaseProperty;
-    path?: string;
-    slug?: string;
+    options?: TablePropertyOptions;
+}
+export interface TablePropertyOptions {
+    pathname?: string;
     link?: Link;
     query?: ParsedUrlQueryInput;
+    suffix?: string;
+    prefix?: string;
 }

package/dist/ui/umd/types/ui/components/Table/TableMultiSelectField/TableMultiSelectField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { TableMultiSelectFieldProps } from './TableMultiSelectField.types';
 import './TableMultiSelectField.css';
-declare const TableMultiSelectField: ({ multiSelect, path, link, query }: TableMultiSelectFieldProps) => React.JSX.Element;
+declare const TableMultiSelectField: ({ multiSelect, options }: TableMultiSelectFieldProps) => React.JSX.Element;
 export default TableMultiSelectField;

package/dist/ui/umd/types/ui/components/Table/TableMultiSelectField/TableMultiSelectField.types.d.ts

@@ -1,10 +1,6 @@
-/// <reference types="node" />
 import type { SelectPropertyResponse } from '../../../../exporter';
-import type { Link } from '../../types';
-import type { ParsedUrlQueryInput } from 'node:querystring';
+import { TablePropertyOptions } from '../TableHandler.types';
 export interface TableMultiSelectFieldProps {
     multiSelect: SelectPropertyResponse[];
-    path?: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: TablePropertyOptions;
 }

package/dist/ui/umd/types/ui/components/Table/TableNumberField/TableNumberField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { TableNumberFieldProps } from './TableNumberField.types';
 import './TableNumberField.css';
-declare const TableNumberField: ({ number }: TableNumberFieldProps) => React.JSX.Element;
+declare const TableNumberField: ({ number, options }: TableNumberFieldProps) => React.JSX.Element;
 export default TableNumberField;

package/dist/ui/umd/types/ui/components/Table/TableNumberField/TableNumberField.types.d.ts

@@ -1,3 +1,5 @@
+import { TablePropertyOptions } from '../TableHandler.types';
 export interface TableNumberFieldProps {
     number: number | null;
+    options?: TablePropertyOptions;
 }

package/dist/ui/umd/types/ui/components/Table/TableSelectField/TableSelectField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { TableSelectFieldProps } from './TableSelectField.types';
 import './TableSelectField.css';
-declare const TableSelectField: ({ select, path, link, query }: TableSelectFieldProps) => React.JSX.Element;
+declare const TableSelectField: ({ select, options }: TableSelectFieldProps) => React.JSX.Element;
 export default TableSelectField;

package/dist/ui/umd/types/ui/components/Table/TableSelectField/TableSelectField.types.d.ts

@@ -1,10 +1,6 @@
-/// <reference types="node" />
 import type { SelectPropertyResponse } from '../../../../exporter';
-import type { Link } from '../../types';
-import type { ParsedUrlQueryInput } from 'node:querystring';
+import { TablePropertyOptions } from '../TableHandler.types';
 export interface TableSelectFieldProps {
     select: SelectPropertyResponse;
-    path?: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: TablePropertyOptions;
 }

package/dist/ui/umd/types/ui/components/Table/TableTitleField/LinkedTitleIfLinked.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { LinkedTitleIfLinkedProps } from './LinkedTitleIfLinked.types';
 import './LinkedTitleIfLinked.css';
-declare const LinkedTitleIfLinked: ({ path, slug, link, query, children }: LinkedTitleIfLinkedProps) => React.JSX.Element;
+declare const LinkedTitleIfLinked: ({ options, children }: LinkedTitleIfLinkedProps) => React.JSX.Element;
 export default LinkedTitleIfLinked;

package/dist/ui/umd/types/ui/components/Table/TableTitleField/LinkedTitleIfLinked.types.d.ts

@@ -1,11 +1,6 @@
-/// <reference types="node" />
 import type { ReactNode } from 'react';
-import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../../types';
+import { TablePropertyOptions } from '../TableHandler.types';
 export interface LinkedTitleIfLinkedProps {
-    path?: string;
-    slug?: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: TablePropertyOptions;
     children?: ReactNode;
 }

package/dist/ui/umd/types/ui/components/Table/TableTitleField/TableTitleField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { TableTitleFieldProps } from './TableTitleField.types';
 import './TableTitleField.css';
-declare const TableTitleField: ({ textObjects, path, slug, link, query }: TableTitleFieldProps) => React.JSX.Element;
+declare const TableTitleField: ({ textObjects, options }: TableTitleFieldProps) => React.JSX.Element;
 export default TableTitleField;

package/dist/ui/umd/types/ui/components/Table/TableTitleField/TableTitleField.types.d.ts

@@ -1,11 +1,6 @@
-/// <reference types="node" />
-import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { RichTextItemResponseEx, RichTextItemResponse } from '../../../../exporter';
-import type { Link } from '../../types';
+import { TablePropertyOptions } from '../TableHandler.types';
 export interface TableTitleFieldProps {
     textObjects: RichTextItemResponseEx[] | RichTextItemResponse[];
-    path?: string;
-    slug?: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: TablePropertyOptions;
 }

package/dist/ui/umd/types/ui/components/index.d.ts

@@ -3,18 +3,22 @@ export * from './Gallery/GalleryCard';
 export * from './Gallery/GalleryCheckboxField';
 export * from './Gallery/GalleryDateField';
 export * from './Gallery/GalleryMultiSelectField';
+export * from './Gallery/GallerySelectField';
 export * from './Gallery/GalleryNumberField';
 export * from './Gallery/GalleryRichTextField';
 export * from './Gallery/GalleryTitleField';
 export * from './Gallery/GalleryUrlField';
+export * from './Gallery/GalleryFormulaField';
 export * from './List';
 export * from './List/ListCheckboxField';
 export * from './List/ListDateField';
 export * from './List/ListMultiSelectField';
+export * from './List/ListSelectField';
 export * from './List/ListNumberField';
 export * from './List/ListRichTextField';
 export * from './List/ListTitleField';
 export * from './List/ListUrlField';
+export * from './List/ListFormulaField';
 export * from './Table';
 export * from './Table/TableCheckboxField';
 export * from './Table/TableDateField';
@@ -25,6 +29,7 @@ export * from './Table/TableRichTextField';
 export * from './Table/TableSelectField';
 export * from './Table/TableTitleField';
 export * from './Table/TableUrlField';
+export * from './Table/TableFormulaField';
 export * from './Page';
 export * from './Page/BookmarkBlock';
 export * from './Page/BreadcrumbBlock';
@@ -40,16 +45,17 @@ export * from './Page/FileBlock';
 export * from './Page/ImageBlock';
 export * from './Page/LinkPreviewBlock';
 export * from './Page/NumberedListBlock';
-export * from './Icon';
 export * from './Page/PdfBlock';
 export * from './Page/SyncedBlock';
 export * from './Page/TableBlock';
 export * from './Page/TableOfContentsBlock';
 export * from './Page/TextBlock';
-export * from './RichText';
 export * from './Page/ToDoBlock';
 export * from './Page/ToggleBlock';
 export * from './Page/VideoBlock';
+export * from './Icon';
+export * from './RichText';
+export * from './PrefixSuffix';
 export * from './Checkbox';
 export * from './lib';
 export * from './types';

package/dist/ui/umd/types/ui/components/lib.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="node" />
 import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { ListBlockChildrenResponseEx } from '../../exporter';
+import type { ListBlockChildrenResponseEx, GetPageResponse } from '../../exporter';
 export declare function queryToString(q: ParsedUrlQueryInput | undefined): string;
 export declare const getLinkPathAndLinkKey: (link: string) => [string, string];
+export declare function getSlug(key: string, page: GetPageResponse): string;
 export declare function UsePagination<T>(pages: T[], perPage: number): {
     currentData(): T[];
     next(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rotion",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "license": "MIT",
   "repository": "linyows/rotion",
   "description": "This is react components that uses the notion API to display the notion's database and page.",
@@ -50,6 +50,7 @@
     "ui:typecheck": "tsc -p src/ui/tsconfig.typecheck.json",
     "ui:lint": "eslint ./src/ui/components --ext .js,.jsx,.ts,.tsx -c ./src/ui/.eslintrc.json",
     "ui:test": "uvu -r tsm ./src/ui/components",
+    "ui:fixtures": "jq '.' website/.cache/notion.databases.query-* | sed 's/?.*\",/\",/g' > src/ui/fixtures/fetch_database_response.json",
     "story": "storybook dev -p 6006 --ci",
     "build-story": "storybook build",
     "prepublishOnly": "npm install && npm run test && npm run build"

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryPreview.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './GalleryPreview.css';
-export interface GalleryPreviewProps {
-    src?: string;
-    size: 'small' | 'medium' | 'large';
-    fit: boolean;
-}
-declare const GalleryPreview: ({ src, size, fit }: GalleryPreviewProps) => React.JSX.Element;
-export default GalleryPreview;

package/dist/ui/esm/types/ui/components/Gallery/GalleryCard/GalleryPreview.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './GalleryPreview.css';
-export interface GalleryPreviewProps {
-    src?: string;
-    size: 'small' | 'medium' | 'large';
-    fit: boolean;
-}
-declare const GalleryPreview: ({ src, size, fit }: GalleryPreviewProps) => React.JSX.Element;
-export default GalleryPreview;

package/dist/ui/umd/types/ui/components/Gallery/GalleryCard/GalleryPreview.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './GalleryPreview.css';
-export interface GalleryPreviewProps {
-    src?: string;
-    size: 'small' | 'medium' | 'large';
-    fit: boolean;
-}
-declare const GalleryPreview: ({ src, size, fit }: GalleryPreviewProps) => React.JSX.Element;
-export default GalleryPreview;