@licklist/design 0.44.485-dev.98 → 0.44.485

package/dist/styles/iframe-customers-journey/ActivitiesSelectedCard.scss

@@ -1,57 +0,0 @@
-@import "../snippet-templates/snippetVariables";
-
-.list-activity-card {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  height: 5rem;
-  border: 2px solid transparent;
-  border: 2px solid transparent;
-  background-color: $snippet-product-set-background-color;
-  color: $snippet-product-set-font-color;
-  transition: $color-transition;
-
-  &.active {
-    border: 2px solid #0e8be1;
-  }
-
-  p {
-    margin-bottom: 0;
-  }
-
-  .description {
-    width: 70%;
-    font-size: 0.81rem;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .title {
-    font-weight: 600;
-    font-size: 0.875rem;
-    line-height: 1.5rem;
-  }
-
-  .image-container {
-    display: flex;
-    justify-content: start;
-    height: 100%;
-
-    .image {
-      display: flex;
-      align-items: start;
-      width: 7rem;
-      height: 4rem;
-      margin-left: 3rem;
-      background-repeat: no-repeat;
-      background-size: cover;
-      background-position: center;
-      border-radius: 0.5rem;
-    }
-  }
-}
-
-.list-activity-card-hr {
-  margin-top: 0;
-}

package/dist/styles/iframe-customers-journey/DateTimeButton.scss

@@ -1,84 +0,0 @@
-.date-time-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  font-size: 0.82rem;
-  line-height: 1.3rem;
-  font-weight: 600;
-  background-color: $snippet-calendar-button-background-color;
-  border-radius: 0.4rem;
-  text-align: center;
-  border: 2px solid $snippet-calendar-button-border-color;
-  color: $snippet-calendar-button-font-color;
-  flex-grow: 1;
-  transition: $color-transition;
-  min-width: 6rem;
-  max-width: 7.25rem;
-  min-height: 3.3rem;
-  max-height: 8.375rem;
-
-  &.disabled {
-    border: 2px solid $snippet-calendar-disabled-button-border-color;
-    background-color: $snippet-calendar-disabled-button-background-color;
-    color: $snippet-calendar-disabled-button-font-color;
-
-    .descriptions {
-      color: $snippet-calendar-disabled-button-font-color;
-    }
-  }
-
-  &.selected {
-    border: 2px solid $snippet-calendar-active-button-border-color;
-    background-color: $snippet-calendar-active-button-background-color;
-    color: $snippet-calendar-active-button-font-color;
-    transition: $color-transition;
-
-    .descriptions {
-      color: $snippet-calendar-active-button-font-color;
-      background-color: $snippet-calendar-active-button-background-color;
-      font-weight: 600;
-      transition: $color-transition;
-    }
-
-    .time {
-      font-weight: 600;
-    }
-  }
-
-  &.time-button {
-    min-width: 4.75rem;
-    max-width: 4.75rem;
-    min-height: 2.75rem;
-  }
-
-  &.only-time-container {
-    min-width: 5.3rem;
-    max-width: 5.3rem;
-    min-height: 2.75rem;
-  }
-}
-
-.time {
-  font-size: 0.875rem;
-  font-weight: 300;
-}
-
-.descriptions {
-  font-size: 0.7rem;
-  line-height: 1.03rem;
-  font-weight: 300;
-  color: $snippet-calendar-button-font-color;
-}
-
-.info {
-  display: flex;
-  justify-content: center;
-  font-weight: 300;
-  flex-direction: row;
-
-  .logo {
-    width: 0.5rem;
-    margin-right: 0.5rem;
-  }
-}

package/dist/styles/iframe-customers-journey/_index.scss

@@ -1,3 +0,0 @@
-@import "./ActivitiesSelectedCard.scss";
-@import "./ActivitiesCard.scss";
-@import "./DateTimeButton.scss";

package/dist/styles/sortable-field/SortableField.scss

