elab_components 0.2.9 → 0.2.11

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.
Files changed (9) hide show
  1. package/dist/components/Button/props.d.ts +1 -1
  2. package/dist/components/ButtonGroup/props.d.ts +3 -3
  3. package/dist/components/Chart/props.d.ts +1 -1
  4. package/dist/components/DateRangePicker/DateRangePicker.d.ts +7 -1
  5. package/dist/components/DropDownButton/props.d.ts +1 -1
  6. package/dist/components/SplitButton/props.d.ts +1 -1
  7. package/dist/index.esm.js +55 -55
  8. package/dist/index.js +55 -55
  9. package/package.json +1 -1
package/dist/components/Button/props.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  declare const props: () => {
2
2
  disabled: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
3
- look: "default" | "flat" | "bare" | "outline";
3
+ look: "flat" | "default" | "bare" | "outline";
4
4
  icon: string;
5
5
  iconClass: string;
6
6
  imageAlt: string;
package/dist/components/ButtonGroup/props.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const props: () => {
6
6
  };
7
7
  export declare const buttonOneProps: () => {
8
8
  disabled: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
9
- look: "default" | "flat" | "bare" | "outline";
9
+ look: "flat" | "default" | "bare" | "outline";
10
10
  icon: string;
11
11
  iconClass: string;
12
12
  imageAlt: string;
@@ -24,7 +24,7 @@ export declare const buttonOneProps: () => {
24
24
  };
25
25
  export declare const buttonTwoProps: () => {
26
26
  disabled: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
27
- look: "default" | "flat" | "bare" | "outline";
27
+ look: "flat" | "default" | "bare" | "outline";
28
28
  icon: string;
29
29
  iconClass: string;
30
30
  imageAlt: string;
@@ -42,7 +42,7 @@ export declare const buttonTwoProps: () => {
42
42
  };
43
43
  export declare const buttonThreeProps: () => {
44
44
  disabled: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
45
- look: "default" | "flat" | "bare" | "outline";
45
+ look: "flat" | "default" | "bare" | "outline";
46
46
  icon: string;
47
47
  iconClass: string;
48
48
  imageAlt: string;
package/dist/components/Chart/props.d.ts CHANGED
@@ -28,7 +28,7 @@ declare const chartProps: () => {
28
28
  zoomable: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
29
29
  };
30
30
  export declare const chartTitleProps: () => {
31
- align: "left" | "center" | "right";
31
+ align: "center" | "right" | "left";
32
32
  background: string;
33
33
  color: string;
34
34
  font: string;
package/dist/components/DateRangePicker/DateRangePicker.d.ts CHANGED
@@ -1,5 +1,11 @@
1
1
  /** @format */
2
2
  import React from 'react';
3
+ import { DateRangePickerProps } from 'rsuite';
3
4
  import 'rsuite/dist/rsuite.min.css';
4
- declare const OkDateRangePickerCustom: React.FC;
5
+ interface IDateRangePickerCustomProps extends DateRangePickerProps {
6
+ handleDateChange: (value: any) => void;
7
+ dateRange: any;
8
+ setDateRange: React.Dispatch<any>;
9
+ }
10
+ declare const OkDateRangePickerCustom: React.FC<IDateRangePickerCustomProps>;
5
11
  export { OkDateRangePickerCustom };
package/dist/components/DropDownButton/props.d.ts CHANGED
@@ -3,7 +3,7 @@ declare const props: () => {
3
3
  className: string;
4
4
  dir: "auto" | "rtl" | "ltr";
5
5
  disabled: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
6
- look: "default" | "flat" | "bare" | "outline";
6
+ look: "flat" | "default" | "bare" | "outline";
7
7
  icon: string;
8
8
  iconClass: string;
9
9
  imageAlt: string;
package/dist/components/SplitButton/props.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const props: () => {
7
7
  icon: string;
8
8
  iconClass: string;
9
9
  imageUrl: string;
10
- look: "default" | "flat" | "bare" | "outline";
10
+ look: "flat" | "default" | "bare" | "outline";
11
11
  onBlur: import("@storybook/addon-actions").HandlerFunction;
12
12
  onButtonClick: import("@storybook/addon-actions").HandlerFunction;
13
13
  onClose: import("@storybook/addon-actions").HandlerFunction;
package/dist/index.esm.js CHANGED
@@ -105,68 +105,68 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
105
105
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
106
106
  };
107
107
 
108
- var StyledButton$3 = styled(Button$2)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject([""], [""])));
108
+ var StyledButton$3 = styled(Button$2)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject([""], [""])));
109
109
  var OkButton$1 = function (_a) {
110
110
  var props = __rest(_a, []);
111
111
  return React__default.createElement(StyledButton$3, __assign({}, props));
112
112
  };
113
- var templateObject_1$o;
113
+ var templateObject_1$p;
114
114
 
115
- var StyledWindow = styled(Window)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject([""], [""])));
115
+ var StyledWindow = styled(Window)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject([""], [""])));
116
116
  var OkWindow = function (_a) {
117
117
  var props = __rest(_a, []);
118
118
  return React__default.createElement(StyledWindow, __assign({}, props));
119
119
  };
