@wordpress/components 19.10.0 → 19.13.0

package/build/flyout/flyout/component.js

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _reakit = require("reakit");
-
-var _context = require("../../ui/context");
-
-var _context2 = require("../context");
-
-var _utils = require("../utils");
-
-var _flyoutContent = _interopRequireDefault(require("../flyout-content"));
-
-var _hooks = require("../../utils/hooks");
-
-var _hook = require("./hook");
-
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- *
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props
- * @param {import('react').ForwardedRef<any>}                                                          forwardedRef
- */
-function Flyout(props, forwardedRef) {
-  const {
-    children,
-    elevation,
-    label,
-    maxWidth,
-    onVisibleChange,
-    trigger,
-    flyoutState,
-    ...otherProps
-  } = (0, _hook.useFlyout)(props);
-  const resizeListener = (0, _utils.useFlyoutResizeUpdater)({
-    onResize: flyoutState.unstable_update
-  });
-  const uniqueId = `flyout-${flyoutState.baseId}`;
-  const labelId = label || uniqueId;
-  const contextProps = (0, _element.useMemo)(() => ({
-    label: labelId,
-    flyoutState
-  }), [labelId, flyoutState]);
-  const triggerContent = (0, _element.useCallback)(triggerProps => {
-    return (0, _element.cloneElement)(trigger, triggerProps);
-  }, [trigger]);
-  (0, _hooks.useUpdateEffect)(() => {
-    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(flyoutState.visible);
-  }, [flyoutState.visible]);
-  return (0, _element.createElement)(_context2.FlyoutContext.Provider, {
-    value: contextProps
-  }, trigger && (0, _element.createElement)(_reakit.PopoverDisclosure, (0, _extends2.default)({}, flyoutState, {
-    ref: trigger.ref
-  }, trigger.props), triggerContent), (0, _element.createElement)(_reakit.Portal, null, (0, _element.createElement)(_flyoutContent.default, (0, _extends2.default)({
-    ref: forwardedRef
-  }, otherProps, {
-    elevation: elevation,
-    maxWidth: maxWidth
-  }), resizeListener, children)));
-}
-/**
- * `Flyout` is a component to render a floating content modal.
- * It is similar in purpose to a tooltip, but renders content of any sort,
- * not only simple text.
- *
- * @example
- * ```jsx
- * import { Button, __experimentalFlyout as Flyout, __experimentalText as } from '@wordpress/components';
- *
- * function Example() {
- * 	return (
- * 		<Flyout trigger={ <Button>Show/Hide content</Button> }>
- *			<Text>Code is Poetry</Text>
- * 		</Flyout>
- * 	);
- * }
- * ```
- */
-
-
-const ConnectedFlyout = (0, _context.contextConnect)(Flyout, 'Flyout');
-var _default = ConnectedFlyout;
-exports.default = _default;
-//# sourceMappingURL=component.js.map

