@activecollab/components 2.0.398 → 2.0.400

package/dist/esm/presentation/whiteboard/settingsMenu.js

@@ -0,0 +1,155 @@
+import React, { useCallback, useState } from "react";
+import styled, { createGlobalStyle } from "styled-components";
+import { GRID_LEVELS, gridLevel } from "./elements";
+import { CompleteCheckbox } from "../../components/CompleteCheckbox";
+import { IconButton } from "../../components/IconButton";
+import { ArrowLeftIcon, CaretRightIcon, CheckIcon, SettingsIcon } from "../../components/Icons";
+import { List, ListItem } from "../../components/List";
+import { Menu, MenuHeader } from "../../components/Menu";
+import { ResizeTransition, SlideLeftRightTransition } from "../../components/Transitions";
+import { Caption1 } from "../../components/Typography";
+
+/* ------------------------------------------------------------------ */
+/* Board Settings menu — Grid granularity + Snap to Grid               */
+/* ------------------------------------------------------------------ */
+
+export const BOARD_MENU_WIDTH = 264;
+
+/* The menu drills in place (index → Grid), so the paper clips the sliding
+   panels and gives them a positioning context (mirrors the project "..." menu). */
+export const BoardMenuSliderStyle = createGlobalStyle([".c-simple-menu__paper.board-settings-menu{overflow:hidden;position:relative;}"]);
+export const StyledBoardSettingsMenu = styled.div.withConfig({
+  displayName: "settingsMenu__StyledBoardSettingsMenu",
+  componentId: "sc-8wy9x6-0"
+})([".toggle-item{justify-content:space-between;}.toggle-item .opt-left{display:flex;align-items:center;min-width:0;}.toggle-item .grid-right{display:flex;align-items:center;gap:6px;flex-shrink:0;}.toggle-item .grid-caret{flex-shrink:0;fill:var(--color-theme-600);}.toggle-item .c-complete-checkbox{width:16px;height:16px;border-radius:3px;align-self:center;flex-shrink:0;}.snap-off{opacity:0.5;}.option-item{justify-content:space-between;}.option-item .grid-check{flex-shrink:0;fill:var(--color-primary);}"]);
+export const BoardSettingsMenu = _ref => {
+  let gridSize = _ref.gridSize,
+    snapToGrid = _ref.snapToGrid,
+    onGridSizeChange = _ref.onGridSizeChange,
+    onSnapToGridChange = _ref.onSnapToGridChange;
+  const _useState = useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  const _useState2 = useState("index"),
+    view = _useState2[0],
+    setView = _useState2[1];
+  const _useState3 = useState(true),
+    isLeft = _useState3[0],
+    setIsLeft = _useState3[1];
+  const _useState4 = useState(0),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  const measure = useCallback(node => {
+    if (node) {
+      setHeight(node.offsetHeight);
+    }
+  }, []);
+  const goToGrid = () => {
+    setView("grid");
+    setIsLeft(true);
+  };
+  const backToIndex = () => {
+    setView("index");
+    setIsLeft(false);
+  };
+  const handleClose = () => {
+    setOpen(false);
+    setView("index");
+    setIsLeft(true);
+  };
+  const snapDisabled = gridSize === "off";
+  const indexView = /*#__PURE__*/React.createElement(StyledBoardSettingsMenu, null, /*#__PURE__*/React.createElement(List, {
+    style: {
+      padding: "8px 0"
+    },
+    tabIndex: -1
+  }, /*#__PURE__*/React.createElement(ListItem, {
+    className: "toggle-item",
+    onClick: goToGrid
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "opt-left"
+  }, "Grid"), /*#__PURE__*/React.createElement("span", {
+    className: "grid-right"
+  }, /*#__PURE__*/React.createElement(Caption1, {
+    color: "secondary"
+  }, gridLevel(gridSize).label), /*#__PURE__*/React.createElement(CaretRightIcon, {
+    className: "grid-caret",
+    width: 16,
+    height: 16
+  }))), /*#__PURE__*/React.createElement(ListItem, {
+    className: snapDisabled ? "toggle-item snap-off" : "toggle-item",
+    onClick: snapDisabled ? undefined : () => onSnapToGridChange(!snapToGrid)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "opt-left"
+  }, "Snap to Grid"), /*#__PURE__*/React.createElement(CompleteCheckbox, {
+    primary: true,
+    completed: snapToGrid,
+    disabled: snapDisabled
+  }))));
+  const gridView = /*#__PURE__*/React.createElement(StyledBoardSettingsMenu, null, /*#__PURE__*/React.createElement(MenuHeader, {
+    title: "Grid",
+    leftElement: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      size: "small",
+      onClick: backToIndex,
+      "aria-label": "Back"
+    }, /*#__PURE__*/React.createElement(ArrowLeftIcon, null))
+  }), /*#__PURE__*/React.createElement(List, {
+    style: {
+      padding: "8px 0"
+    },
+    tabIndex: -1
+  }, GRID_LEVELS.map(level => /*#__PURE__*/React.createElement(ListItem, {
+    key: level.value,
+    className: "option-item",
+    onClick: () => {
+      onGridSizeChange(level.value);
+      backToIndex();
+    }
+  }, /*#__PURE__*/React.createElement("span", null, level.label), level.value === gridSize ? /*#__PURE__*/React.createElement(CheckIcon, {
+    className: "grid-check",
+    width: 16,
+    height: 16
+  }) : null))));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BoardMenuSliderStyle, null), /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onOpen: () => setOpen(true),
+    onClose: handleClose,
+    position: "bottom-end",
+    menuClassName: "board-settings-menu",
+    target: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      active: open
+    }, /*#__PURE__*/React.createElement(SettingsIcon, null))
+  }, /*#__PURE__*/React.createElement(ResizeTransition, {
+    in: true,
+    style: {
+      height,
+      width: BOARD_MENU_WIDTH
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
+    in: view === "index",
+    direction: isLeft ? "left" : "right"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: measure,
+    style: {
+      width: BOARD_MENU_WIDTH
+    }
+  }, indexView)), /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
+    in: view === "grid",
+    direction: isLeft ? "left" : "right"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: measure,
+    style: {
+      width: BOARD_MENU_WIDTH
+    }
+  }, gridView))))));
+};
+//# sourceMappingURL=settingsMenu.js.map

