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

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

@@ -1,19 +1,10 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { __experimentalHStack as HStack, __experimentalVStack as VStack } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-
-import { ItemClickWrapper } from '../utils/item-click-wrapper';
-import { sprintf, __ } from '@wordpress/i18n';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  __experimentalHStack as HStack,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+import { ItemClickWrapper } from "../utils/item-click-wrapper";
+import { sprintf, __ } from "@wordpress/i18n";
 function ColumnPrimary({
   item,
   level,
@@ -24,50 +15,68 @@ function ColumnPrimary({
   renderItemLink,
   isItemClickable
 }) {
-  return /*#__PURE__*/_jsxs(HStack, {
-    spacing: 3,
-    justify: "flex-start",
-    children: [mediaField && /*#__PURE__*/_jsx(ItemClickWrapper, {
-      item: item,
-      isItemClickable: isItemClickable,
-      onClickItem: onClickItem,
-      renderItemLink: renderItemLink,
-      className: "dataviews-view-table__cell-content-wrapper dataviews-column-primary__media",
-      "aria-label": titleField ? sprintf(
-      // translators: %s is the item title.
-      __('Click item: %s'), titleField.getValue?.({
-        item
-      })) : undefined,
-      children: /*#__PURE__*/_jsx(mediaField.render, {
-        item: item,
-        field: mediaField,
-        config: {
-          sizes: '32px'
-        }
-      })
-    }), /*#__PURE__*/_jsxs(VStack, {
-      spacing: 0,
-      alignment: "flex-start",
-      className: "dataviews-view-table__primary-column-content",
-      children: [titleField && /*#__PURE__*/_jsxs(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__*/_jsxs("span", {
-          className: "dataviews-view-table__level",
-          children: ['—'.repeat(level), "\xA0"]
-        }), /*#__PURE__*/_jsx(titleField.render, {
-          item: item,
-          field: titleField
-        })]
-      }), descriptionField && /*#__PURE__*/_jsx(descriptionField.render, {
-        item: item,
-        field: descriptionField
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs(HStack, { spacing: 3, justify: "flex-start", children: [
+    mediaField && /* @__PURE__ */ jsx(
+      ItemClickWrapper,
+      {
+        item,
+        isItemClickable,
+        onClickItem,
+        renderItemLink,
+        className: "dataviews-view-table__cell-content-wrapper dataviews-column-primary__media",
+        "aria-label": titleField ? sprintf(
+          // translators: %s is the item title.
+          __("Click item: %s"),
+          titleField.getValue?.({ item })
+        ) : void 0,
+        children: /* @__PURE__ */ jsx(
+          mediaField.render,
+          {
+            item,
+            field: mediaField,
+            config: { sizes: "32px" }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      VStack,
+      {
+        spacing: 0,
+        alignment: "flex-start",
+        className: "dataviews-view-table__primary-column-content",
+        children: [
+          titleField && /* @__PURE__ */ jsxs(
+            ItemClickWrapper,
+            {
+              item,
+              isItemClickable,
+              onClickItem,
+              renderItemLink,
+              className: "dataviews-view-table__cell-content-wrapper dataviews-title-field",
+              children: [
+                level !== void 0 && level > 0 && /* @__PURE__ */ jsxs("span", { className: "dataviews-view-table__level", children: [
+                  "\u2014".repeat(level),
+                  "\xA0"
+                ] }),
+                /* @__PURE__ */ jsx(titleField.render, { item, field: titleField })
+              ]
+            }
+          ),
+          descriptionField && /* @__PURE__ */ jsx(
+            descriptionField.render,
+            {
+              item,
+              field: descriptionField
+            }
+          )
+        ]
+      }
+    )
+  ] });
 }
-export default ColumnPrimary;
-//# sourceMappingURL=column-primary.js.map
+var column_primary_default = ColumnPrimary;
+export {
+  column_primary_default as default
+};
+//# sourceMappingURL=column-primary.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","ItemClickWrapper","sprintf","__","jsx","_jsx","jsxs","_jsxs","ColumnPrimary","item","level","titleField","mediaField","descriptionField","onClickItem","renderItemLink","isItemClickable","spacing","justify","children","className","getValue","undefined","render","field","config","sizes","alignment","repeat"],"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":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;;AAEA,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,OAAO,EAAEC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,SAASC,aAAaA,CAAU;EAC/BC,IAAI;EACJC,KAAK;EACLC,UAAU;EACVC,UAAU;EACVC,gBAAgB;EAChBC,WAAW;EACXC,cAAc;EACdC;AAcD,CAAC,EAAG;EACH,oBACCT,KAAA,CAACT,MAAM;IAACmB,OAAO,EAAG,CAAG;IAACC,OAAO,EAAC,YAAY;IAAAC,QAAA,GACvCP,UAAU,iBACXP,IAAA,CAACJ,gBAAgB;MAChBQ,IAAI,EAAGA,IAAM;MACbO,eAAe,EAAGA,eAAiB;MACnCF,WAAW,EAAGA,WAAa;MAC3BC,cAAc,EAAGA,cAAgB;MACjCK,SAAS,EAAC,4EAA4E;MACtF,cACCT,UAAU,GACPT,OAAO;MACP;MACAC,EAAE,CAAE,gBAAiB,CAAC,EACtBQ,UAAU,CAACU,QAAQ,GAAI;QAAEZ;MAAK,CAAE,CAChC,CAAC,GACDa,SACH;MAAAH,QAAA,eAEDd,IAAA,CAACO,UAAU,CAACW,MAAM;QACjBd,IAAI,EAAGA,IAAM;QACbe,KAAK,EAAGZ,UAAY;QACpBa,MAAM,EAAG;UAAEC,KAAK,EAAE;QAAO;MAAG,CAC5B;IAAC,CACe,CAClB,eACDnB,KAAA,CAACP,MAAM;MACNiB,OAAO,EAAG,CAAG;MACbU,SAAS,EAAC,YAAY;MACtBP,SAAS,EAAC,8CAA8C;MAAAD,QAAA,GAEtDR,UAAU,iBACXJ,KAAA,CAACN,gBAAgB;QAChBQ,IAAI,EAAGA,IAAM;QACbO,eAAe,EAAGA,eAAiB;QACnCF,WAAW,EAAGA,WAAa;QAC3BC,cAAc,EAAGA,cAAgB;QACjCK,SAAS,EAAC,kEAAkE;QAAAD,QAAA,GAE1ET,KAAK,KAAKY,SAAS,IAAIZ,KAAK,GAAG,CAAC,iBACjCH,KAAA;UAAMa,SAAS,EAAC,6BAA6B;UAAAD,QAAA,GAC1C,GAAG,CAACS,MAAM,CAAElB,KAAM,CAAC,EAAE,MACxB;QAAA,CAAM,CACN,eACDL,IAAA,CAACM,UAAU,CAACY,MAAM;UAACd,IAAI,EAAGA,IAAM;UAACe,KAAK,EAAGb;QAAY,CAAE,CAAC;MAAA,CACvC,CAClB,EACCE,gBAAgB,iBACjBR,IAAA,CAACQ,gBAAgB,CAACU,MAAM;QACvBd,IAAI,EAAGA,IAAM;QACbe,KAAK,EAAGX;MAAkB,CAC1B,CACD;IAAA,CACM,CAAC;EAAA,CACF,CAAC;AAEX;AAEA,eAAeL,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": "AA8DK,cAqBE,YArBF;AAtDL;AAAA,EACC,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,OAClB;AAMP,SAAS,wBAAwB;AACjC,SAAS,SAAS,UAAU;AAE5B,SAAS,cAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAaI;AACH,SACC,qBAAC,UAAO,SAAU,GAAI,SAAQ,cAC3B;AAAA,kBACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,cACC,aACG;AAAA;AAAA,UAEA,GAAI,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;AAAA;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,qBAAC,UAAK,WAAU,+BACb;AAAA,2BAAI,OAAQ,KAAM;AAAA,kBAAG;AAAA,mBACxB;AAAA,gBAED,oBAAC,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": []
+}

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

@@ -1,43 +1,64 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption } from '@wordpress/components';
-import { __, _x } from '@wordpress/i18n';
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import DataViewsContext from '../../components/dataviews-context';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function DensityPicker() {
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  __experimentalToggleGroupControl as ToggleGroupControl,
+  __experimentalToggleGroupControlOption as ToggleGroupControlOption
+} from "@wordpress/components";
+import { __, _x } from "@wordpress/i18n";
+import { useContext } from "@wordpress/element";
+import DataViewsContext from "../../components/dataviews-context";
+function DensityPicker() {
   const context = useContext(DataViewsContext);
   const view = context.view;
-  return /*#__PURE__*/_jsxs(ToggleGroupControl, {
-    __nextHasNoMarginBottom: true,
-    size: "__unstable-large",
-    label: __('Density'),
-    value: view.layout?.density || 'balanced',
-    onChange: value => {
-      context.onChangeView({
-        ...view,
-        layout: {
-          ...view.layout,
-          density: value
-        }
-      });
-    },
-    isBlock: true,
-    children: [/*#__PURE__*/_jsx(ToggleGroupControlOption, {
-      value: "comfortable",
-      label: _x('Comfortable', 'Density option for DataView layout')
-    }, "comfortable"), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
-      value: "balanced",
-      label: _x('Balanced', 'Density option for DataView layout')
-    }, "balanced"), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
-      value: "compact",
-      label: _x('Compact', 'Density option for DataView layout')
-    }, "compact")]
-  });
+  return /* @__PURE__ */ jsxs(
+    ToggleGroupControl,
+    {
+      __nextHasNoMarginBottom: true,
+      size: "__unstable-large",
+      label: __("Density"),
+      value: view.layout?.density || "balanced",
+      onChange: (value) => {
+        context.onChangeView({
+          ...view,
+          layout: {
+            ...view.layout,
+            density: value
+          }
+        });
+      },
+      isBlock: true,
+      children: [
+        /* @__PURE__ */ jsx(
+          ToggleGroupControlOption,
+          {
+            value: "comfortable",
+            label: _x(
+              "Comfortable",
+              "Density option for DataView layout"
+            )
+          },
+          "comfortable"
+        ),
+        /* @__PURE__ */ jsx(
+          ToggleGroupControlOption,
+          {
+            value: "balanced",
+            label: _x("Balanced", "Density option for DataView layout")
+          },
+          "balanced"
+        ),
+        /* @__PURE__ */ jsx(
+          ToggleGroupControlOption,
+          {
+            value: "compact",
+            label: _x("Compact", "Density option for DataView layout")
+          },
+          "compact"
+        )
+      ]
+    }
+  );
 }
-//# sourceMappingURL=density-picker.js.map
+export {
+  DensityPicker as default
+};
+//# sourceMappingURL=density-picker.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__","_x","useContext","DataViewsContext","jsx","_jsx","jsxs","_jsxs","DensityPicker","context","view","__nextHasNoMarginBottom","size","label","value","layout","density","onChange","onChangeView","isBlock","children"],"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":"AAAA;AACA;AACA;AACA,SACCA,gCAAgC,IAAIC,kBAAkB,EACtDC,sCAAsC,IAAIC,wBAAwB,QAC5D,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,gBAAgB,MAAM,oCAAoC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlE,eAAe,SAASC,aAAaA,CAAA,EAAG;EACvC,MAAMC,OAAO,GAAGP,UAAU,CAAEC,gBAAiB,CAAC;EAC9C,MAAMO,IAAI,GAAGD,OAAO,CAACC,IAAiB;EACtC,oBACCH,KAAA,CAACV,kBAAkB;IAClBc,uBAAuB;IACvBC,IAAI,EAAC,kBAAkB;IACvBC,KAAK,EAAGb,EAAE,CAAE,SAAU,CAAG;IACzBc,KAAK,EAAGJ,IAAI,CAACK,MAAM,EAAEC,OAAO,IAAI,UAAY;IAC5CC,QAAQ,EAAKH,KAAK,IAAM;MACvBL,OAAO,CAACS,YAAY,CAAE;QACrB,GAAGR,IAAI;QACPK,MAAM,EAAE;UACP,GAAGL,IAAI,CAACK,MAAM;UACdC,OAAO,EAAEF;QACV;MACD,CAAE,CAAC;IACJ,CAAG;IACHK,OAAO;IAAAC,QAAA,gBAEPf,IAAA,CAACN,wBAAwB;MAExBe,KAAK,EAAC,aAAa;MACnBD,KAAK,EAAGZ,EAAE,CACT,aAAa,EACb,oCACD;IAAG,GALC,aAMJ,CAAC,eACFI,IAAA,CAACN,wBAAwB;MAExBe,KAAK,EAAC,UAAU;MAChBD,KAAK,EAAGZ,EAAE,CAAE,UAAU,EAAE,oCAAqC;IAAG,GAF5D,UAGJ,CAAC,eACFI,IAAA,CAACN,wBAAwB;MAExBe,KAAK,EAAC,SAAS;MACfD,KAAK,EAAGZ,EAAE,CAAE,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": "AAoBE,SAgBC,KAhBD;AAjBF;AAAA,EACC,oCAAoC;AAAA,EACpC,0CAA0C;AAAA,OACpC;AACP,SAAS,IAAI,UAAU;AACvB,SAAS,kBAAkB;AAK3B,OAAO,sBAAsB;AAGd,SAAR,gBAAiC;AACvC,QAAM,UAAU,WAAY,gBAAiB;AAC7C,QAAM,OAAO,QAAQ;AACrB,SACC;AAAA,IAAC;AAAA;AAAA,MACA,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,OAAQ,GAAI,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;AAAA;AAAA,YAEA,OAAM;AAAA,YACN,OAAQ;AAAA,cACP;AAAA,cACA;AAAA,YACD;AAAA;AAAA,UALI;AAAA,QAML;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YAEA,OAAM;AAAA,YACN,OAAQ,GAAI,YAAY,oCAAqC;AAAA;AAAA,UAFzD;AAAA,QAGL;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YAEA,OAAM;AAAA,YACN,OAAQ,GAAI,WAAW,oCAAqC;AAAA;AAAA,UAFxD;AAAA,QAGL;AAAA;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}