@wordpress/components 19.8.4 → 19.11.0

package/build-module/flyout/context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/context.js"],"names":["createContext","useContext","FlyoutContext","useFlyoutContext"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,oBAA1C;AAEA;AACA;AACA;;AACA,OAAO,MAAMC,aAAa,GAAGF,aAAa,CAAE,EAAF,CAAnC;AACP,OAAO,MAAMG,gBAAgB,GAAG,MAAMF,UAAU,CAAEC,aAAF,CAAzC","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * @type {import('react').Context<import('./types').Context>}\n */\nexport const FlyoutContext = createContext( {} );\nexport const useFlyoutContext = () => useContext( FlyoutContext );\n"]}

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

@@ -1,89 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import { PopoverDisclosure, Portal } from 'reakit';
-/**
- * WordPress dependencies
- */
-
-import { useCallback, useMemo, cloneElement } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import { contextConnect } from '../../ui/context';
-import { FlyoutContext } from '../context';
-import { useFlyoutResizeUpdater } from '../utils';
-import FlyoutContent from '../flyout-content';
-import { useUpdateEffect } from '../../utils/hooks';
-import { useFlyout } from './hook';
-/**
- *
- * @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
-  } = useFlyout(props);
-  const resizeListener = useFlyoutResizeUpdater({
-    onResize: flyoutState.unstable_update
-  });
-  const uniqueId = `flyout-${flyoutState.baseId}`;
-  const labelId = label || uniqueId;
-  const contextProps = useMemo(() => ({
-    label: labelId,
-    flyoutState
-  }), [labelId, flyoutState]);
-  const triggerContent = useCallback(triggerProps => {
-    return cloneElement(trigger, triggerProps);
-  }, [trigger]);
-  useUpdateEffect(() => {
-    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(flyoutState.visible);
-  }, [flyoutState.visible]);
-  return createElement(FlyoutContext.Provider, {
-    value: contextProps
-  }, trigger && createElement(PopoverDisclosure, _extends({}, flyoutState, {
-    ref: trigger.ref
-  }, trigger.props), triggerContent), createElement(Portal, null, createElement(FlyoutContent, _extends({
-    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 = contextConnect(Flyout, 'Flyout');
-export default ConnectedFlyout;
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout/component.js"],"names":["PopoverDisclosure","Portal","useCallback","useMemo","cloneElement","contextConnect","FlyoutContext","useFlyoutResizeUpdater","FlyoutContent","useUpdateEffect","useFlyout","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":";;;AAAA;AACA;AACA;AACA;AACA,SAASA,iBAAT,EAA4BC,MAA5B,QAA0C,QAA1C;AAEA;AACA;AACA;;AACA,SAASC,WAAT,EAAsBC,OAAtB,EAA+BC,YAA/B,QAAmD,oBAAnD;AAEA;AACA;AACA;;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,aAAT,QAA8B,YAA9B;AACA,SAASC,sBAAT,QAAuC,UAAvC;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,SAAT,QAA0B,QAA1B;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,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,MASFX,SAAS,CAAEE,KAAF,CATb;AAWA,QAAMU,cAAc,GAAGf,sBAAsB,CAAE;AAC9CgB,IAAAA,QAAQ,EAAEH,WAAW,CAACI;AADwB,GAAF,CAA7C;AAIA,QAAMC,QAAQ,GAAI,UAAUL,WAAW,CAACM,MAAQ,EAAhD;AACA,QAAMC,OAAO,GAAGX,KAAK,IAAIS,QAAzB;AAEA,QAAMG,YAAY,GAAGzB,OAAO,CAC3B,OAAQ;AACPa,IAAAA,KAAK,EAAEW,OADA;AAEPP,IAAAA;AAFO,GAAR,CAD2B,EAK3B,CAAEO,OAAF,EAAWP,WAAX,CAL2B,CAA5B;AAQA,QAAMS,cAAc,GAAG3B,WAAW,CAC/B4B,YAAF,IAAoB;AACnB,WAAO1B,YAAY,CAAEe,OAAF,EAAWW,YAAX,CAAnB;AACA,GAHgC,EAIjC,CAAEX,OAAF,CAJiC,CAAlC;AAOAV,EAAAA,eAAe,CAAE,MAAM;AACtBS,IAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAIE,WAAW,CAACW,OAAhB,CAAf;AACA,GAFc,EAEZ,CAAEX,WAAW,CAACW,OAAd,CAFY,CAAf;AAIA,SACC,cAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAGH;AAAhC,KACGT,OAAO,IACR,cAAC,iBAAD,eACMC,WADN;AAEC,IAAA,GAAG,EAAGD,OAAO,CAACa;AAFf,KAGMb,OAAO,CAACP,KAHd,GAKGiB,cALH,CAFF,EAUC,cAAC,MAAD,QACC,cAAC,aAAD;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,GAAG5B,cAAc,CAAEM,MAAF,EAAU,QAAV,CAAtC;AAEA,eAAesB,eAAf","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-module/flyout/flyout/hook.js

@@ -1,44 +0,0 @@
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import { usePopoverState } from 'reakit';
-/**
- * Internal dependencies
- */
-
-import { useContextSystem } from '../../ui/context';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props
- */
-
-export function useFlyout(props) {
-  const {
-    animated = true,
-    animationDuration = 160,
-    baseId,
-    elevation = 5,
-    id,
-    maxWidth = 360,
-    placement,
-    state,
-    visible,
-    ...otherProps
-  } = useContextSystem(props, 'Flyout');
-
-  const _flyoutState = 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-module/flyout/flyout/hook.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout/hook.js"],"names":["usePopoverState","useContextSystem","useFlyout","props","animated","animationDuration","baseId","elevation","id","maxWidth","placement","state","visible","otherProps","_flyoutState","undefined","flyoutState"],"mappings":"AAAA;AACA;AACA;AACA;AACA,SAASA,eAAT,QAAgC,QAAhC;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AAEA;AACA;AACA;;AACA,OAAO,SAASC,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,MAWFZ,gBAAgB,CAAEE,KAAF,EAAS,QAAT,CAXpB;;AAaA,QAAMW,YAAY,GAAGd,eAAe,CAAE;AACrCI,IAAAA,QAAQ,EAAEA,QAAQ,GAAGC,iBAAH,GAAuBU,SADJ;AAErCT,IAAAA,MAAM,EAAEA,MAAM,IAAIE,EAFmB;AAGrCE,IAAAA,SAHqC;AAIrCE,IAAAA,OAJqC;AAKrC,OAAGC;AALkC,GAAF,CAApC;;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-module/flyout/flyout/index.js

@@ -1,3 +0,0 @@
-export { default } from './component';
-export { useFlyout } from './hook';
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,51 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import { useFlyoutContext } from '../context';
-import { FlyoutContentView, CardView } from '../styles';
-import { contextConnect, useContextSystem } from '../../ui/context';
-/**
- *
- * @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
-  } = useContextSystem(props, 'FlyoutContent');
-  const {
-    label,
-    flyoutState
-  } = useFlyoutContext();
-
-  if (!flyoutState) {
-    throw new Error('`FlyoutContent` must only be used inside a `Flyout`.');
-  }
-
-  const showContent = flyoutState.visible || flyoutState.animating;
-  return createElement(FlyoutContentView, _extends({
-    "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 && createElement(CardView, {
-    elevation: elevation,
-    ref: forwardedRef
-  }, children));
-}
-
-const ConnectedFlyoutContent = contextConnect(FlyoutContent, 'FlyoutContent');
-export default ConnectedFlyoutContent;
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/flyout-content/component.js"],"names":["useFlyoutContext","FlyoutContentView","CardView","contextConnect","useContextSystem","FlyoutContent","props","forwardedRef","children","elevation","maxWidth","style","otherProps","label","flyoutState","Error","showContent","visible","animating","ConnectedFlyoutContent"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,gBAAT,QAAiC,YAAjC;AACA,SAASC,iBAAT,EAA4BC,QAA5B,QAA4C,WAA5C;AACA,SAASC,cAAT,EAAyBC,gBAAzB,QAAiD,kBAAjD;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,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,MAMFR,gBAAgB,CAAEE,KAAF,EAAS,eAAT,CANpB;AAQA,QAAM;AAAEO,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAyBd,gBAAgB,EAA/C;;AAEA,MAAK,CAAEc,WAAP,EAAqB;AACpB,UAAM,IAAIC,KAAJ,CACL,sDADK,CAAN;AAGA;;AAED,QAAMC,WAAW,GAAGF,WAAW,CAACG,OAAZ,IAAuBH,WAAW,CAACI,SAAvD;AAEA,SACC,cAAC,iBAAD;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,cAAC,QAAD;AAAU,IAAA,SAAS,EAAGP,SAAtB;AAAkC,IAAA,GAAG,EAAGF;AAAxC,KACGC,QADH,CAVF,CADD;AAiBA;;AAED,MAAMW,sBAAsB,GAAGhB,cAAc,CAAEE,aAAF,EAAiB,eAAjB,CAA7C;AAEA,eAAec,sBAAf","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-module/flyout/flyout-content/index.js

@@ -1,2 +0,0 @@
-export { default } from './component';
-//# sourceMappingURL=index.js.map

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

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

package/build-module/flyout/index.js

@@ -1,2 +0,0 @@
-export { default as Flyout } from './flyout';
-//# sourceMappingURL=index.js.map

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

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

package/build-module/flyout/styles.js

@@ -1,27 +0,0 @@
-import _styled from "@emotion/styled/base";
-
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import { Popover as ReakitPopover } from 'reakit';
-/**
- * Internal dependencies
- */
-
-import { Card, CardBody } from '../card';
-import * as ZIndex from '../utils/z-index';
-import CONFIG from '../utils/config-values';
-export const FlyoutContentView = /*#__PURE__*/_styled(ReakitPopover, 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 ", CONFIG.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= */"));
-export const CardView = /*#__PURE__*/_styled(Card, process.env.NODE_ENV === "production" ? {
-  target: "e1vtu5160"
-} : {
-  target: "e1vtu5160",
-  label: "CardView"
-})(CardBody.selector, "{max-height:80vh;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmx5b3V0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3NDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmx5b3V0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQsIHsgU3R5bGVkQ29tcG9uZW50IH0gZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCB7IFBvcG92ZXIgYXMgUmVha2l0UG9wb3ZlciB9IGZyb20gJ3JlYWtpdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENhcmQsIENhcmRCb2R5IH0gZnJvbSAnLi4vY2FyZCc7XG5pbXBvcnQgKiBhcyBaSW5kZXggZnJvbSAnLi4vdXRpbHMvei1pbmRleCc7XG5pbXBvcnQgQ09ORklHIGZyb20gJy4uL3V0aWxzL2NvbmZpZy12YWx1ZXMnO1xuXG5leHBvcnQgY29uc3QgRmx5b3V0Q29udGVudFZpZXc6IFN0eWxlZENvbXBvbmVudDxcblx0UmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCB0eXBlb2YgUmVha2l0UG9wb3ZlciA+XG4+ID0gc3R5bGVkKCBSZWFraXRQb3BvdmVyIClgXG5cdHotaW5kZXg6ICR7IFpJbmRleC5GbHlvdXQgfTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0b3BhY2l0eTogMDtcblx0b3V0bGluZTogbm9uZTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5ICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0ZXN0IH0gbGluZWFyO1xuXHR3aWR0aDogMTAwJTtcblxuXHQmW2RhdGEtZW50ZXJdIHtcblx0XHRvcGFjaXR5OiAxO1xuXHR9XG5cblx0Jjo6YmVmb3JlLFxuXHQmOjphZnRlciB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IENhcmRWaWV3ID0gc3R5bGVkKCBDYXJkIClgXG5cdCR7IENhcmRCb2R5LnNlbGVjdG9yIH0ge1xuXHRcdG1heC1oZWlnaHQ6IDgwdmg7XG5cdH1cbmA7XG4iXX0= */"));
-//# sourceMappingURL=styles.js.map

