@wordpress/fields 0.24.0 → 0.24.1-next.ff1cebbba.0

package/build/fields/ping-status/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_jsxRuntime","PingStatusEdit","data","onChange","_data$ping_status","pingStatus","ping_status","onTogglePingback","checked","jsx","CheckboxControl","__nextHasNoMarginBottom","label","__","help","ExternalLink","href","children","pingStatusField","id","type","Edit","enableSorting","enableHiding","filterBy","elements","value","description","_default","exports","default"],"sources":["@wordpress/fields/src/fields/ping-status/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport type { DataFormControlProps, Field } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\nimport { CheckboxControl, ExternalLink } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\n\nfunction PingStatusEdit( {\n\tdata,\n\tonChange,\n}: DataFormControlProps< BasePost > ) {\n\tconst pingStatus = data?.ping_status ?? 'open';\n\n\tconst onTogglePingback = ( checked: boolean ) => {\n\t\tonChange( {\n\t\t\t...data,\n\t\t\tping_status: checked ? 'open' : 'closed',\n\t\t} );\n\t};\n\n\treturn (\n\t\t<CheckboxControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Enable pingbacks & trackbacks' ) }\n\t\t\tchecked={ pingStatus === 'open' }\n\t\t\tonChange={ onTogglePingback }\n\t\t\thelp={\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/trackbacks-and-pingbacks/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Learn more about pingbacks & trackbacks' ) }\n\t\t\t\t</ExternalLink>\n\t\t\t}\n\t\t/>\n\t);\n}\n\nconst pingStatusField: Field< BasePost > = {\n\tid: 'ping_status',\n\tlabel: __( 'Trackbacks & Pingbacks' ),\n\ttype: 'text',\n\tEdit: PingStatusEdit,\n\tenableSorting: false,\n\tenableHiding: false,\n\tfilterBy: false,\n\telements: [\n\t\t{\n\t\t\tvalue: 'open',\n\t\t\tlabel: __( 'Allow' ),\n\t\t\tdescription: __(\n\t\t\t\t'Allow link notifications from other blogs (pingbacks and trackbacks) on new articles.'\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tvalue: 'closed',\n\t\t\tlabel: __( \"Don't allow\" ),\n\t\t\tdescription: __(\n\t\t\t\t\"Don't allow link notifications from other blogs (pingbacks and trackbacks) on new articles.\"\n\t\t\t),\n\t\t},\n\t],\n};\n\n/**\n * Ping status field for BasePost.\n */\nexport default pingStatusField;\n"],"mappings":";;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AALtE;AACA;AACA;;AAKA;AACA;AACA;;AAGA,SAASG,cAAcA,CAAE;EACxBC,IAAI;EACJC;AACiC,CAAC,EAAG;EAAA,IAAAC,iBAAA;EACrC,MAAMC,UAAU,IAAAD,iBAAA,GAAGF,IAAI,EAAEI,WAAW,cAAAF,iBAAA,cAAAA,iBAAA,GAAI,MAAM;EAE9C,MAAMG,gBAAgB,GAAKC,OAAgB,IAAM;IAChDL,QAAQ,CAAE;MACT,GAAGD,IAAI;MACPI,WAAW,EAAEE,OAAO,GAAG,MAAM,GAAG;IACjC,CAAE,CAAC;EACJ,CAAC;EAED,oBACC,IAAAR,WAAA,CAAAS,GAAA,EAACV,WAAA,CAAAW,eAAe;IACfC,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,+BAAgC,CAAG;IAC/CL,OAAO,EAAGH,UAAU,KAAK,MAAQ;IACjCF,QAAQ,EAAGI,gBAAkB;IAC7BO,IAAI,eACH,IAAAd,WAAA,CAAAS,GAAA,EAACV,WAAA,CAAAgB,YAAY;MACZC,IAAI,EAAG,IAAAH,QAAE,EACR,uEACD,CAAG;MAAAI,QAAA,EAED,IAAAJ,QAAE,EAAE,yCAA0C;IAAC,CACpC;EACd,CACD,CAAC;AAEJ;AAEA,MAAMK,eAAkC,GAAG;EAC1CC,EAAE,EAAE,aAAa;EACjBP,KAAK,EAAE,IAAAC,QAAE,EAAE,wBAAyB,CAAC;EACrCO,IAAI,EAAE,MAAM;EACZC,IAAI,EAAEpB,cAAc;EACpBqB,aAAa,EAAE,KAAK;EACpBC,YAAY,EAAE,KAAK;EACnBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,CACT;IACCC,KAAK,EAAE,MAAM;IACbd,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;IACpBc,WAAW,EAAE,IAAAd,QAAE,EACd,uFACD;EACD,CAAC,EACD;IACCa,KAAK,EAAE,QAAQ;IACfd,KAAK,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC;IAC1Bc,WAAW,EAAE,IAAAd,QAAE,EACd,6FACD;EACD,CAAC;AAEH,CAAC;;AAED;AACA;AACA;AAFA,IAAAe,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGeZ,eAAe","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/fields/ping-status/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { DataFormControlProps, Field } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\nimport { CheckboxControl, ExternalLink } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\n\nfunction PingStatusEdit( {\n\tdata,\n\tonChange,\n}: DataFormControlProps< BasePost > ) {\n\tconst pingStatus = data?.ping_status ?? 'open';\n\n\tconst onTogglePingback = ( checked: boolean ) => {\n\t\tonChange( {\n\t\t\t...data,\n\t\t\tping_status: checked ? 'open' : 'closed',\n\t\t} );\n\t};\n\n\treturn (\n\t\t<CheckboxControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Enable pingbacks & trackbacks' ) }\n\t\t\tchecked={ pingStatus === 'open' }\n\t\t\tonChange={ onTogglePingback }\n\t\t\thelp={\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/trackbacks-and-pingbacks/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Learn more about pingbacks & trackbacks' ) }\n\t\t\t\t</ExternalLink>\n\t\t\t}\n\t\t/>\n\t);\n}\n\nconst pingStatusField: Field< BasePost > = {\n\tid: 'ping_status',\n\tlabel: __( 'Trackbacks & Pingbacks' ),\n\ttype: 'text',\n\tEdit: PingStatusEdit,\n\tenableSorting: false,\n\tenableHiding: false,\n\tfilterBy: false,\n\telements: [\n\t\t{\n\t\t\tvalue: 'open',\n\t\t\tlabel: __( 'Allow' ),\n\t\t\tdescription: __(\n\t\t\t\t'Allow link notifications from other blogs (pingbacks and trackbacks) on new articles.'\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tvalue: 'closed',\n\t\t\tlabel: __( \"Don't allow\" ),\n\t\t\tdescription: __(\n\t\t\t\t\"Don't allow link notifications from other blogs (pingbacks and trackbacks) on new articles.\"\n\t\t\t),\n\t\t},\n\t],\n};\n\n/**\n * Ping status field for BasePost.\n */\nexport default pingStatusField;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCI;AA5BJ,kBAAmB;AACnB,wBAA8C;AAO9C,SAAS,eAAgB;AAAA,EACxB;AAAA,EACA;AACD,GAAsC;AACrC,QAAM,aAAa,MAAM,eAAe;AAExC,QAAM,mBAAmB,CAAE,YAAsB;AAChD,aAAU;AAAA,MACT,GAAG;AAAA,MACH,aAAa,UAAU,SAAS;AAAA,IACjC,CAAE;AAAA,EACH;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,yBAAuB;AAAA,MACvB,WAAQ,gBAAI,+BAAgC;AAAA,MAC5C,SAAU,eAAe;AAAA,MACzB,UAAW;AAAA,MACX,MACC;AAAA,QAAC;AAAA;AAAA,UACA,UAAO;AAAA,YACN;AAAA,UACD;AAAA,UAEE,8BAAI,yCAA0C;AAAA;AAAA,MACjD;AAAA;AAAA,EAEF;AAEF;AAEA,MAAM,kBAAqC;AAAA,EAC1C,IAAI;AAAA,EACJ,WAAO,gBAAI,wBAAyB;AAAA,EACpC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,IACT;AAAA,MACC,OAAO;AAAA,MACP,WAAO,gBAAI,OAAQ;AAAA,MACnB,iBAAa;AAAA,QACZ;AAAA,MACD;AAAA,IACD;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,WAAO,gBAAI,aAAc;AAAA,MACzB,iBAAa;AAAA,QACZ;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;AAKA,IAAO,sBAAQ;",
+  "names": []
+}

package/build/fields/slug/index.js

@@ -1,32 +1,46 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var slug_exports = {};
+__export(slug_exports, {
+  default: () => slug_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _slugEdit = _interopRequireDefault(require("./slug-edit"));
-var _slugView = _interopRequireDefault(require("./slug-view"));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(slug_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_slug_edit = __toESM(require("./slug-edit"));
+var import_slug_view = __toESM(require("./slug-view"));
 const slugField = {
-  id: 'slug',
-  type: 'text',
-  label: (0, _i18n.__)('Slug'),
-  Edit: _slugEdit.default,
-  render: _slugView.default,
+  id: "slug",
+  type: "text",
+  label: (0, import_i18n.__)("Slug"),
+  Edit: import_slug_edit.default,
+  render: import_slug_view.default,
   filterBy: false
 };
-
-/**
- * Slug field for BasePost.
- */
-var _default = exports.default = slugField;
-//# sourceMappingURL=index.js.map
+var slug_default = slugField;
+//# sourceMappingURL=index.js.map

package/build/fields/slug/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_slugEdit","_interopRequireDefault","_slugView","slugField","id","type","label","__","Edit","SlugEdit","render","SlugView","filterBy","_default","exports","default"],"sources":["@wordpress/fields/src/fields/slug/index.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport type { Field } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport SlugEdit from './slug-edit';\nimport SlugView from './slug-view';\n\nconst slugField: Field< BasePost > = {\n\tid: 'slug',\n\ttype: 'text',\n\tlabel: __( 'Slug' ),\n\tEdit: SlugEdit,\n\trender: SlugView,\n\tfilterBy: false,\n};\n\n/**\n * Slug field for BasePost.\n */\nexport default slugField;\n"],"mappings":";;;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAMA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAMI,SAA4B,GAAG;EACpCC,EAAE,EAAE,MAAM;EACVC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,IAAAC,QAAE,EAAE,MAAO,CAAC;EACnBC,IAAI,EAAEC,iBAAQ;EACdC,MAAM,EAAEC,iBAAQ;EAChBC,QAAQ,EAAE;AACX,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGeZ,SAAS","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/fields/slug/index.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { Field } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport SlugEdit from './slug-edit';\nimport SlugView from './slug-view';\n\nconst slugField: Field< BasePost > = {\n\tid: 'slug',\n\ttype: 'text',\n\tlabel: __( 'Slug' ),\n\tEdit: SlugEdit,\n\trender: SlugView,\n\tfilterBy: false,\n};\n\n/**\n * Slug field for BasePost.\n */\nexport default slugField;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAAmB;AAMnB,uBAAqB;AACrB,uBAAqB;AAErB,MAAM,YAA+B;AAAA,EACpC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,WAAO,gBAAI,MAAO;AAAA,EAClB,MAAM,iBAAAA;AAAA,EACN,QAAQ,iBAAAC;AAAA,EACR,UAAU;AACX;AAKA,IAAO,eAAQ;",
+  "names": ["SlugEdit", "SlugView"]
+}

package/build/fields/slug/slug-edit.js

@@ -1,129 +1,138 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var slug_edit_exports = {};
+__export(slug_edit_exports, {
+  default: () => slug_edit_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _compose = require("@wordpress/compose");
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _notices = require("@wordpress/notices");
-var _url = require("@wordpress/url");
-var _i18n = require("@wordpress/i18n");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(slug_edit_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+var import_compose = require("@wordpress/compose");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_notices = require("@wordpress/notices");
+var import_url = require("@wordpress/url");
+var import_i18n = require("@wordpress/i18n");
+var import_utils = require("./utils");
 const SlugEdit = ({
   field,
   onChange,
   data
 }) => {
-  const {
-    id
-  } = field;
-  const slug = field.getValue({
-    item: data
-  }) || (0, _utils.getSlug)(data);
-  const permalinkTemplate = data.permalink_template || '';
+  const { id } = field;
+  const slug = field.getValue({ item: data }) || (0, import_utils.getSlug)(data);
+  const permalinkTemplate = data.permalink_template || "";
   const PERMALINK_POSTNAME_REGEX = /%(?:postname|pagename)%/;
-  const [prefix, suffix] = permalinkTemplate.split(PERMALINK_POSTNAME_REGEX);
+  const [prefix, suffix] = permalinkTemplate.split(
+    PERMALINK_POSTNAME_REGEX
+  );
   const permalinkPrefix = prefix;
   const permalinkSuffix = suffix;
   const isEditable = PERMALINK_POSTNAME_REGEX.test(permalinkTemplate);
-  const originalSlugRef = (0, _element.useRef)(slug);
+  const originalSlugRef = (0, import_element.useRef)(slug);
   const slugToDisplay = slug || originalSlugRef.current;
-  const permalink = isEditable ? `${permalinkPrefix}${slugToDisplay}${permalinkSuffix}` : (0, _url.safeDecodeURIComponent)(data.link || '');
-  (0, _element.useEffect)(() => {
-    if (slug && originalSlugRef.current === undefined) {
+  const permalink = isEditable ? `${permalinkPrefix}${slugToDisplay}${permalinkSuffix}` : (0, import_url.safeDecodeURIComponent)(data.link || "");
+  (0, import_element.useEffect)(() => {
+    if (slug && originalSlugRef.current === void 0) {
       originalSlugRef.current = slug;
     }
   }, [slug]);
-  const onChangeControl = (0, _element.useCallback)(newValue => onChange({
-    [id]: newValue
-  }), [id, onChange]);
-  const {
-    createNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const copyButtonRef = (0, _compose.useCopyToClipboard)(permalink, () => {
-    createNotice('info', (0, _i18n.__)('Copied Permalink to clipboard.'), {
+  const onChangeControl = (0, import_element.useCallback)(
+    (newValue) => onChange({
+      [id]: newValue
+    }),
+    [id, onChange]
+  );
+  const { createNotice } = (0, import_data.useDispatch)(import_notices.store);
+  const copyButtonRef = (0, import_compose.useCopyToClipboard)(permalink, () => {
+    createNotice("info", (0, import_i18n.__)("Copied Permalink to clipboard."), {
       isDismissible: true,
-      type: 'snackbar'
+      type: "snackbar"
     });
   });
-  const postUrlSlugDescriptionId = 'editor-post-url__slug-description-' + (0, _compose.useInstanceId)(SlugEdit);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
-    className: "fields-controls__slug",
-    children: [isEditable && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        spacing: "0px",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: (0, _i18n.__)('Customize the last part of the Permalink.')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-          href: "https://wordpress.org/documentation/article/page-post-settings-sidebar/#permalink",
-          children: (0, _i18n.__)('Learn more')
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
-        __next40pxDefaultSize: true,
-        prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControlPrefixWrapper, {
-          children: "/"
-        }),
-        suffix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+  const postUrlSlugDescriptionId = "editor-post-url__slug-description-" + (0, import_compose.useInstanceId)(SlugEdit);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("fieldset", { className: "fields-controls__slug", children: [
+    isEditable && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: "0px", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_i18n.__)(
+          "Customize the last part of the Permalink."
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ExternalLink, { href: "https://wordpress.org/documentation/article/page-post-settings-sidebar/#permalink", children: (0, import_i18n.__)("Learn more") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.__experimentalInputControl,
+        {
           __next40pxDefaultSize: true,
-          icon: _icons.copySmall,
-          ref: copyButtonRef,
-          label: (0, _i18n.__)('Copy')
-        }),
-        label: (0, _i18n.__)('Link'),
-        hideLabelFromVision: true,
-        value: slug,
-        autoComplete: "off",
-        spellCheck: "false",
-        type: "text",
-        className: "fields-controls__slug-input",
-        onChange: newValue => {
-          onChangeControl(newValue);
-        },
-        onBlur: () => {
-          if (slug === '') {
-            onChangeControl(originalSlugRef.current);
+          prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalInputControlPrefixWrapper, { children: "/" }),
+          suffix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Button,
+            {
+              __next40pxDefaultSize: true,
+              icon: import_icons.copySmall,
+              ref: copyButtonRef,
+              label: (0, import_i18n.__)("Copy")
+            }
+          ),
+          label: (0, import_i18n.__)("Link"),
+          hideLabelFromVision: true,
+          value: slug,
+          autoComplete: "off",
+          spellCheck: "false",
+          type: "text",
+          className: "fields-controls__slug-input",
+          onChange: (newValue) => {
+            onChangeControl(newValue);
+          },
+          onBlur: () => {
+            if (slug === "") {
+              onChangeControl(originalSlugRef.current);
+            }
+          },
+          "aria-describedby": postUrlSlugDescriptionId
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "fields-controls__slug-help", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "fields-controls__slug-help-visual-label", children: (0, import_i18n.__)("Permalink:") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_components.ExternalLink,
+          {
+            className: "fields-controls__slug-help-link",
+            href: permalink,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "fields-controls__slug-help-prefix", children: permalinkPrefix }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "fields-controls__slug-help-slug", children: slugToDisplay }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "fields-controls__slug-help-suffix", children: permalinkSuffix })
+            ]
           }
-        },
-        "aria-describedby": postUrlSlugDescriptionId
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        )
+      ] })
+    ] }),
+    !isEditable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.ExternalLink,
+      {
         className: "fields-controls__slug-help",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "fields-controls__slug-help-visual-label",
-          children: (0, _i18n.__)('Permalink:')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ExternalLink, {
-          className: "fields-controls__slug-help-link",
-          href: permalink,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "fields-controls__slug-help-prefix",
-            children: permalinkPrefix
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "fields-controls__slug-help-slug",
-            children: slugToDisplay
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "fields-controls__slug-help-suffix",
-            children: permalinkSuffix
-          })]
-        })]
-      })]
-    }), !isEditable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-      className: "fields-controls__slug-help",
-      href: permalink,
-      children: permalink
-    })]
-  });
+        href: permalink,
+        children: permalink
+      }
+    )
+  ] });
 };