package/build/flyout/flyout/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout/component.js"],"names":["Flyout","props","forwardedRef","children","elevation","label","maxWidth","onVisibleChange","trigger","flyoutState","otherProps","resizeListener","onResize","unstable_update","uniqueId","baseId","labelId","contextProps","triggerContent","triggerProps","visible","ref","ConnectedFlyout"],"mappings":";;;;;;;;;AASA;;;;AALA;;AAUA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAnBA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA,SAASA,MAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAuC;AACtC,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,KAHK;AAILC,IAAAA,QAJK;AAKLC,IAAAA,eALK;AAMLC,IAAAA,OANK;AAOLC,IAAAA,WAPK;AAQL,OAAGC;AARE,MASF,qBAAWT,KAAX,CATJ;AAWA,QAAMU,cAAc,GAAG,mCAAwB;AAC9CC,IAAAA,QAAQ,EAAEH,WAAW,CAACI;AADwB,GAAxB,CAAvB;AAIA,QAAMC,QAAQ,GAAI,UAAUL,WAAW,CAACM,MAAQ,EAAhD;AACA,QAAMC,OAAO,GAAGX,KAAK,IAAIS,QAAzB;AAEA,QAAMG,YAAY,GAAG,sBACpB,OAAQ;AACPZ,IAAAA,KAAK,EAAEW,OADA;AAEPP,IAAAA;AAFO,GAAR,CADoB,EAKpB,CAAEO,OAAF,EAAWP,WAAX,CALoB,CAArB;AAQA,QAAMS,cAAc,GAAG,0BACpBC,YAAF,IAAoB;AACnB,WAAO,2BAAcX,OAAd,EAAuBW,YAAvB,CAAP;AACA,GAHqB,EAItB,CAAEX,OAAF,CAJsB,CAAvB;AAOA,8BAAiB,MAAM;AACtBD,IAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAIE,WAAW,CAACW,OAAhB,CAAf;AACA,GAFD,EAEG,CAAEX,WAAW,CAACW,OAAd,CAFH;AAIA,SACC,4BAAC,uBAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAGH;AAAhC,KACGT,OAAO,IACR,4BAAC,yBAAD,6BACMC,WADN;AAEC,IAAA,GAAG,EAAGD,OAAO,CAACa;AAFf,KAGMb,OAAO,CAACP,KAHd,GAKGiB,cALH,CAFF,EAUC,4BAAC,cAAD,QACC,4BAAC,sBAAD;AACC,IAAA,GAAG,EAAGhB;AADP,KAEMQ,UAFN;AAGC,IAAA,SAAS,EAAGN,SAHb;AAIC,IAAA,QAAQ,EAAGE;AAJZ,MAMGK,cANH,EAOGR,QAPH,CADD,CAVD,CADD;AAwBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMmB,eAAe,GAAG,6BAAgBtB,MAAhB,EAAwB,QAAxB,CAAxB;eAEesB,e","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport { PopoverDisclosure, Portal } from 'reakit';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useMemo, cloneElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { FlyoutContext } from '../context';\nimport { useFlyoutResizeUpdater } from '../utils';\nimport FlyoutContent from '../flyout-content';\nimport { useUpdateEffect } from '../../utils/hooks';\nimport { useFlyout } from './hook';\n\n/**\n *\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props\n * @param {import('react').ForwardedRef<any>}                                                          forwardedRef\n */\nfunction Flyout( props, forwardedRef ) {\n\tconst {\n\t\tchildren,\n\t\televation,\n\t\tlabel,\n\t\tmaxWidth,\n\t\tonVisibleChange,\n\t\ttrigger,\n\t\tflyoutState,\n\t\t...otherProps\n\t} = useFlyout( props );\n\n\tconst resizeListener = useFlyoutResizeUpdater( {\n\t\tonResize: flyoutState.unstable_update,\n\t} );\n\n\tconst uniqueId = `flyout-${ flyoutState.baseId }`;\n\tconst labelId = label || uniqueId;\n\n\tconst contextProps = useMemo(\n\t\t() => ( {\n\t\t\tlabel: labelId,\n\t\t\tflyoutState,\n\t\t} ),\n\t\t[ labelId, flyoutState ]\n\t);\n\n\tconst triggerContent = useCallback(\n\t\t( triggerProps ) => {\n\t\t\treturn cloneElement( trigger, triggerProps );\n\t\t},\n\t\t[ trigger ]\n\t);\n\n\tuseUpdateEffect( () => {\n\t\tonVisibleChange?.( flyoutState.visible );\n\t}, [ flyoutState.visible ] );\n\n\treturn (\n\t\t<FlyoutContext.Provider value={ contextProps }>\n\t\t\t{ trigger && (\n\t\t\t\t<PopoverDisclosure\n\t\t\t\t\t{ ...flyoutState }\n\t\t\t\t\tref={ trigger.ref }\n\t\t\t\t\t{ ...trigger.props }\n\t\t\t\t>\n\t\t\t\t\t{ triggerContent }\n\t\t\t\t</PopoverDisclosure>\n\t\t\t) }\n\t\t\t<Portal>\n\t\t\t\t<FlyoutContent\n\t\t\t\t\tref={ forwardedRef }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\televation={ elevation }\n\t\t\t\t\tmaxWidth={ maxWidth }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t{ children }\n\t\t\t\t</FlyoutContent>\n\t\t\t</Portal>\n\t\t</FlyoutContext.Provider>\n\t);\n}\n\n/**\n * `Flyout` is a component to render a floating content modal.\n * It is similar in purpose to a tooltip, but renders content of any sort,\n * not only simple text.\n *\n * @example\n * ```jsx\n * import { Button, __experimentalFlyout as Flyout, __experimentalText as } from '@wordpress/components';\n *\n * function Example() {\n * \treturn (\n * \t\t<Flyout trigger={ <Button>Show/Hide content</Button> }>\n *\t\t\t<Text>Code is Poetry</Text>\n * \t\t</Flyout>\n * \t);\n * }\n * ```\n */\nconst ConnectedFlyout = contextConnect( Flyout, 'Flyout' );\n\nexport default ConnectedFlyout;\n"]}

