@dilicorp/ui 0.0.18 → 0.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/form-builder/components/input.d.ts +1 -1
- package/dist/components/form-builder/components/input.d.ts.map +1 -1
- package/dist/components/form-builder/form-builder.js +1 -1
- package/dist/components/form-builder/form-builder.types.d.ts +3 -3
- package/dist/components/form-builder/form-builder.types.d.ts.map +1 -1
- package/dist/components/page-list/page-list-get-filters.d.ts +1 -0
- package/dist/components/page-list/page-list-get-filters.d.ts.map +1 -1
- package/dist/components/page-list/page-list-get-filters.js +3 -9
- package/dist/components/side-navigation-bar/side-navigation-bar.d.ts +1 -0
- package/dist/components/side-navigation-bar/side-navigation-bar.d.ts.map +1 -1
- package/dist/components/side-navigation-bar/side-navigation-bar.js +6 -2
- package/dist/css/style.min.css +1 -1
- package/package.json +1 -1
- package/storybook-static/0.08893e50.iframe.bundle.js +0 -3
- package/storybook-static/0.08893e50.iframe.bundle.js.LICENSE.txt +0 -8
- package/storybook-static/0.08893e50.iframe.bundle.js.map +0 -1
- package/storybook-static/0.b0b5b3f559b84081dd33.manager.bundle.js +0 -1
- package/storybook-static/1.572b270d.iframe.bundle.js +0 -1
- package/storybook-static/2.4cf53057.iframe.bundle.js +0 -1
- package/storybook-static/4.cfda70ac5c4ce062aa37.manager.bundle.js +0 -2
- package/storybook-static/4.cfda70ac5c4ce062aa37.manager.bundle.js.LICENSE.txt +0 -8
- package/storybook-static/5.95c292b00bd11a026c89.manager.bundle.js +0 -1
- package/storybook-static/6.4c32d773177faa6db877.manager.bundle.js +0 -2
- package/storybook-static/6.4c32d773177faa6db877.manager.bundle.js.LICENSE.txt +0 -12
- package/storybook-static/6.e8b40fae.iframe.bundle.js +0 -1
- package/storybook-static/7.22a62d0f9975054e5739.manager.bundle.js +0 -1
- package/storybook-static/7.e50f8d19.iframe.bundle.js +0 -3
- package/storybook-static/7.e50f8d19.iframe.bundle.js.LICENSE.txt +0 -12
- package/storybook-static/7.e50f8d19.iframe.bundle.js.map +0 -1
- package/storybook-static/8.0348846e.iframe.bundle.js +0 -1
- package/storybook-static/8.d24c8648319445bb90fc.manager.bundle.js +0 -1
- package/storybook-static/favicon.ico +0 -0
- package/storybook-static/iframe.html +0 -348
- package/storybook-static/index.html +0 -59
- package/storybook-static/main.2fe34791.iframe.bundle.js +0 -1
- package/storybook-static/main.3f4a9300c76af4ffb17c.manager.bundle.js +0 -1
- package/storybook-static/runtime~main.5d0f5a14930d5a84ee06.manager.bundle.js +0 -1
- package/storybook-static/runtime~main.cb23477f.iframe.bundle.js +0 -1
- package/storybook-static/vendors~main.0e4f133fe1d8086f87a3.manager.bundle.js +0 -2
- package/storybook-static/vendors~main.0e4f133fe1d8086f87a3.manager.bundle.js.LICENSE.txt +0 -104
- package/storybook-static/vendors~main.1bd52ec4.iframe.bundle.js +0 -3
- package/storybook-static/vendors~main.1bd52ec4.iframe.bundle.js.LICENSE.txt +0 -142
- package/storybook-static/vendors~main.1bd52ec4.iframe.bundle.js.map +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { FormikProps } from 'formik';
|
|
3
3
|
import { FormBuilderBasicsItem } from '../form-builder.types';
|
|
4
4
|
export interface FormBuildItemInput extends FormBuilderBasicsItem {
|
|
5
|
-
component
|
|
5
|
+
component?: 'input';
|
|
6
6
|
type?: 'text' | 'button' | 'checkbox' | 'email' | 'file' | 'hidden' | 'number' | 'submit' | 'reset' | 'color';
|
|
7
7
|
mask?: string | Array<string | RegExp>;
|
|
8
8
|
multiple?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,WAAW,EAAE,MAAM,QAAQ,CAAA;AAK/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,SAAS,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,WAAW,EAAE,MAAM,QAAQ,CAAA;AAK/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAC,QAAQ,GAAC,UAAU,GAAC,OAAO,GAAC,MAAM,GAAC,QAAQ,GAAC,QAAQ,GAAC,QAAQ,GAAC,OAAO,GAAC,OAAO,CAAA;IAC3F,IAAI,CAAC,EAAE,MAAM,GAAC,KAAK,CAAC,MAAM,GAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,aAAK,KAAK,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG;IACnD,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;CAC1B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,KAAK,EAAE,KAAK,eA2F1C"}
|
|
@@ -18,7 +18,7 @@ export const FormBuilder = (props) => {
|
|
|
18
18
|
const { data, onSubmit, className } = props;
|
|
19
19
|
const options = Object.assign(Object.assign({ enableReinitialize: true }, FormBuilderHelper.init(data).build()), { onSubmit });
|
|
20
20
|
return (React.createElement("div", { className: "w-100" },
|
|
21
|
-
React.createElement(Formik, Object.assign({}, options), (actions) => (React.createElement(Form, { className: className }, data.map(({ name, customComponent: Component, items, classes }, index) => (React.createElement("div", { key: index, className: `so-form-group${(classes === null || classes === void 0 ? void 0 : classes.soFormGroup) ? ' ' + (classes === null || classes === void 0 ? void 0 : classes.soFormGroup) : ''}` },
|
|
21
|
+
React.createElement(Formik, Object.assign({}, options), (actions) => (React.createElement(Form, { className: `form-builder${className ? ' ' + className : ''}` }, data.map(({ name, customComponent: Component, items, classes }, index) => (React.createElement("div", { key: index, className: `so-form-group${(classes === null || classes === void 0 ? void 0 : classes.soFormGroup) ? ' ' + (classes === null || classes === void 0 ? void 0 : classes.soFormGroup) : ''}` },
|
|
22
22
|
name && React.createElement(Typography, { tag: "h2", variant: "h5" }, name),
|
|
23
23
|
Boolean(Component) && Component,
|
|
24
24
|
React.createElement(Row, null, items
|
|
@@ -28,18 +28,18 @@ export interface FormBuilderBasicsItem extends InputHTMLAttributes<HTMLInputElem
|
|
|
28
28
|
type?: string;
|
|
29
29
|
}
|
|
30
30
|
interface FormBuilderItemPassword extends FormBuilderBasicsItem {
|
|
31
|
-
component
|
|
31
|
+
component?: 'password';
|
|
32
32
|
type?: 'password';
|
|
33
33
|
}
|
|
34
34
|
interface FormBuilderItemButton extends FormBuilderBasicsItem {
|
|
35
|
-
component
|
|
35
|
+
component?: 'button';
|
|
36
36
|
type?: 'submit' | 'reset' | 'button';
|
|
37
37
|
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
|
|
38
38
|
label: string;
|
|
39
39
|
labelLoading?: string;
|
|
40
40
|
}
|
|
41
41
|
interface FormBuilderItemSelect extends Omit<FormBuilderBasicsItem, 'value'> {
|
|
42
|
-
component
|
|
42
|
+
component?: 'select';
|
|
43
43
|
value?: Option | Option[];
|
|
44
44
|
options: Option[];
|
|
45
45
|
isDisabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-builder.types.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAEvD,aAAK,sBAAsB,GAAG,QAAQ,GAAC,KAAK,GAAC,KAAK,GAAC,SAAS,GAAC,OAAO,GAAC,KAAK,GAAC,MAAM,GAAC,QAAQ,GAAC,MAAM,GAAC,WAAW,GAAC,WAAW,GAAC,UAAU,GAAC,UAAU,GAAC,SAAS,GAAC,aAAa,GAAC,OAAO,GAAC,QAAQ,CAAA;AAExL,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,cAAc,GAAG,MAAM,GAAC,MAAM,CAAA;AAEnC,aAAK,YAAY,GAAG,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,EAAE,GAAC,EAAE,GAAC,EAAE,CAAA;AAE9C,oBAAY,0BAA0B,GAAG;IACvC,IAAI,EAAE,sBAAsB,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,cAAc,GAAC,MAAM,CAAC,EAAE,CAAA;CACnC,CAAA;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAClF,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,YAAY,GAAC,YAAY,EAAE,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,0BAA0B,EAAE,CAAA;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,uBAAwB,SAAQ,qBAAqB;IAC7D,SAAS,EAAE,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"form-builder.types.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder.types.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-list-get-filters.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list-get-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,aAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,GAAG,CAAA;IACf,MAAM,EAAE,GAAG,CAAA;IACX,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;
|
|
1
|
+
{"version":3,"file":"page-list-get-filters.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list-get-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,aAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,GAAG,CAAA;IACf,MAAM,EAAE,GAAG,CAAA;IACX,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAYD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyDhE,CAAA"}
|
|
@@ -11,7 +11,7 @@ const setValue = (element, value) => {
|
|
|
11
11
|
return Object.assign(Object.assign({}, element), { props: Object.assign(Object.assign({}, element.props), { value: value }) });
|
|
12
12
|
};
|
|
13
13
|
export const PageListGetFilters = (props) => {
|
|
14
|
-
const { filterList, search, filter = {
|
|
14
|
+
const { numFiltersVisible = 2, filterList, search, filter = {
|
|
15
15
|
filterLabel: 'Filters',
|
|
16
16
|
submitLabel: 'Filter',
|
|
17
17
|
clearLabel: 'Clear'
|
|
@@ -19,14 +19,8 @@ export const PageListGetFilters = (props) => {
|
|
|
19
19
|
const filters = filterList === null || filterList === void 0 ? void 0 : filterList.props.children;
|
|
20
20
|
if (!filterList)
|
|
21
21
|
return null;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
React.createElement(Row, null,
|
|
25
|
-
React.createElement(Col, null, filterList))));
|
|
26
|
-
}
|
|
27
|
-
const numFiltersVisible = 2;
|
|
28
|
-
const visible = filters.slice(0, numFiltersVisible);
|
|
29
|
-
const hidden = filters.slice(numFiltersVisible);
|
|
22
|
+
const visible = Array.isArray(filters) ? filters.slice(0, numFiltersVisible) : [filters];
|
|
23
|
+
const hidden = Array.isArray(filters) ? filters.slice(numFiltersVisible) : [];
|
|
30
24
|
const [showFilter, setShowFilter] = React.useState(false);
|
|
31
25
|
return (React.createElement(FilterForm, { search: search },
|
|
32
26
|
React.createElement(Row, null,
|
|
@@ -8,6 +8,7 @@ export declare type SideNavigationBarProps = {
|
|
|
8
8
|
label?: string;
|
|
9
9
|
};
|
|
10
10
|
items: SideNavigationBarItemProps[];
|
|
11
|
+
showActive: boolean;
|
|
11
12
|
};
|
|
12
13
|
export declare const SideNavigationBar: React.MemoExoticComponent<(props: SideNavigationBarProps) => JSX.Element>;
|
|
13
14
|
//# sourceMappingURL=side-navigation-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAyB,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"side-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAyB,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAI9F,oBAAY,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAID,eAAO,MAAM,iBAAiB,oCAAgB,sBAAsB,iBA4ClE,CAAA"}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import React, { memo, useEffect } from 'react';
|
|
2
2
|
import { SideNavigationBarItem } from './side-navigation-bar-item';
|
|
3
3
|
import { Icon } from '../../atoms/icon';
|
|
4
|
+
import { storageHelper } from '../../index';
|
|
5
|
+
const STORAGE_NAME = 'SIDEBAR_ACTIVE';
|
|
4
6
|
export const SideNavigationBar = memo((props) => {
|
|
5
|
-
const { logoThumb, logoName, logout, items = [] } = props;
|
|
7
|
+
const { logoThumb, logoName, logout, items = [], showActive = true } = props;
|
|
8
|
+
storageHelper.set(STORAGE_NAME, showActive ? '1' : '0');
|
|
6
9
|
useEffect(() => {
|
|
7
10
|
const btn = document.querySelector('.btn-sidebar');
|
|
8
11
|
const sidebar = document.querySelector('.sidebar');
|
|
9
12
|
btn.onclick = function () {
|
|
13
|
+
storageHelper.set(STORAGE_NAME, storageHelper.get(STORAGE_NAME) !== '1' ? '1' : '0');
|
|
10
14
|
sidebar.classList.toggle('active');
|
|
11
15
|
};
|
|
12
16
|
}, []);
|
|
13
|
-
return (React.createElement("div", { className:
|
|
17
|
+
return (React.createElement("div", { className: `sidebar${showActive ? ' active' : ''}` },
|
|
14
18
|
React.createElement("div", { className: "logo-content" },
|
|
15
19
|
React.createElement("div", { className: "logo" },
|
|
16
20
|
Boolean(logoThumb) && React.createElement("div", { className: "logo-thumb" }, logoThumb),
|