@sebgroup/green-react 3.28.4 → 3.29.1-rc.20250730100346308

package/src/lib/dropdown/dropdown.d.ts

@@ -1,64 +0,0 @@
-import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/dropdown.component';
-export type CompareWith<T = any> = (o1: T, o2: T) => boolean;
-export type SearchFilter<T = any> = (search: string, value: T) => boolean;
-export type DropdownPlacements = 'bottom-start' | 'top-start';
-export type OnChange<T = any> = (value: T) => void;
-export type IndicatorType = 'success' | 'error' | 'info';
-export type ValidatorType = 'Required' | 'Email';
-export interface ValidatorRules {
-    type: ValidatorType;
-    custom?: () => string | undefined;
-}
-export interface IValidator {
-    message: string;
-    indicator: IndicatorType;
-    rules?: ValidatorRules;
-}
-export interface DropdownArgs {
-    compareWith?: CompareWith;
-    display?: string;
-    id?: string;
-    informationLabel?: string;
-    label?: string;
-    multiSelect?: boolean;
-    options: DropdownOption[];
-    searchFilter?: SearchFilter;
-    searchable?: boolean;
-    texts?: DropdownTexts;
-    useValue?: string;
-    validator?: IValidator;
-    value?: any;
-    /** Force width of the popover to match trigger */
-    syncPopoverWidth?: boolean;
-    /** Size of the dropdown trigger */
-    size?: 'small' | 'medium';
-    /** Hide the label */
-    hideLabel?: boolean;
-    /** Max height of the dropdown */
-    maxHeight?: number;
-    /** Whether to disable the mobile styles */
-    disableMobileStyles?: boolean;
-    /** Event handler for when the dropdown is opened or closed */
-    onGdsUiState?: (e: CustomEvent) => void;
-}
-export interface DropdownTexts {
-    placeholder?: string;
-}
-export interface DropdownOption {
-    label?: string;
-    value?: any;
-    selected?: boolean;
-    heading?: boolean;
-    [key: string]: any;
-}
-export declare const CoreDropdown: import("@lit/react").ReactWebComponent<GdsDropdown<any>, {
-    onChange: string;
-    onGdsUiState: string;
-}>;
-export declare const CoreOption: import("@lit/react").ReactWebComponent<GdsOption, {}>;
-export interface DropdownProps extends DropdownArgs {
-    onChange?: OnChange;
-    required?: boolean;
-}
-export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, disableMobileStyles, onGdsUiState, required, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
-export default Dropdown;

package/src/lib/dropdown/dropdown.js

