quicksnack 1.16.1 → 1.17.0

package/dist/form/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 interface Props extends React.SelectHTMLAttributes<any> {
-    options: Record<string, string>;
+    options: [string | number, string][] | Record<string | number, string>;
 }
 export declare const Select: React.FC<Props>;
 export {};

package/dist/form/Select/Select.js

@@ -14,17 +14,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -35,10 +24,12 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 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; });
 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"])));
-exports.Select = react_1.default.forwardRef(function (_a, ref) {
-    var options = _a.options, restProps = __rest(_a, ["options"]);
+exports.Select = react_1.default.forwardRef(function (props, ref) {
+    var options = Array.isArray(props.options)
+        ? props.options
+        : Object.entries(props.options);
     return (react_1.default.createElement(Wrapper, null,
-        react_1.default.createElement(StyledSelect, __assign({ ref: ref }, restProps), Object.entries(options).map(function (_a) {
+        react_1.default.createElement(StyledSelect, __assign({ ref: ref }, props), options.map(function (_a) {
             var value = _a[0], label = _a[1];
             return (react_1.default.createElement("option", { key: value, value: value }, label));
         })),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "1.16.1",
+  "version": "1.17.0",
   "private": false,
   "files": [
     "dist/**"
@@ -51,9 +51,9 @@
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@semantic-release/git": "9.0.1",
-    "@semantic-release/gitlab": "6.2.2",
-    "@semantic-release/npm": "7.1.3",
+    "@semantic-release/git": "10.0.0",
+    "@semantic-release/gitlab": "7.0.3",
+    "@semantic-release/npm": "8.0.0",
     "@storybook/addon-actions": "^6.3.8",
     "@storybook/addon-essentials": "^6.3.8",
     "@storybook/addon-links": "^6.3.8",
@@ -61,21 +61,21 @@
     "@storybook/preset-create-react-app": "^3.2.0",
     "@storybook/react": "^6.3.8",
     "@testing-library/jest-dom": "5.14.1",
-    "@testing-library/react": "12.1.0",
+    "@testing-library/react": "12.1.1",
     "@testing-library/user-event": "13.2.1",
-    "@types/jest": "27.0.1",
-    "@types/lodash": "4.14.173",
-    "@types/node": "16.9.2",
-    "@types/react": "17.0.21",
+    "@types/jest": "27.0.2",
+    "@types/lodash": "4.14.175",
+    "@types/node": "16.10.2",
+    "@types/react": "17.0.25",
     "@types/react-dom": "17.0.9",
     "@types/styled-components": "5.1.14",
     "babel-loader": "8.2.2",
-    "chromatic": "5.9.2",
+    "chromatic": "5.10.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-icons": "4.2.0",
     "react-scripts": "^4.0.3",
-    "semantic-release": "17.4.7",
+    "semantic-release": "18.0.0",
     "styled-components": "^5.3.1",
     "typescript": "^4.4.3"
   }