@quillsql/react 1.7.4 → 1.7.6

package/src/TableChart.tsx

@@ -1,428 +0,0 @@
-/* eslint-disable react/display-name */
-// @ts-nocheck
-import React, { useMemo, useState } from 'react';
-// import { twMerge } from 'tailwind-merge';
-import {
-  Area,
-  CartesianGrid,
-  Legend,
-  ComposedChart as ReChartsAreaChart,
-  ResponsiveContainer,
-  Tooltip,
-  XAxis,
-  YAxis,
-} from 'recharts';
-import { format } from 'date-fns';
-import { valueFormatter } from './Chart';
-
-// const data = [
-//   { name: 'Pool and Spa', median_days: 56.5104166666667 },
-//   { name: 'Fencing & Gates', median_days: 56.1202719907407 },
-//   { name: 'Fireplace & Chimney', median_days: 51.5482581018519 },
-//   { name: 'Concrete, Driveway & Masonry', median_days: 49.6866608796296 },
-//   { name: 'Painting', median_days: 37.3942939814815 },
-//   { name: 'Roofing', median_days: 35.6859027777778 },
-//   { name: 'Flooring', median_days: 34.6166956018519 },
-//   { name: 'Irrigation, Landscaping & Trees', median_days: 27.4079456018519 },
-//   { name: 'Glass & Windows', median_days: 27.1180613425926 },
-//   { name: 'Remodeling Interior/Exterior', median_days: 24.9670775462963 },
-//   { name: 'Pests, Extermination & Wildlife', median_days: 20.7024537037037 },
-//   { name: 'Appliance', median_days: 18.7326157407407 },
-//   { name: 'Garage Doors', median_days: 18.0982175925926 },
-//   { name: 'Electrical', median_days: 16.1240740740741 },
-//   {
-//     name: '(HVAC) Heating, Ventilation & Air Conditioning',
-//     median_days: 16.0118576388889,
-//   },
-//   { name: 'Simple Maintenance Skills', median_days: 15.153130787037 },
-//   { name: 'Utilities', median_days: 13.4653240740741 },
-//   { name: 'Carpentry, Framing, Doors', median_days: 12.3884664351852 },
-//   {
-//     name: 'Cleaning, Sanitation & Restoration Services',
-//     median_days: 11.6931886574074,
-//   },
-//   { name: 'Awning & Sunshades', median_days: 10.3050983796296 },
-//   { name: 'Plumbing', median_days: 10.2094328703704 },
-//   { name: 'Carpet & Floor Cleaning', median_days: 8.9691087962963 },
-//   { name: 'Junk Removal & Hauling', median_days: 8.57038194444444 },
-//   { name: 'Locksmith', median_days: 4.49019097222222 },
-// ];
-
-type Bar = {
-  key?: string;
-  value: number;
-  name: string;
-  icon?: React.JSXElementConstructor<any>;
-  href?: string;
-  target?: string;
-};
-
-const getWidthsFromValues = (dataValues: number[]) => {
-  let maxValue = -Infinity;
-  dataValues.forEach(value => {
-    maxValue = Math.max(maxValue, value);
-  });
-
-  return dataValues.map(value => {
-    if (value === 0) return 0;
-    return Math.max((value / maxValue) * 100, 1);
-  });
-};
-
-interface YAxisField {
-  label: string;
-  field: string;
-  chartType?: string;
-}
-
-export interface BarListProps extends React.HTMLAttributes<HTMLDivElement> {
-  data: object[];
-  yAxisFields: YAxisField[];
-  colors: string[];
-}
-
-export function hexToRgbaWith10PercentAlpha(hex) {
-  // Convert the hex color to RGB
-  const r = parseInt(hex.slice(1, 3), 16);
-  const g = parseInt(hex.slice(3, 5), 16);
-  const b = parseInt(hex.slice(5, 7), 16);
-
-  // Set the alpha value to 10%
-  const alpha = 0.1;
-
-  // Return the color as an rgba string
-  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-}
-
-function Columns({ columns, data, theme }) {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'row',
-        // overflowX: 'scroll',
-        // overflowY: 'hidden',
-        overflow: 'scroll',
-        height: '100%',
-      }}
-    >
-      {columns.map(elem => (
-        <Column key={elem.field} column={elem} data={data} theme={theme} />
-      ))}
-    </div>
-  );
-}
-
-function Column({ column, data, theme }) {
-  return (
-    <div
-      style={{
-        paddingLeft: 20,
-        paddingRight: 20,
-        // width: 'max-content',
-        display: 'inline-flex',
-        flexDirection: 'column',
-        whiteSpace: 'nowrap',
-      }}
-    >
-      <div
-        style={{
-          height: 40,
-          minHeight: 40,
-          color: theme?.primaryTextColor,
-          boxSizing: 'content-box',
-          fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-          fontSize: theme?.fontSizeSmall || '0.875rem',
-          fontWeight: theme?.fontWeightMedium || '500',
-        }}
-      >
-        {column.label}
-      </div>
-      {data.map(elem => (
-        <Cell item={elem[column.field]} theme={theme} />
-      ))}
-    </div>
-  );
-}
-
-function Cell({ item, theme }) {
-  return (
-    <div
-      style={{
-        height: 40,
-        minHeight: 40,
-        whiteSpace: 'nowrap',
-        width: '100%',
-        fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-        fontSize: theme?.fontSizeSmall || '0.875rem',
-        color: theme?.chartLabelColor,
-      }}
-    >
-      {item}
-    </div>
-  );
-}
-
-const TableChart = React.forwardRef<HTMLDivElement, BarListProps>(
-  (props, ref) => {
-    const { data = [], yAxisFields, containerStyle, theme, ...other } = props;
-
-    // const widths = getWidthsFromValues(
-    //   data.map(item => item[yAxisFields[0].field])
-    // );
-
-    const NUM_TO_SHOW = Math.floor(containerStyle?.height / 40) - 1 || 6;
-
-    const memoizedData = useMemo(() => {
-      return data.slice(0, NUM_TO_SHOW).map(item => {
-        const fieldsWithFormattedValues = {};
-
-        for (const field of yAxisFields) {
-          const value = item[field.field];
-          fieldsWithFormattedValues[field.field] = valueFormatter({
-            value,
-            field: field.field,
-            fields: yAxisFields,
-          });
-        }
-
-        return fieldsWithFormattedValues;
-      });
-    }, [data, NUM_TO_SHOW]);
-
-    if (!memoizedData.length) {
-      return (
-        <div
-          ref={ref}
-          style={{
-            // width: '100%',
-            boxSizing: 'content-box',
-            height: '100%',
-            // height: hei
-            // marginLeft: 25,
-            // background: 'red',
-            marginTop: 20,
-            // paddingRight: 25,
-            overflow: 'hidden',
-            display: 'flex',
-            marginLeft: '1.5rem',
-            justifyContent: 'space-between',
-          }}
-          // className={twMerge(
-          // makeBarListClassName('root'),
-          // 'qq-flex qq-justify-between qq-h-full qq-w-full',
-          // 'qq-space-x-6',
-          //   className
-          // )}
-          {...other}
-        ></div>
-      );
-    }
-
-    return (
-      <div
-        style={{
-          boxSizing: 'content-box',
-          height: containerStyle?.height || '100%',
-          marginTop: 20,
-          // overflow: 'hidden',
-          display: 'flex',
-          marginLeft: '1rem',
-          flexDirection: 'column',
-          // justifyContent: 'space-between',
-        }}
-      >
-        <Columns columns={yAxisFields} data={memoizedData} theme={theme} />
-        {data.length > NUM_TO_SHOW && (
-          <div
-            style={{
-              color: theme?.chartLabelColor,
-              boxSizing: 'content-box',
-              fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-              fontSize: theme?.fontSizeSmall || '0.875rem',
-              marginLeft: 12,
-              marginTop: 8,
-            }}
-            // className="qq-text-sm"
-          >
-            ...{data.length - NUM_TO_SHOW} more
-          </div>
-        )}
-      </div>
-    );
-
-    // return (
-    //   <div
-    //     ref={ref}
-    //     style={{
-    //       // width: '100%',
-    //       boxSizing: 'content-box',
-    //       height: '100%',
-    //       // height: hei
-    //       // marginLeft: 25,
-    //       // background: 'red',
-    //       marginTop: 20,
-    //       // paddingRight: 25,
-    //       overflow: 'hidden',
-    //       display: 'flex',
-    //       marginLeft: '1.5rem',
-    //       justifyContent: 'space-between',
-    //     }}
-    //     // className={twMerge(
-    //     // makeBarListClassName('root'),
-    //     // 'qq-flex qq-justify-between qq-h-full qq-w-full',
-    //     // 'qq-space-x-6',
-    //     //   className
-    //     // )}
-    //     {...other}
-    //   >
-    //     <div
-    //       //   className={twMerge(makeBarListClassName('bars'), 'relative w-full')}
-    //       // className="qq-relative-w-full"
-    //       style={{
-    //         width: 'calc(100%)',
-    //         boxSizing: 'content-box',
-    //         height: '100%',
-    //         paddingRight: 25,
-    //         position: 'relative',
-    //       }}
-    //     >
-    //       <div
-    //         style={{
-    //           display: 'flex',
-    //           flexDirection: 'row',
-    //           alignItems: 'center',
-    //           boxSizing: 'content-box',
-    //         }}
-    //       >
-    //         {yAxisFields.map((elem, index) => (
-    //           <div
-    //             key={index}
-    //             style={{
-    //               color: theme?.primaryTextColor,
-    //               width: 98,
-    //               maxWidth: 98,
-    //               boxSizing: 'content-box',
-    //               whiteSpace: 'nowrap',
-    //               overflow: 'hidden',
-    //               textOverflow: 'ellipsis',
-    //               fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-    //               fontSize: theme?.fontSizeSmall || '0.875rem',
-    //               fontWeight: theme?.fontWeightMedium || '500',
-    //             }}
-    //             // className={twMerge(
-    //             // makeBarListClassName('barText'),
-    //             //   'qq-whitespace-nowrap truncate',
-    //             //   'qq-text-sm'
-    //             // )}
-    //           >
-    //             {elem.label}
-    //           </div>
-    //         ))}
-    //       </div>
-    //       {data.slice(0, NUM_TO_SHOW).map((item, idx) => {
-    //         //   const Icon = item.icon;
-    //         const Icon = null;
-
-    //         return (
-    //           <div
-    //             key={'label' + idx}
-    //             // className={`qq-flex qq-items-center qq-h-9 qq-rounded qq-mb-2`}
-    //             style={{
-    //               //   width: `${widths[idx]}%`,
-    //               width: '100%',
-    //               transition: showAnimation ? 'all 2s' : '',
-    //               boxSizing: 'content-box',
-    //               //   backgroundColor: hexToRgbaWith10PercentAlpha(colors[0]),
-    //               display: 'flex',
-    //               alignItems: 'center',
-    //               height: '2.25rem',
-    //               // marginBottom: '0.5rem',
-    //               borderRadius: '0.25rem',
-    //             }}
-    //           >
-    //             <div
-    //               style={{
-    //                 boxSizing: 'content-box',
-    //                 position: 'absolute',
-    //                 maxWidth: '100%',
-    //                 display: 'flex',
-    //                 // height: 40,
-    //                 // minHeight: 40,
-    //                 // marginLeft: '0.5rem',
-    //               }}
-    //               // className={twMerge(
-    //               //   'qq-absolute qq-max-w-full qq-flex',
-    //               //   'qq-ml-2'
-    //               // )}
-    //             >
-    //               <div
-    //                 style={{
-    //                   display: 'flex',
-    //                   flexDirection: 'row',
-    //                   alignItems: 'center',
-    //                   boxSizing: 'content-box',
-    //                   height: 40,
-    //                   minHeight: 40,
-    //                 }}
-    //               >
-    //                 {yAxisFields.map((elem, index) => (
-    //                   <div
-    //                     key={index}
-    //                     style={{
-    //                       width: 98,
-    //                       maxWidth: 98,
-    //                       color: theme?.chartLabelColor,
-    //                       boxSizing: 'content-box',
-    //                       paddingRight: 10,
-    //                       height: 40,
-    //                       minHeight: 40,
-    //                       whiteSpace: 'nowrap',
-    //                       overflow: 'hidden',
-    //                       textOverflow: 'ellipsis',
-    //                       fontFamily:
-    //                         theme?.chartLabelFontFamily || theme?.fontFamily,
-    //                       fontSize: theme?.fontSizeSmall || '0.875rem',
-    //                       borderBottomColor: theme?.borderColor,
-    //                       borderBottomWidth: 1,
-    //                       borderBottomStyle: 'solid',
-    //                     }}
-    //                     // className={twMerge(
-    //                     // makeBarListClassName('barText'),
-    //                     //   'qq-whitespace-nowrap truncate',
-    //                     //   'qq-text-sm'
-    //                     // )}
-    //                   >
-    //                     {valueFormatter({
-    //                       value: item[elem.field],
-    //                       field: elem.field,
-    //                       fields: yAxisFields,
-    //                     })}
-    //                   </div>
-    //                 ))}
-    //               </div>
-    //             </div>
-    //           </div>
-    //         );
-    //       })}
-    //       {data.length > NUM_TO_SHOW && (
-    //         <div
-    //           style={{
-    //             color: theme?.chartLabelColor,
-    //             boxSizing: 'content-box',
-    //             fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-    //             fontSize: theme?.fontSizeSmall || '0.875rem',
-    //           }}
-    //           // className="qq-text-sm"
-    //         >
-    //           ...{data.length - NUM_TO_SHOW} more
-    //         </div>
-    //       )}
-    //     </div>
-    //     {/* eslint-disable prettier/prettier */}
-    //   </div>
-    // );
-  }
-);
-
-export default TableChart;

