itmar-block-packages 1.6.0 → 1.6.2

package/src/BlockPlace.js

@@ -66,20 +66,20 @@ export default function BlockPlace(props) {
   //ツールチップの選択
   const start_tip =
     sel_pos.direction === "vertical"
-      ? __("upper alignment", "block-collections")
-      : __("left alignment", "block-collections");
+      ? __("upper alignment", "itmar-block-packages")
+      : __("left alignment", "itmar-block-packages");
   const end_tip =
     sel_pos.direction === "vertical"
-      ? __("lower alignment", "block-collections")
-      : __("right alignment", "block-collections");
+      ? __("lower alignment", "itmar-block-packages")
+      : __("right alignment", "itmar-block-packages");
   const cross_start_tip =
     sel_pos.direction === "vertical"
-      ? __("left alignment", "block-collections")
-      : __("upper alignment", "block-collections");
+      ? __("left alignment", "itmar-block-packages")
+      : __("upper alignment", "itmar-block-packages");
   const cross_end_tip =
     sel_pos.direction === "vertical"
-      ? __("right alignment", "block-collections")
-      : __("lower alignment", "block-collections");
+      ? __("right alignment", "itmar-block-packages")
+      : __("lower alignment", "itmar-block-packages");
 
   const [isContainer, setIsContainer] = useState(false);
   const [direction, setDirection] = useState("row");
@@ -123,14 +123,14 @@ export default function BlockPlace(props) {
   // 翻訳が必要な文字列を直接指定
   const blockMaxWidthMobile = __(
     "Block Max Width(Mobile)",
-    "block-collections"
+    "itmar-block-packages"
   );
-  const blockWidthMobile = __("Block Width(Mobile)", "block-collections");
+  const blockWidthMobile = __("Block Width(Mobile)", "itmar-block-packages");
   const blockMaxWidthDesktop = __(
     "Block Max Width(DeskTop)",
-    "block-collections"
+    "itmar-block-packages"
   );
-  const blockWidthDesktop = __("Block Width(DeskTop)", "block-collections");
+  const blockWidthDesktop = __("Block Width(DeskTop)", "itmar-block-packages");
 
   // 条件に応じて選択
   const blockWidthLabel = isMobile
@@ -144,14 +144,14 @@ export default function BlockPlace(props) {
   return (
     <>
       <PanelBody
-        title={__("Block placement", "block-collections")}
+        title={__("Block placement", "itmar-block-packages")}
         initialOpen={false}
         className="itmar_group_direction"
       >
         {isMobile ? (
-          <p>{__("InnerBlock direction(Mobile)", "block-collections")}</p>
+          <p>{__("InnerBlock direction(Mobile)", "itmar-block-packages")}</p>
         ) : (
-          <p>{__("InnerBlock direction(DeskTop)", "block-collections")}</p>
+          <p>{__("InnerBlock direction(DeskTop)", "itmar-block-packages")}</p>
         )}
 
         <ToolbarGroup>
@@ -162,7 +162,7 @@ export default function BlockPlace(props) {
                 isPressed={sel_pos.direction === "block"}
                 onClick={() => props.onDirectionChange("block")}
                 icon={group}
-                label={__("block", "block-collections")}
+                label={__("block", "itmar-block-packages")}
               />
             )}
           </ToolbarItem>
@@ -173,7 +173,7 @@ export default function BlockPlace(props) {
                 isPressed={sel_pos.direction === "vertical"}
                 onClick={() => props.onDirectionChange("vertical")}
                 icon={stack}
-                label={__("virtical", "block-collections")}
+                label={__("virtical", "itmar-block-packages")}
               />
             )}
           </ToolbarItem>
@@ -184,7 +184,7 @@ export default function BlockPlace(props) {
                 isPressed={sel_pos.direction === "horizen"}
                 onClick={() => props.onDirectionChange("horizen")}
                 icon={flex}
-                label={__("horizen", "block-collections")}
+                label={__("horizen", "itmar-block-packages")}
               />
             )}
           </ToolbarItem>
@@ -195,7 +195,7 @@ export default function BlockPlace(props) {
                 isPressed={sel_pos.direction === "grid"}
                 onClick={() => props.onDirectionChange("grid")}
                 icon={layout}
-                label={__("grid", "block-collections")}
+                label={__("grid", "itmar-block-packages")}
               />
             )}
           </ToolbarItem>
