@wordpress/dataviews 9.1.1-next.233ccab9b.0 → 10.0.0

package/build/dataviews-layouts/table/column-primary.js

@@ -1,25 +1,30 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var column_primary_exports = {};
+__export(column_primary_exports, {
+  default: () => column_primary_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _itemClickWrapper = require("../utils/item-click-wrapper");
-var _i18n = require("@wordpress/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(column_primary_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_item_click_wrapper = require("../utils/item-click-wrapper");
+var import_i18n = require("@wordpress/i18n");
 function ColumnPrimary({
   item,
   level,
@@ -30,50 +35,65 @@ function ColumnPrimary({
   renderItemLink,
   isItemClickable
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-    spacing: 3,
-    justify: "flex-start",
-    children: [mediaField && /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemClickWrapper.ItemClickWrapper, {
-      item: item,
-      isItemClickable: isItemClickable,
-      onClickItem: onClickItem,
-      renderItemLink: renderItemLink,
-      className: "dataviews-view-table__cell-content-wrapper dataviews-column-primary__media",
-      "aria-label": titleField ? (0, _i18n.sprintf)(
-      // translators: %s is the item title.
-      (0, _i18n.__)('Click item: %s'), titleField.getValue?.({
-        item
-      })) : undefined,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(mediaField.render, {
-        item: item,
-        field: mediaField,
-        config: {
-          sizes: '32px'
-        }
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      spacing: 0,
-      alignment: "flex-start",
-      className: "dataviews-view-table__primary-column-content",
-      children: [titleField && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_itemClickWrapper.ItemClickWrapper, {
-        item: item,
-        isItemClickable: isItemClickable,
-        onClickItem: onClickItem,
-        renderItemLink: renderItemLink,
-        className: "dataviews-view-table__cell-content-wrapper dataviews-title-field",
-        children: [level !== undefined && level > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          className: "dataviews-view-table__level",
-          children: ['—'.repeat(level), "\xA0"]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(titleField.render, {
-          item: item,
-          field: titleField
-        })]
-      }), descriptionField && /*#__PURE__*/(0, _jsxRuntime.jsx)(descriptionField.render, {
-        item: item,
-        field: descriptionField
-      })]
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { spacing: 3, justify: "flex-start", children: [
+    mediaField && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_item_click_wrapper.ItemClickWrapper,
+      {
+        item,
+        isItemClickable,
+        onClickItem,
+        renderItemLink,
+        className: "dataviews-view-table__cell-content-wrapper dataviews-column-primary__media",
+        "aria-label": titleField ? (0, import_i18n.sprintf)(
+          // translators: %s is the item title.
+          (0, import_i18n.__)("Click item: %s"),
+          titleField.getValue?.({ item })
+        ) : void 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          mediaField.render,
+          {
+            item,
+            field: mediaField,
+            config: { sizes: "32px" }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_components.__experimentalVStack,
+      {
+        spacing: 0,
+        alignment: "flex-start",
+        className: "dataviews-view-table__primary-column-content",
+        children: [
+          titleField && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_item_click_wrapper.ItemClickWrapper,
+            {
+              item,
+              isItemClickable,
+              onClickItem,
+              renderItemLink,
+              className: "dataviews-view-table__cell-content-wrapper dataviews-title-field",
+              children: [
+                level !== void 0 && level > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dataviews-view-table__level", children: [
+                  "\u2014".repeat(level),
+                  "\xA0"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(titleField.render, { item, field: titleField })
+              ]
+            }
+          ),
+          descriptionField && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            descriptionField.render,
+            {
+              item,
+              field: descriptionField
+            }
+          )
+        ]
+      }
+    )
+  ] });
 }
-var _default = exports.default = ColumnPrimary;
-//# sourceMappingURL=column-primary.js.map
+var column_primary_default = ColumnPrimary;
+//# sourceMappingURL=column-primary.js.map

package/build/dataviews-layouts/table/column-primary.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_itemClickWrapper","_i18n","_jsxRuntime","ColumnPrimary","item","level","titleField","mediaField","descriptionField","onClickItem","renderItemLink","isItemClickable","jsxs","__experimentalHStack","spacing","justify","children","jsx","ItemClickWrapper","className","sprintf","__","getValue","undefined","render","field","config","sizes","__experimentalVStack","alignment","repeat","_default","exports","default"],"sources":["@wordpress/dataviews/src/dataviews-layouts/table/column-primary.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ComponentProps, ReactElement } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedField } from '../../types';\nimport { ItemClickWrapper } from '../utils/item-click-wrapper';\nimport { sprintf, __ } from '@wordpress/i18n';\n\nfunction ColumnPrimary< Item >( {\n\titem,\n\tlevel,\n\ttitleField,\n\tmediaField,\n\tdescriptionField,\n\tonClickItem,\n\trenderItemLink,\n\tisItemClickable,\n}: {\n\titem: Item;\n\tlevel?: number;\n\ttitleField?: NormalizedField< Item >;\n\tmediaField?: NormalizedField< Item >;\n\tdescriptionField?: NormalizedField< Item >;\n\tonClickItem?: ( item: Item ) => void;\n\trenderItemLink?: (\n\t\tprops: {\n\t\t\titem: Item;\n\t\t} & ComponentProps< 'a' >\n\t) => ReactElement;\n\tisItemClickable: ( item: Item ) => boolean;\n} ) {\n\treturn (\n\t\t<HStack spacing={ 3 } justify=\"flex-start\">\n\t\t\t{ mediaField && (\n\t\t\t\t<ItemClickWrapper\n\t\t\t\t\titem={ item }\n\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\trenderItemLink={ renderItemLink }\n\t\t\t\t\tclassName=\"dataviews-view-table__cell-content-wrapper dataviews-column-primary__media\"\n\t\t\t\t\taria-label={\n\t\t\t\t\t\ttitleField\n\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s is the item title.\n\t\t\t\t\t\t\t\t\t__( 'Click item: %s' ),\n\t\t\t\t\t\t\t\t\ttitleField.getValue?.( { item } )\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<mediaField.render\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tfield={ mediaField }\n\t\t\t\t\t\tconfig={ { sizes: '32px' } }\n\t\t\t\t\t/>\n\t\t\t\t</ItemClickWrapper>\n\t\t\t) }\n\t\t\t<VStack\n\t\t\t\tspacing={ 0 }\n\t\t\t\talignment=\"flex-start\"\n\t\t\t\tclassName=\"dataviews-view-table__primary-column-content\"\n\t\t\t>\n\t\t\t\t{ titleField && (\n\t\t\t\t\t<ItemClickWrapper\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\t\trenderItemLink={ renderItemLink }\n\t\t\t\t\t\tclassName=\"dataviews-view-table__cell-content-wrapper dataviews-title-field\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ level !== undefined && level > 0 && (\n\t\t\t\t\t\t\t<span className=\"dataviews-view-table__level\">\n\t\t\t\t\t\t\t\t{ '—'.repeat( level ) }&nbsp;\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<titleField.render item={ item } field={ titleField } />\n\t\t\t\t\t</ItemClickWrapper>\n\t\t\t\t) }\n\t\t\t\t{ descriptionField && (\n\t\t\t\t\t<descriptionField.render\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tfield={ descriptionField }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</HStack>\n\t);\n}\n\nexport default ColumnPrimary;\n"],"mappings":";;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AASA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAlB9C;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAKA,SAASI,aAAaA,CAAU;EAC/BC,IAAI;EACJC,KAAK;EACLC,UAAU;EACVC,UAAU;EACVC,gBAAgB;EAChBC,WAAW;EACXC,cAAc;EACdC;AAcD,CAAC,EAAG;EACH,oBACC,IAAAT,WAAA,CAAAU,IAAA,EAACd,WAAA,CAAAe,oBAAM;IAACC,OAAO,EAAG,CAAG;IAACC,OAAO,EAAC,YAAY;IAAAC,QAAA,GACvCT,UAAU,iBACX,IAAAL,WAAA,CAAAe,GAAA,EAACjB,iBAAA,CAAAkB,gBAAgB;MAChBd,IAAI,EAAGA,IAAM;MACbO,eAAe,EAAGA,eAAiB;MACnCF,WAAW,EAAGA,WAAa;MAC3BC,cAAc,EAAGA,cAAgB;MACjCS,SAAS,EAAC,4EAA4E;MACtF,cACCb,UAAU,GACP,IAAAc,aAAO;MACP;MACA,IAAAC,QAAE,EAAE,gBAAiB,CAAC,EACtBf,UAAU,CAACgB,QAAQ,GAAI;QAAElB;MAAK,CAAE,CAChC,CAAC,GACDmB,SACH;MAAAP,QAAA,eAED,IAAAd,WAAA,CAAAe,GAAA,EAACV,UAAU,CAACiB,MAAM;QACjBpB,IAAI,EAAGA,IAAM;QACbqB,KAAK,EAAGlB,UAAY;QACpBmB,MAAM,EAAG;UAAEC,KAAK,EAAE;QAAO;MAAG,CAC5B;IAAC,CACe,CAClB,eACD,IAAAzB,WAAA,CAAAU,IAAA,EAACd,WAAA,CAAA8B,oBAAM;MACNd,OAAO,EAAG,CAAG;MACbe,SAAS,EAAC,YAAY;MACtBV,SAAS,EAAC,8CAA8C;MAAAH,QAAA,GAEtDV,UAAU,iBACX,IAAAJ,WAAA,CAAAU,IAAA,EAACZ,iBAAA,CAAAkB,gBAAgB;QAChBd,IAAI,EAAGA,IAAM;QACbO,eAAe,EAAGA,eAAiB;QACnCF,WAAW,EAAGA,WAAa;QAC3BC,cAAc,EAAGA,cAAgB;QACjCS,SAAS,EAAC,kEAAkE;QAAAH,QAAA,GAE1EX,KAAK,KAAKkB,SAAS,IAAIlB,KAAK,GAAG,CAAC,iBACjC,IAAAH,WAAA,CAAAU,IAAA;UAAMO,SAAS,EAAC,6BAA6B;UAAAH,QAAA,GAC1C,GAAG,CAACc,MAAM,CAAEzB,KAAM,CAAC,EAAE,MACxB;QAAA,CAAM,CACN,eACD,IAAAH,WAAA,CAAAe,GAAA,EAACX,UAAU,CAACkB,MAAM;UAACpB,IAAI,EAAGA,IAAM;UAACqB,KAAK,EAAGnB;QAAY,CAAE,CAAC;MAAA,CACvC,CAClB,EACCE,gBAAgB,iBACjB,IAAAN,WAAA,CAAAe,GAAA,EAACT,gBAAgB,CAACgB,MAAM;QACvBpB,IAAI,EAAGA,IAAM;QACbqB,KAAK,EAAGjB;MAAkB,CAC1B,CACD;IAAA,CACM,CAAC;EAAA,CACF,CAAC;AAEX;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc9B,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/dataviews-layouts/table/column-primary.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { ComponentProps, ReactElement } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedField } from '../../types';\nimport { ItemClickWrapper } from '../utils/item-click-wrapper';\nimport { sprintf, __ } from '@wordpress/i18n';\n\nfunction ColumnPrimary< Item >( {\n\titem,\n\tlevel,\n\ttitleField,\n\tmediaField,\n\tdescriptionField,\n\tonClickItem,\n\trenderItemLink,\n\tisItemClickable,\n}: {\n\titem: Item;\n\tlevel?: number;\n\ttitleField?: NormalizedField< Item >;\n\tmediaField?: NormalizedField< Item >;\n\tdescriptionField?: NormalizedField< Item >;\n\tonClickItem?: ( item: Item ) => void;\n\trenderItemLink?: (\n\t\tprops: {\n\t\t\titem: Item;\n\t\t} & ComponentProps< 'a' >\n\t) => ReactElement;\n\tisItemClickable: ( item: Item ) => boolean;\n} ) {\n\treturn (\n\t\t<HStack spacing={ 3 } justify=\"flex-start\">\n\t\t\t{ mediaField && (\n\t\t\t\t<ItemClickWrapper\n\t\t\t\t\titem={ item }\n\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\trenderItemLink={ renderItemLink }\n\t\t\t\t\tclassName=\"dataviews-view-table__cell-content-wrapper dataviews-column-primary__media\"\n\t\t\t\t\taria-label={\n\t\t\t\t\t\ttitleField\n\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s is the item title.\n\t\t\t\t\t\t\t\t\t__( 'Click item: %s' ),\n\t\t\t\t\t\t\t\t\ttitleField.getValue?.( { item } )\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<mediaField.render\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tfield={ mediaField }\n\t\t\t\t\t\tconfig={ { sizes: '32px' } }\n\t\t\t\t\t/>\n\t\t\t\t</ItemClickWrapper>\n\t\t\t) }\n\t\t\t<VStack\n\t\t\t\tspacing={ 0 }\n\t\t\t\talignment=\"flex-start\"\n\t\t\t\tclassName=\"dataviews-view-table__primary-column-content\"\n\t\t\t>\n\t\t\t\t{ titleField && (\n\t\t\t\t\t<ItemClickWrapper\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\t\trenderItemLink={ renderItemLink }\n\t\t\t\t\t\tclassName=\"dataviews-view-table__cell-content-wrapper dataviews-title-field\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ level !== undefined && level > 0 && (\n\t\t\t\t\t\t\t<span className=\"dataviews-view-table__level\">\n\t\t\t\t\t\t\t\t{ '\u2014'.repeat( level ) }&nbsp;\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<titleField.render item={ item } field={ titleField } />\n\t\t\t\t\t</ItemClickWrapper>\n\t\t\t\t) }\n\t\t\t\t{ descriptionField && (\n\t\t\t\t\t<descriptionField.render\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tfield={ descriptionField }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</HStack>\n\t);\n}\n\nexport default ColumnPrimary;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8DK;AAtDL,wBAGO;AAMP,gCAAiC;AACjC,kBAA4B;AAE5B,SAAS,cAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAaI;AACH,SACC,6CAAC,kBAAAA,sBAAA,EAAO,SAAU,GAAI,SAAQ,cAC3B;AAAA,kBACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,cACC,iBACG;AAAA;AAAA,cAEA,gBAAI,gBAAiB;AAAA,UACrB,WAAW,WAAY,EAAE,KAAK,CAAE;AAAA,QAChC,IACA;AAAA,QAGJ;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YACA;AAAA,YACA,OAAQ;AAAA,YACR,QAAS,EAAE,OAAO,OAAO;AAAA;AAAA,QAC1B;AAAA;AAAA,IACD;AAAA,IAED;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,SAAU;AAAA,QACV,WAAU;AAAA,QACV,WAAU;AAAA,QAER;AAAA,wBACD;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAU;AAAA,cAER;AAAA,0BAAU,UAAa,QAAQ,KAChC,6CAAC,UAAK,WAAU,+BACb;AAAA,2BAAI,OAAQ,KAAM;AAAA,kBAAG;AAAA,mBACxB;AAAA,gBAED,4CAAC,WAAW,QAAX,EAAkB,MAAc,OAAQ,YAAa;AAAA;AAAA;AAAA,UACvD;AAAA,UAEC,oBACD;AAAA,YAAC,iBAAiB;AAAA,YAAjB;AAAA,cACA;AAAA,cACA,OAAQ;AAAA;AAAA,UACT;AAAA;AAAA;AAAA,IAEF;AAAA,KACD;AAEF;AAEA,IAAO,yBAAQ;",
+  "names": ["HStack", "VStack"]
+}

package/build/dataviews-layouts/table/density-picker.js

@@ -1,51 +1,91 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var density_picker_exports = {};
+__export(density_picker_exports, {
+  default: () => DensityPicker
 });
-exports.default = DensityPicker;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _dataviewsContext = _interopRequireDefault(require("../../components/dataviews-context"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(density_picker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_dataviews_context = __toESM(require("../../components/dataviews-context"));
 function DensityPicker() {
-  const context = (0, _element.useContext)(_dataviewsContext.default);
+  const context = (0, import_element.useContext)(import_dataviews_context.default);
   const view = context.view;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToggleGroupControl, {
-    __nextHasNoMarginBottom: true,
-    size: "__unstable-large",
-    label: (0, _i18n.__)('Density'),
-    value: view.layout?.density || 'balanced',
-    onChange: value => {
-      context.onChangeView({
-        ...view,
-        layout: {
-          ...view.layout,
-          density: value
-        }
-      });
-    },
-    isBlock: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-      value: "comfortable",
-      label: (0, _i18n._x)('Comfortable', 'Density option for DataView layout')
-    }, "comfortable"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-      value: "balanced",
-      label: (0, _i18n._x)('Balanced', 'Density option for DataView layout')
-    }, "balanced"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-      value: "compact",
-      label: (0, _i18n._x)('Compact', 'Density option for DataView layout')
-    }, "compact")]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.__experimentalToggleGroupControl,
+    {
+      __nextHasNoMarginBottom: true,
+      size: "__unstable-large",
+      label: (0, import_i18n.__)("Density"),
+      value: view.layout?.density || "balanced",
+      onChange: (value) => {
+        context.onChangeView({
+          ...view,
+          layout: {
+            ...view.layout,
+            density: value
+          }
+        });
+      },
+      isBlock: true,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalToggleGroupControlOption,
+          {
+            value: "comfortable",
+            label: (0, import_i18n._x)(
+              "Comfortable",
+              "Density option for DataView layout"
+            )
+          },
+          "comfortable"
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalToggleGroupControlOption,
+          {
+            value: "balanced",
+            label: (0, import_i18n._x)("Balanced", "Density option for DataView layout")
+          },
+          "balanced"
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalToggleGroupControlOption,
+          {
+            value: "compact",
+            label: (0, import_i18n._x)("Compact", "Density option for DataView layout")
+          },
+          "compact"
+        )
+      ]
+    }
+  );
 }
-//# sourceMappingURL=density-picker.js.map
+//# sourceMappingURL=density-picker.js.map

package/build/dataviews-layouts/table/density-picker.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_element","_dataviewsContext","_interopRequireDefault","_jsxRuntime","DensityPicker","context","useContext","DataViewsContext","view","jsxs","__experimentalToggleGroupControl","__nextHasNoMarginBottom","size","label","__","value","layout","density","onChange","onChangeView","isBlock","children","jsx","__experimentalToggleGroupControlOption","_x"],"sources":["@wordpress/dataviews/src/dataviews-layouts/table/density-picker.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../../components/dataviews-context';\nimport type { ViewTable, Density } from '../../types';\n\nexport default function DensityPicker() {\n\tconst context = useContext( DataViewsContext );\n\tconst view = context.view as ViewTable;\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tsize=\"__unstable-large\"\n\t\t\tlabel={ __( 'Density' ) }\n\t\t\tvalue={ view.layout?.density || 'balanced' }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tcontext.onChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...view.layout,\n\t\t\t\t\t\tdensity: value as Density,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tisBlock\n\t\t>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"comfortable\"\n\t\t\t\tvalue=\"comfortable\"\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Comfortable',\n\t\t\t\t\t'Density option for DataView layout'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"balanced\"\n\t\t\t\tvalue=\"balanced\"\n\t\t\t\tlabel={ _x( 'Balanced', 'Density option for DataView layout' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"compact\"\n\t\t\t\tvalue=\"compact\"\n\t\t\t\tlabel={ _x( 'Compact', 'Density option for DataView layout' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAkE,IAAAK,WAAA,GAAAL,OAAA;AAblE;AACA;AACA;;AAQA;AACA;AACA;;AAIe,SAASM,aAAaA,CAAA,EAAG;EACvC,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAEC,yBAAiB,CAAC;EAC9C,MAAMC,IAAI,GAAGH,OAAO,CAACG,IAAiB;EACtC,oBACC,IAAAL,WAAA,CAAAM,IAAA,EAACZ,WAAA,CAAAa,gCAAkB;IAClBC,uBAAuB;IACvBC,IAAI,EAAC,kBAAkB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,KAAK,EAAGP,IAAI,CAACQ,MAAM,EAAEC,OAAO,IAAI,UAAY;IAC5CC,QAAQ,EAAKH,KAAK,IAAM;MACvBV,OAAO,CAACc,YAAY,CAAE;QACrB,GAAGX,IAAI;QACPQ,MAAM,EAAE;UACP,GAAGR,IAAI,CAACQ,MAAM;UACdC,OAAO,EAAEF;QACV;MACD,CAAE,CAAC;IACJ,CAAG;IACHK,OAAO;IAAAC,QAAA,gBAEP,IAAAlB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA0B,sCAAwB;MAExBR,KAAK,EAAC,aAAa;MACnBF,KAAK,EAAG,IAAAW,QAAE,EACT,aAAa,EACb,oCACD;IAAG,GALC,aAMJ,CAAC,eACF,IAAArB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA0B,sCAAwB;MAExBR,KAAK,EAAC,UAAU;MAChBF,KAAK,EAAG,IAAAW,QAAE,EAAE,UAAU,EAAE,oCAAqC;IAAG,GAF5D,UAGJ,CAAC,eACF,IAAArB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA0B,sCAAwB;MAExBR,KAAK,EAAC,SAAS;MACfF,KAAK,EAAG,IAAAW,QAAE,EAAE,SAAS,EAAE,oCAAqC;IAAG,GAF3D,SAGJ,CAAC;EAAA,CACiB,CAAC;AAEvB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/dataviews-layouts/table/density-picker.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../../components/dataviews-context';\nimport type { ViewTable, Density } from '../../types';\n\nexport default function DensityPicker() {\n\tconst context = useContext( DataViewsContext );\n\tconst view = context.view as ViewTable;\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tsize=\"__unstable-large\"\n\t\t\tlabel={ __( 'Density' ) }\n\t\t\tvalue={ view.layout?.density || 'balanced' }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tcontext.onChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...view.layout,\n\t\t\t\t\t\tdensity: value as Density,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tisBlock\n\t\t>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"comfortable\"\n\t\t\t\tvalue=\"comfortable\"\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Comfortable',\n\t\t\t\t\t'Density option for DataView layout'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"balanced\"\n\t\t\t\tvalue=\"balanced\"\n\t\t\t\tlabel={ _x( 'Balanced', 'Density option for DataView layout' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"compact\"\n\t\t\t\tvalue=\"compact\"\n\t\t\t\tlabel={ _x( 'Compact', 'Density option for DataView layout' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBE;AAjBF,wBAGO;AACP,kBAAuB;AACvB,qBAA2B;AAK3B,+BAA6B;AAGd,SAAR,gBAAiC;AACvC,QAAM,cAAU,2BAAY,yBAAAA,OAAiB;AAC7C,QAAM,OAAO,QAAQ;AACrB,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,WAAQ,gBAAI,SAAU;AAAA,MACtB,OAAQ,KAAK,QAAQ,WAAW;AAAA,MAChC,UAAW,CAAE,UAAW;AACvB,gBAAQ,aAAc;AAAA,UACrB,GAAG;AAAA,UACH,QAAQ;AAAA,YACP,GAAG,KAAK;AAAA,YACR,SAAS;AAAA,UACV;AAAA,QACD,CAAE;AAAA,MACH;AAAA,MACA,SAAO;AAAA,MAEP;AAAA;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YAEA,OAAM;AAAA,YACN,WAAQ;AAAA,cACP;AAAA,cACA;AAAA,YACD;AAAA;AAAA,UALI;AAAA,QAML;AAAA,QACA;AAAA,UAAC,kBAAAA;AAAA,UAAA;AAAA,YAEA,OAAM;AAAA,YACN,WAAQ,gBAAI,YAAY,oCAAqC;AAAA;AAAA,UAFzD;AAAA,QAGL;AAAA,QACA;AAAA,UAAC,kBAAAA;AAAA,UAAA;AAAA,YAEA,OAAM;AAAA,YACN,WAAQ,gBAAI,WAAW,oCAAqC;AAAA;AAAA,UAFxD;AAAA,QAGL;AAAA;AAAA;AAAA,EACD;AAEF;",
+  "names": ["DataViewsContext", "ToggleGroupControl", "ToggleGroupControlOption"]
+}