link to divider feature in toc

DotCamp · Jul 29, 2024 · a91978a · a91978a
1 parent 88688a6
commit a91978a
Show file tree

Hide file tree

Showing 16 changed files with 134,931 additions and 382 deletions.
diff --git a/dist/blocks.build.asset.php b/dist/blocks.build.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('lodash', 'moment', 'react', 'react-dom', 'wp-api', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'e60c4b256c76fe2e040f');
+<?php return array('dependencies' => array('lodash', 'moment', 'react', 'react-dom', 'wp-api', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '7b8ca8a736f05c6440d9');
diff --git a/dist/blocks.build.js b/dist/blocks.build.js
diff --git a/dist/blocks.build.js.map b/dist/blocks.build.js.map
diff --git a/dist/blocks.style.build.css b/dist/blocks.style.build.css
diff --git a/dist/blocks/table-of-contents/block.json b/dist/blocks/table-of-contents/block.json
@@ -14,6 +14,10 @@
       "type": "string",
       "default": ""
     },
+    "linkToDivider": {
+      "type": "boolean",
+      "default": false
+    },
     "title": {
       "type": "string",
       "default": ""

diff --git a/dist/priority.build.asset.php b/dist/priority.build.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '31d6cfe0d16ae931b73c');
+<?php return array('dependencies' => array(), 'version' => 'bf4427955793c56378a0');
diff --git a/dist/priority.build.js b/dist/priority.build.js
diff --git a/readme.txt b/readme.txt
@@ -150,6 +150,10 @@ That's it. You're done!
 
 == Changelog ==
 
+= 3.2.2 =
+
+* NEW: Link to Divider Feature in Table of content block.
+
 = 3.2.1 =
 
 * FIX: On Split not working on WP 6.6.

diff --git a/src/blocks/table-of-contents/block.json b/src/blocks/table-of-contents/block.json
@@ -14,6 +14,10 @@
 			"type": "string",
 			"default": ""
 		},
+		"linkToDivider": {
+			"type": "boolean",
+			"default": false
+		},
 		"title": {
 			"type": "string",
 			"default": ""
@@ -133,4 +137,4 @@
 			"full"
 		]
 	}
