@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build/components/global-styles/font-library-modal/collection-font-variant.js

@@ -1,23 +1,41 @@
 "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 collection_font_variant_exports = {};
+__export(collection_font_variant_exports, {
+  default: () => collection_font_variant_default
 });
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _utils = require("./utils");
-var _fontDemo = _interopRequireDefault(require("./font-demo"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(collection_font_variant_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+var import_utils = require("./utils");
+var import_font_demo = __toESM(require("./font-demo"));
 function CollectionFontVariant({
   face,
   font,
@@ -31,29 +49,27 @@ function CollectionFontVariant({
     }
     handleToggleVariant(font);
   };
-  const displayName = font.name + ' ' + (0, _utils.getFontFaceVariantName)(face);
-  const checkboxId = (0, _element.useId)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "font-library-modal__font-card",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
-      justify: "flex-start",
-      align: "center",
-      gap: "1rem",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
+  const displayName = font.name + " " + (0, import_utils.getFontFaceVariantName)(face);
+  const checkboxId = (0, import_element.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-library-modal__font-card", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Flex, { justify: "flex-start", align: "center", gap: "1rem", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.CheckboxControl,
+      {
         checked: selected,
         onChange: handleToggleActivation,
         __nextHasNoMarginBottom: true,
         id: checkboxId
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-        htmlFor: checkboxId,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontDemo.default, {
-          font: face,
-          text: displayName,
-          onClick: handleToggleActivation
-        })
-      })]
-    })
-  });
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: checkboxId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_font_demo.default,
+      {
+        font: face,
+        text: displayName,
+        onClick: handleToggleActivation
+      }
+    ) })
+  ] }) });
 }
-var _default = exports.default = CollectionFontVariant;
-//# sourceMappingURL=collection-font-variant.js.map
+var collection_font_variant_default = CollectionFontVariant;
+//# sourceMappingURL=collection-font-variant.js.map

package/build/components/global-styles/font-library-modal/collection-font-variant.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_components","_utils","_fontDemo","_interopRequireDefault","_jsxRuntime","CollectionFontVariant","face","font","handleToggleVariant","selected","handleToggleActivation","fontFace","displayName","name","getFontFaceVariantName","checkboxId","useId","jsx","className","children","jsxs","Flex","justify","align","gap","CheckboxControl","checked","onChange","__nextHasNoMarginBottom","id","htmlFor","default","text","onClick","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/collection-font-variant.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { CheckboxControl, Flex } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n} ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst checkboxId = useId();\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAmC,IAAAK,WAAA,GAAAL,OAAA;AAVnC;AACA;AACA;;AAIA;AACA;AACA;;AAIA,SAASM,qBAAqBA,CAAE;EAC/BC,IAAI;EACJC,IAAI;EACJC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACpC,IAAKH,IAAI,EAAEI,QAAQ,EAAG;MACrBH,mBAAmB,CAAED,IAAI,EAAED,IAAK,CAAC;MACjC;IACD;IACAE,mBAAmB,CAAED,IAAK,CAAC;EAC5B,CAAC;EAED,MAAMK,WAAW,GAAGL,IAAI,CAACM,IAAI,GAAG,GAAG,GAAG,IAAAC,6BAAsB,EAAER,IAAK,CAAC;EACpE,MAAMS,UAAU,GAAG,IAAAC,cAAK,EAAC,CAAC;EAE1B,oBACC,IAAAZ,WAAA,CAAAa,GAAA;IAAKC,SAAS,EAAC,+BAA+B;IAAAC,QAAA,eAC7C,IAAAf,WAAA,CAAAgB,IAAA,EAACpB,WAAA,CAAAqB,IAAI;MAACC,OAAO,EAAC,YAAY;MAACC,KAAK,EAAC,QAAQ;MAACC,GAAG,EAAC,MAAM;MAAAL,QAAA,gBACnD,IAAAf,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAAyB,eAAe;QACfC,OAAO,EAAGjB,QAAU;QACpBkB,QAAQ,EAAGjB,sBAAwB;QACnCkB,uBAAuB;QACvBC,EAAE,EAAGd;MAAY,CACjB,CAAC,eACF,IAAAX,WAAA,CAAAa,GAAA;QAAOa,OAAO,EAAGf,UAAY;QAAAI,QAAA,eAC5B,IAAAf,WAAA,CAAAa,GAAA,EAACf,SAAA,CAAA6B,OAAQ;UACRxB,IAAI,EAAGD,IAAM;UACb0B,IAAI,EAAGpB,WAAa;UACpBqB,OAAO,EAAGvB;QAAwB,CAClC;MAAC,CACI,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAER;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEc1B,qBAAqB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/font-library-modal/collection-font-variant.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { CheckboxControl, Flex } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n} ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst checkboxId = useId();\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BG;AA5BH,qBAAsB;AACtB,wBAAsC;AAKtC,mBAAuC;AACvC,uBAAqB;AAErB,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,yBAAyB,MAAM;AACpC,QAAK,MAAM,UAAW;AACrB,0BAAqB,MAAM,IAAK;AAChC;AAAA,IACD;AACA,wBAAqB,IAAK;AAAA,EAC3B;AAEA,QAAM,cAAc,KAAK,OAAO,UAAM,qCAAwB,IAAK;AACnE,QAAM,iBAAa,sBAAM;AAEzB,SACC,4CAAC,SAAI,WAAU,iCACd,uDAAC,0BAAK,SAAQ,cAAa,OAAM,UAAS,KAAI,QAC7C;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,SAAU;AAAA,QACV,UAAW;AAAA,QACX,yBAAuB;AAAA,QACvB,IAAK;AAAA;AAAA,IACN;AAAA,IACA,4CAAC,WAAM,SAAU,YAChB;AAAA,MAAC,iBAAAA;AAAA,MAAA;AAAA,QACA,MAAO;AAAA,QACP,MAAO;AAAA,QACP,SAAU;AAAA;AAAA,IACX,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "names": ["FontDemo"]
+}