ods-component-lib 1.19.7 → 1.19.8
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 +39 -39
- package/dist/components/antd/button/OdsButton.styled.d.ts +1 -1
- package/dist/components/antd/input/OdsInput..d.ts +4 -0
- package/dist/components/antd/timepicker/OdsTimepicker.styled.d.ts +1 -1
- package/dist/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.Types.d.ts +1 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Constants.d.ts +3 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Functions.d.ts +4 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Helpers.d.ts +12 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Style.d.ts +94 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Types.d.ts +46 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.d.ts +4 -0
- package/dist/components/devextreme/OdsDataGrid.d.ts +4 -0
- package/dist/components/devextreme/treeview/DxTreeList.d.ts +4 -0
- package/dist/index.css +267 -267
- package/dist/index.js +51 -50
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +51 -50
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsDatepicker/OdsDatepicker.stories.d.ts +1 -3
- package/dist/stories/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.stories.d.ts +3 -0
- package/dist/stories/OdsMasterDetailDataGrid/Samples/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.Constants.d.ts +22 -0
- package/dist/stories/OdsMasterDetailDataGrid/Samples/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.MockData.d.ts +44 -0
- package/dist/stories/OdsSwitch/OdsSwitch.stories copy.d.ts +16 -0
- package/dist/stories/OdsTreeList/OdsTreeList.stories.d.ts +165 -0
- package/dist/stories/OdsTreeList/Samples/BasicTreeListTemplate.Constants.d.ts +15 -0
- package/dist/stories/OdsTreeList/Samples/BasicTreeListTemplate.MockData.d.ts +24 -0
- package/dist/stories/OdsTreeList/Samples/BasicTreeListTemplate.Sample.d.ts +1 -0
- package/dist/stories/OdsTreeList/Samples/EmployeeCell.d.ts +4 -0
- package/package.json +101 -101
- /package/dist/components/antd/{datePicker/OdsDateRangePicker.d.ts → datepicker/OdsDateRangepicker.d.ts} +0 -0
- /package/dist/components/antd/{datePicker/OdsDatePicker.d.ts → datepicker/OdsDatepicker.d.ts} +0 -0
- /package/dist/components/antd/{datePicker/OdsDatePicker.Styled.d.ts → datepicker/OdsDatepicker.styled.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
# odeon-component-library
|
|
2
|
-
|
|
3
|
-
> Odeon desgin system component library
|
|
4
|
-
|
|
5
|
-
[](https://www.npmjs.com/package/odeon-component-library) [](https://standardjs.com)
|
|
6
|
-
|
|
7
|
-
## Install
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm install
|
|
11
|
-
or
|
|
12
|
-
if you want to install without running the postinstall script
|
|
13
|
-
npm install --ignore-scripts
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
## Install Odeon Component Library in a project
|
|
17
|
-
|
|
18
|
-
```bash
|
|
19
|
-
npm install --save odeon-component-library
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
## Usage
|
|
23
|
-
|
|
24
|
-
```tsx
|
|
25
|
-
import React, { Component } from "react";
|
|
26
|
-
|
|
27
|
-
import MyComponent from "odeon-component-library";
|
|
28
|
-
import "odeon-component-library/dist/index.css";
|
|
29
|
-
|
|
30
|
-
class Example extends Component {
|
|
31
|
-
render() {
|
|
32
|
-
return <MyComponent />;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
## License
|
|
38
|
-
|
|
39
|
-
MIT © [OdeonTechnology](https://github.com/OdeonTechnology)
|
|
1
|
+
# odeon-component-library
|
|
2
|
+
|
|
3
|
+
> Odeon desgin system component library
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/odeon-component-library) [](https://standardjs.com)
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install
|
|
11
|
+
or
|
|
12
|
+
if you want to install without running the postinstall script
|
|
13
|
+
npm install --ignore-scripts
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Install Odeon Component Library in a project
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm install --save odeon-component-library
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```tsx
|
|
25
|
+
import React, { Component } from "react";
|
|
26
|
+
|
|
27
|
+
import MyComponent from "odeon-component-library";
|
|
28
|
+
import "odeon-component-library/dist/index.css";
|
|
29
|
+
|
|
30
|
+
class Example extends Component {
|
|
31
|
+
render() {
|
|
32
|
+
return <MyComponent />;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## License
|
|
38
|
+
|
|
39
|
+
MIT © [OdeonTechnology](https://github.com/OdeonTechnology)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<
|
|
2
|
+
export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
|
|
3
3
|
Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
|
|
4
4
|
}, any, {}, never>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "value" | "onChange" | "onOk" | "locale" | "
|
|
2
|
+
export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "value" | "onChange" | "onOk" | "locale" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onSelect" | "onKeyDown" | "size" | "prefix" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "src" | "step" | "type" | "width" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "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" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "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" | "onClick" | "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" | "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" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "format" | "showNow" | "showHour" | "showMinute" | "showSecond" | "showMillisecond" | "use12Hours" | "hourStep" | "minuteStep" | "secondStep" | "millisecondStep" | "hideDisabledOptions" | "defaultOpenValue" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledTime" | "changeOnScroll" | "removeIcon" | "maxTagCount" | "onCalendarChange" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "presets" | "mode" | "onPanelChange" | "direction" | "prefixCls" | "styles" | "classNames" | "showWeek" | "suffixIcon" | "allowClear" | "clearIcon" | "inputReadOnly" | "order" | "disabledDate" | "minDate" | "maxDate" | "defaultOpen" | "open" | "onOpenChange" | "popupAlign" | "getPopupContainer" | "placement" | "builtinPlacements" | "needConfirm" | "changeOnBlur" | "preserveInvalidOnBlur" | "transitionName" | "components" | "inputRender" | "cellRender" | "dateRender" | "monthCellRender" | "showToday" | "panelRender" | "renderExtraFooter" | "bordered" | "status" | "variant" | "dropdownClassName" | "popupClassName" | "rootClassName" | "popupStyle" | "key" | "addon"> & import("react").RefAttributes<import("rc-picker").PickerRef>> & {
|
|
3
3
|
RangePicker: import("react").ForwardRefExoticComponent<import("antd").TimeRangePickerProps & import("react").RefAttributes<import("rc-picker").PickerRef>>;
|
|
4
4
|
_InternalPanelDoNotUseOrYouWillBeFired: (props: Record<string | number | symbol, any>) => import("react").JSX.Element;
|
|
5
5
|
}, any, {}, never>;
|
|
@@ -60,6 +60,7 @@ export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableD
|
|
|
60
60
|
DetailGridComponent?: React.FC<any>;
|
|
61
61
|
scrollingProps?: IScrollingProps;
|
|
62
62
|
onRowPrepared?: (e: RowPreparedEvent<any, any>) => void;
|
|
63
|
+
summaryComponent?: React.JSX.Element;
|
|
63
64
|
}
|
|
64
65
|
export interface ISummaryRowOptions {
|
|
65
66
|
summaryLoadedDataLabel?: string;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { MemoizedCellProps } from "./OdsCabinGrid.Types";
|
|
3
|
+
export declare const createSeatData: (rowRangeStart: number, rowRangeEnd: number, cabinPlan: string) => any[];
|
|
4
|
+
export declare const MemoizedCell: React.MemoExoticComponent<({ data, field, toggleAttribute, disableSeat, styles, }: MemoizedCellProps) => React.JSX.Element>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const getCheckboxStyle: (type: string, active: boolean) => {
|
|
2
|
+
width: string;
|
|
3
|
+
height: string;
|
|
4
|
+
borderRadius: string;
|
|
5
|
+
display: string;
|
|
6
|
+
alignItems: string;
|
|
7
|
+
justifyContent: string;
|
|
8
|
+
cursor: string;
|
|
9
|
+
padding: string;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const getIconColor: (type: string, active: boolean) => string;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
export declare const checkboxBase: {
|
|
2
|
+
width: string;
|
|
3
|
+
height: string;
|
|
4
|
+
borderRadius: string;
|
|
5
|
+
display: string;
|
|
6
|
+
alignItems: string;
|
|
7
|
+
justifyContent: string;
|
|
8
|
+
cursor: string;
|
|
9
|
+
padding: string;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const availableActive: {
|
|
13
|
+
color: string;
|
|
14
|
+
border: string;
|
|
15
|
+
backgroundColor: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const availableInactive: {
|
|
18
|
+
color: string;
|
|
19
|
+
border: string;
|
|
20
|
+
backgroundColor: string;
|
|
21
|
+
};
|
|
22
|
+
export declare const childrenAllowedActive: {
|
|
23
|
+
border: string;
|
|
24
|
+
backgroundColor: string;
|
|
25
|
+
};
|
|
26
|
+
export declare const childrenAllowedInactive: {
|
|
27
|
+
border: string;
|
|
28
|
+
backgroundColor: string;
|
|
29
|
+
};
|
|
30
|
+
export declare const bottleActive: {
|
|
31
|
+
border: string;
|
|
32
|
+
backgroundColor: string;
|
|
33
|
+
};
|
|
34
|
+
export declare const bottleInactive: {
|
|
35
|
+
border: string;
|
|
36
|
+
backgroundColor: string;
|
|
37
|
+
};
|
|
38
|
+
export declare const lapPassengersAllowedActive: {
|
|
39
|
+
border: string;
|
|
40
|
+
backgroundColor: string;
|
|
41
|
+
};
|
|
42
|
+
export declare const lapPassengersAllowedInactive: {
|
|
43
|
+
border: string;
|
|
44
|
+
backgroundColor: string;
|
|
45
|
+
};
|
|
46
|
+
export declare const crossActive: {
|
|
47
|
+
border: string;
|
|
48
|
+
backgroundColor: string;
|
|
49
|
+
};
|
|
50
|
+
export declare const crossInactive: {
|
|
51
|
+
border: string;
|
|
52
|
+
backgroundColor: string;
|
|
53
|
+
};
|
|
54
|
+
export declare const iconColors: {
|
|
55
|
+
available: {
|
|
56
|
+
active: string;
|
|
57
|
+
inactive: string;
|
|
58
|
+
};
|
|
59
|
+
childrenAllowed: {
|
|
60
|
+
active: string;
|
|
61
|
+
inactive: string;
|
|
62
|
+
};
|
|
63
|
+
bottle: {
|
|
64
|
+
active: string;
|
|
65
|
+
inactive: string;
|
|
66
|
+
};
|
|
67
|
+
lapPassengersAllowed: {
|
|
68
|
+
active: string;
|
|
69
|
+
inactive: string;
|
|
70
|
+
};
|
|
71
|
+
cross: {
|
|
72
|
+
active: string;
|
|
73
|
+
inactive: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
|
|
77
|
+
cabinContainer: import("antd-style").SerializedStyles;
|
|
78
|
+
gridConfig: import("antd-style").SerializedStyles;
|
|
79
|
+
optionGroup: import("antd-style").SerializedStyles;
|
|
80
|
+
optionLabel: import("antd-style").SerializedStyles;
|
|
81
|
+
bulkUpdateBtn: import("antd-style").SerializedStyles;
|
|
82
|
+
seatAttributes: import("antd-style").SerializedStyles;
|
|
83
|
+
emptySpace: import("antd-style").SerializedStyles;
|
|
84
|
+
headerCell: import("antd-style").SerializedStyles;
|
|
85
|
+
headerCheckbox: import("antd-style").SerializedStyles;
|
|
86
|
+
headerText: import("antd-style").SerializedStyles;
|
|
87
|
+
headerCellStyle: import("antd-style").SerializedStyles;
|
|
88
|
+
headerEmptySpace: import("antd-style").SerializedStyles;
|
|
89
|
+
rowCell: import("antd-style").SerializedStyles;
|
|
90
|
+
rowCheckbox: import("antd-style").SerializedStyles;
|
|
91
|
+
exitSwitchContainer: import("antd-style").SerializedStyles;
|
|
92
|
+
exitSwitch: import("antd-style").SerializedStyles;
|
|
93
|
+
cellContent: import("antd-style").SerializedStyles;
|
|
94
|
+
}>;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export interface Seat {
|
|
2
|
+
row: number;
|
|
3
|
+
exit: boolean;
|
|
4
|
+
Color?: {
|
|
5
|
+
text: string;
|
|
6
|
+
color: string;
|
|
7
|
+
};
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
}
|
|
10
|
+
export interface MemoizedCellProps {
|
|
11
|
+
data: any;
|
|
12
|
+
field: string;
|
|
13
|
+
toggleAttribute: (rowNumber: number, field: string, attribute: string) => void;
|
|
14
|
+
disableSeat: (rowNumber: number, field: string) => void;
|
|
15
|
+
styles: {
|
|
16
|
+
seatAttributes: string;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
export declare type CabinPlanType = '3-3' | '3-5-3';
|
|
20
|
+
export interface BulkUpdate {
|
|
21
|
+
row: number;
|
|
22
|
+
seat: string;
|
|
23
|
+
openToSale?: boolean;
|
|
24
|
+
availableForChild?: boolean;
|
|
25
|
+
availableForInfant?: boolean;
|
|
26
|
+
availableForInfantwSeat?: boolean;
|
|
27
|
+
delete?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export interface CabinGridProps {
|
|
30
|
+
numberOfAisle?: number;
|
|
31
|
+
rowRangeStart?: number;
|
|
32
|
+
rowRangeEnd?: number;
|
|
33
|
+
seatPositions?: {
|
|
34
|
+
[key: string]: string;
|
|
35
|
+
};
|
|
36
|
+
onSelectionChange?: (selection: SelectionChangeData) => void;
|
|
37
|
+
rowLabel?: string;
|
|
38
|
+
exitLabel?: string;
|
|
39
|
+
bulkUpdate?: BulkUpdate[];
|
|
40
|
+
}
|
|
41
|
+
export interface SelectionChangeData {
|
|
42
|
+
selectedSeats: Array<{
|
|
43
|
+
row: number;
|
|
44
|
+
seat: string;
|
|
45
|
+
}>;
|
|
46
|
+
}
|