package/build-module/flyout/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/styles.ts"],"names":["Popover","ReakitPopover","Card","CardBody","ZIndex","CONFIG","FlyoutContentView","Flyout","transitionDurationFastest","CardView","selector"],"mappings":";;AAAA;AACA;AACA;AAEA;AACA,SAASA,OAAO,IAAIC,aAApB,QAAyC,QAAzC;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,QAAf,QAA+B,SAA/B;AACA,OAAO,KAAKC,MAAZ,MAAwB,kBAAxB;AACA,OAAOC,MAAP,MAAmB,wBAAnB;AAEA,OAAO,MAAMC,iBAEZ,GAAG,qBAAQL,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,aACYG,MAAM,CAACG,MADnB,wHAOuBF,MAAM,CAACG,yBAP9B,yqDAFM;AAsBP,OAAO,MAAMC,QAAQ,GAAG,qBAAQP,IAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACjBC,QAAQ,CAACO,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-module/flyout/utils.js

@@ -1,25 +0,0 @@
-/**
- * External dependencies
- */
-import useResizeAware from 'react-resize-aware';
-/**
- * WordPress dependencies
- */
-
-import { useIsomorphicLayoutEffect } from '@wordpress/compose';
-/**
- *
- * @param { { onResize?: () => any } } onResize
- */
-
-export function useFlyoutResizeUpdater(_ref) {
-  let {
-    onResize
-  } = _ref;
-  const [resizeListener, sizes] = useResizeAware();
-  useIsomorphicLayoutEffect(() => {
-    onResize === null || onResize === void 0 ? void 0 : onResize();
-  }, [sizes.width, sizes.height]);
-  return resizeListener;
-}
-//# sourceMappingURL=utils.js.map

