@i-novus/n2o-components 1.0.0

package/lib/display/Block.d.ts

@@ -0,0 +1,369 @@
+import React from 'react';
+export interface Props<TTag = HTMLDivElement> extends React.HTMLProps<TTag> {
+    tag?: keyof React.ReactHTML;
+    disabled?: boolean;
+}
+export declare function Block<TTag>({ tag, className, disabled, ...props }: Props<TTag>): React.ReactElement<{
+    accept?: string | undefined;
+    acceptCharset?: string | undefined;
+    action?: string | undefined;
+    allowFullScreen?: boolean | undefined;
+    allowTransparency?: boolean | undefined;
+    alt?: string | undefined;
+    as?: string | undefined;
+    async?: boolean | undefined;
+    autoComplete?: string | undefined;
+    autoFocus?: boolean | undefined;
+    autoPlay?: boolean | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    cellPadding?: string | number | undefined;
+    cellSpacing?: string | number | undefined;
+    charSet?: string | undefined;
+    challenge?: string | undefined;
+    checked?: boolean | undefined;
+    cite?: string | undefined;
+    classID?: string | undefined;
+    cols?: number | undefined;
+    colSpan?: number | undefined;
+    content?: string | undefined;
+    controls?: boolean | undefined;
+    coords?: string | undefined;
+    crossOrigin?: string | undefined;
+    data?: string | undefined;
+    dateTime?: string | undefined;
+    default?: boolean | undefined;
+    defer?: boolean | undefined;
+    download?: any;
+    encType?: string | undefined;
+    form?: string | undefined;
+    formAction?: string | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    frameBorder?: string | number | undefined;
+    headers?: string | undefined;
+    height?: string | number | undefined;
+    high?: number | undefined;
+    href?: string | undefined;
+    hrefLang?: string | undefined;
+    htmlFor?: string | undefined;
+    httpEquiv?: string | undefined;
+    integrity?: string | undefined;
+    keyParams?: string | undefined;
+    keyType?: string | undefined;
+    kind?: string | undefined;
+    label?: string | undefined;
+    list?: string | undefined;
+    loop?: boolean | undefined;
+    low?: number | undefined;
+    manifest?: string | undefined;
+    marginHeight?: number | undefined;
+    marginWidth?: number | undefined;
+    max?: string | number | undefined;
+    maxLength?: number | undefined;
+    media?: string | undefined;
+    mediaGroup?: string | undefined;
+    method?: string | undefined;
+    min?: string | number | undefined;
+    minLength?: number | undefined;
+    multiple?: boolean | undefined;
+    muted?: boolean | undefined;
+    name?: string | undefined;
+    nonce?: string | undefined;
+    noValidate?: boolean | undefined;
+    open?: boolean | undefined;
+    optimum?: number | undefined;
+    pattern?: string | undefined;
+    placeholder?: string | undefined;
+    playsInline?: boolean | undefined;
+    poster?: string | undefined;
+    preload?: string | undefined;
+    readOnly?: boolean | undefined;
+    rel?: string | undefined;
+    required?: boolean | undefined;
+    reversed?: boolean | undefined;
+    rows?: number | undefined;
+    rowSpan?: number | undefined;
+    sandbox?: string | undefined;
+    scope?: string | undefined;
+    scoped?: boolean | undefined;
+    scrolling?: string | undefined;
+    seamless?: boolean | undefined;
+    selected?: boolean | undefined;
+    shape?: string | undefined;
+    size?: number | undefined;
+    sizes?: string | undefined;
+    span?: number | undefined;
+    src?: string | undefined;
+    srcDoc?: string | undefined;
+    srcLang?: string | undefined;
+    srcSet?: string | undefined;
+    start?: number | undefined;
+    step?: string | number | undefined;
+    summary?: string | undefined;
+    target?: string | undefined;
+    type?: string | undefined;
+    useMap?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    width?: string | number | undefined;
+    wmode?: string | undefined;
+    wrap?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: React.ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<TTag> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<TTag> | undefined;
+    onCut?: React.ClipboardEventHandler<TTag> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<TTag> | undefined;
+    onPaste?: React.ClipboardEventHandler<TTag> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<TTag> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<TTag> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<TTag> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<TTag> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<TTag> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<TTag> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<TTag> | undefined;
+    onFocus?: React.FocusEventHandler<TTag> | undefined;
+    onFocusCapture?: React.FocusEventHandler<TTag> | undefined;
+    onBlur?: React.FocusEventHandler<TTag> | undefined;
+    onBlurCapture?: React.FocusEventHandler<TTag> | undefined;
+    onChange?: React.FormEventHandler<TTag> | undefined;
+    onChangeCapture?: React.FormEventHandler<TTag> | undefined;
+    onBeforeInput?: React.FormEventHandler<TTag> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<TTag> | undefined;
+    onInput?: React.FormEventHandler<TTag> | undefined;
+    onInputCapture?: React.FormEventHandler<TTag> | undefined;
+    onReset?: React.FormEventHandler<TTag> | undefined;
+    onResetCapture?: React.FormEventHandler<TTag> | undefined;
+    onSubmit?: React.FormEventHandler<TTag> | undefined;
+    onSubmitCapture?: React.FormEventHandler<TTag> | undefined;
+    onInvalid?: React.FormEventHandler<TTag> | undefined;
+    onInvalidCapture?: React.FormEventHandler<TTag> | undefined;
+    onLoad?: React.ReactEventHandler<TTag> | undefined;
+    onLoadCapture?: React.ReactEventHandler<TTag> | undefined;
+    onError?: React.ReactEventHandler<TTag> | undefined;
+    onErrorCapture?: React.ReactEventHandler<TTag> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<TTag> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<TTag> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<TTag> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<TTag> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<TTag> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<TTag> | undefined;
+    onAbort?: React.ReactEventHandler<TTag> | undefined;
+    onAbortCapture?: React.ReactEventHandler<TTag> | undefined;
+    onCanPlay?: React.ReactEventHandler<TTag> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<TTag> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<TTag> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<TTag> | undefined;
+    onDurationChange?: React.ReactEventHandler<TTag> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<TTag> | undefined;
+    onEmptied?: React.ReactEventHandler<TTag> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<TTag> | undefined;
+    onEncrypted?: React.ReactEventHandler<TTag> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<TTag> | undefined;
+    onEnded?: React.ReactEventHandler<TTag> | undefined;
+    onEndedCapture?: React.ReactEventHandler<TTag> | undefined;
+    onLoadedData?: React.ReactEventHandler<TTag> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<TTag> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<TTag> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<TTag> | undefined;
+    onLoadStart?: React.ReactEventHandler<TTag> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<TTag> | undefined;
+    onPause?: React.ReactEventHandler<TTag> | undefined;
+    onPauseCapture?: React.ReactEventHandler<TTag> | undefined;
+    onPlay?: React.ReactEventHandler<TTag> | undefined;
+    onPlayCapture?: React.ReactEventHandler<TTag> | undefined;
+    onPlaying?: React.ReactEventHandler<TTag> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<TTag> | undefined;
+    onProgress?: React.ReactEventHandler<TTag> | undefined;
+    onProgressCapture?: React.ReactEventHandler<TTag> | undefined;
+    onRateChange?: React.ReactEventHandler<TTag> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<TTag> | undefined;
+    onSeeked?: React.ReactEventHandler<TTag> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<TTag> | undefined;
+    onSeeking?: React.ReactEventHandler<TTag> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<TTag> | undefined;
+    onStalled?: React.ReactEventHandler<TTag> | undefined;
+    onStalledCapture?: React.ReactEventHandler<TTag> | undefined;
+    onSuspend?: React.ReactEventHandler<TTag> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<TTag> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<TTag> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<TTag> | undefined;
+    onVolumeChange?: React.ReactEventHandler<TTag> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<TTag> | undefined;
+    onWaiting?: React.ReactEventHandler<TTag> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<TTag> | undefined;
+    onAuxClick?: React.MouseEventHandler<TTag> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<TTag> | undefined;
+    onClick?: React.MouseEventHandler<TTag> | undefined;
+    onClickCapture?: React.MouseEventHandler<TTag> | undefined;
+    onContextMenu?: React.MouseEventHandler<TTag> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<TTag> | undefined;
+    onDoubleClick?: React.MouseEventHandler<TTag> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<TTag> | undefined;
+    onDrag?: React.DragEventHandler<TTag> | undefined;
+    onDragCapture?: React.DragEventHandler<TTag> | undefined;
+    onDragEnd?: React.DragEventHandler<TTag> | undefined;
+    onDragEndCapture?: React.DragEventHandler<TTag> | undefined;
+    onDragEnter?: React.DragEventHandler<TTag> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<TTag> | undefined;
+    onDragExit?: React.DragEventHandler<TTag> | undefined;
+    onDragExitCapture?: React.DragEventHandler<TTag> | undefined;
+    onDragLeave?: React.DragEventHandler<TTag> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<TTag> | undefined;
+    onDragOver?: React.DragEventHandler<TTag> | undefined;
+    onDragOverCapture?: React.DragEventHandler<TTag> | undefined;
+    onDragStart?: React.DragEventHandler<TTag> | undefined;
+    onDragStartCapture?: React.DragEventHandler<TTag> | undefined;
+    onDrop?: React.DragEventHandler<TTag> | undefined;
+    onDropCapture?: React.DragEventHandler<TTag> | undefined;
+    onMouseDown?: React.MouseEventHandler<TTag> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<TTag> | undefined;
+    onMouseEnter?: React.MouseEventHandler<TTag> | undefined;
+    onMouseLeave?: React.MouseEventHandler<TTag> | undefined;
+    onMouseMove?: React.MouseEventHandler<TTag> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<TTag> | undefined;
+    onMouseOut?: React.MouseEventHandler<TTag> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<TTag> | undefined;
+    onMouseOver?: React.MouseEventHandler<TTag> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<TTag> | undefined;
+    onMouseUp?: React.MouseEventHandler<TTag> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<TTag> | undefined;
+    onSelect?: React.ReactEventHandler<TTag> | undefined;
+    onSelectCapture?: React.ReactEventHandler<TTag> | undefined;
+    onTouchCancel?: React.TouchEventHandler<TTag> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<TTag> | undefined;
+    onTouchEnd?: React.TouchEventHandler<TTag> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<TTag> | undefined;
+    onTouchMove?: React.TouchEventHandler<TTag> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<TTag> | undefined;
+    onTouchStart?: React.TouchEventHandler<TTag> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<TTag> | undefined;
+    onPointerDown?: React.PointerEventHandler<TTag> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<TTag> | undefined;
+    onPointerMove?: React.PointerEventHandler<TTag> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<TTag> | undefined;
+    onPointerUp?: React.PointerEventHandler<TTag> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<TTag> | undefined;
+    onPointerCancel?: React.PointerEventHandler<TTag> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<TTag> | undefined;
+    onPointerEnter?: React.PointerEventHandler<TTag> | undefined;
+    onPointerEnterCapture?: React.PointerEventHandler<TTag> | undefined;
+    onPointerLeave?: React.PointerEventHandler<TTag> | undefined;
+    onPointerLeaveCapture?: React.PointerEventHandler<TTag> | undefined;
+    onPointerOver?: React.PointerEventHandler<TTag> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<TTag> | undefined;
+    onPointerOut?: React.PointerEventHandler<TTag> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<TTag> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<TTag> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<TTag> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<TTag> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<TTag> | undefined;
+    onScroll?: React.UIEventHandler<TTag> | undefined;
+    onScrollCapture?: React.UIEventHandler<TTag> | undefined;
+    onWheel?: React.WheelEventHandler<TTag> | undefined;
+    onWheelCapture?: React.WheelEventHandler<TTag> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<TTag> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<TTag> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<TTag> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<TTag> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<TTag> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<TTag> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<TTag> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<TTag> | undefined;
+    ref?: React.LegacyRef<TTag> | undefined;
+    key?: React.Key | null | undefined;
+    className: string;
+}, string | React.JSXElementConstructor<any>>;