package/build/flyout/flyout/hook.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFlyout = useFlyout;
-
-var _reakit = require("reakit");
-
-var _context = require("../../ui/context");
-
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-
-/**
- * Internal dependencies
- */
-
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props
- */
-function useFlyout(props) {
-  const {
-    animated = true,
-    animationDuration = 160,
-    baseId,
-    elevation = 5,
-    id,
-    maxWidth = 360,
-    placement,
-    state,
-    visible,
-    ...otherProps
-  } = (0, _context.useContextSystem)(props, 'Flyout');
-
-  const _flyoutState = (0, _reakit.usePopoverState)({
-    animated: animated ? animationDuration : undefined,
-    baseId: baseId || id,
-    placement,
-    visible,
-    ...otherProps
-  });
-
-  const flyoutState = state || _flyoutState;
-  return { ...otherProps,
-    elevation,
-    maxWidth,
-    flyoutState
-  };
-}
-//# sourceMappingURL=hook.js.map

package/build/flyout/flyout/hook.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout/hook.js"],"names":["useFlyout","props","animated","animationDuration","baseId","elevation","id","maxWidth","placement","state","visible","otherProps","_flyoutState","undefined","flyoutState"],"mappings":";;;;;;;AAIA;;AAKA;;AATA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACO,SAASA,SAAT,CAAoBC,KAApB,EAA4B;AAClC,QAAM;AACLC,IAAAA,QAAQ,GAAG,IADN;AAELC,IAAAA,iBAAiB,GAAG,GAFf;AAGLC,IAAAA,MAHK;AAILC,IAAAA,SAAS,GAAG,CAJP;AAKLC,IAAAA,EALK;AAMLC,IAAAA,QAAQ,GAAG,GANN;AAOLC,IAAAA,SAPK;AAQLC,IAAAA,KARK;AASLC,IAAAA,OATK;AAUL,OAAGC;AAVE,MAWF,+BAAkBV,KAAlB,EAAyB,QAAzB,CAXJ;;AAaA,QAAMW,YAAY,GAAG,6BAAiB;AACrCV,IAAAA,QAAQ,EAAEA,QAAQ,GAAGC,iBAAH,GAAuBU,SADJ;AAErCT,IAAAA,MAAM,EAAEA,MAAM,IAAIE,EAFmB;AAGrCE,IAAAA,SAHqC;AAIrCE,IAAAA,OAJqC;AAKrC,OAAGC;AALkC,GAAjB,CAArB;;AAQA,QAAMG,WAAW,GAAGL,KAAK,IAAIG,YAA7B;AAEA,SAAO,EACN,GAAGD,UADG;AAENN,IAAAA,SAFM;AAGNE,IAAAA,QAHM;AAINO,IAAAA;AAJM,GAAP;AAMA","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport { usePopoverState } from 'reakit';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props\n */\nexport function useFlyout( props ) {\n\tconst {\n\t\tanimated = true,\n\t\tanimationDuration = 160,\n\t\tbaseId,\n\t\televation = 5,\n\t\tid,\n\t\tmaxWidth = 360,\n\t\tplacement,\n\t\tstate,\n\t\tvisible,\n\t\t...otherProps\n\t} = useContextSystem( props, 'Flyout' );\n\n\tconst _flyoutState = usePopoverState( {\n\t\tanimated: animated ? animationDuration : undefined,\n\t\tbaseId: baseId || id,\n\t\tplacement,\n\t\tvisible,\n\t\t...otherProps,\n\t} );\n\n\tconst flyoutState = state || _flyoutState;\n\n\treturn {\n\t\t...otherProps,\n\t\televation,\n\t\tmaxWidth,\n\t\tflyoutState,\n\t};\n}\n"]}

package/build/flyout/flyout/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _component.default;
-  }
-});
-Object.defineProperty(exports, "useFlyout", {
-  enumerable: true,
-  get: function () {
-    return _hook.useFlyout;
-  }
-});
-
-var _component = _interopRequireDefault(require("./component"));
-
-var _hook = require("./hook");
-//# sourceMappingURL=index.js.map

