@pushwoosh/smart-components-kit 1.0.40 → 1.0.42

package/Table/styles.js

@@ -0,0 +1,62 @@
+import styled, { css } from 'styled-components';
+import { Color, FontSize, FontWeight, ShapeRadius } from '@pushwoosh/kit-constants';
+import { GridContainer, Horizontal, Vertical, toCssValue } from '@pushwoosh/kit-helpers';
+export const Table = styled(Vertical).withConfig({
+  displayName: "Table",
+  componentId: "sc-1vdjaze-0"
+})(["--table-columns:", ";border:", ";border-radius:", ";background-color:", ";", " & > *:not(:last-child){border-bottom:1px solid ", ";}"], ({
+  columns
+}) => columns, ({
+  isBordered
+}) => isBordered ? `1px solid ${Color.DIVIDER}` : 'none', ShapeRadius.SECTION, Color.CLEAR, ({
+  width
+}) => width ? `width: ${toCssValue(width)};` : '', Color.DIVIDER);
+export const Td = styled(GridContainer).attrs({
+  $padding: 12
+}).withConfig({
+  displayName: "Td",
+  componentId: "sc-1vdjaze-1"
+})(["", ""], ({
+  $color
+}) => $color ? `color: ${$color};` : '');
+export const ElementHover = styled.div.withConfig({
+  displayName: "ElementHover",
+  componentId: "sc-1vdjaze-2"
+})(["display:none;position:relative;& > *{position:absolute;right:0;transform:translateY(-50%);}"]);
+export const Tr = styled(Horizontal).attrs({
+  $padding: '0 12px'
+}).withConfig({
+  displayName: "Tr",
+  componentId: "sc-1vdjaze-3"
+})(["grid-template-columns:var(--table-columns);&:hover{background-color:#89A4BF0D;}&:hover ", "{display:block;}"], ElementHover);
+export const Th = styled(Td).withConfig({
+  displayName: "Th",
+  componentId: "sc-1vdjaze-4"
+})(["padding:8px 12px;color:#969ca3;font-weight:", ";font-size:", ";line-height:1;text-transform:uppercase;"], FontWeight.MEDIUM, FontSize.SMALL);
+export const ItemDetailLink = styled.a.withConfig({
+  displayName: "ItemDetailLink",
+  componentId: "sc-1vdjaze-5"
+})(["display:flex;align-items:center;text-decoration:none;font-weight:", ";color:", ";width:100%;&:hover{text-decoration:none;color:", ";}"], FontWeight.MEDIUM, Color.MAIN, Color.PRIMARY_HOVER);
+export const ItemName = styled.div.withConfig({
+  displayName: "ItemName",
+  componentId: "sc-1vdjaze-6"
+})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
+const overflowStyles = css(["overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:", ";"], ({
+  $maxLines
+}) => $maxLines);
+export const Description = styled.div.withConfig({
+  displayName: "Description",
+  componentId: "sc-1vdjaze-7"
+})(["color:", ";font-size:", ";font-style:normal;font-weight:", ";line-height:130%;", ""], Color.LOCKED, FontSize.SMALL, FontWeight.REGULAR, ({
+  $maxLines
+}) => $maxLines ? overflowStyles : undefined);
+export const LockedText = styled.div.withConfig({
+  displayName: "LockedText",
+  componentId: "sc-1vdjaze-8"
+})(["color:", ";font-size:", ";font-weight:", ";max-width:", ";"], Color.LOCKED, ({
+  $fontSize
+}) => $fontSize || FontSize.REGULAR, ({
+  $fontWeight
+}) => $fontWeight || FontWeight.REGULAR, ({
+  $maxWidth
+}) => $maxWidth || 'initial');

package/Table/types.d.ts

@@ -0,0 +1,20 @@
+import type { AsyncState } from '@pushwoosh/kit-helpers/hooks/useAsyncFn';
+export type DataTableParams = {
+    readonly search: string;
+    readonly order: string;
+    readonly direction: 'asc' | 'desc';
+    readonly page: number;
+    readonly perPage: number;
+};
+export type DataTableData<T> = {
+    items: T[];
+    total?: number;
+    totalPages: number;
+    isFiltered?: boolean;
+};
+export type DataTableContextType<T, P extends DataTableParams> = {
+    data: AsyncState<DataTableData<T>>;
+    reload: () => void;
+    params: P;
+    onChangeParams: (params: P) => void;
+};

package/Table/types.js

@@ -0,0 +1 @@
+export {};

