@licklist/design 0.44.476-dev.8 → 0.44.476

package/dist/table/TableHelperComponent.d.ts

@@ -19,10 +19,11 @@ export interface TableHelperComponentProps {
     };
     initialOptions?: Partial<ITableProps>;
 }
+export declare type ExtendedTableOptions = ITableProps & {
+    [key: string]: any;
+};
 /**
  * TableHelperComponent
- * @deprecated use new ReactTableHelperComponent
- * for default tables
  * @param props
  * @constructor
  */

package/dist/table/TableHelperComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/TableHelperComponent.tsx"],"names":[],"mappings":";AAQA,OAAO,qBAAqB,MAAM,mEAAmE,CAAC;AACtG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAQlF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACvC;AAUD;;;;;;GAMG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eAsP7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"TableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/TableHelperComponent.tsx"],"names":[],"mappings":";AAQA,OAAO,qBAAqB,MAAM,mEAAmE,CAAC;AACtG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAOlF,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACvC;AAED,oBAAY,oBAAoB,GAAG,WAAW,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AASxE;;;;GAIG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eAsP7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/table/index.d.ts

@@ -4,5 +4,4 @@ export * from "./PerPageHelperComponent";
 export * from "./StaticTable";
 export * from "./TableHelperComponent";
 export * from "./MenuButton";
-export * from "./ReactTableHelperComponent";
 //# sourceMappingURL=index.d.ts.map

package/dist/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC"}

package/dist/table/utils/index.d.ts

@@ -1,4 +1,3 @@
 import ITableProps from "@licklist/plugins/dist/types/services/Table/ITableProps";
-export { flexRender } from "@tanstack/react-table";
 export declare const getFilterOptionsValue: (query: URLSearchParams, initialOptions: Partial<ITableProps>, key: keyof ITableProps) => string | number;
 //# sourceMappingURL=index.d.ts.map

package/dist/table/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAGlF,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAUnD,eAAO,MAAM,qBAAqB,UACzB,eAAe,kBACN,QAAQ,WAAW,CAAC,OAC/B,MAAM,WAAW,oBAWvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAWlF,eAAO,MAAM,qBAAqB,UACzB,eAAe,kBACN,QAAQ,WAAW,CAAC,OAC/B,MAAM,WAAW,oBAWvB,CAAC"}

package/dist/table/utils/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("@licklist/plugins/dist/services/Table/TableService"))&&"object"==typeof e&&"default"in e?e.default:e,r=require("@tanstack/react-table"),i={page:t.DEFAULT_PAGE,perPage:t.DEFAULT_PER_PAGE,sortDirection:t.DEFAULT_SORT_DIRECTION,sortKey:t.DEFAULT_SORT_KEY,filter:""};Object.defineProperty(exports,"flexRender",{enumerable:!0,get:function(){return r.flexRender}}),exports.getFilterOptionsValue=function(e,t,r){return e.get(r)?e.get(r):t[r]?t[r]:i[r]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("@licklist/plugins/dist/services/Table/TableService"))&&"object"==typeof e&&"default"in e?e.default:e,r={page:t.DEFAULT_PAGE,perPage:t.DEFAULT_PER_PAGE,sortDirection:t.DEFAULT_SORT_DIRECTION,sortKey:t.DEFAULT_SORT_KEY,filter:""};exports.getFilterOptionsValue=function(e,t,i){return e.get(i)?e.get(i):t[i]?t[i]:r[i]};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.476-dev.8",
+  "version": "0.44.476",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -71,7 +71,6 @@
     "@storybook/react": "6.3.12",
     "@svgr/rollup": "5.5.0",
     "@svgr/webpack": "5.5.0",
-    "@tanstack/react-table": "8.10.6",
     "@testing-library/jest-dom": "5.16.1",
     "@testing-library/react": "11.2.5",
     "@testing-library/react-hooks": "5.1.0",

package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.stories.tsx