package/build/flyout/flyout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default } from './component';\nexport { useFlyout } from './hook';\n"]}

package/build/flyout/flyout-content/component.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _context = require("../context");
-
-var _styles = require("../styles");
-
-var _context2 = require("../../ui/context");
-
-/**
- * Internal dependencies
- */
-
-/**
- *
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').ContentProps, 'div', false>} props
- * @param {import('react').ForwardedRef<any>}                                                                 forwardedRef forwardedRef
- */
-function FlyoutContent(props, forwardedRef) {
-  const {
-    children,
-    elevation,
-    maxWidth,
-    style = {},
-    ...otherProps
-  } = (0, _context2.useContextSystem)(props, 'FlyoutContent');
-  const {
-    label,
-    flyoutState
-  } = (0, _context.useFlyoutContext)();
-
-  if (!flyoutState) {
-    throw new Error('`FlyoutContent` must only be used inside a `Flyout`.');
-  }
-
-  const showContent = flyoutState.visible || flyoutState.animating;
-  return (0, _element.createElement)(_styles.FlyoutContentView, (0, _extends2.default)({
-    "aria-label": label // maxWidth is applied via inline styles in order to avoid the `React does
-    // not recognize the maxWidth prop on a DOM element` error that comes from
-    // passing `maxWidth` as a prop to `FlyoutContentView`
-    ,
-    style: {
-      maxWidth,
-      ...style
-    }
-  }, otherProps, flyoutState), showContent && (0, _element.createElement)(_styles.CardView, {
-    elevation: elevation,
-    ref: forwardedRef
-  }, children));
-}
-
-const ConnectedFlyoutContent = (0, _context2.contextConnect)(FlyoutContent, 'FlyoutContent');
-var _default = ConnectedFlyoutContent;
-exports.default = _default;
-//# sourceMappingURL=component.js.map

package/build/flyout/flyout-content/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout-content/component.js"],"names":["FlyoutContent","props","forwardedRef","children","elevation","maxWidth","style","otherProps","label","flyoutState","Error","showContent","visible","animating","ConnectedFlyoutContent"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAT,CAAwBC,KAAxB,EAA+BC,YAA/B,EAA8C;AAC7C,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA,KAAK,GAAG,EAJH;AAKL,OAAGC;AALE,MAMF,gCAAkBN,KAAlB,EAAyB,eAAzB,CANJ;AAQA,QAAM;AAAEO,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAyB,gCAA/B;;AAEA,MAAK,CAAEA,WAAP,EAAqB;AACpB,UAAM,IAAIC,KAAJ,CACL,sDADK,CAAN;AAGA;;AAED,QAAMC,WAAW,GAAGF,WAAW,CAACG,OAAZ,IAAuBH,WAAW,CAACI,SAAvD;AAEA,SACC,4BAAC,yBAAD;AACC,kBAAaL,KADd,CAEC;AACA;AACA;AAJD;AAKC,IAAA,KAAK,EAAG;AAAEH,MAAAA,QAAF;AAAY,SAAGC;AAAf;AALT,KAMMC,UANN,EAOME,WAPN,GASGE,WAAW,IACZ,4BAAC,gBAAD;AAAU,IAAA,SAAS,EAAGP,SAAtB;AAAkC,IAAA,GAAG,EAAGF;AAAxC,KACGC,QADH,CAVF,CADD;AAiBA;;AAED,MAAMW,sBAAsB,GAAG,8BAAgBd,aAAhB,EAA+B,eAA/B,CAA/B;eAEec,sB","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useFlyoutContext } from '../context';\nimport { FlyoutContentView, CardView } from '../styles';\nimport { contextConnect, useContextSystem } from '../../ui/context';\n\n/**\n *\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').ContentProps, 'div', false>} props\n * @param {import('react').ForwardedRef<any>}                                                                 forwardedRef forwardedRef\n */\nfunction FlyoutContent( props, forwardedRef ) {\n\tconst {\n\t\tchildren,\n\t\televation,\n\t\tmaxWidth,\n\t\tstyle = {},\n\t\t...otherProps\n\t} = useContextSystem( props, 'FlyoutContent' );\n\n\tconst { label, flyoutState } = useFlyoutContext();\n\n\tif ( ! flyoutState ) {\n\t\tthrow new Error(\n\t\t\t'`FlyoutContent` must only be used inside a `Flyout`.'\n\t\t);\n\t}\n\n\tconst showContent = flyoutState.visible || flyoutState.animating;\n\n\treturn (\n\t\t<FlyoutContentView\n\t\t\taria-label={ label }\n\t\t\t// maxWidth is applied via inline styles in order to avoid the `React does\n\t\t\t// not recognize the maxWidth prop on a DOM element` error that comes from\n\t\t\t// passing `maxWidth` as a prop to `FlyoutContentView`\n\t\t\tstyle={ { maxWidth, ...style } }\n\t\t\t{ ...otherProps }\n\t\t\t{ ...flyoutState }\n\t\t>\n\t\t\t{ showContent && (\n\t\t\t\t<CardView elevation={ elevation } ref={ forwardedRef }>\n\t\t\t\t\t{ children }\n\t\t\t\t</CardView>\n\t\t\t) }\n\t\t</FlyoutContentView>\n\t);\n}\n\nconst ConnectedFlyoutContent = contextConnect( FlyoutContent, 'FlyoutContent' );\n\nexport default ConnectedFlyoutContent;\n"]}

