@dxos/plugin-sheet 0.8.4-main.69d29f4 → 0.8.4-main.6fa680abb7

package/dist/lib/browser/RangeList-IC5RYQYU.mjs

@@ -0,0 +1,53 @@
+import {
+  Sheet_exports,
+  meta,
+  rangeFromIndex
+} from "./chunk-GUP25ZNZ.mjs";
+
+// src/containers/RangeList/RangeList.tsx
+import * as Schema from "effect/Schema";
+import React, { useCallback } from "react";
+import { rangeToA1Notation } from "@dxos/compute";
+import { Obj } from "@dxos/echo";
+import { Input, Message, useTranslation } from "@dxos/react-ui";
+import { List } from "@dxos/react-ui-list";
+import { ghostHover } from "@dxos/ui-theme";
+var RangeList = ({ sheet }) => {
+  const { t } = useTranslation(meta.id);
+  const handleSelectRange = (range) => {
+  };
+  const handleDeleteRange = useCallback((range) => {
+    const index = sheet.ranges.findIndex((sheetRange) => sheetRange === range);
+    Obj.change(sheet, (obj) => {
+      obj.ranges.splice(index, 1);
+    });
+  }, [
+    sheet
+  ]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("range list heading"))), sheet.ranges.length < 1 ? /* @__PURE__ */ React.createElement(Message.Root, null, /* @__PURE__ */ React.createElement(Message.Title, null, t("no ranges message"))) : /* @__PURE__ */ React.createElement(List.Root, {
+    items: sheet.ranges,
+    isItem: Schema.is(Sheet_exports.Range)
+  }, ({ items: ranges }) => ranges.map((range, i) => /* @__PURE__ */ React.createElement(List.Item, {
+    key: i,
+    item: range,
+    classNames: [
+      "p-2",
+      ghostHover
+    ]
+  }, /* @__PURE__ */ React.createElement(List.ItemDragHandle, null), /* @__PURE__ */ React.createElement(List.ItemTitle, {
+    onClick: () => handleSelectRange(range)
+  }, t("range title", {
+    position: rangeToA1Notation(rangeFromIndex(sheet, range.range)),
+    key: t(`range key ${range.key} label`),
+    value: t(`range value ${range.value} label`)
+  })), /* @__PURE__ */ React.createElement(List.ItemDeleteButton, {
+    onClick: () => handleDeleteRange(range)
+  })))));
+};
+
+// src/containers/RangeList/index.ts
+var RangeList_default = RangeList;
+export {
+  RangeList_default as default
+};
+//# sourceMappingURL=RangeList-IC5RYQYU.mjs.map

