@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.
@@ -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,2 @@
1
+ export { default as Accordion } from './accordion';
2
+ export { AccordionProps } from './types';
@@ -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' | 'forceOpen'> {
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, forceOpen }: SidebarItemDropdownProps) => JSX.Element;
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, forceOpen }: import("./types").SidebarItemDropdownProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
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
- export declare const CustomAccordion: import("styled-components").StyledComponent<import("../../../../../accordions/types").TAccordion, import("styled-components").DefaultTheme, {}, never>;
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
- import React from 'react';
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: (props: PaginationProps) => React.JSX.Element;
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
- nextText: string;
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/accordions';
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';