@wordpress/components 19.2.1-next.33ec3857e2.0 → 19.2.1

package/build/confirm-dialog/component.js

@@ -1,103 +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 _react = _interopRequireWildcard(require("react"));
-
-var _i18n = require("@wordpress/i18n");
-
-var _modal = _interopRequireDefault(require("../modal"));
-
-var _context = require("../ui/context");
-
-var _flex = require("../flex");
-
-var _button = _interopRequireDefault(require("../button"));
-
-var _text = require("../text");
-
-var _vStack = require("../v-stack");
-
-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
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-function ConfirmDialog(props, forwardedRef) {
-  const {
-    isOpen: isOpenProp,
-    onConfirm,
-    onCancel,
-    children,
-    ...otherProps
-  } = (0, _context.useContextSystem)(props, 'ConfirmDialog');
-  const [isOpen, setIsOpen] = (0, _react.useState)();
-  const [shouldSelfClose, setShouldSelfClose] = (0, _react.useState)();
-  (0, _react.useEffect)(() => {
-    // We only allow the dialog to close itself if `isOpenProp` is *not* set.
-    // If `isOpenProp` is set, then it (probably) means it's controlled by a
-    // parent component. In that case, `shouldSelfClose` might do more harm than
-    // good, so we disable it.
-    const isIsOpenSet = typeof isOpenProp !== 'undefined';
-    setIsOpen(isIsOpenSet ? isOpenProp : true);
-    setShouldSelfClose(!isIsOpenSet);
-  }, [isOpenProp]);
-  const handleEvent = (0, _element.useCallback)(callback => event => {
-    callback === null || callback === void 0 ? void 0 : callback(event);
-
-    if (shouldSelfClose) {
-      setIsOpen(false);
-    }
-  }, [shouldSelfClose, setIsOpen]);
-  const handleEnter = (0, _element.useCallback)(event => {
-    if (event.key === 'Enter') {
-      handleEvent(onConfirm)(event);
-    }
-  }, [handleEvent, onConfirm]);
-  const cancelLabel = (0, _i18n.__)('Cancel');
-  const confirmLabel = (0, _i18n.__)('OK');
-  return (0, _element.createElement)(_element.Fragment, null, isOpen && (0, _element.createElement)(_modal.default, (0, _extends2.default)({
-    onRequestClose: handleEvent(onCancel),
-    onKeyDown: handleEnter,
-    closeButtonLabel: cancelLabel,
-    isDismissible: true,
-    ref: forwardedRef,
-    __experimentalHideHeader: true
-  }, otherProps), (0, _element.createElement)(_vStack.VStack, {
-    spacing: 8
-  }, (0, _element.createElement)(_text.Text, null, children), (0, _element.createElement)(_flex.Flex, {
-    direction: "row",
-    justify: "flex-end"
-  }, (0, _element.createElement)(_button.default, {
-    variant: "tertiary",
-    onClick: handleEvent(onCancel)
-  }, cancelLabel), (0, _element.createElement)(_button.default, {
-    variant: "primary",
-    onClick: handleEvent(onConfirm)
-  }, confirmLabel)))));
-}
-
-var _default = (0, _context.contextConnect)(ConfirmDialog, 'ConfirmDialog');
-
-exports.default = _default;
-//# sourceMappingURL=component.js.map

