koval-ui/dist/src/internal/Actions/Actions.cjs.map

React components collection with minimalistic design. Supports theming, layout, and input validation.

{"version":3,"file":"Actions.cjs","sources":["../../../../src/internal/Actions/Actions.tsx"],"sourcesContent":["import type {ReactNode} from 'react';\nimport {forwardRef} from 'react';\nimport classNames from 'classnames';\n\nimport type {DataAttributes, LibraryProps} from '@/internal/LibraryAPI';\n\nimport type {Props as ActionProps} from './ActionButton.tsx';\nimport {ActionsTree} from './ActionsTree.tsx';\nimport {Variants} from './Variants.ts';\nimport classes from './Actions.module.css';\n\nexport type Props = DataAttributes &\n    LibraryProps & {\n        children?: ReactNode;\n        /** Provide an array of actions with callbacks */\n        actions?: (ActionProps | [ActionProps, ActionProps])[];\n        /** Set design of Actions block */\n        variant?: keyof typeof Variants;\n        /** Provide CSS class name for action button */\n        classNameAction?: string;\n        /** Provide CSS class name for action button row container */\n        classNameRow?: string;\n    };\n\nexport const Actions = forwardRef<HTMLDivElement, Props>(\n    (\n        {\n            children,\n            className,\n            actions = [],\n            variant = Variants.primary,\n            classNameAction,\n            classNameRow,\n            ...nativeProps\n        },\n        ref\n    ) => {\n        return (\n            <div {...nativeProps} className={classNames(classes.actions, className)} ref={ref}>\n                <ActionsTree\n                    actions={actions}\n                    classNameAction={classNames(\n                        {\n                            [classes.primaryAction]: variant === Variants.primary,\n                            [classes.invertedAction]: variant === Variants.inverted,\n                        },\n                        classNameAction\n                    )}\n                    classNameRow={classNames(classes.actionRow, classNameRow)}\n                />\n            </div>\n        );\n    }\n);\n\nActions.displayName = 'Actions';\n"],"names":["Actions","forwardRef","children","className","actions","variant","Variants","classNameAction","classNameRow","nativeProps","ref","jsx","classNames","classes","ActionsTree"],"mappings":"8QAwBaA,EAAUC,EAAA,WACnB,CACI,CACI,SAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,CAAC,EACX,QAAAC,EAAUC,EAAS,SAAA,QACnB,gBAAAC,EACA,aAAAC,EACA,GAAGC,GAEPC,IAGIC,EAAA,IAAC,MAAK,CAAA,GAAGF,EAAa,UAAWG,EAAWC,EAAQ,QAAA,QAASV,CAAS,EAAG,IAAAO,EACrE,SAAAC,EAAA,IAACG,EAAA,YAAA,CACG,QAAAV,EACA,gBAAiBQ,EACb,CACI,CAACC,UAAQ,aAAa,EAAGR,IAAYC,EAAS,SAAA,QAC9C,CAACO,UAAQ,cAAc,EAAGR,IAAYC,WAAS,QACnD,EACAC,CACJ,EACA,aAAcK,EAAWC,UAAQ,UAAWL,CAAY,CAAA,CAAA,EAEhE,CAGZ,EAEAR,EAAQ,YAAc"}