@wordpress/components 20.0.0 → 21.0.0

package/build/ui/__storybook-utils/example-grid.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExampleMetaContent = exports.ExampleGridItem = exports.ExampleGrid = void 0;
-
-var _element = require("@wordpress/element");
-
-var _grid = require("../../grid");
-
-var _surface = require("../../surface");
-
-var _text = require("../../text");
-
-var _view = require("../../view");
-
-var _vStack = require("../../v-stack");
-
-/**
- * Internal dependencies
- */
-const Container = _ref => {
-  let {
-    children
-  } = _ref;
-  return (0, _element.createElement)("div", {
-    style: {
-      maxWidth: 1280,
-      width: '100%',
-      marginLeft: 'auto',
-      marginRight: 'auto'
-    }
-  }, children);
-};
-
-const ExampleGrid = _ref2 => {
-  let {
-    children
-  } = _ref2;
-  return (0, _element.createElement)(Container, null, (0, _element.createElement)(_grid.Grid, {
-    columns: [2, 2, 4],
-    gap: "1px"
-  }, children));
-};
-
-exports.ExampleGrid = ExampleGrid;
-
-const ExampleGridItem = _ref3 => {
-  let {
-    children
-  } = _ref3;
-  return (0, _element.createElement)(_surface.Surface, {
-    variant: "secondary",
-    style: {
-      padding: 20
-    }
-  }, (0, _element.createElement)(_vStack.VStack, {
-    alignment: "center"
-  }, children));
-};
-
-exports.ExampleGridItem = ExampleGridItem;
-
-const ExampleMetaContent = _ref4 => {
-  let {
-    title,
-    items = []
-  } = _ref4;
-  return (0, _element.createElement)(_grid.Grid, {
-    templateColumns: "60px 1fr"
-  }, (0, _element.createElement)(_view.View, null, (0, _element.createElement)(_text.Text, {
-    size: "caption",
-    weight: "bold",
-    align: "right",
-    isBlock: true
-  }, title)), (0, _element.createElement)(_vStack.VStack, {
-    spacing: 1
-  }, items.map((item, index) => (0, _element.createElement)(_view.View, {
-    key: index
-  }, (0, _element.createElement)(_text.Text, {
-    size: "caption",
-    isBlock: true
-  }, item)))));
-};
-
-exports.ExampleMetaContent = ExampleMetaContent;
-//# sourceMappingURL=example-grid.js.map