package/dist/esm/presentation/whiteboard/settingsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsMenu.js","names":["React","useCallback","useState","styled","createGlobalStyle","GRID_LEVELS","gridLevel","CompleteCheckbox","IconButton","ArrowLeftIcon","CaretRightIcon","CheckIcon","SettingsIcon","List","ListItem","Menu","MenuHeader","ResizeTransition","SlideLeftRightTransition","Caption1","BOARD_MENU_WIDTH","BoardMenuSliderStyle","StyledBoardSettingsMenu","div","withConfig","displayName","componentId","BoardSettingsMenu","_ref","gridSize","snapToGrid","onGridSizeChange","onSnapToGridChange","_useState","open","setOpen","_useState2","view","setView","_useState3","isLeft","setIsLeft","_useState4","height","setHeight","measure","node","offsetHeight","goToGrid","backToIndex","handleClose","snapDisabled","indexView","createElement","style","padding","tabIndex","className","onClick","color","label","width","undefined","primary","completed","disabled","gridView","title","leftElement","type","variant","size","map","level","key","value","Fragment","onOpen","onClose","position","menuClassName","target","active","in","overflow","direction","ref"],"sources":["../../../../src/presentation/whiteboard/settingsMenu.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\n\nimport styled, { createGlobalStyle } from \"styled-components\";\n\nimport { GRID_LEVELS, GridSize, gridLevel } from \"./elements\";\nimport { CompleteCheckbox } from \"../../components/CompleteCheckbox\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArrowLeftIcon,\n  CaretRightIcon,\n  CheckIcon,\n  SettingsIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem } from \"../../components/List\";\nimport { Menu, MenuHeader } from \"../../components/Menu\";\nimport {\n  ResizeTransition,\n  SlideLeftRightTransition,\n} from \"../../components/Transitions\";\nimport { Caption1 } from \"../../components/Typography\";\n\n/* ------------------------------------------------------------------ */\n/* Board Settings menu — Grid granularity + Snap to Grid               */\n/* ------------------------------------------------------------------ */\n\nexport const BOARD_MENU_WIDTH = 264;\n\n/* The menu drills in place (index → Grid), so the paper clips the sliding\n   panels and gives them a positioning context (mirrors the project \"...\" menu). */\nexport const BoardMenuSliderStyle = createGlobalStyle`\n  .c-simple-menu__paper.board-settings-menu {\n    overflow: hidden;\n    position: relative;\n  }\n`;\n\nexport const StyledBoardSettingsMenu = styled.div`\n  .toggle-item {\n    justify-content: space-between;\n  }\n\n  .toggle-item .opt-left {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  .toggle-item .grid-right {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex-shrink: 0;\n  }\n\n  .toggle-item .grid-caret {\n    flex-shrink: 0;\n    fill: var(--color-theme-600);\n  }\n\n  .toggle-item .c-complete-checkbox {\n    width: 16px;\n    height: 16px;\n    border-radius: 3px;\n    align-self: center;\n    flex-shrink: 0;\n  }\n\n  .snap-off {\n    opacity: 0.5;\n  }\n\n  .option-item {\n    justify-content: space-between;\n  }\n\n  .option-item .grid-check {\n    flex-shrink: 0;\n    fill: var(--color-primary);\n  }\n`;\n\nexport interface BoardSettingsMenuProps {\n  gridSize: GridSize;\n  snapToGrid: boolean;\n  onGridSizeChange: (value: GridSize) => void;\n  onSnapToGridChange: (value: boolean) => void;\n}\n\nexport const BoardSettingsMenu = ({\n  gridSize,\n  snapToGrid,\n  onGridSizeChange,\n  onSnapToGridChange,\n}: BoardSettingsMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const [view, setView] = useState<\"index\" | \"grid\">(\"index\");\n  const [isLeft, setIsLeft] = useState(true);\n  const [height, setHeight] = useState(0);\n\n  const measure = useCallback((node: HTMLDivElement | null) => {\n    if (node) {\n      setHeight(node.offsetHeight);\n    }\n  }, []);\n\n  const goToGrid = (): void => {\n    setView(\"grid\");\n    setIsLeft(true);\n  };\n\n  const backToIndex = (): void => {\n    setView(\"index\");\n    setIsLeft(false);\n  };\n\n  const handleClose = (): void => {\n    setOpen(false);\n    setView(\"index\");\n    setIsLeft(true);\n  };\n\n  const snapDisabled = gridSize === \"off\";\n\n  const indexView = (\n    <StyledBoardSettingsMenu>\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        <ListItem className=\"toggle-item\" onClick={goToGrid}>\n          <span className=\"opt-left\">Grid</span>\n          <span className=\"grid-right\">\n            <Caption1 color=\"secondary\">{gridLevel(gridSize).label}</Caption1>\n            <CaretRightIcon className=\"grid-caret\" width={16} height={16} />\n          </span>\n        </ListItem>\n        <ListItem\n          className={snapDisabled ? \"toggle-item snap-off\" : \"toggle-item\"}\n          onClick={\n            snapDisabled ? undefined : () => onSnapToGridChange(!snapToGrid)\n          }\n        >\n          <span className=\"opt-left\">Snap to Grid</span>\n          <CompleteCheckbox\n            primary\n            completed={snapToGrid}\n            disabled={snapDisabled}\n          />\n        </ListItem>\n      </List>\n    </StyledBoardSettingsMenu>\n  );\n\n  const gridView = (\n    <StyledBoardSettingsMenu>\n      <MenuHeader\n        title=\"Grid\"\n        leftElement={\n          <IconButton\n            type=\"button\"\n            variant=\"text gray\"\n            size=\"small\"\n            onClick={backToIndex}\n            aria-label=\"Back\"\n          >\n            <ArrowLeftIcon />\n          </IconButton>\n        }\n      />\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        {GRID_LEVELS.map((level) => (\n          <ListItem\n            key={level.value}\n            className=\"option-item\"\n            onClick={() => {\n              onGridSizeChange(level.value);\n              backToIndex();\n            }}\n          >\n            <span>{level.label}</span>\n            {level.value === gridSize ? (\n              <CheckIcon className=\"grid-check\" width={16} height={16} />\n            ) : null}\n          </ListItem>\n        ))}\n      </List>\n    </StyledBoardSettingsMenu>\n  );\n\n  return (\n    <>\n      <BoardMenuSliderStyle />\n      <Menu\n        open={open}\n        onOpen={() => setOpen(true)}\n        onClose={handleClose}\n        position=\"bottom-end\"\n        menuClassName=\"board-settings-menu\"\n        target={\n          <IconButton type=\"button\" variant=\"text gray\" active={open}>\n            <SettingsIcon />\n          </IconButton>\n        }\n      >\n        <ResizeTransition in style={{ height, width: BOARD_MENU_WIDTH }}>\n          <div style={{ position: \"relative\", overflow: \"hidden\" }}>\n            <SlideLeftRightTransition\n              in={view === \"index\"}\n              direction={isLeft ? \"left\" : \"right\"}\n            >\n              <div ref={measure} style={{ width: BOARD_MENU_WIDTH }}>\n                {indexView}\n              </div>\n            </SlideLeftRightTransition>\n            <SlideLeftRightTransition\n              in={view === \"grid\"}\n              direction={isLeft ? \"left\" : \"right\"}\n            >\n              <div ref={measure} style={{ width: BOARD_MENU_WIDTH }}>\n                {gridView}\n              </div>\n            </SlideLeftRightTransition>\n          </div>\n        </ResizeTransition>\n      </Menu>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@activecollab/components",
-  "version": "2.0.398",
+  "version": "2.0.400",
   "description": "ActiveCollab Components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",