listpage-next 0.0.35 → 0.0.36

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.
Files changed (5) hide show
  1. package/dist/components/Page/components/ListPage/index.d.ts +1 -0
  2. package/dist/components/Page/components/ListPage/index.js +5 -4
  3. package/dist/components/Page/components/ListPage/styles.d.ts +1 -0
  4. package/dist/components/Page/components/ListPage/styles.js +8 -5
  5. package/package.json +1 -1
package/dist/components/Page/components/ListPage/index.d.ts CHANGED
@@ -6,5 +6,6 @@ export interface ListPageProps {
6
6
  filterProps?: FilterFormProps;
7
7
  toolbar?: React.ReactNode;
8
8
  body?: React.ReactNode;
9
+ style?: React.CSSProperties;
9
10
  }
10
11
  export declare const ListPage: (props: ListPageProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/Page/components/ListPage/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useMemo } from "react";
3
- import { BodySection, FilterSection, HeaderSection, ListPageContainer, ToolbarSection } from "./styles.js";
4
- import { FilterForm } from "../../../FilterGroup/components/FilterForm/index.js";
5
3
  import { Card } from "antd";
4
+ import { FilterForm } from "../../../FilterGroup/components/FilterForm/index.js";
5
+ import { BodySection, FilterSection, HeaderSection, ListPageContainer, Title, ToolbarSection } from "./styles.js";
6
6
  const ListPage = (props)=>{
7
- const { title, extra, filterProps, toolbar, body } = props;
7
+ const { title, extra, filterProps, toolbar, body, style } = props;
8
8
  const filter = useMemo(()=>{
9
9
  if (props.filter) return props.filter;
10
10
  if (filterProps) return /*#__PURE__*/ jsx(Card, {
@@ -18,10 +18,11 @@ const ListPage = (props)=>{
18
18
  filterProps
19
19
  ]);
20
20
  return /*#__PURE__*/ jsxs(ListPageContainer, {
21
+ style: style,
21
22
  children: [
22
23
  /*#__PURE__*/ jsxs(HeaderSection, {
23
24
  children: [
24
- /*#__PURE__*/ jsx("div", {
25
+ /*#__PURE__*/ jsx(Title, {
25
26
  children: title
26
27
  }),
27
28
  /*#__PURE__*/ jsx("div", {
package/dist/components/Page/components/ListPage/styles.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export declare const ListPageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
2
  export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
4
  export declare const FilterSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
5
  export declare const ToolbarSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
5
6
  export declare const BodySection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/components/Page/components/ListPage/styles.js CHANGED
@@ -3,28 +3,31 @@ const ListPageContainer = styled_components.div`
3
3
  width: 100%;
4
4
  height: 100%;
5
5
  display: flex;
6
+ gap: 16px;
6
7
  flex-direction: column;
7
8
  overflow: hidden;
8
9
  `;
9
10
  const HeaderSection = styled_components.div`
10
- padding: 16px 24px;
11
11
  display: flex;
12
12
  justify-content: space-between;
13
13
  align-items: center;
14
14
  flex: 0 0 auto;
15
15
  `;
16
+ const Title = styled_components.div`
17
+ font-size: 20px;
18
+ font-weight: 500;
19
+ color: #333;
20
+ line-height: 1.5;
21
+ `;
16
22
  const FilterSection = styled_components.div`
17
- padding: 16px 24px;
18
23
  flex: 0 0 auto;
19
24
  `;
20
25
  const ToolbarSection = styled_components.div`
21
- padding: 8px 24px;
22
26
  flex: 0 0 auto;
23
27
  `;
24
28
  const BodySection = styled_components.div`
25
29
  flex: 1;
26
30
  overflow: hidden;
27
- padding: 24px;
28
31
  height: 0;
29
32
  `;
30
- export { BodySection, FilterSection, HeaderSection, ListPageContainer, ToolbarSection };
33
+ export { BodySection, FilterSection, HeaderSection, ListPageContainer, Title, ToolbarSection };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "listpage-next",
3
- "version": "0.0.35",
3
+ "version": "0.0.36",
4
4
  "description": "A React component library for creating filter forms with Ant Design",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",