@rulab/adminjs-components 0.1.0-alpha.8 → 0.1.0-beta.1

package/src/components/StringList/SortableList/SortableList.js

@@ -1,37 +0,0 @@
-import React, { Fragment, useMemo, useState } from "react";
-import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, DragOverlay, defaultDropAnimationSideEffects, } from "@dnd-kit/core";
-import { SortableContext, arrayMove, sortableKeyboardCoordinates, verticalListSortingStrategy, } from "@dnd-kit/sortable";
-import { SortableItem } from "./components/index.js";
-import { StyledListWrapper } from "./styles.js";
-const dropAnimationConfig = {
-    sideEffects: defaultDropAnimationSideEffects({
-        styles: {
-            active: {
-                opacity: "0.4",
-            },
-        },
-    }),
-};
-export function SortableList({ items, onChange, renderItem, }) {
-    const [active, setActive] = useState(null);
-    const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);
-    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates,
-    }));
-    return (React.createElement(DndContext, { sensors: sensors, onDragStart: ({ active }) => {
-            setActive(active);
-        }, onDragEnd: ({ active, over }) => {
-            if (over && active.id !== over?.id) {
-                const activeIndex = items.findIndex(({ id }) => id === active.id);
-                const overIndex = items.findIndex(({ id }) => id === over.id);
-                onChange(arrayMove(items, activeIndex, overIndex));
-            }
-            setActive(null);
-        }, onDragCancel: () => {
-            setActive(null);
-        } },
-        React.createElement(SortableContext, { items: items, strategy: verticalListSortingStrategy },
-            React.createElement(StyledListWrapper, { role: "application" }, items.map((item, index) => (React.createElement(Fragment, { key: index }, renderItem(item)))))),
-        React.createElement(DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? renderItem(activeItem) : null)));
-}
-SortableList.Item = SortableItem;

package/src/components/StringList/SortableList/SortableList.tsx

@@ -1,98 +0,0 @@
-import React, { Fragment, useMemo, useState } from "react";
-import type { ReactNode } from "react";
-
-import {
-  DndContext,
-  KeyboardSensor,
-  PointerSensor,
-  useSensor,
-  useSensors,
-  DragOverlay,
-  defaultDropAnimationSideEffects,
-} from "@dnd-kit/core";
-import {
-  SortableContext,
-  arrayMove,
-  sortableKeyboardCoordinates,
-  verticalListSortingStrategy,
-} from "@dnd-kit/sortable";
-
-import type { DropAnimation } from "@dnd-kit/core";
-
-import { SortableItem } from "./components/index.js";
-import { StyledListWrapper } from "./styles.js";
-
-import type { Active, UniqueIdentifier } from "@dnd-kit/core";
-
-interface BaseItem {
-  id: UniqueIdentifier;
-  value: string;
-}
-
-interface Props<T extends BaseItem> {
-  items: T[];
-  onChange(items: T[]): void;
-  renderItem(item: T): ReactNode;
-}
-
-const dropAnimationConfig: DropAnimation = {
-  sideEffects: defaultDropAnimationSideEffects({
-    styles: {
-      active: {
-        opacity: "0.4",
-      },
-    },
-  }),
-};
-
-export function SortableList<T extends BaseItem>({
-  items,
-  onChange,
-  renderItem,
-}: Props<T>) {
-  const [active, setActive] = useState<Active | null>(null);
-  const activeItem = useMemo(
-    () => items.find((item) => item.id === active?.id),
-    [active, items],
-  );
-  const sensors = useSensors(
-    useSensor(PointerSensor),
-    useSensor(KeyboardSensor, {
-      coordinateGetter: sortableKeyboardCoordinates,
-    }),
-  );
-
-  return (
-    <DndContext
-      sensors={sensors}
-      onDragStart={({ active }) => {
-        setActive(active);
-      }}
-      onDragEnd={({ active, over }) => {
-        if (over && active.id !== over?.id) {
-          const activeIndex = items.findIndex(({ id }) => id === active.id);
-          const overIndex = items.findIndex(({ id }) => id === over.id);
-
-          onChange(arrayMove(items, activeIndex, overIndex));
-        }
-        setActive(null);
-      }}
-      onDragCancel={() => {
-        setActive(null);
-      }}
-    >
-      <SortableContext items={items} strategy={verticalListSortingStrategy}>
-        <StyledListWrapper role="application">
-          {items.map((item, index) => (
-            <Fragment key={index}>{renderItem(item)}</Fragment>
-          ))}
-        </StyledListWrapper>
-      </SortableContext>
-      <DragOverlay dropAnimation={dropAnimationConfig}>
-        {activeItem ? renderItem(activeItem) : null}
-      </DragOverlay>
-    </DndContext>
-  );
-}
-
-SortableList.Item = SortableItem;