package/src/assets/ArrowDownHeadIcon.tsx

@@ -1,11 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ArrowDownHeadIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path fill="currentColor" d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" />
-  </svg>
-);
-
-export default ArrowDownHeadIcon;

package/src/assets/ArrowDownIcon.tsx

@@ -1,14 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ArrowDownIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path
-      fill="currentColor"
-      d="M13 16.172l5.364-5.364 1.414 1.414L12 20l-7.778-7.778 1.414-1.414L11 16.172V4h2v12.172z"
-    />
-  </svg>
-);
-
-export default ArrowDownIcon;

package/src/assets/ArrowDownRightIcon.tsx

@@ -1,14 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ArrowDownRightIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path
-      fill="currentColor"
-      d="M14.59 16.004L5.982 7.397l1.414-1.414 8.607 8.606V7.004h2v11h-11v-2z"
-    />
-  </svg>
-);
-
-export default ArrowDownRightIcon;

package/src/assets/ArrowLeftHeadIcon.tsx

@@ -1,11 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ArrowLeftHeadIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path d="M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z" />
-  </svg>
-);
-
-export default ArrowLeftHeadIcon;

package/src/assets/ArrowRightHeadIcon.tsx

@@ -1,11 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ArrowRightHeadIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z" />
-  </svg>
-);
-
-export default ArrowRightHeadIcon;