@@ -1,21 +0,0 @@
-.sortable-field-list {
-    display: flex;
-
-    .icon-container {
-        margin-right: .8rem;
-        margin-left: .2rem;
-        margin-top: 1rem;
-
-        div {
-            width: 0.75rem;
-            height: 2px;
-            margin-bottom: 2px;
-            background-color: #B5CCDE;
-            border-radius: 1px;
-        }
-    }
-
-    .form-group {
-        width: 80%;
-    }
-}

package/dist/styles/sortable-field/_index.scss

@@ -1 +0,0 @@
-@import "./SortableField";

package/dist/styles/striped-static-table/_index.scss

@@ -1,33 +0,0 @@
-table.striped-static-table {
-  tbody {
-    tr {
-      border-bottom: 1px solid $gray-500;
-      td {
-        text-transform: capitalize;
-
-        &:nth-child(2),
-        &:nth-child(3) {
-          text-align: right;
-        }
-        &:nth-child(2) {
-          width: 20%;
-        }
-        &:nth-child(3) {
-          width: 35%;
-        }
-      }
-
-      td:has(div.header-row) {
-        background-color: #d8ecf7;
-      }
-
-      &:first-child {
-        border-top: 1px solid $gray-500;
-      }
-    }
-  }
-
-  .bold {
-    font-weight: 600;
-  }
-}

package/dist/table/ReactTableHelperComponent.d.ts

