elab_components 0.2.15 → 0.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/DateInputs/MultiViewCalendar/props.d.ts +1 -1
  2. package/dist/index.esm.js +2 -2
  3. package/dist/index.js +2 -2
  4. package/package.json +1 -1
package/dist/components/DateInputs/MultiViewCalendar/props.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  declare const props: () => {
2
- activeRangeEnd: "start" | "end";
2
+ activeRangeEnd: "end" | "start";
3
3
  allowReverse: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
4
4
  bottomView: "month" | "year" | "decade" | "century";
5
5
  defaultActiveView: "month" | "year" | "decade" | "century";
package/dist/index.esm.js CHANGED
@@ -45,7 +45,7 @@ function styleInject(css, ref) {
45
45
  }
46
46
  }
47
47
 
48
- var css_248z$1 = "/** @format */\r\n@import '@progress/kendo-theme-material/dist/all';\r\n\r\nbody {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',\r\n 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\r\n 'Helvetica Neue', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n\r\n.k-grid-toolbar {\r\n border-width: none;\r\n}\r\n.grid-custom-filter .k-toolbar {\r\n padding-block: 0px;\r\n border: none;\r\n padding-bottom: 14px;\r\n background-color: #dbdbdb;\r\n}\r\n.grid-custom-filter .k-toolbar .k-input,\r\n.grid-custom-filter .k-toolbar .k-picker {\r\n background-color: #fff;\r\n}\r\n\r\n.k-button {\r\n text-transform: none;\r\n}\r\n\r\n.button-container {\r\n margin-left: auto;\r\n display: flex;\r\n gap: 15px;\r\n}\r\n\r\n.button-container .custom-button {\r\n background-color: transparent;\r\n border: none;\r\n box-shadow: none;\r\n cursor: pointer;\r\n}\r\n\r\n.button-container .button-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.button-container .icon {\r\n font-size: 20px;\r\n font-weight: bold;\r\n}\r\n\r\n.button-container .text {\r\n font-size: 16px;\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {\r\n d: path('M256 352 128 160h256L256 352z');\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {\r\n d: path('M352 256 160 384V128l192 128z');\r\n}\r\n.k-table.k-grid-header-table col,\r\n.k-table.k-grid-table col {\r\n width: 100%;\r\n min-width: 200px;\r\n}\r\n\r\n.k-table.k-grid-header-table col[width='32px'],\r\n.k-table.k-grid-table col[width='32px'] {\r\n width: 32px !important;\r\n min-width: 32px !important;\r\n}\r\n\r\n.k-table.k-grid-header-table col[width='70px'],\r\n.k-table.k-grid-table col[width='70px'] {\r\n width: 70px !important;\r\n min-width: 70px !important;\r\n}\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');\r\n\r\n.daterange .react-datepicker {\r\n font-family: 'Open Sans', serif;\r\n display: flex;\r\n border: none;\r\n}\r\n.daterange .react-datepicker__header {\r\n background-color: transparent;\r\n border: none;\r\n}\r\n\r\n.daterange .react-datepicker__navigation-icon:before {\r\n color: rgb(31, 41, 55);\r\n border-width: 2px 2px 0 0;\r\n top: 12px;\r\n}\r\n.daterange .react-datepicker__current-month {\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n color: #1f2937;\r\n}\r\n.daterange .react-datepicker__day-name {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: rgb(156 163 175);\r\n padding-bottom: 6px;\r\n}\r\n\r\n.daterange .react-datepicker__day {\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: #1f2937;\r\n}\r\n.daterange .react-datepicker__day--disabled {\r\n color: rgb(156 163 175);\r\n cursor: not-allowed;\r\n}\r\n.react-datepicker__day--in-range,\r\n.react-datepicker__day--in-selecting-range:not(\r\n .react-datepicker__day--in-range,\r\n .react-datepicker__month-text--in-range,\r\n .react-datepicker__quarter-text--in-range,\r\n .react-datepicker__year-text--in-range\r\n ),\r\n.react-datepicker__month-text--in-selecting-range:not(\r\n .react-datepicker__day--in-range,\r\n .react-datepicker__month-text--in-range,\r\n .react-datepicker__quarter-text--in-range,\r\n .react-datepicker__year-text--in-range\r\n ),\r\n.react-datepicker__quarter-text--in-selecting-range:not(\r\n .react-datepicker__day--in-range,\r\n .react-datepicker__month-text--in-range,\r\n .react-datepicker__quarter-text--in-range,\r\n .react-datepicker__year-text--in-range\r\n ),\r\n.react-datepicker__year-text--in-selecting-range:not(\r\n .react-datepicker__day--in-range,\r\n .react-datepicker__month-text--in-range,\r\n .react-datepicker__quarter-text--in-range,\r\n .react-datepicker__year-text--in-range\r\n ),\r\n.react-datepicker__day-selected,\r\n.react-datepicker__day--keyboard-selected,\r\n.react-datepicker__day--keyboard-selected:not([aria-disabled='true']):hover,\r\n.react-datepicker__day--in-range:not([aria-disabled='true']):hover,\r\n.react-datepicker__day--selected:not([aria-disabled='true']):hover,\r\n.react-datepicker__day--in-selecting-range:not([aria-disabled='true']):hover {\r\n background-color: #f7e5be;\r\n border-radius: 4px;\r\n}\r\n";
48
+ var css_248z$1 = "/** @format */\r\n@import '@progress/kendo-theme-material/dist/all';\r\n\r\nbody {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',\r\n 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\r\n 'Helvetica Neue', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n\r\n.k-grid-toolbar {\r\n border-width: none;\r\n}\r\n.grid-custom-filter .k-toolbar {\r\n padding-block: 0px;\r\n border: none;\r\n padding-bottom: 14px;\r\n background-color: #dbdbdb;\r\n}\r\n.grid-custom-filter .k-toolbar .k-input,\r\n.grid-custom-filter .k-toolbar .k-picker {\r\n background-color: #fff;\r\n}\r\n\r\n.k-button {\r\n text-transform: none;\r\n}\r\n\r\n.button-container {\r\n margin-left: auto;\r\n display: flex;\r\n gap: 15px;\r\n}\r\n\r\n.button-container .custom-button {\r\n background-color: transparent;\r\n border: none;\r\n box-shadow: none;\r\n cursor: pointer;\r\n}\r\n\r\n.button-container .button-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.button-container .icon {\r\n font-size: 20px;\r\n font-weight: bold;\r\n}\r\n\r\n.button-container .text {\r\n font-size: 16px;\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {\r\n d: path('M256 352 128 160h256L256 352z');\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {\r\n d: path('M352 256 160 384V128l192 128z');\r\n}\r\n.k-table.k-grid-header-table col,\r\n.k-table.k-grid-table col {\r\n width: 100%;\r\n min-width: 200px;\r\n}\r\n\r\n.k-table.k-grid-header-table col[width='32px'],\r\n.k-table.k-grid-table col[width='32px'] {\r\n width: 32px !important;\r\n min-width: 32px !important;\r\n}\r\n\r\n.k-table.k-grid-header-table col[width='70px'],\r\n.k-table.k-grid-table col[width='70px'] {\r\n width: 70px !important;\r\n min-width: 70px !important;\r\n}\r\n";
49
49
  styleInject(css_248z$1);
