@premiate/strapi-plugin-maplibre-field 1.2.0 → 1.2.2

package/dist/admin/index-B0LVK-NK.js

@@ -0,0 +1,170 @@
+"use strict";
+const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@strapi/icons");
+const designSystem = require("@strapi/design-system");
+const styledComponents = require("styled-components");
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+const name$1 = "@premiate/strapi-plugin-maplibre-field";
+const strapi = { "name": "maplibre-field" };
+const pluginPkg = {
+  name: name$1,
+  strapi
+};
+const pluginId = pluginPkg.name.replace(/^(@[^/]+\/)?strapi-plugin-/i, "");
+const getTrad = (id) => `${pluginId}.${id}`;
+const Initializer = ({ setPlugin }) => {
+  const ref = React.useRef(false);
+  React.useEffect(() => {
+    if (!ref.current) {
+      setPlugin("maplibre-field");
+      ref.current = true;
+    }
+  }, [setPlugin]);
+  return null;
+};
+const IconBox = styledComponents.styled(designSystem.Flex)`
+  /* Hard code color values */
+  /* to stay consistent between themes */
+  background-color: #f0f0ff; /* primary100 */
+  border: 1px solid #d9d8ff; /* primary200 */
+
+  svg > path {
+    fill: #4945ff; /* primary600 */
+  }
+`;
+const PluginIcon = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.PinMap, {}) });
+};
+const mutateLayouts = (layouts) => {
+  return layouts.map((row) => {
+    return row.map((field) => {
+      const hasMapFieldEnabled = field.attribute?.pluginOptions?.["maplibre-field"]?.enabled;
+      if (!hasMapFieldEnabled) {
+        return field;
+      }
+      return {
+        ...field,
+        size: 12,
+        // Full width (12 columns out of 12)
+        attribute: {
+          ...field.attribute,
+          customField: `plugin::${pluginId}.map`
+        }
+      };
+    });
+  });
+};
+const mutateEditViewHook = (editLayout) => {
+  if (!editLayout) {
+    return editLayout;
+  }
+  if (!Array.isArray(editLayout.layout)) {
+    return editLayout;
+  }
+  const mutatedLayout = mutateLayouts(editLayout.layout);
+  return {
+    ...editLayout,
+    layout: mutatedLayout
+  };
+};
+const prefixPluginTranslations = (trad, pluginId2) => {
+  if (!pluginId2) {
+    throw new TypeError("pluginId can't be empty");
+  }
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId2}.${current}`] = trad[current];
+    return acc;
+  }, {});
+};
+const name = pluginPkg.strapi.name;
+const index = {
+  register(app) {
+    app.customFields.register({
+      name: "map",
+      pluginId,
+      type: "json",
+      intlLabel: {
+        id: getTrad("label"),
+        defaultMessage: "Map"
+      },
+      intlDescription: {
+        id: getTrad("description"),
+        defaultMessage: "A map custom field using MapLibre"
+      },
+      icon: PluginIcon,
+      components: {
+        Input: async () => Promise.resolve().then(() => require(
+          /* webpackChunkName: "input-component" */
+          "./index-BaGweGhM.js"
+        ))
+      },
+      options: {
+        advanced: [
+          {
+            sectionTitle: null,
+            items: [
+              {
+                name: "options.pluginOptions.i18n.localized",
+                type: "checkbox",
+                intlLabel: {
+                  id: getTrad("i18n.localized.label"),
+                  defaultMessage: "Enable localization for this field"
+                },
+                intlDescription: {
+                  id: getTrad("i18n.localized.description"),
+                  defaultMessage: "The field can have different values in each language"
+                },
+                defaultValue: false
+              }
+            ]
+          }
+        ]
+      }
+    });
+    app.registerPlugin({
+      id: pluginId,
+      initializer: Initializer,
+      isReady: false,
+      name
+    });
+  },
+  bootstrap(app) {
+    app.registerHook("Admin/CM/pages/EditView/mutate-edit-view-layout", mutateEditViewHook);
+  },
+  async registerTrads({ locales }) {
+    const importedTrads = await Promise.all(
+      locales.map((locale) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-B0QBc7M2.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-CA0XtbN7.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-BU6JgkbZ.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-DIBfzRbg.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-B-lr3jhh.js")) }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
+          return {
+            data: prefixPluginTranslations(data, pluginId),
+            locale
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
+    );
+    return Promise.resolve(importedTrads);
+  }
+};
+exports.getTrad = getTrad;
+exports.index = index;