@dhis2-ui/transfer 9.10.3 → 9.11.1-beta.1

package/build/cjs/__e2e__/{add_remove-highlighted-options.stories.e2e.js → add_remove-highlighted-options.e2e.stories.js}

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.HasSelected = exports.HasOptions = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer add & remove highlighted options',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
-exports.default = _default;
-
 const HasOptions = (_, _ref) => {
   let {
     onChange,
@@ -33,9 +25,7 @@ const HasOptions = (_, _ref) => {
     options: _options.options
   });
 };
-
 exports.HasOptions = HasOptions;
-
 const HasSelected = (_, _ref2) => {
   let {
     onChange,
@@ -47,7 +37,6 @@ const HasSelected = (_, _ref2) => {
     options: _options.options
   });
 };
-
 exports.HasSelected = HasSelected;
 HasSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({

package/build/cjs/__e2e__/common/options.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.options = void 0;
-const options = [{
+const options = exports.options = [{
   label: 'ANC 1st visit',
   value: 'anc_1st_visit'
 }, {
@@ -70,5 +70,4 @@ const options = [{
 }, {
   label: 'ART entry point: No PMTCT',
   value: 'art_entry_point:_no_pmtct'
-}];
-exports.options = options;
+}];

package/build/cjs/__e2e__/common/stateful-decorator.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.statefulDecorator = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* eslint-disable react/display-name */
+
 const WithState = _ref => {
   let {
     fn,
@@ -33,7 +30,6 @@ const WithState = _ref => {
     } : undefined
   });
 };
-
 const statefulDecorator = function () {
   let {
     initialState = [],
@@ -47,5 +43,4 @@ const statefulDecorator = function () {
     fn: fn
   });
 };
-
 exports.statefulDecorator = statefulDecorator;

package/build/cjs/__e2e__/{disabled-transfer-buttons.stories.e2e.js → disabled-transfer-buttons.e2e.stories.js}

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SomeOptionsSelected = exports.OnlyDisabledSourceOptions = exports.NoOptions = exports.HasOptions = exports.AllOptionsSelected = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer Disabled Transfer Buttons',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
-exports.default = _default;
-
 const NoOptions = (_, _ref) => {
   let {
     selected,
@@ -32,9 +24,7 @@ const NoOptions = (_, _ref) => {
     options: []
   });
 };
-
 exports.NoOptions = NoOptions;
-
 const HasOptions = (_, _ref2) => {
   let {
     selected,
@@ -46,9 +36,7 @@ const HasOptions = (_, _ref2) => {
     options: _options.options
   });
 };
-
 exports.HasOptions = HasOptions;
-
 const SomeOptionsSelected = (_, _ref3) => {
   let {
     selected,
@@ -60,9 +48,7 @@ const SomeOptionsSelected = (_, _ref3) => {
     options: _options.options
   });
 };
-
 exports.SomeOptionsSelected = SomeOptionsSelected;
-
 const OnlyDisabledSourceOptions = (_, _ref4) => {
   let {
     selected,
@@ -71,12 +57,12 @@ const OnlyDisabledSourceOptions = (_, _ref4) => {
   return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
     selected: selected,
     onChange: onChange,
-    options: [{ ..._options.options[0],
+    options: [{
+      ..._options.options[0],
       disabled: true
     }]
   });
 };
-
 exports.OnlyDisabledSourceOptions = OnlyDisabledSourceOptions;
 SomeOptionsSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
@@ -88,7 +74,6 @@ SomeOptionsSelected.story = {
     })
   })]
 };
-
 const AllOptionsSelected = (_, _ref6) => {
   let {
     selected,
@@ -100,7 +85,6 @@ const AllOptionsSelected = (_, _ref6) => {
     options: _options.options
   });
 };
