@databiosphere/findable-ui 10.1.1 → 10.2.0

package/lib/components/Layout/components/Header/components/Content/components/Actions/actions.styles.js

@@ -1,13 +1,8 @@
 import styled from "@emotion/styled";
-import { DESKTOP_SM } from "../../../../../../../../theme/common/breakpoints";
 export const HeaderActions = styled.div `
   align-items: center;
   display: flex;
-  flex: 1;
+  flex: none;
   gap: 8px;
-  justify-content: flex-end;
-
-  ${({ theme }) => theme.breakpoints.up(DESKTOP_SM)} {
-    flex: none;
-  }
+  justify-content: inherit;
 `;

package/lib/utils/replaceParameters.d.ts

@@ -0,0 +1,10 @@
+export interface Parameter {
+    [key: string]: string;
+}
+/**
+ * Replaces path parameters in the given URL string e.g. "/{portalURL}/overview" with the corresponding value.
+ * @param str - URL string, with parameters.
+ * @param parameter - Parameter.
+ * @returns string with parameters replaced.
+ */
+export declare function replaceParameters(str: string, parameter: Parameter): string;

package/lib/utils/replaceParameters.js

@@ -0,0 +1,16 @@
+/**
+ * Replaces path parameters in the given URL string e.g. "/{portalURL}/overview" with the corresponding value.
+ * @param str - URL string, with parameters.
+ * @param parameter - Parameter.
+ * @returns string with parameters replaced.
+ */
+export function replaceParameters(str, parameter) {
+    const result = Object.entries(parameter).reduce((acc, [parameterKey, parameterValue]) => {
+        const regex = new RegExp(`\\{${parameterKey}}`, "g");
+        return acc.replace(regex, parameterValue);
+    }, str);
+    if (/\{\w+}/.test(result)) {
+        throw new Error(`URL still contains path parameters: ${result}`);
+    }
+    return result;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databiosphere/findable-ui",
-  "version": "10.1.1",
+  "version": "10.2.0",
   "description": "",
   "scripts": {
     "test": "jest",

package/src/components/Layout/components/Header/components/Content/components/Actions/actions.styles.ts

@@ -1,14 +1,9 @@
 import styled from "@emotion/styled";
-import { DESKTOP_SM } from "../../../../../../../../theme/common/breakpoints";
 
 export const HeaderActions = styled.div`
   align-items: center;
   display: flex;
-  flex: 1;
+  flex: none;
   gap: 8px;
-  justify-content: flex-end;
-
-  ${({ theme }) => theme.breakpoints.up(DESKTOP_SM)} {
-    flex: none;
-  }
+  justify-content: inherit;
 `;

package/src/utils/replaceParameters.ts

@@ -0,0 +1,23 @@
+export interface Parameter {
+  [key: string]: string;
+}
+
+/**
+ * Replaces path parameters in the given URL string e.g. "/{portalURL}/overview" with the corresponding value.
+ * @param str - URL string, with parameters.
+ * @param parameter - Parameter.
+ * @returns string with parameters replaced.
+ */
+export function replaceParameters(str: string, parameter: Parameter): string {
+  const result = Object.entries(parameter).reduce(
+    (acc, [parameterKey, parameterValue]) => {
+      const regex = new RegExp(`\\{${parameterKey}}`, "g");
+      return acc.replace(regex, parameterValue);
+    },
+    str
+  );
+  if (/\{\w+}/.test(result)) {
+    throw new Error(`URL still contains path parameters: ${result}`);
+  }
+  return result;
+}