@wix/patterns 1.364.0 → 1.369.0

package/dist/cjs/components/EditableTable/cellTypes/select/Edit.js

@@ -0,0 +1,85 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SelectEdit = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _EditStCss = require("./Edit.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/select/Edit.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SelectEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  typeConfig,
+  inputRef,
+  editTrigger
+}) => {
+  const dropdownInputRef = (0, _react.useRef)(null);
+
+  // Auto-open dropdown when entering edit mode via type-to-edit
+  (0, _react.useEffect)(() => {
+    if (editTrigger === 'type' && dropdownInputRef.current) {
+      dropdownInputRef.current.click();
+    }
+  }, [editTrigger]);
+  const config = typeConfig;
+  const rawOptions = (config == null ? void 0 : config.options) ?? [];
+  const dropdownOptions = (0, _react.useMemo)(() => rawOptions.map(o => ({
+    id: o.id,
+    value: o.value
+  })), [rawOptions]);
+  const handleSelect = (0, _react.useCallback)(option => {
+    onChange(String(option.id));
+    onCommit();
+  }, [onChange, onCommit]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      onCancel();
+    }
+  }, [onCancel]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onKeyDown: handleKeyDown,
+    style: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
+    size: "small",
+    border: "none",
+    selectedId: value,
+    options: dropdownOptions,
+    onSelect: handleSelect,
+    popoverProps: {
+      appendTo: 'window',
+      moveBy: {
+        y: 4
+      }
+    },
+    inputRef: el => {
+      dropdownInputRef.current = el;
+      if (inputRef) {
+        inputRef.current = el;
+      }
+    },
+    className: _EditStCss.classes.selectInput,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 7
+    }
+  }));
+};
+exports.SelectEdit = SelectEdit;
+//# sourceMappingURL=Edit.js.map

