@membranehq/react 0.1.0

package/dist/cjs/components/SvgIcon/BasicEntities.cjs

@@ -0,0 +1,223 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var iconsReact = require('@tabler/icons-react');
+
+function SvgIconUnifiedInterfaces({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M15.333 6.188H8c-1.013 0-1.833.82-1.833 1.833v7.333c0 1.013.82 1.834 1.833 1.834h7.333c1.013 0 1.833-.821 1.833-1.834V8.021c0-1.013-.82-1.833-1.833-1.833ZM9.5 11.879h4.714M11.857 9.521v4.714"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M12.834 6.188V4.52a1.667 1.667 0 0 0-1.667-1.666H4.5A1.667 1.667 0 0 0 2.833 4.52v6.667A1.667 1.667 0 0 0 4.5 12.855h1.667"
+      }
+    )
+  ] });
+}
+function SvgIconUnifiedInterface({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M13.667 4.521H6.333c-1.012 0-1.833.82-1.833 1.833v7.334c0 1.012.82 1.833 1.833 1.833h7.334c1.012 0 1.833-.82 1.833-1.833V6.354c0-1.012-.82-1.833-1.833-1.833ZM7.833 9.912h4.715M10.191 7.555v4.714"
+    }
+  ) });
+}
+function SvgIconApp({ ...props }) {
+  const style = Object.assign({}, props?.style ?? {}, {
+    transform: "scaleY(-1)"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconLayoutGridAdd, { ...props, style });
+}
+function SvgIconFieldMappings({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.3 12h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1ZM12 13.7H8M16.7 12h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1ZM7.3 4.5h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V5.5a1 1 0 0 0-1-1ZM8 6.3h4M16.7 4.5h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V5.5a1 1 0 0 0-1-1Z" }) });
+}
+const SvgIconFieldMapping = SvgIconFieldMappings;
+function SvgIconFlows({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.5 12.8v-.777a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v.778m4.512-5.5v2.826M12 3H8a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1ZM7.5 13.5h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1.6a1 1 0 0 0-1-1ZM16.5 13.5h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1.6a1 1 0 0 0-1-1Z" }) });
+}
+const SvgIconFlow = SvgIconFlows;
+function SvgIconDataSources({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.47 5.969c-1.868-.405-3.125-1.163-3.125-2.03 0-1.294 2.798-2.343 6.249-2.343 3.451 0 6.249 1.049 6.249 2.343v.742"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        d: "M2.345 3.94v4.686c0 .621.659 1.217 1.83 1.657.313.117.655.22 1.02.309"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        d: "M2.345 8.626v4.686c0 .622.659 1.218 1.83 1.657a8.93 8.93 0 0 0 1.024.31"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.157 11.438v4.686c0 .621.659 1.217 1.83 1.657 1.172.44 2.762.686 4.419.686 1.657 0 3.246-.247 4.418-.686 1.172-.44 1.83-1.036 1.83-1.657v-4.686"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.157 6.751v4.686c0 .622.659 1.218 1.83 1.657 1.172.44 2.762.687 4.419.687 1.657 0 3.246-.247 4.418-.687 1.172-.439 1.83-1.035 1.83-1.656V6.75"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M11.406 9.094c3.45 0 6.248-1.049 6.248-2.343s-2.797-2.343-6.248-2.343S5.157 5.457 5.157 6.75s2.798 2.343 6.249 2.343Z"
+      }
+    )
+  ] });
+}
+function SvgIconObjectLinks({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M8.71 13.022v4.065L5.096 19.12l-3.614-2.033v-4.065M5.096 15.054l3.613-2.032M5.096 15.054v4.066M5.096 15.054l-3.614-2.032M18.518 7.02v4.066l-3.614 2.032-3.614-2.032V7.02M14.903 9.053l3.614-2.033M14.903 9.053v4.065M14.904 9.053 11.29 7.02"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.096 6.924 8.71 8.956v4.066l-3.614 2.032-3.614-2.032V8.956l3.614-2.032ZM5.096 10.989l3.613-2.033M5.096 10.989v4.065M5.096 10.989 1.482 8.956M14.904.922l3.614 2.033V7.02l-3.614 2.033L11.29 7.02V2.955L14.904.922ZM14.903 4.988l3.614-2.033M14.903 4.988v4.065M14.904 4.988 11.29 2.955"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "currentColor", d: "M8.556 12.55 11.47 10.9" })
+  ] });
+}
+function SvgIconObjectLink({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.096 8.956 8.71 10.99v4.065l-3.614 2.033-3.614-2.033V10.99l3.614-2.033ZM5.096 13.022l3.613-2.033M5.096 13.022v4.065M5.096 13.022l-3.614-2.033M14.904 2.955l3.613 2.033v4.065l-3.613 2.033-3.614-2.033V4.988l3.614-2.033ZM14.903 7.02l3.614-2.032M14.903 7.02v4.066M14.904 7.02 11.29 4.988"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", d: "M8.345 10.808 11.29 9.15" })
+  ] });
+}
+function SvgIconDataSchema({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M18 10.022a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM6 15.02a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM6 5.021a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM6 15.022h2a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2H6M10 10.021h4"
+    }
+  ) });
+}
+function SvgIconDataSchemas({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M18.49 11.021a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM5.51 4.021a2 2 0 1 0-2 2"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M7.51 6.021a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM5.51 14.021a2 2 0 1 0-2 2M7.51 16.021h2a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-2"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M7.51 16.021a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM11.51 11.021h2.9"
+      }
+    )
+  ] });
+}
+function SvgIconAppEventSubscriptions({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinejoin: "round", d: "M9.417 7.354V1.521L2.75 10.688h4.392" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M12.25 3.521v5.833h5l-6.667 9.167v-5.833h-5L12.25 3.52Z"
+      }
+    )
+  ] });
+}
+
+exports.SvgIconApp = SvgIconApp;
+exports.SvgIconAppEventSubscriptions = SvgIconAppEventSubscriptions;
+exports.SvgIconDataSchema = SvgIconDataSchema;
+exports.SvgIconDataSchemas = SvgIconDataSchemas;
+exports.SvgIconDataSources = SvgIconDataSources;
+exports.SvgIconFieldMapping = SvgIconFieldMapping;
+exports.SvgIconFieldMappings = SvgIconFieldMappings;
+exports.SvgIconFlow = SvgIconFlow;
+exports.SvgIconFlows = SvgIconFlows;
+exports.SvgIconObjectLink = SvgIconObjectLink;
+exports.SvgIconObjectLinks = SvgIconObjectLinks;
+exports.SvgIconUnifiedInterface = SvgIconUnifiedInterface;
+exports.SvgIconUnifiedInterfaces = SvgIconUnifiedInterfaces;

