@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
20 lines (19 loc) • 1.26 kB
JavaScript
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 }) }));
},
});