@@ -1,117 +0,0 @@
-import { _ as __rest } from '../../../_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/dropdown.component';
-import { getScopedTagName } from '@sebgroup/green-core/scoping';
-import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
-import { CoreMenuHeading } from '../context-menu/context-menu.js';
-import { IconTriangleExclamation } from '@sebgroup/green-core/react';
-import '@sebgroup/green-core/components/context-menu/context-menu.component';
-
-GdsDropdown.define();
-registerTransitionalStyles();
-var CoreDropdown = createComponent({
-  tagName: getScopedTagName('gds-dropdown'),
-  elementClass: GdsDropdown,
-  events: {
-    onChange: 'change',
-    onGdsUiState: 'gds-ui-state'
-  },
-  react: React
-});
-var CoreOption = createComponent({
-  tagName: getScopedTagName('gds-option'),
-  elementClass: GdsOption,
-  react: React
-});
-var Dropdown = function Dropdown(_a) {
-  var compareWith = _a.compareWith,
-    _a$display = _a.display,
-    display = _a$display === void 0 ? 'label' : _a$display,
-    id = _a.id,
-    informationLabel = _a.informationLabel,
-    label = _a.label,
-    multiSelect = _a.multiSelect,
-    onChange = _a.onChange,
-    options = _a.options,
-    searchFilter = _a.searchFilter,
-    searchable = _a.searchable,
-    texts = _a.texts,
-    _a$useValue = _a.useValue,
-    useValue = _a$useValue === void 0 ? 'value' : _a$useValue,
-    validator = _a.validator,
-    value = _a.value,
-    syncPopoverWidth = _a.syncPopoverWidth,
-    disableMobileStyles = _a.disableMobileStyles,
-    _onGdsUiState = _a.onGdsUiState,
-    required = _a.required,
-    props = __rest(_a, ["compareWith", "display", "id", "informationLabel", "label", "multiSelect", "onChange", "options", "searchFilter", "searchable", "texts", "useValue", "validator", "value", "syncPopoverWidth", "disableMobileStyles", "onGdsUiState", "required"]);
-  var handleOnChange = function handleOnChange(e) {
-    if ('value' in e.detail) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value);
-    }
-  };
-  // These adapter functions are used to maintain backwards compatibility with the old interface
-  var compareWithAdapter = function compareWithAdapter(o1, o2) {
-    var compareFn = compareWith || function (a, b) {
-      return a === b;
-    };
-    return compareFn(o1, o2);
-  };
-  var searchFilterAdapter = function searchFilterAdapter(q, o) {
-    if (searchFilter) return searchFilter(q, o.value[useValue]);else return function (q, o) {
-      return o.innerHTML.toLowerCase().includes(q.toLowerCase());
-    }(q, o);
-  };
-  return jsx("div", {
-    className: "form-group",
-    children: jsxs(CoreDropdown, {
-      id: id,
-      label: label,
-      searchable: searchable,
-      multiple: multiSelect,
-      onChange: handleOnChange,
-      invalid: (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error',
-      compareWith: compareWithAdapter,
-      value: value,
-      searchFilter: searchFilterAdapter,
-      syncPopoverWidth: syncPopoverWidth,
-      size: props.size,
-      hideLabel: props.hideLabel,
-      maxHeight: props.maxHeight,
-      disableMobileStyles: disableMobileStyles,
-      required: required,
-      onGdsUiState: function onGdsUiState(e) {
-        return _onGdsUiState === null || _onGdsUiState === void 0 ? void 0 : _onGdsUiState(e);
-      },
-      children: [informationLabel && jsx("span", {
-        slot: "sub-label",
-        children: informationLabel
-      }), validator && jsxs("div", {
-        slot: "message",
-        style: {
-          display: 'flex',
-          gap: '0.25rem'
-        },
-        children: [validator.indicator === 'error' && jsx(IconTriangleExclamation, {}), validator.message]
-      }), jsx(CoreOption, {
-        isPlaceholder: true,
-        "aria-hidden": true,
-        children: (texts === null || texts === void 0 ? void 0 : texts.placeholder) || 'Select'
-      }), options.map(function (option) {
-        if (option.heading) {
-          return jsx(CoreMenuHeading, {
-            children: option[display]
-          }, option.label);
-        }
-        return jsx(CoreOption, {
-          value: option[useValue],
-          children: option[display]
-        }, option[useValue]);
-      })]
-    })
-  });
-};
-
-export { CoreDropdown, CoreOption, Dropdown, Dropdown as default };

package/src/lib/dropdown/index.d.ts

@@ -1 +0,0 @@
-export * from './dropdown';

package/src/lib/dropdown/index.js

@@ -1,11 +0,0 @@
-export { CoreDropdown, CoreOption, Dropdown } from './dropdown.js';
-import '../../../_tslib.js';
-import 'react/jsx-runtime';
-import 'react';
-import '@lit/react';
-import '@sebgroup/green-core/components/dropdown/dropdown.component';
-import '@sebgroup/green-core/scoping';
-import '@sebgroup/green-core/transitional-styles';
-import '../context-menu/context-menu.js';
-import '@sebgroup/green-core/components/context-menu/context-menu.component';
-import '@sebgroup/green-core/react';

package/src/lib/filter-chips/filter-chips.d.ts

@@ -1,3 +0,0 @@
-import { GdsFilterChip, GdsFilterChips } from '@sebgroup/green-core/components/filter-chips/filter-chips.component';
-export declare const FilterChips: import("@lit/react").ReactWebComponent<GdsFilterChips<any>, {}>;
-export declare const FilterChip: import("@lit/react").ReactWebComponent<GdsFilterChip<any>, {}>;

