@pepperi-addons/ngx-composite-lib-react 0.5.1 → 0.5.3

package/i18n/de.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/en.ngx-composite-lib.json

@@ -0,0 +1,181 @@
+{
+    "COLOR_SETTINGS": {
+        "OPACITY": "opacity",
+        "COLOR": "color"
+    },
+    "SHADOW_SETTINGS": {
+        "TITLE": "Drop shadow",
+        "INTENSITY_SOFT": "Soft",
+        "INTENSITY_REGULAR": "Regular",
+        "INTENSITY_HARD": "Hard",
+        "SIZE": "Shadow size",
+        "INTENSITY": "Shadow intensity"
+    },
+    "PADDING_SETTINGS": {
+        "TITLE": "Padding",
+        "UNIFORM": "Uniform",
+        "DESCRIPTION": "Uniform padding (Rems)",
+        "TOP": "Top",
+        "END": "End",
+        "BOTTOM": "Bottom",
+        "START": "Start"
+    },
+    "DATA_VIEW_BUILDER": {
+        "TYPE_NOT_SUPPORTED": "This data view type is not supported",
+        "AVAILABLE_FIELDS": "Available fields",
+        "MENU_ITEM_KEY_TITLE": "Item key",
+        "MENU_ITEM_VALUE_TITLE": "Item title",
+        "EMPTY_DROP_AREA_TEXT": "Drop here from available fields",
+        "ADD_SEPARATOR": "Add separator",
+        "SEPARATOR_TITLE": "Separator title",
+        "ADD_A_TITLE": "Add a title"
+    },
+    "GENERIC_FIELDS_BUILDER": {
+        "AVAILABLE_FIELDS": "Available fields",
+        "MENU_ITEM_KEY_TITLE": "Item key",
+        "MENU_ITEM_VALUE_TITLE": "Item title",
+        "EMPTY_DROP_AREA_TEXT": "Drop here from available fields",
+        "ADD_SEPARATOR": "Add separator",
+        "SEPARATOR_TITLE": "Separator title",
+        "ADD_A_TITLE": "Add a title",
+        "TEMPLATE_NOT_SUPPLIED": "Template not supplied for - {{fieldTitle}}"
+    },
+    "GENERAL": {
+        "NONE": "None",
+        "XS": "XS",
+        "SM": "S",
+        "MD": "M",
+        "LG": "L",
+        "XL": "XL",
+        "XXL": "XXL",
+        "FONT_WEIGHT": {
+            "REGULAR": "Regular",
+            "BOLD": "Bold",
+            "BOLDER": "Bolder"
+        },
+        "WIDTH_SIZE": {
+            "NARROW": "Narrow",
+            "REGULAR": "Regular",
+            "WIDE": "Wide"
+        },
+        "BOOLEAN": {
+            "TRUE": "True",
+            "FALSE": "False"
+        },
+        "HORIZONTAL_ALIGN": {
+            "LEFT": "Left",
+            "CENTER": "Center",
+            "RIGHT": "Right"
+        },
+        "VERTICAL_ALIGN": {
+            "TOP": "Top",
+            "MIDDLE": "Middle",
+            "BOTTOM": "Bottom"
+        },
+        "RESET_HINT": "Screen sizes support"
+    },
+    "ACTIONS": {
+        "RESET": "Reset",
+        "CLOSE": "Close",
+        "DELETE": "Delete",
+        "EDIT": "Edit",
+        "PREVIEW": "Preview"
+    },
+    "MESSAGES": {
+        "DIALOG_NOTICE_TITLE": "Notice",
+        "DIALOG_INFO_TITLE": "Info",
+        "DIALOG_ERROR_TITLE": "Error",
+        "DIALOG_DELETE_TITLE": "Delete",
+        "DELETE_DIALOG_CONTENT": "Are you sure?",
+        "OPERATION_SUCCESS_CONTENT": "Operation success.",
+        "MAPPED_FIELDS_UNMAPPED_ENTRIES_CONTENT": "There are unmapped entries. ‘Ok’ will remove them from the list.",
+        "MAPPED_FIELDS_SAVED_DIALOG_CONTENT": "The mapped fields are saved.",
+        "DIALOG_ERROR_CONTENT": "General error - please contact your administrator.",
+        "DIALOG_ERROR_DETAILS": "<br/><small> Error details: {{error}} </small>"
+    },
+    "GENERIC_LIST": {
+        "EMPTY_STATE": {
+            "TITLE": "Nothing to see here",
+            "DESCRIPTION": "Add or create an item to populate this list"
+        },
+        "OPEN_SIDEBAR": "Sidebar",
+        "OPEN_FILTERS": "Filters"
+    },
+    "MANAGE_PARAMETERS": {
+        "TITLE": "Parameters",
+        "ADD_BUTTON_TITLE": "Add parameter",
+        "EMPTY_STATE_TITLE":"No parameters here yet :-(",
+        "EMPTY_STATE_DESCRIPTION":"Click on the \"Add parameter\" button above to get things going",
+        "DELETE_DIALOG_TITLE": "Delete Param {{param_name}}",
+        "DELETE_DIALOG_CONTENT": "Are you sure you want to delete this parameter?",
+        "KEY_TITLE": "Key",
+        "KEY_REGEX_ERROR": "Parameter Key cannot contain special characters on spaces",
+        "DESCRIPTION_TITLE": "Description",
+        "TYPE_TITLE": "Type",
+        "DEFAULT_VALUE_TITLE": "Default Value",
+        "INTERNAL_TITLE": "Internal",
+        "ACCESSIBILITY_TITLE": "Accessibility",
+        "PERSISTENCY_TITLE": "Persistency (If changed by the user, the value is saved and used in future use)",
+        "EDIT_FORM_TITLE": "Edit parameter",
+        "INTERNAL_DESCRIPTION": "The Variable Accessibility feature enables you to classify variables as either external or internal, defining their intended usage within this context.\n When marked as external, a parameter is accessible by external components using the picker \n When marked as internal, parameter is hidden from external entities, though available during the context run time",
+        "ADD_FORM_TITLE": "Add parameter"
+    },
+    "MAPPING_PARAMETERS": {
+        "VARIABLE_MAPPING": "Variable mapping",
+        "DYNAMIC": "Dynamic",
+        "STATIC": "Static",
+        "DEFAULT": "Default"
+    },
+    "FLOW_PICKER_BUTTON": {
+        "CHOOSE_FLOW": "Choose flow"
+    },
+    "ICON_PICKER_BUTTON": {
+        "CHOOSE_ICON": "Open icon selector",
+        "MAIN_HEADER": "Icon",
+        "SELECTED": "Selected",
+        "CHOOSE_ICON_HEADER": "Choose icon"
+    },
+    "LAYOUT_BUILDER": {
+        "DEFAULT_TITLE": "Layout builder",
+        "NO_TITLE": "No title",
+        "VIEWPORT_WIDTH": "View port width",
+        "PREVIEW_TITLE": "Preview Mode",
+        "PREVIEW_CLICK_HERE": "Click here to edit",
+        "DESKTOP": "Desktop",
+        "TABLET": "Tablet",
+        "MOBILE": "Mobile",
+        "SECTION": "Section",
+        "SECTION_NAME_TITLE": "Section Name (kebab-case)",
+        "SUB_SECTION_TITLE": "Sub Section",
+        "COLLAPSE_ON_TABLET_TITLE": "Collapse on Tablet",
+        "COLLAPSE_ON_TABLET_DESCRIPTION": "Enable this will make the sub section collapse into one column on tablet view",
+        "FILL_HEIGHT_SECTION_TITLE": "Fill Height",
+        "FILL_HEIGHT_SECTION_DESCRIPTION": "Set Fill Height on to make the section to fill the relative screen size",
+        "SECTIONS_TITLE": "Sections",
+        "LAYOUT": "Layout",
+        "SPLIT_TITLE": "Split",
+        "ADD_SECTION": "Add Section",
+        "BLOCKS_COUNT_LIMIT_MESSAGE": "You exceeded your blocks number limit - please contact your administrator.",
+        "DELETE_SECTION_MSG": "This action will delete out of range content. This action is irreversible!",
+        "DELETE_SECTION_TITLE": "Caution",
+        "GENERAL": "General",
+        "DESIGN": "Design",
+        "BLOCKS_TITLE": "Blocks",
+        "FULL_WIDTH_TITLE": "Full Width",
+        "MAX_WIDTH_TITLE": "Max Width",
+        "AUTO_HEIGHT_TITLE": "Auto Height",
+        "MAX_HEIGHT_TITLE": "Max Height",
+        "HEIGHT_TITLE": "Height",
+        "SPACING_TITLE": "Spacing",
+        "SPACING_HORIZONTAL_TITLE": "Left & Right",
+        "SPACING_VERTICAL_TITLE": "Top & Bottom",
+        "GAPS_TITLE": "Gaps",
+        "SECTIONS_GAP_TITLE": "Gap size between sections",
+        "COLUMNS_GAP_TITLE": "Gap size between columns",
+        "ROUNDED_CORNERS_TITLE": "Rounded Corners",
+        "BORDER_RADIUS_TITLE": "Global border radius",
+        "HIDE_IN": {
+            "HIDE_IN_TITLE": "Hide on:"
+        }
+    }
+}