120
- var templateObject_1$n;
120
+ var templateObject_1$o;
121
121
 
122
- var StyledDialog = styled(Dialog)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject([""], [""])));
122
+ var StyledDialog = styled(Dialog)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject([""], [""])));
123
123
  var OkDialog = function (_a) {
124
124
  var props = __rest(_a, []);
125
125
  return React__default.createElement(StyledDialog, __assign({}, props));
126
126
  };
127
- var templateObject_1$m;
127
+ var templateObject_1$n;
128
128
 
129
- var StyledButton$2 = styled(DropDownButton)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject([""], [""])));
129
+ var StyledButton$2 = styled(DropDownButton)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject([""], [""])));
130
130
  var OkDropDownButton = function (_a) {
131
131
  var props = __rest(_a, []);
132
132
  return React__default.createElement(StyledButton$2, __assign({}, props));
133
133
  };
134
- var templateObject_1$l;
134
+ var templateObject_1$m;
135
135
 
136
- var StyledMultiSelect = styled(MultiSelect)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject([""], [""])));
136
+ var StyledMultiSelect = styled(MultiSelect)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject([""], [""])));
137
137
  var OkMultiSelect = function (_a) {
138
138
  var props = __rest(_a, []);
139
139
  return React__default.createElement(StyledMultiSelect, __assign({}, props));
140
140
  };
141
- var templateObject_1$k;
141
+ var templateObject_1$l;
142
142
 
143
- var StyledDropDownList = styled(DropDownList)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject([""], [""])));
143
+ var StyledDropDownList = styled(DropDownList)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject([""], [""])));
144
144
  var OkDropDownList = function (_a) {
145
145
  var props = __rest(_a, []);
146
146
  return React__default.createElement(StyledDropDownList, __assign({}, props));
147
147
  };
148
- var templateObject_1$j;
148
+ var templateObject_1$k;
149
149
 
150
- var StyledEditor = styled(Editor)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject([""], [""])));
150
+ var StyledEditor = styled(Editor)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject([""], [""])));
151
151
  var OkEditor = function (_a) {
152
152
  var props = __rest(_a, []);
153
153
  return React__default.createElement(StyledEditor, __assign({}, props));
154
154
  };
155
- var templateObject_1$i;
155
+ var templateObject_1$j;
156
156
 
157
- var StyledArcGauge = styled(ArcGauge)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject([""], [""])));
157
+ var StyledArcGauge = styled(ArcGauge)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject([""], [""])));
158
158
  var OkArcGauge = function (_a) {
159
159
  var props = __rest(_a, []);
160
160
  return React__default.createElement(StyledArcGauge, __assign({}, props));
161
161
  };
162
- var templateObject_1$h;
162
+ var templateObject_1$i;
163
163
 
164
- var StyledInput = styled(Input$2)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject([""], [""])));
164
+ var StyledInput = styled(Input$2)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject([""], [""])));
165
165
  var OkInput = function (_a) {
166
166
  var props = __rest(_a, []);
167
167
  return React__default.createElement(StyledInput, __assign({}, props));
168
168
  };
169
- var templateObject_1$g;
169
+ var templateObject_1$h;
170
170
 
171
171
  var DefaultContext = {
172
172
  color: undefined,
@@ -588,7 +588,7 @@ const moreVerticalIcon = {
588
588
  };
589
589
 
590
590
  /** @format */
591
- var StyledGrid = styled(Grid$2)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject([""], [""])));
591
+ var StyledGrid = styled(Grid$2)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject([""], [""])));
592
592
  var OkGrid = function (_a) {
593
593
  var props = __rest(_a, []);
594
594
  var data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData;
@@ -948,49 +948,49 @@ var OkGrid = function (_a) {
948
948
  columnOption.columnOptionModel && (React__default.createElement(ColumnAdd, { setColumnOption: setColumnOption, setColumns: setColumns, columns: columns, allColumnsField: allColumnsField, dataResult: dataResult, setDataResult: setDataResult })),
949
949
  columnOption.columnConfigsModel && (React__default.createElement(GridFeatureEnableHandler, { gridOptions: gridOptions, setGridOptions: setGridOptions, setColumnOption: setColumnOption }))));
