@workday/canvas-kit-react 8.5.0-339-next.0 → 8.5.0-342-next.2

package/tabs/lib/TabsItem.tsx

@@ -179,8 +179,8 @@ export const useTabsItem = composeHooks(
       const selected = !!elemProps['data-id'] && isSelected(name, state);
 
       return {
-        type: 'button',
-        role: 'tab',
+        type: 'button' as const,
+        role: 'tab' as const,
         id: `${state.id}-${name}`,
         'aria-selected': selected,
         'aria-controls': `tabpanel-${state.id}-${name}`,

package/tabs/lib/TabsList.tsx

@@ -38,7 +38,10 @@ export interface TabListProps<T = any>
 export const useTabsList = composeHooks(
   createElemPropsHook(useTabsModel)(() => {
     const modality = useModalityType();
-    return {role: 'tablist', overflowX: modality === 'touch' ? 'auto' : undefined};
+    return {
+      role: 'tablist',
+      overflowX: modality === 'touch' ? 'auto' : undefined,
+    } as const;
   }),
   useOverflowListMeasure,
   useListResetCursorOnBlur

package/tabs/lib/TabsOverflowButton.tsx

@@ -4,7 +4,7 @@ import {chevronDownSmallIcon} from '@workday/canvas-system-icons-web';
 import {
   createElemPropsHook,
   composeHooks,
-  subModelHook,
+  createSubModelElemPropsHook,
   createSubcomponent,
 } from '@workday/canvas-kit-react/common';
 import {SystemIcon} from '@workday/canvas-kit-react/icon';
@@ -25,10 +25,10 @@ export const useTabsOverflowButton = composeHooks(
   createElemPropsHook(useTabsModel)(() => {
     return {
       'aria-haspopup': true,
-    };
+    } as const;
   }),
   useOverflowListTarget,
-  subModelHook((m: ReturnType<typeof useTabsModel>) => m.menu, useMenuTarget)
+  createSubModelElemPropsHook(useTabsModel)(m => m.menu, useMenuTarget)
 );
 
 export const TabsOverflowButton = createSubcomponent('button')({

package/tabs/lib/TabsPanel.tsx

@@ -57,11 +57,11 @@ export const useTabsPanel = createElemPropsHook(useTabsModel)(
     });
 
     return {
-      role: 'tabpanel',
+      role: 'tabpanel' as const,
       'aria-labelledby': `${state.id}-${localId}`,
       hidden: !!localId && localId !== state.selectedIds[0],
       id: `tabpanel-${state.id}-${localId}`,
-      tabIndex: 0,
+      tabIndex: 0 as const,
     };
   }
 );

package/tabs/lib/useTabsModel.tsx

@@ -8,6 +8,22 @@ import {
 
 import {useMenuModel} from '@workday/canvas-kit-react/menu';
 
+/**
+ * The TabsModel extends the [Collection
+ * System](/getting-started/for-developers/resources/collection-api/). Tabs have tab items and
+ * panels. Tabs can be overflowed if there isn't enough room to render and will overflow to a
+ * {@link MenuModel} sub-model.
+ *
+ * ```tsx
+ * const model = useTabsModel({
+ *   onSelect(data) {
+ *     console.log('Selected Tab', data)
+ *   }
+ * })
+ *
+ * <Tabs model={model}>{Tabs child components}</Tabs>
+ * ```
+ */
 export const useTabsModel = createModelHook({
   defaultConfig: {
     ...useOverflowListModel.defaultConfig,

package/text/lib/LabelText.tsx

@@ -10,19 +10,14 @@ export interface TypeLabelProps extends TextProps {
 }
 
 /**
- * ## LabelText
- * [View Docs](https://canvas.workday.com/components/text/label-text)
- *
- * ---
- * This component is intended to be used for labeling input fields.
- * It's built on top of the `Text` component, so it has access to all `TextProps`.
- * By default, it renders a semantic `label` element.
+ * This component is intended to be used for labeling input fields. It's built on top of the
+ * {@link Text} component, so it has access to all `TextProps`. By default, it renders a semantic
+ * `label` element.
  *
  * It also uses the `subtext.large` typeLevel by default:
  * - font-size: 14px (0.875rem)
  * - font-weight: regular (400)
  *
- * @example
  * ```tsx
  * import { LabelText } from '@workday/canvas-kit-react/text';
  *

package/text/lib/Text.tsx

@@ -8,8 +8,7 @@ export interface TextProps extends BoxProps {
   /**
    * Type token as string with level and size separated by dot.
    * These values map to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
-   * 
-   * @example
+   *
    * ```tsx
    * <Text typeLevel="body.small">Small body text</Text>
    * ```
@@ -17,8 +16,7 @@ export interface TextProps extends BoxProps {
   typeLevel?: `${keyof CanvasTypeHierarchy}.${'large'|'medium'|'small'}`;
   /**
    * Type variant token names: `error`, `hint` or `inverse`.
-   * 
-   * @example
+   *
    * ```tsx
    * <Text variant="error" typeLevel="subtext.large">Error text</Text>
    * ```
@@ -42,7 +40,7 @@ const validateProps = ({typeLevel, variant, ...props}: TextProps) => {
 
   /*
   If token provided it updates undefined values of token styles:
-  `fontFamily`, `fontSize`, `lineHeight`, `fontWeight`, `color` 
+  `fontFamily`, `fontSize`, `lineHeight`, `fontWeight`, `color`
   by replacing them by token value
   */
   if (typeLevel) {
@@ -68,16 +66,14 @@ const validateProps = ({typeLevel, variant, ...props}: TextProps) => {
 };
 
 /**
- * ## Text
- * [View Docs](https://canvas.workday.com/components/text/text)
- * 
- * ---
- * This is a generic base component intended to render any text.
- * It's built on top of the `Box` component, so it has access to all [BoxProps](https://canvas.workday.com/components/layout/box/#props).
- * It also has `typeLevel` and `variant` style props that simplify navigating our type hierarchy and using [Canvas type tokens](https://canvas.workday.com/tokens/type#type-styles).
- * By default, it renders a semantic `span` element, but you can adjust this as needed with the `as` prop.
- * 
- * The type hierarchy is organized into four levels, which correspond to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
+ * This is a generic base component intended to render any text. It's built on top of the
+ * {@link Box} component. It also has `typeLevel` and `variant` style props that simplify navigating
+ * our type hierarchy and using [Canvas type
+ * tokens](https://canvas.workday.com/tokens/type#type-styles). By default, it renders a semantic
+ * `span` element, but you can adjust this as needed with the `as` prop.
+ *
+ * The type hierarchy is organized into four levels, which correspond to our [Canvas type
+ * levels](https://canvas.workday.com/tokens/type#type-styles).
  *
  * - `title`: Intended to be used for large page titles.
  * - `heading`: Intended to be used for headings and large text.
@@ -85,14 +81,14 @@ const validateProps = ({typeLevel, variant, ...props}: TextProps) => {
  * - `subtext`: Intended to be used for small subtext content or in tight spaces.
  *
  * Each level has three sizes: `large`, `medium`, and `small`.
- * 
- * You can provide any level and size to the `typeLevel` prop, and it will apply the correct styles accordingly.
- * In the example below we're providing the `subtext` level and `small` size to the component with the value `subtext.small`.
- * 
- * @example
+ *
+ * You can provide any level and size to the `typeLevel` prop, and it will apply the correct styles
+ * accordingly. In the example below we're providing the `subtext` level and `small` size to the
+ * component with the value `subtext.small`.
+ *
  * ```tsx
  * import { Text } from '@workday/canvas-kit-react/text';
- * 
+ *
  * const CustomErrorText = () => (
  *   <Text typeLevel="subtext.small" variant="error">
  *     Error Text

package/text/lib/TypeLevelComponents.tsx

@@ -14,10 +14,6 @@ export interface TypeLevelProps extends Omit<TextProps, 'typeLevel'> {
 }
 
 /**
- * ## Subtext
- * [View Docs](https://canvas.workday.com/components/text/subtext)
- *
- * ---
  * This component is intended to be used for small subtext content or in tight spaces.
  * By default, it renders a semantic `p` element, but you can adjust this as needed with the `as` prop.
  * It has three sizes: large, medium, and small.
@@ -33,7 +29,6 @@ export interface TypeLevelProps extends Omit<TextProps, 'typeLevel'> {
  *   - font-size: 10px (0.625rem)
  *   - font-weight: regular (400)
  *
- * @example
  * ```tsx
  * import { Subtext } from '@workday/canvas-kit-react/text';
  *
@@ -51,10 +46,6 @@ export const Subtext = createComponent('p')({
 });
 
 /**
- * ## BodyText
- * [View Docs](https://canvas.workday.com/components/text/body-text)
- *
- * ---
  * This component is intended to be used for standard body text.
  * By default, it renders a semantic `p` element, but you can adjust this as needed with the `as` prop.
  * It has three sizes: large, medium, and small.
@@ -70,7 +61,6 @@ export const Subtext = createComponent('p')({
  *   - font-size: 16px (1rem)
  *   - font-weight: regular (400)
  *
- * @example
  * ```tsx
  * import { BodyText } from '@workday/canvas-kit-react/text';
  *
@@ -88,10 +78,6 @@ export const BodyText = createComponent('p')({
 });
 
 /**
- * ## Heading
- * [View Docs](https://canvas.workday.com/components/text/heading)
- *
- * ---
  * This component is intended to be used for headings and large text.
  * By default, it renders a semantic `h2` element, but you can adjust this as needed with the `as` prop.
  * It has three sizes: large, medium, and small.
@@ -107,7 +93,6 @@ export const BodyText = createComponent('p')({
  *   - font-size: 24px (1.5rem)
  *   - font-weight: bold (700)
  *
- * @example
  * ```tsx
  * import { Heading } from '@workday/canvas-kit-react/text';
  *
@@ -125,10 +110,6 @@ export const Heading = createComponent('h2')({
 });
 
 /**
- * ## Title
- * [View Docs](https://canvas.workday.com/components/text/title)
- *
- * ---
  * This component is intended to be used large page titles.
  * By default, it renders a semantic `h1` element, but you can adjust this as needed with the `as` prop.
  * It has three sizes: large, medium, and small.
@@ -144,7 +125,6 @@ export const Heading = createComponent('h2')({
  *   - font-size: 40px (2.5rem)
  *   - font-weight: bold (700)
  *
- * @example
  * ```tsx
  * import { Title } from '@workday/canvas-kit-react/text';
  *

package/tokens/lib/type/index.ts

@@ -14,7 +14,7 @@ export type {
 
 
 /** ### Canvas Type Properties
- * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+ * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
  *
  * ---
  * The type properties provide precise control and are only intended to be used when the type hierarchy tokens are not well-suited for the task.
@@ -35,7 +35,7 @@ const properties: CanvasTypeProperties = {
 
 /**
  * ### Canvas Type Tokens
- * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+ * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
  *
  * ---
  * Type tokens are separated into three sections:
@@ -52,7 +52,7 @@ export const type: CanvasType = {
 
 type CanvasTypeProperties = {
   /** ### Font Family Tokens
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * There are two font family tokens:
@@ -74,7 +74,7 @@ type CanvasTypeProperties = {
    */
   fontFamilies: CanvasFontFamilies;
   /** ### Font Size Tokens
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * There are twelve font size tokens. Here's a quick reference:
@@ -104,7 +104,7 @@ type CanvasTypeProperties = {
    */
   fontSizes: CanvasFontSizes;
   /** ### Font Weight Tokens
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * There are three font-weight tokens:
@@ -131,7 +131,7 @@ type CanvasTypeProperties = {
 
 export type CanvasType = {
   /** ### Canvas Type Hierarchy
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * The hierarchy is organized into four levels, which correspond to levels defined in Figma.
@@ -162,7 +162,7 @@ export type CanvasType = {
    */
   levels: CanvasTypeHierarchy;
   /** ### Canvas Type Properties
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * Type properties are organized in three parts:
@@ -178,7 +178,7 @@ export type CanvasType = {
    */
   properties: CanvasTypeProperties;
   /** ### Canvas Type Variants
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * There are three type variants:

package/tooltip/lib/Tooltip.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import innerText from 'react-innertext';
 
 import {getTransformFromPlacement, Placement, Popper} from '@workday/canvas-kit-react/popup';
-import {mergeCallback} from '@workday/canvas-kit-react/common';
+import {createComponent, mergeCallback} from '@workday/canvas-kit-react/common';
 
 import {TooltipContainer} from './TooltipContainer';
 import {useTooltip} from './useTooltip';
@@ -69,42 +69,45 @@ function mergeCallbacks<T extends {[key: string]: any}>(
   }, {} as {[key: string]: any});
 }
 
-export const Tooltip = ({
-  type = 'label',
-  placement = 'top',
-  title,
-  children,
-  showDelay = 300,
-  hideDelay = 100,
-  ...elemProps
-}: TooltipProps) => {
-  const titleText = innerText(title);
-  const {targetProps, popperProps, tooltipProps} = useTooltip({
-    type,
-    titleText,
-    showDelay,
-    hideDelay,
-  });
+export const Tooltip = createComponent('div')({
+  displayName: 'Tooltip',
+  Component({
+    type = 'label',
+    placement = 'top',
+    title,
+    children,
+    showDelay = 300,
+    hideDelay = 100,
+    ...elemProps
+  }: TooltipProps) {
+    const titleText = innerText(title);
+    const {targetProps, popperProps, tooltipProps} = useTooltip({
+      type,
+      titleText,
+      showDelay,
+      hideDelay,
+    });
 
-  return (
-    <React.Fragment>
-      {React.cloneElement(children, {
-        ...targetProps,
-        ...mergeCallbacks(children.props, targetProps),
-        ...(type === 'muted' && children.props['aria-label']
-          ? {'aria-label': children.props['aria-label']}
-          : {}),
-      })}
-      <Popper placement={placement} {...popperProps}>
-        {({placement}) => {
-          const transformOrigin = getTransformFromPlacement(placement);
-          return (
-            <TooltipContainer transformOrigin={transformOrigin} {...elemProps} {...tooltipProps}>
-              {title}
-            </TooltipContainer>
-          );
-        }}
-      </Popper>
-    </React.Fragment>
-  );
-};
+    return (
+      <React.Fragment>
+        {React.cloneElement(children, {
+          ...targetProps,
+          ...mergeCallbacks(children.props, targetProps),
+          ...(type === 'muted' && children.props['aria-label']
+            ? {'aria-label': children.props['aria-label']}
+            : {}),
+        })}
+        <Popper placement={placement} {...popperProps}>
+          {({placement}) => {
+            const transformOrigin = getTransformFromPlacement(placement);
+            return (
+              <TooltipContainer transformOrigin={transformOrigin} {...elemProps} {...tooltipProps}>
+                {title}
+              </TooltipContainer>
+            );
+          }}
+        </Popper>
+      </React.Fragment>
+    );
+  },
+});

package/dist/commonjs/pagination/lib/Pagination/GoTo/GoTo.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { GoToFormProps } from './Form';
-import { GoToLabelProps } from './Label';
-import { GoToTextInputProps } from './TextInput';
-import { UseGoToFormConfig } from './useGoToForm';
-import { PaginationModel } from '../types';
-export interface GoToProps extends UseGoToFormConfig {
-    model: PaginationModel;
-    children?: React.ReactNode;
-}
-export declare const GoTo: {
-    (props: GoToProps): JSX.Element;
-    Form(props: GoToFormProps): JSX.Element;
-    TextInput(props: GoToTextInputProps): JSX.Element;
-    Label(props: GoToLabelProps): JSX.Element;
-};
-//# sourceMappingURL=GoTo.d.ts.map

package/dist/commonjs/pagination/lib/Pagination/GoTo/GoTo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GoTo.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/GoTo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAY,cAAc,EAAC,MAAM,SAAS,CAAC;AAClD,OAAO,EAAgB,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAc,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,SAAU,SAAQ,iBAAiB;IAClD,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,eAAO,MAAM,IAAI;YAAW,SAAS;gBAOjB,aAAa;qBAMR,kBAAkB;iBAMtB,cAAc;CAdlC,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/GoTo/GoTo.js

@@ -1,58 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GoTo = void 0;
-var React = __importStar(require("react"));
-var Form_1 = require("./Form");
-var Label_1 = require("./Label");
-var TextInput_1 = require("./TextInput");
-var useGoToForm_1 = require("./useGoToForm");
-var GoToContext = React.createContext({});
-var GoTo = function (props) {
-    var children = props.children, model = props.model;
-    var goToContext = useGoToForm_1.useGoToForm({ model: model });
-    return React.createElement(GoToContext.Provider, { value: goToContext }, children);
-};
-exports.GoTo = GoTo;
-exports.GoTo.Form = function (props) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var formProps = React.useContext(GoToContext).formProps;
-    return React.createElement(Form_1.GoToForm, __assign({}, formProps, props));
-};
-exports.GoTo.TextInput = function (props) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var inputProps = React.useContext(GoToContext).inputProps;
-    return React.createElement(TextInput_1.GoToTextInput, __assign({}, inputProps, props));
-};
-exports.GoTo.Label = function (props) {
-    return React.createElement(Label_1.GoToLabel, __assign({}, props, props));
-};

package/dist/commonjs/pagination/lib/Pagination/GoTo/index.d.ts

@@ -1,4 +0,0 @@
-import { GoTo, GoToProps } from './GoTo';
-export { GoTo, GoToProps };
-export * from './GoTo';
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/pagination/lib/Pagination/GoTo/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC;AACzB,cAAc,QAAQ,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/GoTo/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GoTo = void 0;
-var GoTo_1 = require("./GoTo");
-Object.defineProperty(exports, "GoTo", { enumerable: true, get: function () { return GoTo_1.GoTo; } });
-__exportStar(require("./GoTo"), exports);

package/dist/es6/pagination/lib/Pagination/GoTo/GoTo.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { GoToFormProps } from './Form';
-import { GoToLabelProps } from './Label';
-import { GoToTextInputProps } from './TextInput';
-import { UseGoToFormConfig } from './useGoToForm';
-import { PaginationModel } from '../types';
-export interface GoToProps extends UseGoToFormConfig {
-    model: PaginationModel;
-    children?: React.ReactNode;
-}
-export declare const GoTo: {
-    (props: GoToProps): JSX.Element;
-    Form(props: GoToFormProps): JSX.Element;
-    TextInput(props: GoToTextInputProps): JSX.Element;
-    Label(props: GoToLabelProps): JSX.Element;
-};
-//# sourceMappingURL=GoTo.d.ts.map

package/dist/es6/pagination/lib/Pagination/GoTo/GoTo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GoTo.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/GoTo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAY,cAAc,EAAC,MAAM,SAAS,CAAC;AAClD,OAAO,EAAgB,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAc,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,SAAU,SAAQ,iBAAiB;IAClD,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,eAAO,MAAM,IAAI;YAAW,SAAS;gBAOjB,aAAa;qBAMR,kBAAkB;iBAMtB,cAAc;CAdlC,CAAC"}

package/dist/es6/pagination/lib/Pagination/GoTo/GoTo.js

@@ -1,35 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import * as React from 'react';
-import { GoToForm } from './Form';
-import { GoToLabel } from './Label';
-import { GoToTextInput } from './TextInput';
-import { useGoToForm } from './useGoToForm';
-var GoToContext = React.createContext({});
-export var GoTo = function (props) {
-    var children = props.children, model = props.model;
-    var goToContext = useGoToForm({ model: model });
-    return React.createElement(GoToContext.Provider, { value: goToContext }, children);
-};
-GoTo.Form = function (props) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var formProps = React.useContext(GoToContext).formProps;
-    return React.createElement(GoToForm, __assign({}, formProps, props));
-};
-GoTo.TextInput = function (props) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var inputProps = React.useContext(GoToContext).inputProps;
-    return React.createElement(GoToTextInput, __assign({}, inputProps, props));
-};
-GoTo.Label = function (props) {
-    return React.createElement(GoToLabel, __assign({}, props, props));
-};

package/dist/es6/pagination/lib/Pagination/GoTo/index.d.ts

@@ -1,4 +0,0 @@
-import { GoTo, GoToProps } from './GoTo';
-export { GoTo, GoToProps };
-export * from './GoTo';
-//# sourceMappingURL=index.d.ts.map

package/dist/es6/pagination/lib/Pagination/GoTo/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC;AACzB,cAAc,QAAQ,CAAC"}

package/dist/es6/pagination/lib/Pagination/GoTo/index.js

@@ -1,3 +0,0 @@
-import { GoTo } from './GoTo';
-export { GoTo };
-export * from './GoTo';

package/pagination/lib/Pagination/GoTo/GoTo.tsx

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import {GoToForm, GoToFormProps} from './Form';
-import {GoToLabel, GoToLabelProps} from './Label';
-import {GoToTextInput, GoToTextInputProps} from './TextInput';
-import {useGoToForm, UseGoToFormConfig} from './useGoToForm';
-import {PaginationModel} from '../types';
-
-export interface GoToProps extends UseGoToFormConfig {
-  model: PaginationModel;
-  children?: React.ReactNode;
-}
-
-const GoToContext = React.createContext({} as ReturnType<typeof useGoToForm>);
-
-export const GoTo = (props: GoToProps) => {
-  const {children, model} = props;
-
-  const goToContext = useGoToForm({model});
-  return <GoToContext.Provider value={goToContext}>{children}</GoToContext.Provider>;
-};
-
-GoTo.Form = (props: GoToFormProps) => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const {formProps} = React.useContext(GoToContext);
-  return <GoToForm {...formProps} {...props} />;
-};
-
-GoTo.TextInput = (props: GoToTextInputProps) => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const {inputProps} = React.useContext(GoToContext);
-  return <GoToTextInput {...inputProps} {...props} />;
-};
-
-GoTo.Label = (props: GoToLabelProps) => {
-  return <GoToLabel {...props} {...props} />;
-};

package/pagination/lib/Pagination/GoTo/index.ts

@@ -1,4 +0,0 @@
-import {GoTo, GoToProps} from './GoTo';
-
-export {GoTo, GoToProps};
-export * from './GoTo';