package/i18n/es.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/fr.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/he.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/hu.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/it.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/ja.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/nl.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/pl.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/pt.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/ru.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/zh.ngx-composite-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/i18n/zh.ngx-lib.json

@@ -0,0 +1,2 @@
+{
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib-react",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "description": "React wrappers for Pepperi ngx-composite-lib Angular Elements.",
   "license": "MIT",
   "author": "Pepperi",
@@ -26,7 +26,8 @@
     "*.js",
     "*.d.ts",
     "README.md",
-    "elements/*"
+    "elements/*",
+    "i18n/*"
   ],
   "exports": {
     ".": {

package/pep-generic-list.d.ts

@@ -66,5 +66,9 @@ export interface PepGenericListProps {
     listLoad?: () => void;
     className?: string;
     style?: React.CSSProperties;
+    leftButtonsContent?: React.ReactNode;
+    rightButtonsContent?: React.ReactNode;
+    leftBottomAreaContent?: React.ReactNode;
+    rightBottomAreaContent?: React.ReactNode;
 }
 export declare const PepGenericList: React.FC<PepGenericListProps>;

package/pep-generic-list.js

@@ -122,6 +122,20 @@ export const PepGenericList = (props) => {
         props.startIndexChange,
         props.listLoad,
     ]);
-    return React.createElement('pep-generic-list-element', { ref, class: props.className, style: props.style });
+    // Render projected content for Angular ng-content slots by using matching attributes
+    const children = [];
+    if (props.leftButtonsContent) {
+        children.push(React.createElement('div', { ['left-buttons']: '' }, props.leftButtonsContent));
+    }
+    if (props.rightButtonsContent) {
+        children.push(React.createElement('div', { ['right-buttons']: '' }, props.rightButtonsContent));
+    }
+    if (props.leftBottomAreaContent) {
+        children.push(React.createElement('div', { ['left-bottom-area']: '' }, props.leftBottomAreaContent));
+    }
+    if (props.rightBottomAreaContent) {
+        children.push(React.createElement('div', { ['right-bottom-area']: '' }, props.rightBottomAreaContent));
+    }
+    return React.createElement('pep-generic-list-element', { ref, class: props.className, style: props.style }, children.length > 0 ? children : undefined);
 };
 //# sourceMappingURL=pep-generic-list.js.map