package/src/assets/ArrowRightIcon.tsx

@@ -1,14 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ArrowRightIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path
-      fill="currentColor"
-      d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"
-    />
-  </svg>
-);
-
-export default ArrowRightIcon;

package/src/assets/ArrowUpHeadIcon.tsx

@@ -1,11 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ArrowUpHeadIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path fill="currentColor" d="M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z" />
-  </svg>
-);
-
-export default ArrowUpHeadIcon;

package/src/assets/ArrowUpIcon.tsx

@@ -1,14 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ArrowUpIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path
-      fill="currentColor"
-      d="M13 7.828V20h-2V7.828l-5.364 5.364-1.414-1.414L12 4l7.778 7.778-1.414 1.414L13 7.828z"
-    />
-  </svg>
-);
-
-export default ArrowUpIcon;

package/src/assets/ArrowUpRightIcon.tsx

@@ -1,14 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ArrowUpRightIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path
-      fill="currentColor"
-      d="M16.004 9.414l-8.607 8.607-1.414-1.414L14.589 8H7.004V6h11v11h-2V9.414z"
-    />
-  </svg>
-);
-
-export default ArrowUpRightIcon;

package/src/assets/CalendarIcon.tsx

@@ -1,14 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const CalendarIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-    <path
-      fillRule="evenodd"
-      d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default CalendarIcon;