package/src/lib/filter-chips/filter-chips.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { GdsFilterChips, GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/filter-chips.component';
-import { register } from '@sebgroup/green-core/components/filter-chips/filter-chips.trans.styles.js';
-import { getScopedTagName } from '@sebgroup/green-core/scoping';
-
-GdsFilterChips.define();
-register();
-var FilterChips = createComponent({
-  tagName: getScopedTagName('gds-filter-chips'),
-  elementClass: GdsFilterChips,
-  react: React
-});
-var FilterChip = createComponent({
-  tagName: getScopedTagName('gds-filter-chip'),
-  elementClass: GdsFilterChip,
-  react: React
-});
-
-export { FilterChip, FilterChips };

package/src/lib/filter-chips/index.d.ts

@@ -1 +0,0 @@
-export * from './filter-chips';

package/src/lib/filter-chips/index.js

@@ -1,6 +0,0 @@
-export { FilterChip, FilterChips } from './filter-chips.js';
-import 'react';
-import '@lit/react';
-import '@sebgroup/green-core/components/filter-chips/filter-chips.component';
-import '@sebgroup/green-core/components/filter-chips/filter-chips.trans.styles.js';
-import '@sebgroup/green-core/scoping';

package/src/lib/form/button/button.d.ts

@@ -1,14 +0,0 @@
-import { ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
-import { ButtonSize, ButtonVariant } from '@sebgroup/extract';
-export interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    /** Button styling. Available options: 'primary', 'secondary', 'ghost' and 'tertiary'. */
-    variant?: ButtonVariant;
-    /** Styling button as active or not */
-    active?: boolean;
-    /** Button size. Available options: 'small' and 'large'. */
-    size?: ButtonSize;
-    /** Renders as a `data-testid` attribute on the `<button>` element, useful in testing scenarios. */
-    testId?: string;
-}
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export default Button;

package/src/lib/form/button/button.js

@@ -1,35 +0,0 @@
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-
-var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _b;
-  var className = _a.className,
-    variant = _a.variant,
-    _a$active = _a.active,
-    active = _a$active === void 0 ? false : _a$active,
-    _a$type = _a.type,
-    type = _a$type === void 0 ? 'button' : _a$type,
-    size = _a.size,
-    testId = _a.testId,
-    props = __rest(_a, ["className", "variant", "active", "type", "size", "testId"]);
-  var buttonClassName = classNames(className, variant, size, {
-    active: active
-  }) || undefined;
-  return variant == 'close' ? jsx("button", Object.assign({
-    className: buttonClassName,
-    "aria-label": (_b = props['aria-label']) !== null && _b !== void 0 ? _b : 'Close',
-    "data-testid": testId,
-    ref: ref
-  }, props, {
-    children: jsx("i", {})
-  })) : jsx("button", Object.assign({
-    className: buttonClassName,
-    type: type,
-    "data-testid": testId,
-    ref: ref
-  }, props));
-});
-
-export { Button, Button as default };

package/src/lib/form/button/index.d.ts

@@ -1 +0,0 @@
-export * from './button';

package/src/lib/form/button/index.js

@@ -1,5 +0,0 @@
-export { Button } from './button.js';
-import '../../../../_tslib.js';
-import 'react/jsx-runtime';
-import 'react';
-import 'classnames';

package/src/lib/form/buttonGroup/buttonGroup.d.ts

