@guillotinaweb/react-gmi 0.18.0

package/CHANGELOG.md

@@ -0,0 +1,210 @@
+
+0.18.0
+------
+ - Add itemsColumn in registry to allow configure columns in items panel by type #142
+
+0.17.0
+------
+ - Search: use always search function and allow to configure depth param #133
+
+0.16.0
+------
+ - Add GMI project #97
+ - Add search engine configuration #97
+
+0.15.1
+------
+ - Normalize upload file name #129
+
+0.15.0
+------
+ - Make more generic the search input field #125
+
+0.14.1
+------
+- Allow open new tab navigation #116
+- Fix microbundle bundle bug #115
+
+
+0.14.0
+------
+ - Add key as fallback to value.title + hide table if all properties are ignored + update docs (#109)
+ - e2e cypress retry failed tests (#110)
+ - Implement refresh without spinner (transparent=true) (#111)
+ - Add data-test property in createBtn context tool bar (#113)
+ - Add datatest search input (#114)
+
+0.13.1
+------
+ - Add classNameInput prop in checkbox and modify placeholder input_list (#106)
+ - Add error message in search_input (#106)
+ - Add loading in add item action (#106)
+
+0.13.0
+------
+ - Add filter type in items panel. (#105)
+
+0.12.2
+------
+ - Fix open new tab downloadFile, firefox (#104)
+
+0.12.1
+------
+ - Fix attachment and multiattachment behaviors (#103)
+
+0.12.0
+------
+ - Add querycondition prop in search_input (#100)
+ - Fix - Export actions panel (#101)
+ - Edit properties fields (#96)
+
+
+0.11.0
+------
+ - add actions panel in container folder and item types (#99)
+
+0.10.0
+------
+ - Improve build (#95)
+
+
+0.9.0
+------
+ - Isolate client (#91)
+ - Improvement fields (#90)
+
+
+0.8.0
+------
+
+- Replace react-use to own hooks (#82)
+- Add prettier (#83)
+- Add LICENSE and CONTRIBUTING.md (#86)
+- e2e test own project (#84)
+- Some fixes (#88)
+- CI run workflows (#89)
+
+0.7.1
+------
+- e2e test own project
+- fix github actions
+
+0.7.0
+------
+- Package upgrades
+- More resource personalized from registry
+
+0.6.4
+------
+- Allow to add a custom flash function on config
+
+0.4.11
+----
+- Fix issue with React and microbundle
+
+0.4.10
+----
+- Fix open breadcrumb links in a new browser tab [aralroca]
+
+0.4.9
+----
+- Add pagination also in the bottom of the page [aralroca]
+
+0.4.8
+----
+- Allow modify id copying items [aralroca]
+- Fill current path as default path when copying items [aralroca]
+
+0.4.7
+----
+- Move column definition to GuillotinaClient to overwrite in an easier way [aralroca]
+
+0.4.6
+----
+- Fix duplicate items in same folder (add a suffix to the id) [aralroca]
+
+0.4.5
+----
+- Fix TabsPanel crash when 'current' tab doesn't exist in 'tabs'
+  [masipcat]
+
+0.4.4
+----
+- Fix return value of rest.getHeaders() and auth.getHeadres() when not authenticated
+  [masipcat]
+
+0.4.3
+----
+- Scroll to top after call to Ctx.flash
+
+0.4.2
+----
+- fix bug on behaviors change
+
+0.4.1
+----
+- Add ErrorBoundary as view in registry that can be overwritten
+  [masipcat]
+- Remove panel requester (too much bundle size for what it provides)
+
+0.4.0
+----
+- e2e first test
+- e2e github action
+- e2e test content
+  [psanlorenzo]
+
+- Fix issue when selecting multiple items on different depths with same id
+- Return back the delete button (it's more ergonomic)
+- Fix compatibility with braking changes on Guillotina 6
+- Correctly report failed delete actions, showing a stringify version of the error
+- Add a preload spinner on delete.
+- Add a new config setting to be able to set a delay after delete
+  (That's mostly to workaround elastic delay index)
+  [jordic]
+
+0.3.4
+----
+- Be able to setup default properties showing on panel properties
+- Fix auth header on client
+
+0.3.3
+----
+- If there is no @addable-type hide the button
+- Swap columns modified/created (are wrong)
+- Be able to customize properties view
+
+0.3.2
+----
+- If there is only one @addable-type just show it (without dropdown)
+
+0.3.1
+----
+- Small UI improvements
+- Fix bug when search pagination it's not reset
+
+0.3.0
+----
+ - Move/copy/delete multiple items
+   [aralroca]
+ - Some fixes
+   [jordic]
+
+0.2.2 alpha
+---
+- Fix issue on container creation
+- Be able to personalize icons for custom content types
+- Fix bug when providing custom config
+- Compat layer on serializer for G5
+
+0.1.0alpha
+---
+- Don't let registry fail when looking up new from content-types
+- Added initial view for editing group properties
+- Added microbundle to package the library as npm package
+- Added an integration example (still rude) of guillotina with
+  next.js
+- Fix some issues with ciruclar dependencies when exporting the npm package.
+- Never use the registry directly, The registry should be obtained throught the Context.
+
+

package/LICENSE

@@ -0,0 +1,23 @@
+The MIT License
+
+MIT License
+
+Copyright (c) 2021 Jordi Collell
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,126 @@
+# 🔌 Guillotina Management Interface
+
+It's build around the idea of a framework to roll you own GMI.
+
+Provides an interface to access all Guillotina content depending on user permissions and allowing you to apply actions like create/modify/remove content, UI interactions like displaying flash messages, etc.
+
+All this with the flexibility to build it your way, adding your own content with your forms, your icons, etc. It's build around the idea to act as a framework,
+layer that could be extended from outside.
+
+## Prerequisites
+
+- React +16.12.0
+
+## Status
+
+Alpha version. The app is usable, but still needs some love.
+
+## Roll your own guillotina
+
+### With create react app
+
+```bash
+
+npx create-react-app gmi_demo
+cd gmi_demo
+
+yarn add @guillotinaweb/react-gmi
+
+```
+
+App.js
+
+```jsx
+import React from 'react'
+import { Layout } from '@guillotinaweb/react-gmi'
+import { Auth } from '@guillotinaweb/react-gmi'
+import { Guillotina } from '@guillotinaweb/react-gmi'
+import { Login } from '@guillotinaweb/react-gmi'
+import { getClient } from '@guillotinaweb/react-gmi'
+import { ClientProvider } from '@guillotinaweb/react-gmi'
+import { useState } from 'react'
+import '@guillotinaweb/react-gmi/dist/css/style.css'
+
+// guillotina url
+let url = 'http://localhost:8080/'
+
+const auth = new Auth(url)
+const client = getClient(url, auth)
+
+function App() {
+  const [isLogged, setLogged] = useState(auth.isLogged)
+
+  // You can do whatever you want on login, this includes,
+  // if you have a router, move it to it's user home folder,
+  // or the root...
+  const onLogin = () => {
+    setLogged(true)
+  }
+  const onLogout = () => setLogged(false)
+
+  auth.onLogout = onLogout
+
+  return (
+    <ClientProvider client={client}>
+      <Layout auth={auth} onLogout={onLogout}>
+        {isLogged && <Guillotina auth={auth} url={url} />}
+        {!isLogged && (
+          <div className="columns is-centered">
+            <div className="columns is-half">
+              <Login onLogin={onLogin} auth={auth} />
+            </div>
+          </div>
+        )}
+      </Layout>
+    </ClientProvider>
+  )
+}
+
+export default App
+```
+
+### To add icons:
+
+Add the icons to the default public/index.html header
+
+```diff
+<meta name="viewport" content="width=device-width, initial-scale=1" />
++ <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
+<meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+```
+
+- Copy guillotina logo to your public
+
+```bash
+curl https://raw.githubusercontent.com/guillotinaweb/guillotina_react/master/public/logo.svg > public/logo.svg
+
+```
+
+## Docs?
+
+- [Howto Extend Guillotina React form outside?](docs/extend.md)
+- [Narrative Docs](docs/api.md)
+
+## Develop
+
+```
+run a local guillotina
+yarn
+yarn start
+
+```
+
+## Screenshots
+
+![](screenshots/screen2.png)
+![](screenshots/screen1.png)
+![](screenshots/screen3.png)
+
+## Sponsors
+
+This project is sponsored by <a href="https://www.vinissimus.com">Vinissimus Wine Shop</a>
+
+<a href="https://www.vinissimus.com"><img src="https://cdn.vinissimus.com/front/static/images/vinissimus-logo.svg" /></a>

package/dist/actions/add_item.d.ts

@@ -0,0 +1 @@
+export function AddItem(props: any): any;

package/dist/actions/change_pass.d.ts

@@ -0,0 +1 @@
+export function ChangePassword(props: any): any;

package/dist/actions/copy_item.d.ts

@@ -0,0 +1 @@
+export function CopyItem(props: any): any;

package/dist/actions/copy_items.d.ts

@@ -0,0 +1 @@
+export function CopyItems(props: any): any;

package/dist/actions/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./add_item";
+export * from "./remove_items";

package/dist/actions/move_item.d.ts

@@ -0,0 +1 @@
+export function MoveItem(props: any): any;

package/dist/actions/move_items.d.ts

@@ -0,0 +1 @@
+export function MoveItems(props: any): any;

package/dist/actions/remove_item.d.ts

@@ -0,0 +1 @@
+export function RemoveItem(props: any): any;

package/dist/actions/remove_items.d.ts

@@ -0,0 +1 @@
+export function RemoveItems(props: any): any;

package/dist/components/Link.d.ts

@@ -0,0 +1,6 @@
+export function Link({ aRef, model, children, ...props }: {
+    [x: string]: any;
+    aRef: any;
+    model: any;
+    children: any;
+}): any;

package/dist/components/TdLink.d.ts

@@ -0,0 +1,5 @@
+export function TdLink({ model, children, ...props }: {
+    [x: string]: any;
+    model: any;
+    children: any;
+}): any;

package/dist/components/behavior_view.d.ts

@@ -0,0 +1,5 @@
+export function BehaviorsView({ context, schema }: {
+    context: any;
+    schema: any;
+}): any;
+export function BehaviorNotImplemented(): any;

package/dist/components/behaviors/iattachment.d.ts

@@ -0,0 +1,4 @@
+export function IAttachment({ properties, values }: {
+    properties: any;
+    values: any;
+}): any;

package/dist/components/behaviors/idublincore.d.ts

@@ -0,0 +1,4 @@
+export function IDublinCore({ properties, values }: {
+    properties: any;
+    values: any;
+}): any;

package/dist/components/behaviors/imultiattachment.d.ts

@@ -0,0 +1,4 @@
+export function IMultiAttachment({ properties, values }: {
+    properties: any;
+    values: any;
+}): any;

package/dist/components/context_toolbar.d.ts

@@ -0,0 +1,5 @@
+export function CreateButton(): any;
+export function ContextToolbar({ AddButton, ...props }: {
+    [x: string]: any;
+    AddButton: any;
+}): any;

package/dist/components/error_boundary.d.ts

@@ -0,0 +1,5 @@
+export default class ErrorBoundary {
+    state: {};
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): any;
+}

package/dist/components/error_zone.d.ts

@@ -0,0 +1,13 @@
+export default ErrorZone;
+declare function ErrorZone({ children, id, className }: {
+    children: any;
+    id: any;
+    className: any;
+}): any;
+declare namespace ErrorZone {
+    namespace propTypes {
+        const children: any;
+        const id: any;
+        const className: any;
+    }
+}

package/dist/components/fields/downloadField.d.ts

@@ -0,0 +1,3 @@
+export function DownloadField({ value }: {
+    value: any;
+}): any;

package/dist/components/fields/editComponent.d.ts

@@ -0,0 +1,2 @@
+export const EditComponent: any;
+export default EditComponent;

package/dist/components/fields/editableField.d.ts

@@ -0,0 +1,10 @@
+export function EditableField({ field, value, ns, schema, modifyContent, required, }: {
+    field: any;
+    value: any;
+    ns: any;
+    schema?: any;
+    modifyContent: any;
+    required: any;
+}): any;
+export const DEFAULT_VALUE_EDITABLE_FIELD: "Click to edit";
+export const DEFAULT_VALUE_NO_EDITABLE_FIELD: " -- ";

package/dist/components/fields/renderField.d.ts

@@ -0,0 +1,4 @@
+export function RenderField({ value, Widget }: {
+    value: any;
+    Widget: any;
+}): any;

package/dist/components/flash.d.ts

@@ -0,0 +1 @@
+export function Flash(): any;

package/dist/components/guillotina.d.ts

@@ -0,0 +1,4 @@
+export function Guillotina({ auth, ...props }: {
+    [x: string]: any;
+    auth: any;
+}): any;

package/dist/components/index.d.ts

@@ -0,0 +1,48 @@
+export * from "./input/button";
+export * from "./input/checkbox";
+export * from "./input/email";
+export * from "./input/form_builder";
+export * from "./input/form";
+export * from "./input/input";
+export * from "./input/password";
+export * from "./input/select";
+export * from "./input/upload";
+export * from "./input/textarea";
+export * from "./input/search_input";
+export * from "./input/input_list";
+export * from "./input/dropdown";
+export * from "./fields/editableField";
+export * from "./fields/renderField";
+export * from "./fields/downloadField";
+export * from "./behaviors/iattachment";
+export * from "./behaviors/imultiattachment";
+export * from "./behaviors/idublincore";
+export * from "./panel/actions";
+export * from "./panel/addons";
+export * from "./panel/behaviors";
+export * from "./panel/items";
+export * from "./panel/properties";
+export * from "./panel/permissions";
+export * from "./panel/permissions_prinperm";
+export * from "./panel/permissions_prinrole";
+export * from "./panel/permissions_roleperm";
+export * from "./ui";
+export * from "./widgets";
+export * from "./behavior_view";
+export * from "./properties_view";
+export * from "./context_toolbar";
+export * from "./error_zone";
+export * from "./flash";
+export * from "./guillotina";
+export * from "./item";
+export * from "./Link";
+export * from "./layout";
+export * from "./login";
+export * from "./modal";
+export * from "./notallowed";
+export * from "./pagination";
+export * from "./path";
+export * from "./searchLabels";
+export * from "./tabs";
+export * from "./selected_items_actions";
+export * from "./TdLink";

package/dist/components/input/button.d.ts

@@ -0,0 +1,10 @@
+export function Button({ children, className, onClick, type, loading, disabled, dataTest, ...rest }: {
+    [x: string]: any;
+    children: any;
+    className?: string;
+    onClick: any;
+    type?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    dataTest: any;
+}): any;

package/dist/components/input/checkbox.d.ts

@@ -0,0 +1,17 @@
+export function Checkbox({ id, className, classNameInput, loading, disabled, indeterminate, value, color, backgroundColor, borderColor, children, placeholder, onChange, dataTest, ...rest }: {
+    [x: string]: any;
+    id: any;
+    className: any;
+    classNameInput: any;
+    loading: any;
+    disabled: any;
+    indeterminate?: boolean;
+    value?: boolean;
+    color: any;
+    backgroundColor: any;
+    borderColor: any;
+    children: any;
+    placeholder: any;
+    onChange: any;
+    dataTest: any;
+}): any;

package/dist/components/input/dropdown.d.ts

@@ -0,0 +1,10 @@
+export default function Dropdown({ children, disabled, id, isRight, onChange, optionDisabledWhen, options, ...props }: {
+    [x: string]: any;
+    children: any;
+    disabled: any;
+    id: any;
+    isRight: any;
+    onChange: any;
+    optionDisabledWhen: any;
+    options: any;
+}): any;

package/dist/components/input/email.d.ts

@@ -0,0 +1,5 @@
+export function EmailInput({ value, dataTest, ...rest }: {
+    [x: string]: any;
+    value?: string;
+    dataTest: any;
+}): any;

package/dist/components/input/form.d.ts

@@ -0,0 +1,20 @@
+export function Form({ children, className, onSubmit, onReset, autoComplete, title, error, dataTest, ...rest }: {
+    [x: string]: any;
+    children: any;
+    className?: string;
+    onSubmit?: () => void;
+    onReset?: () => void;
+    autoComplete?: string;
+    title: any;
+    error: any;
+    dataTest: any;
+}): any;
+export namespace Form {
+    namespace propTypes {
+        const children: any;
+        const className: any;
+        const onSubmit: any;
+        const onReset: any;
+        const autoComplete: any;
+    }
+}

package/dist/components/input/form_builder.d.ts

@@ -0,0 +1,12 @@
+export function FormBuilder({ schema, formData, title, onSubmit, actionName, children, exclude, remotes, submitButton, ...rest }: {
+    [x: string]: any;
+    schema: any;
+    formData: any;
+    title: any;
+    onSubmit: any;
+    actionName: any;
+    children: any;
+    exclude?: any[];
+    remotes?: any[];
+    submitButton?: boolean;
+}): any;

package/dist/components/input/index.d.ts

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

package/dist/components/input/input.d.ts

@@ -0,0 +1 @@
+export const Input: any;

package/dist/components/input/input_list.d.ts

@@ -0,0 +1 @@
+export const InputList: any;

package/dist/components/input/password.d.ts

@@ -0,0 +1,4 @@
+export function PasswordInput({ value, ...rest }: {
+    [x: string]: any;
+    value?: string;
+}): any;

package/dist/components/input/search_input.d.ts

@@ -0,0 +1,25 @@
+export function SearchInput({ onChange, error, errorZoneClassName, traversal, path, qs, queryCondition, value, btnClass, dataTestWrapper, dataTestSearchInput, dataTestItem, renderTextItemOption, }: {
+    onChange: any;
+    error: any;
+    errorZoneClassName: any;
+    traversal?: any;
+    path?: any;
+    qs?: any[];
+    queryCondition?: string;
+    value: any;
+    btnClass?: string;
+    dataTestWrapper?: string;
+    dataTestSearchInput?: string;
+    dataTestItem?: string;
+    renderTextItemOption?: any;
+}): any;
+export namespace SearchInput {
+    namespace propTypes {
+        const onChange: any;
+        const value: any;
+        const client: any;
+        const path: any;
+        const PageSize: any;
+        const btnClass: any;
+    }
+}

package/dist/components/input/select.d.ts

@@ -0,0 +1 @@
+export const Select: any;

package/dist/components/input/textarea.d.ts

@@ -0,0 +1 @@
+export const Textarea: any;