ods-component-lib 1.18.206 → 1.18.209

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const App: React.FC;
+export default App;

package/dist/components/antd/currencyInput/OdsCurrencyInput.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { InputNumberProps } from "antd";
+declare type OdsCurrencyInputResultType = {
+    value?: number;
+    currencyId: number;
+    currencyLabel: string;
+};
+declare type OdsCurrencyInputProps = InputNumberProps & Omit<CurrencySelectProps, 'onSelect'> & {
+    onChange?: (result: OdsCurrencyInputResultType) => void;
+    locale?: string;
+};
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    Wrapper: import("antd-style").SerializedStyles;
+}>;
+declare const OdsCurrencyInput: React.FC<OdsCurrencyInputProps>;
+export default OdsCurrencyInput;
+declare type CurrencySelectProps = {
+    currencyOptions: {
+        value: number;
+        label: string;
+    }[];
+    onSelect: (currencyId: number, selectedObject?: {
+        value: number;
+        label: string;
+    }) => void;
+    defaultCurrencyId: number;
+};

package/dist/components/antd/currencyInput/OdsCurrencyInput.stories.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("antd").InputNumberProps<React.ReactText> & Pick<{
+        currencyOptions: {
+            value: number;
+            label: string;
+        }[];
+        onSelect: (currencyId: number, selectedObject?: {
+            value: number;
+            label: string;
+        }) => void;
+        defaultCurrencyId: number;
+    }, "currencyOptions" | "defaultCurrencyId"> & {
+        onChange?: (result: {
+            value?: number;
+            currencyId: number;
+            currencyLabel: string;
+        }) => void;
+        locale?: string;
+    }>;
+    argTypes: {
+        placeholder: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const EnLocale: any;

package/dist/components/antd/progress/OdsProgress.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface OdsProgressProps {
+    percent: number;
+    status?: 'active' | 'exception' | 'normal';
+    showInfo?: boolean;
+}
+declare function OdsProgress(props: OdsProgressProps): React.JSX.Element;
+export default OdsProgress;

package/dist/components/antd/progress/OdsProgress.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledProgress: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ProgressProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/components/antd/treeSelect/OdsTreeSelect.d.ts

@@ -0,0 +1,7 @@
+import { TreeSelectProps } from "antd";
+import React from "react";
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    Wrapper: import("antd-style").SerializedStyles;
+}>;
+declare function OdsTreeSelect(props: TreeSelectProps): React.JSX.Element;
+export default OdsTreeSelect;

package/dist/index.d.ts

@@ -56,6 +56,9 @@ import OdsServerSideDatagrid from "./components/devextreme/OdsServerSideDatagrid
 import OdsInlineEditDataGrid from "./components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid";
 import OdsMasterDetailDataGrid from "./components/devextreme/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid";
 import OdsChange from "./components/antd/change/OdsChange";
+import OdsProgress from "./components/antd/progress/OdsProgress";
+export { default as OdsTreeSelect } from "./components/antd/treeSelect/OdsTreeSelect";
+export { default as OdsCurrencyInput } from "./components/antd/currencyInput/OdsCurrencyInput";
 export { OdsButton };
 export { OdsInput };
 export { OdsDropdownButton };
@@ -115,3 +118,4 @@ export { OdsTransfer };
 export { OdsChange };
 export { OdsServerSideDatagrid };
 export { OdsInlineEditDataGrid };
+export { OdsProgress };

package/dist/index.js