@@ -1082,7 +1082,6 @@ export const Default: Story<EditEventFormProps> = (args) => {
       <EventEditProductSetContext.Provider value={contextValue}>
         <EditEventForm
           {...args}
-          isExternalPaymentLinkEnabled
           title="Create new event"
           categories={categories}
           setEditProductSetId={setEditProductSetId}

package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx

@@ -308,12 +308,11 @@ export const EditEventForm = ({
               <Form.Label>{t("externalPaymentLink")}</Form.Label>
               <Form.Control
                 {...register("externalPaymentLink", {
-                  validate: (url) => {
-                    if (!url) {
-                      return true;
-                    }
-                    return validateURL(url, t("Design:externalPaymentLink"));
-                  },
+                  required: t("Validation:fieldRequired", {
+                    attribute: t("Design:externalPaymentLink"),
+                  }) as string,
+                  validate: (url) =>
+                    validateURL(url, t("Design:externalPaymentLink")),
                 })}
                 name="externalPaymentLink"
                 type="url"

package/src/iframe/order-process/OrderProcess.stories.tsx

@@ -15,6 +15,7 @@ import { StepsForm } from "./components/StepsForm";
 import { Page, PageBody, PageHeader } from "../page";
 import { StepsFormRef } from "./components/StepsForm/StepsForm";
 import { BookingSummaryFooter } from "./components/BookingSummaryFooter";
+import { sanitizeFormValues } from "./components/BookingSummary/utils";
 import { Order } from "../../types";
 // eslint-disable-next-line max-len
 import { RenderNumberOfPeopleInputComponent } from "../event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent";
@@ -266,7 +267,10 @@ export function Default() {
                 };
 
                 const shouldShowPeopleInput = useMemo(() => {
-                  const values = Object.values(formValues).filter(
+                  const { numberOfPeople, ...orderProducts } =
+                    sanitizeFormValues(formValues);
+
+                  const values = Object.values(orderProducts).filter(
                     Boolean
                   ) as Order[];
                   const filteredValues = values.filter(
@@ -343,7 +347,6 @@ export function Default() {
                             date="29 Sept 2022 at 09:00"
                             menuSteps={menuSteps as any}
                             formValues={formValues}
-                            peopleAmount={peopleAmount}
                             totalWithDiscount={5}
                             eventName="Glam!"
                           />

package/src/iframe/order-process/components/BookingSummary/BookingSummary.stories.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 import { Meta } from "@storybook/react";
 import { BookingSummary } from "./BookingSummary";
 
@@ -139,7 +139,6 @@ export function Default() {
         <BookingSummary
           date="29 Sept 2022 at 09:00"
           menuSteps={menuSteps as any}
-          peopleAmount={5}
           formValues={{
             "3": {
               id: 3,
@@ -162,6 +161,7 @@ export function Default() {
               price: 1,
               productsCategoryId: 1,
             },
+            numberOfPeople: 5,
           }}
           totalWithDiscount={5}
           transactionFee={0.01}

package/src/iframe/order-process/components/BookingSummary/BookingSummary.tsx

@@ -6,6 +6,7 @@ import { LoaderIndicator } from "../../../../static";
 import { MenuStep, Order } from "../../../../types";
 import { ProductsByMenuStep } from "./components/ProductsByMenuStep";
 import { BookingSummaryProps } from "./types";
+import { sanitizeFormValues } from "./utils";
 import { SummaryTotal } from "./components/SummaryTotal";
 import { BookingSummaryAccordion } from "./components/BookingSummaryAccordion";
 
@@ -19,15 +20,21 @@ export const BookingSummary = ({
   productsWithErrors,
   isLoading,
   hasPeopleInput,
-  peopleAmount,
 }: Omit<BookingSummaryProps, "totallWithDiscount">) => {
   const { t } = useTranslation("Design");
   const { formatNumber } = useIntl();
 
-  const orderProducts = useMemo(() => {
-    const products = Object.values(formValues).filter(Boolean) as Order[];
+  const [numberOfPeople = 0, orderProducts] = useMemo(() => {
+    const { numberOfPeople, ...orderProducts } = sanitizeFormValues(formValues);
 
-    return products?.filter((prod) => prod?.quantity !== 0);
+    const products = Object.keys(orderProducts).map(
+      (productId) => orderProducts[productId]
+    ) as Order[];
+
+    return [
+      numberOfPeople as number,
+      products.filter((prod) => prod.quantity !== 0),
+    ];
   }, [formValues]);
 
   if (isLoading) {
@@ -60,12 +67,12 @@ export const BookingSummary = ({
                   />
                 );
               })}
-              {!isNotShownPeopleAmount && peopleAmount > 0 && (
+              {!isNotShownPeopleAmount && numberOfPeople > 0 && (
                 <>
                   <hr />
                   <div className="d-flex justify-content-between mt-3">
                     <p className="m-0">{t("people")}:</p>
-                    <p className="price">{peopleAmount}</p>
+                    <p className="price">{numberOfPeople}</p>
                   </div>
                 </>
               )}

package/src/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.tsx

@@ -1,7 +1,8 @@
 import React, { useMemo } from "react";
 import { useTranslation } from "react-i18next";
+import { Order } from "../../../../../../types";
 import { BookingSummaryProps } from "../../types";
-import { cartSumByOrderProducts } from "../../utils";
+import { sanitizeFormValues, cartSumByOrderProducts } from "../../utils";
 import { SummaryTotalBlock } from "./components/SummaryTotalBlock";
 
 export const SummaryTotal = ({
@@ -14,10 +15,17 @@ export const SummaryTotal = ({
   "formValues" | "totalWithDiscount" | "transactionFee" | "isFreePayment"
 >) => {
   const { t } = useTranslation("Design");
-  const orderProducts = useMemo(() => {
-    const products = Object.values(formValues).filter(Boolean);
+  const [, orderProducts] = useMemo(() => {
+    const { numberOfPeople, ...orderProducts } = sanitizeFormValues(formValues);
 
-    return products.filter((prod) => prod?.quantity !== 0);
+    const products = Object.keys(orderProducts).map(
+      (productId) => orderProducts[productId]
+    ) as Order[];
+
+    return [
+      numberOfPeople as number,
+      products.filter((prod) => prod.quantity !== 0),
+    ];
   }, [formValues]);
 
   const cartSum = isFreePayment

package/src/iframe/order-process/components/BookingSummary/types/index.ts

@@ -8,7 +8,7 @@ export type BookingSummaryProps = {
   date: string;
   menuSteps: MenuStep[];
   formValues: {
-    [key: string]: Order;
+    [key: string]: Order | number;
   };
   totalWithDiscount?: number;
   isNotShownPeopleAmount?: boolean;
@@ -18,5 +18,4 @@ export type BookingSummaryProps = {
   isFreePayment?: boolean;
   productsWithErrors?: ProductQuantityCheckResponse["products"];
   isLoading?: boolean;
-  peopleAmount: number;
 };

package/src/iframe/order-process/components/BookingSummary/utils/index.ts

@@ -1,4 +1,25 @@
 import { Order } from "../../../../../types";
+import { BookingSummaryProps } from "../types";
+
+export const sanitizeFormValues = (
+  formValues: BookingSummaryProps["formValues"]
+) =>
+  Object.keys(formValues).reduce(
+    (
+      prevValues: {
+        [key: string]: Order | number;
+      },
+      currentKey: string
+    ) => {
+      const value = formValues[currentKey];
+      if (value) {
+        return { ...prevValues, [currentKey]: value };
+      }
+
+      return prevValues;
+    },
+    {}
+  );
 
 export const cartSumByOrderProducts = (orderProducts: Order[]) =>
   orderProducts.reduce((prevSumValue: number, product) => {

package/src/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.stories.tsx

@@ -174,12 +174,7 @@ const OrderProcessContextProvider: React.FC = ({ children }) => {
 
   return (
     <OrderProcessContext.Provider
-      value={{
-        orderFormValues,
-        setOrderFormValues,
-        formValues,
-        setFormValues,
-      }}
+      value={{ orderFormValues, setOrderFormValues, formValues, setFormValues }}
     >
       {children}
     </OrderProcessContext.Provider>
@@ -408,8 +403,6 @@ const MENU_STEPS = [
 
 export function Default() {
   const { formValues, setFormValues } = useContext(OrderProcessContext);
-  const [peopleAmount] = useState(0);
-
   return (
     <div className="snippet">
       <OrderProcessContextProvider>
@@ -441,7 +434,6 @@ export function Default() {
                 <BookingSummary
                   date="29 Sept 2022 at 09:00"
                   menuSteps={menuSteps as any}
-                  peopleAmount={peopleAmount}
                   formValues={formValues}
                   totalWithDiscount={5}
                   eventName="Glam!"

package/src/iframe/payment/payment-page/PaymentPage.tsx

@@ -109,7 +109,8 @@ export const PaymentPage = ({
           showCloseButton={isIframePayment}
           onCloseButtonClick={isIframePayment ? onGoBack : undefined}
         >
-          <PaymentTimer />
+          {isIframePayment && <PaymentTimer />}
+
           <div className="d-flex align-items-center justify-content-center w-100">
             {t("paymentDetails")}
           </div>

package/src/iframe/ryft/RyftPaymentForm.tsx

@@ -183,7 +183,7 @@ export const RyftPaymentForm = ({
         onSubmit={methods.handleSubmit(handleSubmit)}
         className="ryft-payment-form"
       >
-        <div className="submit-button-wrapper mt-3 p-1">
+        <div className="submit-button-wrapper mt-3 px-1">
           <Button type="submit" disabled={isBtnDisabled || !isValid}>
             {isBtnDisabled && <ButtonLoader />}
             {t("Design:buyNow")}

package/src/index.ts

@@ -32,4 +32,3 @@ export * from "./typeahead-helper";
 export * from "./zone";
 export * from "./resource";
 export * from "./virtualized";
-export * from "./customers";

package/src/product-set/form/ProductCategoriesControl.tsx

@@ -99,7 +99,7 @@ export function ProductCategoriesControl({
   });
   const [productCategoryState, setProductCategoryState] = useState<
     Record<number, { price: number; quantity: number }>
-  >({});
+  >([]);
 
   const productCategories: ProductCategory[] = useWatch({
     control,
@@ -168,15 +168,14 @@ export function ProductCategoriesControl({
         return sum + Number(product.totalQuantity);
       }, 0);
 
-      setProductCategoryState((prevState) => ({
-        ...prevState,
+      setProductCategoryState({
         // New added categories will have uniqueId
         // but existing have already assigned Id.
         [productCategory?.id || productCategory.uniqueId]: {
           price,
           quantity,
         },
-      }));
+      });
     });
   }, [productCategories]);
 

package/src/product-set/form/StepsControl.tsx

@@ -45,7 +45,7 @@ export function StepsControl({ isLoading }: StepsControlProps) {
 
   const getDefaultStepsValues = (): Step => ({
     id: null,
-    name: `${t("step")} ${fields.length + 1}`,
+    name: "",
     productCategories: [],
     weight: 0,
     hasMap: false,

package/src/sales/manual-booking/select-menu/SelectMenu.tsx

@@ -32,9 +32,7 @@ export const SelectMenu = ({
     <div>
       {(!menus || !menus.length) && !isLoading ? (
         <div className="no-results-content">
-          <span className="no-results-found">
-            {t("App:noResultsFoundForSelectedDate")}
-          </span>
+          <span className="no-results-found">{t("App:noResultsFound")}</span>
         </div>
       ) : (
         <>

package/src/sales/notes/note-form/NoteForm.tsx

@@ -19,12 +19,7 @@ export const NoteForm = ({
   onClose,
   defaultValues = { note: "" },
 }: NoteFormProps) => {
-  const {
-    register,
-    handleSubmit,
-    formState: { errors },
-    setValue,
-  } = useForm<FormModel>({
+  const { register, handleSubmit } = useForm<FormModel>({
     mode: "onChange",
     defaultValues,
   });
@@ -42,18 +37,9 @@ export const NoteForm = ({
         <Form.Control
           as="textarea"
           rows={5}
-          isInvalid={!!errors.note}
           placeholder={t("writeYourNoteHere")}
-          {...register("note", {
-            required: {
-              value: true,
-              message: t("Validation:fieldRequired"),
-            },
-          })}
+          {...register("note")}
         />
-        <Form.Control.Feedback type="invalid">
-          {errors.note?.message}
-        </Form.Control.Feedback>
       </Form.Group>
 
       <footer className="d-flex">
@@ -66,11 +52,7 @@ export const NoteForm = ({
         >
           {t("close")}
         </Button>
-        <Button
-          variant="danger"
-          className="ml-2"
-          onClick={() => setValue("note", "")}
-        >
+        <Button type="reset" variant="danger" className="ml-2">
           {t("delete")}
         </Button>
       </footer>

package/src/styles/iframe-events/Event.scss

@@ -91,9 +91,11 @@
 
   &__select-product {
     width: 10.5rem !important;
+    margin-top: 1rem;
   }
 
   &__unselect-product {
+    margin-top: 1rem;
     width: 10.5rem !important;
     background-color: $snippet-elements-button-color !important;
     color: $snippet-elements-button-background-color !important;

package/src/styles/packages.scss

@@ -35,4 +35,3 @@
 @import "./skeleton";
 @import "./virtualized/";
 @import "./error";
-@import "./customers/";

package/src/table/Table.stories.tsx

@@ -1,7 +1,7 @@
 import ILengthAwarePaginator from "@licklist/plugins/dist/types/services/Table/ILengthAwarePaginator";
 import { Meta, Story } from "@storybook/react";
 import { range } from "lodash";
-import React, { useRef } from "react";
+import React from "react";
 import { Router } from "../auth/Router";
 import {
   FilterHelperComponent as FilterHelper,
@@ -19,13 +19,6 @@ import {
   TableHelperComponent as TableHelper,
   TableHelperComponentProps,
 } from "./TableHelperComponent";
-import {
-  ReactTableHelperComponent as ReactTableHelper,
-  ReactTableHelperComponentProps,
-  ReactTableHelperRow,
-  ReactTableHelperComponentRef,
-} from "./ReactTableHelperComponent";
-import { flexRender } from "./utils/index";
 
 export default {
   title: "Table",
@@ -52,40 +45,6 @@ export const PerPageHelperComponent: Story<PerPageHelperComponentProps> = (
   args
 ) => <PerPageHelper {...args} />;
 
-export const ReactTableHelperComponent: Story<
-  ReactTableHelperComponentProps<any>
-> = (args) => (
-  <>
-    <Router>
-      <ReactTableHelper {...args} />
-    </Router>
-  </>
-);
-
-const ComponentInsideRouter = (args) => {
-  const ref = useRef<ReactTableHelperComponentRef>(null);
-
-  return (
-    <ReactTableHelper
-      {...args}
-      ref={ref}
-      externalFilters={{ uniqField: "uniqField" }}
-    />
-  );
-};
-
-export const ReactTableHelperComponentWithColumns: Story<
-  ReactTableHelperComponentProps<any>
-> = (args) => {
-  return (
-    <>
-      <Router>
-        <ComponentInsideRouter {...args} />
-      </Router>
-    </>
-  );
-};
-
 const getPaginator = (perPage, items = 100) =>
   ({
     current_page: 1,
@@ -139,88 +98,3 @@ TableHelperComponent.args = {
 PaginationHelperComponent.args = {
   paginator: getPaginator(24, 100),
 };
-
-ReactTableHelperComponent.args = {
-  isLoading: false,
-  headers: [
-    {
-      title: "ID",
-      key: "id",
-      isSortable: true,
-      width: "600px",
-    },
-    "Title",
-    "Description",
-    "Action",
-  ],
-  paginator: getPaginator(24, 10),
-  renderItemFn: (row) => {
-    return (
-      <tr key={row.id}>
-        <td>{row.id}</td>
-        <td>{row.title}</td>
-        <td>{row.description}</td>
-        <td>ADD | REMOVE</td>
-      </tr>
-    );
-  },
-  striped: false,
-  bordered: false,
-  displayShowingSection: false,
-  initialOptions: {
-    page: 1,
-    perPage: 10,
-    sortKey: "id",
-    sortDirection: "desc",
-    filter: "",
-  },
-};
-
-ReactTableHelperComponentWithColumns.args = {
-  isLoading: false,
-  columns: [
-    {
-      accessorKey: "id",
-      header: () => "CustomHeader",
-    },
-    {
-      accessorKey: "title",
-      header: () => "SuperTitle",
-    },
-    {
-      accessorKey: "description",
-      header: () => "AwesomeDescription",
-    },
-    {
-      accessorKey: "actions",
-      header: () => "Incredible Actions",
-    },
-  ],
-  sortableColumns: ["id"],
-  paginator: getPaginator(24, 10),
-  renderRow: (row: ReactTableHelperRow<any>) => {
-    return (
-      <tr key={row.id}>
-        {row.getVisibleCells().map((cell) => {
-          return (
-            <td key={cell.id}>
-              {cell.column.id === "actions"
-                ? "ADD | REMOVE"
-                : flexRender(cell.column.columnDef.cell, cell.getContext())}
-            </td>
-          );
-        })}
-      </tr>
-    );
-  },
-  striped: false,
-  bordered: false,
-  displayShowingSection: false,
-  initialOptions: {
-    page: 1,
-    perPage: 10,
-    sortKey: "id",
-    sortDirection: "desc",
-    filter: "",
-  },
-};

package/src/table/TableHelperComponent.tsx

@@ -14,7 +14,6 @@ import { FilterHelperComponent } from "./FilterHelperComponent";
 import { PaginationHelperComponent } from "./PaginationHelperComponent";
 import { PerPageHelperComponent } from "./PerPageHelperComponent";
 import { getFilterOptionsValue } from "./utils";
-import { ExtendedTableOptions } from "./types";
 
 export interface TableHelperComponentProps {
   headers: ITableHeader[];
@@ -32,6 +31,7 @@ export interface TableHelperComponentProps {
   initialOptions?: Partial<ITableProps>;
 }
 
+export type ExtendedTableOptions = ITableProps & { [key: string]: any };
 // @TODO Refactor? component to get less complexity
 // with query filter params. Now External filters use only in
 // one place of Dashboard.
@@ -42,8 +42,6 @@ export interface TableHelperComponentProps {
 
 /**
  * TableHelperComponent
- * @deprecated use new ReactTableHelperComponent
- * for default tables
  * @param props
  * @constructor
  */

package/src/table/index.ts

@@ -4,4 +4,3 @@ export * from "./PerPageHelperComponent";
 export * from "./StaticTable";
 export * from "./TableHelperComponent";
 export * from "./MenuButton";
-export * from "./ReactTableHelperComponent";

package/src/table/utils/index.ts

@@ -1,8 +1,6 @@
 import ITableProps from "@licklist/plugins/dist/types/services/Table/ITableProps";
 import TableService from "@licklist/plugins/dist/services/Table/TableService";
 
-export { flexRender } from "@tanstack/react-table";
-
 const DEFAULT_QUERY_VALUES: { [key in keyof ITableProps]: string | number } = {
   page: TableService.DEFAULT_PAGE,
   perPage: TableService.DEFAULT_PER_PAGE,

package/dist/customers/components/filter/CustomerFilter.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-declare type CustomerFilterValues = {
-    first_name: string;
-    last_name: string;
-    email: string;
-    phone: string;
-};
-export interface CustomerFilterProps {
-    values: CustomerFilterValues;
-    onChange: (values: CustomerFilterValues) => void;
-}
-export declare const CustomerFilter: ({ values, onChange }: CustomerFilterProps) => JSX.Element;
-export {};
-//# sourceMappingURL=CustomerFilter.d.ts.map

package/dist/customers/components/filter/CustomerFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomerFilter.d.ts","sourceRoot":"","sources":["../../../../src/customers/components/filter/CustomerFilter.tsx"],"names":[],"mappings":";AAKA,aAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AASF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,cAAc,yBAA0B,mBAAmB,gBAyBvE,CAAC"}