-
 exports.AllOptionsSelected = AllOptionsSelected;
 AllOptionsSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({

package/build/cjs/__e2e__/{disabled-transfer-options.stories.e2e.js → disabled-transfer-options.e2e.stories.js}

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.OneDisabled = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Disabled Source Options',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
-exports.default = _default;
-
 const OneDisabled = (_, _ref) => {
   let {
     selected,
@@ -29,10 +21,10 @@ const OneDisabled = (_, _ref) => {
   return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
     selected: selected,
     onChange: onChange,
-    options: [..._options.options.slice(0, 3), { ..._options.options[3],
+    options: [..._options.options.slice(0, 3), {
+      ..._options.options[3],
       disabled: true
     }, ..._options.options.slice(4)]
   });
 };
-
 exports.OneDisabled = OneDisabled;

package/build/cjs/__e2e__/{display-order.stories.e2e.js → display-order.e2e.stories.js}

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SomeSelected = exports.NoSelection = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer Display Order'
 };
-exports.default = _default;
 window.options = _options.options;
-
 const NoSelection = (_, _ref) => {
   let {
     selected,
@@ -32,9 +24,7 @@ const NoSelection = (_, _ref) => {
     options: _options.options
   });
 };
-
 exports.NoSelection = NoSelection;
-
 const SomeSelected = (_, _ref2) => {
   let {
     selected,
@@ -46,7 +36,6 @@ const SomeSelected = (_, _ref2) => {
     options: _options.options
   });
 };
-
 exports.SomeSelected = SomeSelected;
 SomeSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({

package/build/cjs/__e2e__/{filter-options-list.stories.e2e.js → filter-options-list.e2e.stories.js}

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.UppercaseSearch = exports.SomeResults = exports.LowercaseSearch = exports.EmptyResult = exports.ControlledFilter = exports.AncCustomFilter = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer filtering',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
-exports.default = _default;
-
 const EmptyResult = (_, _ref) => {
   let {
     selected,
@@ -37,9 +29,7 @@ const EmptyResult = (_, _ref) => {
     options: _options.options
   });
 };
-
 exports.EmptyResult = EmptyResult;
-
 const SomeResults = (_, _ref2) => {
   let {
     selected,
@@ -53,9 +43,7 @@ const SomeResults = (_, _ref2) => {
     options: _options.options
   });
 };
-
 exports.SomeResults = SomeResults;
-
 const UppercaseSearch = (_, _ref3) => {
   let {
     selected,
@@ -69,9 +57,7 @@ const UppercaseSearch = (_, _ref3) => {
     options: _options.options
   });
 };
-
 exports.UppercaseSearch = UppercaseSearch;
-
 const LowercaseSearch = (_, _ref4) => {
   let {
     selected,
@@ -85,9 +71,7 @@ const LowercaseSearch = (_, _ref4) => {
     options: _options.options
   });
 };
-
 exports.LowercaseSearch = LowercaseSearch;
-
 const AncCustomFilter = (_, _ref5) => {
   let {
     selected,
@@ -101,14 +85,12 @@ const AncCustomFilter = (_, _ref5) => {
       let {
         label
       } = _ref6;
-      return label.match("(^| )ANC .*".concat(filter));
+      return label.match(`(^| )ANC .*${filter}`);
     }),
     options: _options.options
   });
 };
-
 exports.AncCustomFilter = AncCustomFilter;
-
 window.customFilterCallback = (options, filter) => {
   return options.filter(_ref7 => {
     let {
@@ -117,9 +99,7 @@ window.customFilterCallback = (options, filter) => {
     return label.indexOf(filter) !== -1;
   });
 };
-
 window.Cypress && window.Cypress.cy.spy(window, 'customFilterCallback');
-
 const ControlledFilter = (_, _ref8) => {
   let {
     filter,
@@ -137,7 +117,6 @@ const ControlledFilter = (_, _ref8) => {
     options: _options.options
   });
 };
-
 exports.ControlledFilter = ControlledFilter;
 ControlledFilter.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)()]

package/build/cjs/__e2e__/{highlight-range-of-options.stories.e2e.js → highlight-range-of-options.e2e.stories.js}

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.HasSelected = exports.HasOptions = exports.AllSelected = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer highlight range of options',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
-exports.default = _default;
-
 const HasOptions = (_, _ref) => {
   let {
     onChange,
@@ -33,9 +25,7 @@ const HasOptions = (_, _ref) => {
     options: _options.options
   });
 };
-
 exports.HasOptions = HasOptions;
-
 const HasSelected = (_, _ref2) => {
   let {
     onChange,
@@ -48,7 +38,6 @@ const HasSelected = (_, _ref2) => {
     options: _options.options
   });
 };
-
 exports.HasSelected = HasSelected;
 HasSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
@@ -60,7 +49,6 @@ HasSelected.story = {
     })
   })]
 };
-
 const AllSelected = (_, _ref4) => {
   let {
     onChange,
@@ -73,7 +61,6 @@ const AllSelected = (_, _ref4) => {
     options: _options.options
   });
 };
-
 exports.AllSelected = AllSelected;
 AllSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({

package/build/cjs/__e2e__/{loading_lists.stories.e2e.js → loading_lists.e2e.stories.js}

@@ -4,50 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.NotLoadingSource = exports.NotLoadingPicked = exports.LoadingSource = exports.LoadingPicked = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer Loading Lists'
 };
-exports.default = _default;
-
 const LoadingSource = () => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
   loading: true,
   selected: [],
   onChange: () => null,
   options: _options.options
 });
-
 exports.LoadingSource = LoadingSource;
-
 const LoadingPicked = () => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
   loadingPicked: true,
   selected: [],
   onChange: () => null,
   options: _options.options
 });
-
 exports.LoadingPicked = LoadingPicked;
-
 const NotLoadingSource = () => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
   selected: [],
   onChange: () => null,
   options: _options.options
 });