@@ -203,12 +203,12 @@ export default function BlockPlace(props) {
             sel_pos.direction === "vertical") && (
             <PanelRow className="position_row">
               <ToggleControl
-                label={__("reverse", "block-collections")}
+                label={__("reverse", "itmar-block-packages")}
                 checked={sel_pos.reverse}
                 onChange={(checked) => props.onReverseChange(checked)}
               />
               <ToggleControl
-                label={__("wrap", "block-collections")}
+                label={__("wrap", "itmar-block-packages")}
                 checked={sel_pos.wrap}
                 onChange={(checked) => props.onWrapChange(checked)}
               />
@@ -219,9 +219,13 @@ export default function BlockPlace(props) {
         {sel_pos.direction !== "block" && sel_pos.direction !== "grid" && (
           <>
             {isMobile ? (
-              <p>{__("InnerBlock Main Axis(Mobile)", "block-collections")}</p>
+              <p>
+                {__("InnerBlock Main Axis(Mobile)", "itmar-block-packages")}
+              </p>
             ) : (
-              <p>{__("InnerBlock Main Axis(DeskTop)", "block-collections")}</p>
+              <p>
+                {__("InnerBlock Main Axis(DeskTop)", "itmar-block-packages")}
+              </p>
             )}
             <ToolbarGroup>
               <ToolbarItem>
@@ -244,7 +248,7 @@ export default function BlockPlace(props) {
                     isPressed={sel_pos.inner_align === "center"}
                     onClick={() => props.onFlexChange("center", "inner_align")} //親コンポーネントに通知
                     icon={center_icon}
-                    label={__("center alignment", "block-collections")}
+                    label={__("center alignment", "itmar-block-packages")}
                   />
                 )}
               </ToolbarItem>
@@ -270,7 +274,7 @@ export default function BlockPlace(props) {
                       props.onFlexChange("space-between", "inner_align")
                     } //親コンポーネントに通知
                     icon={between_icon}
-                    label={__("beteen stretch", "block-collections")}
+                    label={__("beteen stretch", "itmar-block-packages")}
                   />
                 )}
               </ToolbarItem>
@@ -283,7 +287,7 @@ export default function BlockPlace(props) {
                       props.onFlexChange("space-around", "inner_align")
                     } //親コンポーネントに通知
                     icon={around_icon}
-                    label={__("around stretch", "block-collections")}
+                    label={__("around stretch", "itmar-block-packages")}
                   />
                 )}
               </ToolbarItem>