package/build/flyout/flyout-content/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _component.default;
-  }
-});
-
-var _component = _interopRequireDefault(require("./component"));
-//# sourceMappingURL=index.js.map

package/build/flyout/flyout-content/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout-content/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './component';\n"]}

package/build/flyout/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Flyout", {
-  enumerable: true,
-  get: function () {
-    return _flyout.default;
-  }
-});
-
-var _flyout = _interopRequireDefault(require("./flyout"));
-//# sourceMappingURL=index.js.map

package/build/flyout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default as Flyout } from './flyout';\n"]}

package/build/flyout/styles.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FlyoutContentView = exports.CardView = void 0;
-
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _reakit = require("reakit");
-
-var _card = require("../card");
-
-var ZIndex = _interopRequireWildcard(require("../utils/z-index"));
-
-var _configValues = _interopRequireDefault(require("../utils/config-values"));
-
-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; }
-
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-
-/**
- * Internal dependencies
- */
-const FlyoutContentView = ( /*#__PURE__*/0, _base.default)(_reakit.Popover, process.env.NODE_ENV === "production" ? {
-  target: "e1vtu5161"
-} : {
-  target: "e1vtu5161",
-  label: "FlyoutContentView"
-})("z-index:", ZIndex.Flyout, ";box-sizing:border-box;opacity:0;outline:none;position:relative;transform-origin:center center;transition:opacity ", _configValues.default.transitionDurationFastest, " linear;width:100%;&[data-enter]{opacity:1;}&::before,&::after{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmx5b3V0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjJCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmx5b3V0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQsIHsgU3R5bGVkQ29tcG9uZW50IH0gZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCB7IFBvcG92ZXIgYXMgUmVha2l0UG9wb3ZlciB9IGZyb20gJ3JlYWtpdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENhcmQsIENhcmRCb2R5IH0gZnJvbSAnLi4vY2FyZCc7XG5pbXBvcnQgKiBhcyBaSW5kZXggZnJvbSAnLi4vdXRpbHMvei1pbmRleCc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgRmx5b3V0Q29udGVudFZpZXc6IFN0eWxlZENvbXBvbmVudDxcblx0UmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCB0eXBlb2YgUmVha2l0UG9wb3ZlciA+XG4+ID0gc3R5bGVkKCBSZWFraXRQb3BvdmVyIClgXG5cdHotaW5kZXg6ICR7IFpJbmRleC5GbHlvdXQgfTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0b3BhY2l0eTogMDtcblx0b3V0bGluZTogbm9uZTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5ICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0ZXN0IH0gbGluZWFyO1xuXHR3aWR0aDogMTAwJTtcblxuXHQmW2RhdGEtZW50ZXJdIHtcblx0XHRvcGFjaXR5OiAxO1xuXHR9XG5cblx0Jjo6YmVmb3JlLFxuXHQmOjphZnRlciB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENhcmRWaWV3ID0gc3R5bGVkKCBDYXJkIClgXG5cdCR7IENhcmRCb2R5LnNlbGVjdG9yIH0ge1xuXHRcdG1heC1oZWlnaHQ6IDgwdmg7XG5cdH1cbmA7XG4iXX0= */"));
-exports.FlyoutContentView = FlyoutContentView;
-const CardView = ( /*#__PURE__*/0, _base.default)(_card.Card, process.env.NODE_ENV === "production" ? {
-  target: "e1vtu5160"
-} : {
-  target: "e1vtu5160",
-  label: "CardView"
-})(_card.CardBody.selector, "{max-height:80vh;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmx5b3V0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3NDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmx5b3V0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQsIHsgU3R5bGVkQ29tcG9uZW50IH0gZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCB7IFBvcG92ZXIgYXMgUmVha2l0UG9wb3ZlciB9IGZyb20gJ3JlYWtpdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENhcmQsIENhcmRCb2R5IH0gZnJvbSAnLi4vY2FyZCc7XG5pbXBvcnQgKiBhcyBaSW5kZXggZnJvbSAnLi4vdXRpbHMvei1pbmRleCc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgRmx5b3V0Q29udGVudFZpZXc6IFN0eWxlZENvbXBvbmVudDxcblx0UmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCB0eXBlb2YgUmVha2l0UG9wb3ZlciA+XG4+ID0gc3R5bGVkKCBSZWFraXRQb3BvdmVyIClgXG5cdHotaW5kZXg6ICR7IFpJbmRleC5GbHlvdXQgfTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0b3BhY2l0eTogMDtcblx0b3V0bGluZTogbm9uZTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5ICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0ZXN0IH0gbGluZWFyO1xuXHR3aWR0aDogMTAwJTtcblxuXHQmW2RhdGEtZW50ZXJdIHtcblx0XHRvcGFjaXR5OiAxO1xuXHR9XG5cblx0Jjo6YmVmb3JlLFxuXHQmOjphZnRlciB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENhcmRWaWV3ID0gc3R5bGVkKCBDYXJkIClgXG5cdCR7IENhcmRCb2R5LnNlbGVjdG9yIH0ge1xuXHRcdG1heC1oZWlnaHQ6IDgwdmg7XG5cdH1cbmA7XG4iXX0= */"));
-exports.CardView = CardView;
-//# sourceMappingURL=styles.js.map