package/build/confirm-dialog/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/confirm-dialog/component.tsx"],"names":["ConfirmDialog","props","forwardedRef","isOpen","isOpenProp","onConfirm","onCancel","children","otherProps","setIsOpen","shouldSelfClose","setShouldSelfClose","isIsOpenSet","handleEvent","callback","event","handleEnter","key","cancelLabel","confirmLabel"],"mappings":";;;;;;;;;AAYA;;;;AARA;;AAOA;;AAMA;;AAEA;;AAKA;;AACA;;AACA;;AACA;;;;;;AA3BA;AACA;AACA;AACA;;AAKA;AACA;AACA;;AAIA;AACA;AACA;AAaA,SAASA,aAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AACLC,IAAAA,MAAM,EAAEC,UADH;AAELC,IAAAA,SAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA,QAJK;AAKL,OAAGC;AALE,MAMF,+BAAkBP,KAAlB,EAAyB,eAAzB,CANJ;AAQA,QAAM,CAAEE,MAAF,EAAUM,SAAV,IAAwB,sBAA9B;AACA,QAAM,CAAEC,eAAF,EAAmBC,kBAAnB,IAA0C,sBAAhD;AAEA,wBAAW,MAAM;AAChB;AACA;AACA;AACA;AACA,UAAMC,WAAW,GAAG,OAAOR,UAAP,KAAsB,WAA1C;AACAK,IAAAA,SAAS,CAAEG,WAAW,GAAGR,UAAH,GAAgB,IAA7B,CAAT;AACAO,IAAAA,kBAAkB,CAAE,CAAEC,WAAJ,CAAlB;AACA,GARD,EAQG,CAAER,UAAF,CARH;AAUA,QAAMS,WAAW,GAAG,0BACjBC,QAAF,IACCC,KADqD,IAEjD;AACJD,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAIC,KAAJ,CAAR;;AACA,QAAKL,eAAL,EAAuB;AACtBD,MAAAA,SAAS,CAAE,KAAF,CAAT;AACA;AACD,GARkB,EASnB,CAAEC,eAAF,EAAmBD,SAAnB,CATmB,CAApB;AAYA,QAAMO,WAAW,GAAG,0BACjBD,KAAF,IAA8C;AAC7C,QAAKA,KAAK,CAACE,GAAN,KAAc,OAAnB,EAA6B;AAC5BJ,MAAAA,WAAW,CAAER,SAAF,CAAX,CAA0BU,KAA1B;AACA;AACD,GALkB,EAMnB,CAAEF,WAAF,EAAeR,SAAf,CANmB,CAApB;AASA,QAAMa,WAAW,GAAG,cAAI,QAAJ,CAApB;AACA,QAAMC,YAAY,GAAG,cAAI,IAAJ,CAArB;AAEA,SACC,qDACGhB,MAAM,IACP,4BAAC,cAAD;AACC,IAAA,cAAc,EAAGU,WAAW,CAAEP,QAAF,CAD7B;AAEC,IAAA,SAAS,EAAGU,WAFb;AAGC,IAAA,gBAAgB,EAAGE,WAHpB;AAIC,IAAA,aAAa,EAAG,IAJjB;AAKC,IAAA,GAAG,EAAGhB,YALP;AAMC,IAAA,wBAAwB;AANzB,KAOMM,UAPN,GASC,4BAAC,cAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,4BAAC,UAAD,QAAQD,QAAR,CADD,EAEC,4BAAC,UAAD;AAAM,IAAA,SAAS,EAAC,KAAhB;AAAsB,IAAA,OAAO,EAAC;AAA9B,KACC,4BAAC,eAAD;AACC,IAAA,OAAO,EAAC,UADT;AAEC,IAAA,OAAO,EAAGM,WAAW,CAAEP,QAAF;AAFtB,KAIGY,WAJH,CADD,EAOC,4BAAC,eAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,OAAO,EAAGL,WAAW,CAAER,SAAF;AAFtB,KAIGc,YAJH,CAPD,CAFD,CATD,CAFF,CADD;AAiCA;;eAEc,6BAAgBnB,aAAhB,EAA+B,eAA/B,C","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport React, { useEffect, useState } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport type { Ref, KeyboardEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Modal from '../modal';\nimport type { OwnProps, DialogInputEvent } from './types';\nimport {\n\tuseContextSystem,\n\tcontextConnect,\n\tWordPressComponentProps,\n} from '../ui/context';\nimport { Flex } from '../flex';\nimport Button from '../button';\nimport { Text } from '../text';\nimport { VStack } from '../v-stack';\n\nfunction ConfirmDialog(\n\tprops: WordPressComponentProps< OwnProps, 'div', false >,\n\tforwardedRef: Ref< any >\n) {\n\tconst {\n\t\tisOpen: isOpenProp,\n\t\tonConfirm,\n\t\tonCancel,\n\t\tchildren,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ConfirmDialog' );\n\n\tconst [ isOpen, setIsOpen ] = useState< boolean >();\n\tconst [ shouldSelfClose, setShouldSelfClose ] = useState< boolean >();\n\n\tuseEffect( () => {\n\t\t// We only allow the dialog to close itself if `isOpenProp` is *not* set.\n\t\t// If `isOpenProp` is set, then it (probably) means it's controlled by a\n\t\t// parent component. In that case, `shouldSelfClose` might do more harm than\n\t\t// good, so we disable it.\n\t\tconst isIsOpenSet = typeof isOpenProp !== 'undefined';\n\t\tsetIsOpen( isIsOpenSet ? isOpenProp : true );\n\t\tsetShouldSelfClose( ! isIsOpenSet );\n\t}, [ isOpenProp ] );\n\n\tconst handleEvent = useCallback(\n\t\t( callback?: ( event: DialogInputEvent ) => void ) => (\n\t\t\tevent: DialogInputEvent\n\t\t) => {\n\t\t\tcallback?.( event );\n\t\t\tif ( shouldSelfClose ) {\n\t\t\t\tsetIsOpen( false );\n\t\t\t}\n\t\t},\n\t\t[ shouldSelfClose, setIsOpen ]\n\t);\n\n\tconst handleEnter = useCallback(\n\t\t( event: KeyboardEvent< HTMLDivElement > ) => {\n\t\t\tif ( event.key === 'Enter' ) {\n\t\t\t\thandleEvent( onConfirm )( event );\n\t\t\t}\n\t\t},\n\t\t[ handleEvent, onConfirm ]\n\t);\n\n\tconst cancelLabel = __( 'Cancel' );\n\tconst confirmLabel = __( 'OK' );\n\n\treturn (\n\t\t<>\n\t\t\t{ isOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\tonRequestClose={ handleEvent( onCancel ) }\n\t\t\t\t\tonKeyDown={ handleEnter }\n\t\t\t\t\tcloseButtonLabel={ cancelLabel }\n\t\t\t\t\tisDismissible={ true }\n\t\t\t\t\tref={ forwardedRef }\n\t\t\t\t\t__experimentalHideHeader\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t>\n\t\t\t\t\t<VStack spacing={ 8 }>\n\t\t\t\t\t\t<Text>{ children }</Text>\n\t\t\t\t\t\t<Flex direction=\"row\" justify=\"flex-end\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ handleEvent( onCancel ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ cancelLabel }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ handleEvent( onConfirm ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ confirmLabel }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</VStack>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default contextConnect( ConfirmDialog, 'ConfirmDialog' );\n"]}

package/build/confirm-dialog/index.js

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

package/build/confirm-dialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/confirm-dialog/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA","sourcesContent":["/**\n * Internal dependencies\n */\nimport ConfirmDialog from './component';\n\nexport { ConfirmDialog };\n"]}

package/build/confirm-dialog/types.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map

package/build/confirm-dialog/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/build/date-time/utils.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMomentDate = void 0;
-
-var _moment = _interopRequireDefault(require("moment"));
-
-/**
- * External dependencies
- */
-
-/**
- * Create a Moment object from a date string. With no date supplied, default to a Moment
- * object representing now. If a null value is passed, return a null value.
- *
- * @param {?string} date Date representing the currently selected date or null to signify no selection.
- * @return {?moment.Moment} Moment object for selected date or null.
- */
-const getMomentDate = date => {
-  if (null === date) {
-    return null;
-  }
-
-  return date ? (0, _moment.default)(date) : (0, _moment.default)();
-};
-
-exports.getMomentDate = getMomentDate;
-//# sourceMappingURL=utils.js.map

package/build/date-time/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/utils.js"],"names":["getMomentDate","date"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,aAAa,GAAKC,IAAF,IAAY;AACxC,MAAK,SAASA,IAAd,EAAqB;AACpB,WAAO,IAAP;AACA;;AACD,SAAOA,IAAI,GAAG,qBAAQA,IAAR,CAAH,GAAoB,sBAA/B;AACA,CALM","sourcesContent":["/**\n * External dependencies\n */\nimport moment from 'moment';\n\n/**\n * Create a Moment object from a date string. With no date supplied, default to a Moment\n * object representing now. If a null value is passed, return a null value.\n *\n * @param {?string} date Date representing the currently selected date or null to signify no selection.\n * @return {?moment.Moment} Moment object for selected date or null.\n */\nexport const getMomentDate = ( date ) => {\n\tif ( null === date ) {\n\t\treturn null;\n\t}\n\treturn date ? moment( date ) : moment();\n};\n"]}

package/build-module/confirm-dialog/component.js

@@ -1,84 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import React, { useEffect, useState } from 'react'; // eslint-disable-next-line no-restricted-imports
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useCallback } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import Modal from '../modal';
-import { useContextSystem, contextConnect } from '../ui/context';
-import { Flex } from '../flex';
-import Button from '../button';
-import { Text } from '../text';
-import { VStack } from '../v-stack';
-
-function ConfirmDialog(props, forwardedRef) {
-  const {
-    isOpen: isOpenProp,
-    onConfirm,
-    onCancel,
-    children,
-    ...otherProps
-  } = useContextSystem(props, 'ConfirmDialog');
-  const [isOpen, setIsOpen] = useState();
-  const [shouldSelfClose, setShouldSelfClose] = useState();
-  useEffect(() => {
-    // We only allow the dialog to close itself if `isOpenProp` is *not* set.
-    // If `isOpenProp` is set, then it (probably) means it's controlled by a
-    // parent component. In that case, `shouldSelfClose` might do more harm than
-    // good, so we disable it.
-    const isIsOpenSet = typeof isOpenProp !== 'undefined';
-    setIsOpen(isIsOpenSet ? isOpenProp : true);
-    setShouldSelfClose(!isIsOpenSet);
-  }, [isOpenProp]);
-  const handleEvent = useCallback(callback => event => {
-    callback === null || callback === void 0 ? void 0 : callback(event);
-
-    if (shouldSelfClose) {
-      setIsOpen(false);
-    }
-  }, [shouldSelfClose, setIsOpen]);
-  const handleEnter = useCallback(event => {
-    if (event.key === 'Enter') {
-      handleEvent(onConfirm)(event);
-    }
-  }, [handleEvent, onConfirm]);
-
-  const cancelLabel = __('Cancel');
-
-  const confirmLabel = __('OK');
-
-  return createElement(Fragment, null, isOpen && createElement(Modal, _extends({
-    onRequestClose: handleEvent(onCancel),
-    onKeyDown: handleEnter,
-    closeButtonLabel: cancelLabel,
-    isDismissible: true,
-    ref: forwardedRef,
-    __experimentalHideHeader: true
-  }, otherProps), createElement(VStack, {
-    spacing: 8
-  }, createElement(Text, null, children), createElement(Flex, {
-    direction: "row",
-    justify: "flex-end"
-  }, createElement(Button, {
-    variant: "tertiary",
-    onClick: handleEvent(onCancel)
-  }, cancelLabel), createElement(Button, {
-    variant: "primary",
-    onClick: handleEvent(onConfirm)
-  }, confirmLabel)))));
-}
-
-export default contextConnect(ConfirmDialog, 'ConfirmDialog');
-//# sourceMappingURL=component.js.map

package/build-module/confirm-dialog/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/confirm-dialog/component.tsx"],"names":["React","useEffect","useState","__","useCallback","Modal","useContextSystem","contextConnect","Flex","Button","Text","VStack","ConfirmDialog","props","forwardedRef","isOpen","isOpenProp","onConfirm","onCancel","children","otherProps","setIsOpen","shouldSelfClose","setShouldSelfClose","isIsOpenSet","handleEvent","callback","event","handleEnter","key","cancelLabel","confirmLabel"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport React, { useEffect, useState } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport type { Ref, KeyboardEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Modal from '../modal';\nimport type { OwnProps, DialogInputEvent } from './types';\nimport {\n\tuseContextSystem,\n\tcontextConnect,\n\tWordPressComponentProps,\n} from '../ui/context';\nimport { Flex } from '../flex';\nimport Button from '../button';\nimport { Text } from '../text';\nimport { VStack } from '../v-stack';\n\nfunction ConfirmDialog(\n\tprops: WordPressComponentProps< OwnProps, 'div', false >,\n\tforwardedRef: Ref< any >\n) {\n\tconst {\n\t\tisOpen: isOpenProp,\n\t\tonConfirm,\n\t\tonCancel,\n\t\tchildren,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ConfirmDialog' );\n\n\tconst [ isOpen, setIsOpen ] = useState< boolean >();\n\tconst [ shouldSelfClose, setShouldSelfClose ] = useState< boolean >();\n\n\tuseEffect( () => {\n\t\t// We only allow the dialog to close itself if `isOpenProp` is *not* set.\n\t\t// If `isOpenProp` is set, then it (probably) means it's controlled by a\n\t\t// parent component. In that case, `shouldSelfClose` might do more harm than\n\t\t// good, so we disable it.\n\t\tconst isIsOpenSet = typeof isOpenProp !== 'undefined';\n\t\tsetIsOpen( isIsOpenSet ? isOpenProp : true );\n\t\tsetShouldSelfClose( ! isIsOpenSet );\n\t}, [ isOpenProp ] );\n\n\tconst handleEvent = useCallback(\n\t\t( callback?: ( event: DialogInputEvent ) => void ) => (\n\t\t\tevent: DialogInputEvent\n\t\t) => {\n\t\t\tcallback?.( event );\n\t\t\tif ( shouldSelfClose ) {\n\t\t\t\tsetIsOpen( false );\n\t\t\t}\n\t\t},\n\t\t[ shouldSelfClose, setIsOpen ]\n\t);\n\n\tconst handleEnter = useCallback(\n\t\t( event: KeyboardEvent< HTMLDivElement > ) => {\n\t\t\tif ( event.key === 'Enter' ) {\n\t\t\t\thandleEvent( onConfirm )( event );\n\t\t\t}\n\t\t},\n\t\t[ handleEvent, onConfirm ]\n\t);\n\n\tconst cancelLabel = __( 'Cancel' );\n\tconst confirmLabel = __( 'OK' );\n\n\treturn (\n\t\t<>\n\t\t\t{ isOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\tonRequestClose={ handleEvent( onCancel ) }\n\t\t\t\t\tonKeyDown={ handleEnter }\n\t\t\t\t\tcloseButtonLabel={ cancelLabel }\n\t\t\t\t\tisDismissible={ true }\n\t\t\t\t\tref={ forwardedRef }\n\t\t\t\t\t__experimentalHideHeader\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t>\n\t\t\t\t\t<VStack spacing={ 8 }>\n\t\t\t\t\t\t<Text>{ children }</Text>\n\t\t\t\t\t\t<Flex direction=\"row\" justify=\"flex-end\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ handleEvent( onCancel ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ cancelLabel }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ handleEvent( onConfirm ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ confirmLabel }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</VStack>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default contextConnect( ConfirmDialog, 'ConfirmDialog' );\n"]}