package/build/ui/__storybook-utils/example-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/example-grid.js"],"names":["Container","children","maxWidth","width","marginLeft","marginRight","ExampleGrid","ExampleGridItem","padding","ExampleMetaContent","title","items","map","item","index"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAPA;AACA;AACA;AAOA,MAAMA,SAAS,GAAG;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SACjB;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,QAAQ,EAAE,IADH;AAEPC,MAAAA,KAAK,EAAE,MAFA;AAGPC,MAAAA,UAAU,EAAE,MAHL;AAIPC,MAAAA,WAAW,EAAE;AAJN;AADT,KAQGJ,QARH,CADiB;AAAA,CAAlB;;AAaO,MAAMK,WAAW,GAAG;AAAA,MAAE;AAAEL,IAAAA;AAAF,GAAF;AAAA,SAC1B,4BAAC,SAAD,QACC,4BAAC,UAAD;AAAM,IAAA,OAAO,EAAG,CAAE,CAAF,EAAK,CAAL,EAAQ,CAAR,CAAhB;AAA8B,IAAA,GAAG,EAAC;AAAlC,KACGA,QADH,CADD,CAD0B;AAAA,CAApB;;;;AAQA,MAAMM,eAAe,GAAG;AAAA,MAAE;AAAEN,IAAAA;AAAF,GAAF;AAAA,SAC9B,4BAAC,gBAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,KAAK,EAAG;AACPO,MAAAA,OAAO,EAAE;AADF;AAFT,KAMC,4BAAC,cAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KAA6BP,QAA7B,CAND,CAD8B;AAAA,CAAxB;;;;AAWA,MAAMQ,kBAAkB,GAAG,SAA6B;AAAA,MAA3B;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAK,GAAG;AAAjB,GAA2B;AAC9D,SACC,4BAAC,UAAD;AAAM,IAAA,eAAe,EAAC;AAAtB,KACC,4BAAC,UAAD,QACC,4BAAC,UAAD;AAAM,IAAA,IAAI,EAAC,SAAX;AAAqB,IAAA,MAAM,EAAC,MAA5B;AAAmC,IAAA,KAAK,EAAC,OAAzC;AAAiD,IAAA,OAAO;AAAxD,KACGD,KADH,CADD,CADD,EAMC,4BAAC,cAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACGC,KAAK,CAACC,GAAN,CAAW,CAAEC,IAAF,EAAQC,KAAR,KACZ,4BAAC,UAAD;AAAM,IAAA,GAAG,EAAGA;AAAZ,KACC,4BAAC,UAAD;AAAM,IAAA,IAAI,EAAC,SAAX;AAAqB,IAAA,OAAO;AAA5B,KACGD,IADH,CADD,CADC,CADH,CAND,CADD;AAkBA,CAnBM","sourcesContent":["/**\n * Internal dependencies\n */\nimport { Grid } from '../../grid';\nimport { Surface } from '../../surface';\nimport { Text } from '../../text';\nimport { View } from '../../view';\nimport { VStack } from '../../v-stack';\n\nconst Container = ( { children } ) => (\n\t<div\n\t\tstyle={ {\n\t\t\tmaxWidth: 1280,\n\t\t\twidth: '100%',\n\t\t\tmarginLeft: 'auto',\n\t\t\tmarginRight: 'auto',\n\t\t} }\n\t>\n\t\t{ children }\n\t</div>\n);\n\nexport const ExampleGrid = ( { children } ) => (\n\t<Container>\n\t\t<Grid columns={ [ 2, 2, 4 ] } gap=\"1px\">\n\t\t\t{ children }\n\t\t</Grid>\n\t</Container>\n);\n\nexport const ExampleGridItem = ( { children } ) => (\n\t<Surface\n\t\tvariant=\"secondary\"\n\t\tstyle={ {\n\t\t\tpadding: 20,\n\t\t} }\n\t>\n\t\t<VStack alignment=\"center\">{ children }</VStack>\n\t</Surface>\n);\n\nexport const ExampleMetaContent = ( { title, items = [] } ) => {\n\treturn (\n\t\t<Grid templateColumns=\"60px 1fr\">\n\t\t\t<View>\n\t\t\t\t<Text size=\"caption\" weight=\"bold\" align=\"right\" isBlock>\n\t\t\t\t\t{ title }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t<View key={ index }>\n\t\t\t\t\t\t<Text size=\"caption\" isBlock>\n\t\t\t\t\t\t\t{ item }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</Grid>\n\t);\n};\n"]}