package/build-module/flyout/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/flyout/utils.js"],"names":["useResizeAware","useIsomorphicLayoutEffect","useFlyoutResizeUpdater","onResize","resizeListener","sizes","width","height"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,cAAP,MAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,SAASC,yBAAT,QAA0C,oBAA1C;AAEA;AACA;AACA;AACA;;AACA,OAAO,SAASC,sBAAT,OAAgD;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACtD,QAAM,CAAEC,cAAF,EAAkBC,KAAlB,IAA4BL,cAAc,EAAhD;AAEAC,EAAAA,yBAAyB,CAAE,MAAM;AAChCE,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;AACR,GAFwB,EAEtB,CAAEE,KAAK,CAACC,KAAR,EAAeD,KAAK,CAACE,MAArB,CAFsB,CAAzB;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-module/mobile/html-text-input/container.android.js

@@ -1,29 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { ScrollView } from 'react-native';
-/**
- * Internal dependencies
- */
-
-import KeyboardAvoidingView from '../keyboard-avoiding-view';
-import styles from './style.android.scss';
-
-const HTMLInputContainer = _ref => {
-  let {
-    children,
-    parentHeight
-  } = _ref;
-  return createElement(KeyboardAvoidingView, {
-    style: styles.keyboardAvoidingView,
-    parentHeight: parentHeight
-  }, createElement(ScrollView, {
-    style: styles.scrollView
-  }, children));
-};
-
-HTMLInputContainer.scrollEnabled = false;
-export default HTMLInputContainer;
-//# sourceMappingURL=container.android.js.map

