@oliasoft-open-source/react-ui-library 5.20.1 → 5.21.1
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/global.css +1 -1
- package/dist/index.d.ts +6 -3
- package/dist/index.js +67 -61
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -122,7 +122,7 @@ export declare enum ElementType {
|
|
|
122
122
|
|
|
123
123
|
export declare const Empty: ({ width, height, text, children, testId, }: IEmptyProps) => JSX_2.Element;
|
|
124
124
|
|
|
125
|
-
export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, testId, textTransform, }: IFieldProps) => JSX_2.Element;
|
|
125
|
+
export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, small, testId, textTransform, }: IFieldProps) => JSX_2.Element;
|
|
126
126
|
|
|
127
127
|
export declare const FileButton: ({ file, accept, multi, name, disabled, onChange, ...buttonProps }: IFileButtonProps) => JSX_2.Element;
|
|
128
128
|
|
|
@@ -512,6 +512,7 @@ export declare interface IFieldProps {
|
|
|
512
512
|
lock?: ILabelLockProps;
|
|
513
513
|
info?: string;
|
|
514
514
|
libraryIcon?: ILabelIcon;
|
|
515
|
+
small?: boolean;
|
|
515
516
|
testId?: string;
|
|
516
517
|
textTransform?: TTextTransform;
|
|
517
518
|
}
|
|
@@ -698,6 +699,7 @@ export declare interface ILabelProps {
|
|
|
698
699
|
lock?: ILabelLockProps;
|
|
699
700
|
libraryIcon?: ILabelIcon;
|
|
700
701
|
labelLeft?: boolean;
|
|
702
|
+
small?: boolean;
|
|
701
703
|
textTransform?: TTextTransform;
|
|
702
704
|
}
|
|
703
705
|
|
|
@@ -1676,6 +1678,7 @@ export declare interface ITextAreaProps {
|
|
|
1676
1678
|
maxTooltipWidth?: TStringOrNumber;
|
|
1677
1679
|
resize?: Property.Resize;
|
|
1678
1680
|
monospace?: boolean;
|
|
1681
|
+
small?: boolean;
|
|
1679
1682
|
testId?: string;
|
|
1680
1683
|
}
|
|
1681
1684
|
|
|
@@ -1939,7 +1942,7 @@ export declare interface IUsageTrackerProps {
|
|
|
1939
1942
|
|
|
1940
1943
|
declare type JsonDelta = Record<string, any>;
|
|
1941
1944
|
|
|
1942
|
-
export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, textTransform, }: ILabelProps) => JSX_2.Element;
|
|
1945
|
+
export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, small, textTransform, }: ILabelProps) => JSX_2.Element;
|
|
1943
1946
|
|
|
1944
1947
|
export declare const List: ({ list, bordered, expanding, narrow, toggleNarrow, onToggleNarrow, invokeEditOnRowClick, noHeader, stickyHeader, draggable, onListReorder, marginBottom, height, testId, scrollDetails, }: IListProps) => JSX_2.Element;
|
|
1945
1948
|
|
|
@@ -2106,7 +2109,7 @@ export declare type TExportData = {
|
|
|
2106
2109
|
declare const Text_2: ({ children, bold, center, error, faint, link, muted, onClick, small, success, warning, }: ITextProps) => JSX_2.Element;
|
|
2107
2110
|
export { Text_2 as Text }
|
|
2108
2111
|
|
|
2109
|
-
export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, testId, }: ITextAreaProps) => JSX_2.Element;
|
|
2112
|
+
export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, small, testId, }: ITextAreaProps) => JSX_2.Element;
|
|
2110
2113
|
|
|
2111
2114
|
export declare const TextLink: ({ children, href, target, testId, onClick, component: Component, }: ITextLinkProps) => JSX_2.Element;
|
|
2112
2115
|
|
package/dist/index.js
CHANGED
|
@@ -3094,34 +3094,35 @@ var mr = /* @__PURE__ */ function(e) {
|
|
|
3094
3094
|
let r = e.every((e) => Array.isArray(e)), i = e.every((e) => typeof e == "string");
|
|
3095
3095
|
return r && t ? e[n] || [] : i ? e : (console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."), []);
|
|
3096
3096
|
}, X = {
|
|
3097
|
-
inputInTable: "
|
|
3098
|
-
inputHover: "
|
|
3099
|
-
inputFocus: "
|
|
3100
|
-
inputError: "
|
|
3101
|
-
inputWarning: "
|
|
3102
|
-
inputDisabled: "
|
|
3103
|
-
hideScrollbars: "
|
|
3104
|
-
cell: "
|
|
3105
|
-
disabledLink: "
|
|
3106
|
-
inputWrapper: "
|
|
3107
|
-
numberInputWrapper: "
|
|
3108
|
-
breakWord: "
|
|
3109
|
-
inputCell: "
|
|
3110
|
-
sliderCell: "
|
|
3111
|
-
staticCell: "
|
|
3112
|
-
staticCellContent: "
|
|
3113
|
-
unit: "
|
|
3114
|
-
sortingCell: "
|
|
3115
|
-
sortingCellIcon: "
|
|
3116
|
-
icon: "
|
|
3117
|
-
checkBoxCell: "
|
|
3118
|
-
iconCellWrapper: "
|
|
3119
|
-
actionsCell: "
|
|
3120
|
-
rightAligned: "
|
|
3121
|
-
centerAligned: "
|
|
3122
|
-
leftAligned: "
|
|
3123
|
-
popover: "
|
|
3124
|
-
disabledPointerEvents: "
|
|
3097
|
+
inputInTable: "_inputInTable_1flvp_1",
|
|
3098
|
+
inputHover: "_inputHover_1flvp_13",
|
|
3099
|
+
inputFocus: "_inputFocus_1flvp_18",
|
|
3100
|
+
inputError: "_inputError_1flvp_25",
|
|
3101
|
+
inputWarning: "_inputWarning_1flvp_26",
|
|
3102
|
+
inputDisabled: "_inputDisabled_1flvp_61",
|
|
3103
|
+
hideScrollbars: "_hideScrollbars_1flvp_67",
|
|
3104
|
+
cell: "_cell_1flvp_77",
|
|
3105
|
+
disabledLink: "_disabledLink_1flvp_87",
|
|
3106
|
+
inputWrapper: "_inputWrapper_1flvp_91",
|
|
3107
|
+
numberInputWrapper: "_numberInputWrapper_1flvp_106",
|
|
3108
|
+
breakWord: "_breakWord_1flvp_113",
|
|
3109
|
+
inputCell: "_inputCell_1flvp_116",
|
|
3110
|
+
sliderCell: "_sliderCell_1flvp_119",
|
|
3111
|
+
staticCell: "_staticCell_1flvp_123",
|
|
3112
|
+
staticCellContent: "_staticCellContent_1flvp_126",
|
|
3113
|
+
unit: "_unit_1flvp_147",
|
|
3114
|
+
sortingCell: "_sortingCell_1flvp_150",
|
|
3115
|
+
sortingCellIcon: "_sortingCellIcon_1flvp_161",
|
|
3116
|
+
icon: "_icon_1flvp_172",
|
|
3117
|
+
checkBoxCell: "_checkBoxCell_1flvp_176",
|
|
3118
|
+
iconCellWrapper: "_iconCellWrapper_1flvp_180",
|
|
3119
|
+
actionsCell: "_actionsCell_1flvp_184",
|
|
3120
|
+
rightAligned: "_rightAligned_1flvp_192",
|
|
3121
|
+
centerAligned: "_centerAligned_1flvp_198",
|
|
3122
|
+
leftAligned: "_leftAligned_1flvp_204",
|
|
3123
|
+
popover: "_popover_1flvp_207",
|
|
3124
|
+
disabledPointerEvents: "_disabledPointerEvents_1flvp_210",
|
|
3125
|
+
standaloneCheckbox: "_standaloneCheckbox_1flvp_213"
|
|
3125
3126
|
}, ms = ({ cell: e, columnAlignment: t, testId: n, type: r }) => /* @__PURE__ */ R(da, {
|
|
3126
3127
|
name: e.name,
|
|
3127
3128
|
value: e.value,
|
|
@@ -3325,23 +3326,26 @@ var mr = /* @__PURE__ */ function(e) {
|
|
|
3325
3326
|
})
|
|
3326
3327
|
})
|
|
3327
3328
|
});
|
|
3328
|
-
}, ws = ({ cell: e, testId: t }) => /* @__PURE__ */ R(
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
|
|
3329
|
+
}, ws = ({ cell: e, testId: t }) => /* @__PURE__ */ R("div", {
|
|
3330
|
+
className: e.label ? "" : X.standaloneCheckbox,
|
|
3331
|
+
children: /* @__PURE__ */ R(Wr, {
|
|
3332
|
+
label: e.label,
|
|
3333
|
+
checked: e.checked,
|
|
3334
|
+
isInTable: !0,
|
|
3335
|
+
disabled: e.disabled,
|
|
3336
|
+
onChange: (t) => e.onChange(t),
|
|
3337
|
+
testId: t,
|
|
3338
|
+
tabIndex: e.disabled ? -1 : 0,
|
|
3339
|
+
indeterminate: e.indeterminate
|
|
3340
|
+
})
|
|
3337
3341
|
}), Ts = {
|
|
3338
|
-
container: "
|
|
3339
|
-
small: "
|
|
3340
|
-
vertical: "
|
|
3341
|
-
hasArrows: "
|
|
3342
|
-
button: "
|
|
3343
|
-
label: "
|
|
3344
|
-
dot: "
|
|
3342
|
+
container: "_container_1vgw8_1",
|
|
3343
|
+
small: "_small_1vgw8_7",
|
|
3344
|
+
vertical: "_vertical_1vgw8_10",
|
|
3345
|
+
hasArrows: "_hasArrows_1vgw8_14",
|
|
3346
|
+
button: "_button_1vgw8_18",
|
|
3347
|
+
label: "_label_1vgw8_21",
|
|
3348
|
+
dot: "_dot_1vgw8_32"
|
|
3345
3349
|
}, Es = Wn((e) => e.reduce((e, { label: t, tooltip: n, value: r }) => (e[r] = /* @__PURE__ */ R(W, {
|
|
3346
3350
|
text: /* @__PURE__ */ z(L, { children: [
|
|
3347
3351
|
n,
|
|
@@ -5240,22 +5244,23 @@ var mr = /* @__PURE__ */ function(e) {
|
|
|
5240
5244
|
onChange: d
|
|
5241
5245
|
})] });
|
|
5242
5246
|
}, rl = {
|
|
5243
|
-
label: "
|
|
5244
|
-
labelLeft: "
|
|
5245
|
-
icons: "
|
|
5247
|
+
label: "_label_uxk69_1",
|
|
5248
|
+
labelLeft: "_labelLeft_uxk69_5",
|
|
5249
|
+
icons: "_icons_uxk69_13",
|
|
5250
|
+
small: "_small_uxk69_27"
|
|
5246
5251
|
}, il = ({ label: e = null, width: t = "auto", helpText: n = "", helpTextMaxWidth: r = "300px", onClickHelp: i = void 0, lock: a = {
|
|
5247
5252
|
visible: !1,
|
|
5248
5253
|
active: !1,
|
|
5249
5254
|
onClick: () => {},
|
|
5250
5255
|
tooltip: "",
|
|
5251
5256
|
testId: void 0
|
|
5252
|
-
}, info: o, libraryIcon: s, labelLeft: c = !1,
|
|
5253
|
-
var
|
|
5257
|
+
}, info: o, libraryIcon: s, labelLeft: c = !1, small: l = !1, textTransform: u = vr.CAPITALIZE }) => {
|
|
5258
|
+
var d;
|
|
5254
5259
|
return /* @__PURE__ */ R("div", {
|
|
5255
|
-
className: g(rl.label, c ? rl.labelLeft : ""),
|
|
5260
|
+
className: g(rl.label, c ? rl.labelLeft : "", l ? rl.small : ""),
|
|
5256
5261
|
children: /* @__PURE__ */ z("label", {
|
|
5257
5262
|
style: {
|
|
5258
|
-
textTransform:
|
|
5263
|
+
textTransform: u,
|
|
5259
5264
|
width: t || ""
|
|
5260
5265
|
},
|
|
5261
5266
|
children: [e, /* @__PURE__ */ z("div", {
|
|
@@ -5277,7 +5282,7 @@ var mr = /* @__PURE__ */ function(e) {
|
|
|
5277
5282
|
testId: a.testId
|
|
5278
5283
|
}),
|
|
5279
5284
|
s && /* @__PURE__ */ R(Ur, {
|
|
5280
|
-
text: (
|
|
5285
|
+
text: (d = s == null ? void 0 : s.tooltip) == null ? "" : d,
|
|
5281
5286
|
onClick: s.onClick,
|
|
5282
5287
|
icon: V.LIBRARY
|
|
5283
5288
|
})
|
|
@@ -5298,9 +5303,9 @@ var mr = /* @__PURE__ */ function(e) {
|
|
|
5298
5303
|
onClick: () => {},
|
|
5299
5304
|
tooltip: "",
|
|
5300
5305
|
testId: void 0
|
|
5301
|
-
}, info: c, libraryIcon: l,
|
|
5306
|
+
}, info: c, libraryIcon: l, small: u = !1, testId: d, textTransform: f = vr.CAPITALIZE }) => /* @__PURE__ */ z("div", {
|
|
5302
5307
|
className: g(ul.field, t ? ul.labelLeft : ""),
|
|
5303
|
-
"data-testid":
|
|
5308
|
+
"data-testid": d,
|
|
5304
5309
|
children: [(e || t) && /* @__PURE__ */ R(il, {
|
|
5305
5310
|
label: e,
|
|
5306
5311
|
width: n,
|
|
@@ -5311,7 +5316,8 @@ var mr = /* @__PURE__ */ function(e) {
|
|
|
5311
5316
|
info: c,
|
|
5312
5317
|
libraryIcon: l,
|
|
5313
5318
|
labelLeft: t,
|
|
5314
|
-
|
|
5319
|
+
small: u,
|
|
5320
|
+
textTransform: f
|
|
5315
5321
|
}), /* @__PURE__ */ R("div", {
|
|
5316
5322
|
className: ul.fieldInput,
|
|
5317
5323
|
children: r
|
|
@@ -6222,16 +6228,16 @@ var mr = /* @__PURE__ */ function(e) {
|
|
|
6222
6228
|
textarea: "_textarea_q0tl0_77",
|
|
6223
6229
|
small: "_small_q0tl0_116",
|
|
6224
6230
|
monospace: "_monospace_q0tl0_155"
|
|
6225
|
-
}, du = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows: i, disabled: a = !1, onChange: o = tn, onKeyPress: c = tn, onFocus: l = tn, onBlur: u = tn, tabIndex: d = 0, error: f = null, warning: p = null, tooltip: m = null, maxTooltipWidth: h, resize: _, monospace: v = !1,
|
|
6226
|
-
let
|
|
6227
|
-
className: g(uu.textarea, f ? uu.error : "", p ? uu.warning : "", v ? uu.monospace : ""),
|
|
6231
|
+
}, du = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows: i, disabled: a = !1, onChange: o = tn, onKeyPress: c = tn, onFocus: l = tn, onBlur: u = tn, tabIndex: d = 0, error: f = null, warning: p = null, tooltip: m = null, maxTooltipWidth: h, resize: _, monospace: v = !1, small: y = !1, testId: b }) => {
|
|
6232
|
+
let x = s(H), S = /* @__PURE__ */ R("textarea", {
|
|
6233
|
+
className: g(uu.textarea, f ? uu.error : "", p ? uu.warning : "", v ? uu.monospace : "", y ? uu.small : ""),
|
|
6228
6234
|
name: e,
|
|
6229
6235
|
value: t,
|
|
6230
6236
|
placeholder: n,
|
|
6231
6237
|
cols: r,
|
|
6232
6238
|
rows: i,
|
|
6233
6239
|
onChange: o,
|
|
6234
|
-
disabled: a ||
|
|
6240
|
+
disabled: a || x,
|
|
6235
6241
|
onKeyPress: c,
|
|
6236
6242
|
onFocus: l,
|
|
6237
6243
|
onBlur: u,
|
|
@@ -6239,7 +6245,7 @@ var mr = /* @__PURE__ */ function(e) {
|
|
|
6239
6245
|
style: { resize: _ },
|
|
6240
6246
|
"data-error": f || null,
|
|
6241
6247
|
"data-warning": p || null,
|
|
6242
|
-
"data-testid":
|
|
6248
|
+
"data-testid": b
|
|
6243
6249
|
});
|
|
6244
6250
|
return /* @__PURE__ */ R(W, {
|
|
6245
6251
|
error: !!f,
|
|
@@ -6247,7 +6253,7 @@ var mr = /* @__PURE__ */ function(e) {
|
|
|
6247
6253
|
text: m || f || p,
|
|
6248
6254
|
enabled: m && q(m) || f && q(f) || p && q(p) || !1,
|
|
6249
6255
|
maxWidth: h,
|
|
6250
|
-
children:
|
|
6256
|
+
children: S
|
|
6251
6257
|
});
|
|
6252
6258
|
}, Q = {
|
|
6253
6259
|
topbar: "_topbar_oyr59_11",
|
package/package.json
CHANGED