@wordpress/dataviews 4.7.0 → 4.8.2-next.082ed6819.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -2
- package/README.md +793 -97
- package/build/components/dataform/index.js +20 -8
- package/build/components/dataform/index.js.map +1 -1
- package/build/components/dataform-context/index.js +33 -0
- package/build/components/dataform-context/index.js.map +1 -0
- package/build/components/dataviews/index.js +10 -7
- package/build/components/dataviews/index.js.map +1 -1
- package/build/components/dataviews-context/index.js +2 -1
- package/build/components/dataviews-context/index.js.map +1 -1
- package/build/components/dataviews-filters/index.js +49 -31
- package/build/components/dataviews-filters/index.js.map +1 -1
- package/build/components/dataviews-item-actions/index.js +46 -20
- package/build/components/dataviews-item-actions/index.js.map +1 -1
- package/build/components/dataviews-layout/index.js +5 -3
- package/build/components/dataviews-layout/index.js.map +1 -1
- package/build/components/dataviews-view-config/index.js +4 -15
- package/build/components/dataviews-view-config/index.js.map +1 -1
- package/build/components/form-field-visibility/index.js +32 -0
- package/build/components/form-field-visibility/index.js.map +1 -0
- package/build/dataforms-layouts/data-form-layout.js +59 -0
- package/build/dataforms-layouts/data-form-layout.js.map +1 -0
- package/build/dataforms-layouts/index.js +4 -4
- package/build/dataforms-layouts/index.js.map +1 -1
- package/build/dataforms-layouts/is-combined-field.js +14 -0
- package/build/dataforms-layouts/is-combined-field.js.map +1 -0
- package/build/dataforms-layouts/panel/index.js +158 -67
- package/build/dataforms-layouts/panel/index.js.map +1 -1
- package/build/dataforms-layouts/regular/index.js +86 -14
- package/build/dataforms-layouts/regular/index.js.map +1 -1
- package/build/dataviews-layouts/grid/index.js +18 -7
- package/build/dataviews-layouts/grid/index.js.map +1 -1
- package/build/dataviews-layouts/grid/{density-picker.js → preview-size-picker.js} +40 -24
- package/build/dataviews-layouts/grid/preview-size-picker.js.map +1 -0
- package/build/dataviews-layouts/index.js +6 -2
- package/build/dataviews-layouts/index.js.map +1 -1
- package/build/dataviews-layouts/list/index.js +3 -2
- package/build/dataviews-layouts/list/index.js.map +1 -1
- package/build/dataviews-layouts/table/density-picker.js +51 -0
- package/build/dataviews-layouts/table/density-picker.js.map +1 -0
- package/build/dataviews-layouts/table/index.js +26 -6
- package/build/dataviews-layouts/table/index.js.map +1 -1
- package/build/dataviews-layouts/utils/get-clickable-item-props.js +25 -0
- package/build/dataviews-layouts/utils/get-clickable-item-props.js.map +1 -0
- package/build/normalize-fields.js +16 -24
- package/build/normalize-fields.js.map +1 -1
- package/build/normalize-form-fields.js +36 -0
- package/build/normalize-form-fields.js.map +1 -0
- package/build/types.js.map +1 -1
- package/build/validation.js +9 -0
- package/build/validation.js.map +1 -1
- package/build-module/components/dataform/index.js +20 -8
- package/build-module/components/dataform/index.js.map +1 -1
- package/build-module/components/dataform-context/index.js +25 -0
- package/build-module/components/dataform-context/index.js.map +1 -0
- package/build-module/components/dataviews/index.js +11 -8
- package/build-module/components/dataviews/index.js.map +1 -1
- package/build-module/components/dataviews-context/index.js +2 -1
- package/build-module/components/dataviews-context/index.js.map +1 -1
- package/build-module/components/dataviews-filters/index.js +50 -32
- package/build-module/components/dataviews-filters/index.js.map +1 -1
- package/build-module/components/dataviews-item-actions/index.js +46 -20
- package/build-module/components/dataviews-item-actions/index.js.map +1 -1
- package/build-module/components/dataviews-layout/index.js +5 -3
- package/build-module/components/dataviews-layout/index.js.map +1 -1
- package/build-module/components/dataviews-view-config/index.js +5 -16
- package/build-module/components/dataviews-view-config/index.js.map +1 -1
- package/build-module/components/form-field-visibility/index.js +26 -0
- package/build-module/components/form-field-visibility/index.js.map +1 -0
- package/build-module/dataforms-layouts/data-form-layout.js +52 -0
- package/build-module/dataforms-layouts/data-form-layout.js.map +1 -0
- package/build-module/dataforms-layouts/index.js +7 -7
- package/build-module/dataforms-layouts/index.js.map +1 -1
- package/build-module/dataforms-layouts/is-combined-field.js +8 -0
- package/build-module/dataforms-layouts/is-combined-field.js.map +1 -0
- package/build-module/dataforms-layouts/panel/index.js +157 -66
- package/build-module/dataforms-layouts/panel/index.js.map +1 -1
- package/build-module/dataforms-layouts/regular/index.js +87 -15
- package/build-module/dataforms-layouts/regular/index.js.map +1 -1
- package/build-module/dataviews-layouts/grid/index.js +18 -7
- package/build-module/dataviews-layouts/grid/index.js.map +1 -1
- package/build-module/dataviews-layouts/grid/{density-picker.js → preview-size-picker.js} +38 -24
- package/build-module/dataviews-layouts/grid/preview-size-picker.js.map +1 -0
- package/build-module/dataviews-layouts/index.js +6 -2
- package/build-module/dataviews-layouts/index.js.map +1 -1
- package/build-module/dataviews-layouts/list/index.js +3 -2
- package/build-module/dataviews-layouts/list/index.js.map +1 -1
- package/build-module/dataviews-layouts/table/density-picker.js +43 -0
- package/build-module/dataviews-layouts/table/density-picker.js.map +1 -0
- package/build-module/dataviews-layouts/table/index.js +26 -6
- package/build-module/dataviews-layouts/table/index.js.map +1 -1
- package/build-module/dataviews-layouts/utils/get-clickable-item-props.js +19 -0
- package/build-module/dataviews-layouts/utils/get-clickable-item-props.js.map +1 -0
- package/build-module/normalize-fields.js +15 -23
- package/build-module/normalize-fields.js.map +1 -1
- package/build-module/normalize-form-fields.js +30 -0
- package/build-module/normalize-form-fields.js.map +1 -0
- package/build-module/types.js.map +1 -1
- package/build-module/validation.js +9 -0
- package/build-module/validation.js.map +1 -1
- package/build-style/style-rtl.css +65 -10
- package/build-style/style.css +65 -10
- package/build-types/components/dataform/index.d.ts +1 -1
- package/build-types/components/dataform/index.d.ts.map +1 -1
- package/build-types/components/dataform/stories/index.story.d.ts +18 -7
- package/build-types/components/dataform/stories/index.story.d.ts.map +1 -1
- package/build-types/components/dataform-context/index.d.ts +13 -0
- package/build-types/components/dataform-context/index.d.ts.map +1 -0
- package/build-types/components/dataviews/index.d.ts +3 -1
- package/build-types/components/dataviews/index.d.ts.map +1 -1
- package/build-types/components/dataviews/stories/fixtures.d.ts.map +1 -1
- package/build-types/components/dataviews/stories/index.story.d.ts.map +1 -1
- package/build-types/components/dataviews-context/index.d.ts +2 -1
- package/build-types/components/dataviews-context/index.d.ts.map +1 -1
- package/build-types/components/dataviews-filters/index.d.ts +1 -1
- package/build-types/components/dataviews-filters/index.d.ts.map +1 -1
- package/build-types/components/dataviews-item-actions/index.d.ts.map +1 -1
- package/build-types/components/dataviews-layout/index.d.ts.map +1 -1
- package/build-types/components/dataviews-view-config/index.d.ts +1 -3
- package/build-types/components/dataviews-view-config/index.d.ts.map +1 -1
- package/build-types/components/form-field-visibility/index.d.ts +11 -0
- package/build-types/components/form-field-visibility/index.d.ts.map +1 -0
- package/build-types/dataforms-layouts/data-form-layout.d.ts +16 -0
- package/build-types/dataforms-layouts/data-form-layout.d.ts.map +1 -0
- package/build-types/dataforms-layouts/index.d.ts +3 -3
- package/build-types/dataforms-layouts/index.d.ts.map +1 -1
- package/build-types/dataforms-layouts/is-combined-field.d.ts +6 -0
- package/build-types/dataforms-layouts/is-combined-field.d.ts.map +1 -0
- package/build-types/dataforms-layouts/panel/index.d.ts +5 -2
- package/build-types/dataforms-layouts/panel/index.d.ts.map +1 -1
- package/build-types/dataforms-layouts/regular/index.d.ts +5 -2
- package/build-types/dataforms-layouts/regular/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/grid/index.d.ts +1 -1
- package/build-types/dataviews-layouts/grid/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/grid/preview-size-picker.d.ts +3 -0
- package/build-types/dataviews-layouts/grid/preview-size-picker.d.ts.map +1 -0
- package/build-types/dataviews-layouts/index.d.ts +5 -0
- package/build-types/dataviews-layouts/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/list/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/table/density-picker.d.ts +2 -0
- package/build-types/dataviews-layouts/table/density-picker.d.ts.map +1 -0
- package/build-types/dataviews-layouts/table/index.d.ts +1 -1
- package/build-types/dataviews-layouts/table/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/utils/get-clickable-item-props.d.ts +14 -0
- package/build-types/dataviews-layouts/utils/get-clickable-item-props.d.ts.map +1 -0
- package/build-types/lock-unlock.d.ts +1 -1
- package/build-types/lock-unlock.d.ts.map +1 -1
- package/build-types/normalize-fields.d.ts +1 -9
- package/build-types/normalize-fields.d.ts.map +1 -1
- package/build-types/normalize-form-fields.d.ts +12 -0
- package/build-types/normalize-form-fields.d.ts.map +1 -0
- package/build-types/types.d.ts +37 -22
- package/build-types/types.d.ts.map +1 -1
- package/build-types/validation.d.ts +10 -1
- package/build-types/validation.d.ts.map +1 -1
- package/package.json +10 -10
- package/src/components/dataform/index.tsx +22 -5
- package/src/components/dataform/stories/index.story.tsx +105 -50
- package/src/components/dataform-context/index.tsx +30 -0
- package/src/components/dataviews/index.tsx +12 -7
- package/src/components/dataviews/stories/fixtures.tsx +1 -0
- package/src/components/dataviews/stories/index.story.tsx +16 -3
- package/src/components/dataviews/style.scss +9 -3
- package/src/components/dataviews-context/index.ts +4 -2
- package/src/components/dataviews-filters/index.tsx +73 -38
- package/src/components/dataviews-item-actions/index.tsx +73 -25
- package/src/components/dataviews-layout/index.tsx +4 -2
- package/src/components/dataviews-view-config/index.tsx +7 -23
- package/src/components/form-field-visibility/index.tsx +32 -0
- package/src/dataforms-layouts/data-form-layout.tsx +87 -0
- package/src/dataforms-layouts/index.tsx +7 -7
- package/src/dataforms-layouts/is-combined-field.ts +10 -0
- package/src/dataforms-layouts/panel/index.tsx +190 -93
- package/src/dataforms-layouts/panel/style.scss +4 -0
- package/src/dataforms-layouts/regular/index.tsx +99 -29
- package/src/dataforms-layouts/regular/style.scss +30 -0
- package/src/dataviews-layouts/grid/index.tsx +34 -8
- package/src/dataviews-layouts/grid/{density-picker.tsx → preview-size-picker.tsx} +39 -26
- package/src/dataviews-layouts/grid/style.scss +8 -1
- package/src/dataviews-layouts/index.ts +4 -0
- package/src/dataviews-layouts/list/index.tsx +31 -27
- package/src/dataviews-layouts/table/density-picker.tsx +57 -0
- package/src/dataviews-layouts/table/index.tsx +46 -5
- package/src/dataviews-layouts/table/style.scss +32 -0
- package/src/dataviews-layouts/utils/get-clickable-item-props.ts +22 -0
- package/src/normalize-fields.ts +18 -35
- package/src/normalize-form-fields.ts +42 -0
- package/src/style.scss +1 -1
- package/src/test/normalize-fields.ts +45 -0
- package/src/types.ts +43 -21
- package/src/validation.ts +10 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/build/components/dataform-combined-edit/index.js +0 -67
- package/build/components/dataform-combined-edit/index.js.map +0 -1
- package/build/dataforms-layouts/get-visible-fields.js +0 -21
- package/build/dataforms-layouts/get-visible-fields.js.map +0 -1
- package/build/dataviews-layouts/grid/density-picker.js.map +0 -1
- package/build-module/components/dataform-combined-edit/index.js +0 -60
- package/build-module/components/dataform-combined-edit/index.js.map +0 -1
- package/build-module/dataforms-layouts/get-visible-fields.js +0 -14
- package/build-module/dataforms-layouts/get-visible-fields.js.map +0 -1
- package/build-module/dataviews-layouts/grid/density-picker.js.map +0 -1
- package/build-types/components/dataform-combined-edit/index.d.ts +0 -7
- package/build-types/components/dataform-combined-edit/index.d.ts.map +0 -1
- package/build-types/dataforms-layouts/get-visible-fields.d.ts +0 -3
- package/build-types/dataforms-layouts/get-visible-fields.d.ts.map +0 -1
- package/build-types/dataviews-layouts/grid/density-picker.d.ts +0 -5
- package/build-types/dataviews-layouts/grid/density-picker.d.ts.map +0 -1
- package/src/components/dataform-combined-edit/index.tsx +0 -66
- package/src/components/dataform-combined-edit/style.scss +0 -12
- package/src/dataforms-layouts/get-visible-fields.ts +0 -29
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_dataviewsContext","_interopRequireDefault","_dataviewsLayouts","_jsxRuntime","DataViewsLayout","actions","data","fields","getItemId","isLoading","view","onChangeView","selection","onChangeSelection","setOpenedFilter","
|
|
1
|
+
{"version":3,"names":["_element","require","_dataviewsContext","_interopRequireDefault","_dataviewsLayouts","_jsxRuntime","DataViewsLayout","actions","data","fields","getItemId","isLoading","view","onChangeView","selection","onChangeSelection","setOpenedFilter","onClickItem","isItemClickable","useContext","DataViewsContext","ViewComponent","VIEW_LAYOUTS","find","v","type","component","jsx"],"sources":["@wordpress/dataviews/src/components/dataviews-layout/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ComponentType } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../dataviews-context';\nimport { VIEW_LAYOUTS } from '../../dataviews-layouts';\nimport type { ViewBaseProps } from '../../types';\n\nexport default function DataViewsLayout() {\n\tconst {\n\t\tactions = [],\n\t\tdata,\n\t\tfields,\n\t\tgetItemId,\n\t\tisLoading,\n\t\tview,\n\t\tonChangeView,\n\t\tselection,\n\t\tonChangeSelection,\n\t\tsetOpenedFilter,\n\t\tonClickItem,\n\t\tisItemClickable,\n\t} = useContext( DataViewsContext );\n\n\tconst ViewComponent = VIEW_LAYOUTS.find( ( v ) => v.type === view.type )\n\t\t?.component as ComponentType< ViewBaseProps< any > >;\n\n\treturn (\n\t\t<ViewComponent\n\t\t\tactions={ actions }\n\t\t\tdata={ data }\n\t\t\tfields={ fields }\n\t\t\tgetItemId={ getItemId }\n\t\t\tisLoading={ isLoading }\n\t\t\tonChangeView={ onChangeView }\n\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\tselection={ selection }\n\t\t\tsetOpenedFilter={ setOpenedFilter }\n\t\t\tonClickItem={ onClickItem }\n\t\t\tisItemClickable={ isItemClickable }\n\t\t\tview={ view }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAuD,IAAAI,WAAA,GAAAJ,OAAA;AAdvD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASK,eAAeA,CAAA,EAAG;EACzC,MAAM;IACLC,OAAO,GAAG,EAAE;IACZC,IAAI;IACJC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,IAAI;IACJC,YAAY;IACZC,SAAS;IACTC,iBAAiB;IACjBC,eAAe;IACfC,WAAW;IACXC;EACD,CAAC,GAAG,IAAAC,mBAAU,EAAEC,yBAAiB,CAAC;EAElC,MAAMC,aAAa,GAAGC,8BAAY,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACC,IAAI,KAAKb,IAAI,CAACa,IAAK,CAAC,EACrEC,SAAkD;EAErD,oBACC,IAAArB,WAAA,CAAAsB,GAAA,EAACN,aAAa;IACbd,OAAO,EAAGA,OAAS;IACnBC,IAAI,EAAGA,IAAM;IACbC,MAAM,EAAGA,MAAQ;IACjBC,SAAS,EAAGA,SAAW;IACvBC,SAAS,EAAGA,SAAW;IACvBE,YAAY,EAAGA,YAAc;IAC7BE,iBAAiB,EAAGA,iBAAmB;IACvCD,SAAS,EAAGA,SAAW;IACvBE,eAAe,EAAGA,eAAiB;IACnCC,WAAW,EAAGA,WAAa;IAC3BC,eAAe,EAAGA,eAAiB;IACnCN,IAAI,EAAGA;EAAM,CACb,CAAC;AAEJ","ignoreList":[]}
|
|
@@ -15,7 +15,6 @@ var _constants = require("../../constants");
|
|
|
15
15
|
var _dataviewsLayouts = require("../../dataviews-layouts");
|
|
16
16
|
var _dataviewsContext = _interopRequireDefault(require("../dataviews-context"));
|
|
17
17
|
var _lockUnlock = require("../../lock-unlock");
|
|
18
|
-
var _densityPicker = _interopRequireDefault(require("../../dataviews-layouts/grid/density-picker"));
|
|
19
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
19
|
/**
|
|
21
20
|
* External dependencies
|
|
@@ -395,14 +394,12 @@ function SettingsSection({
|
|
|
395
394
|
})]
|
|
396
395
|
});
|
|
397
396
|
}
|
|
398
|
-
function DataviewsViewConfigDropdown({
|
|
399
|
-
density,
|
|
400
|
-
setDensity
|
|
401
|
-
}) {
|
|
397
|
+
function DataviewsViewConfigDropdown() {
|
|
402
398
|
const {
|
|
403
399
|
view
|
|
404
400
|
} = (0, _element.useContext)(_dataviewsContext.default);
|
|
405
401
|
const popoverId = (0, _compose.useInstanceId)(_DataViewsViewConfig, 'dataviews-view-config-dropdown');
|
|
402
|
+
const activeLayout = _dataviewsLayouts.VIEW_LAYOUTS.find(layout => layout.type === view.type);
|
|
406
403
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
|
|
407
404
|
popoverProps: {
|
|
408
405
|
...DATAVIEWS_CONFIG_POPOVER_PROPS,
|
|
@@ -432,10 +429,7 @@ function DataviewsViewConfigDropdown({
|
|
|
432
429
|
expanded: true,
|
|
433
430
|
className: "is-divided-in-two",
|
|
434
431
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SortFieldControl, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(SortDirectionControl, {})]
|
|
435
|
-
}),
|
|
436
|
-
density: density,
|
|
437
|
-
setDensity: setDensity
|
|
438
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemsPerPageControl, {})]
|
|
432
|
+
}), !!activeLayout?.viewConfigOptions && /*#__PURE__*/(0, _jsxRuntime.jsx)(activeLayout.viewConfigOptions, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemsPerPageControl, {})]
|
|
439
433
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(SettingsSection, {
|
|
440
434
|
title: (0, _i18n.__)('Properties'),
|
|
441
435
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldControl, {})
|
|
@@ -445,8 +439,6 @@ function DataviewsViewConfigDropdown({
|
|
|
445
439
|
});
|
|
446
440
|
}
|
|
447
441
|
function _DataViewsViewConfig({
|
|
448
|
-
density,
|
|
449
|
-
setDensity,
|
|
450
442
|
defaultLayouts = {
|
|
451
443
|
list: {},
|
|
452
444
|
grid: {},
|
|
@@ -456,10 +448,7 @@ function _DataViewsViewConfig({
|
|
|
456
448
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
457
449
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ViewTypeMenu, {
|
|
458
450
|
defaultLayouts: defaultLayouts
|
|
459
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(DataviewsViewConfigDropdown, {
|
|
460
|
-
density: density,
|
|
461
|
-
setDensity: setDensity
|
|
462
|
-
})]
|
|
451
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(DataviewsViewConfigDropdown, {})]
|
|
463
452
|
});
|
|
464
453
|
}
|
|
465
454
|
const DataViewsViewConfig = (0, _element.memo)(_DataViewsViewConfig);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_components","require","_i18n","_element","_icons","_warning","_interopRequireDefault","_compose","_constants","_dataviewsLayouts","_dataviewsContext","_lockUnlock","_densityPicker","_jsxRuntime","Menu","unlock","componentsPrivateApis","DATAVIEWS_CONFIG_POPOVER_PROPS","placement","offset","ViewTypeMenu","defaultLayouts","list","grid","table","view","onChangeView","useContext","DataViewsContext","availableLayouts","Object","keys","length","activeView","VIEW_LAYOUTS","find","v","type","jsx","trigger","Button","size","icon","label","__","children","map","layout","config","RadioItem","value","name","checked","hideOnClick","onChange","e","target","globalThis","SCRIPT_DEBUG","warning","ItemLabel","SortFieldControl","fields","orderOptions","useMemo","sortableFields","filter","field","enableSorting","id","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","sort","options","direction","SortDirectionControl","__experimentalToggleGroupControl","className","isBlock","newDirection","SORTING_DIRECTIONS","__experimentalToggleGroupControlOptionIcon","sortIcons","sortLabels","PAGE_SIZE_VALUES","ItemsPerPageControl","perPage","disabled","newItemsPerPage","newItemsPerPageNumber","undefined","parseInt","page","__experimentalToggleGroupControlOption","toString","FieldItem","index","isVisible","isHidable","visibleFieldIds","getVisibleFieldIds","__experimentalItem","jsxs","__experimentalHStack","expanded","justify","LAYOUT_TABLE","Fragment","accessibleWhenDisabled","onClick","_visibleFieldIds$slic","slice","chevronUp","sprintf","_visibleFieldIds$slic2","chevronDown","fieldId","setTimeout","element","document","querySelector","HTMLElement","focus","unseen","seen","_x","FieldControl","hiddenFieldIds","getHiddenFieldIds","notHidableFieldIds","getNotHidableFieldIds","visibleFields","includes","enableHiding","indexOf","combinedFields","forEach","push","a","b","hiddenFields","__experimentalVStack","spacing","__experimentalItemGroup","isBordered","isSeparated","BaseControl","VisualLabel","style","margin","SettingsSection","title","description","__experimentalGrid","columns","gap","__experimentalHeading","level","__experimentalText","variant","DataviewsViewConfigDropdown","density","setDensity","popoverId","useInstanceId","_DataViewsViewConfig","Dropdown","popoverProps","renderToggle","onToggle","isOpen","cog","renderContent","__experimentalDropdownContentWrapper","paddingSize","LAYOUT_GRID","default","DataViewsViewConfig","memo","_default","exports"],"sources":["@wordpress/dataviews/src/components/dataviews-view-config/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tDropdown,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n\tSelectControl,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\tprivateApis as componentsPrivateApis,\n\tBaseControl,\n} from '@wordpress/components';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { memo, useContext, useMemo } from '@wordpress/element';\nimport { chevronDown, chevronUp, cog, seen, unseen } from '@wordpress/icons';\nimport warning from '@wordpress/warning';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSORTING_DIRECTIONS,\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tsortIcons,\n\tsortLabels,\n} from '../../constants';\nimport {\n\tVIEW_LAYOUTS,\n\tgetNotHidableFieldIds,\n\tgetVisibleFieldIds,\n\tgetHiddenFieldIds,\n} from '../../dataviews-layouts';\nimport type { SupportedLayouts, View, Field } from '../../types';\nimport DataViewsContext from '../dataviews-context';\nimport { unlock } from '../../lock-unlock';\nimport DensityPicker from '../../dataviews-layouts/grid/density-picker';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\ninterface ViewTypeMenuProps {\n\tdefaultLayouts?: SupportedLayouts;\n}\n\nconst DATAVIEWS_CONFIG_POPOVER_PROPS = { placement: 'bottom-end', offset: 9 };\n\nfunction ViewTypeMenu( {\n\tdefaultLayouts = { list: {}, grid: {}, table: {} },\n}: ViewTypeMenuProps ) {\n\tconst { view, onChangeView } = useContext( DataViewsContext );\n\tconst availableLayouts = Object.keys( defaultLayouts );\n\tif ( availableLayouts.length <= 1 ) {\n\t\treturn null;\n\t}\n\tconst activeView = VIEW_LAYOUTS.find( ( v ) => view.type === v.type );\n\treturn (\n\t\t<Menu\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\ticon={ activeView?.icon }\n\t\t\t\t\tlabel={ __( 'Layout' ) }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ availableLayouts.map( ( layout ) => {\n\t\t\t\tconst config = VIEW_LAYOUTS.find( ( v ) => v.type === layout );\n\t\t\t\tif ( ! config ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Menu.RadioItem\n\t\t\t\t\t\tkey={ layout }\n\t\t\t\t\t\tvalue={ layout }\n\t\t\t\t\t\tname=\"view-actions-available-view\"\n\t\t\t\t\t\tchecked={ layout === view.type }\n\t\t\t\t\t\thideOnClick\n\t\t\t\t\t\tonChange={ ( e: ChangeEvent< HTMLInputElement > ) => {\n\t\t\t\t\t\t\tswitch ( e.target.value ) {\n\t\t\t\t\t\t\t\tcase 'list':\n\t\t\t\t\t\t\t\tcase 'grid':\n\t\t\t\t\t\t\t\tcase 'table':\n\t\t\t\t\t\t\t\t\treturn onChangeView( {\n\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\ttype: e.target.value,\n\t\t\t\t\t\t\t\t\t\t...defaultLayouts[ e.target.value ],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\twarning( 'Invalid dataview' );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Menu.ItemLabel>{ config.label }</Menu.ItemLabel>\n\t\t\t\t\t</Menu.RadioItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Menu>\n\t);\n}\n\nfunction SortFieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\tconst orderOptions = useMemo( () => {\n\t\tconst sortableFields = fields.filter(\n\t\t\t( field ) => field.enableSorting !== false\n\t\t);\n\t\treturn sortableFields.map( ( field ) => {\n\t\t\treturn {\n\t\t\t\tlabel: field.label,\n\t\t\t\tvalue: field.id,\n\t\t\t};\n\t\t} );\n\t}, [ fields ] );\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Sort by' ) }\n\t\t\tvalue={ view.sort?.field }\n\t\t\toptions={ orderOptions }\n\t\t\tonChange={ ( value: string ) => {\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tsort: {\n\t\t\t\t\t\tdirection: view?.sort?.direction || 'desc',\n\t\t\t\t\t\tfield: value,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction SortDirectionControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\n\tconst sortableFields = fields.filter(\n\t\t( field ) => field.enableSorting !== false\n\t);\n\tif ( sortableFields.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tlet value = view.sort?.direction;\n\tif ( ! value && view.sort?.field ) {\n\t\tvalue = 'desc';\n\t}\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tclassName=\"dataviews-view-config__sort-direction\"\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tisBlock\n\t\t\tlabel={ __( 'Order' ) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newDirection ) => {\n\t\t\t\tif ( newDirection === 'asc' || newDirection === 'desc' ) {\n\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t...view,\n\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\tdirection: newDirection,\n\t\t\t\t\t\t\tfield:\n\t\t\t\t\t\t\t\tview.sort?.field ||\n\t\t\t\t\t\t\t\t// If there is no field assigned as the sorting field assign the first sortable field.\n\t\t\t\t\t\t\t\tfields.find(\n\t\t\t\t\t\t\t\t\t( field ) => field.enableSorting !== false\n\t\t\t\t\t\t\t\t)?.id ||\n\t\t\t\t\t\t\t\t'',\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\twarning( 'Invalid direction' );\n\t\t\t} }\n\t\t>\n\t\t\t{ SORTING_DIRECTIONS.map( ( direction ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ direction }\n\t\t\t\t\t\tvalue={ direction }\n\t\t\t\t\t\ticon={ sortIcons[ direction ] }\n\t\t\t\t\t\tlabel={ sortLabels[ direction ] }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nconst PAGE_SIZE_VALUES = [ 10, 20, 50, 100 ];\nfunction ItemsPerPageControl() {\n\tconst { view, onChangeView } = useContext( DataViewsContext );\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tisBlock\n\t\t\tlabel={ __( 'Items per page' ) }\n\t\t\tvalue={ view.perPage || 10 }\n\t\t\tdisabled={ ! view?.sort?.field }\n\t\t\tonChange={ ( newItemsPerPage ) => {\n\t\t\t\tconst newItemsPerPageNumber =\n\t\t\t\t\ttypeof newItemsPerPage === 'number' ||\n\t\t\t\t\tnewItemsPerPage === undefined\n\t\t\t\t\t\t? newItemsPerPage\n\t\t\t\t\t\t: parseInt( newItemsPerPage, 10 );\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tperPage: newItemsPerPageNumber,\n\t\t\t\t\tpage: 1,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ PAGE_SIZE_VALUES.map( ( value ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tlabel={ value.toString() }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\ninterface FieldItemProps {\n\tid: any;\n\tlabel: string;\n\tindex: number;\n\tisVisible: boolean;\n\tisHidable: boolean;\n}\n\nfunction FieldItem( {\n\tfield: { id, label, index, isVisible, isHidable },\n\tfields,\n\tview,\n\tonChangeView,\n}: {\n\tfield: FieldItemProps;\n\tfields: Field< any >[];\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n} ) {\n\tconst visibleFieldIds = getVisibleFieldIds( view, fields );\n\n\treturn (\n\t\t<Item key={ id }>\n\t\t\t<HStack\n\t\t\t\texpanded\n\t\t\t\tclassName={ `dataviews-field-control__field dataviews-field-control__field-${ id }` }\n\t\t\t>\n\t\t\t\t<span>{ label }</span>\n\t\t\t\t<HStack\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tclassName=\"dataviews-field-control__actions\"\n\t\t\t\t>\n\t\t\t\t\t{ view.type === LAYOUT_TABLE && isVisible && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ index < 1 }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\tfields: [\n\t\t\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tindex - 1\n\t\t\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index - 1 ],\n\t\t\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\tindex + 1\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t__( 'Move %s up' ),\n\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ index >= visibleFieldIds.length - 1 }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\tfields: [\n\t\t\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index + 1 ],\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\tindex + 2\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t__( 'Move %s down' ),\n\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>{ ' ' }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-field-control__field-visibility-button\"\n\t\t\t\t\t\tdisabled={ ! isHidable }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\tfields: isVisible\n\t\t\t\t\t\t\t\t\t? visibleFieldIds.filter(\n\t\t\t\t\t\t\t\t\t\t\t( fieldId ) => fieldId !== id\n\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t: [ ...visibleFieldIds, id ],\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t// Focus the visibility button to avoid focus loss.\n\t\t\t\t\t\t\t// Our code is safe against the component being unmounted, so we don't need to worry about cleaning the timeout.\n\t\t\t\t\t\t\t// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\t\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\t\t\tconst element = document.querySelector(\n\t\t\t\t\t\t\t\t\t`.dataviews-field-control__field-${ id } .dataviews-field-control__field-visibility-button`\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tif ( element instanceof HTMLElement ) {\n\t\t\t\t\t\t\t\t\telement.focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, 50 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ isVisible ? unseen : seen }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t\t_x( 'Hide %s', 'field' ),\n\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t\t_x( 'Show %s', 'field' ),\n\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nfunction FieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\n\tconst visibleFieldIds = useMemo(\n\t\t() => getVisibleFieldIds( view, fields ),\n\t\t[ view, fields ]\n\t);\n\tconst hiddenFieldIds = useMemo(\n\t\t() => getHiddenFieldIds( view, fields ),\n\t\t[ view, fields ]\n\t);\n\tconst notHidableFieldIds = useMemo(\n\t\t() => getNotHidableFieldIds( view ),\n\t\t[ view ]\n\t);\n\n\tconst visibleFields = fields\n\t\t.filter( ( { id } ) => visibleFieldIds.includes( id ) )\n\t\t.map( ( { id, label, enableHiding } ) => {\n\t\t\treturn {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex: visibleFieldIds.indexOf( id ),\n\t\t\t\tisVisible: true,\n\t\t\t\tisHidable: notHidableFieldIds.includes( id )\n\t\t\t\t\t? false\n\t\t\t\t\t: enableHiding,\n\t\t\t};\n\t\t} );\n\tif ( view.type === LAYOUT_TABLE && view.layout?.combinedFields ) {\n\t\tview.layout.combinedFields.forEach( ( { id, label } ) => {\n\t\t\tvisibleFields.push( {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex: visibleFieldIds.indexOf( id ),\n\t\t\t\tisVisible: true,\n\t\t\t\tisHidable: notHidableFieldIds.includes( id ),\n\t\t\t} );\n\t\t} );\n\t}\n\tvisibleFields.sort( ( a, b ) => a.index - b.index );\n\n\tconst hiddenFields = fields\n\t\t.filter( ( { id } ) => hiddenFieldIds.includes( id ) )\n\t\t.map( ( { id, label, enableHiding }, index ) => {\n\t\t\treturn {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex,\n\t\t\t\tisVisible: false,\n\t\t\t\tisHidable: enableHiding,\n\t\t\t};\n\t\t} );\n\n\tif ( ! visibleFields?.length && ! hiddenFields?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 6 } className=\"dataviews-field-control\">\n\t\t\t{ !! visibleFields?.length && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t\t{ !! hiddenFields?.length && (\n\t\t\t\t<>\n\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t<BaseControl.VisualLabel style={ { margin: 0 } }>\n\t\t\t\t\t\t\t{ __( 'Hidden' ) }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t\t{ hiddenFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</VStack>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction SettingsSection( {\n\ttitle,\n\tdescription,\n\tchildren,\n}: {\n\ttitle: string;\n\tdescription?: string;\n\tchildren: React.ReactNode;\n} ) {\n\treturn (\n\t\t<Grid columns={ 12 } className=\"dataviews-settings-section\" gap={ 4 }>\n\t\t\t<div className=\"dataviews-settings-section__sidebar\">\n\t\t\t\t<Heading\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tclassName=\"dataviews-settings-section__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\t\tclassName=\"dataviews-settings-section__description\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Grid\n\t\t\t\tcolumns={ 8 }\n\t\t\t\tgap={ 4 }\n\t\t\t\tclassName=\"dataviews-settings-section__content\"\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</Grid>\n\t\t</Grid>\n\t);\n}\n\nfunction DataviewsViewConfigDropdown( {\n\tdensity,\n\tsetDensity,\n}: {\n\tdensity: number;\n\tsetDensity: React.Dispatch< React.SetStateAction< number > >;\n} ) {\n\tconst { view } = useContext( DataViewsContext );\n\tconst popoverId = useInstanceId(\n\t\t_DataViewsViewConfig,\n\t\t'dataviews-view-config-dropdown'\n\t);\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ {\n\t\t\t\t...DATAVIEWS_CONFIG_POPOVER_PROPS,\n\t\t\t\tid: popoverId,\n\t\t\t} }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ticon={ cog }\n\t\t\t\t\t\tlabel={ _x( 'View options', 'View is used as a noun' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-expanded={ isOpen ? 'true' : 'false' }\n\t\t\t\t\t\taria-controls={ popoverId }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"medium\">\n\t\t\t\t\t<VStack className=\"dataviews-view-config\" spacing={ 6 }>\n\t\t\t\t\t\t<SettingsSection title={ __( 'Appearance' ) }>\n\t\t\t\t\t\t\t<HStack expanded className=\"is-divided-in-two\">\n\t\t\t\t\t\t\t\t<SortFieldControl />\n\t\t\t\t\t\t\t\t<SortDirectionControl />\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t{ view.type === LAYOUT_GRID && (\n\t\t\t\t\t\t\t\t<DensityPicker\n\t\t\t\t\t\t\t\t\tdensity={ density }\n\t\t\t\t\t\t\t\t\tsetDensity={ setDensity }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<ItemsPerPageControl />\n\t\t\t\t\t\t</SettingsSection>\n\t\t\t\t\t\t<SettingsSection title={ __( 'Properties' ) }>\n\t\t\t\t\t\t\t<FieldControl />\n\t\t\t\t\t\t</SettingsSection>\n\t\t\t\t\t</VStack>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction _DataViewsViewConfig( {\n\tdensity,\n\tsetDensity,\n\tdefaultLayouts = { list: {}, grid: {}, table: {} },\n}: {\n\tdensity: number;\n\tsetDensity: React.Dispatch< React.SetStateAction< number > >;\n\tdefaultLayouts?: SupportedLayouts;\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ViewTypeMenu defaultLayouts={ defaultLayouts } />\n\t\t\t<DataviewsViewConfigDropdown\n\t\t\t\tdensity={ density }\n\t\t\t\tsetDensity={ setDensity }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nconst DataViewsViewConfig = memo( _DataViewsViewConfig );\n\nexport default DataViewsViewConfig;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_components","require","_i18n","_element","_icons","_warning","_interopRequireDefault","_compose","_constants","_dataviewsLayouts","_dataviewsContext","_lockUnlock","_jsxRuntime","Menu","unlock","componentsPrivateApis","DATAVIEWS_CONFIG_POPOVER_PROPS","placement","offset","ViewTypeMenu","defaultLayouts","list","grid","table","view","onChangeView","useContext","DataViewsContext","availableLayouts","Object","keys","length","activeView","VIEW_LAYOUTS","find","v","type","jsx","trigger","Button","size","icon","label","__","children","map","layout","config","RadioItem","value","name","checked","hideOnClick","onChange","e","target","globalThis","SCRIPT_DEBUG","warning","ItemLabel","SortFieldControl","fields","orderOptions","useMemo","sortableFields","filter","field","enableSorting","id","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","sort","options","direction","SortDirectionControl","__experimentalToggleGroupControl","className","isBlock","newDirection","SORTING_DIRECTIONS","__experimentalToggleGroupControlOptionIcon","sortIcons","sortLabels","PAGE_SIZE_VALUES","ItemsPerPageControl","perPage","disabled","newItemsPerPage","newItemsPerPageNumber","undefined","parseInt","page","__experimentalToggleGroupControlOption","toString","FieldItem","index","isVisible","isHidable","visibleFieldIds","getVisibleFieldIds","__experimentalItem","jsxs","__experimentalHStack","expanded","justify","LAYOUT_TABLE","Fragment","accessibleWhenDisabled","onClick","_visibleFieldIds$slic","slice","chevronUp","sprintf","_visibleFieldIds$slic2","chevronDown","fieldId","setTimeout","element","document","querySelector","HTMLElement","focus","unseen","seen","_x","FieldControl","hiddenFieldIds","getHiddenFieldIds","notHidableFieldIds","getNotHidableFieldIds","visibleFields","includes","enableHiding","indexOf","combinedFields","forEach","push","a","b","hiddenFields","__experimentalVStack","spacing","__experimentalItemGroup","isBordered","isSeparated","BaseControl","VisualLabel","style","margin","SettingsSection","title","description","__experimentalGrid","columns","gap","__experimentalHeading","level","__experimentalText","variant","DataviewsViewConfigDropdown","popoverId","useInstanceId","_DataViewsViewConfig","activeLayout","Dropdown","popoverProps","renderToggle","onToggle","isOpen","cog","renderContent","__experimentalDropdownContentWrapper","paddingSize","viewConfigOptions","DataViewsViewConfig","memo","_default","exports","default"],"sources":["@wordpress/dataviews/src/components/dataviews-view-config/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tDropdown,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n\tSelectControl,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\tprivateApis as componentsPrivateApis,\n\tBaseControl,\n} from '@wordpress/components';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { memo, useContext, useMemo } from '@wordpress/element';\nimport { chevronDown, chevronUp, cog, seen, unseen } from '@wordpress/icons';\nimport warning from '@wordpress/warning';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSORTING_DIRECTIONS,\n\tLAYOUT_TABLE,\n\tsortIcons,\n\tsortLabels,\n} from '../../constants';\nimport {\n\tVIEW_LAYOUTS,\n\tgetNotHidableFieldIds,\n\tgetVisibleFieldIds,\n\tgetHiddenFieldIds,\n} from '../../dataviews-layouts';\nimport type { SupportedLayouts, View, Field } from '../../types';\nimport DataViewsContext from '../dataviews-context';\nimport { unlock } from '../../lock-unlock';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\ninterface ViewTypeMenuProps {\n\tdefaultLayouts?: SupportedLayouts;\n}\n\nconst DATAVIEWS_CONFIG_POPOVER_PROPS = { placement: 'bottom-end', offset: 9 };\n\nfunction ViewTypeMenu( {\n\tdefaultLayouts = { list: {}, grid: {}, table: {} },\n}: ViewTypeMenuProps ) {\n\tconst { view, onChangeView } = useContext( DataViewsContext );\n\tconst availableLayouts = Object.keys( defaultLayouts );\n\tif ( availableLayouts.length <= 1 ) {\n\t\treturn null;\n\t}\n\tconst activeView = VIEW_LAYOUTS.find( ( v ) => view.type === v.type );\n\treturn (\n\t\t<Menu\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\ticon={ activeView?.icon }\n\t\t\t\t\tlabel={ __( 'Layout' ) }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ availableLayouts.map( ( layout ) => {\n\t\t\t\tconst config = VIEW_LAYOUTS.find( ( v ) => v.type === layout );\n\t\t\t\tif ( ! config ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Menu.RadioItem\n\t\t\t\t\t\tkey={ layout }\n\t\t\t\t\t\tvalue={ layout }\n\t\t\t\t\t\tname=\"view-actions-available-view\"\n\t\t\t\t\t\tchecked={ layout === view.type }\n\t\t\t\t\t\thideOnClick\n\t\t\t\t\t\tonChange={ ( e: ChangeEvent< HTMLInputElement > ) => {\n\t\t\t\t\t\t\tswitch ( e.target.value ) {\n\t\t\t\t\t\t\t\tcase 'list':\n\t\t\t\t\t\t\t\tcase 'grid':\n\t\t\t\t\t\t\t\tcase 'table':\n\t\t\t\t\t\t\t\t\treturn onChangeView( {\n\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\ttype: e.target.value,\n\t\t\t\t\t\t\t\t\t\t...defaultLayouts[ e.target.value ],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\twarning( 'Invalid dataview' );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Menu.ItemLabel>{ config.label }</Menu.ItemLabel>\n\t\t\t\t\t</Menu.RadioItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Menu>\n\t);\n}\n\nfunction SortFieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\tconst orderOptions = useMemo( () => {\n\t\tconst sortableFields = fields.filter(\n\t\t\t( field ) => field.enableSorting !== false\n\t\t);\n\t\treturn sortableFields.map( ( field ) => {\n\t\t\treturn {\n\t\t\t\tlabel: field.label,\n\t\t\t\tvalue: field.id,\n\t\t\t};\n\t\t} );\n\t}, [ fields ] );\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Sort by' ) }\n\t\t\tvalue={ view.sort?.field }\n\t\t\toptions={ orderOptions }\n\t\t\tonChange={ ( value: string ) => {\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tsort: {\n\t\t\t\t\t\tdirection: view?.sort?.direction || 'desc',\n\t\t\t\t\t\tfield: value,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction SortDirectionControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\n\tconst sortableFields = fields.filter(\n\t\t( field ) => field.enableSorting !== false\n\t);\n\tif ( sortableFields.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tlet value = view.sort?.direction;\n\tif ( ! value && view.sort?.field ) {\n\t\tvalue = 'desc';\n\t}\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tclassName=\"dataviews-view-config__sort-direction\"\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tisBlock\n\t\t\tlabel={ __( 'Order' ) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newDirection ) => {\n\t\t\t\tif ( newDirection === 'asc' || newDirection === 'desc' ) {\n\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t...view,\n\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\tdirection: newDirection,\n\t\t\t\t\t\t\tfield:\n\t\t\t\t\t\t\t\tview.sort?.field ||\n\t\t\t\t\t\t\t\t// If there is no field assigned as the sorting field assign the first sortable field.\n\t\t\t\t\t\t\t\tfields.find(\n\t\t\t\t\t\t\t\t\t( field ) => field.enableSorting !== false\n\t\t\t\t\t\t\t\t)?.id ||\n\t\t\t\t\t\t\t\t'',\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\twarning( 'Invalid direction' );\n\t\t\t} }\n\t\t>\n\t\t\t{ SORTING_DIRECTIONS.map( ( direction ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ direction }\n\t\t\t\t\t\tvalue={ direction }\n\t\t\t\t\t\ticon={ sortIcons[ direction ] }\n\t\t\t\t\t\tlabel={ sortLabels[ direction ] }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nconst PAGE_SIZE_VALUES = [ 10, 20, 50, 100 ];\nfunction ItemsPerPageControl() {\n\tconst { view, onChangeView } = useContext( DataViewsContext );\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tisBlock\n\t\t\tlabel={ __( 'Items per page' ) }\n\t\t\tvalue={ view.perPage || 10 }\n\t\t\tdisabled={ ! view?.sort?.field }\n\t\t\tonChange={ ( newItemsPerPage ) => {\n\t\t\t\tconst newItemsPerPageNumber =\n\t\t\t\t\ttypeof newItemsPerPage === 'number' ||\n\t\t\t\t\tnewItemsPerPage === undefined\n\t\t\t\t\t\t? newItemsPerPage\n\t\t\t\t\t\t: parseInt( newItemsPerPage, 10 );\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tperPage: newItemsPerPageNumber,\n\t\t\t\t\tpage: 1,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ PAGE_SIZE_VALUES.map( ( value ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tlabel={ value.toString() }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\ninterface FieldItemProps {\n\tid: any;\n\tlabel: string;\n\tindex: number;\n\tisVisible: boolean;\n\tisHidable: boolean;\n}\n\nfunction FieldItem( {\n\tfield: { id, label, index, isVisible, isHidable },\n\tfields,\n\tview,\n\tonChangeView,\n}: {\n\tfield: FieldItemProps;\n\tfields: Field< any >[];\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n} ) {\n\tconst visibleFieldIds = getVisibleFieldIds( view, fields );\n\n\treturn (\n\t\t<Item key={ id }>\n\t\t\t<HStack\n\t\t\t\texpanded\n\t\t\t\tclassName={ `dataviews-field-control__field dataviews-field-control__field-${ id }` }\n\t\t\t>\n\t\t\t\t<span>{ label }</span>\n\t\t\t\t<HStack\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tclassName=\"dataviews-field-control__actions\"\n\t\t\t\t>\n\t\t\t\t\t{ view.type === LAYOUT_TABLE && isVisible && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ index < 1 }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\tfields: [\n\t\t\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tindex - 1\n\t\t\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index - 1 ],\n\t\t\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\tindex + 1\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t__( 'Move %s up' ),\n\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ index >= visibleFieldIds.length - 1 }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\tfields: [\n\t\t\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index + 1 ],\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\tindex + 2\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t__( 'Move %s down' ),\n\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>{ ' ' }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-field-control__field-visibility-button\"\n\t\t\t\t\t\tdisabled={ ! isHidable }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\tfields: isVisible\n\t\t\t\t\t\t\t\t\t? visibleFieldIds.filter(\n\t\t\t\t\t\t\t\t\t\t\t( fieldId ) => fieldId !== id\n\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t: [ ...visibleFieldIds, id ],\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t// Focus the visibility button to avoid focus loss.\n\t\t\t\t\t\t\t// Our code is safe against the component being unmounted, so we don't need to worry about cleaning the timeout.\n\t\t\t\t\t\t\t// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\t\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\t\t\tconst element = document.querySelector(\n\t\t\t\t\t\t\t\t\t`.dataviews-field-control__field-${ id } .dataviews-field-control__field-visibility-button`\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tif ( element instanceof HTMLElement ) {\n\t\t\t\t\t\t\t\t\telement.focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, 50 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ isVisible ? unseen : seen }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t\t_x( 'Hide %s', 'field' ),\n\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t\t_x( 'Show %s', 'field' ),\n\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nfunction FieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\n\tconst visibleFieldIds = useMemo(\n\t\t() => getVisibleFieldIds( view, fields ),\n\t\t[ view, fields ]\n\t);\n\tconst hiddenFieldIds = useMemo(\n\t\t() => getHiddenFieldIds( view, fields ),\n\t\t[ view, fields ]\n\t);\n\tconst notHidableFieldIds = useMemo(\n\t\t() => getNotHidableFieldIds( view ),\n\t\t[ view ]\n\t);\n\n\tconst visibleFields = fields\n\t\t.filter( ( { id } ) => visibleFieldIds.includes( id ) )\n\t\t.map( ( { id, label, enableHiding } ) => {\n\t\t\treturn {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex: visibleFieldIds.indexOf( id ),\n\t\t\t\tisVisible: true,\n\t\t\t\tisHidable: notHidableFieldIds.includes( id )\n\t\t\t\t\t? false\n\t\t\t\t\t: enableHiding,\n\t\t\t};\n\t\t} );\n\tif ( view.type === LAYOUT_TABLE && view.layout?.combinedFields ) {\n\t\tview.layout.combinedFields.forEach( ( { id, label } ) => {\n\t\t\tvisibleFields.push( {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex: visibleFieldIds.indexOf( id ),\n\t\t\t\tisVisible: true,\n\t\t\t\tisHidable: notHidableFieldIds.includes( id ),\n\t\t\t} );\n\t\t} );\n\t}\n\tvisibleFields.sort( ( a, b ) => a.index - b.index );\n\n\tconst hiddenFields = fields\n\t\t.filter( ( { id } ) => hiddenFieldIds.includes( id ) )\n\t\t.map( ( { id, label, enableHiding }, index ) => {\n\t\t\treturn {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex,\n\t\t\t\tisVisible: false,\n\t\t\t\tisHidable: enableHiding,\n\t\t\t};\n\t\t} );\n\n\tif ( ! visibleFields?.length && ! hiddenFields?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 6 } className=\"dataviews-field-control\">\n\t\t\t{ !! visibleFields?.length && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t\t{ !! hiddenFields?.length && (\n\t\t\t\t<>\n\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t<BaseControl.VisualLabel style={ { margin: 0 } }>\n\t\t\t\t\t\t\t{ __( 'Hidden' ) }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t\t{ hiddenFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</VStack>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction SettingsSection( {\n\ttitle,\n\tdescription,\n\tchildren,\n}: {\n\ttitle: string;\n\tdescription?: string;\n\tchildren: React.ReactNode;\n} ) {\n\treturn (\n\t\t<Grid columns={ 12 } className=\"dataviews-settings-section\" gap={ 4 }>\n\t\t\t<div className=\"dataviews-settings-section__sidebar\">\n\t\t\t\t<Heading\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tclassName=\"dataviews-settings-section__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\t\tclassName=\"dataviews-settings-section__description\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Grid\n\t\t\t\tcolumns={ 8 }\n\t\t\t\tgap={ 4 }\n\t\t\t\tclassName=\"dataviews-settings-section__content\"\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</Grid>\n\t\t</Grid>\n\t);\n}\n\nfunction DataviewsViewConfigDropdown() {\n\tconst { view } = useContext( DataViewsContext );\n\tconst popoverId = useInstanceId(\n\t\t_DataViewsViewConfig,\n\t\t'dataviews-view-config-dropdown'\n\t);\n\tconst activeLayout = VIEW_LAYOUTS.find(\n\t\t( layout ) => layout.type === view.type\n\t);\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ {\n\t\t\t\t...DATAVIEWS_CONFIG_POPOVER_PROPS,\n\t\t\t\tid: popoverId,\n\t\t\t} }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ticon={ cog }\n\t\t\t\t\t\tlabel={ _x( 'View options', 'View is used as a noun' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-expanded={ isOpen ? 'true' : 'false' }\n\t\t\t\t\t\taria-controls={ popoverId }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"medium\">\n\t\t\t\t\t<VStack className=\"dataviews-view-config\" spacing={ 6 }>\n\t\t\t\t\t\t<SettingsSection title={ __( 'Appearance' ) }>\n\t\t\t\t\t\t\t<HStack expanded className=\"is-divided-in-two\">\n\t\t\t\t\t\t\t\t<SortFieldControl />\n\t\t\t\t\t\t\t\t<SortDirectionControl />\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t{ !! activeLayout?.viewConfigOptions && (\n\t\t\t\t\t\t\t\t<activeLayout.viewConfigOptions />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<ItemsPerPageControl />\n\t\t\t\t\t\t</SettingsSection>\n\t\t\t\t\t\t<SettingsSection title={ __( 'Properties' ) }>\n\t\t\t\t\t\t\t<FieldControl />\n\t\t\t\t\t\t</SettingsSection>\n\t\t\t\t\t</VStack>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction _DataViewsViewConfig( {\n\tdefaultLayouts = { list: {}, grid: {}, table: {} },\n}: {\n\tdefaultLayouts?: SupportedLayouts;\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ViewTypeMenu defaultLayouts={ defaultLayouts } />\n\t\t\t<DataviewsViewConfigDropdown />\n\t\t</>\n\t);\n}\n\nconst DataViewsViewConfig = memo( _DataViewsViewConfig );\n\nexport default DataViewsViewConfig;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = FormFieldVisibility;
|
|
7
|
+
var _element = require("@wordpress/element");
|
|
8
|
+
/**
|
|
9
|
+
* WordPress dependencies
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Internal dependencies
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
function FormFieldVisibility({
|
|
17
|
+
data,
|
|
18
|
+
field,
|
|
19
|
+
children
|
|
20
|
+
}) {
|
|
21
|
+
const isVisible = (0, _element.useMemo)(() => {
|
|
22
|
+
if (field.isVisible) {
|
|
23
|
+
return field.isVisible(data);
|
|
24
|
+
}
|
|
25
|
+
return true;
|
|
26
|
+
}, [field.isVisible, data]);
|
|
27
|
+
if (!isVisible) {
|
|
28
|
+
return null;
|
|
29
|
+
}
|
|
30
|
+
return children;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_element","require","FormFieldVisibility","data","field","children","isVisible","useMemo"],"sources":["@wordpress/dataviews/src/components/form-field-visibility/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedField } from '../../types';\n\ntype FormFieldVisibilityProps< Item > = React.PropsWithChildren< {\n\tfield: NormalizedField< Item >;\n\tdata: Item;\n} >;\n\nexport default function FormFieldVisibility< Item >( {\n\tdata,\n\tfield,\n\tchildren,\n}: FormFieldVisibilityProps< Item > ) {\n\tconst isVisible = useMemo( () => {\n\t\tif ( field.isVisible ) {\n\t\t\treturn field.isVisible( data );\n\t\t}\n\t\treturn true;\n\t}, [ field.isVisible, data ] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\treturn children;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;;AAQe,SAASC,mBAAmBA,CAAU;EACpDC,IAAI;EACJC,KAAK;EACLC;AACiC,CAAC,EAAG;EACrC,MAAMC,SAAS,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAChC,IAAKH,KAAK,CAACE,SAAS,EAAG;MACtB,OAAOF,KAAK,CAACE,SAAS,CAAEH,IAAK,CAAC;IAC/B;IACA,OAAO,IAAI;EACZ,CAAC,EAAE,CAAEC,KAAK,CAACE,SAAS,EAAEH,IAAI,CAAG,CAAC;EAE9B,IAAK,CAAEG,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EACA,OAAOD,QAAQ;AAChB","ignoreList":[]}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.DataFormLayout = DataFormLayout;
|
|
8
|
+
var _components = require("@wordpress/components");
|
|
9
|
+
var _element = require("@wordpress/element");
|
|
10
|
+
var _index = require("./index");
|
|
11
|
+
var _dataformContext = _interopRequireDefault(require("../components/dataform-context"));
|
|
12
|
+
var _isCombinedField = require("./is-combined-field");
|
|
13
|
+
var _normalizeFormFields = _interopRequireDefault(require("../normalize-form-fields"));
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
/**
|
|
16
|
+
* WordPress dependencies
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Internal dependencies
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
function DataFormLayout({
|
|
24
|
+
data,
|
|
25
|
+
form,
|
|
26
|
+
onChange,
|
|
27
|
+
children
|
|
28
|
+
}) {
|
|
29
|
+
const {
|
|
30
|
+
fields: fieldDefinitions
|
|
31
|
+
} = (0, _element.useContext)(_dataformContext.default);
|
|
32
|
+
function getFieldDefinition(field) {
|
|
33
|
+
const fieldId = typeof field === 'string' ? field : field.id;
|
|
34
|
+
return fieldDefinitions.find(fieldDefinition => fieldDefinition.id === fieldId);
|
|
35
|
+
}
|
|
36
|
+
const normalizedFormFields = (0, _element.useMemo)(() => (0, _normalizeFormFields.default)(form), [form]);
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
|
|
38
|
+
spacing: 2,
|
|
39
|
+
children: normalizedFormFields.map(formField => {
|
|
40
|
+
const FieldLayout = (0, _index.getFormFieldLayout)(formField.layout)?.component;
|
|
41
|
+
if (!FieldLayout) {
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
44
|
+
const fieldDefinition = !(0, _isCombinedField.isCombinedField)(formField) ? getFieldDefinition(formField) : undefined;
|
|
45
|
+
if (fieldDefinition && fieldDefinition.isVisible && !fieldDefinition.isVisible(data)) {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
48
|
+
if (children) {
|
|
49
|
+
return children(FieldLayout, formField);
|
|
50
|
+
}
|
|
51
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldLayout, {
|
|
52
|
+
data: data,
|
|
53
|
+
field: formField,
|
|
54
|
+
onChange: onChange
|
|
55
|
+
}, formField.id);
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=data-form-layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_components","require","_element","_index","_dataformContext","_interopRequireDefault","_isCombinedField","_normalizeFormFields","_jsxRuntime","DataFormLayout","data","form","onChange","children","fields","fieldDefinitions","useContext","DataFormContext","getFieldDefinition","field","fieldId","id","find","fieldDefinition","normalizedFormFields","useMemo","normalizeFormFields","jsx","__experimentalVStack","spacing","map","formField","FieldLayout","getFormFieldLayout","layout","component","isCombinedField","undefined","isVisible"],"sources":["@wordpress/dataviews/src/dataforms-layouts/data-form-layout.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { Form, FormField, SimpleFormField } from '../types';\nimport { getFormFieldLayout } from './index';\nimport DataFormContext from '../components/dataform-context';\nimport { isCombinedField } from './is-combined-field';\nimport normalizeFormFields from '../normalize-form-fields';\n\nexport function DataFormLayout< Item >( {\n\tdata,\n\tform,\n\tonChange,\n\tchildren,\n}: {\n\tdata: Item;\n\tform: Form;\n\tonChange: ( value: any ) => void;\n\tchildren?: (\n\t\tFieldLayout: ( props: {\n\t\t\tdata: Item;\n\t\t\tfield: FormField;\n\t\t\tonChange: ( value: any ) => void;\n\t\t\thideLabelFromVision?: boolean;\n\t\t} ) => React.JSX.Element | null,\n\t\tfield: FormField\n\t) => React.JSX.Element;\n} ) {\n\tconst { fields: fieldDefinitions } = useContext( DataFormContext );\n\n\tfunction getFieldDefinition( field: SimpleFormField | string ) {\n\t\tconst fieldId = typeof field === 'string' ? field : field.id;\n\n\t\treturn fieldDefinitions.find(\n\t\t\t( fieldDefinition ) => fieldDefinition.id === fieldId\n\t\t);\n\t}\n\n\tconst normalizedFormFields = useMemo(\n\t\t() => normalizeFormFields( form ),\n\t\t[ form ]\n\t);\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t{ normalizedFormFields.map( ( formField ) => {\n\t\t\t\tconst FieldLayout = getFormFieldLayout( formField.layout )\n\t\t\t\t\t?.component;\n\n\t\t\t\tif ( ! FieldLayout ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst fieldDefinition = ! isCombinedField( formField )\n\t\t\t\t\t? getFieldDefinition( formField )\n\t\t\t\t\t: undefined;\n\n\t\t\t\tif (\n\t\t\t\t\tfieldDefinition &&\n\t\t\t\t\tfieldDefinition.isVisible &&\n\t\t\t\t\t! fieldDefinition.isVisible( data )\n\t\t\t\t) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tif ( children ) {\n\t\t\t\t\treturn children( FieldLayout, formField );\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<FieldLayout\n\t\t\t\t\t\tkey={ formField.id }\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tfield={ formField }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAA2D,IAAAO,WAAA,GAAAP,OAAA;AAb3D;AACA;AACA;;AAIA;AACA;AACA;;AAOO,SAASQ,cAAcA,CAAU;EACvCC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC;AAcD,CAAC,EAAG;EACH,MAAM;IAAEC,MAAM,EAAEC;EAAiB,CAAC,GAAG,IAAAC,mBAAU,EAAEC,wBAAgB,CAAC;EAElE,SAASC,kBAAkBA,CAAEC,KAA+B,EAAG;IAC9D,MAAMC,OAAO,GAAG,OAAOD,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACE,EAAE;IAE5D,OAAON,gBAAgB,CAACO,IAAI,CACzBC,eAAe,IAAMA,eAAe,CAACF,EAAE,KAAKD,OAC/C,CAAC;EACF;EAEA,MAAMI,oBAAoB,GAAG,IAAAC,gBAAO,EACnC,MAAM,IAAAC,4BAAmB,EAAEf,IAAK,CAAC,EACjC,CAAEA,IAAI,CACP,CAAC;EAED,oBACC,IAAAH,WAAA,CAAAmB,GAAA,EAAC3B,WAAA,CAAA4B,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAhB,QAAA,EAClBW,oBAAoB,CAACM,GAAG,CAAIC,SAAS,IAAM;MAC5C,MAAMC,WAAW,GAAG,IAAAC,yBAAkB,EAAEF,SAAS,CAACG,MAAO,CAAC,EACvDC,SAAS;MAEZ,IAAK,CAAEH,WAAW,EAAG;QACpB,OAAO,IAAI;MACZ;MAEA,MAAMT,eAAe,GAAG,CAAE,IAAAa,gCAAe,EAAEL,SAAU,CAAC,GACnDb,kBAAkB,CAAEa,SAAU,CAAC,GAC/BM,SAAS;MAEZ,IACCd,eAAe,IACfA,eAAe,CAACe,SAAS,IACzB,CAAEf,eAAe,CAACe,SAAS,CAAE5B,IAAK,CAAC,EAClC;QACD,OAAO,IAAI;MACZ;MAEA,IAAKG,QAAQ,EAAG;QACf,OAAOA,QAAQ,CAAEmB,WAAW,EAAED,SAAU,CAAC;MAC1C;MAEA,oBACC,IAAAvB,WAAA,CAAAmB,GAAA,EAACK,WAAW;QAEXtB,IAAI,EAAGA,IAAM;QACbS,KAAK,EAAGY,SAAW;QACnBnB,QAAQ,EAAGA;MAAU,GAHfmB,SAAS,CAACV,EAIhB,CAAC;IAEJ,CAAE;EAAC,CACI,CAAC;AAEX","ignoreList":[]}
|
|
@@ -4,21 +4,21 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.getFormFieldLayout = getFormFieldLayout;
|
|
8
8
|
var _regular = _interopRequireDefault(require("./regular"));
|
|
9
9
|
var _panel = _interopRequireDefault(require("./panel"));
|
|
10
10
|
/**
|
|
11
11
|
* Internal dependencies
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
|
-
const
|
|
14
|
+
const FORM_FIELD_LAYOUTS = [{
|
|
15
15
|
type: 'regular',
|
|
16
16
|
component: _regular.default
|
|
17
17
|
}, {
|
|
18
18
|
type: 'panel',
|
|
19
19
|
component: _panel.default
|
|
20
20
|
}];
|
|
21
|
-
function
|
|
22
|
-
return
|
|
21
|
+
function getFormFieldLayout(type) {
|
|
22
|
+
return FORM_FIELD_LAYOUTS.find(layout => layout.type === type);
|
|
23
23
|
}
|
|
24
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_regular","_interopRequireDefault","require","_panel","
|
|
1
|
+
{"version":3,"names":["_regular","_interopRequireDefault","require","_panel","FORM_FIELD_LAYOUTS","type","component","FormRegularField","FormPanelField","getFormFieldLayout","find","layout"],"sources":["@wordpress/dataviews/src/dataforms-layouts/index.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport FormRegularField from './regular';\nimport FormPanelField from './panel';\n\nconst FORM_FIELD_LAYOUTS = [\n\t{\n\t\ttype: 'regular',\n\t\tcomponent: FormRegularField,\n\t},\n\t{\n\t\ttype: 'panel',\n\t\tcomponent: FormPanelField,\n\t},\n];\n\nexport function getFormFieldLayout( type: string ) {\n\treturn FORM_FIELD_LAYOUTS.find( ( layout ) => layout.type === type );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,kBAAkB,GAAG,CAC1B;EACCC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAEC;AACZ,CAAC,EACD;EACCF,IAAI,EAAE,OAAO;EACbC,SAAS,EAAEE;AACZ,CAAC,CACD;AAEM,SAASC,kBAAkBA,CAAEJ,IAAY,EAAG;EAClD,OAAOD,kBAAkB,CAACM,IAAI,CAAIC,MAAM,IAAMA,MAAM,CAACN,IAAI,KAAKA,IAAK,CAAC;AACrE","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.isCombinedField = isCombinedField;
|
|
7
|
+
/**
|
|
8
|
+
* Internal dependencies
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
function isCombinedField(field) {
|
|
12
|
+
return field.children !== undefined;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=is-combined-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isCombinedField","field","children","undefined"],"sources":["@wordpress/dataviews/src/dataforms-layouts/is-combined-field.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { FormField, CombinedFormField } from '../types';\n\nexport function isCombinedField(\n\tfield: FormField\n): field is CombinedFormField {\n\treturn ( field as CombinedFormField ).children !== undefined;\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAGO,SAASA,eAAeA,CAC9BC,KAAgB,EACa;EAC7B,OAASA,KAAK,CAAwBC,QAAQ,KAAKC,SAAS;AAC7D","ignoreList":[]}
|