package/dist/cjs/components/SvgIcon/index.cjs

@@ -0,0 +1,335 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var iconsReact = require('@tabler/icons-react');
+var BasicEntities = require('./BasicEntities.cjs');
+var svgIconType = require('./svg-icon-type.cjs');
+
+function getIconProps(type) {
+  switch (type) {
+    // In case of using icons from different packs
+    // we could use different settings
+    case svgIconType.SvgIconType.SchemaType_number:
+    case svgIconType.SvgIconType.SchemaType_request:
+      return {};
+    case svgIconType.SvgIconType.PlayerPlayFilled:
+      return {
+        strokeWidth: 1.2,
+        fill: "currentColor"
+      };
+    default:
+      return {
+        strokeWidth: 1.2
+      };
+  }
+}
+const icons = /* @__PURE__ */ new Map();
+icons.set(svgIconType.SvgIconType.Add, iconsReact.IconPlus);
+icons.set(svgIconType.SvgIconType.AlertCircle, iconsReact.IconAlertCircle);
+icons.set(svgIconType.SvgIconType.AlertOctagon, iconsReact.IconAlertOctagon);
+icons.set(svgIconType.SvgIconType.AlertTriangle, SvgIconAlertTriangle);
+icons.set(svgIconType.SvgIconType.Array, SvgIconArray);
+icons.set(svgIconType.SvgIconType.ArrowRight, iconsReact.IconArrowRight);
+icons.set(svgIconType.SvgIconType.Braces, iconsReact.IconBraces);
+icons.set(svgIconType.SvgIconType.Cancel, iconsReact.IconX);
+icons.set(svgIconType.SvgIconType.Check, iconsReact.IconCheck);
+icons.set(svgIconType.SvgIconType.ChevronDown, iconsReact.IconChevronDown);
+icons.set(svgIconType.SvgIconType.ChevronLeft, iconsReact.IconChevronLeft);
+icons.set(svgIconType.SvgIconType.ChevronRight, iconsReact.IconChevronRight);
+icons.set(svgIconType.SvgIconType.ChevronUp, iconsReact.IconChevronUp);
+icons.set(svgIconType.SvgIconType.Close, iconsReact.IconX);
+icons.set(svgIconType.SvgIconType.Copy, iconsReact.IconCopy);
+icons.set(svgIconType.SvgIconType.DefaultWorkspaceIcon, DefaultWorkspaceLogo);
+icons.set(svgIconType.SvgIconType.Delete, iconsReact.IconTrash);
+icons.set(svgIconType.SvgIconType.Edit, iconsReact.IconPencil);
+icons.set(svgIconType.SvgIconType.Function, iconsReact.IconMathFunction);
+icons.set(svgIconType.SvgIconType.InfoCircle, iconsReact.IconInfoCircle);
+icons.set(svgIconType.SvgIconType.Link, iconsReact.IconLink);
+icons.set(svgIconType.SvgIconType.ListOption, iconsReact.IconPlaystationCircle);
+icons.set(svgIconType.SvgIconType.Loader, SvgIconLoader);
+icons.set(svgIconType.SvgIconType.Lookup, iconsReact.IconFilter);
+icons.set(svgIconType.SvgIconType.PlayerPlay, iconsReact.IconPlayerPlay);
+icons.set(svgIconType.SvgIconType.PlayerPlayFilled, iconsReact.IconPlayerPlay);
+icons.set(svgIconType.SvgIconType.QuestionMark, iconsReact.IconQuestionMark);
+icons.set(svgIconType.SvgIconType.Refresh, iconsReact.IconRefresh);
+icons.set(svgIconType.SvgIconType.Reset, SvgIconReset);
+icons.set(svgIconType.SvgIconType.SchemaType_array, iconsReact.IconMenu2);
+icons.set(svgIconType.SvgIconType.SchemaType_boolean, iconsReact.IconToggleLeft);
+icons.set(svgIconType.SvgIconType.SchemaType_connection, iconsReact.IconLink);
+icons.set(svgIconType.SvgIconType.SchemaType_integer, SvgIconSchemaTypeInteger);
+icons.set(svgIconType.SvgIconType.SchemaType_number, SvgIconSchemaTypeNumber);
+icons.set(svgIconType.SvgIconType.SchemaType_object, iconsReact.IconBox);
+icons.set(svgIconType.SvgIconType.SchemaType_request, SvgIconSchemaTypeRequest);
+icons.set(svgIconType.SvgIconType.SchemaType_string, iconsReact.IconSignature);
+icons.set(svgIconType.SvgIconType.Search, iconsReact.IconSearch);
+icons.set(svgIconType.SvgIconType.Settings, iconsReact.IconSettings);
+icons.set(svgIconType.SvgIconType.ThreeDots, iconsReact.IconDots);
+icons.set(svgIconType.SvgIconType.Unlink, iconsReact.IconUnlink);
+icons.set(svgIconType.SvgIconType.ValueMapping, SvgIconValueMapping);
+icons.set(svgIconType.SvgIconType.Variable, iconsReact.IconVariable);
+icons.set(svgIconType.SvgIconType.ZoomCancel, iconsReact.IconZoomCancel);
+icons.set(svgIconType.SvgIconType.TemplatesEntity, BasicEntities.SvgIconUnifiedInterfaces);
+icons.set(svgIconType.SvgIconType.TemplateEntity, BasicEntities.SvgIconUnifiedInterface);
+icons.set(svgIconType.SvgIconType.AppsEntity, BasicEntities.SvgIconApp);
+icons.set(svgIconType.SvgIconType.AppEntity, BasicEntities.SvgIconApp);
+icons.set(svgIconType.SvgIconType.FieldMappingsEntity, BasicEntities.SvgIconFieldMappings);
+icons.set(svgIconType.SvgIconType.FieldMappingEntity, BasicEntities.SvgIconFieldMapping);
+icons.set(svgIconType.SvgIconType.FlowsEntity, BasicEntities.SvgIconFlows);
+icons.set(svgIconType.SvgIconType.FlowEntity, BasicEntities.SvgIconFlow);
+icons.set(svgIconType.SvgIconType.ActionsEntity, iconsReact.IconCircleArrowUpRight);
+icons.set(svgIconType.SvgIconType.ActionEntity, iconsReact.IconCircleArrowUpRight);
+icons.set(svgIconType.SvgIconType.DataSourcesEntity, BasicEntities.SvgIconDataSources);
+icons.set(svgIconType.SvgIconType.DataSourceEntity, iconsReact.IconDatabase);
+icons.set(svgIconType.SvgIconType.DataLinkEntity, iconsReact.IconLine);
+icons.set(svgIconType.SvgIconType.ObjectLinksEntity, BasicEntities.SvgIconObjectLinks);
+icons.set(svgIconType.SvgIconType.ObjectLinkEntity, BasicEntities.SvgIconObjectLink);
+icons.set(svgIconType.SvgIconType.UsersEntity, iconsReact.IconUsers);
+icons.set(svgIconType.SvgIconType.UserEntity, iconsReact.IconUser);
+icons.set(svgIconType.SvgIconType.AppEventSubscriptionsEntity, BasicEntities.SvgIconAppEventSubscriptions);
+icons.set(svgIconType.SvgIconType.AppEventSubscriptionEntity, iconsReact.IconBolt);
+icons.set(svgIconType.SvgIconType.DataSchemasEntity, BasicEntities.SvgIconDataSchemas);
+icons.set(svgIconType.SvgIconType.DataSchemaEntity, BasicEntities.SvgIconDataSchema);
+icons.set(svgIconType.SvgIconType.CustomFieldsEntity, iconsReact.IconPlaylistAdd);
+icons.set(svgIconType.SvgIconType.MonitoringEntity, iconsReact.IconChartHistogram);
+icons.set(svgIconType.SvgIconType.ApisEntity, iconsReact.IconPlugConnected);
+icons.set(svgIconType.SvgIconType.ApiEntity, iconsReact.IconPlugConnected);
+icons.set(svgIconType.SvgIconType.LogEntity, iconsReact.IconHistory);
+icons.set(svgIconType.SvgIconType.UdmActivities, iconsReact.IconActivity);
+icons.set(svgIconType.SvgIconType.UdmCampains, iconsReact.IconSocial);
+icons.set(svgIconType.SvgIconType.UdmCompanies, iconsReact.IconBuildingSkyscraper);
+icons.set(svgIconType.SvgIconType.UdmContacts, iconsReact.IconNotebook);
+icons.set(svgIconType.SvgIconType.UdmDeals, iconsReact.IconCoin);
+icons.set(svgIconType.SvgIconType.UdmDealProducts, iconsReact.IconShoppingCart);
+icons.set(svgIconType.SvgIconType.UdmProducts, iconsReact.IconShoppingCart);
+icons.set(svgIconType.SvgIconType.UdmUsers, iconsReact.IconUsers);
+icons.set(svgIconType.SvgIconType.UdmMeetings, iconsReact.IconCalendarEvent);
+icons.set(svgIconType.SvgIconType.UdmTasks, iconsReact.IconChecklist);
+icons.set(svgIconType.SvgIconType.UdmNotes, iconsReact.IconNotes);
+icons.set(svgIconType.SvgIconType.UdmEmails, iconsReact.IconMail);
+icons.set(svgIconType.SvgIconType.UDMEntity, iconsReact.IconStack2);
+function getIconByType(type) {
+  return icons.get(type) || IntegrationAppIcon;
+}
+function SvgIcon({ type = svgIconType.SvgIconType.ChevronDown, ...props }) {
+  const Icon2 = getIconByType(type);
+  const isAriaHidden = !props["aria-label"] && !props["aria-labelledby"];
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon2, { ...getIconProps(type), "aria-hidden": isAriaHidden, ...props });
+}
+function IntegrationAppIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 34 20", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "m17 4.9-1.6 1.4v.1c1.4 1.2 2 1.8 2.3 2.5.2.7.2 1.5 0 2.3-.3.6-1 1.3-2.2 2.5L17 15l1.5-1.3c1.4-1.3 2-2 2.3-2.8.2-.6.2-1.3 0-2-.3-.7-1-1.4-2.3-2.7L17 4.9Zm0 0-2.6-2.4C13 1 12.4.5 11.5.2c-.7-.2-1.4-.2-2 0-.9.3-1.6 1-3 2.3l-4 3.8C1.1 7.6.5 8.3.2 9c-.3.7-.3 1.4 0 2 .2.8 1 1.5 2.3 2.8l4 3.8c1.4 1.3 2.1 2 3 2.2.6.3 1.3.3 2 0 .8-.2 1.5-.9 3-2.2l2.5-2.5 2.6 2.4c1.4 1.4 2 2 2.9 2.3.6.2 1.4.2 2 0 .9-.3 1.6-1 3-2.3l4-3.8c1.4-1.3 2-2 2.3-2.7.3-.7.3-1.4 0-2-.2-.8-1-1.5-2.3-2.8l-4-3.8C26 1 25.4.4 24.5.2c-.6-.3-1.3-.3-2 0-.8.2-1.5.9-3 2.2L17 4.9Zm-1.6 1.4a9.9 9.9 0 0 0-2.2 2.5c-.2.8-.2 1.6 0 2.3.3.7 1 1.3 2.2 2.5l-1 1c-1.4 1.4-2 2-2.9 2.3-.7.2-1.4.2-2 0-.9-.2-1.6-1-3-2.2l-.9-1c-1.4-1.2-2-1.9-2.3-2.7-.3-.6-.3-1.3 0-2 .2-.7 1-1.4 2.3-2.7l1-.9c1.3-1.3 2-2 2.8-2.2.7-.2 1.5-.2 2.1 0 .8.2 1.5.9 3 2.2l1 1Z"
+    }
+  ) });
+}
+function DefaultWorkspaceLogo(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 32 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.5 2.5c1-1 2.5-1 3.5 0l7 7c1 1 1 2.5 0 3.5l-7 7c-1 1-2.5 1-3.5 0l-7-7c-1-1-1-2.5 0-3.5l7-7Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.5 2.5c1-1 2.5-1 3.5 0l7 7c1 1 1 2.5 0 3.5l-7 7c-1 1-2.5 1-3.5 0l-7-7c-1-1-1-2.5 0-3.5l7-7Z" })
+  ] });
+}
+function SvgIconSchemaTypeNumber(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M5.56 13V8.292L4.48 8.952V7.888L5.56 7.24H6.544V13H5.56ZM7.90781 12.992V12.152L10.3718 9.956C10.5638 9.78533 10.6971 9.624 10.7718 9.472C10.8465 9.32 10.8838 9.17333 10.8838 9.032C10.8838 8.84 10.8425 8.66933 10.7598 8.52C10.6771 8.368 10.5625 8.248 10.4158 8.16C10.2718 8.072 10.1051 8.028 9.91581 8.028C9.71581 8.028 9.53848 8.07467 9.38381 8.168C9.23181 8.25867 9.11315 8.38 9.02781 8.532C8.94248 8.684 8.90248 8.848 8.90781 9.024H7.91581C7.91581 8.64 8.00115 8.30533 8.17181 8.02C8.34515 7.73467 8.58248 7.51333 8.88381 7.356C9.18781 7.19867 9.53848 7.12 9.93581 7.12C10.3038 7.12 10.6345 7.20267 10.9278 7.368C11.2211 7.53067 11.4518 7.75733 11.6198 8.048C11.7878 8.336 11.8718 8.668 11.8718 9.044C11.8718 9.31867 11.8345 9.54933 11.7598 9.736C11.6851 9.92267 11.5731 10.0947 11.4238 10.252C11.2771 10.4093 11.0945 10.584 10.8758 10.776L9.12781 12.324L9.03981 12.084H11.8718V12.992H7.90781ZM14.4814 13.108C14.1934 13.108 13.9214 13.052 13.6654 12.94C13.4094 12.828 13.1868 12.6693 12.9974 12.464C12.8108 12.2587 12.6761 12.016 12.5934 11.736L13.5254 11.484C13.5921 11.7133 13.7134 11.8907 13.8894 12.016C14.0681 12.1387 14.2641 12.1987 14.4774 12.196C14.6668 12.196 14.8361 12.152 14.9854 12.064C15.1348 11.976 15.2521 11.8573 15.3374 11.708C15.4228 11.556 15.4654 11.3867 15.4654 11.2C15.4654 10.9147 15.3734 10.676 15.1894 10.484C15.0054 10.292 14.7681 10.196 14.4774 10.196C14.3894 10.196 14.3028 10.208 14.2174 10.232C14.1348 10.256 14.0548 10.2893 13.9774 10.332L13.5374 9.572L15.4734 7.916L15.5574 8.148H12.8174V7.24H16.3494V8.152L14.7934 9.648L14.7854 9.364C15.1348 9.388 15.4321 9.48533 15.6774 9.656C15.9254 9.82667 16.1148 10.0467 16.2454 10.316C16.3788 10.5853 16.4454 10.88 16.4454 11.2C16.4454 11.5627 16.3561 11.888 16.1774 12.176C16.0014 12.464 15.7641 12.692 15.4654 12.86C15.1694 13.0253 14.8414 13.108 14.4814 13.108Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function SvgIconSchemaTypeInteger(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SvgIconSchemaTypeNumber, { ...props });
+}
+function SvgIconSchemaTypeRequest(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, stroke: "currentColor", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.33334 12C3.33334 12.9205 4.07953 13.6667 5 13.6667C5.92048 13.6667 6.66667 12.9205 6.66667 12C6.66667 11.0795 5.92048 10.3333 5.00001 10.3333C4.07953 10.3333 3.33334 11.0795 3.33334 12Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 6.16666L15 10.3333C15 10.7754 14.8244 11.1993 14.5118 11.5118C14.1993 11.8244 13.7754 12 13.3333 12L6.66667 12" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.5 8.66666L15 6.16666L17.5 8.66666" })
+  ] });
+}
+function SvgIconArray(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: "0 0 20 21",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.5 5.6h9.2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.5 10.6h9.2", strokeOpacity: ".5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.5 15.6h9.2M3.2 5.6v0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.2 10.6v0", strokeOpacity: ".5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.2 15.6v0" })
+      ]
+    }
+  );
+}
+function SvgIconLoader(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 100 100",
+      preserveAspectRatio: "xMidYMid",
+      fill: "currentColor",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "46", y: "4", rx: "3.2", ry: "3.2", width: "8", height: "20", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            values: "1;0",
+            keyTimes: "0;1",
+            dur: "1.4285714285714284s",
+            begin: "-1.2499999999999998s",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "46", y: "4", rx: "3.2", ry: "3.2", width: "8", height: "20", transform: "rotate(45 50 50)", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            values: "1;0",
+            keyTimes: "0;1",
+            dur: "1.4285714285714284s",
+            begin: "-1.0714285714285714s",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "46", y: "4", rx: "3.2", ry: "3.2", width: "8", height: "20", transform: "rotate(90 50 50)", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            values: "1;0",
+            keyTimes: "0;1",
+            dur: "1.4285714285714284s",
+            begin: "-0.8928571428571428s",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "46", y: "4", rx: "3.2", ry: "3.2", width: "8", height: "20", transform: "rotate(135 50 50)", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            values: "1;0",
+            keyTimes: "0;1",
+            dur: "1.4285714285714284s",
+            begin: "-0.7142857142857142s",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "46", y: "4", rx: "3.2", ry: "3.2", width: "8", height: "20", transform: "rotate(180 50 50)", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            values: "1;0",
+            keyTimes: "0;1",
+            dur: "1.4285714285714284s",
+            begin: "-0.5357142857142857s",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "46", y: "4", rx: "3.2", ry: "3.2", width: "8", height: "20", transform: "rotate(225 50 50)", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            values: "1;0",
+            keyTimes: "0;1",
+            dur: "1.4285714285714284s",
+            begin: "-0.3571428571428571s",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "46", y: "4", rx: "3.2", ry: "3.2", width: "8", height: "20", transform: "rotate(270 50 50)", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            values: "1;0",
+            keyTimes: "0;1",
+            dur: "1.4285714285714284s",
+            begin: "-0.17857142857142855s",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "46", y: "4", rx: "3.2", ry: "3.2", width: "8", height: "20", transform: "rotate(315 50 50)", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "animate",
+          {
+            attributeName: "opacity",
+            values: "1;0",
+            keyTimes: "0;1",
+            dur: "1.4285714285714284s",
+            begin: "0s",
+            repeatCount: "indefinite"
+          }
+        ) })
+      ]
+    }
+  );
+}
+function SvgIconValueMapping(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      strokeWidth: "2",
+      stroke: "currentColor",
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 15l3 -3l-3 -3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "5", cy: "12", r: "2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 12h14" })
+      ]
+    }
+  );
+}
+function SvgIconAlertTriangle(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12 9v2m0 4v0m-7 4h14a2 2 0 0 0 1.8-2.8L13.8 4a2 2 0 0 0-3.6 0l-7 12.3A2 2 0 0 0 4.8 19",
+          transform: "translate(0,1)"
+        }
+      )
+    }
+  );
+}
+function SvgIconReset(props) {
+  const style = {
+    transform: "rotate(135deg)",
+    ...props?.style ?? {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconRotate, { ...props, style });
+}
+
+exports.SvgIcon = SvgIcon;

package/dist/cjs/components/SvgIcon/svg-icon-type.cjs

@@ -0,0 +1,98 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var SvgIconType = /* @__PURE__ */ ((SvgIconType2) => {
+  SvgIconType2["Add"] = "Add";
+  SvgIconType2["AlertCircle"] = "AlertCircle";
+  SvgIconType2["AlertOctagon"] = "AlertOctagon";
+  SvgIconType2["AlertTriangle"] = "AlertTriangle";
+  SvgIconType2["Array"] = "Array";
+  SvgIconType2["ArrowRight"] = "ArrowRight";
+  SvgIconType2["Braces"] = "Braces";
+  SvgIconType2["Cancel"] = "Cancel";
+  SvgIconType2["Check"] = "Check";
+  SvgIconType2["ChevronDown"] = "ChevronDown";
+  SvgIconType2["ChevronLeft"] = "ChevronLeft";
+  SvgIconType2["ChevronRight"] = "ChevronRight";
+  SvgIconType2["ChevronUp"] = "ChevronUp";
+  SvgIconType2["Close"] = "Close";
+  SvgIconType2["Copy"] = "Copy";
+  SvgIconType2["DefaultWorkspaceIcon"] = "DefaultWorkspaceIcon";
+  SvgIconType2["Delete"] = "Delete";
+  SvgIconType2["Edit"] = "Edit";
+  SvgIconType2["Function"] = "Function";
+  SvgIconType2["InfoCircle"] = "InfoCircle";
+  SvgIconType2["Link"] = "Link";
+  SvgIconType2["ListOption"] = "ListOption";
+  SvgIconType2["Loader"] = "Loader";
+  SvgIconType2["Lookup"] = "Lookup";
+  SvgIconType2["PlayerPlay"] = "PlayerPlay";
+  SvgIconType2["PlayerPlayFilled"] = "PlayerPlayFilled";
+  SvgIconType2["QuestionMark"] = "QuestionMark";
+  SvgIconType2["Refresh"] = "Refresh";
+  SvgIconType2["Reset"] = "Reset";
+  SvgIconType2["SchemaType_array"] = "SchemaTypeArray";
+  SvgIconType2["SchemaType_boolean"] = "SchemaTypeBoolean";
+  SvgIconType2["SchemaType_connection"] = "SchemaTypeConnection";
+  SvgIconType2["SchemaType_integer"] = "SchemaTypeInteger";
+  SvgIconType2["SchemaType_number"] = "SchemaTypeNumber";
+  SvgIconType2["SchemaType_object"] = "SchemaTypeObject";
+  SvgIconType2["SchemaType_request"] = "SchemaTypeRequest";
+  SvgIconType2["SchemaType_string"] = "SchemaTypeString";
+  SvgIconType2["Search"] = "Search";
+  SvgIconType2["Settings"] = "Settings";
+  SvgIconType2["ThreeDots"] = "ThreeDots";
+  SvgIconType2["Unlink"] = "Unlink";
+  SvgIconType2["ValueMapping"] = "ValueMapping";
+  SvgIconType2["Variable"] = "Variable";
+  SvgIconType2["ZoomCancel"] = "ZoomCancel";
+  SvgIconType2["ActionEntity"] = "Action";
+  SvgIconType2["ActionsEntity"] = "Actions";
+  SvgIconType2["TemplatesEntity"] = "Templates";
+  SvgIconType2["TemplateEntity"] = "Template";
+  SvgIconType2["AppsEntity"] = "Apps";
+  SvgIconType2["AppEntity"] = "App";
+  SvgIconType2["ApisEntity"] = "Apis";
+  SvgIconType2["ApiEntity"] = "Api";
+  SvgIconType2["FieldMappingsEntity"] = "FieldMappings";
+  SvgIconType2["FieldMappingEntity"] = "FieldMapping";
+  SvgIconType2["FlowsEntity"] = "Flows";
+  SvgIconType2["FlowEntity"] = "Flow";
+  SvgIconType2["DataSourcesEntity"] = "DataSources";
+  SvgIconType2["DataSourceEntity"] = "DataSource";
+  SvgIconType2["ObjectLinksEntity"] = "ObjectLinks";
+  SvgIconType2["ObjectLinkEntity"] = "ObjectLink";
+  SvgIconType2["UsersEntity"] = "UsersEntity";
+  SvgIconType2["UserEntity"] = "UserEntity";
+  SvgIconType2["DataSchemasEntity"] = "DataSchemas";
+  SvgIconType2["DataSchemaEntity"] = "DataSchema";
+  SvgIconType2["DataLinkEntity"] = "DataLink";
+  SvgIconType2["AppEventSubscriptionsEntity"] = "AppEventSubscriptions";
+  SvgIconType2["AppEventSubscriptionEntity"] = "AppEventSubscription";
+  SvgIconType2["CustomFieldsEntity"] = "CustomFields";
+  SvgIconType2["MonitoringEntity"] = "Monitoring";
+  SvgIconType2["LogEntity"] = "LogEntity";
+  SvgIconType2["UDMEntity"] = "UDMEntity";
+  SvgIconType2["UdmActivities"] = "UdmActivities";
+  SvgIconType2["UdmCampains"] = "UdmCampains";
+  SvgIconType2["UdmCompanies"] = "UdmCompanies";
+  SvgIconType2["UdmContacts"] = "UdmContacts";
+  SvgIconType2["UdmDeals"] = "UdmDeals";
+  SvgIconType2["UdmDealProducts"] = "UdmDealProducts";
+  SvgIconType2["UdmProducts"] = "UdmProducts";
+  SvgIconType2["UdmUsers"] = "UdmUsers";
+  SvgIconType2["UdmMeetings"] = "UdmMeetings";
+  SvgIconType2["UdmTasks"] = "UdmTasks";
+  SvgIconType2["UdmNotes"] = "UdmNotes";
+  SvgIconType2["UdmEmails"] = "UdmEmails";
+  return SvgIconType2;
+})(SvgIconType || {});
+
+exports.SvgIconType = SvgIconType;