UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

20 lines (19 loc) 1.26 kB
import { jsx as _jsx } from "react/jsx-runtime"; import * as React from 'react'; import { createComponent } from '@workday/canvas-kit-react/common'; import { createStencil } from '@workday/canvas-kit-styling'; import { mergeStyles } from '@workday/canvas-kit-react/layout'; import { system } from '@workday/canvas-tokens-web'; import { GoToContext, useGoToForm } from './useGoToForm'; import { PaginationContext } from '../usePaginationModel'; export const paginationGoToFormStencil = createStencil({ base: { name: "1zgx52", styles: "box-sizing:border-box;display:flex;align-items:center;gap:var(--cnvs-sys-space-x2);:dir(rtl){padding-inline-start:var(--cnvs-sys-space-x2);padding-inline-end:var(--cnvs-sys-space-x2);}" } }, "pagination-go-to-form-0e353a"); export const GoToForm = createComponent('form')({ Component({ children, onSubmit, ...elemProps }, ref, Element) { const model = React.useContext(PaginationContext); const goToContext = useGoToForm({ model, onSubmit }); const { formProps } = goToContext; return (_jsx(GoToContext.Provider, { value: goToContext, children: _jsx(Element, { ref: ref, ...mergeStyles({ ...formProps, ...elemProps }, paginationGoToFormStencil()), children: children }) })); }, });