package/build-module/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":["ScrollView","KeyboardAvoidingView","styles","HTMLInputContainer","children","parentHeight","keyboardAvoidingView","scrollView","scrollEnabled"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,cAA3B;AAEA;AACA;AACA;;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,MAAP,MAAmB,sBAAnB;;AAEA,MAAMC,kBAAkB,GAAG;AAAA,MAAE;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAF;AAAA,SAC1B,cAAC,oBAAD;AACC,IAAA,KAAK,EAAGH,MAAM,CAACI,oBADhB;AAEC,IAAA,YAAY,EAAGD;AAFhB,KAIC,cAAC,UAAD;AAAY,IAAA,KAAK,EAAGH,MAAM,CAACK;AAA3B,KAA0CH,QAA1C,CAJD,CAD0B;AAAA,CAA3B;;AASAD,kBAAkB,CAACK,aAAnB,GAAmC,KAAnC;AAEA,eAAeL,kBAAf","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-module/mobile/html-text-input/container.ios.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { UIManager, PanResponder } from 'react-native';
-/**
- * WordPress dependencies
- */
-
-import { Component } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import KeyboardAvoidingView from '../keyboard-avoiding-view';
-import styles from './style.ios.scss';
-
-class HTMLInputContainer extends Component {
-  constructor() {
-    super(...arguments);
-    this.panResponder = 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.
-          UIManager.blur(e.target);
-        }
-      }
-    });
-  }
-
-  render() {
-    return createElement(KeyboardAvoidingView, _extends({
-      style: styles.keyboardAvoidingView
-    }, this.panResponder.panHandlers, {
-      parentHeight: this.props.parentHeight
-    }), this.props.children);
-  }
-
-}
-
-HTMLInputContainer.scrollEnabled = true;
-export default HTMLInputContainer;
-//# sourceMappingURL=container.ios.js.map

package/build-module/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":["UIManager","PanResponder","Component","KeyboardAvoidingView","styles","HTMLInputContainer","constructor","arguments","panResponder","create","onStartShouldSetPanResponderCapture","onPanResponderMove","e","gestureState","dy","blur","target","render","keyboardAvoidingView","panHandlers","props","parentHeight","children","scrollEnabled"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,YAApB,QAAwC,cAAxC;AAEA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,oBAA1B;AAEA;AACA;AACA;;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,MAAP,MAAmB,kBAAnB;;AAEA,MAAMC,kBAAN,SAAiCH,SAAjC,CAA2C;AAC1CI,EAAAA,WAAW,GAAG;AACb,UAAO,GAAGC,SAAV;AAEA,SAAKC,YAAL,GAAoBP,YAAY,CAACQ,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;AACAd,UAAAA,SAAS,CAACe,IAAV,CAAgBH,CAAC,CAACI,MAAlB;AACA;AACD;AAVuC,KAArB,CAApB;AAYA;;AAEDC,EAAAA,MAAM,GAAG;AACR,WACC,cAAC,oBAAD;AACC,MAAA,KAAK,EAAGb,MAAM,CAACc;AADhB,OAEM,KAAKV,YAAL,CAAkBW,WAFxB;AAGC,MAAA,YAAY,EAAG,KAAKC,KAAL,CAAWC;AAH3B,QAKG,KAAKD,KAAL,CAAWE,QALd,CADD;AASA;;AA5ByC;;AA+B3CjB,kBAAkB,CAACkB,aAAnB,GAAmC,IAAnC;AAEA,eAAelB,kBAAf","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"]}