techsbcn-storybook 0.11.1 → 0.11.2
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/fields/ButtonComponent/ButtonComponent.d.ts +1 -0
- package/dist/data/UserList.d.ts +1 -1
- package/dist/interfaces/search/BasicEntity.d.ts +2 -2
- package/dist/stories/button/Button.stories.d.ts +1 -0
- package/dist/techsbcn-storybook.cjs.development.js +13 -5
- package/dist/techsbcn-storybook.cjs.development.js.map +1 -1
- package/dist/techsbcn-storybook.cjs.production.min.js +1 -1
- package/dist/techsbcn-storybook.cjs.production.min.js.map +1 -1
- package/dist/techsbcn-storybook.esm.js +13 -5
- package/dist/techsbcn-storybook.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/fields/ButtonComponent/ButtonComponent.tsx +6 -0
- package/src/components/tables/TableComponent/TableComponent.tsx +8 -4
- package/src/data/UserList.tsx +3 -3
- package/src/interfaces/search/BasicEntity.tsx +2 -2
- package/src/stories/button/Button.stories.tsx +9 -0
package/dist/data/UserList.d.ts
CHANGED
|
@@ -7,3 +7,4 @@ export declare const ModalCancel: Story<import("@storybook/react").Args>;
|
|
|
7
7
|
export declare const Loading: Story<import("@storybook/react").Args>;
|
|
8
8
|
export declare const StartIcon: Story<import("@storybook/react").Args>;
|
|
9
9
|
export declare const EndIcon: Story<import("@storybook/react").Args>;
|
|
10
|
+
export declare const Span: Story<import("@storybook/react").Args>;
|
|
@@ -402,10 +402,14 @@ var TableComponent = function TableComponent(props) {
|
|
|
402
402
|
for (var i = 0, n = a.length; i < n; ++i) {
|
|
403
403
|
var k = a[i];
|
|
404
404
|
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
405
|
+
try {
|
|
406
|
+
if (k in o) {
|
|
407
|
+
o = o[k];
|
|
408
|
+
} else {
|
|
409
|
+
return undefined;
|
|
410
|
+
}
|
|
411
|
+
} catch (_error) {
|
|
412
|
+
return undefined;
|
|
409
413
|
}
|
|
410
414
|
}
|
|
411
415
|
|
|
@@ -959,11 +963,15 @@ var ButtonComponent = function ButtonComponent(props) {
|
|
|
959
963
|
startIcon: !props.loading && props.startIcon,
|
|
960
964
|
endIcon: !props.loading && props.endIcon,
|
|
961
965
|
onClick: props.onClick,
|
|
962
|
-
disabled: !props.loading && props.disabled
|
|
966
|
+
disabled: !props.loading && props.disabled,
|
|
967
|
+
component: props.component
|
|
963
968
|
}, props.loading ? React__default.createElement(_.CircularProgress, {
|
|
964
969
|
size: 25
|
|
965
970
|
}) : props.label);
|
|
966
971
|
};
|
|
972
|
+
ButtonComponent.defaultProps = {
|
|
973
|
+
component: 'button'
|
|
974
|
+
};
|
|
967
975
|
|
|
968
976
|
var css_248z$b = ".text-field-component .MuiFormLabel-root {\n color: #666666 !important;\n font-size: calc(12pt + (14 - 12) * calc(100vw - 300px)/1300) !important;\n transform: translate(0, 0.5px) scale(0.85);\n transform-origin: top left;\n text-overflow: initial !important;\n}\n.text-field-component .MuiFormLabel-root + .MuiInputBase-formControl {\n margin-top: 25px !important;\n}\n.text-field-component .MuiInputBase-root.no-border {\n border: none !important;\n padding: 0 !important;\n width: fit-content !important;\n}\n.text-field-component .MuiInputBase-root {\n color: #666666 !important;\n border: 1px solid grey;\n padding: 0.43rem 0.87rem;\n background-color: white !important;\n border-radius: 3px !important;\n}\n.text-field-component .MuiInputBase-root.Mui-error {\n border: 1px solid #F24726 !important;\n}\n.text-field-component .MuiInputBase-root:not(.Mui-disabled):hover {\n border: 1px solid grey;\n}\n.text-field-component .MuiInputBase-root.Mui-focused {\n border: 1px solid #3299C7;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input {\n color: #666666 !important;\n background-color: white !important;\n}\n.text-field-component .MuiInputBase-root .MuiInputBase-input::placeholder {\n text-overflow: ellipsis !important;\n color: #666666 !important;\n opacity: 1;\n}\n.text-field-component .MuiInputBase-root .Mui-disabled {\n -webkit-text-fill-color: #666666 !important;\n}\n.text-field-component .MuiFormHelperText-root {\n padding: 0 !important;\n font-size: 0.85rem !important;\n color: #666666;\n}";
|
|
969
977
|
styleInject(css_248z$b);
|