@@ -35039,7 +35039,7 @@ var _templateObject$s, _templateObject2$4, _templateObject3$2, _templateObject4$
 var useStyles$3 = antdStyle.createStyles(function (_ref) {
   var css = _ref.css;
   return {
-    grid: css(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n    & .grid-cell-selected {\n      background-color: lightgreen;\n    }\n    & .grid-cell-disable-text-selection {\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      -khtml-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n    & .grid-cell-disable-colored {\n      background-color: lightgray;\n    }\n    & .grid-summary-row-label {\n      font-weight: 900;\n    }\n\n    & .grid-toolbar-button-item {\n      padding: 0 !important;\n    }\n\n    & .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {\n      border: none !important;\n      border-radius: 16px 16px 0 0;\n    }\n    & .dx-datagrid-borders > .dx-datagrid-filter-panel,\n    & .dx-datagrid-borders > .dx-datagrid-headers {\n      border: 0 !important;\n    }\n    & .dx-datagrid-search-panel {\n      margin-left: 0;\n    }\n    & .dx-toolbar-after .dx-toolbar-item,\n    & .dx-toolbar-after .dx-toolbar-item:last-child {\n      padding: 0;\n    }\n    & .dx-toolbar .dx-toolbar-after {\n      display: inline-flex;\n      gap: 5px;\n    }\n    .dx-datagrid-borders > .dx-datagrid-headers,\n    .dx-datagrid-borders > .dx-datagrid-rowsview,\n    .dx-datagrid-borders > .dx-datagrid-total-footer {\n      border-radius: 0;\n    }\n\n    .dx-datagrid-headers .dx-datagrid-table .dx-row > td {\n      text-align: start !important;\n    }\n\n    & .dx-column-indicators {\n      float: right !important;\n    }\n\n    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {\n      margin-right: 3px;\n      margin-left: unset;\n    }\n  "]))),
+    grid: css(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n    & .grid-cell-selected {\n      background-color: lightgreen;\n    }\n    & .grid-cell-disable-text-selection {\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      -khtml-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n    & .grid-cell-disable-colored {\n      background-color: lightgray;\n    }\n    & .grid-summary-row-label {\n      font-weight: 900;\n    }\n\n    & .grid-toolbar-button-item {\n      padding: 0 !important;\n    }\n\n    & .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {\n      border: none !important;\n      border-radius: 16px 16px 0 0;\n    }\n    & .dx-datagrid-borders > .dx-datagrid-filter-panel,\n    & .dx-datagrid-borders > .dx-datagrid-headers {\n      border: 0 !important;\n    }\n    & .dx-datagrid-search-panel {\n      margin-left: 0;\n    }\n    & .dx-toolbar-after .dx-toolbar-item,\n    & .dx-toolbar-after .dx-toolbar-item:last-child {\n      padding: 0;\n    }\n    & .dx-toolbar .dx-toolbar-after {\n      display: inline-flex;\n      gap: 5px;\n    }\n    .dx-datagrid-borders > .dx-datagrid-headers,\n    .dx-datagrid-borders > .dx-datagrid-rowsview,\n    .dx-datagrid-borders > .dx-datagrid-total-footer {\n      border-radius: 0;\n    }\n\n    .dx-datagrid-headers .dx-datagrid-table .dx-row > td:not(.dx-command-select) {\n      text-align: start !important;\n    }\n\n    & .dx-column-indicators {\n      float: right !important;\n    }\n\n    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {\n      margin-right: 3px;\n      margin-left: unset;\n    }\n  "]))),
     gridCustomSummary: css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n    background-color: rgb(255, 255, 255);\n    border-radius: 0px 0px 16px 16px;\n    font-size: 13px;\n    text-align: unset;\n    padding: 17px 16px 3px 15px;\n    font-weight: 600;\n    border-top: 1px solid #ededed;\n  "])))
   };
 });
@@ -35913,6 +35913,136 @@ var OdsChange = function OdsChange(props) {
 };
 var OdsChange$1 = React__default.memo(OdsChange);
 
+var _templateObject$u;
+var StyledProgress = styled__default(antd.Progress)(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n //\n .ant-progress-bg {\n    ", "\n  }\n"])), function (props) {
+  return props.strokeLinecap === 'square' && 'border-radius: 8px 0px 0px 8px !important;';
+});
+
+function OdsProgress(props) {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledProgress, Object.assign({}, props))));
+}
+
+var _templateObject$v;
+var useStyles$5 = antdStyle.createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    Wrapper: css(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n        width: 100%;\n    "])))
+  };
+});
+function OdsTreeSelect(props) {
+  var _useStyles = useStyles$5(),
+    styles = _useStyles.styles;
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(antd.ConfigProvider, {
+    theme: {
+      components: {
+        TreeSelect: {}
+      }
+    }
+  }, React__default.createElement(antd.TreeSelect, Object.assign({
+    className: styles.Wrapper
+  }, props)))));
+}
+
+var _excluded$6 = ["currencyOptions", "defaultCurrencyId", "locale", "onChange"];
+var _templateObject$w;
+var useStyles$6 = antdStyle.createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    Wrapper: css(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n        width: 100%;\n    "])))
+  };
+});
+var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
+  var _currencyOptions$find;
+  var currencyOptions = _ref2.currencyOptions,
+    defaultCurrencyId = _ref2.defaultCurrencyId,
+    _ref2$locale = _ref2.locale,
+    locale = _ref2$locale === void 0 ? 'tr-TR' : _ref2$locale,
+    onChange = _ref2.onChange,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$6);
+  var _useStyles = useStyles$6(),
+    styles = _useStyles.styles;
+  var _useState = React.useState({
+      value: undefined,
+      currencyId: defaultCurrencyId,
+      currencyLabel: ((_currencyOptions$find = currencyOptions.find(function (option) {
+        return option.value === defaultCurrencyId;
+      })) === null || _currencyOptions$find === void 0 ? void 0 : _currencyOptions$find.label) || ''
+    }),
+    result = _useState[0],
+    setResult = _useState[1];
+  React.useEffect(function () {
+    if (result) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(result);
+    }
+  }, [result]);
+  var formatValue = function formatValue(value) {
+    if (value === undefined || value === null) return '';
+    return new Intl.NumberFormat(locale).format(Number(value));
+  };
+  var parseValue = function parseValue(stringNumber) {
+    var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
+    var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
+    return parseFloat(stringNumber.replace(new RegExp('\\' + thousandSeparator, 'g'), '').replace(new RegExp('\\' + decimalSeparator), '.'));
+  };
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(antd.ConfigProvider, {
+    theme: {
+      components: {}
+    }
+  }, React__default.createElement(antd.InputNumber, Object.assign({
+    addonAfter: React__default.createElement(CurrencySelect, {
+      currencyOptions: currencyOptions,
+      onSelect: function onSelect(value, selected) {
+        setResult(_extends({}, result, {
+          currencyId: value,
+          currencyLabel: selected.label
+        }));
+      },
+      defaultCurrencyId: defaultCurrencyId
+    }),
+    value: result.value,
+    className: styles.Wrapper,
+    onChange: function onChange(value) {
+      setResult(_extends({}, result, {
+        value: value
+      }));
+    },
+    formatter: function formatter(value) {
+      return formatValue(Number(value));
+    },
+    parser: function parser(value) {
+      return parseValue(value);
+    }
+  }, props)))));
+};
+var CurrencySelect = function CurrencySelect(_ref3) {
+  var currencyOptions = _ref3.currencyOptions,
+    _onSelect = _ref3.onSelect,
+    defaultCurrencyId = _ref3.defaultCurrencyId;
+  return React__default.createElement(antd.Select, {
+    defaultValue: defaultCurrencyId,
+    style: {
+      width: 80
+    },
+    onSelect: function onSelect(value, selected) {
+      _onSelect(Number(value), {
+        value: Number(selected.value),
+        label: selected.key
+      });
+    }
+  }, currencyOptions.map(function (option) {
+    return React__default.createElement(antd.Select.Option, {
+      key: option.label,
+      value: option.value
+    }, option.label);
+  }));
+};
+
 /**
  * Checks if `value` is the
  * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
@@ -37576,6 +37706,7 @@ exports.OdsChange = OdsChange$1;
 exports.OdsCheckbox = OdsCheckbox;
 exports.OdsCheckboxGroup = OdsCheckboxGroup;
 exports.OdsCollapse = OdsCollapse;
+exports.OdsCurrencyInput = OdsCurrencyInput;
 exports.OdsDataGrid = OdsDataGrid;
 exports.OdsDateRangePicker = OdsDateRangePicker;
 exports.OdsDatepicker = OdsDatepicker;
@@ -37600,6 +37731,7 @@ exports.OdsNotification = OdsNotification;
 exports.OdsParagraph = OdsParagraph;
 exports.OdsPassword = OdsPassword;
 exports.OdsPhoneInput = OdsPhoneInput;
+exports.OdsProgress = OdsProgress;
 exports.OdsRadio = OdsRadio;
 exports.OdsRadioGroup = OdsRadioGroup;
 exports.OdsRangeTimepicker = OdsRangeTimepicker;
@@ -37620,4 +37752,5 @@ exports.OdsTimeline = OdsTimeline;
 exports.OdsTimepicker = OdsTimepicker;
 exports.OdsTitle = OdsTitle;
 exports.OdsTransfer = OdsTransfer;
+exports.OdsTreeSelect = OdsTreeSelect;
 //# sourceMappingURL=index.js.map