intelicoreact 1.5.40 → 1.5.41

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

@@ -1,335 +0,0 @@
-"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/InputWithAction/InputWithAction.stories.js

@@ -1,276 +0,0 @@
-"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, {
-    InputWithActionTemplate: function() {
-        return InputWithActionTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _InputWithAction = /*#__PURE__*/ _interop_require_default(require("./InputWithAction"));
-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;
-}
-const _default = {
-    title: 'Form Elements/InputWithAction',
-    component: _InputWithAction.default,
-    argTypes: {
-        className: {
-            description: 'string - classes of component'
-        },
-        inputClassName: {
-            description: 'string - classes of inner component "Input"'
-        },
-        isHideAction: {
-            description: 'boolean - if false then render the action trigger'
-        },
-        actionContent: {
-            description: 'string or JSX or undefined - action trigger content (if isHideAction: false, but actionContent: undefinet then will be rendered actionLabel)'
-        },
-        actionLabel: {
-            description: 'string - action trigger text if actionContent: undefined'
-        },
-        doAction: {
-            description: 'function - action method if actionContent: undefined (await doAction?.(value, actionProps))'
-        },
-        actionProps: {
-            description: 'object - additional properties for doAction method'
-        },
-        isNoChangeAfterAction: {
-            description: 'boolean - if true then after the action, the onChange(actionResult) will not be called'
-        },
-        isWithCopy: {
-            description: 'boolean - if true then render the copy button'
-        },
-        copyLabel: {
-            description: 'text - copy button text, default "Coppy"'
-        },
-        copy: {
-            description: 'function - copy button method, copy(inputValue)'
-        },
-        copyIcon: {
-            description: 'JSX'
-        },
-        isNoCopyIcon: {
-            description: 'bolean - if true then copy icon is not render'
-        },
-        isCopyIconRight: {
-            description: 'bolean - enable position to right for copy icon'
-        },
-        copyButtonVariant: {
-            description: 'sting - see variants for "Button" component'
-        },
-        isLodaing: {
-            description: 'boolean - on|off inner spiner'
-        },
-        disabled: {
-            description: 'boolean'
-        },
-        isInputZoneDisabled: {
-            description: 'boolean'
-        },
-        isInputDisabled: {
-            description: 'boolean'
-        },
-        error: {
-            description: 'text - coloring input if is errored'
-        },
-        isPriceInput: {
-            description: 'boolean - if true, the input will be styled as PriceInput'
-        },
-        withDelete: {
-            description: 'boolean - add clear-cross by hover'
-        },
-        onlyNumbers: {
-            description: 'object - only numbers'
-        },
-        softStringMode: {
-            description: 'boolean - only strings'
-        },
-        hardStringMode: {
-            description: 'boolean - soft or hard validation'
-        },
-        isTwoDigitAfterDot: {
-            description: 'boolean - only two digits after dot'
-        },
-        isFocusDefault: {
-            description: 'boolean - if true, input will be focused on mount'
-        },
-        isCropFirstNool: {
-            description: 'boolean - if true and isPriceInput - true,  crop first 0'
-        },
-        placeholder: {
-            description: 'text'
-        },
-        type: {
-            description: "'text', 'number', 'password', 'color', 'date', 'datetime-local', 'month', 'time', 'email', 'range'",
-            control: {
-                type: 'select',
-                options: [
-                    'text',
-                    'number',
-                    'password',
-                    'color',
-                    'date',
-                    'datetime-local',
-                    'month',
-                    'time',
-                    'email',
-                    'range'
-                ]
-            }
-        },
-        icon: {
-            description: 'JSX'
-        },
-        value: {
-            description: '(* - required prop)'
-        },
-        mask: {
-            description: 'string: force input to masked https://www.npmjs.com/package/react-input-mask'
-        },
-        symbolsLimit: {
-            description: 'Set limit of symbols in input, overhead will be ignored'
-        },
-        onBlur: {
-            description: 'custom callback on blur'
-        },
-        onFocus: {
-            description: 'custom callback on focus'
-        },
-        onKeyUp: {
-            description: 'custom callback on keyup, returns event keyCode'
-        },
-        isNumericMobileKeyboard: {
-            description: 'Enable Mobile Numeric Keyboard',
-            type: 'boolean',
-            default: false
-        }
-    }
-};
-const styles = {
-    with: '200px'
-};
-const doAction = async (value, props)=>{
-    return new Promise((resolve)=>{
-        const { newValue, onChange } = props;
-        setTimeout(()=>{
-            resolve(newValue) //? if isNoChangeAfterAction: false
-            ;
-        //? or
-        // onChange(newValue) //? if actionProps has onChange
-        }, 1000);
-    });
-};
-const copy = (value)=>alert(value);
-const Template = (args)=>{
-    const [value, setValue] = (0, _react.useState)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputWithAction.default, {
-        ...args,
-        value: value,
-        doAction: doAction,
-        copy: copy,
-        actionProps: {
-            newValue: 'test-test-test',
-            setValue
-        },
-        style: styles,
-        onChange: setValue
-    });
-};
-const InputWithActionTemplate = Template.bind({});
-InputWithActionTemplate.args = {
-    testId: 'test',
-    className: 'test-class-name',
-    inputClassName: 'test-class-name__input',
-    isHideAction: false,
-    // actionContent,
-    // actionLabel: 'Generate',
-    isNoChangeAfterAction: false,
-    isWithCopy: true,
-    // copyLabel: 'Coppy this value',
-    // copy,
-    copyIcon: null,
-    isNoCopyIcon: true,
-    isCopyIconRight: false,
-    // copyButtonVariant: 'primary',
-    disabled: false,
-    isInputZoneDisabled: false,
-    isInputDisabled: false,
-    isLodaing: false,
-    type: 'text',
-    isFocusDefault: false,
-    // onlyNumbers: {type: 'float', decimalPlaces: 2, min: 0, max: 1000, isNoEmptyValues: true},
-    isOnlyString: false,
-    isPriceInput: false,
-    isTwoDigitAfterDot: false,
-    isReadOnly: false,
-    error: '',
-    mask: '',
-    softStringMode: false,
-    withDelete: false,
-    symbolsLimit: 255,
-    placeholder: 'Placeholder',
-    // icon: <User className="mr5" />,
-    isNumericMobileKeyboard: false,
-    isNotValidateASCII: false,
-    isCropFirstNool: false,
-    name: 'test-name',
-    fieldKey: 'test-fieldKey',
-    key: 'test-key',
-    id: 'test-id'
-};

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

@@ -1,56 +0,0 @@
-"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, {
-    InputsRowTemplate: function() {
-        return InputsRowTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _InputsRow = /*#__PURE__*/ _interop_require_default(require("./InputsRow"));
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-global.lng = 'en';
-const _default = {
-    title: 'Form Elements/InputsRow',
-    component: _InputsRow.default
-};
-const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputsRow.default, {
-        ...args
-    });
-const InputsRowTemplate = Template.bind({});
-InputsRowTemplate.args = {
-    title: 'InputsRow title',
-    paramPlaceholder: 'Params placeholder',
-    valuePlaceholder: 'Value placeholder',
-    descriptionPlaceholder: 'Description placeholder',
-    items: [
-        {
-            param: 'x-leadgen-id',
-            value: 'QUIDDI_220',
-            description: '',
-            rowId: '1'
-        },
-        {
-            param: '',
-            value: '',
-            description: '',
-            rowId: '2'
-        }
-    ]
-};

package/dist/Atomic/FormElements/Label/Label.interface.js

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