intelicoreact 1.5.32 → 1.5.34

package/dist/src/Atomic/FormElements/InputMask/InputMask.stories.js

@@ -0,0 +1,303 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InputMaskTemplate: function() {
+        return InputMaskTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _config = require("./config");
+const _InputMask = /*#__PURE__*/ _interop_require_default(require("./InputMask"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/Input Mask',
+    component: _InputMask.default,
+    argTypes: {
+        maskPattern: {
+            title: 'Mask Pattern',
+            description: `<b>"${_config.DIGIT_MASK_CHAR}"</b> - Digit.<br/><b>"${_config.UPPERCASE_LETTER_MASK_CHAR}"</b> or <b>"${_config.LOWERCASE_LETTER_MASK_CHAR}"</b> - Letter.`
+        },
+        maskPatternPlaceholder: {
+            title: 'Pattern Placeholder',
+            description: 'Fine-tuning the mask character.<br/>Works if <b>"usePatternPlaceholder"</b> is <b>ENABLED</b>.'
+        },
+        usePatternPlaceholder: {
+            title: 'Pattern Placeholder',
+            type: 'boolean',
+            default: false,
+            description: 'Turn <b>On/Off</b> use of <b>"maskPatternPlaceholder"</b>'
+        },
+        maskPlaceholder: {
+            title: 'Mask Placeholder',
+            type: 'string',
+            description: 'General Mask Char.<br/>Uses if <b>"usePatternPlaceholder"</b> is <b>Turned Off</b> or Specialized Mask Char is not recieved.'
+        },
+        maskDigitPlaceholder: {
+            title: 'Specialized Mask Placeholder for Digit Char',
+            description: 'Specialized Mask Placeholder for <b>Digit</b>.'
+        },
+        maskLetterPlaceholder: {
+            title: 'Specialized Mask Placeholder for Letter Char',
+            description: 'Specialized Mask Placeholder for <b>Letter</b>.'
+        },
+        maskAsPlaceholder: {
+            title: 'Use Mask As Placeholder',
+            description: 'Use Mask As Placeholder',
+            type: 'boolean',
+            default: true
+        },
+        hideMaskOnBlur: {
+            title: 'Hide mask on field blur if value is Empty',
+            type: 'boolean',
+            default: true
+        },
+        isCaseSensitive: {
+            type: 'boolean',
+            default: false,
+            description: 'Turn <b>On/Off</b> use of <b>Case Sensitive Mode</b>.'
+        },
+        adaptTextCase: {
+            type: 'boolean',
+            default: false,
+            description: 'Turn <b>On/Off</b> use of <b>Auto Text Case Adapt</b>.'
+        },
+        icon: {
+            type: 'object',
+            description: 'Icon for Input.<br/>Will works only if <b>"showIcon"</b> is <b>ENABLED</b>.'
+        },
+        showIcon: {
+            type: 'boolean',
+            default: false,
+            description: 'Turn <b>On/Off</b> Icon Display.'
+        },
+        isIconLeft: {
+            type: 'boolean',
+            default: false,
+            description: 'Display Icon on Left Side.'
+        },
+        isIconRight: {
+            type: 'boolean',
+            default: false,
+            description: 'Display Icon on Right Side.'
+        },
+        isClearable: {
+            type: 'boolean',
+            default: false,
+            description: 'Display Clear Button and Enable Clearable Possibility.'
+        },
+        value: {
+            type: 'string',
+            description: 'Input Value',
+            default: ''
+        },
+        blinkErrors: {
+            type: 'boolean',
+            default: true,
+            description: 'Turn <b>On/Off</b> Blinking Error Mode.'
+        },
+        blinkDuration: {
+            type: 'number',
+            description: 'Duration of <b>Error Blink</b> in <b>ms</b>.',
+            default: 100
+        },
+        showErrors: {
+            type: 'boolean',
+            default: true,
+            description: 'Turn <b>On/Off</b> Display of Errors.'
+        },
+        errors: {
+            type: 'object',
+            description: `Errors Descriptions: <br/>
+      <code>
+      {
+        ${Object.keys(_config.DEFAULT_ERRORS).map((key)=>`<br/> &nbsp;&nbsp;&nbsp;&nbsp;${key}: '${_config.DEFAULT_ERRORS[key]}'`)}
+        <br/>
+      }
+      </code>`
+        },
+        error: {
+            type: 'string',
+            default: '',
+            description: 'Custom Error Text. If is not empty, field would be hightlited'
+        },
+        onChange: {
+            type: 'function',
+            description: 'Callback Function for Handle <b>Input Value Change</b>'
+        },
+        onFocus: {
+            type: 'function',
+            description: 'Callback Function for Handle <b>Input Focus</b>'
+        },
+        onBlur: {
+            type: 'function',
+            description: 'Callback Function for Handle <b>Input Blur</b>'
+        },
+        className: {
+            type: 'string',
+            description: 'ClassName For Input Mask Wrapper',
+            default: ''
+        },
+        isFocusedDefault: {
+            type: 'boolean',
+            description: 'Set Autofocus On Render',
+            default: false
+        },
+        imitateTypingOnPaste: {
+            type: 'boolean',
+            description: '<b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
+            default: false
+        },
+        imitateTypingOnPasteDelay: {
+            type: 'number',
+            description: '<b>Delay Time</b> for <b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
+            default: 100
+        },
+        showHint: {
+            type: 'boolean',
+            description: 'Turn <b>On/Off</b> Input Hint.',
+            default: false
+        },
+        hintText: {
+            type: 'string',
+            description: 'Input Hint Text.',
+            default: ''
+        },
+        hintClassName: {
+            type: 'string',
+            description: 'ClassName for Input Hint.',
+            default: ''
+        },
+        isHintLeft: {
+            type: 'boolean',
+            default: false,
+            description: 'Display Input Hint on Left Side.'
+        },
+        isHintRight: {
+            type: 'boolean',
+            default: true,
+            description: 'Display Input Hint on Right Side.'
+        },
+        hintPosition: {
+            type: 'string',
+            description: 'Position of <b>Input Hint Text</b>',
+            default: 'right'
+        }
+    }
+};
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)('');
+    const [clearValue, setClearValue] = (0, _react.useState)('');
+    const ref = (0, _react.useRef)(null);
+    (0, _react.useEffect)(()=>{
+        setTimeout(()=>setValue('0123456789'), 100);
+    }, []);
+    const onChange = (v, cv)=>{
+        setValue(v);
+        setClearValue(cv);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask.default, {
+        ...args,
+        value: value,
+        onChange: onChange
+    });
+};
+const InputMaskTemplate = Template.bind({});
+InputMaskTemplate.args = {
+    // maskPattern: 'DD/DD/DDDD',
+    // maskPatternPlaceholder: 'MM/DD/YYYY',
+    maskPattern: 'DDD-DDD-DDDD',
+    maskPatternPlaceholder: 'XXX-XXX-XXXX',
+    usePatternPlaceholder: false,
+    maskPlaceholder: 'X',
+    maskDigitPlaceholder: '',
+    maskLetterPlaceholder: '',
+    maskAsPlaceholder: true,
+    isCaseSensitive: false,
+    adaptTextCase: false,
+    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Type, {}),
+    showIcon: false,
+    isIconLeft: true,
+    isIconRight: false,
+    isClearable: true,
+    value: '1234567890',
+    onChange: ()=>{},
+    blinkErrors: false,
+    blinkDuration: 100,
+    showErrors: true,
+    errors: {},
+    error: '',
+    onFocus: ()=>{},
+    onBlur: ()=>{},
+    disabled: false,
+    className: '',
+    isFocusedDefault: false,
+    imitateTypingOnPaste: false,
+    imitateTypingOnPasteDelay: 100,
+    showHint: false,
+    hintText: 'Hint Text',
+    hintClassName: '',
+    isHintRight: true,
+    isHintLeft: false,
+    hintPosition: 'right',
+    hideMaskOnBlur: true
+};

