pixelize-design-library 2.2.100 → 2.2.101

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 (2) hide show
  1. package/dist/Components/FilterSidebar/FilterSidebar.js +8 -6
  2. package/package.json +2 -2
package/dist/Components/FilterSidebar/FilterSidebar.js CHANGED
@@ -116,7 +116,7 @@ var FilterSidebar = function (_a) {
116
116
  clearFilter(section.id);
117
117
  }, borderRadius: "full", px: 2 }, "Clear")) : null)),
118
118
  content: (react_1.default.createElement(react_2.VStack, { align: "start", spacing: 2, py: 1 }, section.range ? ((function () {
119
- var _a, _b, _c, _d;
119
+ var _a, _b, _c, _d, _e, _f, _g, _h;
120
120
  var range = section.range;
121
121
  var step = range.step || 1;
122
122
  var values = range.values || Array.from({ length: Math.floor((range.max - range.min) / (step || 100)) + 1 }, function (_, i) { return range.min + i * (step || 100); });
@@ -132,15 +132,17 @@ var FilterSidebar = function (_a) {
132
132
  onChange === null || onChange === void 0 ? void 0 : onChange(next);
133
133
  return next;
134
134
  });
135
- }, mb: 4 },
135
+ }, mb: 6 },
136
136
  react_1.default.createElement(react_2.RangeSliderTrack, { bg: theme.colors.gray[200], h: 2, borderRadius: "full" },
137
137
  react_1.default.createElement(react_2.RangeSliderFilledTrack, { bg: theme.colors.red[500] })),
138
- react_1.default.createElement(react_2.RangeSliderThumb, { index: 0, boxSize: 5, borderColor: theme.colors.gray[300], boxShadow: "sm" }),
139
- react_1.default.createElement(react_2.RangeSliderThumb, { index: 1, boxSize: 5, borderColor: theme.colors.gray[300], boxShadow: "sm" })),
138
+ react_1.default.createElement(react_2.Tooltip, { label: "".concat(range.unit ? range.unit : "").concat((_b = (_a = internalSelected[section.id]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : range.min), placement: "top", hasArrow: true },
139
+ react_1.default.createElement(react_2.RangeSliderThumb, { index: 0, boxSize: 6, borderColor: theme.colors.gray[300], boxShadow: "md", _focus: { boxShadow: "outline" } })),
140
+ react_1.default.createElement(react_2.Tooltip, { label: "".concat(range.unit ? range.unit : "").concat((_d = (_c = internalSelected[section.id]) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : range.max), placement: "top", hasArrow: true },
141
+ react_1.default.createElement(react_2.RangeSliderThumb, { index: 1, boxSize: 6, borderColor: theme.colors.gray[300], boxShadow: "md", _focus: { boxShadow: "outline" } }))),
140
142
  react_1.default.createElement(react_2.HStack, { w: "full", justify: "space-between" },
141
143
  react_1.default.createElement(react_2.Box, { className: "price-min", borderWidth: "1px", borderRadius: "md", p: 2, minW: "90px", textAlign: "center", bg: theme.colors.gray[50], borderColor: theme.colors.gray[200] },
142
144
  react_1.default.createElement(react_2.Text, { fontSize: "xs", color: "gray.600", mb: "-2px" }, "Min"),
143
- react_1.default.createElement(react_2.Select, { "aria-label": "Minimum price", className: "price-min-select", variant: "outline", size: "sm", textAlign: "center", borderColor: theme.colors.gray[300], bg: theme.colors.white, borderRadius: "full", _hover: { borderColor: theme.colors.gray[400] }, _focus: { borderColor: theme.colors.red[500], boxShadow: "none" }, value: ((_b = (_a = internalSelected[section.id]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : range.min), onChange: function (e) {
145
+ react_1.default.createElement(react_2.Select, { "aria-label": "Minimum price", className: "price-min-select", variant: "outline", size: "sm", textAlign: "center", borderColor: theme.colors.gray[300], bg: theme.colors.white, borderRadius: "full", _hover: { borderColor: theme.colors.gray[400] }, _focus: { borderColor: theme.colors.red[500], boxShadow: "none" }, value: ((_f = (_e = internalSelected[section.id]) === null || _e === void 0 ? void 0 : _e[0]) !== null && _f !== void 0 ? _f : range.min), onChange: function (e) {
144
146
  var _a, _b;
145
147
  var min = Number(e.target.value);
146
148
  var max = (_b = (_a = internalSelected[section.id]) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : range.max;
@@ -157,7 +159,7 @@ var FilterSidebar = function (_a) {
157
159
  react_1.default.createElement(react_2.Text, { fontSize: "sm", color: "gray.400" }, "-"),
158
160
  react_1.default.createElement(react_2.Box, { className: "price-max", borderWidth: "1px", borderRadius: "md", p: 2, minW: "100px", textAlign: "center", bg: theme.colors.gray[50], borderColor: theme.colors.gray[200] },
159
161
  react_1.default.createElement(react_2.Text, { fontSize: "xs", color: "gray.600", mb: "-2px" }, "Max"),
160
- react_1.default.createElement(react_2.Select, { "aria-label": "Maximum price", className: "price-max-select", variant: "outline", size: "sm", textAlign: "center", borderColor: theme.colors.gray[300], bg: theme.colors.white, borderRadius: "full", _hover: { borderColor: theme.colors.gray[400] }, _focus: { borderColor: theme.colors.red[500], boxShadow: "none" }, value: ((_d = (_c = internalSelected[section.id]) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : range.max), onChange: function (e) {
162
+ react_1.default.createElement(react_2.Select, { "aria-label": "Maximum price", className: "price-max-select", variant: "outline", size: "sm", textAlign: "center", borderColor: theme.colors.gray[300], bg: theme.colors.white, borderRadius: "full", _hover: { borderColor: theme.colors.gray[400] }, _focus: { borderColor: theme.colors.red[500], boxShadow: "none" }, value: ((_h = (_g = internalSelected[section.id]) === null || _g === void 0 ? void 0 : _g[1]) !== null && _h !== void 0 ? _h : range.max), onChange: function (e) {
161
163
  var _a, _b;
162
164
  var max = Number(e.target.value);
163
165
  var min = (_b = (_a = internalSelected[section.id]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : range.min;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "2.2.100",
3
+ "version": "2.2.101",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -8,7 +8,7 @@
8
8
  "dependencies": {
9
9
  "@chakra-ui/react": "^2.8.2",
10
10
  "@hello-pangea/dnd": "^18.0.1",
11
- "framer-motion": "^11.2.2",
11
+ "framer-motion": "^10.18.0",
12
12
  "jodit-react": "^5.2.38",
13
13
  "lucide-react": "^0.487.0",
14
14
  "react": "^18.3.1",