@digigov/ui 2.0.0-e7d30530 → 2.0.0-eaf330f5

package/src/typography/CodeBlock/CodeBlock.stories.js

@@ -1,10 +1,7 @@
 import CodeBlock from '@digigov/ui/typography/CodeBlock';
-import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/typography/CodeBlock',
   component: CodeBlock,
-  tags: ['autodocs'],
-  markdown: doc,
   displayName: 'CodeBlock',
 };
 export { Default } from '@digigov/ui/typography/CodeBlock/__stories__/Default';

package/src/typography/CodeBlock/__stories__/Default.tsx

@@ -16,7 +16,7 @@ const bashExample = `{
   "countryCode": countryCode()
 }`;
 
-export const Default = (_: any) => {
+export const Default = () => {
   return <CodeBlock>{bashExample}</CodeBlock>;
 };
 

package/src/typography/CodeBlock/__stories__/Highlighted.tsx

@@ -16,7 +16,7 @@ const bashExample = `{
   "countryCode": countryCode()
 }`;
 
-export const Highlighted = (_: any) => {
+export const Highlighted = () => {
   return (
     <CodeBlock language="bash" highlighted>
       {bashExample}

package/src/typography/CodeBlock/__stories__/WithCopyToClipboard.tsx

@@ -16,7 +16,7 @@ const bashExample = `{
   "countryCode": countryCode()
 }`;
 
-export const WithCopyToClipboard = (_: any) => {
+export const WithCopyToClipboard = () => {
   return (
     <CodeBlock highlighted language="bash" copyToClipboard>
       {bashExample}

package/src/typography/CodeBlock/__stories__/WithPhaseBanner.tsx

@@ -16,7 +16,7 @@ const bashExample = `{
   "countryCode": countryCode()
 }`;
 
-export const WithPhaseBanner = (_: any) => {
+export const WithPhaseBanner = () => {
   return (
     <CodeBlock
       highlighted

package/src/typography/CodeBlock/index.tsx

@@ -44,7 +44,7 @@ const addLineNumbers = (code: string, highlightLines: number[]): string => {
     .join('\n');
 };
 
-export const CodeBlock = React.forwardRef<HTMLDivElement, CodeBlockProps>(
+export const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(
   function CodeBlock(
     {
       children,

package/src/typography/Heading/Heading.stories.js

@@ -1,10 +1,7 @@
 import Heading from '@digigov/ui/typography/Heading';
-import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/typography/Heading',
   component: Heading,
-  tags: ['autodocs'],
-  markdown: doc,
   displayName: 'Heading',
 };
 export { Default } from '@digigov/ui/typography/Heading/__stories__/Default';

package/src/typography/Heading/__stories__/Default.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Heading } from '@digigov/ui/typography/Heading';
 
-export const Default = (_: any) => (
+export const Default = () => (
   <>
     <Heading> ds-heading-xl </Heading>
     <Heading size="lg" element="h2">

package/src/typography/HeadingCaption/HeadingCaption.stories.js

@@ -1,10 +1,7 @@
 import HeadingCaption from '@digigov/ui/typography/HeadingCaption';
-import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/typography/HeadingCaption',
   component: HeadingCaption,
-  tags: ['autodocs'],
-  markdown: doc,
   displayName: 'HeadingCaption',
 };
 export { Default } from '@digigov/ui/typography/HeadingCaption/__stories__/Default';

package/src/typography/HeadingCaption/__stories__/Default.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { HeadingCaption } from '@digigov/ui/typography/HeadingCaption';
 
-export const Default = (_: any) => (
+export const Default = () => (
   <>
     <HeadingCaption size="xl">caption for ds-heading-xl </HeadingCaption>
     <Heading size="lg" element="h2">

package/src/typography/HeadingCaption/__stories__/NestedToTitle.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { HeadingCaption } from '@digigov/ui/typography/HeadingCaption';
 
-export const NestedToTitle = (_: any) => (
+export const NestedToTitle = () => (
   <Heading size="lg" element="h2">
     <HeadingCaption size="xl">caption for ds-heading-xl </HeadingCaption>
     ds-heading-xl

package/src/typography/Hint/Hint.stories.js

@@ -1,10 +1,7 @@
 import Hint from '@digigov/ui/typography/Hint';
-import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/typography/Hint',
   component: Hint,
-  tags: ['autodocs'],
-  markdown: doc,
   displayName: 'Hint',
 };
 export { Default } from '@digigov/ui/typography/Hint/__stories__/Default';

package/src/typography/Hint/__stories__/Default.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Default = (_: any) => <Hint> ds-hint </Hint>;
+export const Default = () => <Hint> ds-hint </Hint>;
 
 export default Default;

package/src/typography/Hint/__stories__/FontSizes.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const FontSizes = (_: any) => (
+export const FontSizes = () => (
   <>
     <Hint fontSize={14}> ds-hint </Hint>
     <Hint fontSize={16}> ds-hint </Hint>

package/src/typography/NormalText/NormalText.stories.js

@@ -1,10 +1,7 @@
 import NormalText from '@digigov/ui/typography/NormalText';
-import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/typography/NormalText',
   component: NormalText,
-  tags: ['autodocs'],
-  markdown: doc,
   displayName: 'NormalText',
 };
 export { Default } from '@digigov/ui/typography/NormalText/__stories__/Default';

package/src/typography/NormalText/__stories__/Default.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 
-export const Default = (_: any) => <NormalText>ds-normal-text</NormalText>;
+export const Default = () => <NormalText>ds-normal-text</NormalText>;
 
 export default Default;

package/src/typography/NormalText/__stories__/FontSizes.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 
-export const FontSizes = (_: any) => (
+export const FontSizes = () => (
   <>
     <NormalText fontSize={14}> ds-!-font-size-14 </NormalText>
     <SectionBreak visible={false} />

package/src/typography/NormalText/__stories__/FontWeight.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 
-export const FontWeight = (_: any) => (
+export const FontWeight = () => (
   <>
     <NormalText fontWeight="regular"> ds-!-font-weight-regular </NormalText>
     <SectionBreak visible={false} />

package/src/typography/NormalText/__stories__/Variants.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 
-export const Variants = (_: any) => (
+export const Variants = () => (
   <>
     <NormalText size={'sm'}> ds-size-small </NormalText>
     <SectionBreak visible={false} />

package/src/typography/Paragraph/Paragraph.stories.js

@@ -1,10 +1,7 @@
 import Paragraph from '@digigov/ui/typography/Paragraph';
-import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/typography/Paragraph',
   component: Paragraph,
-  tags: ['autodocs'],
-  markdown: doc,
   displayName: 'Paragraph',
 };
 export { Default } from '@digigov/ui/typography/Paragraph/__stories__/Default';

package/src/typography/Paragraph/__stories__/Default.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
-export const Default = (_: any) => <Paragraph>ds-body</Paragraph>;
+export const Default = () => <Paragraph>ds-body</Paragraph>;
 
 export default Default;

package/src/typography/Paragraph/__stories__/FontSizes.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
-export const FontSizes = (_: any) => (
+export const FontSizes = () => (
   <>
     <Paragraph fontSize={14}> ds-!-font-size-14 </Paragraph>
     <Paragraph fontSize={16}> ds-!-font-size-16 </Paragraph>

package/src/typography/Paragraph/__stories__/FontWeight.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
-export const FontWeight = (_: any) => (
+export const FontWeight = () => (
   <>
     <Paragraph fontWeight="regular"> ds-!-font-weight-regular </Paragraph>
     <Paragraph fontWeight="bold"> ds-!-font-weight-bold </Paragraph>

package/src/typography/Paragraph/__stories__/LeadVariant.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
-export const LeadVariant = (_: any) => (
-  <Paragraph size={'lg'}>ds-body</Paragraph>
-);
+export const LeadVariant = () => <Paragraph size={'lg'}>ds-body</Paragraph>;
 
 export default LeadVariant;

package/src/typography/Paragraph/__stories__/SmallVariant.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
-export const SmallVariant = (_: any) => (
-  <Paragraph size={'sm'}>ds-body</Paragraph>
-);
+export const SmallVariant = () => <Paragraph size={'sm'}>ds-body</Paragraph>;
 
 export default SmallVariant;

package/src/utils/VisuallyHidden/VisuallyHidden.stories.js

@@ -1,10 +1,7 @@
 import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
-import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/utils/VisuallyHidden',
   component: VisuallyHidden,
-  tags: ['autodocs'],
-  markdown: doc,
   displayName: 'VisuallyHidden',
 };
 export { Default } from '@digigov/ui/utils/VisuallyHidden/__stories__/Default';

package/src/utils/VisuallyHidden/__stories__/Default.tsx

@@ -6,7 +6,7 @@ import { Link } from '@digigov/ui/navigation/Link';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const Default = (_: any) => (
+export const Default = () => (
   <>
     <Paragraph>
       Κάποιο στοιχείο παρακάτω είναι οπτικά κρυμμένο. Είναι προσβάσιμο μόνο για

package/src/utils/hooks/useDebounce.ts

@@ -7,7 +7,7 @@ export const useDebounceCallback = <CallbackArgs extends any[]>(
   leading = false
 ): ((...args: CallbackArgs) => void) => {
   const storedCallback = useLatest(callback);
-  const timeout = React.useRef<ReturnType<typeof setTimeout>>(undefined);
+  const timeout = React.useRef<ReturnType<typeof setTimeout>>();
   const deps = [wait, leading, storedCallback];
   // Cleans up pending timeouts when the deps change
   React.useEffect(

package/typography/CodeBlock/CodeBlock.stories/index.js

@@ -0,0 +1,18 @@
+import CodeBlock from "@digigov/ui/typography/CodeBlock";
+var CodeBlock_stories_default = {
+  title: "Digigov UI/typography/CodeBlock",
+  component: CodeBlock,
+  displayName: "CodeBlock"
+};
+import { Default } from "@digigov/ui/typography/CodeBlock/__stories__/Default";
+import { Highlighted } from "@digigov/ui/typography/CodeBlock/__stories__/Highlighted";
+import { WithCopyToClipboard } from "@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard";
+import { WithPhaseBanner } from "@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner";
+export {
+  Default,
+  Highlighted,
+  WithCopyToClipboard,
+  WithPhaseBanner,
+  CodeBlock_stories_default as default
+};
+//# sourceMappingURL=CodeBlock.stories.js.map

package/typography/CodeBlock/CodeBlock.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/typography/CodeBlock/CodeBlock.stories/index.js"
+}

package/typography/CodeBlock/CodeBlock.stories.d.ts

@@ -1,8 +1,6 @@
 declare namespace _default {
     export let title: string;
     export { CodeBlock as component };
-    export let tags: string[];
-    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/typography/CodeBlock/CodeBlock.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/typography/CodeBlock/CodeBlock.stories.js"],
+  "sourcesContent": ["import CodeBlock from '@digigov/ui/typography/CodeBlock';\nexport default {\n  title: 'Digigov UI/typography/CodeBlock',\n  component: CodeBlock,\n  displayName: 'CodeBlock',\n};\nexport { Default } from '@digigov/ui/typography/CodeBlock/__stories__/Default';\nexport { Highlighted } from '@digigov/ui/typography/CodeBlock/__stories__/Highlighted';\nexport { WithCopyToClipboard } from '@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard';\nexport { WithPhaseBanner } from '@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner';\n"],
+  "mappings": "AAAA,OAAO,eAAe;AACtB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;",
+  "names": []
+}

package/typography/CodeBlock/__stories__/Default/index.js

@@ -0,0 +1,24 @@
+import React from "react";
+import CodeBlock from "@digigov/ui/typography/CodeBlock";
+const bashExample = `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`;
+const Default = () => {
+  return /* @__PURE__ */ React.createElement(CodeBlock, null, bashExample);
+};
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map

package/typography/CodeBlock/__stories__/Default/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/typography/CodeBlock/__stories__/Default/index.js"
+}

package/typography/CodeBlock/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: (_: any) => React.JSX.Element;
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/typography/CodeBlock/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/typography/CodeBlock/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport CodeBlock from '@digigov/ui/typography/CodeBlock';\n\nconst bashExample = `{\n  \"random\": random(1, 100),\n  \"random float\": randomFloat(1, 100, 3),\n  \"bool\": randomBool(),\n  \"date\": date('Y-m-d', '1980-01-01', '2000-01-15'),\n  \"regEx\": regex(/hello+ (world|to you)/),\n  \"enum\": choice('json', 'generator', 'online'),\n  \"firstname\": firstname(),\n  \"lastname\": lastname(),\n  \"city\": city(),\n  \"country\": country(),\n  \"countryCode\": countryCode()\n}`;\n\nexport const Default = () => {\n  return <CodeBlock>{bashExample}</CodeBlock>;\n};\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,eAAe;AAEtB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcb,MAAM,UAAU,MAAM;AAC3B,SAAO,oCAAC,iBAAW,WAAY;AACjC;AAEA,IAAO,kBAAQ;",
+  "names": []
+}

package/typography/CodeBlock/__stories__/Highlighted/index.js

@@ -0,0 +1,24 @@
+import React from "react";
+import CodeBlock from "@digigov/ui/typography/CodeBlock";
+const bashExample = `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`;
+const Highlighted = () => {
+  return /* @__PURE__ */ React.createElement(CodeBlock, { language: "bash", highlighted: true }, bashExample);
+};
+var Highlighted_default = Highlighted;
+export {
+  Highlighted,
+  Highlighted_default as default
+};
+//# sourceMappingURL=Highlighted.js.map

package/typography/CodeBlock/__stories__/Highlighted/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/typography/CodeBlock/__stories__/Highlighted/index.js"
+}

package/typography/CodeBlock/__stories__/Highlighted.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Highlighted: (_: any) => React.JSX.Element;
+export declare const Highlighted: () => React.JSX.Element;
 export default Highlighted;

package/typography/CodeBlock/__stories__/Highlighted.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/typography/CodeBlock/__stories__/Highlighted.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport CodeBlock from '@digigov/ui/typography/CodeBlock';\n\nconst bashExample = `{\n  \"random\": random(1, 100),\n  \"random float\": randomFloat(1, 100, 3),\n  \"bool\": randomBool(),\n  \"date\": date('Y-m-d', '1980-01-01', '2000-01-15'),\n  \"regEx\": regex(/hello+ (world|to you)/),\n  \"enum\": choice('json', 'generator', 'online'),\n  \"firstname\": firstname(),\n  \"lastname\": lastname(),\n  \"city\": city(),\n  \"country\": country(),\n  \"countryCode\": countryCode()\n}`;\n\nexport const Highlighted = () => {\n  return (\n    <CodeBlock language=\"bash\" highlighted>\n      {bashExample}\n    </CodeBlock>\n  );\n};\n\nexport default Highlighted;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,eAAe;AAEtB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcb,MAAM,cAAc,MAAM;AAC/B,SACE,oCAAC,aAAU,UAAS,QAAO,aAAW,QACnC,WACH;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/typography/CodeBlock/__stories__/WithCopyToClipboard/index.js

@@ -0,0 +1,24 @@
+import React from "react";
+import CodeBlock from "@digigov/ui/typography/CodeBlock";
+const bashExample = `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`;
+const WithCopyToClipboard = () => {
+  return /* @__PURE__ */ React.createElement(CodeBlock, { highlighted: true, language: "bash", copyToClipboard: true }, bashExample);
+};
+var WithCopyToClipboard_default = WithCopyToClipboard;
+export {
+  WithCopyToClipboard,
+  WithCopyToClipboard_default as default
+};
+//# sourceMappingURL=WithCopyToClipboard.js.map

package/typography/CodeBlock/__stories__/WithCopyToClipboard/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/typography/CodeBlock/__stories__/WithCopyToClipboard/index.js"
+}

package/typography/CodeBlock/__stories__/WithCopyToClipboard.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithCopyToClipboard: (_: any) => React.JSX.Element;
+export declare const WithCopyToClipboard: () => React.JSX.Element;
 export default WithCopyToClipboard;

package/typography/CodeBlock/__stories__/WithCopyToClipboard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/typography/CodeBlock/__stories__/WithCopyToClipboard.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport CodeBlock from '@digigov/ui/typography/CodeBlock';\n\nconst bashExample = `{\n  \"random\": random(1, 100),\n  \"random float\": randomFloat(1, 100, 3),\n  \"bool\": randomBool(),\n  \"date\": date('Y-m-d', '1980-01-01', '2000-01-15'),\n  \"regEx\": regex(/hello+ (world|to you)/),\n  \"enum\": choice('json', 'generator', 'online'),\n  \"firstname\": firstname(),\n  \"lastname\": lastname(),\n  \"city\": city(),\n  \"country\": country(),\n  \"countryCode\": countryCode()\n}`;\n\nexport const WithCopyToClipboard = () => {\n  return (\n    <CodeBlock highlighted language=\"bash\" copyToClipboard>\n      {bashExample}\n    </CodeBlock>\n  );\n};\n\nexport default WithCopyToClipboard;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,eAAe;AAEtB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcb,MAAM,sBAAsB,MAAM;AACvC,SACE,oCAAC,aAAU,aAAW,MAAC,UAAS,QAAO,iBAAe,QACnD,WACH;AAEJ;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/typography/CodeBlock/__stories__/WithPhaseBanner/index.js

@@ -0,0 +1,33 @@
+import React from "react";
+import CodeBlock from "@digigov/ui/typography/CodeBlock";
+const bashExample = `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`;
+const WithPhaseBanner = () => {
+  return /* @__PURE__ */ React.createElement(
+    CodeBlock,
+    {
+      highlighted: true,
+      language: "bash",
+      copyToClipboard: true,
+      phaseBannerTagName: "json"
+    },
+    bashExample
+  );
+};
+var WithPhaseBanner_default = WithPhaseBanner;
+export {
+  WithPhaseBanner,
+  WithPhaseBanner_default as default
+};
+//# sourceMappingURL=WithPhaseBanner.js.map

package/typography/CodeBlock/__stories__/WithPhaseBanner/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/typography/CodeBlock/__stories__/WithPhaseBanner/index.js"
+}

package/typography/CodeBlock/__stories__/WithPhaseBanner.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithPhaseBanner: (_: any) => React.JSX.Element;
+export declare const WithPhaseBanner: () => React.JSX.Element;
 export default WithPhaseBanner;

package/typography/CodeBlock/__stories__/WithPhaseBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/typography/CodeBlock/__stories__/WithPhaseBanner.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport CodeBlock from '@digigov/ui/typography/CodeBlock';\n\nconst bashExample = `{\n  \"random\": random(1, 100),\n  \"random float\": randomFloat(1, 100, 3),\n  \"bool\": randomBool(),\n  \"date\": date('Y-m-d', '1980-01-01', '2000-01-15'),\n  \"regEx\": regex(/hello+ (world|to you)/),\n  \"enum\": choice('json', 'generator', 'online'),\n  \"firstname\": firstname(),\n  \"lastname\": lastname(),\n  \"city\": city(),\n  \"country\": country(),\n  \"countryCode\": countryCode()\n}`;\n\nexport const WithPhaseBanner = () => {\n  return (\n    <CodeBlock\n      highlighted\n      language=\"bash\"\n      copyToClipboard\n      phaseBannerTagName=\"json\"\n    >\n      {bashExample}\n    </CodeBlock>\n  );\n};\n\nexport default WithPhaseBanner;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,eAAe;AAEtB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcb,MAAM,kBAAkB,MAAM;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,UAAS;AAAA,MACT,iBAAe;AAAA,MACf,oBAAmB;AAAA;AAAA,IAElB;AAAA,EACH;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": []
+}

package/typography/CodeBlock/index.d.ts

@@ -8,7 +8,7 @@ export interface CodeBlockProps extends BaseProps<'div'> {
     phaseBannerTagName?: string;
     highlightLines?: number[];
 }
-export declare const CodeBlock: React.ForwardRefExoticComponent<Omit<CodeBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CodeBlock: React.FC<CodeBlockProps>;
 export * from '@digigov/react-core/CodeBlockContent';
 export * from '@digigov/react-core/CodeBlockHeader';
 export * from '@digigov/react-core/CodeBlockContainer';

package/typography/CodeBlock/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/typography/CodeBlock/index.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport hljs from 'highlight.js/lib/core';\nimport bash from 'highlight.js/lib/languages/bash';\nimport js from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport xml from 'highlight.js/lib/languages/xml';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport CodeBlockContainer from '@digigov/react-core/CodeBlockContainer';\nimport CodeBlockContent from '@digigov/react-core/CodeBlockContent';\nimport CodeBlockHeader from '@digigov/react-core/CodeBlockHeader';\nimport { CopyToClipboard } from '@digigov/ui/feedback';\nimport { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport interface CodeBlockProps extends BaseProps<'div'> {\n  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';\n  copyToClipboard?: boolean;\n  highlighted?: boolean;\n  showLineNumbers?: boolean;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  javascript: js,\n  python: python,\n  bash: bash,\n  xml: xml,\n  markdown: markdown,\n  json: json,\n};\n\nconst addLineNumbers = (code: string, highlightLines: number[]): string => {\n  return code\n    .split('\\n')\n    .map((line, index) => {\n      const isHighlighted = highlightLines.includes(index + 1);\n      const lineClass = isHighlighted ? 'ds-code--highlighted-line' : '';\n      return `<span class=\"ds-code--line-number\">${index + 1}</span> <span class=\"${lineClass}\">${line}</span>`;\n    })\n    .join('\\n');\n};\n\nexport const CodeBlock = React.forwardRef<HTMLDivElement, CodeBlockProps>(\n  function CodeBlock(\n    {\n      children,\n      language,\n      copyToClipboard,\n      highlighted,\n      showLineNumbers,\n      phaseBannerTagName,\n      highlightLines,\n      ...props\n    },\n    ref\n  ) {\n    const Tag = 'span';\n    const codeString = typeof children === 'string' ? children : '';\n    let displayingCode = codeString;\n\n    if (highlighted && codeString) {\n      try {\n        hljs.configure({ classPrefix: 'ds-code--' });\n        let highlightedCode = hljs.highlightAuto(codeString).value;\n        if (language) {\n          hljs.registerLanguage(language, languageMap[language]);\n          highlightedCode = hljs.highlight(codeString, {\n            language: language,\n          }).value;\n        }\n        displayingCode = showLineNumbers\n          ? addLineNumbers(highlightedCode, highlightLines || [])\n          : highlightedCode;\n      } catch (error) {\n        console.error('Highlighting failed:', error);\n      }\n    }\n\n    return (\n      <CodeBlockContainer ref={ref} {...props}>\n        <CodeBlockHeader\n          justify={\n            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'\n          }\n        >\n          {phaseBannerTagName && (\n            <PhaseBannerTag>{phaseBannerTagName}</PhaseBannerTag>\n          )}\n          {copyToClipboard && (\n            <CopyToClipboard\n              dense\n              text={codeString}\n              variant=\"tooltip\"\n              tooltipAlign=\"right\"\n              message=\"Copied!\"\n            >\n              <Button dense color=\"secondary\">\n                Copy\n              </Button>\n            </CopyToClipboard>\n          )}\n        </CodeBlockHeader>\n        <CodeBlockContent className={`language-${language}`}>\n          {highlighted && codeString ? (\n            <Tag\n              dangerouslySetInnerHTML={{\n                __html: displayingCode,\n              }}\n            />\n          ) : (\n            children\n          )}\n        </CodeBlockContent>\n      </CodeBlockContainer>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/CodeBlockContent';\nexport * from '@digigov/react-core/CodeBlockHeader';\nexport * from '@digigov/react-core/CodeBlockContainer';\nexport default CodeBlock;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,OAAO,SAAS;AAEhB,OAAO,wBAAwB;AAC/B,OAAO,sBAAsB;AAC7B,OAAO,qBAAqB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAWvB,MAAM,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB,CAAC,MAAc,mBAAqC;AACzE,SAAO,KACJ,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,gBAAgB,eAAe,SAAS,QAAQ,CAAC;AACvD,UAAM,YAAY,gBAAgB,8BAA8B;AAChE,WAAO,sCAAsC,QAAQ,CAAC,wBAAwB,SAAS,KAAK,IAAI;AAAA,EAClG,CAAC,EACA,KAAK,IAAI;AACd;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,MAAM;AACZ,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,aAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,KAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,eAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,KAAK,UAAU,YAAY;AAAA,YAC3C;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AACA,yBAAiB,kBACb,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,IACpD;AAAA,MACN,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,WACE,oCAAC,sBAAmB,KAAW,GAAG,SAChC;AAAA,MAAC;AAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,kBAAkB;AAAA;AAAA,MAG3D,sBACC,oCAAC,sBAAgB,kBAAmB;AAAA,MAErC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,oCAAC,UAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,oCAAC,oBAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport hljs from 'highlight.js/lib/core';\nimport bash from 'highlight.js/lib/languages/bash';\nimport js from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport xml from 'highlight.js/lib/languages/xml';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport CodeBlockContainer from '@digigov/react-core/CodeBlockContainer';\nimport CodeBlockContent from '@digigov/react-core/CodeBlockContent';\nimport CodeBlockHeader from '@digigov/react-core/CodeBlockHeader';\nimport { CopyToClipboard } from '@digigov/ui/feedback';\nimport { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport interface CodeBlockProps extends BaseProps<'div'> {\n  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';\n  copyToClipboard?: boolean;\n  highlighted?: boolean;\n  showLineNumbers?: boolean;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  javascript: js,\n  python: python,\n  bash: bash,\n  xml: xml,\n  markdown: markdown,\n  json: json,\n};\n\nconst addLineNumbers = (code: string, highlightLines: number[]): string => {\n  return code\n    .split('\\n')\n    .map((line, index) => {\n      const isHighlighted = highlightLines.includes(index + 1);\n      const lineClass = isHighlighted ? 'ds-code--highlighted-line' : '';\n      return `<span class=\"ds-code--line-number\">${index + 1}</span> <span class=\"${lineClass}\">${line}</span>`;\n    })\n    .join('\\n');\n};\n\nexport const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(\n  function CodeBlock(\n    {\n      children,\n      language,\n      copyToClipboard,\n      highlighted,\n      showLineNumbers,\n      phaseBannerTagName,\n      highlightLines,\n      ...props\n    },\n    ref\n  ) {\n    const Tag = 'span';\n    const codeString = typeof children === 'string' ? children : '';\n    let displayingCode = codeString;\n\n    if (highlighted && codeString) {\n      try {\n        hljs.configure({ classPrefix: 'ds-code--' });\n        let highlightedCode = hljs.highlightAuto(codeString).value;\n        if (language) {\n          hljs.registerLanguage(language, languageMap[language]);\n          highlightedCode = hljs.highlight(codeString, {\n            language: language,\n          }).value;\n        }\n        displayingCode = showLineNumbers\n          ? addLineNumbers(highlightedCode, highlightLines || [])\n          : highlightedCode;\n      } catch (error) {\n        console.error('Highlighting failed:', error);\n      }\n    }\n\n    return (\n      <CodeBlockContainer ref={ref} {...props}>\n        <CodeBlockHeader\n          justify={\n            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'\n          }\n        >\n          {phaseBannerTagName && (\n            <PhaseBannerTag>{phaseBannerTagName}</PhaseBannerTag>\n          )}\n          {copyToClipboard && (\n            <CopyToClipboard\n              dense\n              text={codeString}\n              variant=\"tooltip\"\n              tooltipAlign=\"right\"\n              message=\"Copied!\"\n            >\n              <Button dense color=\"secondary\">\n                Copy\n              </Button>\n            </CopyToClipboard>\n          )}\n        </CodeBlockHeader>\n        <CodeBlockContent className={`language-${language}`}>\n          {highlighted && codeString ? (\n            <Tag\n              dangerouslySetInnerHTML={{\n                __html: displayingCode,\n              }}\n            />\n          ) : (\n            children\n          )}\n        </CodeBlockContent>\n      </CodeBlockContainer>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/CodeBlockContent';\nexport * from '@digigov/react-core/CodeBlockHeader';\nexport * from '@digigov/react-core/CodeBlockContainer';\nexport default CodeBlock;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,OAAO,SAAS;AAEhB,OAAO,wBAAwB;AAC/B,OAAO,sBAAsB;AAC7B,OAAO,qBAAqB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAWvB,MAAM,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB,CAAC,MAAc,mBAAqC;AACzE,SAAO,KACJ,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,gBAAgB,eAAe,SAAS,QAAQ,CAAC;AACvD,UAAM,YAAY,gBAAgB,8BAA8B;AAChE,WAAO,sCAAsC,QAAQ,CAAC,wBAAwB,SAAS,KAAK,IAAI;AAAA,EAClG,CAAC,EACA,KAAK,IAAI;AACd;AAEO,MAAM,YAAsC,MAAM;AAAA,EACvD,SAASA,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,MAAM;AACZ,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,aAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,KAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,eAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,KAAK,UAAU,YAAY;AAAA,YAC3C;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AACA,yBAAiB,kBACb,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,IACpD;AAAA,MACN,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,WACE,oCAAC,sBAAmB,KAAW,GAAG,SAChC;AAAA,MAAC;AAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,kBAAkB;AAAA;AAAA,MAG3D,sBACC,oCAAC,sBAAgB,kBAAmB;AAAA,MAErC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,oCAAC,UAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,oCAAC,oBAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,oBAAQ;",
   "names": ["CodeBlock"]
 }

package/typography/Heading/Heading.stories/index.js

@@ -0,0 +1,12 @@
+import Heading from "@digigov/ui/typography/Heading";
+var Heading_stories_default = {
+  title: "Digigov UI/typography/Heading",
+  component: Heading,
+  displayName: "Heading"
+};
+import { Default } from "@digigov/ui/typography/Heading/__stories__/Default";
+export {
+  Default,
+  Heading_stories_default as default
+};
+//# sourceMappingURL=Heading.stories.js.map