itmar-block-packages 1.6.1 → 1.6.2

package/src/TypographyControls.js

@@ -4,33 +4,55 @@ import {
   RadioControl,
   ToggleControl,
   __experimentalUnitControl as UnitControl,
-} from '@wordpress/components';
+} from "@wordpress/components";
 
-import Select from 'react-select';
-import { __ } from '@wordpress/i18n';
+import Select from "react-select";
+import { __ } from "@wordpress/i18n";
 
-const TypographyControls = ({ title, fontStyle, initialOpen, isMobile, onChange }) => {
+const TypographyControls = ({
+  title,
+  fontStyle,
+  initialOpen,
+  isMobile,
+  onChange,
+}) => {
   const {
     default_fontSize,
     mobile_fontSize,
     fontSize,
     fontFamily,
     fontWeight,
-    isItalic
+    isItalic,
   } = fontStyle;
 
   const fontFamilyOptions = [
-    { value: 'Arial, sans-serif', label: 'Arial', fontFamily: 'Arial, sans-serif' },
-    { value: 'Courier New, monospace', label: 'Courier New', fontFamily: 'Courier New, monospace' },
-    { value: 'Georgia, serif', label: 'Georgia', fontFamily: 'Georgia, serif' },
-    { label: 'Noto Sans JP', value: 'Noto Sans JP, sans-serif', fontFamily: 'Noto Sans JP, sans-serif' },
-    { label: 'Texturina', value: 'Texturina, serif', fontFamily: 'Texturina, serif' },
+    {
+      value: "Arial, sans-serif",
+      label: "Arial",
+      fontFamily: "Arial, sans-serif",
+    },
+    {
+      value: "Courier New, monospace",
+      label: "Courier New",
+      fontFamily: "Courier New, monospace",
+    },
+    { value: "Georgia, serif", label: "Georgia", fontFamily: "Georgia, serif" },
+    {
+      label: "Noto Sans JP",
+      value: "Noto Sans JP, sans-serif",
+      fontFamily: "Noto Sans JP, sans-serif",
+    },
+    {
+      label: "Texturina",
+      value: "Texturina, serif",
+      fontFamily: "Texturina, serif",
+    },
   ];
 
   const units = [
-    { value: 'px', label: 'px' },
-    { value: 'em', label: 'em' },
-    { value: 'rem', label: 'rem' },
+    { value: "px", label: "px" },
+    { value: "em", label: "em" },
+    { value: "rem", label: "rem" },
   ];
 
   const customStyles = {
@@ -42,7 +64,9 @@ const TypographyControls = ({ title, fontStyle, initialOpen, isMobile, onChange
 
   const FontSelect = ({ label, value, onChange }) => (
     <>
-      {label && <label className="components-base-control__label">{label}</label>}
+      {label && (
+        <label className="components-base-control__label">{label}</label>
+      )}
       <Select
         options={fontFamilyOptions}
         value={fontFamilyOptions.find((option) => option.value === value)}
@@ -55,24 +79,28 @@ const TypographyControls = ({ title, fontStyle, initialOpen, isMobile, onChange
   );
 
   return (
-    <PanelBody title={title} initialOpen={initialOpen} >
+    <PanelBody title={title} initialOpen={initialOpen}>
       <UnitControl
         dragDirection="e"
         onChange={(newValue) => {
-          newValue = newValue != '' ? newValue : '0px'
-          const set_size = !isMobile ? { default_fontSize: newValue } : { mobile_fontSize: newValue };
+          newValue = newValue != "" ? newValue : "0px";
+          const set_size = !isMobile
+            ? { default_fontSize: newValue }
+            : { mobile_fontSize: newValue };
           const newStyle = { ...fontStyle, ...set_size };
           onChange(newStyle);
         }}
-        label={!isMobile ?
-          __("Size(desk top)", 'block-collections')
-          : __("Size(mobile)", 'block-collections')}
+        label={
+          !isMobile
+            ? __("Size(desk top)", "itmar-block-packages")
+            : __("Size(mobile)", "itmar-block-packages")
+        }
         value={!isMobile ? default_fontSize : mobile_fontSize}
         units={units}
       />
 
       <FontSelect
-        label={__("font family", 'block-collections')}
+        label={__("font family", "itmar-block-packages")}
         value={fontFamily}
         onChange={(newValue) => {
           const newStyle = { ...fontStyle, fontFamily: newValue };
@@ -80,17 +108,19 @@ const TypographyControls = ({ title, fontStyle, initialOpen, isMobile, onChange
         }}
       />
 
-      <label className="components-base-control__label">{__('font weight', 'block-collections')}</label>
-      <PanelRow className='itmar_weight_row'>
+      <label className="components-base-control__label">
+        {__("font weight", "itmar-block-packages")}
+      </label>
+      <PanelRow className="itmar_weight_row">
         <RadioControl
           selected={fontWeight}
           options={[
-            { label: 'LIGHT', value: "300" },
-            { label: 'REGULAR', value: "400" },
-            { label: 'MEDIUM', value: "500" },
-            { label: 'S-BOLD', value: "600" },
-            { label: 'BOLD', value: "700" },
-            { label: 'BLACK', value: "900" },
+            { label: "LIGHT", value: "300" },
+            { label: "REGULAR", value: "400" },
+            { label: "MEDIUM", value: "500" },
+            { label: "S-BOLD", value: "600" },
+            { label: "BOLD", value: "700" },
+            { label: "BLACK", value: "900" },
           ]}
           onChange={(newValue) => {
             const newStyle = { ...fontStyle, fontWeight: newValue };
@@ -99,7 +129,9 @@ const TypographyControls = ({ title, fontStyle, initialOpen, isMobile, onChange
         />
       </PanelRow>
 
-      <label className="components-base-control__label">{__('Italic display', 'block-collections')}</label>
+      <label className="components-base-control__label">
+        {__("Italic display", "itmar-block-packages")}
+      </label>
       <ToggleControl
         checked={isItalic}
         onChange={(newValue) => {

package/src/ZipAddress.js

@@ -6,7 +6,7 @@ export const fetchZipToAddress = async (zipNum) => {
     alert(
       __(
         "Please enter your postal code as 7 digits without hyphens.",
-        "block-collections"
+        "itmar-block-packages"
       )
     );
     return null;
@@ -25,11 +25,11 @@ export const fetchZipToAddress = async (zipNum) => {
       const result = data.results[0];
       return result;
     } else {
-      alert(__("No matching address found", "block-collections"));
+      alert(__("No matching address found", "itmar-block-packages"));
       return null;
     }
   } catch (error) {
-    alert(__("Communication failed", "block-collections"));
+    alert(__("Communication failed", "itmar-block-packages"));
     return null;
   }
 };

package/src/customFooks.js

@@ -319,7 +319,7 @@ export function useDuplicateBlockRemove(clientId, blockNames) {
             "error", // 通知のタイプ（エラー）
             __(
               "A new block cannot be inserted because a block has already been placed.",
-              "block-collections"
+              "itmar-block-packages"
             ), // メッセージ
             {
               type: "snackbar", // 通知のスタイル

package/src/wordpressApi.js

@@ -165,7 +165,7 @@ const ChoiceControl = (props) => {
               <div className="tax_label">
                 {choice.name}
                 <ToggleControl
-                  label={__("Display", "block-collections")}
+                  label={__("Display", "itmar-block-packages")}
                   checked={dispTaxonomies.some((tax) => tax === choice.slug)}
                   onChange={(checked) => {
                     const newChoiceFields = handleChoiceChange(
@@ -226,7 +226,7 @@ const ChoiceControl = (props) => {
               {choice.title && (
                 <ToggleControl
                   className="field_choice"
-                  label={__("Title", "block-collections")}
+                  label={__("Title", "itmar-block-packages")}
                   checked={choiceItems.some(
                     (choiceField) => choiceField === "title"
                   )}
@@ -243,7 +243,7 @@ const ChoiceControl = (props) => {
               {choice.date && (
                 <ToggleControl
                   className="field_choice"
-                  label={__("Date", "block-collections")}
+                  label={__("Date", "itmar-block-packages")}
                   checked={choiceItems.some(
                     (choiceField) => choiceField === "date"
                   )}
@@ -260,7 +260,7 @@ const ChoiceControl = (props) => {
               {choice.excerpt && (
                 <ToggleControl
                   className="field_choice"
-                  label={__("Excerpt", "block-collections")}
+                  label={__("Excerpt", "itmar-block-packages")}
                   checked={choiceItems.some(
                     (choiceField) => choiceField === "excerpt"
                   )}
@@ -277,7 +277,7 @@ const ChoiceControl = (props) => {
               {(choice.featured_media || choice.featured_media === 0) && (
                 <ToggleControl
                   className="field_choice"
-                  label={__("Featured Image", "block-collections")}
+                  label={__("Featured Image", "itmar-block-packages")}
                   checked={choiceItems.some(
                     (choiceField) => choiceField === "featured_media"
                   )}
@@ -295,7 +295,7 @@ const ChoiceControl = (props) => {
                 <div className="itmar_custom_field_set">
                   <ToggleControl
                     className="field_choice"
-                    label={__("Single Page Link", "block-collections")}
+                    label={__("Single Page Link", "itmar-block-packages")}
                     checked={choiceItems.some(
                       (choiceField) => choiceField === "link"
                     )}
@@ -331,7 +331,7 @@ const ChoiceControl = (props) => {
                   <p>
                     {__(
                       "If no block is specified, a link will be set to the parent block, Design Group.",
-                      "block-collections"
+                      "itmar-block-packages"
                     )}
                   </p>
                 </div>
@@ -339,7 +339,7 @@ const ChoiceControl = (props) => {
               {(metaFlg || acfFlg) && (
                 <>
                   <div className="custom_field_label">
-                    {__("Custom Field", "block-collections")}
+                    {__("Custom Field", "itmar-block-packages")}
                   </div>
                   <div className="custom_field_area">
                     {dispCustumFields({