@synnaxlabs/pluto 0.12.0

package/dist/Selector-hQLSIYum.cjs

@@ -0,0 +1,266 @@
+"use strict";
+const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
+const React = require("react");
+const Toggle = require("./Toggle-eOKYw1OT.cjs");
+const Center = require("./Center-ZAcURh-3.cjs");
+const css = require("./css-V3VUT_Js.cjs");
+require("./component-joFaJiQW.cjs");
+const resetSelection = (selected = "", tabs = []) => {
+  var _a;
+  if (tabs.length === 0)
+    return void 0;
+  return tabs.find((t) => t.tabKey === selected) != null ? selected : (_a = tabs[tabs.length - 1]) == null ? void 0 : _a.tabKey;
+};
+const rename = (key, title, tabs) => {
+  title = title.trim();
+  if (title.length === 0)
+    return tabs;
+  const t = tabs.find((t2) => t2.tabKey === key);
+  if (t == null || t.name === title)
+    return tabs;
+  return tabs.map((t2) => t2.tabKey === key ? { ...t2, name: title } : t2);
+};
+const useStatic = ({
+  tabs,
+  content,
+  onSelect
+}) => {
+  var _a;
+  const [selected, setSelected] = React.useState(((_a = tabs[0]) == null ? void 0 : _a.tabKey) ?? "");
+  const handleSelect = (key) => {
+    setSelected(key);
+    onSelect == null ? void 0 : onSelect(key);
+  };
+  return {
+    tabs,
+    selected,
+    content,
+    onSelect: handleSelect
+  };
+};
+const TabsContext = React.createContext({ tabs: [] });
+const useTabsContext = () => React.useContext(TabsContext);
+const Tabs = ({
+  content,
+  children,
+  onSelect,
+  selected,
+  closable,
+  tabs,
+  onClose,
+  onDragStart,
+  onDragEnd,
+  onCreate,
+  onRename,
+  emptyContent,
+  className,
+  onDragOver,
+  onDrop,
+  size = "medium",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  Center.Space,
+  {
+    empty: true,
+    className: css.CSS(css.CSS.B("tabs"), className),
+    onDragOver,
+    onDrop,
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+      TabsContext.Provider,
+      {
+        value: {
+          tabs,
+          emptyContent,
+          selected,
+          closable,
+          content: children ?? content,
+          onSelect,
+          onClose,
+          onDragStart,
+          onDragEnd,
+          onRename,
+          onCreate,
+          onDrop
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Selector, { size }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Content, {})
+        ]
+      }
+    )
+  }
+);
+const Provider = TabsContext.Provider;
+const Content = () => {
+  const {
+    tabs,
+    selected,
+    content: renderProp,
+    emptyContent,
+    onSelect
+  } = useTabsContext();
+  let content = null;
+  const selectedTab = tabs.find((tab) => tab.tabKey === selected);
+  if (selected == null || selectedTab == null)
+    return emptyContent ?? null;
+  if (renderProp != null)
+    content = renderProp(selectedTab);
+  else if (selectedTab.content != null)
+    content = selectedTab.content;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: css.CSS.B("tabs-content"),
+      onClick: () => onSelect == null ? void 0 : onSelect(selected),
+      style: { width: "100%", height: "100%" },
+      children: content
+    }
+  );
+};
+const CLS = "tabs-selector";
+const Selector = ({
+  className,
+  size = "medium",
+  ...props
+}) => {
+  const {
+    tabs,
+    selected,
+    onSelect,
+    onClose,
+    closable,
+    onDragEnd,
+    onDragStart,
+    onDrop,
+    onRename,
+    onCreate
+  } = useTabsContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    Center.Space,
+    {
+      className: css.CSS(css.CSS.B(CLS), css.CSS.size(size), className),
+      direction: "x",
+      align: "center",
+      justify: "start",
+      onDrop,
+      empty: true,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Center.Space, { className: css.CSS.BE(CLS, "tabs"), empty: true, direction: "x", grow: true, children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          SelectorButton,
+          {
+            selected,
+            onSelect,
+            onClose,
+            onDragStart,
+            onDragEnd,
+            onRename,
+            closable: tab.closable ?? closable,
+            size,
+            ...tab
+          },
+          tab.tabKey
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Center.Space, { className: css.CSS.BE(CLS, "actions"), children: onCreate != null && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon, { size, sharp: true, onClick: onCreate, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Add, {}) }) })
+      ]
+    }
+  );
+};
+const SelectorButton = ({
+  selected,
+  onSelect,
+  onClose,
+  tabKey,
+  name,
+  onDragStart,
+  onDragEnd,
+  onRename,
+  closable = true,
+  icon,
+  size,
+  editable = true
+}) => {
+  const handleDragStart = React.useCallback(
+    (e) => onDragStart == null ? void 0 : onDragStart(e, { tabKey, name }),
+    [onDragStart, tabKey, name]
+  );
+  const handleDragEnd = React.useCallback(
+    (e) => onDragEnd == null ? void 0 : onDragEnd(e, { tabKey, name }),
+    [onDragEnd, tabKey, name]
+  );
+  const handleClose = React.useCallback(
+    (e) => {
+      e.stopPropagation();
+      onClose == null ? void 0 : onClose(tabKey);
+    },
+    [onClose, tabKey]
+  );
+  const _onSelect = React.useCallback(() => onSelect == null ? void 0 : onSelect(tabKey), [onSelect, tabKey]);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    Center.Pack,
+    {
+      size,
+      className: css.CSS(
+        css.CSS.BE(CLS, "btn"),
+        onRename == null && css.CSS.BEM(CLS, "btn", "uneditable"),
+        css.CSS.selected(selected === tabKey),
+        closable && onClose != null && css.CSS.BEM(CLS, "btn", "closable")
+      ),
+      draggable: true,
+      direction: "x",
+      justify: "center",
+      align: "center",
+      onClick: _onSelect,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      bordered: false,
+      rounded: false,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          Name,
+          {
+            name,
+            tabKey,
+            onRename,
+            icon,
+            editable
+          }
+        ),
+        closable && onClose != null && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon, { onClick: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Close, { "aria-label": "pluto-tabs__close" }) })
+      ]
+    }
+  );
+};
+const Name = ({
+  onRename,
+  name,
+  tabKey,
+  icon,
+  editable = true
+}) => {
+  if (onRename == null || !editable) {
+    if (icon != null)
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.WithIcon, { startIcon: icon, level: "p", noWrap: true, children: name });
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { level: "p", noWrap: true, children: name });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Toggle.Editable,
+    {
+      level: "p",
+      onChange: (newText) => onRename(tabKey, newText),
+      value: name,
+      noWrap: true
+    }
+  );
+};
+exports.Content = Content;
+exports.Provider = Provider;
+exports.Selector = Selector;
+exports.Tabs = Tabs;
+exports.TabsContext = TabsContext;
+exports.rename = rename;
+exports.resetSelection = resetSelection;
+exports.useStatic = useStatic;
+exports.useTabsContext = useTabsContext;
+//# sourceMappingURL=Selector-hQLSIYum.cjs.map

