linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/form/withFormSecurity.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormSecurityContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const FormSecurityContext = exports.FormSecurityContext = /*#__PURE__*/_react.default.createContext({});
+const withFormSecurity = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      onOpenChange,
+      handlerClose
+    } = props;
+    const changedData = (0, _react.useRef)(false);
+    const securityBeforeUnload = (0, _react.useRef)(false);
+    const [showQuestion, setShowQuestion] = (0, _react.useState)(false);
+    const newHandlerClose = () => {
+      if (changedData.current && securityBeforeUnload.current) {
+        setShowQuestion(true);
+      } else if (onOpenChange) onOpenChange(false);else if (handlerClose) handlerClose();
+    };
+    const onConfirmClick = () => {
+      if (onOpenChange) onOpenChange(false);
+      if (handlerClose) handlerClose();
+    };
+    const onUnconfirmClick = () => {
+      setShowQuestion(false);
+    };
+    const onChangedData = value => {
+      changedData.current = value;
+    };
+    const setSecurityBeforeUnload = value => {
+      securityBeforeUnload.current = value;
+    };
+    const contextValues = {
+      onChangedData,
+      showQuestion,
+      onConfirmClick,
+      onUnconfirmClick,
+      setSecurityBeforeUnload,
+      securityBeforeUnload: securityBeforeUnload.current
+    };
+    return /*#__PURE__*/_react.default.createElement(FormSecurityContext.Provider, {
+      value: contextValues
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
+      handlerClose: newHandlerClose
+    })));
+  };
+  return EnhancedComponent;
+};
+var _default = exports.default = withFormSecurity;

package/lib/gridlayout/GridCol.d.ts

@@ -0,0 +1,6 @@
+import { IGridCol } from './types.js';
+import 'react';
+
+declare const GridCol: (props: IGridCol) => JSX.Element | null;
+
+export { GridCol as default };

package/lib/gridlayout/GridCol.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/gridlayout.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getClass = col => {
+  const cols = col ? col.split(' ') : [];
+  let classes = 'grid-container ';
+  if (cols[0]) classes += `col-xs-${cols[0]}`;
+  if (cols[1]) classes += ` col-sm-${cols[1]}`;
+  if (cols[2]) classes += ` col-md-${cols[2]}`;
+  if (cols[3]) classes += ` col-lg-${cols[3]}`;
+  return classes;
+};
+const GridCol = props => {
+  const {
+    cols,
+    customClass,
+    children,
+    style,
+    visible = true
+  } = props;
+  const gridClasses = getClass(cols || '');
+  if (!visible) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `${customClass} ${gridClasses}`,
+    style: style
+  }, children);
+};
+var _default = exports.default = GridCol;

package/lib/gridlayout/GridRow.d.ts

@@ -0,0 +1,6 @@
+import { IGridRow } from './types.js';
+import 'react';
+
+declare const GridRow: (props: IGridRow) => JSX.Element | null;
+
+export { GridRow as default };

package/lib/gridlayout/GridRow.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/gridlayout.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const getClass = props => `row ${props.customClass}
+    ${props.withTrim && ' -withtrim'}
+    ${props.verticalAlign && ` align-items-${props.verticalAlign}`}
+    ${props.horizontalAlign && ` justify-content-${props.horizontalAlign}`}`;
+const GridRow = props => {
+  const {
+    style,
+    children,
+    verticalAlign = 'start',
+    visible = true
+  } = props;
+  if (!visible) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    className: getClass(_objectSpread(_objectSpread({}, props), {}, {
+      verticalAlign
+    }))
+  }, children);
+};
+var _default = exports.default = GridRow;

package/lib/gridlayout/index.d.ts

@@ -0,0 +1,8 @@
+export { default as GridRow } from './GridRow.js';
+import GridCol from './GridCol.js';
+import './types.js';
+import 'react';
+
+
+
+export { GridCol as default };

package/lib/gridlayout/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GridRow", {
+  enumerable: true,
+  get: function () {
+    return _GridRow.default;
+  }
+});
+exports.default = void 0;
+var _GridRow = _interopRequireDefault(require("./GridRow"));
+var _GridCol = _interopRequireDefault(require("./GridCol"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _GridCol.default;

package/lib/gridlayout/types.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode, CSSProperties } from 'react';
+
+interface IGridCol {
+    children?: ReactNode | ReactNode[];
+    cols?: string;
+    customClass?: string;
+    style?: CSSProperties;
+    visible?: boolean;
+}
+interface IGridRow {
+    children?: ReactNode | ReactNode[];
+    verticalAlign?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+    horizontalAlign?: string;
+    style?: CSSProperties;
+    withTrim?: boolean;
+    visible?: boolean;
+    customClass?: string;
+}
+
+export { IGridCol, IGridRow };

package/lib/gridlayout/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/hint/helpers.d.ts

@@ -0,0 +1,3 @@
+declare const showHintList: (arrayHint: string[]) => JSX.Element;
+
+export { showHintList };

package/lib/hint/helpers.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showHintList = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const showHintList = arrayHint => /*#__PURE__*/_react.default.createElement("div", {
+  className: "rules-list",
+  style: {
+    padding: '15px 0px'
+  }
+}, /*#__PURE__*/_react.default.createElement("ul", {
+  style: {
+    listStyleType: 'none'
+  }
+}, arrayHint.map((hint, index) => /*#__PURE__*/_react.default.createElement("li", {
+  key: index.toString()
+}, "- ", hint))));
+exports.showHintList = showHintList;

package/lib/hint/index.d.ts

@@ -0,0 +1,7 @@
+import { HintProps } from './types.js';
+import 'react';
+import '../@types/ColorStyles.js';
+
+declare const Hint: ({ visible, description, customClass, skeletonize, style, disabled, color, }: HintProps) => JSX.Element | null;
+
+export { Hint as default };

package/lib/hint/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _helpers = require("./helpers");
+require("../assets/styles/hint.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Hint = _ref => {
+  let {
+    visible = true,
+    description,
+    customClass,
+    skeletonize = false,
+    style,
+    disabled = false,
+    color
+  } = _ref;
+  if (!visible || !description) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "aria-disabled": disabled,
+    style: style,
+    className: `
+        hint-component
+        ${customClass}
+        ${skeletonize ? '-skeletonized' : ''}
+        ${disabled ? '-disabled' : ''}
+        -${color}
+      `
+  }, Array.isArray(description) ? (0, _helpers.showHintList)(description) : /*#__PURE__*/_react.default.createElement("span", {
+    "aria-disabled": disabled
+  }, description));
+};
+var _default = exports.default = Hint;

package/lib/hint/types.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+import { ColorStyles } from '../@types/ColorStyles.js';
+
+interface HintProps {
+    description?: string | string[];
+    visible?: boolean;
+    customClass?: string;
+    skeletonize?: boolean;
+    disabled?: boolean;
+    style?: CSSProperties;
+    color?: ColorStyles;
+}
+
+export { HintProps };

package/lib/hint/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});