glide-data-grid-cells-fork 6.0.4-alpha10

package/dist/cjs/cells/dropdown-cell.js

@@ -0,0 +1,237 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = this && this.__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const React = __importStar(require("react"));
+const react_1 = require("@linaria/react");
+const react_select_1 = __importStar(require("react-select"));
+const glide_data_grid_fork_1 = require("glide-data-grid-fork");
+const CustomMenu = p => {
+  const {
+    Menu
+  } = react_select_1.components;
+  const {
+    children,
+    ...rest
+  } = p;
+  return React.createElement(Menu, {
+    ...rest
+  }, children);
+};
+const Wrap = /*#__PURE__*/react_1.styled('div')({
+  name: "Wrap",
+  class: "gdg-wghi2zc",
+  propsAsIs: false
+});
+const PortalWrap = /*#__PURE__*/react_1.styled('div')({
+  name: "PortalWrap",
+  class: "gdg-p13nj8j0",
+  propsAsIs: false
+});
+// This is required since the padding is disabled for this cell type
+// The settings are based on the "pad" settings in the data-grid-overlay-editor-style.tsx
+const ReadOnlyWrap = /*#__PURE__*/react_1.styled('div')({
+  name: "ReadOnlyWrap",
+  class: "gdg-r6sia3g",
+  propsAsIs: false
+});
+const Editor = p => {
+  const {
+    value: cell,
+    onFinishedEditing,
+    initialValue
+  } = p;
+  const {
+    allowedValues,
+    value: valueIn
+  } = cell.data;
+  const [value, setValue] = React.useState(valueIn);
+  const [inputValue, setInputValue] = React.useState(initialValue ?? "");
+  const theme = (0, glide_data_grid_fork_1.useTheme)();
+  const values = React.useMemo(() => {
+    return allowedValues.map(option => {
+      if (typeof option === "string" || option === null || option === undefined) {
+        return {
+          value: option,
+          label: option?.toString() ?? ""
+        };
+      }
+      return option;
+    });
+  }, [allowedValues]);
+  if (cell.readonly) {
+    return React.createElement(ReadOnlyWrap, null, React.createElement(glide_data_grid_fork_1.TextCellEntry, {
+      highlight: true,
+      autoFocus: false,
+      disabled: true,
+      value: value ?? "",
+      onChange: () => undefined
+    }));
+  }
+  return React.createElement(Wrap, null, React.createElement(react_select_1.default, {
+    className: "glide-select",
+    inputValue: inputValue,
+    onInputChange: setInputValue,
+    menuPlacement: "auto",
+    value: values.find(x => x.value === value),
+    styles: {
+      control: base => ({
+        ...base,
+        border: 0,
+        boxShadow: "none"
+      }),
+      option: (base, {
+        isFocused
+      }) => ({
+        ...base,
+        fontSize: theme.editorFontSize,
+        fontFamily: theme.fontFamily,
+        cursor: isFocused ? "pointer" : undefined,
+        paddingLeft: theme.cellHorizontalPadding,
+        paddingRight: theme.cellHorizontalPadding,
+        ":active": {
+          ...base[":active"],
+          color: theme.accentFg
+        },
+        // Add some content in case the option is empty
+        // so that the option height can be calculated correctly
+        ":empty::after": {
+          content: '" "',
+          visibility: "hidden"
+        }
+      })
+    },
+    theme: t => {
+      return {
+        ...t,
+        colors: {
+          ...t.colors,
+          neutral0: theme.bgCell,
+          // the selected item because of course it is.
+          neutral5: theme.bgCell,
+          neutral10: theme.bgCell,
+          neutral20: theme.bgCellMedium,
+          neutral30: theme.bgCellMedium,
+          neutral40: theme.bgCellMedium,
+          neutral50: theme.textLight,
+          neutral60: theme.textMedium,
+          neutral70: theme.textMedium,
+          neutral80: theme.textDark,
+          neutral90: theme.textDark,
+          neutral100: theme.textDark,
+          primary: theme.accentColor,
+          primary75: theme.accentColor,
+          primary50: theme.accentColor,
+          primary25: theme.accentLight // prelight color
+        }
+      };
+    },
+
+    menuPortalTarget: document.getElementById("portal"),
+    autoFocus: true,
+    openMenuOnFocus: true,
+    components: {
+      DropdownIndicator: () => null,
+      IndicatorSeparator: () => null,
+      Menu: props => React.createElement(PortalWrap, null, React.createElement(CustomMenu, {
+        className: "click-outside-ignore",
+        ...props
+      }))
+    },
+    options: values,
+    onChange: async e => {
+      if (e === null) return;
+      setValue(e.value);
+      await new Promise(r => window.requestAnimationFrame(r));
+      onFinishedEditing({
+        ...cell,
+        data: {
+          ...cell.data,
+          value: e.value
+        }
+      });
+    }
+  }));
+};
+const renderer = {
+  kind: glide_data_grid_fork_1.GridCellKind.Custom,
+  isMatch: c => c.data.kind === "dropdown-cell",
+  draw: (args, cell) => {
+    const {
+      ctx,
+      theme,
+      rect
+    } = args;
+    const {
+      value
+    } = cell.data;
+    const foundOption = cell.data.allowedValues.find(opt => {
+      if (typeof opt === "string" || opt === null || opt === undefined) {
+        return opt === value;
+      }
+      return opt.value === value;
+    });
+    const displayText = typeof foundOption === "string" ? foundOption : foundOption?.label ?? "";
+    if (displayText) {
+      ctx.fillStyle = theme.textDark;
+      ctx.fillText(displayText, rect.x + theme.cellHorizontalPadding, rect.y + rect.height / 2 + (0, glide_data_grid_fork_1.getMiddleCenterBias)(ctx, theme));
+    }
+    return true;
+  },
+  measure: (ctx, cell, theme) => {
+    const {
+      value
+    } = cell.data;
+    return (value ? ctx.measureText(value).width : 0) + theme.cellHorizontalPadding * 2;
+  },
+  provideEditor: () => ({
+    editor: Editor,
+    disablePadding: true,
+    deletedValue: v => ({
+      ...v,
+      copyData: "",
+      data: {
+        ...v.data,
+        value: ""
+      }
+    })
+  }),
+  onPaste: (v, d) => ({
+    ...d,
+    value: d.allowedValues.includes(v) ? v : d.value
+  })
+};
+exports.default = renderer;
+

