franken-ui/dist/uikit/stylings/sortable.js

Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.

import merge from 'lodash/merge.js';
export const rules = {
    '.uk-sortable': { position: 'relative' },
    '.uk-sortable > :last-child': { marginBottom: '0' },
    '.uk-sortable-drag': {
        position: 'fixed !important',
        zIndex: '1050 !important',
        pointerEvents: 'none'
    },
    '.uk-sortable-placeholder': { opacity: '0', pointerEvents: 'none' },
    '.uk-sortable-empty': { minHeight: '50px' },
    '.uk-sortable-handle:hover': { cursor: 'move' }
};
export const addHooks = (args) => {
    const { hooks } = args;
    const defaultHooks = {
        'hook-sortable': {},
        'hook-drag': {},
        'hook-placeholder': {},
        'hook-empty': {},
        'hook-misc': {}
    };
    const _hooks = merge(defaultHooks, hooks);
    return {
        '.uk-sortable': {
            ..._hooks['hook-sortable']
        },
        '.uk-sortable-drag': {
            ..._hooks['hook-drag']
        },
        '.uk-sortable-placeholder': {
            ..._hooks['hook-placeholder']
        },
        '.uk-sortable-empty': {
            ..._hooks['hook-empty']
        },
        ..._hooks['hook-misc']
    };
};