ods-component-lib 1.10.4 → 1.11.1

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { createContext, useState } from 'react';
 import { AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Input, Form, Image, InputNumber, List, Modal, notification, Radio, Rate, Select, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography } from 'antd';
 import styled from 'styled-components';
 import Card from 'antd/es/card/Card';
@@ -9,6 +9,7 @@ import message from 'antd/es/message';
 import Parser from 'html-react-parser';
 import { DataGrid, Paging, Pager, SearchPanel, FilterRow, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form as Form$1, Scrolling, Export, Column, RequiredRule, Button as Button$1, Toolbar, Item as Item$1 } from 'devextreme-react/data-grid';
 import { Item } from 'devextreme-react/form';
+import { TreeView } from 'devextreme-react/tree-view';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -42,8 +43,347 @@ function OdsAutoComplete(props) {
 var _templateObject$1;
 var StyledButton = styled(Button)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  box-shadow: none;\n"])));
 
+var lightTheme = {
+  token: {
+    blue1: "#e6f4ff",
+    blue2: "#bae0ff",
+    blue3: "#91caff",
+    blue4: "#69b1ff",
+    blue5: "#4096ff",
+    blue6: "#1677ff",
+    blue7: "#0958d9",
+    blue8: "#003eb3",
+    blue9: "#002c8c",
+    blue10: "#001d66",
+    purple1: "#f9f0ff",
+    purple2: "#efdbff",
+    purple3: "#d3adf7",
+    purple4: "#b37feb",
+    purple5: "#9254de",
+    purple6: "#722ed1",
+    purple7: "#531dab",
+    purple8: "#391085",
+    purple9: "#22075e",
+    purple10: "#120338",
+    cyan1: "#e6fffb",
+    cyan2: "#b5f5ec",
+    cyan3: "#87e8de",
+    cyan4: "#5cdbd3",
+    cyan5: "#36cfc9",
+    cyan6: "#13c2c2",
+    cyan7: "#08979c",
+    cyan8: "#006d75",
+    cyan9: "#00474f",
+    cyan10: "#002329",
+    green1: "#f6ffed",
+    green2: "#d9f7be",
+    green3: "#b7eb8f",
+    green4: "#95de64",
+    green5: "#73d13d",
+    green6: "#52c41a",
+    green7: "#389e0d",
+    green8: "#237804",
+    green9: "#135200",
+    green10: "#092b00",
+    magenta1: "#fff0f6",
+    magenta2: "#ffd6e7",
+    magenta3: "#ffadd2",
+    magenta4: "#ff85c0",
+    magenta5: "#f759ab",
+    magenta6: "#eb2f96",
+    magenta7: "#c41d7f",
+    magenta8: "#9e1068",
+    magenta9: "#780650",
+    magenta10: "#520339",
+    red1: "#fff1f0",
+    red2: "#ffccc7",
+    red3: "#ffa39e",
+    red4: "#ff7875",
+    red5: "#ff4d4f",
+    red6: "#f5222d",
+    red7: "#cf1322",
+    red8: "#a8071a",
+    red9: "#820014",
+    red10: "#5c0011",
+    orange1: "#fff7e6",
+    orange2: "#ffe7ba",
+    orange3: "#ffd591",
+    orange4: "#ffc069",
+    orange5: "#ffa940",
+    orange6: "#fa8c16",
+    orange7: "#d46b08",
+    orange8: "#ad4e00",
+    orange9: "#873800",
+    orange10: "#612500",
+    yellow1: "#feffe6",
+    yellow2: "#ffffb8",
+    yellow3: "#fffb8f",
+    yellow4: "#fff566",
+    yellow5: "#ffec3d",
+    yellow6: "#fadb14",
+    yellow7: "#d4b106",
+    yellow8: "#ad8b00",
+    yellow9: "#876800",
+    yellow10: "#614700",
+    volcano1: "#fff2e8",
+    volcano2: "#ffd8bf",
+    volcano3: "#ffbb96",
+    volcano4: "#ff9c6e",
+    volcano5: "#ff7a45",
+    volcano6: "#fa541c",
+    volcano7: "#d4380d",
+    volcano8: "#ad2102",
+    volcano9: "#871400",
+    volcano10: "#610b00",
+    geekblue1: "#f0f5ff",
+    geekblue2: "#d6e4ff",
+    geekblue3: "#adc6ff",
+    geekblue4: "#85a5ff",
+    geekblue5: "#597ef7",
+    geekblue6: "#2f54eb",
+    geekblue7: "#1d39c4",
+    geekblue8: "#10239e",
+    geekblue9: "#061178",
+    geekblue10: "#030852",
+    lime1: "#fcffe6",
+    lime2: "#f4ffb8",
+    lime3: "#eaff8f",
+    lime4: "#d3f261",
+    lime5: "#bae637",
+    lime6: "#a0d911",
+    lime7: "#7cb305",
+    lime8: "#5b8c00",
+    lime9: "#3f6600",
+    lime10: "#254000",
+    gold1: "#fffbe6",
+    gold2: "#fff1b8",
+    gold3: "#ffe58f",
+    gold4: "#ffd666",
+    gold5: "#ffc53d",
+    gold6: "#faad14",
+    gold7: "#d48806",
+    gold8: "#ad6800",
+    gold9: "#874d00",
+    gold10: "#613400",
+    colorTextBase: "#000",
+    colorTextLightSolid: "#ffffff",
+    colorBgBase: "#ffffff",
+    fontFamily: "SF Pro Text",
+    fontSize: "14px",
+    lineWidth: "1px",
+    borderRadius: "6px",
+    sizeUnit: "4px",
+    sizePopupArrow: "16px",
+    controlHeight: "32px",
+    opacityImage: "1",
+    sizeStep: "4px",
+    colorPrimary: "#1677ff",
+    colorError: "#ff4d4f",
+    colorWarning: "#faad14",
+    colorSuccess: "#52c41a",
+    colorInfo: "#1677ff",
+    colorSecondary: "#F9B515",
+    sizeXxl: "48px",
+    sizeXl: "32px",
+    sizeLg: "24px",
+    sizeMd: "20px",
+    sizeMs: "16px",
+    size: "16px",
+    sizeSm: "12px",
+    sizeXs: "8px",
+    sizeXxs: "4px",
+    controlHeightSm: "24px",
+    controlHeightXs: "16px",
+    controlHeightLg: "40px",
+    borderRadiusXs: "2px",
+    borderRadiusSm: "4px",
+    borderRadiusLg: "8px",
+    borderRadiusOuter: "4px",
+    colorText: "rgba(0, 0, 0, 0.88)",
+    colorTextSecondary: "rgba(0, 0, 0, 0.65)",
+    colorTextTertiary: "rgba(0, 0, 0, 0.45)",
+    colorTextQuaternary: "rgba(0, 0, 0, 0.25)",
+    colorFill: "rgba(0, 0, 0, 0.15)",
+    colorFillSecondary: "rgba(0, 0, 0, 0.06)",
+    colorFillTertiary: "rgba(0, 0, 0, 0.04)",
+    colorBgContainer: "#ffffff",
+    colorFillQuaternary: "rgba(0, 0, 0, 0.02)",
+    colorBgLayout: "#f5f5f5",
+    colorBgElevated: "#ffffff",
+    colorBgSpotlight: "rgba(0, 0, 0, 0.85)",
+    colorBorder: "rgba(0, 0, 0, 0.15)",
+    colorBorderSecondary: "rgba(0, 0, 0, 0.06)",
+    colorSplit: "rgba(0, 0, 0, 0.06)",
+    colorPrimaryBg: "#e6f4ff",
+    colorPrimaryBgHover: "#bae0ff",
+    colorPrimaryBorder: "#91caff",
+    colorPrimaryBorderHover: "#69b1ff",
+    colorPrimaryHover: "#4096ff",
+    colorPrimaryBase: "#1677ff",
+    colorPrimaryActive: "#0958d9",
+    colorPrimaryTextHover: "#003eb3",
+    colorPrimaryText: "#002c8c",
+    colorPrimaryTextActive: "#001d66",
+    colorSuccessBg: "#f6ffed",
+    colorSuccessBgHover: "#d9f7be",
+    colorSuccessBorder: "#b7eb8f",
+    colorSuccessBorderHover: "#95de64",
+    colorSuccessHover: "#73d13d",
+    colorSuccessBase: "#52c41a",
+    colorSuccessActive: "#389e0d",
+    colorSuccessTextHover: "#237804",
+    colorSuccessText: "#135200",
+    colorSuccessTextActive: "#092b00",
+    colorWarningBg: "#fffbe6",
+    colorWarningBgHover: "#fff1b8",
+    colorWarningBorder: "#ffe58f",
+    colorWarningBorderHover: "#ffd666",
+    colorWarningHover: "#ffc53d",
+    colorWarningBase: "#faad14",
+    colorWarningActive: "#d48806",
+    colorWarningTextHover: "#ad6800",
+    colorWarningText: "#874d00",
+    colorWarningTextActive: "#613400",
+    colorErrorBg: "#fff1f0",
+    colorErrorBgHover: "#ffccc7",
+    colorErrorBorder: "#ffa39e",
+    colorErrorBorderHover: "#ff7875",
+    colorErrorHover: "#ff7875",
+    colorErrorBase: "#ff4d4f",
+    colorErrorActive: "#cf1322",
+    colorErrorTextHover: "#a8071a",
+    colorErrorText: "#820014",
+    colorErrorTextActive: "#5c0011",
+    colorInfoBg: "#e6f4ff",
+    colorInfoBgHover: "#bae0ff",
+    colorInfoBorder: "#91caff",
+    colorInfoBorderHover: "#69b1ff",
+    colorInfoHover: "#4096ff",
+    colorInfoBase: "#1677ff",
+    colorInfoActive: "#0958d9",
+    colorInfoTextHover: "#003eb3",
+    colorInfoText: "#002c8c",
+    colorInfoTextActive: "#001d66",
+    colorBgMask: "rgba(0, 0, 0, 0.45)",
+    stepsDotSize: "8px",
+    stepsCurrentDotSize: "10px",
+    rateStarSize: "20px",
+    colorFillContent: "rgba(0, 0, 0, 0.06)",
+    colorFillContentHover: "rgba(0, 0, 0, 0.15)",
+    colorFillAlter: "rgba(0, 0, 0, 0.02)",
+    colorBgContainerDisabled: "rgba(0, 0, 0, 0.04)",
+    colorBorderBg: "#ffffff",
+    colorTextPlaceholder: "rgba(0, 0, 0, 0.25)",
+    colorTextDisabled: "rgba(0, 0, 0, 0.25)",
+    colorTextHeading: "rgba(0, 0, 0, 0.88)",
+    colorTextLabel: "rgba(0, 0, 0, 0.65)",
+    colorTextDescription: "rgba(0, 0, 0, 0.45)",
+    colorBgTextHover: "rgba(0, 0, 0, 0.06)",
+    colorBgTextActive: "rgba(0, 0, 0, 0.15)",
+    colorIcon: "rgba(0, 0, 0, 0.45)",
+    colorIconHover: "rgba(0, 0, 0, 0.88)",
+    colorLink: "#1677ff",
+    colorLinkHover: "#4096ff",
+    colorLinkActive: "#0958d9",
+    colorHighlight: "#ff7875",
+    controlOutline: "#e6f4ff",
+    colorWarningOutline: "#fffbe6",
+    colorErrorOutline: "#fff1f0",
+    fontSizeSm: "12px",
+    fontSizeLg: "16px",
+    fontSizeXl: "20px",
+    fontSizeIcon: "12px",
+    fontSizeHeading1: "38px",
+    fontSizeHeading2: "30px",
+    fontSizeHeading3: "24px",
+    fontSizeHeading4: "20px",
+    fontSizeHeading5: "16px",
+    fontWeightNormal: "400",
+    fontWeightStrong: "600",
+    controlLineWidth: "1px",
+    controlOutlineWidth: "2px",
+    controlItemBgHover: "rgba(0, 0, 0, 0.04)",
+    controlItemBgActive: "#e6f4ff",
+    controlItemBgActiveHover: "#bae0ff",
+    controlInteractiveSize: "16px",
+    controlItemBgActiveDisabled: "rgba(0, 0, 0, 0.15)",
+    controlTmpOutline: "rgba(0, 0, 0, 0.02)",
+    opacityLoading: "0.65",
+    padding: "16px",
+    paddingMd: "20px",
+    paddingSm: "12px",
+    paddingXs: "8px",
+    paddingXxs: "4px",
+    paddingLg: "24px",
+    paddingXl: "32px",
+    paddingXxl: "48px",
+    margin: "16px",
+    marginSm: "12px",
+    marginXs: "8px",
+    marginXxs: "4px",
+    marginLg: "24px",
+    marginXl: "48px",
+    controlPaddingHorizontal: "12px",
+    controlPaddingHorizontalSm: "8px",
+    baseBaseNormal: "400 14px/22px 'SF Pro Text'",
+    baseBaseStrong: "600 14px/22px 'SF Pro Text'",
+    baseBaseUnderline: "400 14px/22px 'SF Pro Text'",
+    baseBaseDelete: "400 14px/22px 'SF Pro Text'",
+    baseBaseItalic: "Regular Italic 14px/22px 'SF Pro Text'",
+    smSmNormal: "400 12px/20px 'SF Pro Text'",
+    smSmStrong: "600 12px/20px 'SF Pro Text'",
+    smSmUnderline: "400 12px/20px 'SF Pro Text'",
+    smSmDelete: "400 12px/20px 'SF Pro Text'",
+    smSmItalic: "Regular Italic 12px/20px 'SF Pro Text'",
+    lgLgNormal: "400 16px/24px 'SF Pro Text'",
+    lgLgStrong: "600 16px/24px 'SF Pro Text'",
+    lgLgUnderline: "400 16px/24px 'SF Pro Text'",
+    lgLgDelete: "400 16px/24px 'SF Pro Text'",
+    lgLgItalic: "Regular Italic 16px/24px 'SF Pro Text'",
+    xlXlNormal: "400 20px/28px 'SF Pro Text'",
+    xlXlStrong: "600 20px/28px 'SF Pro Text'",
+    xlXlUnderline: "400 20px/28px 'SF Pro Text'",
+    xlXlDelete: "400 20px/28px 'SF Pro Text'",
+    xlXlItalic: "Regular Italic 20px/28px 'SF Pro Text'",
+    headingHeading1: "600 38px/46px 'SF Pro Text'",
+    headingHeading2: "600 30px/38px 'SF Pro Text'",
+    headingHeading3: "600 24px/32px 'SF Pro Text'",
+    headingHeading4: "600 20px/28px 'SF Pro Text'",
+    headingHeading5: "600 16px/24px 'SF Pro Text'",
+    fontWeightItalic: "Regular Italic",
+    paddingContentHorizontalLg: "24px",
+    paddingContentVerticalLg: "16px",
+    paddingContentHorizontal: "16px",
+    paddingContentVertical: "12px",
+    paddingContentHorizontalSm: "16px",
+    paddingContentVerticalSm: "8px",
+    boxShadow: "0 1px 2px 0 rgba(0,0,0,0.03), 0 1px 6px -1px rgba(0,0,0,0.02), 0 2px 4px 0 rgba(0,0,0,0.02)",
+    boxShadowSecondary: "0 6px 16px 0 rgba(0,0,0,0.08), 0 3px 6px -4px rgba(0,0,0,0.12), 0 9px 28px 8px rgba(0,0,0,0.05)",
+    boxShadowCard: "0 1px 2px -2px rgba(0,0,0,0.16), 0 3px 6px 0 rgba(0,0,0,0.12), 0 5px 12px 4px rgba(0,0,0,0.09)",
+    colorItemText: "rgba(255, 255, 255, 0.65)",
+    colorItemTextDisabled: "rgba(255, 255, 255, 0.25)",
+    focusPrimary: "0 0 0 2px #e6f4ff",
+    focusError: "0 0 0 2px #fff1f0",
+    focusWarning: "0 0 0 2px #fffbe6",
+    tooltipBg: "rgba(0, 0, 0, 0.88)",
+    segmentedBgColorSelected: "#ffffff",
+    segmentedGroupBg: "rgba(0, 0, 0, 0.04)",
+    colorMenuDarkBg: "#001529",
+    colorMenuSubItemBg: "#000c17",
+    boxShadowButtonSolid: "0 2px 0 0 rgba(0, 0, 0, 0.02)",
+    paddingTooltipContentVertical: "6px"
+  }
+};
+
+var TokenContext = createContext(lightTheme);
+var TokenProvider = function TokenProvider(children) {
+  return React.createElement(TokenContext.Provider, {
+    value: lightTheme
+  }, children);
+};
+
 function OdsButton(props) {
-  return React.createElement(React.Fragment, null, React.createElement(StyledButton, Object.assign({}, props), props.children));
+  return React.createElement(React.Fragment, null, React.createElement(TokenProvider, null, React.createElement(StyledButton, Object.assign({}, props), props.children)));
 }
 
 var onMenuClick = function onMenuClick(e) {
@@ -137,7 +477,7 @@ var _templateObject$8;
 var StyledInput = styled(Input)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsInput(props) {
-  return React.createElement(React.Fragment, null, React.createElement(StyledInput, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children));
+  return React.createElement(React.Fragment, null, React.createElement(TokenProvider, null, React.createElement(StyledInput, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
 }
 
 var layout = {
@@ -714,5 +1054,23 @@ function grid(props) {
   }))));
 }
 
-export { OdsAutoComplete, OdsBasicForm, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDateRangePicker as OdsDatepicker, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsLogin, OdsMessage, OdsModal, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
+var DxTreeView = function DxTreeView(props) {
+  return React.createElement(React.Fragment, null, React.createElement(TreeView, {
+    id: "treeView",
+    dataSource: props.dataSource,
+    dataStructure: props.dataStructure !== undefined ? props.dataStructure : "plain",
+    keyExpr: props.keyExpr,
+    displayExpr: props.displayExpr,
+    parentIdExpr: props.parentIdExp,
+    searchEnabled: true,
+    searchMode: "contains",
+    expandAllEnabled: props.expandAllEnabled !== undefined ? props.expandAllEnabled : false,
+    expandedExpr: "expanded",
+    scrollDirection: "vertical",
+    selectNodesRecursive: true,
+    visible: true
+  }));
+};
+
+export { DxTreeView, OdsAutoComplete, OdsBasicForm, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDateRangePicker as OdsDatepicker, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsLogin, OdsMessage, OdsModal, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
 //# sourceMappingURL=index.modern.js.map