@uncinc/uncinc-react-kitchen-sink 2.2.18 → 2.3.0

package/dist/components/Cookie/index.js

@@ -123,6 +123,16 @@ const CookieCompliancePopup = props => {
       domain: cookieDomain
     });
     onDisagree();
+  }; // Function for accepting al categories at once.
+
+
+  const onConsentAll = () => {
+    const allCategoriesSelected = categories.reduce((prev, category) => {
+      prev[category] = true;
+      return prev;
+    }, {});
+
+    _onAgree(allCategoriesSelected);
   }; // This function is fired when the accept button is pressed.
   // Also has eventual support for a false case.
 
@@ -194,7 +204,7 @@ const CookieCompliancePopup = props => {
     id: "complete-agree",
     className: "Button--cta",
     primary: true,
-    onClick: onConsent(true)
+    onClick: onConsentAll
   }, agreeText), showDisagree && /*#__PURE__*/React.createElement("button", {
     className: `Cookie__content__buttons__manual Cookie__content__buttons__manual-disagree ${manualButtonClassname}`,
     onClick: onConsent(false)

package/dist/components/WysiwygField/stories.scss

@@ -0,0 +1,3 @@
+.WysiwygField {
+  margin-right: 200px;
+}

package/dist/helpers/makeSafeForCSS.js

@@ -0,0 +1,5 @@
+const makeSafeForCSS = value => {
+  return encodeURIComponent(value).replace(/\.|%[0-9a-z]{2}/gi, '');
+};
+
+export default makeSafeForCSS;

package/dist/styles/assets/_grid.scss

@@ -17,8 +17,8 @@
   @each $breakpoint in map-keys($gutters) {
     @include media-breakpoint-up($breakpoint) {
       $gutter: map-get($gutters, $breakpoint);
-      padding-left: ($gutter / 2);
-      padding-right: ($gutter / 2);
+      padding-left: div($gutter, 2);
+      padding-right: div($gutter, 2);
     }
   }
 }
@@ -27,8 +27,8 @@
   @each $breakpoint in map-keys($gutters) {
     @include media-breakpoint-up($breakpoint) {
       $gutter: map-get($gutters, $breakpoint);
-      padding-left: ($gutter / 2);
-      padding-right: ($gutter / 2);
+      padding-left: div($gutter, 2);
+      padding-right: div($gutter, 2);
     }
   }
 }
@@ -41,13 +41,13 @@
     @include media-breakpoint-up($breakpoint) {
       $gutter: map-get($gutters, $breakpoint);
       @if $sides == all {
-        margin: ($gutter / -2);
+        margin: div($gutter, -2);
       } @else if $sides == left-right {
-        margin-left: ($gutter / -2);
-        margin-right: ($gutter / -2);
+        margin-left: div($gutter, -2);
+        margin-right: div($gutter, -2);
       } @else if $sides == top-bottom {
-        margin-top: ($gutter / -2);
-        margin-bottom: ($gutter / -2);
+        margin-top: div($gutter, -2);
+        margin-bottom: div($gutter, -2);
       }
     }
   }
@@ -62,8 +62,8 @@
     @each $breakpoint in map-keys($grid-gutter-widths) {
       @include media-breakpoint-up($breakpoint) {
         $gutter: map-get($grid-gutter-widths, $breakpoint);
-        padding-left: ($gutter / 2);
-        padding-right: ($gutter / 2);
+        padding-left: div($gutter, 2);
+        padding-right: div($gutter, 2);
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.2.18",
+  "version": "2.3.0",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",
@@ -41,7 +41,7 @@
     "@searchkit/client": "^3.0.0-canary.45",
     "@searchkit/elastic-ui": "^3.0.0-canary.45",
     "apollo-server-micro": "^3.4.0",
-    "bootstrap": "^4.3.1",
+    "bootstrap": "^4",
     "fork-ts-checker-webpack-plugin-alt": "0.4.14",
     "formik": "^2.2.6",
     "graphql": "^15.7.0",
@@ -51,7 +51,6 @@
     "mini-css-extract-plugin": "^1.4.1",
     "moment": "^2.29.1",
     "next-with-apollo": "^5.2.1",
-    "node-sass": "^4.14.0",
     "ola": "^1.1.1",
     "path": "^0.12.7",
     "react": "^16.14.0",
@@ -73,6 +72,7 @@
     "react-slick": "^0.27.14",
     "react-use-cookie": "^1.3.0",
     "redux": "^4.0.5",
+    "sass": "^1.55.0",
     "sass-loader": "^8.0.2",
     "slick-carousel": "^1.8.1"
   },