950
950
  };
951
- var templateObject_1$f;
951
+ var templateObject_1$g;
952
952
 
953
- var StyledSwitch = styled(Switch)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject([""], [""])));
953
+ var StyledSwitch = styled(Switch)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject([""], [""])));
954
954
  var OkSwitch = function (_a) {
955
955
  var props = __rest(_a, []);
956
956
  return React__default.createElement(StyledSwitch, __assign({}, props));
957
957
  };
958
- var templateObject_1$e;
958
+ var templateObject_1$f;
959
959
 
960
- var StyledNumericTextBox = styled(NumericTextBox)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject([""], [""])));
960
+ var StyledNumericTextBox = styled(NumericTextBox)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject([""], [""])));
961
961
  var OkNumericTextBox = function (_a) {
962
962
  var props = __rest(_a, []);
963
963
  return React__default.createElement(StyledNumericTextBox, __assign({}, props));
964
964
  };
965
- var templateObject_1$d;
965
+ var templateObject_1$e;
966
966
 
967
- var StyledMaskedTextBox = styled(MaskedTextBox)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject([""], [""])));
967
+ var StyledMaskedTextBox = styled(MaskedTextBox)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject([""], [""])));
968
968
  var OkMaskedTextBox = function (_a) {
969
969
  var props = __rest(_a, []);
970
970
  return React__default.createElement(StyledMaskedTextBox, __assign({}, props));
971
971
  };
972
- var templateObject_1$c;
972
+ var templateObject_1$d;
973
973
 
974
- var StyledButton$1 = styled(SplitButton)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject([""], [""])));
974
+ var StyledButton$1 = styled(SplitButton)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject([""], [""])));
975
975
  var OkSplitButton = function (_a) {
976
976
  var props = __rest(_a, []);
977
977
  return React__default.createElement(StyledButton$1, __assign({}, props));
978
978
  };
979
- var templateObject_1$b;
979
+ var templateObject_1$c;
980
980
 
981
- var StyledToolbar = styled(Toolbar$2)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject([""], [""])));
981
+ var StyledToolbar = styled(Toolbar$2)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject([""], [""])));
982
982
  var OkToolbar = function (_a) {
983
983
  var props = __rest(_a, []);
984
984
  return React__default.createElement(StyledToolbar, __assign({}, props));
985
985
  };
986
- var templateObject_1$a;
986
+ var templateObject_1$b;
987
987
 
988
- var StyledTreeView = styled(TreeView)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject([""], [""])));
988
+ var StyledTreeView = styled(TreeView)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject([""], [""])));
989
989
  var OkTreeView = function (_a) {
990
990
  var props = __rest(_a, []);
991
991
  return React__default.createElement(StyledTreeView, __assign({}, props));
992
992
  };
993
- var templateObject_1$9;
993
+ var templateObject_1$a;
994
994
 
995
995
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
996
996
 
@@ -9680,7 +9680,7 @@ function registerKnobs() {
9680
9680
  }
9681
9681
  } (dist$2, distExports));
9682
9682
 
9683
- var StyledButton = styled(ButtonGroup)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject([""], [""])));
9683
+ var StyledButton = styled(ButtonGroup)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject([""], [""])));
9684
9684
  var OkButtonGroup = function (_a) {
9685
9685
  var props = __rest(_a, []);
9686
9686
  return React__default.createElement(StyledButton, __assign({}, props),
@@ -9689,63 +9689,63 @@ var OkButtonGroup = function (_a) {
9689
9689
  React__default.createElement(Button$2, null, distExports.text('text (3)', 'This is the text...', 'Button One')),
9690
9690
  React__default.createElement(Button$2, null, distExports.text('text (4)', 'This is the text...', 'Button One')));
9691
9691
  };
9692
- var templateObject_1$8;
9692
+ var templateObject_1$9;
9693
9693
 
9694
- var StyledChart = styled(Chart)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n/* height: '250%';\nwidth: '500%'; */\n"], ["\n/* height: '250%';\nwidth: '500%'; */\n"])));
9694
+ var StyledChart = styled(Chart)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n/* height: '250%';\nwidth: '500%'; */\n"], ["\n/* height: '250%';\nwidth: '500%'; */\n"])));
9695
9695
  var OkChart = function (_a) {
9696
9696
  var props = __rest(_a, []);
9697
9697
  return React__default.createElement(StyledChart, __assign({}, props));
9698
9698
  };
9699
- var templateObject_1$7;
9699
+ var templateObject_1$8;
9700
9700
 
9701
- var StyledTimePicker = styled(TimePicker)(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject([""], [""])));
9701
+ var StyledTimePicker = styled(TimePicker)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject([""], [""])));
9702
9702
  var OkTimePicker = function (_a) {
9703
9703
  var props = __rest(_a, []);
9704
9704
  return React__default.createElement(StyledTimePicker, __assign({}, props));
9705
9705
  };