-var _default = exports.default = SlugEdit;
-//# sourceMappingURL=slug-edit.js.map
+var slug_edit_default = SlugEdit;
+//# sourceMappingURL=slug-edit.js.map

package/build/fields/slug/slug-edit.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_icons","_compose","_data","_element","_notices","_url","_i18n","_utils","_jsxRuntime","SlugEdit","field","onChange","data","id","slug","getValue","item","getSlug","permalinkTemplate","permalink_template","PERMALINK_POSTNAME_REGEX","prefix","suffix","split","permalinkPrefix","permalinkSuffix","isEditable","test","originalSlugRef","useRef","slugToDisplay","current","permalink","safeDecodeURIComponent","link","useEffect","undefined","onChangeControl","useCallback","newValue","createNotice","useDispatch","noticesStore","copyButtonRef","useCopyToClipboard","__","isDismissible","type","postUrlSlugDescriptionId","useInstanceId","jsxs","className","children","__experimentalVStack","spacing","jsx","ExternalLink","href","__experimentalInputControl","__next40pxDefaultSize","__experimentalInputControlPrefixWrapper","Button","icon","copySmall","ref","label","hideLabelFromVision","value","autoComplete","spellCheck","onBlur","_default","exports","default"],"sources":["@wordpress/fields/src/fields/slug/slug-edit.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tExternalLink,\n\t__experimentalInputControl as InputControl,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { copySmall } from '@wordpress/icons';\nimport { useCopyToClipboard, useInstanceId } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { safeDecodeURIComponent } from '@wordpress/url';\nimport type { DataFormControlProps } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport { getSlug } from './utils';\n\nconst SlugEdit = ( {\n\tfield,\n\tonChange,\n\tdata,\n}: DataFormControlProps< BasePost > ) => {\n\tconst { id } = field;\n\n\tconst slug = field.getValue( { item: data } ) || getSlug( data );\n\tconst permalinkTemplate = data.permalink_template || '';\n\tconst PERMALINK_POSTNAME_REGEX = /%(?:postname|pagename)%/;\n\tconst [ prefix, suffix ] = permalinkTemplate.split(\n\t\tPERMALINK_POSTNAME_REGEX\n\t);\n\tconst permalinkPrefix = prefix;\n\tconst permalinkSuffix = suffix;\n\tconst isEditable = PERMALINK_POSTNAME_REGEX.test( permalinkTemplate );\n\tconst originalSlugRef = useRef( slug );\n\tconst slugToDisplay = slug || originalSlugRef.current;\n\tconst permalink = isEditable\n\t\t? `${ permalinkPrefix }${ slugToDisplay }${ permalinkSuffix }`\n\t\t: safeDecodeURIComponent( data.link || '' );\n\n\tuseEffect( () => {\n\t\tif ( slug && originalSlugRef.current === undefined ) {\n\t\t\toriginalSlugRef.current = slug;\n\t\t}\n\t}, [ slug ] );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue?: string ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: newValue,\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\n\tconst copyButtonRef = useCopyToClipboard( permalink, () => {\n\t\tcreateNotice( 'info', __( 'Copied Permalink to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\tconst postUrlSlugDescriptionId =\n\t\t'editor-post-url__slug-description-' + useInstanceId( SlugEdit );\n\n\treturn (\n\t\t<fieldset className=\"fields-controls__slug\">\n\t\t\t{ isEditable && (\n\t\t\t\t<VStack>\n\t\t\t\t\t<VStack spacing=\"0px\">\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Customize the last part of the Permalink.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<ExternalLink href=\"https://wordpress.org/documentation/article/page-post-settings-sidebar/#permalink\">\n\t\t\t\t\t\t\t{ __( 'Learn more' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</VStack>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t<InputControlPrefixWrapper>\n\t\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\ticon={ copySmall }\n\t\t\t\t\t\t\t\tref={ copyButtonRef }\n\t\t\t\t\t\t\t\tlabel={ __( 'Copy' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Link' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ slug }\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tspellCheck=\"false\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclassName=\"fields-controls__slug-input\"\n\t\t\t\t\t\tonChange={ ( newValue?: string ) => {\n\t\t\t\t\t\t\tonChangeControl( newValue );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\tif ( slug === '' ) {\n\t\t\t\t\t\t\t\tonChangeControl( originalSlugRef.current );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-describedby={ postUrlSlugDescriptionId }\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"fields-controls__slug-help\">\n\t\t\t\t\t\t<span className=\"fields-controls__slug-help-visual-label\">\n\t\t\t\t\t\t\t{ __( 'Permalink:' ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\tclassName=\"fields-controls__slug-help-link\"\n\t\t\t\t\t\t\thref={ permalink }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"fields-controls__slug-help-prefix\">\n\t\t\t\t\t\t\t\t{ permalinkPrefix }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span className=\"fields-controls__slug-help-slug\">\n\t\t\t\t\t\t\t\t{ slugToDisplay }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span className=\"fields-controls__slug-help-suffix\">\n\t\t\t\t\t\t\t\t{ permalinkSuffix }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</div>\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t\t{ ! isEditable && (\n\t\t\t\t<ExternalLink\n\t\t\t\t\tclassName=\"fields-controls__slug-help\"\n\t\t\t\t\thref={ permalink }\n\t\t\t\t>\n\t\t\t\t\t{ permalink }\n\t\t\t\t</ExternalLink>\n\t\t\t) }\n\t\t</fieldset>\n\t);\n};\n\nexport default SlugEdit;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/fields/slug/slug-edit.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tExternalLink,\n\t__experimentalInputControl as InputControl,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { copySmall } from '@wordpress/icons';\nimport { useCopyToClipboard, useInstanceId } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { safeDecodeURIComponent } from '@wordpress/url';\nimport type { DataFormControlProps } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport { getSlug } from './utils';\n\nconst SlugEdit = ( {\n\tfield,\n\tonChange,\n\tdata,\n}: DataFormControlProps< BasePost > ) => {\n\tconst { id } = field;\n\n\tconst slug = field.getValue( { item: data } ) || getSlug( data );\n\tconst permalinkTemplate = data.permalink_template || '';\n\tconst PERMALINK_POSTNAME_REGEX = /%(?:postname|pagename)%/;\n\tconst [ prefix, suffix ] = permalinkTemplate.split(\n\t\tPERMALINK_POSTNAME_REGEX\n\t);\n\tconst permalinkPrefix = prefix;\n\tconst permalinkSuffix = suffix;\n\tconst isEditable = PERMALINK_POSTNAME_REGEX.test( permalinkTemplate );\n\tconst originalSlugRef = useRef( slug );\n\tconst slugToDisplay = slug || originalSlugRef.current;\n\tconst permalink = isEditable\n\t\t? `${ permalinkPrefix }${ slugToDisplay }${ permalinkSuffix }`\n\t\t: safeDecodeURIComponent( data.link || '' );\n\n\tuseEffect( () => {\n\t\tif ( slug && originalSlugRef.current === undefined ) {\n\t\t\toriginalSlugRef.current = slug;\n\t\t}\n\t}, [ slug ] );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue?: string ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: newValue,\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\n\tconst copyButtonRef = useCopyToClipboard( permalink, () => {\n\t\tcreateNotice( 'info', __( 'Copied Permalink to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\tconst postUrlSlugDescriptionId =\n\t\t'editor-post-url__slug-description-' + useInstanceId( SlugEdit );\n\n\treturn (\n\t\t<fieldset className=\"fields-controls__slug\">\n\t\t\t{ isEditable && (\n\t\t\t\t<VStack>\n\t\t\t\t\t<VStack spacing=\"0px\">\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Customize the last part of the Permalink.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<ExternalLink href=\"https://wordpress.org/documentation/article/page-post-settings-sidebar/#permalink\">\n\t\t\t\t\t\t\t{ __( 'Learn more' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</VStack>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t<InputControlPrefixWrapper>\n\t\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\ticon={ copySmall }\n\t\t\t\t\t\t\t\tref={ copyButtonRef }\n\t\t\t\t\t\t\t\tlabel={ __( 'Copy' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Link' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ slug }\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tspellCheck=\"false\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclassName=\"fields-controls__slug-input\"\n\t\t\t\t\t\tonChange={ ( newValue?: string ) => {\n\t\t\t\t\t\t\tonChangeControl( newValue );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\tif ( slug === '' ) {\n\t\t\t\t\t\t\t\tonChangeControl( originalSlugRef.current );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-describedby={ postUrlSlugDescriptionId }\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"fields-controls__slug-help\">\n\t\t\t\t\t\t<span className=\"fields-controls__slug-help-visual-label\">\n\t\t\t\t\t\t\t{ __( 'Permalink:' ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\tclassName=\"fields-controls__slug-help-link\"\n\t\t\t\t\t\t\thref={ permalink }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"fields-controls__slug-help-prefix\">\n\t\t\t\t\t\t\t\t{ permalinkPrefix }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span className=\"fields-controls__slug-help-slug\">\n\t\t\t\t\t\t\t\t{ slugToDisplay }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span className=\"fields-controls__slug-help-suffix\">\n\t\t\t\t\t\t\t\t{ permalinkSuffix }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</div>\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t\t{ ! isEditable && (\n\t\t\t\t<ExternalLink\n\t\t\t\t\tclassName=\"fields-controls__slug-help\"\n\t\t\t\t\thref={ permalink }\n\t\t\t\t>\n\t\t\t\t\t{ permalink }\n\t\t\t\t</ExternalLink>\n\t\t\t) }\n\t\t</fieldset>\n\t);\n};\n\nexport default SlugEdit;\n"],
+  "mappings": "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",
+  "names": ["noticesStore", "VStack", "InputControl", "InputControlPrefixWrapper"]
+}

package/build/fields/slug/slug-view.js

@@ -1,31 +1,38 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var slug_view_exports = {};
+__export(slug_view_exports, {
+  default: () => slug_view_default
 });
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _utils = require("./utils");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const SlugView = ({
-  item
-}) => {
-  const slug = (0, _utils.getSlug)(item);
-  const originalSlugRef = (0, _element.useRef)(slug);
-  (0, _element.useEffect)(() => {
-    if (slug && originalSlugRef.current === undefined) {
+module.exports = __toCommonJS(slug_view_exports);
+var import_element = require("@wordpress/element");
+var import_utils = require("./utils");
+const SlugView = ({ item }) => {
+  const slug = (0, import_utils.getSlug)(item);
+  const originalSlugRef = (0, import_element.useRef)(slug);
+  (0, import_element.useEffect)(() => {
+    if (slug && originalSlugRef.current === void 0) {
       originalSlugRef.current = slug;
     }
   }, [slug]);
   const slugToDisplay = slug || originalSlugRef.current;
   return `${slugToDisplay}`;
 };
-var _default = exports.default = SlugView;
-//# sourceMappingURL=slug-view.js.map
+var slug_view_default = SlugView;
+//# sourceMappingURL=slug-view.js.map

package/build/fields/slug/slug-view.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_utils","SlugView","item","slug","getSlug","originalSlugRef","useRef","useEffect","current","undefined","slugToDisplay","_default","exports","default"],"sources":["@wordpress/fields/src/fields/slug/slug-view.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport { getSlug } from './utils';\n\nconst SlugView = ( { item }: { item: BasePost } ) => {\n\tconst slug = getSlug( item );\n\tconst originalSlugRef = useRef( slug );\n\n\tuseEffect( () => {\n\t\tif ( slug && originalSlugRef.current === undefined ) {\n\t\t\toriginalSlugRef.current = slug;\n\t\t}\n\t}, [ slug ] );\n\n\tconst slugToDisplay = slug || originalSlugRef.current;\n\n\treturn `${ slugToDisplay }`;\n};\n\nexport default SlugView;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAME,QAAQ,GAAGA,CAAE;EAAEC;AAAyB,CAAC,KAAM;EACpD,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAAEF,IAAK,CAAC;EAC5B,MAAMG,eAAe,GAAG,IAAAC,eAAM,EAAEH,IAAK,CAAC;EAEtC,IAAAI,kBAAS,EAAE,MAAM;IAChB,IAAKJ,IAAI,IAAIE,eAAe,CAACG,OAAO,KAAKC,SAAS,EAAG;MACpDJ,eAAe,CAACG,OAAO,GAAGL,IAAI;IAC/B;EACD,CAAC,EAAE,CAAEA,IAAI,CAAG,CAAC;EAEb,MAAMO,aAAa,GAAGP,IAAI,IAAIE,eAAe,CAACG,OAAO;EAErD,OAAO,GAAIE,aAAa,EAAG;AAC5B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaZ,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/fields/slug/slug-view.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport { getSlug } from './utils';\n\nconst SlugView = ( { item }: { item: BasePost } ) => {\n\tconst slug = getSlug( item );\n\tconst originalSlugRef = useRef( slug );\n\n\tuseEffect( () => {\n\t\tif ( slug && originalSlugRef.current === undefined ) {\n\t\t\toriginalSlugRef.current = slug;\n\t\t}\n\t}, [ slug ] );\n\n\tconst slugToDisplay = slug || originalSlugRef.current;\n\n\treturn `${ slugToDisplay }`;\n};\n\nexport default SlugView;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkC;AAMlC,mBAAwB;AAExB,MAAM,WAAW,CAAE,EAAE,KAAK,MAA2B;AACpD,QAAM,WAAO,sBAAS,IAAK;AAC3B,QAAM,sBAAkB,uBAAQ,IAAK;AAErC,gCAAW,MAAM;AAChB,QAAK,QAAQ,gBAAgB,YAAY,QAAY;AACpD,sBAAgB,UAAU;AAAA,IAC3B;AAAA,EACD,GAAG,CAAE,IAAK,CAAE;AAEZ,QAAM,gBAAgB,QAAQ,gBAAgB;AAE9C,SAAO,GAAI,aAAc;AAC1B;AAEA,IAAO,oBAAQ;",
+  "names": []
+}

package/build/fields/slug/utils.js

@@ -1,24 +1,36 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  getSlug: () => getSlug
 });
-exports.getSlug = void 0;
-var _url = require("@wordpress/url");
-var _utils = require("../../actions/utils");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const getSlug = item => {
-  if (typeof item !== 'object') {
-    return '';
+module.exports = __toCommonJS(utils_exports);
+var import_url = require("@wordpress/url");
+var import_utils = require("../../actions/utils");
+const getSlug = (item) => {
+  if (typeof item !== "object") {
+    return "";
   }
-  return item.slug || (0, _url.cleanForSlug)((0, _utils.getItemTitle)(item)) || item.id.toString();
+  return item.slug || (0, import_url.cleanForSlug)((0, import_utils.getItemTitle)(item)) || item.id.toString();
 };
-exports.getSlug = getSlug;
-//# sourceMappingURL=utils.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSlug
+});
+//# sourceMappingURL=utils.js.map

package/build/fields/slug/utils.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_url","require","_utils","getSlug","item","slug","cleanForSlug","getItemTitle","id","toString","exports"],"sources":["@wordpress/fields/src/fields/slug/utils.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { cleanForSlug } from '@wordpress/url';\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport { getItemTitle } from '../../actions/utils';\n\nexport const getSlug = ( item: BasePost ): string => {\n\tif ( typeof item !== 'object' ) {\n\t\treturn '';\n\t}\n\n\treturn (\n\t\titem.slug || cleanForSlug( getItemTitle( item ) ) || item.id.toString()\n\t);\n};\n"],"mappings":";;;;;;AAGA,IAAAA,IAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAEA;AACA;AACA;;AAIO,MAAME,OAAO,GAAKC,IAAc,IAAc;EACpD,IAAK,OAAOA,IAAI,KAAK,QAAQ,EAAG;IAC/B,OAAO,EAAE;EACV;EAEA,OACCA,IAAI,CAACC,IAAI,IAAI,IAAAC,iBAAY,EAAE,IAAAC,mBAAY,EAAEH,IAAK,CAAE,CAAC,IAAIA,IAAI,CAACI,EAAE,CAACC,QAAQ,CAAC,CAAC;AAEzE,CAAC;AAACC,OAAA,CAAAP,OAAA,GAAAA,OAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/fields/slug/utils.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { cleanForSlug } from '@wordpress/url';\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport { getItemTitle } from '../../actions/utils';\n\nexport const getSlug = ( item: BasePost ): string => {\n\tif ( typeof item !== 'object' ) {\n\t\treturn '';\n\t}\n\n\treturn (\n\t\titem.slug || cleanForSlug( getItemTitle( item ) ) || item.id.toString()\n\t);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,iBAA6B;AAK7B,mBAA6B;AAEtB,MAAM,UAAU,CAAE,SAA4B;AACpD,MAAK,OAAO,SAAS,UAAW;AAC/B,WAAO;AAAA,EACR;AAEA,SACC,KAAK,YAAQ,6BAAc,2BAAc,IAAK,CAAE,KAAK,KAAK,GAAG,SAAS;AAExE;",
+  "names": []
+}