@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.
@@ -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 {};
@@ -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' | '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';