@pushwoosh/dumb-components 1.1.178 → 1.1.180

package/NativeRichMediaPreview/index.d.ts

@@ -1,5 +1,5 @@
 export type { NativeRichMediaConfig, NativeRichMediaDisplayType, NativeRichMediaText, NativeRichMediaBorder, NativeRichMediaCover, NativeRichMediaAction, NativeRichMediaButton, NativeRichMediaReward, NativeRichMediaModalBlock, NativeRichMediaSheetBlock, NativeRichMediaCarouselBlock, NativeRichMediaStoriesBlock, NativeRichMediaBannerBlock, NativeRichMediaFullscreenBlock, NativeRichMediaVideoBlock, NativeRichMediaPipBlock, NativeRichMediaScratchcardBlock, NativeRichMediaSpinwheelBlock, NativeRichMediaPreviewProps, NativeRichMediaLocalization, } from './types';
-export { NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
+export { NATIVE_RICH_MEDIA_DISPLAY_TYPES, EDITABLE_NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
 export { parseNativeRichMediaConfig } from './parseNativeRichMediaConfig';
 export { parseLocalizationParams } from './parseLocalizationParams';
 export { NativeRichMediaPreview } from './NativeRichMediaPreview';

package/NativeRichMediaPreview/index.js

@@ -1,4 +1,4 @@
-export { NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
+export { NATIVE_RICH_MEDIA_DISPLAY_TYPES, EDITABLE_NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
 export { parseNativeRichMediaConfig } from './parseNativeRichMediaConfig';
 export { parseLocalizationParams } from './parseLocalizationParams';
 export { NativeRichMediaPreview } from './NativeRichMediaPreview';

package/NativeRichMediaPreview/types.d.ts

@@ -283,6 +283,12 @@ export type NativeRichMediaConfig = {
 export type NativeRichMediaDisplayType = NativeRichMediaConfig['displayType'];
 /** All supported {@link NativeRichMediaDisplayType} values. */
 export declare const NATIVE_RICH_MEDIA_DISPLAY_TYPES: NativeRichMediaDisplayType[];
+/**
+ * The subset of {@link NATIVE_RICH_MEDIA_DISPLAY_TYPES} the native rich media
+ * editor can author. The preview renders every display type, but only these
+ * three have an editing UI, so pickers must offer this list and not the full one.
+ */
+export declare const EDITABLE_NATIVE_RICH_MEDIA_DISPLAY_TYPES: NativeRichMediaDisplayType[];
 /**
  * Per-language text for `{{key|type|default}}` placeholders in the config:
  * `{ [language]: { [key]: text } }`, plus a `default` bucket used as the

package/NativeRichMediaPreview/types.js

@@ -1,2 +1,8 @@
 /** All supported {@link NativeRichMediaDisplayType} values. */
-export const NATIVE_RICH_MEDIA_DISPLAY_TYPES = ['modal', 'sheet', 'carousel', 'stories', 'banner', 'fullscreen', 'video', 'pip', 'scratchcard', 'spinwheel'];
+export const NATIVE_RICH_MEDIA_DISPLAY_TYPES = ['modal', 'sheet', 'carousel', 'stories', 'banner', 'fullscreen', 'video', 'pip', 'scratchcard', 'spinwheel'];
+/**
+ * The subset of {@link NATIVE_RICH_MEDIA_DISPLAY_TYPES} the native rich media
+ * editor can author. The preview renders every display type, but only these
+ * three have an editing UI, so pickers must offer this list and not the full one.
+ */
+export const EDITABLE_NATIVE_RICH_MEDIA_DISPLAY_TYPES = ['modal', 'stories', 'fullscreen'];

package/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import { type ReactElement } from 'react';
 import type { GroupBase } from 'react-select';
-import type { SelectProps, SelectAsyncProps, SelectCreatableProps } from './types';
+import type { SelectProps, SelectAsyncProps } from './types';
 /**
  * Styled `react-select` dropdown (single or multi via `isMulti`).
  *
@@ -20,11 +20,3 @@ export declare function Select<Option, IsMulti extends boolean = false, Group ex
  * <SelectAsync loadOptions={fetchOptions} defaultOptions />
  */
 export declare function SelectAsync<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectAsyncProps<Option, IsMulti, Group>): ReactElement;
-/**
- * Styled `react-select` dropdown that lets the user create new options by typing.
- *
- * @deprecated Use the free-text {@link Combobox} instead.
- * @example
- * <CreatableSelect options={options} onCreateOption={addOption} />
- */
-export declare function CreatableSelect<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectCreatableProps<Option, IsMulti, Group>): ReactElement;

package/Select/Select.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { CLASS_NAME_PREFIX } from './constants';
-import { SelectStyled, SelectAsyncStyled, SelectCreatableStyled, ClearIndicatorBox } from './styles';
+import { SelectStyled, SelectAsyncStyled, ClearIndicatorBox } from './styles';
 const componentsProps = {
   ClearIndicator: ({
     clearValue
@@ -54,24 +54,4 @@ export function SelectAsync(props) {
     components: componentsProps,
     ...customProps
   });
-}
-/**
- * Styled `react-select` dropdown that lets the user create new options by typing.
- *
- * @deprecated Use the free-text {@link Combobox} instead.
- * @example
- * <CreatableSelect options={options} onCreateOption={addOption} />
- */
-export function CreatableSelect(props) {
-  const {
-    classNamePrefix = CLASS_NAME_PREFIX
-  } = props;
-  const customProps = {
-    ...props,
-    classNamePrefix
-  };
-  return _jsx(SelectCreatableStyled, {
-    components: componentsProps,
-    ...customProps
-  });
 }

package/Select/index.d.ts

@@ -1,5 +1,5 @@
 export { components as SelectComponents } from 'react-select';
 export type { SingleValue, MultiValue } from 'react-select';
 export { CLASS_NAME_PREFIX } from './constants';
-export { Select, SelectAsync, CreatableSelect } from './Select';
+export { Select, SelectAsync } from './Select';
 export type { SelectBase, SelectOption, MultiSelectOptions } from './types';

package/Select/index.js

@@ -1,3 +1,3 @@
 export { components as SelectComponents } from 'react-select';
 export { CLASS_NAME_PREFIX } from './constants';
-export { Select, SelectAsync, CreatableSelect } from './Select';
+export { Select, SelectAsync } from './Select';

package/Select/styles.d.ts

@@ -1,7 +1,5 @@
 import ReactSelect from 'react-select';
 import ReactSelectAsync from 'react-select/async';
-import ReactSelectCreatable from 'react-select/creatable';
 export declare const SelectStyled: typeof ReactSelect;
 export declare const SelectAsyncStyled: typeof ReactSelectAsync;
-export declare const SelectCreatableStyled: typeof ReactSelectCreatable;
 export declare const ClearIndicatorBox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/Select/styles.js

@@ -1,6 +1,5 @@
 import ReactSelect from 'react-select';
 import ReactSelectAsync from 'react-select/async';
-import ReactSelectCreatable from 'react-select/creatable';
 import styled, { css } from 'styled-components';
 import { Color, FontSize, LineHeight, UnitSize } from '@pushwoosh/kit-constants';
 import { CLASS_NAME_PREFIX } from './constants';
@@ -25,11 +24,7 @@ export const SelectAsyncStyled = styled(ReactSelectAsync).withConfig({
   displayName: "SelectAsyncStyled",
   componentId: "sc-c2oq4h-1"
 })(["", ";"], selectStyles);
-export const SelectCreatableStyled = styled(ReactSelectCreatable).withConfig({
-  displayName: "SelectCreatableStyled",
-  componentId: "sc-c2oq4h-2"
-})(["", ";"], selectStyles);
 export const ClearIndicatorBox = styled.div.withConfig({
   displayName: "ClearIndicatorBox",
-  componentId: "sc-c2oq4h-3"
+  componentId: "sc-c2oq4h-2"
 })(["color:", ";transition:transform 0.3s ease,color 0.3s ease;&:hover{color:", ";transform:scale(1.2);}"], Color.PHANTOM, Color.MAIN);

package/Select/types.d.ts

@@ -1,6 +1,5 @@
 import type { Props, GroupBase, MultiValue } from 'react-select';
 import type { AsyncProps } from 'react-select/async';
-import type { CreatableProps } from 'react-select/creatable';
 /** A single `{ label, value }` option for the `react-select`-based selects. */
 export type SelectOption = {
     /** Text shown in the control and dropdown. */
@@ -27,8 +26,3 @@ export type SelectProps<Option, IsMulti extends boolean = false, Group extends G
  * @deprecated Use {@link Combobox} with `loadItems` instead.
  */
 export type SelectAsyncProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = SelectProps<Option, IsMulti, Group> & AsyncProps<Option, IsMulti, Group> & SelectBase;
-/**
- * Props of {@link CreatableSelect} — {@link SelectProps} plus `react-select/creatable` props.
- * @deprecated Use the free-text {@link Combobox} instead.
- */
-export type SelectCreatableProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = SelectProps<Option, IsMulti, Group> & CreatableProps<Option, IsMulti, Group> & SelectBase;

package/index.d.ts

@@ -21,7 +21,7 @@ export { RadioCard } from './RadioCard';
 export { ReCaptcha, useRecaptcha, asyncScriptLoad } from './ReCaptcha';
 export { Spinner } from './Spinner';
 export { SortButton, type SortButtonParams } from './SortButton';
-export { Select, SelectAsync, CreatableSelect, SelectComponents, CLASS_NAME_PREFIX, type SelectBase, type SelectOption, type MultiSelectOptions, type SingleValue, type MultiValue, } from './Select';
+export { Select, SelectAsync, SelectComponents, CLASS_NAME_PREFIX, type SelectBase, type SelectOption, type MultiSelectOptions, type SingleValue, type MultiValue, } from './Select';
 export { Combobox, type ComboboxProps, type ComboboxChangeSource, type ComboboxChangeMeta, type FreeComboboxProps, type SelectComboboxProps, } from './Combobox';
 export { ComboboxMulti, type ComboboxMultiProps } from './ComboboxMulti';
 export { Switch } from './Switch';
@@ -44,7 +44,7 @@ export { EnhancedInput, SearchInput } from './EnhancedInput';
 export { Chip, type ChipProps, type ChipVariant } from './Chip';
 export { RichmediaPreview, useRichmediaHtml } from './RichmediaPreview';
 export { SandboxedHtmlFrame, type SandboxedHtmlFrameProps, type IsolatedSandboxedHtmlFrameProps, type InspectableSandboxedHtmlFrameProps, } from './SandboxedHtmlFrame';
-export { NativeRichMediaPreview, parseNativeRichMediaConfig, parseLocalizationParams, NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './NativeRichMediaPreview';
+export { NativeRichMediaPreview, parseNativeRichMediaConfig, parseLocalizationParams, NATIVE_RICH_MEDIA_DISPLAY_TYPES, EDITABLE_NATIVE_RICH_MEDIA_DISPLAY_TYPES, } from './NativeRichMediaPreview';
 export type { NativeRichMediaConfig, NativeRichMediaDisplayType, NativeRichMediaText, NativeRichMediaBorder, NativeRichMediaCover, NativeRichMediaAction, NativeRichMediaButton, NativeRichMediaReward, NativeRichMediaModalBlock, NativeRichMediaSheetBlock, NativeRichMediaCarouselBlock, NativeRichMediaStoriesBlock, NativeRichMediaBannerBlock, NativeRichMediaFullscreenBlock, NativeRichMediaVideoBlock, NativeRichMediaPipBlock, NativeRichMediaScratchcardBlock, NativeRichMediaSpinwheelBlock, NativeRichMediaPreviewProps, NativeRichMediaLocalization, } from './NativeRichMediaPreview';
 export { RichMessageEditor, RichMessageViewer, type DynamicContent, } from './RichMessageEditor';
 export { FrequencyCappingEdit, FrequencyCappingReadonly, FrequencyCappingInApps, type LocalCapping, type CappingInAppBase, } from './FrequencyCapping';

package/index.js

@@ -21,7 +21,7 @@ export { RadioCard } from './RadioCard';
 export { ReCaptcha, useRecaptcha, asyncScriptLoad } from './ReCaptcha';
 export { Spinner } from './Spinner';
 export { SortButton } from './SortButton';
-export { Select, SelectAsync, CreatableSelect, SelectComponents, CLASS_NAME_PREFIX } from './Select';
+export { Select, SelectAsync, SelectComponents, CLASS_NAME_PREFIX } from './Select';
 export { Combobox } from './Combobox';
 export { ComboboxMulti } from './ComboboxMulti';
 export { Switch } from './Switch';
@@ -44,7 +44,7 @@ export { EnhancedInput, SearchInput } from './EnhancedInput';
 export { Chip } from './Chip';
 export { RichmediaPreview, useRichmediaHtml } from './RichmediaPreview';
 export { SandboxedHtmlFrame } from './SandboxedHtmlFrame';
-export { NativeRichMediaPreview, parseNativeRichMediaConfig, parseLocalizationParams, NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './NativeRichMediaPreview';
+export { NativeRichMediaPreview, parseNativeRichMediaConfig, parseLocalizationParams, NATIVE_RICH_MEDIA_DISPLAY_TYPES, EDITABLE_NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './NativeRichMediaPreview';
 export { RichMessageEditor, RichMessageViewer } from './RichMessageEditor';
 export { FrequencyCappingEdit, FrequencyCappingReadonly, FrequencyCappingInApps } from './FrequencyCapping';
 export { SendRateEdit, SendRateReadonly } from './SendRate';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.178",
+  "version": "1.1.180",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",