intelicoreact 1.5.32 → 1.5.34

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

@@ -0,0 +1,596 @@
+"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, {
+    DropdownTemplate: function() {
+        return DropdownTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _Dropdown = /*#__PURE__*/ _interop_require_default(require("./Dropdown"));
+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/Dropdown",
+    component: _Dropdown.default,
+    argTypes: {
+        className: {
+            description: "string"
+        },
+        value: {
+            description: "string - current option"
+        },
+        isSearchable: {
+            description: "boolean - enable search",
+            type: "boolean",
+            defaultValue: false
+        },
+        onChange: {
+            description: "callback return selected value"
+        },
+        entity: {
+            description: "string"
+        },
+        attributesOfNativeInput: {
+            description: "Object. Optional. This is list of attributes to add in native search-input"
+        },
+        isDoNotPullOutListOfMainContainer: {
+            description: "Boolean. If yes, the list container will be created in the target component"
+        }
+    }
+};
+const blockStyles = {
+    display: "flex",
+    flexFlow: "row no-wrap",
+    alignItems: "flex-start",
+    minHeight: "1000px"
+};
+const buttonStyles = {
+    border: "solid 1px #000",
+    padding: "5px",
+    margin: "0 0 0 50px"
+};
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)(args.value);
+    const [disabled, setDisabled] = (0, _react.useState)(false);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        style: blockStyles,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                style: {
+                    width: 200
+                },
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
+                    ...args,
+                    value: value,
+                    onChange: setValue,
+                    disabled: disabled,
+                    scrollReactionObj: {
+                        callback: (e)=>{
+                            setDisabled(true);
+                            setTimeout(()=>setDisabled(false), 1000);
+                        },
+                        scrollingInaccuracy: 5
+                    },
+                    withMobileLogic: true
+                })
+            }, "dropdown"),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                style: {
+                    width: 200,
+                    marginLeft: 20
+                },
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
+                    ...args,
+                    value: value,
+                    onChange: setValue,
+                    disabled: disabled,
+                    scrollReactionObj: {
+                        callback: (e)=>{
+                            setDisabled(true);
+                            setTimeout(()=>setDisabled(false), 1000);
+                        },
+                        scrollingInaccuracy: 5
+                    },
+                    withMobileLogic: true,
+                    customTrigger: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.MoreVertical, {})
+                })
+            }, "dropdown"),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                style: buttonStyles,
+                className: "mt10",
+                onClick: ()=>setValue(""),
+                children: "Reset"
+            }, "reset"),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                style: buttonStyles,
+                className: "mt10",
+                onClick: ()=>setDisabled(!disabled),
+                children: disabled ? "enable" : "disable"
+            }, "enable/disable")
+        ]
+    });
+};
+const DropdownTemplate = Template.bind({});
+DropdownTemplate.args = {
+    // isListTop: true,
+    entity: "entity",
+    value: "drop6",
+    placeholder: "Placeholder",
+    isSearchable: true,
+    isDoNotPullOutListOfMainContainer: true,
+    options: [
+        {
+            label: "Home Improvement",
+            items: [
+                {
+                    value: 8,
+                    label: "Doors",
+                    isNoActiveLenders: false,
+                    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Codesandbox, {}),
+                    postfix: "",
+                    description: "Very very very very very very very very very very very Long Doors in House Decsription"
+                },
+                {
+                    value: 9,
+                    label: "Flooring",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 10,
+                    label: "Home Automation",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 63,
+                    label: "Home Exterior",
+                    isNoActiveLenders: true,
+                    postfix: "(No Active Lenders)"
+                },
+                {
+                    value: 11,
+                    label: "HVAC",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 64,
+                    label: "Kitchen & Bath",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 60,
+                    label: "Landscaping",
+                    isNoActiveLenders: true,
+                    postfix: "(No Active Lenders)"
+                },
+                {
+                    value: 12,
+                    label: "Pool and Spas",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 13,
+                    label: "Roofing",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 61,
+                    label: "Security Systems",
+                    isNoActiveLenders: true,
+                    postfix: "(No Active Lenders)"
+                },
+                {
+                    value: 62,
+                    label: "Shades",
+                    isNoActiveLenders: true,
+                    postfix: "(No Active Lenders)"
+                },
+                {
+                    value: 14,
+                    label: "Solar Systems",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 15,
+                    label: "Termite tenting",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 16,
+                    label: "Water filtration",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 17,
+                    label: "Water heaters",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 18,
+                    label: "Windows",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                }
+            ]
+        },
+        {
+            label: "Medical",
+            items: [
+                {
+                    value: 20,
+                    label: "Audiology",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 21,
+                    label: "Chiropractic",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 22,
+                    label: "Cosmetic Surgery",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 23,
+                    label: "Dental",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 24,
+                    label: "Dermatology",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 51,
+                    label: "Hair Loss",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 50,
+                    label: "Holistic Medicine",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 65,
+                    label: "Implant Dentistry",
+                    isNoActiveLenders: true,
+                    postfix: "(No Active Lenders)"
+                },
+                {
+                    value: 25,
+                    label: "Medical Devices",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 56,
+                    label: "Medical Tourism",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 47,
+                    label: "Men's Health",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 52,
+                    label: "Naturopathic",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 26,
+                    label: "Non-invasive Cosmetic",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 27,
+                    label: "Optometry",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 46,
+                    label: "Orthodontic",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 49,
+                    label: "Physical Medicine",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 53,
+                    label: "Psychology",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 48,
+                    label: "Stem Cell",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 55,
+                    label: "Urology",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 28,
+                    label: "Vision",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 29,
+                    label: "Weight Loss",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                }
+            ]
+        },
+        {
+            label: "Other Services",
+            items: [
+                {
+                    value: 40,
+                    label: "Coaching",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 41,
+                    label: "Funeral",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 57,
+                    label: "Gyms",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 42,
+                    label: "Legal",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 58,
+                    label: "Personal Training",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 44,
+                    label: "Tattoo",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 43,
+                    label: "Tax resolution",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                }
+            ]
+        },
+        {
+            label: "Pet Services",
+            items: [
+                {
+                    value: 31,
+                    label: "Dog Training",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 32,
+                    label: "Pet Retail",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 33,
+                    label: "Veterinary",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                }
+            ]
+        },
+        {
+            label: "Retail",
+            items: [
+                {
+                    value: 34,
+                    label: "Appliances",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 35,
+                    label: "Electronics",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 36,
+                    label: "Furniture",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 38,
+                    label: "Jewelry",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 37,
+                    label: "Mattress",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 67,
+                    label: "Photography",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                },
+                {
+                    value: 45,
+                    label: "Sporting Goods",
+                    isNoActiveLenders: false,
+                    postfix: ""
+                }
+            ]
+        }
+    ],
+    // [
+    //   {label: 'ZAll', value: '', postfix: '(postfix)', className: 'optionClassName'},
+    //   {label: 'bDropdown2', value: 'drop2', postfix: '(postfix)', className: 'optionClassName'},
+    //   {label: 'dDropdown3', value: 'drop3', disabled: true},
+    //   {label: 'CDropdown4', value: 'drop4'},
+    //   {label: 'other', value: 'other'},
+    //   {label: 'ADropdown1', value: 'drop1', className: 'status status--approved'},
+    //   {label: 'FDropdown5 (HELLO)', value: 'drop5'},
+    //   {label: 'EDropdown6 hidden text lorem ipsum', value: 'drop6'},
+    //   {
+    //     label: 'KSome Group',
+    //     className: 'groupClssName',
+    //     items: [
+    //       {label: 'other', value: 'other'},
+    //       {label: 'Group 13', value: 'group13'},
+    //       {
+    //         label: 'Group 11',
+    //         value: 'group11',
+    //         className: 'groupOptionClssName',
+    //         labelClassName: 'groupOptionLabelClasName',
+    //       },
+    //       {label: 'Group 12', value: 'group12', disabled: true},
+    //     ],
+    //   },
+    //   {
+    //     label: 'Gtest last other 1',
+    //     items: [
+    //       {label: 'Dother', value: 'other'},
+    //       {label: 'BGroup 13', value: 'group13'},
+    //       {label: 'AGroup 12', value: 'group12', disabled: true},
+    //       {label: 'AGroup 11', value: 'group11'},
+    //     ],
+    //   },
+    //   {
+    //     label: 'Itest last other 2',
+    //     items: [
+    //       {label: 'Group 11', value: 'group11'},
+    //       {label: 'other', value: 'other'},
+    //       {label: 'Group 12', value: 'group12', disabled: true},
+    //       {label: 'Group 13', value: 'group13'},
+    //     ],
+    //   },
+    //   {
+    //     label: 'Htest last other 3',
+    //     items: [
+    //       {label: 'Group 11', value: 'group11'},
+    //       {label: 'Group 12', value: 'group12', disabled: true},
+    //       {label: 'other', value: 'other'},
+    //       {label: 'Group 13', value: 'group13'},
+    //     ],
+    //   },
+    //   {
+    //     label: 'JSome Group 2',
+    //     items: [
+    //       {label: 'Group 21', value: 'group21'},
+    //       {label: 'other', value: 'other'},
+    //       {label: 'Group 22', value: 'group22'},
+    //       {label: 'Group 23', value: 'group23'},
+    //     ],
+    //   },
+    // ],
+    error: "",
+    isNotValidateASCII: false,
+    fieldKey: "test-dropdown",
+    id: "test-dropdown"
+};

package/dist/src/Atomic/FormElements/Dropdown/components/DropdownLoader.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+require("./DropdownLoader.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const DropdownLoader = function({ variant }) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: "dropdown-loader-box j5",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: `lds-ring${variant === "little" ? " lds-ring_little" : ""}`,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {})
+            ]
+        })
+    });
+};
+const _default = DropdownLoader;