@@ -293,9 +297,11 @@ export default function BlockPlace(props) {
 
         {!isSubmenu &&
           (isMobile ? (
-            <p>{__("InnerBlock Cross Axis(Mobile)", "block-collections")}</p>
+            <p>{__("InnerBlock Cross Axis(Mobile)", "itmar-block-packages")}</p>
           ) : (
-            <p>{__("InnerBlock Cross Axis(DeskTop)", "block-collections")}</p>
+            <p>
+              {__("InnerBlock Cross Axis(DeskTop)", "itmar-block-packages")}
+            </p>
           ))}
 
         {!isSubmenu && (
@@ -320,7 +326,7 @@ export default function BlockPlace(props) {
                   isPressed={sel_pos.inner_items === "center"}
                   onClick={() => props.onFlexChange("center", "inner_items")} //親コンポーネントに通知
                   icon={center_cross}
-                  label={__("center alignment", "block-collections")}
+                  label={__("center alignment", "itmar-block-packages")}
                 />
               )}
             </ToolbarItem>
@@ -340,10 +346,12 @@ export default function BlockPlace(props) {
         {isContainer && (
           <>
             {isMobile ? (
-              <p>{__("Alignment in container(Mobile)", "block-collections")}</p>
+              <p>
+                {__("Alignment in container(Mobile)", "itmar-block-packages")}
+              </p>
             ) : (
               <p>
-                {__("Alignment in container(DeskTop)", "block-collections")}
+                {__("Alignment in container(DeskTop)", "itmar-block-packages")}
               </p>
             )}
 
@@ -365,8 +373,8 @@ export default function BlockPlace(props) {
                     icon={direction === "row" ? upper : justifyLeft}
                     label={
                       direction === "row"
-                        ? __("upper alignment", "block-collections")
-                        : __("left alignment", "block-collections")
+                        ? __("upper alignment", "itmar-block-packages")
+                        : __("left alignment", "itmar-block-packages")
                     }
                   />
                 )}
@@ -386,7 +394,7 @@ export default function BlockPlace(props) {
                         : () => props.onAlignChange("center")
                     }
                     icon={direction === "row" ? middle : justifyCenter}
-                    label={__("center alignment", "block-collections")}
+                    label={__("center alignment", "itmar-block-packages")}
                   />
                 )}
               </ToolbarItem>
@@ -407,8 +415,8 @@ export default function BlockPlace(props) {
                     icon={direction === "row" ? lower : justifyRight}
                     label={
                       direction === "row"
-                        ? __("lower alignment", "block-collections")
-                        : __("right alignment", "block-collections")
+                        ? __("lower alignment", "itmar-block-packages")
+                        : __("right alignment", "itmar-block-packages")
                     }
                   />
                 )}
@@ -437,12 +445,12 @@ export default function BlockPlace(props) {
         {sel_pos.direction === "grid" && (
           <>
             {isMobile ? (
-              <p>{__("Grid Info settings(Mobile)", "block-collections")}</p>
+              <p>{__("Grid Info settings(Mobile)", "itmar-block-packages")}</p>
             ) : (
-              <p>{__("Grid Info settings(DeskTop)", "block-collections")}</p>
+              <p>{__("Grid Info settings(DeskTop)", "itmar-block-packages")}</p>
             )}
             <Button variant="primary" onClick={openGridModal}>
-              {__("Open Setting Modal", "block-collections")}
+              {__("Open Setting Modal", "itmar-block-packages")}
             </Button>
             {isGridModalOpen && (
               <Modal title="Grid Info settings" onRequestClose={closeGridModal}>
@@ -459,14 +467,20 @@ export default function BlockPlace(props) {
         )}
         <div className="itmar_title_type">
           <RadioControl
-            label={__("Position Type", "block-collections")}
+            label={__("Position Type", "itmar-block-packages")}
             selected={positionType}
             options={[
-              { label: __("Static", "block-collections"), value: "staic" },
-              { label: __("Relative", "block-collections"), value: "relative" },
-              { label: __("Absolute", "block-collections"), value: "absolute" },
-              { label: __("Fix", "block-collections"), value: "fixed" },
-              { label: __("Sticky", "block-collections"), value: "sticky" },
+              { label: __("Static", "itmar-block-packages"), value: "staic" },
+              {
+                label: __("Relative", "itmar-block-packages"),
+                value: "relative",
+              },
+              {
+                label: __("Absolute", "itmar-block-packages"),
+                value: "absolute",
+              },
+              { label: __("Fix", "itmar-block-packages"), value: "fixed" },
+              { label: __("Sticky", "itmar-block-packages"), value: "sticky" },
             ]}
             onChange={(newVal) => {
               props.onPositionChange(newVal);
@@ -477,7 +491,7 @@ export default function BlockPlace(props) {
           <ToggleControl
             label={__(
               "Center Vertically and Horizontally",
-              "block-collections"
+              "itmar-block-packages"
             )}
             checked={isPosCenter}
             onChange={(newVal) => {
@@ -490,12 +504,12 @@ export default function BlockPlace(props) {
           positionType === "sticky") && (
           <>
             {isMobile ? (
-              <p>{__("Block Position(Mobile)", "block-collections")}</p>
+              <p>{__("Block Position(Mobile)", "itmar-block-packages")}</p>
             ) : (
-              <p>{__("Block Position(DeskTop)", "block-collections")}</p>
+              <p>{__("Block Position(DeskTop)", "itmar-block-packages")}</p>
             )}
             <PanelBody
-              title={__("Vertical", "block-collections")}
+              title={__("Vertical", "itmar-block-packages")}
               initialOpen={true}
             >
               {!sel_pos.posValue?.isVertCenter && (
@@ -529,7 +543,7 @@ export default function BlockPlace(props) {
               )}
               {!isParallax && (
                 <ToggleControl
-                  label={__("Is Center", "block-collections")}
+                  label={__("Is Center", "itmar-block-packages")}
                   checked={sel_pos.posValue?.isVertCenter}
                   onChange={(newValue) => {
                     const newValObj = {
@@ -543,7 +557,7 @@ export default function BlockPlace(props) {
             </PanelBody>
 
             <PanelBody
-              title={__("Horizon", "block-collections")}
+              title={__("Horizon", "itmar-block-packages")}
               initialOpen={true}
             >
               {!sel_pos.posValue?.isHorCenter && (
@@ -577,7 +591,7 @@ export default function BlockPlace(props) {
               )}
               {!isParallax && (
                 <ToggleControl
-                  label={__("Is Center", "block-collections")}
+                  label={__("Is Center", "itmar-block-packages")}
                   checked={sel_pos.posValue?.isHorCenter}
                   onChange={(newValue) => {
                     const newValObj = {
@@ -606,14 +620,14 @@ export function BlockWidth(props) {
   // 翻訳が必要な文字列を直接指定
   const blockMaxWidthMobile = __(
     "Block Max Width(Mobile)",
-    "block-collections"
+    "itmar-block-packages"
   );
-  const blockWidthMobile = __("Block Width(Mobile)", "block-collections");
+  const blockWidthMobile = __("Block Width(Mobile)", "itmar-block-packages");
   const blockMaxWidthDesktop = __(
     "Block Max Width(DeskTop)",
-    "block-collections"
+    "itmar-block-packages"
   );
-  const blockWidthDesktop = __("Block Width(DeskTop)", "block-collections");
+  const blockWidthDesktop = __("Block Width(DeskTop)", "itmar-block-packages");
 
   // ラベル
   const widthLabel = isMobile ? blockWidthMobile : blockWidthDesktop;
@@ -649,7 +663,7 @@ export function BlockWidth(props) {
               isPressed={sel_pos.width_val === "wideSize"}
               onClick={() => props.onWidthChange("width_val", "wideSize")}
               icon={stretchWide}
-              label={__("Wide Size", "block-collections")}
+              label={__("Wide Size", "itmar-block-packages")}
             />
           )}
         </ToolbarItem>
@@ -660,7 +674,7 @@ export function BlockWidth(props) {
               isPressed={sel_pos.width_val === "contentSize"}
               onClick={() => props.onWidthChange("width_val", "contentSize")}
               icon={positionCenter}
-              label={__("Content Size", "block-collections")}
+              label={__("Content Size", "itmar-block-packages")}
             />
           )}
         </ToolbarItem>
@@ -714,7 +728,7 @@ export function BlockWidth(props) {
               isPressed={sel_pos.max_width === "wideSize"}
               onClick={() => props.onWidthChange("max_width", "wideSize")}
               icon={stretchWide}
-              label={__("Wide Size", "block-collections")}
+              label={__("Wide Size", "itmar-block-packages")}
             />
           )}
         </ToolbarItem>
@@ -725,7 +739,7 @@ export function BlockWidth(props) {
               isPressed={sel_pos.max_width === "contentSize"}
               onClick={() => props.onWidthChange("max_width", "contentSize")}
               icon={positionCenter}
-              label={__("Content Size", "block-collections")}
+              label={__("Content Size", "itmar-block-packages")}
             />
           )}
         </ToolbarItem>
@@ -764,9 +778,9 @@ export function BlockHeight(props) {
   return (
     <>
       {isMobile ? (
-        <p>{__("Block Height(Mobile)", "block-collections")}</p>
+        <p>{__("Block Height(Mobile)", "itmar-block-packages")}</p>
       ) : (
-        <p>{__("Block Height(DeskTop)", "block-collections")}</p>
+        <p>{__("Block Height(DeskTop)", "itmar-block-packages")}</p>
       )}
       <ToolbarGroup>
         <ToolbarItem>

package/src/DateElm.js

@@ -88,14 +88,14 @@ export const PeriodCtrl = ({
 }) => {
   return (
     <PanelBody
-      title={__("Period Setting", "block-collections")}
+      title={__("Period Setting", "itmar-block-packages")}
       initialOpen={true}
       className="form_setteing_ctrl"
     >
-      <label>{__("Start of period", "block-collections")}</label>
+      <label>{__("Start of period", "itmar-block-packages")}</label>
       <PanelRow className="itmar_date_span">
         <NumberControl
-          label={__("Year", "block-collections")}
+          label={__("Year", "itmar-block-packages")}
           labelPosition="side"
           max={endYear}
           min={startYear}
@@ -112,7 +112,7 @@ export const PeriodCtrl = ({
         />
         {isMonth && (
           <NumberControl
-            label={__("Month", "block-collections")}
+            label={__("Month", "itmar-block-packages")}
             labelPosition="side"
             max={12}
             min={1}
@@ -129,10 +129,10 @@ export const PeriodCtrl = ({
           />
         )}
       </PanelRow>
-      <label>{__("End of period", "block-collections")}</label>
+      <label>{__("End of period", "itmar-block-packages")}</label>
       <PanelRow className="itmar_date_span">
         <NumberControl
-          label={__("Year", "block-collections")}
+          label={__("Year", "itmar-block-packages")}
           labelPosition="side"
           max={endYear}
           min={startYear}
@@ -148,7 +148,7 @@ export const PeriodCtrl = ({
           value={dateSpan.endYear}
         />
         <NumberControl
-          label={__("Month", "block-collections")}
+          label={__("Month", "itmar-block-packages")}
           labelPosition="side"
           max={12}
           min={1}

package/src/DraggableBox.js

@@ -115,26 +115,26 @@ export default function DraggableBox(props) {
   return (
     <>
       <PanelBody
-        title={__("Position Setting", "block-collections")}
+        title={__("Position Setting", "itmar-block-packages")}
         initialOpen={true}
       >
         <PanelRow className="distance_row">
           <UnitControl
             dragDirection="e"
             onChange={(value) => chagePosition(value, "x")}
-            label={__("Vertical", "block-collections")}
+            label={__("Vertical", "itmar-block-packages")}
             value={position?.x || 0}
           />
           <UnitControl
             dragDirection="e"
             onChange={(value) => chagePosition(value, "y")}
-            label={__("Horizen", "block-collections")}
+            label={__("Horizen", "itmar-block-packages")}
             value={position?.y || 0}
           />
         </PanelRow>
         <PanelRow className="reset_row">
           <Button variant="secondary" onClick={() => resetPos()}>
-            {__("Reset", "block-collections")}
+            {__("Reset", "itmar-block-packages")}
           </Button>
         </PanelRow>
       </PanelBody>

package/src/GridControls.js

@@ -173,7 +173,7 @@ const GridControls = ({ attributes, clientId, onChange }) => {
           {setElm &&
             <StopPropagationWrapper>
               <ToolbarDropdownMenu
-                label={__('Lateral Alignment', 'block-collections')}
+                label={__('Lateral Alignment', 'itmar-block-packages')}
                 icon={setElm.elm.latAlign ? alignIconMap[setElm.elm.latAlign] : alignIconMap['left']}
                 controls={['left', 'center', 'right'].map(align => ({
                   icon: alignIconMap[align],
@@ -182,7 +182,7 @@ const GridControls = ({ attributes, clientId, onChange }) => {
                 }))}
               />
               <ToolbarDropdownMenu
-                label={__('Vertical Alignment', 'block-collections')}
+                label={__('Vertical Alignment', 'itmar-block-packages')}
                 icon={setElm.elm.vertAlign ? alignIconMap[setElm.elm.vertAlign] : alignIconMap['upper']}
                 controls={['upper', 'middle', 'lower'].map(align => ({
                   icon: alignIconMap[align],
@@ -337,7 +337,7 @@ const GridControls = ({ attributes, clientId, onChange }) => {
             const input_val = typeof (newValue) === 'number' ? newValue : Number(newValue);
             setRowCount(input_val);
           }}
-          label={__('Number of Row ', 'block-collections')}
+          label={__('Number of Row ', 'itmar-block-packages')}
           value={rowCount}
           min={2}
         />
@@ -346,7 +346,7 @@ const GridControls = ({ attributes, clientId, onChange }) => {
             const input_val = typeof (newValue) === 'number' ? newValue : Number(newValue);
             setColCount(input_val);
           }}
-          label={__('Number of Colum', 'block-collections')}
+          label={__('Number of Colum', 'itmar-block-packages')}
           value={colCount}
         />
       </PanelRow>
@@ -359,7 +359,7 @@ const GridControls = ({ attributes, clientId, onChange }) => {
             const newStyle = { ...attributes, rowGap: newValue };
             onChange(newStyle);
           }}
-          label={__('Row Gap', 'block-collections')}
+          label={__('Row Gap', 'itmar-block-packages')}
           value={rowGap}
           units={units}
         />
@@ -369,7 +369,7 @@ const GridControls = ({ attributes, clientId, onChange }) => {
             const newStyle = { ...attributes, colGap: newValue };
             onChange(newStyle);
           }}
-          label={__('Colum Gap', 'block-collections')}
+          label={__('Colum Gap', 'itmar-block-packages')}
           value={colGap}
           units={units}
         />
@@ -377,9 +377,9 @@ const GridControls = ({ attributes, clientId, onChange }) => {
       </PanelRow>
 
       <PanelRow className='distance_row'>
-        <p>{__('Element placement', 'block-collections')}</p>
+        <p>{__('Element placement', 'itmar-block-packages')}</p>
         <Button variant="secondary" onClick={clear_placement}>
-          {__("Clear", 'block-collections')}
+          {__("Clear", 'itmar-block-packages')}
         </Button>
       </PanelRow>
 
@@ -389,7 +389,7 @@ const GridControls = ({ attributes, clientId, onChange }) => {
         </table>
       </PanelRow>
       <ComboboxControl
-        label={__('InnerBlock Name', 'block-collections')}
+        label={__('InnerBlock Name', 'itmar-block-packages')}
         options={blockNames}
         value={selBlock ? selBlock.value : null}
         onChange={(sel_id) => {