package/lib/display/Block.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Block = Block;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["tag", "className", "disabled"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+// TODO сюда можно вынести повторяющуюся логику (visible, disable и тд)
+function Block(_ref) {
+  var _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+      className = _ref.className,
+      disabled = _ref.disabled,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var classes = (0, _classnames["default"])('block', className, {
+    'n2o-disabled': disabled
+  });
+  return /*#__PURE__*/_react["default"].createElement(tag, _objectSpread({
+    className: classes
+  }, props));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXNwbGF5L0Jsb2NrLnRzeCJdLCJuYW1lcyI6WyJCbG9jayIsInRhZyIsImNsYXNzTmFtZSIsImRpc2FibGVkIiwicHJvcHMiLCJjbGFzc2VzIiwiUmVhY3QiLCJjcmVhdGVFbGVtZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7Ozs7Ozs7O0FBT0E7QUFDTyxTQUFTQSxLQUFULE9BS1M7QUFBQSxzQkFKWkMsR0FJWTtBQUFBLE1BSlpBLEdBSVkseUJBSk4sS0FJTTtBQUFBLE1BSFpDLFNBR1ksUUFIWkEsU0FHWTtBQUFBLE1BRlpDLFFBRVksUUFGWkEsUUFFWTtBQUFBLE1BRFRDLEtBQ1M7QUFDWixNQUFNQyxPQUFPLEdBQUcsNEJBQUcsT0FBSCxFQUFZSCxTQUFaLEVBQXVCO0FBQ25DLG9CQUFnQkM7QUFEbUIsR0FBdkIsQ0FBaEI7QUFJQSxzQkFBT0csa0JBQU1DLGFBQU4sQ0FBb0JOLEdBQXBCO0FBQTJCQyxJQUFBQSxTQUFTLEVBQUVHO0FBQXRDLEtBQWtERCxLQUFsRCxFQUFQO0FBQ0giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgY24gZnJvbSAnY2xhc3NuYW1lcydcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wczxUVGFnID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFRUYWc+IHtcbiAgICB0YWc/OiBrZXlvZiBSZWFjdC5SZWFjdEhUTUxcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbn1cblxuLy8gVE9ETyDRgdGO0LTQsCDQvNC+0LbQvdC+INCy0YvQvdC10YHRgtC4INC/0L7QstGC0L7RgNGP0Y7RidGD0Y7RgdGPINC70L7Qs9C40LrRgyAodmlzaWJsZSwgZGlzYWJsZSDQuCDRgtC0KVxuZXhwb3J0IGZ1bmN0aW9uIEJsb2NrPFRUYWc+KHtcbiAgICB0YWcgPSAnZGl2JyxcbiAgICBjbGFzc05hbWUsXG4gICAgZGlzYWJsZWQsXG4gICAgLi4ucHJvcHNcbn06IFByb3BzPFRUYWc+KSB7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNuKCdibG9jaycsIGNsYXNzTmFtZSwge1xuICAgICAgICAnbjJvLWRpc2FibGVkJzogZGlzYWJsZWQsXG4gICAgfSlcblxuICAgIHJldHVybiBSZWFjdC5jcmVhdGVFbGVtZW50KHRhZywgeyBjbGFzc05hbWU6IGNsYXNzZXMsIC4uLnByb3BzIH0pXG59XG4iXX0=

package/lib/display/CodeViewer/CodeViewer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TBaseProps } from '../../types';
+declare type CodeViewerProps = TBaseProps & {
+    darkTheme?: boolean;
+    hideButtons?: boolean;
+    hideOverflow?: boolean;
+    language?: string;
+    showLineNumbers?: boolean;
+    startingLineNumber?: number;
+    value: string;
+};
+export declare const CodeViewer: ({ visible, value, language, hideOverflow, hideButtons, darkTheme, startingLineNumber, showLineNumbers, ...rest }: CodeViewerProps) => false | JSX.Element;
+export {};

package/lib/display/CodeViewer/CodeViewer.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeViewer = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactSyntaxHighlighter = require("react-syntax-highlighter");
+
+var _tomorrow = _interopRequireDefault(require("react-syntax-highlighter/dist/cjs/styles/prism/tomorrow"));
+
+var _coy = _interopRequireDefault(require("react-syntax-highlighter/dist/cjs/styles/prism/coy"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactCopyToClipboard = require("react-copy-to-clipboard");
+
+var _excluded = ["visible", "value", "language", "hideOverflow", "hideButtons", "darkTheme", "startingLineNumber", "showLineNumbers"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var CodeViewer = function CodeViewer(_ref) {
+  var _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
+      value = _ref.value,
+      _ref$language = _ref.language,
+      language = _ref$language === void 0 ? 'javascript' : _ref$language,
+      _ref$hideOverflow = _ref.hideOverflow,
+      hideOverflow = _ref$hideOverflow === void 0 ? false : _ref$hideOverflow,
+      _ref$hideButtons = _ref.hideButtons,
+      hideButtons = _ref$hideButtons === void 0 ? false : _ref$hideButtons,
+      _ref$darkTheme = _ref.darkTheme,
+      darkTheme = _ref$darkTheme === void 0 ? false : _ref$darkTheme,
+      startingLineNumber = _ref.startingLineNumber,
+      showLineNumbers = _ref.showLineNumbers,
+      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      show = _useState2[0],
+      setShow = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      copied = _useState4[0],
+      setCopied = _useState4[1];
+
+  var handleShow = function handleShow() {
+    setShow(!show);
+  };
+
+  var handleCopy = function handleCopy() {
+    setCopied(true);
+    setTimeout(function () {
+      setCopied(false);
+    }, 2000);
+  };
+
+  var isDarkTheme = darkTheme ? _tomorrow["default"] : _coy["default"];
+  return visible && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "n2o-code-viewer"
+  }, !hideButtons ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "code-viewer-actions"
+  }, /*#__PURE__*/_react["default"].createElement(_reactCopyToClipboard.CopyToClipboard, {
+    text: value,
+    onCopy: handleCopy
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('code-viewer-actions-copy', copied ? 'n2o-icon fa fa-check text-success' : 'n2o-icon fa fa-clipboard')
+  })), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "n2o-icon code-viewer-actions-code fa fa-code",
+    onClick: handleShow
+  })) : null, show ? /*#__PURE__*/_react["default"].createElement(_reactSyntaxHighlighter.Prism, (0, _extends2["default"])({}, rest, {
+    language: language,
+    startingLineNumber: startingLineNumber,
+    showLineNumbers: showLineNumbers,
+    className: !hideOverflow ? 'code-viewer-body' : null,
+    style: isDarkTheme
+  }), value) : null);
+};
+
+exports.CodeViewer = CodeViewer;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L0NvZGVWaWV3ZXIvQ29kZVZpZXdlci50c3giXSwibmFtZXMiOlsiQ29kZVZpZXdlciIsInZpc2libGUiLCJ2YWx1ZSIsImxhbmd1YWdlIiwiaGlkZU92ZXJmbG93IiwiaGlkZUJ1dHRvbnMiLCJkYXJrVGhlbWUiLCJzdGFydGluZ0xpbmVOdW1iZXIiLCJzaG93TGluZU51bWJlcnMiLCJyZXN0Iiwic2hvdyIsInNldFNob3ciLCJjb3BpZWQiLCJzZXRDb3BpZWQiLCJoYW5kbGVTaG93IiwiaGFuZGxlQ29weSIsInNldFRpbWVvdXQiLCJpc0RhcmtUaGVtZSIsInRvbW9ycm93IiwiY295Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7OztBQWNPLElBQU1BLFVBQVUsR0FBRyxTQUFiQSxVQUFhLE9BVUg7QUFBQSwwQkFUbkJDLE9BU21CO0FBQUEsTUFUbkJBLE9BU21CLDZCQVRULElBU1M7QUFBQSxNQVJuQkMsS0FRbUIsUUFSbkJBLEtBUW1CO0FBQUEsMkJBUG5CQyxRQU9tQjtBQUFBLE1BUG5CQSxRQU9tQiw4QkFQUixZQU9RO0FBQUEsK0JBTm5CQyxZQU1tQjtBQUFBLE1BTm5CQSxZQU1tQixrQ0FOSixLQU1JO0FBQUEsOEJBTG5CQyxXQUttQjtBQUFBLE1BTG5CQSxXQUttQixpQ0FMTCxLQUtLO0FBQUEsNEJBSm5CQyxTQUltQjtBQUFBLE1BSm5CQSxTQUltQiwrQkFKUCxLQUlPO0FBQUEsTUFIbkJDLGtCQUdtQixRQUhuQkEsa0JBR21CO0FBQUEsTUFGbkJDLGVBRW1CLFFBRm5CQSxlQUVtQjtBQUFBLE1BRGhCQyxJQUNnQjs7QUFDbkIsa0JBQXdCLHFCQUFTLElBQVQsQ0FBeEI7QUFBQTtBQUFBLE1BQU9DLElBQVA7QUFBQSxNQUFhQyxPQUFiOztBQUNBLG1CQUE0QixxQkFBUyxLQUFULENBQTVCO0FBQUE7QUFBQSxNQUFPQyxNQUFQO0FBQUEsTUFBZUMsU0FBZjs7QUFFQSxNQUFNQyxVQUFVLEdBQUcsU0FBYkEsVUFBYSxHQUFNO0FBQ3JCSCxJQUFBQSxPQUFPLENBQUMsQ0FBQ0QsSUFBRixDQUFQO0FBQ0gsR0FGRDs7QUFJQSxNQUFNSyxVQUFVLEdBQUcsU0FBYkEsVUFBYSxHQUFNO0FBQ3JCRixJQUFBQSxTQUFTLENBQUMsSUFBRCxDQUFUO0FBRUFHLElBQUFBLFVBQVUsQ0FBQyxZQUFNO0FBQ2JILE1BQUFBLFNBQVMsQ0FBQyxLQUFELENBQVQ7QUFDSCxLQUZTLEVBRVAsSUFGTyxDQUFWO0FBR0gsR0FORDs7QUFRQSxNQUFNSSxXQUFXLEdBQUdYLFNBQVMsR0FBR1ksb0JBQUgsR0FBY0MsZUFBM0M7QUFFQSxTQUNJbEIsT0FBTyxpQkFDSDtBQUFLLElBQUEsU0FBUyxFQUFDO0FBQWYsS0FDSyxDQUFDSSxXQUFELGdCQUNHO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixrQkFDSSxnQ0FBQyxxQ0FBRDtBQUFpQixJQUFBLElBQUksRUFBRUgsS0FBdkI7QUFBOEIsSUFBQSxNQUFNLEVBQUVhO0FBQXRDLGtCQUNJO0FBQ0ksSUFBQSxTQUFTLEVBQUUsNEJBQ1AsMEJBRE8sRUFFUEgsTUFBTSxHQUNBLG1DQURBLEdBRUEsMEJBSkM7QUFEZixJQURKLENBREosZUFXSTtBQUNJLElBQUEsU0FBUyxFQUFDLDhDQURkO0FBRUksSUFBQSxPQUFPLEVBQUVFO0FBRmIsSUFYSixDQURILEdBaUJHLElBbEJSLEVBbUJLSixJQUFJLGdCQUNELGdDQUFDLDZCQUFELGdDQUNRRCxJQURSO0FBRUksSUFBQSxRQUFRLEVBQUVOLFFBRmQ7QUFHSSxJQUFBLGtCQUFrQixFQUFFSSxrQkFIeEI7QUFJSSxJQUFBLGVBQWUsRUFBRUMsZUFKckI7QUFLSSxJQUFBLFNBQVMsRUFBRSxDQUFDSixZQUFELEdBQWdCLGtCQUFoQixHQUFxQyxJQUxwRDtBQU1JLElBQUEsS0FBSyxFQUFFYTtBQU5YLE1BUUtmLEtBUkwsQ0FEQyxHQVdELElBOUJSLENBRlI7QUFvQ0gsQ0FoRU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFByaXNtIGFzIFN5bnRheEhpZ2hsaWdodGVyIH0gZnJvbSAncmVhY3Qtc3ludGF4LWhpZ2hsaWdodGVyJ1xuaW1wb3J0IHRvbW9ycm93IGZyb20gJ3JlYWN0LXN5bnRheC1oaWdobGlnaHRlci9kaXN0L2Nqcy9zdHlsZXMvcHJpc20vdG9tb3Jyb3cnXG5pbXBvcnQgY295IGZyb20gJ3JlYWN0LXN5bnRheC1oaWdobGlnaHRlci9kaXN0L2Nqcy9zdHlsZXMvcHJpc20vY295J1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyBDb3B5VG9DbGlwYm9hcmQgfSBmcm9tICdyZWFjdC1jb3B5LXRvLWNsaXBib2FyZCdcblxuaW1wb3J0IHsgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG50eXBlIENvZGVWaWV3ZXJQcm9wcyA9IFRCYXNlUHJvcHMgJiB7XG4gICAgZGFya1RoZW1lPzogYm9vbGVhbixcbiAgICBoaWRlQnV0dG9ucz86IGJvb2xlYW4sXG4gICAgaGlkZU92ZXJmbG93PzogYm9vbGVhbixcbiAgICBsYW5ndWFnZT86IHN0cmluZyxcbiAgICBzaG93TGluZU51bWJlcnM/OiBib29sZWFuLFxuICAgIHN0YXJ0aW5nTGluZU51bWJlcj86IG51bWJlcixcbiAgICB2YWx1ZTogc3RyaW5nLFxufVxuXG5leHBvcnQgY29uc3QgQ29kZVZpZXdlciA9ICh7XG4gICAgdmlzaWJsZSA9IHRydWUsXG4gICAgdmFsdWUsXG4gICAgbGFuZ3VhZ2UgPSAnamF2YXNjcmlwdCcsXG4gICAgaGlkZU92ZXJmbG93ID0gZmFsc2UsXG4gICAgaGlkZUJ1dHRvbnMgPSBmYWxzZSxcbiAgICBkYXJrVGhlbWUgPSBmYWxzZSxcbiAgICBzdGFydGluZ0xpbmVOdW1iZXIsXG4gICAgc2hvd0xpbmVOdW1iZXJzLFxuICAgIC4uLnJlc3Rcbn06IENvZGVWaWV3ZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtzaG93LCBzZXRTaG93XSA9IHVzZVN0YXRlKHRydWUpXG4gICAgY29uc3QgW2NvcGllZCwgc2V0Q29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gICAgY29uc3QgaGFuZGxlU2hvdyA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvdyghc2hvdylcbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVDb3B5ID0gKCkgPT4ge1xuICAgICAgICBzZXRDb3BpZWQodHJ1ZSlcblxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHNldENvcGllZChmYWxzZSlcbiAgICAgICAgfSwgMjAwMClcbiAgICB9XG5cbiAgICBjb25zdCBpc0RhcmtUaGVtZSA9IGRhcmtUaGVtZSA/IHRvbW9ycm93IDogY295XG5cbiAgICByZXR1cm4gKFxuICAgICAgICB2aXNpYmxlICYmIChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibjJvLWNvZGUtdmlld2VyXCI+XG4gICAgICAgICAgICAgICAgeyFoaWRlQnV0dG9ucyA/IChcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2RlLXZpZXdlci1hY3Rpb25zXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29weVRvQ2xpcGJvYXJkIHRleHQ9e3ZhbHVlfSBvbkNvcHk9e2hhbmRsZUNvcHl9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAnY29kZS12aWV3ZXItYWN0aW9ucy1jb3B5JyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvcGllZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gJ24yby1pY29uIGZhIGZhLWNoZWNrIHRleHQtc3VjY2VzcydcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICduMm8taWNvbiBmYSBmYS1jbGlwYm9hcmQnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0NvcHlUb0NsaXBib2FyZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibjJvLWljb24gY29kZS12aWV3ZXItYWN0aW9ucy1jb2RlIGZhIGZhLWNvZGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVNob3d9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICB7c2hvdyA/IChcbiAgICAgICAgICAgICAgICAgICAgPFN5bnRheEhpZ2hsaWdodGVyXG4gICAgICAgICAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtsYW5ndWFnZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHN0YXJ0aW5nTGluZU51bWJlcj17c3RhcnRpbmdMaW5lTnVtYmVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0xpbmVOdW1iZXJzPXtzaG93TGluZU51bWJlcnN9XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9eyFoaWRlT3ZlcmZsb3cgPyAnY29kZS12aWV3ZXItYm9keScgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e2lzRGFya1RoZW1lfVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgIDwvU3ludGF4SGlnaGxpZ2h0ZXI+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKVxuICAgIClcbn1cbiJdfQ==

package/lib/display/Drawer/Drawer.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { IPlacement } from 'rc-drawer/lib/IDrawerPropTypes';
+import { TBaseProps } from '../../types';
+declare type Props = TBaseProps & {
+    closeOnBackdrop: boolean;
+    closable: boolean;
+    closeOnEscape: boolean;
+    placement?: IPlacement;
+    backdrop: boolean;
+    animation: boolean;
+    width?: string | number;
+    height?: string | number;
+    title?: string | ReactNode;
+    footer?: string | ReactNode;
+    children?: ReactNode;
+    fixedFooter: boolean;
+    level: string | string[];
+    onClose(): void;
+    onHandleClick(): void;
+};
+export declare function Drawer(props: Props): JSX.Element;
+export declare namespace Drawer {
+    var defaultProps: Props;
+}
+export {};