-
 exports.NotLoadingSource = NotLoadingSource;
-
 const NotLoadingPicked = () => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
   selected: [],
   onChange: () => null,
   options: _options.options
 });
-
 exports.NotLoadingPicked = NotLoadingPicked;

package/build/cjs/__e2e__/{notify_at_end_of_list.stories.e2e.js → notify_at_end_of_list.e2e.stories.js}

@@ -4,25 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PartialSourceList = exports.PartialPickedList = exports.FullSourceList = exports.FullPickedList = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer End Of List',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
-exports.default = _default;
 window.onEndReached = window.Cypress ? window.Cypress.cy.stub() : () => console.log('onEndReached');
 window.onEndReachedPicked = window.Cypress ? window.Cypress.cy.stub() : () => console.log('onEndReachedPicked');
-
 const FullSourceList = (_, _ref) => {
   let {
     selected,
@@ -35,9 +27,7 @@ const FullSourceList = (_, _ref) => {
     onEndReached: window.onEndReached
   });
 };
-
 exports.FullSourceList = FullSourceList;
-
 const FullPickedList = (_, _ref2) => {
   let {
     selected,
@@ -50,7 +40,6 @@ const FullPickedList = (_, _ref2) => {
     onEndReachedPicked: window.onEndReachedPicked
   });
 };
-
 exports.FullPickedList = FullPickedList;
 FullPickedList.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
@@ -62,7 +51,6 @@ FullPickedList.story = {
     })
   })]
 };
-
 const PartialSourceList = (_, _ref4) => {
   let {
     selected,
@@ -75,9 +63,7 @@ const PartialSourceList = (_, _ref4) => {
     onEndReached: window.onEndReached
   });
 };
-
 exports.PartialSourceList = PartialSourceList;
-
 const PartialPickedList = (_, _ref5) => {
   let {
     selected,
@@ -90,7 +76,6 @@ const PartialPickedList = (_, _ref5) => {
     onEndReachedPicked: window.onEndReachedPicked
   });
 };
-
 exports.PartialPickedList = PartialPickedList;
 PartialPickedList.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({

package/build/cjs/__e2e__/{reorder-with-buttons.stories.e2e.js → reorder-with-buttons.e2e.stories.js}

@@ -4,22 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.HasSomeSelected = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer Reorder Buttons'
 };
-exports.default = _default;
-
 const HasSomeSelected = (_, _ref) => {
   let {
     selected,
@@ -32,7 +24,6 @@ const HasSomeSelected = (_, _ref) => {
     options: _options.options
   });
 };
-
 exports.HasSomeSelected = HasSomeSelected;
 HasSomeSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({

package/build/cjs/__e2e__/{set_unset-highlighted-option.stories.e2e.js → set_unset-highlighted-option.e2e.stories.js}

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.HasSelected = exports.HasOptions = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer set & unset higlighted options',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
-exports.default = _default;
-
 const HasOptions = (_, _ref) => {
   let {
     onChange,
@@ -33,9 +25,7 @@ const HasOptions = (_, _ref) => {
     options: _options.options
   });
 };
-
 exports.HasOptions = HasOptions;
-
 const HasSelected = (_, _ref2) => {
   let {
     onChange,
@@ -47,7 +37,6 @@ const HasSelected = (_, _ref2) => {
     options: _options.options
   });
 };
-
 exports.HasSelected = HasSelected;
 HasSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({

package/build/cjs/__e2e__/{transferring-items.stories.e2e.js → transferring-items.e2e.stories.js}

@@ -4,24 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SomeSelected = exports.HasOptions = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _transfer = require("../transfer.js");
-
 var _options = require("./common/options.js");
-
 var _statefulDecorator = require("./common/stateful-decorator.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Transfer Transferring Items',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
-exports.default = _default;
 window.options = _options.options;
-
 const HasOptions = (_, _ref) => {
   let {
     selected,
@@ -33,9 +25,7 @@ const HasOptions = (_, _ref) => {
     options: _options.options
   });
 };
-
 exports.HasOptions = HasOptions;
-
 const SomeSelected = (_, _ref2) => {
   let {
     selected,
@@ -47,7 +37,6 @@ const SomeSelected = (_, _ref2) => {
     options: _options.options
   });
 };
-
 exports.SomeSelected = SomeSelected;
 SomeSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({

package/build/cjs/__tests__/common.test.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _index = require("../common/index.js");
-
 describe('Transfer - isOption', () => {
   it('should return true when the options are the same', () => {
     const option1 = {

package/build/cjs/__tests__/helper/add-all-selectable-source-options.test.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _addAllSelectableSourceOptions = require("../../transfer/add-all-selectable-source-options.js");
-
 describe('Transfer - addAllSelectableSourceOptions', () => {
   const onChange = jest.fn();
   const setHighlightedSourceOptions = jest.fn();