9706
- var templateObject_1$6;
9706
+ var templateObject_1$7;
9707
9707
 
9708
- var StyledMultiViewCalendar = styled(MultiViewCalendar)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject([""], [""])));
9708
+ var StyledMultiViewCalendar = styled(MultiViewCalendar)(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject([""], [""])));
9709
9709
  var OkMultiViewCalendar = function (_a) {
9710
9710
  var props = __rest(_a, []);
9711
9711
  return React__default.createElement(StyledMultiViewCalendar, __assign({}, props));
9712
9712
  };
9713
- var templateObject_1$5;
9713
+ var templateObject_1$6;
9714
9714
 
9715
- var StyledCalender = styled(Calendar$4)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([""], [""])));
9715
+ var StyledCalender = styled(Calendar$4)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject([""], [""])));
9716
9716
  var OkCalender = function (_a) {
9717
9717
  var props = __rest(_a, []);
9718
9718
  return React__default.createElement(StyledCalender, __assign({}, props));
9719
9719
  };
9720
- var templateObject_1$4;
9720
+ var templateObject_1$5;
9721
9721
 
9722
- var StyledDateInput = styled(DateInput$2)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject([""], [""])));
9722
+ var StyledDateInput = styled(DateInput$2)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([""], [""])));
9723
9723
  var OkDateInput = function (_a) {
9724
9724
  var props = __rest(_a, []);
9725
9725
  return React__default.createElement(StyledDateInput, __assign({}, props));
9726
9726
  };
9727
- var templateObject_1$3;
9727
+ var templateObject_1$4;
9728
9728
 
9729
- var StyledDateRangePicker = styled(DateRangePicker$2)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject([""], [""])));
9729
+ var StyledDateRangePicker$1 = styled(DateRangePicker$2)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject([""], [""])));
9730
9730
  var OkDateRangePicker = function (_a) {
9731
9731
  var props = __rest(_a, []);
9732
- return React__default.createElement(StyledDateRangePicker, __assign({}, props));
9732
+ return React__default.createElement(StyledDateRangePicker$1, __assign({}, props));
9733
9733
  };
9734
- var templateObject_1$2;
9734
+ var templateObject_1$3;
9735
9735
 
9736
- var StyledDateTimePicker = styled(DateTimePicker)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([""], [""])));
9736
+ var StyledDateTimePicker = styled(DateTimePicker)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject([""], [""])));
9737
9737
  var OkDateTimePicker = function (_a) {
9738
9738
  var props = __rest(_a, []);
9739
9739
  return React__default.createElement(StyledDateTimePicker, __assign({}, props));
9740
9740
  };
9741
- var templateObject_1$1;
9741
+ var templateObject_1$2;
9742
9742
 
9743
- var StyledDrawer = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
9743
+ var StyledDrawer = styled(Drawer)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([""], [""])));
9744
9744
  var OkDrawer = function (_a) {
9745
9745
  var props = __rest(_a, []);
9746
9746
  return React__default.createElement(StyledDrawer, null, props.children);
9747
9747
  };
9748
- var templateObject_1;
9748
+ var templateObject_1$1;
9749
9749
 
