@wordpress/dataviews 10.2.0 → 10.3.0

package/build/components/dataviews-view-config/properties-section.js

@@ -0,0 +1,177 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/dataviews/src/components/dataviews-view-config/properties-section.tsx
+var properties_section_exports = {};
+__export(properties_section_exports, {
+  PropertiesSection: () => PropertiesSection
+});
+module.exports = __toCommonJS(properties_section_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_icons = require("@wordpress/icons");
+var import_dataviews_context = __toESM(require("../dataviews-context"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function FieldItem({
+  field,
+  isVisible,
+  onToggleVisibility
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItem, { onClick: field.enableHiding ? onToggleVisibility : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { expanded: true, justify: "flex-start", alignment: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: 24, width: 24 }, children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.check }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dataviews-view-config__label", children: field.label })
+  ] }) });
+}
+function isDefined(item) {
+  return !!item;
+}
+function PropertiesSection({
+  showLabel = true
+}) {
+  const { view, fields, onChangeView } = (0, import_element.useContext)(import_dataviews_context.default);
+  const togglableFields = [
+    view?.titleField,
+    view?.mediaField,
+    view?.descriptionField
+  ].filter(Boolean);
+  const regularFields = fields.filter(
+    (f) => !togglableFields.includes(f.id) && f.type !== "media" && f.enableHiding !== false
+  );
+  if (!regularFields?.length) {
+    return null;
+  }
+  const titleField = fields.find((f) => f.id === view.titleField);
+  const previewField = fields.find((f) => f.id === view.mediaField);
+  const descriptionField = fields.find(
+    (f) => f.id === view.descriptionField
+  );
+  const lockedFields = [
+    {
+      field: titleField,
+      isVisibleFlag: "showTitle"
+    },
+    {
+      field: previewField,
+      isVisibleFlag: "showMedia"
+    },
+    {
+      field: descriptionField,
+      isVisibleFlag: "showDescription"
+    }
+  ].filter(({ field }) => isDefined(field));
+  const visibleFieldIds = view.fields ?? [];
+  const visibleRegularFieldsCount = regularFields.filter(
+    (f) => visibleFieldIds.includes(f.id)
+  ).length;
+  let visibleLockedFields = lockedFields.filter(
+    ({ field, isVisibleFlag }) => (
+      // @ts-expect-error
+      isDefined(field) && (view[isVisibleFlag] ?? true)
+    )
+  );
+  const totalVisibleFields = visibleLockedFields.length + visibleRegularFieldsCount;
+  if (totalVisibleFields === 1) {
+    if (visibleLockedFields.length === 1) {
+      visibleLockedFields = visibleLockedFields.map((locked) => ({
+        ...locked,
+        field: { ...locked.field, enableHiding: false }
+      }));
+    }
+  }
+  const hiddenLockedFields = lockedFields.filter(
+    ({ field, isVisibleFlag }) => (
+      // @ts-expect-error
+      isDefined(field) && !(view[isVisibleFlag] ?? true)
+    )
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { className: "dataviews-field-control", spacing: 0, children: [
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.BaseControl.VisualLabel, { children: (0, import_i18n.__)("Properties") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalVStack, { className: "dataviews-view-config__properties", spacing: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalItemGroup, { isBordered: true, isSeparated: true, size: "medium", children: [
+      visibleLockedFields.map(({ field, isVisibleFlag }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          FieldItem,
+          {
+            field,
+            isVisible: true,
+            onToggleVisibility: () => {
+              onChangeView({
+                ...view,
+                [isVisibleFlag]: false
+              });
+            }
+          },
+          field.id
+        );
+      }),
+      hiddenLockedFields.map(({ field, isVisibleFlag }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          FieldItem,
+          {
+            field,
+            isVisible: false,
+            onToggleVisibility: () => {
+              onChangeView({
+                ...view,
+                [isVisibleFlag]: true
+              });
+            }
+          },
+          field.id
+        );
+      }),
+      regularFields.map((field) => {
+        const isVisible = visibleFieldIds.includes(field.id);
+        const isLastVisible = totalVisibleFields === 1 && isVisible;
+        const fieldToRender = isLastVisible ? { ...field, enableHiding: false } : field;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          FieldItem,
+          {
+            field: fieldToRender,
+            isVisible,
+            onToggleVisibility: () => {
+              onChangeView({
+                ...view,
+                fields: isVisible ? visibleFieldIds.filter(
+                  (fieldId) => fieldId !== field.id
+                ) : [...visibleFieldIds, field.id]
+              });
+            }
+          },
+          field.id
+        );
+      })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PropertiesSection
+});
+//# sourceMappingURL=properties-section.js.map

package/build/components/dataviews-view-config/properties-section.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataviews-view-config/properties-section.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tBaseControl,\n\tIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useContext } from '@wordpress/element';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedField } from '../../types';\nimport DataViewsContext from '../dataviews-context';\n\nfunction FieldItem( {\n\tfield,\n\tisVisible,\n\tonToggleVisibility,\n}: {\n\tfield: NormalizedField< any >;\n\tisVisible: boolean;\n\tonToggleVisibility?: () => void;\n} ) {\n\treturn (\n\t\t<Item onClick={ field.enableHiding ? onToggleVisibility : undefined }>\n\t\t\t<HStack expanded justify=\"flex-start\" alignment=\"center\">\n\t\t\t\t<div style={ { height: 24, width: 24 } }>\n\t\t\t\t\t{ isVisible && <Icon icon={ check } /> }\n\t\t\t\t</div>\n\t\t\t\t<span className=\"dataviews-view-config__label\">\n\t\t\t\t\t{ field.label }\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nfunction isDefined< T >( item: T | undefined ): item is T {\n\treturn !! item;\n}\n\nexport function PropertiesSection( {\n\tshowLabel = true,\n}: {\n\tshowLabel?: boolean;\n} ) {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\n\tconst togglableFields = [\n\t\tview?.titleField,\n\t\tview?.mediaField,\n\t\tview?.descriptionField,\n\t].filter( Boolean );\n\n\t// Get all regular fields (non-locked) in their original order from fields prop\n\tconst regularFields = fields.filter(\n\t\t( f ) =>\n\t\t\t! togglableFields.includes( f.id ) &&\n\t\t\tf.type !== 'media' &&\n\t\t\tf.enableHiding !== false\n\t);\n\n\tif ( ! regularFields?.length ) {\n\t\treturn null;\n\t}\n\tconst titleField = fields.find( ( f ) => f.id === view.titleField );\n\tconst previewField = fields.find( ( f ) => f.id === view.mediaField );\n\tconst descriptionField = fields.find(\n\t\t( f ) => f.id === view.descriptionField\n\t);\n\n\tconst lockedFields = [\n\t\t{\n\t\t\tfield: titleField,\n\t\t\tisVisibleFlag: 'showTitle',\n\t\t},\n\t\t{\n\t\t\tfield: previewField,\n\t\t\tisVisibleFlag: 'showMedia',\n\t\t},\n\t\t{\n\t\t\tfield: descriptionField,\n\t\t\tisVisibleFlag: 'showDescription',\n\t\t},\n\t].filter( ( { field } ) => isDefined( field ) );\n\tconst visibleFieldIds = view.fields ?? [];\n\tconst visibleRegularFieldsCount = regularFields.filter( ( f ) =>\n\t\tvisibleFieldIds.includes( f.id )\n\t).length;\n\n\tlet visibleLockedFields = lockedFields.filter(\n\t\t( { field, isVisibleFlag } ) =>\n\t\t\t// @ts-expect-error\n\t\t\tisDefined( field ) && ( view[ isVisibleFlag ] ?? true )\n\t) as Array< {\n\t\tfield: NormalizedField< any >;\n\t\tisVisibleFlag: string;\n\t} >;\n\n\t// If only one field (locked or regular) is visible, prevent it from being hidden\n\tconst totalVisibleFields =\n\t\tvisibleLockedFields.length + visibleRegularFieldsCount;\n\tif ( totalVisibleFields === 1 ) {\n\t\tif ( visibleLockedFields.length === 1 ) {\n\t\t\tvisibleLockedFields = visibleLockedFields.map( ( locked ) => ( {\n\t\t\t\t...locked,\n\t\t\t\tfield: { ...locked.field, enableHiding: false },\n\t\t\t} ) );\n\t\t}\n\t}\n\n\tconst hiddenLockedFields = lockedFields.filter(\n\t\t( { field, isVisibleFlag } ) =>\n\t\t\t// @ts-expect-error\n\t\t\tisDefined( field ) && ! ( view[ isVisibleFlag ] ?? true )\n\t) as Array< {\n\t\tfield: NormalizedField< any >;\n\t\tisVisibleFlag: string;\n\t} >;\n\n\treturn (\n\t\t<VStack className=\"dataviews-field-control\" spacing={ 0 }>\n\t\t\t{ showLabel && (\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Properties' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t) }\n\t\t\t<VStack className=\"dataviews-view-config__properties\" spacing={ 0 }>\n\t\t\t\t<ItemGroup isBordered isSeparated size=\"medium\">\n\t\t\t\t\t{ visibleLockedFields.map( ( { field, isVisibleFlag } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\tonToggleVisibility={ () => {\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\t[ isVisibleFlag ]: false,\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/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\n\t\t\t\t\t{ hiddenLockedFields.map( ( { field, isVisibleFlag } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\tisVisible={ false }\n\t\t\t\t\t\t\t\tonToggleVisibility={ () => {\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\t[ isVisibleFlag ]: true,\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/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\n\t\t\t\t\t{ regularFields.map( ( field ) => {\n\t\t\t\t\t\t// Check if this is the last visible field to prevent hiding\n\t\t\t\t\t\tconst isVisible = visibleFieldIds.includes( field.id );\n\t\t\t\t\t\tconst isLastVisible =\n\t\t\t\t\t\t\ttotalVisibleFields === 1 && isVisible;\n\t\t\t\t\t\tconst fieldToRender = isLastVisible\n\t\t\t\t\t\t\t? { ...field, enableHiding: false }\n\t\t\t\t\t\t\t: field;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tfield={ fieldToRender }\n\t\t\t\t\t\t\t\tisVisible={ isVisible }\n\t\t\t\t\t\t\t\tonToggleVisibility={ () => {\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: isVisible\n\t\t\t\t\t\t\t\t\t\t\t? visibleFieldIds.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t( fieldId ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfieldId !== field.id\n\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t\t: [ ...visibleFieldIds, field.id ],\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/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</ItemGroup>\n\t\t\t</VStack>\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["Item", "HStack", "DataViewsContext", "VStack", "ItemGroup"]
+}

package/build/constants.js

@@ -16,12 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/dataviews/src/constants.ts
 var constants_exports = {};
 __export(constants_exports, {
   ALL_OPERATORS: () => ALL_OPERATORS,
   LAYOUT_GRID: () => LAYOUT_GRID,
   LAYOUT_LIST: () => LAYOUT_LIST,
   LAYOUT_PICKER_GRID: () => LAYOUT_PICKER_GRID,
+  LAYOUT_PICKER_TABLE: () => LAYOUT_PICKER_TABLE,
   LAYOUT_TABLE: () => LAYOUT_TABLE,
   OPERATORS: () => OPERATORS,
   OPERATOR_AFTER: () => OPERATOR_AFTER,
@@ -56,29 +59,29 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
-const OPERATOR_IS = "is";
-const OPERATOR_IS_NOT = "isNot";
-const OPERATOR_IS_ANY = "isAny";
-const OPERATOR_IS_NONE = "isNone";
-const OPERATOR_IS_ALL = "isAll";
-const OPERATOR_IS_NOT_ALL = "isNotAll";
-const OPERATOR_LESS_THAN = "lessThan";
-const OPERATOR_GREATER_THAN = "greaterThan";
-const OPERATOR_LESS_THAN_OR_EQUAL = "lessThanOrEqual";
-const OPERATOR_GREATER_THAN_OR_EQUAL = "greaterThanOrEqual";
-const OPERATOR_BEFORE = "before";
-const OPERATOR_AFTER = "after";
-const OPERATOR_BEFORE_INC = "beforeInc";
-const OPERATOR_AFTER_INC = "afterInc";
-const OPERATOR_CONTAINS = "contains";
-const OPERATOR_NOT_CONTAINS = "notContains";
-const OPERATOR_STARTS_WITH = "startsWith";
-const OPERATOR_BETWEEN = "between";
-const OPERATOR_ON = "on";
-const OPERATOR_NOT_ON = "notOn";
-const OPERATOR_IN_THE_PAST = "inThePast";
-const OPERATOR_OVER = "over";
-const ALL_OPERATORS = [
+var OPERATOR_IS = "is";
+var OPERATOR_IS_NOT = "isNot";
+var OPERATOR_IS_ANY = "isAny";
+var OPERATOR_IS_NONE = "isNone";
+var OPERATOR_IS_ALL = "isAll";
+var OPERATOR_IS_NOT_ALL = "isNotAll";
+var OPERATOR_LESS_THAN = "lessThan";
+var OPERATOR_GREATER_THAN = "greaterThan";
+var OPERATOR_LESS_THAN_OR_EQUAL = "lessThanOrEqual";
+var OPERATOR_GREATER_THAN_OR_EQUAL = "greaterThanOrEqual";
+var OPERATOR_BEFORE = "before";
+var OPERATOR_AFTER = "after";
+var OPERATOR_BEFORE_INC = "beforeInc";
+var OPERATOR_AFTER_INC = "afterInc";
+var OPERATOR_CONTAINS = "contains";
+var OPERATOR_NOT_CONTAINS = "notContains";
+var OPERATOR_STARTS_WITH = "startsWith";
+var OPERATOR_BETWEEN = "between";
+var OPERATOR_ON = "on";
+var OPERATOR_NOT_ON = "notOn";
+var OPERATOR_IN_THE_PAST = "inThePast";
+var OPERATOR_OVER = "over";
+var ALL_OPERATORS = [
   OPERATOR_IS,
   OPERATOR_IS_NOT,
   OPERATOR_IS_ANY,
@@ -102,7 +105,7 @@ const ALL_OPERATORS = [
   OPERATOR_IN_THE_PAST,
   OPERATOR_OVER
 ];
-const SINGLE_SELECTION_OPERATORS = [
+var SINGLE_SELECTION_OPERATORS = [
   OPERATOR_IS,
   OPERATOR_IS_NOT,
   OPERATOR_LESS_THAN,
@@ -119,7 +122,7 @@ const SINGLE_SELECTION_OPERATORS = [
   OPERATOR_ON,
   OPERATOR_NOT_ON
 ];
-const OPERATORS = {
+var OPERATORS = {
   [OPERATOR_IS]: {
     key: "is-filter",
     label: (0, import_i18n.__)("Is")
@@ -209,27 +212,29 @@ const OPERATORS = {
     label: (0, import_i18n.__)("Over")
   }
 };
-const SORTING_DIRECTIONS = ["asc", "desc"];
-const sortArrows = { asc: "\u2191", desc: "\u2193" };
-const sortValues = { asc: "ascending", desc: "descending" };
-const sortLabels = {
+var SORTING_DIRECTIONS = ["asc", "desc"];
+var sortArrows = { asc: "\u2191", desc: "\u2193" };
+var sortValues = { asc: "ascending", desc: "descending" };
+var sortLabels = {
   asc: (0, import_i18n.__)("Sort ascending"),
   desc: (0, import_i18n.__)("Sort descending")
 };
-const sortIcons = {
+var sortIcons = {
   asc: import_icons.arrowUp,
   desc: import_icons.arrowDown
 };
-const LAYOUT_TABLE = "table";
-const LAYOUT_GRID = "grid";
-const LAYOUT_LIST = "list";
-const LAYOUT_PICKER_GRID = "pickerGrid";
+var LAYOUT_TABLE = "table";
+var LAYOUT_GRID = "grid";
+var LAYOUT_LIST = "list";
+var LAYOUT_PICKER_GRID = "pickerGrid";
+var LAYOUT_PICKER_TABLE = "pickerTable";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ALL_OPERATORS,
   LAYOUT_GRID,
   LAYOUT_LIST,
   LAYOUT_PICKER_GRID,
+  LAYOUT_PICKER_TABLE,
   LAYOUT_TABLE,
   OPERATORS,
   OPERATOR_AFTER,

package/build/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/constants.ts"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { arrowDown, arrowUp } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport type { Operator } from './types';\n\n// Filter operators.\nexport const OPERATOR_IS = 'is';\nexport const OPERATOR_IS_NOT = 'isNot';\nexport const OPERATOR_IS_ANY = 'isAny';\nexport const OPERATOR_IS_NONE = 'isNone';\nexport const OPERATOR_IS_ALL = 'isAll';\nexport const OPERATOR_IS_NOT_ALL = 'isNotAll';\nexport const OPERATOR_LESS_THAN = 'lessThan';\nexport const OPERATOR_GREATER_THAN = 'greaterThan';\nexport const OPERATOR_LESS_THAN_OR_EQUAL = 'lessThanOrEqual';\nexport const OPERATOR_GREATER_THAN_OR_EQUAL = 'greaterThanOrEqual';\nexport const OPERATOR_BEFORE = 'before';\nexport const OPERATOR_AFTER = 'after';\nexport const OPERATOR_BEFORE_INC = 'beforeInc';\nexport const OPERATOR_AFTER_INC = 'afterInc';\nexport const OPERATOR_CONTAINS = 'contains';\nexport const OPERATOR_NOT_CONTAINS = 'notContains';\nexport const OPERATOR_STARTS_WITH = 'startsWith';\nexport const OPERATOR_BETWEEN = 'between';\nexport const OPERATOR_ON = 'on';\nexport const OPERATOR_NOT_ON = 'notOn';\nexport const OPERATOR_IN_THE_PAST = 'inThePast';\nexport const OPERATOR_OVER = 'over';\n\nexport const ALL_OPERATORS: Operator[] = [\n\tOPERATOR_IS,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_NOT_ALL,\n\tOPERATOR_LESS_THAN,\n\tOPERATOR_GREATER_THAN,\n\tOPERATOR_LESS_THAN_OR_EQUAL,\n\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\tOPERATOR_BEFORE,\n\tOPERATOR_AFTER,\n\tOPERATOR_BEFORE_INC,\n\tOPERATOR_AFTER_INC,\n\tOPERATOR_CONTAINS,\n\tOPERATOR_NOT_CONTAINS,\n\tOPERATOR_STARTS_WITH,\n\tOPERATOR_BETWEEN,\n\tOPERATOR_ON,\n\tOPERATOR_NOT_ON,\n\tOPERATOR_IN_THE_PAST,\n\tOPERATOR_OVER,\n];\n\nexport const SINGLE_SELECTION_OPERATORS: Operator[] = [\n\tOPERATOR_IS,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_LESS_THAN,\n\tOPERATOR_GREATER_THAN,\n\tOPERATOR_LESS_THAN_OR_EQUAL,\n\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\tOPERATOR_BEFORE,\n\tOPERATOR_AFTER,\n\tOPERATOR_BEFORE_INC,\n\tOPERATOR_AFTER_INC,\n\tOPERATOR_CONTAINS,\n\tOPERATOR_NOT_CONTAINS,\n\tOPERATOR_STARTS_WITH,\n\tOPERATOR_ON,\n\tOPERATOR_NOT_ON,\n];\n\nexport const OPERATORS: Record< Operator, { key: string; label: string } > = {\n\t[ OPERATOR_IS ]: {\n\t\tkey: 'is-filter',\n\t\tlabel: __( 'Is' ),\n\t},\n\t[ OPERATOR_IS_NOT ]: {\n\t\tkey: 'is-not-filter',\n\t\tlabel: __( 'Is not' ),\n\t},\n\t[ OPERATOR_IS_ANY ]: {\n\t\tkey: 'is-any-filter',\n\t\tlabel: __( 'Is any' ),\n\t},\n\t[ OPERATOR_IS_NONE ]: {\n\t\tkey: 'is-none-filter',\n\t\tlabel: __( 'Is none' ),\n\t},\n\t[ OPERATOR_IS_ALL ]: {\n\t\tkey: 'is-all-filter',\n\t\tlabel: __( 'Is all' ),\n\t},\n\t[ OPERATOR_IS_NOT_ALL ]: {\n\t\tkey: 'is-not-all-filter',\n\t\tlabel: __( 'Is not all' ),\n\t},\n\t[ OPERATOR_LESS_THAN ]: {\n\t\tkey: 'less-than-filter',\n\t\tlabel: __( 'Less than' ),\n\t},\n\t[ OPERATOR_GREATER_THAN ]: {\n\t\tkey: 'greater-than-filter',\n\t\tlabel: __( 'Greater than' ),\n\t},\n\t[ OPERATOR_LESS_THAN_OR_EQUAL ]: {\n\t\tkey: 'less-than-or-equal-filter',\n\t\tlabel: __( 'Less than or equal' ),\n\t},\n\t[ OPERATOR_GREATER_THAN_OR_EQUAL ]: {\n\t\tkey: 'greater-than-or-equal-filter',\n\t\tlabel: __( 'Greater than or equal' ),\n\t},\n\t[ OPERATOR_BEFORE ]: {\n\t\tkey: 'before-filter',\n\t\tlabel: __( 'Before' ),\n\t},\n\t[ OPERATOR_AFTER ]: {\n\t\tkey: 'after-filter',\n\t\tlabel: __( 'After' ),\n\t},\n\t[ OPERATOR_BEFORE_INC ]: {\n\t\tkey: 'before-inc-filter',\n\t\tlabel: __( 'Before (inc)' ),\n\t},\n\t[ OPERATOR_AFTER_INC ]: {\n\t\tkey: 'after-inc-filter',\n\t\tlabel: __( 'After (inc)' ),\n\t},\n\t[ OPERATOR_CONTAINS ]: {\n\t\tkey: 'contains-filter',\n\t\tlabel: __( 'Contains' ),\n\t},\n\t[ OPERATOR_NOT_CONTAINS ]: {\n\t\tkey: 'not-contains-filter',\n\t\tlabel: __( \"Doesn't contain\" ),\n\t},\n\t[ OPERATOR_STARTS_WITH ]: {\n\t\tkey: 'starts-with-filter',\n\t\tlabel: __( 'Starts with' ),\n\t},\n\t[ OPERATOR_BETWEEN ]: {\n\t\tkey: 'between-filter',\n\t\tlabel: __( 'Between (inc)' ),\n\t},\n\t[ OPERATOR_ON ]: {\n\t\tkey: 'on-filter',\n\t\tlabel: __( 'On' ),\n\t},\n\t[ OPERATOR_NOT_ON ]: {\n\t\tkey: 'not-on-filter',\n\t\tlabel: __( 'Not on' ),\n\t},\n\t[ OPERATOR_IN_THE_PAST ]: {\n\t\tkey: 'in-the-past-filter',\n\t\tlabel: __( 'In the past' ),\n\t},\n\t[ OPERATOR_OVER ]: {\n\t\tkey: 'over-filter',\n\t\tlabel: __( 'Over' ),\n\t},\n};\n\nexport const SORTING_DIRECTIONS = [ 'asc', 'desc' ] as const;\nexport const sortArrows = { asc: '\u2191', desc: '\u2193' };\nexport const sortValues = { asc: 'ascending', desc: 'descending' } as const;\nexport const sortLabels = {\n\tasc: __( 'Sort ascending' ),\n\tdesc: __( 'Sort descending' ),\n};\nexport const sortIcons = {\n\tasc: arrowUp,\n\tdesc: arrowDown,\n};\n\n// View layouts.\nexport const LAYOUT_TABLE = 'table';\nexport const LAYOUT_GRID = 'grid';\nexport const LAYOUT_LIST = 'list';\n\n// Picker view layouts.\nexport const LAYOUT_PICKER_GRID = 'pickerGrid';\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { arrowDown, arrowUp } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport type { Operator } from './types';\n\n// Filter operators.\nexport const OPERATOR_IS = 'is';\nexport const OPERATOR_IS_NOT = 'isNot';\nexport const OPERATOR_IS_ANY = 'isAny';\nexport const OPERATOR_IS_NONE = 'isNone';\nexport const OPERATOR_IS_ALL = 'isAll';\nexport const OPERATOR_IS_NOT_ALL = 'isNotAll';\nexport const OPERATOR_LESS_THAN = 'lessThan';\nexport const OPERATOR_GREATER_THAN = 'greaterThan';\nexport const OPERATOR_LESS_THAN_OR_EQUAL = 'lessThanOrEqual';\nexport const OPERATOR_GREATER_THAN_OR_EQUAL = 'greaterThanOrEqual';\nexport const OPERATOR_BEFORE = 'before';\nexport const OPERATOR_AFTER = 'after';\nexport const OPERATOR_BEFORE_INC = 'beforeInc';\nexport const OPERATOR_AFTER_INC = 'afterInc';\nexport const OPERATOR_CONTAINS = 'contains';\nexport const OPERATOR_NOT_CONTAINS = 'notContains';\nexport const OPERATOR_STARTS_WITH = 'startsWith';\nexport const OPERATOR_BETWEEN = 'between';\nexport const OPERATOR_ON = 'on';\nexport const OPERATOR_NOT_ON = 'notOn';\nexport const OPERATOR_IN_THE_PAST = 'inThePast';\nexport const OPERATOR_OVER = 'over';\n\nexport const ALL_OPERATORS: Operator[] = [\n\tOPERATOR_IS,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_NOT_ALL,\n\tOPERATOR_LESS_THAN,\n\tOPERATOR_GREATER_THAN,\n\tOPERATOR_LESS_THAN_OR_EQUAL,\n\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\tOPERATOR_BEFORE,\n\tOPERATOR_AFTER,\n\tOPERATOR_BEFORE_INC,\n\tOPERATOR_AFTER_INC,\n\tOPERATOR_CONTAINS,\n\tOPERATOR_NOT_CONTAINS,\n\tOPERATOR_STARTS_WITH,\n\tOPERATOR_BETWEEN,\n\tOPERATOR_ON,\n\tOPERATOR_NOT_ON,\n\tOPERATOR_IN_THE_PAST,\n\tOPERATOR_OVER,\n];\n\nexport const SINGLE_SELECTION_OPERATORS: Operator[] = [\n\tOPERATOR_IS,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_LESS_THAN,\n\tOPERATOR_GREATER_THAN,\n\tOPERATOR_LESS_THAN_OR_EQUAL,\n\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\tOPERATOR_BEFORE,\n\tOPERATOR_AFTER,\n\tOPERATOR_BEFORE_INC,\n\tOPERATOR_AFTER_INC,\n\tOPERATOR_CONTAINS,\n\tOPERATOR_NOT_CONTAINS,\n\tOPERATOR_STARTS_WITH,\n\tOPERATOR_ON,\n\tOPERATOR_NOT_ON,\n];\n\nexport const OPERATORS: Record< Operator, { key: string; label: string } > = {\n\t[ OPERATOR_IS ]: {\n\t\tkey: 'is-filter',\n\t\tlabel: __( 'Is' ),\n\t},\n\t[ OPERATOR_IS_NOT ]: {\n\t\tkey: 'is-not-filter',\n\t\tlabel: __( 'Is not' ),\n\t},\n\t[ OPERATOR_IS_ANY ]: {\n\t\tkey: 'is-any-filter',\n\t\tlabel: __( 'Is any' ),\n\t},\n\t[ OPERATOR_IS_NONE ]: {\n\t\tkey: 'is-none-filter',\n\t\tlabel: __( 'Is none' ),\n\t},\n\t[ OPERATOR_IS_ALL ]: {\n\t\tkey: 'is-all-filter',\n\t\tlabel: __( 'Is all' ),\n\t},\n\t[ OPERATOR_IS_NOT_ALL ]: {\n\t\tkey: 'is-not-all-filter',\n\t\tlabel: __( 'Is not all' ),\n\t},\n\t[ OPERATOR_LESS_THAN ]: {\n\t\tkey: 'less-than-filter',\n\t\tlabel: __( 'Less than' ),\n\t},\n\t[ OPERATOR_GREATER_THAN ]: {\n\t\tkey: 'greater-than-filter',\n\t\tlabel: __( 'Greater than' ),\n\t},\n\t[ OPERATOR_LESS_THAN_OR_EQUAL ]: {\n\t\tkey: 'less-than-or-equal-filter',\n\t\tlabel: __( 'Less than or equal' ),\n\t},\n\t[ OPERATOR_GREATER_THAN_OR_EQUAL ]: {\n\t\tkey: 'greater-than-or-equal-filter',\n\t\tlabel: __( 'Greater than or equal' ),\n\t},\n\t[ OPERATOR_BEFORE ]: {\n\t\tkey: 'before-filter',\n\t\tlabel: __( 'Before' ),\n\t},\n\t[ OPERATOR_AFTER ]: {\n\t\tkey: 'after-filter',\n\t\tlabel: __( 'After' ),\n\t},\n\t[ OPERATOR_BEFORE_INC ]: {\n\t\tkey: 'before-inc-filter',\n\t\tlabel: __( 'Before (inc)' ),\n\t},\n\t[ OPERATOR_AFTER_INC ]: {\n\t\tkey: 'after-inc-filter',\n\t\tlabel: __( 'After (inc)' ),\n\t},\n\t[ OPERATOR_CONTAINS ]: {\n\t\tkey: 'contains-filter',\n\t\tlabel: __( 'Contains' ),\n\t},\n\t[ OPERATOR_NOT_CONTAINS ]: {\n\t\tkey: 'not-contains-filter',\n\t\tlabel: __( \"Doesn't contain\" ),\n\t},\n\t[ OPERATOR_STARTS_WITH ]: {\n\t\tkey: 'starts-with-filter',\n\t\tlabel: __( 'Starts with' ),\n\t},\n\t[ OPERATOR_BETWEEN ]: {\n\t\tkey: 'between-filter',\n\t\tlabel: __( 'Between (inc)' ),\n\t},\n\t[ OPERATOR_ON ]: {\n\t\tkey: 'on-filter',\n\t\tlabel: __( 'On' ),\n\t},\n\t[ OPERATOR_NOT_ON ]: {\n\t\tkey: 'not-on-filter',\n\t\tlabel: __( 'Not on' ),\n\t},\n\t[ OPERATOR_IN_THE_PAST ]: {\n\t\tkey: 'in-the-past-filter',\n\t\tlabel: __( 'In the past' ),\n\t},\n\t[ OPERATOR_OVER ]: {\n\t\tkey: 'over-filter',\n\t\tlabel: __( 'Over' ),\n\t},\n};\n\nexport const SORTING_DIRECTIONS = [ 'asc', 'desc' ] as const;\nexport const sortArrows = { asc: '\u2191', desc: '\u2193' };\nexport const sortValues = { asc: 'ascending', desc: 'descending' } as const;\nexport const sortLabels = {\n\tasc: __( 'Sort ascending' ),\n\tdesc: __( 'Sort descending' ),\n};\nexport const sortIcons = {\n\tasc: arrowUp,\n\tdesc: arrowDown,\n};\n\n// View layouts.\nexport const LAYOUT_TABLE = 'table';\nexport const LAYOUT_GRID = 'grid';\nexport const LAYOUT_LIST = 'list';\n\n// Picker view layouts.\nexport const LAYOUT_PICKER_GRID = 'pickerGrid';\nexport const LAYOUT_PICKER_TABLE = 'pickerTable';\n"],
+  "mappings": "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",
   "names": []
 }

package/build/dataform-controls/array.js

@@ -26,18 +26,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/dataviews/src/dataform-controls/array.tsx
 var array_exports = {};
 __export(array_exports, {
   default: () => ArrayControl
 });
 module.exports = __toCommonJS(array_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_lock_unlock = require("../lock-unlock");
 var import_get_custom_validity = __toESM(require("./utils/get-custom-validity"));
 var import_use_elements = __toESM(require("../hooks/use-elements"));
-const { ValidatedFormTokenField } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+var import_jsx_runtime = require("react/jsx-runtime");
+var { ValidatedFormTokenField } = (0, import_lock_unlock.unlock)(import_components.privateApis);
 function ArrayControl({
   data,
   field,

package/build/dataform-controls/array.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/dataform-controls/array.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis, Spinner } from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\nimport getCustomValidity from './utils/get-custom-validity';\nimport useElements from '../hooks/use-elements';\n\nconst { ValidatedFormTokenField } = unlock( privateApis );\n\nexport default function ArrayControl< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\tvalidity,\n}: DataFormControlProps< Item > ) {\n\tconst { label, placeholder, getValue, setValue, isValid } = field;\n\tconst value = getValue( { item: data } );\n\n\tconst { elements, isLoading } = useElements( {\n\t\telements: field.elements,\n\t\tgetElements: field.getElements,\n\t} );\n\n\t// Convert stored values to element objects for the token field\n\tconst arrayValueAsElements = useMemo(\n\t\t() =>\n\t\t\tArray.isArray( value )\n\t\t\t\t? value.map( ( token ) => {\n\t\t\t\t\t\tconst element = elements?.find(\n\t\t\t\t\t\t\t( suggestion ) => suggestion.value === token\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn element || { value: token, label: token };\n\t\t\t\t  } )\n\t\t\t\t: [],\n\t\t[ value, elements ]\n\t);\n\n\tconst onChangeControl = useCallback(\n\t\t( tokens: ( string | { value: string; label?: string } )[] ) => {\n\t\t\tconst valueTokens = tokens.map( ( token ) => {\n\t\t\t\tif ( typeof token === 'object' && 'value' in token ) {\n\t\t\t\t\treturn token.value;\n\t\t\t\t}\n\t\t\t\t// If it's a string, it's either a new suggestion value or user input\n\t\t\t\treturn token;\n\t\t\t} );\n\n\t\t\tonChange( setValue( { item: data, value: valueTokens } ) );\n\t\t},\n\t\t[ onChange, setValue, data ]\n\t);\n\n\tif ( isLoading ) {\n\t\treturn <Spinner />;\n\t}\n\n\treturn (\n\t\t<ValidatedFormTokenField\n\t\t\trequired={ !! isValid?.required }\n\t\t\tcustomValidity={ getCustomValidity( isValid, validity ) }\n\t\t\tlabel={ hideLabelFromVision ? undefined : label }\n\t\t\tvalue={ arrayValueAsElements }\n\t\t\tonChange={ onChangeControl }\n\t\t\tplaceholder={ placeholder }\n\t\t\tsuggestions={ elements?.map( ( element ) => element.value ) }\n\t\t\t__experimentalValidateInput={ ( token: string ) => {\n\t\t\t\t// If elements validation is required, check if token is valid\n\t\t\t\tif ( field.isValid?.elements && elements ) {\n\t\t\t\t\treturn elements.some(\n\t\t\t\t\t\t( element ) =>\n\t\t\t\t\t\t\telement.value === token || element.label === token\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// For non-elements validation, allow all tokens\n\t\t\t\treturn true;\n\t\t\t} }\n\t\t\t__experimentalExpandOnFocus={ elements && elements.length > 0 }\n\t\t\t__experimentalShowHowTo={ ! field.isValid?.elements }\n\t\t\tdisplayTransform={ ( token: any ) => {\n\t\t\t\t// For existing tokens (element objects), display their label\n\t\t\t\tif ( typeof token === 'object' && 'label' in token ) {\n\t\t\t\t\treturn token.label;\n\t\t\t\t}\n\t\t\t\t// For suggestions (value strings), find the corresponding element and show its label\n\t\t\t\tif ( typeof token === 'string' && elements ) {\n\t\t\t\t\tconst element = elements.find(\n\t\t\t\t\t\t( el ) => el.value === token\n\t\t\t\t\t);\n\t\t\t\t\treturn element?.label || token;\n\t\t\t\t}\n\t\t\t\treturn token;\n\t\t\t} }\n\t\t\t__experimentalRenderItem={ ( { item }: { item: any } ) => {\n\t\t\t\t// Custom rendering for suggestion items (item is a value string)\n\t\t\t\tif ( typeof item === 'string' && elements ) {\n\t\t\t\t\tconst element = elements.find(\n\t\t\t\t\t\t( el ) => el.value === item\n\t\t\t\t\t);\n\t\t\t\t\treturn <span>{ element?.label || item }</span>;\n\t\t\t\t}\n\t\t\t\treturn <span>{ item }</span>;\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DS;AA1DT,wBAAqC;AACrC,qBAAqC;AAMrC,yBAAuB;AACvB,iCAA8B;AAC9B,0BAAwB;AAExB,MAAM,EAAE,wBAAwB,QAAI,2BAAQ,6BAAY;AAEzC,SAAR,aAAuC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAkC;AACjC,QAAM,EAAE,OAAO,aAAa,UAAU,UAAU,QAAQ,IAAI;AAC5D,QAAM,QAAQ,SAAU,EAAE,MAAM,KAAK,CAAE;AAEvC,QAAM,EAAE,UAAU,UAAU,QAAI,oBAAAA,SAAa;AAAA,IAC5C,UAAU,MAAM;AAAA,IAChB,aAAa,MAAM;AAAA,EACpB,CAAE;AAGF,QAAM,2BAAuB;AAAA,IAC5B,MACC,MAAM,QAAS,KAAM,IAClB,MAAM,IAAK,CAAE,UAAW;AACxB,YAAM,UAAU,UAAU;AAAA,QACzB,CAAE,eAAgB,WAAW,UAAU;AAAA,MACxC;AACA,aAAO,WAAW,EAAE,OAAO,OAAO,OAAO,MAAM;AAAA,IAC/C,CAAE,IACF,CAAC;AAAA,IACL,CAAE,OAAO,QAAS;AAAA,EACnB;AAEA,QAAM,sBAAkB;AAAA,IACvB,CAAE,WAA8D;AAC/D,YAAM,cAAc,OAAO,IAAK,CAAE,UAAW;AAC5C,YAAK,OAAO,UAAU,YAAY,WAAW,OAAQ;AACpD,iBAAO,MAAM;AAAA,QACd;AAEA,eAAO;AAAA,MACR,CAAE;AAEF,eAAU,SAAU,EAAE,MAAM,MAAM,OAAO,YAAY,CAAE,CAAE;AAAA,IAC1D;AAAA,IACA,CAAE,UAAU,UAAU,IAAK;AAAA,EAC5B;AAEA,MAAK,WAAY;AAChB,WAAO,4CAAC,6BAAQ;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAC,CAAE,SAAS;AAAA,MACvB,oBAAiB,2BAAAC,SAAmB,SAAS,QAAS;AAAA,MACtD,OAAQ,sBAAsB,SAAY;AAAA,MAC1C,OAAQ;AAAA,MACR,UAAW;AAAA,MACX;AAAA,MACA,aAAc,UAAU,IAAK,CAAE,YAAa,QAAQ,KAAM;AAAA,MAC1D,6BAA8B,CAAE,UAAmB;AAElD,YAAK,MAAM,SAAS,YAAY,UAAW;AAC1C,iBAAO,SAAS;AAAA,YACf,CAAE,YACD,QAAQ,UAAU,SAAS,QAAQ,UAAU;AAAA,UAC/C;AAAA,QACD;AAGA,eAAO;AAAA,MACR;AAAA,MACA,6BAA8B,YAAY,SAAS,SAAS;AAAA,MAC5D,yBAA0B,CAAE,MAAM,SAAS;AAAA,MAC3C,kBAAmB,CAAE,UAAgB;AAEpC,YAAK,OAAO,UAAU,YAAY,WAAW,OAAQ;AACpD,iBAAO,MAAM;AAAA,QACd;AAEA,YAAK,OAAO,UAAU,YAAY,UAAW;AAC5C,gBAAM,UAAU,SAAS;AAAA,YACxB,CAAE,OAAQ,GAAG,UAAU;AAAA,UACxB;AACA,iBAAO,SAAS,SAAS;AAAA,QAC1B;AACA,eAAO;AAAA,MACR;AAAA,MACA,0BAA2B,CAAE,EAAE,KAAK,MAAsB;AAEzD,YAAK,OAAO,SAAS,YAAY,UAAW;AAC3C,gBAAM,UAAU,SAAS;AAAA,YACxB,CAAE,OAAQ,GAAG,UAAU;AAAA,UACxB;AACA,iBAAO,4CAAC,UAAO,mBAAS,SAAS,MAAM;AAAA,QACxC;AACA,eAAO,4CAAC,UAAO,gBAAM;AAAA,MACtB;AAAA;AAAA,EACD;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAqC;AACrC,qBAAqC;AAMrC,yBAAuB;AACvB,iCAA8B;AAC9B,0BAAwB;AAiDf;AA/CT,IAAM,EAAE,wBAAwB,QAAI,2BAAQ,6BAAY;AAEzC,SAAR,aAAuC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAkC;AACjC,QAAM,EAAE,OAAO,aAAa,UAAU,UAAU,QAAQ,IAAI;AAC5D,QAAM,QAAQ,SAAU,EAAE,MAAM,KAAK,CAAE;AAEvC,QAAM,EAAE,UAAU,UAAU,QAAI,oBAAAA,SAAa;AAAA,IAC5C,UAAU,MAAM;AAAA,IAChB,aAAa,MAAM;AAAA,EACpB,CAAE;AAGF,QAAM,2BAAuB;AAAA,IAC5B,MACC,MAAM,QAAS,KAAM,IAClB,MAAM,IAAK,CAAE,UAAW;AACxB,YAAM,UAAU,UAAU;AAAA,QACzB,CAAE,eAAgB,WAAW,UAAU;AAAA,MACxC;AACA,aAAO,WAAW,EAAE,OAAO,OAAO,OAAO,MAAM;AAAA,IAC/C,CAAE,IACF,CAAC;AAAA,IACL,CAAE,OAAO,QAAS;AAAA,EACnB;AAEA,QAAM,sBAAkB;AAAA,IACvB,CAAE,WAA8D;AAC/D,YAAM,cAAc,OAAO,IAAK,CAAE,UAAW;AAC5C,YAAK,OAAO,UAAU,YAAY,WAAW,OAAQ;AACpD,iBAAO,MAAM;AAAA,QACd;AAEA,eAAO;AAAA,MACR,CAAE;AAEF,eAAU,SAAU,EAAE,MAAM,MAAM,OAAO,YAAY,CAAE,CAAE;AAAA,IAC1D;AAAA,IACA,CAAE,UAAU,UAAU,IAAK;AAAA,EAC5B;AAEA,MAAK,WAAY;AAChB,WAAO,4CAAC,6BAAQ;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAC,CAAE,SAAS;AAAA,MACvB,oBAAiB,2BAAAC,SAAmB,SAAS,QAAS;AAAA,MACtD,OAAQ,sBAAsB,SAAY;AAAA,MAC1C,OAAQ;AAAA,MACR,UAAW;AAAA,MACX;AAAA,MACA,aAAc,UAAU,IAAK,CAAE,YAAa,QAAQ,KAAM;AAAA,MAC1D,6BAA8B,CAAE,UAAmB;AAElD,YAAK,MAAM,SAAS,YAAY,UAAW;AAC1C,iBAAO,SAAS;AAAA,YACf,CAAE,YACD,QAAQ,UAAU,SAAS,QAAQ,UAAU;AAAA,UAC/C;AAAA,QACD;AAGA,eAAO;AAAA,MACR;AAAA,MACA,6BAA8B,YAAY,SAAS,SAAS;AAAA,MAC5D,yBAA0B,CAAE,MAAM,SAAS;AAAA,MAC3C,kBAAmB,CAAE,UAAgB;AAEpC,YAAK,OAAO,UAAU,YAAY,WAAW,OAAQ;AACpD,iBAAO,MAAM;AAAA,QACd;AAEA,YAAK,OAAO,UAAU,YAAY,UAAW;AAC5C,gBAAM,UAAU,SAAS;AAAA,YACxB,CAAE,OAAQ,GAAG,UAAU;AAAA,UACxB;AACA,iBAAO,SAAS,SAAS;AAAA,QAC1B;AACA,eAAO;AAAA,MACR;AAAA,MACA,0BAA2B,CAAE,EAAE,KAAK,MAAsB;AAEzD,YAAK,OAAO,SAAS,YAAY,UAAW;AAC3C,gBAAM,UAAU,SAAS;AAAA,YACxB,CAAE,OAAQ,GAAG,UAAU;AAAA,UACxB;AACA,iBAAO,4CAAC,UAAO,mBAAS,SAAS,MAAM;AAAA,QACxC;AACA,eAAO,4CAAC,UAAO,gBAAM;AAAA,MACtB;AAAA;AAAA,EACD;AAEF;",
   "names": ["useElements", "getCustomValidity"]
 }

package/build/dataform-controls/checkbox.js

@@ -26,17 +26,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/dataviews/src/dataform-controls/checkbox.tsx
 var checkbox_exports = {};
 __export(checkbox_exports, {
   default: () => Checkbox
 });
 module.exports = __toCommonJS(checkbox_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_lock_unlock = require("../lock-unlock");
 var import_get_custom_validity = __toESM(require("./utils/get-custom-validity"));
-const { ValidatedCheckboxControl } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+var import_jsx_runtime = require("react/jsx-runtime");
+var { ValidatedCheckboxControl } = (0, import_lock_unlock.unlock)(import_components.privateApis);
 function Checkbox({
   field,
   onChange,

package/build/dataform-controls/checkbox.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/dataform-controls/checkbox.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\nimport getCustomValidity from './utils/get-custom-validity';\n\nconst { ValidatedCheckboxControl } = unlock( privateApis );\n\nexport default function Checkbox< Item >( {\n\tfield,\n\tonChange,\n\tdata,\n\thideLabelFromVision,\n\tvalidity,\n}: DataFormControlProps< Item > ) {\n\tconst { getValue, setValue, label, description, isValid } = field;\n\n\tconst onChangeControl = useCallback( () => {\n\t\tonChange(\n\t\t\tsetValue( { item: data, value: ! getValue( { item: data } ) } )\n\t\t);\n\t}, [ data, getValue, onChange, setValue ] );\n\n\treturn (\n\t\t<ValidatedCheckboxControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tcustomValidity={ getCustomValidity( isValid, validity ) }\n\t\t\thidden={ hideLabelFromVision }\n\t\t\tlabel={ label }\n\t\t\thelp={ description }\n\t\t\tchecked={ getValue( { item: data } ) }\n\t\t\tonChange={ onChangeControl }\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BE;AA5BF,wBAA4B;AAC5B,qBAA4B;AAM5B,yBAAuB;AACvB,iCAA8B;AAE9B,MAAM,EAAE,yBAAyB,QAAI,2BAAQ,6BAAY;AAE1C,SAAR,SAAmC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAkC;AACjC,QAAM,EAAE,UAAU,UAAU,OAAO,aAAa,QAAQ,IAAI;AAE5D,QAAM,sBAAkB,4BAAa,MAAM;AAC1C;AAAA,MACC,SAAU,EAAE,MAAM,MAAM,OAAO,CAAE,SAAU,EAAE,MAAM,KAAK,CAAE,EAAE,CAAE;AAAA,IAC/D;AAAA,EACD,GAAG,CAAE,MAAM,UAAU,UAAU,QAAS,CAAE;AAE1C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAC,CAAE,MAAM,SAAS;AAAA,MAC7B,oBAAiB,2BAAAA,SAAmB,SAAS,QAAS;AAAA,MACtD,QAAS;AAAA,MACT;AAAA,MACA,MAAO;AAAA,MACP,SAAU,SAAU,EAAE,MAAM,KAAK,CAAE;AAAA,MACnC,UAAW;AAAA;AAAA,EACZ;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAA4B;AAC5B,qBAA4B;AAM5B,yBAAuB;AACvB,iCAA8B;AAoB5B;AAlBF,IAAM,EAAE,yBAAyB,QAAI,2BAAQ,6BAAY;AAE1C,SAAR,SAAmC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAkC;AACjC,QAAM,EAAE,UAAU,UAAU,OAAO,aAAa,QAAQ,IAAI;AAE5D,QAAM,sBAAkB,4BAAa,MAAM;AAC1C;AAAA,MACC,SAAU,EAAE,MAAM,MAAM,OAAO,CAAE,SAAU,EAAE,MAAM,KAAK,CAAE,EAAE,CAAE;AAAA,IAC/D;AAAA,EACD,GAAG,CAAE,MAAM,UAAU,UAAU,QAAS,CAAE;AAE1C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAC,CAAE,MAAM,SAAS;AAAA,MAC7B,oBAAiB,2BAAAA,SAAmB,SAAS,QAAS;AAAA,MACtD,QAAS;AAAA,MACT;AAAA,MACA,MAAO;AAAA,MACP,SAAU,SAAU,EAAE,MAAM,KAAK,CAAE;AAAA,MACnC,UAAW;AAAA;AAAA,EACZ;AAEF;",
   "names": ["getCustomValidity"]
 }

package/build/dataform-controls/color.js

@@ -26,19 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/dataviews/src/dataform-controls/color.tsx
 var color_exports = {};
 __export(color_exports, {
   default: () => Color
 });
 module.exports = __toCommonJS(color_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_colord = require("colord");
 var import_components = require("@wordpress/components");
 var import_element = require("@wordpress/element");
 var import_lock_unlock = require("../lock-unlock");
 var import_get_custom_validity = __toESM(require("./utils/get-custom-validity"));
-const { ValidatedInputControl, Picker } = (0, import_lock_unlock.unlock)(import_components.privateApis);
-const ColorPicker = ({
+var import_jsx_runtime = require("react/jsx-runtime");
+var { ValidatedInputControl, Picker } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+var ColorPicker = ({
   color,
   onColorChange
 }) => {

package/build/dataform-controls/color.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/dataform-controls/color.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tprivateApis,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\nimport getCustomValidity from './utils/get-custom-validity';\n\nconst { ValidatedInputControl, Picker } = unlock( privateApis );\n\nconst ColorPicker = ( {\n\tcolor,\n\tonColorChange,\n}: {\n\tcolor: string;\n\tonColorChange: ( colorObject: any ) => void;\n} ) => {\n\tconst validColor = color && colord( color ).isValid() ? color : '#ffffff';\n\n\treturn (\n\t\t<Dropdown\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => (\n\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\tbackgroundColor: validColor,\n\t\t\t\t\t\t\tborder: '1px solid #ddd',\n\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\toutline: isOpen ? '2px solid #007cba' : 'none',\n\t\t\t\t\t\t\toutlineOffset: '2px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tmargin: 0,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-label=\"Open color picker\"\n\t\t\t\t\t/>\n\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div style={ { padding: '16px' } }>\n\t\t\t\t\t<Picker\n\t\t\t\t\t\tcolor={ colord( validColor ) }\n\t\t\t\t\t\tonChange={ onColorChange }\n\t\t\t\t\t\tenableAlpha\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n};\n\nexport default function Color< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\tvalidity,\n}: DataFormControlProps< Item > ) {\n\tconst { label, placeholder, description, setValue, isValid } = field;\n\tconst value = field.getValue( { item: data } ) || '';\n\n\tconst handleColorChange = useCallback(\n\t\t( colorObject: any ) => {\n\t\t\tonChange( setValue( { item: data, value: colorObject.toHex() } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst handleInputChange = useCallback(\n\t\t( newValue: string | undefined ) => {\n\t\t\tonChange( setValue( { item: data, value: newValue || '' } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\treturn (\n\t\t<ValidatedInputControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tcustomValidity={ getCustomValidity( isValid, validity ) }\n\t\t\tlabel={ label }\n\t\t\tplaceholder={ placeholder }\n\t\t\tvalue={ value }\n\t\t\thelp={ description }\n\t\t\tonChange={ handleInputChange }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\ttype=\"text\"\n\t\t\tprefix={\n\t\t\t\t<ColorPicker\n\t\t\t\t\tcolor={ value }\n\t\t\t\t\tonColorChange={ handleColorChange }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCK;AAlCL,oBAAuB;AAKvB,wBAIO;AACP,qBAA4B;AAM5B,yBAAuB;AACvB,iCAA8B;AAE9B,MAAM,EAAE,uBAAuB,OAAO,QAAI,2BAAQ,6BAAY;AAE9D,MAAM,cAAc,CAAE;AAAA,EACrB;AAAA,EACA;AACD,MAGO;AACN,QAAM,aAAa,aAAS,sBAAQ,KAAM,EAAE,QAAQ,IAAI,QAAQ;AAEhE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,cAAe,CAAE,EAAE,UAAU,OAAO,MACnC,4CAAC,kBAAAA,yCAAA,EAA0B,SAAQ,QAClC;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,SAAU;AAAA,UACV,OAAQ;AAAA,YACP,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,SAAS,SAAS,sBAAsB;AAAA,YACxC,eAAe;AAAA,YACf,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,QAAQ;AAAA,UACT;AAAA,UACA,cAAW;AAAA;AAAA,MACZ,GACD;AAAA,MAED,eAAgB,MACf,4CAAC,SAAI,OAAQ,EAAE,SAAS,OAAO,GAC9B;AAAA,QAAC;AAAA;AAAA,UACA,WAAQ,sBAAQ,UAAW;AAAA,UAC3B,UAAW;AAAA,UACX,aAAW;AAAA;AAAA,MACZ,GACD;AAAA;AAAA,EAEF;AAEF;AAEe,SAAR,MAAgC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAkC;AACjC,QAAM,EAAE,OAAO,aAAa,aAAa,UAAU,QAAQ,IAAI;AAC/D,QAAM,QAAQ,MAAM,SAAU,EAAE,MAAM,KAAK,CAAE,KAAK;AAElD,QAAM,wBAAoB;AAAA,IACzB,CAAE,gBAAsB;AACvB,eAAU,SAAU,EAAE,MAAM,MAAM,OAAO,YAAY,MAAM,EAAE,CAAE,CAAE;AAAA,IAClE;AAAA,IACA,CAAE,MAAM,UAAU,QAAS;AAAA,EAC5B;AAEA,QAAM,wBAAoB;AAAA,IACzB,CAAE,aAAkC;AACnC,eAAU,SAAU,EAAE,MAAM,MAAM,OAAO,YAAY,GAAG,CAAE,CAAE;AAAA,IAC7D;AAAA,IACA,CAAE,MAAM,UAAU,QAAS;AAAA,EAC5B;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAC,CAAE,MAAM,SAAS;AAAA,MAC7B,oBAAiB,2BAAAC,SAAmB,SAAS,QAAS;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAO;AAAA,MACP,UAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,QACC;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ;AAAA,UACR,eAAgB;AAAA;AAAA,MACjB;AAAA;AAAA,EAEF;AAEF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAuB;AAKvB,wBAIO;AACP,qBAA4B;AAM5B,yBAAuB;AACvB,iCAA8B;AAiBzB;AAfL,IAAM,EAAE,uBAAuB,OAAO,QAAI,2BAAQ,6BAAY;AAE9D,IAAM,cAAc,CAAE;AAAA,EACrB;AAAA,EACA;AACD,MAGO;AACN,QAAM,aAAa,aAAS,sBAAQ,KAAM,EAAE,QAAQ,IAAI,QAAQ;AAEhE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,cAAe,CAAE,EAAE,UAAU,OAAO,MACnC,4CAAC,kBAAAA,yCAAA,EAA0B,SAAQ,QAClC;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,SAAU;AAAA,UACV,OAAQ;AAAA,YACP,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,SAAS,SAAS,sBAAsB;AAAA,YACxC,eAAe;AAAA,YACf,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,QAAQ;AAAA,UACT;AAAA,UACA,cAAW;AAAA;AAAA,MACZ,GACD;AAAA,MAED,eAAgB,MACf,4CAAC,SAAI,OAAQ,EAAE,SAAS,OAAO,GAC9B;AAAA,QAAC;AAAA;AAAA,UACA,WAAQ,sBAAQ,UAAW;AAAA,UAC3B,UAAW;AAAA,UACX,aAAW;AAAA;AAAA,MACZ,GACD;AAAA;AAAA,EAEF;AAEF;AAEe,SAAR,MAAgC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAkC;AACjC,QAAM,EAAE,OAAO,aAAa,aAAa,UAAU,QAAQ,IAAI;AAC/D,QAAM,QAAQ,MAAM,SAAU,EAAE,MAAM,KAAK,CAAE,KAAK;AAElD,QAAM,wBAAoB;AAAA,IACzB,CAAE,gBAAsB;AACvB,eAAU,SAAU,EAAE,MAAM,MAAM,OAAO,YAAY,MAAM,EAAE,CAAE,CAAE;AAAA,IAClE;AAAA,IACA,CAAE,MAAM,UAAU,QAAS;AAAA,EAC5B;AAEA,QAAM,wBAAoB;AAAA,IACzB,CAAE,aAAkC;AACnC,eAAU,SAAU,EAAE,MAAM,MAAM,OAAO,YAAY,GAAG,CAAE,CAAE;AAAA,IAC7D;AAAA,IACA,CAAE,MAAM,UAAU,QAAS;AAAA,EAC5B;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAC,CAAE,MAAM,SAAS;AAAA,MAC7B,oBAAiB,2BAAAC,SAAmB,SAAS,QAAS;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAO;AAAA,MACP,UAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,QACC;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ;AAAA,UACR,eAAgB;AAAA;AAAA,MACjB;AAAA;AAAA,EAEF;AAEF;",
   "names": ["InputControlPrefixWrapper", "getCustomValidity"]
 }

package/build/dataform-controls/date.js

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/dataviews/src/dataform-controls/date.tsx
 var date_exports = {};
 __export(date_exports, {
   default: () => DateControl
 });
 module.exports = __toCommonJS(date_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_date_fns = require("date-fns");
 var import_components = require("@wordpress/components");
@@ -43,8 +44,9 @@ var import_relative_date_control = __toESM(require("./utils/relative-date-contro
 var import_constants = require("../constants");
 var import_lock_unlock = require("../lock-unlock");
 var import_get_custom_validity = __toESM(require("./utils/get-custom-validity"));
-const { DateCalendar, DateRangeCalendar } = (0, import_lock_unlock.unlock)(import_components.privateApis);
-const DATE_PRESETS = [
+var import_jsx_runtime = require("react/jsx-runtime");
+var { DateCalendar, DateRangeCalendar } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+var DATE_PRESETS = [
   {
     id: "today",
     label: (0, import_i18n.__)("Today"),
@@ -75,7 +77,7 @@ const DATE_PRESETS = [
     }
   }
 ];
-const DATE_RANGE_PRESETS = [
+var DATE_RANGE_PRESETS = [
   {
     id: "last-7-days",
     label: (0, import_i18n.__)("Last 7 days"),
@@ -117,14 +119,14 @@ const DATE_RANGE_PRESETS = [
     }
   }
 ];
-const parseDate = (dateString) => {
+var parseDate = (dateString) => {
   if (!dateString) {
     return null;
   }
   const parsed = (0, import_date.getDate)(dateString);
   return parsed && (0, import_date_fns.isValid)(parsed) ? parsed : null;
 };
-const formatDate = (date) => {
+var formatDate = (date) => {
   if (!date) {
     return "";
   }