package/build/ui/__storybook-utils/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _exampleGrid = require("./example-grid");
-
-Object.keys(_exampleGrid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _exampleGrid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _exampleGrid[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/build/ui/__storybook-utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './example-grid';\n"]}

package/build/ui/__storybook-utils/page.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _vStack = require("../../v-stack");
-
-var _view = require("../../view");
-
-var _heading = require("../../heading");
-
-var _divider = require("../../divider");
-
-/**
- * Internal dependencies
- */
-function Page(_ref) {
-  let {
-    title = 'Component',
-    children
-  } = _ref;
-  return (0, _element.createElement)("div", {
-    style: {
-      paddingTop: 24,
-      paddingBottom: '20vh',
-      maxWidth: '1280px',
-      marginLeft: 'auto',
-      marginRight: 'auto'
-    }
-  }, (0, _element.createElement)(_vStack.VStack, {
-    spacing: 6
-  }, (0, _element.createElement)(_heading.Heading, {
-    size: 1
-  }, title), (0, _element.createElement)(_divider.Divider, null), (0, _element.createElement)(_view.View, null, children)));
-}
-
-var _default = Page;
-exports.default = _default;
-//# sourceMappingURL=page.js.map

package/build/ui/__storybook-utils/page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/page.js"],"names":["Page","title","children","paddingTop","paddingBottom","maxWidth","marginLeft","marginRight"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;AAMA,SAASA,IAAT,OAAmD;AAAA,MAApC;AAAEC,IAAAA,KAAK,GAAG,WAAV;AAAuBC,IAAAA;AAAvB,GAAoC;AAClD,SACC;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,UAAU,EAAE,EADL;AAEPC,MAAAA,aAAa,EAAE,MAFR;AAGPC,MAAAA,QAAQ,EAAE,QAHH;AAIPC,MAAAA,UAAU,EAAE,MAJL;AAKPC,MAAAA,WAAW,EAAE;AALN;AADT,KASC,4BAAC,cAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,4BAAC,gBAAD;AAAS,IAAA,IAAI,EAAG;AAAhB,KAAsBN,KAAtB,CADD,EAEC,4BAAC,gBAAD,OAFD,EAGC,4BAAC,UAAD,QAAQC,QAAR,CAHD,CATD,CADD;AAiBA;;eAEcF,I","sourcesContent":["/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\nimport { View } from '../../view';\nimport { Heading } from '../../heading';\nimport { Divider } from '../../divider';\n\nfunction Page( { title = 'Component', children } ) {\n\treturn (\n\t\t<div\n\t\t\tstyle={ {\n\t\t\t\tpaddingTop: 24,\n\t\t\t\tpaddingBottom: '20vh',\n\t\t\t\tmaxWidth: '1280px',\n\t\t\t\tmarginLeft: 'auto',\n\t\t\t\tmarginRight: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t<Heading size={ 1 }>{ title }</Heading>\n\t\t\t\t<Divider />\n\t\t\t\t<View>{ children }</View>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default Page;\n"]}

package/build/utils/keyboard.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalizeArrowKey = normalizeArrowKey;
-
-var _keycodes = require("@wordpress/keycodes");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * @type {number[]}
- */
-const arrowKeys = [_keycodes.RIGHT, _keycodes.UP, _keycodes.DOWN, _keycodes.LEFT];
-/**
- * Normalizes the 'key' property of a KeyboardEvent in IE/Edge
- *
- * Source:
- * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279
- *
- * @param {import('react').KeyboardEvent} event A keyboardEvent object
- *
- * @return {string} The keyboard key
- */
-
-function normalizeArrowKey(event) {
-  const {
-    key,
-    keyCode
-  } = event;
-
-  if (arrowKeys.includes(keyCode) && key.indexOf('Arrow') !== 0) {
-    return `Arrow${key}`;
-  }
-
-  return key;
-}
-//# sourceMappingURL=keyboard.js.map

package/build/utils/keyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/utils/keyboard.js"],"names":["arrowKeys","RIGHT","UP","DOWN","LEFT","normalizeArrowKey","event","key","keyCode","includes","indexOf"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,CAAEC,eAAF,EAASC,YAAT,EAAaC,cAAb,EAAmBC,cAAnB,CAAlB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,SAASC,iBAAT,CAA4BC,KAA5B,EAAoC;AAC1C,QAAM;AAAEC,IAAAA,GAAF;AAAOC,IAAAA;AAAP,MAAmBF,KAAzB;;AAEA,MAAKN,SAAS,CAACS,QAAV,CAAoBD,OAApB,KAAiCD,GAAG,CAACG,OAAJ,CAAa,OAAb,MAA2B,CAAjE,EAAqE;AACpE,WAAQ,QAAQH,GAAK,EAArB;AACA;;AACD,SAAOA,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RIGHT, UP, DOWN, LEFT } from '@wordpress/keycodes';\n\n/**\n * @type {number[]}\n */\nconst arrowKeys = [ RIGHT, UP, DOWN, LEFT ];\n\n/**\n * Normalizes the 'key' property of a KeyboardEvent in IE/Edge\n *\n * Source:\n * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279\n *\n * @param {import('react').KeyboardEvent} event A keyboardEvent object\n *\n * @return {string} The keyboard key\n */\nexport function normalizeArrowKey( event ) {\n\tconst { key, keyCode } = event;\n\n\tif ( arrowKeys.includes( keyCode ) && key.indexOf( 'Arrow' ) !== 0 ) {\n\t\treturn `Arrow${ key }`;\n\t}\n\treturn key;\n}\n"]}

