@salesforcedevs/dx-components 0.0.0-alpha.0

package/src/modules/dxUtils/normalizers/normalizers.ts

@@ -0,0 +1,80 @@
+import get from "lodash.get";
+import { WordpressPodcastEpisode, WordpressBlogPost } from "typings/custom";
+
+export const toJson = (value: string | object | null) =>
+    typeof value === "string" ? JSON.parse(value) : value;
+
+export const normalizeToArray = (
+    value: string[] | string | null,
+    splitKey: string = ","
+): Array<string> => {
+    if (!value) {
+        return [];
+    }
+
+    if (typeof value === "string") {
+        try {
+            value = JSON.parse(value);
+        } catch (e) {
+            value = (value as string).split(splitKey);
+        }
+    }
+
+    return (Array.isArray(value) ? value : [value]) as Array<string>;
+};
+
+const getLength = (duration: string) => {
+    if (!duration || !duration.includes(":")) {
+        return undefined;
+    }
+    return `${get(duration.split(":"), "[1]")} min`;
+};
+
+export const normalizeEpisode = ({
+    url,
+    id,
+    title,
+    description,
+    date,
+    podcastDuration
+}: WordpressPodcastEpisode) => ({
+    body: description,
+    datetime: date,
+    href: url,
+    id,
+    length: getLength(podcastDuration),
+    title
+});
+
+export const normalizePost = ({
+    authors = [],
+    date,
+    description,
+    featuredImage,
+    id,
+    title,
+    url
+}: WordpressBlogPost) => ({
+    body: description,
+    datetime: date,
+    href: url,
+    authorHref: get(authors, "[0].link"),
+    authorImgSrc: get(authors, "[0].avatar_urls.48"),
+    authorName: get(authors, "[0].name"),
+    imgAlt: "Blogpost image",
+    imgSrc: featuredImage,
+    id,
+    title
+});
+
+export const normalizeBoolean = (
+    value: string | boolean | number | undefined
+): boolean => (typeof value === "string" ? value === "true" : !!value);
+
+/**
+ * Cleans characters that are invalid for DOM IDs
+ * @param {string} id id to normalize
+ */
+export const normalizeDomId = (id: string): string => {
+    return id.replace(/^[^a-z]+|[^\w.-]+/gi, "");
+};

package/src/modules/dxUtils/options/options.ts

@@ -0,0 +1,43 @@
+import { OptionWithNested } from "typings/custom";
+
+const deepmapper = (
+    _options: OptionWithNested[],
+    _callback: (option: OptionWithNested, lavel: number) => OptionWithNested,
+    level: number = 0
+): OptionWithNested[] => {
+    const _level = level + 1;
+    return _options?.map((option: OptionWithNested) =>
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        option.options
+            ? {
+                  ...option,
+                  options: deepmapper(option.options, _callback, _level)
+              }
+            : _callback(option, _level)
+    );
+};
+
+export const deepmapOptions = (
+    options: OptionWithNested[],
+    callback: (
+        option: OptionWithNested,
+        index: number,
+        level: number
+    ) => OptionWithNested
+): OptionWithNested[] => {
+    let index = 0;
+    return deepmapper(options, (option, level) => {
+        const newOption = callback(option, index, level);
+        index += 1;
+        return newOption;
+    });
+};
+
+export const getOptionsCount = (options: OptionWithNested[]) => {
+    let count = 0;
+    deepmapper(options, (option) => {
+        count += 1;
+        return option;
+    });
+    return count;
+};

package/src/modules/dxUtils/prismjs/prismjs.html

@@ -0,0 +1,3 @@
+<template>
+    <!-- TODO: We don't need this file and have to figure why it's required by the build process. 🤷🏼‍♂️ -->
+</template>