@@ -1,12 +0,0 @@
-import { Ref, ReactElement } from "react";
-import { TableComponentProps, TableComponentPropsWithOldTableData, TableComponentPropsWithReactTableData, ExtendedTableOptions } from "./types";
-export type { ReactTableHelperRow } from "./types";
-export type ReactTableHelperComponentProps<T extends object> = TableComponentProps<T> & (TableComponentPropsWithOldTableData<T> | TableComponentPropsWithReactTableData<T>);
-export type ReactTableHelperComponentRef = {
-    options: ExtendedTableOptions | null;
-};
-declare const ReactTableHelperComponent: <T extends object>(props: ReactTableHelperComponentProps<T> & {
-    ref?: Ref<ReactTableHelperComponentRef>;
-}) => ReactElement;
-export { ReactTableHelperComponent };
-//# sourceMappingURL=ReactTableHelperComponent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReactTableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/ReactTableHelperComponent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAKZ,GAAG,EACH,YAAY,EACb,MAAM,OAAO,CAAC;AAiBf,OAAO,EACL,mBAAmB,EACnB,mCAAmC,EACnC,qCAAqC,EAErC,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,8BAA8B,CAAC,CAAC,SAAS,MAAM,IACzD,mBAAmB,CAAC,CAAC,CAAC,GACpB,CACI,mCAAmC,CAAC,CAAC,CAAC,GACtC,qCAAqC,CAAC,CAAC,CAAC,CAC3C,CAAC;AAEN,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACtC,CAAC;AA4QF,QAAA,MAAM,yBAAyB;UAIrB,IAAI,4BAA4B,CAAC;MAEtC,YAAY,CAAC;AAElB,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/table/ReactTableHelperComponent.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),n=e(r),i=require("react-router-dom"),a=e(require("@licklist/plugins/dist/services/Route/RouteService")),o=require("../static/loader/LoaderIndicator.js"),s=require("react-bootstrap"),l=e(require("clsx")),u=require("lodash"),c=require("./FilterHelperComponent.js"),d=require("./PaginationHelperComponent.js"),p=e(require("@licklist/plugins/dist/services/Table/TableService")),m=require("./PerPageHelperComponent.js"),g=require("@tanstack/react-table");require("./utils/index.js");var f=require("./hooks/useTableQueryOptions.js");var _=r.forwardRef((function(e,_){var v,C,y=e.paginator,h=e.headers,E=e.renderItemFn,b=e.isLoading,S=e.striped,q=void 0===S||S,w=e.bordered,R=void 0===w||w,P=e.displaySearchBar,k=void 0===P||P,F=e.displayPerPageSelect,H=void 0===F||F,T=e.displayShowingSection,x=void 0===T||T,L=e.externalFilters,D=void 0===L?{}:L,O=e.initialOptions,j=void 0===O?{}:O,N=e.columns,I=e.sortableColumns,K=void 0===I?[]:I,M=e.renderRow,A=t.__rest(e,["paginator","headers","renderItemFn","isLoading","striped","bordered","displaySearchBar","displayPerPageSelect","displayShowingSection","externalFilters","initialOptions","columns","sortableColumns","renderRow"]),U=i.useLocation().pathname,B=f.useTableQueryOptions({initialOptions:j,externalFilters:D}),G=B.sortKey,Q=B.sortDirection,V=B.options,z=B.setOptions,J=B.optionsCache,W=B.setOptionsCache,X=B.cachedExternalFilters,Y=B.setCachedExternalFilters,Z=r.useMemo((function(){return N||h?N&&!h?N.map((function(e){var r=e.accessorKey,n=K.includes(r);return t.__assign(t.__assign({},e),{meta:{className:p.getHeaderClasses({isSortable:n,key:r,title:r},G,Q),onClick:n?function(){return re(r)}:void 0}})})):h.map((function(e){return"string"==typeof e?{accessorKey:e.toLowerCase(),header:function(){return e},meta:{className:p.getHeaderClasses(e,G,Q)}}:{accessorKey:(null==e?void 0:e.key)||e.title.toLowerCase(),header:function(){return e.title},meta:{onClick:function(){return e.isSortable&&re(e.key)},className:p.getHeaderClasses(e,G,Q),style:{width:(null==e?void 0:e.width)||"auto"}}}})):[]}),[h,N,G,Q,K]),$=g.useReactTable(t.__assign({data:(null==y?void 0:y.data)||[],columns:Z,getCoreRowModel:g.getCoreRowModel()},A)),ee=$.getHeaderGroups,te=$.getRowModel;r.useImperativeHandle(_,(function(){return{options:V}})),r.useEffect((function(){if(!u.isEqual(J,V)||!u.isEqual(X,D)){W(V),Y(D);var e=new URLSearchParams(t.__assign(t.__assign({},V),D));a.redirectTo([U,e.toString()].join("?"))}}),[U,V,D]);var re=function(e){var r=p.DEFAULT_SORT_DIRECTION;z(G===e?function(n){return r=p.getSortDirection(n.sortDirection,r),t.__assign(t.__assign({},n),{sortKey:e,sortDirection:r})}:function(n){return t.__assign(t.__assign({},n),{sortKey:e,sortDirection:r})})};return n.createElement("div",{className:l("table-helper",b?"py-5":"py-1")},n.createElement(o.LoaderIndicator,{isLoaded:!b},n.createElement(s.Row,null,n.createElement(s.Col,null,H&&n.createElement(m.PerPageHelperComponent,{onChangeFn:function(e){z((function(r){return t.__assign(t.__assign({},r),{perPage:e})}))},defaultValue:null!==(v=null==y?void 0:y.per_page)&&void 0!==v?v:p.DEFAULT_PER_PAGE})),n.createElement(s.Col,null,k&&n.createElement(c.FilterHelperComponent,{onClickFn:function(e){z((function(r){var n=r.page,i=t.__rest(r,["page"]),a=n;return(!e&&i.filter||e&&!i.filter)&&(a=1),t.__assign(t.__assign({},i),{page:a,filter:e})}))},defaultValue:null!==(C=V.filter)&&void 0!==C?C:""}))),n.createElement(s.Row,null,n.createElement(s.Col,null,n.createElement("div",{className:"table-responsive"},n.createElement(s.Table,{striped:q,bordered:R,hover:!0},n.createElement("thead",null,ee().map((function(e){return n.createElement("tr",{key:e.id},e.headers.map((function(e){var t=e.column.columnDef.meta;return n.createElement("th",{key:e.id,className:null==t?void 0:t.className,onClick:null==t?void 0:t.onClick,style:null==t?void 0:t.style},g.flexRender(e.column.columnDef.header,e.getContext()))})))}))),n.createElement("tbody",null,te().rows.map((function(e,t){return E?E(e.original,t):M(e)}))))))),n.createElement(d.PaginationHelperComponent,{displayShowingSection:x,paginator:y,onPageChangeFn:function(e){z((function(r){return t.__assign(t.__assign({},r),{page:e})}))}})))}));exports.ReactTableHelperComponent=_;

