piral 1.8.2 → 1.8.3-beta.7865

package/lib/app.js

@@ -16,9 +16,9 @@ render(app, document.querySelector('#app'));
 ```
  */
 export function getAppInstance(config = {}, options = {}) {
-    const { settings, layout, errors, dashboardPath, piralChildren } = options;
+    const { settings, layout, errors, dashboardPath, piralChildren, breakpoints } = options;
     const instance = createPiral(config, settings);
-    const app = createInstanceElement(instance, layout, errors, dashboardPath, piralChildren);
+    const app = createInstanceElement(instance, layout, errors, dashboardPath, piralChildren, breakpoints);
     return { instance, app };
 }
 //# sourceMappingURL=app.js.map

package/lib/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAGnD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,cAAc,CAAC,SAA6B,EAAE,EAAE,UAAkC,EAAE;IAClG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC;IAC3E,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAG,qBAAqB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC;IAC1F,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;AAC3B,CAAC"}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAGnD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,cAAc,CAAC,SAA6B,EAAE,EAAE,UAAkC,EAAE;IAClG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;IACxF,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAG,qBAAqB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;IACvG,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;AAC3B,CAAC"}

package/lib/instance.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { PiralInstance, ComponentsState, ErrorComponentsState } from 'piral-core';
-export declare function createInstanceElement(instance?: PiralInstance, layout?: Partial<ComponentsState>, errors?: Partial<ErrorComponentsState>, dashboardPath?: string, piralChildren?: React.ReactNode): React.ReactElement;
+import { PiralInstance, ComponentsState, ErrorComponentsState, LayoutBreakpoints } from 'piral-core';
+export declare function createInstanceElement(instance?: PiralInstance, layout?: Partial<ComponentsState>, errors?: Partial<ErrorComponentsState>, dashboardPath?: string, piralChildren?: React.ReactNode, breakpoints?: LayoutBreakpoints): React.ReactElement;

package/lib/instance.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Dashboard } from 'piral-ext';
 import { Piral, SetRoute, SetErrors, SetLayout, } from 'piral-core';
-export function createInstanceElement(instance, layout, errors, dashboardPath = '/', piralChildren) {
-    return (React.createElement(Piral, { instance: instance },
+export function createInstanceElement(instance, layout, errors, dashboardPath = '/', piralChildren, breakpoints) {
+    return (React.createElement(Piral, { instance: instance, breakpoints: breakpoints },
         React.createElement(SetLayout, { layout: layout }),
         React.createElement(SetErrors, { errors: errors }),
         React.createElement(SetRoute, { path: dashboardPath, component: Dashboard }),

package/lib/instance.js.map

@@ -1 +1 @@
-{"version":3,"file":"instance.js","sourceRoot":"","sources":["../src/instance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EACL,KAAK,EACL,QAAQ,EAIR,SAAS,EACT,SAAS,GACV,MAAM,YAAY,CAAC;AAEpB,MAAM,UAAU,qBAAqB,CACnC,QAAwB,EACxB,MAAiC,EACjC,MAAsC,EACtC,aAAa,GAAG,GAAG,EACnB,aAA+B;IAE/B,OAAO,CACL,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ;QACvB,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI;QAC7B,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI;QAC7B,oBAAC,QAAQ,IAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAI;QACtD,aAAa,CACR,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"instance.js","sourceRoot":"","sources":["../src/instance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EACL,KAAK,EACL,QAAQ,EAIR,SAAS,EACT,SAAS,GAEV,MAAM,YAAY,CAAC;AAEpB,MAAM,UAAU,qBAAqB,CACnC,QAAwB,EACxB,MAAiC,EACjC,MAAsC,EACtC,aAAa,GAAG,GAAG,EACnB,aAA+B,EAC/B,WAA+B;IAE/B,OAAO,CACL,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW;QACjD,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI;QAC7B,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI;QAC7B,oBAAC,QAAQ,IAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAI;QACtD,aAAa,CACR,CACT,CAAC;AACJ,CAAC"}

package/lib/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { PiralConfiguration, ComponentsState, ErrorComponentsState } from 'piral-core';
+import { PiralConfiguration, ComponentsState, ErrorComponentsState, LayoutBreakpoints } from 'piral-core';
 import { PiralExtSettings } from 'piral-ext';
 /**
  * Defines the base options for rendering a Piral instance.
@@ -14,6 +14,10 @@ export interface PiralRenderBaseOptions {
      * Defines how the layout looks like.
      */
     layout?: Partial<ComponentsState>;
+    /**
+     * Defines the breakpoints to use for responsive layouts.
+     */
+    breakpoints?: LayoutBreakpoints;
     /**
      * Defines how the errors look like.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral",
-  "version": "1.8.2",
+  "version": "1.8.3-beta.7865",
   "description": "The all-in-one piral package.",
   "keywords": [
     "smapiot",
@@ -59,9 +59,9 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "dependencies": {
-    "piral-base": "^1.8.2",
-    "piral-core": "^1.8.2",
-    "piral-ext": "^1.8.2",
+    "piral-base": "1.8.3-beta.7865",
+    "piral-core": "1.8.3-beta.7865",
+    "piral-ext": "1.8.3-beta.7865",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-router": "^5.2.0",
@@ -80,5 +80,5 @@
     "react-router-dom",
     "tslib"
   ],
-  "gitHead": "e0e2400ff9b12c033dae6b1b63d9e5d4e5667fbc"
+  "gitHead": "4fb944da52dab79bb97180d65ff54f0eb2b2146e"
 }

package/src/app.tsx

@@ -19,8 +19,8 @@ render(app, document.querySelector('#app'));
 ```
  */
 export function getAppInstance(config: PiralConfiguration = {}, options: PiralRenderBaseOptions = {}) {
-  const { settings, layout, errors, dashboardPath, piralChildren } = options;
+  const { settings, layout, errors, dashboardPath, piralChildren, breakpoints } = options;
   const instance = createPiral(config, settings);
-  const app = createInstanceElement(instance, layout, errors, dashboardPath, piralChildren);
+  const app = createInstanceElement(instance, layout, errors, dashboardPath, piralChildren, breakpoints);
   return { instance, app };
 }

package/src/instance.tsx

@@ -8,6 +8,7 @@ import {
   ErrorComponentsState,
   SetErrors,
   SetLayout,
+  LayoutBreakpoints,
 } from 'piral-core';
 
 export function createInstanceElement(
@@ -16,9 +17,10 @@ export function createInstanceElement(
   errors?: Partial<ErrorComponentsState>,
   dashboardPath = '/',
   piralChildren?: React.ReactNode,
+  breakpoints?: LayoutBreakpoints,
 ): React.ReactElement {
   return (
-    <Piral instance={instance}>
+    <Piral instance={instance} breakpoints={breakpoints}>
       <SetLayout layout={layout} />
       <SetErrors errors={errors} />
       <SetRoute path={dashboardPath} component={Dashboard} />

package/src/types.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { PiralConfiguration, ComponentsState, ErrorComponentsState } from 'piral-core';
+import { PiralConfiguration, ComponentsState, ErrorComponentsState, LayoutBreakpoints } from 'piral-core';
 import { PiralExtSettings } from 'piral-ext';
 
 /**
@@ -15,6 +15,10 @@ export interface PiralRenderBaseOptions {
    * Defines how the layout looks like.
    */
   layout?: Partial<ComponentsState>;
+  /**
+   * Defines the breakpoints to use for responsive layouts.
+   */
+  breakpoints?: LayoutBreakpoints;
   /**
    * Defines how the errors look like.
    */