@wix/patterns 1.364.0 → 1.366.0

package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "View985561481";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "View985561481__root", "textView": "View985561481__textView" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=View.st.css.js.map

package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,UAAU,EAAC,yBAAyB,EAAC,CAAC;AACzF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/text/View.uni.driver.js

@@ -0,0 +1,8 @@
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function TextViewUniDriver(base, _body) {
+    return {
+        ...baseUniDriverFactory(base),
+        getValue: () => base.text(),
+    };
+}
+//# sourceMappingURL=View.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/text/View.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,iBAAiB,CAAC,IAAe,EAAE,KAAgB;IACjE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;KAC5B,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/text/index.js

@@ -0,0 +1,15 @@
+import { defineCellType } from '../../types';
+import { TextView } from './View';
+import { TextEdit } from './Edit';
+export { TextView, TextEdit };
+export const textCellType = defineCellType({
+    type: 'text',
+    ViewComponent: TextView,
+    EditComponent: TextEdit,
+    serialize: (value) => value ?? '',
+    deserialize: (raw) => raw,
+    editable: true,
+    clearable: true,
+    onTypeToEdit: ({ key }) => ({ value: key }),
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAS;IACjD,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;CAC5C,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/Edit.js

@@ -0,0 +1,26 @@
+import React, { useCallback } from 'react';
+import { Input } from '@wix/design-system';
+import { classes } from './Edit.st.css.js';
+export const UrlEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onCommit();
+        }
+        else if (e.key === 'Escape') {
+            e.preventDefault();
+            onCancel();
+        }
+    }, [onCommit, onCancel]);
+    const handleBlur = useCallback(() => {
+        onCommit();
+    }, [onCommit]);
+    return (React.createElement("div", { style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+        } },
+        React.createElement(Input, { ref: inputRef, size: "small", border: "none", value: value ?? '', onChange: (e) => onChange(e.target.value), onKeyDown: handleKeyDown, onBlur: handleBlur, type: "url", autoSelect: false, className: classes.urlInput })));
+};
+//# sourceMappingURL=Edit.js.map

package/dist/esm/components/EditableTable/cellTypes/url/Edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,EACvD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;QAED,oBAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAC,KAAK,EACV,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,OAAO,CAAC,QAAQ,GAC3B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css

@@ -0,0 +1,4 @@
+.urlInput {
+  width: 100%;
+  margin-left: -1px;
+}

package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "Edit4061833648";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "Edit4061833648__root", "urlInput": "Edit4061833648__urlInput" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=Edit.st.css.js.map

package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,UAAU,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/Edit.uni.driver.js