package/dist/cjs/components/EditableTable/cellTypes/select/Edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectEdit","value","onChange","onCommit","onCancel","typeConfig","inputRef","editTrigger","dropdownInputRef","useRef","useEffect","current","click","config","rawOptions","options","dropdownOptions","useMemo","map","id","handleSelect","useCallback","option","String","handleKeyDown","key","preventDefault","createElement","onKeyDown","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","Dropdown","size","border","selectedId","onSelect","popoverProps","appendTo","moveBy","y","el","className","classes","selectInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/select/Edit.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useEffect, useRef } from 'react';\nimport { Dropdown } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport type { SelectCellConfig } from '../../../../state/EditableTable/types';\nimport { classes } from './Edit.st.css.js';\n\nexport const SelectEdit: React.FC<CellEditProps<string>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  typeConfig,\n  inputRef,\n  editTrigger,\n}) => {\n  const dropdownInputRef = useRef<HTMLInputElement | null>(null);\n\n  // Auto-open dropdown when entering edit mode via type-to-edit\n  useEffect(() => {\n    if (editTrigger === 'type' && dropdownInputRef.current) {\n      dropdownInputRef.current.click();\n    }\n  }, [editTrigger]);\n  const config = typeConfig as SelectCellConfig | undefined;\n  const rawOptions = config?.options ?? [];\n\n  const dropdownOptions = useMemo(\n    () => rawOptions.map((o) => ({ id: o.id, value: o.value })),\n    [rawOptions],\n  );\n\n  const handleSelect = useCallback(\n    (option: { id: string | number }) => {\n      onChange(String(option.id));\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  return (\n    <div\n      onKeyDown={handleKeyDown}\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n    >\n      <Dropdown\n        size=\"small\"\n        border=\"none\"\n        selectedId={value}\n        options={dropdownOptions}\n        onSelect={handleSelect}\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        inputRef={(el: HTMLInputElement) => {\n          dropdownInputRef.current = el;\n          if (inputRef) {\n            inputRef.current = el;\n          }\n        }}\n        className={classes.selectInput}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css

@@ -0,0 +1,3 @@
+.selectInput {
+  width: 100%;
+}

package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "Edit2518330657";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "Edit2518330657__root",
+  "selectInput": "Edit2518330657__selectInput"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=Edit.st.css.js.map

package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/select/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2518330657\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit2518330657__root\",\"selectInput\":\"Edit2518330657__selectInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/select/Edit.uni.driver.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SelectEditUniDriver = SelectEditUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../../../unidriver");
+function SelectEditUniDriver(base, body) {
+  const dropdown = (0, _unidriver.DropdownUniDriver)(base, body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    keyDown: (key, opts) => dropdown.inputDriver.keyDown({
+      key,
+      ...opts
+    }),
+    blur: () => dropdown.inputDriver.blur(),
+    clickInput: () => dropdown.inputDriver.click(),
+    selectOption: async id => {
+      await dropdown.driver.selectOptionById(id);
+    }
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

package/dist/cjs/components/EditableTable/cellTypes/select/Edit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","SelectEditUniDriver","base","body","dropdown","DropdownUniDriver","baseUniDriverFactory","keyDown","key","opts","inputDriver","blur","clickInput","click","selectOption","id","driver","selectOptionById"],"sources":["../../../../../../src/components/EditableTable/cellTypes/select/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DropdownUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { DropdownUniDriver as DropdownUniDriverFactory } from '@wix/design-system/dist/types/Dropdown/Dropdown.uni.driver';\nimport { UniDriverFactory } from '../../../uniDriverFactory';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function SelectEditUniDriver(base: UniDriver, body: UniDriver) {\n  const dropdown = (\n    DropdownUniDriver as UniDriverFactory<DropdownUniDriverFactory>\n  )(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    keyDown: (\n      key: string,\n      opts?: { shiftKey?: boolean; ctrlKey?: boolean; metaKey?: boolean },\n    ) => dropdown.inputDriver.keyDown({ key, ...opts }),\n    blur: () => dropdown.inputDriver.blur(),\n    clickInput: () => dropdown.inputDriver.click(),\n    selectOption: async (id: string) => {\n      await dropdown.driver.selectOptionById(id);\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACpE,MAAMC,QAAQ,GAAG,IACfC,4BAAiB,EACjBH,IAAI,EAAEC,IAAI,CAAC;EAEb,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,OAAO,EAAEA,CACPC,GAAW,EACXC,IAAmE,KAChEL,QAAQ,CAACM,WAAW,CAACH,OAAO,CAAC;MAAEC,GAAG;MAAE,GAAGC;IAAK,CAAC,CAAC;IACnDE,IAAI,EAAEA,CAAA,KAAMP,QAAQ,CAACM,WAAW,CAACC,IAAI,CAAC,CAAC;IACvCC,UAAU,EAAEA,CAAA,KAAMR,QAAQ,CAACM,WAAW,CAACG,KAAK,CAAC,CAAC;IAC9CC,YAAY,EAAE,MAAOC,EAAU,IAAK;MAClC,MAAMX,QAAQ,CAACY,MAAM,CAACC,gBAAgB,CAACF,EAAE,CAAC;IAC5C;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/select/View.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SelectView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _ViewStCss = require("./View.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/select/View.tsx";
+const SelectView = ({
+  value,
+  typeConfig
+}) => {
+  const config = typeConfig;
+  const options = (config == null ? void 0 : config.options) ?? [];
+  const option = options.find(o => o.id === value);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    ellipsis: true,
+    className: _ViewStCss.classes.textView,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 5
+    }
+  }, (option == null ? void 0 : option.value) ?? value ?? '');
+};
+exports.SelectView = SelectView;
+//# sourceMappingURL=View.js.map

package/dist/cjs/components/EditableTable/cellTypes/select/View.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ViewStCss","_jsxFileName","SelectView","value","typeConfig","config","options","option","find","o","id","default","createElement","Text","size","ellipsis","className","classes","textView","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/select/View.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@wix/design-system';\nimport type { CellViewProps } from '../../types';\nimport type { SelectCellConfig } from '../../../../state/EditableTable/types';\nimport { classes } from './View.st.css.js';\n\nexport const SelectView: React.FC<CellViewProps<string>> = ({\n  value,\n  typeConfig,\n}) => {\n  const config = typeConfig as SelectCellConfig | undefined;\n  const options = config?.options ?? [];\n  const option = options.find((o) => o.id === value);\n  return (\n    <Text size=\"small\" ellipsis className={classes.textView}>\n      {option?.value ?? value ?? ''}\n    </Text>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAEpC,MAAMC,UAA2C,GAAGA,CAAC;EAC1DC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGD,UAA0C;EACzD,MAAME,OAAO,GAAG,CAAAD,MAAM,oBAANA,MAAM,CAAEC,OAAO,KAAI,EAAE;EACrC,MAAMC,MAAM,GAAGD,OAAO,CAACE,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKP,KAAK,CAAC;EAClD,oBACEP,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,QAAQ;IAACC,SAAS,EAAEC,kBAAO,CAACC,QAAS;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrD,CAAAhB,MAAM,oBAANA,MAAM,CAAEJ,KAAK,KAAIA,KAAK,IAAI,EACvB,CAAC;AAEX,CAAC;AAACqB,OAAA,CAAAtB,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/select/View.st.css

@@ -0,0 +1,4 @@
+.textView {
+  width: 100%;
+  padding: 9px 12px;
+}

package/dist/cjs/components/EditableTable/cellTypes/select/View.st.css.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "View2299310086";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "View2299310086__root",
+  "textView": "View2299310086__textView"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=View.st.css.js.map

package/dist/cjs/components/EditableTable/cellTypes/select/View.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/select/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View2299310086\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View2299310086__root\",\"textView\":\"View2299310086__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/select/View.uni.driver.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SelectViewUniDriver = SelectViewUniDriver;
+var _unidriver = require("../../../../unidriver");
+function SelectViewUniDriver(base, _body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    getDisplayLabel: () => base.text()
+  };
+}
+//# sourceMappingURL=View.uni.driver.js.map

package/dist/cjs/components/EditableTable/cellTypes/select/View.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","SelectViewUniDriver","base","_body","baseUniDriverFactory","getDisplayLabel","text"],"sources":["../../../../../../src/components/EditableTable/cellTypes/select/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function SelectViewUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    getDisplayLabel: () => base.text(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,mBAAmBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACrE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,eAAe,EAAEA,CAAA,KAAMH,IAAI,CAACI,IAAI,CAAC;EACnC,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/select/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.selectCellType = void 0;
+var _types = require("../../types");
+var _View = require("./View");
+exports.SelectView = _View.SelectView;
+var _Edit = require("./Edit");
+exports.SelectEdit = _Edit.SelectEdit;
+const selectCellType = exports.selectCellType = (0, _types.defineCellType)({
+  type: 'select',
+  ViewComponent: _View.SelectView,
+  EditComponent: _Edit.SelectEdit,
+  serialize: value => value ?? '',
+  deserialize: raw => raw,
+  editable: true,
+  clearable: true,
+  onTypeToEdit: () => ({})
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/EditableTable/cellTypes/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_View","exports","SelectView","_Edit","SelectEdit","selectCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","editable","clearable","onTypeToEdit"],"sources":["../../../../../../src/components/EditableTable/cellTypes/select/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { SelectView } from './View';\nimport { SelectEdit } from './Edit';\n\nexport { SelectView, SelectEdit };\n\nexport const selectCellType = defineCellType<string>({\n  type: 'select',\n  ViewComponent: SelectView,\n  EditComponent: SelectEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  editable: true,\n  clearable: true,\n  onTypeToEdit: () => ({}),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAoCE,OAAA,CAAAC,UAAA,GAAAF,KAAA,CAAAE,UAAA;AACpC,IAAAC,KAAA,GAAAJ,OAAA;AAAoCE,OAAA,CAAAG,UAAA,GAAAD,KAAA,CAAAC,UAAA;AAI7B,MAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG,IAAAC,qBAAc,EAAS;EACnDC,IAAI,EAAE,QAAQ;EACdC,aAAa,EAAEN,gBAAU;EACzBO,aAAa,EAAEL,gBAAU;EACzBM,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAA,MAAO,CAAC,CAAC;AACzB,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/text/Edit.js

@@ -0,0 +1,90 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TextEdit = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _EditStCss = require("./Edit.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/text/Edit.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const toSingleLine = value => value ? value.replace(/\n+/g, ' ') : '';
+const PADDING = 18;
+const MIN_HEIGHT = 36;
+const getMaxHeight = element => {
+  if (!element) {
+    return undefined;
+  }
+  const rect = element.getBoundingClientRect();
+  return Math.max(window.innerHeight - rect.top - PADDING, MIN_HEIGHT);
+};
+const TextEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  inputRef
+}) => {
+  const wrapperRef = (0, _react.useRef)(null);
+  const inputAreaRef = (0, _react.useRef)(null);
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (isFocused) {
+      var _inputAreaRef$current;
+      (_inputAreaRef$current = inputAreaRef.current) == null || _inputAreaRef$current.calculateComputedRows();
+    }
+  }, [isFocused]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      onCommit();
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      onCancel();
+    }
+  }, [onCommit, onCancel]);
+  const handleFocus = (0, _react.useCallback)(() => {
+    setIsFocused(true);
+  }, []);
+  const handleBlur = (0, _react.useCallback)(() => {
+    setIsFocused(false);
+    onCommit();
+  }, [onCommit]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: wrapperRef,
+    className: _EditStCss.classes.editWrapper,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.InputArea, {
+    ref: instance => {
+      inputAreaRef.current = instance;
+      if (inputRef) {
+        inputRef.current = instance;
+      }
+    },
+    size: "small",
+    value: !isFocused ? toSingleLine(value) : value ?? '',
+    onChange: e => onChange(e.target.value),
+    onKeyDown: handleKeyDown,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    autoSelect: false,
+    autoGrow: true,
+    minRowsAutoGrow: 1,
+    maxHeight: getMaxHeight(wrapperRef.current) + 'px',
+    className: (0, _EditStCss.st)(_EditStCss.classes.inputArea, {
+      isFocused
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 7
+    }
+  }));
+};
+exports.TextEdit = TextEdit;
+//# sourceMappingURL=Edit.js.map

package/dist/cjs/components/EditableTable/cellTypes/text/Edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","toSingleLine","value","replace","PADDING","MIN_HEIGHT","getMaxHeight","element","undefined","rect","getBoundingClientRect","Math","max","window","innerHeight","top","TextEdit","onChange","onCommit","onCancel","inputRef","wrapperRef","useRef","inputAreaRef","isFocused","setIsFocused","useState","useEffect","_inputAreaRef$current","current","calculateComputedRows","handleKeyDown","useCallback","key","shiftKey","preventDefault","handleFocus","handleBlur","createElement","ref","className","classes","editWrapper","__self","__source","fileName","lineNumber","columnNumber","InputArea","instance","size","target","onKeyDown","onFocus","onBlur","autoSelect","autoGrow","minRowsAutoGrow","maxHeight","st","inputArea","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/Edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState, useEffect } from 'react';\nimport { InputArea } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { st, classes } from './Edit.st.css.js';\n\nconst toSingleLine = (value?: string) =>\n  value ? value.replace(/\\n+/g, ' ') : '';\n\nconst PADDING = 18;\nconst MIN_HEIGHT = 36;\n\nconst getMaxHeight = (element?: HTMLElement | null) => {\n  if (!element) {\n    return undefined;\n  }\n  const rect = element.getBoundingClientRect();\n  return Math.max(window.innerHeight - rect.top - PADDING, MIN_HEIGHT);\n};\n\nexport const TextEdit: React.FC<CellEditProps<string>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const inputAreaRef = useRef<InputArea | null>(null);\n  const [isFocused, setIsFocused] = useState(false);\n\n  useEffect(() => {\n    if (isFocused) {\n      inputAreaRef.current?.calculateComputedRows();\n    }\n  }, [isFocused]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault();\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCommit, onCancel],\n  );\n\n  const handleFocus = useCallback(() => {\n    setIsFocused(true);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setIsFocused(false);\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <div ref={wrapperRef} className={classes.editWrapper}>\n      <InputArea\n        ref={(instance) => {\n          inputAreaRef.current = instance;\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        size=\"small\"\n        value={!isFocused ? toSingleLine(value) : value ?? ''}\n        onChange={(e) => onChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        autoSelect={false}\n        autoGrow\n        minRowsAutoGrow={1}\n        maxHeight={getMaxHeight(wrapperRef.current) + 'px'}\n        className={st(classes.inputArea, { isFocused })}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css

@@ -0,0 +1,33 @@
+.editWrapper {
+  width: 100%;
+}
+
+.inputArea {
+  -st-states: isFocused;
+  background-color: transparent;
+  width: 100%;
+}
+
+/* Strip WDS chrome from wrapper div */
+.inputArea > div {
+  border: none !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  background-color: transparent !important;
+  outline: none !important;
+}
+
+.inputArea textarea {
+  padding: 9px 12px 8px !important;
+  outline: none !important;
+  border: none !important;
+}
+
+.inputArea:not(:isFocused) textarea {
+  resize: none;
+  overflow: hidden;
+}
+
+.inputArea:not(:isFocused) textarea::-webkit-scrollbar {
+  display: none;
+}

package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "Edit3813731711";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "Edit3813731711__root",
+  "editWrapper": "Edit3813731711__editWrapper",
+  "inputArea": "Edit3813731711__inputArea"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=Edit.st.css.js.map

package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3813731711\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit3813731711__root\",\"editWrapper\":\"Edit3813731711__editWrapper\",\"inputArea\":\"Edit3813731711__inputArea\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC,6BAA6B;EAAC,WAAW,EAAC;AAA2B,CAAC;AACjI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/text/Edit.uni.driver.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TextEditUniDriver = TextEditUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../../../unidriver");
+function TextEditUniDriver(base, body) {
+  const inputArea = (0, _unidriver.InputAreaUniDriver)(base, body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    getValue: () => inputArea.getValue(),
+    typeValue: value => inputArea.enterText(value),
+    keyDown: (key, opts) => inputArea.trigger('keyDown', {
+      key,
+      ...opts
+    }),
+    blur: () => inputArea.trigger('blur', {}),
+    focus: () => inputArea.focus()
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

package/dist/cjs/components/EditableTable/cellTypes/text/Edit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","TextEditUniDriver","base","body","inputArea","InputAreaUniDriver","baseUniDriverFactory","getValue","typeValue","value","enterText","keyDown","key","opts","trigger","blur","focus"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { InputAreaUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { InputAreaUniDriver as InputAreaUniDriverFactory } from '@wix/design-system/dist/types/InputArea/InputArea.uni.driver';\nimport { UniDriverFactory } from '../../../uniDriverFactory';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function TextEditUniDriver(base: UniDriver, body: UniDriver) {\n  const inputArea = (\n    InputAreaUniDriver as UniDriverFactory<InputAreaUniDriverFactory>\n  )(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getValue: () => inputArea.getValue(),\n    typeValue: (value: string) => inputArea.enterText(value),\n    keyDown: (\n      key: string,\n      opts?: { shiftKey?: boolean; ctrlKey?: boolean; metaKey?: boolean },\n    ) => inputArea.trigger('keyDown', { key, ...opts }),\n    blur: () => inputArea.trigger('blur', {}),\n    focus: () => inputArea.focus(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,iBAAiBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAClE,MAAMC,SAAS,GAAG,IAChBC,6BAAkB,EAClBH,IAAI,EAAEC,IAAI,CAAC;EAEb,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAMH,SAAS,CAACG,QAAQ,CAAC,CAAC;IACpCC,SAAS,EAAGC,KAAa,IAAKL,SAAS,CAACM,SAAS,CAACD,KAAK,CAAC;IACxDE,OAAO,EAAEA,CACPC,GAAW,EACXC,IAAmE,KAChET,SAAS,CAACU,OAAO,CAAC,SAAS,EAAE;MAAEF,GAAG;MAAE,GAAGC;IAAK,CAAC,CAAC;IACnDE,IAAI,EAAEA,CAAA,KAAMX,SAAS,CAACU,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACzCE,KAAK,EAAEA,CAAA,KAAMZ,SAAS,CAACY,KAAK,CAAC;EAC/B,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/text/View.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TextView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _ViewStCss = require("./View.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/text/View.tsx";
+const TextView = ({
+  value
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  size: "small",
+  ellipsis: true,
+  className: _ViewStCss.classes.textView,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 7,
+    columnNumber: 3
+  }
+}, value ?? '');
+exports.TextView = TextView;
+//# sourceMappingURL=View.js.map

package/dist/cjs/components/EditableTable/cellTypes/text/View.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ViewStCss","_jsxFileName","TextView","value","default","createElement","Text","size","ellipsis","className","classes","textView","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@wix/design-system';\nimport type { CellViewProps } from '../../types';\nimport { classes } from './View.st.css.js';\n\nexport const TextView: React.FC<CellViewProps<string>> = ({ value }) => (\n  <Text size=\"small\" ellipsis className={classes.textView}>\n    {value ?? ''}\n  </Text>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAEpC,MAAMC,QAAyC,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBACjEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAO,IAAI;EAACC,IAAI,EAAC,OAAO;EAACC,QAAQ;EAACC,SAAS,EAAEC,kBAAO,CAACC,QAAS;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,GACrDb,KAAK,IAAI,EACN,CACP;AAACc,OAAA,CAAAf,QAAA,GAAAA,QAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css

@@ -0,0 +1,4 @@
+.textView {
+  width: 100%;
+  padding: 9px 12px;
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "View3275766842";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "View3275766842__root",
+  "textView": "View3275766842__textView"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=View.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View3275766842\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View3275766842__root\",\"textView\":\"View3275766842__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TextViewUniDriver = TextViewUniDriver;
+var _unidriver = require("../../../../unidriver");
+function TextViewUniDriver(base, _body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    getValue: () => base.text()
+  };
+}
+//# sourceMappingURL=View.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","TextViewUniDriver","base","_body","baseUniDriverFactory","getValue","text"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function TextViewUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    getValue: () => base.text(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,iBAAiBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACnE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,QAAQ,EAAEA,CAAA,KAAMH,IAAI,CAACI,IAAI,CAAC;EAC5B,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.textCellType = void 0;
+var _types = require("../../types");
+var _View = require("./View");
+exports.TextView = _View.TextView;
+var _Edit = require("./Edit");
+exports.TextEdit = _Edit.TextEdit;
+const textCellType = exports.textCellType = (0, _types.defineCellType)({
+  type: 'text',
+  ViewComponent: _View.TextView,
+  EditComponent: _Edit.TextEdit,
+  serialize: value => value ?? '',
+  deserialize: raw => raw,
+  editable: true,
+  clearable: true,
+  onTypeToEdit: ({
+    key
+  }) => ({
+    value: key
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_View","exports","TextView","_Edit","TextEdit","textCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","editable","clearable","onTypeToEdit","key"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { TextView } from './View';\nimport { TextEdit } from './Edit';\n\nexport { TextView, TextEdit };\n\nexport const textCellType = defineCellType<string>({\n  type: 'text',\n  ViewComponent: TextView,\n  EditComponent: TextEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  editable: true,\n  clearable: true,\n  onTypeToEdit: ({ key }) => ({ value: key }),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAkCE,OAAA,CAAAC,QAAA,GAAAF,KAAA,CAAAE,QAAA;AAClC,IAAAC,KAAA,GAAAJ,OAAA;AAAkCE,OAAA,CAAAG,QAAA,GAAAD,KAAA,CAAAC,QAAA;AAI3B,MAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,IAAAC,qBAAc,EAAS;EACjDC,IAAI,EAAE,MAAM;EACZC,aAAa,EAAEN,cAAQ;EACvBO,aAAa,EAAEL,cAAQ;EACvBM,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAC;IAAEC;EAAI,CAAC,MAAM;IAAEN,KAAK,EAAEM;EAAI,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}