package/build-module/ui/__storybook-utils/example-grid.js

@@ -1,69 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import { Grid } from '../../grid';
-import { Surface } from '../../surface';
-import { Text } from '../../text';
-import { View } from '../../view';
-import { VStack } from '../../v-stack';
-
-const Container = _ref => {
-  let {
-    children
-  } = _ref;
-  return createElement("div", {
-    style: {
-      maxWidth: 1280,
-      width: '100%',
-      marginLeft: 'auto',
-      marginRight: 'auto'
-    }
-  }, children);
-};
-
-export const ExampleGrid = _ref2 => {
-  let {
-    children
-  } = _ref2;
-  return createElement(Container, null, createElement(Grid, {
-    columns: [2, 2, 4],
-    gap: "1px"
-  }, children));
-};
-export const ExampleGridItem = _ref3 => {
-  let {
-    children
-  } = _ref3;
-  return createElement(Surface, {
-    variant: "secondary",
-    style: {
-      padding: 20
-    }
-  }, createElement(VStack, {
-    alignment: "center"
-  }, children));
-};
-export const ExampleMetaContent = _ref4 => {
-  let {
-    title,
-    items = []
-  } = _ref4;
-  return createElement(Grid, {
-    templateColumns: "60px 1fr"
-  }, createElement(View, null, createElement(Text, {
-    size: "caption",
-    weight: "bold",
-    align: "right",
-    isBlock: true
-  }, title)), createElement(VStack, {
-    spacing: 1
-  }, items.map((item, index) => createElement(View, {
-    key: index
-  }, createElement(Text, {
-    size: "caption",
-    isBlock: true
-  }, item)))));
-};
-//# sourceMappingURL=example-grid.js.map

