intelicoreact 1.5.41 → 1.6.0

package/dist/Atomic/FormElements/InputMask3/InputMask3.stories.js

@@ -0,0 +1,335 @@
+"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, {
+    InputMask3Template: function() {
+        return InputMask3Template;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _config = require("./config");
+require("../../../../../scss/main.scss");
+const _InputMask3 = /*#__PURE__*/ _interop_require_default(require("./InputMask3"));
+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 Mask3',
+    component: _InputMask3.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.'
+        },
+        withHiddenMode: {
+            type: 'boolean',
+            default: false,
+            description: 'Enable Password/Hidden Mode.'
+        },
+        hiddenChar: {
+            type: 'string',
+            description: 'Hidden char. If Password/Hidden Mode ENABLED value will be masked as hiddenChar',
+            default: '*'
+        },
+        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'
+        },
+        attributesOfNativeInput: {
+            description: 'Object. Optional. This is list of attributes to add in native input'
+        }
+    }
+};
+const Template = (args)=>{
+    const ref = (0, _react.useRef)(null);
+    const [value, setValue] = (0, _react.useState)('0123456789');
+    const onChange = (v, cv)=>{
+        console.log('onChange', {
+            value,
+            v,
+            cv
+        });
+        setValue(v);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask3.default, {
+                ...args,
+                name: "storybook-InputMask3",
+                onChange: onChange,
+                value: value,
+                onFilled: ()=>console.log('Done')
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                onClick: ()=>setValue(''),
+                children: "Reset Value"
+            })
+        ]
+    });
+};
+const InputMask3Template = Template.bind({});
+InputMask3Template.args = {
+    // maskPattern: 'DD/DD/DDDD',
+    // maskPatternPlaceholder: 'MM/DD/YYYY',
+    maskPattern: 'DDD-DDD-DDDD',
+    maskPatternPlaceholder: 'XXX-XXX-XXXX',
+    usePatternPlaceholder: true,
+    maskPlaceholder: 'X',
+    maskDigitPlaceholder: '',
+    maskLetterPlaceholder: '',
+    maskAsPlaceholder: true,
+    maxEditableIndex: -1,
+    maxHiddenIndex: -1,
+    isCaseSensitive: false,
+    adaptTextCase: false,
+    // icon: <Type />,
+    showIcon: false,
+    isIconLeft: true,
+    isIconRight: false,
+    isClearable: true,
+    isLoading: false,
+    withHiddenMode: false,
+    hiddenChar: '*',
+    value: '1234567890',
+    onChange: ()=>{},
+    blinkErrors: true,
+    blinkDuration: 100,
+    showErrors: true,
+    errors: {},
+    error: '',
+    onFocus: ()=>{},
+    onBlur: ()=>{},
+    className: '',
+    isFocusedDefault: false,
+    disabled: false,
+    imitateTypingOnPaste: false,
+    imitateTypingOnPasteDelay: 100,
+    showHint: false,
+    hintText: 'Hint Text',
+    hintClassName: '',
+    isHintRight: true,
+    isHintLeft: false,
+    hintPosition: 'right',
+    hideMaskOnBlur: true,
+    iconDynamicKey: 'Anchor',
+    iconDynamicProps: {
+        size: 16,
+        color: 'green'
+    }
+};

package/dist/Atomic/FormElements/InputMask3/config.js

@@ -1,17 +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
-  }
-};
+    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/Atomic/FormElements/InputMask3/functions.js

@@ -1,65 +1,91 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.voidFn = exports.selectElementContents = exports.resetSelectionText = exports.isUpperCaseLetter = exports.isLowerCaseLetter = exports.isLetterMaskChar = exports.isLetter = exports.isDigitMaskChar = exports.isDigit = exports.getSelectionText = exports.copyToClipboard = void 0;
-var _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?.replace(/\n/g, "");
+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, "");
 };
-exports.getSelectionText = getSelectionText;
-const resetSelectionText = () => {
-  if (window.getSelection) {
-    window.getSelection().removeAllRanges();
-  }
+const resetSelectionText = ()=>{
+    if (window.getSelection) {
+        window.getSelection().removeAllRanges();
+    }
 };
-exports.resetSelectionText = resetSelectionText;
-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 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.");
 };
-exports.copyToClipboard = copyToClipboard;
-const selectElementContents = function (el) {
-  let startOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
-  let endOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
-  const sel = window.getSelection();
-  sel.selectAllChildren(el);
+const selectElementContents = (el, startOffset = -1, endOffset = -1)=>{
+    const sel = window.getSelection();
+    sel.selectAllChildren(el);
 };
-exports.selectElementContents = selectElementContents;
-const isLetter = char => {
-  return Boolean(char?.length === 1 && char?.match(/[a-z]/i));
+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)));
 };
-exports.isLetter = isLetter;
-const isUpperCaseLetter = char => {
-  return isLetter(char) ? char === char.slice().toUpperCase() : false;
+const isUpperCaseLetter = (char)=>{
+    return isLetter(char) ? char === char.slice().toUpperCase() : false;
 };
-exports.isUpperCaseLetter = isUpperCaseLetter;
-const isLowerCaseLetter = char => {
-  return isLetter(char) ? char === char.slice().toLowerCase() : false;
+const isLowerCaseLetter = (char)=>{
+    return isLetter(char) ? char === char.slice().toLowerCase() : false;
 };
-exports.isLowerCaseLetter = isLowerCaseLetter;
-const isDigit = char => {
-  return Boolean(Number.isInteger(parseInt(char, 10)));
+const isDigit = (char)=>{
+    return Boolean(Number.isInteger(parseInt(char, 10)));
 };
-exports.isDigit = isDigit;
-const isDigitMaskChar = char => {
-  return char === _config.DIGIT_MASK_CHAR;
+const isDigitMaskChar = (char)=>{
+    return char === _config.DIGIT_MASK_CHAR;
 };
-exports.isDigitMaskChar = isDigitMaskChar;
-const isLetterMaskChar = char => {
-  return char === _config.UPPERCASE_LETTER_MASK_CHAR || char === _config.LOWERCASE_LETTER_MASK_CHAR;
+const isLetterMaskChar = (char)=>{
+    return char === _config.UPPERCASE_LETTER_MASK_CHAR || char === _config.LOWERCASE_LETTER_MASK_CHAR;
 };
-exports.isLetterMaskChar = isLetterMaskChar;
-const voidFn = () => {
-  // eslint-disable-next-line no-console
-  console.error("Void Function Called");
+const voidFn = ()=>{
+    // eslint-disable-next-line no-console
+    console.error("Void Function Called");
 };
-exports.voidFn = voidFn;