@fattureincloud/fic-design-system 0.14.0 → 0.14.2
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/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/accordion/utils.d.ts +10 -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 {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DefaultTheme } from 'styled-components/macro';
|
|
2
|
+
import { Animations, MappedProps } from './types';
|
|
3
|
+
interface MapParams {
|
|
4
|
+
animation?: Animations;
|
|
5
|
+
changeColor?: boolean;
|
|
6
|
+
open: boolean;
|
|
7
|
+
theme: DefaultTheme;
|
|
8
|
+
}
|
|
9
|
+
export declare const mapAnimation: ({ animation, changeColor, open, theme }: MapParams) => MappedProps;
|
|
10
|
+
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';
|