playbook_ui 12.31.0.pre.alpha.customiconsfa928 → 12.31.0.pre.alpha.datepickerdisableddatefix931
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/index.js +1 -2
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +37 -31
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +3 -9
- data/app/pb_kits/playbook/pb_icon/icon.rb +2 -8
- data/dist/playbook-rails.js +4 -4
- data/lib/playbook/version.rb +1 -1
- metadata +1 -2
- data/app/pb_kits/playbook/custom-icons.js +0 -355
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 654d556d34f5a4d85545aff221a0ad40d54b0f09c6f5a26d74dbd99b346ce57d
|
4
|
+
data.tar.gz: 3ae3d76e2d79224c105d7b8c53c7f7c9033cda03505d55cc4222262926e9a580
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1e0ed9fa251b5130bcdfc146ea0e1144b2273424c5f8171fc12b573ada98fbf2ca743d7467602d6d904b65c16fb8976ed51133461bb6497cff4dc038823100b4
|
7
|
+
data.tar.gz: a8dcf56f0adeed47b1e403318feec0a711f9d45dbc6617e26bdb19533fe055552a61bfeb05663141b49d28810f12f3e62397f8177ffa07e6510533a5972f1b5b
|
@@ -2,7 +2,6 @@
|
|
2
2
|
import './_playbook.scss'
|
3
3
|
import 'lazysizes/plugins/attrchange/ls.attrchange'
|
4
4
|
import 'lazysizes'
|
5
|
-
import './custom-icons'
|
6
5
|
|
7
6
|
// vvv React Component JSX Imports from the React Kits vvv
|
8
7
|
export { default as Avatar } from './pb_avatar/_avatar'
|
@@ -130,4 +129,4 @@ export { default as PbTypeahead } from './pb_typeahead'
|
|
130
129
|
export { default as dialogHelper } from './pb_dialog/dialogHelper'
|
131
130
|
|
132
131
|
//Theming
|
133
|
-
export {default as mapTheme} from './pb_map/pbMapTheme'
|
132
|
+
export {default as mapTheme} from './pb_map/pbMapTheme'
|
@@ -71,13 +71,42 @@ const datePickerHelper = (config: DatePickerConfig, scrollContainer: string | HT
|
|
71
71
|
}
|
72
72
|
}
|
73
73
|
const disabledParser = () => {
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
74
|
+
const disabledArray=[]
|
75
|
+
|
76
|
+
disableDate && disableDate.length > 0 && disabledArray.push(...disableDate)
|
77
|
+
disableRange && disableRange.length > 0 && disabledArray.push(...disableRange)
|
78
|
+
disableWeekdays && disableWeekdays.length > 0 && disabledArray.push(...disabledWeekDays())
|
79
|
+
|
80
|
+
return disabledArray
|
81
|
+
}
|
82
|
+
|
83
|
+
const disabledWeekDays = () => {
|
84
|
+
return (
|
85
|
+
[
|
86
|
+
(date:any) => {
|
87
|
+
const weekdayObj: {
|
88
|
+
[day: string]: number
|
89
|
+
} = {
|
90
|
+
Sunday: 0,
|
91
|
+
Monday: 1,
|
92
|
+
Tuesday: 2,
|
93
|
+
Wednesday: 3,
|
94
|
+
Thursday: 4,
|
95
|
+
Friday: 5,
|
96
|
+
Saturday: 6,
|
97
|
+
}
|
98
|
+
return (
|
99
|
+
date.getDay() === weekdayObj[disableWeekdays[0]] ||
|
100
|
+
date.getDay() === weekdayObj[disableWeekdays[1]] ||
|
101
|
+
date.getDay() === weekdayObj[disableWeekdays[2]] ||
|
102
|
+
date.getDay() === weekdayObj[disableWeekdays[3]] ||
|
103
|
+
date.getDay() === weekdayObj[disableWeekdays[4]] ||
|
104
|
+
date.getDay() === weekdayObj[disableWeekdays[5]] ||
|
105
|
+
date.getDay() === weekdayObj[disableWeekdays[6]]
|
106
|
+
)
|
107
|
+
},
|
108
|
+
]
|
109
|
+
)
|
81
110
|
}
|
82
111
|
const calendarResizer = () => {
|
83
112
|
const cal = document.querySelector(`#cal-${pickerId}.open`) as HTMLElement
|
@@ -127,30 +156,7 @@ const datePickerHelper = (config: DatePickerConfig, scrollContainer: string | HT
|
|
127
156
|
disableMobile: true,
|
128
157
|
dateFormat: getDateFormat(),
|
129
158
|
defaultDate: defaultDateGetter(),
|
130
|
-
disable:
|
131
|
-
(date) => {
|
132
|
-
const weekdayObj: {
|
133
|
-
[day: string]: number
|
134
|
-
} = {
|
135
|
-
Sunday: 0,
|
136
|
-
Monday: 1,
|
137
|
-
Tuesday: 2,
|
138
|
-
Wednesday: 3,
|
139
|
-
Thursday: 4,
|
140
|
-
Friday: 5,
|
141
|
-
Saturday: 6,
|
142
|
-
}
|
143
|
-
return (
|
144
|
-
date.getDay() === weekdayObj[disableWeekdays[0]] ||
|
145
|
-
date.getDay() === weekdayObj[disableWeekdays[1]] ||
|
146
|
-
date.getDay() === weekdayObj[disableWeekdays[2]] ||
|
147
|
-
date.getDay() === weekdayObj[disableWeekdays[3]] ||
|
148
|
-
date.getDay() === weekdayObj[disableWeekdays[4]] ||
|
149
|
-
date.getDay() === weekdayObj[disableWeekdays[5]] ||
|
150
|
-
date.getDay() === weekdayObj[disableWeekdays[6]]
|
151
|
-
)
|
152
|
-
},
|
153
|
-
] : disabledParser(),
|
159
|
+
disable: disabledParser(),
|
154
160
|
enableTime,
|
155
161
|
locale: {
|
156
162
|
rangeSeparator: ' to '
|
@@ -34,7 +34,7 @@ type IconProps = {
|
|
34
34
|
pulse?: boolean,
|
35
35
|
rotation?: 90 | 180 | 270,
|
36
36
|
size?: IconSizes,
|
37
|
-
fontStyle?: 'far' | 'fas' | 'fab'
|
37
|
+
fontStyle?: 'far' | 'fas' | 'fab',
|
38
38
|
spin?: boolean,
|
39
39
|
} & GlobalProps
|
40
40
|
|
@@ -76,7 +76,6 @@ const Icon = (props: IconProps) => {
|
|
76
76
|
[`fa-${size}`]: size,
|
77
77
|
[`fa-pull-${pull}`]: pull,
|
78
78
|
[`fa-rotate-${rotation}`]: rotation,
|
79
|
-
|
80
79
|
}
|
81
80
|
|
82
81
|
// Lets check and see if the icon prop is referring to a custom Power icon...
|
@@ -84,15 +83,11 @@ const Icon = (props: IconProps) => {
|
|
84
83
|
// this ensures the JS will not do any further operations
|
85
84
|
// faClasses[`fa-${icon}`] = customIcon ? 'custom' : icon
|
86
85
|
if (!customIcon) faClasses[`fa-${icon}`] = icon
|
87
|
-
|
88
|
-
const whiteList = [
|
89
|
-
'greensky', 'powergon'
|
90
|
-
]
|
91
|
-
|
86
|
+
|
92
87
|
const classes = classnames(
|
93
88
|
flipMap[flip],
|
94
89
|
'pb_icon_kit',
|
95
|
-
customIcon ? '' :
|
90
|
+
customIcon ? '' : fontStyle,
|
96
91
|
faClasses,
|
97
92
|
globalProps(props),
|
98
93
|
className
|
@@ -115,7 +110,6 @@ const Icon = (props: IconProps) => {
|
|
115
110
|
return emojiRegex.test(emoji);
|
116
111
|
};
|
117
112
|
|
118
|
-
|
119
113
|
// Add a conditional here to show only the SVG if custom
|
120
114
|
const displaySVG = (customIcon: any) => {
|
121
115
|
if (customIcon)
|
@@ -33,7 +33,7 @@ module Playbook
|
|
33
33
|
values: ["lg", "xs", "sm", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x", nil],
|
34
34
|
default: nil
|
35
35
|
prop :font_style, type: Playbook::Props::Enum,
|
36
|
-
values: %w[far fas fab
|
36
|
+
values: %w[far fas fab],
|
37
37
|
default: "far"
|
38
38
|
prop :spin, type: Playbook::Props::Boolean,
|
39
39
|
default: false
|
@@ -140,13 +140,7 @@ module Playbook
|
|
140
140
|
end
|
141
141
|
|
142
142
|
def font_style_class
|
143
|
-
|
144
|
-
|
145
|
-
if white_list.include?(icon)
|
146
|
-
"fak"
|
147
|
-
elsif font_style
|
148
|
-
font_style.to_s
|
149
|
-
end
|
143
|
+
font_style ? font_style.to_s : "far"
|
150
144
|
end
|
151
145
|
|
152
146
|
def spin_class
|