@pisell/materials 1.0.6 → 1.0.7

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.
@@ -34,8 +34,8 @@ var Dropdown = function Dropdown(props) {
34
34
  dispatch = _useSharedState.dispatch;
35
35
  var list = useMemo(function () {
36
36
  return {
37
- quickFilter: state.quickFilter,
38
- otherFilter: state.otherFilter
37
+ quickFilter: state.quickFilter || [],
38
+ otherFilter: state.otherFilter || []
39
39
  };
40
40
  }, [state.quickFilter, state.otherFilter]);
41
41
  var handleSortChange = function handleSortChange(list) {
@@ -10,12 +10,16 @@ var itemRender = function itemRender(_, type, originalElement) {
10
10
  className: classNames("paginator-page-btn", "left")
11
11
  }, /*#__PURE__*/React.createElement(ArrowLeft, {
12
12
  className: "paginator-page-btn-left-icon"
13
- }), /*#__PURE__*/React.createElement("span", null, "Previous"));
13
+ }), /*#__PURE__*/React.createElement("span", {
14
+ className: "paginator-page-btn-text"
15
+ }, "Previous"));
14
16
  }
15
17
  if (type === "next") {
16
18
  return /*#__PURE__*/React.createElement("div", {
17
19
  className: classNames("paginator-page-btn", "right")
18
- }, /*#__PURE__*/React.createElement("span", null, "Next"), /*#__PURE__*/React.createElement(ArrowRight, {
20
+ }, /*#__PURE__*/React.createElement("span", {
21
+ className: "paginator-page-btn-text"
22
+ }, "Next"), /*#__PURE__*/React.createElement(ArrowRight, {
19
23
  className: "paginator-page-btn-right-icon"
20
24
  }));
21
25
  }
@@ -104,19 +104,27 @@
104
104
  transition: 0.2s;
105
105
  font-size: 12px;
106
106
  font-weight: 400;
107
- color: #6f6f6f;
107
+ color: var(--gray-700, #344054);
108
108
  cursor: pointer;
109
109
  user-select: none;
110
110
  padding: 10px 16px;
111
111
 
112
+ .paginator-page-btn-text {
113
+ font-weight: 600;
114
+ }
115
+
112
116
  .paginator-page-btn-left-icon,
113
117
  .paginator-page-btn-right-icon {
114
118
  font-size: 20px;
115
119
  }
116
120
 
117
- .paginator-page-btn-left-icon {}
121
+ .paginator-page-btn-left-icon {
122
+ margin-right: 8px;
123
+ }
118
124
 
119
- .paginator-page-btn-right-icon {}
125
+ .paginator-page-btn-right-icon {
126
+ margin-left: 8px;
127
+ }
120
128
 
121
129
  &:hover {
122
130
  // background: #f2f2f2;
@@ -68,8 +68,8 @@ var Dropdown = (props) => {
68
68
  const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
69
69
  const list = (0, import_react.useMemo)(() => {
70
70
  return {
71
- quickFilter: state.quickFilter,
72
- otherFilter: state.otherFilter
71
+ quickFilter: state.quickFilter || [],
72
+ otherFilter: state.otherFilter || []
73
73
  };
74
74
  }, [state.quickFilter, state.otherFilter]);
75
75
  const handleSortChange = (list2) => {
@@ -40,10 +40,10 @@ var import_classnames = __toESM(require("classnames"));
40
40
  var import_index = require("./index.less");
41
41
  var itemRender = (_, type, originalElement) => {
42
42
  if (type === "prev") {
43
- return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", null, "Previous"));
43
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Previous"));
44
44
  }
45
45
  if (type === "next") {
46
- return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", null, "Next"), /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }));
46
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Next"), /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }));
47
47
  }
48
48
  return originalElement;
49
49
  };
@@ -104,19 +104,27 @@
104
104
  transition: 0.2s;
105
105
  font-size: 12px;
106
106
  font-weight: 400;
107
- color: #6f6f6f;
107
+ color: var(--gray-700, #344054);
108
108
  cursor: pointer;
109
109
  user-select: none;
110
110
  padding: 10px 16px;
111
111
 
112
+ .paginator-page-btn-text {
113
+ font-weight: 600;
114
+ }
115
+
112
116
  .paginator-page-btn-left-icon,
113
117
  .paginator-page-btn-right-icon {
114
118
  font-size: 20px;
115
119
  }
116
120
 
117
- .paginator-page-btn-left-icon {}
121
+ .paginator-page-btn-left-icon {
122
+ margin-right: 8px;
123
+ }
118
124
 
119
- .paginator-page-btn-right-icon {}
125
+ .paginator-page-btn-right-icon {
126
+ margin-left: 8px;
127
+ }
120
128
 
121
129
  &:hover {
122
130
  // background: #f2f2f2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "1.0.6",
3
+ "version": "1.0.7",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",