@kopexa/extension-controlref 1.0.0 → 13.0.0

package/dist/settings-dialog.js

@@ -1,371 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/settings-dialog.tsx
-var settings_dialog_exports = {};
-__export(settings_dialog_exports, {
-  SettingsDialog: () => SettingsDialog
-});
-module.exports = __toCommonJS(settings_dialog_exports);
-var import_sight = require("@kopexa/sight");
-var import_react = require("react");
-var import_react_intl2 = require("react-intl");
-
-// src/messages/index.ts
-var import_react_intl = require("react-intl");
-var messages = (0, import_react_intl.defineMessages)({
-  control: {
-    id: "editor.controlref.control",
-    defaultMessage: "Control",
-    description: "Label for control"
-  },
-  settings_dialog_description: {
-    id: "editor.controlref.settings_dialog_description",
-    defaultMessage: "Customize the appearance and details of the control reference.",
-    description: "Description for the settings dialog"
-  },
-  controls: {
-    id: "editor.controlref.controls",
-    defaultMessage: "Controls",
-    description: "Label for controls"
-  },
-  change_control: {
-    id: "editor.controlref.change_control",
-    defaultMessage: "Change Control",
-    description: "Label for change control button"
-  },
-  map_control: {
-    id: "editor.controlref.map_control",
-    defaultMessage: "Map Control",
-    description: "Label for map control button"
-  },
-  settings: {
-    id: "editor.controlref.settings",
-    defaultMessage: "Settings",
-    description: "Label for settings button"
-  },
-  appearance: {
-    id: "editor.controlref.appearance",
-    defaultMessage: "Appearance",
-    description: "Label for appearance section"
-  },
-  search_controls: {
-    id: "editor.controlref.search_controls",
-    defaultMessage: "Search controls...",
-    description: "Placeholder for search controls input"
-  },
-  variant: {
-    id: "editor.controlref.variant",
-    defaultMessage: "Variant",
-    description: "Label for variant section"
-  },
-  variant_chip: {
-    id: "editor.controlref.variant_chip",
-    defaultMessage: "Chip",
-    description: "Label for variant chip"
-  },
-  variant_card: {
-    id: "editor.controlref.variant_card",
-    defaultMessage: "Card",
-    description: "Label for variant card"
-  },
-  show_status: {
-    id: "editor.controlref.show_status",
-    defaultMessage: "Show Status",
-    description: "Label for show status toggle"
-  },
-  show_description: {
-    id: "editor.controlref.show_description",
-    defaultMessage: "Show Description",
-    description: "Label for show description toggle"
-  },
-  show_implementations: {
-    id: "editor.controlref.show_implementations",
-    defaultMessage: "Show Implementations",
-    description: "Label for show implementations toggle"
-  },
-  border: {
-    id: "editor.controlref.border",
-    defaultMessage: "Border",
-    description: "Label for border toggle"
-  },
-  shadow: {
-    id: "editor.controlref.shadow",
-    defaultMessage: "Shadow",
-    description: "Label for shadow toggle"
-  },
-  radius: {
-    id: "editor.controlref.radius",
-    defaultMessage: "Radius",
-    description: "Label for radius toggle"
-  },
-  spacing: {
-    id: "editor.controlref.spacing",
-    defaultMessage: "Spacing",
-    description: "Label for spacing section"
-  },
-  cancel: {
-    id: "editor.controlref.cancel",
-    defaultMessage: "Cancel",
-    description: "Label for cancel button"
-  },
-  save_settings: {
-    id: "editor.controlref.save_settings",
-    defaultMessage: "Save Settings",
-    description: "Label for save settings button"
-  }
-});
-
-// src/settings-dialog.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var SettingsDialog = (props) => {
-  const {
-    open,
-    onOpenChange,
-    controlId,
-    controlTitle,
-    options: initialOptions,
-    onSave,
-    onUnlink
-  } = props;
-  const intl = (0, import_react_intl2.useIntl)();
-  const [options, setOptions] = (0, import_react.useState)(initialOptions);
-  const [tab, setTab] = (0, import_react.useState)("link");
-  const [selected, setSelected] = (0, import_react.useState)(
-    controlId ? {
-      id: controlId,
-      title: controlTitle != null ? controlTitle : intl.formatMessage(messages.control)
-    } : null
-  );
-  const [q, setQ] = (0, import_react.useState)("");
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const [results, setResults] = (0, import_react.useState)([]);
-  (0, import_react.useEffect)(() => {
-    if (!open) return;
-    setOptions(initialOptions);
-    setSelected(
-      controlId ? {
-        id: controlId,
-        title: controlTitle != null ? controlTitle : intl.formatMessage(messages.control)
-      } : null
-    );
-    setQ("");
-    setResults([]);
-    setTab("link");
-  }, [open, initialOptions, controlId, controlTitle, intl.formatMessage]);
-  const handleOpenChange = (open2) => {
-    onOpenChange(open2);
-  };
-  const save = () => {
-    onSave({ control: selected, options });
-    onOpenChange(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Dialog.Root, { open, onOpenChange: handleOpenChange, size: "2xl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Dialog.Content, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Dialog.Header, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Dialog.Title, { children: selected ? intl.formatMessage(messages.change_control) : intl.formatMessage(messages.map_control) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Dialog.Description, { children: intl.formatMessage(messages.settings_dialog_description) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Tabs, { value: tab, onValueChange: (v) => setTab(v), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Tabs.List, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Tabs.Trigger, { value: "link", children: intl.formatMessage(messages.controls) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Tabs.Trigger, { value: "settings", children: intl.formatMessage(messages.settings) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Tabs.Trigger, { value: "appearance", children: intl.formatMessage(messages.appearance) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Tabs.Content, { value: "link", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_sight.Input,
-        {
-          placeholder: intl.formatMessage(messages.search_controls),
-          value: q,
-          onChange: (e) => setQ(e.currentTarget.value),
-          onKeyDown: (e) => e.key === "Escape" && handleOpenChange(false)
-        }
-      ) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Tabs.Content, { value: "settings", className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.variant) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_sight.Select,
-            {
-              value: options == null ? void 0 : options.variant,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                variant: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "chip", children: intl.formatMessage(messages.variant_chip) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "card", children: intl.formatMessage(messages.variant_card) })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        (options == null ? void 0 : options.variant) === "chip" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: intl.formatMessage(messages.show_status) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_sight.Checkbox,
-            {
-              checked: !!(options == null ? void 0 : options.inlineShowStatus),
-              onCheckedChange: (state) => setOptions((o) => ({
-                ...o,
-                inlineShowStatus: typeof state === "boolean" ? state : o.inlineShowStatus
-              }))
-            }
-          )
-        ] }),
-        (options == null ? void 0 : options.variant) === "card" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: intl.formatMessage(messages.show_description) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_sight.Checkbox,
-              {
-                checked: !!(options == null ? void 0 : options.cardShowDescription),
-                onCheckedChange: (state) => setOptions((o) => ({
-                  ...o,
-                  cardShowDescription: typeof state === "boolean" ? state : o.cardShowDescription
-                }))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: intl.formatMessage(messages.show_implementations) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_sight.Checkbox,
-              {
-                checked: !!(options == null ? void 0 : options.cardShowImplementations),
-                onCheckedChange: (state) => setOptions((o) => ({
-                  ...o,
-                  cardShowImplementations: typeof state === "boolean" ? state : o.cardShowImplementations
-                }))
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Tabs.Content, { value: "appearance", className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.border) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_sight.Select,
-            {
-              value: options == null ? void 0 : options.cardBorder,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                cardBorder: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "none", children: "none" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "default", children: "default" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "emphasized", children: "emphasized" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.shadow) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_sight.Select,
-            {
-              value: options == null ? void 0 : options.cardShadow,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                cardShadow: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "none", children: "none" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "2xs", children: "2xs" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "sm", children: "sm" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "md", children: "md" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "lg", children: "lg" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.radius) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_sight.Select,
-            {
-              value: options == null ? void 0 : options.cardRadius,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                cardRadius: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "none", children: "none" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "sm", children: "sm" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "md", children: "md" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "lg", children: "lg" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.spacing) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_sight.Select,
-            {
-              value: options == null ? void 0 : options.cardSpacing,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                cardSpacing: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "sm", children: "sm" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "md", children: "md" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "lg", children: "lg" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: "lg", children: "xl" })
-                ] })
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Dialog.Footer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_sight.Button,
-        {
-          onClick: () => onOpenChange(false),
-          variant: "ghost",
-          color: "default",
-          children: intl.formatMessage(messages.cancel)
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Button, { onClick: save, children: intl.formatMessage(messages.save_settings) })
-    ] })
-  ] }) });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SettingsDialog
-});

package/dist/settings-dialog.mjs

@@ -1,9 +0,0 @@
-"use client";
-import {
-  SettingsDialog
-} from "./chunk-DTFR234X.mjs";
-import "./chunk-WIR5FCIC.mjs";
-import "./chunk-GC5EBQ7G.mjs";
-export {
-  SettingsDialog
-};