@licklist/design 0.78.5-dev.54 → 0.78.5-dev.55

package/dist/v2/components/Customer/CustomersList.js

@@ -1,204 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import { QuickFilter } from '../QuickFilter/QuickFilter.js';
-import { NewTable } from '../NewTable/NewTable.js';
-import { NewInput } from '../NewInput/NewInput.js';
-import { Pagination } from '../Pagination/Pagination.js';
-import { ExternalLinkIcon, ClearIcon, SearchIcon, ExportIcon, SendIcon, RefreshIcon } from '../../icons/index.js';
-import './CustomersList.scss.js';
-
-var CustomersList = function(param) {
-    var t = param.t, customers = param.customers, isLoading = param.isLoading, kioskLink = param.kioskLink, search = param.search, onSearchChange = param.onSearchChange, quickFilters = param.quickFilters, onSearchIconClick = param.onSearchIconClick, onClearSearch = param.onClearSearch, onQuickFiltersChange = param.onQuickFiltersChange, onRefresh = param.onRefresh, onExport = param.onExport, onSendWaiverRequest = param.onSendWaiverRequest, onTabChange = param.onTabChange, activeTab = param.activeTab, tabs = param.tabs, columns = param.columns, pagination = param.pagination, waiversEnabled = param.waiversEnabled, onAddCustomer = param.onAddCustomer;
-    var quickFilterOptions = waiversEnabled ? [
-        {
-            label: t('App:todayBookings'),
-            value: 'today'
-        },
-        {
-            label: t('App:signed', 'Signed'),
-            value: 'signed'
-        },
-        {
-            label: t('App:unsigned', 'Unsigned'),
-            value: 'unsigned'
-        }
-    ] : [
-        {
-            label: t('App:todayBookings', 'Bookings for: Today'),
-            value: 'today'
-        }
-    ];
-    // Handle mutually exclusive signed/unsigned filters
-    var handleQuickFiltersChange = function(newFilters) {
-        var hasSigned = newFilters.includes('signed');
-        var hasUnsigned = newFilters.includes('unsigned');
-        var hadSigned = quickFilters.includes('signed');
-        var hadUnsigned = quickFilters.includes('unsigned');
-        // If both signed and unsigned are being selected, keep only the newly selected one
-        if (hasSigned && hasUnsigned) {
-            if (!hadSigned && hasUnsigned) {
-                // signed was just added, remove unsigned
-                onQuickFiltersChange(newFilters.filter(function(f) {
-                    return f !== 'unsigned';
-                }));
-            } else if (hasSigned && !hadUnsigned) {
-                // unsigned was just added, remove signed
-                onQuickFiltersChange(newFilters.filter(function(f) {
-                    return f !== 'signed';
-                }));
-            }
-        } else {
-            onQuickFiltersChange(newFilters);
-        }
-    };
-    var _pagination_totalItems, _pagination_itemsPerPage;
-    return /*#__PURE__*/ jsxs("div", {
-        className: "waivers-page",
-        children: [
-            /*#__PURE__*/ jsx("header", {
-                className: "waivers-page__header",
-                children: tabs && tabs.length > 0 ? /*#__PURE__*/ jsxs("div", {
-                    className: "waivers-page__tabs-container",
-                    children: [
-                        /*#__PURE__*/ jsx("nav", {
-                            className: "waivers-page__tabs",
-                            children: tabs.map(function(tab) {
-                                return /*#__PURE__*/ jsxs("button", {
-                                    className: "waivers-page__tab ".concat(tab.id === activeTab ? 'waivers-page__tab--active' : ''),
-                                    onClick: function() {
-                                        return onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(tab.id);
-                                    },
-                                    children: [
-                                        tab.label,
-                                        tab.id === activeTab && /*#__PURE__*/ jsx("div", {
-                                            className: "waivers-page__tab-indicator"
-                                        })
-                                    ]
-                                }, tab.id);
-                            })
-                        }),
-                        kioskLink && /*#__PURE__*/ jsxs("a", {
-                            href: kioskLink,
-                            target: "_blank",
-                            rel: "noopener noreferrer",
-                            className: "kiosk-link",
-                            children: [
-                                /*#__PURE__*/ jsx(ExternalLinkIcon, {}),
-                                t('App:launchKiosk', 'Launch Kiosk')
-                            ]
-                        })
-                    ]
-                }) : /*#__PURE__*/ jsx("div", {
-                    className: "waivers-page__simple-header",
-                    children: onAddCustomer && /*#__PURE__*/ jsxs("button", {
-                        className: "waivers-page__add-customer-btn",
-                        onClick: onAddCustomer,
-                        children: [
-                            "+ ",
-                            t('App:addCustomer', 'Add Customer')
-                        ]
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsxs("main", {
-                className: "waivers-page__content",
-                children: [
-                    /*#__PURE__*/ jsxs("section", {
-                        className: "filter-section",
-                        children: [
-                            /*#__PURE__*/ jsx("div", {
-                                className: "search-row",
-                                children: /*#__PURE__*/ jsxs("div", {
-                                    className: "search-input-wrapper",
-                                    children: [
-                                        /*#__PURE__*/ jsx(NewInput, {
-                                            label: t('App:search', 'Search'),
-                                            value: search,
-                                            onChange: function(e) {
-                                                return onSearchChange(e.target.value);
-                                            },
-                                            onIconClick: search ? onClearSearch : onSearchIconClick,
-                                            icon: search ? /*#__PURE__*/ jsx(ClearIcon, {}) : /*#__PURE__*/ jsx(SearchIcon, {}),
-                                            iconPosition: search ? 'right' : 'left'
-                                        }),
-                                        /*#__PURE__*/ jsx("p", {
-                                            className: "search-helper-text",
-                                            children: t('App:searchPlaceholder')
-                                        })
-                                    ]
-                                })
-                            }),
-                            /*#__PURE__*/ jsxs("div", {
-                                className: "filters-actions-row",
-                                children: [
-                                    /*#__PURE__*/ jsx("div", {
-                                        className: "quick-filters-wrapper",
-                                        children: /*#__PURE__*/ jsx(QuickFilter, {
-                                            label: t('App:quickFilters', 'Quick Filters:'),
-                                            options: quickFilterOptions,
-                                            selectedValues: quickFilters,
-                                            onChange: handleQuickFiltersChange
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: "action-buttons",
-                                        children: [
-                                            /*#__PURE__*/ jsxs("button", {
-                                                className: "action-btn",
-                                                onClick: onExport,
-                                                children: [
-                                                    /*#__PURE__*/ jsx(ExportIcon, {}),
-                                                    t('App:exportData', 'Export')
-                                                ]
-                                            }),
-                                            waiversEnabled && /*#__PURE__*/ jsxs("button", {
-                                                className: "action-btn",
-                                                onClick: onSendWaiverRequest,
-                                                children: [
-                                                    /*#__PURE__*/ jsx(SendIcon, {}),
-                                                    t('App:requestWaiver', 'Request Waiver')
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ jsxs("button", {
-                                                className: "action-btn",
-                                                onClick: onRefresh,
-                                                children: [
-                                                    /*#__PURE__*/ jsx(RefreshIcon, {}),
-                                                    t('App:refresh', 'Refresh')
-                                                ]
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("section", {
-                        className: "table-section",
-                        children: [
-                            /*#__PURE__*/ jsx(NewTable, {
-                                columns: columns,
-                                data: customers,
-                                noDataText: !isLoading && customers.length === 0 ? t('App:noResultsFound') : undefined
-                            }),
-                            pagination && customers.length > 0 && /*#__PURE__*/ jsx("div", {
-                                className: "waivers-page__pagination",
-                                children: /*#__PURE__*/ jsx(Pagination, {
-                                    currentPage: pagination.currentPage,
-                                    totalPages: pagination.totalPages,
-                                    totalItems: (_pagination_totalItems = pagination.totalItems) !== null && _pagination_totalItems !== void 0 ? _pagination_totalItems : 0,
-                                    itemsPerPage: (_pagination_itemsPerPage = pagination.itemsPerPage) !== null && _pagination_itemsPerPage !== void 0 ? _pagination_itemsPerPage : 24,
-                                    onPageChange: pagination.onPageChange,
-                                    t: t,
-                                    entityName: t('App:customersLowerCase', 'customers')
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-export { CustomersList };

package/dist/v2/components/Customer/CustomersList.scss.js

@@ -1,6 +0,0 @@
-import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".waivers-page{background-color:#fff;font-family:var(--font-family-sans,\"Geist\",sans-serif);min-height:100vh;padding:24px}.waivers-page__header{margin:20px 0}.waivers-page__header,.waivers-page__tabs-container{align-items:center;display:flex;justify-content:space-between}.waivers-page__tabs-container{border-bottom:1px solid #e8e9ef;width:100%}.waivers-page__title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.waivers-page__title{color:#121e52;font-size:24px;font-weight:700;margin:0}.waivers-page .kiosk-link{align-items:center;color:#121e52;display:inline-flex!important;font-size:14px;font-weight:500;gap:8px;opacity:1!important;text-decoration:none;visibility:visible!important}.waivers-page .kiosk-link:hover{text-decoration:none}.waivers-page .kiosk-link svg{flex-shrink:0;height:30px;width:30px}.waivers-page__tabs{display:flex;gap:24px}.waivers-page__tab{background:none;border:none;color:#9399b3;cursor:pointer;font-size:16px;font-weight:500;padding:12px 0;position:relative;transition:color .2s ease}.waivers-page__tab:hover{color:#121e52}.waivers-page__tab--active{color:#121e52;font-weight:600}.waivers-page__tab-indicator{background-color:#121e52;bottom:-1px;height:3px;left:0;position:absolute;width:100%}.waivers-page__content{display:flex;flex-direction:column;gap:32px}.waivers-page .filter-section{display:flex;flex-direction:column;gap:24px}.waivers-page .filter-section .search-row{width:100%}.waivers-page .filter-section .search-input-wrapper{max-width:800px;width:100%}.waivers-page .filter-section .search-helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-weight:400;line-height:20px;margin-bottom:0;margin-top:8px}.waivers-page .filter-section .filters-actions-row{align-items:center;display:flex;gap:24px;justify-content:space-between;width:100%}.waivers-page .filter-section .quick-filters-wrapper{flex:1}.waivers-page .filter-section .action-buttons{align-items:center;display:flex;gap:16px}.waivers-page .filter-section .action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#121e52;cursor:pointer;display:inline-flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:background-color .2s ease}.waivers-page .filter-section .action-btn:hover{background-color:#f8f8fa}.waivers-page .filter-section .action-btn svg{flex-shrink:0;height:20px;width:20px}.waivers-page .filter-section__row{display:flex;gap:24px}.waivers-page .filter-section__col{flex:1}.waivers-page .filter-section__col--date{flex:0 0 50%;max-width:50%}.waivers-page .customer-cell__name{color:#121e52;font-weight:600}.waivers-page .customer-cell__email{color:#9399b3;font-size:13px}.waivers-page .customer-cell__id{color:#9399b3;display:none;font-size:13px}.waivers-page .customer-cell:hover .customer-cell__id{display:block}.waivers-page .customer-cell:hover .customer-cell__email{display:none}.waivers-page .type-cell__main{color:#121e52;font-weight:500}.waivers-page .type-cell__sub{color:#9399b3;font-size:13px}.waivers-page .date-cell__next{color:#121e52}.waivers-page .date-cell__expires{color:#9399b3;font-size:13px}.waivers-page .date-cell__expires--expired{color:#ef4444}.waivers-page .action-button{align-items:center;background:#f0f0f5;border:none;border-radius:50%;color:#6200ee;cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:background-color .2s ease;width:44px}.waivers-page .action-button:hover{background-color:#e0e0eb}.waivers-page .action-button svg{height:30px;width:30px}.waivers-page__pagination{align-items:center;border-top:1px solid #e8e9ef;display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:16px}.waivers-page__pagination .pagination__nav{background:none;border:1px solid #e0e1ea;border-radius:6px;color:#121e52;cursor:pointer;font-size:14px;padding:8px 12px}.waivers-page__pagination .pagination__nav:disabled{cursor:not-allowed;opacity:.5}.waivers-page__pagination .pagination__pages{display:flex;gap:8px}.waivers-page__pagination .pagination__page{align-items:center;background:#f8f8fa;border:1px solid #e0e1ea;border-radius:6px;color:#121e52;cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.waivers-page__pagination .pagination__page--active{background:#121e52;border-color:#121e52;color:#fff}.waivers-page__pagination .pagination__ellipsis{align-items:center;color:#9399b3;display:inline-flex;font-weight:600;height:36px;justify-content:center;width:36px}.waivers-page .table-section{background-color:#fff;border-radius:8px;overflow:hidden}.waivers-page .no-results-content{align-items:center;background-color:#fff;border-radius:8px;display:none;justify-content:center;min-height:200px;padding:64px 24px}.waivers-page .no-results-content .no-results-found{color:#9399b3;font-size:16px;font-weight:500}.waivers-page__simple-header{align-items:center;display:flex;justify-content:flex-end;width:100%}.waivers-page__add-customer-btn{align-items:center;background-color:#121e52;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s ease}.waivers-page__add-customer-btn:hover{background-color:#0f1940}@media (max-width:768px){.waivers-page{padding:16px}.waivers-page__header{margin:12px 0 16px}.waivers-page__tabs-container{align-items:flex-start;flex-direction:column;gap:16px}.waivers-page__tabs{-webkit-overflow-scrolling:touch;gap:16px;overflow-x:auto;width:100%}.waivers-page__tabs::-webkit-scrollbar{display:none}.waivers-page__tabs{scrollbar-width:none}.waivers-page__tab{flex-shrink:0;font-size:14px;padding:8px 0;white-space:nowrap}.waivers-page .kiosk-link{background-color:#f8f8fa;border-radius:8px;justify-content:center;padding:12px;width:100%}.waivers-page .kiosk-link svg{height:24px;width:24px}.waivers-page__simple-header{justify-content:center}.waivers-page__add-customer-btn{font-size:14px;justify-content:center;padding:10px 20px;width:100%}.waivers-page__content{gap:20px}.waivers-page .filter-section{gap:16px}.waivers-page .filter-section .search-input-wrapper{max-width:100%}.waivers-page .filter-section .search-helper-text{font-size:13px;margin-top:4px}.waivers-page .filter-section .filters-actions-row{align-items:stretch;flex-direction:column;gap:16px}.waivers-page .filter-section .quick-filters-wrapper{width:100%}.waivers-page .filter-section .action-buttons{flex-wrap:wrap;gap:8px;justify-content:flex-start}.waivers-page .filter-section .action-btn{flex:1;font-size:12px;justify-content:center;min-width:fit-content;padding:6px 10px}.waivers-page .filter-section .action-btn svg{height:16px;width:16px}.waivers-page__pagination{flex-direction:column;gap:12px;margin-top:12px;padding-top:12px}.waivers-page__pagination .pagination__nav{font-size:12px;padding:6px 10px}.waivers-page__pagination .pagination__pages{flex-wrap:wrap;gap:4px;justify-content:center}.waivers-page__pagination .pagination__ellipsis,.waivers-page__pagination .pagination__page{font-size:12px;height:32px;width:32px}.waivers-page .table-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.waivers-page .customer-cell__name{font-size:14px}.waivers-page .customer-cell__email,.waivers-page .customer-cell__id{font-size:12px}.waivers-page .type-cell__main{font-size:14px}.waivers-page .type-cell__sub{font-size:12px}.waivers-page .date-cell__next{font-size:14px}.waivers-page .date-cell__expires{font-size:12px}.waivers-page .action-button{height:36px;width:36px}.waivers-page .action-button svg{height:24px;width:24px}}@media (max-width:480px){.waivers-page{padding:12px}.waivers-page__header{margin:8px 0 12px}.waivers-page__tabs{gap:12px}.waivers-page__tab{font-size:13px}.waivers-page__add-customer-btn{font-size:13px;padding:8px 16px}.waivers-page .filter-section .action-buttons{flex-direction:column;width:100%}.waivers-page .filter-section .action-btn{justify-content:center;width:100%}.waivers-page .customer-cell__name{font-size:13px}}";
-styleInject(css_248z);
-
-export { css_248z as default };