@qoretechnologies/reqore 0.30.15 → 0.30.16
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/__tests__/multiselect.test.tsx +69 -0
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +0 -1
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Message/index.d.ts +2 -2
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +2 -2
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +3 -1
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js +3 -1
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +2 -2
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +15 -6
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Tag/index.d.ts +4 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +4 -4
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +1 -0
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +15 -6
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/Tree/index.d.ts +3 -2
- package/dist/components/Tree/index.d.ts.map +1 -1
- package/dist/components/Tree/index.js +45 -6
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/hooks/useTheme.d.ts +1 -1
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useTheme.js +3 -2
- package/dist/hooks/useTheme.js.map +1 -1
- package/package.json +11 -3
- package/src/components/Dropdown/list.tsx +0 -2
- package/src/components/Message/index.tsx +8 -1
- package/src/components/MultiSelect/index.tsx +6 -0
- package/src/components/Notifications/notification.tsx +22 -8
- package/src/components/Tag/index.tsx +33 -7
- package/src/components/Textarea/index.tsx +11 -2
- package/src/components/Tree/index.tsx +51 -66
- package/src/hooks/useTheme.ts +3 -2
- package/src/stories/Notifications/Notification.stories.tsx +2 -0
- package/src/stories/Tag/Tag.stories.tsx +29 -1
- package/tests.json +1 -1
|
@@ -389,3 +389,72 @@ test('Renders <ReqoreMultiSelect /> and calls onItemClick when an item is clicke
|
|
|
389
389
|
|
|
390
390
|
expect(onItemClick).toHaveBeenCalledTimes(1);
|
|
391
391
|
});
|
|
392
|
+
|
|
393
|
+
test('Renders <ReqoreMultiSelect /> and calls onItemAdded when an item is added', () => {
|
|
394
|
+
const onItemAdd = jest.fn();
|
|
395
|
+
|
|
396
|
+
act(() => {
|
|
397
|
+
render(
|
|
398
|
+
<MultiSelectItemsTestComponent
|
|
399
|
+
items={MultiSelectItems}
|
|
400
|
+
canCreateItems
|
|
401
|
+
enterKeySelects
|
|
402
|
+
onItemAdded={onItemAdd}
|
|
403
|
+
/>
|
|
404
|
+
);
|
|
405
|
+
});
|
|
406
|
+
|
|
407
|
+
const item = MultiSelectItems.find((item) => item.value === 'Existing item 3');
|
|
408
|
+
|
|
409
|
+
fireEvent.focus(document.querySelector('.reqore-input')!);
|
|
410
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
411
|
+
target: { value: 'Existing item 3' },
|
|
412
|
+
});
|
|
413
|
+
|
|
414
|
+
jest.advanceTimersByTime(1);
|
|
415
|
+
|
|
416
|
+
// Select the item by pressing ENTER key
|
|
417
|
+
fireEvent.keyDown(document.querySelector('.reqore-input')!, {
|
|
418
|
+
key: 'Enter',
|
|
419
|
+
});
|
|
420
|
+
|
|
421
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
|
|
422
|
+
expect(onItemAdd).toHaveBeenNthCalledWith(1, item!.value);
|
|
423
|
+
|
|
424
|
+
// Add completely new item
|
|
425
|
+
fireEvent.focus(document.querySelector('.reqore-input')!);
|
|
426
|
+
fireEvent.change(document.querySelector('.reqore-input')!, {
|
|
427
|
+
target: { value: 'Some new item' },
|
|
428
|
+
});
|
|
429
|
+
|
|
430
|
+
jest.advanceTimersByTime(1);
|
|
431
|
+
|
|
432
|
+
// Create the item by clicking
|
|
433
|
+
fireEvent.click(screen.getAllByText('Create new "Some new item"')[1]);
|
|
434
|
+
|
|
435
|
+
expect(document.querySelectorAll('.reqore-tag').length).toBe(2);
|
|
436
|
+
expect(onItemAdd).toHaveBeenNthCalledWith(2, 'Some new item');
|
|
437
|
+
});
|
|
438
|
+
|
|
439
|
+
test('Renders <ReqoreMultiSelect /> and calls onItemRemoved when an item is removed', () => {
|
|
440
|
+
const onItemRemove = jest.fn();
|
|
441
|
+
|
|
442
|
+
act(() => {
|
|
443
|
+
render(
|
|
444
|
+
<MultiSelectItemsTestComponent
|
|
445
|
+
items={MultiSelectItems}
|
|
446
|
+
canCreateItems
|
|
447
|
+
enterKeySelects
|
|
448
|
+
canRemoveItems
|
|
449
|
+
onItemRemoved={onItemRemove}
|
|
450
|
+
value={['Existing item 3']}
|
|
451
|
+
/>
|
|
452
|
+
);
|
|
453
|
+
});
|
|
454
|
+
|
|
455
|
+
const item = MultiSelectItems.find((item) => item.value === 'Existing item 3');
|
|
456
|
+
|
|
457
|
+
fireEvent.click(document.querySelectorAll('.reqore-tag-remove')[0]!);
|
|
458
|
+
|
|
459
|
+
expect(onItemRemove).toHaveBeenNthCalledWith(1, item!.value);
|
|
460
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,GAAG,kBAAkB,CAAC;IAChF,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,EAAE,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,QAAA,MAAM,kBAAkB,sHAUnB,wBAAwB,
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,GAAG,kBAAkB,CAAC;IAChF,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,EAAE,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,QAAA,MAAM,kBAAkB,sHAUnB,wBAAwB,iBA6E5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -64,7 +64,6 @@ var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
|
|
|
64
64
|
onItemSelect(item);
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
console.log('Filtered Items', filteredItems);
|
|
68
67
|
return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }) })), filteredItems.map(function (_a, index) {
|
|
69
68
|
var onClick = _a.onClick, dividerAlign = _a.dividerAlign, divider = _a.divider, item = __rest(_a, ["onClick", "dividerAlign", "divider"]);
|
|
70
69
|
return divider ? ((0, jsx_runtime_1.jsx)(divider_1["default"], __assign({}, item, { align: dividerAlign }), index)) : ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(__assign(__assign({}, item), { onClick: onClick })); }, rightIcon: item.selected ? 'CheckLine' : undefined }), index));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkE;AAElE,mDAAmC;AACnC,iDAAiC;AACjC,4DAAgD;AAChD,sDAAoE;AAwBpE,IAAM,kBAAkB,GAAG,IAAA,YAAI,EAC7B,UAAC,EAS0B;QARzB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAY,kBAAA;IAEN,IAAA,KAAqB,IAAA,gBAAQ,EAAuB,KAAK,CAAC,EAAzD,MAAM,QAAA,EAAE,QAAQ,QAAyC,CAAC;IAC3D,IAAA,KAAoB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAAyB,IAAA,eAAO,EAAC;QAClD,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,EAAE,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI;YACxB,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,OAAO,KAAK,CAAC;aACd;YAED,IAAM,IAAI,GAAuB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;YAE3E,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;YAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,IAAyB;QAChD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,OAAO,
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkE;AAElE,mDAAmC;AACnC,iDAAiC;AACjC,4DAAgD;AAChD,sDAAoE;AAwBpE,IAAM,kBAAkB,GAAG,IAAA,YAAI,EAC7B,UAAC,EAS0B;QARzB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAY,kBAAA;IAEN,IAAA,KAAqB,IAAA,gBAAQ,EAAuB,KAAK,CAAC,EAAzD,MAAM,QAAA,EAAE,QAAQ,QAAyC,CAAC;IAC3D,IAAA,KAAoB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAAyB,IAAA,eAAO,EAAC;QAClD,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,EAAE,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI;YACxB,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,OAAO,KAAK,CAAC;aACd;YAED,IAAM,IAAI,GAAuB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;YAE3E,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;YAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,IAAyB;QAChD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAU,aACT,cAAc,EAAE,CAAC,WAAW,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,IAAI,OAAO,iBAE3B,UAAU,IAAI,CACb,2DACE,uBAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,GAChC,GACD,CACJ,EACA,aAAa,CAAC,GAAG,CAChB,UAAC,EAAgE,EAAE,KAAa;gBAA7E,IAAA,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAAzC,sCAA2C,CAAF;gBACxC,OAAA,OAAO,CAAC,CAAC,CAAC,CACR,uBAAC,oBAAiB,eAAiB,IAAI,IAAE,KAAK,EAAE,YAAY,KAApC,KAAK,CAAmC,CACjE,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAc,eAET,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAC/B,OAAO,EAAE,cAAM,OAAA,eAAe,uBAAM,IAAI,KAAE,OAAO,SAAA,IAAG,EAArC,CAAqC,EACpD,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAJ7C,KAAK,CAKV,CACH,CAAA;aAAA,CACJ,KACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IReqoreTheme } from '../../constants/theme';
|
|
3
|
-
import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreMinimal, IWithReqoreOpaque, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
|
|
3
|
+
import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreFixed, IWithReqoreFluid, IWithReqoreMinimal, IWithReqoreOpaque, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
|
|
4
4
|
import { IReqoreIconName } from '../../types/icons';
|
|
5
5
|
import { TReqoreEffectColor } from '../Effect';
|
|
6
|
-
export interface IReqoreMessageProps extends IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreSize, IReqoreIntent, IWithReqoreMinimal, IWithReqoreOpaque, IWithReqoreTooltip, React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
export interface IReqoreMessageProps extends IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreSize, IReqoreIntent, IWithReqoreMinimal, IWithReqoreOpaque, IWithReqoreTooltip, IWithReqoreFixed, IWithReqoreFluid, React.HTMLAttributes<HTMLDivElement> {
|
|
7
7
|
title?: string;
|
|
8
8
|
children: any;
|
|
9
9
|
icon?: IReqoreIconName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAW/C,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAW/C,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,uHAqIlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -40,7 +40,7 @@ var Icon_1 = __importDefault(require("../Icon"));
|
|
|
40
40
|
var notification_1 = require("../Notifications/notification");
|
|
41
41
|
var ReqoreMessage = (0, react_2.memo)((0, react_2.forwardRef)(function (_a, ref) {
|
|
42
42
|
var _b;
|
|
43
|
-
var intent = _a.intent, icon = _a.icon, title = _a.title, children = _a.children, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, minimal = _a.minimal, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme, iconColor = _a.iconColor, tooltip = _a.tooltip, rest = __rest(_a, ["intent", "icon", "title", "children", "onClose", "onClick", "duration", "onFinish", "flat", "minimal", "size", "customTheme", "iconColor", "tooltip"]);
|
|
43
|
+
var intent = _a.intent, icon = _a.icon, title = _a.title, children = _a.children, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, minimal = _a.minimal, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme, iconColor = _a.iconColor, tooltip = _a.tooltip, fixed = _a.fixed, fluid = _a.fluid, rest = __rest(_a, ["intent", "icon", "title", "children", "onClose", "onClick", "duration", "onFinish", "flat", "minimal", "size", "customTheme", "iconColor", "tooltip", "fixed", "fluid"]);
|
|
44
44
|
var _d = (0, react_2.useState)(null), internalTimeout = _d[0], setInternalTimeout = _d[1];
|
|
45
45
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
46
46
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
@@ -66,7 +66,7 @@ var ReqoreMessage = (0, react_2.memo)((0, react_2.forwardRef)(function (_a, ref)
|
|
|
66
66
|
}
|
|
67
67
|
});
|
|
68
68
|
var leftIcon = (0, react_2.useMemo)(function () { return icon || (intent ? notification_1.typeToIcon[intent] : undefined); }, [icon, intent]);
|
|
69
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, react_1.createElement)(notification_1.StyledReqoreNotification, __assign({}, rest, { effect: __assign({ interactive: !!onClick }, rest === null || rest === void 0 ? void 0 : rest.effect), as: web_1.animated.div, key: "".concat(duration).concat(intent).concat(title).concat(children), intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, minimal: minimal, asMessage: true, fluid:
|
|
69
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, react_1.createElement)(notification_1.StyledReqoreNotification, __assign({}, rest, { effect: __assign({ interactive: !!onClick }, rest === null || rest === void 0 ? void 0 : rest.effect), as: web_1.animated.div, key: "".concat(duration).concat(intent).concat(title).concat(children), intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, minimal: minimal, asMessage: true, fluid: fluid, fixed: fixed, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-message"), ref: targetRef, size: size, theme: theme }),
|
|
70
70
|
leftIcon ? ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ intent: intent, size: size, theme: theme }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: leftIcon, margin: flat && minimal ? 'right' : 'both', size: size, color: iconColor }) }))) : null,
|
|
71
71
|
(0, jsx_runtime_1.jsxs)(notification_1.StyledNotificationContentWrapper, __assign({ size: size, theme: theme }, { children: [title && ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: size, customTheme: ((_b = rest.effect) === null || _b === void 0 ? void 0 : _b.color)
|
|
72
72
|
? { text: { color: (0, colors_1.getColorFromMaybeString)(theme, rest.effect.color) } }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA6C;AAC7C,+BAA8E;AAC9E,uCAAiD;AAEjD,iFAAiE;AACjE,+CAA+D;AAC/D,+DAA8D;AAC9D,iDAAsD;AACtD,qDAAoD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,8 @@ export interface IReqoreMultiSelectProps extends Omit<IReqoreControlGroupProps,
|
|
|
15
15
|
items?: TReqoreMultiSelectItem[];
|
|
16
16
|
onItemClick?: (item: IReqoreDropdownItem) => void;
|
|
17
17
|
onItemClickIcon?: IReqoreTagProps['rightIcon'];
|
|
18
|
+
onItemAdded?: (item: TReqoreMultiSelectItem) => void;
|
|
19
|
+
onItemRemoved?: (item: TReqoreMultiSelectItem) => void;
|
|
18
20
|
canRemoveItems?: boolean;
|
|
19
21
|
canCreateItems?: boolean;
|
|
20
22
|
selectedItemEffect?: IReqoreEffect;
|
|
@@ -30,5 +32,5 @@ export interface IReqoreMultiSelectItemProps extends Pick<IReqoreMultiSelectProp
|
|
|
30
32
|
onItemClickIcon?: IReqoreTagProps['rightIcon'];
|
|
31
33
|
}
|
|
32
34
|
export declare const ReqoreMultiSelectItem: import("react").MemoExoticComponent<({ item, onRemoveClick, onClick, selectedItemEffect, selectedItemSize, onItemClickIcon, }: IReqoreMultiSelectItemProps) => JSX.Element>;
|
|
33
|
-
export declare const ReqoreMultiSelect: ({ value, onValueChange, onItemClick, canRemoveItems, canCreateItems, items, selectedItemEffect, selectedItemSize, selectorProps, openOnMount, enterKeySelects, onItemClickIcon, ...rest }: IReqoreMultiSelectProps) => JSX.Element;
|
|
35
|
+
export declare const ReqoreMultiSelect: ({ value, onValueChange, onItemClick, canRemoveItems, canCreateItems, items, selectedItemEffect, selectedItemSize, selectorProps, openOnMount, enterKeySelects, onItemClickIcon, onItemAdded, onItemRemoved, ...rest }: IReqoreMultiSelectProps) => JSX.Element;
|
|
34
36
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GACrE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,eAAe,CAAC,GAAG,oBAAoB,CAAC;IAC1F,WAAW,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,oBAAoB,GAAG,kBAAkB,CAAC;IAChF,IAAI,EAAE,sBAAsB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,qBAAqB,iIAQ7B,2BAA2B,iBA0B/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GACrE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,eAAe,CAAC,GAAG,oBAAoB,CAAC;IAC1F,WAAW,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,oBAAoB,GAAG,kBAAkB,CAAC;IAChF,IAAI,EAAE,sBAAsB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,qBAAqB,iIAQ7B,2BAA2B,iBA0B/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,0NAgB3B,uBAAuB,gBAiMzB,CAAC"}
|
|
@@ -56,7 +56,7 @@ exports.ReqoreMultiSelectItem = (0, react_1.memo)(function (_a) {
|
|
|
56
56
|
: undefined })));
|
|
57
57
|
});
|
|
58
58
|
var ReqoreMultiSelect = function (_a) {
|
|
59
|
-
var _b = _a.value, value = _b === void 0 ? [] : _b, onValueChange = _a.onValueChange, onItemClick = _a.onItemClick, canRemoveItems = _a.canRemoveItems, canCreateItems = _a.canCreateItems, _c = _a.items, items = _c === void 0 ? [] : _c, selectedItemEffect = _a.selectedItemEffect, selectedItemSize = _a.selectedItemSize, selectorProps = _a.selectorProps, openOnMount = _a.openOnMount, enterKeySelects = _a.enterKeySelects, onItemClickIcon = _a.onItemClickIcon, rest = __rest(_a, ["value", "onValueChange", "onItemClick", "canRemoveItems", "canCreateItems", "items", "selectedItemEffect", "selectedItemSize", "selectorProps", "openOnMount", "enterKeySelects", "onItemClickIcon"]);
|
|
59
|
+
var _b = _a.value, value = _b === void 0 ? [] : _b, onValueChange = _a.onValueChange, onItemClick = _a.onItemClick, canRemoveItems = _a.canRemoveItems, canCreateItems = _a.canCreateItems, _c = _a.items, items = _c === void 0 ? [] : _c, selectedItemEffect = _a.selectedItemEffect, selectedItemSize = _a.selectedItemSize, selectorProps = _a.selectorProps, openOnMount = _a.openOnMount, enterKeySelects = _a.enterKeySelects, onItemClickIcon = _a.onItemClickIcon, onItemAdded = _a.onItemAdded, onItemRemoved = _a.onItemRemoved, rest = __rest(_a, ["value", "onValueChange", "onItemClick", "canRemoveItems", "canCreateItems", "items", "selectedItemEffect", "selectedItemSize", "selectorProps", "openOnMount", "enterKeySelects", "onItemClickIcon", "onItemAdded", "onItemRemoved"]);
|
|
60
60
|
var _d = (0, react_1.useState)([]), createdItems = _d[0], setCreatedItems = _d[1];
|
|
61
61
|
var _e = (0, react_1.useState)(''), query = _e[0], setQuery = _e[1];
|
|
62
62
|
var popoverData = (0, react_1.useRef)(undefined);
|
|
@@ -78,9 +78,11 @@ var ReqoreMultiSelect = function (_a) {
|
|
|
78
78
|
var addRemoveItem = (0, react_1.useCallback)(function (item) {
|
|
79
79
|
if (value.includes(item.value)) {
|
|
80
80
|
onValueChange(value.filter(function (v) { return v !== item.value; }));
|
|
81
|
+
onItemRemoved === null || onItemRemoved === void 0 ? void 0 : onItemRemoved(item.value);
|
|
81
82
|
}
|
|
82
83
|
else {
|
|
83
84
|
onValueChange(__spreadArray(__spreadArray([], value, true), [item.value], false));
|
|
85
|
+
onItemAdded === null || onItemAdded === void 0 ? void 0 : onItemAdded(item.value);
|
|
84
86
|
}
|
|
85
87
|
}, [value]);
|
|
86
88
|
var handleItemSelect = (0, react_1.useCallback)(function (item) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAoC;AACpC,+BAAgF;AAChF,2BAAoD;AAGpD,iEAA+E;AAK/E,+CAAoD;AACpD,uDAA0C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
|
-
import { IWithReqoreEffect, IWithReqoreMinimal, IWithReqoreOpaque } from '../../types/global';
|
|
4
|
+
import { IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreMinimal, IWithReqoreOpaque } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
6
|
export type IReqoreNotificationType = TReqoreIntent;
|
|
7
|
-
export interface IReqoreNotificationProps extends IWithReqoreEffect, IWithReqoreMinimal, IWithReqoreOpaque {
|
|
7
|
+
export interface IReqoreNotificationProps extends IWithReqoreEffect, IWithReqoreMinimal, IWithReqoreOpaque, IWithReqoreCustomTheme {
|
|
8
8
|
type?: IReqoreNotificationType;
|
|
9
9
|
intent?: TReqoreIntent;
|
|
10
10
|
title?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB;IACxB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAWD,eAAO,MAAM,wBAAwB,KA8EpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KA6B7B,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAO5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAYrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,iGA0GvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -53,19 +53,26 @@ var sizes_1 = require("../../constants/sizes");
|
|
|
53
53
|
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
54
54
|
var animations_2 = require("../../helpers/animations");
|
|
55
55
|
var colors_1 = require("../../helpers/colors");
|
|
56
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
56
57
|
var Effect_1 = require("../Effect");
|
|
57
58
|
var Header_1 = require("../Header");
|
|
58
59
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
59
60
|
var timeoutAnimation = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"], ["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"])));
|
|
60
|
-
exports.StyledReqoreNotification = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex:
|
|
61
|
+
exports.StyledReqoreNotification = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: ", ";\n align-self: ", ";\n overflow: hidden;\n position: relative;\n transition: all 0.2s ease-out;\n\n // Do not fade in the component if it's a message\n ", "\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"], ["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: ", ";\n align-self: ", ";\n overflow: hidden;\n position: relative;\n transition: all 0.2s ease-out;\n\n // Do not fade in the component if it's a message\n ", "\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"])), function (_a) {
|
|
61
62
|
var fluid = _a.fluid;
|
|
62
|
-
return (!fluid ? '
|
|
63
|
+
return (!fluid ? '30px' : undefined);
|
|
63
64
|
}, function (_a) {
|
|
64
|
-
var fluid = _a.fluid;
|
|
65
|
-
return (
|
|
65
|
+
var maxWidth = _a.maxWidth, fluid = _a.fluid, fixed = _a.fixed;
|
|
66
|
+
return maxWidth || (fluid && !fixed ? '100%' : undefined);
|
|
66
67
|
}, function (_a) {
|
|
67
68
|
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
68
69
|
return sizes_1.TABS_SIZE_TO_PX[size];
|
|
70
|
+
}, function (_a) {
|
|
71
|
+
var fluid = _a.fluid, fixed = _a.fixed;
|
|
72
|
+
return (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto');
|
|
73
|
+
}, function (_a) {
|
|
74
|
+
var fixed = _a.fixed, fluid = _a.fluid;
|
|
75
|
+
return (fixed ? 'flex-start' : fluid ? 'stretch' : undefined);
|
|
69
76
|
}, function (_a) {
|
|
70
77
|
var asMessage = _a.asMessage;
|
|
71
78
|
if (asMessage) {
|
|
@@ -117,8 +124,10 @@ exports.typeToIcon = {
|
|
|
117
124
|
muted: 'Forbid2Line'
|
|
118
125
|
};
|
|
119
126
|
var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
|
|
120
|
-
var type = _a.type, intent = _a.intent, icon = _a.icon, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, minimal = _a.minimal, opaque = _a.opaque, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
127
|
+
var type = _a.type, intent = _a.intent, icon = _a.icon, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, minimal = _a.minimal, opaque = _a.opaque, _b = _a.size, size = _b === void 0 ? 'normal' : _b, customTheme = _a.customTheme;
|
|
121
128
|
var _c = (0, react_1.useState)(null), internalTimeout = _c[0], setInternalTimeout = _c[1];
|
|
129
|
+
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, type || intent, 'notifications');
|
|
130
|
+
console.log(theme, customTheme, intent);
|
|
122
131
|
var transitions = (0, web_1.useTransition)(true, {
|
|
123
132
|
from: { opacity: 0, transform: 'scale(0.9)' },
|
|
124
133
|
enter: { opacity: 1, transform: 'scale(1)' },
|
|
@@ -144,7 +153,7 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
144
153
|
clearTimeout(internalTimeout);
|
|
145
154
|
});
|
|
146
155
|
return transitions(function (styles, item) {
|
|
147
|
-
return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ as: web_1.animated.div, type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, minimal: minimal, className: 'reqore-notification', ref: ref, style: styles, size: size, opaque: opaque }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'both', size: size }) }))) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: size }, { children: title })), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, __assign({ hasTitle: !!title, size: size }, { children: content }))] })), (0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: function (event) {
|
|
156
|
+
return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ as: web_1.animated.div, type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, minimal: minimal, className: 'reqore-notification', ref: ref, style: styles, size: size, opaque: opaque, theme: theme, maxWidth: '450px' }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'both', size: size }) }))) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size, theme: theme }, { children: [title && (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: size }, { children: title })), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, __assign({ theme: theme, hasTitle: !!title, size: size }, { children: content }))] })), (0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: function (event) {
|
|
148
157
|
event.stopPropagation();
|
|
149
158
|
onClose && onClose();
|
|
150
159
|
} }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: size }) }))] }), "".concat(duration).concat(type || intent).concat(title).concat(content)) })) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4D;AAC5D,qCAAgC;AAChC,+BAA+D;AAC/D,uCAAiD;AACjD,qEAA2D;AAC3D,yDAA2D;AAC3D,+CAM+B;AAE/B,iFAAiE;AACjE,uDAAkD;AAClD,+CAAgG;
|
|
1
|
+
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,13 +3,13 @@ import { TSizes } from '../../constants/sizes';
|
|
|
3
3
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
4
|
import { IReqoreDisabled, IReqoreIntent, IWithReqoreEffect, IWithReqoreFixed, IWithReqoreFluid, IWithReqoreMinimal, IWithReqoreTooltip } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
-
import { TReqoreEffectColor, TReqoreHexColor } from '../Effect';
|
|
6
|
+
import { IReqoreEffect, TReqoreEffectColor, TReqoreHexColor } from '../Effect';
|
|
7
7
|
export interface IReqoreTagAction extends IWithReqoreTooltip, IReqoreDisabled, IReqoreIntent {
|
|
8
8
|
icon: IReqoreIconName;
|
|
9
9
|
show?: boolean;
|
|
10
10
|
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
11
11
|
}
|
|
12
|
-
export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, IWithReqoreTooltip, IReqoreDisabled,
|
|
12
|
+
export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, IWithReqoreTooltip, IReqoreDisabled, IWithReqoreMinimal, IWithReqoreFluid, IWithReqoreFixed, IWithReqoreEffect {
|
|
13
13
|
size?: TSizes;
|
|
14
14
|
label?: string | number;
|
|
15
15
|
labelKey?: string | number;
|
|
@@ -26,6 +26,8 @@ export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanEleme
|
|
|
26
26
|
asBadge?: boolean;
|
|
27
27
|
intent?: TReqoreIntent;
|
|
28
28
|
wrap?: boolean;
|
|
29
|
+
labelEffect?: IReqoreEffect;
|
|
30
|
+
labelKeyEffect?: IReqoreEffect;
|
|
29
31
|
}
|
|
30
32
|
export interface IReqoreTagStyle extends IReqoreTagProps {
|
|
31
33
|
theme: IReqoreTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAWpE,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAWpE,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,aAAa,EAGb,kBAAkB,EAClB,eAAe,EAChB,MAAM,WAAW,CAAC;AAGnB,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,eAAe,EAAE,aAAa;IAC1F,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,EAC7D,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,KA4ErB,CAAC;AA6EF,QAAA,MAAM,SAAS,yFA+Kd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -122,7 +122,7 @@ var StyledTagKeyWrapper = styled_components_1["default"].span(templateObject_8 |
|
|
|
122
122
|
return (hasKey ? 1 : undefined);
|
|
123
123
|
});
|
|
124
124
|
var StyledTagContentWrapper = styled_components_1["default"].span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n flex-shrink: 0;\n min-height: 100%;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n flex-shrink: 0;\n min-height: 100%;\n"])));
|
|
125
|
-
var StyledTagContent = styled_components_1["default"].
|
|
125
|
+
var StyledTagContent = (0, styled_components_1["default"])(Effect_1.StyledTextEffect)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n padding: 4px ", "px;\n min-height: 100%;\n display: flex;\n align-items: center;\n flex: 1;\n\n ", "\n"], ["\n padding: 4px ", "px;\n min-height: 100%;\n display: flex;\n align-items: center;\n flex: 1;\n\n ", "\n"])), function (_a) {
|
|
126
126
|
var size = _a.size;
|
|
127
127
|
return sizes_1.PADDING_FROM_SIZE[size];
|
|
128
128
|
}, function (_a) {
|
|
@@ -130,7 +130,7 @@ var StyledTagContent = styled_components_1["default"].span(templateObject_12 ||
|
|
|
130
130
|
return !wrap && !hasWidth
|
|
131
131
|
? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))) : (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n word-break: break-word;\n "], ["\n word-break: break-word;\n "])));
|
|
132
132
|
});
|
|
133
|
-
var StyledTagContentKey = (0, styled_components_1["default"])(StyledTagContent)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n
|
|
133
|
+
var StyledTagContentKey = (0, styled_components_1["default"])(StyledTagContent)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n flex: 1;\n\n ", "\n"], ["\n flex: 1;\n\n ", "\n"])), function (_a) {
|
|
134
134
|
var wrap = _a.wrap, hasWidth = _a.hasWidth;
|
|
135
135
|
return !wrap && !hasWidth
|
|
136
136
|
? undefined
|
|
@@ -150,7 +150,7 @@ var StyledButtonWrapper = styled_components_1["default"].span(templateObject_16
|
|
|
150
150
|
});
|
|
151
151
|
var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
|
|
152
152
|
var _b;
|
|
153
|
-
var tooltip = _a.tooltip, label = _a.label, labelKey = _a.labelKey, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _c = _a.size, size = _c === void 0 ? 'normal' : _c, onRemoveClick = _a.onRemoveClick, actions = _a.actions, asBadge = _a.asBadge, intent = _a.intent, color = _a.color, minimal = _a.minimal, _d = _a.wrap, wrap = _d === void 0 ? false : _d, width = _a.width, leftIconColor = _a.leftIconColor, rightIconColor = _a.rightIconColor, iconColor = _a.iconColor, rest = __rest(_a, ["tooltip", "label", "labelKey", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "asBadge", "intent", "color", "minimal", "wrap", "width", "leftIconColor", "rightIconColor", "iconColor"]);
|
|
153
|
+
var tooltip = _a.tooltip, label = _a.label, labelKey = _a.labelKey, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _c = _a.size, size = _c === void 0 ? 'normal' : _c, onRemoveClick = _a.onRemoveClick, actions = _a.actions, asBadge = _a.asBadge, intent = _a.intent, color = _a.color, minimal = _a.minimal, _d = _a.wrap, wrap = _d === void 0 ? false : _d, width = _a.width, leftIconColor = _a.leftIconColor, rightIconColor = _a.rightIconColor, iconColor = _a.iconColor, labelEffect = _a.labelEffect, labelKeyEffect = _a.labelKeyEffect, rest = __rest(_a, ["tooltip", "label", "labelKey", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "asBadge", "intent", "color", "minimal", "wrap", "width", "leftIconColor", "rightIconColor", "iconColor", "labelEffect", "labelKeyEffect"]);
|
|
154
154
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
155
155
|
var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
|
|
156
156
|
(0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
|
|
@@ -162,7 +162,7 @@ var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
162
162
|
customColor = minimal ? "".concat(customColor || '#000000', "40") : customColor;
|
|
163
163
|
return customColor;
|
|
164
164
|
};
|
|
165
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledTag, __assign({}, rest, { effect: __assign(__assign({}, rest.effect), { gradient: intent ? undefined : (_b = rest.effect) === null || _b === void 0 ? void 0 : _b.gradient, interactive: !!onClick && !rest.disabled }), width: width, labelKey: labelKey, color: getCustomColor(intent), className: "".concat(className || '', " reqore-tag"), size: size, ref: targetRef, asBadge: asBadge, minimal: minimal, removable: !!onRemoveClick, interactive: !!onClick && !rest.disabled, wrap: wrap, hasWidth: !!width }, { children: [icon || labelKey ? ((0, jsx_runtime_1.jsxs)(StyledTagKeyWrapper, __assign({ size: size, className: 'reqore-tag-key-content', onClick: rest.disabled ? undefined : onClick, wrap: wrap, hasWidth: !!width, hasKey: !!labelKey }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: size, margin: label ? 'left' : 'both', color: leftIconColor || iconColor })), labelKey && ((0, jsx_runtime_1.jsx)(StyledTagContentKey, __assign({ wrap: wrap, hasWidth: !!width, size: size }, { children: labelKey })))] }))) : null, label || label === 0 || rightIcon ? ((0, jsx_runtime_1.jsxs)(StyledTagContentWrapper, __assign({ size: size, className: 'reqore-tag-content', onClick: rest.disabled ? undefined : onClick, wrap: wrap, hasWidth: !!width, hasKey: !!labelKey }, { children: [label || label === 0 ? ((0, jsx_runtime_1.jsx)(StyledTagContent, __assign({ size: size, wrap: wrap, hasWidth: !!width }, { children: label }))) : null, rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: size, margin: label || icon ? 'right' : 'both', color: rightIconColor || iconColor }))] }))) : null, (0, size_1["default"])(actions)
|
|
165
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledTag, __assign({}, rest, { effect: __assign(__assign({}, rest.effect), { gradient: intent ? undefined : (_b = rest.effect) === null || _b === void 0 ? void 0 : _b.gradient, interactive: !!onClick && !rest.disabled }), width: width, labelKey: labelKey, color: getCustomColor(intent), className: "".concat(className || '', " reqore-tag"), size: size, ref: targetRef, asBadge: asBadge, minimal: minimal, removable: !!onRemoveClick, interactive: !!onClick && !rest.disabled, wrap: wrap, hasWidth: !!width }, { children: [icon || labelKey ? ((0, jsx_runtime_1.jsxs)(StyledTagKeyWrapper, __assign({ size: size, className: 'reqore-tag-key-content', onClick: rest.disabled ? undefined : onClick, wrap: wrap, hasWidth: !!width, hasKey: !!labelKey }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: size, margin: label ? 'left' : 'both', color: leftIconColor || iconColor })), labelKey && ((0, jsx_runtime_1.jsx)(StyledTagContentKey, __assign({ wrap: wrap, hasWidth: !!width, size: size, effect: __assign({ weight: 'thick' }, labelKeyEffect) }, { children: labelKey })))] }))) : null, label || label === 0 || rightIcon ? ((0, jsx_runtime_1.jsxs)(StyledTagContentWrapper, __assign({ size: size, className: 'reqore-tag-content', onClick: rest.disabled ? undefined : onClick, wrap: wrap, hasWidth: !!width, hasKey: !!labelKey }, { children: [label || label === 0 ? ((0, jsx_runtime_1.jsx)(StyledTagContent, __assign({ size: size, wrap: wrap, hasWidth: !!width, effect: __assign({}, labelEffect) }, { children: label }))) : null, rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: size, margin: label || icon ? 'right' : 'both', color: rightIconColor || iconColor }))] }))) : null, (0, size_1["default"])(actions)
|
|
166
166
|
? actions
|
|
167
167
|
.filter(function (action) { return action.show !== false; })
|
|
168
168
|
.map(function (action, index) { return ((0, jsx_runtime_1.jsx)(react_1["default"].Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: StyledButtonWrapper, componentProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAgC;AAChC,qCAAgC;AAChC,6CAAsD;AACtD,qEAAgD;AAChD,2BAAsC;AACtC,+CAO+B;AAE/B,4EAAsD;AACtD,+CAK8B;AAC9B,+DAA8D;AAC9D,qDAAoD;AACpD,uCAAkE;AAWlE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAK5B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAC/C,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,KASjC,CAAC;AAEF,eAAO,MAAM,cAAc,KAwD1B,CAAC;AAEF,QAAA,MAAM,WAAW,kGA0EhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -66,19 +66,28 @@ var useTooltip_1 = require("../../hooks/useTooltip");
|
|
|
66
66
|
var styles_1 = require("../../styles");
|
|
67
67
|
var Effect_1 = require("../Effect");
|
|
68
68
|
var InputClearButton_1 = __importDefault(require("../InputClearButton"));
|
|
69
|
-
exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n flex: ", ";\n position: relative;\n overflow: hidden;\n"], ["\n height: ", ";\n width: ", ";\n flex: ", ";\n position: relative;\n overflow: hidden;\n"])), function (_a) {
|
|
69
|
+
exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", ";\n min-height: ", "px;\n max-height: 100%;\n width: ", ";\n flex: ", ";\n align-self: ", ";\n position: relative;\n overflow: hidden;\n"], ["\n height: ", ";\n min-height: ", "px;\n max-height: 100%;\n width: ", ";\n flex: ", ";\n align-self: ", ";\n position: relative;\n overflow: hidden;\n"])), function (_a) {
|
|
70
70
|
var height = _a.height;
|
|
71
71
|
return (height ? "".concat(height, "px") : undefined);
|
|
72
|
+
}, function (_a) {
|
|
73
|
+
var _size = _a._size;
|
|
74
|
+
return sizes_1.SIZE_TO_PX[_size];
|
|
72
75
|
}, function (_a) {
|
|
73
76
|
var width = _a.width, fluid = _a.fluid;
|
|
74
77
|
return (fluid ? '100%' : width ? "".concat(width, "px") : 'auto');
|
|
75
78
|
}, function (_a) {
|
|
76
|
-
var fluid = _a.fluid;
|
|
77
|
-
return (fluid ? '1' :
|
|
79
|
+
var fluid = _a.fluid, fixed = _a.fixed;
|
|
80
|
+
return (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto');
|
|
81
|
+
}, function (_a) {
|
|
82
|
+
var fixed = _a.fixed, fluid = _a.fluid;
|
|
83
|
+
return (fixed ? 'flex-start' : fluid ? 'stretch' : undefined);
|
|
78
84
|
});
|
|
79
|
-
exports.StyledTextarea = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 100%;\n font-size: ", "px;\n margin: 0;\n padding: 5px 7px;\n\n background-color: ", ";\n color: ", ";\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"], ["\n width: 100%;\n font-size: ", "px;\n margin: 0;\n padding: 5px 7px;\n\n background-color: ", ";\n color: ", ";\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"])), function (_a) {
|
|
85
|
+
exports.StyledTextarea = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n font-size: ", "px;\n margin: 0;\n padding: 5px 7px;\n min-height: ", "px;\n\n background-color: ", ";\n color: ", ";\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"], ["\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n font-size: ", "px;\n margin: 0;\n padding: 5px 7px;\n min-height: ", "px;\n\n background-color: ", ";\n color: ", ";\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"])), function (_a) {
|
|
80
86
|
var _size = _a._size;
|
|
81
87
|
return sizes_1.TEXT_FROM_SIZE[_size];
|
|
88
|
+
}, function (_a) {
|
|
89
|
+
var _size = _a._size;
|
|
90
|
+
return sizes_1.SIZE_TO_PX[_size];
|
|
82
91
|
}, function (_a) {
|
|
83
92
|
var theme = _a.theme, minimal = _a.minimal;
|
|
84
93
|
return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.1);
|
|
@@ -115,7 +124,7 @@ exports.StyledTextarea = (0, styled_components_1["default"])(Effect_1.StyledEffe
|
|
|
115
124
|
return readOnly && styles_1.ReadOnlyElement;
|
|
116
125
|
}, styles_1.DisabledElement);
|
|
117
126
|
var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
118
|
-
var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _b = _a.size, size = _b === void 0 ? 'normal' : _b, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, tooltip = _a.tooltip, customTheme = _a.customTheme, intent = _a.intent, _c = _a.rounded, rounded = _c === void 0 ? true : _c, wrapperStyle = _a.wrapperStyle, value = _a.value, onChange = _a.onChange, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid", "tooltip", "customTheme", "intent", "rounded", "wrapperStyle", "value", "onChange"]);
|
|
127
|
+
var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _b = _a.size, size = _b === void 0 ? 'normal' : _b, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, tooltip = _a.tooltip, customTheme = _a.customTheme, intent = _a.intent, _c = _a.rounded, rounded = _c === void 0 ? true : _c, wrapperStyle = _a.wrapperStyle, value = _a.value, onChange = _a.onChange, fixed = _a.fixed, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid", "tooltip", "customTheme", "intent", "rounded", "wrapperStyle", "value", "onChange", "fixed"]);
|
|
119
128
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
120
129
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
121
130
|
var _d = (0, react_1.useState)(value || ''), _value = _d[0], setValue = _d[1];
|
|
@@ -124,7 +133,7 @@ var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
124
133
|
}, [value]);
|
|
125
134
|
(0, useTooltip_1.useTooltip)(targetRef === null || targetRef === void 0 ? void 0 : targetRef.current, tooltip);
|
|
126
135
|
(0, useTextareaAutoSize_1["default"])(targetRef === null || targetRef === void 0 ? void 0 : targetRef.current, _value, scaleWithContent);
|
|
127
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, _size: size, theme: theme, style: wrapperStyle }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !rest.readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), onChange: function (e) {
|
|
136
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, fixed: fixed, _size: size, theme: theme, style: wrapperStyle }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !rest.readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), onChange: function (e) {
|
|
128
137
|
setValue(e.target.value);
|
|
129
138
|
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
130
139
|
}, as: 'textarea', className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: targetRef, theme: theme, rounded: rounded, rows: 1, value: _value })), !rest.readOnly && ((0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && onChange), show: _value && _value !== '', onClick: onClearClick, size: size }))] })));
|