package/build-module/ui/__storybook-utils/example-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/example-grid.js"],"names":["Grid","Surface","Text","View","VStack","Container","children","maxWidth","width","marginLeft","marginRight","ExampleGrid","ExampleGridItem","padding","ExampleMetaContent","title","items","map","item","index"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,YAArB;AACA,SAASC,OAAT,QAAwB,eAAxB;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,MAAT,QAAuB,eAAvB;;AAEA,MAAMC,SAAS,GAAG;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SACjB;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,QAAQ,EAAE,IADH;AAEPC,MAAAA,KAAK,EAAE,MAFA;AAGPC,MAAAA,UAAU,EAAE,MAHL;AAIPC,MAAAA,WAAW,EAAE;AAJN;AADT,KAQGJ,QARH,CADiB;AAAA,CAAlB;;AAaA,OAAO,MAAMK,WAAW,GAAG;AAAA,MAAE;AAAEL,IAAAA;AAAF,GAAF;AAAA,SAC1B,cAAC,SAAD,QACC,cAAC,IAAD;AAAM,IAAA,OAAO,EAAG,CAAE,CAAF,EAAK,CAAL,EAAQ,CAAR,CAAhB;AAA8B,IAAA,GAAG,EAAC;AAAlC,KACGA,QADH,CADD,CAD0B;AAAA,CAApB;AAQP,OAAO,MAAMM,eAAe,GAAG;AAAA,MAAE;AAAEN,IAAAA;AAAF,GAAF;AAAA,SAC9B,cAAC,OAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,KAAK,EAAG;AACPO,MAAAA,OAAO,EAAE;AADF;AAFT,KAMC,cAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KAA6BP,QAA7B,CAND,CAD8B;AAAA,CAAxB;AAWP,OAAO,MAAMQ,kBAAkB,GAAG,SAA6B;AAAA,MAA3B;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAK,GAAG;AAAjB,GAA2B;AAC9D,SACC,cAAC,IAAD;AAAM,IAAA,eAAe,EAAC;AAAtB,KACC,cAAC,IAAD,QACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAC,SAAX;AAAqB,IAAA,MAAM,EAAC,MAA5B;AAAmC,IAAA,KAAK,EAAC,OAAzC;AAAiD,IAAA,OAAO;AAAxD,KACGD,KADH,CADD,CADD,EAMC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACGC,KAAK,CAACC,GAAN,CAAW,CAAEC,IAAF,EAAQC,KAAR,KACZ,cAAC,IAAD;AAAM,IAAA,GAAG,EAAGA;AAAZ,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAC,SAAX;AAAqB,IAAA,OAAO;AAA5B,KACGD,IADH,CADD,CADC,CADH,CAND,CADD;AAkBA,CAnBM","sourcesContent":["/**\n * Internal dependencies\n */\nimport { Grid } from '../../grid';\nimport { Surface } from '../../surface';\nimport { Text } from '../../text';\nimport { View } from '../../view';\nimport { VStack } from '../../v-stack';\n\nconst Container = ( { children } ) => (\n\t<div\n\t\tstyle={ {\n\t\t\tmaxWidth: 1280,\n\t\t\twidth: '100%',\n\t\t\tmarginLeft: 'auto',\n\t\t\tmarginRight: 'auto',\n\t\t} }\n\t>\n\t\t{ children }\n\t</div>\n);\n\nexport const ExampleGrid = ( { children } ) => (\n\t<Container>\n\t\t<Grid columns={ [ 2, 2, 4 ] } gap=\"1px\">\n\t\t\t{ children }\n\t\t</Grid>\n\t</Container>\n);\n\nexport const ExampleGridItem = ( { children } ) => (\n\t<Surface\n\t\tvariant=\"secondary\"\n\t\tstyle={ {\n\t\t\tpadding: 20,\n\t\t} }\n\t>\n\t\t<VStack alignment=\"center\">{ children }</VStack>\n\t</Surface>\n);\n\nexport const ExampleMetaContent = ( { title, items = [] } ) => {\n\treturn (\n\t\t<Grid templateColumns=\"60px 1fr\">\n\t\t\t<View>\n\t\t\t\t<Text size=\"caption\" weight=\"bold\" align=\"right\" isBlock>\n\t\t\t\t\t{ title }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t<View key={ index }>\n\t\t\t\t\t\t<Text size=\"caption\" isBlock>\n\t\t\t\t\t\t\t{ item }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</Grid>\n\t);\n};\n"]}

package/build-module/ui/__storybook-utils/index.js

@@ -1,2 +0,0 @@
-export * from './example-grid';
-//# sourceMappingURL=index.js.map

package/build-module/ui/__storybook-utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/index.js"],"names":[],"mappings":"AAAA,cAAc,gBAAd","sourcesContent":["export * from './example-grid';\n"]}

package/build-module/ui/__storybook-utils/page.js

@@ -1,32 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import { VStack } from '../../v-stack';
-import { View } from '../../view';
-import { Heading } from '../../heading';
-import { Divider } from '../../divider';
-
-function Page(_ref) {
-  let {
-    title = 'Component',
-    children
-  } = _ref;
-  return createElement("div", {
-    style: {
-      paddingTop: 24,
-      paddingBottom: '20vh',
-      maxWidth: '1280px',
-      marginLeft: 'auto',
-      marginRight: 'auto'
-    }
-  }, createElement(VStack, {
-    spacing: 6
-  }, createElement(Heading, {
-    size: 1
-  }, title), createElement(Divider, null), createElement(View, null, children)));
-}
-
-export default Page;
-//# sourceMappingURL=page.js.map