package/dist/cjs/cells/dropdown-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-cell.js","sourceRoot":"","sources":["../../../src/cells/dropdown-cell.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cells/input-dropdown-cell.css

@@ -0,0 +1,3 @@
+.gdg-wq24c0d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.gdg-wq24c0d .glide-select{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);}
+.gdg-pjmrjuo{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);color:var(--gdg-text-dark);}.gdg-pjmrjuo > div{border-radius:4px;border:1px solid var(--gdg-border-color);}
+.gdg-rzd5ey8{display:"flex";margin:auto 8.5px;padding-bottom:3px;}

package/dist/cjs/cells/input-dropdown-cell.js

@@ -0,0 +1,245 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = this && this.__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const React = __importStar(require("react"));
+const react_1 = require("@linaria/react");
+const react_select_1 = __importStar(require("react-select"));
+const glide_data_grid_fork_1 = require("glide-data-grid-fork");
+const CustomMenu = p => {
+  const {
+    Menu
+  } = react_select_1.components;
+  const {
+    children,
+    ...rest
+  } = p;
+  return React.createElement(Menu, {
+    ...rest
+  }, children);
+};
+const Wrap = /*#__PURE__*/react_1.styled('div')({
+  name: "Wrap",
+  class: "gdg-wq24c0d",
+  propsAsIs: false
+});
+const PortalWrap = /*#__PURE__*/react_1.styled('div')({
+  name: "PortalWrap",
+  class: "gdg-pjmrjuo",
+  propsAsIs: false
+});
+// This is required since the padding is disabled for this cell type
+// The settings are based on the "pad" settings in the data-grid-overlay-editor-style.tsx
+const ReadOnlyWrap = /*#__PURE__*/react_1.styled('div')({
+  name: "ReadOnlyWrap",
+  class: "gdg-rzd5ey8",
+  propsAsIs: false
+});
+// Editor Component
+const Editor = p => {
+  const {
+    value: cell,
+    onFinishedEditing,
+    initialValue
+  } = p;
+  const {
+    allowedValues,
+    value: valueIn,
+    fetchOptions
+  } = cell.data;
+  const [value, setValue] = React.useState(valueIn);
+  const [inputValue, setInputValue] = React.useState(initialValue ?? "");
+  const [options, setOptions] = React.useState(() => Array.from(allowedValues));
+  const [isFocused, setIsFocused] = React.useState(false);
+  const theme = (0, glide_data_grid_fork_1.useTheme)();
+  // Debounced API Call
+  React.useEffect(() => {
+    if (fetchOptions && inputValue) {
+      const timeout = setTimeout(() => {
+        fetchOptions(inputValue).then(fetchedOptions => setOptions(fetchedOptions)).catch(console.error);
+      }, 300); // Debounce delay
+      return () => clearTimeout(timeout);
+    }
+  }, [inputValue, fetchOptions]);
+  const values = React.useMemo(() => {
+    return options.map(option => {
+      if (typeof option === "string" || option === null || option === undefined) {
+        return {
+          value: option,
+          label: option?.toString() ?? ""
+        };
+      }
+      return option;
+    });
+  }, [options]);
+  if (cell.readonly) {
+    return React.createElement(ReadOnlyWrap, null, React.createElement(glide_data_grid_fork_1.TextCellEntry, {
+      highlight: true,
+      autoFocus: false,
+      disabled: true,
+      value: value ?? "",
+      onChange: () => undefined
+    }));
+  }
+  return React.createElement(Wrap, null, isFocused || !value ? React.createElement(react_select_1.default, {
+    className: "glide-select",
+    inputValue: inputValue,
+    onInputChange: setInputValue,
+    menuPlacement: "auto",
+    value: values.find(x => x.value === value),
+    styles: {
+      control: base => ({
+        ...base,
+        border: 0,
+        boxShadow: "none"
+      }),
+      option: (base, {
+        isFocused: isFocused2
+      }) => ({
+        ...base,
+        fontSize: theme.editorFontSize,
+        fontFamily: theme.fontFamily,
+        cursor: isFocused2 ? "pointer" : undefined,
+        paddingLeft: theme.cellHorizontalPadding,
+        paddingRight: theme.cellHorizontalPadding,
+        ":active": {
+          ...base[":active"],
+          color: theme.accentFg
+        },
+        ":empty::after": {
+          content: '" "',
+          visibility: "hidden"
+        }
+      })
+    },
+    theme: t => {
+      return {
+        ...t,
+        colors: {
+          ...t.colors,
+          neutral0: theme.bgCell,
+          neutral20: theme.bgCellMedium,
+          neutral50: theme.textLight,
+          neutral80: theme.textDark,
+          primary: theme.accentColor
+        }
+      };
+    },
+    menuPortalTarget: document.getElementById("portal"),
+    autoFocus: true,
+    openMenuOnFocus: true,
+    components: {
+      DropdownIndicator: () => null,
+      IndicatorSeparator: () => null,
+      Menu: props => React.createElement(PortalWrap, null, React.createElement(CustomMenu, {
+        className: "click-outside-ignore",
+        ...props
+      }))
+    },
+    options: values,
+    onChange: async e => {
+      if (e === null) return;
+      setValue(e.value);
+      setIsFocused(false);
+      await new Promise(r => window.requestAnimationFrame(r));
+      onFinishedEditing({
+        ...cell,
+        data: {
+          ...cell.data,
+          value: e.value
+        }
+      });
+    },
+    onBlur: () => setIsFocused(false)
+  }) : React.createElement("input", {
+    type: "text",
+    value: value,
+    onFocus: () => setIsFocused(true),
+    autoFocus: false,
+    readOnly: true,
+    style: {
+      fontFamily: theme.fontFamily,
+      fontSize: theme.editorFontSize,
+      border: "none",
+      background: "transparent",
+      padding: "0",
+      margin: "0"
+    }
+  }));
+};
+const renderer = {
+  kind: glide_data_grid_fork_1.GridCellKind.Custom,
+  isMatch: c => c.data.kind === "input-dropdown-cell",
+  draw: (args, cell) => {
+    const {
+      ctx,
+      theme,
+      rect
+    } = args;
+    const {
+      value
+    } = cell.data;
+    const displayText = value;
+    if (displayText) {
+      ctx.fillStyle = theme.textDark;
+      ctx.fillText(displayText, rect.x + theme.cellHorizontalPadding, rect.y + rect.height / 2 + (0, glide_data_grid_fork_1.getMiddleCenterBias)(ctx, theme));
+    }
+    return true;
+  },
+  measure: (ctx, cell, theme) => {
+    const {
+      value
+    } = cell.data;
+    return (value ? ctx.measureText(value).width : 0) + theme.cellHorizontalPadding * 2;
+  },
+  provideEditor: () => ({
+    editor: Editor,
+    disablePadding: true,
+    deletedValue: v => ({
+      ...v,
+      copyData: "",
+      data: {
+        ...v.data,
+        value: ""
+      }
+    })
+  }),
+  onPaste: (_v, d) => ({
+    ...d,
+    value: d.value
+  })
+};
+exports.default = renderer;
+