package/dist/table/hooks/useTableQueryOptions.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { TableComponentProps, ExtendedTableOptions } from "../types";
-export declare const useTableQueryOptions: <T extends object>({ initialOptions, externalFilters, }: Pick<TableComponentProps<T>, "initialOptions" | "externalFilters">) => {
-    page: number;
-    perPage: number;
-    sortKey: string;
-    sortDirection: string;
-    filter: string;
-    optionsCache: ExtendedTableOptions;
-    setOptionsCache: import("react").Dispatch<import("react").SetStateAction<ExtendedTableOptions>>;
-    options: ExtendedTableOptions;
-    setOptions: import("react").Dispatch<import("react").SetStateAction<ExtendedTableOptions>>;
-    cachedExternalFilters: {
-        [key: string]: any;
-    };
-    setCachedExternalFilters: import("react").Dispatch<import("react").SetStateAction<{
-        [key: string]: any;
-    }>>;
-};
-//# sourceMappingURL=useTableQueryOptions.d.ts.map

package/dist/table/hooks/useTableQueryOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableQueryOptions.d.ts","sourceRoot":"","sources":["../../../src/table/hooks/useTableQueryOptions.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;CA2ChC,CAAC"}

package/dist/table/hooks/useTableQueryOptions.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),i=(e(r),e(require("@licklist/plugins/dist/hooks/Query/useQuery"))),s=require("../utils/index.js");exports.useTableQueryOptions=function(e){var o=e.initialOptions,a=void 0===o?{}:o,n=e.externalFilters,l=void 0===n?{}:n,u=i(),p=Number(s.getFilterOptionsValue(u,a,"page")),c=Number(s.getFilterOptionsValue(u,a,"perPage")),g=String(s.getFilterOptionsValue(u,a,"sortKey")),d=String(s.getFilterOptionsValue(u,a,"sortDirection")),O=String(s.getFilterOptionsValue(u,a,"filter")),f=t.__read(r.useState(),2),y=f[0],F=f[1],_=t.__read(r.useState({page:p,perPage:c,sortKey:g,sortDirection:d,filter:O}),2),b=_[0],x=_[1],S=t.__read(r.useState(l),2);return{page:p,perPage:c,sortKey:g,sortDirection:d,filter:O,optionsCache:y,setOptionsCache:F,options:b,setOptions:x,cachedExternalFilters:S[0],setCachedExternalFilters:S[1]}};

package/dist/table/types.d.ts