9750
9750
  function _extends() {
9751
9751
  return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -33738,6 +33738,7 @@ var css_248z = ".rs-theme-light,:root{--rs-gray-0:#fff;--rs-gray-50:#f7f7fa;--rs
33738
33738
  styleInject(css_248z);
33739
33739
 
33740
33740
  /** @format */
33741
+ var StyledDateRangePicker = styled(DateRangePicker$1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* Add custom styles here if needed */\n"], ["\n /* Add custom styles here if needed */\n"])));
33741
33742
  var defaultRanges = [
33742
33743
  {
33743
33744
  label: 'Today',
@@ -33761,11 +33762,10 @@ var defaultRanges = [
33761
33762
  },
33762
33763
  ];
33763
33764
  var OkDateRangePickerCustom = function (_a) {
33764
- var handleDateChange = _a.handleDateChange, dateRange = _a.dateRange; _a.setDateRange;
33765
- console.log(dateRange);
33766
- return (React__default.createElement("div", null,
33767
- React__default.createElement(DateRangePicker$1, { showOneCalendar: true, value: dateRange, onChange: handleDateChange, ranges: defaultRanges })));
33765
+ var handleDateChange = _a.handleDateChange, dateRange = _a.dateRange, props = __rest(_a, ["handleDateChange", "dateRange"]);
33766
+ return (React__default.createElement(StyledDateRangePicker, __assign({ value: dateRange, onChange: handleDateChange, ranges: defaultRanges }, props)));
33768
33767
  };
33768
+ var templateObject_1;
33769
33769
 
33770
33770
  export { OkArcGauge, OkButton$1 as OkButton, OkButtonGroup, OkCalender, OkChart, OkDateInput, OkDateRangePicker, OkDateRangePickerCustom, OkDateTimePicker, OkDialog, OkDrawer, OkDropDownButton, OkDropDownList, OkEditor, OkGrid, OkInput, OkMaskedTextBox, OkMultiSelect, OkMultiViewCalendar, OkNumericTextBox, OkSplitButton, OkSwitch, OkTimePicker, OkToolbar, OkTreeView, OkWindow };
33771
33771
  //# sourceMappingURL=index.esm.js.map
package/dist/index.js CHANGED
@@ -133,68 +133,68 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
133
133
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
134
134
  };
135
135
 
136
- var StyledButton$3 = styled__default["default"](kendoReactButtons.Button)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject([""], [""])));
136
+ var StyledButton$3 = styled__default["default"](kendoReactButtons.Button)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject([""], [""])));
137
137
  var OkButton$1 = function (_a) {
138
138
  var props = __rest(_a, []);
139
139
  return React__default["default"].createElement(StyledButton$3, __assign({}, props));
140
140
  };
141
- var templateObject_1$o;
141
+ var templateObject_1$p;
142
142
 
143
- var StyledWindow = styled__default["default"](kendoReactDialogs.Window)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject([""], [""])));
143
+ var StyledWindow = styled__default["default"](kendoReactDialogs.Window)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject([""], [""])));
144
144
  var OkWindow = function (_a) {
145
145
  var props = __rest(_a, []);
146
146
  return React__default["default"].createElement(StyledWindow, __assign({}, props));
147
147
  };
148
- var templateObject_1$n;
148
+ var templateObject_1$o;
149
149
 
150
- var StyledDialog = styled__default["default"](kendoReactDialogs.Dialog)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject([""], [""])));
150
+ var StyledDialog = styled__default["default"](kendoReactDialogs.Dialog)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject([""], [""])));
151
151
  var OkDialog = function (_a) {
152
152
  var props = __rest(_a, []);
153
153
  return React__default["default"].createElement(StyledDialog, __assign({}, props));
154
154
  };
155
- var templateObject_1$m;
155
+ var templateObject_1$n;
156
156
 
157
- var StyledButton$2 = styled__default["default"](kendoReactButtons.DropDownButton)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject([""], [""])));
157
+ var StyledButton$2 = styled__default["default"](kendoReactButtons.DropDownButton)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject([""], [""])));
158
158
  var OkDropDownButton = function (_a) {
159
159
  var props = __rest(_a, []);
160
160
  return React__default["default"].createElement(StyledButton$2, __assign({}, props));
161
161
  };
162
- var templateObject_1$l;
162
+ var templateObject_1$m;
163
163
 
164
- var StyledMultiSelect = styled__default["default"](kendoReactDropdowns.MultiSelect)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject([""], [""])));
164
+ var StyledMultiSelect = styled__default["default"](kendoReactDropdowns.MultiSelect)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject([""], [""])));
165
165
  var OkMultiSelect = function (_a) {
166
166
  var props = __rest(_a, []);
167
167
  return React__default["default"].createElement(StyledMultiSelect, __assign({}, props));
168
168
  };
169
- var templateObject_1$k;
169
+ var templateObject_1$l;
170
170
 
171
- var StyledDropDownList = styled__default["default"](kendoReactDropdowns.DropDownList)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject([""], [""])));
171
+ var StyledDropDownList = styled__default["default"](kendoReactDropdowns.DropDownList)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject([""], [""])));
172
172
  var OkDropDownList = function (_a) {
173
173
  var props = __rest(_a, []);
174
174
  return React__default["default"].createElement(StyledDropDownList, __assign({}, props));
175
175
  };
176
- var templateObject_1$j;
176
+ var templateObject_1$k;
177
177
 
