react-controlled-dialog
Version:
A declarative interface for the native dialog element
1 lines • 10.6 kB
JSON
{"id":"simpleModal.js","dependencies":[{"name":"/Users/kylepeacock/code/react-controlled-dialog/.babelrc","includedInParent":true,"mtime":1543269169411},{"name":"/Users/kylepeacock/code/react-controlled-dialog/package.json","includedInParent":true,"mtime":1543272905037},{"name":"react","loc":{"line":1,"column":32},"parent":"/Users/kylepeacock/code/react-controlled-dialog/examples/simpleModal.js","resolved":"/Users/kylepeacock/code/react-controlled-dialog/node_modules/react/index.js"},{"name":"../lib/ReactControlledDialog","loc":{"line":2,"column":19},"parent":"/Users/kylepeacock/code/react-controlled-dialog/examples/simpleModal.js","resolved":"/Users/kylepeacock/code/react-controlled-dialog/lib/ReactControlledDialog.js"}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _ReactControlledDialog = _interopRequireDefault(require(\"../lib/ReactControlledDialog\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar SimpleModal = function SimpleModal() {\n var _useState = (0, _react.useState)(false),\n _useState2 = _slicedToArray(_useState, 2),\n isOpen = _useState2[0],\n setOpen = _useState2[1];\n\n return _react.default.createElement(\"div\", {\n id: \"simple-modal\"\n }, _react.default.createElement(\"h2\", null, \"Simple Modal\"), _react.default.createElement(\"p\", null, \"Click below to open!\"), _react.default.createElement(\"button\", {\n onClick: function onClick() {\n return setOpen(true);\n }\n }, \"Simple Modal\"), _react.default.createElement(_ReactControlledDialog.default, {\n isOpen: isOpen,\n setOpen: setOpen,\n type: \"modal\"\n }, \"foobar\"));\n};\n\nvar _default = SimpleModal;\nexports.default = _default;","map":{"mappings":[{"generated":{"line":8,"column":0},"source":"simpleModal.js","original":{"line":1,"column":0}},{"generated":{"line":10,"column":0},"source":"simpleModal.js","original":{"line":2,"column":0}},{"generated":{"line":24,"column":0},"source":"simpleModal.js","original":{"line":4,"column":0}},{"name":"SimpleModal","generated":{"line":24,"column":4},"source":"simpleModal.js","original":{"line":4,"column":6}},{"generated":{"line":24,"column":15},"source":"simpleModal.js","original":{"line":4,"column":17}},{"generated":{"line":24,"column":18},"source":"simpleModal.js","original":{"line":4,"column":20}},{"name":"SimpleModal","generated":{"line":24,"column":27},"source":"simpleModal.js","original":{"line":4,"column":6}},{"generated":{"line":24,"column":38},"source":"simpleModal.js","original":{"line":4,"column":20}},{"generated":{"line":24,"column":41},"source":"simpleModal.js","original":{"line":4,"column":26}},{"generated":{"line":25,"column":0},"source":"simpleModal.js","original":{"line":4,"column":26}},{"generated":{"line":25,"column":18},"source":"simpleModal.js","original":{"line":5,"column":28}},{"generated":{"line":25,"column":39},"source":"simpleModal.js","original":{"line":5,"column":37}},{"generated":{"line":25,"column":44},"source":"simpleModal.js","original":{"line":5,"column":28}},{"generated":{"line":25,"column":45},"source":"simpleModal.js","original":{"line":4,"column":26}},{"generated":{"line":26,"column":0},"source":"simpleModal.js","original":{"line":4,"column":26}},{"generated":{"line":27,"column":0},"source":"simpleModal.js","original":{"line":4,"column":26}},{"name":"isOpen","generated":{"line":27,"column":6},"source":"simpleModal.js","original":{"line":5,"column":9}},{"generated":{"line":27,"column":12},"source":"simpleModal.js","original":{"line":4,"column":26}},{"generated":{"line":28,"column":0},"source":"simpleModal.js","original":{"line":4,"column":26}},{"name":"setOpen","generated":{"line":28,"column":6},"source":"simpleModal.js","original":{"line":5,"column":17}},{"generated":{"line":28,"column":13},"source":"simpleModal.js","original":{"line":4,"column":26}},{"generated":{"line":30,"column":0},"source":"simpleModal.js","original":{"line":6,"column":2}},{"generated":{"line":30,"column":9},"source":"simpleModal.js","original":{"line":7,"column":4}},{"generated":{"line":31,"column":0},"source":"simpleModal.js","original":{"line":7,"column":9}},{"generated":{"line":31,"column":4},"source":"simpleModal.js","original":{"line":7,"column":9}},{"generated":{"line":31,"column":6},"source":"simpleModal.js","original":{"line":7,"column":11}},{"generated":{"line":31,"column":8},"source":"simpleModal.js","original":{"line":7,"column":12}},{"generated":{"line":32,"column":0},"source":"simpleModal.js","original":{"line":7,"column":4}},{"generated":{"line":32,"column":5},"source":"simpleModal.js","original":{"line":8,"column":6}},{"generated":{"line":32,"column":61},"source":"simpleModal.js","original":{"line":7,"column":4}},{"generated":{"line":32,"column":63},"source":"simpleModal.js","original":{"line":9,"column":6}},{"generated":{"line":32,"column":126},"source":"simpleModal.js","original":{"line":7,"column":4}},{"generated":{"line":32,"column":128},"source":"simpleModal.js","original":{"line":10,"column":6}},{"generated":{"line":33,"column":0},"source":"simpleModal.js","original":{"line":10,"column":14}},{"generated":{"line":33,"column":4},"source":"simpleModal.js","original":{"line":10,"column":14}},{"generated":{"line":33,"column":11},"source":"simpleModal.js","original":{"line":10,"column":21}},{"generated":{"line":33,"column":13},"source":"simpleModal.js","original":{"line":10,"column":23}},{"generated":{"line":34,"column":0},"source":"simpleModal.js","original":{"line":10,"column":23}},{"name":"setOpen","generated":{"line":34,"column":13},"source":"simpleModal.js","original":{"line":10,"column":29}},{"generated":{"line":34,"column":20},"source":"simpleModal.js","original":{"line":10,"column":36}},{"generated":{"line":34,"column":21},"source":"simpleModal.js","original":{"line":10,"column":37}},{"generated":{"line":34,"column":25},"source":"simpleModal.js","original":{"line":10,"column":36}},{"generated":{"line":34,"column":26},"source":"simpleModal.js","original":{"line":10,"column":23}},{"generated":{"line":35,"column":0},"source":"simpleModal.js","original":{"line":10,"column":23}},{"generated":{"line":36,"column":0},"source":"simpleModal.js","original":{"line":10,"column":6}},{"generated":{"line":36,"column":20},"source":"simpleModal.js","original":{"line":7,"column":4}},{"generated":{"line":36,"column":22},"source":"simpleModal.js","original":{"line":11,"column":6}},{"generated":{"line":36,"column":51},"source":"simpleModal.js","original":{"line":11,"column":7}},{"generated":{"line":36,"column":81},"source":"simpleModal.js","original":{"line":11,"column":6}},{"generated":{"line":37,"column":0},"source":"simpleModal.js","original":{"line":11,"column":14}},{"generated":{"line":37,"column":4},"source":"simpleModal.js","original":{"line":11,"column":14}},{"generated":{"line":37,"column":10},"source":"simpleModal.js","original":{"line":11,"column":20}},{"name":"isOpen","generated":{"line":37,"column":12},"source":"simpleModal.js","original":{"line":11,"column":22}},{"generated":{"line":37,"column":18},"source":"simpleModal.js","original":{"line":11,"column":6}},{"generated":{"line":38,"column":0},"source":"simpleModal.js","original":{"line":11,"column":30}},{"generated":{"line":38,"column":4},"source":"simpleModal.js","original":{"line":11,"column":30}},{"generated":{"line":38,"column":11},"source":"simpleModal.js","original":{"line":11,"column":37}},{"name":"setOpen","generated":{"line":38,"column":13},"source":"simpleModal.js","original":{"line":11,"column":39}},{"generated":{"line":38,"column":20},"source":"simpleModal.js","original":{"line":11,"column":6}},{"generated":{"line":39,"column":0},"source":"simpleModal.js","original":{"line":11,"column":48}},{"generated":{"line":39,"column":4},"source":"simpleModal.js","original":{"line":11,"column":48}},{"generated":{"line":39,"column":8},"source":"simpleModal.js","original":{"line":11,"column":52}},{"generated":{"line":39,"column":10},"source":"simpleModal.js","original":{"line":11,"column":53}},{"generated":{"line":40,"column":0},"source":"simpleModal.js","original":{"line":11,"column":6}},{"generated":{"line":40,"column":14},"source":"simpleModal.js","original":{"line":7,"column":4}},{"generated":{"line":40,"column":15},"source":"simpleModal.js","original":{"line":6,"column":2}},{"generated":{"line":41,"column":0},"source":"simpleModal.js","original":{"line":16,"column":1}},{"generated":{"line":41,"column":1},"source":"simpleModal.js","original":{"line":4,"column":0}},{"name":"SimpleModal","generated":{"line":43,"column":15},"source":"simpleModal.js","original":{"line":18,"column":15}}],"sources":{"simpleModal.js":"import React, { useState } from \"react\";\nimport Dialog from \"../lib/ReactControlledDialog\";\n\nconst SimpleModal = () => {\n const [isOpen, setOpen] = useState(false);\n return (\n <div id=\"simple-modal\">\n <h2>Simple Modal</h2>\n <p>Click below to open!</p>\n <button onClick={() => setOpen(true)}>Simple Modal</button>\n <Dialog isOpen={isOpen} setOpen={setOpen} type=\"modal\">\n foobar\n </Dialog>\n </div>\n );\n};\n\nexport default SimpleModal;\n"},"lineCount":null}},"hash":"c400fb5945c0d5067307dc9e8867e698","cacheData":{"env":{}}}