@digigov/react-core 2.0.0-rc.1 → 2.0.0-rc.11

package/src/Skeleton/index.tsx

@@ -0,0 +1,105 @@
+import React from 'react';
+import clsx from 'clsx';
+import Base, { BaseProps } from '@digigov/react-core/Base';
+
+export interface SkeletonProps extends BaseProps<'span'> {
+  /**
+   * variant prop determines the style of the skeleton element.
+   * @value 'circular', it renders a circular skeleton.
+   * @value 'rectangular', it renders a rectangular skeleton.
+   * @value 'text', it renders a text skeleton.
+   * @value 'button', it renders a button skeleton.
+   * @default 'text'
+   */
+  variant?: 'circular' | 'rectangular' | 'text' | 'button';
+
+  /**
+   * width prop determines the width of the skeleton element.
+   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').
+   * For better responsive experience, avoid using px and use percentage instead.
+   * @default undefined
+   */
+  width?: number | string;
+
+  /**
+   * height prop determines the height of the skeleton element.
+   * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').
+   * @default undefined
+   */
+  height?: number | string;
+
+  /**
+   * fontSize is optional. 'sm' is the default value.
+   * Use 'xl' when this Skeleton is for a main page title.
+   * The fontSize works only for variant 'text'.
+   * You don't need fontSize if you wrap Skeleton in a typography component.
+   * @value 'xl'
+   * @value 'lg'
+   * @value 'md'
+   * @value 'sm'
+   * @value 'xs'
+   * @default 'sm'
+   */
+  fontSize?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+  /**
+   * animation prop determines if the skeleton should animate or not.
+   * @default true
+   */
+  animation?: boolean;
+}
+/**
+ * Use Skeleton component while a page is loading.
+ */
+export const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(
+  function Skeleton(
+    {
+      width,
+      height,
+      fontSize,
+      variant = 'text',
+      animation = true,
+      className,
+      children,
+      ...props
+    },
+    ref
+  ) {
+    return (
+      <Base
+        as="span"
+        ref={ref}
+        className={clsx(className, {
+          'ds-skeleton': true,
+          [`ds-skeleton--font-${fontSize}`]:
+            fontSize !== undefined && variant === 'text',
+          [`ds-skeleton--${variant}`]:
+            !!variant && (!children || typeof children === 'string'),
+          'ds-skeleton--animate': !!animation,
+          'ds-skeleton--width-fit-content': !!children && !width,
+        })}
+        {...props}
+        style={{
+          width:
+            typeof children === 'string'
+              ? Math.ceil(children.length * 0.5) + 'em'
+              : width,
+          maxWidth: !!width ? '100%' : undefined,
+          height: height,
+        }}
+      >
+        {variant === 'button' && (
+          <span
+            className={clsx({
+              'ds-skeleton__line': true,
+              'ds-skeleton__line--size-default':
+                width === undefined && height === undefined,
+            })}
+          ></span>
+        )}
+        {typeof children != 'string' && children}
+      </Base>
+    );
+  }
+);
+
+export default Skeleton;

package/src/SummaryList/index.tsx