package/src/components/StringList/SortableList/components/SortableItem/DragHandle.d.ts

@@ -1,7 +0,0 @@
-import { Context, FC } from "react";
-import type { DragContext } from "./types.js";
-interface DragHandlePropsType {
-    context: Context<DragContext>;
-}
-export declare const DragHandle: FC<DragHandlePropsType>;
-export {};

package/src/components/StringList/SortableList/components/SortableItem/DragHandle.js

@@ -1,8 +0,0 @@
-import React, { useContext } from "react";
-import { StyledDragButton } from "./styles.js";
-export const DragHandle = ({ context }) => {
-    const { attributes, listeners, ref } = useContext(context);
-    return (React.createElement(StyledDragButton, { ...attributes, ...listeners, ref: ref },
-        React.createElement("svg", { viewBox: "0 0 20 20", width: "13" },
-            React.createElement("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }))));
-};

package/src/components/StringList/SortableList/components/SortableItem/DragHandle.tsx

@@ -1,20 +0,0 @@
-import React, { Context, FC, useContext } from "react";
-
-import { StyledDragButton } from "./styles.js";
-import type { DragContext } from "./types.js";
-
-interface DragHandlePropsType {
-  context: Context<DragContext>;
-}
-
-export const DragHandle: FC<DragHandlePropsType> = ({ context }) => {
-  const { attributes, listeners, ref } = useContext(context);
-
-  return (
-    <StyledDragButton {...attributes} {...listeners} ref={ref}>
-      <svg viewBox="0 0 20 20" width="13">
-        <path d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"></path>
-      </svg>
-    </StyledDragButton>
-  );
-};

package/src/components/StringList/SortableList/components/SortableItem/SortableItem.d.ts

@@ -1,8 +0,0 @@
-import React, { ChangeEvent } from 'react';
-import type { PropsWithChildren } from 'react';
-interface SortableItemPropsType {
-    id: string;
-    onDelete: (e: ChangeEvent<HTMLInputElement>, id: string) => void;
-}
-export declare function SortableItem({ children, id, onDelete, }: PropsWithChildren<SortableItemPropsType>): React.JSX.Element;
-export {};

package/src/components/StringList/SortableList/components/SortableItem/SortableItem.js

@@ -1,28 +0,0 @@
-import React, { createContext, useMemo } from 'react';
-import { useSortable } from '@dnd-kit/sortable';
-import { Button, Icon } from '@adminjs/design-system';
-import { DragHandle } from './DragHandle.js';
-import { StyledListItem } from './styles.js';
-const SortableItemContext = createContext({
-    attributes: {},
-    listeners: undefined,
-    ref() { },
-});
-export function SortableItem({ children, id, onDelete, }) {
-    const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef } = useSortable({ id });
-    const context = useMemo(() => ({
-        attributes,
-        listeners,
-        ref: setActivatorNodeRef,
-    }), [attributes, listeners, setActivatorNodeRef]);
-    const style = {
-        opacity: isDragging ? 0.4 : undefined,
-    };
-    return (React.createElement(SortableItemContext.Provider, { value: context },
-        React.createElement(StyledListItem, { ref: setNodeRef, style: style },
-            React.createElement("div", null,
-                React.createElement(DragHandle, { context: SortableItemContext }),
-                children),
-            React.createElement(Button, { variant: "outlined", color: "danger", size: "icon", onClick: (e) => onDelete(e, id) },
-                React.createElement(Icon, { icon: "X", color: "red" })))));
-}

package/src/components/StringList/SortableList/components/SortableItem/SortableItem.tsx

@@ -1,59 +0,0 @@
-import React, { createContext, useMemo, ChangeEvent } from 'react';
-import type { CSSProperties, PropsWithChildren } from 'react';
-import { useSortable } from '@dnd-kit/sortable';
-import { Button, Icon } from '@adminjs/design-system';
-
-import { DragHandle } from './DragHandle.js';
-import { StyledListItem } from './styles.js';
-import type { DragContext } from './types.js';
-
-interface SortableItemPropsType {
-  id: string;
-  onDelete: (e: ChangeEvent<HTMLInputElement>, id: string) => void;
-}
-
-const SortableItemContext = createContext<DragContext>({
-  attributes: {},
-  listeners: undefined,
-  ref() {},
-});
-
-export function SortableItem({
-  children,
-  id,
-  onDelete,
-}: PropsWithChildren<SortableItemPropsType>) {
-  const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef } =
-    useSortable({ id });
-  const context = useMemo(
-    () => ({
-      attributes,
-      listeners,
-      ref: setActivatorNodeRef,
-    }),
-    [attributes, listeners, setActivatorNodeRef],
-  );
-
-  const style: CSSProperties = {
-    opacity: isDragging ? 0.4 : undefined,
-  };
-
-  return (
-    <SortableItemContext.Provider value={context}>
-      <StyledListItem ref={setNodeRef} style={style}>
-        <div>
-          <DragHandle context={SortableItemContext} />
-          {children}
-        </div>
-        <Button
-          variant="outlined"
-          color="danger"
-          size="icon"
-          onClick={(e: ChangeEvent<HTMLInputElement>) => onDelete(e, id)}
-        >
-          <Icon icon="X" color="red" />
-        </Button>
-      </StyledListItem>
-    </SortableItemContext.Provider>
-  );
-}

package/src/components/StringList/SortableList/components/SortableItem/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledListItem: any;
-export declare const StyledDragButton: any;

package/src/components/StringList/SortableList/components/SortableItem/styles.js

@@ -1,20 +0,0 @@
-import { styled } from "@adminjs/design-system/styled-components";
-export const StyledListItem = styled.li `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  background-color: #fff;
-  padding: 10px 20px 10px 15px;
-  box-shadow:
-    0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
-    0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
-  border-radius: 5px;
-  list-style: none;
-`;
-export const StyledDragButton = styled.button `
-  padding: 3px;
-  margin-right: 15px;
-  cursor: move;
-  background: none;
-  border: none;
-`;

package/src/components/StringList/SortableList/components/SortableItem/styles.ts

@@ -1,22 +0,0 @@
-import { styled } from "@adminjs/design-system/styled-components";
-
-export const StyledListItem = styled.li`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  background-color: #fff;
-  padding: 10px 20px 10px 15px;
-  box-shadow:
-    0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
-    0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
-  border-radius: 5px;
-  list-style: none;
-`;
-
-export const StyledDragButton = styled.button`
-  padding: 3px;
-  margin-right: 15px;
-  cursor: move;
-  background: none;
-  border: none;
-`;

package/src/components/StringList/SortableList/components/SortableItem/types.d.ts

@@ -1,6 +0,0 @@
-import type { DraggableSyntheticListeners } from '@dnd-kit/core';
-export interface DragContext {
-    attributes: Record<string, any>;
-    listeners: DraggableSyntheticListeners;
-    ref(node: HTMLElement | null): void;
-}

package/src/components/StringList/SortableList/components/SortableItem/types.ts

@@ -1,7 +0,0 @@
-import type { DraggableSyntheticListeners } from '@dnd-kit/core';
-
-export interface DragContext {
-  attributes: Record<string, any>;
-  listeners: DraggableSyntheticListeners;
-  ref(node: HTMLElement | null): void;
-}

package/src/components/StringList/SortableList/components/index.d.ts

@@ -1,2 +0,0 @@
-export { SortableItem } from './SortableItem/SortableItem.js';
-export { DragHandle } from './SortableItem/DragHandle.js';

package/src/components/StringList/SortableList/components/index.js

@@ -1,2 +0,0 @@
-export { SortableItem } from './SortableItem/SortableItem.js';
-export { DragHandle } from './SortableItem/DragHandle.js';

package/src/components/StringList/SortableList/components/index.ts

@@ -1,2 +0,0 @@
-export { SortableItem } from './SortableItem/SortableItem.js';
-export { DragHandle } from './SortableItem/DragHandle.js';

package/src/components/StringList/SortableList/index.d.ts

@@ -1 +0,0 @@
-export { SortableList } from './SortableList.js';

package/src/components/StringList/SortableList/index.js

@@ -1 +0,0 @@
-export { SortableList } from './SortableList.js';

package/src/components/StringList/SortableList/index.ts

@@ -1 +0,0 @@
-export { SortableList } from './SortableList.js';

package/src/components/StringList/SortableList/styles.d.ts

@@ -1 +0,0 @@
-export declare const StyledListWrapper: any;

package/src/components/StringList/SortableList/styles.js

@@ -1,8 +0,0 @@
-import { styled } from '@adminjs/design-system/styled-components';
-export const StyledListWrapper = styled.ul `
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 0;
-  list-style: none;
-`;

package/src/components/StringList/SortableList/styles.ts

@@ -1,9 +0,0 @@
-import { styled } from '@adminjs/design-system/styled-components';
-
-export const StyledListWrapper = styled.ul`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 0;
-  list-style: none;
-`;

package/src/components/StringList/StringList.d.ts

@@ -1,8 +0,0 @@
-import { EditPropertyProps } from "adminjs";
-import { FC } from "react";
-type StringListTypes = Omit<EditPropertyProps, "where" | "resource">;
-interface StringListShowPropsType extends StringListTypes {
-    stringListSeparator?: string;
-}
-declare const StringList: FC<StringListShowPropsType>;
-export default StringList;

package/src/components/StringList/StringList.js

@@ -1,60 +0,0 @@
-import { Button, Input, theme } from "@adminjs/design-system";
-import React, { useEffect, useState, } from "react";
-import { ThemeProvider } from "styled-components";
-import { StyledCustomInput, StyledInputWrapper, StyledLabel, StyledListWrapper, StyledWrapper, } from "./styles.js";
-import { SortableList } from "./SortableList/SortableList.js";
-import { separator } from "./constants.js";
-const StringList = ({ record, onChange, property, stringListSeparator = separator, }) => {
-    const stringListValue = record.params?.[property.path] ?? property.props.value ?? "";
-    const initialList = stringListValue
-        ? prepareDataForList(stringListValue)
-        : [];
-    const [inputValue, setInputValue] = useState("");
-    const [list, setList] = useState(initialList);
-    const serializedData = prepareDataForDatabase(list);
-    useEffect(() => {
-        onChange(property.path, serializedData);
-    }, [serializedData]);
-    return (React.createElement(ThemeProvider, { theme: theme },
-        React.createElement(StyledLabel, { htmlFor: "custom" }, property.path),
-        React.createElement(StyledWrapper, null,
-            React.createElement(StyledListWrapper, null,
-                React.createElement(SortableList, { items: list, onChange: setList, renderItem: (item) => (React.createElement(SortableList.Item, { id: item.id, onDelete: handleDeleteButton }, item.value)) })),
-            React.createElement(StyledInputWrapper, null,
-                React.createElement(Input, { id: "stringList", name: property.path, value: serializedData, hidden: true }),
-                React.createElement(StyledCustomInput, { id: "custom", name: "customInput", value: inputValue, onChange: handleInput, onKeyPress: handleEnterPress }),
-                React.createElement(Button, { variant: "outlined", onClick: handleAddButton }, "Add")))));
-    function handleInput(e) {
-        setInputValue(e.target.value);
-    }
-    function handleEnterPress(e) {
-        if (e.key === "Enter") {
-            handleAddButton(e);
-        }
-    }
-    function handleAddButton(e) {
-        e.preventDefault();
-        if (Boolean(inputValue)) {
-            setList([...list, createListObject(inputValue)]);
-            setInputValue("");
-        }
-    }
-    function handleDeleteButton(e, id) {
-        e.preventDefault();
-        const newData = list.filter((item) => item.id !== id);
-        setList(newData);
-    }
-    function prepareDataForDatabase(list) {
-        return list.map(({ value }) => value).join(stringListSeparator);
-    }
-    function prepareDataForList(str) {
-        return str.split(stringListSeparator).map((item) => createListObject(item));
-    }
-    function createListObject(value) {
-        return {
-            id: `${Date.now()}-${Math.floor(Math.random() * 1000)}`,
-            value: value,
-        };
-    }
-};
-export default StringList;

package/src/components/StringList/StringList.tsx

@@ -1,136 +0,0 @@
-import { Button, Input, theme } from "@adminjs/design-system";
-import { EditPropertyProps } from "adminjs";
-import React, {
-  ChangeEvent,
-  FC,
-  KeyboardEvent,
-  SyntheticEvent,
-  useEffect,
-  useState,
-} from "react";
-import { ThemeProvider } from "styled-components";
-
-import {
-  StyledCustomInput,
-  StyledInputWrapper,
-  StyledLabel,
-  StyledListWrapper,
-  StyledWrapper,
-} from "./styles.js";
-
-import { SortableList } from "./SortableList/SortableList.js";
-import { separator } from "./constants.js";
-
-type ListDataTypes = {
-  id: string;
-  value: string;
-};
-
-type StringListTypes = Omit<EditPropertyProps, "where" | "resource">;
-
-interface StringListShowPropsType extends StringListTypes {
-  stringListSeparator?: string;
-}
-
-const StringList: FC<StringListShowPropsType> = ({
-  record,
-  onChange,
-  property,
-  stringListSeparator = separator,
-}) => {
-  const stringListValue =
-    record.params?.[property.path] ?? property.props.value ?? "";
-
-  const initialList = stringListValue
-    ? prepareDataForList(stringListValue)
-    : [];
-
-  const [inputValue, setInputValue] = useState("");
-  const [list, setList] = useState<ListDataTypes[]>(initialList);
-
-  const serializedData = prepareDataForDatabase(list);
-
-  useEffect(() => {
-    onChange(property.path, serializedData);
-  }, [serializedData]);
-
-  return (
-    <ThemeProvider theme={theme}>
-      <StyledLabel htmlFor="custom">{property.path}</StyledLabel>
-      <StyledWrapper>
-        <StyledListWrapper>
-          <SortableList
-            items={list}
-            onChange={setList}
-            renderItem={(item) => (
-              <SortableList.Item id={item.id} onDelete={handleDeleteButton}>
-                {item.value}
-              </SortableList.Item>
-            )}
-          />
-        </StyledListWrapper>
-        <StyledInputWrapper>
-          <Input
-            id="stringList"
-            name={property.path}
-            value={serializedData}
-            hidden
-          />
-          <StyledCustomInput
-            id="custom"
-            name="customInput"
-            value={inputValue}
-            onChange={handleInput}
-            onKeyPress={handleEnterPress}
-          />
-          <Button variant="outlined" onClick={handleAddButton}>
-            Add
-          </Button>
-        </StyledInputWrapper>
-      </StyledWrapper>
-    </ThemeProvider>
-  );
-
-  function handleInput(e: ChangeEvent<HTMLInputElement>) {
-    setInputValue(e.target.value);
-  }
-
-  function handleEnterPress(e: KeyboardEvent<HTMLInputElement>) {
-    if (e.key === "Enter") {
-      handleAddButton(e);
-    }
-  }
-
-  function handleAddButton(e: SyntheticEvent<HTMLInputElement>) {
-    e.preventDefault();
-
-    if (Boolean(inputValue)) {
-      setList([...list, createListObject(inputValue)]);
-
-      setInputValue("");
-    }
-  }
-
-  function handleDeleteButton(e: ChangeEvent<HTMLInputElement>, id: string) {
-    e.preventDefault();
-    const newData = list.filter((item: ListDataTypes) => item.id !== id);
-    setList(newData);
-  }
-
-  function prepareDataForDatabase(list: ListDataTypes[]) {
-    return list.map(({ value }) => value).join(stringListSeparator);
-  }
-
-  function prepareDataForList(str: string) {
-    return str.split(stringListSeparator).map((item) => createListObject(item));
-  }
-
-  function createListObject(value: string) {
-    return {
-      id: `${Date.now()}-${Math.floor(Math.random() * 1000)}`,
-      value: value,
-    };
-  }
-};
-
-export default StringList;

package/src/components/StringList/StringListShow.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { ShowPropertyProps } from "adminjs";
-interface StringListShowPropsType extends ShowPropertyProps {
-    stringListSeparator?: string;
-}
-declare const StringListShow: FC<StringListShowPropsType>;
-export default StringListShow;

package/src/components/StringList/StringListShow.js

@@ -1,14 +0,0 @@
-import React from "react";
-import { ThemeProvider } from "styled-components";
-import { theme } from "@adminjs/design-system";
-import { StyledShowLabel, StyledShowWrapper, StyledListItem } from "./styles";
-import { separator } from "./constants";
-const StringListShow = ({ property, record, stringListSeparator = separator, }) => {
-    return (React.createElement(ThemeProvider, { theme: theme },
-        React.createElement(StyledShowWrapper, null,
-            React.createElement(StyledShowLabel, null, property.path),
-            record.params.facts && (React.createElement("ul", null, record.params.facts
-                .split(stringListSeparator)
-                .map((item, index) => (React.createElement(StyledListItem, { key: index }, `- ${item}`))))))));
-};
-export default StringListShow;

package/src/components/StringList/StringListShow.tsx

@@ -1,37 +0,0 @@
-import React, { memo, useState, useEffect, useRef, FC } from "react";
-import { ShowPropertyProps } from "adminjs";
-
-import { ThemeProvider } from "styled-components";
-import { theme } from "@adminjs/design-system";
-
-import { StyledShowLabel, StyledShowWrapper, StyledListItem } from "./styles";
-import { separator } from "./constants";
-
-interface StringListShowPropsType extends ShowPropertyProps {
-  stringListSeparator?: string;
-}
-
-const StringListShow: FC<StringListShowPropsType> = ({
-  property,
-  record,
-  stringListSeparator = separator,
-}) => {
-  return (
-    <ThemeProvider theme={theme}>
-      <StyledShowWrapper>
-        <StyledShowLabel>{property.path}</StyledShowLabel>
-        {record.params.facts && (
-          <ul>
-            {record.params.facts
-              .split(stringListSeparator)
-              .map((item: string, index: number) => (
-                <StyledListItem key={index}>{`- ${item}`}</StyledListItem>
-              ))}
-          </ul>
-        )}
-      </StyledShowWrapper>
-    </ThemeProvider>
-  );
-};
-
-export default StringListShow;

package/src/components/StringList/constants.d.ts

@@ -1 +0,0 @@
-export declare const separator = "|";

package/src/components/StringList/constants.js

@@ -1 +0,0 @@
-export const separator = "|";

package/src/components/StringList/constants.ts

@@ -1 +0,0 @@
-export const separator = "|";