package/build-module/confirm-dialog/index.js

@@ -1,6 +0,0 @@
-/**
- * Internal dependencies
- */
-import ConfirmDialog from './component';
-export { ConfirmDialog };
-//# sourceMappingURL=index.js.map

package/build-module/confirm-dialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/confirm-dialog/index.tsx"],"names":["ConfirmDialog"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,aAAP,MAA0B,aAA1B;AAEA,SAASA,aAAT","sourcesContent":["/**\n * Internal dependencies\n */\nimport ConfirmDialog from './component';\n\nexport { ConfirmDialog };\n"]}

package/build-module/confirm-dialog/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/build-module/confirm-dialog/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/build-module/date-time/utils.js

@@ -1,20 +0,0 @@
-/**
- * External dependencies
- */
-import moment from 'moment';
-/**
- * Create a Moment object from a date string. With no date supplied, default to a Moment
- * object representing now. If a null value is passed, return a null value.
- *
- * @param {?string} date Date representing the currently selected date or null to signify no selection.
- * @return {?moment.Moment} Moment object for selected date or null.
- */
-
-export const getMomentDate = date => {
-  if (null === date) {
-    return null;
-  }
-
-  return date ? moment(date) : moment();
-};
-//# sourceMappingURL=utils.js.map

package/build-module/date-time/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/utils.js"],"names":["moment","getMomentDate","date"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,MAAP,MAAmB,QAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,aAAa,GAAKC,IAAF,IAAY;AACxC,MAAK,SAASA,IAAd,EAAqB;AACpB,WAAO,IAAP;AACA;;AACD,SAAOA,IAAI,GAAGF,MAAM,CAAEE,IAAF,CAAT,GAAoBF,MAAM,EAArC;AACA,CALM","sourcesContent":["/**\n * External dependencies\n */\nimport moment from 'moment';\n\n/**\n * Create a Moment object from a date string. With no date supplied, default to a Moment\n * object representing now. If a null value is passed, return a null value.\n *\n * @param {?string} date Date representing the currently selected date or null to signify no selection.\n * @return {?moment.Moment} Moment object for selected date or null.\n */\nexport const getMomentDate = ( date ) => {\n\tif ( null === date ) {\n\t\treturn null;\n\t}\n\treturn date ? moment( date ) : moment();\n};\n"]}