package/src/assets/DoubleArrowLeftHeadIcon.tsx

@@ -1,18 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const DoubleArrowLeftHeadIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-    <path id="svg_1" d="m0,0l24,0l0,24l-24,0l0,-24z" fill="none" />
-    <path
-      id="svg_2"
-      d="m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z"
-    />
-    <path
-      id="svg_3"
-      d="m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z"
-    />
-  </svg>
-);
-
-export default DoubleArrowLeftHeadIcon;

package/src/assets/DoubleArrowRightHeadIcon.tsx

@@ -1,20 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const DoubleArrowRightHeadIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-    <path id="svg_1" d="m0,0l24,0l0,24l-24,0l0,-24z" fill="none" />
-    <path
-      transform="rotate(180 15.1857 12)"
-      id="svg_2"
-      d="m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z"
-    />
-    <path
-      transform="rotate(180 8.37252 12)"
-      id="svg_3"
-      d="m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z"
-    />
-  </svg>
-);
-
-export default DoubleArrowRightHeadIcon;

package/src/assets/ExclamationFilledIcon.tsx

@@ -1,14 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const ExclamationFilledIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-    <path
-      fillRule="evenodd"
-      d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default ExclamationFilledIcon;

package/src/assets/LoadingSpinner.tsx

@@ -1,11 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const LoadingSpinner = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-    <path fill="none" d="M0 0h24v24H0z" />
-    <path d="M18.364 5.636L16.95 7.05A7 7 0 1 0 19 12h2a9 9 0 1 1-2.636-6.364z" />
-  </svg>
-);
-
-export default LoadingSpinner;

package/src/assets/SearchIcon.tsx

@@ -1,14 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const SearchIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-    <path
-      fillRule="evenodd"
-      d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default SearchIcon;

package/src/assets/XCircleIcon.tsx

@@ -1,14 +0,0 @@
-/* eslint-disable max-len */
-import React from "react";
-
-const XCircleIcon = ({ ...props }) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-    <path
-      fillRule="evenodd"
-      d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default XCircleIcon;