@remyxjs/react 1.0.0-beta

package/dist/TablePickerModal-Do1QyoyM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePickerModal-Do1QyoyM.cjs","sources":["../src/components/Modals/TablePickerModal.jsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport { ModalOverlay } from './ModalOverlay.jsx'\n\nconst MAX_SIZE = 10\n\nexport function TablePickerModal({ open, onClose, engine }) {\n  const [hover, setHover] = useState({ row: 0, col: 0 })\n  const [rows, setRows] = useState(3)\n  const [cols, setCols] = useState(3)\n  const [error, setError] = useState(null)\n\n  const handleInsert = () => {\n    try {\n      setError(null)\n      engine.executeCommand('insertTable', { rows, cols })\n      onClose()\n    } catch (err) {\n      setError(err.message || 'Failed to insert table')\n    }\n  }\n\n  // Event delegation handlers for the grid container\n  const handleGridMouseOver = useCallback((e) => {\n    const cell = e.target.closest('[data-row]')\n    if (!cell) return\n    const r = parseInt(cell.dataset.row, 10) + 1\n    const c = parseInt(cell.dataset.col, 10) + 1\n    setHover({ row: r, col: c })\n    setRows(r)\n    setCols(c)\n  }, [])\n\n  const handleGridClick = useCallback((e) => {\n    const cell = e.target.closest('[data-row]')\n    if (!cell) return\n    const r = parseInt(cell.dataset.row, 10) + 1\n    const c = parseInt(cell.dataset.col, 10) + 1\n    try {\n      setError(null)\n      engine.executeCommand('insertTable', { rows: r, cols: c })\n      onClose()\n    } catch (err) {\n      setError(err.message || 'Failed to insert table')\n    }\n  }, [engine, onClose])\n\n  return (\n    <ModalOverlay title=\"Insert Table\" open={open} onClose={onClose} width={320}>\n      <div className=\"rmx-table-picker\">\n        <div className=\"rmx-table-grid\" onMouseOver={handleGridMouseOver} onClick={handleGridClick} aria-hidden=\"true\">\n          {Array.from({ length: MAX_SIZE }, (_, r) => (\n            <div key={r} className=\"rmx-table-grid-row\">\n              {Array.from({ length: MAX_SIZE }, (_, c) => (\n                <div\n                  key={c}\n                  data-row={r}\n                  data-col={c}\n                  className={`rmx-table-grid-cell ${r < hover.row && c < hover.col ? 'rmx-active' : ''}`}\n                />\n              ))}\n            </div>\n          ))}\n        </div>\n        <div className=\"rmx-table-picker-info\">{rows} x {cols}</div>\n      </div>\n      <div className=\"rmx-modal-form\" style={{ marginTop: 12 }}>\n        <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>\n          <div className=\"rmx-form-group\" style={{ flex: 1 }}>\n            <label className=\"rmx-form-label\" htmlFor=\"rmx-table-rows\">Rows</label>\n            <input id=\"rmx-table-rows\" type=\"number\" className=\"rmx-form-input\" value={rows} min={1} max={20}\n              onChange={(e) => setRows(parseInt(e.target.value) || 1)} />\n          </div>\n          <div className=\"rmx-form-group\" style={{ flex: 1 }}>\n            <label className=\"rmx-form-label\" htmlFor=\"rmx-table-cols\">Columns</label>\n            <input id=\"rmx-table-cols\" type=\"number\" className=\"rmx-form-input\" value={cols} min={1} max={20}\n              onChange={(e) => setCols(parseInt(e.target.value) || 1)} />\n          </div>\n        </div>\n        {error && <div className=\"rmx-form-error\" style={{ color: '#d32f2f', fontSize: 13, marginBottom: 8 }}>{error}</div>}\n        <div className=\"rmx-modal-actions\">\n          <button type=\"button\" className=\"rmx-btn\" onClick={onClose}>Cancel</button>\n          <button type=\"button\" className=\"rmx-btn rmx-btn-primary\" onClick={handleInsert}>Insert</button>\n        </div>\n      </div>\n    </ModalOverlay>\n  )\n}\n\nTablePickerModal.propTypes = {\n  open: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  engine: PropTypes.object,\n}\n"],"names":["TablePickerModal","open","onClose","engine","hover","setHover","useState","row","col","rows","setRows","cols","setCols","error","setError","handleGridMouseOver","useCallback","e","cell","target","closest","r","parseInt","dataset","c","handleGridClick","executeCommand","err","message","ModalOverlay","title","width","children","jsxs","className","jsx","onMouseOver","onClick","Array","from","length","_","style","marginTop","display","gap","alignItems","flex","htmlFor","id","type","value","min","max","onChange","color","fontSize","marginBottom","propTypes","PropTypes","bool","isRequired","func","object"],"mappings":"mNAMO,SAASA,GAAiBC,KAAEA,EAAAC,QAAMA,EAAAC,OAASA,IAChD,MAAOC,EAAOC,GAAYC,EAAAA,SAAS,CAAEC,IAAK,EAAGC,IAAK,KAC3CC,EAAMC,GAAWJ,EAAAA,SAAS,IAC1BK,EAAMC,GAAWN,EAAAA,SAAS,IAC1BO,EAAOC,GAAYR,EAAAA,SAAS,MAa7BS,EAAsBC,eAAaC,IACvC,MAAMC,EAAOD,EAAEE,OAAOC,QAAQ,cAC9B,IAAKF,EAAM,OACX,MAAMG,EAAIC,SAASJ,EAAKK,QAAQhB,IAAK,IAAM,EACrCiB,EAAIF,SAASJ,EAAKK,QAAQf,IAAK,IAAM,EAC3CH,EAAS,CAAEE,IAAKc,EAAGb,IAAKgB,IACxBd,EAAQW,GACRT,EAAQY,EAAC,GACR,IAEGC,EAAkBT,eAAaC,IACnC,MAAMC,EAAOD,EAAEE,OAAOC,QAAQ,cAC9B,IAAKF,EAAM,OACX,MAAMG,EAAIC,SAASJ,EAAKK,QAAQhB,IAAK,IAAM,EACrCiB,EAAIF,SAASJ,EAAKK,QAAQf,IAAK,IAAM,EAC3C,IACEM,EAAS,MACTX,EAAOuB,eAAe,cAAe,CAAEjB,KAAMY,EAAGV,KAAMa,IACtDtB,GACF,OAASyB,GACPb,EAASa,EAAIC,SAAW,yBAC1B,IACC,CAACzB,EAAQD,IAEZ,cACG2B,eAAA,CAAaC,MAAM,eAAe7B,OAAYC,UAAkB6B,MAAO,IACtEC,SAAA,GAAAC,KAAC,MAAA,CAAIC,UAAU,mBACbF,SAAA,GAAAG,IAAC,MAAA,CAAID,UAAU,iBAAiBE,YAAarB,EAAqBsB,QAASZ,EAAiB,cAAY,OACrGO,SAAAM,MAAMC,KAAK,CAAEC,OA/CP,KA+C2B,CAACC,EAAGpB,IACpCc,EAAAA,IAAC,MAAA,CAAYD,UAAU,qBACpBF,SAAAM,MAAMC,KAAK,CAAEC,OAjDX,KAiD+B,CAACC,EAAGjB,IACpCW,EAAAA,IAAC,MAAA,CAEC,WAAUd,EACV,WAAUG,EACVU,UAAW,wBAAuBb,EAAIjB,EAAMG,KAAOiB,EAAIpB,EAAMI,IAAM,aAAe,KAH7EgB,MAHDH,SAYdY,KAAC,MAAA,CAAIC,UAAU,wBAAyBF,SAAA,CAAAvB,EAAK,MAAIE,QAEnDsB,OAAC,OAAIC,UAAU,iBAAiBQ,MAAO,CAAEC,UAAW,IAClDX,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAIS,MAAO,CAAEE,QAAS,OAAQC,IAAK,EAAGC,WAAY,UACjDd,SAAA,CAAAC,OAAC,OAAIC,UAAU,iBAAiBQ,MAAO,CAAEK,KAAM,GAC7Cf,SAAA,CAAAG,MAAC,QAAA,CAAMD,UAAU,iBAAiBc,QAAQ,iBAAiBhB,SAAA,SAC3DG,EAAAA,IAAC,QAAA,CAAMc,GAAG,iBAAiBC,KAAK,SAAShB,UAAU,iBAAiBiB,MAAO1C,EAAM2C,IAAK,EAAGC,IAAK,GAC5FC,SAAWrC,GAAMP,EAAQY,SAASL,EAAEE,OAAOgC,QAAU,QAEzDlB,OAAC,OAAIC,UAAU,iBAAiBQ,MAAO,CAAEK,KAAM,GAC7Cf,SAAA,CAAAG,MAAC,QAAA,CAAMD,UAAU,iBAAiBc,QAAQ,iBAAiBhB,SAAA,YAC3DG,EAAAA,IAAC,QAAA,CAAMc,GAAG,iBAAiBC,KAAK,SAAShB,UAAU,iBAAiBiB,MAAOxC,EAAMyC,IAAK,EAAGC,IAAK,GAC5FC,SAAWrC,GAAML,EAAQU,SAASL,EAAEE,OAAOgC,QAAU,WAG1DtC,GAASsB,EAAAA,IAAC,MAAA,CAAID,UAAU,iBAAiBQ,MAAO,CAAEa,MAAO,UAAWC,SAAU,GAAIC,aAAc,GAAMzB,SAAAnB,MACvGoB,KAAC,MAAA,CAAIC,UAAU,oBACbF,SAAA,CAAAG,EAAAA,IAAC,UAAOe,KAAK,SAAShB,UAAU,UAAUG,QAASnC,EAAS8B,SAAA,WAC5DG,EAAAA,IAAC,UAAOe,KAAK,SAAShB,UAAU,0BAA0BG,QAtE7C,KACnB,IACEvB,EAAS,MACTX,EAAOuB,eAAe,cAAe,CAAEjB,OAAME,SAC7CT,GACF,OAASyB,GACPb,EAASa,EAAIC,SAAW,yBAC1B,GA+DuFI,SAAA,mBAK3F,CAEAhC,EAAiB0D,UAAY,CAC3BzD,KAAM0D,EAAAA,UAAUC,KAAKC,WACrB3D,QAASyD,EAAAA,UAAUG,KAAKD,WACxB1D,OAAQwD,EAAAA,UAAUI"}