@@ -0,0 +1,13 @@
+import { InputUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function UrlEditUniDriver(base, body) {
+    const input = InputUniDriver(base, body);
+    return {
+        ...baseUniDriverFactory(base),
+        getValue: () => input.getValue(),
+        typeValue: (value) => input.enterText(value),
+        keyDown: (key, opts) => input.keyDown({ key, ...opts }),
+        blur: () => input.blur(),
+    };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/url/Edit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAG3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,gBAAgB,CAAC,IAAe,EAAE,IAAe;IAC/D,MAAM,KAAK,GAAI,cAA0D,CACvE,IAAI,EACJ,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE;QAChC,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QACpD,OAAO,EAAE,CACP,GAAW,EACX,IAAmE,EACnE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;QACpC,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE;KACzB,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/View.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Text, TextButton } from '@wix/design-system';
+import { st, classes } from './View.st.css.js';
+export const UrlView = ({ value }) => (React.createElement("div", { className: st(classes.textView, { suffixOnHover: true }) },
+    React.createElement(Text, { size: "small", ellipsis: true, className: classes.urlText }, value ?? ''),
+    value && (React.createElement(TextButton, { dataHook: "open-link-button", size: "small", underline: "always", as: "a", href: value, target: "_blank", rel: "noopener noreferrer", onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.preventDefault(), className: classes.suffix }, "Open link"))));
+//# sourceMappingURL=View.js.map

package/dist/esm/components/EditableTable/cellTypes/url/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrE,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;IAC3D,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,IACnD,KAAK,IAAI,EAAE,CACP;IACN,KAAK,IAAI,CACR,oBAAC,UAAU,IACT,QAAQ,EAAC,kBAAkB,EAC3B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,KAAK,EACX,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACrD,WAAW,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACxD,SAAS,EAAE,OAAO,CAAC,MAAM,gBAGd,CACd,CACG,CACP,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/View.st.css

@@ -0,0 +1,22 @@
+.textView {
+  -st-states: suffixOnHover;
+  width: 100%;
+  padding: 9px 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.urlText {
+  flex: 1;
+  min-width: 0;
+}
+
+.suffix {
+  flex-shrink: 0;
+  margin-left: 10px;
+}
+
+.textView:suffixOnHover:not(:hover) .suffix {
+  display: none;
+}

package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "View793386274";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "View793386274__root", "textView": "View793386274__textView", "urlText": "View793386274__urlText", "suffix": "View793386274__suffix" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=View.st.css.js.map

package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,UAAU,EAAC,yBAAyB,EAAC,SAAS,EAAC,wBAAwB,EAAC,QAAQ,EAAC,uBAAuB,EAAC,CAAC;AAC7J,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/View.uni.driver.js

@@ -0,0 +1,13 @@
+import { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function UrlViewUniDriver(base, body) {
+    const linkButton = TextButtonUniDriver(base.$('[data-hook="open-link-button"]'), body);
+    return {
+        ...baseUniDriverFactory(base),
+        getValue: () => base.text(),
+        hasOpenLinkButton: () => linkButton.exists(),
+        getLinkHref: () => linkButton.getHref(),
+        clickOpenLink: () => linkButton.click(),
+    };
+}
+//# sourceMappingURL=View.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/url/View.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,gBAAgB,CAAC,IAAe,EAAE,IAAe;IAC/D,MAAM,UAAU,GAAG,mBAAmB,CACpC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,EACxC,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;QAC3B,iBAAiB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE;QAC5C,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE;QACvC,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE;KACxC,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/index.js

@@ -0,0 +1,22 @@
+import { defineCellType } from '../../types';
+import { UrlView } from './View';
+import { UrlEdit } from './Edit';
+export { UrlView, UrlEdit };
+const URL_PATTERN = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?$/;
+export const urlCellType = defineCellType({
+    type: 'url',
+    ViewComponent: UrlView,
+    EditComponent: UrlEdit,
+    serialize: (value) => value ?? '',
+    deserialize: (raw) => raw,
+    validate: (value) => {
+        if (value && !URL_PATTERN.test(value)) {
+            return 'Invalid URL format';
+        }
+        return null;
+    },
+    editable: true,
+    clearable: true,
+    onTypeToEdit: ({ key }) => ({ value: key }),
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/url/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAE5B,MAAM,WAAW,GAAG,oDAAoD,CAAC;AAEzE,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAS;IAChD,IAAI,EAAE,KAAK;IACX,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrC,OAAO,oBAAoB,CAAC;SAC7B;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;CAC5C,CAAC,CAAC"}

package/dist/esm/components/EditableTable/index.js

@@ -0,0 +1,3 @@
+export * from './EditableTable';
+export { defineCellType } from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/esm/components/EditableTable/types.js

@@ -0,0 +1,5 @@
+/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */
+export function defineCellType(cellType) {
+    return cellType;
+}
+//# sourceMappingURL=types.js.map

package/dist/esm/components/EditableTable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/types.ts"],"names":[],"mappings":"AAmBA,kGAAkG;AAClG,MAAM,UAAU,cAAc,CAAI,QAWjC;IACC,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/esm/components/EditableTable/useCellFocusAndEditing.js

@@ -0,0 +1,80 @@
+import { useEffect, useCallback, useMemo } from 'react';
+export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editInputRef, }) {
+    const { cellInteraction } = state;
+    const column = state._columnMap.get(columnId);
+    const resolved = column ? state.resolveCellType(column.cellType) : null;
+    const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
+    const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
+    const isEditable = state.isCellEditable(rowKey, columnId);
+    // When focused (not editing): focus the cell div so it receives keyboard events.
+    // When editing starts: focus the input (cursor at end, no select-all).
+    useEffect(() => {
+        if (!isFocused) {
+            return;
+        }
+        if (isEditing) {
+            if (editInputRef.current &&
+                document.activeElement !== editInputRef.current) {
+                editInputRef.current.focus();
+            }
+        }
+        else {
+            cellRef.current?.focus();
+        }
+    }, [isFocused, isEditing, cellRef, editInputRef]);
+    const handleActivate = useCallback(() => {
+        if (resolved?.toggleValue) {
+            state.cellValue.toggleCell(rowKey, columnId);
+        }
+        else {
+            cellInteraction.startEdit();
+        }
+    }, [resolved, state, rowKey, columnId, cellInteraction]);
+    // Handle Enter and type-to-edit at the cell level
+    const onKeyDown = useCallback((e) => {
+        if (!isFocused || !isEditable || isEditing) {
+            return;
+        }
+        if (state.updateItemDisabled) {
+            return;
+        }
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            handleActivate();
+            return;
+        }
+        // Type-to-edit: prevent the browser's default text insertion, start
+        // edit mode, then set the value programmatically via React state.
+        // startEdit() must come before setEditingValue() because it resets
+        // editingValue to undefined.
+        if (e.key.length === 1 &&
+            !e.ctrlKey &&
+            !e.metaKey &&
+            !e.altKey &&
+            !e.nativeEvent.isComposing &&
+            editInputRef.current) {
+            const clearResult = resolved?.onTypeToEdit?.({ key: e.key });
+            if (!clearResult) {
+                return;
+            }
+            e.preventDefault();
+            cellInteraction.startEdit(undefined, undefined, 'type');
+            if ('value' in clearResult) {
+                cellInteraction.setEditingValue(clearResult.value);
+            }
+            editInputRef.current.focus();
+            e.stopPropagation();
+        }
+    }, [
+        editInputRef,
+        isFocused,
+        isEditable,
+        isEditing,
+        state,
+        cellInteraction,
+        resolved,
+        handleActivate,
+    ]);
+    return useMemo(() => ({ onKeyDown }), [onKeyDown]);
+}
+//# sourceMappingURL=useCellFocusAndEditing.js.map

package/dist/esm/components/EditableTable/useCellFocusAndEditing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellFocusAndEditing.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useCellFocusAndEditing.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/EditableTable/useClearFocusOnBlur.js

@@ -0,0 +1,27 @@
+import { useCallback, useEffect, useRef } from 'react';
+/**
+ * Clears cell focus when the user clicks outside the table container.
+ */
+export function useClearFocusOnBlur(cellInteraction) {
+    const blurFrameId = useRef(0);
+    useEffect(() => {
+        return () => cancelAnimationFrame(blurFrameId.current);
+    }, []);
+    const onFocus = useCallback(() => {
+        cancelAnimationFrame(blurFrameId.current);
+    }, []);
+    const onBlur = useCallback((e) => {
+        cancelAnimationFrame(blurFrameId.current);
+        const container = e.currentTarget;
+        blurFrameId.current = requestAnimationFrame(() => {
+            if (container.contains(document.activeElement)) {
+                return;
+            }
+            if (!cellInteraction.isEditing) {
+                cellInteraction.clearFocus();
+            }
+        });
+    }, [cellInteraction]);
+    return { onFocus, onBlur };
+}
+//# sourceMappingURL=useClearFocusOnBlur.js.map

package/dist/esm/components/EditableTable/useClearFocusOnBlur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClearFocusOnBlur.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useClearFocusOnBlur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAIvD;;GAEG;AACH,MAAM,UAAU,mBAAmB,CACjC,eAA2C;IAE3C,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,CAAmC,EAAE,EAAE;QACtC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC1C,MAAM,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;QAElC,WAAW,CAAC,OAAO,GAAG,qBAAqB,CAAC,GAAG,EAAE;YAC/C,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAC9C,OAAO;aACR;YAED,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE;gBAC9B,eAAe,CAAC,UAAU,EAAE,CAAC;aAC9B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAC7B,CAAC"}

package/dist/esm/components/EditableTable/useClipboardHandler.js

@@ -0,0 +1,61 @@
+import { useEffect, useCallback } from 'react';
+export function useClipboardHandler(state, containerRef) {
+    const { cellInteraction, clipboard } = state;
+    const handleCopy = useCallback((e) => {
+        if (cellInteraction.selectedCells.size === 0) {
+            return;
+        }
+        if (cellInteraction.isEditing) {
+            return;
+        }
+        e.preventDefault();
+        const tsv = clipboard.copy();
+        e.clipboardData?.setData('text/plain', tsv);
+    }, [cellInteraction, clipboard]);
+    const handleCut = useCallback((e) => {
+        if (cellInteraction.selectedCells.size === 0) {
+            return;
+        }
+        if (cellInteraction.isEditing) {
+            return;
+        }
+        if (state.updateItemDisabled) {
+            return;
+        }
+        e.preventDefault();
+        const tsv = clipboard.cut();
+        e.clipboardData?.setData('text/plain', tsv);
+    }, [cellInteraction, clipboard, state]);
+    const handlePaste = useCallback((e) => {
+        if (!cellInteraction.focusedCell) {
+            return;
+        }
+        if (cellInteraction.isEditing) {
+            return;
+        }
+        if (state.updateItemDisabled) {
+            return;
+        }
+        e.preventDefault();
+        const rawData = e.clipboardData?.getData('text/plain') ?? '';
+        if (!rawData) {
+            return;
+        }
+        clipboard.paste(rawData);
+    }, [cellInteraction, clipboard, state]);
+    useEffect(() => {
+        const container = containerRef?.current;
+        if (!container) {
+            return;
+        }
+        container.addEventListener('copy', handleCopy);
+        container.addEventListener('cut', handleCut);
+        container.addEventListener('paste', handlePaste);
+        return () => {
+            container.removeEventListener('copy', handleCopy);
+            container.removeEventListener('cut', handleCut);
+            container.removeEventListener('paste', handlePaste);
+        };
+    }, [handleCopy, handleCut, handlePaste, containerRef]);
+}
+//# sourceMappingURL=useClipboardHandler.js.map

package/dist/esm/components/EditableTable/useClipboardHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboardHandler.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useClipboardHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,UAAU,mBAAmB,CACjC,KAA+B,EAC/B,YAAoD;IAEpD,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,CAAiB,EAAE,EAAE;QACpB,IAAI,eAAe,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAAE;YAC5C,OAAO;SACR;QACD,IAAI,eAAe,CAAC,SAAS,EAAE;YAC7B,OAAO;SACR;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;QAC7B,CAAC,CAAC,aAAa,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,eAAe,EAAE,SAAS,CAAC,CAC7B,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAiB,EAAE,EAAE;QACpB,IAAI,eAAe,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAAE;YAC5C,OAAO;SACR;QACD,IAAI,eAAe,CAAC,SAAS,EAAE;YAC7B,OAAO;SACR;QACD,IAAI,KAAK,CAAC,kBAAkB,EAAE;YAC5B,OAAO;SACR;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;QAC5B,CAAC,CAAC,aAAa,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,eAAe,EAAE,SAAS,EAAE,KAAK,CAAC,CACpC,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;YAChC,OAAO;SACR;QACD,IAAI,eAAe,CAAC,SAAS,EAAE;YAC7B,OAAO;SACR;QACD,IAAI,KAAK,CAAC,kBAAkB,EAAE;YAC5B,OAAO;SACR;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC7D,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,eAAe,EAAE,SAAS,EAAE,KAAK,CAAC,CACpC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,EAAE,OAAO,CAAC;QACxC,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QAED,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAC/C,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAC7C,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEjD,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;YAClD,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAChD,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;AACzD,CAAC"}

package/dist/esm/components/EditableTable/useEditableTableCollectionSyncProps.js

@@ -0,0 +1,6 @@
+import { useEffect } from 'react';
+export function useEditableTableCollectionSyncProps(props) {
+    const { state, columns } = props;
+    useEffect(() => state.init(columns), [state, columns]);
+}
+//# sourceMappingURL=useEditableTableCollectionSyncProps.js.map

package/dist/esm/components/EditableTable/useEditableTableCollectionSyncProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableTableCollectionSyncProps.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useEditableTableCollectionSyncProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,UAAU,mCAAmC,CACjD,KAA+B;IAE/B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AACzD,CAAC"}

package/dist/esm/components/EditableTable/useEditableTableContextMenu.js

@@ -0,0 +1,80 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+const MOUSE_LEAVE_PADDING = 30;
+const isInsidePaddedRect = (e, rect, padding) => e.clientX >= rect.left - padding &&
+    e.clientX <= rect.right + padding &&
+    e.clientY >= rect.top - padding &&
+    e.clientY <= rect.bottom + padding;
+export function useEditableTableContextMenu(cellInteraction) {
+    const [position, setPosition] = useState(null);
+    const [cell, setCell] = useState(null);
+    const menuRef = useRef(null);
+    const cellElRef = useRef(null);
+    const handleContextMenu = useCallback((e) => {
+        const cellEl = e.target.closest('[data-row-key][data-column-id]');
+        if (!cellEl) {
+            return;
+        }
+        e.preventDefault();
+        const rowKey = cellEl.getAttribute('data-row-key');
+        const columnId = cellEl.getAttribute('data-column-id');
+        if (!cellInteraction.isCellSelected(rowKey, columnId)) {
+            cellInteraction.focusCell(rowKey, columnId);
+        }
+        cellElRef.current = cellEl;
+        setPosition({ x: e.clientX, y: e.clientY });
+        setCell({ rowKey, columnId });
+    }, [cellInteraction]);
+    const handleClose = useCallback(() => {
+        setPosition(null);
+        setCell(null);
+        cellElRef.current = null;
+    }, []);
+    useEffect(() => {
+        if (!position) {
+            return;
+        }
+        const isInside = (target) => menuRef.current?.contains(target);
+        const onMouseDown = (e) => {
+            if (!isInside(e.target)) {
+                handleClose();
+            }
+        };
+        const onScroll = (e) => {
+            if (!isInside(e.target)) {
+                handleClose();
+            }
+        };
+        const onMouseMove = (e) => {
+            if (!menuRef.current) {
+                return;
+            }
+            const menuRect = menuRef.current.getBoundingClientRect();
+            // Skip until the menu has been laid out
+            if (menuRect.width === 0 || menuRect.height === 0) {
+                return;
+            }
+            // Stay open if cursor is near the menu
+            if (isInsidePaddedRect(e, menuRect, MOUSE_LEAVE_PADDING)) {
+                return;
+            }
+            // Stay open if cursor is on the cell that triggered the menu
+            if (cellElRef.current) {
+                const cellRect = cellElRef.current.getBoundingClientRect();
+                if (isInsidePaddedRect(e, cellRect, 0)) {
+                    return;
+                }
+            }
+            handleClose();
+        };
+        document.addEventListener('mousedown', onMouseDown);
+        document.addEventListener('scroll', onScroll, true);
+        document.addEventListener('mousemove', onMouseMove);
+        return () => {
+            document.removeEventListener('mousedown', onMouseDown);
+            document.removeEventListener('scroll', onScroll, true);
+            document.removeEventListener('mousemove', onMouseMove);
+        };
+    }, [position, handleClose]);
+    return { position, cell, menuRef, handleContextMenu, handleClose };
+}
+//# sourceMappingURL=useEditableTableContextMenu.js.map

package/dist/esm/components/EditableTable/useEditableTableContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableTableContextMenu.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useEditableTableContextMenu.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/EditableTable/useKeyboardNavigation.js

@@ -0,0 +1,83 @@
+import { useCallback } from 'react';
+export function useKeyboardNavigation(state) {
+    const { cellInteraction, clipboard } = state;
+    const onKeyDown = useCallback((e) => {
+        const { focusedCell, isEditing } = cellInteraction;
+        if (!focusedCell) {
+            return;
+        }
+        // Don't intercept keys when editing (let the editor handle them)
+        if (isEditing) {
+            if (e.key === 'Escape') {
+                e.preventDefault();
+                cellInteraction.cancelEdit();
+            }
+            else if (e.key === 'Tab') {
+                e.preventDefault();
+                cellInteraction.commitEdit();
+                if (e.shiftKey) {
+                    cellInteraction.moveToPreviousCell();
+                }
+                else {
+                    cellInteraction.moveToNextCell();
+                }
+            }
+            return;
+        }
+        const isCtrlOrCmd = e.ctrlKey || e.metaKey;
+        const extend = e.shiftKey;
+        switch (e.key) {
+            case 'ArrowUp':
+                e.preventDefault();
+                cellInteraction.moveFocus('up', extend);
+                break;
+            case 'ArrowDown':
+                e.preventDefault();
+                cellInteraction.moveFocus('down', extend);
+                break;
+            case 'ArrowLeft':
+                e.preventDefault();
+                cellInteraction.moveFocus('left', extend);
+                break;
+            case 'ArrowRight':
+                e.preventDefault();
+                cellInteraction.moveFocus('right', extend);
+                break;
+            case 'Tab':
+                e.preventDefault();
+                if (e.shiftKey) {
+                    cellInteraction.moveToPreviousCell();
+                }
+                else {
+                    cellInteraction.moveToNextCell();
+                }
+                break;
+            case 'Escape':
+                e.preventDefault();
+                if (clipboard.hasCopiedCells) {
+                    clipboard.clear();
+                }
+                else {
+                    cellInteraction.clearFocus();
+                }
+                break;
+            case 'Delete':
+            case 'Backspace':
+                e.preventDefault();
+                if (!state.updateItemDisabled) {
+                    state.clearCells(cellInteraction.selectedCellsList);
+                }
+                break;
+            case 'a':
+                if (isCtrlOrCmd) {
+                    e.preventDefault();
+                    cellInteraction.selectAll();
+                }
+                break;
+            default:
+                break;
+        }
+    }, [cellInteraction, clipboard, state]);
+    return { onKeyDown };
+}
+//# sourceMappingURL=useKeyboardNavigation.js.map