@procore/core-react 11.22.0 → 11.23.0

package/dist/Modal/storyHelpers.js

@@ -1,14 +1,12 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["label", "children"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { Box } from '../Box/Box';
 import { Dropdown } from '../Dropdown/Dropdown';
@@ -20,145 +18,219 @@ import { Select } from '../Select/Select';
 import { SuperSelect } from '../SuperSelect/SuperSelect';
 import { TieredSelect } from '../TieredSelect/TieredSelect';
 import { Typeahead } from '../Typeahead';
-function Field(_a) {
-    var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
-    return (React.createElement("div", null,
-        React.createElement("div", null,
-            React.createElement("b", null,
-                React.createElement("label", null, label))),
-        children));
+function Field(_ref) {
+  var label = _ref.label,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, /*#__PURE__*/React.createElement("label", null, label))), children);
 }
-var idLabelOptions = [
-    { id: 1, label: 'One' },
-    { id: 2, label: 'Two' },
-    { id: 3, label: 'Three' },
-];
+var idLabelOptions = [{
+  id: 1,
+  label: 'One'
+}, {
+  id: 2,
+  label: 'Two'
+}, {
+  id: 3,
+  label: 'Three'
+}];
 export function EscapefulFieldSet() {
-    var _a = React.useState(''), typeaheadV = _a[0], setTyeahead = _a[1];
-    return (React.createElement(React.Fragment, null,
-        React.createElement("b", null, "Things with Esc key:"),
-        React.createElement(Field, { label: "Search" },
-            React.createElement(Search, null)),
-        React.createElement(Field, { label: "Typeahead" },
-            React.createElement(Typeahead, { value: typeaheadV, onChange: setTyeahead })),
-        React.createElement(Field, { label: "Select" },
-            React.createElement(Box, { margin: "none xs none none", display: "inline-block" }, "Default"),
-            React.createElement(Select, null, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Select.Option, { value: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Search"),
-            React.createElement(Select, { onSearch: console.log },
-                idLabelOptions.map(function (_a) {
-                    var id = _a.id, label = _a.label;
-                    return (React.createElement(Select.Option, { value: id }, label));
-                }),
-                ' ')),
-        React.createElement(Field, { label: "PillSelect" },
-            React.createElement(Box, { margin: "none xs none none", display: "inline-block" }, "Default"),
-            React.createElement(PillSelect, { options: idLabelOptions, onChange: console.log, value: null }),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Search"),
-            React.createElement(PillSelect, { options: idLabelOptions, onChange: console.log, onSearch: console.log, value: null })),
-        React.createElement(Field, { label: "MultiSelect" },
-            React.createElement(MultiSelect, { options: idLabelOptions })),
-        React.createElement(Field, { label: "Dropdown" },
-            React.createElement(Box, { margin: "none xs none none", display: "inline-block" }, "Default"),
-            React.createElement(Dropdown, null, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Dropdown.Item, { item: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Search"),
-            React.createElement(Dropdown, { onSearch: console.log }, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Dropdown.Item, { item: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Restore"),
-            React.createElement(Dropdown, { restoreFocusOnHide: true }, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Dropdown.Item, { item: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Restore w/ search"),
-            React.createElement(Dropdown, { onSearch: console.log, restoreFocusOnHide: true }, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Dropdown.Item, { item: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "DropdownFlyout"),
-            React.createElement(DropdownFlyout, { style: { display: 'inline-block' }, options: [
-                    { value: 1, label: 'wow' },
-                    {
-                        value: 'Animals',
-                        label: 'Long complicated label that takes space',
-                        children: [
-                            {
-                                value: 'Amphibians',
-                                label: 'Amphibians',
-                                children: [
-                                    { value: 1, label: 'Frogs' },
-                                    { value: 2, label: 'Salamanders' },
-                                ],
-                            },
-                            {
-                                value: 'Birds',
-                                label: 'Long complicated label that takes space',
-                                children: [
-                                    { value: 3, label: 'Chickens' },
-                                    { value: 4, label: 'Falcons' },
-                                    { value: 5, label: 'Owls' },
-                                    { value: 6, label: 'Parrots' },
-                                ],
-                            },
-                        ],
-                    },
-                ] })),
-        React.createElement(Field, { label: "Tiered" },
-            React.createElement(TieredSelect, { options: [
-                    {
-                        id: 1,
-                        groupId: null,
-                        nextGroupId: 10,
-                        label: 'Apple Farm',
-                        disabled: true,
-                    },
-                    {
-                        id: 17,
-                        groupId: 10,
-                        nextGroupId: 100,
-                        label: 'Granny Smith',
-                    },
-                    {
-                        id: 2,
-                        groupId: null,
-                        nextGroupId: 20,
-                        label: "Tim's Trees",
-                    },
-                ] })),
-        React.createElement(Field, { label: "Tiered leaf only" },
-            React.createElement(TieredSelect, { selectableTiers: false, options: [
-                    {
-                        id: 1,
-                        groupId: null,
-                        nextGroupId: 10,
-                        label: 'Apple Farm',
-                        disabled: true,
-                    },
-                    {
-                        id: 17,
-                        groupId: 10,
-                        nextGroupId: 100,
-                        label: 'Granny Smith',
-                    },
-                    {
-                        id: 2,
-                        groupId: null,
-                        nextGroupId: 20,
-                        label: "Tim's Trees",
-                    },
-                ] })),
-        React.createElement(Field, { label: "SuperSelect" },
-            React.createElement(SuperSelect, { onChange: console.log, options: [
-                    { value: '1', label: 'some label one' },
-                    { value: '2', label: 'two 2' },
-                    { value: '3', label: 'three three three' },
-                ], emptyMessage: "E m p t y" }))));
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    typeaheadV = _React$useState2[0],
+    setTyeahead = _React$useState2[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, "Things with Esc key:"), /*#__PURE__*/React.createElement(Field, {
+    label: "Search"
+  }, /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement(Field, {
+    label: "Typeahead"
+  }, /*#__PURE__*/React.createElement(Typeahead, {
+    value: typeaheadV,
+    onChange: setTyeahead
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Select"
+  }, /*#__PURE__*/React.createElement(Box, {
+    margin: "none xs none none",
+    display: "inline-block"
+  }, "Default"), /*#__PURE__*/React.createElement(Select, null, idLabelOptions.map(function (_ref2) {
+    var id = _ref2.id,
+      label = _ref2.label;
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      value: id
+    }, label);
+  })), /*#__PURE__*/React.createElement(Box, {
+    margin: "none xs none md",
+    display: "inline-block"
+  }, "Search"), /*#__PURE__*/React.createElement(Select, {
+    onSearch: console.log
+  }, idLabelOptions.map(function (_ref3) {
+    var id = _ref3.id,
+      label = _ref3.label;
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      value: id
+    }, label);
+  }), ' ')), /*#__PURE__*/React.createElement(Field, {
+    label: "PillSelect"
+  }, /*#__PURE__*/React.createElement(Box, {
+    margin: "none xs none none",
+    display: "inline-block"
+  }, "Default"), /*#__PURE__*/React.createElement(PillSelect, {
+    options: idLabelOptions,
+    onChange: console.log,
+    value: null
+  }), /*#__PURE__*/React.createElement(Box, {
+    margin: "none xs none md",
+    display: "inline-block"
+  }, "Search"), /*#__PURE__*/React.createElement(PillSelect, {
+    options: idLabelOptions,
+    onChange: console.log,
+    onSearch: console.log,
+    value: null
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "MultiSelect"
+  }, /*#__PURE__*/React.createElement(MultiSelect, {
+    options: idLabelOptions
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Dropdown"
+  }, /*#__PURE__*/React.createElement(Box, {
+    margin: "none xs none none",
+    display: "inline-block"
+  }, "Default"), /*#__PURE__*/React.createElement(Dropdown, null, idLabelOptions.map(function (_ref4) {
+    var id = _ref4.id,
+      label = _ref4.label;
+    return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      item: id
+    }, label);
+  })), /*#__PURE__*/React.createElement(Box, {
+    margin: "none xs none md",
+    display: "inline-block"
+  }, "Search"), /*#__PURE__*/React.createElement(Dropdown, {
+    onSearch: console.log
+  }, idLabelOptions.map(function (_ref5) {
+    var id = _ref5.id,
+      label = _ref5.label;
+    return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      item: id
+    }, label);
+  })), /*#__PURE__*/React.createElement(Box, {
+    margin: "none xs none md",
+    display: "inline-block"
+  }, "Restore"), /*#__PURE__*/React.createElement(Dropdown, {
+    restoreFocusOnHide: true
+  }, idLabelOptions.map(function (_ref6) {
+    var id = _ref6.id,
+      label = _ref6.label;
+    return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      item: id
+    }, label);
+  })), /*#__PURE__*/React.createElement(Box, {
+    margin: "none xs none md",
+    display: "inline-block"
+  }, "Restore w/ search"), /*#__PURE__*/React.createElement(Dropdown, {
+    onSearch: console.log,
+    restoreFocusOnHide: true
+  }, idLabelOptions.map(function (_ref7) {
+    var id = _ref7.id,
+      label = _ref7.label;
+    return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      item: id
+    }, label);
+  })), /*#__PURE__*/React.createElement(Box, {
+    margin: "none xs none md",
+    display: "inline-block"
+  }, "DropdownFlyout"), /*#__PURE__*/React.createElement(DropdownFlyout, {
+    style: {
+      display: 'inline-block'
+    },
+    options: [{
+      value: 1,
+      label: 'wow'
+    }, {
+      value: 'Animals',
+      label: 'Long complicated label that takes space',
+      children: [{
+        value: 'Amphibians',
+        label: 'Amphibians',
+        children: [{
+          value: 1,
+          label: 'Frogs'
+        }, {
+          value: 2,
+          label: 'Salamanders'
+        }]
+      }, {
+        value: 'Birds',
+        label: 'Long complicated label that takes space',
+        children: [{
+          value: 3,
+          label: 'Chickens'
+        }, {
+          value: 4,
+          label: 'Falcons'
+        }, {
+          value: 5,
+          label: 'Owls'
+        }, {
+          value: 6,
+          label: 'Parrots'
+        }]
+      }]
+    }]
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Tiered"
+  }, /*#__PURE__*/React.createElement(TieredSelect, {
+    options: [{
+      id: 1,
+      groupId: null,
+      nextGroupId: 10,
+      label: 'Apple Farm',
+      disabled: true
+    }, {
+      id: 17,
+      groupId: 10,
+      nextGroupId: 100,
+      label: 'Granny Smith'
+    }, {
+      id: 2,
+      groupId: null,
+      nextGroupId: 20,
+      label: "Tim's Trees"
+    }]
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Tiered leaf only"
+  }, /*#__PURE__*/React.createElement(TieredSelect, {
+    selectableTiers: false,
+    options: [{
+      id: 1,
+      groupId: null,
+      nextGroupId: 10,
+      label: 'Apple Farm',
+      disabled: true
+    }, {
+      id: 17,
+      groupId: 10,
+      nextGroupId: 100,
+      label: 'Granny Smith'
+    }, {
+      id: 2,
+      groupId: null,
+      nextGroupId: 20,
+      label: "Tim's Trees"
+    }]
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "SuperSelect"
+  }, /*#__PURE__*/React.createElement(SuperSelect, {
+    onChange: console.log,
+    options: [{
+      value: '1',
+      label: 'some label one'
+    }, {
+      value: '2',
+      label: 'two 2'
+    }, {
+      value: '3',
+      label: 'three three three'
+    }],
+    emptyMessage: "E m p t y"
+  })));
 }
 //# sourceMappingURL=storyHelpers.js.map

package/dist/Modal/storyHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"storyHelpers.js","sourceRoot":"","sources":["../../src/Modal/storyHelpers.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"storyHelpers.js","names":["React","Box","Dropdown","DropdownFlyout","MultiSelect","PillSelect","Search","Select","SuperSelect","TieredSelect","Typeahead","Field","_ref","label","children","props","_objectWithoutProperties","_excluded","createElement","idLabelOptions","id","EscapefulFieldSet","_React$useState","useState","_React$useState2","_slicedToArray","typeaheadV","setTyeahead","Fragment","value","onChange","margin","display","map","_ref2","Option","onSearch","console","log","_ref3","options","_ref4","Item","item","_ref5","restoreFocusOnHide","_ref6","_ref7","style","groupId","nextGroupId","disabled","selectableTiers","emptyMessage"],"sources":["../../src/Modal/storyHelpers.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport { Dropdown } from '../Dropdown/Dropdown'\nimport { DropdownFlyout } from '../DropdownFlyout/DropdownFlyout'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { PillSelect } from '../PillSelect/PillSelect'\n\nimport { Search } from '../Search/Search'\nimport { Select } from '../Select/Select'\nimport { SuperSelect } from '../SuperSelect/SuperSelect'\nimport { TieredSelect } from '../TieredSelect/TieredSelect'\nimport { Typeahead } from '../Typeahead'\n\nfunction Field({ label, children, ...props }: any) {\n  return (\n    <div>\n      <div>\n        <b>\n          <label>{label}</label>\n        </b>\n      </div>\n      {children}\n    </div>\n  )\n}\n\nconst idLabelOptions = [\n  { id: 1, label: 'One' },\n  { id: 2, label: 'Two' },\n  { id: 3, label: 'Three' },\n]\n\nexport function EscapefulFieldSet() {\n  const [typeaheadV, setTyeahead] = React.useState('')\n  return (\n    <>\n      <b>Things with Esc key:</b>\n      <Field label=\"Search\">\n        <Search />\n      </Field>\n      <Field label=\"Typeahead\">\n        <Typeahead value={typeaheadV} onChange={setTyeahead} />\n      </Field>\n      <Field label=\"Select\">\n        <Box margin=\"none xs none none\" display=\"inline-block\">\n          Default\n        </Box>\n        <Select>\n          {idLabelOptions.map(({ id, label }) => (\n            <Select.Option value={id}>{label}</Select.Option>\n          ))}\n        </Select>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Search\n        </Box>\n        <Select onSearch={console.log}>\n          {idLabelOptions.map(({ id, label }) => (\n            <Select.Option value={id}>{label}</Select.Option>\n          ))}{' '}\n        </Select>\n      </Field>\n      <Field label=\"PillSelect\">\n        <Box margin=\"none xs none none\" display=\"inline-block\">\n          Default\n        </Box>\n        <PillSelect\n          options={idLabelOptions}\n          onChange={console.log}\n          value={null}\n        />\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Search\n        </Box>\n        <PillSelect\n          options={idLabelOptions}\n          onChange={console.log}\n          onSearch={console.log}\n          value={null}\n        />\n      </Field>\n      <Field label=\"MultiSelect\">\n        <MultiSelect options={idLabelOptions} />\n      </Field>\n      <Field label=\"Dropdown\">\n        <Box margin=\"none xs none none\" display=\"inline-block\">\n          Default\n        </Box>\n        <Dropdown>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Search\n        </Box>\n        <Dropdown onSearch={console.log}>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Restore\n        </Box>\n        <Dropdown restoreFocusOnHide>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Restore w/ search\n        </Box>\n        <Dropdown onSearch={console.log} restoreFocusOnHide>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          DropdownFlyout\n        </Box>\n\n        <DropdownFlyout\n          style={{ display: 'inline-block' }}\n          options={[\n            { value: 1, label: 'wow' },\n            {\n              value: 'Animals',\n              label: 'Long complicated label that takes space',\n              children: [\n                {\n                  value: 'Amphibians',\n                  label: 'Amphibians',\n                  children: [\n                    { value: 1, label: 'Frogs' },\n                    { value: 2, label: 'Salamanders' },\n                  ],\n                },\n                {\n                  value: 'Birds',\n                  label: 'Long complicated label that takes space',\n                  children: [\n                    { value: 3, label: 'Chickens' },\n                    { value: 4, label: 'Falcons' },\n                    { value: 5, label: 'Owls' },\n                    { value: 6, label: 'Parrots' },\n                  ],\n                },\n              ],\n            },\n          ]}\n        />\n      </Field>\n      <Field label=\"Tiered\">\n        <TieredSelect\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n        />\n      </Field>\n      <Field label=\"Tiered leaf only\">\n        <TieredSelect\n          selectableTiers={false}\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n        />\n      </Field>\n      <Field label=\"SuperSelect\">\n        <SuperSelect\n          onChange={console.log}\n          options={[\n            { value: '1', label: 'some label one' },\n            { value: '2', label: 'two 2' },\n            { value: '3', label: 'three three three' },\n          ]}\n          emptyMessage=\"E m p t y\"\n        />\n      </Field>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/Modal/useInitializeModalFocus.js

@@ -1,34 +1,35 @@
 import { useFocusManager } from '@react-aria/focus';
 import { useEffect } from 'react';
 import { useModalChildRegistryContext } from './ChildRegistry.context';
-export function useInitializeModalFocus(_a) {
-    var modalContainerRef = _a.modalContainerRef, hasOnClose = _a.hasOnClose;
-    var focusManager = useFocusManager();
-    var childrenRegistryStatus = useModalChildRegistryContext();
-    useEffect(function () {
-        var _a, _b, _c, _d, _e, _f, _g;
-        // the same reason that Modal has a FocusScope with autoFocus={!!onClose}
-        if (!hasOnClose)
-            return;
-        var closeButtonElement = (_a = modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('[data-internal="close-button"]');
-        var anyFocusedItem = (_c = (_b = childrenRegistryStatus.body) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.querySelector(':focus');
-        if (closeButtonElement == null) {
-            // if no focus header button is represented then no need to change focus on next elements
-            return;
-        }
-        if ((_d = childrenRegistryStatus.body) === null || _d === void 0 ? void 0 : _d.current) {
-            // if nothing has been focused within body then focus in the scrollable body
-            if (anyFocusedItem == null) {
-                (_f = (_e = childrenRegistryStatus.body) === null || _e === void 0 ? void 0 : _e.current) === null || _f === void 0 ? void 0 : _f.focus();
-            }
-            // if there is a footer section the focus on the left most interactive element
-        }
-        else if ((_g = childrenRegistryStatus.closeableButtons) === null || _g === void 0 ? void 0 : _g.current) {
-            focusManager.focusNext({
-                from: closeButtonElement !== null && closeButtonElement !== void 0 ? closeButtonElement : undefined,
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [childrenRegistryStatus]);
+export function useInitializeModalFocus(_ref) {
+  var modalContainerRef = _ref.modalContainerRef,
+    hasOnClose = _ref.hasOnClose;
+  var focusManager = useFocusManager();
+  var childrenRegistryStatus = useModalChildRegistryContext();
+  useEffect(function () {
+    var _modalContainerRef$cu, _childrenRegistryStat, _childrenRegistryStat2, _childrenRegistryStat3, _childrenRegistryStat6;
+    // the same reason that Modal has a FocusScope with autoFocus={!!onClose}
+    if (!hasOnClose) return;
+    var closeButtonElement = modalContainerRef === null || modalContainerRef === void 0 ? void 0 : (_modalContainerRef$cu = modalContainerRef.current) === null || _modalContainerRef$cu === void 0 ? void 0 : _modalContainerRef$cu.querySelector('[data-internal="close-button"]');
+    var anyFocusedItem = (_childrenRegistryStat = childrenRegistryStatus.body) === null || _childrenRegistryStat === void 0 ? void 0 : (_childrenRegistryStat2 = _childrenRegistryStat.current) === null || _childrenRegistryStat2 === void 0 ? void 0 : _childrenRegistryStat2.querySelector(':focus');
+    if (closeButtonElement == null) {
+      // if no focus header button is represented then no need to change focus on next elements
+      return;
+    }
+    if ((_childrenRegistryStat3 = childrenRegistryStatus.body) !== null && _childrenRegistryStat3 !== void 0 && _childrenRegistryStat3.current) {
+      // if nothing has been focused within body then focus in the scrollable body
+      if (anyFocusedItem == null) {
+        var _childrenRegistryStat4, _childrenRegistryStat5;
+        (_childrenRegistryStat4 = childrenRegistryStatus.body) === null || _childrenRegistryStat4 === void 0 ? void 0 : (_childrenRegistryStat5 = _childrenRegistryStat4.current) === null || _childrenRegistryStat5 === void 0 ? void 0 : _childrenRegistryStat5.focus();
+      }
+      // if there is a footer section the focus on the left most interactive element
+    } else if ((_childrenRegistryStat6 = childrenRegistryStatus.closeableButtons) !== null && _childrenRegistryStat6 !== void 0 && _childrenRegistryStat6.current) {
+      focusManager.focusNext({
+        from: closeButtonElement !== null && closeButtonElement !== void 0 ? closeButtonElement : undefined
+      });
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [childrenRegistryStatus]);
 }
 //# sourceMappingURL=useInitializeModalFocus.js.map

package/dist/Modal/useInitializeModalFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInitializeModalFocus.js","sourceRoot":"","sources":["../../src/Modal/useInitializeModalFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAA;AAOtE,MAAM,UAAU,uBAAuB,CAAC,EAGZ;QAF1B,iBAAiB,uBAAA,EACjB,UAAU,gBAAA;IAEV,IAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IACtC,IAAM,sBAAsB,GAAG,4BAA4B,EAAE,CAAA;IAE7D,SAAS,CAAC;;QACR,yEAAyE;QACzE,IAAI,CAAC,UAAU;YAAE,OAAM;QACvB,IAAM,kBAAkB,GAAG,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,0CAAE,aAAa,CAClE,gCAAgC,CACjC,CAAA;QACD,IAAM,cAAc,GAClB,MAAA,MAAA,sBAAsB,CAAC,IAAI,0CAAE,OAAO,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;QAE/D,IAAI,kBAAkB,IAAI,IAAI,EAAE;YAC9B,yFAAyF;YACzF,OAAM;SACP;QACD,IAAI,MAAA,sBAAsB,CAAC,IAAI,0CAAE,OAAO,EAAE;YACxC,4EAA4E;YAC5E,IAAI,cAAc,IAAI,IAAI,EAAE;gBAC1B,MAAA,MAAA,sBAAsB,CAAC,IAAI,0CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA;aAC9C;YACD,8EAA8E;SAC/E;aAAM,IAAI,MAAA,sBAAsB,CAAC,gBAAgB,0CAAE,OAAO,EAAE;YAC3D,YAAY,CAAC,SAAS,CAAC;gBACrB,IAAI,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,SAAS;aACtC,CAAC,CAAA;SACH;QAED,uDAAuD;IACzD,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;AAC9B,CAAC"}
+{"version":3,"file":"useInitializeModalFocus.js","names":["useFocusManager","useEffect","useModalChildRegistryContext","useInitializeModalFocus","_ref","modalContainerRef","hasOnClose","focusManager","childrenRegistryStatus","_modalContainerRef$cu","_childrenRegistryStat","_childrenRegistryStat2","_childrenRegistryStat3","_childrenRegistryStat6","closeButtonElement","current","querySelector","anyFocusedItem","body","_childrenRegistryStat4","_childrenRegistryStat5","focus","closeableButtons","focusNext","from","undefined"],"sources":["../../src/Modal/useInitializeModalFocus.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus'\nimport { useEffect } from 'react'\nimport { useModalChildRegistryContext } from './ChildRegistry.context'\n\ninterface InitializeModalFocusProps {\n  modalContainerRef: React.RefObject<HTMLDivElement>\n  hasOnClose: boolean\n}\n\nexport function useInitializeModalFocus({\n  modalContainerRef,\n  hasOnClose,\n}: InitializeModalFocusProps) {\n  const focusManager = useFocusManager()\n  const childrenRegistryStatus = useModalChildRegistryContext()\n\n  useEffect(() => {\n    // the same reason that Modal has a FocusScope with autoFocus={!!onClose}\n    if (!hasOnClose) return\n    const closeButtonElement = modalContainerRef?.current?.querySelector(\n      '[data-internal=\"close-button\"]'\n    )\n    const anyFocusedItem =\n      childrenRegistryStatus.body?.current?.querySelector(':focus')\n\n    if (closeButtonElement == null) {\n      // if no focus header button is represented then no need to change focus on next elements\n      return\n    }\n    if (childrenRegistryStatus.body?.current) {\n      // if nothing has been focused within body then focus in the scrollable body\n      if (anyFocusedItem == null) {\n        childrenRegistryStatus.body?.current?.focus()\n      }\n      // if there is a footer section the focus on the left most interactive element\n    } else if (childrenRegistryStatus.closeableButtons?.current) {\n      focusManager.focusNext({\n        from: closeButtonElement ?? undefined,\n      })\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [childrenRegistryStatus])\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,4BAA4B,QAAQ,yBAAyB;AAOtE,OAAO,SAASC,uBAAuBA,CAAAC,IAAA,EAGT;EAAA,IAF5BC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACjBC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAEV,IAAMC,YAAY,GAAGP,eAAe,CAAC,CAAC;EACtC,IAAMQ,sBAAsB,GAAGN,4BAA4B,CAAC,CAAC;EAE7DD,SAAS,CAAC,YAAM;IAAA,IAAAQ,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACd;IACA,IAAI,CAACP,UAAU,EAAE;IACjB,IAAMQ,kBAAkB,GAAGT,iBAAiB,aAAjBA,iBAAiB,wBAAAI,qBAAA,GAAjBJ,iBAAiB,CAAEU,OAAO,cAAAN,qBAAA,uBAA1BA,qBAAA,CAA4BO,aAAa,CAClE,gCACF,CAAC;IACD,IAAMC,cAAc,IAAAP,qBAAA,GAClBF,sBAAsB,CAACU,IAAI,cAAAR,qBAAA,wBAAAC,sBAAA,GAA3BD,qBAAA,CAA6BK,OAAO,cAAAJ,sBAAA,uBAApCA,sBAAA,CAAsCK,aAAa,CAAC,QAAQ,CAAC;IAE/D,IAAIF,kBAAkB,IAAI,IAAI,EAAE;MAC9B;MACA;IACF;IACA,KAAAF,sBAAA,GAAIJ,sBAAsB,CAACU,IAAI,cAAAN,sBAAA,eAA3BA,sBAAA,CAA6BG,OAAO,EAAE;MACxC;MACA,IAAIE,cAAc,IAAI,IAAI,EAAE;QAAA,IAAAE,sBAAA,EAAAC,sBAAA;QAC1B,CAAAD,sBAAA,GAAAX,sBAAsB,CAACU,IAAI,cAAAC,sBAAA,wBAAAC,sBAAA,GAA3BD,sBAAA,CAA6BJ,OAAO,cAAAK,sBAAA,uBAApCA,sBAAA,CAAsCC,KAAK,CAAC,CAAC;MAC/C;MACA;IACF,CAAC,MAAM,KAAAR,sBAAA,GAAIL,sBAAsB,CAACc,gBAAgB,cAAAT,sBAAA,eAAvCA,sBAAA,CAAyCE,OAAO,EAAE;MAC3DR,YAAY,CAACgB,SAAS,CAAC;QACrBC,IAAI,EAAEV,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAIW;MAC9B,CAAC,CAAC;IACJ;;IAEA;EACF,CAAC,EAAE,CAACjB,sBAAsB,CAAC,CAAC;AAC9B"}