package/dist/src/Atomic/FormElements/InputMask/config.js

@@ -0,0 +1,18 @@
+"use strict";
+module.exports = {
+    UPPERCASE_LETTER_MASK_CHAR: "L",
+    LOWERCASE_LETTER_MASK_CHAR: "l",
+    DIGIT_MASK_CHAR: "D",
+    SPACE_CHAR: "\u00A0",
+    ANDROID_CHROME_TEXT_CODE: 229,
+    EXCLUDED_KEYS: [
+        "Tab"
+    ],
+    DEFAULT_ERRORS: {
+        onlyLetter: "Type letter",
+        onlyDigit: "Type digit",
+        onlyUpperCase: "Type letter in UpperCase",
+        onlyLowerCase: "Type letter in LowerCase",
+        default: null
+    }
+};

package/dist/src/Atomic/FormElements/InputMask/functions.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    copyToClipboard: function() {
+        return copyToClipboard;
+    },
+    getSelectionText: function() {
+        return getSelectionText;
+    },
+    isDigit: function() {
+        return isDigit;
+    },
+    isDigitMaskChar: function() {
+        return isDigitMaskChar;
+    },
+    isLetter: function() {
+        return isLetter;
+    },
+    isLetterMaskChar: function() {
+        return isLetterMaskChar;
+    },
+    isLowerCaseLetter: function() {
+        return isLowerCaseLetter;
+    },
+    isUpperCaseLetter: function() {
+        return isUpperCaseLetter;
+    },
+    resetSelectionText: function() {
+        return resetSelectionText;
+    },
+    selectElementContents: function() {
+        return selectElementContents;
+    },
+    voidFn: function() {
+        return voidFn;
+    }
+});
+const _config = require("./config");
+const getSelectionText = ()=>{
+    let text = "";
+    if (window.getSelection) {
+        text = window.getSelection().toString();
+    } else if (document.selection && document.selection.type !== "Control") {
+        text = document.selection.createRange().text;
+    }
+    return text === null || text === void 0 ? void 0 : text.replace(/\n/g, "");
+};
+const resetSelectionText = ()=>{
+    if (window.getSelection) {
+        window.getSelection().removeAllRanges();
+    }
+};
+const copyToClipboard = (str)=>{
+    if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str);
+    // eslint-disable-next-line prefer-promise-reject-errors
+    return Promise.reject("The Clipboard API is not available.");
+};
+const selectElementContents = (el, startOffset = -1, endOffset = -1)=>{
+    const sel = window.getSelection();
+    sel.selectAllChildren(el);
+};
+const isLetter = (char)=>{
+    return Boolean((char === null || char === void 0 ? void 0 : char.length) === 1 && (char === null || char === void 0 ? void 0 : char.match(/[a-z]/i)));
+};
+const isUpperCaseLetter = (char)=>{
+    return isLetter(char) ? char === char.slice().toUpperCase() : false;
+};
+const isLowerCaseLetter = (char)=>{
+    return isLetter(char) ? char === char.slice().toLowerCase() : false;
+};
+const isDigit = (char)=>{
+    return Boolean(Number.isInteger(parseInt(char, 10)));
+};
+const isDigitMaskChar = (char)=>{
+    return char === _config.DIGIT_MASK_CHAR;
+};
+const isLetterMaskChar = (char)=>{
+    return char === _config.UPPERCASE_LETTER_MASK_CHAR || char === _config.LOWERCASE_LETTER_MASK_CHAR;
+};
+const voidFn = ()=>{
+    // eslint-disable-next-line no-console
+    console.error("Void Function Called");
+};