package/dist/Selector-hQLSIYum.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector-hQLSIYum.cjs","sources":["../src/tabs/Tabs.tsx","../src/tabs/Selector.tsx"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport React, {\n  createContext,\n  type ReactElement,\n  type ReactNode,\n  useContext,\n  useState,\n} from \"react\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { type TabSpec, Selector } from \"@/tabs/Selector\";\nimport { type ComponentSize } from \"@/util/component\";\nimport { type RenderProp } from \"@/util/renderProp\";\n\nexport interface Tab extends TabSpec {\n  content?: ReactNode;\n}\n\nexport type TabRenderProp = RenderProp<Tab>;\n\nexport interface UseStaticTabsProps {\n  tabs: Tab[];\n  content?: TabRenderProp;\n  onSelect?: (key: string) => void;\n}\n\nexport const resetSelection = (selected = \"\", tabs: Tab[] = []): string | undefined => {\n  if (tabs.length === 0) return undefined;\n  return tabs.find((t) => t.tabKey === selected) != null\n    ? selected\n    : tabs[tabs.length - 1]?.tabKey;\n};\n\nexport const rename = (key: string, title: string, tabs: Tab[]): Tab[] => {\n  title = title.trim();\n  if (title.length === 0) return tabs;\n  const t = tabs.find((t) => t.tabKey === key);\n  if (t == null || t.name === title) return tabs;\n  return tabs.map((t) => (t.tabKey === key ? { ...t, name: title } : t));\n};\n\nexport const useStatic = ({\n  tabs,\n  content,\n  onSelect,\n}: UseStaticTabsProps): TabsContextValue => {\n  const [selected, setSelected] = useState(tabs[0]?.tabKey ?? \"\");\n\n  const handleSelect = (key: string): void => {\n    setSelected(key);\n    onSelect?.(key);\n  };\n\n  return {\n    tabs,\n    selected,\n    content,\n    onSelect: handleSelect,\n  };\n};\n\nexport interface TabsContextValue {\n  tabs: Tab[];\n  emptyContent?: ReactElement | null;\n  closable?: boolean;\n  selected?: string;\n  onSelect?: (key: string) => void;\n  content?: TabRenderProp;\n  onClose?: (key: string) => void;\n  onDragStart?: (e: React.DragEvent<HTMLDivElement>, tab: TabSpec) => void;\n  onDragEnd?: (e: React.DragEvent<HTMLDivElement>, tab: TabSpec) => void;\n  onDrop?: (e: React.DragEvent<HTMLDivElement>) => void;\n  onRename?: (key: string, title: string) => void;\n  onCreate?: () => void;\n}\n\nexport interface TabsProps\n  extends Omit<\n      Align.SpaceProps,\n      \"children\" | \"onSelect\" | \"size\" | \"onDragStart\" | \"onDragEnd\" | \"content\"\n    >,\n    TabsContextValue {\n  children?: TabRenderProp;\n  size?: ComponentSize;\n}\n\nexport const TabsContext = createContext<TabsContextValue>({ tabs: [] });\n\nexport const useTabsContext = (): TabsContextValue => useContext(TabsContext);\n\nexport const Tabs = ({\n  content,\n  children,\n  onSelect,\n  selected,\n  closable,\n  tabs,\n  onClose,\n  onDragStart,\n  onDragEnd,\n  onCreate,\n  onRename,\n  emptyContent,\n  className,\n  onDragOver,\n  onDrop,\n  size = \"medium\",\n  ...props\n}: TabsProps): ReactElement => (\n  <Align.Space\n    empty\n    className={CSS(CSS.B(\"tabs\"), className)}\n    onDragOver={onDragOver}\n    onDrop={onDrop}\n    {...props}\n  >\n    <TabsContext.Provider\n      value={{\n        tabs,\n        emptyContent,\n        selected,\n        closable,\n        content: children ?? content,\n        onSelect,\n        onClose,\n        onDragStart,\n        onDragEnd,\n        onRename,\n        onCreate,\n        onDrop,\n      }}\n    >\n      <Selector size={size} />\n      <Content />\n    </TabsContext.Provider>\n  </Align.Space>\n);\n\nexport const Provider = TabsContext.Provider;\n\nexport const Content = (): ReactElement | null => {\n  const {\n    tabs,\n    selected,\n    content: renderProp,\n    emptyContent,\n    onSelect,\n  } = useTabsContext();\n  let content: ReactNode = null;\n  const selectedTab = tabs.find((tab) => tab.tabKey === selected);\n  if (selected == null || selectedTab == null) return emptyContent ?? null;\n  if (renderProp != null) content = renderProp(selectedTab);\n  else if (selectedTab.content != null) content = selectedTab.content;\n  return (\n    <div\n      className={CSS.B(\"tabs-content\")}\n      onClick={() => onSelect?.(selected)}\n      style={{ width: \"100%\", height: \"100%\" }}\n    >\n      {content}\n    </div>\n  );\n};\n","// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport {\n  type DragEventHandler,\n  type MouseEventHandler,\n  type ReactElement,\n  useCallback,\n} from \"react\";\n\nimport { Icon } from \"@synnaxlabs/media\";\n\nimport { Align } from \"@/align\";\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useTabsContext } from \"@/tabs/Tabs\";\nimport { Text } from \"@/text\";\nimport { type ComponentSize } from \"@/util/component\";\n\nimport \"@/tabs/Selector.css\";\n\nexport interface TabSpec {\n  tabKey: string;\n  name: string;\n  closable?: boolean;\n  icon?: ReactElement;\n  editable?: boolean;\n}\n\nexport interface SelectorProps extends Omit<Align.SpaceProps, \"children\" | \"size\"> {\n  size: ComponentSize;\n}\n\nconst CLS = \"tabs-selector\";\n\nexport const Selector = ({\n  className,\n  size = \"medium\",\n  ...props\n}: SelectorProps): ReactElement | null => {\n  const {\n    tabs,\n    selected,\n    onSelect,\n    onClose,\n    closable,\n    onDragEnd,\n    onDragStart,\n    onDrop,\n    onRename,\n    onCreate,\n  } = useTabsContext();\n  return (\n    <Align.Space\n      className={CSS(CSS.B(CLS), CSS.size(size), className)}\n      direction=\"x\"\n      align=\"center\"\n      justify=\"start\"\n      onDrop={onDrop}\n      empty\n      {...props}\n    >\n      <Align.Space className={CSS.BE(CLS, \"tabs\")} empty direction=\"x\" grow>\n        {tabs.map((tab) => (\n          <SelectorButton\n            key={tab.tabKey}\n            selected={selected}\n            onSelect={onSelect}\n            onClose={onClose}\n            onDragStart={onDragStart}\n            onDragEnd={onDragEnd}\n            onRename={onRename}\n            closable={tab.closable ?? closable}\n            size={size}\n            {...tab}\n          />\n        ))}\n      </Align.Space>\n      <Align.Space className={CSS.BE(CLS, \"actions\")}>\n        {onCreate != null && (\n          <Button.Icon size={size} sharp onClick={onCreate}>\n            <Icon.Add />\n          </Button.Icon>\n        )}\n      </Align.Space>\n    </Align.Space>\n  );\n};\n\nconst SelectorButton = ({\n  selected,\n  onSelect,\n  onClose,\n  tabKey,\n  name,\n  onDragStart,\n  onDragEnd,\n  onRename,\n  closable = true,\n  icon,\n  size,\n  editable = true,\n}: SelectorButtonProps): ReactElement => {\n  const handleDragStart: DragEventHandler<HTMLDivElement> = useCallback(\n    (e) => onDragStart?.(e, { tabKey, name }),\n    [onDragStart, tabKey, name],\n  );\n\n  const handleDragEnd: DragEventHandler<HTMLDivElement> = useCallback(\n    (e) => onDragEnd?.(e, { tabKey, name }),\n    [onDragEnd, tabKey, name],\n  );\n\n  const handleClose: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (e) => {\n      e.stopPropagation();\n      onClose?.(tabKey);\n    },\n    [onClose, tabKey],\n  );\n\n  const _onSelect = useCallback(() => onSelect?.(tabKey), [onSelect, tabKey]);\n\n  return (\n    <Align.Pack\n      size={size}\n      className={CSS(\n        CSS.BE(CLS, \"btn\"),\n        onRename == null && CSS.BEM(CLS, \"btn\", \"uneditable\"),\n        CSS.selected(selected === tabKey),\n        closable && onClose != null && CSS.BEM(CLS, \"btn\", \"closable\"),\n      )}\n      draggable\n      direction=\"x\"\n      justify=\"center\"\n      align=\"center\"\n      onClick={_onSelect}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      bordered={false}\n      rounded={false}\n    >\n      <Name\n        name={name}\n        tabKey={tabKey}\n        onRename={onRename}\n        icon={icon}\n        editable={editable}\n      />\n      {closable && onClose != null && (\n        <Button.Icon onClick={handleClose}>\n          <Icon.Close aria-label=\"pluto-tabs__close\" />\n        </Button.Icon>\n      )}\n    </Align.Pack>\n  );\n};\n\nexport interface SelectorButtonProps extends TabSpec {\n  selected?: string;\n  onDragStart?: (e: React.DragEvent<HTMLDivElement>, tab: TabSpec) => void;\n  onDragEnd?: (e: React.DragEvent<HTMLDivElement>, tab: TabSpec) => void;\n  onSelect?: (key: string) => void;\n  onClose?: (key: string) => void;\n  onRename?: (key: string, name: string) => void;\n  size: ComponentSize;\n}\n\ninterface NameProps {\n  onRename?: (key: string, name: string) => void;\n  name: string;\n  tabKey: string;\n  icon?: ReactElement;\n  editable?: boolean;\n}\n\nconst Name = ({\n  onRename,\n  name,\n  tabKey,\n  icon,\n  editable = true,\n}: NameProps): ReactElement => {\n  if (onRename == null || !editable) {\n    if (icon != null)\n      return (\n        <Text.WithIcon startIcon={icon} level=\"p\" noWrap>\n          {name}\n        </Text.WithIcon>\n      );\n    return (\n      <Text.Text level=\"p\" noWrap>\n        {name}\n      </Text.Text>\n    );\n  }\n  return (\n    <Text.Editable<\"p\">\n      level=\"p\"\n      onChange={(newText: string) => onRename(tabKey, newText)}\n      value={name}\n      noWrap\n    />\n  );\n};\n"],"names":["t","useState","createContext","useContext","jsx","Align.Space","CSS","jsxs","Button.Icon","Icon","useCallback","Align.Pack","Text.WithIcon","Text.Text","Text.Editable"],"mappings":"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"}