@@ -1,41 +0,0 @@
-import { ReactNode, CSSProperties } from "react";
-import { TableOptions, ColumnDef, Row as TableRow } from "@tanstack/react-table";
-import ILengthAwarePaginator from "@licklist/plugins/dist/types/services/Table/ILengthAwarePaginator";
-import ITableHeader from "@licklist/plugins/dist/types/services/Table/ITableHeader";
-import ITableProps from "@licklist/plugins/dist/types/services/Table/ITableProps";
-export type ReactTableHelperRow<T extends object> = TableRow<T>;
-export type ExtendedTableOptions = ITableProps & {
-    [key: string]: any;
-};
-export interface TableComponentProps<T extends object> extends Omit<TableOptions<T>, "columns" | "data" | "getCoreRowModel"> {
-    paginator?: ILengthAwarePaginator<T>;
-    isLoading?: boolean;
-    striped?: boolean;
-    bordered?: boolean;
-    displaySearchBar?: boolean;
-    displayPerPageSelect?: boolean;
-    displayShowingSection?: boolean;
-    externalFilters?: {
-        [key: string]: any;
-    };
-    initialOptions?: Partial<ITableProps>;
-    sortableColumns?: string[];
-}
-export type TableColumnMeta = {
-    onClick?: () => void;
-    className?: string;
-    style?: CSSProperties;
-};
-export type TableComponentPropsWithOldTableData<T extends object> = {
-    headers: ITableHeader[];
-    renderItemFn: (row: T, index: number) => void;
-    columns?: never;
-    renderRow?: never;
-};
-export type TableComponentPropsWithReactTableData<T extends object> = {
-    headers?: never;
-    renderItemFn?: never;
-    columns: ColumnDef<T, any>[];
-    renderRow: (row: ReactTableHelperRow<T>) => ReactNode;
-};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,SAAS,EACT,GAAG,IAAI,QAAQ,EAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,MAAM,mEAAmE,CAAC;AACtG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAElF,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAExE,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,MAAM,CACnD,SAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,iBAAiB,CAAC;IACrE,SAAS,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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;IACtC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,mCAAmC,CAAC,CAAC,SAAS,MAAM,IAAI;IAClE,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,qCAAqC,CAAC,CAAC,SAAS,MAAM,IAAI;IACpE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAC7B,SAAS,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACvD,CAAC"}

package/src/assets/iframe/backButton.svg

@@ -1,4 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="16" cy="16" r="15.5" fill="#F3F3F3" stroke="#F0F0F0"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.293 15.2929C9.90252 15.6834 9.90252 16.3166 10.293 16.7071L16.657 23.0711C17.0475 23.4616 17.6807 23.4616 18.0712 23.0711C18.4617 22.6805 18.4617 22.0474 18.0712 21.6569L12.4144 16L18.0712 10.3431C18.4617 9.95262 18.4617 9.31946 18.0712 8.92893C17.6807 8.53841 17.0475 8.53841 16.657 8.92893L10.293 15.2929Z" fill="#1A182B"/>
-</svg>

package/src/assets/iframe/dateInfo/available.svg

@@ -1,5 +0,0 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.943939" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-<rect x="0.943939" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-<rect x="0.943939" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-</svg>

package/src/assets/iframe/dateInfo/limited.svg

@@ -1,5 +0,0 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.2406" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="1.2406" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
-<rect x="1.2406" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
-</svg>

package/src/assets/iframe/dateInfo/soldOut.svg

@@ -1,6 +0,0 @@
-<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="5.94013" height="10" transform="translate(0.497131)" fill="white"/>
-<rect x="0.591156" y="0.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="0.591156" y="3.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="0.591156" y="6.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-</svg>

package/src/customers/components/filter/CustomerFilter.stories.tsx

@@ -1,18 +0,0 @@
-import React, { useState } from "react";
-import { Meta, Story } from "@storybook/react";
-import { CustomerFilter, CustomerFilterProps } from "./CustomerFilter";
-
-export default {
-  title: "Customers/Filter",
-  component: CustomerFilter,
-} as Meta;
-
-export const Default: Story<CustomerFilterProps> = () => {
-  const [values, setValues] = useState({
-    name: "",
-    email: "",
-    phone: "",
-  });
-
-  return <CustomerFilter values={values} onChange={setValues} />;
-};

package/src/customers/components/filter/CustomerFilter.tsx

@@ -1,48 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import clsx from "clsx";
-import { TextField } from "../../../static/TextField";
-
-type CustomerFilterValues = {
-  name: string;
-  email: string;
-  phone: string;
-};
-
-const FILTER_FIELDS = {
-  name: "name",
-  email: "email",
-  phone: "phone",
-};
-
-export interface CustomerFilterProps {
-  values: CustomerFilterValues;
-  onChange: (values: CustomerFilterValues) => void;
-}
-
-export const CustomerFilter = ({ values, onChange }: CustomerFilterProps) => {
-  const { t } = useTranslation(["Design"]);
-
-  return (
-    <div className="customers-filter d-flex">
-      <div className="d-flex customers-filter-items">
-        {Object.keys(FILTER_FIELDS).map((filterKeyName) => {
-          const label = t(FILTER_FIELDS[filterKeyName]);
-
-          return (
-            <TextField
-              key={filterKeyName}
-              className={clsx("mb-0", "col-4", "customer-filter")}
-              type="text"
-              label={label}
-              value={values[filterKeyName]}
-              onChange={(event) =>
-                onChange({ ...values, [filterKeyName]: event.target.value })
-              }
-            />
-          );
-        })}
-      </div>
-    </div>
-  );
-};

