@epilot/base-elements 3.9.1 → 3.9.3
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/README.md +4 -5
- package/dist/Chip360/Chip360.d.ts +1 -1
- package/dist/Chip360/Chip360.js +7 -2
- package/dist/Chip360/Chip360.js.map +1 -1
- package/dist/Drawer360/ActionFooter.js +1 -1
- package/dist/Drawer360/ActionFooter.js.map +1 -1
- package/dist/Drawer360/Drawer360.d.ts +3 -3
- package/dist/Drawer360/Drawer360.js +12 -17
- package/dist/Drawer360/Drawer360.js.map +1 -1
- package/dist/Drawer360/types.d.ts +0 -3
- package/dist/FeedbackMessage/FeedbackMessage.d.ts +1 -1
- package/dist/FeedbackMessage/FeedbackMessage.js +10 -5
- package/dist/FeedbackMessage/FeedbackMessage.js.map +1 -1
- package/dist/FeedbackMessage/types.d.ts +2 -1
- package/dist/Zoom/index.d.ts +2 -0
- package/dist/Zoom/index.js +8 -0
- package/dist/Zoom/index.js.map +1 -0
- package/dist/Zoom/types.d.ts +2 -0
- package/dist/Zoom/types.js +3 -0
- package/dist/Zoom/types.js.map +1 -0
- package/dist/bundle.js +75 -87
- package/dist/bundle.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +9 -6
package/README.md
CHANGED
|
@@ -20,6 +20,8 @@ yarn run storybook
|
|
|
20
20
|
yarn run build-storybook
|
|
21
21
|
```
|
|
22
22
|
|
|
23
|
+
## Run locally on `http://localhost:5500/bundle.js`
|
|
24
|
+
|
|
23
25
|
## Contributing MDX (markdown documentation)
|
|
24
26
|
|
|
25
27
|
Add a `.stories.mdx` file alongside the story (example: [stories/Progress.design.stories.mdx](stories/Progress.design.stories.mdx))
|
|
@@ -28,12 +30,9 @@ Add a `<Meta>` tag as follows:
|
|
|
28
30
|
|
|
29
31
|
```jsx
|
|
30
32
|
import { Meta } from '@storybook/addon-docs';
|
|
31
|
-
import { Progress } from '../src'
|
|
33
|
+
import { Progress } from '../src';
|
|
32
34
|
|
|
33
|
-
<Meta
|
|
34
|
-
title="Elements/Feedback/Progress/Design"
|
|
35
|
-
component={Progress}
|
|
36
|
-
/>
|
|
35
|
+
<Meta title='Elements/Feedback/Progress/Design' component={Progress} />;
|
|
37
36
|
```
|
|
38
37
|
|
|
39
38
|
Pass the `component` you're documenting, as well as a `title` according to where you want your story to show up in navigation:
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const Chip360: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | "security" | "style" | "title" | "translate" | "className" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
|
|
3
3
|
label: React.ReactNode;
|
|
4
|
-
leftIcon?: "number" | "alarm" | "calculator" | "calendar" | "check" | "download" | "exclamation" | "file" | "filter" | "image" | "info" | "link" | "lock" | "map" | "message" | "paragraph" | "pause" | "phone" | "play" | "reply" | "search" | "share" | "star" | "sun" | "table" | "upload" | "add" | "add_circle" | "arrow_left" | "arrow_right" | "cable" | "call" | "category" | "check_box" | "check_circle" | "chevron_left" | "chevron_right" | "close" | "comment" | "content_copy" | "dashboard" | "delete" | "drag_indicator" | "edit" | "error" | "expand_less" | "expand_more" | "explore" | "file_copy" | "filter_alt" | "help" | "lock_open" | "login" | "logout" | "mail" | "menu" | "more_horiz" | "more_vert" | "note" | "notifications" | "open_in_new" | "pause_circle" | "payment" | "pending_actions" | "refresh" | "repeat" | "settings" | "sort" | "thumb_down" | "thumb_up" | "visibility" | "visibility_off" | "warning" | "primary" | "address" | "meter" | "summary" | "document" | "action" | "order" | "resize" | "epilot" | "file_copy_off" | "filter_alt_off" | "data_object" | "attributes" | "opportunity" | "contact" | "account" | "contract" | "templates" | "product" | "price" | "tax" | "submission" | "partner" | "partnering" | "entity" | "webhook" | "design" | "workflow" | "phase" | "automation" | "journey" | "relations" | "availability" | "desktop" | "arrow_circle_left" | "question_mark" | "skip" | "checklist" | "person_check" | "price_mapping" | "portal" | "entity_builder" | "connection" | "radio_button" | "text_field" | "signature" | "consent" | "attribute_edit" | "solar" | "sdk" | "lookup" | "previous_provider" | "success_confirmation" | "expand_content" | "collapse_content" | "frame" | "energy_savings_leaf" | "avg_time" | "table_rows_narrow" | "two_columns" | "diagram" | "move_down" | "step_over" | "condition" | "note_stack" | "double_thumbs_up" | "ai_star" | undefined;
|
|
4
|
+
leftIcon?: "number" | "alarm" | "calculator" | "calendar" | "check" | "download" | "exclamation" | "file" | "filter" | "image" | "info" | "link" | "lock" | "map" | "message" | "paragraph" | "pause" | "phone" | "play" | "reply" | "search" | "share" | "star" | "sun" | "table" | "upload" | "add" | "add_circle" | "arrow_left" | "arrow_right" | "cable" | "call" | "category" | "check_box" | "check_circle" | "chevron_left" | "chevron_right" | "close" | "comment" | "content_copy" | "dashboard" | "delete" | "drag_indicator" | "edit" | "error" | "expand_less" | "expand_more" | "explore" | "file_copy" | "filter_alt" | "help" | "label" | "label_off" | "lock_open" | "login" | "logout" | "mail" | "menu" | "more_horiz" | "more_vert" | "note" | "notifications" | "open_in_new" | "pause_circle" | "payment" | "pending_actions" | "refresh" | "remove" | "repeat" | "settings" | "sort" | "thumb_down" | "thumb_up" | "visibility" | "visibility_off" | "warning" | "primary" | "address" | "meter" | "summary" | "document" | "action" | "order" | "resize" | "epilot" | "file_copy_off" | "filter_alt_off" | "data_object" | "attributes" | "opportunity" | "contact" | "account" | "contract" | "templates" | "product" | "price" | "tax" | "submission" | "partner" | "partnering" | "entity" | "webhook" | "design" | "workflow" | "phase" | "automation" | "journey" | "relations" | "availability" | "desktop" | "arrow_circle_left" | "question_mark" | "skip" | "checklist" | "person_check" | "price_mapping" | "portal" | "entity_builder" | "connection" | "radio_button" | "text_field" | "signature" | "consent" | "attribute_edit" | "solar" | "sdk" | "lookup" | "previous_provider" | "success_confirmation" | "expand_content" | "collapse_content" | "frame" | "energy_savings_leaf" | "avg_time" | "table_rows_narrow" | "two_columns" | "diagram" | "move_down" | "step_over" | "condition" | "note_stack" | "double_thumbs_up" | "ai_star" | "file_manager" | undefined;
|
|
5
5
|
rightIcon?: "close" | "edit" | "expand_more" | undefined;
|
|
6
6
|
onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
|
|
7
7
|
isFilled?: boolean | undefined;
|
package/dist/Chip360/Chip360.js
CHANGED
|
@@ -40,7 +40,9 @@ exports.Chip360 = react_1.forwardRef(function (props, ref) {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
var chipBody = (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
43
|
-
leftIcon && (react_1["default"].createElement(icons_1.EpilotIcon, { color: styles_1.iconVariantColors[variant], name: leftIcon, size: styles_1.iconSizes[size]
|
|
43
|
+
leftIcon && (react_1["default"].createElement(icons_1.EpilotIcon, { color: styles_1.iconVariantColors[variant], name: leftIcon, size: styles_1.iconSizes[size], style: {
|
|
44
|
+
flexShrink: 0
|
|
45
|
+
} })),
|
|
44
46
|
isEditable ? (react_1["default"].createElement(InlineTextField_1.InlineTextField, { className: classnames_1["default"](inputClasses.root), clickAwayAction: "SAVE", compact: true, hiddenLabel: true, isLabel: true, labelStyle: { minWidth: '0px' }, onChange: function (ev) {
|
|
45
47
|
setValue(ev === null || ev === void 0 ? void 0 : ev.target.value);
|
|
46
48
|
onLabelChange === null || onLabelChange === void 0 ? void 0 : onLabelChange((ev === null || ev === void 0 ? void 0 : ev.target.value) || '');
|
|
@@ -48,7 +50,10 @@ exports.Chip360 = react_1.forwardRef(function (props, ref) {
|
|
|
48
50
|
rightIcon && (react_1["default"].createElement(icons_1.EpilotIcon, { color: styles_1.iconVariantColors[variant], name: rightIcon, onClick: function (ev) {
|
|
49
51
|
ev.stopPropagation();
|
|
50
52
|
onRightIconClick === null || onRightIconClick === void 0 ? void 0 : onRightIconClick(ev);
|
|
51
|
-
}, size: styles_1.iconSizes[size]
|
|
53
|
+
}, size: styles_1.iconSizes[size], style: {
|
|
54
|
+
cursor: onRightIconClick ? 'pointer' : undefined,
|
|
55
|
+
flexShrink: 0
|
|
56
|
+
} }))));
|
|
52
57
|
if (isLink) {
|
|
53
58
|
// Link Chip
|
|
54
59
|
return (react_1["default"].createElement(core_1.Link, { href: href, rel: rel, style: { textDecoration: 'none' }, target: target },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip360.js","sourceRoot":"","sources":["../../src/Chip360/Chip360.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6C;AAC7C,0CAAwC;AACxC,kEAAmC;AACnC,qDAAyE;AAEzE,gEAA8D;AAE9D,mCAKiB;AAGJ,QAAA,OAAO,GAAG,kBAAU,CAG/B,UAAC,KAAK,EAAE,GAAG;IAET,IAAA,QAAQ,GAwBN,KAAK,SAxBC,EACR,SAAS,GAuBP,KAAK,UAvBE,EACT,IAAI,GAsBF,KAAK,KAtBH,EACJ,KAAK,GAqBH,KAAK,MArBF,EACL,OAAO,GAoBL,KAAK,QApBA,EACP,SAAS,GAmBP,KAAK,UAnBE,EACT,GAAG,GAkBD,KAAK,IAlBJ,EACH,MAAM,GAiBJ,KAAK,OAjBD,EACN,QAAQ,GAgBN,KAAK,SAhBC,EACR,UAAU,GAeR,KAAK,WAfG,EACV,UAAU,GAcR,KAAK,WAdG,EACV,WAAW,GAaT,KAAK,YAbI,EACX,KAAK,GAYH,KAAK,MAZF,EACL,KAAK,GAWH,KAAK,MAXF,EACL,eAAe,GAUb,KAAK,gBAVQ,EACf,WAAW,GAST,KAAK,YATI,EACX,YAAY,GAQV,KAAK,aARK,EACZ,aAAa,GAOX,KAAK,cAPM,EACb,kBAAkB,GAMhB,KAAK,mBANW,EAClB,mBAAmB,GAKjB,KAAK,oBALY,EACnB,gBAAgB,GAId,KAAK,iBAJS,EAChB,UAAU,GAGR,KAAK,WAHG,EACV,aAAa,GAEX,KAAK,cAFM,EACV,IAAI,kBACL,KAAK,EAzBH,+TAyBL,CADQ,CACA;IAET,IAAM,OAAO,GAAG,sBAAa,EAAE,CAAA;IAC/B,IAAM,YAAY,GAAG,2BAAkB,EAAE,CAAA;IAEzC,IAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;IACrD,IAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAE1B,IAAA,KAAoB,kBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxC,KAAK,QAAA,EAAE,QAAQ,QAAyB,CAAA;IAC/C,IAAM,iBAAiB,GAAG,OAAO,KAAK,UAAU,CAAA;IAChD,IAAM,eAAe,GAAG,CAAC,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAA;IAC9D,IAAM,MAAM,GAAG,IAAI,IAAI,CAAC,iBAAiB,CAAA;IAEzC,IAAM,YAAY,GAAG,kBAAgB,OAAkB,CAAA;IACvD,IAAM,SAAS,GAAG,eAAa,IAAe,CAAA;IAE9C,IAAM,mBAAmB,GAAG;QAC1B,gBAAgB,EAAE,KAAK;QACvB,2BAA2B,EAAE,eAAe;QAC5C,uBAAuB,EAAE,WAAW;QACpC,yBAAyB,EAAE,YAAY;QACvC,0BAA0B,EAAE,aAAa;QACzC,gCAAgC,EAAE,kBAAkB;QACpD,iCAAiC,EAAE,mBAAmB;KACvD,CAAA;IAED,IAAM,YAAY,yCACb,KAAK,GACL,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,CACvD,CAAA;IAED,SAAS,aAAa,CAAC,KAAuC;QAC5D,IAAI,CAAC,eAAe;YAAE,OAAM;QAC5B,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,IAAM,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAA;YAE3C,OAAO,CAAC,KAAK,EAAE,CAAA;SAChB;IACH,CAAC;IAED,IAAM,QAAQ,GAAG,CACf;QACG,QAAQ,IAAI,CACX,iCAAC,kBAAU,IACT,KAAK,EAAE,0BAAiB,CAAC,OAAO,CAAC,EACjC,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,kBAAS,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"Chip360.js","sourceRoot":"","sources":["../../src/Chip360/Chip360.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,7 +54,7 @@ exports.ActionFooter = react_1.memo(function (_a) {
|
|
|
54
54
|
? ''
|
|
55
55
|
: customCannotSaveMessage !== null && customCannotSaveMessage !== void 0 ? customCannotSaveMessage : locales.noChangesMessage },
|
|
56
56
|
react_1["default"].createElement("div", null,
|
|
57
|
-
react_1["default"].createElement(Button_1.Button, { className: styles_module_css_1["default"].
|
|
57
|
+
react_1["default"].createElement(Button_1.Button, { className: styles_module_css_1["default"].noWrap, color: "primary", disabled: disabledSaveButton && !alwaysEnableSaveButton, onClick: handleSave, variant: "contained" },
|
|
58
58
|
isLoading && (react_1["default"].createElement(__1.CircularProgress, { className: styles_module_css_1["default"].loader, size: 16 })),
|
|
59
59
|
locales.saveButtonLabel))))));
|
|
60
60
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":";;;;AACA,qDAAmE;AAEnE,wBAAqC;AACrC,oCAAkC;AAClC,gCAA8B;AAC9B,sCAAoC;AAEpC,qCAAyC;AACzC,kFAAwC;AAmBxC,8CAA8C;AACjC,QAAA,YAAY,GAAG,YAAI,CAC9B,UAAC,EAWmB;QAVlB,sBAAsB,4BAAA,EACtB,iBAAiB,uBAAA,EACjB,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,uBAAuB,6BAAA,EACvB,QAAQ,cAAA;IAEF,IAAA,KAAgB,gBAAQ,CAAC,SAAS,CAAC,EAAlC,GAAG,QAAA,EAAE,MAAM,QAAuB,CAAA;IACzC,IAAM,UAAU,GAAG,uBAAa,CAAC,GAAG,CAAC,CAAA;IAErC,IAAM,eAAe,GAAG,CAAC,UAAU,CAAA;IAEnC,IAAM,kBAAkB,GAAG,eAAO,CAAC;QACjC,IAAI,sBAAsB,EAAE;YAC1B,OAAO,KAAK,CAAA;SACb;QACD,IAAI,iBAAiB,EAAE;YACrB,OAAO,IAAI,CAAA;SACZ;QAED,OAAO,CAAC,cAAc,IAAI,SAAS,CAAA;IACrC,CAAC,EAAE,CAAC,sBAAsB,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1E;;OAEG;IACH,IAAM,UAAU,GAAG,mBAAW,CAAC,UAAC,IAAS;QACvC,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,MAAM,CAAC,IAAI,CAAC,CAAA;SACb;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,kBAAkB,GACtB,CAAC,SAAS;QACV,CAAC,sBAAsB;QACvB,cAAc;QACd,OAAO,CAAC,cAAc,CAAA;IAExB,OAAO,CACL,0CAAK,SAAS,EAAE,8BAAM,CAAC,SAAS;QAC7B,kBAAkB,IAAI,CACrB,iCAAC,cAAc,IAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc;YAClE,0CAAK,SAAS,EAAK,8BAAM,CAAC,MAAM,SAAI,8BAAM,CAAC,WAAa;gBACtD,iCAAC,WAAI,IAAC,IAAI,EAAC,SAAS,GAAG;gBAEtB,eAAe,IAAI,CAClB,2CAAM,GAAG,EAAE,UAAU,IAAG,OAAO,CAAC,cAAc,CAAQ,CACvD,CACG,CACS,CAClB;QAEA,WAAW,IAAI,SAAS,IAAI,OAAO,CAAC,cAAc,IAAI,CACrD,0CAAK,SAAS,EAAK,8BAAM,CAAC,MAAM,SAAI,8BAAM,CAAC,QAAU;YACnD,iCAAC,WAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,GAAG;YAEpC,+CAAO,OAAO,CAAC,cAAc,CAAQ,CACjC,CACP;QAEA,WAAW,IAAI,CAAC,SAAS,IAAI,CAC5B;YACE,iCAAC,eAAM,IACL,SAAS,EAAE,8BAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAC,UAAU,IAEjB,OAAO,CAAC,kBAAkB,CACpB,CACL,CACP;QAEA,QAAQ,IAAI,CACX,iCAAC,iBAAO,IACN,KAAK,EACH,sBAAsB;gBACpB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,OAAO,CAAC,yBAAyB;oBACnC,CAAC,CAAC,cAAc;wBAChB,CAAC,CAAC,EAAE;wBACJ,CAAC,CAAC,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,GAAI,OAAO,CAAC,gBAAgB;YAGzD;gBACE,iCAAC,eAAM,IACL,SAAS,
|
|
1
|
+
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
declare const memoizedDrawer360: React.MemoExoticComponent<
|
|
4
|
-
declare const memoizedDrawer360WithContext: React.MemoExoticComponent<
|
|
2
|
+
import { Drawer360Props } from './types';
|
|
3
|
+
declare const memoizedDrawer360: React.MemoExoticComponent<({ alwaysEnableSaveButton, anchor, children, maxWidth, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, customCannotSaveMessage, customFooter, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props) => JSX.Element>;
|
|
4
|
+
declare const memoizedDrawer360WithContext: React.MemoExoticComponent<(props: Drawer360Props) => JSX.Element>;
|
|
5
5
|
export { memoizedDrawer360 as Drawer360, memoizedDrawer360WithContext as Drawer360WithContext };
|
|
@@ -14,24 +14,17 @@ var DiscardDialog_1 = require("./DiscardDialog");
|
|
|
14
14
|
var Drawer360Context_1 = require("./Drawer360Context");
|
|
15
15
|
var helpers_1 = require("./helpers");
|
|
16
16
|
var styles_module_css_1 = tslib_1.__importDefault(require("./styles.module.css"));
|
|
17
|
-
var Drawer360 =
|
|
17
|
+
var Drawer360 = function (_a) {
|
|
18
18
|
var _b = _a.alwaysEnableSaveButton, alwaysEnableSaveButton = _b === void 0 ? false : _b, _c = _a.anchor, anchor = _c === void 0 ? 'right' : _c, children = _a.children, maxWidth = _a.maxWidth, onClose = _a.onClose, onSave = _a.onSave, onDiscard = _a.onDiscard, _d = _a.responsive, responsive = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? 'two-thirds' : _e, _f = _a.showActionButtons, showActionButtons = _f === void 0 ? true : _f, title = _a.title, unsavedChanges = _a.unsavedChanges, open = _a.open, disableSaveButton = _a.disableSaveButton, isLoading = _a.isLoading, localesProp = _a.locales, customCannotSaveMessage = _a.customCannotSaveMessage, customFooter = _a.customFooter,
|
|
19
19
|
// prop sanitisation for deprecated props
|
|
20
20
|
onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["alwaysEnableSaveButton", "anchor", "children", "maxWidth", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "isLoading", "locales", "customCannotSaveMessage", "customFooter", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
|
|
21
21
|
var classes = helpers_1.useDrawerStyles({ responsive: responsive, size: size, maxWidth: maxWidth });
|
|
22
22
|
var _g = react_1["default"].useState(false), showDiscardDialog = _g[0], setShowDiscardDialog = _g[1];
|
|
23
|
-
var locales = helpers_1.useLocales(localesProp);
|
|
24
|
-
var hasCustomFooter = customFooter !== undefined && customFooter !== null;
|
|
25
|
-
var setOpen = Drawer360Context_1.useDrawer360Context().setOpen;
|
|
26
23
|
react_1.useEffect(function () {
|
|
27
24
|
if (!open) {
|
|
28
25
|
setShowDiscardDialog(false);
|
|
29
26
|
}
|
|
30
27
|
}, [open]);
|
|
31
|
-
react_1.useEffect(function () {
|
|
32
|
-
setOpen(!!open);
|
|
33
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
34
|
-
}, [open]);
|
|
35
28
|
var handleClose = react_1.useCallback(function (e, reason) {
|
|
36
29
|
if (isLoading) {
|
|
37
30
|
return;
|
|
@@ -64,9 +57,13 @@ var Drawer360 = react_1["default"].forwardRef(function (_a, ref) {
|
|
|
64
57
|
var closeDiscardDialog = react_1.useCallback(function () {
|
|
65
58
|
setShowDiscardDialog(false);
|
|
66
59
|
}, []);
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
60
|
+
var locales = helpers_1.useLocales(localesProp);
|
|
61
|
+
var hasCustomFooter = customFooter !== undefined && customFooter !== null;
|
|
62
|
+
var setOpen = Drawer360Context_1.useDrawer360Context().setOpen;
|
|
63
|
+
react_1.useEffect(function () {
|
|
64
|
+
setOpen(!!open);
|
|
65
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
66
|
+
}, [open]);
|
|
70
67
|
return (react_1["default"].createElement(core_1.Drawer, tslib_1.__assign({}, rest, { anchor: anchor, elevation: 2, onClose: handleClose, open: open }),
|
|
71
68
|
react_1["default"].createElement("div", { className: classes.sideDrawerRoot + " " + styles_module_css_1["default"].sideDrawerRoot },
|
|
72
69
|
react_1["default"].createElement("div", { className: styles_module_css_1["default"].topBar },
|
|
@@ -79,13 +76,11 @@ var Drawer360 = react_1["default"].forwardRef(function (_a, ref) {
|
|
|
79
76
|
open && !hasCustomFooter && showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { alwaysEnableSaveButton: alwaysEnableSaveButton, customCannotSaveMessage: customCannotSaveMessage, disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, showDiscard: Boolean(onDiscard), showSave: Boolean(onSave), unsavedChanges: unsavedChanges })),
|
|
80
77
|
open && hasCustomFooter && (react_1["default"].createElement("div", { className: styles_module_css_1["default"].bottomBar }, customFooter))),
|
|
81
78
|
react_1["default"].createElement(DiscardDialog_1.DiscardDialog, { handleDiscard: handleDiscard, locales: locales, onClose: closeDiscardDialog, open: showDiscardDialog })));
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
var Drawer360WithContext = react_1["default"].forwardRef(function (props, ref) {
|
|
79
|
+
};
|
|
80
|
+
var Drawer360WithContext = function (props) {
|
|
85
81
|
return (react_1["default"].createElement(Drawer360Context_1.Drawer360Provider, null,
|
|
86
|
-
react_1["default"].createElement(Drawer360, tslib_1.__assign({}, props
|
|
87
|
-
}
|
|
88
|
-
Drawer360WithContext.displayName = 'Drawer360WithContext';
|
|
82
|
+
react_1["default"].createElement(Drawer360, tslib_1.__assign({}, props))));
|
|
83
|
+
};
|
|
89
84
|
var memoizedDrawer360 = react_1.memo(Drawer360);
|
|
90
85
|
exports.Drawer360 = memoizedDrawer360;
|
|
91
86
|
var memoizedDrawer360WithContext = react_1.memo(Drawer360WithContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":";;;;AAAA,0CAAuD;AACvD,
|
|
1
|
+
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { DrawerProps as MuiDrawerProps } from '@material-ui/core';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare type Drawer360Actions = {
|
|
4
|
-
closeDiscardDialog: () => void;
|
|
5
|
-
};
|
|
6
3
|
export declare type Drawer360Props = Omit<MuiDrawerProps, 'anchor' | 'elevation' | 'variant' | 'transitionDuration' | 'title'> & {
|
|
7
4
|
responsive?: boolean;
|
|
8
5
|
size?: 'one-third' | 'two-thirds' | 'max-width';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FeedbackMessageProps } from './types';
|
|
3
|
-
declare const FeedbackMessage: React.MemoExoticComponent<({ actionIcon, feedbackMessage, onActionButtonClick, stateVariant }: FeedbackMessageProps) => JSX.Element>;
|
|
3
|
+
declare const FeedbackMessage: React.MemoExoticComponent<({ actionIcon, feedbackMessage, onActionButtonClick, stateVariant, ...rest }: FeedbackMessageProps) => JSX.Element>;
|
|
4
4
|
export { FeedbackMessage };
|
|
@@ -4,6 +4,7 @@ exports.__esModule = true;
|
|
|
4
4
|
exports.FeedbackMessage = void 0;
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
6
|
var core_1 = require("@material-ui/core");
|
|
7
|
+
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
8
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
8
9
|
var Icon_1 = require("../Icon");
|
|
9
10
|
var IconButton_1 = require("../IconButton");
|
|
@@ -34,16 +35,20 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
34
35
|
}
|
|
35
36
|
}); });
|
|
36
37
|
var FeedbackMessage = react_1.memo(function (_a) {
|
|
37
|
-
var _b
|
|
38
|
-
var
|
|
38
|
+
var _b;
|
|
39
|
+
var _c, _d, _e, _f, _g;
|
|
40
|
+
var actionIcon = _a.actionIcon, feedbackMessage = _a.feedbackMessage, onActionButtonClick = _a.onActionButtonClick, _h = _a.stateVariant, stateVariant = _h === void 0 ? types_1.StateVariant.warning : _h, rest = tslib_1.__rest(_a, ["actionIcon", "feedbackMessage", "onActionButtonClick", "stateVariant"]);
|
|
39
41
|
var themeColor = stateVariant === types_1.StateVariant.info ? 'neutral' : stateVariant;
|
|
40
42
|
var classes = useStyles({ themeColor: themeColor });
|
|
41
43
|
var theme = core_1.useTheme();
|
|
42
|
-
return (react_1["default"].createElement("div", { className:
|
|
43
|
-
|
|
44
|
+
return (react_1["default"].createElement("div", { className: classnames_1["default"]((_b = {},
|
|
45
|
+
_b[classes.wrapper] = true,
|
|
46
|
+
_b[(_c = rest === null || rest === void 0 ? void 0 : rest.className) !== null && _c !== void 0 ? _c : ''] = !!(rest === null || rest === void 0 ? void 0 : rest.className),
|
|
47
|
+
_b)) },
|
|
48
|
+
react_1["default"].createElement(Icon_1.Icon, { customColor: (_e = (_d = theme.palette) === null || _d === void 0 ? void 0 : _d[themeColor]) === null || _e === void 0 ? void 0 : _e[40], name: variantIconMap[stateVariant] }),
|
|
44
49
|
react_1["default"].createElement(Typography_1.BodyText, null, feedbackMessage),
|
|
45
50
|
actionIcon && (react_1["default"].createElement(IconButton_1.IconButton, { onClick: onActionButtonClick },
|
|
46
|
-
react_1["default"].createElement(Icon_1.Icon, { customColor: (
|
|
51
|
+
react_1["default"].createElement(Icon_1.Icon, { customColor: (_g = (_f = theme.palette) === null || _f === void 0 ? void 0 : _f[themeColor]) === null || _g === void 0 ? void 0 : _g[10], name: actionIcon })))));
|
|
47
52
|
});
|
|
48
53
|
exports.FeedbackMessage = FeedbackMessage;
|
|
49
54
|
FeedbackMessage.displayName = 'FeedbackMessage';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackMessage.js","sourceRoot":"","sources":["../../src/FeedbackMessage/FeedbackMessage.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAwD;AACxD,qDAAmC;AAEnC,gCAAwC;AACxC,4CAA0C;AAE1C,4CAAwC;AAExC,iCAA4D;AAE5D,IAAM,cAAc;IAClB,GAAC,oBAAY,CAAC,OAAO,IAAG,cAAc;IACtC,GAAC,oBAAY,CAAC,OAAO,IAAG,SAAS;IACjC,GAAC,oBAAY,CAAC,KAAK,IAAG,QAAQ;IAC9B,GAAC,oBAAY,CAAC,IAAI,IAAG,MAAM;OAC5B,CAAA;AAID,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAkB,IAAK,OAAA,CAAC;IACpD,OAAO,EAAE,UAAC,EAAiD;;YAA/C,UAAU,gBAAA;QAA0C,OAAA,CAAC;YAC/D,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,4BAAa,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,EAAG;YACxD,YAAY,EAAK,KAAK,CAAC,KAAK,CAAC,YAAY,OAAI;YAC7C,eAAe,cAAE,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,CAAC;YAClD,GAAG,EAAE,KAAK;YACV,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,KAAK,cAAE,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,CAAC;SACzC,CAAC,CAAA;KAAA;CACH,CAAC,EAbmD,CAanD,CAAC,CAAA;AAEH,IAAM,eAAe,GAAG,YAAI,CAC1B,UAAC,
|
|
1
|
+
{"version":3,"file":"FeedbackMessage.js","sourceRoot":"","sources":["../../src/FeedbackMessage/FeedbackMessage.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAwD;AACxD,kEAAmC;AACnC,qDAAmC;AAEnC,gCAAwC;AACxC,4CAA0C;AAE1C,4CAAwC;AAExC,iCAA4D;AAE5D,IAAM,cAAc;IAClB,GAAC,oBAAY,CAAC,OAAO,IAAG,cAAc;IACtC,GAAC,oBAAY,CAAC,OAAO,IAAG,SAAS;IACjC,GAAC,oBAAY,CAAC,KAAK,IAAG,QAAQ;IAC9B,GAAC,oBAAY,CAAC,IAAI,IAAG,MAAM;OAC5B,CAAA;AAID,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAkB,IAAK,OAAA,CAAC;IACpD,OAAO,EAAE,UAAC,EAAiD;;YAA/C,UAAU,gBAAA;QAA0C,OAAA,CAAC;YAC/D,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,4BAAa,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,EAAG;YACxD,YAAY,EAAK,KAAK,CAAC,KAAK,CAAC,YAAY,OAAI;YAC7C,eAAe,cAAE,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,CAAC;YAClD,GAAG,EAAE,KAAK;YACV,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,KAAK,cAAE,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,CAAC;SACzC,CAAC,CAAA;KAAA;CACH,CAAC,EAbmD,CAanD,CAAC,CAAA;AAEH,IAAM,eAAe,GAAG,YAAI,CAC1B,UAAC,EAMsB;;;IALrB,IAAA,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,mBAAmB,yBAAA,EACnB,oBAAmC,EAAnC,YAAY,mBAAG,oBAAY,CAAC,OAAO,KAAA,EAChC,IAAI,sBALR,wEAMA,CADQ;IAEP,IAAM,UAAU,GACd,YAAY,KAAK,oBAAY,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAA;IAE/D,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAA;IACzC,IAAM,KAAK,GAAgB,eAAQ,EAAE,CAAA;IAErC,OAAO,CACL,0CACE,SAAS,EAAE,uBAAU;YACnB,GAAC,OAAO,CAAC,OAAO,IAAG,IAAI;YACvB,SAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,mCAAI,EAAE,IAAG,CAAC,EAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CAAA;gBAC1C;QAEF,iCAAC,WAAI,IACH,WAAW,cAAE,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,GAC7C,IAAI,EAAE,cAAc,CAAC,YAAY,CAAC,GAClC;QACF,iCAAC,qBAAQ,QAAE,eAAe,CAAY;QACrC,UAAU,IAAI,CACb,iCAAC,uBAAU,IAAC,OAAO,EAAE,mBAAmB;YACtC,iCAAC,WAAI,IACH,WAAW,cAAE,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,GAC7C,IAAI,EAAE,UAAU,GAChB,CACS,CACd,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAIQ,0CAAe;AAFxB,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import type { IconName } from '../Icon/types';
|
|
2
3
|
export declare enum StateVariant {
|
|
3
4
|
success = "success",
|
|
@@ -5,7 +6,7 @@ export declare enum StateVariant {
|
|
|
5
6
|
error = "error",
|
|
6
7
|
info = "info"
|
|
7
8
|
}
|
|
8
|
-
export interface FeedbackMessageProps {
|
|
9
|
+
export interface FeedbackMessageProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
9
10
|
actionIcon?: IconName;
|
|
10
11
|
feedbackMessage: string;
|
|
11
12
|
onActionButtonClick?: () => void;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Zoom = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
tslib_1.__createBinding(exports, core_1, "Zoom");
|
|
7
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Zoom/index.ts"],"names":[],"mappings":";;;;AAAA,0CAAwC;AAA/B,iDAAI;AACb,kDAAuB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Zoom/types.ts"],"names":[],"mappings":""}
|