package/build-module/ui/__storybook-utils/page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/page.js"],"names":["VStack","View","Heading","Divider","Page","title","children","paddingTop","paddingBottom","maxWidth","marginLeft","marginRight"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,eAAvB;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,OAAT,QAAwB,eAAxB;AACA,SAASC,OAAT,QAAwB,eAAxB;;AAEA,SAASC,IAAT,OAAmD;AAAA,MAApC;AAAEC,IAAAA,KAAK,GAAG,WAAV;AAAuBC,IAAAA;AAAvB,GAAoC;AAClD,SACC;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,UAAU,EAAE,EADL;AAEPC,MAAAA,aAAa,EAAE,MAFR;AAGPC,MAAAA,QAAQ,EAAE,QAHH;AAIPC,MAAAA,UAAU,EAAE,MAJL;AAKPC,MAAAA,WAAW,EAAE;AALN;AADT,KASC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,cAAC,OAAD;AAAS,IAAA,IAAI,EAAG;AAAhB,KAAsBN,KAAtB,CADD,EAEC,cAAC,OAAD,OAFD,EAGC,cAAC,IAAD,QAAQC,QAAR,CAHD,CATD,CADD;AAiBA;;AAED,eAAeF,IAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\nimport { View } from '../../view';\nimport { Heading } from '../../heading';\nimport { Divider } from '../../divider';\n\nfunction Page( { title = 'Component', children } ) {\n\treturn (\n\t\t<div\n\t\t\tstyle={ {\n\t\t\t\tpaddingTop: 24,\n\t\t\t\tpaddingBottom: '20vh',\n\t\t\t\tmaxWidth: '1280px',\n\t\t\t\tmarginLeft: 'auto',\n\t\t\t\tmarginRight: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t<Heading size={ 1 }>{ title }</Heading>\n\t\t\t\t<Divider />\n\t\t\t\t<View>{ children }</View>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default Page;\n"]}

package/build-module/utils/keyboard.js

@@ -1,33 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { RIGHT, UP, DOWN, LEFT } from '@wordpress/keycodes';
-/**
- * @type {number[]}
- */
-
-const arrowKeys = [RIGHT, UP, DOWN, LEFT];
-/**
- * Normalizes the 'key' property of a KeyboardEvent in IE/Edge
- *
- * Source:
- * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279
- *
- * @param {import('react').KeyboardEvent} event A keyboardEvent object
- *
- * @return {string} The keyboard key
- */
-
-export function normalizeArrowKey(event) {
-  const {
-    key,
-    keyCode
-  } = event;
-
-  if (arrowKeys.includes(keyCode) && key.indexOf('Arrow') !== 0) {
-    return `Arrow${key}`;
-  }
-
-  return key;
-}
-//# sourceMappingURL=keyboard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/utils/keyboard.js"],"names":["RIGHT","UP","DOWN","LEFT","arrowKeys","normalizeArrowKey","event","key","keyCode","includes","indexOf"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAT,EAAgBC,EAAhB,EAAoBC,IAApB,EAA0BC,IAA1B,QAAsC,qBAAtC;AAEA;AACA;AACA;;AACA,MAAMC,SAAS,GAAG,CAAEJ,KAAF,EAASC,EAAT,EAAaC,IAAb,EAAmBC,IAAnB,CAAlB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASE,iBAAT,CAA4BC,KAA5B,EAAoC;AAC1C,QAAM;AAAEC,IAAAA,GAAF;AAAOC,IAAAA;AAAP,MAAmBF,KAAzB;;AAEA,MAAKF,SAAS,CAACK,QAAV,CAAoBD,OAApB,KAAiCD,GAAG,CAACG,OAAJ,CAAa,OAAb,MAA2B,CAAjE,EAAqE;AACpE,WAAQ,QAAQH,GAAK,EAArB;AACA;;AACD,SAAOA,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RIGHT, UP, DOWN, LEFT } from '@wordpress/keycodes';\n\n/**\n * @type {number[]}\n */\nconst arrowKeys = [ RIGHT, UP, DOWN, LEFT ];\n\n/**\n * Normalizes the 'key' property of a KeyboardEvent in IE/Edge\n *\n * Source:\n * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279\n *\n * @param {import('react').KeyboardEvent} event A keyboardEvent object\n *\n * @return {string} The keyboard key\n */\nexport function normalizeArrowKey( event ) {\n\tconst { key, keyCode } = event;\n\n\tif ( arrowKeys.includes( keyCode ) && key.indexOf( 'Arrow' ) !== 0 ) {\n\t\treturn `Arrow${ key }`;\n\t}\n\treturn key;\n}\n"]}

package/build-types/utils/keyboard.d.ts