package/src/customers/components/filter/index.ts

@@ -1,2 +0,0 @@
-export { CustomerFilter } from "./CustomerFilter";
-export type { CustomerFilterProps } from "./CustomerFilter";

package/src/customers/components/index.ts

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

package/src/customers/index.ts

@@ -1 +0,0 @@
-export * from "./components";

package/src/date-time-button/DateTimeButton.stories.tsx

@@ -1,68 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import { DateTime } from "luxon";
-import { DateTimeButton, DateTimeButtonProps } from "./DateTimeButton";
-
-export default {
-  title: "DateTimeButton",
-  component: DateTimeButton,
-} as Meta;
-
-const date = DateTime.fromISO("2023-12-28T10:10:10.000Z");
-
-export const Default: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-Default.args = {
-  date,
-  isSelected: false,
-  isDisabled: false,
-  onSelect: () => null,
-};
-
-export const Selected: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-Selected.args = {
-  date,
-  isSelected: true,
-  isDisabled: false,
-  onSelect: () => null,
-};
-
-export const Disabled: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-Disabled.args = {
-  date,
-  isSelected: false,
-  isDisabled: true,
-  onSelect: () => null,
-};
-
-export const Time: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-Time.args = {
-  date,
-  isSelected: false,
-  isDisabled: true,
-  onSelect: () => null,
-  isTimeButton: true,
-};
-
-export const OnlyTime: Story<DateTimeButtonProps> = (args) => {
-  return <DateTimeButton {...args} />;
-};
-
-OnlyTime.args = {
-  date,
-  isSelected: false,
-  isDisabled: true,
-  onSelect: () => null,
-  isOnlyTimeContainer: true,
-};

package/src/date-time-button/DateTimeButton.tsx

@@ -1,106 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import { DateTime } from "luxon";
-import { DAY_NUMBER_WITH_MONTH, DAY_OF_WEEK } from "@licklist/core/dist/Config";
-import { useTranslation } from "react-i18next";
-import { isToday, isTomorrow } from "date-fns";
-
-export type DateTimeButtonProps = {
-  date?: DateTime;
-  time?: string;
-  isSelected?: boolean;
-  isDisabled?: boolean;
-  onSelect: (date: DateTime | string) => void;
-  isOnlyTimeContainer?: boolean;
-};
-
-export const DateTimeButton = ({
-  date,
-  isDisabled,
-  time,
-  isSelected,
-  onSelect,
-  isOnlyTimeContainer,
-}: DateTimeButtonProps) => {
-  const onClick = () => {
-    if (isDisabled) return;
-    onSelect(date || time);
-  };
-
-  // const infoLogo = useMemo(() => {
-  //   if (info?.logo === infoLogoType.LIMIT) {
-  //     return <LimitedSvg />;
-  //   }
-  //   if (info?.logo === infoLogoType.AVAILABLE) {
-  //     return <AvailableSvg />;
-  //   }
-  //   if (info?.logo === infoLogoType.SOLD_OUT) {
-  //     return <SoldOutSvg />;
-  //   }
-  //   return null;
-  // }, [info]);
-
-  return (
-    <div
-      role="button"
-      onClick={onClick}
-      onKeyPress={onClick}
-      className={clsx(
-        "date-time-button",
-        isDisabled && "disabled",
-        isSelected && "selected",
-        time && "time-button",
-        isOnlyTimeContainer && "only-time-container"
-      )}
-      tabIndex={0}
-    >
-      {date ? (
-        <DateContent
-          date={date}
-          isDisabled={isDisabled}
-          isSelected={isSelected}
-        />
-      ) : (
-        time
-      )}
-
-      {/* TODO fix info props */}
-      {/* {info && (
-        <div className="info">
-          {info.logo && <Logo className="logo" logo={infoLogo} />}
-          <div>{info.description}</div>
-        </div>
-      )} */}
-    </div>
-  );
-};
-
-const DateContent = ({
-  date,
-  isDisabled,
-  isSelected,
-}: Pick<DateTimeButtonProps, "date" | "isDisabled" | "isSelected">) => {
-  const { t } = useTranslation("Design");
-
-  const getDate = () => {
-    if (isToday(date.toJSDate())) return t("today");
-    if (isTomorrow(date.toJSDate())) return t("tomorrow");
-    return date.toFormat(DAY_OF_WEEK);
-  };
-
-  return (
-    <>
-      {getDate()}
-      <div
-        className={clsx(
-          "descriptions",
-          isSelected && "selected",
-          isDisabled && "disabled"
-        )}
-      >
-        {/* TODO add ordinal to date format */}
-        {date.toFormat(DAY_NUMBER_WITH_MONTH)}
-      </div>
-    </>
-  );
-};

