@pisell/materials 1.0.533 → 1.0.535

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -65,7 +65,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;
@@ -81,12 +81,5 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         }[];
     } | undefined;
     onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
-    extraParams?: {
-        list?: Record<string, any> | undefined;
-        get?: Record<string, any> | undefined;
-        update?: Record<string, any> | undefined;
-        create?: Record<string, any> | undefined;
-        destroy?: Record<string, any> | undefined;
-    } | undefined;
 };
 export default useTableProps;

package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -1,4 +1,4 @@
-var _excluded = ["value", "onChange", "isVerification"];
+var _excluded = ["value", "onChange", "isVerification", "disabled"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -22,6 +22,7 @@ var PhoneInput = function PhoneInput(_ref) {
   var propsValue = _ref.value,
     onChange = _ref.onChange,
     isVerification = _ref.isVerification,
+    disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useCountries = useCountries(),
     _useCountries$data = _useCountries.data,
@@ -102,6 +103,7 @@ var PhoneInput = function PhoneInput(_ref) {
   return /*#__PURE__*/React.createElement(Space.Compact, {
     block: true
   }, /*#__PURE__*/React.createElement(Select, {
+    disabled: disabled,
     value: countryCode,
     onChange: handleCountryChange,
     style: {
@@ -120,6 +122,7 @@ var PhoneInput = function PhoneInput(_ref) {
       };
     })
   }), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+    disabled: disabled,
     status: status,
     type: "tel",
     value: phoneNumber,

package/es/components/dataSourceComponents/hooks/useActions.js

@@ -105,7 +105,7 @@ var useActions = function useActions() {
               });
             case 2:
               result = _context.sent;
-              if (!(dataSourceKey === 'mypisell-api')) {
+              if (!['pisell2-api', 'mypisell-api'].includes(dataSourceKey)) {
                 _context.next = 5;
                 break;
               }

package/es/components/pisellViewGrid/index.js

@@ -1,3 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import Loading from "../pisellLoading";
 import classNames from 'classnames';
@@ -30,21 +36,30 @@ var PisellViewGrid = function PisellViewGrid(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: classes,
-    style: style
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      width: '100%',
+      overflow: 'hidden'
+    })
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-view-grid-content",
     style: !singleRow ? {
       gap: "".concat(verticalGap, "px ").concat(horizontalGap, "px"),
-      gridTemplateColumns: "repeat(".concat(columns, ", 1fr)")
+      gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"),
+      width: '100%'
     } : {
       display: 'flex',
       flexWrap: 'nowrap',
-      overflowX: 'auto'
+      overflowX: 'auto',
+      width: '100%'
     }
   }, dataSource.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
-      className: "pisell-view-grid-item"
+      className: "pisell-view-grid-item",
+      style: {
+        minWidth: 0,
+        flex: "0 0 calc(100% / ".concat(columns, ")")
+      }
     }, renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, index));
   }))));
 };

package/es/components/pisellViewGrid/index.less

@@ -6,6 +6,7 @@
 
   &-content {
     display: grid;
+    width: 100%;
     // grid-template-columns: repeat(4, 1fr);
     // gap: 10px;
   }

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -65,7 +65,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;
@@ -81,12 +81,5 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         }[];
     } | undefined;
     onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
-    extraParams?: {
-        list?: Record<string, any> | undefined;
-        get?: Record<string, any> | undefined;
-        update?: Record<string, any> | undefined;
-        create?: Record<string, any> | undefined;
-        destroy?: Record<string, any> | undefined;
-    } | undefined;
 };
 export default useTableProps;

package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -42,7 +42,7 @@ var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils2 = require("../../dataSourceForm/utils");
 var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
 var { Option } = import_select.default;
-var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) => {
+var PhoneInput = ({ value: propsValue, onChange, isVerification, disabled, ...props }) => {
   const { data: countries = [] } = (0, import_serve.useCountries)();
   const translationOriginal = (0, import_useTranslationOriginal.default)();
   const value = (0, import_react.useMemo)(() => {
@@ -106,6 +106,7 @@ var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) =>
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(
     import_select.default,
     {
+      disabled,
       value: countryCode,
       onChange: handleCountryChange,
       style: { width: "90px" },
@@ -124,6 +125,7 @@ var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) =>
     import_antd.Input,
     {
       ...props,
+      disabled,
       status,
       type: "tel",
       value: phoneNumber,

package/lib/components/dataSourceComponents/hooks/useActions.js

@@ -98,7 +98,7 @@ var useActions = ({
           headers,
           body
         });
-        if (dataSourceKey === "mypisell-api") {
+        if (["pisell2-api", "mypisell-api"].includes(dataSourceKey)) {
           return result.data;
         }
         return result;

package/lib/components/pisellViewGrid/index.js

@@ -55,20 +55,44 @@ var PisellViewGrid = ({
     },
     className
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_pisellLoading.default, { loading, fullscreen: false, style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: classes, style }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_pisellLoading.default, { loading, fullscreen: false, style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: "pisell-view-grid-content",
-      style: !singleRow ? {
-        gap: `${verticalGap}px ${horizontalGap}px`,
-        gridTemplateColumns: `repeat(${columns}, 1fr)`
-      } : {
-        display: "flex",
-        flexWrap: "nowrap",
-        overflowX: "auto"
+      className: classes,
+      style: {
+        ...style,
+        width: "100%",
+        overflow: "hidden"
       }
     },
-    dataSource.map((item, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: "pisell-view-grid-item" }, renderItem == null ? void 0 : renderItem(item, index)))
-  )));
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-view-grid-content",
+        style: !singleRow ? {
+          gap: `${verticalGap}px ${horizontalGap}px`,
+          gridTemplateColumns: `repeat(${columns}, 1fr)`,
+          width: "100%"
+        } : {
+          display: "flex",
+          flexWrap: "nowrap",
+          overflowX: "auto",
+          width: "100%"
+        }
+      },
+      dataSource.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: index,
+          className: "pisell-view-grid-item",
+          style: {
+            minWidth: 0,
+            flex: `0 0 calc(100% / ${columns})`
+          }
+        },
+        renderItem == null ? void 0 : renderItem(item, index)
+      ))
+    )
+  ));
 };
 var pisellViewGrid_default = PisellViewGrid;

package/lib/components/pisellViewGrid/index.less

@@ -6,6 +6,7 @@
 
   &-content {
     display: grid;
+    width: 100%;
     // grid-template-columns: repeat(4, 1fr);
     // gap: 10px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.533",
+  "version": "1.0.535",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -69,9 +69,9 @@
     "libphonenumber-js": "^1.11.17",
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
-    "@pisell/date-picker": "1.0.115",
+    "@pisell/utils": "1.0.43",
     "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43"
+    "@pisell/date-picker": "1.0.115"
   },
   "peerDependencies": {
     "react": "^18.0.0",