-}
+}
diff --git a/src/blocks/table-of-contents/block.php b/src/blocks/table-of-contents/block.php
@@ -4,8 +4,9 @@ function ub_render_table_of_contents_block($attributes){
     extract($attributes);
     $linkArray = json_decode($links, true);
 	$linkArray = is_null($linkArray) ? [] : $linkArray;
+	$is_link_to_divider = isset($linkToDivider) && $linkToDivider;
 
-    $filteredHeaders = $linkArray ? (array_values(array_filter($linkArray, function ($header) use ($allowedHeaders){
+	$filteredHeaders = $linkArray ? (array_values(array_filter($linkArray, function ($header) use ($allowedHeaders){
         return $allowedHeaders[$header['level'] - 1] &&
            (!array_key_exists("disabled",  $header) || (array_key_exists("disabled",  $header) && !$header['disabled']));
         }))) : [];
@@ -115,11 +116,14 @@ function ub_makeListItem($num, $item, $listStyle, $blockID, $currentGaps){
 		array(
 			'class' => implode( ' ', $classes ),
 			'id'    => $blockID === '' ? '' : 'ub_table-of-contents-' . $blockID . '',
+			'data-linktodivider' => $is_link_to_divider ? "true" : "false",
+			'data-showtext' => $showText ?: __('show', 'ultimate-blocks'),
+			'data-hidetext' => $hideText ?: __('hide', 'ultimate-blocks'),
+			'data-scrolltype' => $scrollOption,
 		)
 	);
-    return '<div ' . $block_wrapper_attributes .
-                '" data-showtext="' . ($showText ?: __('show', 'ultimate-blocks') ) . '" data-hidetext="' . ($hideText ?: __('hide', 'ultimate-blocks'))
-                . '" data-scrolltype="' . esc_attr($scrollOption) . '"' . ($scrollOption === 'fixedamount' ? ' data-scrollamount="' . esc_attr($scrollOffset) . '"' : '')
+    return '<div ' . $block_wrapper_attributes
+                . ($scrollOption === 'fixedamount' ? ' data-scrollamount="' . esc_attr($scrollOffset) . '"' : '')
                 . ($scrollOption === 'namedelement' ? ' data-scrolltarget="' . $targetType . esc_attr($scrollTarget) . '"' : '') . ' data-initiallyhideonmobile="' . json_encode($hideOnMobile) . '"
                     data-initiallyshow="' . json_encode($showList) . '">'.
                 (('<div class="ub_table-of-contents-header-container"><div class="ub_table-of-contents-header">

diff --git a/src/blocks/table-of-contents/components.js b/src/blocks/table-of-contents/components.js
@@ -712,6 +712,7 @@ export const inspectorControls = (props) => {
 		numColumns,
 		showText,
 		hideText,
+		linkToDivider,
 	} = attributes;
 
 	const { updateBlockAttributes } =
@@ -818,56 +819,42 @@ export const inspectorControls = (props) => {
 					</PanelRow>
 				</PanelBody>
 				<PanelBody title={__("Collapsible")} initialOpen={false}>
-					<PanelRow>
-						<label htmlFor="ub_toc_toggle_display">{__("Collapsible")}</label>
-						<ToggleControl
-							id="ub_toc_toggle_display"
-							checked={allowToCHiding}
-							onChange={(allowToCHiding) =>
-								setAttributes({
-									allowToCHiding,
-									showList: allowToCHiding ? showList : true,
-									hideOnMobile: false,
-								})
-							}
-						/>
-					</PanelRow>
+					<ToggleControl
+						label={__("Collapsible", "ultimate-blocks")}
+						id="ub_toc_toggle_display"
+						checked={allowToCHiding}
+						onChange={(allowToCHiding) =>
+							setAttributes({
+								allowToCHiding,
+								showList: allowToCHiding ? showList : true,
+								hideOnMobile: false,
+							})
+						}
+					/>
 					{allowToCHiding && (
 						<>
-							<PanelRow>
-								<TextControl
-									label={__("Show text")}
-									value={showText}
-									onChange={(showText) => setAttributes({ showText })}
-								/>
-							</PanelRow>
-							<PanelRow>
-								<TextControl
-									label={__("Hide text")}
-									value={hideText}
-									onChange={(hideText) => setAttributes({ hideText })}
-								/>
-							</PanelRow>
-							<PanelRow>
-								<label htmlFor="ub_show_toc">{__("Initial Show")}</label>
-								<ToggleControl
-									id="ub_show_toc"
-									checked={showList}
-									onChange={() => setAttributes({ showList: !showList })}
-								/>
-							</PanelRow>
-							<PanelRow>
-								<label htmlFor="ub_hide_on_mobile">
-									{__("Initial Hide on Mobile")}
-								</label>
-								<ToggleControl
-									id="ub_hide_on_mobile"
-									checked={hideOnMobile}
-									onChange={() =>
-										setAttributes({ hideOnMobile: !hideOnMobile })
-									}
-								/>
-							</PanelRow>
+							<TextControl
+								label={__("Show text", "ultimate-blocks")}
+								value={showText}
+								onChange={(showText) => setAttributes({ showText })}
+							/>
+							<TextControl
+								label={__("Hide text", "ultimate-blocks")}
+								value={hideText}
+								onChange={(hideText) => setAttributes({ hideText })}
+							/>
+							<ToggleControl
+								label={__("Initial Show", "ultimate-blocks")}
+								id="ub_show_toc"
+								checked={showList}
+								onChange={() => setAttributes({ showList: !showList })}
+							/>
+							<ToggleControl
+								label={__("Initial Hide on Mobile", "ultimate-blocks")}
+								id="ub_hide_on_mobile"
+								checked={hideOnMobile}
+								onChange={() => setAttributes({ hideOnMobile: !hideOnMobile })}
+							/>
 						</>
 					)}
 				</PanelBody>
@@ -919,49 +906,40 @@ export const inspectorControls = (props) => {
 							allowReset
 						/>
 					)}
-					<PanelRow>
-						<label htmlFor="ub_toc_scroll">
-							{__("Enable smooth scrolling")}
-						</label>
-						<ToggleControl
-							id="ub_toc_scroll"
-							checked={enableSmoothScroll}
-							onChange={() => {
-								const tocInstances = getBlocks().filter(
-									(block) => block.name === "ub/table-of-contents-block",
-								);
-								tocInstances.forEach((instance) => {
-									updateBlockAttributes(instance.clientId, {
-										enableSmoothScroll: !enableSmoothScroll,
-									});
+					<ToggleControl
+						label={__("Enable smooth scrolling", "ultimate-blocks")}
+						id="ub_toc_scroll"
+						checked={enableSmoothScroll}
+						onChange={() => {
+							const tocInstances = getBlocks().filter(
+								(block) => block.name === "ub/table-of-contents-block",
+							);
+							tocInstances.forEach((instance) => {
+								updateBlockAttributes(instance.clientId, {
+									enableSmoothScroll: !enableSmoothScroll,
 								});
-							}}
-						/>
-					</PanelRow>
+							});
+						}}
+					/>
 				</PanelBody>
 				<PanelBody title={__("Additional")} initialOpen={false}>
-					<PanelRow>
-						<label htmlFor="ub_toc_enable_latin_conversion">
-							{__("Romanize anchor links")}
-						</label>
-						<ToggleControl
-							id="ub_toc_enable_latin_conversion"
-							checked={allowToLatin}
-							onChange={(e) => setAttributes({ allowToLatin: e })}
-						/>
-					</PanelRow>
-					<PanelRow>
-						<label htmlFor="ub_toc_toggle_diacritics">
-							{__("Remove diacritics from anchor links")}
-						</label>
-						<ToggleControl
-							id="ub_toc_toggle_diacritics"
-							checked={removeDiacritics}
-							onChange={(removeDiacritics) =>
-								setAttributes({ removeDiacritics })
-							}
-						/>
-					</PanelRow>
+					<ToggleControl
+						label={__("Link to divider", "ultimate-blocks")}
+						checked={linkToDivider}
+						onChange={() => setAttributes({ linkToDivider: !linkToDivider })}
+					/>
+					<ToggleControl
+						label={__("Romanize anchor links", "ultimate-blocks")}
+						id="ub_toc_enable_latin_conversion"
+						checked={allowToLatin}
+						onChange={(e) => setAttributes({ allowToLatin: e })}
+					/>
+					<ToggleControl
+						label={__("Remove diacritics from anchor links", "ultimate-blocks")}
+						id="ub_toc_toggle_diacritics"
+						checked={removeDiacritics}
+						onChange={(removeDiacritics) => setAttributes({ removeDiacritics })}
+					/>
 				</PanelBody>
 			</InspectorControls>
 			<InspectorControls group="styles">
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('lodash', 'moment', 'react', 'react-dom', 'wp-api', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'e60c4b256c76fe2e040f');
		<?php return array('dependencies' => array('lodash', 'moment', 'react', 'react-dom', 'wp-api', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '7b8ca8a736f05c6440d9');