react-controlled-dialog
Version:
A declarative interface for the native dialog element
1 lines • 11.2 kB
JSON
{"id":"simple.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/simple.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/simple.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 Simple = function Simple() {\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\"\n }, _react.default.createElement(\"h2\", null, \"Simple Dialog\"), _react.default.createElement(\"p\", null, \"Click below to open!\"), _react.default.createElement(\"button\", {\n onClick: function onClick() {\n return setOpen(true);\n }\n }, \"Simple Dialog\"), _react.default.createElement(_ReactControlledDialog.default, {\n isOpen: isOpen,\n setOpen: setOpen\n }, \"foobar\"), _react.default.createElement(\"p\", null, \"The native dialog component can be activated by passing an\", \" \", _react.default.createElement(\"code\", null, \"open\"), \" attribute, or by invoking the \", _react.default.createElement(\"code\", null, \"show()\"), \" \", \"method from the native API.\"));\n};\n\nvar _default = Simple;\nexports.default = _default;","map":{"mappings":[{"generated":{"line":8,"column":0},"source":"simple.js","original":{"line":1,"column":0}},{"generated":{"line":10,"column":0},"source":"simple.js","original":{"line":2,"column":0}},{"generated":{"line":24,"column":0},"source":"simple.js","original":{"line":4,"column":0}},{"name":"Simple","generated":{"line":24,"column":4},"source":"simple.js","original":{"line":4,"column":6}},{"generated":{"line":24,"column":10},"source":"simple.js","original":{"line":4,"column":12}},{"generated":{"line":24,"column":13},"source":"simple.js","original":{"line":4,"column":15}},{"name":"Simple","generated":{"line":24,"column":22},"source":"simple.js","original":{"line":4,"column":6}},{"generated":{"line":24,"column":28},"source":"simple.js","original":{"line":4,"column":15}},{"generated":{"line":24,"column":31},"source":"simple.js","original":{"line":4,"column":21}},{"generated":{"line":25,"column":0},"source":"simple.js","original":{"line":4,"column":21}},{"generated":{"line":25,"column":18},"source":"simple.js","original":{"line":5,"column":28}},{"generated":{"line":25,"column":39},"source":"simple.js","original":{"line":5,"column":37}},{"generated":{"line":25,"column":44},"source":"simple.js","original":{"line":5,"column":28}},{"generated":{"line":25,"column":45},"source":"simple.js","original":{"line":4,"column":21}},{"generated":{"line":26,"column":0},"source":"simple.js","original":{"line":4,"column":21}},{"generated":{"line":27,"column":0},"source":"simple.js","original":{"line":4,"column":21}},{"name":"isOpen","generated":{"line":27,"column":6},"source":"simple.js","original":{"line":5,"column":9}},{"generated":{"line":27,"column":12},"source":"simple.js","original":{"line":4,"column":21}},{"generated":{"line":28,"column":0},"source":"simple.js","original":{"line":4,"column":21}},{"name":"setOpen","generated":{"line":28,"column":6},"source":"simple.js","original":{"line":5,"column":17}},{"generated":{"line":28,"column":13},"source":"simple.js","original":{"line":4,"column":21}},{"generated":{"line":30,"column":0},"source":"simple.js","original":{"line":6,"column":2}},{"generated":{"line":30,"column":9},"source":"simple.js","original":{"line":7,"column":4}},{"generated":{"line":31,"column":0},"source":"simple.js","original":{"line":7,"column":9}},{"generated":{"line":31,"column":4},"source":"simple.js","original":{"line":7,"column":9}},{"generated":{"line":31,"column":6},"source":"simple.js","original":{"line":7,"column":11}},{"generated":{"line":31,"column":8},"source":"simple.js","original":{"line":7,"column":12}},{"generated":{"line":32,"column":0},"source":"simple.js","original":{"line":7,"column":4}},{"generated":{"line":32,"column":5},"source":"simple.js","original":{"line":8,"column":6}},{"generated":{"line":32,"column":62},"source":"simple.js","original":{"line":7,"column":4}},{"generated":{"line":32,"column":64},"source":"simple.js","original":{"line":9,"column":6}},{"generated":{"line":32,"column":127},"source":"simple.js","original":{"line":7,"column":4}},{"generated":{"line":32,"column":129},"source":"simple.js","original":{"line":10,"column":6}},{"generated":{"line":33,"column":0},"source":"simple.js","original":{"line":10,"column":14}},{"generated":{"line":33,"column":4},"source":"simple.js","original":{"line":10,"column":14}},{"generated":{"line":33,"column":11},"source":"simple.js","original":{"line":10,"column":21}},{"generated":{"line":33,"column":13},"source":"simple.js","original":{"line":10,"column":23}},{"generated":{"line":34,"column":0},"source":"simple.js","original":{"line":10,"column":23}},{"name":"setOpen","generated":{"line":34,"column":13},"source":"simple.js","original":{"line":10,"column":29}},{"generated":{"line":34,"column":20},"source":"simple.js","original":{"line":10,"column":36}},{"generated":{"line":34,"column":21},"source":"simple.js","original":{"line":10,"column":37}},{"generated":{"line":34,"column":25},"source":"simple.js","original":{"line":10,"column":36}},{"generated":{"line":34,"column":26},"source":"simple.js","original":{"line":10,"column":23}},{"generated":{"line":35,"column":0},"source":"simple.js","original":{"line":10,"column":23}},{"generated":{"line":36,"column":0},"source":"simple.js","original":{"line":10,"column":6}},{"generated":{"line":36,"column":21},"source":"simple.js","original":{"line":7,"column":4}},{"generated":{"line":36,"column":23},"source":"simple.js","original":{"line":11,"column":6}},{"generated":{"line":36,"column":52},"source":"simple.js","original":{"line":11,"column":7}},{"generated":{"line":36,"column":82},"source":"simple.js","original":{"line":11,"column":6}},{"generated":{"line":37,"column":0},"source":"simple.js","original":{"line":11,"column":14}},{"generated":{"line":37,"column":4},"source":"simple.js","original":{"line":11,"column":14}},{"generated":{"line":37,"column":10},"source":"simple.js","original":{"line":11,"column":20}},{"name":"isOpen","generated":{"line":37,"column":12},"source":"simple.js","original":{"line":11,"column":22}},{"generated":{"line":37,"column":18},"source":"simple.js","original":{"line":11,"column":6}},{"generated":{"line":38,"column":0},"source":"simple.js","original":{"line":11,"column":30}},{"generated":{"line":38,"column":4},"source":"simple.js","original":{"line":11,"column":30}},{"generated":{"line":38,"column":11},"source":"simple.js","original":{"line":11,"column":37}},{"name":"setOpen","generated":{"line":38,"column":13},"source":"simple.js","original":{"line":11,"column":39}},{"generated":{"line":39,"column":0},"source":"simple.js","original":{"line":11,"column":6}},{"generated":{"line":39,"column":14},"source":"simple.js","original":{"line":7,"column":4}},{"generated":{"line":39,"column":16},"source":"simple.js","original":{"line":14,"column":6}},{"generated":{"line":39,"column":118},"source":"simple.js","original":{"line":15,"column":67}},{"generated":{"line":39,"column":121},"source":"simple.js","original":{"line":14,"column":6}},{"generated":{"line":39,"column":123},"source":"simple.js","original":{"line":16,"column":8}},{"generated":{"line":39,"column":173},"source":"simple.js","original":{"line":14,"column":6}},{"generated":{"line":39,"column":210},"source":"simple.js","original":{"line":16,"column":56}},{"generated":{"line":39,"column":262},"source":"simple.js","original":{"line":14,"column":6}},{"generated":{"line":39,"column":264},"source":"simple.js","original":{"line":16,"column":76}},{"generated":{"line":39,"column":267},"source":"simple.js","original":{"line":14,"column":6}},{"generated":{"line":39,"column":299},"source":"simple.js","original":{"line":7,"column":4}},{"generated":{"line":39,"column":300},"source":"simple.js","original":{"line":6,"column":2}},{"generated":{"line":40,"column":0},"source":"simple.js","original":{"line":21,"column":1}},{"generated":{"line":40,"column":1},"source":"simple.js","original":{"line":4,"column":0}},{"name":"Simple","generated":{"line":42,"column":15},"source":"simple.js","original":{"line":23,"column":15}}],"sources":{"simple.js":"import React, { useState } from \"react\";\nimport Dialog from \"../lib/ReactControlledDialog\";\n\nconst Simple = () => {\n const [isOpen, setOpen] = useState(false);\n return (\n <div id=\"simple\">\n <h2>Simple Dialog</h2>\n <p>Click below to open!</p>\n <button onClick={() => setOpen(true)}>Simple Dialog</button>\n <Dialog isOpen={isOpen} setOpen={setOpen}>\n foobar\n </Dialog>\n <p>\n The native dialog component can be activated by passing an{\" \"}\n <code>open</code> attribute, or by invoking the <code>show()</code>{\" \"}\n method from the native API.\n </p>\n </div>\n );\n};\n\nexport default Simple;\n"},"lineCount":null}},"hash":"4e1716775e4977c05a78cee1c4aafbd1","cacheData":{"env":{}}}