package/build/flyout/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/styles.ts"],"names":["FlyoutContentView","ReakitPopover","ZIndex","Flyout","CONFIG","transitionDurationFastest","CardView","Card","CardBody","selector"],"mappings":";;;;;;;;;;;AAKA;;AAKA;;AACA;;AACA;;;;;;AAZA;AACA;AACA;AAEA;;AAGA;AACA;AACA;AAKO,MAAMA,iBAEZ,GAAG,iCAAQC,eAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,aACYC,MAAM,CAACC,MADnB,wHAOuBC,sBAAOC,yBAP9B,yqDAFM;;AAsBA,MAAMC,QAAQ,GAAG,iCAAQC,UAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACjBC,eAASC,QADQ,8mDAAd","sourcesContent":["/**\n * External dependencies\n */\nimport styled, { StyledComponent } from '@emotion/styled';\n// eslint-disable-next-line no-restricted-imports\nimport { Popover as ReakitPopover } from 'reakit';\n\n/**\n * Internal dependencies\n */\nimport { Card, CardBody } from '../card';\nimport * as ZIndex from '../utils/z-index';\nimport CONFIG from '../utils/config-values';\n\nexport const FlyoutContentView: StyledComponent<\n\tReact.ComponentPropsWithoutRef< typeof ReakitPopover >\n> = styled( ReakitPopover )`\n\tz-index: ${ ZIndex.Flyout };\n\tbox-sizing: border-box;\n\topacity: 0;\n\toutline: none;\n\tposition: relative;\n\ttransform-origin: center center;\n\ttransition: opacity ${ CONFIG.transitionDurationFastest } linear;\n\twidth: 100%;\n\n\t&[data-enter] {\n\t\topacity: 1;\n\t}\n\n\t&::before,\n\t&::after {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const CardView = styled( Card )`\n\t${ CardBody.selector } {\n\t\tmax-height: 80vh;\n\t}\n`;\n"]}

package/build/flyout/utils.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFlyoutResizeUpdater = useFlyoutResizeUpdater;
-
-var _reactResizeAware = _interopRequireDefault(require("react-resize-aware"));
-
-var _compose = require("@wordpress/compose");
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- *
- * @param { { onResize?: () => any } } onResize
- */
-function useFlyoutResizeUpdater(_ref) {
-  let {
-    onResize
-  } = _ref;
-  const [resizeListener, sizes] = (0, _reactResizeAware.default)();
-  (0, _compose.useIsomorphicLayoutEffect)(() => {
-    onResize === null || onResize === void 0 ? void 0 : onResize();
-  }, [sizes.width, sizes.height]);
-  return resizeListener;
-}
-//# sourceMappingURL=utils.js.map

