21 |  ?>)
22 |
--------------------------------------------------------------------------------
/library/freemius/templates/plugin-info/index.php:
--------------------------------------------------------------------------------
1 |
22 | -
23 | $url ) : ?>
25 |
-
26 |
27 |
28 |
29 |
11 |
19 |
20 | );
21 | };
22 |
--------------------------------------------------------------------------------
/src/blocks/divider/style.css:
--------------------------------------------------------------------------------
1 | .ub_divider{display:flex;margin-left:auto;margin-right:auto;align-content:center;border-bottom:none}.ub_divider.ub_divider:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){max-width:initial}.entry-content.entry-content .ub_divider{background-color:rgba(0,0,0,0)}.entry-content.entry-content .ub_divider::before,.entry-content.entry-content .ub_divider::after{content:none}
--------------------------------------------------------------------------------
/src/blocks/divider/style.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * #.# Styles
3 | *
4 | * CSS for both Frontend+Backend.
5 | */
6 |
7 | .ub_divider {
8 | display: flex;
9 | margin-left: auto; //needed for proper alignment
10 | margin-right: auto; //needed for proper alignment
11 | align-content: center;
12 | //begin overrides for twenty twenty-one
13 | border-bottom: none;
14 | &.ub_divider:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
15 | max-width: initial;
16 | }
17 | //end overrides for twenty twenty-one
18 | }
19 |
20 | .entry-content.entry-content .ub_divider {
21 | &::before,
22 | &::after {
23 | content: none; //override twenty twenty
24 | }
25 | background-color: transparent; //override twenty nineteen, twenty seventeen
26 | }
27 |
--------------------------------------------------------------------------------
/src/blocks/expand/expand-portion/block.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://schemas.wp.org/trunk/block.json",
3 | "apiVersion": 3,
4 | "name": "ub/expand-portion",
5 | "title": "Expand Portion",
6 | "parent": [
7 | "ub/expand"
8 | ],
9 | "category": "ultimateblocks",
10 | "description": "",
11 | "keywords": [],
12 | "attributes": {
13 | "clickText": {
14 | "type": "string",
15 | "default": ""
16 | },
17 | "displayType": {
18 | "type": "string",
19 | "default": ""
20 | },
21 | "isVisible": {
22 | "type": "boolean",
23 | "default": true
24 | },
25 | "toggleAlign": {
26 | "type": "string",
27 | "default": "left"
28 | },
29 | "parentID": {
30 | "type": "string",
31 | "default": ""
32 | }
33 | },
34 | "supports": {
35 | "inserter": false,
36 | "reusable": false,
37 | "lock": false
38 | }
39 | }
--------------------------------------------------------------------------------
/src/blocks/expand/get-styles.js:
--------------------------------------------------------------------------------
1 | import { omitBy, isUndefined, trim, isEmpty } from "lodash";
2 | import { getSpacingCss } from "../utils/styling-helpers";
3 |
4 | export function getStyles(attributes) {
5 | const { padding, margin } = attributes;
6 | const paddingObj = getSpacingCss(padding);
7 | const marginObj = getSpacingCss(margin);
8 |
9 | let styles = {
10 | paddingTop: paddingObj?.top,
11 | paddingRight: paddingObj?.right,
12 | paddingBottom: paddingObj?.bottom,
13 | paddingLeft: paddingObj?.left,
14 | marginTop: marginObj?.top,
15 | marginRight: marginObj?.right,
16 | marginBottom: marginObj?.bottom,
17 | marginLeft: marginObj?.left,
18 | };
19 |
20 | return omitBy(
21 | styles,
22 | (value) =>
23 | value === false ||
24 | isEmpty(value) ||
25 | isUndefined(value) ||
26 | trim(value) === "" ||
27 | trim(value) === "undefined undefined undefined"
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/src/blocks/expand/icon.js:
--------------------------------------------------------------------------------
1 | const icon = (
2 |
17 | );
18 |
19 | export default icon;
20 |
--------------------------------------------------------------------------------
/src/blocks/expand/style.css:
--------------------------------------------------------------------------------
1 | .ub-expand{padding-bottom:1em}.ub-expand-toggle-button{display:block;cursor:pointer}.ub-hide{display:none}
--------------------------------------------------------------------------------
/src/blocks/expand/style.scss:
--------------------------------------------------------------------------------
1 | .ub-expand {
2 | padding-bottom: 1em;
3 | }
4 |
5 | .ub-expand-toggle-button {
6 | display: block;
7 | cursor: pointer;
8 | }
9 | .ub-hide {
10 | display: none;
11 | }
12 |
--------------------------------------------------------------------------------
/src/blocks/feature-box/editor.css:
--------------------------------------------------------------------------------
1 | .wp-block-ub-feature-box{margin:20px 0 20px 0;max-width:100%}.ub_feature_upload_button>button{display:flex !important;align-items:center;margin-left:auto !important;margin-right:auto !important}.ub_feature_upload_button>p{font-size:12px;text-align:justify;margin:5px 0 0 3px}
--------------------------------------------------------------------------------
/src/blocks/feature-box/editor.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * #.# Editor Styles
3 | *
4 | * CSS for just Backend enqueued after style.scss
5 | * which makes it higher in priority.
6 | */
7 |
8 | .wp-block-ub-feature-box {
9 | margin: 20px 0 20px 0;
10 | max-width: 100%;
11 | }
12 |
13 | .ub_feature_upload_button {
14 | >button {
15 | display: flex !important;
16 | align-items: center;
17 | margin-left: auto !important;
18 | margin-right: auto !important;
19 | }
20 | >p {
21 | font-size: 12px;
22 | text-align: justify;
23 | margin: 5px 0 0 3px;
24 | }
25 | }
--------------------------------------------------------------------------------
/src/blocks/feature-box/icons/remove_icon.js:
--------------------------------------------------------------------------------
1 | const remove_icon = ;
6 |
7 | export default remove_icon;
--------------------------------------------------------------------------------
/src/blocks/how-to/block.js:
--------------------------------------------------------------------------------
1 | import icon from "./icon";
2 | import { EditorComponent } from "./components";
3 |
4 | import { registerBlockType } from "@wordpress/blocks";
5 | import metadata from "./block.json";
6 | registerBlockType(metadata.name, {
7 | ...metadata,
8 | attributes: metadata.attributes,
9 | icon: icon,
10 | example: {},
11 | edit: EditorComponent,
12 | save: () => null,
13 | });
14 |
--------------------------------------------------------------------------------
/src/blocks/how-to/get-styles.js:
--------------------------------------------------------------------------------
1 | import { omitBy, isUndefined, trim, isEmpty } from "lodash";
2 | import { getSpacingCss } from "../utils/styling-helpers";
3 |
4 | export function getStyles(attributes) {
5 | const { padding, margin } = attributes;
6 | const paddingObj = getSpacingCss(padding);
7 | const marginObj = getSpacingCss(margin);
8 |
9 | let styles = {
10 | paddingTop: paddingObj?.top,
11 | paddingRight: paddingObj?.right,
12 | paddingBottom: paddingObj?.bottom,
13 | paddingLeft: paddingObj?.left,
14 | marginTop: marginObj?.top,
15 | marginRight: marginObj?.right,
16 | marginBottom: marginObj?.bottom,
17 | marginLeft: marginObj?.left,
18 | };
19 |
20 | return omitBy(
21 | styles,
22 | (value) =>
23 | value === false ||
24 | isEmpty(value) ||
25 | isUndefined(value) ||
26 | trim(value) === "" ||
27 | trim(value) === "undefined undefined undefined"
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/src/blocks/how-to/style.css:
--------------------------------------------------------------------------------
1 | .ub_howto-step-image,.ub_howto-yield-image{width:100%;height:auto}.ub_howto-supplies-list img,.ub_howto-tools-list img{max-width:200px}.ub_howto-section-display{margin-left:1em}.ub_howto figcaption{margin-top:5px;text-align:center}.ub_howto-step-display .ub_howto-step{list-style-position:outside}.ub_howto-step{overflow:auto}.ub_howto-step>figure,.ub_howto-step>img{margin-bottom:10px}.ub_howto-yield{overflow:auto}@media screen and (max-width: 767px){.ub_howto .ub_howto-steps-list .ub_howto-step>figure,.ub_howto .ub_howto-section .ub_howto-steps-list .ub_howto-step>figure,.ub_howto .ub_howto-step-display .ub_howto-step>figure,.ub_howto .ub_howto-section .ub_howto-step-display .ub_howto-step>figure{width:100%;float:none}}
--------------------------------------------------------------------------------
/src/blocks/how-to/style.scss:
--------------------------------------------------------------------------------
1 | .ub_howto-step-image,
2 | .ub_howto-yield-image {
3 | width: 100%;
4 | height: auto;
5 | }
6 |
7 | .ub_howto-supplies-list,
8 | .ub_howto-tools-list {
9 | img {
10 | max-width: 200px;
11 | }
12 | }
13 |
14 | .ub_howto-section-display {
15 | margin-left: 1em;
16 | }
17 |
18 | .ub_howto figcaption {
19 | margin-top: 5px;
20 | text-align: center;
21 | }
22 |
23 | .ub_howto-step-display .ub_howto-step {
24 | list-style-position: outside;
25 | }
26 |
27 | .ub_howto-step {
28 | overflow: auto;
29 | > figure,
30 | > img {
31 | margin-bottom: 10px;
32 | }
33 | }
34 |
35 | .ub_howto-yield {
36 | overflow: auto;
37 | }
38 |
39 | @media screen and (max-width: 767px) {
40 | .ub_howto {
41 | .ub_howto-steps-list,
42 | .ub_howto-section .ub_howto-steps-list,
43 | .ub_howto-step-display,
44 | .ub_howto-section .ub_howto-step-display {
45 | .ub_howto-step > figure {
46 | width: 100%;
47 | float: none;
48 | }
49 | }
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/src/blocks/icon-inner/block.js:
--------------------------------------------------------------------------------
1 | import { __ } from '@wordpress/i18n';
2 | import registerPluginBlock from '$Inc/registerPluginBlock';
3 | import UbIcon from './components/UbIcon';
4 | import { UbIconComponent } from '$Library/ub-common/Components';
5 |
6 | registerPluginBlock('ub/icon-innerblock', {
7 | title: __('Icon', 'ultimate-blocks'),
8 | category: 'ultimateblocks',
9 | icon: 'dashicons-admin-tools',
10 | supports: {
11 | inserter: false,
12 | },
13 | edit: (props) => {
14 | const { attributes, setAttributes } = props;
15 | const { iconName, size } = attributes;
16 |
17 | return (
18 |
19 |
35 | );
36 | }
37 |
38 | export default IconsLibrary;
39 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/font-awesome/index.js:
--------------------------------------------------------------------------------
1 | export { default as fontAwesomeCategories } from "./categories";
2 | export { default as fontAwesomeIcons } from "./icons";
3 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/bandcamp.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 |
5 | import { Path, SVG } from '@wordpress/primitives';
6 |
7 | export const bandcamp = (
8 |
11 | );
12 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/deviantart.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const deviantart = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/dropbox.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const dropbox = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/etsy.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const etsy = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/facebook.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const facebook = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/feed.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const feed = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/flickr.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const flickr = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/foursquare.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const foursquare = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/github.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const github = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/google.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const google = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/linkedin.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const linkedin = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/mail.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const mail = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/mastodon.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const mastodon = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/medium.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const medium = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/patreon.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Circle, Rect, SVG } from '@wordpress/primitives';
5 |
6 | export const patreon = (
7 |
11 | );
12 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/pinterest.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const pinterest = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/pocket.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const pocket = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/spotify.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const spotify = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/tiktok.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const tiktok = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/tumblr.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const tumblr = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/twitch.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const twitch = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/twitter.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const twitter = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/vimeo.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const vimeo = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/icons/wordpress/social/youtube.js:
--------------------------------------------------------------------------------
1 | /**
2 | * WordPress dependencies
3 | */
4 | import { Path, SVG } from '@wordpress/primitives';
5 |
6 | export const youtube = (
7 |
10 | );
11 |
--------------------------------------------------------------------------------
/src/blocks/icon/utils.js:
--------------------------------------------------------------------------------
1 | /**
2 | *
3 | * @param {string} svgString
4 | *
5 | * @returns {true|false} true if valid false is not valid
6 | */
7 | export function isValidSVG(svgString) {
8 | const parser = new DOMParser();
9 | const svgDoc = parser.parseFromString(svgString.trim(), "image/svg+xml");
10 | const errors = svgDoc.getElementsByTagName("parsererror");
11 |
12 | return errors.length === 0;
13 | }
14 |
--------------------------------------------------------------------------------
/src/blocks/image-slider/editor.scss:
--------------------------------------------------------------------------------
1 | @import "../../common";
2 | .wp-block-ub-image-slider {
3 | width: 100%;
4 | }
5 | div[data-block] > .ub_image_slider {
6 | display: block;
7 | .components-placeholder {
8 | &__fieldset {
9 | display: flex;
10 | justify-content: center;
11 | }
12 | &__label {
13 | margin: 5px auto;
14 | }
15 | &__instructions {
16 | text-align: center;
17 | margin: auto;
18 | }
19 | }
20 | }
21 |
22 | :not(.is-selected) > .ub_image_slider {
23 | margin-bottom: 50px;
24 | }
25 |
26 | .ub_image_slider_url_input {
27 | width: 300px;
28 | margin: auto;
29 | }
30 |
31 | .ub_image_slider_extra {
32 | height: 100%;
33 | }
34 |
35 | .ub_image_slider {
36 | .editor-rich-text {
37 | padding-left: 10px;
38 | padding-right: 10px;
39 | }
40 | }
41 | .ub_image_slider_add_images {
42 | display: block;
43 | top: 50%;
44 | left: 50%;
45 | position: absolute;
46 | transform: translate(-50%, -50%);
47 | }
48 |
--------------------------------------------------------------------------------
/src/blocks/image-slider/front.js:
--------------------------------------------------------------------------------
1 | Array.prototype.slice
2 | .call(document.getElementsByClassName("ub_image_slider"))
3 | .forEach((instance) => {
4 | const swiper = new Swiper(
5 | `#${instance.id}`,
6 | JSON.parse(instance.dataset.swiperData)
7 | );
8 |
9 | instance
10 | ?.getElementsByClassName("swiper-button-next")[0]
11 | ?.addEventListener("keydown", (e) => {
12 | if (e.key === " ") {
13 | e.preventDefault();
14 | }
15 | });
16 |
17 | instance
18 | ?.getElementsByClassName("swiper-button-prev")[0]
19 | ?.addEventListener("keydown", (e) => {
20 | if (e.key === " ") {
21 | e.preventDefault();
22 | }
23 | });
24 |
25 | Array.prototype.slice
26 | .call(instance.getElementsByClassName("swiper-pagination-bullet"))
27 | .forEach((bullet) => {
28 | bullet.addEventListener("keydown", (e) => {
29 | if (e.key === " ") {
30 | e.preventDefault();
31 | }
32 | });
33 | });
34 | });
35 |
--------------------------------------------------------------------------------
/src/blocks/notification-box/block.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://schemas.wp.org/trunk/block.json",
3 | "apiVersion": 3,
4 | "name": "ub/notification-box-block",
5 | "title": "Notification Box",
6 | "category": "ultimateblocks",
7 | "description": "",
8 | "keywords": [
9 | "notification",
10 | "warning info",
11 | "Ultimate Blocks"
12 | ],
13 | "attributes": {
14 | "blockID": {
15 | "type": "string",
16 | "default": ""
17 | },
18 | "ub_notify_info": {
19 | "type": "string",
20 | "default": ""
21 | },
22 | "ub_selected_notify": {
23 | "type": "string",
24 | "default": "ub_notify_info"
25 | },
26 | "align": {
27 | "type": "string",
28 | "default": "left"
29 | }
30 | },
31 | "supports": {
32 | "inserter": false
33 | }
34 | }
--------------------------------------------------------------------------------
/src/blocks/notification-box/block.php:
--------------------------------------------------------------------------------
1 |
6 |
8 |
10 | ';
11 | }
12 |
13 | function ub_register_notification_box_block() {
14 | if ( function_exists( 'register_block_type_from_metadata' ) ) {
15 | require dirname(dirname(__DIR__)) . '/defaults.php';
16 | register_block_type_from_metadata( dirname(dirname(dirname(__DIR__))) . '/dist/blocks/notification-box', array(
17 | 'attributes' => $defaultValues['ub/notification-box-block']['attributes'],
18 | 'render_callback' => 'ub_render_notification_box_block'));
19 | }
20 | }
21 |
22 | add_action('init', 'ub_register_notification_box_block');
23 |
--------------------------------------------------------------------------------
/src/blocks/notification-box/icons/success.js:
--------------------------------------------------------------------------------
1 | const success = (
2 |
17 | );
18 |
19 | export default success;
20 |
--------------------------------------------------------------------------------
/src/blocks/notification-box/icons/warning.js:
--------------------------------------------------------------------------------
1 | const warning = (
2 |
18 | );
19 |
20 | export default warning;
21 |
--------------------------------------------------------------------------------
/src/blocks/notification-box/style.css:
--------------------------------------------------------------------------------
1 | .ub_notify_info,.ub_notify_success,.ub_notify_warning{margin:10px 0px;padding:15px;border-left-width:4px;border-left-style:solid}.ub_notify_info .ub_notify_text,.ub_notify_success .ub_notify_text,.ub_notify_warning .ub_notify_text{margin:0 auto}.ub_notify_info{color:#31708f;background-color:#d9edf7;border-left-color:#31708f}.ub_notify_success{color:#3c763d;background-color:#dff0d8;border-left-color:#3c763d}.ub_notify_warning{color:#d8000c;background-color:#ffd2d2;border-left-color:#d8000c}
--------------------------------------------------------------------------------
/src/blocks/notification-box/style.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * #.# Styles
3 | *
4 | * CSS for both Frontend+Backend.
5 | */
6 | .ub_notify_info,
7 | .ub_notify_success,
8 | .ub_notify_warning {
9 | margin: 10px 0px;
10 | padding: 15px;
11 | border-left-width: 4px;
12 | border-left-style: solid;
13 | .ub_notify_text {
14 | margin: 0 auto;
15 | }
16 | }
17 |
18 | .ub_notify_info {
19 | color: #31708f;
20 | background-color: #d9edf7;
21 | border-left-color: #31708f;
22 | }
23 |
24 | .ub_notify_success {
25 | color: #3c763d;
26 | background-color: #dff0d8;
27 | border-left-color: #3c763d;
28 | }
29 |
30 | .ub_notify_warning {
31 | color: #d8000c;
32 | background-color: #ffd2d2;
33 | border-left-color: #d8000c;
34 | }
35 |
--------------------------------------------------------------------------------
/src/blocks/number-box/editor.css:
--------------------------------------------------------------------------------
1 | .wp-block-ub-number-box{margin:0 auto}
--------------------------------------------------------------------------------
/src/blocks/number-box/editor.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * #.# Editor Styles
3 | *
4 | * CSS for just Backend enqueued after style.scss
5 | * which makes it higher in priority.
6 | */
7 |
8 | .wp-block-ub-number-box {
9 | margin: 0 auto;
10 | }
11 |
--------------------------------------------------------------------------------
/src/blocks/number-box/icons/icon.js:
--------------------------------------------------------------------------------
1 | const icon = (
2 |
17 | );
18 |
19 | export default icon;
20 |
--------------------------------------------------------------------------------
/src/blocks/post-grid/editor.css:
--------------------------------------------------------------------------------
1 | .ub-autocomplete-container{margin-bottom:5px}.ub-autocomplete-selection{border:1px solid #000;margin:4px;padding:2px;border-radius:4px}.ub-autocomplete-list{position:absolute;z-index:1;max-height:100px;overflow-y:scroll}.ub-autocomplete-list>div:nth-child(odd){background-color:#eee}.ub-autocomplete-list>div:nth-child(even){background-color:#fff}.ub-autocomplete-list>div:focus{background-color:#aaa}.ub-block-post-grid-excerpt>div>p:last-child{margin-bottom:0}
--------------------------------------------------------------------------------
/src/blocks/post-grid/editor.scss:
--------------------------------------------------------------------------------
1 | .ub-autocomplete-container {
2 | margin-bottom: 5px;
3 | }
4 |
5 | .ub-autocomplete-selection {
6 | border: 1px solid black;
7 | margin: 4px;
8 | padding: 2px;
9 | border-radius: 4px;
10 | }
11 |
12 | .ub-autocomplete-list {
13 | position: absolute;
14 | z-index: 1;
15 | max-height: 100px;
16 | overflow-y: scroll;
17 | > div {
18 | &:nth-child(odd) {
19 | background-color: #eeeeee;
20 | }
21 | &:nth-child(even) {
22 | background-color: #ffffff;
23 | }
24 | &:focus {
25 | background-color: #aaaaaa;
26 | }
27 | }
28 | }
29 |
30 | .ub-block-post-grid-excerpt > div > p:last-child {
31 | margin-bottom: 0;
32 | }
33 |
--------------------------------------------------------------------------------
/src/blocks/progress-bar/blocks-styles.js:
--------------------------------------------------------------------------------
1 | import { __ } from "@wordpress/i18n";
2 |
3 | const styles = [
4 | {
5 | name: "ub-progress-bar-line-wrapper",
6 | isDefault: true,
7 | label: __("Line", "ultimate-blocks"),
8 | },
9 | {
10 | name: "ub-progress-bar-circle-wrapper",
11 | label: __("Circle", "ultimate-blocks"),
12 | },
13 | {
14 | name: "ub-progress-bar-half-circle-wrapper",
15 | label: __("Half Circle", "ultimate-blocks"),
16 | },
17 | ];
18 |
19 | styles.forEach((style) => {
20 | wp.blocks.registerBlockStyle("ub/progress-bar", style);
21 | });
22 |
--------------------------------------------------------------------------------
/src/blocks/progress-bar/front.build.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | document.addEventListener("DOMContentLoaded", function () {
4 | setTimeout(function () {
5 | Array.prototype.slice.call(document.getElementsByClassName("ub_progress-bar")).forEach(function (instance) {
6 | instance.classList.add("ub_progress-bar-filled");
7 | });
8 | }, 500);
9 | });
--------------------------------------------------------------------------------
/src/blocks/progress-bar/front.js:
--------------------------------------------------------------------------------
1 | document.addEventListener("DOMContentLoaded", function() {
2 | setTimeout(() => {
3 | Array.prototype.slice
4 | .call(document.getElementsByClassName("ub_progress-bar"))
5 | .forEach(instance => {
6 | instance.classList.add("ub_progress-bar-filled");
7 | });
8 | }, 500);
9 | });
10 |
--------------------------------------------------------------------------------
/src/blocks/review/get-styles.js:
--------------------------------------------------------------------------------
1 | import { omitBy, isUndefined, trim, isEmpty } from "lodash";
2 | import { getSpacingCss } from "../utils/styling-helpers";
3 |
4 | export function getStyles(attributes) {
5 | const { padding, margin, summaryTitleFontSize, mainTitleFontSize } =
6 | attributes;
7 | const paddingObj = getSpacingCss(padding);
8 | const marginObj = getSpacingCss(margin);
9 |
10 | let styles = {
11 | paddingTop: paddingObj?.top,
12 | paddingRight: paddingObj?.right,
13 | paddingBottom: paddingObj?.bottom,
14 | paddingLeft: paddingObj?.left,
15 | marginTop: marginObj?.top,
16 | marginRight: marginObj?.right,
17 | marginBottom: marginObj?.bottom,
18 | marginLeft: marginObj?.left,
19 | "--ub-review-summary-title-font-size": summaryTitleFontSize,
20 | "--ub-review-title-font-size": mainTitleFontSize,
21 | };
22 |
23 | return omitBy(
24 | styles,
25 | (value) =>
26 | value === false ||
27 | isEmpty(value) ||
28 | isUndefined(value) ||
29 | trim(value) === "" ||
30 | trim(value) === "undefined undefined undefined",
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/src/blocks/review/save.js:
--------------------------------------------------------------------------------
1 | import { InnerBlocks } from "@wordpress/block-editor";
2 | function Save() {
3 | return '. wp_kses_post($ub_notify_info) .'
9 |
16 |
18 | );
19 | }
20 |
21 | /**
22 | * @module DefaultItemIndicator
23 | */
24 | export default DefaultItemIndicator;
25 |
--------------------------------------------------------------------------------
/src/inc/components/SavedStyles/SavedStylesListingFilter.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { __ } from '@wordpress/i18n';
3 | import UbProInspectorTextInput from '$Inc/components/SavedStyles/UbProInspectorTextInput';
4 | import withBusyStatus from '$BlockStores/savedStyles/hoc/withBusyStatus';
5 |
6 | /**
7 | * SavedStylesListingFilter component.
8 | *
9 | * @param {Object} props component properties
10 | * @param {string} props.value filter value
11 | * @param {Function} props.onInput onInput event callback
12 | * @param {boolean} props.busyStatus busy status, will be supplied via HOC
13 | * @class
14 | */
15 | function SavedStylesListingFilter({ value, onInput, busyStatus }) {
16 | return (
17 |
18 |
25 | );
26 | }
27 |
28 | /**
29 | * @module SavedStylesListingFilter
30 | */
31 | export default withBusyStatus(SavedStylesListingFilter);
32 |
--------------------------------------------------------------------------------
/src/inc/components/SavedStyles/UbProInspectorTextInput.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | /**
4 | * Text input for inspector panel.
5 | *
6 | * @param {Object} props component properties
7 | * @param {boolean} [props.disabled=false] disabled status of component
8 | * @param {string} [props.placeholder=''] placeholder text
9 | * @param {string} props.value input value
10 | * @param {Function} props.onInput input callback
11 | * @return {JSX.Element} inspector panel text input component
12 | * @class
13 | */
14 | function UbProInspectorTextInput({
15 | disabled = false,
16 | placeholder = '',
17 | value,
18 | onInput,
19 | }) {
20 | /* eslint-disable no-shadow */
21 | return (
22 | onInput(value)}
29 | />
30 | );
31 | /* eslint-enable no-shadow */
32 | }
33 |
34 | /**
35 | * @module UbProInspectorTextInput
36 | */
37 | export default UbProInspectorTextInput;
38 |
--------------------------------------------------------------------------------
/src/inc/components/Upsell/Controls/UpsellButtonGroupControl.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import withUpsellControlWrapper from '$Inc/hoc/withUpsellControlWrapper';
3 | import {
4 | BlackWhiteButtonGroup,
5 | BlackWhiteButton,
6 | } from '$Library/ub-common/Components';
7 |
8 | /**
9 | * Button Group for upsell features.
10 | *
11 | * @param {Object} props component properties
12 | * @param {Array} [props.buttonLabels=[]] button labels
13 | * @function Object() { [native code] }
14 | */
15 | function UpsellButtonGroupControl({ buttonLabels = [] }) {
16 | return (
17 |