File Manager

✏️ Edit File: /home/mklsvubc/am1atec.co.uk/wp-content/plugins/latepoint/blocks/controls/PaddingBoxControl.js

import { __ } from '@wordpress/i18n';
import { __experimentalBoxControl as BoxControl } from '@wordpress/components';
import React from "react";

const PaddingBoxControl = ({ label, paddingAttribute, attributes, setAttributes }) => {
    const defaultPadding = {
        top: '',
        right: '',
        bottom: '',
        left: ''
    };

const handleBoxControlChange = (newValues) => {
        setAttributes({ [paddingAttribute]: paddingToString(newValues) });
    };

const paddingValues = () => {
        if (!attributes[paddingAttribute]) return defaultPadding;

const values = attributes[paddingAttribute].split(' ');
        const positions = ['top', 'right', 'bottom', 'left'];

return positions.reduce((acc, position, index) => {
            acc[position] = values[index] || '';
            return acc;
        }, {});
    };

const paddingToString = (padding) => {
        if (!padding.top && !padding.right && !padding.bottom && !padding.left) {
            return '';
        }
        return [
            padding.top || '0',
            padding.right || '0',
            padding.bottom || '0',
            padding.left || '0',
        ].join(' ').trim();
    };

return (
        <div className="lb-boxcontrol">
            <BoxControl
                label={__(label)}
                values={paddingValues()}
                onChange={handleBoxControlChange}
                resetValues={defaultPadding}
            />
        </div>
    );
};

export default PaddingBoxControl;

Batal

⬅ Naik ke blocks 9 item

Nama	Tipe	Ukuran	Diubah	Aksi
📜BorderControl.js	js	4.1 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📜BoxShadowControl.js	js	3.2 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📜ColorSelectorControl.js	js	1.3 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📜FontSizeControl.js	js	2.8 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📜LatepointIcons.js	js	1.7 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📜LetterSpacingControl.js	js	2.5 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📜LineHeightControl.js	js	2.8 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📜PaddingBoxControl.js	js	1.5 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📜TypographyControl.js	js	4.1 KB	2025-01-29 06:25	✏️ Edit 👁️ View