quicksnack 1.16.0 → 1.18.1

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/Modal/Modal.js +1 -1
  2. package/dist/form/FileField/FileField.js +3 -2
  3. package/dist/form/Select/Select.d.ts +1 -1
  4. package/dist/form/Select/Select.js +5 -14
  5. package/package.json +18 -17
package/dist/components/Modal/Modal.js CHANGED
@@ -36,7 +36,7 @@ var SlideInFromTop_1 = require("../../animation/SlideInFromTop/SlideInFromTop");
36
36
  var Panel_1 = require("../Panel/Panel");
37
37
  var Box_1 = require("../Box/Box");
38
38
  var Overlay_1 = require("../Overlay/Overlay");
39
- var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n max-width: 400px;\n z-index: 50;\n"], ["\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n max-width: 400px;\n z-index: 50;\n"])));
39
+ var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%); \n z-index: 50;\n"], ["\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%); \n z-index: 50;\n"])));
40
40
  var StyledPanel = (0, styled_components_1.default)(Panel_1.Panel)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);\n"], ["\n box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);\n"])));
41
41
  var Content = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n line-height: ", ";\n font-size: 15px;\n"], ["\n line-height: ", ";\n font-size: 15px;\n"])), function (props) { return props.theme.spacing(6); });
42
42
  var Modal = function (_a) {
package/dist/form/FileField/FileField.js CHANGED
@@ -61,10 +61,11 @@ var FileField = function (_a) {
61
61
  var className = _a.className, placeholder = _a.placeholder, _b = _a.chooseFileLabel, chooseFileLabel = _b === void 0 ? "Choose file" : _b, _c = _a.changeFileLabel, changeFileLabel = _c === void 0 ? "Change file" : _c, props = __rest(_a, ["className", "placeholder", "chooseFileLabel", "changeFileLabel"]);
62
62
  var _d = (0, react_1.useState)(""), fileName = _d[0], setFilename = _d[1];
63
63
  var ref = (0, react_1.useRef)(null);
64
- var onClick = function () {
64
+ var onClick = react_1.default.useCallback(function (e) {
65
65
  var _a;
66
+ e.preventDefault();
66
67
  (_a = ref.current) === null || _a === void 0 ? void 0 : _a.click();
67
- };
68
+ }, []);
68
69
  react_1.default.useEffect(function () {
69
70
  if (ref.current) {
70
71
  ref.current.onchange = function () {
package/dist/form/Select/Select.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  interface Props extends React.SelectHTMLAttributes<any> {
3
- options: Record<string, string>;
3
+ options: [string | number, string][] | Record<string | number, string>;
4
4
  }
5
5
  export declare const Select: React.FC<Props>;
6
6
  export {};
package/dist/form/Select/Select.js CHANGED
@@ -14,17 +14,6 @@ var __assign = (this && this.__assign) || function () {
14
14
  };
15
15
  return __assign.apply(this, arguments);
16
16
  };
17
- var __rest = (this && this.__rest) || function (s, e) {
18
- var t = {};
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
20
- t[p] = s[p];
21
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
22
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
23
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
24
- t[p[i]] = s[p[i]];
25
- }
26
- return t;
27
- };
28
17
  var __importDefault = (this && this.__importDefault) || function (mod) {
29
18
  return (mod && mod.__esModule) ? mod : { "default": mod };
30
19
  };
@@ -35,10 +24,12 @@ var styled_components_1 = __importDefault(require("styled-components"));
35
24
  var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
36
25
  var StyledSelect = styled_components_1.default.select(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n\n padding: .67857143em 1em;\n line-height: 1.21428571em;\n border-radius: 4px;\n border: 1px solid rgba(34,36,38,.15); \n \n color: ", ";\n font-family: Lato, \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n \n font-size: 1em;\n outline: none; \n \n appearance: none;\n \n &.error {\n background: #fff6f6;\n border-color: #e0b4b4;\n color: #9f3a38;\n }\n \n &.error~div {\n color: #9f3a38;\n } \n"], ["\n width: 100%;\n\n padding: .67857143em 1em;\n line-height: 1.21428571em;\n border-radius: 4px;\n border: 1px solid rgba(34,36,38,.15); \n \n color: ", ";\n font-family: Lato, \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n \n font-size: 1em;\n outline: none; \n \n appearance: none;\n \n &.error {\n background: #fff6f6;\n border-color: #e0b4b4;\n color: #9f3a38;\n }\n \n &.error~div {\n color: #9f3a38;\n } \n"])), function (props) { return props.theme.palette.common.black; });
37
26
  var PaddingOverlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n pointer-events: none;\n padding: 0 1em;\n position:absolute; \n height: 100%;\n top: 0;\n right: 0; \n font-size: 17px;\n line-height: 40px;\n"], ["\n pointer-events: none;\n padding: 0 1em;\n position:absolute; \n height: 100%;\n top: 0;\n right: 0; \n font-size: 17px;\n line-height: 40px;\n"])));
38
- exports.Select = react_1.default.forwardRef(function (_a, ref) {
39
- var options = _a.options, restProps = __rest(_a, ["options"]);
27
+ exports.Select = react_1.default.forwardRef(function (props, ref) {
28
+ var options = Array.isArray(props.options)
29
+ ? props.options
30
+ : Object.entries(props.options);
40
31
  return (react_1.default.createElement(Wrapper, null,
41
- react_1.default.createElement(StyledSelect, __assign({ ref: ref }, restProps), Object.entries(options).map(function (_a) {
32
+ react_1.default.createElement(StyledSelect, __assign({ ref: ref }, props), options.map(function (_a) {
42
33
  var value = _a[0], label = _a[1];
43
34
  return (react_1.default.createElement("option", { key: value, value: value }, label));
44
35
  })),
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quicksnack",
3
3
  "description": "Quickly create beautiful admin layouts using react",
4
- "version": "1.16.0",
4
+ "version": "1.18.1",
5
5
  "private": false,
6
6
  "files": [
7
7
  "dist/**"
@@ -41,6 +41,7 @@
41
41
  },
42
42
  "dependencies": {
43
43
  "clsx": "1.1.1",
44
+ "immer": "9.0.6",
44
45
  "lodash.difference": "4.5.0",
45
46
  "polished": "4.1.3"
46
47
  },
@@ -50,31 +51,31 @@
50
51
  "styled-components": "^5.3.1"
51
52
  },
52
53
  "devDependencies": {
53
- "@semantic-release/git": "9.0.0",
54
- "@semantic-release/gitlab": "6.2.2",
55
- "@semantic-release/npm": "7.1.3",
54
+ "@semantic-release/git": "10.0.0",
55
+ "@semantic-release/gitlab": "7.0.3",
56
+ "@semantic-release/npm": "8.0.0",
56
57
  "@storybook/addon-actions": "^6.3.8",
57
58
  "@storybook/addon-essentials": "^6.3.8",
58
59
  "@storybook/addon-links": "^6.3.8",
59
60
  "@storybook/node-logger": "^6.3.8",
60
- "@storybook/preset-create-react-app": "^3.2.0",
61
+ "@storybook/preset-create-react-app": "^4.0.0",
61
62
  "@storybook/react": "^6.3.8",
62
- "@testing-library/jest-dom": "5.11.6",
63
- "@testing-library/react": "12.0.0",
64
- "@testing-library/user-event": "13.0.0",
65
- "@types/jest": "27.0.0",
66
- "@types/lodash": "4.14.166",
67
- "@types/node": "16.0.0",
68
- "@types/react": "17.0.0",
69
- "@types/react-dom": "17.0.0",
70
- "@types/styled-components": "5.1.7",
63
+ "@testing-library/jest-dom": "5.14.1",
64
+ "@testing-library/react": "12.1.2",
65
+ "@testing-library/user-event": "13.2.1",
66
+ "@types/jest": "27.0.2",
67
+ "@types/lodash": "4.14.175",
68
+ "@types/node": "16.10.3",
69
+ "@types/react": "17.0.27",
70
+ "@types/react-dom": "17.0.9",
71
+ "@types/styled-components": "5.1.14",
71
72
  "babel-loader": "8.2.2",
72
- "chromatic": "5.9.2",
73
+ "chromatic": "5.10.2",
73
74
  "react": "^17.0.1",
74
75
  "react-dom": "^17.0.1",
75
- "react-icons": "4.1.0",
76
+ "react-icons": "4.3.1",
76
77
  "react-scripts": "^4.0.3",
77
- "semantic-release": "17.4.5",
78
+ "semantic-release": "18.0.0",
78
79
  "styled-components": "^5.3.1",
79
80
  "typescript": "^4.4.3"
80
81
  }