package/dist/cjs/cells/input-dropdown-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-dropdown-cell.js","sourceRoot":"","sources":["../../../src/cells/input-dropdown-cell.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cells/links-cell.css

@@ -0,0 +1 @@
+.gdg-lw5nakc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:4px 0;}.gdg-lw5nakc > button{color:var(--gdg-accent-color);font-weight:600;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;border:none;outline:none;background-color:transparent;-webkit-transition:background-color 200ms;transition:background-color 200ms;border-radius:4px;padding:6px 8px;cursor:pointer;}.gdg-lw5nakc > button:hover,.gdg-lw5nakc > button:focus-visible{background-color:var(--gdg-accent-light);}.gdg-lw5nakc > button:disabled{opacity:0.4;pointer-events:none;}.gdg-lw5nakc .gdg-link-title-editor{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:250px;}.gdg-lw5nakc .gdg-link-title-editor > input{outline:none;border:1px solid var(--gdg-border-color);border-radius:4px;box-shadow:none;padding:6px 8px;min-width:0;width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-transition:border 200ms;transition:border 200ms;}.gdg-lw5nakc .gdg-link-title-editor > input:not(:last-child){margin-right:4px;}.gdg-lw5nakc .gdg-link-title-editor > input:focus{border:1px solid var(--gdg-accent-color);}.gdg-lw5nakc .gdg-link-title-editor:not(:last-child){margin-bottom:4px;}.gdg-lw5nakc .gdg-link-title-editor > button{border:none;outline:none;border-radius:4px;background-color:transparent;cursor:pointer;-webkit-transition: background-color 200ms, color 200ms;transition: background-color 200ms, color 200ms;color:var(--gdg-text-medium);}.gdg-lw5nakc .gdg-link-title-editor > button:hover,.gdg-lw5nakc .gdg-link-title-editor > button:focus-visible{background-color:var(--gdg-accent-light);color:var(--gdg-text-dark);}