@dracor/react 0.8.0 → 0.9.0

package/dist/esm/types/components/ApiDoc/ApiDoc.stories.d.ts

@@ -10,7 +10,9 @@ declare const meta: {
     }>) => import("react/jsx-runtime").JSX.Element)[];
     parameters: {
         reactRouter: {
-            routePath: string;
+            routing: {
+                path: string;
+            };
         };
     };
 };

package/dist/esm/types/components/AuthorInfo/AuthorInfo.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    wikidataId: string;
+    name?: string;
+    birthLabel?: string;
+    deathLabel?: string;
+}
+export default function AuthorInfo({ wikidataId, name: fullname, birthLabel, deathLabel }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/AuthorInfo/AuthorInfo.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react';
+import AuthorInfo from './AuthorInfo';
+declare const meta: {
+    title: string;
+    component: typeof AuthorInfo;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Shakespeare: Story;

package/dist/esm/types/components/AuthorInfo/AuthorInfo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/components/AuthorInfo/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AuthorInfo';

package/dist/esm/types/components/Navigation/NavBar.stories.d.ts

@@ -4,10 +4,12 @@ declare const meta: {
     title: string;
     component: typeof NavBar;
     tags: string[];
-    decorators: import("@storybook/preview-api/dist/storybook-channel-mock-a19cd233").M[];
+    decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
     parameters: {
         reactRouter: {
-            routePath: string;
+            routing: {
+                path: string;
+            };
         };
     };
     argTypes: {

package/dist/esm/types/components/Navigation/NavItem.stories.d.ts

@@ -4,10 +4,12 @@ declare const meta: {
     title: string;
     component: typeof NavItem;
     tags: string[];
-    decorators: import("@storybook/preview-api/dist/storybook-channel-mock-a19cd233").M[];
+    decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
     parameters: {
         reactRouter: {
-            routePath: string;
+            routing: {
+                path: string;
+            };
         };
     };
 };

package/dist/esm/types/components/Navigation/NavMenu.stories.d.ts

@@ -4,10 +4,12 @@ declare const meta: {
     title: string;
     component: typeof NavMenu;
     tags: string[];
-    decorators: import("@storybook/preview-api/dist/storybook-channel-mock-a19cd233").M[];
+    decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
     parameters: {
         reactRouter: {
-            routePath: string;
+            routing: {
+                path: string;
+            };
         };
     };
 };

package/dist/esm/types/components/TEIText/TEIText.d.ts

@@ -0,0 +1,14 @@
+export interface Props {
+    /**
+     * URL to a TEI document
+     */
+    url: string;
+}
+/**
+ * Component rendering a TEI document using [CETEIcean](https://github.com/TEIC/CETEIcean)
+ *
+ * Styling of the TEI elements is supported via the `ceteicean` tailwindcss
+ * plugin. Add `require('@dracor/react/ceteicean')` to the plugins array of your
+ * tailwind.config.js.
+ */
+export default function TEIText({ url }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/TEIText/TEIText.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react';
+import TEIText from './TEIText';
+declare const meta: {
+    title: string;
+    component: typeof TEIText;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MobyDick: Story;

package/dist/esm/types/components/TEIText/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TEIText';

package/dist/esm/types/components/Tabs/Tabs.stories.d.ts

@@ -4,10 +4,17 @@ declare const meta: {
     title: string;
     component: typeof Tabs;
     tags: string[];
-    decorators: import("@storybook/preview-api/dist/storybook-channel-mock-a19cd233").M[];
+    decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
     parameters: {
         reactRouter: {
-            routePath: string;
+            location: {
+                pathParams: {
+                    page: string;
+                };
+            };
+            routing: {
+                path: string;
+            };
         };
     };
 };

package/dist/esm/types/components/index.d.ts

@@ -1,4 +1,4 @@
-export { default as ApiDoc } from './ApiDoc';
+export { default as AuthorInfo } from './AuthorInfo';
 export { default as Authors } from './Authors';
 export { default as DebouncedInput } from './DebouncedInput';
 export { default as IdCopy } from './IdCopy';
@@ -6,4 +6,5 @@ export { default as IdLink } from './IdLink';
 export { default as NavBar } from './Navigation';
 export { default as Table } from './Table';
 export { default as Tabs } from './Tabs';
+export { default as TEIText } from './TEIText';
 export { default as Years } from './Years';

package/dist/index.d.ts

@@ -2,21 +2,23 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColumnDef, SortingState } from '@tanstack/react-table';
 
-interface Props$8 {
-    url: string;
-    title?: string;
+interface Props$9 {
+    wikidataId: string;
+    name?: string;
+    birthLabel?: string;
+    deathLabel?: string;
 }
-declare function ApiDoc({ url, title }: Props$8): react_jsx_runtime.JSX.Element;
+declare function AuthorInfo({ wikidataId, name: fullname, birthLabel, deathLabel }: Props$9): react_jsx_runtime.JSX.Element;
 
 interface Author {
     name: string;
     pseudonym?: string;
     ref?: string;
 }
-interface Props$7 {
+interface Props$8 {
     data: Author[];
 }
-declare const Authors: ({ data }: Props$7) => react_jsx_runtime.JSX.Element;
+declare const Authors: ({ data }: Props$8) => react_jsx_runtime.JSX.Element;
 
 declare function DebouncedInput({ value: initialValue, onChange, debounce, ...props }: {
     value: string | number;
@@ -24,23 +26,23 @@ declare function DebouncedInput({ value: initialValue, onChange, debounce, ...pr
     debounce?: number;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>): react_jsx_runtime.JSX.Element;
 
-interface Props$6 {
+interface Props$7 {
     children: string;
     prefix?: string;
     uri?: string;
     className?: string;
 }
-declare function IdCopy({ children, className, uri, prefix }: Props$6): react_jsx_runtime.JSX.Element;
+declare function IdCopy({ children, className, uri, prefix }: Props$7): react_jsx_runtime.JSX.Element;
 
-interface Props$5 {
+interface Props$6 {
     button?: boolean;
     showLabel?: boolean;
     className?: string;
     children: string;
 }
-declare function IdLink({ showLabel, children, className }: Props$5): react_jsx_runtime.JSX.Element;
+declare function IdLink({ showLabel, children, className }: Props$6): react_jsx_runtime.JSX.Element;
 
-interface Props$4 {
+interface Props$5 {
     label: string;
     href: string;
     active?: boolean;
@@ -52,7 +54,7 @@ interface Item {
     href: string;
     selected?: boolean;
 }
-interface Props$3 {
+interface Props$4 {
     label: string;
     items: Item[];
     menuClass?: string;
@@ -65,26 +67,41 @@ interface NavBarProps {
     version?: string;
     gitHubUrl?: string;
     gitHubIcon?: JSX.Element;
-    navItems?: (Props$4 | Props$3)[];
+    navItems?: (Props$5 | Props$4)[];
 }
 declare function NavBar({ title, logo, logoClass, version, gitHubUrl, gitHubIcon, navItems }: NavBarProps): react_jsx_runtime.JSX.Element;
 
-interface Props$2 {
+interface Props$3 {
     data: any[];
     columns: ColumnDef<any>[];
     defaultSort?: SortingState;
 }
-declare const Table: ({ columns, data: initialData, defaultSort }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, data: initialData, defaultSort }: Props$3) => react_jsx_runtime.JSX.Element;
 
 interface TabData {
     label: string;
     href: string;
     active?: boolean;
 }
-interface Props$1 {
+interface Props$2 {
     data: TabData[];
 }
-declare function Tabs({ data: tabs }: Props$1): react_jsx_runtime.JSX.Element;
+declare function Tabs({ data: tabs }: Props$2): react_jsx_runtime.JSX.Element;
+
+interface Props$1 {
+    /**
+     * URL to a TEI document
+     */
+    url: string;
+}
+/**
+ * Component rendering a TEI document using [CETEIcean](https://github.com/TEIC/CETEIcean)
+ *
+ * Styling of the TEI elements is supported via the `ceteicean` tailwindcss
+ * plugin. Add `require('@dracor/react/ceteicean')` to the plugins array of your
+ * tailwind.config.js.
+ */
+declare function TEIText({ url }: Props$1): react_jsx_runtime.JSX.Element;
 
 interface Props {
     written?: number;
@@ -100,4 +117,4 @@ declare function Years({ written, premiere, print, locale, labelPremiered, label
 declare function formatEra(year: string, ceBefore?: number): string;
 declare function formatYear(year: number | string, locale?: string): string;
 
-export { ApiDoc, Authors, DebouncedInput, IdCopy, IdLink, NavBar, Table, Tabs, Years, formatEra, formatYear };
+export { AuthorInfo, Authors, DebouncedInput, IdCopy, IdLink, NavBar, TEIText, Table, Tabs, Years, formatEra, formatYear };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dracor/react",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "DraCor react component library",
   "repository": "https://github.com/dracor-org/dracor-react",
   "homepage": "https://github.com/dracor-org/dracor-react#readme",
@@ -10,6 +10,7 @@
   "module": "dist/esm/index.js",
   "files": [
     "dist",
+    "ceteicean.js",
     "tailwind.js"
   ],
   "types": "dist/index.d.ts",
@@ -21,6 +22,7 @@
     "release": "./prepublish.sh && yarn publish --access public"
   },
   "dependencies": {
+    "CETEIcean": "^1.8.0",
     "tailwindcss-classnames": "^3.1.0"
   },
   "devDependencies": {
@@ -34,16 +36,17 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@headlessui/react": "^1.7.15",
     "@rollup/plugin-commonjs": "^25.0.2",
+    "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-typescript": "^11.1.2",
-    "@storybook/addon-essentials": "^7.0.27",
-    "@storybook/addon-interactions": "^7.0.27",
-    "@storybook/addon-links": "^7.0.27",
-    "@storybook/addon-styling": "^1.3.4",
-    "@storybook/blocks": "^7.0.27",
-    "@storybook/react": "^7.0.27",
-    "@storybook/react-vite": "^7.0.27",
-    "@storybook/testing-library": "^0.2.0",
+    "@storybook/addon-essentials": "^7.4.5",
+    "@storybook/addon-interactions": "^7.4.5",
+    "@storybook/addon-links": "^7.4.5",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/blocks": "^7.4.5",
+    "@storybook/react": "^7.4.5",
+    "@storybook/react-vite": "^7.4.5",
+    "@storybook/testing-library": "^0.2.1",
     "@tanstack/react-table": "^8.9.3",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.2",
@@ -61,11 +64,12 @@
     "react-dom": "^18.2.0",
     "react-helmet-async": "^1.3.0",
     "react-router-dom": "^6.14.1",
+    "remark-gfm": "^4.0.0",
     "rollup": "^3.26.0",
     "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "storybook": "^7.0.27",
-    "storybook-addon-react-router-v6": "^1.0.2",
+    "storybook": "^7.4.5",
+    "storybook-addon-react-router-v6": "^2.0.7",
     "swagger-ui-react": "^5.1.3",
     "tailwindcss": "^3.3.2",
     "tslib": "^2.6.0",

package/tailwind.js

@@ -45,9 +45,10 @@ const config = {
         'calc-full-0.75': 'calc(100% - 0.75rem)',
       },
       backgroundImage: {
+        author: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cpath style='fill:%23fff' class='st0' d='M21.75,90.08c-2.28,41.51,47.26,95.14,50.82,134.94c0,0,0.09,62.44,0.09,62.44c-0.8,6.58,4.55,12.5,11.07,12.54 c0,0,87.71,0,87.71,0c5.93-0.07,10.99-4.5,11.35-10.51l0,0c0,0,0.09-23.98,0.09-23.98c0-6.36,5.07-11.44,11.44-11.44 c0,0,44.92-1.84,44.92-1.84c8.85,0,16.05-7.1,16.05-15.96l4.7-32.74c-0.71-2.82,13.62-11.86,15.49-13.93 c3.21-2.72,3.86-8.13,1.11-11.44c0,0-17.16-29.88-17.16-29.88l-0.55-0.92c-3.35-2.42,1.24-42.35,0.83-46.21 c0.03-1.05,0.94-10.05,0.74-11.07c0-49.16-39.84-89.01-89.01-89.01C101.67-3.37,26.17,2.34,21.75,90.08z'/%3E%3C/svg%3E")`,
         wikidata: `url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 810 500' style='enable-background:new 0 0 810 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23990000;%7D .st1%7Bfill:%23339966;%7D .st2%7Bfill:%23006699;%7D%3C/style%3E%3Cpath class='st0' d='M0,500h30V0H0V500z M60,500h90V0H60V500z M180,0v500h90V0H180z'/%3E%3Cpath class='st1' d='M720,500h30V0h-30V500z M780,0v500h30V0H780z M300,500h30V0h-30V500z M360,0v500h30V0H360z'/%3E%3Cpath class='st2' d='M420,500h90V0h-90V500z M540,500h30V0h-30V500z M600,0v500h90V0H600z'/%3E%3C/svg%3E%0A")`,
         dracor: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 384 384'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bfill:%231f2447;%7D%3C/style%3E%3CclipPath id='clip-path' transform='translate(0 0)'%3E%3Crect class='cls-1' width='384' height='384'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3EDraCor-Symbol-Square-Blue%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='Vektor-Smartobjekt'%3E%3Cg class='cls-2'%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M378.47,146A192.23,192.23,0,0,0,192,0H0V384H192A192.23,192.23,0,0,0,378.47,238.05a194.5,194.5,0,0,0,0-92.1M192,347.51H36.49V210.25H71.6a121.84,121.84,0,0,0,233.18,27.8h-41a85.29,85.29,0,1,1-11.51-106.34A86.09,86.09,0,0,1,263.8,146h41A121.81,121.81,0,0,0,71.6,173.76H36.49V36.49H192c69.73,0,128.88,46.12,148.55,109.46q2.13,6.84,3.62,13.91c1,4.56,1.73,9.2,2.27,13.9H240.84a50.2,50.2,0,0,0-2.38-5.43c-.48-.94-1-1.86-1.54-2.77a50.8,50.8,0,0,0-3.89-5.7,49.82,49.82,0,0,0-4.17-4.71,52,52,0,0,0-61.31-9.2c-1.14.6-2.26,1.26-3.35,2a51.23,51.23,0,0,0-9,7.25,52.09,52.09,0,0,0,0,73.71,51.17,51.17,0,0,0,9,7.24l3.34,2a52.07,52.07,0,0,0,61.32-9.19,50,50,0,0,0,4.18-4.72,52.26,52.26,0,0,0,3.47-5c.7-1.14,1.35-2.3,2-3.49a48.31,48.31,0,0,0,2.38-5.43h105.6c-.54,4.7-1.31,9.34-2.27,13.9q-1.49,7.08-3.62,13.91C320.88,301.39,261.73,347.51,192,347.51' transform='translate(0 0)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
-        wega: `url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='70.000000pt' height='70.000000pt' viewBox='0 0 70.000000 70.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.11, written by Peter Selinger 2001-2013%0A%3C/metadata%3E%3Cg transform='translate(0.000000,70.000000) scale(0.100000,-0.100000)'%0Afill='%230064b4' stroke='none'%3E%3Cpath d='M223 664 c-29 -19 -53 -39 -53 -44 0 -5 -11 -26 -25 -46 -14 -21 -23%0A-44 -20 -51 2 -8 -3 -25 -12 -39 -13 -21 -14 -29 -4 -52 7 -15 19 -34 27 -42%0A8 -8 29 -37 46 -63 l31 -48 -19 -40 c-9 -22 -42 -63 -73 -91 l-55 -50 23 -44%0A24 -44 87 0 87 0 -27 115 c-19 82 -23 112 -14 104 20 -17 17 2 -6 31 -11 14%0A-20 35 -20 47 0 12 -7 43 -16 69 -12 36 -13 48 -4 54 7 4 9 13 5 19 -4 7 -1%0A18 5 26 7 8 10 24 7 35 -3 10 2 25 10 31 8 7 12 21 10 31 -4 15 1 18 38 18 52%0A0 90 -15 128 -49 37 -34 36 -61 -3 -61 -38 0 -53 -27 -48 -93 3 -50 2 -52 -22%0A-49 -24 2 -24 2 -5 -12 27 -19 57 -3 50 27 -12 59 -11 72 12 72 28 0 41 14 23%0A25 -13 8 -13 10 1 10 27 0 31 -66 8 -140 -20 -65 -51 -110 -76 -110 -7 0 -13%0A-4 -13 -10 0 -15 23 -12 48 6 26 18 26 29 2 -110 -15 -92 -20 -86 75 -86 l86%0A0 20 47 20 47 -65 58 c-77 69 -98 116 -76 169 8 17 22 39 32 49 11 10 20 25%0A22 33 1 8 8 22 15 31 17 20 5 73 -19 81 -10 3 -21 16 -24 29 -3 12 -13 32 -23%0A44 -10 12 -26 33 -36 47 -10 14 -26 25 -36 25 -9 0 -26 7 -37 15 -29 22 -54%0A18 -111 -21z'/%3E%3Cpath d='M246 475 c-22 -17 -20 -28 2 -16 10 6 28 7 40 4 12 -3 22 -1 22 5 0%0A15 -45 20 -64 7z'/%3E%3Cpath d='M252 437 c-10 -11 -5 -14 24 -15 24 -1 34 3 31 11 -5 17 -42 20 -55%0A4z'/%3E%3Cpath d='M299 289 c-9 -6 1 -9 29 -9 24 0 41 4 38 9 -7 11 -50 11 -67 0z'/%3E%3Cpath d='M315 260 c3 -5 15 -10 26 -10 10 0 19 5 19 10 0 6 -12 10 -26 10 -14%0A0 -23 -4 -19 -10z'/%3E%3C/g%3E%3C/svg%3E")`
+        wega: `url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='70.000000pt' height='70.000000pt' viewBox='0 0 70.000000 70.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.11, written by Peter Selinger 2001-2013%0A%3C/metadata%3E%3Cg transform='translate(0.000000,70.000000) scale(0.100000,-0.100000)'%0Afill='%230064b4' stroke='none'%3E%3Cpath d='M223 664 c-29 -19 -53 -39 -53 -44 0 -5 -11 -26 -25 -46 -14 -21 -23%0A-44 -20 -51 2 -8 -3 -25 -12 -39 -13 -21 -14 -29 -4 -52 7 -15 19 -34 27 -42%0A8 -8 29 -37 46 -63 l31 -48 -19 -40 c-9 -22 -42 -63 -73 -91 l-55 -50 23 -44%0A24 -44 87 0 87 0 -27 115 c-19 82 -23 112 -14 104 20 -17 17 2 -6 31 -11 14%0A-20 35 -20 47 0 12 -7 43 -16 69 -12 36 -13 48 -4 54 7 4 9 13 5 19 -4 7 -1%0A18 5 26 7 8 10 24 7 35 -3 10 2 25 10 31 8 7 12 21 10 31 -4 15 1 18 38 18 52%0A0 90 -15 128 -49 37 -34 36 -61 -3 -61 -38 0 -53 -27 -48 -93 3 -50 2 -52 -22%0A-49 -24 2 -24 2 -5 -12 27 -19 57 -3 50 27 -12 59 -11 72 12 72 28 0 41 14 23%0A25 -13 8 -13 10 1 10 27 0 31 -66 8 -140 -20 -65 -51 -110 -76 -110 -7 0 -13%0A-4 -13 -10 0 -15 23 -12 48 6 26 18 26 29 2 -110 -15 -92 -20 -86 75 -86 l86%0A0 20 47 20 47 -65 58 c-77 69 -98 116 -76 169 8 17 22 39 32 49 11 10 20 25%0A22 33 1 8 8 22 15 31 17 20 5 73 -19 81 -10 3 -21 16 -24 29 -3 12 -13 32 -23%0A44 -10 12 -26 33 -36 47 -10 14 -26 25 -36 25 -9 0 -26 7 -37 15 -29 22 -54%0A18 -111 -21z'/%3E%3Cpath d='M246 475 c-22 -17 -20 -28 2 -16 10 6 28 7 40 4 12 -3 22 -1 22 5 0%0A15 -45 20 -64 7z'/%3E%3Cpath d='M252 437 c-10 -11 -5 -14 24 -15 24 -1 34 3 31 11 -5 17 -42 20 -55%0A4z'/%3E%3Cpath d='M299 289 c-9 -6 1 -9 29 -9 24 0 41 4 38 9 -7 11 -50 11 -67 0z'/%3E%3Cpath d='M315 260 c3 -5 15 -10 26 -10 10 0 19 5 19 10 0 6 -12 10 -26 10 -14%0A0 -23 -4 -19 -10z'/%3E%3C/g%3E%3C/svg%3E")`,
       },
     },
   },