@charcoal-ui/react-sandbox 2.5.0 → 2.7.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.
- package/dist/_lib/compat.d.ts +14 -14
- package/dist/components/Carousel/index.d.ts +39 -39
- package/dist/components/Carousel/index.d.ts.map +1 -1
- package/dist/components/Carousel/index.story.d.ts +6 -6
- package/dist/components/CarouselButton/index.d.ts +20 -20
- package/dist/components/CarouselButton/index.story.d.ts +9 -9
- package/dist/components/Filter/index.d.ts +19 -19
- package/dist/components/Filter/index.story.d.ts +8 -8
- package/dist/components/HintText/index.d.ts +9 -9
- package/dist/components/HintText/index.d.ts.map +1 -1
- package/dist/components/HintText/index.story.d.ts +11 -11
- package/dist/components/Layout/index.d.ts +67 -67
- package/dist/components/Layout/index.story.d.ts +13 -13
- package/dist/components/LeftMenu/index.d.ts +11 -11
- package/dist/components/MenuListItem/index.d.ts +34 -34
- package/dist/components/MenuListItem/index.story.d.ts +17 -17
- package/dist/components/Pager/index.d.ts +14 -14
- package/dist/components/Pager/index.story.d.ts +31 -31
- package/dist/components/SwitchCheckbox/index.d.ts +8 -8
- package/dist/components/SwitchCheckbox/index.story.d.ts +10 -10
- package/dist/components/TextEllipsis/helper.d.ts +3 -3
- package/dist/components/TextEllipsis/index.d.ts +10 -10
- package/dist/components/TextEllipsis/index.story.d.ts +8 -8
- package/dist/components/WithIcon/index.d.ts +27 -27
- package/dist/components/WithIcon/index.story.d.ts +14 -14
- package/dist/components/icons/Base.d.ts +15 -15
- package/dist/components/icons/Base.d.ts.map +1 -1
- package/dist/components/icons/DotsIcon.d.ts +11 -11
- package/dist/components/icons/InfoIcon.d.ts +1 -1
- package/dist/components/icons/NextIcon.d.ts +11 -11
- package/dist/components/icons/WedgeIcon.d.ts +19 -19
- package/dist/foundation/contants.d.ts +3 -3
- package/dist/foundation/hooks.d.ts +28 -28
- package/dist/foundation/support.d.ts +2 -2
- package/dist/foundation/utils.d.ts +22 -22
- package/dist/hooks/index.d.ts +2 -2
- package/dist/index.cjs.js +1871 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +13 -13
- package/dist/index.esm.js +1816 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/misc/storybook-helper.d.ts +2 -2
- package/dist/styled.d.ts +94 -94
- package/package.json +18 -18
- package/dist/index.cjs +0 -1816
- package/dist/index.cjs.map +0 -1
- package/dist/index.modern.js +0 -2275
- package/dist/index.modern.js.map +0 -1
- package/dist/index.module.js +0 -1768
- package/dist/index.module.js.map +0 -1
package/dist/_lib/compat.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* import { Story } from '@storybook/react/types-6-0'
|
|
4
|
-
*
|
|
5
|
-
* をするとstyled-componentsが壊れるので代替品を作った
|
|
6
|
-
*
|
|
7
|
-
* エラー:
|
|
8
|
-
* node_modules/@types/styled-components/ts3.7/index.d.ts
|
|
9
|
-
* `Type alias 'Interpolation' circularly references itself. ts(2456)`
|
|
10
|
-
*/
|
|
11
|
-
export interface Story<P> {
|
|
12
|
-
(args: P): React.ReactNode;
|
|
13
|
-
args?: P;
|
|
14
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* import { Story } from '@storybook/react/types-6-0'
|
|
4
|
+
*
|
|
5
|
+
* をするとstyled-componentsが壊れるので代替品を作った
|
|
6
|
+
*
|
|
7
|
+
* エラー:
|
|
8
|
+
* node_modules/@types/styled-components/ts3.7/index.d.ts
|
|
9
|
+
* `Type alias 'Interpolation' circularly references itself. ts(2456)`
|
|
10
|
+
*/
|
|
11
|
+
export interface Story<P> {
|
|
12
|
+
(args: P): React.ReactNode;
|
|
13
|
+
args?: P;
|
|
14
|
+
}
|
|
15
15
|
//# sourceMappingURL=compat.d.ts.map
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const GRADIENT_WIDTH = 72;
|
|
3
|
-
/**
|
|
4
|
-
* カルーセル系のスクロール量の定数
|
|
5
|
-
*
|
|
6
|
-
* @example
|
|
7
|
-
* const scrollAmount = containerElm.clientWidth * SCROLL_AMOUNT_COEF
|
|
8
|
-
*/
|
|
9
|
-
export declare const SCROLL_AMOUNT_COEF = 0.75;
|
|
10
|
-
interface ScrollProps {
|
|
11
|
-
align?: 'center' | 'left' | 'right';
|
|
12
|
-
offset?: number;
|
|
13
|
-
}
|
|
14
|
-
export interface CarouselBaseAppearanceProps {
|
|
15
|
-
buttonOffset?: number;
|
|
16
|
-
buttonPadding?: number;
|
|
17
|
-
bottomOffset?: number;
|
|
18
|
-
defaultScroll?: ScrollProps;
|
|
19
|
-
}
|
|
20
|
-
export
|
|
21
|
-
hasGradient?: false;
|
|
22
|
-
} | {
|
|
23
|
-
hasGradient: true;
|
|
24
|
-
fadeInGradient?: boolean;
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
onScroll?: (left: number) => void;
|
|
29
|
-
onResize?: (width: number) => void;
|
|
30
|
-
children: React.ReactNode;
|
|
31
|
-
centerItems?: boolean;
|
|
32
|
-
onScrollStateChange?: (canScroll: boolean) => void;
|
|
33
|
-
scrollAmountCoef?: number;
|
|
34
|
-
};
|
|
35
|
-
export interface CarouselHandlerRef {
|
|
36
|
-
resetScroll(): void;
|
|
37
|
-
}
|
|
38
|
-
export default function Carousel({ buttonOffset, buttonPadding, bottomOffset, defaultScroll: { align, offset: scrollOffset }, onScroll, onResize, children, centerItems, onScrollStateChange, scrollAmountCoef, ...options }: Props): JSX.Element;
|
|
39
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const GRADIENT_WIDTH = 72;
|
|
3
|
+
/**
|
|
4
|
+
* カルーセル系のスクロール量の定数
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* const scrollAmount = containerElm.clientWidth * SCROLL_AMOUNT_COEF
|
|
8
|
+
*/
|
|
9
|
+
export declare const SCROLL_AMOUNT_COEF = 0.75;
|
|
10
|
+
interface ScrollProps {
|
|
11
|
+
align?: 'center' | 'left' | 'right';
|
|
12
|
+
offset?: number;
|
|
13
|
+
}
|
|
14
|
+
export interface CarouselBaseAppearanceProps {
|
|
15
|
+
buttonOffset?: number;
|
|
16
|
+
buttonPadding?: number;
|
|
17
|
+
bottomOffset?: number;
|
|
18
|
+
defaultScroll?: ScrollProps;
|
|
19
|
+
}
|
|
20
|
+
export type CarouselGradientProps = {
|
|
21
|
+
hasGradient?: false;
|
|
22
|
+
} | {
|
|
23
|
+
hasGradient: true;
|
|
24
|
+
fadeInGradient?: boolean;
|
|
25
|
+
};
|
|
26
|
+
type CarouselAppearanceProps = CarouselBaseAppearanceProps & CarouselGradientProps;
|
|
27
|
+
type Props = CarouselAppearanceProps & {
|
|
28
|
+
onScroll?: (left: number) => void;
|
|
29
|
+
onResize?: (width: number) => void;
|
|
30
|
+
children: React.ReactNode;
|
|
31
|
+
centerItems?: boolean;
|
|
32
|
+
onScrollStateChange?: (canScroll: boolean) => void;
|
|
33
|
+
scrollAmountCoef?: number;
|
|
34
|
+
};
|
|
35
|
+
export interface CarouselHandlerRef {
|
|
36
|
+
resetScroll(): void;
|
|
37
|
+
}
|
|
38
|
+
export default function Carousel({ buttonOffset, buttonPadding, bottomOffset, defaultScroll: { align, offset: scrollOffset }, onScroll, onResize, children, centerItems, onScrollStateChange, scrollAmountCoef, ...options }: Props): JSX.Element;
|
|
39
|
+
export {};
|
|
40
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAQvE,eAAO,MAAM,cAAc,KAAK,CAAA;AAChC;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAA;AAEtC,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,WAAW,CAAA;CAC5B;AAED,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAQvE,eAAO,MAAM,cAAc,KAAK,CAAA;AAChC;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAA;AAEtC,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,WAAW,CAAA;CAC5B;AAED,MAAM,MAAM,qBAAqB,GAC7B;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACvB;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAEL,KAAK,uBAAuB,GAAG,2BAA2B,GACxD,qBAAqB,CAAA;AAEvB,KAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,IAAI,IAAI,CAAA;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAgB,EAChB,aAAkB,EAClB,YAAgB,EAChB,aAAa,EAAE,EAAE,KAAc,EAAE,MAAM,EAAE,YAAgB,EAAO,EAChE,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,gBAAqC,EACrC,GAAG,OAAO,EACX,EAAE,KAAK,eAiPP"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
decorators: ((...args: any) => any)[];
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const _Carousel: () => JSX.Element;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
decorators: ((...args: any) => any)[];
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const _Carousel: () => JSX.Element;
|
|
7
7
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
export declare enum Direction {
|
|
2
|
-
Right = "right",
|
|
3
|
-
Left = "left"
|
|
4
|
-
}
|
|
5
|
-
interface Props {
|
|
6
|
-
direction: Direction;
|
|
7
|
-
show: boolean;
|
|
8
|
-
offset?: number;
|
|
9
|
-
padding?: number;
|
|
10
|
-
bottomOffset?: number;
|
|
11
|
-
gradient?: boolean;
|
|
12
|
-
onClick(): void;
|
|
13
|
-
}
|
|
14
|
-
export default function CarouselButton({ direction, show, offset, padding, bottomOffset: bottom, gradient, onClick, }: Props): JSX.Element;
|
|
15
|
-
export declare const CAROUSEL_BUTTON_SIZE = 40;
|
|
16
|
-
export declare function ScrollHintButton({ direction, onClick, }: {
|
|
17
|
-
direction: Direction;
|
|
18
|
-
onClick(): void;
|
|
19
|
-
}): JSX.Element;
|
|
20
|
-
export {};
|
|
1
|
+
export declare enum Direction {
|
|
2
|
+
Right = "right",
|
|
3
|
+
Left = "left"
|
|
4
|
+
}
|
|
5
|
+
interface Props {
|
|
6
|
+
direction: Direction;
|
|
7
|
+
show: boolean;
|
|
8
|
+
offset?: number;
|
|
9
|
+
padding?: number;
|
|
10
|
+
bottomOffset?: number;
|
|
11
|
+
gradient?: boolean;
|
|
12
|
+
onClick(): void;
|
|
13
|
+
}
|
|
14
|
+
export default function CarouselButton({ direction, show, offset, padding, bottomOffset: bottom, gradient, onClick, }: Props): JSX.Element;
|
|
15
|
+
export declare const CAROUSEL_BUTTON_SIZE = 40;
|
|
16
|
+
export declare function ScrollHintButton({ direction, onClick, }: {
|
|
17
|
+
direction: Direction;
|
|
18
|
+
onClick(): void;
|
|
19
|
+
}): JSX.Element;
|
|
20
|
+
export {};
|
|
21
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import CarouselButton from '.';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
decorators: ((...args: any) => any)[];
|
|
5
|
-
component: typeof CarouselButton;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const _CarouselButton: () => JSX.Element;
|
|
9
|
-
export declare const _ScrollHintButton: () => JSX.Element;
|
|
1
|
+
import CarouselButton from '.';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
decorators: ((...args: any) => any)[];
|
|
5
|
+
component: typeof CarouselButton;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const _CarouselButton: () => JSX.Element;
|
|
9
|
+
export declare const _ScrollHintButton: () => JSX.Element;
|
|
10
10
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface Props<T extends HTMLElement> {
|
|
3
|
-
active?: boolean;
|
|
4
|
-
hover?: boolean;
|
|
5
|
-
reactive?: boolean;
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
onClick?: React.MouseEventHandler<T>;
|
|
8
|
-
}
|
|
9
|
-
interface FilterIconButtonProps extends Props<HTMLButtonElement> {
|
|
10
|
-
width?: number;
|
|
11
|
-
height?: number;
|
|
12
|
-
}
|
|
13
|
-
export declare const FilterButton: React.ForwardRefExoticComponent<Props<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
14
|
-
export declare const FilterIconButton: React.ForwardRefExoticComponent<FilterIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
-
export declare const FilterLink: React.ForwardRefExoticComponent<Props<HTMLAnchorElement> & {
|
|
16
|
-
to: string;
|
|
17
|
-
} & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | "css" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>, "href"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
18
|
-
declare const Filter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
19
|
-
export default Filter;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface Props<T extends HTMLElement> {
|
|
3
|
+
active?: boolean;
|
|
4
|
+
hover?: boolean;
|
|
5
|
+
reactive?: boolean;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
onClick?: React.MouseEventHandler<T>;
|
|
8
|
+
}
|
|
9
|
+
interface FilterIconButtonProps extends Props<HTMLButtonElement> {
|
|
10
|
+
width?: number;
|
|
11
|
+
height?: number;
|
|
12
|
+
}
|
|
13
|
+
export declare const FilterButton: React.ForwardRefExoticComponent<Props<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export declare const FilterIconButton: React.ForwardRefExoticComponent<FilterIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
export declare const FilterLink: React.ForwardRefExoticComponent<Props<HTMLAnchorElement> & {
|
|
16
|
+
to: string;
|
|
17
|
+
} & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | "css" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>, "href"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
18
|
+
declare const Filter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
19
|
+
export default Filter;
|
|
20
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare function Default(): JSX.Element;
|
|
7
|
-
export declare function Button(): JSX.Element;
|
|
8
|
-
export declare function Link(): JSX.Element;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare function Default(): JSX.Element;
|
|
7
|
+
export declare function Button(): JSX.Element;
|
|
8
|
+
export declare function Link(): JSX.Element;
|
|
9
9
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
interface Props {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
context: Context;
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
|
-
export default function HintText({ children, context, className }: Props): JSX.Element;
|
|
9
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type Context = 'page' | 'section';
|
|
3
|
+
interface Props {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
context: Context;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export default function HintText({ children, context, className }: Props): JSX.Element;
|
|
9
|
+
export {};
|
|
10
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HintText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HintText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AACjC,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,eASvE"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { Story } from '../../_lib/compat';
|
|
2
|
-
import HintText from '.';
|
|
3
|
-
declare const _default: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: typeof HintText;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Default: Story<{
|
|
9
|
-
hintText: string;
|
|
10
|
-
context: 'page' | 'section';
|
|
11
|
-
}>;
|
|
1
|
+
import { Story } from '../../_lib/compat';
|
|
2
|
+
import HintText from '.';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof HintText;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: Story<{
|
|
9
|
+
hintText: string;
|
|
10
|
+
context: 'page' | 'section';
|
|
11
|
+
}>;
|
|
12
12
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface Props {
|
|
3
|
-
menu?: React.ReactNode;
|
|
4
|
-
isHeaderTopMenu?: boolean;
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
header?: React.ReactNode;
|
|
7
|
-
wide?: boolean;
|
|
8
|
-
center?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export default function Layout({ menu, children, header, center, wide, isHeaderTopMenu, }: Props): JSX.Element;
|
|
11
|
-
interface LayoutItemProps {
|
|
12
|
-
span: number;
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
}
|
|
15
|
-
export declare const LayoutItem: React.ForwardRefExoticComponent<LayoutItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
-
export declare function LayoutItemHeader({ children }: {
|
|
17
|
-
children: React.ReactNode;
|
|
18
|
-
}): JSX.Element;
|
|
19
|
-
export declare const LAYOUT_ITEM_BODY_PADDING: {
|
|
20
|
-
wide: {
|
|
21
|
-
x: number;
|
|
22
|
-
y: number;
|
|
23
|
-
};
|
|
24
|
-
default: {
|
|
25
|
-
x: number;
|
|
26
|
-
y: number;
|
|
27
|
-
};
|
|
28
|
-
column1: {
|
|
29
|
-
x: number;
|
|
30
|
-
y: number;
|
|
31
|
-
};
|
|
32
|
-
narrow: {
|
|
33
|
-
x: number;
|
|
34
|
-
yTop: number;
|
|
35
|
-
yBottom: number;
|
|
36
|
-
};
|
|
37
|
-
narrowColumn1: {
|
|
38
|
-
x: number;
|
|
39
|
-
yTop: number;
|
|
40
|
-
yBottom: number;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
export declare function LayoutItemBody({ children, horizontal, narrow, }: {
|
|
44
|
-
children: React.ReactNode;
|
|
45
|
-
horizontal?: boolean;
|
|
46
|
-
narrow?: boolean;
|
|
47
|
-
}): JSX.Element;
|
|
48
|
-
interface StyledLayoutItemBodyProps {
|
|
49
|
-
wide: boolean;
|
|
50
|
-
horizontal: boolean;
|
|
51
|
-
narrow: boolean;
|
|
52
|
-
}
|
|
53
|
-
export declare const StyledLayoutItemBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledLayoutItemBodyProps, never>;
|
|
54
|
-
export declare function useLayoutItemBodyPadding(): {
|
|
55
|
-
x: number;
|
|
56
|
-
y: number;
|
|
57
|
-
};
|
|
58
|
-
export declare function CancelLayoutItemBodyPadding({ children, cancelTop, }: {
|
|
59
|
-
children: React.ReactNode;
|
|
60
|
-
cancelTop?: boolean;
|
|
61
|
-
}): JSX.Element;
|
|
62
|
-
interface StyledCancelLayoutItemBodyPaddingProps {
|
|
63
|
-
wide: boolean;
|
|
64
|
-
cancelTop?: boolean;
|
|
65
|
-
}
|
|
66
|
-
export declare const StyledCancelLayoutItemBodyPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledCancelLayoutItemBodyPaddingProps, never>;
|
|
67
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface Props {
|
|
3
|
+
menu?: React.ReactNode;
|
|
4
|
+
isHeaderTopMenu?: boolean;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
header?: React.ReactNode;
|
|
7
|
+
wide?: boolean;
|
|
8
|
+
center?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export default function Layout({ menu, children, header, center, wide, isHeaderTopMenu, }: Props): JSX.Element;
|
|
11
|
+
interface LayoutItemProps {
|
|
12
|
+
span: number;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
export declare const LayoutItem: React.ForwardRefExoticComponent<LayoutItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export declare function LayoutItemHeader({ children }: {
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
}): JSX.Element;
|
|
19
|
+
export declare const LAYOUT_ITEM_BODY_PADDING: {
|
|
20
|
+
wide: {
|
|
21
|
+
x: number;
|
|
22
|
+
y: number;
|
|
23
|
+
};
|
|
24
|
+
default: {
|
|
25
|
+
x: number;
|
|
26
|
+
y: number;
|
|
27
|
+
};
|
|
28
|
+
column1: {
|
|
29
|
+
x: number;
|
|
30
|
+
y: number;
|
|
31
|
+
};
|
|
32
|
+
narrow: {
|
|
33
|
+
x: number;
|
|
34
|
+
yTop: number;
|
|
35
|
+
yBottom: number;
|
|
36
|
+
};
|
|
37
|
+
narrowColumn1: {
|
|
38
|
+
x: number;
|
|
39
|
+
yTop: number;
|
|
40
|
+
yBottom: number;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
export declare function LayoutItemBody({ children, horizontal, narrow, }: {
|
|
44
|
+
children: React.ReactNode;
|
|
45
|
+
horizontal?: boolean;
|
|
46
|
+
narrow?: boolean;
|
|
47
|
+
}): JSX.Element;
|
|
48
|
+
interface StyledLayoutItemBodyProps {
|
|
49
|
+
wide: boolean;
|
|
50
|
+
horizontal: boolean;
|
|
51
|
+
narrow: boolean;
|
|
52
|
+
}
|
|
53
|
+
export declare const StyledLayoutItemBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledLayoutItemBodyProps, never>;
|
|
54
|
+
export declare function useLayoutItemBodyPadding(): {
|
|
55
|
+
x: number;
|
|
56
|
+
y: number;
|
|
57
|
+
};
|
|
58
|
+
export declare function CancelLayoutItemBodyPadding({ children, cancelTop, }: {
|
|
59
|
+
children: React.ReactNode;
|
|
60
|
+
cancelTop?: boolean;
|
|
61
|
+
}): JSX.Element;
|
|
62
|
+
interface StyledCancelLayoutItemBodyPaddingProps {
|
|
63
|
+
wide: boolean;
|
|
64
|
+
cancelTop?: boolean;
|
|
65
|
+
}
|
|
66
|
+
export declare const StyledCancelLayoutItemBodyPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledCancelLayoutItemBodyPaddingProps, never>;
|
|
67
|
+
export {};
|
|
68
68
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import Layout from '.';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: typeof Layout;
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
export default _default;
|
|
10
|
-
export declare function Basic(): JSX.Element;
|
|
11
|
-
export declare function NoMenu(): JSX.Element;
|
|
12
|
-
export declare function Wide(): JSX.Element;
|
|
13
|
-
export declare function Center(): JSX.Element;
|
|
1
|
+
import Layout from '.';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: typeof Layout;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
export default _default;
|
|
10
|
+
export declare function Basic(): JSX.Element;
|
|
11
|
+
export declare function NoMenu(): JSX.Element;
|
|
12
|
+
export declare function Wide(): JSX.Element;
|
|
13
|
+
export declare function Center(): JSX.Element;
|
|
14
14
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
interface Props<ID extends string> {
|
|
2
|
-
links: readonly {
|
|
3
|
-
text: string;
|
|
4
|
-
to: string;
|
|
5
|
-
id: ID;
|
|
6
|
-
}[];
|
|
7
|
-
active: ID;
|
|
8
|
-
}
|
|
9
|
-
export default function LeftMenu<ID extends string>({ links, active, }: Props<ID>): JSX.Element;
|
|
10
|
-
export declare function LeftMenuContent<ID extends string>({ links }: Props<ID>): JSX.Element;
|
|
11
|
-
export {};
|
|
1
|
+
interface Props<ID extends string> {
|
|
2
|
+
links: readonly {
|
|
3
|
+
text: string;
|
|
4
|
+
to: string;
|
|
5
|
+
id: ID;
|
|
6
|
+
}[];
|
|
7
|
+
active: ID;
|
|
8
|
+
}
|
|
9
|
+
export default function LeftMenu<ID extends string>({ links, active, }: Props<ID>): JSX.Element;
|
|
10
|
+
export declare function LeftMenuContent<ID extends string>({ links }: Props<ID>): JSX.Element;
|
|
11
|
+
export {};
|
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { LinkProps } from '@charcoal-ui/react';
|
|
3
|
-
interface MenuListItemContextProps {
|
|
4
|
-
padding: 16 | 24;
|
|
5
|
-
}
|
|
6
|
-
export declare const MenuListItemContext: React.Context<MenuListItemContextProps>;
|
|
7
|
-
export interface MenuListItemBaseData {
|
|
8
|
-
primary: string | React.ReactNode;
|
|
9
|
-
secondary?: string;
|
|
10
|
-
onClick?: (e: React.MouseEvent) => void;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
gtmClass?: string;
|
|
13
|
-
noHover?: boolean;
|
|
14
|
-
}
|
|
15
|
-
interface MenuListItemProps extends MenuListItemBaseData {
|
|
16
|
-
children?: React.ReactNode;
|
|
17
|
-
}
|
|
18
|
-
export default function MenuListItem({ primary, secondary, onClick, disabled, noHover, gtmClass, children, }: MenuListItemProps): JSX.Element;
|
|
19
|
-
interface MenuListLinkItemProps extends MenuListItemBaseData, Omit<LinkProps, 'to' | 'onClick' | 'children'> {
|
|
20
|
-
link: string;
|
|
21
|
-
children?: React.ReactNode;
|
|
22
|
-
}
|
|
23
|
-
export declare function MenuListLinkItem({ link, onClick, disabled, primary, secondary, gtmClass, noHover, children, ...linkProps }: MenuListLinkItemProps): JSX.Element;
|
|
24
|
-
interface MenuListLinkItemWithIconProps extends MenuListLinkItemProps {
|
|
25
|
-
icon: React.ReactNode;
|
|
26
|
-
}
|
|
27
|
-
interface MenuListItemWithIconProps extends MenuListItemProps {
|
|
28
|
-
icon: React.ReactNode;
|
|
29
|
-
}
|
|
30
|
-
export declare function MenuListLinkItemWithIcon({ icon, primary: text, ...props }: MenuListLinkItemWithIconProps): JSX.Element;
|
|
31
|
-
export declare function MenuListItemWithIcon({ icon, primary: text, ...props }: MenuListItemWithIconProps): JSX.Element;
|
|
32
|
-
export declare const MenuListSpacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
33
|
-
export declare const MenuListLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
34
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LinkProps } from '@charcoal-ui/react';
|
|
3
|
+
interface MenuListItemContextProps {
|
|
4
|
+
padding: 16 | 24;
|
|
5
|
+
}
|
|
6
|
+
export declare const MenuListItemContext: React.Context<MenuListItemContextProps>;
|
|
7
|
+
export interface MenuListItemBaseData {
|
|
8
|
+
primary: string | React.ReactNode;
|
|
9
|
+
secondary?: string;
|
|
10
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
gtmClass?: string;
|
|
13
|
+
noHover?: boolean;
|
|
14
|
+
}
|
|
15
|
+
interface MenuListItemProps extends MenuListItemBaseData {
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export default function MenuListItem({ primary, secondary, onClick, disabled, noHover, gtmClass, children, }: MenuListItemProps): JSX.Element;
|
|
19
|
+
interface MenuListLinkItemProps extends MenuListItemBaseData, Omit<LinkProps, 'to' | 'onClick' | 'children'> {
|
|
20
|
+
link: string;
|
|
21
|
+
children?: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare function MenuListLinkItem({ link, onClick, disabled, primary, secondary, gtmClass, noHover, children, ...linkProps }: MenuListLinkItemProps): JSX.Element;
|
|
24
|
+
interface MenuListLinkItemWithIconProps extends MenuListLinkItemProps {
|
|
25
|
+
icon: React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
interface MenuListItemWithIconProps extends MenuListItemProps {
|
|
28
|
+
icon: React.ReactNode;
|
|
29
|
+
}
|
|
30
|
+
export declare function MenuListLinkItemWithIcon({ icon, primary: text, ...props }: MenuListLinkItemWithIconProps): JSX.Element;
|
|
31
|
+
export declare function MenuListItemWithIcon({ icon, primary: text, ...props }: MenuListItemWithIconProps): JSX.Element;
|
|
32
|
+
export declare const MenuListSpacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
33
|
+
export declare const MenuListLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
34
|
+
export {};
|
|
35
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import MenuListItem from '.';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: typeof MenuListItem;
|
|
5
|
-
};
|
|
6
|
-
export default _default;
|
|
7
|
-
export declare const Default: () => JSX.Element;
|
|
8
|
-
export declare const Simple: () => JSX.Element;
|
|
9
|
-
export declare const Disabled: () => JSX.Element;
|
|
10
|
-
export declare const Link: () => JSX.Element;
|
|
11
|
-
export declare const HardLink: () => JSX.Element;
|
|
12
|
-
export declare const InlineIcon: () => JSX.Element;
|
|
13
|
-
export declare const Icon: () => JSX.Element;
|
|
14
|
-
export declare const NoHoverEffect: () => JSX.Element;
|
|
15
|
-
export declare const Spacer: () => JSX.Element;
|
|
16
|
-
export declare const Label: () => JSX.Element;
|
|
17
|
-
export declare const TextEllipsis: () => JSX.Element;
|
|
1
|
+
import MenuListItem from '.';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: typeof MenuListItem;
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const Default: () => JSX.Element;
|
|
8
|
+
export declare const Simple: () => JSX.Element;
|
|
9
|
+
export declare const Disabled: () => JSX.Element;
|
|
10
|
+
export declare const Link: () => JSX.Element;
|
|
11
|
+
export declare const HardLink: () => JSX.Element;
|
|
12
|
+
export declare const InlineIcon: () => JSX.Element;
|
|
13
|
+
export declare const Icon: () => JSX.Element;
|
|
14
|
+
export declare const NoHoverEffect: () => JSX.Element;
|
|
15
|
+
export declare const Spacer: () => JSX.Element;
|
|
16
|
+
export declare const Label: () => JSX.Element;
|
|
17
|
+
export declare const TextEllipsis: () => JSX.Element;
|
|
18
18
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface CommonProps {
|
|
3
|
-
page: number;
|
|
4
|
-
pageCount: number;
|
|
5
|
-
}
|
|
6
|
-
export interface PagerProps extends CommonProps {
|
|
7
|
-
onChange(newPage: number): void;
|
|
8
|
-
}
|
|
9
|
-
declare const _default: React.NamedExoticComponent<PagerProps>;
|
|
10
|
-
export default _default;
|
|
11
|
-
export interface LinkPagerProps extends CommonProps {
|
|
12
|
-
makeUrl(page: number): string;
|
|
13
|
-
}
|
|
14
|
-
export declare function LinkPager({ page, pageCount, makeUrl }: LinkPagerProps): JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface CommonProps {
|
|
3
|
+
page: number;
|
|
4
|
+
pageCount: number;
|
|
5
|
+
}
|
|
6
|
+
export interface PagerProps extends CommonProps {
|
|
7
|
+
onChange(newPage: number): void;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: React.NamedExoticComponent<PagerProps>;
|
|
10
|
+
export default _default;
|
|
11
|
+
export interface LinkPagerProps extends CommonProps {
|
|
12
|
+
makeUrl(page: number): string;
|
|
13
|
+
}
|
|
14
|
+
export declare function LinkPager({ page, pageCount, makeUrl }: LinkPagerProps): JSX.Element;
|
|
15
15
|
//# sourceMappingURL=index.d.ts.map
|