@@ -1,12 +0,0 @@
-/**
- * Normalizes the 'key' property of a KeyboardEvent in IE/Edge
- *
- * Source:
- * https://github.com/downshift-js/downshift/blob/a71005bd879d05d7dcb892d1e0dc5c6ca74e9d39/src/utils.js#L279
- *
- * @param {import('react').KeyboardEvent} event A keyboardEvent object
- *
- * @return {string} The keyboard key
- */
-export function normalizeArrowKey(event: import('react').KeyboardEvent): string;
-//# sourceMappingURL=keyboard.d.ts.map

package/build-types/utils/keyboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/utils/keyboard.js"],"names":[],"mappings":"AAUA;;;;;;;;;GASG;AACH,yCAJW,OAAO,OAAO,EAAE,aAAa,GAE5B,MAAM,CASjB"}

package/src/focal-point-picker/controls.js

@@ -1,66 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import {
-	UnitControl as BaseUnitControl,
-	ControlWrapper,
-} from './styles/focal-point-picker-style';
-import { fractionToPercentage } from './utils';
-
-const TEXTCONTROL_MIN = 0;
-const TEXTCONTROL_MAX = 100;
-const noop = () => {};
-
-export default function FocalPointPickerControls( {
-	onChange = noop,
-	percentages = {
-		x: 0.5,
-		y: 0.5,
-	},
-} ) {
-	const valueX = fractionToPercentage( percentages.x );
-	const valueY = fractionToPercentage( percentages.y );
-
-	const handleChange = ( value, axis ) => {
-		const num = parseInt( value, 10 );
-
-		if ( ! isNaN( num ) ) {
-			onChange( { ...percentages, [ axis ]: num / 100 } );
-		}
-	};
-
-	return (
-		<ControlWrapper className="focal-point-picker__controls">
-			<UnitControl
-				label={ __( 'Left' ) }
-				value={ [ valueX, '%' ].join( '' ) }
-				onChange={ ( next ) => handleChange( next, 'x' ) }
-				dragDirection="e"
-			/>
-			<UnitControl
-				label={ __( 'Top' ) }
-				value={ [ valueY, '%' ].join( '' ) }
-				onChange={ ( next ) => handleChange( next, 'y' ) }
-				dragDirection="s"
-			/>
-		</ControlWrapper>
-	);
-}
-
-function UnitControl( props ) {
-	return (
-		<BaseUnitControl
-			className="focal-point-picker__controls-position-unit-control"
-			labelPosition="top"
-			max={ TEXTCONTROL_MAX }
-			min={ TEXTCONTROL_MIN }
-			units={ [ { value: '%', label: '%' } ] }
-			{ ...props }
-		/>
-	);
-}

package/src/focal-point-picker/grid.js

@@ -1,62 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import {
-	GridView,
-	GridLineX,
-	GridLineY,
-} from './styles/focal-point-picker-style';
-import { useUpdateEffect } from '../utils/hooks';
-
-export default function FocalPointPickerGrid( {
-	bounds = {},
-	value,
-	...props
-} ) {
-	const animationProps = useRevealAnimation( value );
-	const style = {
-		width: bounds.width,
-		height: bounds.height,
-	};
-
-	return (
-		<GridView
-			{ ...props }
-			{ ...animationProps }
-			className="components-focal-point-picker__grid"
-			style={ style }
-		>
-			<GridLineX style={ { top: '33%' } } />
-			<GridLineX style={ { top: '66%' } } />
-			<GridLineY style={ { left: '33%' } } />
-			<GridLineY style={ { left: '66%' } } />
-		</GridView>
-	);
-}
-
-/**
- * Custom hook that renders the "flash" animation whenever the value changes.
- *
- * @param {string} value Value of (box) side.
- */
-function useRevealAnimation( value ) {
-	const [ isActive, setIsActive ] = useState( false );
-
-	useUpdateEffect( () => {
-		setIsActive( true );
-		const timeout = window.setTimeout( () => {
-			setIsActive( false );
-		}, 600 );
-
-		return () => window.clearTimeout( timeout );
-	}, [ value ] );
-
-	return {
-		isActive,
-	};
-}