@synerise/ds-page-header 1.0.15 → 1.0.17

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/README.md CHANGED
@@ -14,11 +14,11 @@ This component could be used as header of page with main title and navigation
14
14
  ## API
15
15
 
16
16
  | Property | Description | Type | Default |
17
- | ----------- | ---------------------------------------- | ------------------------ |---------|
17
+ | ------------------ | ---------------------------------------- | ----------------------------------------------------------------------- | ------- |
18
18
  | avatar | Place for optional avatar component | React.ReactNode | - |
19
19
  | bar | Place for optional node below header | React.ReactNode | - |
20
20
  | className | Class added to the component | string | - |
21
- | children | The content of the component | React.ReactNode | - |
21
+ | children | The content of the component | React.ReactNode | - |
22
22
  | description | Description of header | React.ReactNode / string | - |
23
23
  | goBackIcon | Custom icon for "go back" button | React.ReactNode | - |
24
24
  | isolated | Add horizontal line to separate content | boolean | `false` |
@@ -32,5 +32,3 @@ This component could be used as header of page with main title and navigation
32
32
  | tooltip | Tooltip props | [TooltipProps](https://design.synerise.com/docs/components/tooltip#api) | - |
33
33
  | tooltipIcon | Icon component | React.ReactNode | - |
34
34
  | handleTooltipClick | Function called on tooltipIcon click | () => void | - |
35
-
36
-
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { PageHeaderProps } from './PageHeader.types';
2
+ import { type PageHeaderProps } from './PageHeader.types';
3
3
  declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element;
4
4
  export default PageHeader;
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import * as S from './PageHeader.styles';
3
3
  import { PageHeaderBack } from './PageHeaderBack';
4
- import { PageHeaderInlineEdit } from './PageHeaderInlineEdit';
5
4
  import { PageHeaderClamp } from './PageHeaderClamp';
5
+ import { PageHeaderInlineEdit } from './PageHeaderInlineEdit';
6
6
  import { PageHeaderRightSide } from './PageHeaderRightSide';
7
7
  var PageHeader = function PageHeader(props) {
8
8
  var goBackIcon = props.goBackIcon,
@@ -1,29 +1,29 @@
1
- import React, { ReactNode } from 'react';
2
- import { TooltipProps } from '@synerise/ds-tooltip/dist/Tooltip.types';
1
+ import { type ChangeEvent, type FocusEventHandler, type KeyboardEventHandler, type ReactNode } from 'react';
2
+ import { type TooltipProps } from '@synerise/ds-tooltip';
3
3
  export type PageHeaderProps = {
4
4
  className?: string;
5
- rightSide?: React.ReactNode;
6
- children?: React.ReactNode;
7
- bar?: React.ReactNode;
8
- tabs?: React.ReactNode;
9
- avatar?: React.ReactNode;
10
- title?: React.ReactNode | string;
11
- description?: React.ReactNode | string;
12
- more?: React.ReactNode;
5
+ rightSide?: ReactNode;
6
+ children?: ReactNode;
7
+ bar?: ReactNode;
8
+ tabs?: ReactNode;
9
+ avatar?: ReactNode;
10
+ title?: ReactNode | string;
11
+ description?: ReactNode | string;
12
+ more?: ReactNode;
13
13
  onGoBack?: () => void;
14
- goBackIcon?: React.ReactNode;
14
+ goBackIcon?: ReactNode;
15
15
  onClose?: () => void;
16
16
  isolated?: boolean;
17
17
  tooltip?: TooltipProps;
18
- tooltipIcon?: React.ReactNode;
18
+ tooltipIcon?: ReactNode;
19
19
  handleTooltipClick?: () => void;
20
20
  inlineEdit?: {
21
21
  name?: string;
22
22
  value: string | number;
23
23
  maxLength?: number;
24
- handleOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
25
- handleOnBlur?: React.FocusEventHandler<HTMLInputElement>;
26
- handleOnEnterPress?: React.KeyboardEventHandler<HTMLInputElement>;
24
+ handleOnChange: (event: ChangeEvent<HTMLInputElement>) => void;
25
+ handleOnBlur?: FocusEventHandler<HTMLInputElement>;
26
+ handleOnEnterPress?: KeyboardEventHandler<HTMLInputElement>;
27
27
  placeholder?: string;
28
28
  size: 'small' | 'normal';
29
29
  style?: {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { PageHeaderProps } from '../PageHeader.types';
2
+ import { type PageHeaderProps } from '../PageHeader.types';
3
3
  type PageHeaderBackProps = Pick<PageHeaderProps, 'goBackIcon' | 'onGoBack'>;
4
- export declare const PageHeaderBack: ({ goBackIcon, onGoBack }: PageHeaderBackProps) => React.JSX.Element;
4
+ export declare const PageHeaderBack: ({ goBackIcon, onGoBack, }: PageHeaderBackProps) => React.JSX.Element;
5
5
  export {};
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { theme } from '@synerise/ds-core';
3
2
  import Button from '@synerise/ds-button';
3
+ import { theme } from '@synerise/ds-core';
4
4
  import Icon, { ArrowLeftM } from '@synerise/ds-icon';
5
5
  import * as S from './PageHeaderBack.styles';
6
6
  export var PageHeaderBack = function PageHeaderBack(_ref) {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { PageHeaderProps } from '../PageHeader.types';
2
+ import { type PageHeaderProps } from '../PageHeader.types';
3
3
  type PageHeaderClampProps = Pick<PageHeaderProps, 'tooltip' | 'children' | 'title' | 'tooltipIcon' | 'handleTooltipClick'>;
4
4
  export declare const PageHeaderClamp: ({ tooltip, children, title, tooltipIcon, handleTooltipClick, }: PageHeaderClampProps) => React.JSX.Element;
5
5
  export {};
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import Tooltip from '@synerise/ds-tooltip';
3
2
  import Icon from '@synerise/ds-icon';
3
+ import Tooltip from '@synerise/ds-tooltip';
4
4
  import * as S from './PageHeaderClamp.styles';
5
5
  export var PageHeaderClamp = function PageHeaderClamp(_ref) {
6
6
  var tooltip = _ref.tooltip,
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import type { PageHeaderProps } from '../PageHeader.types';
3
3
  type PageHeaderInlineEditProps = Required<Pick<PageHeaderProps, 'inlineEdit'>>;
4
- export declare const PageHeaderInlineEdit: ({ inlineEdit }: PageHeaderInlineEditProps) => React.JSX.Element;
4
+ export declare const PageHeaderInlineEdit: ({ inlineEdit, }: PageHeaderInlineEditProps) => React.JSX.Element;
5
5
  export {};
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import type { PageHeaderProps } from '../PageHeader.types';
3
3
  type PageHeaderRightSideProps = Pick<PageHeaderProps, 'rightSide' | 'onClose' | 'title' | 'tooltipIcon' | 'handleTooltipClick'>;
4
- export declare const PageHeaderRightSide: ({ rightSide, onClose }: PageHeaderRightSideProps) => React.JSX.Element;
4
+ export declare const PageHeaderRightSide: ({ rightSide, onClose, }: PageHeaderRightSideProps) => React.JSX.Element;
5
5
  export {};
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import Button from '@synerise/ds-button';
3
- import Icon, { CloseM } from '@synerise/ds-icon';
4
3
  import { theme } from '@synerise/ds-core';
4
+ import Icon, { CloseM } from '@synerise/ds-icon';
5
5
  import * as S from './PageHeaderRightSide.styles';
6
6
  export var PageHeaderRightSide = function PageHeaderRightSide(_ref) {
7
7
  var rightSide = _ref.rightSide,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-page-header",
3
- "version": "1.0.15",
3
+ "version": "1.0.17",
4
4
  "description": "Page-Header UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -34,12 +34,12 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-button": "^1.4.0",
38
- "@synerise/ds-icon": "^1.5.3",
39
- "@synerise/ds-inline-edit": "^1.0.15",
40
- "@synerise/ds-tooltip": "^1.1.10",
41
- "@synerise/ds-typography": "^1.0.11",
42
- "@synerise/ds-utils": "^1.3.0"
37
+ "@synerise/ds-button": "^1.4.2",
38
+ "@synerise/ds-icon": "^1.5.4",
39
+ "@synerise/ds-inline-edit": "^1.0.17",
40
+ "@synerise/ds-tooltip": "^1.1.12",
41
+ "@synerise/ds-typography": "^1.0.13",
42
+ "@synerise/ds-utils": "^1.3.1"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "@synerise/ds-core": "*",
@@ -47,5 +47,5 @@
47
47
  "react": ">=16.9.0 <= 18.3.1",
48
48
  "styled-components": "^5.3.3"
49
49
  },
50
- "gitHead": "f2713cd35cfe22f63a159f05144585834897a132"
50
+ "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
51
51
  }