178
- var StyledEditor = styled__default["default"](kendoReactEditor.Editor)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject([""], [""])));
178
+ var StyledEditor = styled__default["default"](kendoReactEditor.Editor)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject([""], [""])));
179
179
  var OkEditor = function (_a) {
180
180
  var props = __rest(_a, []);
181
181
  return React__default["default"].createElement(StyledEditor, __assign({}, props));
182
182
  };
183
- var templateObject_1$i;
183
+ var templateObject_1$j;
184
184
 
185
- var StyledArcGauge = styled__default["default"](kendoReactGauges.ArcGauge)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject([""], [""])));
185
+ var StyledArcGauge = styled__default["default"](kendoReactGauges.ArcGauge)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject([""], [""])));
186
186
  var OkArcGauge = function (_a) {
187
187
  var props = __rest(_a, []);
188
188
  return React__default["default"].createElement(StyledArcGauge, __assign({}, props));
189
189
  };
190
- var templateObject_1$h;
190
+ var templateObject_1$i;
191
191
 
192
- var StyledInput = styled__default["default"](kendoReactInputs.Input)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject([""], [""])));
192
+ var StyledInput = styled__default["default"](kendoReactInputs.Input)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject([""], [""])));
193
193
  var OkInput = function (_a) {
194
194
  var props = __rest(_a, []);
195
195
  return React__default["default"].createElement(StyledInput, __assign({}, props));
196
196
  };
197
- var templateObject_1$g;
197
+ var templateObject_1$h;
198
198
 
199
199
  var DefaultContext = {
200
200
  color: undefined,
@@ -616,7 +616,7 @@ const moreVerticalIcon = {
616
616
  };
617
617
 
618
618
  /** @format */
619
- var StyledGrid = styled__default["default"](kendoReactGrid.Grid)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject([""], [""])));
619
+ var StyledGrid = styled__default["default"](kendoReactGrid.Grid)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject([""], [""])));
620
620
  var OkGrid = function (_a) {
621
621
  var props = __rest(_a, []);
622
622
  var data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData;
@@ -976,49 +976,49 @@ var OkGrid = function (_a) {
976
976
  columnOption.columnOptionModel && (React__default["default"].createElement(ColumnAdd, { setColumnOption: setColumnOption, setColumns: setColumns, columns: columns, allColumnsField: allColumnsField, dataResult: dataResult, setDataResult: setDataResult })),
977
977
  columnOption.columnConfigsModel && (React__default["default"].createElement(GridFeatureEnableHandler, { gridOptions: gridOptions, setGridOptions: setGridOptions, setColumnOption: setColumnOption }))));
978
978
  };
979
- var templateObject_1$f;
979
+ var templateObject_1$g;
980
980
 
981
- var StyledSwitch = styled__default["default"](kendoReactInputs.Switch)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject([""], [""])));
981
+ var StyledSwitch = styled__default["default"](kendoReactInputs.Switch)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject([""], [""])));
982
982
  var OkSwitch = function (_a) {
983
983
  var props = __rest(_a, []);
984
984
  return React__default["default"].createElement(StyledSwitch, __assign({}, props));
985
985
  };
986
- var templateObject_1$e;
986
+ var templateObject_1$f;
987
987
 
988
- var StyledNumericTextBox = styled__default["default"](kendoReactInputs.NumericTextBox)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject([""], [""])));
988
+ var StyledNumericTextBox = styled__default["default"](kendoReactInputs.NumericTextBox)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject([""], [""])));
989
989
  var OkNumericTextBox = function (_a) {
990
990
  var props = __rest(_a, []);
991
991
  return React__default["default"].createElement(StyledNumericTextBox, __assign({}, props));
992
992
  };
993
- var templateObject_1$d;
993
+ var templateObject_1$e;
994
994
 
995
- var StyledMaskedTextBox = styled__default["default"](kendoReactInputs.MaskedTextBox)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject([""], [""])));
995
+ var StyledMaskedTextBox = styled__default["default"](kendoReactInputs.MaskedTextBox)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject([""], [""])));
996
996
  var OkMaskedTextBox = function (_a) {
997
997
  var props = __rest(_a, []);
998
998
  return React__default["default"].createElement(StyledMaskedTextBox, __assign({}, props));
999
999
  };
1000
- var templateObject_1$c;
1000
+ var templateObject_1$d;
1001
1001
 
1002
- var StyledButton$1 = styled__default["default"](kendoReactButtons.SplitButton)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject([""], [""])));
1002
+ var StyledButton$1 = styled__default["default"](kendoReactButtons.SplitButton)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject([""], [""])));
1003
1003
  var OkSplitButton = function (_a) {
1004
1004
  var props = __rest(_a, []);
1005
1005
  return React__default["default"].createElement(StyledButton$1, __assign({}, props));
1006
1006
  };