@@ -12,13 +12,23 @@ export interface SummaryListProps extends BaseProps<'dl'> {
    * @default true
    */
   border?: boolean;
+  /**
+   * noLastBorder is optional.
+   * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.
+   * By default is true
+   * @value true
+   * @value false
+   * @default false
+   */
+  noLastBorder?: boolean
+
 }
 /**
  * SummaryList used as a table with summary informations.
  * It must contain a list of SummaryListItem components.
  */
 export const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(
-  function SummaryList({ className, border = true, children, ...props }, ref) {
+  function SummaryList({ className, noLastBorder = false, border = true, children, ...props }, ref) {
     return (
       <Base
         as="dl"
@@ -26,6 +36,7 @@ export const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(
         className={clsx(className, {
           'ds-summary-list': true,
           'ds-summary-list--no-border': !border,
+          'ds-summary-list--no-last-border': noLastBorder
         })}
         {...props}
       >

package/src/Tabs/index.tsx

@@ -3,7 +3,6 @@ import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface TabsProps extends BaseProps<'div'> {
-  direction?: 'vertical' | 'horizontal';
   /**
    * dense is optional.
    * @value true Tabs will be dense.
@@ -17,7 +16,7 @@ export interface TabsProps extends BaseProps<'div'> {
  * This component must contain TabsHeading, TabsList, and a list of TabsPanel component.
  */
 export const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(function Tabs(
-  { direction, className, dense, children, ...props },
+  { className, dense, children, ...props },
   ref
 ) {
   return (
@@ -26,7 +25,6 @@ export const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(function Tabs(
       ref={ref}
       className={clsx(className, {
         'ds-tabs': true,
-        'ds-tabs--vertical': direction === 'vertical',
         'ds-tabs--dense': dense,
       })}
       {...props}

package/src/TabsHeading/__snapshots__/index.test.tsx.snap

@@ -11,7 +11,7 @@ exports[`renders the TabsHeading with no props 1`] = `
       xsUpHidden={false}
     >
       <div
-        className="ds-hidden-md--up"
+        className="ds-hidden-md-up"
       >
         <ForwardRef(Heading)
           size="sm"
@@ -51,7 +51,7 @@ exports[`renders the TabsHeading with size=m 1`] = `
       xsUpHidden={false}
     >
       <div
-        className="ds-hidden-md--up"
+        className="ds-hidden-md-up"
       >
         <ForwardRef(Heading)
           size="md"
@@ -91,7 +91,7 @@ exports[`renders the TabsHeading with size=s 1`] = `
       xsUpHidden={false}
     >
       <div
-        className="ds-hidden-md--up"
+        className="ds-hidden-md-up"
       >
         <ForwardRef(Heading)
           size="sm"

package/src/Unpurge/index.tsx

@@ -687,8 +687,20 @@ function Unpurge() {
     ds-heading-md
     ds-heading-lg
     ds-heading-xl
-    ds-image-logo--light
-    ds-image-logo--dark
+    ds-image-logo-light
+    ds-image-logo-dark
+    ds-autocomplete__multi-input-container--1
+    ds-autocomplete__multi-input-container--2
+    ds-autocomplete__multi-input-container--3
+    ds-skeleton--text
+    ds-skeleton--circular
+    ds-skeleton--rectangular
+    ds-skeleton--button
+    ds-skeleton--font-xs
+    ds-skeleton--font-sm
+    ds-skeleton--font-md
+    ds-skeleton--font-lg
+    ds-skeleton--font-xl
     `}
     ></div>
   );

package/src/index.ts

@@ -152,7 +152,9 @@ export * from '@digigov/react-core/AutoCompleteInput';
 export * from '@digigov/react-core/AutoCompleteInputTypeahead';
 export * from '@digigov/react-core/AutoCompleteResultList';
 export * from '@digigov/react-core/AutoCompleteResultListItem';
-export * from '@digigov/react-core/AutoCompleteWrapper';
+export * from '@digigov/react-core/AutoCompleteContainer';
+export * from '@digigov/react-core/AutoCompleteMultipleInputContainer';
+export * from '@digigov/react-core/AutoCompleteMultipleInput';
 export * from '@digigov/react-core/Chip';
 export * from '@digigov/react-core/ChipHeading';
 export * from '@digigov/react-core/ChipContainer';

package/src/lazy.js

@@ -15,13 +15,15 @@ export default {
   'AdminTopSection': lazy(() => import('@digigov/react-core/AdminTopSection').then((module)=> ({default: module['AdminTopSection']}))),
   'Aside': lazy(() => import('@digigov/react-core/Aside').then((module)=> ({default: module['Aside']}))),
   'AutoCompleteAssistiveHint': lazy(() => import('@digigov/react-core/AutoCompleteAssistiveHint').then((module)=> ({default: module['AutoCompleteAssistiveHint']}))),
+  'AutoCompleteContainer': lazy(() => import('@digigov/react-core/AutoCompleteContainer').then((module)=> ({default: module['AutoCompleteContainer']}))),
   'AutoCompleteInput': lazy(() => import('@digigov/react-core/AutoCompleteInput').then((module)=> ({default: module['AutoCompleteInput']}))),
   'AutoCompleteInputTypeahead': lazy(() => import('@digigov/react-core/AutoCompleteInputTypeahead').then((module)=> ({default: module['AutoCompleteInputTypeahead']}))),
+  'AutoCompleteMultipleInput': lazy(() => import('@digigov/react-core/AutoCompleteMultipleInput').then((module)=> ({default: module['AutoCompleteMultipleInput']}))),
+  'AutoCompleteMultipleInputContainer': lazy(() => import('@digigov/react-core/AutoCompleteMultipleInputContainer').then((module)=> ({default: module['AutoCompleteMultipleInputContainer']}))),
   'AutoCompleteResultList': lazy(() => import('@digigov/react-core/AutoCompleteResultList').then((module)=> ({default: module['AutoCompleteResultList']}))),
   'AutoCompleteResultListItem': lazy(() => import('@digigov/react-core/AutoCompleteResultListItem').then((module)=> ({default: module['AutoCompleteResultListItem']}))),
   'AutoCompleteStatus': lazy(() => import('@digigov/react-core/AutoCompleteStatus').then((module)=> ({default: module['AutoCompleteStatus']}))),
-  'AutoCompleteStatusWrapper': lazy(() => import('@digigov/react-core/AutoCompleteStatusWrapper').then((module)=> ({default: module['AutoCompleteStatusWrapper']}))),
-  'AutoCompleteWrapper': lazy(() => import('@digigov/react-core/AutoCompleteWrapper').then((module)=> ({default: module['AutoCompleteWrapper']}))),
+  'AutoCompleteStatusContainer': lazy(() => import('@digigov/react-core/AutoCompleteStatusContainer').then((module)=> ({default: module['AutoCompleteStatusContainer']}))),
   'BackLink': lazy(() => import('@digigov/react-core/BackLink').then((module)=> ({default: module['BackLink']}))),
   'BackToTopContainer': lazy(() => import('@digigov/react-core/BackToTopContainer').then((module)=> ({default: module['BackToTopContainer']}))),
   'BackToTopLimit': lazy(() => import('@digigov/react-core/BackToTopLimit').then((module)=> ({default: module['BackToTopLimit']}))),

package/src/registry.js

@@ -14,13 +14,15 @@ import * as _digigov_react_core_AdminMain from '@digigov/react-core/AdminMain';
 import * as _digigov_react_core_AdminTopSection from '@digigov/react-core/AdminTopSection';
 import * as _digigov_react_core_Aside from '@digigov/react-core/Aside';
 import * as _digigov_react_core_AutoCompleteAssistiveHint from '@digigov/react-core/AutoCompleteAssistiveHint';
+import * as _digigov_react_core_AutoCompleteContainer from '@digigov/react-core/AutoCompleteContainer';
 import * as _digigov_react_core_AutoCompleteInput from '@digigov/react-core/AutoCompleteInput';
 import * as _digigov_react_core_AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';
+import * as _digigov_react_core_AutoCompleteMultipleInput from '@digigov/react-core/AutoCompleteMultipleInput';
+import * as _digigov_react_core_AutoCompleteMultipleInputContainer from '@digigov/react-core/AutoCompleteMultipleInputContainer';
 import * as _digigov_react_core_AutoCompleteResultList from '@digigov/react-core/AutoCompleteResultList';
 import * as _digigov_react_core_AutoCompleteResultListItem from '@digigov/react-core/AutoCompleteResultListItem';
 import * as _digigov_react_core_AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';
-import * as _digigov_react_core_AutoCompleteStatusWrapper from '@digigov/react-core/AutoCompleteStatusWrapper';
-import * as _digigov_react_core_AutoCompleteWrapper from '@digigov/react-core/AutoCompleteWrapper';
+import * as _digigov_react_core_AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';
 import * as _digigov_react_core_BackLink from '@digigov/react-core/BackLink';
 import * as _digigov_react_core_BackToTopContainer from '@digigov/react-core/BackToTopContainer';
 import * as _digigov_react_core_BackToTopLimit from '@digigov/react-core/BackToTopLimit';
@@ -190,6 +192,7 @@ import * as _digigov_react_core_SelectContainer from '@digigov/react-core/Select
 import * as _digigov_react_core_SelectOption from '@digigov/react-core/SelectOption';
 import * as _digigov_react_core_SingleCharacterInput from '@digigov/react-core/SingleCharacterInput';
 import * as _digigov_react_core_SingleCharacterInputs from '@digigov/react-core/SingleCharacterInputs';
+import * as _digigov_react_core_Skeleton from '@digigov/react-core/Skeleton';
 import * as _digigov_react_core_SkipLink from '@digigov/react-core/SkipLink';
 import * as _digigov_react_core_Stack from '@digigov/react-core/Stack';
 import * as _digigov_react_core_StepNav from '@digigov/react-core/StepNav';
@@ -277,13 +280,15 @@ export default {
   '@digigov/react-core/AdminTopSection': lazyImport(_digigov_react_core_AdminTopSection),
   '@digigov/react-core/Aside': lazyImport(_digigov_react_core_Aside),
   '@digigov/react-core/AutoCompleteAssistiveHint': lazyImport(_digigov_react_core_AutoCompleteAssistiveHint),
+  '@digigov/react-core/AutoCompleteContainer': lazyImport(_digigov_react_core_AutoCompleteContainer),
   '@digigov/react-core/AutoCompleteInput': lazyImport(_digigov_react_core_AutoCompleteInput),
   '@digigov/react-core/AutoCompleteInputTypeahead': lazyImport(_digigov_react_core_AutoCompleteInputTypeahead),
+  '@digigov/react-core/AutoCompleteMultipleInput': lazyImport(_digigov_react_core_AutoCompleteMultipleInput),
+  '@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(_digigov_react_core_AutoCompleteMultipleInputContainer),
   '@digigov/react-core/AutoCompleteResultList': lazyImport(_digigov_react_core_AutoCompleteResultList),
   '@digigov/react-core/AutoCompleteResultListItem': lazyImport(_digigov_react_core_AutoCompleteResultListItem),
   '@digigov/react-core/AutoCompleteStatus': lazyImport(_digigov_react_core_AutoCompleteStatus),
-  '@digigov/react-core/AutoCompleteStatusWrapper': lazyImport(_digigov_react_core_AutoCompleteStatusWrapper),
-  '@digigov/react-core/AutoCompleteWrapper': lazyImport(_digigov_react_core_AutoCompleteWrapper),
+  '@digigov/react-core/AutoCompleteStatusContainer': lazyImport(_digigov_react_core_AutoCompleteStatusContainer),
   '@digigov/react-core/BackLink': lazyImport(_digigov_react_core_BackLink),
   '@digigov/react-core/BackToTopContainer': lazyImport(_digigov_react_core_BackToTopContainer),
   '@digigov/react-core/BackToTopLimit': lazyImport(_digigov_react_core_BackToTopLimit),
@@ -453,6 +458,7 @@ export default {
   '@digigov/react-core/SelectOption': lazyImport(_digigov_react_core_SelectOption),
   '@digigov/react-core/SingleCharacterInput': lazyImport(_digigov_react_core_SingleCharacterInput),
   '@digigov/react-core/SingleCharacterInputs': lazyImport(_digigov_react_core_SingleCharacterInputs),
+  '@digigov/react-core/Skeleton': lazyImport(_digigov_react_core_Skeleton),
   '@digigov/react-core/SkipLink': lazyImport(_digigov_react_core_SkipLink),
   '@digigov/react-core/Stack': lazyImport(_digigov_react_core_Stack),
   '@digigov/react-core/StepNav': lazyImport(_digigov_react_core_StepNav),

package/AutoCompleteStatusWrapper/index.test/index.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import AutoCompleteStatusWrapper from '@digigov/react-core/AutoCompleteStatusWrapper';
-var _ref = /*#__PURE__*/React.createElement(AutoCompleteStatusWrapper, null, "hello");
-it('renders the AdminContainer with no props', function () {
-  expect(mount(_ref)).toMatchSnapshot();
-});

package/AutoCompleteWrapper/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteWrapperProps extends BaseProps<'div'> {
-    /**
-     * width is optional.
-     * Use width prop to define a custom width in your component.
-     * @value '25%';
-     * @value '33.3%';
-     * @value '50%';
-     * @value '66.6%';
-     * @value '75%';
-     * @value '100%';
-     * @value 'full';
-     */
-    width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
-}
-/**
- * AutoCompleteWrapper is a wrapper for autocomplete element.
- * Use AutoCompleteWrapper to wrap autocomplete elements.
- */
-export declare const AutoCompleteWrapper: React.ForwardRefExoticComponent<Pick<AutoCompleteWrapperProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "width" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & React.RefAttributes<HTMLDivElement>>;
-export default AutoCompleteWrapper;

package/AutoCompleteWrapper/index.test/index.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import AutoCompleteWrapper from '@digigov/react-core/AutoCompleteWrapper';
-var _ref = /*#__PURE__*/React.createElement(AutoCompleteWrapper, null, "hello");
-it('renders the AdminContainer with no props', function () {
-  expect(mount(_ref)).toMatchSnapshot();
-});

package/src/AutoCompleteStatusWrapper/__snapshots__/index.test.tsx.snap

@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the AdminContainer with no props 1`] = `
-<ForwardRef(AutoCompleteStatusWrapper)>
-  <ForwardRef(Base)
-    as="div"
-    className="ds-autocomplete__status__wrapper"
-  >
-    <div
-      className="ds-autocomplete__status__wrapper"
-    >
-      hello
-    </div>
-  </ForwardRef(Base)>
-</ForwardRef(AutoCompleteStatusWrapper)>
-`;

package/src/AutoCompleteStatusWrapper/index.test.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import AutoCompleteStatusWrapper from '@digigov/react-core/AutoCompleteStatusWrapper';
-
-it('renders the AdminContainer with no props', () => {
-  expect(
-    mount(<AutoCompleteStatusWrapper>hello</AutoCompleteStatusWrapper>)
-  ).toMatchSnapshot();
-});

package/src/AutoCompleteStatusWrapper/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface AutoCompleteStatusWrapperProps extends BaseProps<'div'> { }
-/**
- * AutoCompleteStatusWrapper is a wrapper for autocomplete element.
- * Use AutoCompleteStatusWrapper to wrap autocomplete elements.
- */
-export const AutoCompleteStatusWrapper = React.forwardRef<
-  HTMLDivElement,
-  AutoCompleteStatusWrapperProps
->(function AutoCompleteStatusWrapper({ className, children, ...props }, ref) {
-  return (
-    <Base
-      as="div"
-      ref={ref}
-      className={clsx(className, {
-        'ds-autocomplete__status__wrapper': true,
-      })}
-      {...props}
-    >
-      {children}
-    </Base>
-  );
-});
-
-export default AutoCompleteStatusWrapper;