@@ -1,13 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonVariant } from '@sebgroup/extract';
-import { ButtonProps } from '../button/button';
-interface ButtonGroupProps {
-    children: ReactElement<ButtonProps> | ReactElement<ButtonProps>[];
-    /** Class names passed to the child elements */
-    className?: string;
-    selectedIndex?: number;
-    variant?: ButtonVariant;
-    id?: string;
-}
-export declare const ButtonGroup: ({ children, className, selectedIndex, variant, id, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export default ButtonGroup;

package/src/lib/form/buttonGroup/buttonGroup.js

@@ -1,62 +0,0 @@
-import { _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { Button } from '../button/button.js';
-import '@sebgroup/extract';
-import '@sebgroup/green-core/react';
-import { Group } from '../group/group.js';
-import '../../formItem/formItem.js';
-import '@lit/react';
-import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
-import '@sebgroup/green-core/scoping';
-import '../iconButton/iconButton.js';
-import '../../icons/times.js';
-import '../../icons/infoCircle.js';
-
-var ButtonGroup = function ButtonGroup(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    selectedIndex = _ref.selectedIndex,
-    variant = _ref.variant,
-    id = _ref.id;
-  var _useState = useState(selectedIndex),
-    _useState2 = _slicedToArray(_useState, 2),
-    selected = _useState2[0],
-    setSelected = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    buttons = _useState4[0],
-    setButtons = _useState4[1];
-  useEffect(function () {
-    var buttonProps = (children instanceof Array ? children : [children]).filter(function (b) {
-      return b && b.props;
-    }).map(function (b, ix) {
-      var bp = b.props;
-      var props = Object.assign(Object.assign({}, bp), {
-        variant: variant,
-        key: bp.key || "btn_".concat(ix),
-        active: ix === selected,
-        onClick: function onClick(e) {
-          setSelected(ix);
-          if (bp.onClick) bp.onClick(e);
-        },
-        className: classNames(bp.className, className)
-      });
-      return props;
-    });
-    setButtons(buttonProps);
-  }, [children, selected, variant, className]);
-  return jsx(Group, {
-    "data-label": "button-group",
-    id: id,
-    children: buttons.map(function (_a) {
-      var key = _a.key,
-        props = __rest(_a, ["key"]);
-      return jsx(Button, Object.assign({}, props), key);
-    })
-  });
-};
-
-export { ButtonGroup, ButtonGroup as default };

package/src/lib/form/buttonGroup/index.d.ts

@@ -1 +0,0 @@
-export * from './buttonGroup';

package/src/lib/form/buttonGroup/index.js

@@ -1,17 +0,0 @@
-export { ButtonGroup } from './buttonGroup.js';
-import '../../../../_rollupPluginBabelHelpers.js';
-import '../../../../_tslib.js';
-import 'react/jsx-runtime';
-import 'react';
-import 'classnames';
-import '../button/button.js';
-import '@sebgroup/extract';
-import '@sebgroup/green-core/react';
-import '../group/group.js';
-import '../../formItem/formItem.js';
-import '@lit/react';
-import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
-import '@sebgroup/green-core/scoping';
-import '../iconButton/iconButton.js';
-import '../../icons/times.js';
-import '../../icons/infoCircle.js';

package/src/lib/form/checkbox/checkbox.d.ts

@@ -1,15 +0,0 @@
-import { FormEventHandler, HTMLProps } from 'react';
-import { IValidator } from '@sebgroup/extract';
-export interface CheckboxProps extends HTMLProps<HTMLInputElement> {
-    /** Use this prop to control the checked state of the checkbox */
-    checked?: boolean;
-    /** The label of the checkbox */
-    label?: string;
-    /** A test id that will be placed in the `data-testid` attribute on the input element */
-    testId?: string;
-    /** An object used to render the validation status for the component */
-    validator?: IValidator;
-    /** A handler function that takes the event and can act on it */
-    onChange?: FormEventHandler<HTMLInputElement>;
-}
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/src/lib/form/checkbox/checkbox.js

@@ -1,57 +0,0 @@
-import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
-import classNames from 'classnames';
-import { randomId, validateClassName } from '@sebgroup/extract';
-import { IconTriangleExclamation } from '@sebgroup/green-core/react';
-
-var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var ariaDescribedBy = _a['aria-describedby'],
-    _a$id = _a.id,
-    id = _a$id === void 0 ? randomId() : _a$id,
-    label = _a.label,
-    validator = _a.validator,
-    testId = _a.testId,
-    required = _a.required,
-    className = _a.className,
-    props = __rest(_a, ['aria-describedby', "id", "label", "validator", "testId", "required", "className"]);
-  var _useState = useState(id),
-    _useState2 = _slicedToArray(_useState, 1),
-    uuid = _useState2[0];
-  var validationClassName = validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
-  var labelClassNames = classNames('form-control', _defineProperty({}, validationClassName, validator));
-  var inputClassNames = classNames(className, _defineProperty({}, validationClassName, validator));
-  var describedBy = classNames(ariaDescribedBy, _defineProperty({}, "".concat(uuid, "_message"), (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0));
-  return jsxs("div", {
-    className: "form-group",
-    children: [jsxs("label", {
-      htmlFor: uuid,
-      className: labelClassNames,
-      children: [label, jsx("input", Object.assign({
-        "aria-describedby": describedBy || undefined,
-        "aria-invalid": (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error',
-        "aria-required": required,
-        className: inputClassNames || undefined,
-        type: "checkbox",
-        "data-testid": testId,
-        id: uuid,
-        required: required,
-        ref: ref
-      }, props)), jsx("i", {})]
-    }), validator && jsxs("span", {
-      className: "form-info",
-      id: "".concat(uuid, "_message"),
-      style: {
-        display: 'flex',
-        gap: '0.25rem'
-      },
-      children: [jsx(IconTriangleExclamation, {
-        size: "16px",
-        margin: "2xs 0 0 0"
-      }), validator.message]
-    })]
-  });
-});
-
-export { Checkbox };

package/src/lib/form/checkbox/index.d.ts

@@ -1 +0,0 @@
-export * from './checkbox';

package/src/lib/form/checkbox/index.js

@@ -1,8 +0,0 @@
-export { Checkbox } from './checkbox.js';
-import '../../../../_rollupPluginBabelHelpers.js';
-import '../../../../_tslib.js';
-import 'react/jsx-runtime';
-import 'react';
-import 'classnames';
-import '@sebgroup/extract';
-import '@sebgroup/green-core/react';

package/src/lib/form/form.d.ts

@@ -1,10 +0,0 @@
-import { HTMLProps, ReactNode } from 'react';
-import { FormDirection, Size } from '@sebgroup/extract';
-export interface FormProps extends HTMLProps<HTMLFormElement> {
-    children?: ReactNode;
-    direction?: FormDirection;
-    formSize?: Size;
-    onFormSubmit?: (values: any) => void;
-}
-export declare const Form: React.FC<FormProps>;
-export default Form;

package/src/lib/form/form.js

@@ -1,12 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { FormProvider } from './formContext.js';
-import '../../../_rollupPluginBabelHelpers.js';
-import '../../../_tslib.js';
-import 'react';
-import './validateInput.js';
-
-var Form = function Form(props) {
-  return jsx(FormProvider, Object.assign({}, props));
-};
-
-export { Form, Form as default };

package/src/lib/form/formContext.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { FormProps } from './form';
-interface FormContextReturnType {
-    setValues: React.Dispatch<React.SetStateAction<Record<string, any>>>;
-    setErrors: React.Dispatch<React.SetStateAction<Record<string, any>>>;
-    setFields: React.Dispatch<React.SetStateAction<Record<string, any>>>;
-    errors?: Record<string, any>;
-    values?: Record<string, any>;
-}
-export declare const FormContext: React.Context<FormContextReturnType>;
-export declare const useFormContext: () => FormContextReturnType;
-export declare const FormProvider: ({ children, direction, formSize, onSubmit, onFormSubmit, ...props }: React.PropsWithChildren<FormProps>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/src/lib/form/formContext.js

@@ -1,71 +0,0 @@
-import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import { validateInputValue } from './validateInput.js';
-
-var FormContext = /*#__PURE__*/React.createContext({});
-var useFormContext = function useFormContext() {
-  return React.useContext(FormContext);
-};
-var FormProvider = function FormProvider(_a) {
-  var children = _a.children,
-    _a$direction = _a.direction,
-    direction = _a$direction === void 0 ? 'vertical' : _a$direction,
-    _a$formSize = _a.formSize,
-    formSize = _a$formSize === void 0 ? 'md' : _a$formSize;
-    _a.onSubmit;
-    var onFormSubmit = _a.onFormSubmit,
-    props = __rest(_a, ["children", "direction", "formSize", "onSubmit", "onFormSubmit"]);
-  /* eslint-disable-next-line */
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    values = _React$useState2[0],
-    setValues = _React$useState2[1];
-  /* eslint-disable-next-line */
-  var _React$useState3 = React.useState(),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    errors = _React$useState4[0],
-    setErrors = _React$useState4[1];
-  /* eslint-disable-next-line */
-  var _React$useState5 = React.useState({}),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    fields = _React$useState6[0],
-    setFields = _React$useState6[1];
-  var formSubmit = function formSubmit(event) {
-    var hasError = false;
-    event.preventDefault();
-    Object.keys(fields).forEach(function (key) {
-      var errorMessage = validateInputValue({
-        name: key,
-        value: values === null || values === void 0 ? void 0 : values[key]
-      }, fields[key], setErrors);
-      hasError = hasError || !!errorMessage;
-    });
-    if (!hasError) {
-      onFormSubmit && onFormSubmit(values);
-    }
-  };
-  var resetForm = function resetForm() {
-    setValues({});
-    setErrors({});
-  };
-  return jsx(FormContext.Provider, {
-    value: {
-      setValues: setValues,
-      setErrors: setErrors,
-      setFields: setFields,
-      errors: errors,
-      values: values
-    },
-    children: jsx("form", Object.assign({
-      className: [direction, "size-".concat(formSize)].join(' '),
-      onSubmit: formSubmit
-    }, props, {
-      onReset: resetForm,
-      children: children
-    }))
-  });
-};
-
-export { FormContext, FormProvider, useFormContext };

package/src/lib/form/formItems.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IValidator } from '@sebgroup/extract';
-export interface FormItemsProps {
-    children: React.ReactElement<any>;
-    name: string;
-    validate?: IValidator;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-}
-export declare const FormItems: React.FC<FormItemsProps>;
-export default FormItems;