1007
- var templateObject_1$b;
1007
+ var templateObject_1$c;
1008
1008
 
1009
- var StyledToolbar = styled__default["default"](kendoReactButtons.Toolbar)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject([""], [""])));
1009
+ var StyledToolbar = styled__default["default"](kendoReactButtons.Toolbar)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject([""], [""])));
1010
1010
  var OkToolbar = function (_a) {
1011
1011
  var props = __rest(_a, []);
1012
1012
  return React__default["default"].createElement(StyledToolbar, __assign({}, props));
1013
1013
  };
1014
- var templateObject_1$a;
1014
+ var templateObject_1$b;
1015
1015
 
1016
- var StyledTreeView = styled__default["default"](kendoReactTreeview.TreeView)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject([""], [""])));
1016
+ var StyledTreeView = styled__default["default"](kendoReactTreeview.TreeView)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject([""], [""])));
1017
1017
  var OkTreeView = function (_a) {
1018
1018
  var props = __rest(_a, []);
1019
1019
  return React__default["default"].createElement(StyledTreeView, __assign({}, props));
1020
1020
  };
1021
- var templateObject_1$9;
1021
+ var templateObject_1$a;
1022
1022
 
1023
1023
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
1024
1024
 
@@ -9708,7 +9708,7 @@ function registerKnobs() {
9708
9708
  }
9709
9709
  } (dist$2, distExports));
9710
9710
 
9711
- var StyledButton = styled__default["default"](kendoReactButtons.ButtonGroup)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject([""], [""])));
9711
+ var StyledButton = styled__default["default"](kendoReactButtons.ButtonGroup)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject([""], [""])));
9712
9712
  var OkButtonGroup = function (_a) {
9713
9713
  var props = __rest(_a, []);
9714
9714
  return React__default["default"].createElement(StyledButton, __assign({}, props),
@@ -9717,63 +9717,63 @@ var OkButtonGroup = function (_a) {
9717
9717
  React__default["default"].createElement(kendoReactButtons.Button, null, distExports.text('text (3)', 'This is the text...', 'Button One')),
9718
9718
  React__default["default"].createElement(kendoReactButtons.Button, null, distExports.text('text (4)', 'This is the text...', 'Button One')));
9719
9719
  };
9720
- var templateObject_1$8;
9720
+ var templateObject_1$9;
9721
9721
 
9722
- var StyledChart = styled__default["default"](kendoReactCharts.Chart)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n/* height: '250%';\nwidth: '500%'; */\n"], ["\n/* height: '250%';\nwidth: '500%'; */\n"])));
9722
+ var StyledChart = styled__default["default"](kendoReactCharts.Chart)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n/* height: '250%';\nwidth: '500%'; */\n"], ["\n/* height: '250%';\nwidth: '500%'; */\n"])));
9723
9723
  var OkChart = function (_a) {
9724
9724
  var props = __rest(_a, []);
9725
9725
  return React__default["default"].createElement(StyledChart, __assign({}, props));
9726
9726
  };
9727
- var templateObject_1$7;
9727
+ var templateObject_1$8;
9728
9728
 
9729
- var StyledTimePicker = styled__default["default"](kendoReactDateinputs.TimePicker)(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject([""], [""])));
9729
+ var StyledTimePicker = styled__default["default"](kendoReactDateinputs.TimePicker)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject([""], [""])));
9730
9730
  var OkTimePicker = function (_a) {
9731
9731
  var props = __rest(_a, []);
9732
9732
  return React__default["default"].createElement(StyledTimePicker, __assign({}, props));
9733
9733
  };
9734
- var templateObject_1$6;
9734
+ var templateObject_1$7;
9735
9735
 
9736
- var StyledMultiViewCalendar = styled__default["default"](kendoReactDateinputs.MultiViewCalendar)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject([""], [""])));
9736
+ var StyledMultiViewCalendar = styled__default["default"](kendoReactDateinputs.MultiViewCalendar)(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject([""], [""])));
9737
9737
  var OkMultiViewCalendar = function (_a) {
9738
9738
  var props = __rest(_a, []);
9739
9739
  return React__default["default"].createElement(StyledMultiViewCalendar, __assign({}, props));
9740
9740
  };
9741
- var templateObject_1$5;
9741
+ var templateObject_1$6;
9742
9742
 