package/context/types.d.ts

@@ -1,5 +1,4 @@
 import { type History } from 'history';
-import type { GrpcBridge } from '@pushwoosh/grpc-bridge';
 import type { GrpcClient, HttpClient, RpcClient } from '@pushwoosh/http-client';
 import type { API as RpcGatewayJourneyAPI } from '@pushwoosh/rpc-gateway-journey-data';
 import type { API as RpcGatewayAPI } from '@pushwoosh/rpc-v2-http-api-data';
@@ -9,7 +8,11 @@ export type SPAContextType = {
     readonly httpClient: HttpClient;
     readonly rpcClient: RpcClient;
     readonly grpcClient: GrpcClient;
-    readonly grpcBridge: GrpcBridge;
+    readonly grpcBridge: {
+        clients: {
+            billingGrpcClient: GrpcClient;
+        };
+    };
     readonly sessionStore: SessionStore;
     readonly rpcGateway: RpcGatewayAPI;
     readonly rpcGatewayJourney: RpcGatewayJourneyAPI;

package/index.d.ts

@@ -1,10 +1,12 @@
-export * from './EmailTemplatePreview';
 export * from './context';
+export * from './hooks';
+export * from './CampaignsConfigurationDrawer';
 export * from './DynamicContentPicker';
 export * from './DynamicContentPickerForm';
+export * from './EmailTemplatePreview';
+export * from './ExportCSV';
 export * from './PlatformsConfigurationDrawer';
 export * from './LanguagesSelector';
 export * from './RichMessageEditorSmart';
-export * from './CampaignsConfigurationDrawer';
-export * from './ExportCSV';
+export * from './Table';
 export * from './OpenActions';

package/index.js

@@ -1,10 +1,12 @@
-export * from './EmailTemplatePreview';
 export * from './context';
+export * from './hooks';
+export * from './CampaignsConfigurationDrawer';
 export * from './DynamicContentPicker';
 export * from './DynamicContentPickerForm';
+export * from './EmailTemplatePreview';
+export * from './ExportCSV';
 export * from './PlatformsConfigurationDrawer';
 export * from './LanguagesSelector';
 export * from './RichMessageEditorSmart';
-export * from './CampaignsConfigurationDrawer';
-export * from './ExportCSV';
+export * from './Table';
 export * from './OpenActions';

package/package.json

@@ -10,37 +10,35 @@
     "build": "pushwoosh-engine lib:build",
     "playground": "`pushwoosh-engine lib:command:playground`",
     "check": "npm run check:lint && npm run check:types",
-    "check:lint": "echo \"Run check:lint\" && NODE_ENV=production eslint ./src",
+    "check:lint": "echo \"Run check:lint\" && NODE_ENV=production eslint src",
     "check:lint-fix": "echo \"Run check:lint\" && NODE_ENV=production eslint . --fix",
-    "check:types": "echo \"Run check:types\" && tsc --project tsconfig.json --skipLibCheck --emitDeclarationOnly false --noEmit"
+    "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
   },
   "pre-commit": "check",
   "dependencies": {
-    "@emoji-mart/react": "^1.1.1",
     "@floating-ui/react-dom": "^2.1.2",
-    "@pushwoosh/dumb-components": "^1.1.2",
+    "@pushwoosh/dumb-components": "^1.1.27",
     "@pushwoosh/kit-constants": "^1.6.9",
     "@pushwoosh/kit-helpers": "^4.8.1",
     "@pushwoosh/kit-icons": "^2.1.6",
     "@pushwoosh/kit-typography": "^1.7.3"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^1.0.17",
-    "@pushwoosh/grpc-bridge": "^1.5.36",
+    "@pushwoosh/frontend-builder-engine": "^1.0.18",
     "@pushwoosh/http-client": "^2.5.0",
     "@pushwoosh/session-store": "^2.5.0",
+    "@svgr/webpack": "^8.1.0",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.34",
+    "pre-commit": "^1.2.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^5.3.4",
-    "styled-components": "^5.3.11",
-    "typescript": "^5.8.2"
+    "styled-components": "^5.3.11"
   },
   "peerDependencies": {
-    "@pushwoosh/grpc-bridge": "^1.5.36",
     "@pushwoosh/http-client": "^2.5.0",
     "@pushwoosh/rpc-gateway-journey-data": "^0.26.206",
     "@pushwoosh/rpc-v2-http-api-data": "^0.1.566",
@@ -51,5 +49,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.40"
+  "version": "1.0.42"
 }