package/build/flyout/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/utils.js"],"names":["useFlyoutResizeUpdater","onResize","resizeListener","sizes","width","height"],"mappings":";;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACO,SAASA,sBAAT,OAAgD;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACtD,QAAM,CAAEC,cAAF,EAAkBC,KAAlB,IAA4B,gCAAlC;AAEA,0CAA2B,MAAM;AAChCF,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;AACR,GAFD,EAEG,CAAEE,KAAK,CAACC,KAAR,EAAeD,KAAK,CAACE,MAArB,CAFH;AAIA,SAAOH,cAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport useResizeAware from 'react-resize-aware';\n\n/**\n * WordPress dependencies\n */\nimport { useIsomorphicLayoutEffect } from '@wordpress/compose';\n\n/**\n *\n * @param { { onResize?: () => any } } onResize\n */\nexport function useFlyoutResizeUpdater( { onResize } ) {\n\tconst [ resizeListener, sizes ] = useResizeAware();\n\n\tuseIsomorphicLayoutEffect( () => {\n\t\tonResize?.();\n\t}, [ sizes.width, sizes.height ] );\n\n\treturn resizeListener;\n}\n"]}

package/build/mobile/html-text-input/container.android.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _reactNative = require("react-native");
-
-var _keyboardAvoidingView = _interopRequireDefault(require("../keyboard-avoiding-view"));
-
-var _styleAndroid = _interopRequireDefault(require("./style.android.scss"));
-
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-const HTMLInputContainer = _ref => {
-  let {
-    children,
-    parentHeight
-  } = _ref;
-  return (0, _element.createElement)(_keyboardAvoidingView.default, {
-    style: _styleAndroid.default.keyboardAvoidingView,
-    parentHeight: parentHeight
-  }, (0, _element.createElement)(_reactNative.ScrollView, {
-    style: _styleAndroid.default.scrollView
-  }, children));
-};
-
-HTMLInputContainer.scrollEnabled = false;
-var _default = HTMLInputContainer;
-exports.default = _default;
-//# sourceMappingURL=container.android.js.map

package/build/mobile/html-text-input/container.android.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/html-text-input/container.android.js"],"names":["HTMLInputContainer","children","parentHeight","styles","keyboardAvoidingView","scrollView","scrollEnabled"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIA,MAAMA,kBAAkB,GAAG;AAAA,MAAE;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAF;AAAA,SAC1B,4BAAC,6BAAD;AACC,IAAA,KAAK,EAAGC,sBAAOC,oBADhB;AAEC,IAAA,YAAY,EAAGF;AAFhB,KAIC,4BAAC,uBAAD;AAAY,IAAA,KAAK,EAAGC,sBAAOE;AAA3B,KAA0CJ,QAA1C,CAJD,CAD0B;AAAA,CAA3B;;AASAD,kBAAkB,CAACM,aAAnB,GAAmC,KAAnC;eAEeN,kB","sourcesContent":["/**\n * External dependencies\n */\nimport { ScrollView } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport KeyboardAvoidingView from '../keyboard-avoiding-view';\nimport styles from './style.android.scss';\n\nconst HTMLInputContainer = ( { children, parentHeight } ) => (\n\t<KeyboardAvoidingView\n\t\tstyle={ styles.keyboardAvoidingView }\n\t\tparentHeight={ parentHeight }\n\t>\n\t\t<ScrollView style={ styles.scrollView }>{ children }</ScrollView>\n\t</KeyboardAvoidingView>\n);\n\nHTMLInputContainer.scrollEnabled = false;\n\nexport default HTMLInputContainer;\n"]}

