@nodeblocks/frontend-how-to-use-block 0.0.6 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/HowToUse.d.ts +43 -12
  2. package/dist/HowToUse.d.ts.map +1 -1
  3. package/dist/blocks.d.ts +14 -50
  4. package/dist/blocks.d.ts.map +1 -1
  5. package/dist/index.cjs.js +6142 -68
  6. package/dist/index.cjs.js.map +1 -1
  7. package/dist/index.esm.js +6125 -69
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/lib.d.ts +71 -17
  10. package/dist/lib.d.ts.map +1 -1
  11. package/package.json +5 -2
  12. package/readme.md +9 -2
package/dist/HowToUse.d.ts CHANGED
@@ -1,16 +1,47 @@
1
- import React from 'react';
1
+ import { ComponentProps, ReactNode } from 'react';
2
2
  import './how-to-use.css';
3
- import { CardProps, DefaultBlocks, DefaultSettings } from './blocks';
4
- import { DefaultBlocksFunction } from './lib';
5
- type HowToUseProps = {
6
- className: string;
7
- title: string;
8
- subtitle: string;
9
- linkHref?: string;
10
- linkText?: string;
11
- list: CardProps[];
12
- children?: DefaultBlocksFunction<DefaultBlocks, DefaultSettings>;
3
+ import { BlocksOverride } from './lib';
4
+ declare const HowToUse: {
5
+ <CustomBlocks extends Record<string, ReactNode> = {}>({ className, children, ...props }: Omit<ComponentProps<"div">, "children"> & {
6
+ children?: BlocksOverride<typeof defaultHowToUseBlocks, CustomBlocks>;
7
+ }): import("react/jsx-runtime").JSX.Element;
8
+ Header: ({ className, children, subtitle, ...props }: ComponentProps<"div"> & {
9
+ subtitle: ReactNode;
10
+ }) => import("react/jsx-runtime").JSX.Element;
11
+ CardList: ({ children, className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
12
+ Card: ({ children, className, icon, headerContent, ...props }: ComponentProps<"div"> & {
13
+ icon: ReactNode;
14
+ headerContent: ReactNode;
15
+ }) => import("react/jsx-runtime").JSX.Element;
16
+ Footer: ({ children, className, message, linkHref, linkContent, ...props }: ComponentProps<"div"> & {
17
+ message: ReactNode;
18
+ linkHref: string;
19
+ linkContent: ReactNode;
20
+ }) => import("react/jsx-runtime").JSX.Element;
21
+ };
22
+ declare const defaultHowToUseBlocks: {
23
+ header: import("react").ReactElement<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
24
+ subtitle: ReactNode;
25
+ }, ({ className, children, subtitle, ...props }: ComponentProps<"div"> & {
26
+ subtitle: ReactNode;
27
+ }) => import("react/jsx-runtime").JSX.Element>;
28
+ cardList: import("react").ReactElement<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, ({ children, className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element>;
29
+ card: import("react").ReactElement<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
30
+ icon: ReactNode;
31
+ headerContent: ReactNode;
32
+ }, ({ children, className, icon, headerContent, ...props }: ComponentProps<"div"> & {
33
+ icon: ReactNode;
34
+ headerContent: ReactNode;
35
+ }) => import("react/jsx-runtime").JSX.Element>;
36
+ footer: import("react").ReactElement<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
37
+ message: ReactNode;
38
+ linkHref: string;
39
+ linkContent: ReactNode;
40
+ }, ({ children, className, message, linkHref, linkContent, ...props }: ComponentProps<"div"> & {
41
+ message: ReactNode;
42
+ linkHref: string;
43
+ linkContent: ReactNode;
44
+ }) => import("react/jsx-runtime").JSX.Element>;
13
45
  };
14
- export declare const HowToUse: React.FC<HowToUseProps>;
15
46
  export default HowToUse;
16
47
  //# sourceMappingURL=HowToUse.d.ts.map
package/dist/HowToUse.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HowToUse.d.ts","sourceRoot":"","sources":["../src/HowToUse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAkC,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACrG,OAAO,EAAc,qBAAqB,EAAa,MAAM,OAAO,CAAC;AAErE,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,qBAAqB,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;CAClE,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuC5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"HowToUse.d.ts","sourceRoot":"","sources":["../src/HowToUse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,cAAc,EAA4D,MAAM,OAAO,CAAC;AAEjG,QAAA,MAAM,QAAQ;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,0CAI7D,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;QAC3C,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,qBAAqB,EAAE,YAAY,CAAC,CAAC;KACvE;;;;;;;;;;;;;;CAuBA,CAAC;AAOF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;CAKzB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
package/dist/blocks.d.ts CHANGED
@@ -1,51 +1,15 @@
1
- export type DefaultBlocks = {
2
- HowToUseHeader: React.FC<{
3
- title: string;
4
- subtitle: string;
5
- }>;
6
- HowToUseCard: React.FC<CardProps>;
7
- HowToUseBottomLink: React.FC<{
8
- href: string;
9
- children: React.ReactNode;
10
- }>;
11
- HowToUseArrowIcon: React.FC;
12
- HowToUseCardList: React.FC<{
13
- list: CardProps[];
14
- CardComponent: React.FC<CardProps>;
15
- IconComponent: React.FC;
16
- showArrows: boolean;
17
- }>;
18
- };
19
- export type DefaultSettings = {
20
- showArrows: boolean;
21
- };
22
- export type CardProps = {
23
- title: string;
24
- description: string;
25
- icon: string;
26
- };
27
- export declare function BottomLink({ href, children }: {
28
- href: string;
29
- children: React.ReactNode;
30
- }): import("react/jsx-runtime").JSX.Element;
31
- export declare function ArrowIcon(): import("react/jsx-runtime").JSX.Element;
32
- export declare function CardList({ list, CardComponent, IconComponent, showArrows }: {
33
- list: CardProps[];
34
- CardComponent?: React.FC<CardProps>;
35
- IconComponent?: React.FC;
36
- showArrows?: boolean;
37
- }): import("react/jsx-runtime").JSX.Element;
38
- export declare const defaultSettings: {
39
- showArrows: boolean;
40
- };
41
- export declare const defaultBlocks: {
42
- HowToUseHeader: ({ title, subtitle }: {
43
- title: string;
44
- subtitle: string;
45
- }) => import("react/jsx-runtime").JSX.Element;
46
- HowToUseCard: ({ title, description, icon }: CardProps) => import("react/jsx-runtime").JSX.Element;
47
- HowToUseBottomLink: typeof BottomLink;
48
- HowToUseArrowIcon: typeof ArrowIcon;
49
- HowToUseCardList: typeof CardList;
50
- };
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ export declare const Card: ({ children, className, icon, headerContent, ...props }: ComponentProps<"div"> & {
3
+ icon: ReactNode;
4
+ headerContent: ReactNode;
5
+ }) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const Header: ({ className, children, subtitle, ...props }: ComponentProps<"div"> & {
7
+ subtitle: ReactNode;
8
+ }) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const Footer: ({ children, className, message, linkHref, linkContent, ...props }: ComponentProps<"div"> & {
10
+ message: ReactNode;
11
+ linkHref: string;
12
+ linkContent: ReactNode;
13
+ }) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const CardList: ({ children, className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
51
15
  //# sourceMappingURL=blocks.d.ts.map
package/dist/blocks.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../src/blocks.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IACxB,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAClC,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IAC1E,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;QACvB,IAAI,EAAE,SAAS,EAAE,CAAC;QAClB,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QACnC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QACxB,UAAU,EAAE,OAAO,CAAA;KACtB,CAAC,CAAC;CACN,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AA0BF,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAYzF;AACD,wBAAgB,SAAS,4CAExB;AAED,wBAAgB,QAAQ,CAAC,EACrB,IAAS,EACT,aAAoB,EACpB,aAAyB,EACzB,UAAiB,EACpB,EAAE;IACC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;CACnB,2CAOJ;AAED,eAAO,MAAM,eAAe;;CAE3B,CAAA;AAED,eAAO,MAAM,aAAa;0CAjDmB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE;iDAfpC,SAAS;;;;CAsEpD,CAAA"}
1
+ {"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../src/blocks.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,eAAO,MAAM,IAAI,GAAI,wDAMlB,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,aAAa,EAAE,SAAS,CAAA;CAAE,4CAUvE,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,6CAKpB,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAOjD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,mEAOpB,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,SAAS,CAAA;CAAE,4CAS1F,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,mCActB,cAAc,CAAC,KAAK,CAAC,4CAqBvB,CAAC"}