package/dist/lib/browser/RangeList-IC5RYQYU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/RangeList/RangeList.tsx", "../../../src/containers/RangeList/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport React, { useCallback } from 'react';\n\nimport { rangeToA1Notation } from '@dxos/compute';\nimport { Obj } from '@dxos/echo';\nimport { Input, Message, useTranslation } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\nimport { rangeFromIndex } from '../../types';\nimport { Sheet } from '../../types';\n\nexport type RangeListProps = {\n  sheet: Sheet.Sheet;\n};\n\nexport const RangeList = ({ sheet }: RangeListProps) => {\n  const { t } = useTranslation(meta.id);\n  // TODO(thure): Implement similar to comments, #8121\n  const handleSelectRange = (range: Sheet.Range) => {};\n  const handleDeleteRange = useCallback(\n    (range: Sheet.Range) => {\n      const index = sheet.ranges.findIndex((sheetRange) => sheetRange === range);\n      Obj.change(sheet, (obj) => {\n        obj.ranges.splice(index, 1);\n      });\n    },\n    [sheet],\n  );\n  return (\n    <>\n      <Input.Root>\n        <Input.Label>{t('range list heading')}</Input.Label>\n      </Input.Root>\n      {sheet.ranges.length < 1 ? (\n        <Message.Root>\n          <Message.Title>{t('no ranges message')}</Message.Title>\n        </Message.Root>\n      ) : (\n        <List.Root<Sheet.Range> items={sheet.ranges} isItem={Schema.is(Sheet.Range)}>\n          {({ items: ranges }) =>\n            ranges.map((range, i) => (\n              <List.Item key={i} item={range} classNames={['p-2', ghostHover]}>\n                <List.ItemDragHandle />\n                <List.ItemTitle onClick={() => handleSelectRange(range)}>\n                  {t('range title', {\n                    position: rangeToA1Notation(rangeFromIndex(sheet, range.range)),\n                    key: t(`range key ${range.key} label`),\n                    value: t(`range value ${range.value} label`),\n                  })}\n                </List.ItemTitle>\n                <List.ItemDeleteButton onClick={() => handleDeleteRange(range)} />\n              </List.Item>\n            ))\n          }\n        </List.Root>\n      )}\n    </>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { RangeList } from './RangeList';\n\nexport default RangeList;\n"],
+  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,SAASC,mBAAmB;AAEnC,SAASC,yBAAyB;AAClC,SAASC,WAAW;AACpB,SAASC,OAAOC,SAASC,sBAAsB;AAC/C,SAASC,YAAY;AACrB,SAASC,kBAAkB;AAUpB,IAAMC,YAAY,CAAC,EAAEC,MAAK,MAAkB;AACjD,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AAEpC,QAAMC,oBAAoB,CAACC,UAAAA;EAAwB;AACnD,QAAMC,oBAAoBC,YACxB,CAACF,UAAAA;AACC,UAAMG,QAAQT,MAAMU,OAAOC,UAAU,CAACC,eAAeA,eAAeN,KAAAA;AACpEO,QAAIC,OAAOd,OAAO,CAACe,QAAAA;AACjBA,UAAIL,OAAOM,OAAOP,OAAO,CAAA;IAC3B,CAAA;EACF,GACA;IAACT;GAAM;AAET,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACiB,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,OAAK,MAAElB,EAAE,oBAAA,CAAA,CAAA,GAEjBD,MAAMU,OAAOU,SAAS,IACrB,sBAAA,cAACC,QAAQH,MAAI,MACX,sBAAA,cAACG,QAAQC,OAAK,MAAErB,EAAE,mBAAA,CAAA,CAAA,IAGpB,sBAAA,cAACsB,KAAKL,MAAI;IAAcM,OAAOxB,MAAMU;IAAQe,QAAeC,UAAGC,cAAMC,KAAK;KACvE,CAAC,EAAEJ,OAAOd,OAAM,MACfA,OAAOmB,IAAI,CAACvB,OAAOwB,MACjB,sBAAA,cAACP,KAAKQ,MAAI;IAACC,KAAKF;IAAGG,MAAM3B;IAAO4B,YAAY;MAAC;MAAOC;;KAClD,sBAAA,cAACZ,KAAKa,gBAAc,IAAA,GACpB,sBAAA,cAACb,KAAKc,WAAS;IAACC,SAAS,MAAMjC,kBAAkBC,KAAAA;KAC9CL,EAAE,eAAe;IAChBsC,UAAUC,kBAAkBC,eAAezC,OAAOM,MAAMA,KAAK,CAAA;IAC7D0B,KAAK/B,EAAE,aAAaK,MAAM0B,GAAG,QAAQ;IACrCU,OAAOzC,EAAE,eAAeK,MAAMoC,KAAK,QAAQ;EAC7C,CAAA,CAAA,GAEF,sBAAA,cAACnB,KAAKoB,kBAAgB;IAACL,SAAS,MAAM/B,kBAAkBD,KAAAA;;AAQxE;;;AC1DA,IAAA,oBAAesC;",
+  "names": ["Schema", "React", "useCallback", "rangeToA1Notation", "Obj", "Input", "Message", "useTranslation", "List", "ghostHover", "RangeList", "sheet", "t", "useTranslation", "meta", "id", "handleSelectRange", "range", "handleDeleteRange", "useCallback", "index", "ranges", "findIndex", "sheetRange", "Obj", "change", "obj", "splice", "Input", "Root", "Label", "length", "Message", "Title", "List", "items", "isItem", "is", "Sheet", "Range", "map", "i", "Item", "key", "item", "classNames", "ghostHover", "ItemDragHandle", "ItemTitle", "onClick", "position", "rangeToA1Notation", "rangeFromIndex", "value", "ItemDeleteButton", "RangeList"]
+}