@pushwoosh/smart-components-kit 0.1.0 → 0.2.0

package/_devel/index.d.ts

@@ -1,9 +1,9 @@
-import { type PushwooshSPAContextType } from '../context';
+import { type SPAContextType } from '../context';
 export type ParcelResult<P> = {
     render: (props: P) => void;
     unmount: () => void;
 };
 export type ParcelProps = {
-    context: PushwooshSPAContextType;
+    context: SPAContextType;
 };
 export declare function parcel(container: HTMLElement): ParcelResult<ParcelProps>;

package/_devel/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { Router, Route, Switch, Link } from 'react-router-dom';
-import { PushwooshSPAContextProvider } from '../context';
+import { SPAContextProvider } from '../context';
 import { Lib } from './lib';
 import { TestPlace } from './test-place';
 export function parcel(container) {
@@ -10,7 +10,7 @@ export function parcel(container) {
     render(props) {
       root.render(React.createElement(Router, {
         history: props.context.history
-      }, React.createElement(PushwooshSPAContextProvider, {
+      }, React.createElement(SPAContextProvider, {
         value: props.context
       }, React.createElement(Switch, null, React.createElement(Route, {
         path: "/:url",

package/context/index.d.ts

@@ -2,7 +2,7 @@ import { type History } from 'history';
 import type { GrpcBridge } from '@pushwoosh/grpc-bridge';
 import type { HttpClient, RpcClient, GrpcClient } from '@pushwoosh/http-client';
 import type { SessionStore } from '@pushwoosh/session-store';
-export type PushwooshSPAContextType = {
+export type SPAContextType = {
     readonly history: History;
     readonly httpClient: HttpClient;
     readonly rpcClient: RpcClient;
@@ -10,6 +10,6 @@ export type PushwooshSPAContextType = {
     readonly grpcBridge: GrpcBridge;
     readonly sessionStore: SessionStore;
 };
-export declare const PushwooshSPAContext: import("react").Context<PushwooshSPAContextType | undefined>;
-export declare const PushwooshSPAContextProvider: import("react").Provider<PushwooshSPAContextType | undefined>;
-export declare function usePushwooshSPAContext(): PushwooshSPAContextType;
+export declare const SPAContext: import("react").Context<SPAContextType | undefined>;
+export declare const SPAContextProvider: import("react").Provider<SPAContextType | undefined>;
+export declare function useSPAContext(): SPAContextType;

package/context/index.js

@@ -1,10 +1,10 @@
 import { createContext, useContext } from 'react';
-export const PushwooshSPAContext = createContext(undefined);
-export const PushwooshSPAContextProvider = PushwooshSPAContext.Provider;
-export function usePushwooshSPAContext() {
-  const contextValue = useContext(PushwooshSPAContext);
+export const SPAContext = createContext(undefined);
+export const SPAContextProvider = SPAContext.Provider;
+export function useSPAContext() {
+  const contextValue = useContext(SPAContext);
   if (!contextValue) {
-    throw new Error('usePushwooshSPAContext must be used within a PushwooshSPAContextProvider');
+    throw new Error('useSPAContext must be used within a SPAContextProvider');
   }
   return contextValue;
 }

package/dynamic-content-picker/DynamicContentPicker.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import { Vertical } from '@pushwoosh/kit-helpers';
+import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { TextInputField } from '@pushwoosh/kit-text-input';
 import { NativeSelect } from '@pushwoosh/kit-select';
+import { Spinner } from '@pushwoosh/kit-spinner';
 import { useDynamicContentTags } from './hooks';
 import { FieldTitle, TagPickerDiv } from './styled';
 export const Field = ({
@@ -24,7 +25,12 @@ export const DynamicContentPicker = ({
 }) => {
   const asyncResult = useDynamicContentTags();
   if (asyncResult.loading) {
-    return React.createElement("div", null);
+    return React.createElement(TagPickerDiv, null, React.createElement(Horizontal, {
+      "$placeItems": "center",
+      "$padding": 36
+    }, React.createElement(Spinner, {
+      size: "medium"
+    })));
   }
   const tags = asyncResult.value || [];
   const currentTag = tags.find(tag => tag.name === dc.tagName) || {

package/dynamic-content-picker/hooks.d.ts

@@ -1,6 +1,6 @@
-import { PushwooshSPAContextType } from '../context';
+import { SPAContextType } from '../context';
 import type { FullTagData } from './DynamicContentPicker.types';
-export declare function fetchDynamicContentTags(context: PushwooshSPAContextType): Promise<FullTagData[]>;
+export declare function fetchDynamicContentTags(context: SPAContextType): Promise<FullTagData[]>;
 export declare function useDynamicContentTags(): {
     loading: boolean;
     error?: undefined;

package/dynamic-content-picker/hooks.js

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { useAsync } from '@pushwoosh/kit-helpers';
 import { collectPaginatedData } from '../asyncHelpers';
-import { PushwooshSPAContext } from '../context';
+import { SPAContext } from '../context';
 const ignoreTagTypes = ['boolean', 'list'];
 const numberTypes = ['integer', 'decimal'];
 export async function fetchDynamicContentTags(context) {
@@ -23,7 +23,7 @@ export async function fetchDynamicContentTags(context) {
   }));
 }
 export function useDynamicContentTags() {
-  const context = useContext(PushwooshSPAContext);
+  const context = useContext(SPAContext);
   return useAsync(async () => {
     return fetchDynamicContentTags(context);
   }, [context]);

package/package.json

@@ -50,5 +50,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "0.1.0"
+  "version": "0.2.0"
 }