@plurid/plurid-ui-components-react 0.0.0-15 → 0.0.0-18

package/distribution/index.js

@@ -1799,7 +1799,7 @@ const StyledInputSwitch = styled__default["default"].div`
 `;
 
 const InputSwitch = properties => {
-    const {name: name, checked: checked, atChange: atChange, theme: themeProperty, compact: compact, style: style, className: className} = properties;
+    const {name: name, checked: checked, atChange: atChange, theme: themeProperty, compact: compact, switch: switchProperties, style: style, className: className} = properties;
     const theme = themeProperty || themes.plurid;
     return React__default["default"].createElement(StyledInputSwitch, {
         compact: compact,
@@ -1809,13 +1809,13 @@ const InputSwitch = properties => {
         style: {
             marginLeft: "0.9rem"
         }
-    }, name), React__default["default"].createElement(Switch, {
+    }, name), React__default["default"].createElement(Switch, Object.assign({
         checked: checked,
         level: 2,
         exclusive: true,
         theme: theme,
         atChange: () => atChange()
-    })));
+    }, switchProperties))));
 };
 
 const StyledItemsline = styled__default["default"].div`
@@ -2585,6 +2585,146 @@ const universal = {
     varia: varia
 };
 
+const Head = properties => {
+    var _a, _b, _c, _d;
+    const {Helmet: Helmet, defaults: defaults, children: children, stateHead: stateHead} = properties;
+    const robots = (defaults === null || defaults === void 0 ? void 0 : defaults.robots) || "index,follow";
+    const viewport = (defaults === null || defaults === void 0 ? void 0 : defaults.viewport) || "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no";
+    const faviconIcon = (_a = defaults === null || defaults === void 0 ? void 0 : defaults.faviconIcon) !== null && _a !== void 0 ? _a : "/favicon.ico";
+    const favicon16 = (_b = defaults === null || defaults === void 0 ? void 0 : defaults.favicon16) !== null && _b !== void 0 ? _b : "/favicon-32x32.png";
+    const favicon32 = (_c = defaults === null || defaults === void 0 ? void 0 : defaults.favicon32) !== null && _c !== void 0 ? _c : "/favicon-16x16.png";
+    const manifest = (_d = defaults === null || defaults === void 0 ? void 0 : defaults.manifest) !== null && _d !== void 0 ? _d : "/site.webmanifest";
+    const themeColor = (defaults === null || defaults === void 0 ? void 0 : defaults.themeColor) || "";
+    const titleValue = stateHead.title || (defaults === null || defaults === void 0 ? void 0 : defaults.title) || "";
+    const descriptionValue = stateHead.description || (defaults === null || defaults === void 0 ? void 0 : defaults.description) || "";
+    const canonicalURL = stateHead.canonicalURL || (defaults === null || defaults === void 0 ? void 0 : defaults.canonicalURL) || "";
+    const ogTitleValue = stateHead.ogTitle || titleValue;
+    const ogDescriptionValue = stateHead.ogDescription || titleValue;
+    const ogImageValue = stateHead.ogImage || (defaults === null || defaults === void 0 ? void 0 : defaults.ogImage) || "";
+    const ogURLValue = stateHead.ogURL || (defaults === null || defaults === void 0 ? void 0 : defaults.ogURL) || "";
+    const apiDomain = (defaults === null || defaults === void 0 ? void 0 : defaults.apiDomain) || "";
+    const ogImageWidth = (defaults === null || defaults === void 0 ? void 0 : defaults.ogImageWidth) || "1200";
+    const ogImageHeight = (defaults === null || defaults === void 0 ? void 0 : defaults.ogImageHeight) || "630";
+    const ogSiteName = (defaults === null || defaults === void 0 ? void 0 : defaults.ogSiteName) || "";
+    const appleTouchIcon = (defaults === null || defaults === void 0 ? void 0 : defaults.appleTouchIcon) || "";
+    const {styles: styles, scripts: scripts} = stateHead;
+    return React__default["default"].createElement(Helmet, null, React__default["default"].createElement("meta", {
+        charSet: "utf-8"
+    }), React__default["default"].createElement("meta", {
+        name: "robots",
+        content: robots
+    }), React__default["default"].createElement("meta", {
+        name: "viewport",
+        content: viewport
+    }), React__default["default"].createElement("title", null, titleValue), React__default["default"].createElement("meta", {
+        name: "title",
+        content: titleValue
+    }), React__default["default"].createElement("meta", {
+        name: "description",
+        content: descriptionValue
+    }), apiDomain && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("link", {
+        rel: "preconnect",
+        href: apiDomain
+    }), React__default["default"].createElement("link", {
+        rel: "dns-prefetch",
+        href: apiDomain
+    })), faviconIcon && React__default["default"].createElement("link", {
+        rel: "icon",
+        sizes: "64x64",
+        href: faviconIcon
+    }), favicon32 && React__default["default"].createElement("link", {
+        rel: "icon",
+        type: "image/png",
+        sizes: "32x32",
+        href: favicon32
+    }), favicon16 && React__default["default"].createElement("link", {
+        rel: "icon",
+        type: "image/png",
+        sizes: "16x16",
+        href: favicon16
+    }), manifest && React__default["default"].createElement("link", {
+        rel: "manifest",
+        href: manifest
+    }), themeColor && React__default["default"].createElement("meta", {
+        name: "theme-color",
+        content: themeColor
+    }), canonicalURL && React__default["default"].createElement("link", {
+        rel: "canonical",
+        href: canonicalURL
+    }), React__default["default"].createElement("meta", {
+        property: "og:type",
+        content: "website"
+    }), React__default["default"].createElement("meta", {
+        property: "og:title",
+        content: ogTitleValue
+    }), React__default["default"].createElement("meta", {
+        property: "og:image",
+        content: ogImageValue
+    }), React__default["default"].createElement("meta", {
+        property: "og:image:width",
+        content: ogImageWidth
+    }), React__default["default"].createElement("meta", {
+        property: "og:image:height",
+        content: ogImageHeight
+    }), ogSiteName && React__default["default"].createElement("meta", {
+        property: "og:site_name",
+        content: ogSiteName
+    }), React__default["default"].createElement("meta", {
+        property: "og:url",
+        content: ogURLValue
+    }), React__default["default"].createElement("meta", {
+        property: "og:description",
+        content: ogDescriptionValue
+    }), React__default["default"].createElement("meta", {
+        property: "twitter:card",
+        content: "summary_large_image"
+    }), React__default["default"].createElement("meta", {
+        property: "twitter:url",
+        content: ogURLValue
+    }), React__default["default"].createElement("meta", {
+        property: "twitter:title",
+        content: ogTitleValue
+    }), React__default["default"].createElement("meta", {
+        property: "twitter:description",
+        content: ogDescriptionValue
+    }), React__default["default"].createElement("meta", {
+        property: "twitter:image",
+        content: ogImageValue
+    }), React__default["default"].createElement("meta", {
+        name: "apple-mobile-web-app-capable",
+        content: "yes"
+    }), React__default["default"].createElement("meta", {
+        name: "apple-mobile-web-app-status-bar-style",
+        content: "default"
+    }), React__default["default"].createElement("meta", {
+        name: "apple-mobile-web-app-title",
+        content: titleValue
+    }), appleTouchIcon && React__default["default"].createElement("link", {
+        rel: "apple-touch-icon",
+        sizes: "180x180",
+        href: appleTouchIcon
+    }), children, styles === null || styles === void 0 ? void 0 : styles.map((style => React__default["default"].createElement("link", {
+        rel: "stylesheet",
+        key: "head-style" + style,
+        href: style
+    }))), scripts === null || scripts === void 0 ? void 0 : scripts.map((script => React__default["default"].createElement("script", {
+        key: "head-script" + script,
+        src: script
+    }))));
+};
+
+const mapStateToProperties$7 = (state, ownProperties) => ({
+    stateHead: ownProperties.selectors.head.getHead(state)
+});
+
+const mapDispatchToProperties$7 = dispatch => ({});
+
+const ConnectedHead = reactRedux.connect(mapStateToProperties$7, mapDispatchToProperties$7)(Head);
+
+const head = {
+    Head: ConnectedHead
+};
+
 const translateUp = styled.keyframes`
     from {
         transform: translateY(2000px);
@@ -2702,7 +2842,7 @@ const mapStateToProperties$6 = (state, ownProperties) => ({
 });
 
 const mapDispatchToProperties$6 = dispatch => ({
-    dispatchRemoveNotification: payload => dispatch(pluridUiStateReact.notifications.actions.removeNotification(payload))
+    dispatchRemoveNotification: payload => dispatch(pluridUiStateReact.notifications.actions.remove(payload))
 });
 
 const ConnectedNotifications = reactRedux.connect(mapStateToProperties$6, mapDispatchToProperties$6)(Notifications);
@@ -3572,6 +3712,7 @@ const toolbars = {
 };
 
 const pluridal = {
+    head: head,
     notifications: notifications,
     sitting: sitting,
     toolbars: toolbars