package/src/confirm-dialog/README.md

@@ -1,128 +0,0 @@
-# `ConfirmDialog`
-
-<div class="callout callout-alert">
-This feature is still experimental. "Experimental" means this is an early implementation subject to drastic and breaking changes.
-</div>
-
-`ConfirmDialog` is built of top of [`Modal`](/packages/components/src/modal/README.md] and displays a confirmation dialog, with _confirm_ and _cancel_ buttons.
-
-The dialog is confirmed by clicking the _confirm_ button or by pressing the `Enter` key. It is cancelled (closed) by clicking the _cancel_ button, by pressing the `ESC` key, or by clicking outside the dialog focus (i.e, the overlay).
-
-## Usage
-
-`ConfirmDialog` has two main implicit modes: controlled and uncontrolled.
-
-### Uncontrolled mode
-
-Allows the component to be used standalone, just by declaring it as part of another React's component render method:
-  * It will be automatically open (displayed) upon mounting;
-  * It will be automatically closed when when clicking the _cancel_ button, by pressing the `ESC` key, or by clicking outside the dialog focus (i.e, the overlay);
-  * `onCancel` is not mandatory but can be passed. Even if passed, the dialog will still be able to close itself.
-
-Activating this mode is as simple as omitting the `isOpen` prop. The only mandatory prop, in this case, is the `onConfirm` callback. The message is passed as the `children`. You can pass any JSX you'd like, which allows to further format the message or include sub-component if you'd like:
-
-```jsx
-import {
-  __experimentalConfirmDialog as ConfirmDialog
-} from '@wordpress/components';
-
-function Example() {
-  return (
-    <ConfirmDialog onConfirm={ () => console.debug(' Confirmed! ') }>
-      Are you sure? <strong>This action cannot be undone!</strong>
-    </ConfirmDialog>
-  );
-}
-```
-
-### Controlled mode
-
-Let the parent component control when the dialog is open/closed. It's activated when a boolean value is passed to `isOpen`:
-  * It will not be automatically closed. You need to let it know when to open/close by updating the value of the `isOpen` prop;
-  * Both `onConfirm` and the `onCancel` callbacks are mandatory props in this mode;
-  * You'll want to update the state that controls `isOpen` by updating it from the `onCancel` and `onConfirm` callbacks.
-
-
-```jsx
-import {
-  __experimentalConfirmDialog as ConfirmDialog
-} from '@wordpress/components';
-
-function Example() {
-  const [ isOpen, setIsOpen ] = useState( true );
-
-  const handleConfirm = () => {
-    console.debug( 'Confirmed!' );
-    setIsOpen( false );
-  }
-
-  const handleCancel = () => {
-    console.debug( 'Cancelled!' );
-    setIsOpen( false );
-  }
-
-  return (
-    <ConfirmDialog
-      isOpen={ isOpen }
-      onConfirm={ handleConfirm }
-      onCancel={ handleCancel }
-    >
-      Are you sure? <strong>This action cannot be undone!</strong>
-    </ConfirmDialog>
-  );
-}
-```
-
-### Unsupported: Multiple instances
-
-Multiple `ConfirmDialog's is an edge case that's currently not officially supported by this component. At the moment, new instances will end up closing the last instance due to the way the `Modal` is implemented.
-
-## Custom Types
-
-```ts
-type DialogInputEvent =
-	| KeyboardEvent< HTMLDivElement >
-	| MouseEvent< HTMLButtonElement >
-```
-
-## Props
-
-### `title`: `string`
-
-- Required: No
-
-An optional `title` for the dialog. Setting a title will render it in a title bar at the top of the dialog, making it a bit taller. The bar will also include an `x` close button at the top-right corner.
-
-### `children`: `React.ReactNode`
-
-- Required: Yes
-
-The actual message for the dialog. It's passed as children and any valid `ReactNode` is accepted:
-
-```jsx
-<ConfirmDialog>
- Are you sure? <strong>This action cannot be undone!</strong>
-</ConfirmDialog>
-```
-
-### `isOpen`: `boolean`
-
-- Required: No
-
-Defines if the dialog is open (displayed) or closed (not rendered/displayed). It also implicitly toggles the controlled mode if set or the uncontrolled mode if it's not set.
-
-### `onConfirm`: `( event: DialogInputEvent ) => void`
-
-- Required: Yes
-
-The callback that's called when the user confirms. A confirmation can happen when the `OK` button is clicked or when `Enter` is pressed.
-
-### `onCancel`: `( event: DialogInputEvent ) => void`
-
-- Required: Only if `isOpen` is not set
-
-The callback that's called when the user cancels. A cancellation can happen when the `Cancel` button is clicked, when the `ESC` key is pressed, or when a click outside of the dialog focus is detected (i.e. in the overlay).
-
-It's not required if `isOpen` is not set (uncontrolled mode), as the component will take care of closing itself, but you can still pass a callback if something must be done upon cancelling (the component will still close itself in this case).
-
-If `isOpen` is set (controlled mode), then it's required, and you need to set the state that defines `isOpen` to `false` as part of this callback if you want the dialog to close when the user cancels.

package/src/confirm-dialog/component.tsx

@@ -1,114 +0,0 @@
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import React, { useEffect, useState } from 'react';
-// eslint-disable-next-line no-restricted-imports
-import type { Ref, KeyboardEvent } from 'react';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useCallback } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import Modal from '../modal';
-import type { OwnProps, DialogInputEvent } from './types';
-import {
-	useContextSystem,
-	contextConnect,
-	WordPressComponentProps,
-} from '../ui/context';
-import { Flex } from '../flex';
-import Button from '../button';
-import { Text } from '../text';
-import { VStack } from '../v-stack';
-
-function ConfirmDialog(
-	props: WordPressComponentProps< OwnProps, 'div', false >,
-	forwardedRef: Ref< any >
-) {
-	const {
-		isOpen: isOpenProp,
-		onConfirm,
-		onCancel,
-		children,
-		...otherProps
-	} = useContextSystem( props, 'ConfirmDialog' );
-
-	const [ isOpen, setIsOpen ] = useState< boolean >();
-	const [ shouldSelfClose, setShouldSelfClose ] = useState< boolean >();
-
-	useEffect( () => {
-		// We only allow the dialog to close itself if `isOpenProp` is *not* set.
-		// If `isOpenProp` is set, then it (probably) means it's controlled by a
-		// parent component. In that case, `shouldSelfClose` might do more harm than
-		// good, so we disable it.
-		const isIsOpenSet = typeof isOpenProp !== 'undefined';
-		setIsOpen( isIsOpenSet ? isOpenProp : true );
-		setShouldSelfClose( ! isIsOpenSet );
-	}, [ isOpenProp ] );
-
-	const handleEvent = useCallback(
-		( callback?: ( event: DialogInputEvent ) => void ) => (
-			event: DialogInputEvent
-		) => {
-			callback?.( event );
-			if ( shouldSelfClose ) {
-				setIsOpen( false );
-			}
-		},
-		[ shouldSelfClose, setIsOpen ]
-	);
-
-	const handleEnter = useCallback(
-		( event: KeyboardEvent< HTMLDivElement > ) => {
-			if ( event.key === 'Enter' ) {
-				handleEvent( onConfirm )( event );
-			}
-		},
-		[ handleEvent, onConfirm ]
-	);
-
-	const cancelLabel = __( 'Cancel' );
-	const confirmLabel = __( 'OK' );
-
-	return (
-		<>
-			{ isOpen && (
-				<Modal
-					onRequestClose={ handleEvent( onCancel ) }
-					onKeyDown={ handleEnter }
-					closeButtonLabel={ cancelLabel }
-					isDismissible={ true }
-					ref={ forwardedRef }
-					__experimentalHideHeader
-					{ ...otherProps }
-				>
-					<VStack spacing={ 8 }>
-						<Text>{ children }</Text>
-						<Flex direction="row" justify="flex-end">
-							<Button
-								variant="tertiary"
-								onClick={ handleEvent( onCancel ) }
-							>
-								{ cancelLabel }
-							</Button>
-							<Button
-								variant="primary"
-								onClick={ handleEvent( onConfirm ) }
-							>
-								{ confirmLabel }
-							</Button>
-						</Flex>
-					</VStack>
-				</Modal>
-			) }
-		</>
-	);
-}
-
-export default contextConnect( ConfirmDialog, 'ConfirmDialog' );

package/src/confirm-dialog/index.tsx

@@ -1,6 +0,0 @@
-/**
- * Internal dependencies
- */
-import ConfirmDialog from './component';
-
-export { ConfirmDialog };