50
50
 
51
51
  /******************************************************************************
@@ -39461,7 +39461,7 @@ var OkDateRangePickerCustom = function (_a) {
39461
39461
  placement: 'left',
39462
39462
  },
39463
39463
  ];
39464
- return (React__default.createElement(StyledDateRangePicker, { value: dateRange, onChange: handleDateChange, ranges: defaultRanges }));
39464
+ return (React__default.createElement(StyledDateRangePicker, { value: dateRange, onChange: handleDateChange, ranges: defaultRanges, placeholder: "Select Date Range" }));
39465
39465
  };
39466
39466
  var templateObject_1;
39467
39467
 
package/dist/index.js CHANGED
@@ -73,7 +73,7 @@ function styleInject(css, ref) {
73
73
  }
74
74
  }
75
75
 
76
- var css_248z$1 = "/** @format */\r\n@import '@progress/kendo-theme-material/dist/all';\r\n\r\nbody {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',\r\n 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\r\n 'Helvetica Neue', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n\r\n.k-grid-toolbar {\r\n border-width: none;\r\n}\r\n.grid-custom-filter .k-toolbar {\r\n padding-block: 0px;\r\n border: none;\r\n padding-bottom: 14px;\r\n background-color: #dbdbdb;\r\n}\r\n.grid-custom-filter .k-toolbar .k-input,\r\n.grid-custom-filter .k-toolbar .k-picker {\r\n background-color: #fff;\r\n}\r\n\r\n.k-button {\r\n text-transform: none;\r\n}\r\n\r\n.button-container {\r\n margin-left: auto;\r\n display: flex;\r\n gap: 15px;\r\n}\r\n\r\n.button-container .custom-button {\r\n background-color: transparent;\r\n border: none;\r\n box-shadow: none;\r\n cursor: pointer;\r\n}\r\n\r\n.button-container .button-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.button-container .icon {\r\n font-size: 20px;\r\n font-weight: bold;\r\n}\r\n\r\n.button-container .text {\r\n font-size: 16px;\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {\r\n d: path('M256 352 128 160h256L256 352z');\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {\r\n d: path('M352 256 160 384V128l192 128z');\r\n}\r\n.k-table.k-grid-header-table col,\r\n.k-table.k-grid-table col {\r\n width: 100%;\r\n min-width: 200px;\r\n}\r\n\r\n.k-table.k-grid-header-table col[width='32px'],\r\n.k-table.k-grid-table col[width='32px'] {\r\n width: 32px !important;\r\n min-width: 32px !important;\r\n}\r\n\r\n.k-table.k-grid-header-table col[width='70px'],\r\n.k-table.k-grid-table col[width='70px'] {\r\n width: 70px !important;\r\n min-width: 70px !important;\r\n}\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');\r\n\r\n.daterange .react-datepicker {\r\n font-family: 'Open Sans', serif;\r\n display: flex;\r\n border: none;\r\n}\r\n.daterange .react-datepicker__header {\r\n background-color: transparent;\r\n border: none;\r\n}\r\n\r\n.daterange .react-datepicker__navigation-icon:before {\r\n color: rgb(31, 41, 55);\r\n border-width: 2px 2px 0 0;\r\n top: 12px;\r\n}\r\n.daterange .react-datepicker__current-month {\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n color: #1f2937;\r\n}\r\n.daterange .react-datepicker__day-name {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: rgb(156 163 175);\r\n padding-bottom: 6px;\r\n}\r\n\r\n.daterange .react-datepicker__day {\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: #1f2937;\r\n}\r\n.daterange .react-datepicker__day--disabled {\r\n color: rgb(156 163 175);\r\n cursor: not-allowed;\r\n}\r\n.react-datepicker__day--in-range,\r\n.react-datepicker__day--in-selecting-range:not(\r\n .react-datepicker__day--in-range,\r\n .react-datepicker__month-text--in-range,\r\n .react-datepicker__quarter-text--in-range,\r\n .react-datepicker__year-text--in-range\r\n ),\r\n.react-datepicker__month-text--in-selecting-range:not(\r\n .react-datepicker__day--in-range,\r\n .react-datepicker__month-text--in-range,\r\n .react-datepicker__quarter-text--in-range,\r\n .react-datepicker__year-text--in-range\r\n ),\r\n.react-datepicker__quarter-text--in-selecting-range:not(\r\n .react-datepicker__day--in-range,\r\n .react-datepicker__month-text--in-range,\r\n .react-datepicker__quarter-text--in-range,\r\n .react-datepicker__year-text--in-range\r\n ),\r\n.react-datepicker__year-text--in-selecting-range:not(\r\n .react-datepicker__day--in-range,\r\n .react-datepicker__month-text--in-range,\r\n .react-datepicker__quarter-text--in-range,\r\n .react-datepicker__year-text--in-range\r\n ),\r\n.react-datepicker__day-selected,\r\n.react-datepicker__day--keyboard-selected,\r\n.react-datepicker__day--keyboard-selected:not([aria-disabled='true']):hover,\r\n.react-datepicker__day--in-range:not([aria-disabled='true']):hover,\r\n.react-datepicker__day--selected:not([aria-disabled='true']):hover,\r\n.react-datepicker__day--in-selecting-range:not([aria-disabled='true']):hover {\r\n background-color: #f7e5be;\r\n border-radius: 4px;\r\n}\r\n";
76
+ var css_248z$1 = "/** @format */\r\n@import '@progress/kendo-theme-material/dist/all';\r\n\r\nbody {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',\r\n 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\r\n 'Helvetica Neue', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n\r\n.k-grid-toolbar {\r\n border-width: none;\r\n}\r\n.grid-custom-filter .k-toolbar {\r\n padding-block: 0px;\r\n border: none;\r\n padding-bottom: 14px;\r\n background-color: #dbdbdb;\r\n}\r\n.grid-custom-filter .k-toolbar .k-input,\r\n.grid-custom-filter .k-toolbar .k-picker {\r\n background-color: #fff;\r\n}\r\n\r\n.k-button {\r\n text-transform: none;\r\n}\r\n\r\n.button-container {\r\n margin-left: auto;\r\n display: flex;\r\n gap: 15px;\r\n}\r\n\r\n.button-container .custom-button {\r\n background-color: transparent;\r\n border: none;\r\n box-shadow: none;\r\n cursor: pointer;\r\n}\r\n\r\n.button-container .button-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.button-container .icon {\r\n font-size: 20px;\r\n font-weight: bold;\r\n}\r\n\r\n.button-container .text {\r\n font-size: 16px;\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {\r\n d: path('M256 352 128 160h256L256 352z');\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {\r\n d: path('M352 256 160 384V128l192 128z');\r\n}\r\n.k-table.k-grid-header-table col,\r\n.k-table.k-grid-table col {\r\n width: 100%;\r\n min-width: 200px;\r\n}\r\n\r\n.k-table.k-grid-header-table col[width='32px'],\r\n.k-table.k-grid-table col[width='32px'] {\r\n width: 32px !important;\r\n min-width: 32px !important;\r\n}\r\n\r\n.k-table.k-grid-header-table col[width='70px'],\r\n.k-table.k-grid-table col[width='70px'] {\r\n width: 70px !important;\r\n min-width: 70px !important;\r\n}\r\n";
77
77
  styleInject(css_248z$1);
78
78
 
79
79
  /******************************************************************************
@@ -39489,7 +39489,7 @@ var OkDateRangePickerCustom = function (_a) {
39489
39489
  placement: 'left',
39490
39490
  },
39491
39491
  ];
39492
- return (React__default["default"].createElement(StyledDateRangePicker, { value: dateRange, onChange: handleDateChange, ranges: defaultRanges }));
39492
+ return (React__default["default"].createElement(StyledDateRangePicker, { value: dateRange, onChange: handleDateChange, ranges: defaultRanges, placeholder: "Select Date Range" }));
39493
39493
  };
39494
39494
  var templateObject_1;
39495
39495
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "elab_components",
3
- "version": "0.2.15",
3
+ "version": "0.2.16",
4
4
  "private": false,
5
5
  "author": "Amar",
6
6
  "main": "dist/index.js",