@fattureincloud/fic-design-system 0.14.0 → 0.14.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/accordion/accordion.d.ts +14 -0
- package/dist/components/accordion/accordion.stories.d.ts +6 -0
- package/dist/components/accordion/index.d.ts +2 -0
- package/dist/components/accordion/styled.d.ts +5 -0
- package/dist/components/accordion/types.d.ts +21 -0
- package/dist/components/form/inputText/components/UnitDropdown.d.ts +1 -1
- package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.d.ts +1 -1
- package/dist/components/layout/sidebarItem/styled.d.ts +1 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/styled.d.ts +2 -1
- package/dist/components/pagination/Pagination.d.ts +2 -2
- package/dist/components/pagination/types.d.ts +7 -4
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +9 -9
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +9 -9
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
@@ -0,0 +1,14 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { AccordionProps } from './types';
|
3
|
+
/**
|
4
|
+
* @param open pass without setOpen to open by default
|
5
|
+
* @param setOpen pass only to control accordion opening/closing externally
|
6
|
+
* @param renderLateralActions
|
7
|
+
* @param renderTitle
|
8
|
+
* @param renderBody
|
9
|
+
* @param title
|
10
|
+
* @param lateralActions
|
11
|
+
* @constructor
|
12
|
+
*/
|
13
|
+
declare const Accordion: ({ open, setOpen, renderLateralActions, renderTitle, renderBody, title, lateralActions, }: AccordionProps) => JSX.Element;
|
14
|
+
export default Accordion;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { Meta, Story } from '@storybook/react';
|
2
|
+
import { ComponentProps } from 'react';
|
3
|
+
import { Accordion, AccordionProps } from '.';
|
4
|
+
export declare const Template: Story<AccordionProps>;
|
5
|
+
declare const AccordionStories: Meta<ComponentProps<typeof Accordion>>;
|
6
|
+
export default AccordionStories;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
2
|
+
export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
3
|
+
export declare const ActionIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
4
|
+
export declare const HeaderElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
5
|
+
export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -0,0 +1,21 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare type AccordionProps = CommonAccordionProps & (OptionalAccordionProps | OptionalAccordionPropsRef);
|
3
|
+
interface CommonAccordionProps {
|
4
|
+
title?: string;
|
5
|
+
renderTitle?: () => JSX.Element;
|
6
|
+
renderBody: () => JSX.Element;
|
7
|
+
renderLateralActions?: JSX.Element;
|
8
|
+
lateralActions?: Array<{
|
9
|
+
icon: JSX.Element;
|
10
|
+
action: () => void;
|
11
|
+
}>;
|
12
|
+
}
|
13
|
+
interface OptionalAccordionProps {
|
14
|
+
open: boolean;
|
15
|
+
setOpen: (e: boolean) => void;
|
16
|
+
}
|
17
|
+
interface OptionalAccordionPropsRef {
|
18
|
+
open?: boolean;
|
19
|
+
setOpen?: never;
|
20
|
+
}
|
21
|
+
export {};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { DropdownProps } from '../../../dropdown/types';
|
3
3
|
import { Unit } from './unitDropdown/UnitDropdownTrigger';
|
4
|
-
export interface UnitDropdownProps extends Pick<DropdownProps, 'renderContent' | 'placement' | 'className' | 'triggerStyles' | 'content' | 'maxWidth' | 'minWidthAsTrigger'
|
4
|
+
export interface UnitDropdownProps extends Pick<DropdownProps, 'renderContent' | 'placement' | 'className' | 'triggerStyles' | 'content' | 'maxWidth' | 'minWidthAsTrigger'> {
|
5
5
|
currentUnit: Unit;
|
6
6
|
}
|
7
7
|
declare const UnitDropdown: ({ currentUnit, ...dropdownProps }: UnitDropdownProps) => JSX.Element;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { SidebarItemDropdownProps } from '../types';
|
3
|
-
declare const SidebarItemDropdown: ({ className, content
|
3
|
+
declare const SidebarItemDropdown: ({ className, content }: SidebarItemDropdownProps) => JSX.Element;
|
4
4
|
export default SidebarItemDropdown;
|
@@ -8,7 +8,7 @@ export interface WrapperProps {
|
|
8
8
|
withoutPadding: boolean;
|
9
9
|
}
|
10
10
|
export declare const sidebarItemHeight = 44;
|
11
|
-
export declare const Dropdown: import("styled-components").StyledComponent<({ className, content
|
11
|
+
export declare const Dropdown: import("styled-components").StyledComponent<({ className, content }: import("./types").SidebarItemDropdownProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
12
12
|
export declare const SidebarItemWrapper: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, SidebarItemStyles & WrapperProps, keyof SidebarItemStyles>;
|
13
13
|
export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
14
14
|
export declare const NoIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
@@ -1,4 +1,5 @@
|
|
1
|
-
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const CustomAccordion: import("styled-components").StyledComponent<({ open, setOpen, renderLateralActions, renderTitle, renderBody, title, lateralActions, }: import("../../../../../accordion").AccordionProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
2
3
|
export declare const Title: import("styled-components").StyledComponent<"h6", import("styled-components").DefaultTheme, {}, never>;
|
3
4
|
export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
4
5
|
export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
/// <reference types="react" />
|
2
2
|
import { PaginationProps } from './types';
|
3
3
|
/**
|
4
4
|
* Component Props:
|
@@ -12,5 +12,5 @@ import { PaginationProps } from './types';
|
|
12
12
|
* @param {string} nextText Define next label text
|
13
13
|
* @param {number} totalPages Define number of pages
|
14
14
|
*/
|
15
|
-
declare const Pagination: (
|
15
|
+
declare const Pagination: ({ changePageAction, className, currentPage, listSize, nextPageAction, nextText, pageSize, prevPageAction, prevText, style, totalPages, }: PaginationProps) => JSX.Element;
|
16
16
|
export default Pagination;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { CSSProperties } from 'react';
|
1
2
|
import { paletteColor } from '../../styles/types';
|
2
3
|
export declare enum PaginationType {
|
3
4
|
GREY = "grey",
|
@@ -7,14 +8,16 @@ export declare enum PaginationType {
|
|
7
8
|
GREEN = "green"
|
8
9
|
}
|
9
10
|
export declare type PaginationProps = {
|
10
|
-
pageSize: number;
|
11
|
-
listSize: number;
|
12
11
|
changePageAction: (pageNumber: number) => void;
|
12
|
+
className?: string;
|
13
|
+
currentPage: number;
|
14
|
+
listSize: number;
|
13
15
|
nextPageAction?: () => void;
|
16
|
+
nextText: string;
|
17
|
+
pageSize: number;
|
14
18
|
prevPageAction?: () => void;
|
15
|
-
currentPage: number;
|
16
19
|
prevText: string;
|
17
|
-
|
20
|
+
style?: CSSProperties;
|
18
21
|
totalPages?: number;
|
19
22
|
};
|
20
23
|
declare type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
|
package/dist/index.d.ts
CHANGED
@@ -2,7 +2,7 @@ export { default as Spinner } from './common/components/Spinner';
|
|
2
2
|
export { ComponentType } from './common/types';
|
3
3
|
export * from './common/components/typography';
|
4
4
|
export { isBWColor, isColor, isHexColor, isPaletteColor, parseDimension, pixelToNumber } from './common/utils/dsUtils';
|
5
|
-
export { Accordion } from './components/
|
5
|
+
export { Accordion } from './components/accordion';
|
6
6
|
export { Avatar } from './components/avatar';
|
7
7
|
export { Badge, BadgeProps, BadgeType, BadgePalette } from './components/badge';
|
8
8
|
export { Banner, BannerProps, BannerType, BannerPalette } from './components/banner';
|