package/src/date-time-button/index.ts

@@ -1 +0,0 @@
-export * from "./DateTimeButton";

package/src/events/event-venue-map/components/MapPoint/components/ProductTooltip/ProductTooltip.tsx

@@ -1,68 +0,0 @@
-import React from "react";
-import { Group, Rect, Text } from "react-konva";
-
-const TOOLTIP_WIDTH = 60;
-const TOOLTIP_HEIGHT = 20;
-
-const BACKGROUND_COLOR = "#000";
-const BACKGROUND_Y_OFFSET = 1;
-const BACKGROUND_X_OFFSET = 30;
-const BACKGROUND_RADIUS = 5;
-const BACKGROUND_OPACITY = 0.8;
-
-const TEXT_Y_OFFSET = 4;
-const TEXT_STROKE_WIDTH = 5;
-const TEXT_COLOR = "#FFF";
-const TEXT_ALIGN = "center";
-const TEXT_VERTICAL_ALIGN = "middle";
-
-type ProductTooltipProps = {
-  x: number;
-  y: number;
-  text: string;
-};
-
-export const ProductTooltip = ({ x, y, text }: ProductTooltipProps) => {
-  return (
-    <Group
-      width={TOOLTIP_WIDTH}
-      height={TOOLTIP_HEIGHT}
-      x={x + BACKGROUND_X_OFFSET}
-      y={y - BACKGROUND_Y_OFFSET}
-    >
-      <Rect
-        x={-5}
-        y={5}
-        sceneFunc={(context) => {
-          context.beginPath();
-          context.moveTo(0, 5);
-          context.lineTo(5, 0);
-          context.lineTo(5, 10);
-          context.closePath();
-          context.fill();
-        }}
-        fill={BACKGROUND_COLOR}
-        borderColor={BACKGROUND_COLOR}
-        opacity={BACKGROUND_OPACITY}
-      />
-      <Rect
-        x={0}
-        y={0}
-        width={TOOLTIP_WIDTH}
-        height={TOOLTIP_HEIGHT}
-        fill={BACKGROUND_COLOR}
-        cornerRadius={BACKGROUND_RADIUS}
-        opacity={BACKGROUND_OPACITY}
-      />
-      <Text
-        y={TEXT_Y_OFFSET}
-        text={text}
-        strokeWidth={TEXT_STROKE_WIDTH}
-        width={TOOLTIP_WIDTH}
-        align={TEXT_ALIGN}
-        verticalAlign={TEXT_VERTICAL_ALIGN}
-        fill={TEXT_COLOR}
-      />
-    </Group>
-  );
-};

package/src/events/event-venue-map/components/MapPoint/components/ProductTooltip/index.ts

@@ -1 +0,0 @@
-export { ProductTooltip } from "./ProductTooltip";