package/build/mobile/html-text-input/container.ios.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _reactNative = require("react-native");
-
-var _keyboardAvoidingView = _interopRequireDefault(require("../keyboard-avoiding-view"));
-
-var _styleIos = _interopRequireDefault(require("./style.ios.scss"));
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-class HTMLInputContainer extends _element.Component {
-  constructor() {
-    super(...arguments);
-    this.panResponder = _reactNative.PanResponder.create({
-      onStartShouldSetPanResponderCapture: () => true,
-      onPanResponderMove: (e, gestureState) => {
-        if (gestureState.dy > 100 && gestureState.dy < 110) {
-          // Keyboard.dismiss() and this.textInput.blur() are not working here
-          // They require to know the currentlyFocusedID under the hood but
-          // during this gesture there's no currentlyFocusedID.
-          _reactNative.UIManager.blur(e.target);
-        }
-      }
-    });
-  }
-
-  render() {
-    return (0, _element.createElement)(_keyboardAvoidingView.default, (0, _extends2.default)({
-      style: _styleIos.default.keyboardAvoidingView
-    }, this.panResponder.panHandlers, {
-      parentHeight: this.props.parentHeight
-    }), this.props.children);
-  }
-
-}
-
-HTMLInputContainer.scrollEnabled = true;
-var _default = HTMLInputContainer;
-exports.default = _default;
-//# sourceMappingURL=container.ios.js.map

package/build/mobile/html-text-input/container.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/html-text-input/container.ios.js"],"names":["HTMLInputContainer","Component","constructor","arguments","panResponder","PanResponder","create","onStartShouldSetPanResponderCapture","onPanResponderMove","e","gestureState","dy","UIManager","blur","target","render","styles","keyboardAvoidingView","panHandlers","props","parentHeight","children","scrollEnabled"],"mappings":";;;;;;;;;AAQA;;;;AALA;;AAUA;;AACA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIA,MAAMA,kBAAN,SAAiCC,kBAAjC,CAA2C;AAC1CC,EAAAA,WAAW,GAAG;AACb,UAAO,GAAGC,SAAV;AAEA,SAAKC,YAAL,GAAoBC,0BAAaC,MAAb,CAAqB;AACxCC,MAAAA,mCAAmC,EAAE,MAAM,IADH;AAGxCC,MAAAA,kBAAkB,EAAE,CAAEC,CAAF,EAAKC,YAAL,KAAuB;AAC1C,YAAKA,YAAY,CAACC,EAAb,GAAkB,GAAlB,IAAyBD,YAAY,CAACC,EAAb,GAAkB,GAAhD,EAAsD;AACrD;AACA;AACA;AACAC,iCAAUC,IAAV,CAAgBJ,CAAC,CAACK,MAAlB;AACA;AACD;AAVuC,KAArB,CAApB;AAYA;;AAEDC,EAAAA,MAAM,GAAG;AACR,WACC,4BAAC,6BAAD;AACC,MAAA,KAAK,EAAGC,kBAAOC;AADhB,OAEM,KAAKb,YAAL,CAAkBc,WAFxB;AAGC,MAAA,YAAY,EAAG,KAAKC,KAAL,CAAWC;AAH3B,QAKG,KAAKD,KAAL,CAAWE,QALd,CADD;AASA;;AA5ByC;;AA+B3CrB,kBAAkB,CAACsB,aAAnB,GAAmC,IAAnC;eAEetB,kB","sourcesContent":["/**\n * External dependencies\n */\nimport { UIManager, PanResponder } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport KeyboardAvoidingView from '../keyboard-avoiding-view';\nimport styles from './style.ios.scss';\n\nclass HTMLInputContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.panResponder = PanResponder.create( {\n\t\t\tonStartShouldSetPanResponderCapture: () => true,\n\n\t\t\tonPanResponderMove: ( e, gestureState ) => {\n\t\t\t\tif ( gestureState.dy > 100 && gestureState.dy < 110 ) {\n\t\t\t\t\t// Keyboard.dismiss() and this.textInput.blur() are not working here\n\t\t\t\t\t// They require to know the currentlyFocusedID under the hood but\n\t\t\t\t\t// during this gesture there's no currentlyFocusedID.\n\t\t\t\t\tUIManager.blur( e.target );\n\t\t\t\t}\n\t\t\t},\n\t\t} );\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<KeyboardAvoidingView\n\t\t\t\tstyle={ styles.keyboardAvoidingView }\n\t\t\t\t{ ...this.panResponder.panHandlers }\n\t\t\t\tparentHeight={ this.props.parentHeight }\n\t\t\t>\n\t\t\t\t{ this.props.children }\n\t\t\t</KeyboardAvoidingView>\n\t\t);\n\t}\n}\n\nHTMLInputContainer.scrollEnabled = true;\n\nexport default HTMLInputContainer;\n"]}