9743
- var StyledCalender = styled__default["default"](kendoReactDateinputs.Calendar)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([""], [""])));
9743
+ var StyledCalender = styled__default["default"](kendoReactDateinputs.Calendar)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject([""], [""])));
9744
9744
  var OkCalender = function (_a) {
9745
9745
  var props = __rest(_a, []);
9746
9746
  return React__default["default"].createElement(StyledCalender, __assign({}, props));
9747
9747
  };
9748
- var templateObject_1$4;
9748
+ var templateObject_1$5;
9749
9749
 
9750
- var StyledDateInput = styled__default["default"](kendoReactDateinputs.DateInput)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject([""], [""])));
9750
+ var StyledDateInput = styled__default["default"](kendoReactDateinputs.DateInput)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([""], [""])));
9751
9751
  var OkDateInput = function (_a) {
9752
9752
  var props = __rest(_a, []);
9753
9753
  return React__default["default"].createElement(StyledDateInput, __assign({}, props));
9754
9754
  };
9755
- var templateObject_1$3;
9755
+ var templateObject_1$4;
9756
9756
 
9757
- var StyledDateRangePicker = styled__default["default"](kendoReactDateinputs.DateRangePicker)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject([""], [""])));
9757
+ var StyledDateRangePicker$1 = styled__default["default"](kendoReactDateinputs.DateRangePicker)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject([""], [""])));
9758
9758
  var OkDateRangePicker = function (_a) {
9759
9759
  var props = __rest(_a, []);
9760
- return React__default["default"].createElement(StyledDateRangePicker, __assign({}, props));
9760
+ return React__default["default"].createElement(StyledDateRangePicker$1, __assign({}, props));
9761
9761
  };
9762
- var templateObject_1$2;
9762
+ var templateObject_1$3;
9763
9763
 
9764
- var StyledDateTimePicker = styled__default["default"](kendoReactDateinputs.DateTimePicker)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([""], [""])));
9764
+ var StyledDateTimePicker = styled__default["default"](kendoReactDateinputs.DateTimePicker)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject([""], [""])));
9765
9765
  var OkDateTimePicker = function (_a) {
9766
9766
  var props = __rest(_a, []);
9767
9767
  return React__default["default"].createElement(StyledDateTimePicker, __assign({}, props));
9768
9768
  };
9769
- var templateObject_1$1;
9769
+ var templateObject_1$2;
9770
9770
 
9771
- var StyledDrawer = styled__default["default"](kendoReactLayout.Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
9771
+ var StyledDrawer = styled__default["default"](kendoReactLayout.Drawer)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([""], [""])));
9772
9772
  var OkDrawer = function (_a) {
9773
9773
  var props = __rest(_a, []);
9774
9774
  return React__default["default"].createElement(StyledDrawer, null, props.children);
9775
9775
  };
9776
- var templateObject_1;
9776
+ var templateObject_1$1;
9777
9777
 
9778
9778
  function _extends() {
9779
9779
  return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -33766,6 +33766,7 @@ var css_248z = ".rs-theme-light,:root{--rs-gray-0:#fff;--rs-gray-50:#f7f7fa;--rs
33766
33766
  styleInject(css_248z);
33767
33767
 
33768
33768
  /** @format */
33769
+ var StyledDateRangePicker = styled__default["default"](DateRangePicker$1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* Add custom styles here if needed */\n"], ["\n /* Add custom styles here if needed */\n"])));
33769
33770
  var defaultRanges = [
33770
33771
  {
33771
33772
  label: 'Today',
@@ -33789,11 +33790,10 @@ var defaultRanges = [
33789
33790
  },
33790
33791
  ];
33791
33792
  var OkDateRangePickerCustom = function (_a) {
33792
- var handleDateChange = _a.handleDateChange, dateRange = _a.dateRange; _a.setDateRange;
33793
- console.log(dateRange);
33794
- return (React__default["default"].createElement("div", null,
33795
- React__default["default"].createElement(DateRangePicker$1, { showOneCalendar: true, value: dateRange, onChange: handleDateChange, ranges: defaultRanges })));
33793
+ var handleDateChange = _a.handleDateChange, dateRange = _a.dateRange, props = __rest(_a, ["handleDateChange", "dateRange"]);
33794
+ return (React__default["default"].createElement(StyledDateRangePicker, __assign({ value: dateRange, onChange: handleDateChange, ranges: defaultRanges }, props)));
33796
33795
  };
33796
+ var templateObject_1;
33797
33797
 
33798
33798
  Object.defineProperty(exports, 'OkDrawerContent', {
33799
33799
  enumerable: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "elab_components",
3
- "version": "0.2.9",
3
+ "version": "0.2.11",
4
4
  "private": false,
5
5
  "author": "Amar",
6
6
  "main": "dist/index.js",